@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

*:not(i):not(mat-icon):not(ion-icon) {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600;
}

jqxButton button {
    background-color: #00d8ff !important;
    color: white !important;
}

.ess-header-row {
    background-color: black;
    color: white !important;
}

.ss-menu-button {
    color: #00d8ff !important;
}

.btn-primary {
    background-color: #00d8ff !important;
    color: white !important;
    border: 1px solid #aaa;
    border-radius: 3px;
}

.btn-primary::part(native) {
    background-color: #00d8ff !important;
}

ion-toggle {
  --track-background-checked: #00d8ff;
}

ion-toggle::part(handle) {
    background-color: #00d8ff !important;
}

ion-checkbox::part(container) {
    border-color: #00d8ff;
}
ion-checkbox.checkbox-checked::part(container) {
    border-color: #00d8ff;
    background-color: #00d8ff;
}

ion-radio.radio-checked::part(container) {
    border-color: #00d8ff;
}

ion-radio.radio-checked::part(mark) {
    background-color: #00d8ff;
}

ion-input-otp {
    --highlight-color-focused: #00d8ff !important;
}

.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
    border-color: #00d8ff !important;
    background-color: #00d8ff !important;
}

.mdc-switch__track::after {
    background-color: #00d8ff !important;
}

.mdc-switch--selected:enabled .mdc-switch__handle::after {
    background-color: #00d8ff !important;
}

.nav-steps li {
  background: yellow;
}

.nav-steps li.active {
  background: #00d8ff !important;
  color: white !important;
  border: 2px solid red;
}

.nav-steps li.completed {
  background: #00d8ff !important;
  color: white !important;
}

.sidenav {
    background-color: #070B14 !important;
}

.toggle-sidenav-btn,
.sidenav .expand-icon,
.sidenav .mdc-list-item__primary-text,
.sidenav .mat-mdc-list-item,
.sidenav .menu-item span[matLine] {
    color: #FFFFFF !important;
}

.active-item {
    background: #112035 !important;
}

.toggle-sidenav-btn:hover,
.menu-item:hover,
.sub-menu .sub-menu-item:hover {
    background: #0F1626 !important;
}

.sub-menu {
    background: #0C111D !important;
}

.same-button-bg {
    border: none;
    background-color: #00d8ff !important;
    color: white !important;
}

.loading-menu {
  width: 50px;
  height: 50px;
  --color: white !important;
}

.dashboard-item-loader {
    --color: #00d8ff !important;
}

.bill-summary-card {
    background-color: #00d8ff !important;
    color: white !important;
}
















































































/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&display=swap');
*:not(i):not(mat-icon):not(ion-icon) {
    font-family: 'Montserrat', 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
}

jqxButton button {
    background-color: #a32428 !important;
    color: white !important;
}

.ess-header-row {
    background-color: white;
    color: #2a3439 !important;
}

.ss-menu-button {
    color: #a32428 !important;
}

.btn-primary {
    background-color: #a32428 !important;
    color: white !important;
    border: 1px solid #aaa;
    border-radius: 3px;
}

.btn-primary::part(native) {
    background-color: #a32428 !important;
}

ion-toggle {
  --track-background-checked: #a32428;
}

ion-toggle::part(handle) {
    background-color: #a32428 !important;
}

ion-checkbox::part(container) {
    border-color: #a32428;
}
ion-checkbox.checkbox-checked::part(container) {
    border-color: #a32428;
    background-color: #a32428;
}

ion-radio.radio-checked::part(container) {
    border-color: #a32428;
}

ion-radio.radio-checked::part(mark) {
    background-color: #a32428;
}

ion-input-otp {
    --highlight-color-focused: #a32428 !important;
}

.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
    border-color: #a32428 !important;
    background-color: #a32428 !important;
}

.mdc-switch__track::after {
    background-color: #a32428 !important;
}

.mdc-switch--selected:enabled .mdc-switch__handle::after {
    background-color: #a32428 !important;
}

.nav-steps li {
  background: yellow;
}

.nav-steps li.active {
  background: #a32428 !important;
  color: white !important;
  border: 2px solid red;
}

.nav-steps li.completed {
  background: #a32428 !important;
  color: white !important;
}

.sidenav {
    background-color: #f5f5f5 !important;
}

.toggle-sidenav-btn,
.sidenav .expand-icon,
.sidenav .mdc-list-item__primary-text,
.sidenav .mat-mdc-list-item,
.sidenav .menu-item span[matLine] {
    color: #2a3439 !important;
}

.active-item {
    background: #d4caca !important;
}

.toggle-sidenav-btn:hover,
.menu-item:hover,
.sub-menu .sub-menu-item:hover {
    background: #f0f0f0 !important;
}

.sub-menu {
    background: #eddbdb !important;
}

.same-button-bg {
    border: none;
    background-color: #a32428 !important;
    color: white !important;
}

.loading-menu {
  width: 50px;
  height: 50px;
  --color: black !important;
} 
  
.dashboard-item-loader {
    --color: #a32428 !important;
}*/