@import url('https://fonts.googleapis.com/css?family=Montserrat:500,700|Open+Sans&display=swap');

.slds-p-bottom_medium{
    text-align: center;
    font-size: 16px;
}

a.ev-link {
    color:#005990;
}

.thank-message h4 {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.form-dealer-register .select-wrapper:after {
    left: unset !important;
}

/* rebate payee styles */
.rebate-fields input, .rebate-fields input.slds-input{
    height: 40px;
    border-radius: 6px;
    border: 1px solid #979797;
    width: 100%;
    max-width: 325px;
    font-size: 14px;
    color: #555;
    font-family: 'Montserrat Regular', 'Montserrat', sans-serif;
    padding-left: 6px;
    background: transparent;
}

.rebate-payee lightning-combobox.slds-form-element {
    width: 165px;
}

.rebate-payee lightning-combobox.slds-form-element:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E114";
    display: block;
    background-color: transparent;
    font-family: "Glyphicons Halflings";
    font-size: 21px;
    position: absolute;
    z-index: 1;
    top: 38px;
    left: 140px;
}

.rebate-payee .slds-col.slds-large-size_1-of-2.form-group:nth-of-type(4) {
    width: 222px;
}
  
.rebate-payee button.slds-combobox__input.slds-input_faux.fix-slds-input_faux.slds-combobox__input-value {
    height: 40px;
    border-radius: 6px;
    border: 1px solid #979797;
    /*width: 100%;
    max-width: 325px;*/
    font-size: 14px;
    color: #555;
    font-family: 'Montserrat Regular', 'Montserrat', sans-serif;
    padding-left: 6px;
    background: transparent;
    line-height: 38px;
}

.slds-scope .slds-has-error .slds-input {
    background-color: #fff !important;
}

.rebate-payee .slds-listbox.slds-listbox_vertical.slds-dropdown.slds-dropdown_fluid.slds-dropdown_left.slds-dropdown_length-with-icon-10 {
    font-size: 14px !important;
}

.rebate-payee [data-label="Payee State"] .slds-listbox__option {
    font-size: 16px !important;
}

.rebate-payee lightning-icon.slds-input__icon.slds-input__icon_right.slds-icon-utility-down.slds-icon_container {
    visibility: hidden;
}

div[id^="hideAchBtn-"] .contact-margin {
    margin-top: 47px;
}

/*span.dealerbold {
    margin-left: 4px;
    font-weight: bold;
}*/
/*.ev-button.pword button {
    padding: 15px 25px;
    margin-right: 1em;
}*/

/* style for save modal */
.modal-cancel b {
  font-size: 20px;
  display: block;
  margin-bottom: -15px;
}

div#auraErrorMessage {
    display: none;
}

.instruction-section {
    max-width: calc(100vh - 100px);
    margin: auto;
    min-height: calc(100vh - 600px);
}


#help-message-19 {
    display: table-caption;
    width: 355px;
}

h1.evh1 {
    font-size: 40px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif !important;
    margin-top: 80px;
    margin-bottom: 56px;
    display: block;
}

.slds-scope .slds-required {
    color:#000;
}

.login-forgot-section {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}

.form-control[disabled] {
    background-color: #d7d7d7 !important;
    opacity: 0.65;
    color: #555555;
}


form.ev-login-form .slds-p-top_large, form.slds-is-relative .slds-p-top_large {
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 15px;
    text-align: center;
}

/* fix for dealer register */
.form-dealer-register .row .col-sm-6:nth-of-type(odd) {	
    padding-right: 40px;
}

form.ev-login-form .slds-p-top_small.ev-body-font {
    text-align:left;
}

.This.application.was.created.by.a.different.user.You.do.not.have.access.to.edit.this {
    font-size: 45px;
}

.ev-box{
    padding: 2rem;
    border-radius: .5rem;
    border: 1px solid #d9dbdd;
}
.ev-header-font{
    font-size: 24px;
}
.ev-body-font{
    font-size: 16px;
}
.ev-input .slds-input{
    font-size: 16px;
    height: 40px;
    /*border-radius: .6rem;*/
}
.ev-input .slds-form-element__label{
    /*color: #000;*/
    font-size: 16px;
    font-weight: 600;
}
.ev-input .slds-form-element__help{
    font-size: 16px;
}
.ev-link{
    font-size: 16px !important;
    text-decoration: none;
}
.ev-link:hover{
    text-decoration: none;
}

