/* =====================================================
   TAXPLUS INSURANCE - PROFESSIONAL LOGIN THEME
   ===================================================== */

/* Fondo principal */
body.welcome-anonymous{
    background: linear-gradient(
        135deg,
        #eef5fb 0%,
        #ffffff 55%,
        #eef8e9 100%
    ) !important;
}

/* Figuras decorativas */
body.welcome-anonymous::before{
    content:"";
    position:fixed;
    top:-120px;
    left:-120px;
    width:350px;
    height:350px;
    background:rgba(11,79,148,.08);
    transform:rotate(45deg);
    z-index:-1;
}
body.welcome-anonymous::after{
    content:"";
    position:fixed;
    bottom:-150px;
    right:-150px;
    width:450px;
    height:450px;
    background:rgba(105,178,41,.08);
    transform:rotate(45deg);
    z-index:-1;
}

/* =====================================================
   LOGO TAXPLUS LOGIN
   ===================================================== */
.taxplus-login-logo{
    display:block !important;
    width:min(90vw,700px) !important;
    max-width:700px !important;
    height:auto !important;
    margin:0 auto 25px auto !important;
}

/* =====================================================
   TARJETA LOGIN
   ===================================================== */
.card.card-md{
    border:none !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:#ffffff !important;
    box-shadow:
        0 15px 45px rgba(11,79,148,.12),
        0 4px 12px rgba(0,0,0,.05) !important;
}
.card.card-md::before{
    content:"";
    display:block;
    height:7px;
    background:linear-gradient(
        90deg,
        #0b4f94 0%,
        #f4c542 50%,
        #69b229 100%
    );
}

/* =====================================================
   TITULOS
   ===================================================== */
.card-header h2,
h2{
    color:#0b4f94 !important;
    font-weight:700 !important;
    text-align:center !important;
}

/* =====================================================
   INPUTS
   ===================================================== */
.form-control{
    border-radius:10px !important;
    border:1px solid #d6deea !important;
    transition:all .25s ease !important;
}
.form-control:focus{
    border-color:#0b4f94 !important;
    box-shadow: 0 0 0 .2rem rgba(11,79,148,.15) !important;
}

/* =====================================================
   BOTON LOGIN
   ===================================================== */
.btn-primary{
    background:#f4c542 !important;
    border:none !important;
    color:#0b4f94 !important;
    font-weight:700 !important;
    border-radius:10px !important;
    transition:all .25s ease !important;
}
.btn-primary:hover{
    background:#0b4f94 !important;
    color:#ffffff !important;
}

/* =====================================================
   LINKS
   ===================================================== */
a{
    color:#0b4f94 !important;
    transition:.25s ease;
}
a:hover{
    color:#69b229 !important;
}

/* =====================================================
   FOOTER
   ===================================================== */
.text-muted{
    color:#6c7a89 !important;
}

/* =====================================================
   SIDEBAR TAXPLUS LOGO
   ===================================================== */
aside.navbar a.navbar-brand{
    background: #ffffff !important;
    border-radius:10px !important;
    width:170px !important;
    height:75px !important;
    margin:12px auto 18px auto !important;
    padding:8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:0 4px 12px rgba(0,0,0,.18) !important;
} 
/* =====================================================
   TAXPLUS INSURANCE - PROFESSIONAL LOGIN THEME
   ===================================================== */

/* Fondo principal */
body.welcome-anonymous{
    background: linear-gradient(
        135deg,
        #eef5fb 0%,
        #ffffff 55%,
        #eef8e9 100%
    ) !important;
}

/* Figuras decorativas */
body.welcome-anonymous::before{
    content:"";
    position:fixed;
    top:-120px;
    left:-120px;
    width:350px;
    height:350px;
    background:rgba(11,79,148,.08);
    transform:rotate(45deg);
    z-index:-1;
}
body.welcome-anonymous::after{
    content:"";
    position:fixed;
    bottom:-150px;
    right:-150px;
    width:450px;
    height:450px;
    background:rgba(105,178,41,.08);
    transform:rotate(45deg);
    z-index:-1;
}

/* =====================================================
   LOGO TAXPLUS LOGIN
   ===================================================== */
.taxplus-login-logo{
    display:block !important;
    width:min(90vw,700px) !important;
    max-width:700px !important;
    height:auto !important;
    margin:0 auto 25px auto !important;
}

/* =====================================================
   TARJETA LOGIN
   ===================================================== */
