:root {
   --ecm-app-colornavigation: rgba(243,151,26,1);
   --ecm-app-colorprimary: rgba(9,119,0,1);
   --ecm-app-colorsecondary: rgba(243,151,26,1);
   
   --ecm-body-backgroundimage: none;
   --ecm-body-color: rgba(255,255,255,1);
   
   --ecm-fontcolor: #000000;
   
   --ecm-footer-backgroundcolor1: #3B7706;
   --ecm-footer-backgroundcolor2: #3E7E06;
   --ecm-footer-backgroundeffect: none;
   --ecm-footer-display: block;
   
   --ecm-header-backgroundcolor1: rgba(255,255,255,1);
   --ecm-header-backgroundcolor2: #3A7406;
   --ecm-header-backgroundeffect: none;
   
   --ecm-hppanel-backgroundcolor: rgba(102,188,37,1);
   --ecm-hppanel-bordercolor: rgba(0,0,0,1);
   --ecm-hppanel-borderradius: 0px;
   --ecm-hppanel-colorprimary: rgba(0,0,0,1);
   --ecm-hppanel-colorsecondary: rgba(255,255,255,1);
   --ecm-hppanel-fontcolor: rgba(255,255,255,1);
   --ecm-hppanel-iconbackgroundcolor: rgba(63,116,44,1);
   --ecm-hppanel-iconborderradius: 60px;
   
   --ecm-nav-backgroundcolor1: rgba(255,255,255,1);
   --ecm-nav-backgroundcolor2: #BEBEBE;
   --ecm-nav-bordercolor: rgba(97,190,46,1);
   
   --ecm-nav-rootbackgroundcolor: transparent;
   --ecm-nav-rootfontcolor: rgba(33,33,33,1);
   --ecm-nav-rootfontweight: bold;
   --ecm-nav-roothoverbackgroundcolor: rgba(102,188,37,1);
   --ecm-nav-roothoverfontcolor: rgba(255,255,255,1);
   --ecm-nav-roothoverfontweight: bold;
   
   --ecm-nav-subbackgroundcolor: #FFFFFF;
   --ecm-nav-subfontcolor: rgba(33,33,33,1);
   --ecm-nav-subfontweight: normal;
   --ecm-nav-subhoverbackgroundcolor: rgba(102,188,37,1);
   --ecm-nav-subhoverfontcolor: rgba(255,255,255,1);
   --ecm-nav-subhoverfontweight: bold;
   
   --ecm-userpanel-backgroundcolor1: rgba(255,255,255,1);
   --ecm-userpanel-backgroundcolor2: rgba(190,190,190,0.7);
   --ecm-userpanel-bordercolor: #E7E7E7;
   --ecm-userpanel-textcolor: rgba(0,0,0,1);
}

body {
   background-color: var(--ecm-body-color);
}

/*<%-- Userpanel --%>*/
.ECM_UserPanelTextColor,
.ECM_UserPanelTextColor *,
.ECM_UserPanelTextColor a {
   color: var(--ecm-userpanel-textcolor);
}

.ECM_UserPanelBackgroundColor {
   background-color: var(--ecm-userpanel-backgroundcolor1);
}


/*<%-- Navigation --%>*/
.ECM_NavBackgroundColor {
   background-color: var(--ecm-nav-backgroundcolor1);
}

.ECM_NavBorderColor {
   border-color: var(--ecm-nav-bordercolor);
}

.ECM_HeaderBackgroundColor {
   background-color: var(--ecm-header-backgroundcolor1);
}

.ECM_NavRootFontColor,
.ECM_NavRootFontColor i,
.ECM_NavRootFontColor span,
.sidebar-footer a.ECM_NavRootFontColor,
.sidebar-footer a.ECM_NavRootFontColor:link {
   color: var(--ecm-nav-rootfontcolor);
   font-weight: var(--ecm-nav-rootfontweight);
}

.ECM_NavSubFontColor,
.ECM_NavSubFontColor:link,
.ECM_NavSubFontColor:visited,
.ECM_NavSubFontColor span {
   color: var(--ecm-nav-subfontcolor);
   font-weight: var(--ecm-nav-subfontweight);
}

.ECM_NavRootFontColor:hover,
.ECM_NavRootFontColor:hover span,
.ECM_NavRootFontColor:hover i,
.sidebar-footer a.ECM_NavRootFontColor:hover,
.sidebar-footer a.ECM_NavRootFontColor:hover:link {
   color: var(--ecm-nav-roothoverfontcolor) !important;
   background-color: var(--ecm-nav-roothoverbackgroundcolor) !important;
}

.ECM_NavSubFontColor,
.ECM_NavSubFontColor:link,
.ECM_NavSubFontColor:visited,
.ECM_NavSubFontColor span {
   color: var(--ecm-nav-subfontcolor);
   font-weight: var(--ecm-nav-subfontweight);
}

.ECM_NavSubFontColor:focus,
.ECM_NavSubFontColor:focus span,
.ECM_NavSubFontColor:hover span,
.ECM_NavSubFontColor:hover,
nav li.active > a.ECM_NavSubFontColor,
nav li.active > a.ECM_NavSubFontColor span {
   color: var(--ecm-nav-subhoverfontcolor) !important;
   background-color: var(--ecm-nav-subhoverbackgroundcolor) !important;
}

.ecm-panel-content-h {
   border-color: var(--ecm-hppanel-bordercolor);
   border-radius: var(--ecm-hppanel-borderradius);
   background-color: var(--ecm-hppanel-backgroundcolor);
}

.ecm-panel-icon {
   border-radius: var(--ecm-hppanel-iconborderradius);
   background-color: var(--ecm-hppanel-iconbackgroundcolor);
}

/*<%-- Homepage panels --%>*/
.ECM_HPPanelFontColor { color: var(--ecm-hppanel-fontcolor) !important; }
.ECM_HPPanelBackgroundColor { background-color: var(--ecm-hppanel-backgroundcolor) !important; }
.ECM_HPPanelBorderColor { border-color: var(--ecm-hppanel-bordercolor) !important; }
.ECM_HPPanelBorderRadius { border-radius: var(--ecm-hppanel-borderradius) !important; }
.ECM_HPPanelIconBackgroundColor { background-color: var(--ecm-hppanel-iconbackgroundcolor) !important; }
.ECM_HPPanelIconBorderRadius { border-radius: var(--ecm-hppanel-iconborderradius) !important; }

.ecm-panel-icon svg { stroke-width: 0; }
.ecm-panel-icon svg .primary { fill: var(--ecm-hppanel-colorprimary) !important; }
.ecm-panel-icon svg .secondary { fill: var(--ecm-hppanel-colorsecondary) !important; }