/*.slds-form-element__control.slds-grow {
    width: 50%;
}*/


.ev-button button.slds-button.slds-button_brand, .ev-big-button button.slds-button.slds-button_brand, 
.ev-big-button button.slds-button.slds-button_brand:focus, .ev-button button.slds-button.slds-button_brand:focus {
    background: #03527F;
    border: 1px solid #03527F;
    color: #fff;
    border-radius: 6px;
    padding: 10px 0px;
    display: block;
    width: 248px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.ev-big-button button.slds-button.slds-button_brand:hover, .ev-button button.slds-button.slds-button_brand:hover {
    background: #067cc1;
    border: 1px solid #067cc1;
    color: #fff;
    border-radius: 6px;
}

.ev-big-button button.slds-button.slds-button_brand:active, .ev-button button.slds-button.slds-button_brand:active {
    border: 5px solid;
    background: none;
}


.ev-content {
    width: 800px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    padding-top: 100px;
}
.ev-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.ev-nav-pills {
    width: 800px;
}
.ev-nav-item {
    width: 50%;
}
.ev-nav-link {
    display: block;
    padding: .5rem 1rem;
    font-size: 18px !important;
}
.ev-nav-link:focus, .ev-nav-link:hover {
    text-decoration: none !important;
    /*color: #fff !important;*/
}


a.ev-nav-link.ev-register-tab.active {
    border-bottom: unset;
}

.ev-nav-pills .ev-nav-link {
    font-weight: 600;
    padding-top: 13px;
    text-align: center;
    /* border-radius: 20px;*/
    height: 100px;
    background: #fff;
    color: #005990;
}
.ev-nav-pills .ev-nav-link.active {
    background: #f7f7f7;
    color: #555555;
    border: 1px solid #03527F;
    border-top: 6px solid #03527F;
}
.ev-nav-link.active:focus,  .ev-nav-link.active:hover{
    color: #555555 !important;
}

#income-field {
    margin-bottom: 10px;
}
#income-field .hhIncome_msg {
    margin-bottom: 32px;
}

.ev-tab-content {
    position: absolute;
    width: 800px;
    height: auto;
    margin-top: -50px;
    background: #fff;
    color: #000;
    /* border-radius: 20px;*/
    z-index: 1000;
    /*box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);*/
    padding: 25px;
    margin-bottom: 50px;
    font-size: 16px !important;
}
.ev-login-form{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 70px;
}

/* Centering image in comm modal */

.comm-modal-content img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

a.ev-nav-link.ev-register-tab {
    border-top: 1px solid #03527F;
    border-right: 1px solid #03527F;
    height: 50px;
    border-bottom: 1px solid;
}

a.ev-nav-link.ev-login-tab:after {
    content: "";
    width: 400px;
    height: 1px;
    background-color: #03527F;
    display: block;
    position: relative;
    right: 12px;
    top: 7px;
    margin-left: 2px;
}

a.ev-nav-link.ev-login-tab {
    border-top: 1px solid #03527F;
    border-left: 1px solid #03527F;
}

span.logborder {
    display: block;
    width: 402px;
    border-bottom: 1px solid #999999;
    /* padding-top: 2px; */
    position: relative;
    top: -50px;
}

.ev-register-border{
    border: 1px solid #999999;
    border-top: 0;
    border-top-right-radius: 0;
    background: #f7f7f7;
}
.ev-tab-content>.ev-tab-pane {
    display: none;
}
.ev-tab-content>.active {
    display: block;
} 

/* My Dashboard pages */

/* My Dashboard applicant / secondary dealer */
th:nth-child(1) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader] {
    width: 105px;
}


th:nth-child(1) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
    width: 105px; 
}

th:nth-child(2) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader] {
    width: 90px;
    /*margin-left: -44px;*/
}

