@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

html, body {
    font-family: 'Cairo', sans-serif !important;

}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: unset !important;
}

legend {
    font-size: 1rem !important;
}

.divider {
    display: block;
    text-align: center;
    margin: 1rem 0;
    overflow: hidden;
    white-space: nowrap;
}

.divider .divider-text {
    position: relative;
    display: inline-block;
    font-size: 0.8rem;
    padding: 0rem 1rem;
}

.divider .divider-text i {
    font-size: 1.25rem;
}

.divider .divider-text:before, .divider .divider-text:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100vw;
    border-top: 1px solid rgba(75, 70, 92, 0.2);
}

.divider .divider-text:before {
    right: 100%;
}

.divider .divider-text:after {
    left: 100%;
}

.divider.text-start .divider-text {
    padding-left: 0;
}

.divider.text-end .divider-text {
    padding-right: 0;
}

.divider.text-start-center .divider-text {
    left: -25%;
}

.divider.text-end-center .divider-text {
    right: -25%;
}

.divider.divider-dotted .divider-text:before, .divider.divider-dotted .divider-text:after, .divider.divider-dotted:before, .divider.divider-dotted:after {
    border-style: dotted;
    border-width: 0 1px 1px;
    border-color: rgba(75, 70, 92, 0.2);
}

.divider.divider-dashed .divider-text:before, .divider.divider-dashed .divider-text:after, .divider.divider-dashed:before, .divider.divider-dashed:after {
    border-style: dashed;
    border-width: 0 1px 1px;
    border-color: rgba(75, 70, 92, 0.2);
}

.divider.divider-vertical {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: unset;
}

.divider.divider-vertical:before, .divider.divider-vertical:after {
    content: "";
    position: absolute;
    left: 50%;
    border-left: 1px solid rgba(75, 70, 92, 0.2);
}

.divider.divider-vertical:before {
    bottom: 50%;
    top: 0;
}

.divider.divider-vertical:after {
    top: 50%;
    bottom: 0;
}

.divider.divider-vertical.divider-dashed:before, .divider.divider-vertical.divider-dashed:after {
    border-width: 1px 1px 1px 0;
}

.divider.divider-vertical.divider-dotted:before, .divider.divider-vertical.divider-dotted:after {
    border-width: 1px 1px 1px 0;
}

.divider.divider-vertical .divider-text {
    background-color: #fff;
    z-index: 1;
    padding: 0.5rem;
}

.divider.divider-vertical .divider-text:before, .divider.divider-vertical .divider-text:after {
    content: unset;
}

.divider.divider-vertical .divider-text .badge-divider-bg {
    padding: 0.375rem 0.29rem;
    border-radius: 50%;
    font-weight: 500;
    font-size: 0.6875rem;
}

.divider.divider-secondary.divider-vertical:before, .divider.divider-secondary.divider-vertical:after,
.divider.divider-secondary .divider-text:before,
.divider.divider-secondary .divider-text:after {
    border-color: #a8aaae;
}

.divider.divider-success.divider-vertical:before, .divider.divider-success.divider-vertical:after,
.divider.divider-success .divider-text:before,
.divider.divider-success .divider-text:after {
    border-color: #28c76f;
}

.divider.divider-info.divider-vertical:before, .divider.divider-info.divider-vertical:after,
.divider.divider-info .divider-text:before,
.divider.divider-info .divider-text:after {
    border-color: #00cfe8;
}

.divider.divider-warning.divider-vertical:before, .divider.divider-warning.divider-vertical:after,
.divider.divider-warning .divider-text:before,
.divider.divider-warning .divider-text:after {
    border-color: #ff9f43;
}

.divider.divider-danger.divider-vertical:before, .divider.divider-danger.divider-vertical:after,
.divider.divider-danger .divider-text:before,
.divider.divider-danger .divider-text:after {
    border-color: #ea5455;
}

.divider.divider-dark.divider-vertical:before, .divider.divider-dark.divider-vertical:after,
.divider.divider-dark .divider-text:before,
.divider.divider-dark .divider-text:after {
    border-color: #4b4b4b;
}

.divider.divider-gray.divider-vertical:before, .divider.divider-gray.divider-vertical:after,
.divider.divider-gray .divider-text:before,
.divider.divider-gray .divider-text:after {
    border-color: rgba(75, 70, 92, 0.05);
}

#toast-container > div {
    opacity: unset;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #405189 !important;
}

.bg-HeavyNavy {
    --bs-bg-opacity: 1;
    background-color: #164863 !important;
}

.bg-LightBlue {
    --bs-bg-opacity: 1;
    background-color: #3876BF !important;
}

.bg-HeavyYellow {
    --bs-bg-opacity: 1;
    background-color: #FFC436 !important;
}

.bg-LightTeal {
    --bs-bg-opacity: 1;
    background-color: #64CCC5 !important;
}

.bg-DarkLightBlue {
    --bs-bg-opacity: 1;
    background-color: #2D9596 !important;
}

.bg-LightPurple {
    --bs-bg-opacity: 1;
    background-color: #7071E8 !important;
}

.btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-success {
    color: #fff !important;
    background-color: #28c76f !important;
    border-color: #28c76f !important;
}

.btn-info {
    color: #fff !important;
    background-color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.btn-secondary {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.btn-warning {
    color: #fff !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.btn-light {
    color: #000 !important;
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}

.btn-dark {
    color: #fff !important;
    background-color: #212529 !important;
    border-color: #212529 !important;
}

/*-------------------*/
.bg-danger {
    background-color: #dc3545 !important;
}

.bg-success {
    background-color: #28c76f !important;
}

.bg-info {
    background-color: #0dcaf0 !important;
}

.bg-primary {
    background-color: #0d6efd !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

.bg-dark {
    background-color: #212529 !important;
}
/*-------------------*/
.text-danger {
    color: #dc3545 !important;
}

.text-success {
    color: #28c76f !important;
}

.text-info {
    color: #0dcaf0 !important;
}

.text-primary {
    color: #0d6efd !important;
}

.text-secondary {
    color: #6c757d !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-light {
    color: #f8f9fa !important;
}

.text-dark {
    color: #212529 !important;
}
.bg-sample-receiver {
    background-image: linear-gradient(90deg, #2D559B, #8C73BE) !important;
    color: white !important;
}