body[data-color=color-1] {
    --bs-text-primary: #1A37A7;
    --bs-primary-rgba: rgb(105, 108, 255, 0.3);
    --bs-primary: #1A37A7;
    --bs-primary-hover: #3563E9;
    --bs-secondary: #8592a3;
    --bs-secondary-hover: #788393;
    --bs-success: #008951;
    --bs-success-hover: #22c55e;
    --bs-info: #6366f1;
    --bs-info-hover: #6366f1;
    --bs-warning: #f59e0b;
    --bs-warning-hover: #f59e0b;
    --bs-danger: #e11d48;
    --bs-danger-hover: #e11d48;
    --bs-light: #fcfdfd;
    --bs-light-hover: #fcfdfd;
    --bs-dark: #233446;
    --bs-dark-hover: #202f3f;
    --bs-gray: rgba(67, 89, 113, 0.1);
    --bs-blue: #007bff;
    --bs-indigo: #6610f2;
    --bs-purple: #696cff;
    --bs-pink: #e83e8c;
    --bs-red: #ff3e1d;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffab00;
    --bs-green: #71dd37;
    --bs-teal: #20c997;
    --bs-cyan: #03c3ec;
    --bs-black: #435971;
    --bs-white: #fff;
    --bs-gray: rgba(67, 89, 113, 0.6);
    --bs-warning-bg-subtle: #AEC8FC;
}

input[switch=bool] + label {
    background-color: #8592a3;
}

.wrapperBgProfile .wrapperBg {
    background-image: linear-gradient(225deg, #658DF1 0%, #856C3D 50%, #FFEECB 100%);
}

.loading-page-animation {
    background-image: radial-gradient(circle farthest-corner at 10% 20%, var(--bs-primary) 0.1%, #fff 100.2%);
    color: #658DF1;
}

.text-success {
    color: var(--bs-success) !important;
}

.btn-primary {
    color: #FFFFFF !important;
    background-color: #3563E9;
    border-color: #658DF1;
    box-shadow: 0 0.125rem 0.25rem 0 #ffbf534d;
}

    .btn-primary:hover {
        color: #fff !important;
        background-color: #658DF1 !important;
        border-color: #658DF1 !important;
        transform: translateY(-1px) !important;
    }

a:hover {
    color: var(--bs-primary-hover);
}

.grid-loading {
    display: none !important;
}

.table-responsive th, th a {
    white-space: nowrap;
    font-weight: 700 !important;
}

/*.footer.wrapperFooter {
    position: absolute !important;
}*/

th[align="center"], td[align="center"] {
    text-align: center;
}

.d-inline-flex {
    display: inline-flex;
}


table.datatable.extra-grid th.fixed-column, table.datatable.extra-grid td.fixed-column {
    position: -webkit-sticky !important;
    position: sticky !important;
    background-color: var(--bs-warning-bg-subtle);
    z-index: 10;
    right: 0;
    --bs-table-color-type: var(--bs-warning-bg-subtle) !important;
    --bs-table-bg-type: var(--bs-warning-bg-subtle) !important;
}

table.datatable.extra-grid th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    /*background-color: white;*/
    z-index: 2;
}

.table-responsive .sticky-table-header .table tr th, .table-responsive .sticky-table-header .table tr th a {
    color: #ffffff;
}

    .table-responsive .sticky-table-header .table tr th a:hover {
        color: #005C73;
    }

.wrap-table-responsive > .table-responsive {
    margin-top: 62.53125px !important;
}

.red {
    color: red;
}


input[readonly="readonly"] {
    background-color: #eee;
}

input[disabled="disabled"] {
    background-color: #eee !important;
}

.card .card-header + .card-body {
    padding-top: 20px;
}


@media (max-width: 576px) {
    .wrap-table-responsive > .table-responsive {
        margin-top: unset !important;
    }
}

.multipleSelect2Form .select2-container .select2-selection--multiple {
    padding: 0.42rem 0.875rem !important;
}

.select2-search__field::-webkit-input-placeholder,
.select2-search__field::placeholder {
    color: #CBD1D7 !important;
    padding-left: -20px !important;
    padding-top: -20px !important;
}


.modal-fullscreen {
    width: 90vw !important;
    margin-left: 5% !important;
    padding-top: 20px;
}

#toast-container > div {
    width: 350px;
}

