@charset "utf-8";
/* CSS Document */
.logbg{background:url(logbg.jpg) left top no-repeat; background-size:cover;}
.dispspin{text-align:center; vertical-align:middle; padding-top:100px; box-sizing:border-box;}
.hidegrd{display:none !important;}
.centergrd{text-align:center !important;}
.processing{background:rgba(0,0,0,0.3); width:100%; height:100vh; position:fixed; left:0;right:0;bottom:0;top:0; z-index:999999; text-align:center; padding-top:15%; color:#595959;}
.gbtn{margin:0px; padding:2px 10px !important; border-radius:2px;}
.gbtn i{font-size:18px; line-height:28px; color:#fff !important;}
input[type=checkbox] {zoom: 1.5;}
input[type="radio"]{
box-sizing:border-box;
position:relative;
box-sizing:content-box ;
width:15px;
height:15px;
line-height:-30px;
transition:all .3s linear;
float:left;
margin:0 10px;
}
.differentTable, .differentTable td{
   border-color: black;
}
.custom-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #000;
    line-height: 25pt;
}

.custom-table th,
.custom-table td {
   border: 1px solid #000;
   padding: 4px 8px;
}

.card-counter {
    box-shadow: 2px 2px 10px #DADADA;
    margin: 5px;
    padding: 20px 10px;
    background-color: #fff;
    height: 120px;
    border-radius: 5px;
    transition: .3s linear all;
}

    .card-counter:hover {
        box-shadow: 4px 4px 20px #DADADA;
        transition: .3s linear all;
    }

    .card-counter.primary {
        background-color: #007bff;
        color: #FFF;
    }

    .card-counter.danger {
        background-color: #ef5350;
        color: #FFF;
    }

    .card-counter.success {
        background-color: #66bb6a;
        color: #FFF;
    }

    .card-counter.info {
        background-color: #26c6da;
        color: #FFF;
    }

    .card-counter i {
        font-size: 5em;
        opacity: 0.2;
    }

    .card-counter .count-numbers {
        position: absolute;
        right: 35px;
        top: 20px;
        font-size: 32px;
        display: block;
    }

    .card-counter .count-name {
        position: absolute;
        right: 35px;
        top: 65px;
        font-style: italic;
        text-transform: capitalize;
        opacity: 0.5;
        display: block;
        font-size: 18px;
    }

.captcha {border: #000 solid 1px;border-radius: 4px;background: url(../img/captcha.png) left top repeat;padding:3px;text-align: center;font-size: 20px;color: #fff;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;letter-spacing: 3px;}
@media (max-width: 765px) {.captcha {width: 100%;}}
@media (max-width: 1199px){.captcha {width: 100%;}}

/* Professional Top Navbar */
.custom-navbar {background: linear-gradient(90deg, #1e3a5f 0%, #23395d 50%, #2c5364 100%);color: #fff;border-bottom: 1px solid rgba(255,255,255,.15);box-shadow: 0 2px 10px rgba(0,0,0,.15);min-height: 58px;}
/* Brand & Links */
.custom-navbar .navbar-nav .nav-link {color: #ffffff !important;font-size: 15px;font-weight: 500;transition: all .3s ease;}
.custom-navbar .navbar-nav .nav-link:hover {color: #ffd166 !important;}
/* Sidebar Toggle Icon */
.custom-navbar .navbar-nav .nav-link i {color: #ffffff;}
/* Dropdown Menu */
.custom-navbar .dropdown-menu {border-radius: 8px;border: none;box-shadow: 0 5px 20px rgba(0,0,0,.15);}
.custom-navbar .dropdown-item:hover {background: #0d6efd;color: #fff;}
/* Search Box */
.custom-navbar .form-control {border-radius: 20px;border: 1px solid #d1d5db;}
/* Notification Badge */
.custom-navbar .badge-danger {background: #dc3545;}


.custom-sidebar {width: 260px;background: #213A5E;color: #fff;border-right: 1px solid rgba(255,255,255,.08);box-shadow: 3px 0 15px rgba(0,0,0,.18);}
/* Brand */
.custom-sidebar .brand-link {background: #213A5E;color: #fff;border-bottom: 1px solid rgba(255,255,255,.08);padding: 15px;}
.custom-sidebar .brand-text {color: #fff;font-size: 18px;font-weight: 600;}
 /* User */
.custom-sidebar .user-panel {border-bottom: 1px solid rgba(255,255,255,.08); padding: 0px;}
.custom-sidebar .user-panel .info a {color: #fff;font-weight: 500;}
 /* Menu */
.custom-sidebar .nav-link {color: #dce8ff;border-radius: 8px;margin: 0px 0px;transition: .25s;}
.custom-sidebar .nav-link i {width: 20px;text-align: center;}
.custom-sidebar .nav-link:hover {background: #294774;color: #ef5350;}
/* Scrollbar */
.custom-sidebar .sidebar::-webkit-scrollbar {width: 6px;}
.custom-sidebar .sidebar::-webkit-scrollbar-thumb {background: #64B5F6;border-radius: 10px;}