html {
    -webkit-font-smoothing: antialiased;
    background-color: #f0f0f0;
    background: #f0f0f0 url(/vp_pages/themes/mitsubishi/assets/images/noise-bg.png) repeat;
}

body {
    background-color: #fff;
    font-size: 16px;
    color: #656565;
    font-family: Arial, sans-serif;
}

h1, h2, h3, h4, strong {
    text-transform: uppercase;
}

h1, h2, h3 {
    font-size: 1.25em;
    font-weight: 700;
}

.small-title {
    margin-top: 0;
}

a {
    text-decoration: none;
    color: #08c;
}

a:hover, a:focus {
    text-decoration: none;
    color: #1b40d0;
}

.col-left {
    width: 48%;
    float: left;
}

.col-right {
    width: 48%;
    float: right;
}

.col-left--56 {
    width: 56%;
    float: left;
}

.col-right--40 {
    width: 40%;
    float: right;
}

.constraint {
    max-width: 62em;
    width: 90%;
    margin: 0 auto;
}

.constraint-2 {
    max-width: 57em;
    width: 90%;
    margin: 0 auto;
}

.header {
    background-color: #fff;
    width: 100%;
    padding: 1em 0;
    border-bottom: 1px solid #d2d2d2;
}

.header__logo {
    display: block;
    max-width: 5.475em;
    width: 100%;
}

.stage-outer {
    background: #fff url(/vp_pages/themes/mitsubishi/assets/images/grey-mist-bg.png) repeat scroll 0% 0%;
}

.stage {
    background-color: #eee;
    padding: 2em 0 1em;
    border-bottom: 1px solid #d2d2d2;
}

.customer-intro {
    text-align: center;
    margin: 1em 0;
}

.customer-title {
    margin: 0 0 0.3em;
    color: #3d3d3d;
    font-size: 2.5em;
    word-break: break-word;
}

.customer-message {
    font-size: 1em;
    font-weight: 400;
}

.video-container {
    margin: 3em 0 2em;
}

.details-table {
    border-width: 0;
    font-size: 1em;
}

.details-table tr, .details-table tr:nth-of-type(even) {
    background: transparent;
}

.details-table td {
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    padding: 0.5em 0;
}

.details-table tbody tr:last-child td {
    border: none;
 }

.details-table__title {
    white-space: nowrap;
    width: 30%;
}

.details-table__detail {
    text-align: right;
}

.cta--primary, .approve, .evhc-cta, #js-document-verification_unlock__btn {
    background-color: #006dcc;
    background-image: linear-gradient(to bottom, #08c, #04c);
    padding: 0.5em 0.8em;
    margin-bottom: 0.8em;
    border-bottom: 0;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 600;
    color: #fff;
}

.cta--primary:hover, .cta--primary:focus, .approve:hover, .approve:focus, .evhc-cta:hover, .evhc-cta:focus,
#js-document-verification_unlock__btn:hover, #js-document-verification_unlock__btn:focus {
    border-bottom: 0;
    transition: background-position .1s linear;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(255,255,255,.5);
    color: #fff;
}

#js-document-verification_unlock__btn {
    display: inline-block;
}

.photo-gallery {
    margin: 2em 0;
    text-align: center;
}

.box, .evhc-approval-form {
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 4px;
}

.footer {
    width: 100%;
    padding: 2em 0;
    margin: 0;
    background-color: #f0f0f0;
    background: #f0f0f0 url(/vp_pages/themes/mitsubishi/assets/images/noise-bg.png) repeat;
    border-top: 1px solid #fff;
    color: #222;
}

.footer p {
    font-size: 0.825em;
    color: #656565;
}

.footer-content__left {
    margin: 0 8em 0 0;
}

.footer-content__right {
    margin: 0 0 0 8em;
}

.footer-underline {
	font-size: 1em;
}

.footer__legal {
    margin: 2em 0;
}

.social {
    text-align: left;
}

.social-container {
    background-color: rgba(255,255,255,0.5);
    padding: 0.625em;
    text-align: center;
}

.social a {
    font-size: 8px;
}

.social a:not(:last-child) {
    margin-right: 1.5em;
}

.social a .icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.ion-social-facebook {
    background-color: transparent;
    border: 1px solid #305891;
    color: #305891;
}

.ion-social-twitter {
    background-color: transparent;
    border: 1px solid #2ca8d2;
    color: #2ca8d2;
}

.ion-email {
    background-color: transparent;
    border: 1px solid #222;
    color: #222;
}


/* ==========================================================================
   eVHC
   ========================================================================== */
.evhc-report-container {
    margin: 1em 0;
}

.evhc-summary {
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 4px;
    margin: 0;
    padding: 1.5em;
}

.evhc-summary .flex-container {
    flex-direction: row;
}

.evhc-summary .flex-section {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-start;
}

.evhc-summary .flex--end {
    justify-content: flex-end;
}

.evhc-summary p {
    padding-bottom: 0;
}

.evhc-summary-text--red {
    color: #08c;
}

.evhc-summary .cta--primary {
    margin-bottom: 0;
}

.evhc-summary .flex--end {
    justify-content: flex-end;
}

td {
	border-color: #e4e4e4;
}

.evhc-table {
	background: #fff;
	border-color: #e4e4e4;
}

.evhc-title {
    margin-bottom: 0.5em;
}

th, .evhc-table__head, .evhc-table__total, .confirmation-dialog .ui-dialog-titlebar {
	background: #034aa0;
	border: 1px solid #034aa0;
	color: #fff;
}

.evhc-table__cat td {
	background: #e4e4e4;
	border: 1px solid #e4e4e4;
}

.evhc-table__total .evhc-table__cat-icon {
	color: #fff;
}

.button-group a {
    color: #333;
    text-decoration: underline;
}

.button-group a:hover, .button-group a:hover {
    color: #c0392b;
    text-decoration: underline;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */
   
@media screen and (min-width: 53em) {
    .desktop-hide {
        display: none;
    }

    .footer-underline {
        padding-bottom: 0.8em;
        border-bottom: 1px dotted #ccc;
    }
}

@media screen and (max-width: 53em) {
    body {
        font-size: 14px;
    }

    .col-left, .col-right, .col-left--56, .col-right--40 {
        width: 100%;
        float: none;
    }

    .header__logo {
        max-width: 2.8em;
        width: 100%;
    }

    .details-table {
        margin: 1.5em 0 1em;
    }

    .cta-button-block {
        padding-top: 1.3em;
    }

    .cta--primary {
        display: block;
    }

    .cta--primary, .approve, .evhc-cta {
        font-size: 1em;
    }

    .booking-cta-container {
        margin: 0;
    }

    .mobile-hide {
        display: none;
    }

    .social {
        text-align: center;
        padding-top: 1.2em;
    }

    .footer-content__left, .footer-content__right {
        margin: 0;
        text-align: center;
    }

    .evhc-summary .flex-container {
        flex-direction: column;
    }

    .evhc-summary .flex-section, .evhc-summary .flex--end {
        justify-content: center;
    }

    .evhc-summary p {
        padding-bottom: 1em;
    }
}

@media screen and (max-width: 63.75em) {
    #cookieConsent .col-left, #cookieConsent .col-right {
        width: 100%;
        float: none;
    }

    #cookieConsent a.cookieConsentOK {
        float: none;
        margin: 10px 0 0 0;
    }
}

.confirmation-dialog.confirmation-dialog .ui-dialog-titlebar, .confirmation-dialog.confirmation-dialog .ui-dialog-title {
    color: #333;
}