/*body { height: auto; }*/ .font.nano {font-size:7pt;} .font.small {font-size:8pt;} .font.normal {font-size:9pt;} .font.large {font-size:10pt;} .font.big {font-size:12pt;} @media only screen and (max-width : 500px) { .font.nano {font-size:7pt;} .font.small {font-size:8pt;} .font.normal {font-size:9pt;} .font.large {font-size:10pt;} .font.big {font-size:12pt;} } #formFullContent textarea, input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #formFullContent #tabsDiv .tabs { opacity: 0.4; transition: 1s ease; display: none; } #formFullContent #tabsDiv .tabs.active { opacity: 1; } #formFullContent #formTd { position: relative; display: inline-block; width: 700px; max-width: 98%; margin: 0 auto; text-align: center; } #formFullContent #formOptionBar { position: fixed; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; z-index: 2; box-shadow: 0 -1px 5px rgba(100, 100, 100, 0.8); } #formFullContent #formOptionBar .barBlock { /*width: 650px;*/ width: 100%; min-height: 60px; opacity: 0.95; margin: 0; margin-left: auto; margin-right: auto; padding-top: 5px; } #formFullContent #formRegistrationsBar { position: static; left: auto; top: auto; width: 100%; min-height: 20px; opacity: 1; margin: 0 auto; padding: 5px 0 0; z-index: 2; text-align: right; } #formFullContent #formRegistrationsBar .register_button { display: block; margin-right: 0; margin-left: 0; position: relative; } #formFullContent #formRegistrationsBar .register_button i { margin: 0; } #formFullContent #formOptionBar2 { margin-top: 2px; } #formFullContent #formOptionBar .register_button, #formFullContent #formOptionBar2 .register_button, #formFullContent .formOptionBar .register_button { min-width: 180px; position: relative; } #formFullContent i { margin: 0; } #formFullContent #registration_total_div { display: inline-block; padding: 0 10px 0 0; width: auto; border-radius: 0; text-align: left; } #formFullContent #registration_total_div span { display: inline-block; background-color: rgba(100, 100, 100, 0.1); padding: 5px 10px; margin: 0 10px 0 0; border-right: 1px solid rgba(100, 100, 100, 0.2); } #formFullContent #registration_total_div label { display: inline-block; margin: 0; font-weight: 200; padding: 5px 0; } #formFullContent textarea:focus, #formFullContent input:focus, #formFullContent select:focus { border-color: rgba(150, 150, 150, 0.4); } #formFullContent .mandatory { padding: 20px; } #formFullContent .headerName { position: relative; padding: 0 7px; letter-spacing: 1px; vertical-align: middle; line-heigth: 80%; margin: 0; background-color: rgba(100, 100, 100, .1); opacity: 0.8; text-align: center; } #formFullContent .headerName div { display: inline-block; opacity: 0.6; padding: 5px 0; margin: 2px 0; border-right: 1px solid rgba(100, 100, 100, 0.6); margin-right: 10px; padding-right: 10px; } #formFullContent .clear { clear: both; } #formFullContent .separator { padding: 4px 20px !important; letter-spacing: 1px; margin-top: 20px; border-left-width: 0; border-right-width: 0; } #formFullContent .sentence { padding: 4px 20px; } #formRegister .link, #formRegisterGuest .link { margin-left: 20px; } #formFullContent input[type=text], #formFullContent input[type=password], #formFullContent textarea, #formFullContent select { font-size: 110%; display: block; height: 100%; padding: 6px 8px; background-image: none; border-width: 1px; border-style: solid; border-radius: 0; opacity: 0.8; } #formFullContent select { font-size: 110%; display: inline-block; height: 100%; padding: 6px 8px; background-image: none; border-width: 1px; border-style: solid; border-radius: 0; opacity: 0.8; } .select2-results__options { font-size: 10pt; font-family: verdana,arial,helvetica,trebuchet,sans; } #formFullContent input[type=text]:focus { border-width: 1px; border-style: solid; outline: 0; } #formFullContent label { margin-right: 10px; } #formFullContent input[type=radio] { margin: 8px 4px 0; width: 16px; height: 16px; } #formFullContent input[type=checkbox] { margin: 8px 4px 0; border: 4px solid #ccc; width: 16px; height: 16px; } #formFullContent .qq-upload-list { margin: 0; margin-left: 10px; } #formFullContent .container { position: relative; } #formFullContent .field_block { display: inline-block; margin: 0; padding: 0; vertical-align: top; } #formFullContent .field_block .field_label { text-align: left; margin-top: 10px; letter-spacing: 1px; padding-left: 20px; line-height: 14pt; } #formFullContent .field_block .field_label sup { top: -.3em; } #formFullContent .field_block .field_label i { font-size: 8px; } #formFullContent .field_block .field_value { text-align: left; padding-left: 20px; } #formFullContent .field_block.fullblock { display: block; } #formFullContent .field_block.fullblock .field_label { display: inline-block; } #formFullContent .field_block.fullblock .field_value { display: inline-block; } #formRegister #field_value_gdpr { margin-top: 10px; display: table; } #formRegister #field_value_gdpr dd { display: table-cell; width: 1%; vertical-align: top; } #formRegister #field_label_gdpr { text-align: left; letter-spacing: 1px; line-height: 14pt; display: table-cell; vertical-align: top; padding-top: 5px; padding-left: 10px; padding-right: 10px; } #formRegister #field_value_gdpr2 { margin-top: 10px; display: table; } #formRegister #field_value_gdpr2 dd { display: table-cell; width: 1%; vertical-align: top; } #formRegister #field_label_gdpr2 { text-align: left; letter-spacing: 1px; line-height: 14pt; display: table-cell; vertical-align: top; padding-top: 5px; padding-left: 10px; padding-right: 10px; } #formFullContent .fieldsTable { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; padding: 0 0 20px 0; } #formFullContent .fieldsTable .topDescriptionDivRegister { padding: 20px; } #formFullContent .fieldsTable .bottomDescriptionDivRegister { padding: 20px; padding-bottom: 0; } #formFullContent .fieldsTable #receiptLink { padding-top: 10px; } #formFullContent #field_block_team { display: block !important; } #formFullContent .register_button { padding: 10px; letter-spacing: 1px; margin: 5px; } #formFullContent .teamName { padding-top: 3px; margin-right: 15px; } #formFullContent .createTeam { padding: 5px; padding-left: 8px; padding-right: 8px; margin-top: 4px; } #formFullContent .createTeamButton { padding: 7px; } #formFullContent #createTeam { display: inline-block !important; margin-top: 20px; } #formFullContent #selectTeam { max-width: 200px; margin-top: 20px; } #select2-selectTeam-results { width: unset; max-width: unset; white-space: nowrap; position: absolute; background: #ffffff; border: 1px solid #d1d1d1; } @media screen and (max-width: 760px) { #formFullContent .teamName { text-align: left; font-weight: bold; display: block; } #formFullContent .teamOr { display: block; margin-top: 10px; margin-bottom: 10px; } #formFullContent #selectTeam { padding-left: 0; padding-right: 0; max-width: none; } #teamSelector { text-align: left !important; } #teamSelector .select2 { padding-left: 20px; width: 83vw !important; } #formFullContent .teamOr { display: block; text-align: center; } #formFullContent .teamCreateButtonContainer { display: block; text-align: center; } } #formFullContent #menu_registrations_div { position: relative; padding-bottom: 10px; text-align: center; } #formFullContent #menu_registrations_div .register_button { cursor: pointer; margin: 0 0 1px 0; } #formFullContent #reg_menu_all_registrations { display: none; margin-top: 0; position: absolute; z-index: 998; top: 38px; left: 0; width: 100%; background-color: #FFF; } #formFullContent #reg_menu_all_registrations .register_button { opacity: 0.7; padding: 0; } #formFullContent #reg_menu_all_registrations .register_button label { cursor: pointer; width: 100%; display: inline-block; padding: 10px 0; } #formFullContent .headerName #btRemoveGuest { display: inline-block; position: absolute; z-index: 9; right: 0; top: 0; padding: 2px 4px; color: #FF0000; cursor: pointer; } #formFullContent .headerName #btRemoveGuest i { display: inline-block; position: static; color: #FF0000; } #formFullContent #reg_menu_all_registrations .register_button.selected i { top: 14px; right: auto; left: 6px; color: rgba(0, 153, 0, 0.9); } #formFullContent .register_button i { position: absolute; right: 4px; top: 6px; } #formFullContent .register_button i.pleft { position: absolute; left: 4px; right: auto; top: 6px; } #formFullContent #reg_menu_selected { } #formFullContent #reg_menu_selected .fa-angle-down { display: inline-block; } #formFullContent #reg_menu_selected .fa-angle-up { display: none; } #formFullContent .addGuestButton, #formFullContent .addGuestButton2 { margin-top: 20px; padding-right: 40px; } #formFullContent .register_button.addGuestButton2 { font-size: 8pt; } #formFullContent .addGuestButton i, #formFullContent .addGuestButton2 i { position: absolute; right: 4px; top: 6px; } #formFullContent .addGuestButton2 { display: inline-block; margin: 10px; } #backtolots { display: inline-block; margin-top: 100px; text-decoration: none; } #backtolots i { right: auto !important; left: 4px; } #formFullContent .register_bar { padding: 10px 2px; letter-spacing: 1px; } #formFullContent .register_bar.selected { opacity: 0.5; } #formFullContent .servicesTable { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0 0 20px 0; } #formFullContent .servicesTable input[type=checkbox] { margin-top: -10px; } #formFullContent .servicesTable label { margin-right: 0; } #formFullContent .servicesTable .s_quantity { float: right; } #formFullContent .servicesTable .s_quantity input[type=text] { width: 30px !important; padding: 2px; font-size: 100%; display: inline-block; margin-top: -4px; } #formFullContent .servicesTable .s_costedit input[type=text] { width: 64px; padding: 2px; font-size: 100%; display: inline-block; margin-top: -4px; } #formFullContent .servicesTable .info { padding-left: 20px; } #formFullContent .services_category { padding: 4px 20px; letter-spacing: 1px; margin-top: 20px; border-left-width: 0; border-right-width: 0; } #formFullContent .services_category.info { letter-spacing: 0; font-weight: 100; padding-left: 0; } #formFullContent .s_block { padding: 20px 2px 8px 20px; vertical-align: top; } #formFullContent .s_block:nth-child(even) { background: rgba(200, 200, 200, 0.1); } #formFullContent .s_block:hover { background: rgba(200, 200, 200, 0.2); } #formFullContent .s_label { display: inline-block; width: 49%; vertical-align: top; } #formFullContent .s_value { display: inline-block; width: 49%;vertical-align: top; } #formFullContent .s_actions { display: inline-block; width: 59%; line-height: 150%; vertical-align: top; padding-left: 2px; } #formFullContent .s_partial { display: inline-block; width: 39%; vertical-align: top; } #formFullContent .s_total_partial_title { text-transform: uppercase; letter-spacing: 1px; display: inline-block; } #formFullContent .s_total_partial_value { padding: 4px; margin-top: 2px; display: inline-block; min-width: 100px; text-align: right; } #formFullContent .lodgerTable { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 20px 0; } #formFullContent .lodgerTable input[type=checkbox] { margin-top: 0; } #formFullContent .lodgerTable label { margin-right: 0; } #formFullContent .lodgerTable table { border-spacing: 0; } #formFullContent #blockRegistrationName { float: left; width: 49%; } #formFullContent #blockRegistrationName div { padding-left: 20px; } #formFullContent #blockRegistrationName input { width: 95%; } #formFullContent #blockCheckin { float: right; text-align: right; width: 24%; } #formFullContent #blockCheckin div { } #formFullContent #blockCheckin dd { display: block; text-align: right; margin: 0; padding: 0; } #formFullContent #blockCheckout { float: right; text-align: right; width: 25%; } #formFullContent #blockCheckout div { padding-right: 20px; } #formFullContent #blockCheckout dd { display: block; text-align: right; margin: 0; padding: 0; } #formFullContent .nightsThirdTd { padding-right: 20px; } #formFullContent .hotelObservationsTr td { padding: 0 20px; } #formFullContent #observations { width: 100%; } #formFullContent .hotelReservationButtons {margin-top:5px;margin-bottom: 5px;} #formFullContent .hotelReservationButtonNew { padding: 5px 10px; height: 30px; letter-spacing: 1px; vertical-align: middle; margin: 5px; cursor: pointer; } #formFullContent .hotelReservationButtonNew:hover { opacity: 0.9; box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.6); } #formFullContent .hotelReservationNumber { padding: 4px 10px; height: 30px; letter-spacing: 1px; vertical-align: middle; margin: 5px; margin-left: 0; margin-right: 0; cursor: pointer; border-right-width: 0; } #formFullContent .hotelReservationX { padding: 5px 10px; height: 30px; vertical-align: middle; line-heigth: 26px; margin: 5px; margin-left: 0; margin-right: 10px; cursor: pointer; color: #FFF; background: #FF0000; border-left-width: 0; } #formFullContent .hotelServiceLine:hover { background: rgba(200, 200, 200, 0.2); } #formFullContent .hotelServiceLine td { padding: 8px 2px 8px 20px; vertical-align: top; } #formFullContent .hotelServiceLine td.hotelServiceCostFinal { padding: 8px 10px 8px 20px; } #formFullContent .hotelTotalTr1 { padding-left: 20px; } #formFullContent .lodgerTable .hotelPartialTr td { padding-right: 10px; } #formFullContent #s_total_partial { padding-right: 10px; } /* PAYER */ #formFullContent .payerTable { padding-top: 0; } #formFullContent .payerTable .topDescriptionDivPayer { padding: 20px; } #formFullContent .payerTable .separator:nth-child(1) { margin-top: 0; } #formFullContent .p_block { vertical-align: top; clear: both; } #formFullContent .tdCleanName { display: block; width: 100%; padding: 8px 8px 8px 20px; margin: 0; margin-top: 10px; background: rgba(200, 200, 200, 0.2); } #formFullContent .tdCleanServiceName { display: inline-block; width: 79%; margin: 0; padding: 4px 4px 4px 40px; } #formFullContent .tdCleanServiceNameMarathon { display: inline-block; padding-top: 8px; padding-bottom: 8px; padding-left: 40px; white-space: nowrap; } #formFullContent .tdCleanServiceNameMarathon2 { height: 1px; } #formFullContent .tdCleanCost { display: inline-block; float: right; width: 19%; margin: 0; padding: 4px 10px 4px 4px; } #formFullContent .payerLine { padding: 8px 8px 8px 20px; } #formFullContent .payerTable input[type=radio] { margin: 0 10px 0 0; } #formFullContent .payerTable #payermethod-element label { padding: 4px; } #formFullContent .payerTable .payerObservationsDiv { padding: 8px 20px 0 20px; } #formFullContent #payerTotalTr { padding-right: 10px; } #formFullContent .payerTable .payerTotalTd { border-width: 1px 0; padding: 4px; margin-bottom: 10px; } #formFullContent .payerTable .payerDescriptionMethod { padding: 8px 20px 8px 40px; } #formFullContent .payerTable .payerDescriptionMethodMBWay { padding: 0px 20px 8px 40px; } #formFullContent #payerDiscount input[type=text] { display: inline-block; margin-top: 0 !important; margin-bottom: 0 !important; } #formFullContent #payerDiscount dd { vertical-align: middle !important; } #formFullContent #payerDiscount .button { letter-spacing: 1px; margin-right: 10px; } #formFullContent #payerDiscount .discountMessage { margin-right: 10px; } #formFullContent .payerTable input[type="checkbox"] { margin: 0 0 0 4px; } /*#abreuForm table { border-collapse: collapse; padding: 0; margin: 0; } #abreuForm table td { padding: 2px 10px 2px 20px; } #abreuForm table tr:nth-child(1) td { padding: 0; }*/ #abreuForm table { border: 1px solid #eeeeee; padding: 0; padding-top: 20px; padding-bottom: 20px; margin: 0; } #abreuForm table td { padding: 2px 10px 2px 20px; } #abreuForm table td:first-child { text-align: left; font-weight: bold; } #abreuForm table td:last-child { text-align: left; font-weight: bold; } #abreuForm table tr:nth-child(1) td { padding: 0; text-align: center; } #abreuForm table tr:nth-child(3) td { text-align: center; } #abreuForm table tr:last-child td { text-align: center; } #mbwayNumberText { display: inline-block; vertical-align: -moz-middle-with-baseline; } @media screen and (max-width: 525px) { #formFullContent .tdCleanServiceNameMarathon { display: block !important; } #formFullContent .tdCleanServiceNameMarathonSeparator { display: none; } #formFullContent .tdCleanServiceNameMarathon2 { height: 10px; } } /* COOKIES */ #cookiesBar { background: rgba(0, 0, 0, 0.8); color: #ffffff; position: fixed; left: 0; bottom: 0; padding: 20px; width: 100%; z-index: 5000; text-align: center; } #cookiesBar a { color: #ffffff; text-decoration: underline; font-weight: bold; } #cookiesBar #cookiesClose { margin-left: 25px; cursor: pointer; font-weight: bold; padding: 5px; background: rgba(27, 99, 119, 0.95); color: #ffffff; width: 120px; display: inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #cookiesBar #cookiesClose:hover { background: rgba(116, 141, 147, 0.95); } /* SMALL DEVICES */ @media screen and (max-width: 1092px) { #formFullContent .register_button { font-size: 9pt; margin-top: 0; margin-bottom: 0; } /*#formFullContent .field_block { display: block; width: 100%; }*/ #formFullContent .addGuestButton.register_button { margin-top: 10px; } #formFullContent #menu_registrations_div { position: relative; } #formFullContent #reg_menu_selected { display: block; cursor: pointer; } #formFullContent .register_button.selected { opacity: 0.3; } #formFullContent #reg_menu_selected.register_button.selected { opacity: 0.5; } #formFullContent #reg_menu_selected i { float: right; } } @media screen and (max-width: 720px) { #formFullContent #formTd { width: 98%; padding: 0; } #formFullContent #tabsDiv { display: none; } #formFullContent input[type=text], #formFullContent input[type=password], #formFullContent textarea, #formFullContent select { font-size: 110%; display: block; height: 100%; padding: 6px 8px; background-image: none; border-width: 1px; border-style: solid; border-radius: 0; opacity: 0.8; max-width: 90vw; } #formFullContent #formOptionBar .register_button, #formFullContent .formOptionBar .register_button { margin: 4px auto; width: 92%; } #formFullContent #formOptionBar2 .register_button { margin: 4px auto; width: 100%; } #formFullContent #formOptionBar .addGuestButton2 { margin: 4px auto; } #formFullContent #formOptionBar2 .addGuestButton2 { margin: 4px auto; } #formFullContent input[type=text], #formFullContent input[type=password], #formFullContent select { width: 80vw !important; padding: 8px; max-width: 80vw; } #formFullContent textarea { padding: 8px; width: 80vw !important; max-width: 80vw; } #formFullContent #blockRegistrationName { float: none; width: 100%; margin-bottom: 10px; } #formFullContent #blockRegistrationName div { padding-right: 20px; } #formFullContent #blockRegistrationName input { width: 100%; } #formFullContent #blockCheckin { width: 49%; } #formFullContent #blockCheckout { width: 49%; } #formFullContent #formServicer .s_partial { display: none; } #formFullContent #formServicer .s_actions { width: 100%; } #formFullContent #registration_total_div { display: inline-block !important; padding: 0 10px 0 0 !important; width: auto !important; border-radius: 0 !important; text-align: left !important; margin-top: 0 !important; font-size: 9pt !important; } #formFullContent #payerDiscount input[type=text] { width: 100px !important; } } @media screen and (max-width: 530px) { #formFullContent .servicesTable .s_quantity { white-space: nowrap; text-align: right; display: block; } } /* MOBILE DEVICES */ #formFullContent.mobile { font-size: 14pt; } #formFullContent.mobile .font.nano { font-size: 80%; } #formFullContent.mobile .font.small { font-size: 90%; } #formFullContent.mobile .font.normal { font-size: 100%; } #formFullContent.mobile .field_block { display: block; width: 100%; } #formFullContent.mobile #formTd { width: 100%; } #formFullContent.mobile input[type=text], #formFullContent.mobile input[type=password], #formFullContent.mobile select { font-size: 14pt; max-width: 80vw; padding: 8px; } #formFullContent.mobile textarea { font-size: 14pt; max-width: 80vw; padding: 8px; min-width: 80vw; } #formFullContent.mobile input[type=text].font.small, #formFullContent.mobile input[type=password].font.small, #formFullContent.mobile textarea.font.small, #formFullContent.mobile select.font.small { font-size: 14pt; } #formFullContent.mobile input[type=radio] { width: 32px; height: 32px; } #formFullContent.mobile input[type=checkbox] {width: 32px; height: 32px; } #formFullContent.mobile .select2-container .select2-selection--single { padding-top: 6px; height: 60px; font-size: 90%; } #formFullContent.mobile .register_button { margin-top: 0; margin-bottom: 0; } #formFullContent.mobile #formOptionBar { min-height: 74px; } #formFullContent.mobile #formOptionBar .barBlock { min-height: 74px; } #formFullContent.mobile #formOptionBar .register_button i, #formFullContent.mobile .formOptionBar .register_button i { margin: 0; } #formFullContent.mobile #formOptionBar2 .register_button i { margin: 0; } #formFullContent.mobile #formOptionBar .register_button, #formFullContent.mobile .formOptionBar .register_button { margin: 4px auto; width: 92%; } #formFullContent.mobile #formOptionBar2 .register_button { margin: 4px auto; width: 100%; } #formFullContent.mobile #formOptionBar .addGuestButton2 { margin: 4px auto; } #formFullContent.mobile #formOptionBar2 .addGuestButton2 { margin: 4px auto; } #formFullContent.mobile #menu_registrations_div { position: relative; } #formFullContent.mobile #reg_menu_selected { display: block; cursor: pointer; } #formFullContent.mobile #reg_menu_selected i { float: right; } #formFullContent.mobile .addGuestButton.register_button { margin-top: 10px; z-index: 9; } #formFullContent.mobile #blockRegistrationName { float: none; width: 100%; margin-bottom: 10px; } #formFullContent.mobile #blockRegistrationName div { padding-right: 20px; } #formFullContent.mobile #blockRegistrationName input { width: 100%; } #formFullContent.mobile #blockCheckin { width: 49%; } #formFullContent.mobile #blockCheckout { width: 49%; } #formFullContent.mobile #formServicer .s_partial { display: none; } #formFullContent.mobile #formServicer .s_actions { width: 100%; } #formFullContent.mobile .select2-results__options { font-size: 120%; } #formFullContent.mobile #registration_total_div { display: inline-block !important; padding: 0 10px 0 0 !important; width: auto !important; border-radius: 0 !important; text-align: left !important; margin-top: 0 !important; font-size: 14pt !important; } #formFullContent.mobile #formTd .separator { font-size: 14pt; } #formFullContent.mobile .register_button { padding: 10px 0 !important; } .select2-container { margin-top: 3px !important; height: 33px; } .select2-container--default .select2-selection--single { height: 100%; } #ui-datepicker-div { font-size: 14px !important; } #ui-datepicker-div .ui-corner-all { font-size: 14px !important; } #ui-datepicker-div .ui-datepicker table { font-size: 14px !important; } #formFullContent .observationsTd .optional { font-weight: bold; font-style: italic; } #formFullContent .counterText { font-size: 7pt !important; display: block !important; } #detailsGroup #formFullContent .select2-selection { height: 32px; } #servicerGroup #formTd { width: 100% !important; max-width: 100% !important; } #servicerGroup .s_total_partial_value label { margin-bottom: 0; } #activitiesGroup #formTd { width: 100% !important; max-width: 100% !important; } #activitiesGroup .s_total_partial_value label { margin-bottom: 0; } #lodgerGroup #formTd { width: 100% !important; max-width: 100% !important; } #lodgerGroup .s_total_partial_value label { margin-bottom: 0; } #payerGroup #formTd { width: 100% !important; max-width: 100% !important; } #payerGroup .s_total_partial_value label { margin-bottom: 0; } #modal .select2-results ul {display:block !important;} #modal .select2-results li {display:block !important;} #modal .field_block dd {display:inline-block !important; } #modal dl, dd, dt, tbody { margin: 0 !important; padding: 0 !important;} #divDetails #formOptionBar { display: none !important; } #divDetails #formOptionBar2 { display: none !important; } #divFrontofficeMessage { width: 700px; margin: auto; } #divFrontofficeMessage .textInfo, #divFormEditPayer .textInfo { text-align: left; margin-top: 10px; letter-spacing: 1px; line-height: 14pt; } #divFormEditPayer { width: 700px; margin: auto; } #divFormEditPayer .sep { width: 1%; } #divFormEditPayer .half { width: 48%; } #divFormEditPayer .half dd { display: block; } #divFormEditPayer .observationsPayer dd { display: block; } #divFormEditPayer .observationsPayer #observations { width: 96%; } #divFormEditPayer input[type="text"], #divFormEditPayer input[type="password"], #divFormEditPayer textarea, #divFormEditPayer select, #divFrontofficeMessage textarea { font-size: 110%; display: block; height: 100%; padding: 6px 8px; background-image: none; border-width: 1px; border-style: solid; border-radius: 0; opacity: 0.8; } #addGuestOrPayer #guestAddNewGuest, #addGuestOrPayer #guestAddPayment { margin-bottom: 10px !important;} @media only screen and (max-width: 2000px) { #lodgerGroup .select2 { max-width: 100% !important; width: unset !important; } } @media only screen and (max-width: 900px) { #divFrontofficeMessage { width: 95%; } #divFormEditPayer { width: 95%; } } @media only screen and (max-width: 805px) { #registerEditForm #formFullContent .field_block dd { width: 100% !important; max-width: 100% !important; } #registerEditForm #formFullContent input[type=text], #registerEditForm #formFullContent input[type=password], #registerEditForm #formFullContent textarea, #registerEditForm #formFullContent select { width: 100% !important; max-width: 100% !important; } #registerEditForm #formFullContent #formTd { width: 100% !important; max-width: 100% !important; } #registerEditForm #formFullContent .field_block { width: 48% !important; } #registerEditForm #formFullContent .select2 { width: 100% !important; } #registerEditForm #formFullContent #field_block_gdpr { width: 100% !important; } #registerEditForm #formFullContent #field_block_gdpr dd { width: unset !important; } #guestAddInfo #formRegisterGuest .field_block dd { width: 100% !important; max-width: 100% !important; } #guestAddInfo #formRegisterGuest input[type=text], #guestAddInfo #formFullContent input[type=password], #guestAddInfo #formFullContent textarea, #guestAddInfo #formFullContent select { width: 100% !important; max-width: 100% !important; } #guestAddInfo #formRegisterGuest #formTd { width: 100% !important; max-width: 100% !important; } #guestAddInfo #formRegisterGuest .field_block { width: 48% !important; } #guestAddInfo #formRegisterGuest .select2 { width: 100% !important; } #guestAddInfo #formRegisterGuest #field_block_gdpr { width: 100% !important; } #guestAddInfo #formRegisterGuest #field_block_gdpr dd { width: unset !important; } #servicerGroup textarea, #activitiesGroup textarea { width: unset !important; } #servicerGuestFormDiv textarea, #activitiesGuestFormDiv textarea { width: unset !important; } } @media only screen and (max-width: 760px) { #servicerGroup .s_partial, #activitiesGroup .s_partial { width: 38% !important; } #servicerGuestFormDiv .s_partial, #activitiesGuestFormDiv .s_partial { width: 38% !important; } #registerEditForm #formFullContent .field_block { width: 96% !important; } #guestAddInfo #formRegisterGuest .field_block { width: 96% !important; } } @media only screen and (max-width: 740px) { #servicerGroup .s_actions, #activitiesGroup .s_actions { width: 61% !important; } #servicerGroup .s_partial, #activitiesGroup .s_partial { width: 36% !important; } #servicerGuestFormDiv .s_actions, #activitiesGuestFormDiv .s_actions { width: 61% !important; } #servicerGuestFormDiv .s_partial, #activitiesGuestFormDiv .s_partial { width: 36% !important; } } @media only screen and (max-width: 720px) { #registerEditForm #formFullContent input[type="text"], #registerEditForm #formFullContent input[type="password"], #registerEditForm #formFullContent select { padding: 6px !important; } #guestAddInfo #formRegisterGuest input[type="text"], #guestAddInfo #formRegisterGuest input[type="password"], #guestAddInfo #formRegisterGuest select { padding: 6px !important; } #servicerGroup input[type="text"], #activitiesGroup input[type="text"] { width: unset !important; } #servicerGroup .s_actions, #activitiesGroup .s_actions { width: 100% !important; } #servicerGuestFormDiv input[type="text"], #activitiesGuestFormDiv input[type="text"] { width: unset !important; } #servicerGuestFormDiv .s_actions, #activitiesGuestFormDiv .s_actions { width: 100% !important; } #lodgerGroup .select2 { width: 100% !important; } #lodgerGroup #blockRegistrationName div { padding-right: 0; } #lodgerGroup #blockRegistrationName input { width: calc(100% - 20px) !important; } #lodgerGroup #blockCheckin { text-align: left !important; width: calc(50% - 10px) !important; padding-right: 10px; padding-top: 10px; } #lodgerGroup #blockCheckout { text-align: left !important; width: calc(50% - 20px) !important; padding-top: 10px; } } @media screen and (max-width: 530px) { #servicerGroup .s_quantity, #activitiesGroup .s_quantity { display: unset; text-align: left !important; margin-top: 5px !important; } #servicerGuestFormDiv .s_quantity, #activitiesGuestFormDiv .s_quantity { display: unset; text-align: left !important; margin-top: 5px !important; } } @media screen and (max-width: 505px) { #lodgerGroup .nightsThirdTd { white-space: nowrap !important; padding-left: 10px !important; } } @media screen and (max-width: 450px) { #lodgerGroup .separator { width: 100% !important; } #lodgerGroup td { display: inline-block !important; } #lodgerGroup td.vbottom { display: block !important; } #lodgerGroup td.hotelServiceName { display: block !important; width: 100% !important; } #lodgerGroup td.hotelServiceCostFinal { display: none !important; } } @media only screen and (max-width: 425px) { #servicerGroup .s_label, #servicerGroup .s_value, #activitiesGroup .s_label, #activitiesGroup .s_value { display: block !important; width: 100% !important; } #servicerGuestFormDiv .s_label, #servicerGuestFormDiv .s_value, #activitiesGuestFormDiv .s_label, #activitiesGuestFormDiv .s_value { display: block !important; width: 100% !important; } } @media screen and (max-width: 420px) { #servicerGroup .quantitySpace, #activitiesGroup .quantitySpace { display: none; } #servicerGuestFormDiv .quantitySpace, #activitiesGuestFormDiv .quantitySpace { display: none; } } @media screen and (max-width: 395px) { #lodgerGroup #blockCheckin { width: calc(100% - 40px) !important; display: block; padding-right: 20px; } #lodgerGroup #blockCheckout { width: calc(100% - 20px) !important; display: block; } } @media screen and (max-width: 365px) { #servicerGroup .s_quantity, #activitiesGroup .s_quantity { display: block; margin-top: 7px; } #servicerGuestFormDiv .s_quantity, #activitiesGuestFormDiv .s_quantity { display: block; margin-top: 7px; } }