.card.card-md{
    border:none !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:#ffffff !important;
    box-shadow:
        0 15px 45px rgba(11,79,148,.12),
        0 4px 12px rgba(0,0,0,.05) !important;
}
.card.card-md::before{
    content:"";
    display:block;
    height:7px;
    background:linear-gradient(
        90deg,
        #0b4f94 0%,
        #f4c542 50%,
        #69b229 100%
    );
}

/* =====================================================
   TITULOS
   ===================================================== */
.card-header h2,
h2{
    color:#0b4f94 !important;
    font-weight:700 !important;
    text-align:center !important;
}

/* =====================================================
   INPUTS
   ===================================================== */
.form-control{
    border-radius:10px !important;
    border:1px solid #d6deea !important;
    transition:all .25s ease !important;
}
.form-control:focus{
    border-color:#0b4f94 !important;
    box-shadow: 0 0 0 .2rem rgba(11,79,148,.15) !important;
}

/* =====================================================
   BOTON LOGIN
   ===================================================== */
.btn-primary{
    background:#f4c542 !important;
    border:none !important;
    color:#0b4f94 !important;
    font-weight:700 !important;
    border-radius:10px !important;
    transition:all .25s ease !important;
}
.btn-primary:hover{
    background:#0b4f94 !important;
    color:#ffffff !important;
}

/* =====================================================
   LINKS
   ===================================================== */
a{
    color:#0b4f94 !important;
    transition:.25s ease;
}
a:hover{
    color:#69b229 !important;
}

/* =====================================================
   FOOTER
   ===================================================== */
.text-muted{
    color:#6c7a89 !important;
}

/* Logo dentro del sidebar */
.taxplus-sidebar-logo{
    display:block !important;
    width:150px !important;
    max-width:150px !important;
    height:auto !important;
    object-fit:contain !important;
}

/* =====================================================
   TABLET
   ===================================================== */
@media (max-width:768px){
    .container-tight{
        padding-left:12px !important;
        padding-right:12px !important;
    }
    .taxplus-login-logo{
        width:85vw !important;
        max-width:420px !important;
    }
    .card.card-md{
        border-radius:14px !important;
    }
    .card-body{
        padding:20px !important;
    }
    .btn-primary{
        height:46px !important;
    }
    aside.navbar a.navbar-brand{
        width:145px !important;
        height:65px !important;
    }
    .taxplus-sidebar-logo{
        width:125px !important;
        height:auto !important;
    }
}

/* =====================================================
   CELULAR
   ===================================================== */
@media (max-width:480px){
    .taxplus-login-logo{
        width:78vw !important;
        max-width:280px !important;
        margin-bottom:15px !important;
    }
    .card-header h2,
    h2{
        font-size:1.3rem !important;
    }
    .card-body{
        padding:18px !important;
    }
    aside.navbar a.navbar-brand{
        width:120px !important;
        height:55px !important;
    }
    .taxplus-sidebar-logo{
        width:100px !important;
        height:auto !important;
    }
}

/* Logo dentro del sidebar */
.taxplus-sidebar-logo{
    display:block !important;
    width:150px !important;
    max-width:150px !important;
    height:auto !important;
    object-fit:contain !important;
}

/* =====================================================
   TABLET
   ===================================================== */
@media (max-width:768px){
    .container-tight{
        padding-left:12px !important;
        padding-right:12px !important;
    }
    .taxplus-login-logo{
        width:85vw !important;
        max-width:420px !important;
    }
    .card.card-md{
        border-radius:14px !important;
    }
    .card-body{
        padding:20px !important;
    }
    .btn-primary{
        height:46px !important;
    }
    aside.navbar a.navbar-brand{
        width:145px !important;
        height:65px !important;
    }
    .taxplus-sidebar-logo{
        width:125px !important;
        height:auto !important;
    }
}

/* =====================================================
   CELULAR
   ===================================================== */
@media (max-width:480px){
    .taxplus-login-logo{
        width:78vw !important;
        max-width:280px !important;
        margin-bottom:15px !important;
    }
    .card-header h2,
    h2{
        font-size:1.3rem !important;
    }
    .card-body{
        padding:18px !important;
    }
    aside.navbar a.navbar-brand{
        width:120px !important;
        height:55px !important;
    }
    .taxplus-sidebar-logo{
        width:100px !important;
        height:auto !important;
    }
}