/*$breakpoints: ( 'small': 576px, 'medium': 768px, 'large': 992px ) !default;*/
.noselect {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

/*$breakpoints: ( 'small': 576px, 'medium': 768px, 'large': 992px ) !default;*/
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
}

body {
  display: flex;
}

.page-content-container {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 14px;
  padding-bottom: 14px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.page-item-padding {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.content-header-container {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: #F7F8FA;
}

.overlay-scrollbar {
  overflow: overlay !important;
  -ms-overflow-style: -ms-autohiding-scrollbar !important;
  height: calc(100% - 1px) !important;
  --scrollbar-color: #00000000;
}

.overlay-scrollbar::-webkit-scrollbar {
  display: block;
  position: relative;
  width: 16px;
}

.overlay-scrollbar::-webkit-scrollbar-button {
  display: none;
}

.overlay-scrollbar::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

.overlay-scrollbar::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
}

.overlay-scrollbar:hover,
.overlay-scrollbar:focus,
.overlay-scrollbar:focus-within {
  --scrollbar-color: #00000040 !important;
}

.overlay-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid transparent;
  border-radius: 24px;
  box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;
}

.overlay-scrollbar::-webkit-scrollbar-thumb:hover,
.overlay-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-color);
  border: 0px solid transparent;
  box-shadow: none;
}

.validation-message {
  font-family: "Poppins", sans-serif;
  color: #BE123C;
}

