.customer-header { background-color: #ffffff; background-size: unset; background-repeat: repeat; color: #000000; font-family: Muli !important; background-image: url('https://doc-storage.realgreen.com/DSS/b9bce490-8de1-444f-aac5-ba1e22ddbe87'); }
.service-heading { color: #000000; }
.dropdown-heading { color: #000000; }
.logo-container { visibility: hidden; }
.activenavigationbgcolor { color: #1c595a; }
#customeDivPreview { background-color: #5f9ea0; }
.user-options { background-color: #5f9ea0; }
.user-options .btn-one-font-color-font { color: #ffffff !important; }
.navbar { background-color: #5f9ea0; }
.nav-item { background-color: #5f9ea0; }
.nav-item a { color: #ffffff !important; }
.nav-item.noActive:hover { background-color: #428182 !important; border-bottom-color: #428182 !important; }
.nav-item.noActive a:hover { color: #ffffff !important; }
.nav-item.active a { color: #ffffff !important; }
.side-menu-item.my-1.active { background-color: #1c595a; color: #ffffff; }
.side-menu-item.my-1.active:hover { background-color: #1c595a; }
.side-menu-item.my-1 { background-color: #5f9ea0; color: #ffffff; }
.side-menu-item.my-1:hover { background-color: #428182; }
.footer { background-color: #5cb85c; 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: #ededed; background-image: url('https://doc-storage.realgreen.com/DSS/aa7c0293-4485-4698-a772-d84af96ec201'); }
.bodytext { font-size: 14px; }
.navigation-bgcolor { color: #5f9ea0; }
.sidebar-info-heading { background-color: #5f9ea0; color: #ffffff; }
.customer-heading { color: #364f6a; font-size: 27px; }
.customSubheading { font-size: 16px; }
.sidebar-main { background-color: rgba(54, 79, 106, 0.1); }
.sidebar-heading { color: #364f6a; }
.sidebar-heading-balance { color: #364f6a; }
.payment-record { color: #5f9ea0; }
.report-icon { color: #1c595a; }
.report-icon:hover { color: #1c595a; }
.dx-link.report-icon { color: #1c595a; }
.dx-link.report-icon:hover { color: #1c595a; }
.secondaryButtonCss { border-radius: 25px; background-color: #1d501f; color: #ffffff; font-family: Muli; }
.secondaryButtonCss:hover { background-color: #4a724b; color: #ffffff; }
.secondaryButtonCss.dx-state-focused { background-color: #1d501f; color: #ffffff; }
.secondaryButtonCss.dx-state-focused:hover { background-color: #4a724b; color: #ffffff; }
.primaryButtonCss { border-radius: 25px; background-color: #FFC107; color: #ffffff; font-family: Muli; }
.primaryButtonCss:hover { background-color: #ffcd38; color: #ffffff; }
.primaryButtonCss.dx-state-focused { background-color: #FFC107; color: #ffffff; }
.primaryButtonCss.dx-state-focused:hover { background-color: #ffcd38; color: #ffffff; }
.defaultButtonCss { border-radius: 25px; background-color: #eeeeee; color: #444444; font-family: Muli; }
.defaultButtonCss:hover { background-color: #e4e4e4; color: #444444; }
.defaultButtonCss.dx-state-focused { background-color: #eeeeee; color: #444444; }
.defaultButtonCss.dx-state-focused:hover { background-color: #e4e4e4; color: #444444; }
.dx-button-mode-contained.dx-button-default { background-color: #FFC107; }
.dx-button-mode-contained.dx-button-default.dx-state-active { background-color: #FFC107; }
.dx-button-mode-contained.dx-button-default.dx-state-hover { background-color: #ffcd38; }
.dx-button-mode-contained.dx-button-default.dx-state-focused { background-color: #ffcd38; }
.account-balanceclr { background-color: #364f6a; }
.container-size { width: 100vw; height: 99vh; left: 0vw; top: 0vh; border-radius: 0px; }
.prepayAmt { color: #364f6a; }
div .defaultActive { background-color: #1c595a !important; }