body {
color: #444444;
font-family: , 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
}
h1 {
color: #424242;
}
h2, .h2, h4, .h4 {
color: #424242;
}
h3, .h3, h5 .h5 {
color: #424242;
}
h1, h2, h3, h4 {
font-family: , 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
}
.panel .panel-title {
font-family: , 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
}
.ui-widget {
font-family: , 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
}
.donuts svg {
font-family: , 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif  !important;
}
.donuts svg text {
font-family: , 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif  !important;
}
.page-header h4, .open-link {
color: #424242;
}
h2.modal-title {
color: #424242;
}
a:link, a:visited{
color: #644c76;
}
.href-link{
color: #644c76 !important;
}
.href-link:hover {
text-decoration: underline !important;
}
.breadcrumb, .breadcrumb a:link, .breadcrumb a:visited {
color: #999999;
}
.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus {
color: #444444;
}
.notifications.dropdown .dropdown-menu > li > .slimScrollDiv > ul > li.recently-accessed > .recent-link  a{
color: #644c76 !important;
}
.page-container .sidebar-menu, .businessdashboard-bg {
background: #5d892b;
}
body.login, .js body {
 background: #5d892b;
}
.page-container .main-content, 
.modal-body > .row > .tabbable, 
.modal .modal-body .modal-body-header-grey, 
.modal .modal-body .modal-body-header-grey-less-padding {
background:  #f5f5f5;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background: #f5f5f5;
color: #262626;
}
.dropdown-menu > li > a:hover .icon-container i, .dropdown-menu > li > a:focus .icon-container i {
color: #262626;
}
.page-container .sidebar-menu .logo-env .company-name {
color: #ffffff;
}
.page-container .sidebar-menu .logo-env > div > a {
color: #ffffff;
}
.page-container .sidebar-menu .logo-env > div > a:hover,
.page-container .sidebar-menu .logo-env > div > a:focus {
color: #ffffff;
}
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a:hover, {
color: #ffffff;
}
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a {
background-color:  ;
}
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a:hover,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a:hover,
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a:focus,
.page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a:focus {
background-color:  #4099da;
}
.page-container .sidebar-menu #main-menu li a,
.page-container .sidebar-menu #main-menu li.has-sub > a:before,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a:hover span,
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li.has-sub > a {
color: #ededed;
}
.page-container .sidebar-menu #main-menu li#search .search-input {
background-color: #669641;
color: #ffffff;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li#search.focused .search-input {
background-color: #5d892b;
background-color: #669641;
}
.page-container .sidebar-menu #main-menu li#search input::placeholder {
color: #b0d9b0 !important;
opacity: 1 !important;
}
.page-container .sidebar-menu #main-menu li#search input:-ms-input-placeholder {
color: #b0d9b0 !important;
}
.page-container .sidebar-menu #main-menu li#search input::-ms-input-placeholder {
color: #b0d9b0 !important;
}
.page-container .sidebar-menu #main-menu li#search button {
color:  !important;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > a > span:not(.badge) {
background-color: #5d892b;
}
.page-container .sidebar-menu #main-menu li {
border-bottom-color: ;
background: #5d892b;
}
.page-container .sidebar-menu #main-menu li a:hover,
.page-container .sidebar-menu #main-menu li a:focus {
background-color: #4099da;
color: #ffffff;
}
.page-container .sidebar-menu #main-menu li a:hover::before,
.page-container .sidebar-menu #main-menu li a:focus::before {
color: #ffffff;
}
.page-container .sidebar-menu #main-menu li.active > a,
.page-container .sidebar-menu #main-menu li.active > a:hover {
border-color: #4099da;
color: #ffffff; 
background-color: ;
}
.page-container .sidebar-menu #main-menu li.active a:hover::before,     
.page-container .sidebar-menu #main-menu li.active a:focus::before {
color: #ffffff;
}
.page-container .sidebar-menu #main-menu li ul > li {
background-color:#5d892b;
}
.page-container .sidebar-menu #main-menu li ul > li > a {
background-color:#4e7a22;
}
.page-container .sidebar-menu #main-menu li ul > li > a:hover,
.page-container .sidebar-menu #main-menu li ul > li > a:focus {
background-color:#ff0000;
}
.page-container .sidebar-menu #main-menu li.active li.active > a {
background-color: #4099da;
}
.login-btn, .btn-success  {
background-color: #e45d14 !important;
color: #ffffff !important; 
border-color: #e45d14 !important;
}
.login-btn:hover, .btn-success:hover, 
.login-btn:focus, .btn-success:focus  {
background-color: #f5a675 !important;
border-color: #f5a675 !important;
}
.panel-default .panel-heading {
color: #424242;
color: #424242;
}
.panel-heading .btn, .panel-footer .btn {
color: #989898;
}
.panel-heading .btn:hover, .panel-heading .btn:focus, .panel-footer .btn:hover, .panel-footer .btn:focus {
color: #333333;
}
.nav-tabs > li > a {
color: #808080;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
color: #444444;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .tabs-left > .nav-tabs > li.active > a,  .tabs-left > .nav-tabs > li.active > a:hover, .tabs-left > .nav-tabs > li.active > a:focus {
border-color: #87b057;
color: #5d892b;
}
.nav-tabs > li.active > a > i, .nav-tabs > li.active > a:hover > i, .nav-tabs > li.active > a:focus > i {
color: #87b057;
}
.modal .modal-body .modal-body-header-grey .without-tabs {
border-bottom: solid 1px #e8e8e8  !important;
padding-bottom: 20px; 
margin-bottom: 25px; 
}
th {
background-color:#ffffff !important;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, 
.table-striped > thead > tr > th, .table-striped > thead > tr > td {
background-color: #ffffff !important;
color: #a6a7aa;
}
.table-bordered > thead > tr > th a {
color: #a6a7aa;
}
.table-bordered > thead > tr i.fa-sort-down, .table-bordered > thead > tr i.fa-sort-up, .table-bordered > thead > tr a.sorted-selected {
color: #383838;
}
.table-bordered > tfoot > tr > th, .table - bordered > tfoot > tr > td {
background-color: #ffffff !important;
border-top-width: 1px; 
color: #a6a7aa;
}
.no-bottom-border th {
border: 0 #ebebeb !important;
}
.table-progress  .progress{
background-color: #ffffff !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { 
background-color: #5d892b;
border-color: #5d892b;
color: #ededed;
}
.amr-colour-grass-bg,
.event-reforecast,
.btn-pdo
{
background-color: #b6d248 !important;
color: #ffffff !important;
}
.event-pdo
{
background-color: #b6d248 !important;
}
.text-success
{
color: #27bf55  !important;
}
.amr-colour-warning,
.amr-colour-orange,
.normal {
color: #f88b42  !important;
}
.text-danger {
color: #ff5a5c !important;
}
.text-warning {
color: #f88b42 !important;
}
.text-success {
color: #27bf55 !important;
}
.text-danger {
color: #ff5a5c !important;
}
.text-warning {
color: #f88b42 !important;
}
.text-success {
color: #27bf55 !important;
}
.btn-warning,
.badge-warning {
background-color: #f88b42 !important;
border-color: #f88b42 !important;
color: #ffffff !important;
}
.btn.amr-colour-warning-bg:hover,
.btn.btn-warning:hover {
background-color: #f88b42 !important;
color: #ffffff !important;
border-color: #f88b42;
}
.field-validation-error,
.text-danger,
.amr-colour-danger,
.amr-colour-red,
.high {
color: #ff5a5c !important;
}
.amr-colour-danger-bg,
.amr-colour-red-bg,
.label-danger,
.btn-danger,
.badge-danger,
.notification-deletion.notification-icon {
background-color: #ff5a5c !important;
color: #ffffff !important;
border: none;
}
.btn.amr-colour-danger-bg:hover,
.btn.btn-danger:hover {
background-color: #ff5a5c !important;
color: #ffffff !important;
border-color: #ff5a5c
}
.amr-colour-danger-user {
border-color: #ff5a5c !important;
}
.amr-colour-notification {
color: #4099da  !important;
}
.amr-colour-company {
color: #40bbda  !important;
}
.amr-colour-site {
color: #f17e4b  !important;
}
.amr-colour-meter-gas {
color: #4099da  !important;
}
.amr-colour-meter-power {
color: #f29c41  !important;
}
.amr-colour-contract {
color: #b6d248  !important;
}
.amr-colour-account {
color: #36c990 !important;
}
.amr-colour-invoice {
color: #de519d !important;
}
.amr-colour-notification-bg {
background-color: #4099da  !important;
}
.amr-colour-company-bg {
background-color: #40bbda   !important;
}
.amr-colour-user-bg {
background-color: #7d529d   !important;
}
.amr-colour-site-bg {
background-color: #f17e4b !important;
}
.amr-colour-mpn-bg {
background-color: #4099da !important;
}
.amr-colour-meter-gas-bg {
background-color:#4099da !important;
}
.amr-colour-meter-electricity-bg {
background-color: #f29c41 !important;
}
.amr-colour-contract-bg {
background-color: #b6d248 !important;
}
.amr-colour-account-bg {
background-color: #36c990  !important;
}
.amr-colour-invoice-bg {
background-color: #de519d !important;
}
.amr-colour-assignedto-bg {
background-color: #ee6777 !important;
}
.amr-colour-info,
.amr-colour-paleblue {
color: #4099da !important;
}
.amr-colour-info-bg,
.amr-colour-paleblue-bg,
.btn-info,
.badge-info,
.label-info,
.event-task,
.event-ev,
.badge-info
{
background-color: #4099da !important;
color: #ffffff !important;
border: none;
}
.btn.amr-colour-info-bg:hover,
.btn.btn-info:hover
{
background-color: #4099da !important;
color: #ffffff !important;
border-color: #4099da;
}
.alert-company {
background-color: #d9edf7 !important;
color:  !important;
border-color: #bce8f1 !important;
}
.amr-alert-info {
background-color: #d9edff !important;
color: #316590 !important;
border-color: #c2dbf2 !important;
min-height: 180px;
}
.amr-alert-success {
background-color: #52a055 !important;
color: #ffffff !important;
border-color: #2f9042 !important;
min-height: 180px !important;
}
.amr-alert-alert {
background-color: #e05244 !important;
color: #ffffff !important;
border-color: #c3473b !important;
min-height: 180px;
}
.amr-alert-warning {
background-color: #ea833f !important;
color: #ffffff !important;
border-color: #d57739 !important;
min-height: 180px;
}
.top-site-progress > .progress-bar-gas {
background-color: #4099da;
display: inline-block !important;
 }
.top-site-progress > .progress-bar-electricity {
 background-color: #f29c41;
display: inline-block !important;
}
.task-group .today {
background-color: #b6d248 !important;
}
.task-group .tomorrow {
background-color: #66cfc7 !important;
}
.task-group .nextweek {
background-color: #4099da !important;
}
.task-group .overdue {
background-color: #ff5a5c !important;
}
.kwh-bg {
background-color:  #4099da
}
.bottomstop-bg {
    background-color: #ff5a5c;
}
.percentage-bg {
background-color: #f29c41;
}
.current-bg {
background-color: #66cfc7;
}
.actual-bg,
.ev-actual-bg {
background-color: #f29c41;
}
.forecast-bg, .ev-forecast-bg {
background-color: #4099da;
}
.upper-bg {
background-color:#7d529d;
}
.lower-bg {
background-color: #66cfc7;
}
.ev-recommended-bg {
background-color: #de519d;
}
.ev-user-bg {
background-color: #b6d248;
}
.gas-car {
width: 300px;
height: 150px;
fill: #4099da !important;
}
.elec-car {
width: 300px;
height: 150px;
fill: #f29c41 !important;
}
#evcustomers_widget .energyvision-noncustomers-widget-col2 div.saving-text {
color: #644c76;
padding-top: 10%;
font-weight: 400;
font-size: 14px;
}
#evcustomers_widget .energyvision-noncustomers-widget-col2 div.saving {
color: #ff5a5c;
padding-top:-1px;
font-weight: 600;
font-size: 31pt;
padding-bottom: 0px !important;
margin-bottom: 0px;
}
#evcustomers_widget .energyvision-noncustomers-widget-col2 .using-energy-vision .ev-lightgreen {
color: #666666;
}
# evcustomers_widget .energyvision-noncustomers-widget-col2 .quote {
font-size: 10pt;
padding-top: 10px;
color: #644c76;
}
#evcustomers_widget .energyvision-noncustomers-widget-col2 .strap-line {
color:#666666;
font-size: 10pt;
}
#evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button {
background-color: #644c76 !important;
color: white;
font-size: 11pt;
}
#evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button:hover,
#evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button:focus {
background-color: #644c76;
text-decoration: none;
}
#evcustomers_widget .energyvision-customers-widget .possible-saving {
font-weight: 500;
font-size: 39pt;
text-align: center;
width: 100 %;
color: #666666;
line-height: 30px;
padding-top: 10px;
}
#evcustomers_widget .energyvision-customers-widget .more-detail-button {
background-color: #644c76 !important;
color: white;
font-size: 12px;
margin-left: 9 %;
margin-top: 10 %;
}
#evcustomers_widget .energyvision-customers-widget .more-detail-button:hover,
#evcustomers_widget .energyvision-customers-widget .more-detail-button:focus {
background-color: #644c76;
text-decoration: none;
}
.page-container.horizontal-menu header.navbar {
position: absolute;
z-index: 8;
background-color: #5d892b;
padding: 0;
margin-bottom: 0;
border: 0;
left: 0;
right: 0;
top: 0;
-webkit-border-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0;
background-clip: padding-box;
}
.form-control,
.selectWoo-container .selectWoo-selection,
.select2-container .select2-choice { 
color: #444444;
}
.control-label {
color: rgba(68, 68, 68, 0.87);;
}
textarea:focus,
.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime -local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select[multiple="multiple"]:focus,
.select2-dropdown-open .select2-choice,
.select2-drop.select2-drop-active,
.select2-container-active a.select2-choice,
.selectWoo-container--open .selectWoo-dropdown,
.select2-container.select2-dropdown-open .select2-choice { 
border-color: #38aecc !important;
box-shadow: 0 0 8px rgba(56, 174, 204, 0.6); !important;
outline: 0 none !important;
}
.selectWoo.selectWoo-container.selectWoo-container--open .selectWoo-selection, .selectWoo.selectWoo-container.selectWoo-container--focus .selectWoo-selection { 
border-color: #38aecc !important;
box-shadow: 0 0 8px rgba(56, 174, 204, 0.6); !important;
outline: 0 none !important;
}
.icheckbox_square-grey.focus {
box-shadow: inset 0 0 0 2px #38aecc, 
0 0 0 4px rgba(236, 117, 24, 0.18); !important;
}
input::placeholder,
textarea::placeholder {
color: #98999a !important;
opacity: 1 !important;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #98999a !important;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: #98999a !important;
}
body.login label .text-small {
color: #949494 !important;
}
.tab-contacts-emergency {
color: #ff5a5c !important;
font-weight: bold !important;
}
a:focus, 
.btn:focus, .btn:active:focus, .btn.active:focus,  
.nav-tabs > li > a:focus {
outline: 0 !important;}
.page-container .sidebar-menu #main-menu li#search .search-input:focus, 
.page-container .sidebar-menu #main-menu li#search button:focus, 
.btn-group > .btn:focus { 
box-shadow: none;}
.icon-wrapper.h0 i {
                -ms-border-radius: 25px;
                border-radius: 25px;
                line-height: 25px;
                width: 25px;
                background: #40bbda;
                color: white;
            }

                .icon-wrapper.h1 i {
                -ms-border-radius: 24px;
                border-radius: 24px;
                line-height: 24px;
                width: 24px;
                background: #b6d248;
                color: white;
            }

                .icon-wrapper.h2 i {
                -ms-border-radius: 23px;
                border-radius: 23px;
                line-height: 23px;
                width: 23px;
                background: #36c990;
                color: white;
            }

                .icon-wrapper.h3 i {
                -ms-border-radius: 22px;
                border-radius: 22px;
                line-height: 22px;
                width: 22px;
                background: #f17e4b;
                color: white;
            }
                
                .icon-wrapper.h4 i {
                -ms-border-radius: 21px;
                border-radius: 21px;
                line-height: 21px;
                width: 21px;
                background: #4099da;
                color: white;
            }

                .panel.panel-default.dashboard-widget-summary--group1 {border-color: #59ccb8; }
                .panel.panel-default.dashboard-widget-summary--group1 .btn-default,
                .panel.panel-default.dashboard-widget-summary--group1 a.btn.btn-default 
                {
                    border-color: #39ae9a;
                    color: #39ae9a; 
                }
                .panel.panel-default.dashboard-widget-summary--group1 .dashboard-widget-summary__icon-container {background-color: #e7faf6; }
                .panel.panel-default.dashboard-widget-summary--group1 .dashboard-widget-summary__icon-container .fas {color: #59ccb8; }
                .dashboard-widget-summary__icon-container .fas {color: #59ccb8; }



                .panel.panel-default.dashboard-widget-summary--goup2 {border-color: #44cbf6; }
                .panel.panel-default.dashboard-widget-summary--goup2 .btn.btn-default,
                .panel.panel-default.dashboard-widget-summary--goup2 a.btn.btn-default 
                {
                    border-color: #2699be;
                    color: #2699be; 
                }
                .panel.panel-default.dashboard-widget-summary--goup2 .dashboard-widget-summary__icon-container {background-color: #e8f7fc; }
                .panel.panel-default.dashboard-widget-summary--goup2 .dashboard-widget-summary__icon-container .fas {color: #44cbf6; }



                .panel.panel-default.dashboard-widget-summary--group3 {border-color: #59ccb8; }
                .panel.panel-default.dashboard-widget-summary--group3 .btn-default,
                .panel.panel-default.dashboard-widget-summary--group3 a.btn.btn-default 
                {
                    border-color: #39ae9a;
                    color: #39ae9a; 
                }
                .panel.panel-default.dashboard-widget-summary--group3 .dashboard-widget-summary__icon-container {background-color: #e7faf6; }
                .panel.panel-default.dashboard-widget-summary--group3 .dashboard-widget-summary__icon-container .fas {color: #59ccb8; }
                .dashboard-widget-summary__icon-container .fas {color: #59ccb8; }



                .panel.panel-default.dashboard-widget-summary--goup4 {border-color: #44cbf6; }
                .panel.panel-default.dashboard-widget-summary--goup4 .btn.btn-default,
                .panel.panel-default.dashboard-widget-summary--goup4 a.btn.btn-default 
                {
                    border-color: #2699be;
                    color: #2699be; 
                }
                .panel.panel-default.dashboard-widget-summary--goup4 .dashboard-widget-summary__icon-container {background-color: #e8f7fc; }
                .panel.panel-default.dashboard-widget-summary--goup4 .dashboard-widget-summary__icon-container .fas {color: #44cbf6; }