﻿/****************************************************************************/
/** Module Reservation 1 ****************************************************/
/****************************************************************************/

@media screen,print {
    .ModuleReservation1Container { }

        .ModuleReservation1Container .MR1PaymentTypeMarkups { text-align: right; }
        .ModuleReservation1Container .MR1WarningIcon { background-image: url('/Css/Images/any/notification/warning.png'); background-position: center center; background-repeat: no-repeat; background-size: 16px; width: 16px; height: 16px; margin-right: 10px; margin-top: 5px; float: left; }
        .ModuleReservation1Container .MR1HR2 { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 3px solid #ccc; }

        .ModuleReservation1Container .RegistrationContainerT3 { background-color: #FCFCFC; border: 3px solid #FCFCFC; }
            .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm { margin: 10px; }
                .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm .TarrifRow { min-height: 15px; margin-bottom: 15px; }
                .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm textarea { min-height: 90px; }
                .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm .bootstrap-switch { }
                .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm .RegistrationSupplements #dSupplements label { cursor: pointer; }
                    .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm .RegistrationSupplements #dSupplements label:hover { text-decoration: underline; }
                .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm .RegistrationSupplements i.form-control-feedback { display: none !important; }
                .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm .RegistrationNumber { font-size: 18px; }
                .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm .form-group.required .control-label:after { color: #d00; content: "*"; position: absolute; margin-left: 8px; top: 7px; }
                .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm .MandatorySign { color: #d00; }
                .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm .MRCRadio { }
                    .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm .MRCRadio:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
                    .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm .MRCRadio label { margin-top: 5px; }
                    .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm .MRCRadio input[type='radio'] { margin-top: 0; }
                    .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm .MRCRadio .help-block { font-size: 10pt; }
                        .ModuleReservation1Container .RegistrationContainerT3 .RegistrationForm .MRCRadio .help-block * { font-size: 10pt; }

        .ModuleReservation1Container .RBDCollapseText { display: inline-block; margin-left: 20px; line-height: 20px; }
        .ModuleReservation1Container a.RBDCollapseExpand { font-size: 12px; display: inline-block; line-height: 20px; }
            .ModuleReservation1Container a.RBDCollapseExpand:after { /*font-family:'Glyphicons Halflings';
        content:"\e114";
        float: right;
        color: grey;
        margin-left: 20px;*/ background-image: url('/Css/Images/any/square_minus.png'); background-position: center center; background-repeat: no-repeat; background-size: 20px; width: 20px; height: 20px; float: right; margin-left: 20px; content: " "; }
            .ModuleReservation1Container a.RBDCollapseExpand.collapsed:after { /*content:"\e080";*/ background-image: url('/Css/Images/any/square_plus.png'); }

    /*PRODUCT INFO*/
    .MR1ProductInfo { margin: 20px 0; }
        .MR1ProductInfo:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
        .MR1ProductInfo .MR1PIImage { width: 100%; margin-bottom: 20px; height: 30vh !important; }
            .MR1ProductInfo .MR1PIImage img { width: 100%; height: 100%; position: relative; object-fit: cover; padding-right: 2px; }
        .MR1ProductInfo .MR1PITitle { font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; line-height: 22px; color: #18375e; }
        .MR1ProductInfo .MR1PIDescription, .MR1ProductInfo .MR1PIDescription * { font-size: 16px !important; margin: 0; line-height: 22px; text-align: justify; }
        .MR1ProductInfo .MR1PIDescription { margin-bottom: 20px; height: 150px; overflow: hidden; position: relative; }
            .MR1ProductInfo .MR1PIDescription:after { content: ""; text-align: right; position: absolute; bottom: 0; right: 0; width: 70%; height: 22px; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 90%); }
        .MR1ProductInfo .MR1PIMoreInfo { margin-bottom: 10px; }
            .MR1ProductInfo .MR1PIMoreInfo a { cursor: pointer; color: #343a80; }

    /* LIGHTBOX */
    .MR1LightBox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; background-color: rgba(19, 173, 187, .95) !important; z-index: 9999; overflow: auto; }
        .MR1LightBox .MR1CloseButton { background: #016D77 !important; color: white !important; border: 0px solid #788080; backface-visibility: hidden; padding: 10px; text-transform: lowercase; font-size: 8pt; font-weight: bold; }
        .MR1LightBox .MR1LightBoxInner { margin-top: 7px; overflow: hidden; }
            .MR1LightBox .MR1LightBoxInner img { height: 55vh !important; width: 100%; position: relative; object-fit: cover; float: left; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; }
        .MR1LightBox .MR1LightBoxTitle { font-size: 21px; line-height: 1.2em; font-weight: bolder; color: white; padding-left: 32px; padding-top: 10px; padding-bottom: 15px; text-align: left; }
        .MR1LightBox .MR1LightBoxSupplier { font-size: 15px; line-height: 2em; color: #4D4D4D; }
            .MR1LightBox .MR1LightBoxSupplier a { }
                .MR1LightBox .MR1LightBoxSupplier a:hover { text-decoration: underline; }
        .MR1LightBox .MR1LightBoxText { font-size: 17px; text-align: justify; line-height: 1.5em; color: #FFF; }
            .MR1LightBox .MR1LightBoxText p { font-size: 18px; line-height: 1.5em; }
    /*************************************************************************/

    .ModuleReservation1Container .MR1TermsAndConditions { font-size: 13px; line-height: 18px; }
        .ModuleReservation1Container .MR1TermsAndConditions * { font-size: 13px; line-height: 18px; }
    .ModuleReservation1Container input[type='checkbox'].MR1ConfirmReservationData { }
    .ModuleReservation1Container span.MR1ConfirmReservationData { }
        .ModuleReservation1Container span.MR1ConfirmReservationData label { }
        .ModuleReservation1Container span.MR1ConfirmReservationData a { /*color: #d6df23;*/ text-transform: none; font-weight: bold; vertical-align: middle; }
}

@media screen and (max-width: 573px) {
    .MR1LightBox .MR1CloseButton { position: absolute; top: 0; right: 0; }
    .MR1LightBox { top: 2.5%; left: 2.5%; width: 95%; height: 95%; }
}


@media print {
}