th:nth-child(2) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
    width: 90px;
    /*margin-left: 7px;*/
}

/*th:nth-child(4) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
    margin-left: -11px;
}

th:nth-child(5) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
    margin-left: 13px;
}*/



/* charger application expanded 

th:nth-child(1) .slds-grid.slds-size_9-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
    width: 105px;
}

th:nth-child(2) .slds-grid.slds-size_9-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
    width: 90px;
}

th:nth-child(3) .slds-grid.slds-size_9-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
    width: 70px;
}*/

/* Charger Info page */
.ev-chargerinfo .modal-content-cancel {
    max-width: 670px !important;
}

/* make model set width */
[aria-label="Make/Model"] {
    width: 280px;
}

/* My Dashboard non individual */
th:nth-child(1) .slds-grid.slds-size_8-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader], th:nth-child(1) .slds-grid.slds-size_8-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
    width: 105px;
}
th:nth-child(2) .slds-grid.slds-size_8-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader], th:nth-child(2) .slds-grid.slds-size_8-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
    width: 90px;
}
th:nth-child(3) .slds-grid.slds-size_8-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader], th:nth-child(3) .slds-grid.slds-size_8-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
    width: 70px;
}   

/* My Dashboard primary dealer */
th:nth-child(1) .slds-grid.slds-size_9-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader], th:nth-child(1) .slds-grid.slds-size_9-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
    width: 105px;
}

th:nth-child(2) .slds-grid.slds-size_9-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader], th:nth-child(2) .slds-grid.slds-size_9-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
    width: 90px;
}

th:nth-child(3) .slds-grid.slds-size_9-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader], th:nth-child(3) .slds-grid.slds-size_9-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
    width: 70px;
}

/* survey page */
/* override for client b */
.B_survey_form .form-field-label-select {
    width: 346px !important;
}
.B_survey_form .identity-checkbox {
    margin-left: 8px !important;
}

.B_survey_form .racial-identity {
    clear: both !important;
}

.B_survey_form label.form-field-label {
    max-width: 350px !important;
}


.B_survey_form label.section-label.info-question {
    margin-left: 13px !important;
    top:unset !important;
}

.B_survey_form .self-gender input, .B_survey_form .self-racial-id input {
    width: 330px !important;
}

.infoPercent input, .infoTotal input.slds-input[disabled] {
    background-image: url("data:image/svg+xml;utf8,<svg aria-hidden='true' focusable='false' data-prefix='far' data-icon='percent' class='svg-inline--fa fa-percent fa-w-12' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='rgb(153, 153, 153)' d='M96 224c53 0 96-43 96-96s-43-96-96-96S0 75 0 128s43 96 96 96zm0-144c26.5 0 48 21.5 48 48s-21.5 48-48 48-48-21.5-48-48 21.5-48 48-48zm192 208c-53 0-96 43-96 96s43 96 96 96 96-43 96-96-43-96-96-96zm0 144c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm93.9-381.2L57.2 475c-2.3 3.1-5.9 5-9.7 5H12c-9.6 0-15.3-10.7-10-18.7L327.2 37c2.3-3.1 5.9-5 9.7-5H372c9.6 0 15.3 10.8 9.9 18.8z'></path></svg>")!important;
    background-repeat: no-repeat!important;
    background-position: 95% 50%!important; 
    background-size: 15px 15px!important;
    opacity: 1; /* EVQA-115 required on iOS */
    -webkit-text-fill-color: #555;
}

/* Removing this EPS-858 */
/*.infoTotal .inline-error.error-block:before {
    display: block;
    width: 210px;
    height: 40px;
    content: '';
    border: 1px solid #CCC;
    background: transparent;
    position: absolute;
    margin-top: -49px;
    border-radius: 7px;
}*/

/* LWC errors for input boxes, drop-downs, radio and checkboxes */