label {
    margin-bottom: 0px;
    font-weight: bold;
    position: relative;
    padding-left: 20px;
    padding-bottom: 8px;
    text-transform: unset;
}

.text-muted {
    color: #0c2440 !important;
}

.col-12 {
    width: 100% !important;
}

.loader-content {
    z-index: 9999;
    background-color: rgb(251 251 251 / 90%);
}

@media only screen and (max-width: 576px) {
    .modal-dialog .modal-body {
        padding: var(--bs-modal-padding);
    }
}

.tab-overide.tab-content > .tab-pane {
    display: none !important;
}

.tab-overide.tab-content > .active.tab-pane {
    display: block !important;
}

.form-control {
    border: var(--bs-border-width) solid #b3c6d9;
}

    .form-control:hover:not([disabled]):not([focus]) {
        border: var(--bs-border-width) solid #b3c6d9;
    }

.select2-selection {
    border: var(--bs-border-width) solid #b3c6d9 !important;
}

.modal-lockScreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

    .modal-lockScreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

.btn-unlock:hover {
    opacity: 1 !important;
}

input::placeholder {
    text-align: left;
}

.flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator, .flatpickr-time input {
    color: var(--bs-white) !important;
}

.flatpickr-time {
    background-color: var(--bs-primary);
}

.input-group .input-group-text {
    border: var(--bs-border-width) solid #d9dee3 !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0px !important;
    height: 22px !important;
}

.select2-container .select2-search--inline .select2-search__field {
    font-family: "Nunito", sans-serif !important;
}

.linkMenuHeader.active, .linkMenuHeader.active .btnDropdownMenuSub {
    font-weight: bold !important;
    color: var(--bs-text-primary) !important;
}


.daterangepicker .ranges li.active {
    background-color: var(--bs-primary) !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--bs-primary) !important;
}

.daterangepicker td.start-date, .daterangepicker td.end-date, .daterangepicker td.start-date.end-date {
    border-radius: 150px !important;
    height: 32px !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    height: 32px !important;
}

.daterangepicker .ranges li {
    padding: 6px 12px !important;
}

select {
    height: 40px;
    width: 100%;
    padding-left: 20px;
    border-color: var(--bs-border-width) solid #b3c6d9 !important;
    border-radius: var(--bs-border-radius);
}

    select:focus-visible {
        outline: -webkit-focus-ring-color auto 0px !important;
    }

.bottomBarMobile .wrapList .btn span {
    font-size: 18px;
}


@media(max-width: 576px) {
    div:has(> .input-search) {
        width: 100%;
    }
}






/* custom style*/
.wrapBookingEvenrtCalendar .wrapTitlepageMain {
    background-color: #1A37A7 !important;
}

.input-group #cpMain_dtpSearchDate ~ .input-group-text {
    border: var(--bs-border-width) solid #3563E9 !important;
    background: white;
    color: black;
}

.btn-booking {
    color: black !important;
}

    .btn-booking:hover {
        color: white !important;
    }

.wrapBookingEvenrtCalendar .wrapLobbyAndEvent .titleItem {
    background-color: #1A37A7 !important;
}

.wrapBookingEvenrtCalendar .wrapListLobby .itemText:hover {
    background-color: #1A37A7 !important;
    border-color: #1A37A7 !important;
}

.wrapBookingEvenrtCalendar .wrapListLobby .itemText.active {
    background-color: #3563E9 !important;
}

.wrapBookingEvenrtCalendar .wrapListLobby .itemText {
    border: 1px solid #ACBEF4 !important;
    color: white !important;
    background-color: #ACBEF4 !important;
}

.wrapBookingEvenrtCalendar .wrapDateFilter .form-control {
    color: black !important;
}

.linkMenuHeader.active, .linkMenuHeader.active .btnDropdownMenuSub {
    color: #3563E9 !important;
}
.hidden-impotant{
    display:none !important;
}
.white-space-nomarl{
    white-space:normal !important;
}