/* ================ CLOCK ================ */
.clock-container h4,
.clock-container h5,
.clock-container p {
    margin-bottom: 0;
    color: #fff !important;
}

.clock-container .clock {
    color: var(--bs-white);
    text-align: center;
    position: fixed;
    bottom: 0;
    padding: 0.2rem 0.5rem;
    margin: 0.5rem;
    border-radius: 10px;
    background-color: var(--bs-light);
    z-index: 1025;
}

.clock-container .clock h4,
.clock-container .clock h5 {
    color: var(--bs-white);
}

.clock-container .clock-right {
    right: 0;
    background: linear-gradient(131deg, rgb(252, 171, 1), rgb(254, 33, 79) 100%);
}

.clock-container .clock-left {
    left: 0;
    background: linear-gradient(117deg, rgb(30, 42, 120), rgb(255, 46, 76) 100%);
}


/* ================ TEXT ================ */
.text__justify {
    text-align: justify;
}

/* ================ END TEXT ================ */

/* ===============DATA TABLE STYLE ================== */

.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_paginate .paginate_button.current {
    background: #2768f5 !important;
    color: #fff !important;
    border: 1px solid #2768f5 !important;
}

.dataTables_paginate .paginate_button:hover,
.dataTables_paginate .paginate_button.current:hover {
    background: #fff !important;
    color: #2768f5 !important;
    border: 1px solid #2768f5 !important;
}

.dataTables_paginate .paginate_button.disabled {
    background-color: #cccccc !important;
    color: white !important;
    border: 1px solid #cccccc !important;
    cursor: not-allowed !important;
}

/* Pagination button styles */
/* .dataTables_paginate .paginate_button {
    background-color: #2768f5 !important;
    color: #fff !important;
    border: 1px solid #005fb1 !important;
    margin: 0 2px !important;
    padding: 0.5rem 1rem !important;
    border-radius: 4px !important;
} */

/* Hover state */
/* .dataTables_paginate .paginate_button:hover {
    background-color: #fff !important;
    color: #2768f5 !important;
    border: 1px solid #2768f5 !important;
} */

/* Active state */
/* .dataTables_paginate .paginate_button.current {
    background-color: #2768f5 !important;
    color: #fff !important;
    border: 1px solid #2768f5 !important;
} */

/* Disabled state */
/* .dataTables_paginate .paginate_button.disabled {
    background-color: #cccccc !important;
    color: white !important;
    border: 1px solid #cccccc !important;
    cursor: not-allowed !important;
} */
/*===============END DATA TABLE STYLE==================*/


/* ===============END DATA TABLE STYLE ================== */
.wide-offcanvas {
    width: 920px !important;
    /* Adjust as needed */
}

/* ===============END DATA TABLE STYLE ================== */