.warning-background {
  background-color: #B45309;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

/*$breakpoints: ( 'small': 576px, 'medium': 768px, 'large': 992px ) !default;*/
.sbtreegrid-default,
.sbtreegrid-default .e-gridcontent {
  height: calc(100% - 25px) !important;
}

.sbgrid-default.e-grid,
.sbgrid-default.e-grid .e-headercell,
.sbgrid-default.e-grid .e-gridheader,
.sbgrid-default.e-grid.e-resize-lines .e-headercell .e-rhandler,
.sbtreegrid-default.e-grid,
.sbtreegrid-default.e-grid .e-headercell,
.sbtreegrid-default.e-grid .e-gridheader,
.sbtreegrid-default.e-grid.e-resize-lines .e-headercell .e-rhandler {
  border-style: none;
}

.sbtreegrid-default.e-grid .e-gridheader {
  padding-right: 0 !important;
}

.sbtreegrid-default.e-grid .e-gridheader .e-headercontent {
  border-right-width: 0px !important;
}

.sbgrid-default.e-grid .e-table,
.sbtreegrid-default.e-grid .e-table {
  border: 1px solid #E1E2E8;
}

/* === Grid Header === */
.sbgrid-default.e-grid .e-gridheader .e-table,
.sbtreegrid-default.e-grid .e-gridheader .e-table {
  border-collapse: separate;
  border-spacing: 0px;
  /* no bottom corner radius so the right and left vertical lines appear (no gap between gridcontent), no need to set 'margin-bottom: -5px;', this change helps to keep the specified header cell height. */
  border-radius: 8px 8px 0 0;
  background-color: #F7F8FA;
}

.sbgrid-default.e-grid .e-gridheader .e-table tr:first-child th:first-child,
.sbtreegrid-default.e-grid .e-gridheader .e-table tr:first-child th:first-child {
  border-top-left-radius: 8px;
}

.sbgrid-default.e-grid .e-gridheader .e-table tr:first-child th:last-child,
.sbtreegrid-default.e-grid .e-gridheader .e-table tr:first-child th:last-child {
  border-top-right-radius: 8px;
}

.sbgrid-default.e-grid .e-headercell,
.sbtreegrid-default.e-grid .e-headercell {
  background-color: #F7F8FA;
}

.sbgrid-default.e-grid .e-headercelldiv,
.sbtreegrid-default.e-grid .e-headercelldiv,
.sbtreegrid-default.e-grid .e-headercelldiv button span {
  height: 50px;
  line-height: 48px;
  margin: 0px;
  padding: 0px !important;
  color: #52565E !important;
  font-weight: bold;
}

.sbgrid-default.e-grid.grid-spinner-hide .e-spinner-pane,
.sbgrid-default.forecast-comparison.e-grid.grid-spinner-hide .e-spinner-pane,
.sbgrid-default.rate-summary.e-grid.grid-spinner-hide .e-spinner-pane,
.sbtreegrid-default.e-grid.grid-spinner-hide .e-spinner-pane,
.sbtreegrid-default.forecast-comparison.e-grid.grid-spinner-hide .e-spinner-pane,
.sbtreegrid-default.rate-summary.e-grid.grid-spinner-hide .e-spinner-pane {
  display: none;
}

/* === Grid Content === */
.sbgrid-default.e-grid .e-content .e-table,
.sbtreegrid-default.e-grid .e-content .e-table {
  border-collapse: separate;
  border-spacing: 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.sbgrid-default.forecast-comparison.e-grid .e-content .e-table,
.sbtreegrid-default.forecast-comparison.e-grid .e-content .e-table {
  border-top: none;
}

.sbgrid-default.e-grid .e-content .e-table tr:first-child td:first-child,
.sbgrid-default.e-grid .e-content .e-table tr:first-child td:last-child {
  border-radius: 0px;
}

.sbgrid-default.e-grid .e-content .e-table tr:last-child td:first-child,
.sbtreegrid-default.e-grid .e-content .e-table tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.sbgrid-default.e-grid .e-content .e-table tr:last-child td:last-child,
.sbtreegrid-default.e-grid .e-content .e-table tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

.sbtreegrid-default.e-grid .e-content .e-table tr:last-child td {
  border-bottom-width: 0px;
}

.sbgrid-default.e-grid .e-content .e-table tr:last-child td {
  border-bottom-width: 1px;
}

.sbgrid-default.e-grid .e-gridcontent .e-rowcell,
.sbtreegrid-default.e-grid .e-gridcontent .e-rowcell {
  height: 54px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.sbtreegrid-default.e-grid .e-rowcell:has(input):focus-within,
.sbgrid-default.e-grid .e-rowcell:has(input):focus-within,
.sbtreegrid-default.e-grid .e-rowcell.editable-cell:focus-within,
.sbtreegrid-default.e-grid .e-focused:not(.e-menu-item),
.sbgrid-default.e-grid .e-focused:not(.e-menu-item) {
  box-shadow: unset;
}

.sbgrid-default.e-grid .e-rowcell.editable-cell:focus-within {
  border: 3px solid #2C6AE1 !important;
}

.sbgrid-default.e-grid .e-rowcell.uneditable-cell:hover {
  cursor: not-allowed;
}

.sbtreegrid-default.e-grid .e-rowcell:hover {
  cursor: default;
}

.sbgrid-default.e-grid.e-gridhover .e-rowcell:hover {
  cursor: pointer;
}

.sbgrid-default.e-grid .e-headercell.grid-column-lb,
.sbgrid-default.e-grid .e-gridcontent .e-rowcell.grid-column-lb,
.sbtreegrid-default.e-grid .e-headercell.grid-column-lb,
.sbtreegrid-default.e-grid .e-gridcontent .e-rowcell.grid-column-lb {
  border-left: 1px solid #E1E2E8;
}

.sbtreegrid-default.e-grid .e-headercell.grid-column-header-rb {
  border-right: 1px solid #E1E2E8;
}

.sbgrid-default.e-grid .e-headercell.grid-column-rb,
.sbgrid-default.e-grid .e-gridcontent .e-rowcell.grid-column-rb,
.sbtreegrid-default.e-grid .e-headercell.grid-column-rb,
.sbtreegrid-default.e-grid .e-gridcontent .e-rowcell.grid-column-rb {
  border-right: 1px solid #E1E2E8;
}

/* === Tree Grid Specific === */
.sbtreegrid-default.e-grid .e-icons.e-treegridexpand::before,
.sbtreegrid-default.e-grid .e-icons.e-treegridcollapse::before {
  font-family: "Material Icons";
  font-size: 16px;
  color: #52565E;
  cursor: pointer;
  cursor: hand;
  vertical-align: middle;
  font-weight: bold;
}

.sbtreegrid-default.e-grid .e-icons.e-none::before {
  display: none !important;
}

.sbtreegrid-default.e-grid .e-icons.e-treegridexpand::before {
  content: "keyboard_arrow_up";
  vertical-align: top;
  top: 3px;
  position: relative;
}

.sbtreegrid-default.e-grid .e-icons.e-treegridcollapse::before {
  content: "keyboard_arrow_down";
  vertical-align: top;
  top: 3px;
  position: relative;
}

/* === Banded Variations === */
.sbgrid-default.banded-variation-1.e-grid.e-horizontallines .e-rowcell {
  box-sizing: content-box;
  border-color: #FFFFFF;
}

.sbgrid-default.banded-variation-1.e-grid .e-headercell {
  background-color: #212D6A;
}

.sbgrid-default.banded-variation-1.e-grid .e-row .e-rowcell:first-of-type,
.sbgrid-default.banded-variation-1.e-grid .e-headercell:first-of-type {
  padding-left: 20px;
}

.sbgrid-default.banded-variation-1.e-grid .e-row .e-rowcell:last-of-type,
.sbgrid-default.banded-variation-1.e-grid .e-headercell:last-of-type {
  padding-right: 20px;
}

.sbgrid-default.banded-variation-1.e-grid .e-headercell .e-headertext {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
}

.sbgrid-default.banded-variation-1.e-grid .e-gridcontent .e-rowcell {
  height: 40px;
  font-weight: 400;
  font-size: 14px;
}

.sbgrid-default.banded-variation-1.e-grid .e-row {
  background-color: #FFFFFF;
}

.sbgrid-default.banded-variation-1.e-grid .e-row.e-altrow {
  background-color: #F2F6FD;
}

.sbgrid-default.e-grid .e-gridcontent .common-grid-positive-color-default.e-rowcell {
  color: #047857;
}

.sbgrid-default.e-grid .e-gridcontent .common-grid-negative-color-default.e-rowcell {
  color: #BE123C;
}

.sbgrid-default.e-grid .e-gridcontent .banded-variation-1.e-rowcell {
  color: #10B981;
}

.sbgrid-default.e-grid .e-gridcontent .banded-variation-1.e-rowcell {
  color: #F43F5E;
}

.sbgrid-default.e-grid .e-gridcontent .common-grid-positive-color-light.e-rowcell {
  color: #2AD39B;
}

.sbgrid-default.e-grid .e-gridcontent .common-grid-positive-color-normal.e-rowcell {
  color: #10B981;
}

.sbgrid-default.e-grid .e-gridcontent .common-grid-positive-color-dark.e-rowcell {
  color: #047857;
}

.sbgrid-default.e-grid .e-gridcontent .common-grid-negative-color-light.e-rowcell {
  color: #FF5978;
}

.sbgrid-default.e-grid .e-gridcontent .common-grid-negative-color-normal.e-rowcell {
  color: #F43F5E;
}

.sbgrid-default.e-grid .e-gridcontent .common-grid-negative-color-dark.e-rowcell {
  color: #BE123C;
}

.sbgrid-default.e-grid .e-gridcontent .common-grid-neutral-color.e-rowcell {
  color: #0A0E15;
}

.sbgrid-default.e-grid .e-gridcontent .grid-orange-background.e-rowcell {
  background-color: #FFE6D2;
}

.sbgrid-default.e-grid .e-gridcontent .grid-blue-background.e-rowcell {
  background-color: #CEEDFF;
}

.sbgrid-default.e-grid .e-gridcontent .grid-yellow-background.e-rowcell,
.sbgrid-default.e-grid .e-gridcontent .grid-yellow-background-currency.e-rowcell,
.sbgrid-default.e-grid .e-gridcontent .grid-yellow-background-percent.e-rowcell {
  background-color: #FFFFD2;
}

.sbgrid-default.e-grid .e-gridcontent .grid-pink-background.e-rowcell {
  background-color: lavenderblush;
}

.sbgrid-default.e-grid .e-gridcontent .grid-green-background.e-rowcell {
  background-color: #E8FFEA;
}

.sbgrid-default.e-grid .e-gridcontent .common-grid-negative-color-red,
.sbgrid-default.e-grid .e-gridcontent .common-grid-negative-color-red.e-rowcell {
  background-color: #F43F5E;
}

.sbgrid-default.e-grid .e-gridcontent .common-grid-color-lightgray.e-rowcell,
.sbtreegrid-default.e-grid .e-gridcontent .common-grid-color-lightgray.e-rowcell {
  background-color: #F7F8FA;
}

.sbgrid-default.e-grid .e-headercell.common-grid-color-gray,
.sbtreegrid-default.e-grid .e-headercell.common-grid-color-gray,
.sbgrid-default.e-grid .e-gridcontent .common-grid-color-gray.e-rowcell,
.sbtreegrid-default.e-grid .e-gridcontent .common-grid-color-gray.e-rowcell {
  background-color: #E1E2E8;
}

.sbgrid-default.e-grid .e-gridcontent .common-grid-positive-color-green,
.sbgrid-default.e-grid .e-gridcontent .common-grid-positive-color-green.e-rowcell {
  color: #10B981;
}

.sbgrid-default.e-grid .e-gridcontent .common-grid-bold-text.e-rowcell,
.sbtreegrid-default.e-grid .e-gridcontent .common-grid-bold-text.e-rowcell {
  font-weight: bold;
}

.sbgrid-default.e-grid .e-control .title-text,
.sbtreegrid-default.e-grid .title-text {
  font-size: 14px;
  font-weight: bold;
}

.sbtreegrid-default.e-grid .e-row.first-child-row-0 .e-rowcell {
  border-top: solid 2px #C2C4CC;
}

.sbtreegrid-default.e-grid .e-row.last-child-row-0 .e-rowcell {
  border-bottom: solid 2px #C2C4CC;
}

.sbtreegrid-default.e-grid .e-row.child-row-0 .e-rowcell {
  background-color: #F7F8FA;
}

.sbtreegrid-default.e-grid .e-row.first-child-row1 .e-rowcell {
  border-top: solid 2px #E1E2E8;
}

.sbtreegrid-default.e-grid .e-row.last-child-row1 .e-rowcell {
  border-bottom: solid 2px #E1E2E8;
}

.sbtreegrid-default.e-grid .e-row.child-row-1 .e-rowcell {
  background-color: #E1E2E8;
  border: solid 1px #E1E2E8;
  border-right: unset;
}

.sb-grid-loading {
  display: none;
}

/* === Tree grid scrolling and column freezing === */
.sbgrid-default.overlay-scroll .e-yscroll,
.sbtreegrid-default.overlay-scroll .e-yscroll {
  overflow: overlay !important;
  -ms-overflow-style: -ms-autohiding-scrollbar !important;
  height: calc(100% - 1px) !important;
}

.sbgrid-default.overlay-scroll .e-yscroll::-webkit-scrollbar,
.sbtreegrid-default.overlay-scroll .e-yscroll::-webkit-scrollbar {
  display: block;
  position: relative;
  width: 16px;
}

.sbgrid-default.overlay-scroll .e-yscroll::-webkit-scrollbar-button,
.sbtreegrid-default.overlay-scroll .e-yscroll::-webkit-scrollbar-button {
  display: none;
}

.sbgrid-default.overlay-scroll .e-yscroll::-webkit-scrollbar-track,
.sbtreegrid-default.overlay-scroll .e-yscroll::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

.sbgrid-default.overlay-scroll .e-yscroll::-webkit-scrollbar-track-piece,
.sbtreegrid-default.overlay-scroll .e-yscroll::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
}

.sbgrid-default.overlay-scroll .e-yscroll,
.sbtreegrid-default.overlay-scroll .e-yscroll {
  --scrollbar-color: #00000000;
}

.sbgrid-default.overlay-scroll .e-yscroll:hover, .sbgrid-default .e-yscroll:focus, .sbgrid-default .e-yscroll:focus-within,
.sbtreegrid-default.overlay-scroll .e-yscroll:hover, .sbtreegrid-default .e-yscroll:focus, .sbtreegrid-default .e-yscroll:focus-within {
  --scrollbar-color: #00000040 !important;
}

.sbgrid-default.overlay-scroll .e-yscroll::-webkit-scrollbar-thumb,
.sbtreegrid-default.overlay-scroll .e-yscroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid transparent;
  border-radius: 24px;
  box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;
}

.sbgrid-default.overlay-scroll .e-yscroll::-webkit-scrollbar-thumb:hover,
.sbtreegrid-default.overlay-scroll .e-yscroll::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-color);
  border: 0px solid transparent;
  box-shadow: none;
}