.slds-has-error .slds-input, .slds-has-error .slds-input:focus, .slds-has-error .slds-input:active, .slds-has-error .slds-input_faux, .slds-has-error .slds-input_faux:focus, .slds-has-error .slds-input_faux:active, .slds-has-error .slds-radio_faux, .slds-has-error .slds-radio_faux:focus, .slds-has-error .slds-radio_faux:active, .slds-has-error .slds-checkbox_faux, .slds-has-error .slds-checkbox_faux:focus, .slds-has-error .slds-checkbox_faux:active {
    background-color: #E9EEF3;
    border-color: #ccc !important;
    box-shadow: unset !important;
    background-clip: padding-box;
    outline-width: 0;
    outline: none;
    border-color: #66afe9!important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%)!important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%)!important;
}



/* override for client h */
#evSurveyQuestion .H_survey_form ::placeholder {
    float: right;
    margin-top: 10px;
    color:rgba(202, 202, 202, 1);
}
.H_survey_form .self-racial-id {
    margin-top: 242px;
}

.H_survey_form .sce-input input {
    width: 210px !important;
}

/*.H_survey_form .did-someone-help{
    margin-top: 40px;
}*/

/*.H_survey_form .sce-residence-listed {	
    margin-top: 20px;
}*/

.H_survey_form .apartment, .H_survey_form .residence {
    margin-top: 18px;
}

/* EVP-1184 override for COMED client N */
.N_survey_form {
    padding-bottom: 40px;
}

.N_survey_form label.slds-form-element__label {
    margin-bottom: 5px!important;
}

.N_survey_form .sce-input input {
    width: 100%!important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
}

.N_survey_form button.slds-combobox__input {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    c-ev_survey-question {
        display: flex;
        flex-direction: column;
    }
    
}

.dropdown-content[c-ev_mobileProgressBar_ev_mobileProgressBar] {
    z-index: 20!important;
}

/* Client J Survey EVP-1190 */

.J_survey_form .other-business-type {
    margin-bottom: 0px!important;
}

.J_survey_form div.dynamic-data-form div.sector:last-of-type {
    margin-bottom: 30px!important;
}
.J_survey_form .sce-input input {
    width: 100% !important;
}

/* Client B Survey*/
/* .B_survey_form {} */



/* SCE-53 MARKET survey fix */
div#evSurveyQuestion.slds-scope .slds-input_faux {
    line-height: 40px!important;
    border-color: rgb(153,153,153,1);
    border-radius: 6px;
}
div#evSurveyQuestion.slds-scope .slds-form-element__control {
    max-width: 335px;
}

/* vehicle info page */
.evproduct .slds-scope:not(html), .slds-scope body {
    font-size: 16px;
    background: transparent;
}

.evproduct .slds-scope .slds-input{
    height: 35px; 
}

.evproduct span.slds-icon_container.slds-icon-utility-search.slds-input__icon.slds-input__icon_right {
    top: 15px;
}

