/*
    REFERENCES:
    Material Iconic Font symbols:
    https://zavoloklom.github.io/material-design-iconic-font/icons.html
*/
@media (max-width: 991px) {
    .iti-width-100px {
        width: 80px;
    }
    .iti-bannerLogo img {
        max-width: 299px;
        object-fit: scale-down;
        height: 150px !important;
        position: relative;
        top: -13px;
    }
}

.empty-card-text {
         font-family: "Courier New";
}

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

.regentdropdownname {      
        width: 150px;       
}

.toggleBadge:focus,
.toggleBadge:hover,
.toggleBadge:focus.active,
.toggleBadge:hover.active {
      background-color: var(--primary-color-hover);
      border: 2px solid var(--primary-color);
      color: var(--primary-color) !important;
}

.toggleBadge.active {
   background-color: var(--primary-color);
   border-color: var(--primary-color);
   border: 2px solid var(--primary-color);
}

.bg-blue-grey {
     background-color: var(--primary-color);
 }

 /*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;
}

.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";
}

.iti-icon-check:before {
    font-family: "Material-Design-Iconic-Font";
}

.iti-icon-cross-big:before {
    font-family: "Material-Design-Iconic-Font";
}

.iti-icon-alert-triangle-big:before {
    font-family: "Material-Design-Iconic-Font";
}

#accountSearchBar {
    width: 300px;
}

.regentdropdown {
    font-family: Roboto;
}

.ndSelectRegEntDropdown {
    width: 300px;
}

.iti-bill-recipient-label {
    font-size: 1.25rem;
}

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

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

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

    /*TO FIX:*/

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

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

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

.custom-content-alert {
    font-family: roboto;   
}
    /* start wizards */
.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 */
.logo-img {
    border-radius: 0px !important;
    /* border-radius: 50%;*/
    display: block;
    margin-bottom: 4px;
}

    /* End login error styling*/

    @media (min-width: 992px) {

        .iti-bannerLogo img {
            max-width: 299px;
            object-fit: scale-down;
            height: 150px !important;
            position: relative;
            top: -13px;
        }
    }

    @media (max-width:575px) {

        #NavMenu_Overview {
            display: none;
        }

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

        .iti-bannerLogo img {
            max-width: 299px;
            object-fit: scale-down;
            height: 137px !important;
            position: relative;
            top: -22px;
        }
    }

    .extendeddailyusageEstimatedPattern { 
    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 #2C98F0;
        color: #2C98F0;
        font-weight: 700
}

.login__block__header h3 {
    margin-top: -30px
}
iti-publicmoverequest-page #BackButton {
    display: none;
}

iti-publicmoverequest-page #iti-button-secondary {
    display: none;
}