/*
    primary: #060531
    seconday: #FC4C3D
    third: #363578
    fourth: #C115A5 |link
    accent: #fff
*/
@font-face {
  font-family: 'conthrax-sb';
  src:  url('../fonts/conthrax-sb.otf') format('opentype');
}

@font-face {
  font-family: 'nexa-regular';
  src:  url('../fonts/Nexa Regular.otf') format('opentype');
}

.font-ebs {
    font-family: 'conthrax-sb';
    text-transform: capitalize;
}

.font-ebs-2 {
    font-family: 'nexa-regular';
    text-transform: capitalize;
}

.text-capitalize {
    text-transform: capitalize;
}

body.dark-sidebar .left-sidebar .sidebar-user-pro .user-detail h5, 
body.dark-sidebar .left-sidebar .sidebar-user-pro .user-detail p,
body.dark-sidebar .left-sidebar .menu-body .nav-item .nav-link {
    color:#060531;
}

body.dark-sidebar .left-sidebar .menu-body .nav-item .nav-link.active {
    color: #fff;
}

i.fa,
i.fas,
i.ti {
    color: #060531 !important;
}

.spnkcl {
  font-size: small;
  color: red;
}


.navbar-custom:after {
    content:'';
    background: rgb(0,0,97);
    background: linear-gradient(90deg, rgba(0,0,97,1) 0%, #EB984E 59%);
    height:1px;
    display:block;
}

.image-profile {
    width: 50px;
    height: 50px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}

.position-relative.mx-auto:after,
.position-relative.mx-auto:before {
    content: "";
    display: block;
    width: 58px;
    height: 58px;
    position: absolute;
    background: rgb(5,5,47);
    background: linear-gradient(90deg, rgba(5,5,47,1) 0%, #EB984E 59%);
    z-index: -2;
    border-radius: 50%;
    left: -4px;
    top: -4px;
}

.position-relative.mx-auto:before {
    background:none;
    background-color:#fff;
    z-index: -1;
    width: 54px;
    height: 54px;
    left:-2px;
    top:-2px
}

.image-profile-mini {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    
}

.wrap-profile-mini  {
    margin-right: 10px;
    position:relative;
    z-index:1;
}

.wrap-profile-mini:before,
.wrap-profile-mini:after {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    background: rgb(5,5,47);
    background: linear-gradient(90deg, rgba(5,5,47,1) 0%, rgba(231,89,73,1) 59%);
    z-index: -2;
    border-radius: 50%;
    left: -4px;
    top: -4px;
}

.wrap-profile-mini:after {
    background:none;
    background-color:#fff;
    z-index: -1;
    width: 44px;
    height: 44px;
    left:-2px;
    top:-2px
}

.card-header {
    background: rgb(0,0,97);
    background: linear-gradient(90deg, #5c2c16 0%, #6f4227 59%);
}

.card-header .card-title {
    color: #fff !important;
    font-weight: 400;
    font-family: 'nexa-regular';
    text-transform: capitalize;
}

.left-sidebar .brand .logo .logo-lg {
    height: 27px;
    margin-left: 0px;
}

.dark-sidebar .left-sidebar,
.dark-sidebar .left-sidebar .brand,
.table .thead-light th {
    background-color: #FFFFFF !important;
}

.main-timeline .year.bg-success,
.main-timeline .timeline .year.bg-danger {
   background: rgb(0,0,97);
   background: linear-gradient(90deg, rgba(0,0,97,1) 0%, rgba(218,79,128,1) 59%);
   font-family: 'nexa-regular';
}
body.dark-sidebar .left-sidebar .brand {border-color: #eceff5;}
.table .thead-light th {
    color: #fff;
}

.h1, .h2, .h3, .h4, .h5, .h6,
.text-primary {
    color: #060531 !important;
}

.bg-soft-primary {
    color: #060531!important;
}

.bg-soft-primary:hover {
    color: #fff;
    background-color: #060531!important;
}

.menu-label.text-primary {
    color: #EB7794 !important;
}

.main-timeline .year:before {
    border-right-color: #0B0B61 !important;
}

.main-timeline .timeline:nth-child(2n) .year:before  {
    border-left-color:#CA5980 !important;
}

.left-sidebar .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link.active:before {
    background: #fc6e62 !important;
}

body.dark-sidebar .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
    /*color: #FC4C3D;*/
}

.dark-sidebar .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
    color: #fff !important;
    background: rgb(0,0,97);
    background: linear-gradient(90deg, rgb(98 48 24) 0%, #6f4227 59%);
}

.nav-link.active i,
.dark-sidebar .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] i {
    color: #FFFFFF !important;
}

.left-sidebar .menu-body .nav-item.menuitem-active .nav-link.active {
    background: rgb(0,0,97);
    background: linear-gradient(90deg, rgb(98 48 24) 0%, #6f4227 59%);
}

.dark-sidebar .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .menu-icon {
    color: #1f2538;
}


.card-title {
    color: #060531;
}
.btn-primary {
    color: #fff;
    background-color:  #EB984E;
    border-color:  #EB984E;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: ##093EAE;
    border-color:  ##093EAE;
}

/* Binary Tree */
.tree .box {
    border: 0 !important;
}

table.box .me-2 {
    margin: 0 !important;
}

.tree .box > tbody> tr:first-child td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-radius: 5px 5px 0 0;
}

.tree .box > tbody> tr:last-child td {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    border-radius: 0 0 5px 5px;
}

.tree a.bLink {
    display: block;
    padding: 3px 7px;
    background-color: #ddd;
    border-radius: 2px;
}

.tree .atas {
    color: #fff !important;
    #line-height: 1.8rem !important;
}

.table tbody tr {
    transition: all .3s ease;
    cursor:pointer;
}
.table tbody tr:hover {
    background-color: #36357854;
}

.button-menu-mobile {
    background-color:#fff !important;
}

.button-menu-mobile i {
    color: #060531 !important;
}

.dark-sidebar.enlarge-menu .logo-max {
    display:none;
}
.logo-min {
    display:none;
}
.dark-sidebar.enlarge-menu .logo-min {
    display:block;
}

body.dark-sidebar .left-sidebar .menu-body .nav-item .nav-link {
    padding-left: 6px;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-weight: 400;
}

body.dark-sidebar .left-sidebar .menu-body .nav-item .nav-link i {
    display: inline-block;
    width: 24px;
    text-align: center;
}

.main-timeline .timeline-content {
    width: 39%;
}

.table {
    background-color:#fff;
}
.table>thead>tr {
    background-color: #00005D;
    border-top: 1px solid #f6f8fa40;
	background: linear-gradient(90deg, rgb(98 48 24) 0%, #6f4227 59%);
}

.table>thead>tr>th,
.table-dark>tr>th {
    color: #fff !important;
    font-family: 'nexa-regular';
    text-align:center;
}

input[type='text'],
input[type='password'],
input[type='date'],
input[type='email'],
input[type='number'],
input[type='search'],
select {
    border: 1px solid #00005A !important;
}

.page-item.active .page-link {
    background-color: #00005A;
    border-color: #00005A;
}

form#adminForm label {
    margin-bottom: 8px;
}
form#adminForm input {
    margin-bottom: 15px;
}

tr.first-head th:first-child {
    border-bottom-left-radius: 0 !important;
}

tr.first-head th:last-child {
    border-bottom-right-radius: 0 !important;
}

tr.second-head th:first-child {
    border-top-left-radius: 0 !important;
}

tr.second-head th:last-child {
    border-top-right-radius: 0 !important;
}


.main-timeline .title {
    float:none;
    margin:0;
}

.member-photo {
    width: 100%;
    height: 90px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px 5px 0 0;
    margin-top: -10px;
}

@media (min-width: 967px) {
    .logo-mobile-header {
        display:none;
    }
    
    .main-timeline .timeline-content {
        padding: 15px !important;
    }
}

@media (max-width: 967px) {
     .brand {
        display:none;
    }
    
    .main-timeline .timeline-content:after {
        right: -5px;
    }
    
    .main-timeline .timeline:nth-child(2n) .timeline-content:after {
        left: -5px;
    }
}

@media (max-width: 768px) {
    .navbar-custom,
    .enlarge-menu .topbar .navbar-custom {
        margin-left:0;
    }
    .main-timeline .timeline-content {
        width: auto;
    }
    .main-timeline .timeline-content:after {
        border:none;
        
    }
    .page-wrapper .page-content-tab {
        width: 100%;
    }
    .menuitem-active .left-sidebar {
        display: none;
    }
    
    .menuitem-active.enlarge-menu .left-sidebar {
        display: block;
        max-width: 260px;
        min-width: 260px;
    }

    .enlarge-menu .left-sidebar .brand .logo .logo-lg {
        display: inline-block
    }

    .enlarge-menu .left-sidebar .brand .logo .logo-light {
        display: none
    }

    .enlarge-menu .left-sidebar .update-msg {
        display: block
    }

    .enlarge-menu .left-sidebar .sidebar-user-pro {
        padding: 16px
    }

    .enlarge-menu .left-sidebar .sidebar-user-pro .user-detail {
        display: inline-block;
    }

    .enlarge-menu .left-sidebar .nav.nav-tabs.menu-tab .nav-link {
        padding: .2rem .5rem
    }

    .enlarge-menu .left-sidebar .nav.nav-tabs.menu-tab .nav-link span {
        display: inline-block
    }

    .enlarge-menu .left-sidebar .menu-body .nav-item .collapse.show {
        display: block
    }

    .enlarge-menu .left-sidebar .menu-body .nav-item .nav-link {
        padding: 10px
    }
    
    .enlarge-menu .left-sidebar .menu-body .nav-item .nav-link .menu-icon {
        margin: 0;
        margin-right: 6px
    }

    .enlarge-menu .left-sidebar .menu-body .nav-item .nav-link span {
        display: block
    }

    .enlarge-menu .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
        display: block
    }

    .enlarge-menu .left-sidebar .menu-label {
        border: none
    }

    .enlarge-menu .left-sidebar .menu-label span {
        display: inline-block
    }

    .dark-sidebar.enlarge-menu .left-sidebar .menu-label {
        border: 1px solid transparent
    }

    .dark-sidebar.enlarge-menu .left-sidebar .sidebar-user-pro {
        padding: 20px 16px !important
    }
    .dark-sidebar.enlarge-menu .left-sidebar .brand .logo .logo-light {
        display: inline-block !important;
    }

    .left-sidebar .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link:before {
        left: 6px;
    }
    
    .collapse .menuitem-active .nav-link {
        padding-left: 15px !important;
    }
    
    .left-sidebar .menu-body .nav-item .nav-item .nav-link {
        padding-left: 20px !important;
    }
    
    .main-timeline .timeline-content:after {
        display: none;
    }
    
}


.btn-info {
    color: #fff;
    background-color: #6f4227;
    border-color: #6c3e24;
}

.btn-primary {
    color: #fff;
    background-color: #84c2e9;
    border-color: #6c3e24;
}

.btn-success {
    color: #fff;
    background-color: #0eb14b;
    border-color: #6c3e24;
}

a {
    font-family: Roboto, sans-serif;
    color: #e2e707;
    text-decoration: none;
}