.yes-left { padding-left: 15px; }
.no-right { padding-right: 30px; }
.ev-slds-spinner-msg {
    position: absolute;
    top: 50%;
    left: 51%;
    margin-top: -1.5rem;
}
.ev-slds-spinner_container {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9050;
    background-color: hsla(0,0%,100%,.75);
    visibility: visible;
    opacity: 1;
    transition: opacity .2s ease,visibility 0s;
    transition-delay: 0s,.3s;
}
.ev-slds-spinner_small {
    width: 1rem;
}
.ev-slds-spinner_medium {
    width: 2rem;
}
.ev-slds-spinner, .ev-slds-spinner__dot-a, .ev-slds-spinner__dot-b {
    transform-origin: 50% 50%;
    will-change: transform;
}
.ev-slds-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9051;
    transform: translate(-50%,-50%) rotate(90deg);
}
.ev-slds-spinner:before {
    animation-delay: -83.33333ms;
}
.ev-slds-spinner:after {
    animation-delay: .41666667s;
}        
.ev-slds-spinner_medium.ev-slds-spinner:before, 
.ev-slds-spinner_medium .ev-slds-spinner__dot-a:before, 
.ev-slds-spinner_medium .ev-slds-spinner__dot-b:before {
    animation-name: dotsBounceBefore-medium;
    top: -.25rem;
    left: -.25rem;
}
.ev-slds-spinner_medium.ev-slds-spinner:after, 
.ev-slds-spinner_medium .ev-slds-spinner__dot-a:after, 
.ev-slds-spinner_medium .ev-slds-spinner__dot-b:after {
    animation-name: dotsBounceAfter-medium;
    top: -.25rem;
    right: -.25rem;
}
.ev-slds-spinner_medium.ev-slds-spinner:after, .ev-slds-spinner_medium.ev-slds-spinner:before, 
.ev-slds-spinner_medium .ev-slds-spinner__dot-a:after, .ev-slds-spinner_medium .ev-slds-spinner__dot-a:before, 
.ev-slds-spinner_medium .ev-slds-spinner__dot-b:after, .ev-slds-spinner_medium .ev-slds-spinner__dot-b:before{
    width: .5rem;
    height: .5rem;
}
.ev-slds-spinner__dot-a {
    transform: rotate(60deg);
}
.ev-slds-spinner__dot-b {
    transform: rotate(120deg);
}
.ev-slds-spinner__dot-a, .ev-slds-spinner__dot-b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.ev-slds-spinner__dot-a:before {
    animation-delay: 83.33333ms;
}
.ev-slds-spinner__dot-a:after {
    animation-delay: 583.33333ms;
}
.ev-slds-spinner__dot-b:before {
    animation-delay: .25s;
}
.ev-slds-spinner__dot-b:after {
    animation-delay: .75s;
}
.ev-slds-spinner:after, .ev-slds-spinner:before, 
.ev-slds-spinner__dot-a:after, .ev-slds-spinner__dot-a:before, 
.ev-slds-spinner__dot-b:after, .ev-slds-spinner__dot-b:before {
    content: "";
    position: absolute;
    background: #666666;
    border-radius: 50%;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    transform: translateZ(0);
}
@keyframes dotsBounceBefore-medium {
    0%{transform:translateZ(0)}
    60%{transform:translateZ(0);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}
    80%{transform:translate3d(-.5rem,0,0);animation-timing-function:cubic-bezier(0,1.11,.7,1.43)}
    to{transform:translateZ(0)}
}
@keyframes dotsBounceAfter-medium {
    0%{transform:translateZ(0)}
    60%{transform:translateZ(0);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}
    80%{transform:translate3d(.5rem,0,0);animation-timing-function:cubic-bezier(0,1.11,.7,1.43)}
    to{transform:translateX(0)}
}

@media screen and (min-width: 481px) and (max-width: 768px){
    a.ev-nav-link.ev-login-tab:after{
        top: 2px;
        width: 224px;
    }

    a.ev-nav-link.ev-register-tab{
        height: 40px!important;
    }

    a.ev-nav-link.ev-register-tab.active{
        height: 43px!important;
    }

    .ev-nav-pills {
        width: 450px;
    }
    .ev-nav-link {
        font-weight: 500;
        font-size: 14px !important;
    }
    .ev-nav-pills .ev-nav-link {
        padding-top: 8px;
        /* border-radius: 20px;*/
        height: 80px;
    }
    .ev-content {
        width: 450px;
    }
    .ev-tab-content {
        width: 450px;
        margin-top: -40px;
        /* box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.4);*/
        padding: 20px;
        margin-bottom: 40px;
        font-size: 12px !important;
    }
    .ev-login-form{
        width: 100%;
    }
    .ev-login-border.ev-tab-content:after {
        right: 225px;
    }
    .ev-register-border.ev-tab-content:after {
        left: 225px;
    }
  
}

