html,
body {
    margin: 0;
    background: var(--background);
    overflow: hidden;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: #0A4268 !important;
    font-weight: 700 !important;
}

.sectionBlockLayout {
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
}

.primaryInfo {
    color: #0A4268;
    font-size: 12px;
}

/* .primary-font {
    color: #5e5e5e;
    font-size: 12px;
    font-family: "Outfit", sans-serif;
} */

input,
select {
    border: 1.5px solid rgb(179, 179, 179) !important;
}

/* Common tab content  start*/

.inner-content {
    background-color: #f8f9fa;
    border-radius: 25px;
    padding: 1.5rem 1rem;
    box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.19);
}

#content-panel {
    height: calc(100vh - 54px);
    overflow-y: auto;
    overflow-x: hidden;
}


.content-width {
    width: calc(100vw - var(--navbar-width-min));
    float: right;
    transition: width 0.2s
}

.expanded-content-width {
    width: calc(100vw - var(--navbar-width));
    float: right;
    transition: width 0.2s
}

/* Common tab content End*/



/* .borderRight {
    border-right: 1px dotted #bfb2b2;
} */


/* 
.avatar {
    vertical-align: middle;
    width: 40px;
    border-radius: 50%;
}

.bg-dark-blue {
    background-color: var(--navbar-dark-primary) !important;
}

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

.logo a {
    height: 70px;
} */





.accordion-button {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 1.25rem 0 0;
    color: inherit;
    background-color: inherit;
    box-shadow: none;
    font-size: 14px;
}

.accordion-button:not(.collapsed) {
    color: inherit;
    background-color: inherit;
    box-shadow: none;
}

.page-title {
    font-weight: bold;
    color: #575757;
}

.input-switch-green {
    width: 50px !important;
    height: 26px;
}

.form-check-input:checked {
    background: #19AB27;
    background-repeat: no-repeat;
}

.form-check-input:focus {
    box-shadow: none;
}

.border-bottom {
    border-color: #bdbbbb !important;

}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(202 223 222)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

/* 
.nav-button.outer[class^=".collapsed"] .accordion-button::after{
    transform: rotate(-180deg) !important;
}
.nav-button.outer[class^=".collapsed"] .accordion-button::after{
    transform: rotate(-180deg) !important;
} */
.accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg) !important;
}

label[for=nav-toggle] {
    top: 5px;
}

/* Navbar style end */
.app-footer {
    height: 54px;
    background: #f8f9fa;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.19);
}

.inputfield {
    width: 100%;
    border-radius: 5px;
}

.nav-pills .nav-link {
    border-radius: 0px;
    color: #5e5e5e;
    font-size: 14px !important;
    font-family: "Outfit", sans-serif !important;
}

.nav-pills .nav-link.active {
    background-color: transparent;
    color: #248cb3;
    border-bottom: 3px solid;
    padding-bottom: 5px;
}

/* Scroll bar */

/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 7px !important;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ddf5ff;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #2a8ab4;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #2a8ab4;
}

.btn-primary,
.btn-danger,
.btn-success,
.btn-warning {
    background-color: var(--navbar-dark-primary) !important;
    height: 40px;
    color: #ffffff;
    border: none;
    border-radius: 8px;
}

.btn-danger {
    background-color: #ff0f0fcc !important;
}

.btn-success {
    background-color: #41a900 !important;
}

.btn-warning {
    background-color: #f9c105 !important;
}

.btn-primary:hover,
.btn-danger:hover,
.btn-success:hover,
.btn-warning:hover {
    color: #fff;
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16) !important;
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Outfit", sans-serif !important;
}

input::placeholder,
.form-control[type="date"]::placeholder {
    color: #99A1B7 !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
}

/* New CSS for select2  */
span.selection {
    display: flex !important;
}

.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
    /* border: 0.5px solid #bdbdbd !important; */
    border-radius: 6px !important;
    min-height: 38px !important;
    width: 100%;
    display: flex !important;
}

/* .select2-container--bootstrap .select2-selection--multiple {
    height: unset !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    max-height: 150px;
    overflow: auto !important;
    padding: 0px !important;
} */

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    border-top: inherit !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    z-index: 99999 !important;
}

