:root, :host {
  --en-font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  --en-font-color: #212529;
  --en-font-size: 13px;
  --en-primary: #0095e1;
}

:root {
  --bs-app-header-height: auto;
  --bs-app-header-height-actual: auto;
  --bs-app-footer-height: auto;
}

:root, [data-bs-theme=light] {
  --bs-link-color: #0095e1;
  --bs-link-color-rgb: 0, 149, 225;
  --bs-link-hover-color: #0077b4;
  --bs-link-hover-color-rgb: 0, 119, 180;
}

[data-bs-theme=light] {
  --bs-primary: var(--en-primary) !important;
  --bs-primary-active: #007fbf;
  --bs-app-wrapper-shadow: 0px 0px 30px rgba(53, 59, 89, 0.25);
  --bs-drawer-bg-color: #f8f9fa;
  --bs-menu-link-color-hover: #0095e1;
  --bs-menu-link-color-show: #0095e1;
  --bs-menu-link-color-here: #0095e1;
  --bs-menu-link-color-active: #0095e1;
  --bs-menu-link-bg-color-hover: var(--bs-gray-100);
  --bs-menu-link-bg-color-show: var(--bs-gray-100);
  --bs-menu-link-bg-color-here: var(--bs-gray-100);
  --bs-menu-link-bg-color-active: var(--bs-gray-100);
}

input[type=number]::-webkit-inner-spin-button {
  appearance: none;
}

body {
  font-family: var(--en-font-family);
  background-color: #fff;
  color: var(--en-font-color);
}

body a:hover, body a:active, body a:focus {
  text-decoration: underline !important;
}

.w-fit-content {
  width: fit-content;
}

.login-box {
  width: 100%;
}

@media (min-width: 400px) {
  .login-box {
    width: 350px;
  }
}
.header-image,
.footer-image {
  overflow: hidden;
}

.header-image img,
.footer-image img {
  width: 100%;
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
  }
  .header-image img,
  .footer-image img {
    max-width: 1200px;
  }
}
.menu-state-primary {
  background-color: #f8f9fa;
}
.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
  color: var(--bs-menu-link-color-hover);
  background-color: var(--bs-menu-link-bg-color-hover);
}
.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
  color: var(--bs-menu-link-color-hover);
  background-color: var(--bs-menu-link-bg-color-hover);
}
.menu-state-primary .menu-item .menu-link.active {
  color: var(--bs-menu-link-color-active);
}
.menu-state-primary .menu-item.show > .menu-link, .menu-state-primary .menu-item.here > .menu-link {
  background-color: var(--bs-menu-link-bg-color-active);
}
.menu-state-primary .menu-item.show > .menu-link .menu-title, .menu-state-primary .menu-item.here > .menu-link .menu-title {
  color: var(--bs-menu-link-color-active);
}
.menu-state-primary .menu-item .menu-link.active:hover,
.menu-state-primary .menu-item .menu-link .menu-title:hover,
.menu-state-primary .menu-item .menu-link:hover {
  text-decoration: none !important;
}

.menu-active-bg .menu-item .menu-link.active .menu-title {
  color: var(--bs-menu-link-color-active);
}

@media (min-width: 992px) {
  .app-menu .menu > .menu-item > .menu-link {
    border-bottom: 2px solid transparent;
    border-radius: 0;
  }
  .app-menu .menu > .menu-item.here > .menu-link, .app-menu .menu > .menu-item.active > .menu-link {
    border-bottom-color: var(--bs-menu-link-color-hover);
  }
  .app-menu .menu-sub > .menu-item > .menu-link {
    border-radius: 0;
  }
}
.breadcrumb .breadcrumb-item::after {
  font-family: "Font Awesome 6 Sharp";
  font-weight: 400;
  font-size: 10px;
  content: "\f105";
}
.breadcrumb .breadcrumb-item.active {
  font-weight: bold;
}
.breadcrumb .breadcrumb-item.active::before {
  font-weight: normal;
}
.breadcrumb .fa-home {
  font-size: 14px;
}
.breadcrumb .fa-angle-right {
  font-size: 10px;
}