@media screen and (max-width: 768px){

    .rebate-payee lightning-combobox.slds-form-element:after {
        left: 300px;
    }

    .rebate-payee lightning-combobox.slds-form-element {
        width: 324px;
    }

    /* survey mobile fix */
    .H_survey_form .did-someone-help{
        margin-top: unset;
    }
    
    .H_survey_form .sce-residence-listed {	
        margin-top: unset;
    }
    
    .evuser-account .username {
        max-width: 24vw !important;
    }

    /* make model set width */
        [aria-label="Make/Model"] {
            width:unset;
        }

     /* Mobile dash table layout */

     th:nth-child(2) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
        width: auto;
        margin-left: 7px;
        margin-right: -17px;
    }

    .B_survey_form .slds-float_left.slds-size--1-of-2.self-racial-id {
        margin-top: unset;
    }

    .B_survey_form label.section-label.info-question {
        top: 15px;
    }

    .B_survey_form label.form-field-label {
        max-width: 300px !important;
    }

    th:nth-child(1) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader] {
        width: 100% !important;
        margin-right: 14px;
        margin-left: -10px;
        max-width: 60px;
    }

    th:nth-child(2) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader] {
        width: auto;
        margin-left: 10px;
        margin-right: 0px;
    }

    th:nth-child(3) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader] {
        width: auto;
        margin-left: 10px;
        margin-right: 0px;
    }

    .dropdown-content.dropList2 {
        left: 91px;
    }

    .dropdown-content.dropList1 {
        left: 94px;
    }

    svg.ionicon.svg-style1.svgIcon1 {
        left: 1px;
        position: relative;
    }

    svg.ionicon.svg-style1.svgIcon2 {
        left: 1px;
        position: relative;
    }

    /* end mobile dash layout */ 

}

@media screen and (max-width: 480px){
    /*.ev-button .slds-button {
        font-size: 16px;
        padding: 15px 45px;
    }*/
    

    th:nth-child(3) .slds-grid.slds-size_9-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader], th:nth-child(2) .slds-grid.slds-size_9-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader] {
        padding-left: 3px;
    }

    .slds-align_absolute-center.login-create a {
        text-align: center;
    }

    a.ev-nav-link.ev-login-tab:after{
        top: 2px;
        width: 175px;
    }

    a.ev-nav-link.ev-register-tab{
        height: 40px!important;
    }

    a.ev-nav-link.ev-register-tab.active{
        height: 43px!important;
    }

    .lbuttonmobile {
        margin-top: 30px;
    }
   
    .ev-nav-pills {
        width: 350px;
    }
    .ev-nav-link {
        font-weight: 500;
        font-size: 14px !important;
    }
    .ev-nav-pills .ev-nav-link {
        padding-top: 8px;
        /*border-radius: 20px;*/
        height: 80px;
    }
    .ev-content {
        width: 350px;
        padding-top: 50px;
    }
    .ev-tab-content {
        width: 350px;
        margin-top: -40px;
        /* box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);*/
        padding: 15px;
        margin-bottom: 40px;
        font-size: 12px !important;
    }
    /*.ev-login-form{
        width: 100%;
    }*/
    .ev-login-border.ev-tab-content:after {
        right: 175px;
    }
    .ev-register-border.ev-tab-content:after {
        left: 175px;
    }

    th:nth-child(1) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
        width: auto;
    }

    th:nth-child(3) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
        width: auto;
        margin-left: 10px;
        margin-right: 0px;
    }

    /* Mobile dash table layout */

    th:nth-child(1) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader] {
        width: 100% !important;
        margin-right: 14px;
        margin-left: -10px;
        max-width: 60px;
    }

    th:nth-child(2) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader] {
        width: auto;
        margin-left: 10px;
        margin-right: 0px;
    }

    th:nth-child(3) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader] {
        width: auto;
        margin-left: 10px;
        margin-right: 0px;
    }

    .dropdown-content.dropList2 {
        left: -13px;  
    }

    .dropdown-content.dropList1 {
        left: -12px;
    }

    svg.ionicon.svg-style1.svgIcon1[c-ev_dashboardTableHeader_ev_dashboardTableHeader] {
        left: 1px;
        position: relative;
    }

    svg.ionicon.svg-style1.svgIcon1[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
        left: 1px;
        position: relative;
    }

    svg.ionicon.svg-style1.svgIcon2 {
        left: 1px;
        position: relative;
    }

    /* end mobile dash layout */ 
  
}

