@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

* {
    font-family: 'Outfit', sans-serif;
}

body {
    overflow-y: hidden !important;
}

#listMasterAccount .active,
#listSubAccount .active {
    background-color: #e8f1ff;
    color: #1d76fe;
}

.cursor-pointer:hover {
    background-color: #e8f1ff;
    color: #1d76fe;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
}

.cursor-pointer {
    cursor: pointer;
}

.skeleton-loader .skeleton-text,
.skeleton-loader .skeleton-icon {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
    border-radius: 4px;
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

body {
    color: #5c5c5c;
}

.form-control {
    border-radius: 10px !important;
}

.card-title-custom {
    font-weight: 700;
    font-size: 25;
    color: #5c5c5c;
}

.card {
    border-radius: 10px !important;
}

.btn {
    border-radius: 8px !important;
}

.toggle.ios,
.toggle-on.ios,
.toggle-off.ios {
    border-radius: 20px;
}

.toggle.ios .toggle-handle {
    border-radius: 20px;
}

label.btn.btn-light.toggle-off,
label.btn.btn-light.toggle-on {
    font-size: 12px !important;
}

.modal-content {
    border-radius: 10px !important;
}

.select2-container--bootstrap4 .select2-selection,
.select2-container--bootstrap4 .select2-dropdown,
.select2-search--dropdown .select2-search__field {
    border-radius: 10px !important;
}

.dataTables_scrollHead {
    position: sticky;
    top: 0;
    z-index: 1;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}

.dataTables_scrollHeadInner table {
    width: 100% !important;
}

.table-responsive {
    position: relative;
}

/* Ensure header cells have background color */
.dataTables_scrollHead thead th {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
}

.account-item {
    border-radius: 10px !important;
}

.dataTables_wrapper .d-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin-bottom: 1rem; */
    flex-wrap: wrap;
}

.text-right {
    text-align: right !important;
}