/*
    CSS file exclusively used for MyVero customer site
*/
:root {
    --bg-midgrey: #939597;
    --slds-c-button-brand-color-background: #FF0000;
    --slds-c-button-neutral-color-background:rgba(82, 80, 80, 0.806);
    --slds-c-button-neutral-color-background-hover: var(--bg-midgrey);
}

.slds-button_neutral {     
    --slds-g-color-accent-container-1: #FFFFFF;
}

.policy-page-risk-info{
    background: #dbdcde;
}

.via-slds .slds-button--brand, .via-slds .slds-button_brand {
    border-color: var(--slds-c-button-color-border) !important;
    background-color: var(--slds-c-button-color-background) !important;
}

.via-slds .slds-button--brand:focus, .via-slds .slds-button--brand:hover, .via-slds .slds-button_brand:focus, .via-slds .slds-button_brand:hover {
    background-color: var(--slds-c-button-color-border) !important;
    border-color:var(--slds-c-button-color-background) !important;;
    color: #fff !important;
}


/* Override the button style so that the hover is red - we use this on the login back button*/
.vlocity-btn.via-slds.slds-button.slds-button_neutral .btnLabel {
    color: #fff !important;
}
.vlocity-btn.via-slds.slds-button.slds-button_neutral:hover {
    background-color: var(--bg-midgrey) !important;
    text-decoration: none !important;
}
.vlocity-btn.via-slds.slds-button.slds-button_neutral:hover .btnLabel {
    color: #FF0000 !important;
}



.hyperlink-button button{
    background: none !important; 
    border: none !important;
    color: #000000 !important; 
    font-size: var(--slds-g-font-scale-2, 16px) !important;
    font-weight: var(--slds-g-font-weight-bold, bold) !important;
    text-decoration: none !important;
    cursor: pointer !important; 
    padding: 5px 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
}

.hyperlink-button button:hover button:active {
    background: none !important;
    color: #000000 !important;
    text-decoration: none !important;
}

.policy-card {
    position: relative  !important;
    border: var(--slds-g-sizing-border-1, 1px) solid #dddbda  !important;
    border-radius: var(--slds-g-radius-border-2, 8px)  !important;
    background-clip: padding-box  !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1) !important;
}

.policy-card .slds-button:focus {
    box-shadow: unset !important;
}

.slds-tabs_default__content{
    padding-top: 10px !important;
}

.slds-spinner--brand.slds-spinner:after, .slds-spinner--brand.slds-spinner:before, .slds-spinner--brand .slds-spinner__dot-a:after, .slds-spinner--brand .slds-spinner__dot-a:before, .slds-spinner--brand .slds-spinner__dot-b:after, .slds-spinner--brand .slds-spinner__dot-b:before, .slds-spinner_brand.slds-spinner:after, .slds-spinner_brand.slds-spinner:before, .slds-spinner_brand .slds-spinner__dot-a:after, .slds-spinner_brand .slds-spinner__dot-a:before, .slds-spinner_brand .slds-spinner__dot-b:after, .slds-spinner_brand .slds-spinner__dot-b:before {
    background-color: #FF0000 !important;
}

.coc-card{
    border-radius: 1px  !important;
    border: var(--slds-g-sizing-border-1, 1px) solid rgb(208, 208, 208);
}

.omniscript-body
  [data-omni-key="DateOfBirth"]:not(.slds-hide)
  input::placeholder {
  color: #b3b3b3 !important;
}

.slds-text-selected-focus{
    text-align: left;
}

.slds-text-selected{
     text-align: left;
}

.slds-text-not-selected{
    text-align: left;
}

.slds-tabs_default__nav{
    width:200%
}

/* Only visible on larger screens */
@media screen and (min-width: 767px) {
    .claim-button{
        padding-right: var(--slds-g-spacing-6, var(--lwc-spacingXLarge, 2rem));
        text-align:right;
    }
}

/* Only visible on tablet-sized screens */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .claim-button{
        padding-right: var(--slds-g-spacing-6, var(--lwc-spacingXLarge, 2rem));
        text-align:right;
    }
}

/* Only visible mobile devices */
@media screen and (max-width: 767px) {
    .claim-button{
        text-align:center;
        padding: var(--slds-g-spacing-4, var(--lwc-spacingMedium, 0.5rem)) 0 var(--slds-g-spacing-4, var(--lwc-spacingMedium, 0.5rem)) 0;
    }
}

/* Only visible mobile devices */
@media screen and (max-width: 767px) {
    .claim-button{
        text-align:center;
        padding: var(--slds-g-spacing-4, var(--lwc-spacingMedium, 0.5rem)) 0 var(--slds-g-spacing-4, var(--lwc-spacingMedium, 0.5rem)) 0;
    }
    .cover-type-space{
        display:none;
    }
    .make-payment-button{
        text-align:center;
    }
}

.assistance-phone-number {
  font-weight: var(--slds-g-font-weight-bold, bold) !important;
  text-decoration: underline !important;
  color: #FF0000 !important;
}

.hyperlink-text {
  text-decoration: underline !important;
  color: #FF0000 !important;
}

.hyperlink-text-minus-underline {
  color: #FF0000 !important;
}

.login-header {
    margin-bottom:  2em;
    padding-bottom: 2em;;
}

.login-footer {
    font-size: var(--slds-g-font-scale-neg-2, 10px);
    margin-top: 1em;
    padding-top: 1em;
}

.terms-and-conditions {
    color: #e03e2d;
    text-decoration: underline;
}