html {  font-size: 14px; }
.font-size-normal { font-size: 1rem !important; }
body.bootstrap-4 { font-size: 1rem; padding:0; padding-bottom: 1.5rem; }
.navbar { border-bottom: 2px solid #000; }
.navbar .navbar-nav { margin-left: auto; margin-right: auto; }
.navbar-nav > .nav-item > .nav-link { font-size: 1.25rem; font-weight: bold; font-weight: 600; }
.dropdown-item.active, .dropdown-item:active { background-color: transparent; color: #212529; }
    .dropdown-item.active:focus, .dropdown-item.active:hover { background-color: #e9ecef; }
.sub-nav { border-bottom: 2px solid #000; }
.sub-nav .form-control { background-color: #fafafa; }
.bg-black { background-color: #000 !important; color: #fff; }
.bg-blue { background-color: #24a8d8 !important; color: #fff; }
.bg-grey { background-color: #ececec !important; }
.bg-white { background-color: #ffffff !important; }
.border-grey { border-color: #ececec !important; }
.btn-blue { background: #24a8d8; color: #fff !important; text-decoration: none !important; }
    .btn-blue[disabled] { background: #92d4ec; color: #e9ecef !important; cursor: not-allowed !important; }
.page-item .page-link { font-weight: bold; }
.page-item.active .page-link { background-color: #24a8d8; border-color: #24a8d8; }
.fa-spinner { color: #24a8d8; }
/*.username-container { padding-bottom: .25rem; margin-bottom: .25rem; border-bottom: 1px solid #ced4da; }*/
.user-name { font-size: 1.5rem; }
.alert-dismissable .close { width: 22px; height: 22px; position: absolute; top: -11px; right: -11px; border-radius: 11px; text-align:center; line-height: 18px; font-size: 20px; opacity: 1; text-shadow: none; }
.alert-secondary .close { background-color: #383d41; color: #ffffff; border: 1px solid #ffffff; }
.card { border-radius: 0; border-width: 2px; }
.card-header:first-child { border-radius: 0; }
.custom-file-label:not(.selected), .custom-file-input:disabled ~ .custom-file-label { color: #6c757d }
.custom-file-input:not(:disabled) ~ .custom-file-label:not(.selected) > .selected-text { display: none; }
.custom-file-label > .selected-text { display: none; }
.custom-file-input:not(:disabled) ~ .custom-file-label.selected > .selected-text, .custom-file-label.selected:not(:has(.custom-file-input)) > .selected-text { display: inline; }
.custom-file-input:not(:disabled) ~ .custom-file-label.selected > .default-text, .custom-file-label.selected:not(:has(.custom-file-input)) > .default-text { display: none; }
.table-primary { background-color: transparent; margin-bottom: 0; }
    .table-primary > tbody > tr > th, .table-primary > thead > tr > th { background-color: #ececec; color: #000; }
    .table-primary > tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th { border: none; }
.modal iframe { border: none; width: 100%; min-height: 350px; height: auto; overflow-y: scroll; }
.modal-content { border-radius: 0; }
.minh-100 { min-height: 100% !important; }
.modalHTML, .modalHTML body { overflow-y: auto; }

.table { border-collapse: collapse; }
    .table > tbody > tr > th[scope=col], .table > thead > tr > th[scope=col] { font-size: 1.15em; border-bottom: 2px solid lightgrey; text-align: center; }
    .table > tbody > tr > th[scope=row], .table > thead > tr > th[scope=row] { font-size: 1.15em; border-right: 2px solid lightgrey; }
.table-striped > tbody > tr.error-row { background-color: #ffd8d7; }
.table-striped > tbody > tr:nth-of-type(odd).error-row { background-color: #ffb2ae; }
.table-striped > tbody > tr.warning-row { background-color: #faf2cc; }
.table-striped > tbody > tr:nth-of-type(odd).warning-row { background-color: #f7ecb5; }
.table-primary th, .table-primary td { border: none; color: #000; }
.table-sm td, .table-sm th { padding: 0.3rem 0.75rem; }
.table-auto { table-layout: auto; }
    .table-auto td.fit, .table-auto th.fit { white-space: nowrap; width: 1%; }
.table caption { caption-side: top; text-align: center; font-size: 1.15rem; font-weight: bold; }
.tfoot { border-top: 2px solid lightgrey; }
.mirror-x { transform: scaleX(-1); }
.tasks-pane > h2 { padding: .5rem 1rem; background-color: #ececec; margin: 0; }
.tasks-pane > hr { margin: 0; }
.tasks-pane > ul { margin-top: 1rem; padding: 0 1.5rem; }
    .tasks-pane > ul li > ul { padding: .25rem 0 .5rem 1.5rem; }
.fa.checkbox { width: 20px; height: 20px; text-align: center; padding: 2px; border-radius: 2px; display: inline-flex; align-items: center; justify-content: center; }
    .fa.checkbox.text-danger { border: 2px solid #dc3545; }
    .fa.checkbox.text-success { border: 2px solid #28a745; }

.form-group label { font-weight: bold; }
.form-check.dot-net { display: inline-block; }
    .form-check.dot-net > input[type=checkbox] { position: relative; margin-top: 0.3rem; margin-left: -1.25rem; }
.alert { border-radius: 0; }
    .alert p:last-child, .alert ul:last-child { margin-bottom: 0; }
.btn-primary { background: #24a8d8; border-color: #24a8d8 !important; color: #fff !important; text-decoration: none !important; }
    .btn-primary:not(:disabled):not(.disabled):hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background: #7bcae7; }
    .btn-primary:disabled { background-color: #7bcae7; opacity: 1; cursor: not-allowed; }
.btn-outline-primary { color: #24a8d8; border-color: #24a8d8; }
a.btn-secondary { color: #fff !important; text-decoration: none !important; }
.custom-file > .custom-file-label > input[type=text][readonly] { width: 100%; height: 100%; border: none; background-color: #e9ecef; }
.form-control.select-number { min-width: 30px; padding-left: 2px; }
.price-input { max-width: 75px; margin-right: 0; }
    .price-input > .input-group-prepend > .input-group-text { padding: .25rem; }
    .price-input > .form-control { padding-left: 3px; }

.form-inline .control-label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; }
    .form-inline .control-label > label { display: inline; }

.gridviewPager > td { padding-left: 0; padding-right: 0; }
    .gridviewPager > td > table > tbody > tr > td { padding: 0; }
        .gridviewPager > td > table > tbody > tr > td > span { display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #fff; background-color: #24a8d8; }
        .gridviewPager > td > table > tbody > tr > td > a { display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #333; background-color: #f2f2f2; }
            .gridviewPager > td > table > tbody > tr > td > a:hover, .gridviewPager > td > table > tbody > tr > td > a:active, .gridviewPager > td > table > tbody > tr > td > a:focus { background-color: #d9d9d9; text-decoration: none; }

ul.form-check-list > li { position: relative; display: block; padding-left: 1.25rem; margin-bottom: .25rem; }
    ul.form-check-list > li:last-of-type { margin-bottom: 0; }
    ul.form-check-list > li > input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; }
    ul.form-check-list > li > label { margin-bottom: 0; }

div.list-unstyled > ul { padding-left: 0; list-style: none; }
.ajax__calendar_container .ajax__calendar_dayname { white-space: nowrap; }

div.form-control > .HC_div { background-color: transparent; background-image: none; width: 100%; border:none; }
    div.form-control > .HC_div > .HC_grid { background-image: none; border: none; }
    div.form-control > .HC_div > .HC_grid th { width: 100%; padding: 0; }
        div.form-control > .HC_div > .HC_grid th .HE_editPanel { border: none; }

.navbar-nav .dropdown-menu { z-index: 9999; }
/*.dropdown-item.sub-item a { padding-left: 1rem; position: relative; }
    .dropdown-item.sub-item a:before { position: absolute; top: 0; bottom: 0; left: 0; width: 1rem; content: ""; background-color: #ececec; }*/
.dropdown-submenu { position: relative; }
    .dropdown-submenu a::after { transform: rotate(-90deg); position:absolute; right: 6px; top: .8em; }
    .dropdown-submenu .dropdown-menu { top: 0; left: 100%; }

.text-subdued { color: rgba(0,0,0,.125); }
.text-underline { text-decoration: underline !important; }

.ui-datepicker.ui-widget { z-index: 99999 !important; }
    .ui-datepicker.ui-widget .ui-datepicker-month { margin-right: .1rem; }
    .ui-datepicker.ui-widget .ui-datepicker-month, .ui-datepicker.ui-widget .ui-datepicker-year { width: auto; height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.2rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
        .ui-datepicker.ui-widget .ui-datepicker-month::-ms-expand, .ui-datepicker.ui-widget .ui-datepicker-year::ms-expand { background-color: transparent; border: 0; }
        .ui-datepicker.ui-widget .ui-datepicker-month:-moz-focusring, .ui-datepicker.ui-widget .ui-datepicker-year:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; }
            .ui-datepicker.ui-widget .ui-datepicker-month:focus, .ui-datepicker.ui-widget .ui-datepicker-year:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
        .ui-datepicker.ui-widget .ui-datepicker-month::-webkit-input-placeholder, .ui-datepicker.ui-widget .ui-datepicker-year::-webkit-input-placeholder { color: #6c757d; opacity: 1; }
        .ui-datepicker.ui-widget .ui-datepicker-month::-moz-placeholder, .ui-datepicker.ui-widget .ui-datepicker-year::-moz-placeholder { color: #6c757d; opacity: 1; }
        .ui-datepicker.ui-widget .ui-datepicker-month:-ms-input-placeholder, .ui-datepicker.ui-widget .ui-datepicker-year:-ms-input-placeholder { color: #6c757d; opacity: 1; }
        .ui-datepicker.ui-widget .ui-datepicker-month::-ms-input-placeholder, .ui-datepicker.ui-widget .ui-datepicker-year::-ms-input-placeholder { color: #6c757d; opacity: 1; }
        .ui-datepicker.ui-widget .ui-datepicker-month::placeholder, .ui-datepicker.ui-widget .ui-datepicker-year::placeholder { color: #6c757d; opacity: 1; }
        .ui-datepicker.ui-widget .ui-datepicker-month:focus::-ms-value, .ui-datepicker.ui-widget .ui-datepicker-year:focus::-ms-value { color: #495057; background-color: #fff; }

.alert.alert-light { border: 1px solid #dee2e6; background-color: #f8f9fa; color: #000000; }

.list-inline.list-inline-simple > li {display:inline-block;}
.list-inline.list-inline-simple > li:not(:last-child) { margin-right: 0.5rem;}
.radio-list > li { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; }
    .radio-list > li > input[type=radio] { margin-top: 0.3rem; margin-left: -1.25rem; position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; }
    .radio-list > li > label { margin-bottom: 0; font-weight: normal; }.alert.alert-light { border: 1px solid #dee2e6; background-color: #f8f9fa; color: #000000; }

.loading-spinner { display: inline-block; width: 4rem; height: 4rem; vertical-align: text-bottom; border: .25em solid #24a8d8; border-right-color: transparent; border-radius: 50%; -webkit-animation: loading-spinner 1s linear infinite; animation: loading-spinner 1s linear infinite; }

.nav-tabs { border-bottom: 2px solid #dfdfdf; }
    .nav-tabs .nav-link { margin-bottom: -2px; border: 2px solid #dfdfdf; border-radius: 0; margin-right: 3px; border-bottom: 0; }
        .nav-tabs .nav-link.active { border-bottom: 2px solid #fff; font-weight: bold; }
        .nav-tabs .nav-link:not(.active) { background-color: rgba(0, 0,0 ,.05); }
        .nav-tabs .nav-item { position: relative; }
        .nav-tabs .nav-item:first-of-type:before { content: ""; width: 2px; height: 2px; display: block; background-color: #dfdfdf; position: absolute; bottom: -2px; left: 0; }
    .nav-tabs .nav-link.disabled { background-color: #fff; color: #b4b9be; border-color: #dfdfdf; font-style: italic; pointer-events: unset; }
    .nav-tabs .nav-item:has(.nav-link.disabled):after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: not-allowed; }
        /*.btn-group-list > li { display: flex; align-content: center; justify-content: center; }*/
        .btn-group-list > li:not(:first-of-type) { border-left: 0; }
.btn-group-list > li:first-of-type { border-radius: .2rem 0 0 .2rem; }
.btn-group-list > li:last-of-type { border-radius: 0 .2rem .2rem 0; }
.btn-group-list > li { color: #24a8d8; background-color: transparent; background-image: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #24a8d8; padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; position: relative; }
    .btn-group-list > li > input[type=radio], .btn-group-list > li > span > input[type=radio] { visibility: hidden; position: absolute; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; }
        .btn-group-list > li:has(:checked) { background-color: #24a8d8; color: #fff; font-weight: 400; white-space: nowrap; vertical-align: middle; }
    .btn-group-list > li > label, .btn-group-list > li > span > label { margin-bottom: 0; z-index: 0; }
    .btn-group-list > li:has(input[type=radio]:not(:checked):hover) { background-color: rgba(36, 168, 216, .25); }
    .btn-group-list > li > label, .btn-group-list > li > input[type=radio] { cursor: pointer; }
    /* Hide the unrelated inputs based on the selected price type */
    /*.rates-table table tr:has([data-price-type=fixed] > input:checked) [data-price-type-input] { transition: opacity linear .5s; opacity: 1; }*/
    .rates-table table tr:has([data-price-type=fixed] > input:checked) .price-type-input-variable { display: none; }
.rates-table table tr:has([data-price-type=variable] > input:checked) .price-type-input-fixed { display: none; }

.table.rows-as-links > tr, .table.rows-as-links > tbody > tr { position: relative; }
.table.rows-as-links .row-link { display: block; position:absolute; top:0; right:0; bottom:0; left:0; z-index: 0; }
.table.rows-as-links a:not(.row-link) { position: relative; z-index: 100; }

.form-control.is-invalid, .was-validated .form-control:invalid { background-image: none; padding-right: 10px; }
.w-0 { width: 0 !important; }
.cover-after:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; }

#mc-summary input[readonly] { color: transparent; }
#multiColumnEditor:has(.tox-tinymce--disabled) #btnCalculateMCPrice { display: none; }

.notice-text p { margin-bottom:0; }
.notice-text.plain-text { white-space: pre-wrap; }
.badge-primary { background: #24a8d8; border-color: #24a8d8 !important; }
.table-striped tbody tr:nth-of-type(odd).table-danger, .table-striped tbody tr:nth-of-type(odd).table-danger > td { background-color: rgb(245, 198, 203) }
.table-striped tbody tr:nth-of-type(even).table-danger, .table-striped tbody tr:nth-of-type(even).table-danger > td { background-color: #f8d7da }

.preserve-whitespace { white-space: pre-wrap; }
.text-normal { font-style: normal !important; }

@keyframes loading-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}