.sbgrid-default.overlay-scroll .e-gridheader {
  padding-right: unset !important;
}

.sbgrid-default.overlay-scroll .e-gridheader .e-headercontent {
  border-right-width: 0 !important;
}

.sbgrid-default.overlay-scroll .e-scrollbar,
.sbtreegrid-default.overlay-scroll .e-scrollbar {
  display: none !important;
}

.sbtreegrid-default.e-grid .e-frozencontent {
  border: 0;
}

.sbtreegrid-default.e-grid .e-frozenheader > .e-table,
.sbtreegrid-default.e-grid .e-frozencontent > .e-table {
  border-right: 0;
  border-left: 1px solid #E1E2E8;
}

.sbtreegrid-default.e-grid .e-frozenheader.e-frozen-left-header > .e-table {
  border-top-right-radius: 0;
  border-left: 1px solid #E1E2E8;
}

.sbtreegrid-default.e-grid .e-frozenheader.e-frozen-left-header > .e-table tr:first-child th:last-child {
  border-top-right-radius: 0;
}

.sbtreegrid-default.e-grid .e-frozencontent.e-frozen-left-header > .e-table,
.sbtreegrid-default.e-grid .e-frozencontent.e-frozen-left-header > .e-table tr:last-child td:first-child {
  border-bottom-right-radius: 0;
}

