.customer-header { background-color: #ffffff; background-size: unset; background-repeat: repeat; color: #ffffff; font-family: Muli !important; background-image: https://doc-storage.realgreen.com/DSS/d152cd5f-155c-44f2-95e7-82520da9b46e; }
.service-heading { color: #ffffff; }
.dropdown-heading { color: #ffffff; }
.logo-container { visibility: visible; }
.activenavigationbgcolor { color: #ea4510; }
#customeDivPreview { background-color: #ff7422; }
.user-options { background-color: #ff7422; }
.user-options .btn-one-font-color-font { color: #ffffff !important; }
.navbar { background-color: #ff7422; }
.nav-item { background-color: #ff7422; }
.nav-item a { color: #ffffff !important; }
.nav-item.noActive:hover { background-color: #ea4510 !important; border-bottom-color: #ea4510 !important; }
.nav-item.noActive a:hover { color: #ffffff !important; }
.nav-item.active a { color: #ffffff !important; }
.side-menu-item.my-1.active { background-color: #ea4510; color: #ffffff; }
.side-menu-item.my-1.active:hover { background-color: #ea4510; }
.side-menu-item.my-1 { background-color: #ff7422; color: #ffffff; }
.side-menu-item.my-1:hover { background-color: #ea4510; }
.footer { background-color: #ff7422; color: #ffffff; background-size: unset; background-repeat: repeat; }
.hyperLink { color: #416790; font-style: Normal; font-weight: 400; }
.hyperLink:hover { color: #416790; }
.hyperLinkfontcolor { color: #416790; }
body { font-family: Muli !important; background-color: #eeeeee; }
.bodytext { font-size: 11px; }
.navigation-bgcolor { color: #ff7422; }
.sidebar-info-heading { background-color: #ff7422; color: #ffffff; }
.customer-heading { color: #364f6a; font-size: 24px; }
.customSubheading { font-size: 12px; }
.sidebar-main { background-color: rgba(54, 79, 106, 0.1); }
.sidebar-heading { color: #364f6a; }
.sidebar-heading-balance { color: #364f6a; }
.payment-record { color: #ff7422; }
.report-icon { color: #ea4510; }
.report-icon:hover { color: #ea4510; }
.dx-link.report-icon { color: #ea4510; }
.dx-link.report-icon:hover { color: #ea4510; }
.secondaryButtonCss { border-radius: 25px; background-color: #ffa319; color: #ffffff; font-family: Muli; }
.secondaryButtonCss:hover { background-color: #e4e4e4; color: #444444; }
.secondaryButtonCss.dx-state-focused { background-color: #ffa319; color: #ffffff; }
.secondaryButtonCss.dx-state-focused:hover { background-color: #e4e4e4; color: #444444; }
.primaryButtonCss { border-radius: 25px; background-color: #ea4510; color: #ffffff; font-family: Muli; }
.primaryButtonCss:hover { background-color: #e4e4e4; color: #444444; }
.primaryButtonCss.dx-state-focused { background-color: #ea4510; color: #ffffff; }
.primaryButtonCss.dx-state-focused:hover { background-color: #e4e4e4; color: #444444; }
.defaultButtonCss { border-radius: 25px; background-color: #fcc63d; color: #ffffff; font-family: Muli; }
.defaultButtonCss:hover { background-color: #e4e4e4; color: #444444; }
.defaultButtonCss.dx-state-focused { background-color: #fcc63d; color: #ffffff; }
.defaultButtonCss.dx-state-focused:hover { background-color: #e4e4e4; color: #444444; }
.dx-button-mode-contained.dx-button-default { background-color: #ea4510; }
.dx-button-mode-contained.dx-button-default.dx-state-active { background-color: #ea4510; }
.dx-button-mode-contained.dx-button-default.dx-state-hover { background-color: #e4e4e4; }
.dx-button-mode-contained.dx-button-default.dx-state-focused { background-color: #e4e4e4; }
.account-balanceclr { background-color: #364f6a; }
.container-size { width: 100vw; height: 100vh; left: 0vw; top: 0vh; border-radius: 5px; }
.prepayAmt { color: #364f6a; }
div .defaultActive { background-color: #ea4510 !important; }