@media only screen and (max-width: 375px) {
    th:nth-child(1) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader] {
        width: 100% !important;
        margin-right: 32px;
        margin-left: -1px;
        max-width: 40px;
    }

    th:nth-child(1) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
        width: 100% !important;
        margin-right: 32px;
        margin-left: -1px;
        max-width: 40px;
    }

    th:nth-child(2) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader] {
        width: auto;
        margin-left: 22px;
        margin-right: -20px;
    }

    th:nth-child(2) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
        width: auto;
        margin-left: 22px;
        margin-right: -20px;
    }

    th:nth-child(3) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardTableHeader_ev_dashboardTableHeader] {
        width: auto;
        margin-left: 22px;
        margin-right: -12px;
    }

    th:nth-child(3) .slds-grid.slds-size_7-of-12.slds-grid_vertical[c-ev_dashboardchargerheader_ev_dashboardchargerheader] {
        width: auto;
        margin-left: 22px;
        margin-right: -12px;
    }

    /* .dropdown-content.dropList2 {
        left: -27px;
    }

    .dropdown-content.dropList1 {
        left: -35px;
    } */

    svg.ionicon.svg-style1.svgIcon1 {
        left: 1px;
        position: relative;
    }

    svg.ionicon.svg-style1.svgIcon2 {
        left: 1px;
        position: relative;
    }

    
}

@media only screen and (max-width: 360px) {
    svg.ionicon.svg-style1.svgIcon2 {
        left: 0px;
        position: relative;
    }

}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Landscape */
@media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 667px) 
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape) { 
    /* .dropdown-content.dropList2 {
        left: 66px; 
    }

    .dropdown-content.dropList1 {
        left: 68px;
    } */
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Landscape */
@media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 736px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: landscape) { 
    /* dropdown-content.dropList2 {
        left: 66px; 
    }

    .dropdown-content.dropList1 {
        left: 86px;
    }*/
}


/* ----------- iPhone X ----------- */

/* Landscape */
@media only screen 
    and (min-device-width: 375px) 
    and (max-device-width: 812px) 
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: landscape) { 
    /* .dropdown-content.dropList2 {
        left: 76px;
    }

    .dropdown-content.dropList1 {
        left: 76px;
    } */
}

/* ----------- iPhone 12 ----------- */
@media only screen and (min-width: 390px) and (orientation: portrait) { 
    /* .dropdown-content.dropList2 {
        left: -22px;
    }

    .dropdown-content.dropList1 {
        left: -20px;
    }*/
    
}

 @media only screen and (min-width: 844px) and (orientation: landscape) { 
   /* .dropdown-content.dropList2 {
        left: -20px;
    }

    .dropdown-content.dropList1 {
        left: -19px;
    } */
}

/* ----------- iPhone 11 ----------- */
@media only screen 
    and (device-width: 414px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
        /* .dropdown-content.dropList2 {
            left: -14px;
        }
    
        .dropdown-content.dropList1 {
            left: -14px;
        }*/
    }
    /* and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) { } */

    @media only screen 
    and (device-width: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
        /* .dropdown-content.dropList2 {
            left: -14px;
        }
    
        .dropdown-content.dropList1 {
            left: -14px;
        } */
    }

/* ----------- iPhone 11 pro max ----------- */

    @media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 3) {
    /* .dropdown-content.dropList2 {
            left: -14px;
        }
    
        .dropdown-content.dropList1 {
            left: -14px;
        }*/
    }


/* galaxy s 9 */

@media only screen and (min-device-width: 360px) and (orientation: portrait) { 
    /* .dropdown-content.dropList2 {
        left: -14px;
    }

    .dropdown-content.dropList1 {
        left: -14px;
    } */
    
}

/* Vehicle order on Doc Upload page */
#docUploadDiv .row.fleet-order {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* EVPU-253 remove icon required fields on errors */

.slds-has-error .slds-input-has-icon_left .slds-input__icon {
    fill: transparent!important;
    display: none!important;
}

.slds-has-error .slds-input-has-icon_left input.slds-input{
    padding-left: 0.75rem!important;
}

/* EVPU-258 overwrite SF Editor banner message styles */

.dashboard-top-box .slds-rich-text-editor__output  {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 28px !important;
}