.sbtreegrid-default.e-grid .e-movableheader > .e-table,
.sbtreegrid-default.e-grid .e-movablecontent > .e-table,
.sbtreegrid-default.e-grid .e-movableheader > .e-table tr:first-child th:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}

.sbtreegrid-default.e-grid .e-frozencontent,
.sbtreegrid-default.e-grid .e-movablecontent {
  height: 100% !important;
}

.sbtreegrid-default.e-grid .e-frozencontent,
.sbtreegrid-default.e-grid .e-frozenheader {
  box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.09);
  z-index: 10000;
  position: relative;
}

.sbgrid-scroll-wrapper {
  height: calc(100% + 3px);
}

/* === Tree grid animations === */
/*.sbtreegrid-default.e-grid .e-row.child-row .e-rowcell {
    animation: fadeIn 2s;
}

@keyframes fadeIn {
    0% {
        transform: scaleY(0);
        opacity: 0;
    }

    100% {
        transform: scaleY(1);
        opacity: 1;
    }
}*/
/*$breakpoints: ( 'small': 576px, 'medium': 768px, 'large': 992px ) !default;*/
/** Default drop down list styles  **/
.sb-dropdownlist {
  position: relative;
}

.sb-dropdownlist.e-ddl {
  border-radius: 8px;
  margin-top: 4px;
}

.sb-dropdownlist.e-ddl .e-dropdownlist.e-input {
  background-color: #FFFFFF;
  color: #0A0E15;
}

.sb-dropdownlist.e-ddl .e-dropdownlist {
  border-radius: 8px;
}

.sb-dropdownlist.e-ddl.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error),
.sb-dropdownlist.e-input-group.e-success,
.sb-dropdownlist.e-input-group.e-control-wrapper.e-success,
.sb-dropdownlist.e-input-group.e-success:not(.e-float-icon-left),
.sb-dropdownlist.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
.sb-dropdownlist.e-ddl.e-input-group.e-success.e-input-focus {
  border-color: #C2C4CC;
  font-size: 14px;
  box-shadow: none !important;
}

.sb-dropdownlist.e-ddl.e-control-wrapper {
  border-radius: 8px;
  border: 1px solid #E1E2E8;
  height: 40px;
  align-items: center;
}

.sb-dropdownlist.e-ddl.e-control-wrapper:hover:not(.e-disabled) {
  border-bottom-width: 1px;
}

.sb-dropdownlist.e-ddl .e-dropdownbase .e-list-parent {
  padding: 0px 2px;
}

.sb-dropdownlist.e-ddl .e-ddl-header,
.sb-dropdownlist.e-ddl .e-input-value,
.sb-dropdownlist.e-ddl .e-list-item {
  padding: 5px 8px;
  text-indent: 0px;
}

.sb-dropdownlist.e-ddl .e-ddl-header {
  font-size: 14px;
  font-weight: bold;
}

