/****************************************************************************/
/** Module Reservation 2 ****************************************************/
/****************************************************************************/

@media screen,print {
    .ModuleReservation2Container { background-color: #FCFCFC; border: 3px solid #FCFCFC; }

        .ModuleReservation2Container .MR2PaymentTypeMarkups { text-align: right; }
    .ModulePaymentCrediCardContainer { margin: 10px; }
        .ModulePaymentCrediCardContainer .CCMandatory { display: inline-block; }
        .ModulePaymentCrediCardContainer .CCMandatoryText { font-size: 11px; color: #8C4600; }
        .ModulePaymentCrediCardContainer .MPCCTitle { color: #8C4600; font-size: 20px; font-weight: bold; }
        .ModulePaymentCrediCardContainer .MPCCSubTitle { color: #8C4600; font-size: 14px; font-weight: bold; }
        .ModulePaymentCrediCardContainer .MPCCSpacer { height: 30px; }
        .ModulePaymentCrediCardContainer .MPCCPButtons { margin: 10px 3px; text-align: right; }
        .ModulePaymentCrediCardContainer .MPCC td { padding: 5px 10px; }
        .ModulePaymentCrediCardContainer .MPCCError { }
        .ModulePaymentCrediCardContainer .MPCCLabel, .ModulePaymentCrediCardContainer .MPCCLabel label { white-space: nowrap; /*color: #8C4600;*/ font-weight: bold; }
            .ModulePaymentCrediCardContainer .MPCCLabel label { white-space: nowrap; /* color: #8C4600; */ font-weight: bold; display: inline-block; }
        .ModulePaymentCrediCardContainer .MPCCDateSpacer { height: 34px; display: table-cell; padding: 0; vertical-align: middle; }
}

@media screen {
    .ModulePaymentCrediCardContainer .MPCCCard { background-image: url('images/any/card_logos.png'); width: 51px; height: 32px; display: inline-block; margin: 0 2px; }
    .ModulePaymentCrediCardContainer .visa { background-position: 0 0; }
    .ModulePaymentCrediCardContainer .visa_electron { background-position: 204px 0; }
    .ModulePaymentCrediCardContainer .mastercard { background-position: 153px 0; }
    .ModulePaymentCrediCardContainer .maestro { background-position: 102px 0; }
    .ModulePaymentCrediCardContainer .discover { background-position: 51px 0; }
    .ModulePaymentCrediCardContainer .visa.off { background-position: 0 32px; }
    .ModulePaymentCrediCardContainer .visa_electron.off { background-position: 204px 32px; }
    .ModulePaymentCrediCardContainer .mastercard.off { background-position: 153px 32px; }
    .ModulePaymentCrediCardContainer .maestro.off { background-position: 102px 32px; }
    .ModulePaymentCrediCardContainer .discover.off { background-position: 51px 32px; }
    .ModulePaymentCrediCardContainer .MPCCValid { background: url('images/any/success.png') right center no-repeat; }
    .ModulePaymentCrediCardContainer .MPCCText { }
    .ModulePaymentCrediCardContainer .MPCC input[type='text'], .ModulePaymentCrediCardContainer .MPCC select { }
}

@media print {
    .ModulePaymentCrediCardContainer .MPCCLabel, .ModulePaymentCrediCardContainer .MPCCLabel label { color: #000; }
    .ModulePaymentCrediCardContainer .MPCCText { color: #000; margin-bottom: 5px; }
    .ModulePaymentCrediCardContainer .CCMandatoryText { font-size: 8px; color: #000; }
    .ModulePaymentCrediCardContainer .CCMandatory { display: inline-block; font-size: 8px; color: #000; }
    .ModulePaymentCrediCardContainer .MPCC td { padding: 5px 10px; }
}