/*
    REFERENCES:
    Material Iconic Font symbols:
    https://zavoloklom.github.io/material-design-iconic-font/icons.html
*/

:root {
    --primary-color: #0188C8;
    --text-link-color: #0188C8;
    --chart-amounts-main-color: #0188C8;
    --chart-consumptions-1-color: #0188C8;    
}

.iti-button-loader__spinner-absolute {
    position: absolute;
    transform: translate(6px, -3px);
}

.iti-width-100-percent {
    width: 100%;
}

.iti-width-100px {
    width: 100px;
}

/*Used for the alignment of the request items Account ID and 'General Inquiry' label*/
.card-header-text-button {
    color: #0188C8;    
}

.iti-add-contact-item .iti-add-contact-item-label {
    color: #0188C8;    
}

.iti-edit-contact-detail-item {
    color: #0188C8 !important;    
}

.edit-preference-item {
    color: #0188C8 !important;
    font-size: 14px;
}

.iti-contact-detail-icon-add {
    color: #0188C8;
    border: 2px solid #0188C8;
}

.iti-position-relative {
    position: relative;
}

.regentdropdownname {   
    width: 150px;
   
}

/*Kendo dropdown changes*/
.accountSearch .accountSearchComboBox .k-dropdown-wrap .k-icon.k-i-arrow-s:before {
     font-family: "Material-Design-Iconic-Font";
}

.iti-generic-filter-combobox .k-dropdown-wrap .k-icon.k-i-arrow-s:before {
      font-family: "Material-Design-Iconic-Font";
}

/*END Kendo dropdown changes*/
.iti-accountSearch-width {
    width: 200px;
}

.top-nav-button {
      display: inline-block; 
}

.iti-menu-header .navigation__dropdown a.navigation__dropdown__label:after {
    font-family: "Material-Design-Iconic-Font";    
}

.iti-menu-body .navigation__dropdown a.navigation__dropdown__label:after {
    font-family: "Material-Design-Iconic-Font";   
}

.iti-icon-check-big:before {
    font-family: "Material-Design-Iconic-Font";
    font-size: 60px;
    color: #009b33;
    content: '\f26b';
    display: inline-block;
}

.iti-icon-cross-big:before {
    font-family: "Material-Design-Iconic-Font";    
    color: var(--error-color);
    content: '\f134';   
}

.iti-icon-alert-triangle-big:before {
    font-family: "Material-Design-Iconic-Font";
    font-size: 60px;
    color: var(--warning-color);
    content: '\f1f4';
    display: inline-block;
}

.btn-paging:hover:not(:disabled) {
     background: #0188C8;
}

#accountSearchBar {
    width: 300px;
}

.regentdropdown {  
    font-family: Roboto;    
}

.ndSelectRegEntDropdown {
    width: 300px;
}

.iti-action-link {
     color: #0188C8;
}

/*redesign base classes*/
.iti-bill-recipient-label {
   font-size: 1.25rem;
}

.iti-bill-recipient-address .iti-address-line {
    line-height: 2rem;
    font-size: 1.4rem;
}

.iti-back-to-top {
    background: #0188C8;    
}

.iti-viewall-link {
      border: none;
}

.iti-navigate-back {  
    color: #0188C8;    
}

.iti-form .btn.btn-primary {
    background-color: #0188C8;
    /*TODO: use variable for primary button*/
}

.iti-form .btn-primary:disabled:hover {
    background-color: #0188C8;    
}

.iti-form .btn.btn-link,
.btn.btn-link {
    color: #0188C8;    
}

/*TO FIX:*/

.iti-help-tooltip-title {  
    font-family: roboto;
}

.iti-help-tooltip-description {    
    font-family: roboto;   
}

.iti-date-selector .iti-date-selector-icon {
    color: #0188C8;    
}

.custom-content-alert {
    font-family: roboto;    
}

/* start wizards */
.iti-wiz-step-link {   
    color: #0188C8;    
}

.iti-wiz-steps .iti-wiz-step-link.active {
    border-bottom: 2px solid #0188C8;
    /*TODO: use variable*/
    color: #0188C8;
    /*TODO: use variable*/    
}

.iti-wiz-body label.text-muted {  
    vertical-align: bottom;
}

.iti-wiz-body .btn.btn-link {
    color: #0188C8;   
}

.iti-wiz-body input[type="checkbox"]:not(.toggle-switch__checkbox),
.iti-wiz-body input[type=radio]:not(.toggle-switch__checkbox) {
    margin: 0 5px 0 0;
}

/* end wizards */

/* ND modal */
.iti-modal .btn.btn-link {
    color: #0188C8;    
}

.iti-info-card-header {
       color: #0188C8;   
}

/* Login error styling*/
.header-icon {   
    display: none!important;    
}

.logo-img {
    border-radius: 0px !important;   
    height: 90px!important;
    border-radius: 50%;
    margin-top: 20px;
}

/* End login error styling*/

@media (min-width: 768px) {
    .iti-menu-banner {
        background: linear-gradient(44deg, #0188C8, #0188C8, #0188C8, #5db0f4, #f6fbff, #FFFFFF, #FFFFFF);
    }   
}

@media (max-width:575px) {   

    #NavMenu_Overview {
        display: none;
    }

    #accountSearchBar {
        /*
        display: block;
        position: absolute;
        z-index: 1;
        width: 98vw;
        transform: translateX(-53%);*/
    }

    .iti-paymentus-sm-iframe {
        height: 2000px;        
    }

    .mr-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .mr-auto img {
        height:80px !important;
    }

    .iti-menu-banner {
        top: 19px;
        min-height: 14px;       
    }

    .iti-menu-body-layout .row {
        min-height: inherit !important;
    }

}

/* style this class to change the background of even/odd slots instead of the day labels */

.iti-scheduler-slot.today .iti-scheduler-slot-day {
    border: 3px solid #0188C8;
    color: #0188C8;
}

.extendeddailyusageActualReading {
    color: #0188C8;
}

.extendeddailyusageEstimatedReading {
    color: #bcc4ca;
}

.extendeddailyusageEstimatedPattern {
    Stroke: #0188C8;
    Stroke-width: 3;
}

.extendeddailyusageCompareEstimatedPattern {
    Stroke-width: 3;
}

.iti-text-toggle .iti-text-toggle-item {
    background: rgba(44, 152, 240, 0.5);
    cursor: pointer;
    position: absolute;
    text-align: center;
    padding: 5px;
    border-radius: 30px;
    color: #FFFFFF;
}

.iti-text-toggle .iti-text-toggle-active-item {
    z-index: 1;
    background: #FFFFFF;
    border: 2px solid #0188C8;
    color: #0188C8;
    font-weight: 700
}

.iti-energy-usage-alert-wizard .k-radio:checked {
    border-color: #0188C8;
    background-color: #0188C8;    
}

.k-calendar .k-calendar-view .k-today {
    color: #0188C8;
}

iti-accountservices-card .card-deck {
    flex-flow:column;

}

.bottom-0 {
   bottom: 0;
}