.sb-dropdownlist.e-ddl .e-list-item.e-active {
  color: black;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.94)), #2C6AE1;
}

.sb-dropdownlist.e-ddl.e-list-item.e-active.e-hover {
  color: black !important;
  box-shadow: inset 0px 0px 250px rgba(7, 28, 65, 0.03);
}

.sb-dropdownlist.e-ddl .e-list-item .material-icons {
  font-size: 18px;
  align-self: center;
  padding-right: 5px;
}

@media (max-width: 640.98px) {
  .sb-dropdownlist.e-ddl.full-width {
    width: 100%;
    min-width: 100%;
  }
}
/** Default multi-select drop down list styles  **/
.sb-multiselect {
  position: relative;
}

.sb-multiselect.e-multiselect {
  border-radius: 8px;
  margin-top: 4px;
}

.sb-multiselect.e-multiselect .e-multi-select-wrapper .e-delim-values {
  font-size: 14px;
  padding-left: 8px;
}

.sb-multiselect.e-multiselect .e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
  background-color: #FFFFFF;
  color: #0A0E15;
}

.sb-multiselect.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
.sb-multiselect.e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
  font-weight: bolder;
}

.sb-multiselect.e-multiselect .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
  border: none;
}

.sb-multiselect.e-multiselect .e-multi-select-wrapper {
  cursor: pointer;
}

.sb-multiselect.e-multiselect.e-control-wrapper {
  border-radius: 8px;
  border: 1px solid #E1E2E8;
  height: 40px;
  align-items: center;
}

.sb-multiselect.e-multiselect.e-control-wrapper:hover:not(.e-disabled) {
  border-bottom-width: 1px;
}

.sb-multiselect.e-multiselect.single-select .e-multi-searcher,
.sb-multiselect.e-multiselect.single-select .e-delim-values:first-of-type {
  display: none !important;
}

@media (max-width: 640.98px) {
  .sb-multiselect.e-multiselect.full-width {
    width: 100%;
    min-width: 100%;
  }
}
.sb-dropdownlist.e-ddl .e-dropdownbase,
.sb-multiselect.e-ddl .e-dropdownbase {
  overflow: overlay !important;
  -ms-overflow-style: -ms-autohiding-scrollbar !important;
  height: calc(100% - 1px) !important;
  --scrollbar-color: #00000000;
}

.sb-dropdownlist.e-ddl .e-dropdownbase::-webkit-scrollbar,
.sb-multiselect.e-ddl .e-dropdownbase::-webkit-scrollbar {
  display: block;
  position: relative;
  width: 16px;
}

.sb-dropdownlist.e-ddl .e-dropdownbase::-webkit-scrollbar-button,
.sb-multiselect.e-ddl .e-dropdownbase::-webkit-scrollbar-button {
  display: none;
}

.sb-dropdownlist.e-ddl .e-dropdownbase::-webkit-scrollbar-track,
.sb-multiselect.e-ddl .e-dropdownbase::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

.sb-dropdownlist.e-ddl .e-dropdownbase::-webkit-scrollbar-track-piece,
.sb-multiselect.e-ddl .e-dropdownbase::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
}

.sb-dropdownlist.e-ddl .e-dropdownbase:hover,
.sb-dropdownlist.e-ddl .e-dropdownbase:focus,
.sb-dropdownlist.e-ddl .e-dropdownbase:focus-within,
.sb-multiselect.e-ddl .e-dropdownbase:hover,
.sb-multiselect.e-ddl.e-dropdownbase:focus,
.sb-multiselect.e-ddl .e-dropdownbase:focus-within {
  --scrollbar-color: #00000040 !important;
}

.sb-dropdownlist.e-ddl .e-dropdownbase::-webkit-scrollbar-thumb,
.sb-multiselect.e-ddl .e-dropdownbase::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid transparent;
  border-radius: 8px;
  box-shadow: 4px 0px 0px 4px var(--scrollbar-color) inset;
}

.sb-dropdownlist.e-ddl .e-dropdownbase::-webkit-scrollbar-thumb:hover,
.sb-multiselect.e-ddl .e-dropdownbase::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-color);
  border: 0px solid transparent;
  box-shadow: none;
}

/*$breakpoints: ( 'small': 576px, 'medium': 768px, 'large': 992px ) !default;*/
.sbtextbox-default.sbtextbox-wrapper {
  border: 1px solid #C2C4CC;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  width: 100%;
  align-items: center;
  height: 40px;
  margin-top: 4px;
  background-color: #FFFFFF;
}

.sbtextbox-default .e-input-group,
.sbtextbox-default .e-input-group:active,
.sbtextbox-default .e-input-group.e-control-wrapper,
.sbtextbox-default .e-input-group.e-control-wrapper:active {
  border: 0;
  box-shadow: none !important;
  font-size: 14px;
}

.sbtextbox-default .sbtextbox-icon {
  display: none;
}

.sbtextbox-default input.e-input,
.sbtextbox-default .e-input-group input,
.sbtextbox-default .e-input-group.e-control-wrapper input,
.sbtextbox-default .e-input-group input.e-input,
.sbtextbox-default .e-input-group.e-control-wrapper input.e-input {
  height: 100%;
}

