/*# sourceMappingURL=custom.css.map */

img { max-width:100% }

.br-8 { border-radius:8px }

.w-10 { width:10% } 
.w-20 { width:20% } 
.w-30 { width:30% } 
.w-40 { width:40% } 
.w-50 { width:50% } 
.w-60 { width:60% } 
.w-70 { width:70% } 
.w-80 { width:80% } 
.w-90 { width:90% } 
.w-100 { width:100% } 

.fs-12 { font-size:12px }
.fs-14 { font-size:14px }

.noboxshadow { box-shadow:none }

label { margin-bottom:.2rem }
.form-control, .input-group-text, .custom-select, .custom-file-label { border-color:#2a26ff }
.form-check.wb { border:1px solid #2a26ff; border-radius:.25rem; padding:3px 15px }

.form-check-group { display:flex; flex-wrap:wrap; gap:12px; }
    .form-check-group .form-check { width:calc(16.66% - 10px); margin:0 }

.custom-file-label::after { content: "Upload"; background-color: #2a26ff; color:#ffffff; font-weight:bold }

.btn-submit { width:100%; max-width:180px }

.log-wrapper { position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, #0c0244, #000000); display:flex; justify-content:center; align-items:center }
.logbox { width:88%; margin:0px auto; max-width:480px }
    .logbox .card { background:linear-gradient(to bottom, #211b4b, #1a1a34); border-radius:16px; border:1px solid #ffffff; box-shadow:0px 0px 10px #aaaaaa }
    .logbox .logver { position:absolute; bottom:3%; left:0; margin:0 auto; width:100%; text-align:center;}
    .logbox .loglang { position:absolute; left:0; top:calc(98% - 30px); }
    .r1 .card { min-height: 330px; }


.logo { max-width:130px }

body { background-color:#eaeaea } 
/* .section .section-header { background-color:#eaeaea; box-shadow:none; border-top:0!important } */
.section .section-header { background-color:#eaeaea; box-shadow:none; border-top:0!important }

.main-sidebar { background:linear-gradient(to bottom, #0d0244, #000000); }
body.sidebar-mini .main-sidebar::after {background:transparent}
.navbar-bg { background-color:#0d0244 }

.main-sidebar .sidebar-menu li a { height:40px; color:#ffffff }
.main-sidebar .sidebar-menu li.menu-header { position:relative }
.main-sidebar .sidebar-menu li.menu-header::before { content:""; height:1px; width:calc(100% - 30px); background-color:#333333; position:absolute; top:-5px; left:15px }
.main-sidebar .sidebar-menu li.active a, .main-sidebar .sidebar-menu li.menu-header { color:#ffffff }
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a, .main-sidebar .sidebar-menu li a:hover { background-color:#231c52 }
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a::before {background-color: #2a26ff; height:100%}
body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a { box-shadow:none; background-color:#231c52 }
body.sidebar-mini .main-sidebar .sidebar-menu > li { padding: 0px }
.main-sidebar .sidebar-menu li ul.dropdown-menu li a { padding-left:55px }
.main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover { color:#ffffff; background-color:#2c2652 }

.main-sidebar .sidebar-menu li.show {  }
.main-sidebar .sidebar-menu li.show .has-dropdown { background-color:#231c52 }
.main-sidebar .sidebar-menu li.show ul.dropdown-menu,
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a
{ background-color:#150e41 }
.main-sidebar .sidebar-menu li.show::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 4px; background-color: #2a26ff; z-index:1 }

.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a { color:#ffffff; background-color: #231c52 !important }

body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu { background-color:#231c52; color:#ffffff }
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu .dropdown-title { color:#ffffff!important }
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a { color:#ffffff; background-color:#2c2652 }
body.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li:hover > a { background-color:#231c52; }

.navbar {
    padding: .5rem;
    background-color: #0d0244;
    position: fixed;
    right: 0px;
    left: 350px;
    min-height: 90px;
}
.navbar .nav-link { padding-left:8px !important; padding-right:8px!important }
.navbar .nav-link.nav-link-user img { width:26px }
.navbar-nav {
    align-items: center;
    gap: 10px;
}

.card .card-header { min-height:auto }

.table-cus { border-radius:8px; border:1px solid #f6f6f6 }

.main-sidebar .sidebar-brand .dropdown-menu a { text-transform: none; letter-spacing:normal; font-weight:500 }

.section-header-tabs { margin:0px -30px 10px; padding:10px 35px 0px; background-color:#eaeaea; min-height:40px }
.section-header-tabs .holder {background-color:#0d0244; display:flex; justify-content:space-between; min-height:40px; }
.section-header-tabs .ttabs { display:flex; width:calc(100% - 80px); align-items:center }
    .section-header-tabs .ttabs .arrows { color:#ffffff; width:30px; display:flex; justify-content:center; align-items:center}
        .section-header-tabs .ttabs .arrows i { font-size:20px; } 
    .section-header-tabs .ttabs .cons { display:flex; width:calc(100% - 60px); overflow-x:auto }
        .section-header-tabs .ttabs .cons .items { display:flex; align-items:center; min-width:140px; justify-content:space-between; color:#ffffff; padding:0px 12px; white-space:nowrap; cursor: pointer; min-height:40px; border-right:2px solid #252772; font-size:12px; gap:8px }
            .section-header-tabs .ttabs .cons .items.active { background-color:#2a26ff }
            .section-header-tabs .ttabs .cons .items span {  }
            .section-header-tabs .ttabs .cons .items i { color:#ffffff }
.section-header-tabs .quicknav { background-color:#252772; display:flex; align-items:center; justify-content:center; }
    .section-header-tabs .quicknav a { color:#ffffff; width:40px; display:flex; justify-content:center; align-items:center }
    .section-header-tabs .quicknav i { font-size:18px }

@media only screen and (max-width: 768px) {
  .form-check-group .form-check { width:calc(25% - 9px); }
}

@media only screen and (max-width: 576px) {
  .form-check-group .form-check { width:calc(50% - 6px); }
  .table-responsive table {min-width: auto;}
}

body.sidebar-mini .main-sidebar {
    position: fixed !important;
}

.btn {
    box-shadow: none !important;
}

.bal {
    min-width: 140px;
    display: flex;
    align-items: center;
    font-size: 12px !important;
    border-radius: 25px;
    flex-direction: row;
    justify-content: space-around;
}

.gauge-bar-wrapper {
    border-radius: 25px !important;
}

.gauge-segment:first-child {
    border-radius: 10px 0px 0px 10px;
}

.gauge-segment:last-child {
    border-radius: 0px 10px 10px 0px;
}

.segment-labels {
    margin-top: 0px !important;
}

.segment-labels .label {
    font-size: 10px !important;
}

.bal .btn-dark {
    border-radius: 25px;
    line-height: 20px;
}

.sidebar-brand .nav-link {
    padding: 0px !important;
}

.b-type {
    font-size: 10px;
    border-bottom: 1px solid #ffffff;
}

.card .navbar {
    position: static;
    min-height: auto;
}