i.bi, i[class^=fonticon-], i[class*=" fonticon-"], i[class^=fa-], i[class*=" fa-"], i[class^=la-], i[class*=" la-"] {
  color: inherit;
}

.social-media-top a,
.social-media-bottom a {
  color: #6c757d;
  padding: 0.5rem;
  line-height: 1;
}
.social-media-top a:hover, .social-media-top a:focus,
.social-media-bottom a:hover,
.social-media-bottom a:focus {
  color: #565e64;
}
.social-media-top a i.bi, .social-media-top a i[class^=fonticon-], .social-media-top a i[class*=" fonticon-"], .social-media-top a i[class^=fa-], .social-media-top a i[class*=" fa-"], .social-media-top a i[class^=la-], .social-media-top a i[class*=" la-"],
.social-media-bottom a i.bi,
.social-media-bottom a i[class^=fonticon-],
.social-media-bottom a i[class*=" fonticon-"],
.social-media-bottom a i[class^=fa-],
.social-media-bottom a i[class*=" fa-"],
.social-media-bottom a i[class^=la-],
.social-media-bottom a i[class*=" la-"] {
  color: inherit;
  font-size: 16px;
}

hr {
  color: var(--en-font-color);
}

.page-title {
  font-weight: bold;
  margin-bottom: 1rem;
  font-size: 16px;
}

.card {
  --bs-root-card-border-color: var(--bs-gray-300);
  --bs-card-border-color: var(--bs-root-card-border-color);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 1px);
}
.card .card-header {
  min-height: auto;
}
.card .card-header,
.card .card-body {
  padding: 0.75rem 1.5rem;
}
.card.card-details .card-body {
  border-radius: var(--bs-card-inner-border-radius);
}

.wd-130-force {
  width: 130px !important;
}

.wd-140-force {
  width: 140px !important;
}

.wd-220-force {
  width: 220px !important;
}

.tx-1em {
  font-size: 1em;
}

.text-underline {
  text-decoration: underline;
}

