/* Header */
.header{
    background:#051C2C;
    border-bottom:1px solid rgba(119,57,245,.5);
}
.header .logo{
    transition:opacity .2s ease-in-out;
}
.header .logo:hover{
    opacity:.9;
}
.header .navigation-container .buttons .button{
    box-shadow:0 0 15px 0 #7739F5;
}
.header .navigation-container .buttons .button:not(.secondary){
    background:#F5F5F5;font-weight:500;
}
.header > .navigation-container > .button-pulldown > .button {
    background:#F5F5F5;
}

/* Company Footer */
.company-footer{
    background:#051C2C;
    color:#fff;
    border-top:1px solid rgba(119,57,245,.5);
}
.company-footer p a{
    color:#fff;
}
.company-footer p a:hover{
    color:#7739F5;
}
.company-footer p .sep{
    color:#7739F5;
    opacity:50%;
}
.company-footer .footer-logo svg path{
    fill:#fff;
}
.company-footer .footer-logo svg:hover path{
    fill:#e6007e;
}

/* Pantalla de cuenta */
.page-content > .accounts{
    background-color:#11112A;
    background-image:url(https://vortex-statics-prod.s3.amazonaws.com/portal/images/vortex-brand/vortex-accounts-brand.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx){
    .page-content > .accounts{
        background-image:url(https://vortex-statics-prod.s3.amazonaws.com/portal/images/vortex-brand/vortex-accounts-brand@2x.jpg);
    }
}
.page-content > .accounts.img-left{
    background-position-x:center;
    background-size:100%;
    background-repeat:repeat-y;
}
.page-content > .accounts form{
    background:none;
}
.page-content > .accounts form h1{
    color:#00cc83;
}
.page-content > .accounts form > .form-tip{
    color:#7739F5;
}
.page-content > .accounts #success-container h2{
    color:#FFB632;
}
/* De SM para abajo */
@media only screen and (max-width: 992px) {
    .page-content > .accounts.img-left{
        background-position: calc(100% - 82%) center;
        background-size: auto 100%;
    }
}

/* My Account */
.my-account .section-content .section-subtitle h2{
    color:#e6007e;
}

/* User Home */
.user-home .section-guide .box-item .box-icon{
    background-color:#FFB632;
}
.user-home .section-guide h2{
    color:#00CC83;
}
.user-home .section-apis h2,
.user-home .section-stats h2{
    color:#E6007E;
}