.select2-container .select2-search--inline .select2-search__field {
    border: none !important;
}

.select2.select2-container.select2-container--bootstrap,
.select2.select2-container.select2-container--bootstrap.select2-container--below,
.select2 .select2-container .select2-container--bootstrap .select2-container--above {
    width: 100% !important;
}

ul.select2-results__options {
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    max-height: none;
}

ul.select2-selection__rendered {
    padding-right: 30px !important;
}

.select2-selection__placeholder {
    color: #99A1B7 !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
}

ul.select2-selection__rendered:after {
    content: "\f078";
    font: var(--fa-font-solid);
    font-size: 12px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #333;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-container--bootstrap .select2-selection--single::after {
    content: "\f078";
    font: var(--fa-font-solid);
    font-size: 12px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #333;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    color: #ffffff !important;
    background: #0fa5dc !important;
    border: none !important;
    border-radius: .25rem !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #ffffff !important;
    background: #0fa5dc !important;
    border: none !important;
    border-radius: .25rem !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff !important;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff !important;
    border-right: 1px solid #d6ff7c;
    padding-right: 2px !important;
}

.select2-results__option {
    background-color: #f7fdff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 2px 5px 5px 5px !important;
}

.select2-container--bootstrap .select2-dropdown {
    border-color: #0fa5dc;
    overflow-x: hidden;
}

.select2-results__option--highlighted {
    color: #ffff !important;
    background-color: #0fa5dc !important;
}

li.select2-results__option[aria-selected="true"]::after {
    position: relative;
    transform: translateY(50%);
    content: "\f00c";
    font: var(--fa-font-solid);
    color: #000000;
    font-size: 12px;
    left: 15px;
}

li.select2-results__option--highlighted[aria-selected="true"]::after {
    color: #ffffff;
}

/* Datepicker CSS */
.flatpickr,
.flatpickr-calendar,
.flatpickr-input {
    font-family: "Outfit", sans-serif;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    border: none !important
}

.flatpickr-mobile:before {
    content: attr(placeholder);
    color: gray;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
}

.flatpickr-mobile:focus[value]:not([value=""]):before {
    display: none;
}

input[type="hidden"][value]:not([value=""])+.flatpickr-mobile:before {
    display: none;
}

input[type="checkbox"] {
    cursor: pointer;
}

input.form-control.input[placeholder="MM/DD/YYYY"],
input[type="number"].form-control {
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    border-right: none !important;
    border-radius: 5px 0px 0px 5px !important;
}

.input-group {
    align-items: stretch !important;
}

.input-group-text {
    background-color: #f2f2f2 !important;
    /* height: 38px !important; */
    color: #5e5e5e !important;
    border-color: #bdbdbd !important;
}

/* data table common header color */
.dataTableHeader {
    background-color: #E3F1FC;
    color: #0A4268 !important;
    font-size: 14px !important;
    font-family: "Outfit", sans-serif !important;
}

td {
    color: #0A4268 !important;
}

/* Defulat pages - Signin/Profile */

input#ContentContainer_MainContent_MainContent_ContentBottom_SubmitButton {
    background-color: #0d6efd !important;
}

.dt-paging-button {
    background-color: transparent !important;
}

div.dt-container .dt-paging .dt-paging-button:hover {
    border: none !important;
    background: none !important;
    background-color: transparent !important;
}

li.dt-paging-button.page-item.disabled {
    background-color: transparent !important;
}

a.page-link.previous,
a.page-link.first,
a.page-link.next,
a.page-link.last {
    background-color: transparent !important;
}