.sbtextbox-default.sbtextbox-wrapper .e-input-focus {
  border: 0;
}

.sbtextbox-search .sbtextbox-icon {
  display: inline-block;
  vertical-align: middle;
}

.sbtextbox-search .sbtextbox-icon:before {
  content: "search";
  font-size: 22px;
  color: black;
  border: 0px;
  padding-left: 4px;
}

.sbgridcell-input {
  display: none;
}

.sbgridcell-value {
  width: 100%;
}

.sbgrid-default.e-grid .e-gridcontent .e-rowcell:focus-within .sbgridcell-input,
.sbtreegrid-default.e-grid .e-gridcontent .e-rowcell:focus-within .sbgridcell-input {
  display: inline-block;
}

.sbgridcell-value {
  display: inline-block;
  font-size: 14px;
}

.sbgrid-default.e-grid .e-gridcontent .e-rowcell:hover .sbgridcell-value,
.sbtreegrid-default.e-grid .e-gridcontent .e-rowcell:hover .sbgridcell-value {
  cursor: text;
}

.sbgrid-default.e-grid .e-gridcontent .e-rowcell:focus-within .sbgridcell-value,
.sbtreegrid-default.e-grid .e-gridcontent .e-rowcell:focus-within .sbgridcell-value {
  display: none;
}

.sbtextbox-gridcell,
.sbtextbox-gridcell.e-input-group,
.sbtextbox-gridcell.e-input-group.e-control-wrapper,
.sbtextbox-gridcell.e-input-group input.e-input,
.sbtextbox-gridcell.e-input-group.e-control-wrapper input.e-input {
  height: 100%;
  background: transparent;
  border: none;
  font-size: 14px;
  box-shadow: none !important;
  text-align: right;
}

/*//== This is a placeholder for a future listbox extension, but we already have a need to apply global listbox styles*/
/*$breakpoints: ( 'small': 576px, 'medium': 768px, 'large': 992px ) !default;*/
.sb-listbox {
  display: flex;
  align-items: center;
}

.sb-listbox.e-listbox-container {
  border: 0;
  overflow-y: visible;
  background-color: unset;
  user-select: none;
}

.sb-listbox.e-listbox-container .e-list-wrap .e-list-item.e-grabbed {
  display: none;
}

.sb-listbox.e-listbox-container .e-list-wrap .e-draggable {
  background-color: unset;
  user-select: none;
  cursor: default;
}

.sb-listbox.e-listbox-container .e-list-wrap .e-placeholder.e-sortable-placeholder {
  display: inline-flex;
  min-width: 294px;
  height: 40px;
  border: 1px dotted #2C6AE1;
  border-radius: 4px;
  margin-left: 8px;
  background-color: unset;
}

.sb-listbox.e-listbox-container .e-list-item.e-selected {
  color: unset;
  background-color: unset;
}

.sb-listbox.e-listbox-container .e-list-item {
  border: 0;
  background-color: unset;
  cursor: default;
  user-select: none;
  background-color: unset;
}

.sb-listbox.e-listbox-container:not(.e-listboxtool-container) {
  border: 0;
  overflow-y: visible;
  background-color: unset;
  user-select: none;
}

.sb-listbox.e-listbox-container:not(.e-list-template) .e-list-item {
  height: auto;
  padding: 0;
  margin: 8px;
  background-color: unset;
  user-select: none;
  padding: unset;
}

.sb-listbox.e-listbox-container .e-list-item:hover:not(.e-selected) {
  background-color: unset;
  user-select: none;
}

.sb-listbox.e-listbox-container .e-list-item .drag-drop-item:hover {
  background-color: #f7f7f7;
}

.sb-listbox.e-listbox-container .e-list-item .drag-drop-item .drag-icon:hover {
  color: #979797;
  cursor: ns-resize;
}

.sb-listbox.e-listbox-container .e-list-item .drag-drop-item .visibility-icon:hover.visible {
  color: #91b1ef;
}

.sb-listbox.e-listbox-container .e-list-item .drag-drop-item .visibility-icon:hover.hidden {
  color: #8c8d91;
}

.sb-listbox.e-listbox-container .e-list-item .drag-drop-item {
  display: flex;
  min-width: 294px;
  padding-top: 8px;
  border: 1px solid #E1E2E8;
  border-radius: 4px;
  cursor: default;
  background-color: unset;
}

.sb-listbox.e-listbox-container .e-list-item .drag-drop-item .drag-icon {
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
}

.sb-listbox.e-listbox-container .e-list-item .drag-drop-item .visibility-icon {
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
}

.sb-listbox.e-listbox-container .e-list-item .drag-drop-item .visibility-icon.visible {
  color: #2C6AE1;
}

.sb-listbox.e-listbox-container .e-list-item .drag-drop-item .visibility-icon.hidden {
  color: #E1E2E8;
}

.sb-listbox.e-listbox-container .e-list-item .drag-drop-item .item-text {
  flex-grow: 1;
  display: inline-block;
  padding-top: 2px;
  padding-left: 8px;
  padding-right: 8px;
}

.sb-listbox.e-listbox-container .e-list-item .drag-drop-item .button-templated ::deep {
  background-color: unset;
  border-color: unset;
  box-shadow: unset;
  color: unset;
  transition: unset;
  border: 0;
  padding: 0;
  margin: 0;
}

