/* =========================================================
   Loader 2
   ========================================================= */

#preloader2 {position: fixed;inset: 0;background: rgba(255, 255, 255, 0.85);z-index: 999999;display: none;align-items: center;justify-content: center;}
#preloader2 .loader-box {text-align: center;font-family: Arial, sans-serif;color: #333;}
#preloader2 .spinner {width: 46px;height: 46px;border: 5px solid #ddd;border-top-color: #0d6efd;border-radius: 50%;animation: spin 0.8s linear infinite;margin: 0 auto 12px;}
#preloader2 .loader-text {font-size: 14px;font-weight: 600;}

@keyframes spin {
    to {
    transform: rotate(360deg);
    }
}


/* =========================================================
   LOGIN PAGE
   ========================================================= */

body {
    background-color: #edf1f5;
}

@media (max-width: 767px) {
    body {
        background-color: #fff
    }
}




#login .login-container {margin:0 auto;width:400px;background-size:cover;background-repeat:no-repeat;background-position:center center;padding-top:80px;}
#login .login-body {background-color:#fff;border:1px solid #ddd;padding:25px}
#login .form-control {padding:15px;height:51px;background:#fff;border:1px solid #ddd;box-shadow:none;vertical-align:middle;-webkit-appearance:none;border-radius:0}
#login .form-group {margin-bottom:10px}

#login .icon {position:absolute;margin-top:-34px;font-size:16px;color:#ccc;right:20px;}

#login .top-icon {text-align:center;display:block;font-size:50px;color:#fff;width:100px;margin:auto;background-color:#e46a76;padding:17px;z-index:9999999;border-radius:50%;height:100px;margin-bottom:20px;margin-top:-60px;}
#login .sys-name {text-align:center;font-size:24px;text-transform:uppercase;font-weight:600;}
#login .co-name {text-align:center;font-size:16px;text-transform:uppercase;font-weight:500;}
#login .co-name i {font-size:18px;margin-left:8px;cursor:pointer;}

#login .tblcomplist {width:100%}
#login .tblcomplist .selecttd {width:90%}
#login .tblcomplist .deltd {width:10%;text-align:center}

#login td {border-bottom:1px solid #eee;padding:10px;transition:.3s}

#login td:hover {background-color:#f8f9fa}

#login .tblcomplist td {cursor:pointer}

#login .login-btn-container {margin-top:25px !important}
#login .login-btn-container .btn {border-radius:0}
#login .login-body h3 {margin-bottom:20px}
#login .login-body small {display:block;color:#777;margin-bottom:25px;}
#login .modal-dialog {max-width:98% !important;}
#login .poweredby a {text-align:center;display:block;color:#777;font-size:11px;margin-top:12px;}

#login input:-webkit-autofill,
#login input:-webkit-autofill:hover,
#login input:-webkit-autofill:focus,
#login select:-webkit-autofill,
#login select:-webkit-autofill:hover,
#login select:-webkit-autofill:focus {-webkit-box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s;}

#login .custom-control-input:checked ~ .custom-control-label:before {color:#fff;border-color:#e46a76;background-color:#e46a76;}

 

#login.v2-login .top-icon, #login.v2-login .btn-danger, #login.v2-login .custom-control-input:checked ~ .custom-control-label:before {background-color:#03a9f3}
#login.v2-login .btn-danger, #login.v2-login .custom-control-input:checked ~ .custom-control-label:before {border-color:#03a9f3}
#login.v2-login .fa-caret-down {color:#03a9f3 !important}
#login.v2-login .btn:hover {opacity:.75}

#login.v3-login .top-icon, #login.v3-login .btn-danger, #login.v3-login .custom-control-input:checked ~ .custom-control-label:before {background-color:#00c292}
#login.v3-login .btn-danger, #login.v3-login .custom-control-input:checked ~ .custom-control-label:before {border-color:#00c292}
#login.v3-login .fa-caret-down {color:#00c292 !important}
#login.v3-login .btn:hover {opacity:.75}

.TMOSYS #login .btn-danger, .TMOSYS #login .custom-control-input:checked ~ .custom-control-label:before {background-color:#d60812;border-color:#d60812;}

.TMOSYS #login .fas.fa-caret-down.text-danger {color:#d60812 !important;}

@media (max-width: 767px) {
#login .login-body {min-width:320px;border:0}
#login .login-container {width:100%;}

.login-box {width:100%;}
}