﻿/* VFDE-specific styles and overrides for vfde-main.css */

.hero-image {
    background-image: url('../images/vfde/hero-desktop.jpg')
}

.footer-image {
    width: 20%;
    float: left;
}

.row-footer-images {
    padding-top: 20px;
}
.languageSelect {
    display:none;
}

.infoIcon, .infoIcon:hover, .infoIcon:visited {
    color: inherit;
    text-decoration: none;
    margin-right: -10px;
}

.fa-info {
    color: #fff;
    font-size: 10px;
}

.pop-foot, .pop-foot:hover, .pop-foot:visited {
    margin-right: 0;
}

.bg-image {
    background-image: url(../images/vfde/login-bg.png);
}

.dropdown-toggle.chevron::before, .dropdown-toggle.chevron::after {
    background-image: url(../images/vfde/chevron_down.png);
}

.dropup .dropdown-toggle.chevron::before, .dropup .dropdown-toggle.chevron::after {
    background-image: url(../images/vfde/chevron_down.png);
}

.dropright .dropdown-toggle.chevron::before, .dropright .dropdown-toggle.chevron::after {
    background-image: url(../images/vfde/chevron_down.png);
}

.dropleft .dropdown-toggle.chevron::before, .dropleft .dropdown-toggle.chevron::after {
    background-image: url(../images/vfde/chevron_down.png);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(../images/vfde/check-white.png);
}

@media only screen and (max-width: 991px) {
    .navbar-light .navbar-toggler.collapsed .navbar-toggler-icon {
        background-image: url(../images/vfde/mob-menu.png);
    }

    .navbar-light .navbar-toggler .navbar-toggler-icon {
        background-image: url(../images/vfde/hamburger-close.png);
    }

    .nav-logo-left {
        width: 32px;
        height: 32px;
    }
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

    .alert-success hr {
        border-top-color: #b1dfbb;
    }

    .alert-success .alert-link {
        color: #0b2e13;
    }

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

    .alert-info hr {
        border-top-color: #abdde5;
    }

    .alert-info .alert-link {
        color: #062c33;
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

    .alert-warning hr {
        border-top-color: #ffe8a1;
    }

    .alert-warning .alert-link {
        color: #533f03;
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

    .alert-danger hr {
        border-top-color: #f1b0b7;
    }

    .alert-danger .alert-link {
        color: #491217;
    }

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

    .alert-light hr {
        border-top-color: #ececf6;
    }

    .alert-light .alert-link {
        color: #686868;
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

    .alert-dark hr {
        border-top-color: #b9bbbe;
    }

    .alert-dark .alert-link {
        color: #040505;
    }

.custom-file .custom-file-input ~ .custom-file-label::after {
    background-image: url(../images/vfde/upload.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
}


.custom-file .custom-file-label::after {
    top: -2px;
    right: -2px;
}

.datepicker table tr th.next, .datepicker table tr th.next:hover {
    background-image: url(../images/vfde/right.png);
}


.datepicker table tr th.prev, .datepicker table tr th.prev:hover {
    background-image: url(../images/vfde/left.png);
}

.datepicker-switch {
    text-align: centre;
}

.datepicker table td, .datepicker table th {
    text-align: center;
}

.table-in-card h5 {
    white-space: normal;
}

/* Status color for Claim Status Codes */
.AU_status, .SE_status, .FI_status, .IW_status {
    color: green;
}
/*Authorised, Settled, Final, In Warranty*/
.NO_status, .RF_status, .UI_status, .AI_status {
    color: Orange;
}
/*Notified, Referred, Under Investigation, Awaitig Information */
.RJ_status, .NC_status, .CW_status, .AB_status {
    color: grey;
}
/*Rejected, No Claim, Client Withdrew, Abandoned */

/* Status color for policy Status Codes */
.LI_policystatus {
    color: green;
}
/* Live */
.NE_policystatus, .SU_policystatus, .SPE_policystatus, .RF_policystatus {
    color: Orange;
}
/*New, Suspended, Excess Suspended, Referred */
.LA_policystatus, .CA_policystatus, .IN_policystatus, .DE_policystatus, .RE_policystatus {
    color: red;
}

p a, p a:visited, .card-accordion a, .card-accordion a:visited {
    color: #007bff
}

    p a:hover, .card-accordion a:hover {
        color: #007bff;
        text-decoration: underline;
    }

.opacityBlinker {
    animation: opacityBlinkerKeyframes 1s linear infinite;
    color: #e60000;
}

@media (min-width: 992px) {
    .nav-logo-left {
        width: 48px;
        height: 48px;
    }
}

.logo_mobile_r {
    display: none !important;
}

.nav-logo-right {
    display: none;
}

.chat-left .chat-icon {
    background-image: url(../images/vfde/left-chat-icon.png);
    background-size: 38px;
    width: 38px;
    height: 38px;
}

.radio-button-list {
    text-align: left;
}

.register-dropdown {
    background-image: none;
    background-repeat: no-repeat;
}

.custom-file .custom-file-input:lang(es) ~ .custom-file-label::after {
    background-image: url(../images/vfde/upload.png);
}

.custom-file .custom-file-label::after {
    top: -2px;
    right: -2px;
}

#easy-steps-container h3 {
    color: #212529 !important;
}

.alert a.text-dark {
    text-decoration: underline;
}

.btn-primary, a.btn-primary:visited {
    color: #fff !important;
}

.btn:hover {
    text-decoration: none !important;
}

.bg-primary {
    background-color: #e60000 !important;
}

.date-input-sm {
    min-height: 30px;
    min-width: 200px
}

.time-input {
    /*    min-height: 30px;
    min-width: 200px*/
}

a.btn-secondary {
    color: #fff;
}

    a.btn-secondary:hover {
        color: #fff;
    }

td.today.day.active {
    color: #fff;
}

.custom-file .custom-file-label {
    padding: 10px 12px;
    line-height: 2;
    overflow: hidden;
}

.policystatus {
    text-align: right;
}

.faq-info-icon {
    height: 40px;
}

.optionally-hideable {
    display: none;
}

@keyframes opacityBlinkerKeyframes {
    50% {
        opacity: 0;
    }
}

@font-face {
    font-family: "VodafoneLtRegular";
    src: url(../fonts/vodafone_lt_w.eot);
    src: url(../fonts/vodafone_lt_w.eot?#iefix) format("embedded-opentype"), url(../fonts/vodafone_lt_w.woff) format("woff"), url(../fonts/vodafone_lt_w.ttf) format("truetype"), url(../fonts/vodafonelt-webfont.svg#VodafoneLtRegular) format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "VodafoneRegularBold";
    src: url(../fonts/VodafoneRg_Bd.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}