body.e-dlg-target.e-scroll-disabled.e-prevent-select > div:last-of-type.e-sortableclone .e-list-item .drag-drop-item {
  display: inline-flex;
  min-width: 294px;
  cursor: grabbing;
  color: #0A0E15;
  border: 1px solid #2C6AE1;
  border-radius: 4px;
  background-color: #FFFFFF;
}

/*$breakpoints: ( 'small': 576px, 'medium': 768px, 'large': 992px ) !default;*/
.menu {
  padding: 14px;
}

.primary-navigation {
  display: inherit;
}

.primary-navigation.e-accordion {
  border: 0;
}

.primary-navigation.e-accordion .e-acrdn-item {
  border: 0;
  background: #FFFFFF;
}

.primary-navigation.e-accordion .e-acrdn-item.e-overlay {
  background-color: #FFFFFF;
}

.primary-navigation.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
  display: none;
}

.primary-navigation.e-accordion .e-acrdn-item .e-acrdn-header {
  padding: unset;
  width: 100%;
}

.primary-navigation.e-accordion .e-acrdn-item .e-acrdn-header:hover,
.primary-navigation.e-accordion .e-acrdn-item .e-acrdn-header a:hover,
.primary-navigation.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header,
.primary-navigation.e-accordion .e-acrdn-item.e-item-focus,
.primary-navigation.e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content,
.primary-navigation.e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content,
.primary-navigation.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header,
.primary-navigation.e-accordion .e-acrdn-item.e-select.e-selected > .e-acrdn-header:hover,
.primary-navigation.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover,
.primary-navigation.e-accordion .e-acrdn-item.e-expand-state.e-select:not(e-selected) > .e-acrdn-header:focus,
.primary-navigation.e-accordion .e-acrdn-item.e-expand-state.e-select:not(e-selected) > .e-acrdn-header:hover {
  background: #FFFFFF;
  text-decoration: none !important;
  border: 0;
}

.primary-navigation.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header,
.primary-navigation.e-accordion .e-acrdn-item.e-expand-state.e-select {
  border: 0;
  border-style: none !important;
}

.primary-navigation.e-accordion .e-acrdn-item .e-acrdn-header:focus {
  box-shadow: unset;
}

.primary-navigation.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
  width: 100%;
  background-color: #FFFFFF;
  padding: 3px 3px 3px 6px;
}

.primary-navigation.e-accordion .e-acrdn-item.primary-navigation-selected,
.primary-navigation.e-accordion .e-acrdn-item.primary-navigation-selected .e-acrdn-header .e-acrdn-header-content,
.primary-navigation.e-accordion .e-acrdn-item.e-select.e-selected,
.primary-navigation.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
.primary-navigation.e-accordion .e-acrdn-item.e-selected.e-select.e-select:last-child {
  background-color: #F2F6FD !important;
  border-radius: 8px;
}

.primary-navigation.e-accordion .e-acrdn-item.e-selected.e-select {
  border: unset;
}

.primary-navigation.e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
  border-bottom: unset;
  border-top: unset;
}

.primary-navigation.e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content a {
  color: unset;
}

.primary-navigation.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
  padding: unset;
}

.primary-menu-item {
  padding: 6px 0 0 0 !important;
  width: 100%;
  clear: both;
}

.primary-menu-icon {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  color: #2C6AE1;
}

.primary-menu-text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #52565E;
}

.active .primary-menu-text {
  color: #2C6AE1;
}

.primary-expand-collapse {
  margin-right: 10px !important;
  display: inline-block;
  vertical-align: middle;
  float: right;
  color: #2C6AE1;
}

.primary-navigation.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content .primary-expand-collapse {
  transform: rotate(90deg);
}

.primary-navigation.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content > ul {
  list-style-type: none;
  margin: 0;
}

.secondary-menu-text {
  display: inline-block;
  font-size: 14px;
  line-height: 32px;
}

.sbtab-detailmenu {
  display: flex;
  flex-direction: column;
  height: 100vh !important;
  width: 100%;
  overflow: hidden;
}

.sbtab-detailmenu.e-tab > .e-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.sbtab-detailmenu.e-tab .e-content > .e-item.e-active {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.sbtab-detailmenu.e-tab .e-tab-header {
  background-color: #F7F8FA;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 14px;
}

.sbtab-detailmenu.e-tab .e-tab-header::before {
  border: 0;
}

.sbtab-detailmenu.e-tab .e-tab-header .e-toolbar-item,
.sbtab-detailmenu.e-tab .e-tab-header .e-toolbar-item.e-active {
  border: 0;
  padding-right: 8px;
}

.sbtab-detailmenu.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
.sbtab-detailmenu.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
  border: solid 1px #2C6AE1;
  border-radius: 8px;
  color: #2C6AE1;
}

.sbtab-detailmenu.e-tab .e-tab-header .e-toolbar-item.e-ileft .e-tab-text {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #52565E;
}

.sbtab-detailmenu.e-tab .e-tab-header .e-toolbar-item.e-ileft .e-tab-text:hover,
.sbtab-detailmenu.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #2C6AE1;
}

.sb-pager.e-pager {
  border-style: none;
  padding-left: 0;
}