.font-weight-300 {
  font-weight: 300 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.alert-danger {
  color: var(--bs-danger-text-emphasis);
  background-color: var(--bs-danger-bg-subtle);
  border-color: var(--bs-danger-border-subtle);
}

.alert-info {
  color: var(--bs-info-text-emphasis);
  background-color: var(--bs-info-bg-subtle);
  border-color: var(--bs-info-border-subtle);
}

.alert-success {
  color: var(--bs-success-text-emphasis);
  background-color: var(--bs-success-bg-subtle);
  border-color: var(--bs-success-border-subtle);
}

.alert-warning {
  color: var(--bs-warning-text-emphasis);
  background-color: var(--bs-warning-bg-subtle);
  border-color: var(--bs-warning-border-subtle);
}

.RadButton:not(.RadRadioButton) {
  box-sizing: border-box !important;
}

.btn {
  --bs-btn-padding-x: 12px;
  --bs-btn-padding-y: 6px;
  --bs-btn-font-family: var(--en-font-family);
  --bs-btn-font-size: var(--en-font-size);
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0095e1;
  --bs-btn-border-color: #0095e1;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #007fbf;
  --bs-btn-hover-border-color: #0077b4;
  --bs-btn-focus-shadow-rgb: 13, 173, 255;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #0077b4;
  --bs-btn-active-border-color: #0070a9;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #0095e1;
  --bs-btn-disabled-border-color: #0095e1;
}

.btn.btn-primary {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}

.btn-check:checked + .btn.btn-primary,
.btn-check:active + .btn.btn-primary,
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary.active,
.btn.btn-primary.show,
.show > .btn.btn-primary {
  color: var(--bs-btn-hover-color);
  border-color: var(--bs-btn-hover-border-color);
  background-color: var(--bs-btn-hover-bg) !important;
}

.btn.btn-link {
  padding: 6px 12px !important;
  border-color: transparent !important;
}

.btn-sm, .btn-group-sm > .btn, .sp-container .btn-group-sm > button {
  padding: 0.25rem 0.5rem;
}

.form-inline {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

.RadComboBoxDropDown_Bootstrap,
.RadComboBox_Bootstrap,
.RadComboBox_Bootstrap .rcbInput,
.RadInput_Bootstrap .riTextBox,
.RadInputMgr_Bootstrap,
.RadTabStrip_Bootstrap,
.RadListBox_Bootstrap {
  font-family: var(--en-font-family) !important;
  font-size: var(--en-font-size) !important;
  color: var(--en-font-color) !important;
}

.form-control,
.RadInput_Bootstrap .riTextBox,
.RadComboBox_Bootstrap .rcbInner {
  height: auto !important;
  padding: 6px 12px !important;
  font-size: 1em !important;
  border-radius: var(--bs-border-radius) !important;
}

.RadComboBox_Bootstrap {
  line-height: var(--bs-body-line-height) !important;
}
.RadComboBox_Bootstrap .rcbInner {
  box-shadow: none !important;
}
.RadComboBox_Bootstrap .rcbInner,
.RadComboBox_Bootstrap .rcbReadOnly {
  border-color: var(--bs-gray-300) !important;
  color: var(--bs-gray-700) !important;
}
.RadComboBox_Bootstrap .rcbActionButton {
  border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0 !important;
  line-height: var(--bs-body-line-height) !important;
  width: auto !important;
  height: auto !important;
}
.RadComboBox_Bootstrap .rcbFocused {
  box-shadow: none !important;
}
.RadComboBox_Bootstrap .rcbFocused .rcbActionButton {
  border-color: #adadad !important;
  box-shadow: none !important;
}

.RadComboBox_Bootstrap.select-sm .rcbInner {
  padding: 0.55rem 0.75rem;
}

.RadComboBox .rcbInput {
  height: auto !important;
}

.RadInput_Bootstrap .riTextBox,
.RadInputMgr_Bootstrap,
.RadComboBox_Bootstrap .rcbInputCell {
  border-color: #ced4da;
}

.RadInput_Bootstrap .rcSelect {
  border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0 !important;
}

.RadInput_Bootstrap.RadInputFocused .riTextBox,
.RadInput_Bootstrap.RadInputFocused .riContentWrapper,
.RadPicker_Bootstrap .RadInputFocused,
.RadInput_Focused_Bootstrap {
  box-shadow: none !important;
}

.RadInput_Bootstrap.RadInputFocused .riTextBox,
.RadInput_Bootstrap.RadInputFocused .riSelect,
.RadInput_Bootstrap.RadInputFocused .rcSelect,
.RadInput_Focused_Bootstrap,
.RadPicker_Bootstrap.rcCalPopupOpen .RadInput,
.RadPicker_Bootstrap.rcMYPopupOpen .RadInput,
.RadPicker_Bootstrap.rcTimePopupOpen .RadInput {
  color: var(--bs-gray-700) !important;
  background-color: var(--bs-body-bg) !important;
  border-color: var(--bs-gray-400) !important;
  outline: 0 !important;
}

textarea.form-control {
  height: auto !important;
}

.form-control:read-only {
  background-color: var(--bs-gray-200);
}

/*.RadComboBox.RadComboBox_Bootstrap {
    width: auto;
}*/
/*.RadComboBox .rcbActionButton {
    height: 1.5em !important;
}*/
.RadListBox_Bootstrap .rlbGroup {
  border: 1px solid #ced4da !important;
  border-radius: var(--bs-border-radius);
}

.col-form-label {
  font-size: 1rem;
  padding-top: 6px;
  padding-bottom: 6px;
  color: inherit;
}

.rdContent {
  overflow: hidden !important;
}

.mandatory,
.error,
.red-text {
  color: red;
}

.border {
  border: groove;
  height: 680px;
  overflow: auto;
}

.rbl input[type=radio] {
  margin-left: 20px;
  margin-right: 1px;
}

.RadGrid_Bootstrap {
  font-size: var(--en-font-size) !important;
  font-family: var(--en-font-family) !important;
  color: var(--en-font-color) !important;
  border-radius: var(--bs-border-radius) !important;
  outline: none;
  /* only apply rounded bottom corners on data rows if there's no footer present */
  /*tbody tr:last-child td {
      border-bottom-color: transparent;
  }*/
}
.RadGrid_Bootstrap .rgDataDiv:not(:has(+ table)) .rgMasterTable:not(:has(tfoot)) tbody tr:last-child td, .RadGrid_Bootstrap > .rgMasterTable:not(:has(tfoot)) tbody tr:last-child td {
  border-bottom-color: transparent !important;
}
.RadGrid_Bootstrap .rgDataDiv:not(:has(+ table)) .rgMasterTable:not(:has(tfoot)) tbody tr:last-child td:first-child, .RadGrid_Bootstrap > .rgMasterTable:not(:has(tfoot)) tbody tr:last-child td:first-child {
  border-bottom-left-radius: calc(var(--bs-border-radius) - 1px);
}
.RadGrid_Bootstrap .rgDataDiv:not(:has(+ table)) .rgMasterTable:not(:has(tfoot)) tbody tr:last-child td:last-child, .RadGrid_Bootstrap > .rgMasterTable:not(:has(tfoot)) tbody tr:last-child td:last-child {
  border-bottom-right-radius: calc(var(--bs-border-radius) - 1px);
}
.RadGrid_Bootstrap .rgMasterTable { /*Override table*/
  font-size: var(--en-font-size);
  font-family: var(--en-font-family);
  color: var(--en-font-color);
}
.RadGrid_Bootstrap .rgMasterTable .rgActionButton {
  background-color: white !important;
  color: #212529 !important;
}
.RadGrid_Bootstrap .rgMasterTable .rgActionButton:hover {
  background-color: #e6e5e5 !important;
  border-color: #cdcbcb !important;
  color: #212529 !important;
}
.RadGrid_Bootstrap .rgMasterTable .rgNumPart a {
  background-color: white !important;
  color: #212529 !important;
}
.RadGrid_Bootstrap .rgMasterTable .rgNumPart a:hover {
  background-color: #e6e5e5 !important;
  border-color: #cdcbcb !important;
  color: #212529 !important;
  text-decoration: none !important;
}
.RadGrid_Bootstrap .rgMasterTable .rgNumPart a:active, .RadGrid_Bootstrap .rgMasterTable .rgNumPart a:focus {
  text-decoration: none !important;
}
.RadGrid_Bootstrap .rgMasterTable a.rgCurrentPage {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: white !important;
}
.RadGrid_Bootstrap .rgMasterTable a.rgCurrentPage:hover {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: white !important;
}
.RadGrid_Bootstrap .rgMasterTable,
.RadGrid_Bootstrap .rgDetailTable,
.RadGrid_Bootstrap .rgEditForm table {
  /*border-collapse: collapse !important;
  border-spacing: initial !important;*/
}
.RadGrid_Bootstrap div.rgHeaderWrapper {
  border-top-left-radius: calc(var(--bs-border-radius) - 1px);
  border-top-right-radius: calc(var(--bs-border-radius) - 1px);
}
.RadGrid_Bootstrap .rgHeaderDiv {
  border-right-color: transparent !important;
}
.RadGrid_Bootstrap .rgHeader:first-child, .RadGrid_Bootstrap .rgHeader[style*="display:none"] + th:not([style*="display:none"]) {
  border-left: 0;
  border-top-left-radius: calc(var(--bs-border-radius) - 1px);
}
.RadGrid_Bootstrap .rgHeader:last-child {
  border-top-right-radius: calc(var(--bs-border-radius) - 1px);
}
.RadGrid_Bootstrap th.rgResizeCol,
.RadGrid_Bootstrap div.rgHeaderWrapper,
.RadGrid_Bootstrap th.rgHeader,
.RadGrid_Bootstrap th.rgHeader a { /*Header*/
  font-size: var(--en-font-size);
  color: var(--en-font-color);
}
.RadGrid_Bootstrap tr.rgRow td,
.RadGrid_Bootstrap tr.rgAltRow td { /* Content cell*/
  /*background-color: transparent;*/
  color: var(--en-font-color);
}
.RadGrid_Bootstrap tr.rgRow td[style*="display:none"] + td:not([style*="display:none"]),
.RadGrid_Bootstrap tr.rgAltRow td[style*="display:none"] + td:not([style*="display:none"]) {
  border-left: 0;
}
.RadGrid_Bootstrap .rgPager:first-child td.rgPagerCell {
  border-top-color: transparent;
}
.RadGrid_Bootstrap .rgAltRow > td:first-child,
.RadGrid_Bootstrap .rgRow > td:first-child {
  border-left: 0;
}
.RadGrid_Bootstrap .rgMasterTable .rgSelectedCell,
.RadGrid_Bootstrap .rgSelectedRow td,
.RadGrid_Bootstrap td.rgEditRow .rgSelectedRow,
.RadGrid_Bootstrap .rgSelectedRow td.rgSorted {
  background-color: var(--bs-gray-400) !important;
  border-color: #dedede !important;
}
.RadGrid_Bootstrap .rgSelectedCell a,
.RadGrid_Bootstrap .rgSelectedRow a {
  color: var(--en-font-color) !important;
}
.RadGrid_Bootstrap .rgRow > td,
.RadGrid_Bootstrap .rgAltRow > td,
.RadGrid_Bootstrap .rgEditRow > td,
.RadGrid_Bootstrap .rgFooter > td,
.RadGrid_Bootstrap .rgFilterRow > td,
.RadGrid_Bootstrap .rgHeader,
.RadGrid_Bootstrap .rgResizeCol,
.RadGrid_Bootstrap .rgGroupHeader td {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.RadGrid_Bootstrap .RadComboBox .rcbInput {
  height: auto !important;
}
.RadGrid_Bootstrap td.rgPagerCell {
  font-family: var(--en-font-family);
  font-size: var(--en-font-size);
  color: var(--en-font-color);
  padding: 0.3rem 1rem 0.3rem 0.3rem;
  border-bottom-left-radius: calc(var(--bs-border-radius) - 1px);
  border-bottom-right-radius: calc(var(--bs-border-radius) - 1px);
}
.RadGrid_Bootstrap td.rgPagerCell .RadComboBox_Bootstrap .rcbInner {
  padding: 6px 12px;
}
.RadGrid_Bootstrap td.rgPagerCell .RadComboBox_Bootstrap .rcbActionButton {
  padding: 6px;
}
.RadGrid_Bootstrap tr.rgFooter td { /* Footer cell*/
  font-size: 13px;
  background-color: transparent;
  color: #212529 !important;
  font-weight: bold;
  border-bottom-color: transparent;
}
.RadGrid_Bootstrap .rgInfoPart {
  color: #212529 !important;
}
.RadGrid_Bootstrap button.btn,
.RadGrid_Bootstrap .btn[type=button] {
  border-radius: var(--bs-btn-border-radius);
}
.RadGrid_Bootstrap .rgFilterRow img,
.RadGrid_Bootstrap .rgFilterRow input {
  height: 20px !important;
}
.RadGrid_Bootstrap .rgFilter {
  background-position: -14px -4513px !important;
  width: 20px !important;
}
.RadGrid_Bootstrap .rgFilterRow > td {
  padding: 0 !important;
}
.RadGrid_Bootstrap .rgFilterBox {
  width: 70% !important;
}
.RadGrid_Bootstrap .rgGroupItem input,
.RadGrid_Bootstrap .rgCommandRow img,
.RadGrid_Bootstrap .rgCommandRow a,
.RadGrid_Bootstrap .rgHeader input {
  vertical-align: top !important;
  display: block;
}
.RadGrid_Bootstrap .rgNoRecords td {
  padding: 0.75rem 1rem;
}
.RadGrid_Bootstrap tfoot + tbody .rgNoRecords td {
  border-bottom: 1px solid #dedede;
}

/*
.RadGrid_Bootstrap .rgRow,
.RadGrid_Bootstrap .rgAltRow,
.RadGrid_Bootstrap .rgEditRow,
.RadGrid_Bootstrap .rgFooter,
.RadGrid_Bootstrap .rgGroupHeader {
    height: auto !important;
}*/
.table {
  --bs-table-border-color: #dedede;
}

.on-screen-report-grid tr {
  height: 40px;
  height: calc(1.42857143em + 20px);
  vertical-align: middle;
}
.on-screen-report-grid td {
  padding: 3px 1rem 2px 1rem;
}
.on-screen-report-grid th {
  font-weight: normal;
  padding: 3px 1rem 2px 1rem;
}

/* apply footer-like styling */
.totals-row tbody tr:last-child td {
  font-weight: bold;
  background-color: #f5f5f5;
  box-shadow: none;
}

.HURStyle {
  width: 35px !important;
  height: 15px;
  background: url("../Images/ReportIcon1.gif") !important;
}

.WWCMStyle {
  width: 35px !important;
  height: 15px;
  background: url("../Images/ReportIcon2.gif") !important;
}

.ORStyle {
  width: 35px !important;
  height: 15px;
  background: url("../Images/ReportIcon3.gif") !important;
}

.CPRStyle {
  width: 35px !important;
  height: 15px;
  background: url("../Images/ReportIcon4.gif") !important;
}

/** Columns */
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul,
.rcbHovered ul,
.rcbDisabled ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: inline-block;
  list-style-type: none;
}

.colChk {
  margin: 0;
  padding: 0 5px 0 0;
  width: 10%;
  line-height: 14px;
  float: left;
}

.col1,
.col2,
.col3 {
  margin: 0;
  padding: 0 5px 0 0;
  width: 30%;
  line-height: 14px;
  float: left;
}

.colDouble {
  margin: 0;
  padding: 0 5px 0 0;
  width: 60%;
  line-height: 14px;
  float: left;
}

/** Multiple rows and columns */
.multipleRowsColumns .rcbItem,
.multipleRowsColumns .rcbHovered {
  float: left;
  margin: 0 1px;
  min-height: 13px;
  overflow: hidden;
  padding: 2px 19px 2px 6px;
  width: 193px;
}

.label-padding {
  padding-top: 6px !important;
}

.list-flex {
  margin-bottom: 0;
  display: flex;
}

.list-flex li {
  display: inline-flex;
  flex-grow: 1;
  align-items: center;
}

.list-flex li label {
  margin-bottom: 0;
  padding: 3px 5px;
  line-height: 1.5;
}

.list-flex.list-inline li {
  flex-grow: 0;
  padding-right: 20px;
}

.list-condensed li label {
  padding: 0 5px;
}

.border-bottom-1px {
  border-bottom: solid 1px black;
}

.RadTabStrip_Bootstrap.rtsLeft .rtsLevel1 {
  border-right-width: 0;
  float: none;
  display: block;
}
.RadTabStrip_Bootstrap.rtsLeft .rtsLevel1 .rtsUL {
  margin-right: 0;
}
.RadTabStrip_Bootstrap.rtsLeft .rtsLevel1 .rtsLink {
  border-radius: var(--bs-border-radius) !important;
}
.RadTabStrip_Bootstrap .rtsLevel1 .rtsLink {
  color: var(--en-primary) !important;
}
.RadTabStrip_Bootstrap .rtsLevel1 .rtsLink,
.RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected .rtsLink {
  padding: 6px 12px !important;
  border: 0 !important;
}
.RadTabStrip_Bootstrap .rtsLevel1 .rtsHovered .rtsLink {
  border: 0 !important;
  background-color: transparent !important;
  color: #0077b4 !important;
}
.RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected .rtsLink {
  color: white !important;
  background-color: var(--en-primary) !important;
}

.RadDockZone_Bootstrap {
  border: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.RadDockZone_Bootstrap .rdTitleWrapper,
.RadDockZone_Bootstrap .card-header,
.card .rdTitleWrapper,
.card .card-header {
  background-color: #f8f9fa !important;
}

.RadDock_Bootstrap,
.RadDock_Bootstrap .rdTitleWrapper,
.RadDock_Bootstrap .rdTitleWrapper * {
  box-sizing: border-box !important;
}

.RadDock_Bootstrap .rdTitleWrapper {
  height: auto !important;
  padding: 0.75rem 1.5rem !important;
}

.RadDock_Bootstrap .rdContent {
  margin: 0 !important;
  padding: 0.75rem 1.5rem;
}

.RadDock_Bootstrap.rdRoundedCorner {
  border-radius: var(--bs-border-radius) !important;
}

.RadDock_Bootstrap.rdRoundedCorner .rdTitleWrapper {
  border-radius: calc(var(--bs-border-radius) - 1px) calc(var(--bs-border-radius) - 1px) 0 0 !important;
}

.RadDock_Bootstrap.rdRoundedCorner .rdContentWrapper {
  border-radius: 0 0 3px 3px !important;
}

/* make radio buttons skinnable -- colours are defined in the customer stylesheets */
input[type=radio] {
  visibility: hidden;
}

input[type=radio]::after {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: -1px;
  left: 0;
  position: relative;
  content: "";
  display: inline-block;
  visibility: visible;
  /* mimic chrome default colours for unselected radio button */
  background-color: white;
  border: 2px solid white;
  box-shadow: 0 0 0 1px rgb(118, 118, 118);
}

input[type=radio]:checked::after {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: -1px;
  left: 0;
  position: relative;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
  /* colours are in customer stylesheet */
}

.form-checkbox input[type=checkbox]:checked, .form-checkbox input[type=checkbox]:indeterminate {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.form-checkbox input[type=checkbox]:focus {
  border-color: #80caf0;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary), 0.25);
}

input[type=radio]:checked::after {
  background-color: var(--bs-primary);
  box-shadow: 0 0 0 1px var(--bs-primary);
}

.control-max-width {
  max-width: 280px;
}

.navbar .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar .nav-link.active {
  font-weight: bold;
}

.form-check {
  padding-left: 1.5rem;
}

.form-check-label {
  color: inherit;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}

.form-check .form-check-input,
.form-check .form-checkbox input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse .form-check-input,
.form-check-reverse .form-checkbox input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input,
.form-checkbox input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-gray-500);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}

.form-check-input[type=checkbox],
.form-checkbox input[type=checkbox] {
  border-radius: 3px;
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

.form-checkbox input:active {
  filter: brightness(90%);
}

.form-checkbox input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-checkbox input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.form-checkbox input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-checkbox input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-checkbox input[type=checkbox]:indeterminate {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-checkbox input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-checkbox input[disabled] ~ .form-check-label, .form-checkbox input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-check-inline .form-checkbox input[type=checkbox] {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.RadButton_Bootstrap.k-switch-on .k-switch-container {
  background-color: var(--bs-success) !important;
}
.RadButton_Bootstrap.k-switch-on .k-switch-container:hover .k-switch-container, .RadButton_Bootstrap.k-switch-on .k-switch-container.k-state-hover .k-switch-container {
  background-color: var(--bs-success-active) !important;
}

.usage-graph {
  float: left;
  width: 450px;
}

.RadRadioButton.RadButton .rbText, .RadCheckBox.RadButton .rbText {
  padding: 0 !important;
}

.BarContainer td {
  width: 33%;
}

.BarContainer tr:nth-child(even) {
  background-color: white;
}

.BarContainer tr:nth-child(odd) {
  background-color: white;
}

.invalid {
  background-color: rgba(255, 0, 0, 0.1);
  border-color: red;
}

.checkRtl {
  direction: rtl;
}

.RadPanelBar .rpItem {
  margin-bottom: 10px !important;
  border: 1px !important;
  border-style: solid !important;
  border-color: #dedede !important;
}

.rpSlide {
  padding-left: 10px !important;
}

.RadPanelBar_Bootstrap {
  border-style: none !important;
}

.breakdownLink {
  text-decoration: underline;
  cursor: pointer;
}

/*.RadEditor_Default .reToolBar {
    display: none !important;
}
.reToolBarWrapper {
    display: none !important;
}*/
.RadEditor_Default {
  padding-bottom: 0px !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.reContent {
  height: 80% !important;
}

.rightPad {
  padding-right: 0.625rem;
}

.reRealFontSize {
  width: 60px !important;
}

.character-count {
  color: black;
  font-size: 0.8em;
  opacity: 0.8;
}

.modal-dialog-right {
  right: -90px;
}

.pie-chart-legend {
  border-radius: 5px;
  width: 10px;
  height: 5px;
  /*    margin-right: 5px;*/
  margin-top: 8px;
  float: right;
}

.bill-trend {
  background-color: #EAEAEA;
  border-radius: 5px;
  width: 50px;
  height: 25px;
  padding-top: 5px;
  font-size: 0.8em;
  color: dimgrey;
  text-align: center !important;
}

.invoiceTotals-chart {
  /*position: relative;*/
  height: 140px;
}

.invoiceTotals-chart-display-large {
  /*height: 140px !important;*/
}

.invoiceTotals-chart-container {
  /*    padding-left: 5px;
      width: 40%;
      display: inline;*/
}

.currencySymbol {
  margin: 0;
}

.bill-period-display {
  color: dimgrey;
  display: inline;
  margin-top: 5px;
  font-weight: bold;
}

.usage-charges-chart {
  position: relative;
  height: 120px;
  width: 120px;
}

.usage-charges-chart-container {
  padding-top: 20px;
  width: 40%;
  display: inline;
}

.service-charges-chart {
  position: relative;
  height: 120px;
  width: 100%;
}

.service-charges-chart-container {
  padding-top: 20px;
  width: 40%;
  display: inline;
  margin-right: 0 !important;
}

.invoice-total-card {
  flex: 0 0 auto;
  width: 70%;
}

.invoice-total-card-large {
  flex: 0 0 auto;
  width: 100%;
}

.quick-access-card {
  flex: 0 0 auto;
  width: 100%;
}

.quick-access-link {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 75%;
  padding-right: 0;
}

.quick-access-icon {
  width: 25%;
}

.charge-value {
  width: 110px;
}

.grid-totals {
  font-weight: bold;
}

.home-grid .rgHeader,
.home-grid th.rgResizeCol,
.home-grid .rgFilterRow td,
.home-grid tr.rgAltRow td,
.home-grid tr.rgRow td {
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.home-grid th.rgHeader,
.home-grid .rgHeaderDiv,
.home-grid th.rgHeader a {
  border-right: 0;
  border-left: 0;
  font-weight: bold;
}
.home-grid tr.rgAltRow td,
.home-grid tr.rgRow td {
  background-color: #fff !important;
}
.home-grid .rgFooter > td {
  border-left: 0 !important;
}

.invoice-grid tr.rgAltRow td,
.invoice-grid tr.rgRow td {
  padding-top: 20px;
  padding-bottom: 20px;
}

.rbRadioButton {
  padding: 0 !important;
}

.nav-pills .nav-link {
  color: black;
  text-decoration: none !important;
}
.nav-pills .nav-link:hover, .nav-pills .nav-link:focus {
  color: gray;
  background-color: transparent !important;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
  color: black;
  background-color: #dadada !important;
}

.bar_status {
  width: 100%;
  justify-content: center;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

.status_on {
  color: var(--bs-success-text-emphasis);
  background-color: var(--bs-success-bg-subtle);
  border-color: var(--bs-success-border-subtle);
}

.status_off {
  color: var(--bs-danger-text-emphasis);
  background-color: var(--bs-danger-bg-subtle);
  border-color: var(--bs-danger-border-subtle);
}

.status_pending {
  color: var(--bs-info-text-emphasis);
  background-color: var(--bs-info-bg-subtle);
  border-color: var(--bs-info-border-subtle);
}

.errorTextbox {
  border-color: var(--bs-danger-border-subtle) !important;
  color: var(--bs-danger-text-emphasis) !important;
  background-color: var(--bs-danger-bg-subtle) !important;
}

.card-min-height {
  min-height: 280px;
}

/* Login Page Message */
/* -- inherits from default .card styling -- */