/* =====================================================
   OPTIC TECH ERPNext LOGIN
   Light Technology Glass Theme
   Primary #0f5f97
===================================================== */


:root {

    --primary:#0f5f97;
    --primary-light:#16a3d6;
    --text:#16324f;

}



/* ===============================
 BACKGROUND
================================ */


body[data-path="login"] {


    direction:rtl;


    min-height:100vh;


    background:


    linear-gradient(
        90deg,
        rgba(15,95,151,.45),
        rgba(80,170,220,.35)
    ),


    url("/assets/custom_accounting/images/optic-login-bg.png");



    background-size:cover;


    background-position:center;



}




body[data-path="login"] .navbar,
body[data-path="login"] footer {

    display:none!important;

}



/* ===============================
 CENTER
================================ */


body[data-path="login"] main {


    min-height:100vh!important;


    display:flex!important;


    align-items:center!important;


    justify-content:center!important;


}





/* ===============================
 LOGIN CARD
================================ */


body[data-path="login"] .page-card {


    width:500px!important;


    max-width:92%!important;



    padding:45px!important;



    background:


   rgba(15,95,151,.35)!important;



    backdrop-filter:blur(20px);



    -webkit-backdrop-filter:blur(20px);



    border:


    1px solid rgba(255,255,255,.65)!important;



    border-radius:30px!important;



    box-shadow:


    0 25px 70px rgba(15,95,151,.35);



}






/* ===============================
 LOGO
================================ */


body[data-path="login"] 
.page-card-head {


    text-align:center!important;


}



body[data-path="login"] 
.page-card-head img {


    width:150px!important;


    height:120px!important;



    object-fit:contain!important;



    background:white;



    padding:12px;



    border-radius:25px;



    margin:auto!important;



    box-shadow:


    0 10px 25px rgba(0,0,0,.15);



}






/* ===============================
 COMPANY
================================ */


.company-title {


    color:#0f5f97!important;


    font-size:30px!important;


    font-weight:800!important;


    text-align:center;


}



.company-subtitle {


    color:#0f5f97!important;


    font-size:20px!important;


    font-weight:600;


    text-align:center;


}






/* ===============================
 TITLE
================================ */


body[data-path="login"] 
.page-card-head h4 {


    color:#0f5f97!important;


    font-size:30px!important;


    font-weight:800!important;



}







/* ===============================
 INPUT
================================ */


body[data-path="login"] 
.form-control {



    height:58px!important;



    background:white!important;



    border:


    1px solid #d7e6f2!important;



    border-radius:16px!important;



    color:#223548!important;



    text-align:right!important;



}



body[data-path="login"] 
.form-control:focus {



    border-color:#0f5f97!important;



    box-shadow:


    0 0 0 4px rgba(22,163,214,.15)!important;



}





/* ===============================
 BUTTON
================================ */


body[data-path="login"] 
.btn-login {


    height:58px!important;



    border-radius:16px!important;



    background:


    linear-gradient(
        135deg,
        #16a3d6,
        #0f5f97
    )!important;



    color:white!important;



    font-size:20px!important;



    font-weight:800!important;



}






/* ===============================
 LINKS
================================ */


body[data-path="login"] a {


    color:#0f5f97!important;


}





/* ===============================
 MOBILE
================================ */


@media(max-width:600px){


body[data-path="login"] .page-card {


    width:94%!important;


    padding:25px!important;


}



body[data-path="login"] 
.page-card-head img {


    width:110px!important;


    height:90px!important;


}



}