.sb-pager.e-pager div.e-icons {
  color: #2C6AE1;
}

.sb-pager.e-pager div.e-icons.e-disable {
  color: #C2C4CC;
}

.sb-pager.e-pager .e-numericitem {
  color: #2C6AE1;
}

.sb-pager.e-pager .e-currentitem {
  background-color: #C2C4CC;
}

.sb-breadcrumb-default {
  font-family: "Poppins", sans-serif;
}

.sb-breadcrumb-default a.e-breadcrumb-text,
.sb-breadcrumb-default a.e-breadcrumb-text:link,
.sb-breadcrumb-default a.e-breadcrumb-text:active,
.sb-breadcrumb-default a.e-breadcrumb-text:hover {
  color: #0A0E15 !important;
  font-weight: 300;
  font-size: 18px !important;
  font-family: "Poppins", sans-serif;
  text-decoration: none !important;
}

.sb-breadcrumb-default a.e-breadcrumb-text:hover {
  color: #2C6AE1 !important;
}

.sb-breadcrumb-default.e-breadcrumb .e-breadcrumb-item[data-active-item] .e-breadcrumb-text {
  padding-top: 3px;
  color: #878B94;
}

.sb-breadcrumb-default .e-breadcrumb-separator {
  padding-top: 2px;
}

/*$breakpoints: ( 'small': 576px, 'medium': 768px, 'large': 992px ) !default;*/
.sbinput.e-inplaceeditor {
  width: 100%;
}

.sbswitch {
  width: 35px;
}

.sbswitch.e-switch-wrapper .e-switch-inner {
  height: 15px;
  top: 3px;
}

.sbswitch.e-switch-wrapper .e-switch-on,
.sbswitch.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on,
.sbswitch.e-switch-wrapper .e-switch-on:hover,
.sbswitch.e-switch-wrapper .e-switch-inner.e-switch-active,
.sbswitch.e-switch-wrapper .e-switch-inner.e-switch-active:hover {
  background-color: #E1E2E8;
  border: 0;
}

.child-row-1 .sbswitch.e-switch-wrapper .e-switch-on,
.child-row-1 .sbswitch.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on,
.child-row-1 .sbswitch.e-switch-wrapper .e-switch-on:hover,
.child-row-1 .sbswitch.e-switch-wrapper .e-switch-inner.e-switch-active,
.child-row-1 .sbswitch.e-switch-wrapper .e-switch-inner.e-switch-active:hover {
  background-color: #F7F8FA;
}

.sbswitch.e-switch-wrapper .e-switch-off,
.sbswitch.e-switch-wrapper:not(.e-switch-disabled):hover .e-switch-inner:not(.e-switch-active),
.sbswitch.e-switch-wrapper .e-switch-off:hover {
  background-color: #878B94;
  border: 0;
}

.sbswitch.e-switch-wrapper .e-switch-handle,
.sbswitch.e-switch-wrapper .e-switch-handle:hover,
.sbswitch.e-switch-wrapper:not(.e-switch-disabled):hover .e-switch-handle:not(.e-switch-active) {
  background-color: #F7F8FA;
  height: 20px;
  width: 20px;
  left: 0;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 2px rgba(0, 0, 0, 0.24);
}

.sbswitch.e-switch-wrapper .e-switch-handle.e-switch-active,
.sbswitch.e-switch-wrapper .e-switch-handle.e-switch-active:hover {
  left: 100%;
  background-color: #10B981;
}

.sbswitch-checked,
.sbswitch-unchecked {
  display: flex;
  flex-direction: row;
  margin-top: 4px;
}

.sbswitch-checked .sbswitch-label,
.sbswitch-unchecked .sbswitch-label {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  border-radius: 8px;
  height: 20px;
  padding: 1px 8px 1px 8px;
  margin-right: 5px;
}

.sbswitch-checked .sbswitch-label {
  background-color: #ABF4D7;
  color: #047857;
}

.sbswitch-unchecked .sbswitch-label {
  background-color: #E1E2E8;
  color: #52565E;
}

.sbradio-default.e-radio-wrapper {
  margin: 3px 5px 3px 5px;
}

.sbradio-default.e-radio-wrapper .e-radio:checked + label::after,
.sbradio-default.e-radio-wrapper .e-radio:checked + label::before,
.sbradio-default.e-radio-wrapper .e-radio + label:hover::before,
.sbradio-default.e-radio-wrapper .e-radio:checked:focus + label::before,
.sbradio-default.e-radio-wrapper .e-radio:checked + label:hover::before {
  border-color: #2C6AE1;
  background-color: #2C6AE1;
}

.sbradio-default.e-radio-wrapper label {
  font-family: "Poppins", sans-serif;
}

/*$breakpoints: ( 'small': 576px, 'medium': 768px, 'large': 992px ) !default;*/
.sbdialog-default.e-dialog {
  border-radius: 8px;
  box-shadow: rgba(10, 14, 21, 0.13) 0px 0px 1px, rgba(10, 14, 21, 0.09) 0px 10px 15px -3px, rgba(10, 14, 21, 0.07) 0px 4px 6px -2px;
}

.sbdialog-default.e-dialog .e-dlg-content {
  border-radius: 8px;
}

.sbdialog-default.e-dialog.gutterless .e-dlg-content {
  padding: 0;
}