/*------------------------------------------------------------------------------------------------*/
/*                                        Customer Portal                                         */
/*------------------------------------------------------------------------------------------------*/

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
[contenteditable="true"]:focus, 
input[type="one-time-code"]:focus {
    outline: 1px solid var(--reseller-green) !important;
}

.error {
    border: 2px solid red !important;
}


.sidebar {
    background-color: var(--reseller-green);
}

.sidebar .brand {
    background-image: url('../images/login.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
    margin-top: 20px;
}

.sidebar .menu {
    top:150px;
    background-color: var(--reseller-green);
    bottom: 75px;
    overflow:hidden;
}


.sidebar .menu li a {
    color: #fff;
}


.sidebar .menu li:hover {
    background-color: var(--reseller-gray);
}

.sidebar .footer {
    height: 65px;
}

.page .header .title {
    color: var(--reseller-green);
}

.location-icon {
    color: var(--reseller-green);
}


.ul-icon {
    color: var(--reseller-green);
}


.page-child h1 {
    font-size:18px;
}
.page-child h2 {
    font-size:14px;
}

.gauge .meter {
    border: 1px solid #f0f0f0;
}
.gauge .meter .filling {
    background-color:  var(--reseller-green);
}
.gauge .meter .shaped {
    background-color:  yellow;
}

.gauge .meter .expired {
    background-color: red
}



/* global style overrides */

.banner .warning {
    background-color: orange;
}

.banner .warning .mt {
    color: black;
} 

.banner .critical {
    background-color: red;
}

.banner .critical .mt {
    color: white;
}    


/* Platform Base Overrides */

.page-header-icon-container {
    border: 2px solid var(--reseller-green);
}

.page-header-icon {
    color: var(--colour-blue);
}

.section-container-row-badge[data-badge]:after {
    background-color: var(--reseller-green);
}


input[type="button"], input[type="submit"] {
    background-color: var(--reseller-gray);
    border-color: #FFF;
    color: #fff;
    border-radius: 3px;
}

/* customer portal overrides */

.step-header-number {
    border-radius: 30px;
    background-color: var(--reseller-green);
    color: #FFF;
}

.step-header-title {
    color: var(--reseller-green);
}