/** iManila Theme **/

body {
    font-family: 'Inter', sans-serif;
}
a:hover {
    color: #6b8ba5;
}
.bg-blue-one {
    background-color: #2b4b65 !important;
    color: #fff;
}
.bg-blue-two {
    background-color: #6b8ba5 !important;
    color: #fff;
}
.bg-blue-three {
    background-color: #96b4cc !important;
    color: #fff;
}
.bg-blue-four {
    background-color: #485e70 !important;
    color: #fff;
}
.card {
    border-radius: 5px;
}
.card .card-body {
    background-color: #fbfbfb;
}
.page-wrapper .page-main-header {
    background: #2b4b65 !important;
}
.page-main-header .main-header-right .nav-right ul li svg path,
.page-main-header .main-header-right .nav-right ul li svg circle {
    color: #fff !important;
}
.nameCircle {
    padding: 10px;
}
.nav-user {
    gap: 20px;
}
.page-main-header .main-header-right .nav-right.right-menu ul li:hover {
    background-color: transparent;
}
.nav-user-role {
    opacity: 0.5;
}
.sidebar-main-title h6 {
    color: #2b4b65 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-main-title > div h6 {
    font-size: 11px;
}
/* .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li .nav-link {
    font-size: 13px;
} */
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li .nav-link:hover {
    background-color: #6b8ba5;
    color: #fff;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li .nav-link:hover svg {
    color: #fff !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu > li a {
    padding: 7px 15px; 
    margin-bottom: 3px;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-main-title > div {
    border-bottom: 1px solid #d7e8f6;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav {
    width: 300px;
    background: #e8f2fa;
}
.bkt-admin-action {
    background-color: #6b8ba5 !important;
    color: #fff !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav {
    top: 95px;
}
.page-wrapper .page-body-wrapper {
    position: relative;
    top: 20px;
}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu {
    height: calc(100vh - 100px) !important;
}
.page-title {
    color: #2b4b65;
    margin-bottom: 30px;
}
.sidebar-main-title {
    margin-top: 20px;
}
.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-left: 300px;
    background-color: #fff;
    padding: 30px 30px 0;
}


/*Table*/
.table-hover tbody tr:hover {
    background-color: rgb(232, 242, 250);
}
.bootstrap-table .fixed-table-container .table td, .bootstrap-table .fixed-table-container .table th {
    font-size: 13px !important;
}


/*Buttons*/
.btn-info {
    background-color: #6b8ba5 !important;
    border-color: #6b8ba5 !important;
}
.btn-primary {
    background-color: #2b4b65 !important;
    border-color: #2b4b65 !important;
}
.btn-primary:hover {
    background-color: #6b8ba5 !important;
    border-color: #6b8ba5 !important;
}
.btn-success {
    background-color: #96b4cc !important;
    border-color: #96b4cc !important;
}
.btn-success:hover {
    background-color: #2b4b65 !important;
    border-color: #2b4b65 !important;
}
.btn-secondary {
    background-color: #625f6e !important;
    border-color: #625f6e !important;
}
.btn-secondary, .btn-danger {
    background-color: #625f6e !important;
    border-color: #625f6e !important;
}
.btn-secondary:hover, .btn-danger:hover {
    background-color: #878493 !important;
    border-color: #878493 !important;
}

/*Modal*/
.modal-content {
    border-radius: 10px;
}
.modal-header {
    background-color: #2b4b65;
    color: #fff;
}
.modal-body,
.modal-footer {
    background: #f6f6f6;
}
/* .modal-header .btn-close, .modal-footer .btn-close, .modal-content .btn-close {
    color: #96b4cc;
} */
.modal .btn-close {
    filter: invert(100);
}


/*Login*/
.login-card, .login-form {
    background: #ffffff08 !important;
    backdrop-filter: blur(10px);
}
.login-form {
    border-radius: 20px;
}
.login-form .form-group label {
    color: #fff;
}
.btn-maroon, .btn-maroon:hover, .btn-outline-maroon:hover {
    background-color: #6b8ba5 !important;
    color: #fff;
}
.login-admin-header {
    border: 1px solid #96b4cc;
    color: #96b4cc;
}
.login-form .form-group .link,
.login-form .link.backto {
    color: #d0d0d0;
}

/*Scrollbar*/
.custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #e6edef; 
}
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(68, 102, 242, 0.15); 
}

/*Error*/
.error-bkt-title {
    color: #2b4b65 !important;
}
.btn-outline-maroon {
    background: #2b4b65 !important;
    color: #fff;
    border: solid 1px #2b4b65;
}
.error-body {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/*Alert*/
.alert-danger {
    background-color: #94a0aa;
    border-color: rgba(148, 160, 170, 0.9);
    color: #fff;
}

/*Dashboard*/
.dashboard-card {
    margin-bottom: 20px;
}
.dashboard-card .card {
    height: 100%;
}
.dashboard-card .card-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
}