:root {
    --primary-color: RGB(0,96,152);
    --chart-amounts-main-color: RGB(128,188,46);
    --chart-consumptions-1-color: RGB(128,188,46);    
}

@media (min-width: 768px) {
       .iti-menu-banner {
        background: linear-gradient(44deg, RGB(0,96,152), RGB(0,96,152), RGB(0,96,152), RGB(0,96,152), #f6fbff, #FFFFFF, #FFFFFF);
    }
}

.card-header-text-button {
    color: RGB(0,96,152);
}

.iti-add-contact-item .iti-add-contact-item-label {
    color: RGB(0,96,152);    
}

.iti-edit-contact-detail-item {
    color: RGB(0,96,152) !important;   
}

.edit-preference-item {
    color: RGB(0,96,152) !important;    
}

.iti-contact-detail-icon-add {   
    color: RGB(0,96,152);
    border: 2px solid RGB(0,96,152);    
}

.btn-paging {
        border: 2px solid RGB(0,96,152);
        color: RGB(0,96,152);
}

.btn-paging:hover:not(:disabled) {
           background: RGB(0,96,152);
}

.iti-action-link { 
        color: RGB(0,96,152);       
}

.iti-back-to-top {
        background: RGB(0,96,152);       
}

.iti-navigate-back {
    color: RGB(0,96,152);
 }

 .iti-form .btn-primary:disabled:hover {
	background-color: RGB(0,96,152);
	
}

.iti-form .btn.btn-link,
.btn.btn-link {
	color: RGB(0,96,152);
   
}

.iti-date-selector .iti-date-selector-icon {
	color: RGB(0,96,152);          
}

.iti-wiz-step-link {
    color: RGB(0,96,152);
}

.iti-wiz-nav-full .dot.fill {
    background-color: RGB(0,96,152);
}

.iti-wiz-steps .iti-wiz-step-link.active {
    border-bottom: 2px solid RGB(0,96,152);
    /*TODO: use variable*/
    color: RGB(0,96,152);
}

.iti-wiz-body .btn.btn-link {
    color: RGB(0,96,152);
}


.iti-modal .btn.btn-link {
    color: RGB(0,96,152);
}

.iti-info-card-header {
    color: RGB(0,96,152);
}


/*scheduler*/
 .iti-scheduler-slot.today .iti-scheduler-slot-day {
	border: 3px solid RGB(0,96,152);       
	color: RGB(0,96,152);
}

.extendeddailyusageActualReading {
	color: RGB(0,96,152);
}

.extendeddailyusageEstimatedReading {
	color: RGB(0,96,152);
}

.extendeddailyusageEstimatedPattern {
	Stroke: RGB(0,96,152);
	Stroke-width: 7;
}

.extendeddailyusageEstimatedPattern1 {
    Stroke: RGB(0,96,152);
    Stroke-width: 7;
}

.iti-text-toggle .iti-text-toggle-active-item {
	z-index: 1;
	background: #FFFFFF;
	border: 2px solid RGB(0,96,152);
	color: RGB(0,96,152);
	font-weight: 700
}

.iti-energy-usage-alert-wizard .k-radio:checked {
	border-color: RGB(0,96,152);
	background-color: RGB(0,96,152);           
}

.iti-card-billOverview-pastDue {
    background-color: RGB(230,75,56);
}

.iti-card-billOverview-notDue {
    background-color: RGB(52,143,65);
}

    .iti-bill-recipient-title {
        color: black;
        font-size: 1.25rem;
    }

    .iti-bill-recipient-label {
        color: black;
        font-size: 1rem;
}

iti-personalinfo {
    display: none;
}

.login__block__header>img {
    width: 40px;
    height: 80px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 0 3px hsla(0, 0%, 100%, .33);
}

.logo-img {
    display: block;
    width: auto !important;
    margin-right: auto;
     margin-bottom: none !important;
    margin-left: auto;
    height: 40px;
    border-radius: 0 !important;
}

.iti-bannerLogo .iti-height-77px {
    height: 100px;
}

.iti-logo-small {
    height: 40px;
}