div.dt-container div.dt-paging ul.pagination {
    display: flex !important;
    font-size: 4px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover {
    background-color: #0c4366 !important;
}

/* common colors for icons */
.fa-trash-can,
.fa-xmark {
    color: #ff005da3 !important;
    cursor: pointer !important;
}

.fa-pen-to-square,
.fa-download,
.fa-share-from-square,
.fa-eye {
    color: #167fae !important;
    cursor: pointer !important;
}

.fa-download,
.fa-share-from-square {
    font-size: 14px !important;
}

button .fa-pen-to-square {
    color: #ffff !important;
}

/* Modal common styles */
.modal-title {
    color: #1b80ab !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.modal-header {
    background-color: #c5e4f7 !important;
    color: #1b80ab !important;
}

.modal-md .fa-solid.fa-xmark,
.modal-lg .fa-solid.fa-xmark {
    color: #1b80ab !important;
}

.modal-body label {
    color: #2a8ab4 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.modal-body p {
    text-align: center !important;
    font-weight: 300 !important;
}

.modal-body .col-md-4,
.modal-body .col-md-5 {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 40px;
    position: relative;
    top: 3px;
}

.modal-content {
    border: 4px solid #c5e4f7 !important;
}

.dataTables_filter {
    margin-bottom: 5px !important;
}

div.dt-container div.dt-search input {
    border: 2px solid #0fa5dc !important;
    border-radius: 7px !important;
    background-color: #e3f1fb !important;
}

.data-table-body {
    /* background-color: #f1f1f1; */
    text-align: center;
}

.dt-button.buttons-collection.buttons-colvis {
    border-radius: 5px !important;
}

.border-danger {
    border: 2px solid red !important;
}

.text-danger {
    color: red !important;
}

/* Start of Breadcrumb CSS & animation */

.breadcrumb>.active {
    color: #0fa5dc !important;
}

.breadcrumb>li a:hover {
    text-decoration: none !important;
}

.breadcrumb {
    display: flex;
}

/* Breadcrumb modifications for Mobile Screens */
@media (max-width: 520px) {
    .breadcrumb {
        display: flex;
        flex-direction: column !important;
        white-space: nowrap !important;
        font-size: 12px !important;
    }
}

.breadcrumb-item {
    opacity: 0;
    transform: translateX(-20px);
    animation: slide-in 1.4s forwards;
    cursor: pointer !important;
}

.breadcrumb-item:nth-child(1) {
    animation-delay: 0.4s;
}

.breadcrumb-item:nth-child(2) {
    animation-delay: 0.6s;
}

.breadcrumb-item:nth-child(3) {
    animation-delay: 0.8s;
}

.breadcrumb-item:nth-child(4) {
    animation-delay: 1s;
}

.breadcrumb>li a {
    color: #000000 !important;
    cursor: pointer !important;
}

@keyframes slide-in {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* End of Breadcrumb CSS & animation */

/* experimental don't remove */
span.input-group-text {
    border-radius: 0px 5px 5px 0px !important;
}

.form-control:disabled {
    background-color: #ebebeb !important;
    opacity: 1;
}

/* switch button css start */
/* Basic Rules */
.switch-col {
    width: 80px;
    padding-left: 20px !important;
}

.switch-box input {
    display: none;
}

.switch-box {
    display: inline-block;
    width: 40px;
    height: 20px;
    transform: translateY(15%);
    position: relative;
    margin: 0;
}

/* Style Wired */
.slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    box-shadow: 0 0 0 2px #777, 0 0 4px #777;
    cursor: pointer;
    border: 4px solid transparent;
    overflow: hidden;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #777;
    border-radius: 30px;
    transform: translateX(-20px);
    transition: .4s;
}

input:checked+.slider:before {
    transform: translateX(20px);
    background: limeGreen;
}

input:checked+.slider {
    box-shadow: 0 0 0 2px limeGreen, 0 0 2px limeGreen;
}

/* Style Flat */
.switch-box.flat .slider {
    box-shadow: none;
}

.switch-box.flat .slider:before {
    background: #FFF;
}

.switch-box.flat input:checked+.slider:before {
    background: white;
}

.switch-box.flat input:checked+.slider {
    background: limeGreen;
}

/* switch button css end */


#filterSection {
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 5px 0px;
    padding: 20px;
}

#filter-btn {
    height: 40px !important;
}

#site-list-table_wrapper .dt-search,
#rad-list-table_wrapper .dt-search {
    display: flex;
    align-items: center;
}

.select2-container--bootstrap .select2-results>.select2-results__options {
    max-height: 200px !important;
    overflow-y: auto;
}


/* HighCharts CSS */
.highcharts-credits {
    display: none !important;
}

