body {
    color: #121c42 !important;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    background-color: #e3e7ed !important;
}

a#userDropdown {
    color: #3a3b45 !important;

}

.dropdown .dropdown-menu, .btn {
    font-size: 14px;
}

.sidebar .nav-item.active {
    background: #536a7d6e;
}

.w2 {
    width: 56px;
}

.bootstrap-select {
    background-color: #fff !important;
    border: 1px solid #d1d3e2 !important;
}


.fc-myCustomButton-button {
    color: #fff;
    background-color: #1cc88a;
    border-color: #1cc88a;
}

.fc-myCustomButton-button:hover {
    color: #fff;
    background-color: #17a673;
    border-color: #169b6b;
}

.form-control:focus {
    border-color: #28aade !important;
    background-color: #f0faff !important;
    color: #222 !important;
    box-shadow: inset 0 2px 1px rgb(0 153 234 / 15%), 0 0 0 4px rgb(0 149 255 / 20%) !important;
    outline: 0 !important;
}

.btn-copy {
    cursor: pointer;
    color: #2a96a5;
}

.btn-copy-1 {
    cursor: pointer;
    color: #2a96a5;
}

.bg-menu {
    background-color: #415366 !important;
}

.bg-menu a {
    color: rgba(255, 255, 255, 0.8) !important;
}

.nav-item .collapse-item:hover {
    color: #fff !important;
    background-color: #374758 !important;
}

.btn-export {
    background: #084687;
    color: white;
}

.btn-export:hover {
    background: rgba(8, 70, 135, 0.90);
    color: white;
}

.btn-excel {
    background: #0f6321;
    color: white;
}

.btn-excel:hover {
    background: rgba(15, 99, 33, 0.90);
    color: white;
}