.highcharts-background {
    fill: #ffffff00 !important;
}

.highcharts-color-0 {
    fill: revert-layer !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

div.dt-container.dt-empty-footer .dt-scroll-body::-webkit-scrollbar {
    width: 5px !important;
    height: 7px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
}


/* Report chart scroll */

#volumeByWorklist,
#volumeByModality,
#hourlyRVolumeByWL,
#hourlyUrVolumeByWL {
    overflow-x: auto !important;
}


.switch-col.switch-center {
    text-align: initial;
    width: 100%;
    display: flex;
    justify-content: center;
}


.td-bg-ash {
    background-color: #efeeee !important;
}

/* popover css start */
.popover-body {
    font-family: 'Outfit';
    background-color: #4e4e4e;
    color: white;
    border-radius: 5px;
}

.popover-arrow::after {
    border-top-color: #4e4e4e !important;
}

/* popover css end*/

.time-input {
    width: 63px !important;
}

.text-primary {
    color: rgb(0 163 223) !important;
}

textarea::placeholder {
    color: #aab1c3 !important;
    /* Change the color to red */
    font-size: 16px;
    /* Change the font size */
    opacity: 1;
    /* Ensure the placeholder is fully opaque */
}

/* For cross-browser compatibility */
textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #aab1c3 !important;
    opacity: 1;
}

textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #aab1c3 !important;
    opacity: 1;
}

textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #aab1c3 !important;
}

/* table fixed header fix start */
/* Reduce padding/margin at the bottom of the tbody */
.dataTables_wrapper tbody {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Adjust pagination controls to be closer to the table */
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_info {
    margin-top: 0;
    /* Remove any top margin */
    padding-top: 0;
    /* Remove any top padding */
}

/* Optional: Reduce the height of the table when few rows are present */
.dataTables_wrapper {
    height: auto !important;
    /* Override any fixed height */
}

/* Optional: Specific adjustment when scrollY is enabled */
.dataTables_scrollBody {
    height: auto !important;
    /* Make the table height adapt to content */
}

/* table fixed header fix end */

/* table header filter css start */
.filter-header .select2-results__options {
    max-height: 200px !important;
}

.filter-header .dt-column-order {
    display: none !important;
}

.filter-header .select2-container {
    min-width: 150px !important;
    /* width: auto !important; */
}

/* .filter-header {
    background-color: #f8f9fa !important;
} */

/* table header filter css end */

.small__font {
    font-size: 0.8rem !important;
}

.smaller__font {
    font-size: 0.7rem !important;
}

.pagination>li>a,
.pagination>li>span {
    width: auto !important;
    height: auto !important;
}

li.select2-selection__choice[title="Select All/Unselect All"],
li.select2-selection__choice[title="Select All"],
li.select2-selection__choice[title="Unselect All"] {
    display: none;
}

#noDataMessageVolumeByHour .alert-danger,
#noDataMessageModalityBreakdown .alert-danger,
#initialChartInfoVBH .alert-danger,
#initialChartInfoMBD .alert-danger,

#initialChartInfoDBHWeekday .alert-danger,
#initialChartInfoDBHWeekend .alert-danger,
#initialChartInfoVBM .alert-danger,
#initialChartInfoVBP .alert-danger,
#noDataMessageBarchart1 .alert-danger,
#noDataMessageBarchart2 .alert-danger,
#noDataMessageModality .alert-danger,
#noDataMessagePriority .alert-danger {
    background-color: #dceaef !important;
}

.text-blue-info {
    color: #00b2ff !important;
}

/* Toast css start */

.colored-toast.swal2-icon-success {
    background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
    background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
    background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
    background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
    background-color: #87adbd !important;
}

.colored-toast .swal2-title {
    color: white !important;
}

.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}

#swal2-html-container {
    margin-left: 5px;
    margin-top: 0;
    margin-bottom: 0;
}

#swal2-title {
    margin-left: 5px;
    margin-bottom: 0;
    margin-top: 0;
}

/* Toast css end */

.h-97 {
    height: 97%;
}


.private-mode-banner,
.pva-embedded-web-chat-widget {
    display: none !important;
}

.private-mode-banner {
    display: none;
}