html { background: none !important; } .procal-week { padding: 0; height: 65px; background: #212b36; margin: 0; overflow: hidden; } .proCalendar-wrapper .proCalendar-container { font-family: inherit !important; } .procal-day, .procal-hour { width: 65px; height: 65px; padding-top: 20px; color: white; display: block; font-size: 12px; line-height: 20px; float: left; margin: 0; text-align: center; } .procal-hour { color: #212b36 !important; font-size: 15px; } .proCalendar-hour.procal-available .procal-bind-middle, .proCalendar-hour .procal-bind-middle { border: none !important; } .procal-week>div:nth-child(6), .procal-week>div:nth-child(7) { color: #f0ae14; font-family: "SegoeUIBold" !important; } .skew-button { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .loading-page { background: #fff; } .page-booking-table section.main-col.col-md-12 { margin: 0 !important; width: 100% !important; } body:not(.node-type-order) header#header-main, body:not(.node-type-order) footer.footer, body:not(.node-type-order)>.reserv-button, body:not(.page-booking-table):not(.node-type-order)>section#mainsec { display: none !important; } .page-booking-table .region.region-highlighted { display: none; } html, body { height: 100%; position: relative; background: #E5EAED; } .logged-in { padding-top: 35px; } .logged-in:not(.role_3):not(.role_4):not(.role_5):not(.role_6):not(.role_8):not(.role_9):not(.role_10) { padding-top: 0; } body.page-shelter-reservation>.main { height: 100%; } .popup-reservation { /* display: none; */ height: 100%; /* height: calc(100% - 30px); */ width: 100%; position: relative; padding: 15px; /* background: rgb(229, 234, 237); */ /* z-index: 2222; */ top: 0; overflow-y: auto; left: 0; width: calc(100% - 60px); left: 60px; /* background-image: url(/img/shadow-line.png); */ /* background-repeat: repeat-y; */ /* background-position-x: -1px; */ } .region.region-reservation { position: relative; height: 100%; width: 100%; } .popup-reservation-close { position: absolute; right: 30px; top: 20px; width: 25px; height: 25px; background: url(/img/close-dark.png); background-size: 100%; opacity: 1; cursor: pointer; z-index: 8; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .list-reservation a.popup-reservation-close { display: none; } .popup-reservation-close:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .left-mini-menu { background: -moz-linear-gradient(top, #f1ad0d 0%, #f0950b 100%); background: -webkit-linear-gradient(top, #f1ad0d 0%, #f0950b 100%); background: linear-gradient(to bottom, #f1ad0d 0%, #f0950b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@menu-color-2', endColorstr='@menu-color-1', GradientType=0); width: 60px; height: 100%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45); box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); position: fixed; top: 0; left: 0; z-index: 14; } .left-mini-menu-wrapper { position: relative; /*overflow: scroll;*/ -ms-overflow-style: none; overflow: -moz-scrollbars-none; width: calc(100% + 20px); padding-right: 20px; height: 100%; padding-top: 15px; } .logged-in .left-mini-menu { height: calc(100% - 35px); margin-top: 35px; } .left-mini-menu-wrapper::-webkit-scrollbar { width: 0; } .left-mini-menu-wrapper>div { width: 100%; height: 65px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .left-mini-menu-wrapper>div>* { width: 100%; height: 100%; cursor: pointer; display: block !important; text-indent: -9999px; position: relative; z-index: 1002; border-bottom: 1px solid #F5BC45; /* border-bottom: 1px solid #0d6880; */ -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 0 !important; } .left-mini-menu-wrapper>div:first-child { border-top: 1px solid #F5BC45; } .left-mini-menu-wrapper>div>.view { background-color: #3a424a !important; background-color: -moz-linear-gradient(top, #212b34 0%, #3a424a 100%) !important; background-color: -webkit-linear-gradient(top, #212b34 0%, #3a424a 100%) !important; background-color: linear-gradient(to bottom, #3a424a 0%, #212b34 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gradient-2', endColorstr='@gradient-1', GradientType=0); -webkit-box-shadow: 0px 5px 14px -1px rgba(0, 0, 0, 0.85); -moz-box-shadow: 0px 5px 14px -1px rgba(0, 0, 0, 0.85); box-shadow: 0px 5px 14px -1px rgba(0, 0, 0, 0.85); width: 65px; height: 65px; border: none; } .left-mini-menu-wrapper>div>*>span { position: absolute; right: 5px; bottom: 0; font-family: "SegoeUISemiBold"; text-indent: 0; } .left-mini-menu-wrapper>div>.view>span { color: #f0a60c; } .left-mini-menu .block-cart-in-view>* { background: url(/img/cart.png) no-repeat center; } .left-mini-menu .block-info-payu-in-view>* { background: url(/img/rub.png) no-repeat center; } .left-mini-menu .block-info-in-view>* { background: url(/img/text-off.png) no-repeat center; background-position: 50% 50%; background-size: 33px !important; } .left-mini-menu .block-cart-in-view>.view { background: url(/img/cart-a.png) no-repeat center; } .left-mini-menu .block-list-object-in-view>* { background: url(/img/housesr.png) no-repeat center; } .left-mini-menu .block-list-object-in-view>.view { background: url(/img/housesr-a.png) no-repeat center; } .left-mini-menu .block-back-to-site-in-view>* { background: url(/img/tosite.png) no-repeat center !important; background-position: 50% 50%; } .popup-reservation.list-reservation .up-button { background: url(/img/up.png) no-repeat; position: fixed; right: 0; bottom: 10px; z-index: 999; margin-top: -157px; width: 65px; height: 90px; cursor: pointer; } /*-calendar-*/ /*.proCalendar-container { width: 420px !important; } .proCalendar-cell, .proCalendar-cell .procal-bind-middle .procal-head { height: 56px !important; } .proCalendar-container .procal-body, .proCalendar-container .procal-info, .proCalendar-container .procal-co, .proCalendar-container .procal-ci { display: none !important; }*/ div.periodDateTime { display: none; position: absolute; top: 65px; right: 430px; z-index: 50; background: url(/images/filt-bg.png) no-repeat; color: #fff; width: 455px; height: 520px; } div.periodDateTime .datetimepicker { width: 100%; height: 455px; padding: 0; margin: 0; } div.periodDateTime .datetimepicker .datetimepicker-days { width: 100%; height: 455px; } div.periodDateTime .datetimepicker .datetimepicker-days .table-condensed { width: 100%; height: 455px; } .reservation-calendar, .reservation-main { min-height: 100% !important; position: relative; margin-right: 65px; float: left; } .reservation-main { /*width: calc(100% - 585px);*/ width: calc(100% - 525px); margin-right: 0; } .reservation-calendar, .reservation-mian-block, .reservation-status { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); } .reservation-status { /*min-height: 60px;*/ margin-bottom: 5px; overflow: hidden; } .popup-reservation:not(.list-reservation) .reservation-status { overflow: hidden; } .reservation-table-payment { /*margin-top: 65px;*/ } /* procalendar */ .proCalendar-sidebar.procal-style-small { display: none; } .proCalendar-cell.procal-past-day, .proCalendar-cell.procal-past-hour { opacity: 1 !important; background: none !important; border-right: 1px solid #e5eaed !important; cursor: auto !important; } .proCalendar-cell.procal-next-month, .proCalendar-cell.procal-last-month { opacity: 1 !important; border-right: 1px solid #e5eaed !important; text-indent: -9999px; background: none !important; } .proCalendar-cell.procal-mask { opacity: 1 !important; text-indent: -9999px; background: none !important; border-right: 1px solid #e5eaed !important; pointer-events: none; } .proCalendar-cell.procal-past-day .procal-day, .proCalendar-hour.procal-past-hour .procal-hour { color: #d0d5dc !important } .reservation-calendar { width: 455px; /* position: absolute; */ /* z-index: 20; margin: 65px; margin-top: 10px;*/ /* color: white; */ float: left; background: #fff !important; } /*@media (max-width: 1000px) { .procal-initialized { width: 100%; margin: 0; margin-top: 63px; } }*/ .procal-initialized.calendarDate { margin: 0; } .procal-initialized.calendarDate .proCalendar-hours { right: 0 !important; } .procal-initialized.calendar_wrap { width: 910px; height: 520px; position: relative; float: left; } /*@media (max-width: 1000px) { .procal-initialized.calendar_wrap { width: 100%; min-height: 520px; height: auto; } }*/ .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized { margin: 0; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container { width: auto !important; background: none; } /*@media (max-width: 1000px) { .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container { width: 100%; } }*/ .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation { background: none; border: none; margin: 0; width: 455px; overflow: hidden; } /*@media (max-width: 1000px) { .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation { width: 100%; } }*/ .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-month-year { padding: 0; height: 65px; /*color: white;*/ padding-top: 10px; color: #212b36; font-family: "SegoeUILight" !important; } .popup-reservation:not(.list-reservation) .status-content-date { font-family: "SegoeUILight"; font-size: 24px; margin-bottom: -5px; } .status-content-main { font-size: 24px; /*background: linear-gradient(to right, #f1ad0d, #eabc5a); background: -webkit-linear-gradient(to right, #f1ad0d, #eabc5a); background: -moz-linear-gradient(to right, #f1ad0d, #eabc5a); background: -o-linear-gradient(to right, #f1ad0d, #eabc5a); background: -ms-linear-gradient(to right, #f1ad0d, #eabc5a);*/ /*color: #f0ae14;;*/ } /*@media (max-width: 1000px) { .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-month-year { text-align: center; } }*/ .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a { width: 65px; height: 65px; top: 0; display: block !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a.procal-next-btn { background: url(/img/next-gray.png) center no-repeat; background-position: 50%; background-size: 13px auto; right: 0; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a.procal-previous-btn { background: url(/img/back-gray.png) center no-repeat; background-position: 50%; background-size: 13px auto; left: 0; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a.procal-add-btn { display: none !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-info { width: 130px; height: 65px; margin: 0; margin-right: -130px; background: rgba(33, 43, 54, 0.81); padding: 0; padding-top: 22px; text-align: center; display: none !important; } .proCalendar-cells-wrapper-year { color: #464646 !important; font-family: 'Open Sans' !important; font-size: 24px !important; font-weight: 300 !important; line-height: 40px !important; margin: 0 !important; padding: 9px 9px 10px 9px !important; text-align: center !important; border: none !important; background: none !important; height: auto !important; border-top: 1px solid #b2b7bb !important; border-bottom: 1px solid #e5eaed !important; margin: -1px 0 !important; position: relative; } /*@media (max-width: 1000px) { .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-info { display: none; } }*/ .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-week { padding: 0; height: 65px; background: #212b36; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-week .procal-day { width: 65px; height: 65px; padding-top: 20px; color: white; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar { } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper { background: none; border: none; margin: 0; padding: 0; width: 455px; } /*@media (max-width: 1000px) { .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper { width: 100%; } }*/ .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell { width: 65px !important; height: 65px; margin: 0; border-bottom: 1px solid #e5eaed; border-right: 1px solid #e5eaed; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; clear: none !important; float: left; padding: 0; } /*.procal-selected { background: #bbaa84; } .procal-selected:last-of-class { background: #bbaa84 !important; }*/ .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .procal-selected, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell:hover { background: rgba(19, 63, 56, 0.75); background: #f0ae14; border-right: 1px solid #f0ae14; } .procal-selected.procal-booked { background: #ca6325 !important; border-right: 1px solid #ca6325 !important; } .proCalendar-dateFrom, .proCalendar-dateTo.proCalendar-dateFrom { background: #f0ae14 url(/img/calend-date-from.png) left bottom no-repeat !important; } .proCalendar-dateTo.proCalendar-dateFrom { border-right: 1px solid #f0ae14 !important; } .proCalendar-dateTo { background: #f0ae14 url(/img/calend-date-to.png) left bottom no-repeat !important; border-right: 1px solid #e5eaed !important; } .proCalendar-dateFromBooked { background: #b6c1cd url(/img/calend-date-from.png) left bottom no-repeat !important; cursor: pointer !important; } .proCalendar-dateToBooked { background: #b6c1cd url(/img/calend-date-to.png) left bottom no-repeat !important; border-right: 1px solid #e5eaed !important; cursor: pointer !important; } .procal-booked.proCalendar-dateToBooked.proCalendar-dateFrom, .procal-booked.proCalendar-dateToBooked.procal-selected, .proCalendar-dateToBooked.proCalendar-dateFrom, .proCalendar-dateToBooked.procal-selected, .proCalendar-month-block .procal-booked.proCalendar-dateToBooked:hover , .proCalendar-container.hovered .proCalendar-month-block .procal-booked.proCalendar-dateToBooked.firstClick, .proCalendar-month-block .proCalendar-dateToBooked:hover , .proCalendar-container.hovered .proCalendar-month-block .proCalendar-dateToBooked.firstClick /*.proCalendar-month-block .procal-booked.proCalendar-dateToBooked.procal-selected:hover*/ { background: #b6c1cd url(/img/calend-date-to-yellow.png) left bottom no-repeat !important; border-right: 1px solid #f0ae14 !important; } .procal-booked.proCalendar-dateFromBooked.proCalendar-dateTo, .procal-booked.proCalendar-dateFromBooked.procal-selected , .proCalendar-month-block .procal-booked.proCalendar-dateFromBooked:hover, .proCalendar-container.hovered .proCalendar-month-block .procal-booked.proCalendar-dateFromBooked.firstClick /*.proCalendar-month-block .procal-booked.proCalendar-dateFromBooked.procal-selected:hover*/ { background: #b6c1cd url(/img/calend-date-from-yellow.png) left bottom no-repeat !important; border-right: 1px solid #b6c1cd !important; } .procal-booked.proCalendar-dateToBooked.procal-selected:not(.proCalendar-dateFrom) { background: #f0ae14 url(/img/calend-date-from-red.png) left bottom no-repeat !important; } .procal-booked.proCalendar-dateFromBooked.procal-selected:not(.proCalendar-dateTo) /*.procal-booked.proCalendar-dateFromBooked.proCalendar-dateTo.procal-selected:not(.proCalendar-dateTo):hover*/ { background: #f0ae14 url(/img/calend-date-to-red.png) left bottom no-repeat !important; border-right: 1px solid #ca6325 !important; } .procal-booked.proCalendar-dateToBooked.proCalendar-dateTo.procal-selected:not(.proCalendar-dateFrom), .proCalendar-container.hovered .proCalendar-month-block .procal-selected.procal-booked~.procal-booked.proCalendar-dateToBooked.firstClick { background: #fff url(/img/calend-date-from-red.png) left bottom no-repeat !important; border-right: 1px solid #e5eaed !important; } .proCalendar-container.hovered .proCalendar-navigation { pointer-events: none; } .proCalendar-container-hours .procal-next-month { pointer-events: none; } .procal-initialized .proCalendar-wrapper .currentDay, .procal-initialized .proCalendar-wrapper .currentDay * { pointer-events: none; background: none !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .currentDay .procal-day, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell.procal-booked.currentDay .procal-day { color: #d0d5dc !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell.procal-booked { background: rgba(204, 52, 0, 0.5); background: #b6c1cd; border-right: 1px solid #b6c1cd; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell.procal-booked .procal-day, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell.procal-booked .procal-hour { color: #616a73 !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-left, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-right { display: none; } /*@media (max-width: 1000px) { .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell { width: 100%; height: auto; } }*/ .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle { width: 65px; height: 65px; } /*@media (max-width: 1000px) { .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle { height: auto; } }*/ .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div { background: none !important; border: none !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div.procal-head { padding: 0 !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div.procal-head .procal-day, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div.procal-head .procal-hour { font-size: 16px !important; font-weight: 400 !important; width: 65px; height: 65px; padding-top: 22px !important; color: #212b36; } /*@media (max-width: 1000px) { .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div.procal-head .procal-day { width: 100%; height: auto; padding: 10px !important; } }*/ .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div.procal-head .procal-info { display: none; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div.procal-body { display: none; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours { /*position: absolute; width: 455px; height: 455px; background: url(/images/filt-bg.png) no-repeat; border: none; padding: 0;*/ } /*@media (max-width: 1000px) { .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours { right: 0; width: 100%; height: auto; top: inherit; } }*/ .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours .proCalendar-hours-head { height: 65px; padding-top: 22px; /* font-size: 16px; */ /* border-bottom: 1px solid #e5eaed; */ font-size: 13pt !important; line-height: 19px; /*font-family: "SegoeUISemiBold";*/ background: #212b36; color: #fff; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours .proCalendar-hour { } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours .proCalendar-hour .procal-bind-top, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours .proCalendar-hour .procal-bind-bottom, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours .proCalendar-hour .procal-info { display: none; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours .proCalendar-hour .procal-bind-middle { /*width: 65px; float: left; height: 65px; background: none; padding-top: 25px; border: none;*/ } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours .proCalendar-hour .procal-bind-middle .procal-hour { /*background: none; width: 65px; text-align: center; padding: 0; font-size: 14px !important;*/ } /*@media (max-width: 1000px) { .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours .proCalendar-hour .procal-bind-middle .procal-hour { width: initial; } }*/ .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours .proCalendar-hour .procal-bind-middle .procal-available { display: none; } /*@media (max-width: 1000px) { .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours .proCalendar-hour .procal-bind-middle { width: initial; height: initial; padding: 9px; } }*/ .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours .proCalendar-hour.procal-selected .procal-bind-middle, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours .proCalendar-hour:hover .procal-bind-middle { /*background: rgba(19, 63, 56, 0.75);*/ } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours .proCalendar-hour.procal-booked .procal-bind-middle { /*background: rgba(204, 52, 0, 0.5);*/ } .proCalendar-month-block { width: 455px; background: #fff; } .proCalendar-sidebar { display: none !important; } .proCalendar-navigation.procal-style-small .procal-month-year { padding: 59px 9px 10px 9px; text-align: center !important; } .proCalendar-cell.procal-hide { display: block !important; pointer-events: none; } .proCalendar-hours-head { height: 65px; padding-top: 22px; font-size: 13pt !important; line-height: 19px; background: #212b36; color: #fff; text-align: center; } .proCalendar-hour-range-content>span { height: 65px; padding-top: 22px; font-size: 13pt !important; line-height: 19px; text-align: center; display: block; border-bottom: 1px solid #e5eaed; cursor: pointer; } .proCalendar-hour-range-content>span.active { background: #f0ae14; } .proCalendar-hour-range-content>span.proCalendar-bookedHourRange { background: #b6c1cd; cursor: auto !important; } .proCalendar-hour-range-content>span.active.proCalendar-bookedHourRange { background: #ca6325; } @media (max-width: 1500px), (max-height: 850px) and (min-width: 1365px) { .proCalendar-hours-head, .proCalendar-hour-range-content>span { height: 55px; padding-top: 18px; } } @media (max-width: 1100px) { .proCalendar-hour-range { float: left; width: calc(100%/2) !important; } } @media (max-width: 870px) { .proCalendar-hour-range { float: none; width: 100% !important; } .proCalendar-calendar:after { content: ""; display: table; clear: both; } } .cal-desc { width: 107px !important; text-align: left !important; float: left !important; margin-left: -13px !important; display: none !important; outline: none !important; position: absolute; } .cal-close { background: #3a424a; } .house-desc { margin-left: -20px !important; float: left; width: 140px !important; width: 155px !important; background: #b6c1cd; } /*-temp-*/ .skew-button.button-left.grey-button.house-desc, .skew-button.button-left.grey-button.cal-desc { background: #3a424a; } .skew-button.button-left.grey-button.cal-desc { background: #b6c1cd; } .skew-button.button-left.grey-button.house-desc span, .skew-button.button-left.grey-button.cal-desc span { color: #f0ae14; } .skew-button.button-left.grey-button.cal-desc span { color: #fff; } .cal-desc span, .house-desc span { padding-left: 38px !important; font-size: 10pt !important; font-size: 17px !important; line-height: 16px !important; padding: 16px 0 18px 38px !important; font-weight: normal !important; text-align: left !important; font-family: "SegoeUISemiBold"; } .house-desc span { padding-right: 25px !important; padding-left: 45px !important; } .attr-resservation-range>* { float: left !important; display: block; min-width: 40px; } .attr-resservation-range input { width: 45px; text-align: center; font-family: "SegoeUIBold"; } .cal-open { width: 170px !important; text-align: left !important; float: left !important; margin-left: -13px !important; outline: none !important; cursor: pointer; /*display: none !important;*/ margin-left: -200px !important; margin-right: 20px; z-index: 1; position: relative; background: #3a424a; /*border-right: 1px solid #fff;*/ } .cal-open span { font-size: 10pt !important; line-height: 12px !important; padding: 20px 60px 21px 38px !important; font-weight: normal !important; color: #f0ae14; } .cal-open span:after { content: "\f274"; font: normal normal normal 14px/1 FontAwesome; font-size: 15pt; margin-right: 15px; position: absolute; top: 1px; top: 50%; height: 20px; margin-top: -10px; right: 20px; } .list-no-filt .list-reservation:not(.list-tours) .cal-open { /*display: block !important;*/ margin-left: -14px !important; margin-left: -14px !important; /*margin-right: -10px;*/ } .list-reservation .cal-desc { display: block !important; } .list-reservation .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-month-year { padding-left: 90px !important; padding-right: 40px !important; font-size: 13pt !important; line-height: 45px !important; font-family: "SegoeUIRegular" !important; } .list-reservation .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a.procal-previous-btn { left: 73px; } .list-reservation .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a.procal-next-btn { right: 30px; } .cal-close { position: absolute; top: 0; right: -3px; width: 63px !important; cursor: pointer; display: none !important; outline: none !important; } .list-reservation .cal-close { display: block !important; z-index: 1; } .cal-close span { padding: 34px 0!important; background: url(/img/close-white-min.png) 44% 50% no-repeat; } .list-reservation .status-content-main { overflow: hidden; height: 65px; } .filter_list .proCalendar-container { display: none; } @media (max-width: 1500px), (max-height: 850px) and (min-width: 1365px) { .cal-desc span { padding: 16px 0 16px 38px !important; } .cal-desc span, .house-desc span { /* padding: 13px 0 23px 38px !important; */ padding-top: 11px !important; } .list-reservation .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-month-year { line-height: 38px !important; font-size: 12pt !important; } .list-reservation .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a.procal-next-btn { right: 25px; } .list-reservation .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a.procal-previous-btn { left: 71px; } .list-reservation .status-content-main { height: 55px; } } .region.region-reservation:after { clear: both; content: ""; display: table; } span.cart-shelter-object { color: #b6c1cd; font-family: "SegoeUIBold"; font-size: 10pt; } .reservation-content-wrapper { min-height: 65px; border-bottom: 1px solid #e5eaed; } .popup-reservation:not(.list-houses) .reservation-content-wrapper { padding: 10px 15px; } .status-content-main .reservation-content-wrapper { line-height: 182%; font-size: 20pt; margin: 0; } .status-content-main h1.reservation-content-wrapper { float: left; margin-right: 20px; font-family: "SegoeUILight" !important; line-height: 160%; border: none; } .status-content-main h1.reservation-content-wrapper:before { content: "\f015"; font: normal normal normal 14px/1 FontAwesome; font-size: 20pt; margin-right: 15px; position: relative; color: #b6c1cd; } .reservation-status .status-content>div:last-child .reservation-content-wrapper { padding: 10px 15px; /*min-height: 60px; */ border-bottom: none; } .status-content-notice { /*border-top: 1px solid #e5eaed; color: #9ba5b1; position: relative;*/ border-top: 1px solid #e5eaed; background: #212b36; color: #9ba5b1; color: #fff; /* padding-left: 40px; */ position: relative; } .status-content-notice * { font-size: 11pt !important; } .status-content-notice .reservation-content-wrapper:before { content: "\f071"; font: normal normal normal 14px/1 FontAwesome; font-size: 18pt; position: absolute; color: #b6c1cd; color: #f0a30c; left: 15px; top: 50%; line-height: 0; width: 26px; display: block; text-align: center; } .status-content-notice .reservation-content-wrapper { padding-left: 55px !important; } .status-content-notice b { display: inline-block; } .popup-reservation:not(.list-cart) .status-message .reservation-content-wrapper { padding: 21px; /*background: #b6c1cd;*/ background: #f0a313; color: #fff; font-size: 13pt; } .reservation-content-wrapper.reservation-content-order-successful { padding: 20px 21px !important; /* background: #b6c1cd; */ /* color: #fff; */ font-size: 15pt !important; background: #4b9e9b !important; } .table-payment-content table { width: 100%; } .table-payment-content td, .table-payment-content th { height: 65px; padding: 15px; border-bottom: 1px solid #e5eaed; line-height: 100%; text-align: center; } .table-payment-content th { background: #212b36; color: #fff; font-weight: normal; font-size: 12px; } .popup-reservation span.total-price { padding: 22px 15px; display: block; } .table-payment-content table td:first-child, .table-payment-content table th:first-child { text-align: left; padding-left: 15px !important; } .popup-reservation .attr-label, .popup-reservation .input-group { float: left; } .popup-reservation .attr-label { padding: 6px 15px; } .reservation-attributes { padding: 16px 0px; } .reservation-attributes:after { display: table; content: ""; clear: both; } .reservation-attributes .attr-resservation { padding: 20px; border-bottom: 1px solid #e5eaed; } .reservation-attributes .attr-resservation>* { display: inline; padding: 0 !important; font-weight: inherit; } .reservation-attributes .attr-resservation>*:not(.input-number) { padding-right: 10px !important; } .attr-resservation.attr-resservation-message .attr-label { font-size: 16pt; color: #ca6325; } .reservation-attributes .attr-resservation:after { content: ""; display: table; clear: both; } .reservation-attributes .attr-resservation-range .attr-label { padding: 6px 10px 6px 0px !important; } .reservation-attributes .attr-resservation input[type="checkbox"] { margin-right: 10px; } .table-payment-content table tr:last-child { /* background: #f0ae14; */ /* background: #eaeaea; */ font-family: "SegoeUIBold"; color: #f0ae15; font-size: 14pt; } .attr-resservation.attr-number-people .input-group { width: 115px; } .attr-number-people-comment { /* display: inline-block; */ float: left; clear: both; margin: 15px; color: #6b747d; } .input-group-btn > .btn { position: relative; border-radius: 0; background: #f0ae14; border: 1px solid #f0ae14; } .form-control[disabled], fieldset[disabled] .form-control { cursor: auto !important; } span.glyphicon.glyphicon-minus, span.glyphicon.glyphicon-plus { font-family: inherit !important; font-weight: 600 !important; font-size: 13pt; } .attr-number-people-val { min-width: 45px; text-align: center; font-family: "SegoeUIBold"; } .reservation-status .list-house-type span:before { content: "\f015"; font: normal normal normal 14px/1 FontAwesome; font-size: 17pt; margin-right: 15px; position: relative; top: 1px; /*color: #B6C1CD;*/ } .reservation-status .list-residence span:before { content: "\f236"; /*font-size: 19pt;*/ } .reservation-status .list-leisure span:before { content: "\f291"; font-size: 16pt; } .reservation-status .list-house-type.active span:before { /*color: #212b36;*/ } .status-content-main>.reservation-content-wrapper .list-house-type.active span:before { /*-malinovka-temp-*/ /*content: "\f236"; color: #f0ae14;*/ } .status-content-date>.reservation-content-wrapper:before { content: "\f274"; font: normal normal normal 14px/1 FontAwesome; font-size: 17pt; margin-right: 15px; position: relative; top: 1px; color: #B6C1CD; } /*@media (max-height: 850px) and (min-width: 1365px) { .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell, .procal-day, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div.procal-head .procal-day, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle { width: 55px !important; height: 55px !important; font-size: 11pt !important; } .status-message .reservation-content-wrapper { padding: 15px; height: 55px; min-height: 55px; } .house-desc span { padding-top: 13px !important; } .reservation-content-wrapper { min-height: 55px; padding: 10px 15px; } .reservation-status .status-content>div:last-child .reservation-content-wrapper { padding: 10px 15px; min-height: 50px; } .procal-week, .table-payment-content td, .table-payment-content th, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-month-year, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-info { height: 55px !important; } .reservation-attributes { padding: 10px 0px; } .proCalendar-month-block, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container, .reservation-calendar { width: 385px !important; } .procal-month-year { font-size: 12pt !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div.procal-head .procal-day { padding-top: 18px !important; } .reservation-main { margin-right: 0; width: calc(100% - 455px); } }*/ @media (max-width: 1500px), (max-height: 850px) and (min-width: 1365px) { .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell, .procal-day, .procal-hour, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div.procal-head .procal-day, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle .procal-hour, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle { width: 55px !important; height: 55px !important; font-size: 11pt !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-hours .proCalendar-hours-head { height: 55px; padding-top: 18px; } .status-message .reservation-content-wrapper { padding: 15px; /*height: 55px;*/ min-height: 55px; } .reservation-content-wrapper { min-height: 55px; /*padding: 10px 15px;*/ padding: 0px 5px; } .reservation-status .status-content>div:last-child .reservation-content-wrapper { padding: 10px 15px; min-height: 50px; } .procal-week, .table-payment-content td, .table-payment-content th, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-month-year, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-info { height: 55px !important; } .reservation-attributes { padding: 10px 0px; } .proCalendar-month-block, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container, .reservation-calendar { width: 385px !important; } .procal-month-year, .status-content-date { font-size: 16pt !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div.procal-head .procal-day, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle .procal-hour { padding-top: 18px !important; } .reservation-calendar.procal-initialized { margin-right: 55px; } .reservation-main { margin-right: 0; width: calc(100% - 455px); } .popup-reservation-close { right: 45px; top: 30px; } } @media (max-width: 1100px) { .reservation-calendar .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container, .reservation-calendar { width: 100% !important; background: none; min-height: inherit !important; } .list-no-filt .list-reservation:not(.list-tours) .reservation-calendar { margin-left: calc(-100% - 25px) !important; } .reservation-calendar .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation { width: calc(100% - 50px) !important; } .proCalendar-calendar>.proCalendar-month-block, .proCalendar-container-hours .proCalendar-calendar>.proCalendar-month-block .proCalendar-month-block-for-houses, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container-hours.proCalendar-container .proCalendar-calendar .proCalendar-hours { float: left; border-right: 1px solid #bbbec1; /* margin-right: 1px; */ overflow: hidden; /*-new-*/ width: calc(100%/2) !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell, .procal-week .procal-day { width: calc(100% / 7) !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper { width: 100% !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div.procal-head .procal-day, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle .procal-hour, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle { width: 100% !important; } /*-new-*/ .proCalendar-container-hours .proCalendar-calendar>.proCalendar-month-block { width: 100% !important; } .proCalendar-month-block:last-child, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container-hours.proCalendar-container .proCalendar-calendar .proCalendar-hours { border-right: none; border-right: none; border-left: 1px solid #bbbec1; margin-left: -1px; } .proCalendar-navigation { max-width: 910px !important; width: auto !important; } .reservation-main { width: 100%; margin: 15px 0; } .reservation-status { margin-bottom: 15px; } .popup-reservation-close { /*right: 30px; top: 30px;*/ right: 27px; top: 32px; } } @media (max-width: 1000px) { .popup-reservation { width: calc(100% - 50px); left: 50px; } } @media (max-width: 870px) { /*820 - without left panel // 870 - with left panel*/ .proCalendar-calendar>.proCalendar-month-block, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container-hours.proCalendar-container .proCalendar-calendar .proCalendar-hours, .proCalendar-container-hours .proCalendar-calendar>.proCalendar-month-block .proCalendar-month-block-for-houses { border-right: none !important; } .proCalendar-calendar>.proCalendar-month-block, .proCalendar-container-hours .proCalendar-calendar>.proCalendar-month-block .proCalendar-month-block-for-houses, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container-hours.proCalendar-container .proCalendar-calendar .proCalendar-hours, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container, .reservation-calendar { width: 100% !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell, .procal-week .procal-day { width: calc(100% / 7) !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div.procal-head .procal-day, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle .procal-hour, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle { width: 100% !important; } .skew-button { max-width: calc(100% - 28px); margin: 0; } .skew-button.reservation { margin-left: 0; } .skew-button.reservation span:before { left: 28px; } } @media (max-width: 600px) { .table-payment-content td, .table-payment-content th { height: 65px; padding: 5px; border-bottom: 1px solid #e5eaed; line-height: 100%; font-size: 10pt; } } @media (max-width: 520px) { .popup-reservation:not(.list-cart) .table-payment-content table td:nth-child(2), .popup-reservation:not(.list-cart) .table-payment-content table th:nth-child(2), .popup-reservation:not(.list-cart) .table-payment-content table td:nth-child(4), .popup-reservation:not(.list-cart) .table-payment-content table th:nth-child(4), .popup-reservation:not(.list-cart) .table-payment-content table td:nth-child(5), .popup-reservation:not(.list-cart) .table-payment-content table th:nth-child(5) { /*display: none;*/ } .table-payment-content { overflow-y: scroll; } .reservation-attributes .attr-resservation-range .attr-label { width: 100%; } } @media (max-width: 400px) { .popup-reservation-close { right: 20px; top: 20px; } .popup-reservation { padding: 5px !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-month-year, .status-content-date { font-size: 11pt !important; font-family: "SegoeUIRegular" !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a { width: 25px; height: 65px; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell, .procal-day, .procal-hour, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div.procal-head .procal-day, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle .procal-hour, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle { height: 45px !important; } .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle div.procal-head .procal-day, .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-calendar .proCalendar-cells-wrapper .proCalendar-cell .procal-bind-middle .procal-hour { padding-top: 12px !important; } .popup-reservation:not(.list-cart) .table-payment-content table td:nth-child(2), .popup-reservation:not(.list-cart) .table-payment-content table th:nth-child(2), .popup-reservation:not(.list-cart) .table-payment-content table td:nth-child(4), .popup-reservation:not(.list-cart) .table-payment-content table th:nth-child(4), .popup-reservation:not(.list-cart) .table-payment-content table td:nth-child(5), .popup-reservation:not(.list-cart) .table-payment-content table th:nth-child(5) { /*display: none;*/ } .skew-button { margin-left: 12px; } } .mainblock.block-bg { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.53); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.53); -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.53); background-image: url(/img/v-line-op.png); background-repeat: repeat-y; background-position-x: 45px; } .main-attr { /* margin-left: 20px;*/ } .main-attr .attr-obj, .obj_content .views-field { clear: both; /*margin-bottom: 25px;*/ padding: 15px 20px 15px 50px; /*font-family: "SegoeUIBold";*/ color: #212b36; } .obj_content .views-field-field-cat-pricing-type { display: none; } .main-attr .attr-obj:after, .obj_content .views-field:after { display: table; content: ""; clear: both; } .main-attr .attr-obj>div, .obj_content .views-field>* { float: left; } .main-attr .label-attr, .obj_content .views-label { margin-right: 10px; } .main-attr .val-attr, .obj_content .field-content { font-family: "SegoeUIBold"; color: #708090; } .main-attr { margin-bottom: 15px; font-size: 11pt; } .right_block_more .main-attr { margin-left: -35px; } .right_block_more .header-attributes, .right_block_more .header-description { display: none; } .weekdays-attr, .views-field-field-daily-weekday-price-1 { background: url(/img/attr-price.png) 0px 50% no-repeat; } .page-taxonomy-term-126 .views-field-field-daily-weekday-price-1 { display: none; } .weekend-attr, .views-field-field-daily-holyday-price { background: url(/img/attr-price2.png) 0px 50% no-repeat; } .additional-attr { background: url(/img/attr-price3.png) 0px 50% no-repeat; } .views-field-field-note { background: url(/img/note.png) 0px 50% no-repeat; } .number-people-attr, .views-field-field-number-people { background: url(/img/attr-countp.png) 0px 50% no-repeat; } .number-additional-people-attr { background: url(/img/attr-countp2.png) 0px 50% no-repeat; } .number-rooms-attr { background: url(/img/attr-rooms.png) 0px 50% no-repeat; } .route-text-attr { background: url(/img/route-text.png) 0px 50% no-repeat; } .duration-text-attr { background: url(/img/duration.png) 0px 50% no-repeat; } .status-text-attr { background: url(/img/status.png) 0px 50% no-repeat; } .views-field-field-daily-weekday-price-1 .field-content:after, .views-field-field-daily-holyday-price .field-content:after { content: "\f158"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13pt; margin-left: 5px; } span.status-available { /*color: #f0ad0f;*/ /*color: #96a3b1;*/ /*font-family: "SegoeUISemiBold";*/ /*color: #212b36;*/ color: #4e76a0; font-family: "SegoeUIBold"; } span.status-booked { color: #ca6325; font-family: "SegoeUIBold"; } .popup-reservation .status-message .reservation-content-wrapper:before { content: "\f071"; font: normal normal normal 14px/1 FontAwesome; font-size: 12pt; margin-right: 15px; position: relative; /* top: 1px; */ } .popup-reservation.reservation-object:not(.list-reservation) .status-content-main .reservation-content-wrapper:before { font: normal normal normal 14px/1 FontAwesome; font-size: 19pt; margin-right: 15px; position: relative; content: "\f015"; color: #b6c1cd; } .skew-button.add-cart span:before { content: "\f217"; font: normal normal normal 14px/1 FontAwesome; font-size: 17pt; margin-right: 15px; position: relative; top: 1px; } .skew-button.go-to-cart span:before { content: "\f218"; font: normal normal normal 14px/1 FontAwesome; font-size: 17pt; margin-right: 15px; position: relative; top: 1px; } .skew-button.clear-cart span:before { content: "\f1f8"; font: normal normal normal 14px/1 FontAwesome; font-size: 17pt; margin-right: 15px; position: relative; top: 1px; } .clear-cart { float: right; margin-top: -56px; margin-right: -9px !important; } .skew-button.more span:before { content: "\f002"; font: normal normal normal 14px/1 FontAwesome; font-size: 14pt; margin-right: 15px; /*position: absolute;*/ top: 20px; left: 65px; } .skew-button.add-cart span:before { content: "\f217"; font: normal normal normal 14px/1 FontAwesome; font-size: 17pt; margin-right: 15px; position: relative; top: 1px; } .skew-button.buttonOrdering span:before { content: "\f07a"; font: normal normal normal 14px/1 FontAwesome; font-size: 14pt; margin-right: 15px; position: absolute; top: 20px; left: 45px; } .skew-button.reservation { margin-left: -12px; } .skew-button.reservation span:before { content: "\f274"; font: normal normal normal 14px/1 FontAwesome; font-size: 14pt; margin-right: 15px; /*position: absolute;*/ top: 20px; left: 39px; } .proCalendar-hours-head:before { content: "\f274"; content: "\f017"; font: normal normal normal 14px/1 FontAwesome; font-size: 15pt; margin-right: 15px; position: relative; top: 1px; /* top: 50%; */ height: 20px; /* margin-top: -10px; */ /* right: 20px; */ } body.logged-in .popup-reservation { /*margin-top: 35px; height: calc(100% - 35px) !important; min-height: calc(100% - 35px) !important; max-height: calc(100% - 35px) !important;*/ } .filter_map_block { z-index: 2223; } .popup-reservation.list-reservation.list-events .reservation-main { width: 100%; } /*-cart-*/ @media (min-width: 1100px) { .popup-reservation.list-cart { padding: 15px 20px 20px 15px; } } .list-cart .reservation-main { width: 100%; margin: 0; } .list-cart table .reservation-content-wrapper { min-height: inherit; border: none; padding: 0 !important; } .delete-elem-cart:before { content: "\f1f8"; font: normal normal normal 14px/1 FontAwesome; font-size: 17pt; position: relative; top: 1px; color: #B6C1CD; } .delete-all-elem-cart:before { content: "\f1f8"; font: normal normal normal 14px/1 FontAwesome; font-size: 20pt; position: relative; top: 1px; color: #f19f0c; } .button-delete { cursor: pointer; } .empty-cart .popup-reservation.list-cart { padding: 0 !important; height: auto !important; min-height: inherit !important; width: calc(100% - 80px) !important; left: 80px; } .empty-cart .popup-reservation.list-cart .reservation-main>*, .empty-cart .popup-reservation.list-cart .status-content-main { display: none; } .empty-cart .popup-reservation.list-cart .reservation-main>.reservation-status { display: block; margin: 0; height: 60px; background: rgb(58, 66, 74); color: #fff; font-size: 16pt; height: 75px; /*height: 140px;*/ height: auto; } .empty-cart .popup-reservation.list-cart .reservation-content-wrapper { padding: 18px !important; letter-spacing: 1px; border: none; } .empty-cart .popup-reservation.list-cart .popup-reservation-close { right: 20px; top: 20px; background: url(/img/close-white-min.png) 44% 50% no-repeat; } .empty-cart .popup-reservation.list-cart .reservation-main>.reservation-status a { color: #f0ab0c; display: block; float: left; margin-right: 40px; padding: 10px 20px 10px 40px; } .empty-cart .popup-reservation.list-cart .reservation-main>.reservation-status .orderMore { display: table; margin: 15px 0; } .orderMore a.cottages2-in-view { background: url(../img/houses2-a.png) no-repeat center left; } .orderMore a.tours2-in-view { background: url(../img/tours2-a.png) no-repeat center left; background-size: 26px; padding-left: 35px !important; } .orderMore a.bath2-in-view { background: url(../img/bath-a.png) no-repeat center left; } .orderMore a:hover { opacity: 0.8; } .orderMore.orderMoreCart { display: table; margin: 15px 0 0px; } .orderMore.orderMoreCart a { color: #212b36; display: block; float: left; margin-right: 25px; padding: 10px 20px 10px 40px; } .orderMore.orderMoreCart a.cottages2-in-view { background: url(../img/houses2.png) no-repeat center left; } .orderMore.orderMoreCart a.tours2-in-view { background: url(../img/tours2.png) no-repeat center left; background-size: 26px; padding-left: 35px !important; } .orderMore.orderMoreCart a.bath2-in-view { background: url(../img/bath.png) no-repeat center left; } .list-cart .webform-client-form label.control-label { width: 165px; text-align: right; } .list-cart .webform-client-form .form-control { border-bottom: 1px solid #212b36; width: 50% !important; min-width: 300px; margin-bottom: -1px; background: none !important; } .list-cart .webform-client-form .form-control:-webkit-autofill { background: none !important; } .list-cart .form-item { border-bottom: 1px solid #e5eaed; padding: 0 15px; } .list-cart .webform-client-form .resizable-textarea textarea { float: none !important; border-right: 1px solid #212b36; } .list-cart .reservation-form-head { padding: 10px 15px; min-height: 65px; border-bottom: 1px solid #e5eaed; font-size: 24px; margin-bottom: 15px; } .cart-date-mob { font-size: 10pt; font-family: "SegoeUISemiBold"; color: #9aa3ad; margin-top: 5px; display: none; } .list-cart .selectize-control.multi .selectize-input.has-items { padding-top: 0; padding-bottom: 0; } .list-cart .selectize-control.form-control { height: auto; } @media (max-width: 1000px) { .list-cart .selectize-control.form-control { margin-top: 10px; } } .message-cart { /* background: #212b36; */ /* padding: 10px; */ /*color: #9aa4af;*/ color: #ca6325; font-family: "SegoeUIBold"; } @media (max-width: 1350px) { .bookingTableHead-wrapper-head-date { position: inherit !important; right: inherit !important; top: inherit !important; } .bookingTableHead-wrapper-head-date input { padding: 0 !important; } } .hourlyTable .bookingTableHead-wrapper-head-date { position: inherit !important; right: inherit !important; top: inherit !important; } .hourlyTable .bookingTableHead-wrapper-head-date input { padding: 0 !important; } .booking-order-content .input-group>* { float: left; display: block; width: 35px !important; padding: 0; } .booking-order-content .input-group>.input-number { height: 33px; } @media (max-width: 1100px) { /*.list-cart .table-payment-content table td:nth-child(2) { display: block !important; float: left; border: none; position: absolute; color: #f1a60c !important; margin: -10px; left: 25px; font-size: 10pt; } .list-cart .table-payment-content table th:nth-child(2) { text-indent: -9999px; padding: 0 !important; }*/ .cart-date-mob { display: block; } .list-cart .table-payment-content table td:nth-child(2), .list-cart .table-payment-content table th:nth-child(2) { display: none !important; } .table-payment-content td { font-size: 10pt; } .list-cart .webform-client-form .form-control { width: calc(100% - 135px) !important; min-width: inherit !important; border-bottom: 1px solid #bdbdbd !important; } #outerImageContainer, #outerImageContainer iframe#lightboxFrame, #imageDataContainer { max-width: 100% !important; } #imageDataContainer { width: 100% !important; margin: 0 !important; left: 0 !important; } .lightbox2-alt-layout-data #bottomNavClose { margin-right: 0 !important; } .contentblock.show-contentblock div.contentdesc .right_block_more, .contentblock.show-contentblock div.contentdesc .block-images { width: 100% !important; clear: both !important; float: none !important; height: auto !important; position: initial !important; } .contentblock.show-contentblock div.contentdesc .right_block_more { padding-right: 10px !important; } .contentdesc .block-images .flexslider ul.slides li, .contentdesc .block-images .flexslider ul.slides { /*height: auto !important;*/ padding: 5px 0; } .contentdesc .block-images .flexslider { position: relative !important; /*height: auto !important;*/ height: 215px !important; } .contentdesc .block-images img { /*position: initial !important; width: 70% !important; max-width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; transform: translate(-0%, -0%) !important; -webkit-transform: translate (-0%, -0%) !important; -moz-transform: translate (-0%, -0%) !important; -ms-transform: translate (-0%, -0%) !important; -o-transform: translate (-0%, -0%) !important; margin: auto;*/ max-height: 100% !important; } div.contentblock.show-contentblock { background: #e5eaed; } div.contentblock.show-contentblock div.contentdesc div.block-images { position: relative !important; left: initial !important; top: initial !important; } .contentblock .more-reservation { position: initial !important; top: initial !important; left: initial !important; right: initial !important; } div.contentblock.show-contentblock div.contentdesc { position: relative !important; width: 100% !important; clear: both !important; float: none !important; background: none !important; } div.contentblock.show-contentblock div.contentdesc div.block-images { /*display: none;*/ } div.contentblock.show-contentblock>h3 { width: 100% !important; display: block; clear: both; position: initial !important; top: initial !important; text-align: left !important; padding: 15px 58px 15px 10px !important; line-height: 25px !important; font-size: 18pt !important; } div.contentblock.show-contentblock div.contentdesc div.block-images img .flex-next, div.contentblock.show-contentblock div.contentdesc div.block-images .flexslider .flex-next { background: rgb(229, 234, 237, 0.58) url(/img/next.png) center no-repeat !important; width: 35px !important; height: 44px !important; background-position: 50% !important; background-size: 11px auto !important; } div.contentblock.show-contentblock div.contentdesc div.block-images img .flex-prev, div.contentblock.show-contentblock div.contentdesc div.block-images .flexslider .flex-prev { background: rgb(229, 234, 237, 0.58) url(/img/back.png) center no-repeat !important; width: 35px !important; height: 44px !important; background-position: 50% !important; background-size: 11px auto !important; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description { font-size: 10pt; } .block-obj .skew-button { width: 60px !important; } .block-obj .skew-button span { padding: 6px 0 !important; } .reservation-attributes .attr-resservation { padding: 10px; font-size: 11pt; } .status-content-notice * { font-size: 10pt !important; } } @media (max-width: 720px) { .clear-cart { float: none; margin-top: 10px; } .button-left, .button-right { margin-left: 0; margin-right: 0; } .list-cart .table-payment-content table td:nth-child(3), .list-cart .table-payment-content table th:nth-child(3), .list-cart .table-payment-content table td:nth-child(4), .list-cart .table-payment-content table th:nth-child(4), .list-cart .table-payment-content table td:nth-child(5), .list-cart .table-payment-content table th:nth-child(5), .list-cart .table-payment-content table td:nth-child(6), .list-cart .table-payment-content table th:nth-child(6) { /*display: none !important;*/ } .table-payment-content { overflow-y: scroll; } .popup-reservation-close { right: 20px; top: 20px; } } @media (max-width: 520px) { .list-cart .table-payment-content table td:nth-child(2) { margin: -3px; left: 5px; } .list-cart .table-payment-content td, .list-cart .table-payment-content th { padding: 5px !important; border-bottom: 1px solid #bec8d2; } a.skew-button.button-left.yellow-button.clear-cart { margin-left: 10px; } .list-cart .webform-client-form label.control-label { /*width: 100px;*/ width: 100%; text-align: left; font-size: 10pt; padding: 0; margin-bottom: -10px; color: #999; } .list-cart .form-item { padding: 0; padding-left: 10px; } .list-cart .webform-client-form .form-control { /*width: calc(100% - 100px) !important;*/ width: calc(100% - 10px) !important; } } @media (max-width: 400px) { .list-cart .table-payment-content table td:nth-child(4), .list-cart .table-payment-content table th:nth-child(4) { display: none !important; } } /*-list-obj-*/ .list-reservation .reservation-mian-block { display: none; } .popup-reservation:not(.list-reservation) .reservation-list-obj { height: 0px !important; } .reservation-list-obj:not(.view-empty) { margin-top: 35px !important; margin-left: -35px !important; width: calc(100% + 35px); position: relative; } .reservation-list-obj.view-empty { margin-top: 20px; font-size: 15pt; } .block-obj { width: calc(100%/3 - 35px); margin-left: 35px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); background-image: url(../img/v-line-op.png); background-repeat: repeat-y; background-position-x: 30px; position: relative; float: left; margin-bottom: 35px; /*-grid-*/ position: absolute; left: 0; top: 0; } .block-obj:first-child { z-index: 4; } .block-obj:nth-child(2) { z-index: 3; } .block-obj:nth-child(3) { z-index: 2; } .block-obj:nth-child(4) { z-index: 1; } @media (min-width: 1351px) { /*.block-obj:nth-child(3n-2) { margin-left: 0; }*/ } .block-obj .obj_head { position: absolute; top: 20px; color: #fff; left: 24px; z-index: 3; font-family: "SegoeUISemiBold"; /* padding-left: 25px; */ font-size: 14pt; right: 20px; -webkit-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -moz-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -o-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -ms-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); letter-spacing: 1px; cursor: pointer; } .obj_head:not(.obj_head-none-photo) { pointer-events: none; } .block-obj .obj_head.obj_head-none-photo { position: relative; width: calc(100% - 50px); top: inherit; margin: 20px 0 !important; } .obj_head:before { font: normal normal normal 14px/1 FontAwesome; font-size: 15px; margin-right: 10px; position: relative; top: 6px; color: #d6d7d7; content: "\f111"; margin-bottom: 50px; display: block; float: left; -webkit-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -moz-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -o-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -ms-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); } .block-obj:hover .obj_head, .block-obj:hover .obj_head:before { color: #f0ae14; letter-spacing: 1px; } .block-obj:hover .obj_head:not(.obj_head-none-photo) { top: 40px; } .block-obj:hover .obj_head.obj_head-none-photo { /*margin: 30px 0 10px !important;*/ } .block-obj .obj_img { position: relative; /*height: 250px;*/ min-height: 65px; background: #243240; overflow: hidden; cursor: pointer; } .block-obj .obj_img img { /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);*/ height: auto; width: 100%; /*max-width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;*/ -webkit-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -moz-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -o-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -ms-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); } .block-obj:hover .obj_img img { transform: scale(1.1, 1.1) !important; -webkit-transform: scale(1.1, 1.1) !important; -moz-transform: scale(1.1, 1.1) !important; -ms-transform: scale(1.1, 1.1) !important; -o-transform: scale(1.1, 1.1) !important; width: 100% !important; filter: contrast(1.3); -ms-filter: contrast(1.3); -moz-filter: contrast(1.3); -webkit-filter: contrast(1.3); } .block-obj .obj_img:before { content: ""; display: block; width: 31px; height: 100%; position: absolute; z-index: 2; top: 0; border-right: 1px solid #d6d7d7; -webkit-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -moz-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -o-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); -ms-transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19); } .block-obj:hover .obj_img:before { border-right: 1px solid #f0ae14; } .block-obj .obj_img:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; background: linear-gradient(to top, rgba(66, 78, 91, 0.25) 0%, rgba(12, 28, 45, 0.75) 100%); background: -moz-linear-gradient(to top, rgba(66, 78, 91, 0.25) 0%, rgba(12, 28, 45, 0.75) 100%); background: -webkit-linear-gradient(to top, rgba(66, 78, 91, 0.25) 0%, rgba(12, 28, 45, 0.75) 100%); } .block-obj .obj_body_summary p { margin: 0; display: inline; } .block-obj .obj_body_summary { padding-left: 20px; margin-bottom: 10px; } .block-obj .obj_content { padding: 10px; font-size: 10pt; } .obj_body_summary strong { font-family: "SegoeUIRegular" !important; font-weight: normal; } .block-obj .skew-button { width: 70px; float: left; margin-right: 30px; margin-left: -20px !important; background: #f0ae14; } .block-obj .skew-button:hover { width: 80px; } .block-obj .skew-button span { display: block; padding: 10px 0; } .block-obj .skew-button span:before { margin-right: 0 !important; position: initial !important; } .block-obj .skew-button.reservation span:before { content: "\f217"; font-size: 17pt !important; } .block-obj .skew-button.likeButton span:before { content: "\f08a"; font-size: 17pt !important; font: normal normal normal 14px/1 FontAwesome; } .block-obj .skew-button.likeButton.liked span:before { color: #fff !important; content: "\f004"; } .block-obj .skew-button.likeButton.liked:hover span:before { color: #212b36 !important; } .obj_content:after, .reservation-list-obj:after { content: ""; display: table; clear: both; } .popup-reservation > .region-reservation > div { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .list-house-type { display: block; /* margin: -10px 0 !important; */ float: left; height: 100%; position: relative; color: #b6c1cd; width: auto !important; border-left: 1px solid #d8dedf; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .list-house-type:last-child { border-right: 1px solid #d8dedf; } .list-house-type { /*-temp-*/ /*color: #3a424a; background: #f0ae14; position: relative;*/ } .list-house-type .count-filtering-object { -webkit-transform: skewx(22deg); -moz-transform: skewx(22deg); -ms-transform: skewx(22deg); -o-transform: skewx(22deg); transform: skewx(22deg); position: absolute; right: 17px; top: 50%; margin-top: -13px; background: #3a424a; border-radius: 50%; width: 27px; height: 27px; text-align: center; color: #ffffff; line-height: 25px; pointer-events: none; /* font-family: "SegoeUIBold"; */ font-size: 10pt; /* box-shadow: inset -3px 5px 5px 0px rgba(0,0,0,0.5); */ -moz-box-shadow: inset -3px 5px 5px 0px rgba(0,0,0,0.5); /* -webkit-box-shadow: inset -3px 5px 5px 0px rgba(0,0,0,0.5); */ } .list-house-type:not(.active):hover span { color: #f0ae14; } .list-house-type:not(.active):hover span { /*-malinovka-temp-*/ color: #fff; } .list-house-type:not(.active):hover { /*-malinovka-temp-*/ background: #3a424a; } .list-house-type.active { color: #212b36; background: #fff; } .list-house-type span { padding: 11px 40px !important; } .list-house-type b { display: block; position: absolute; /* margin-top: -25px; */ text-align: right; font-size: 10pt; left: 25px; -webkit-transform: skewx(22deg); -moz-transform: skewx(22deg); -ms-transform: skewx(22deg); -o-transform: skewx(22deg); transform: skewx(22deg); top: 24px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .active.list-house-type b { margin-left: 30px; } .list-house-type:not(.active):hover b { color: #fff; } .list-house-type:not(.singleOccupancy) span { padding: 21px 60px 16px !important; } .list-house-type.skew-button.singleOccupancy { padding-right: 0 !important; } .list-house-type.skew-button.singleOccupancy a { color: #3a424a; } @media (max-width: 1610px) { .list-house-type.skew-button.singleOccupancy span { line-height: 16px; padding: 17px 40px !important; } .list-house-type.skew-button.singleOccupancy { font-size: 11pt; width: 140px !important; } } @media (max-width: 1500px) { .list-house-type.skew-button.singleOccupancy span { padding: 12px 40px !important; } .status-content-notice { /*font-size: 11pt;*/ } } @media (max-width: 1400px) { .list-house-type.skew-button.singleOccupancy span { line-height: 16px; padding: 12px 21px !important; } .list-house-type.skew-button.singleOccupancy { font-size: 10pt; width: 110px !important; } } @media (max-width: 1360px) { .list-house-type.skew-button span { padding: 11px 26px !important; } } .tour-reservation-title { padding: 18px 15px 19px; font-size: 20px; border-bottom: 1px solid #e5eaed; } .tour-reservation-title:before { content: "\f274"; font: normal normal normal 14px/1 FontAwesome; font-size: 15pt; margin-right: 15px; /* position: absolute; */ top: 1px; top: 50%; height: 20px; margin-top: -10px; right: 20px; color: #b6c1cd; } nav.tour-reservation-list li, nav.tour-reservation-list ul { padding: 0; margin: 0; list-style: none; } nav.tour-reservation-list li a { color: #212b36; padding: 21px 15px; border-bottom: 1px solid #e5eaed; color: #b6c1cd; display: block; } nav.tour-reservation-list li a.active { /*outline: 3px solid #f0ae14;*/ color: #212b36; background: #f0ae15; } /*-hide-filt-*/ .list-no-filt .list-reservation:not(.list-tours) { padding-left: 25px; } .list-no-filt .list-reservation:not(.list-tours) .reservation-calendar { /*display: none;*/ margin-left: -550px; } .list-no-filt .list-reservation:not(.list-tours) .reservation-main, .list-natural .reservation-main { width: 100% !important; } .list-no-filt .list-reservation:not(.list-tours) .block-obj, .list-natural .reservation-main .block-obj, .list-events .reservation-main .block-obj { width: calc(100%/4 - 35px); } /*-reserv-popup-open*/ .reservation-open .filter_map_block>.block-empty { height: 15px !important; } .reservation-open .filter_map_block div a, .reservation-open .filter_map_block>div { height: 65px !important; } .reservation-open .filter_map_block>.block-filter-object-in-view, .reservation-open .filter_map_block>.block-list-objects-in-view, .reservation-open .filter_map_block>.block-info-in-view, .reservation-open .filter_map_block>.block-plus-zoom-in-view, .reservation-open .filter_map_block>.block-minus-zoom-in-view { height: 0 !important; overflow: hidden; } @media (min-width: 1500px) and (max-width: 1610px) { .list-house-type:not(.singleOccupancy) span { padding: 21px 35px 16px !important; } .popup-reservation:not(.list-houses) .reservation-content-wrapper { padding: 18px 10px; font-size: 15pt; font-family: "SegoeUIRegular" !important; } } @media (max-width: 1500px), (max-height: 850px) and (min-width: 1365px) { /* .reservation-list .reservation-calendar.procal-initialized { margin-right: 35px; } .reservation-list .reservation-main { margin-right: 0; width: calc(100% - 425px); } } @media (max-width: 1450px) {*/ .reservation-open .filter_map_block div a, .reservation-open .filter_map_block>div { height: 55px !important; } .reservation-list-obj:not(.view-empty) { margin-top: 25px !important; margin-left: -25px !important; width: calc(100% + 25px); } .list-house-type:not(.singleOccupancy) span { padding: 17px 60px 16px !important; font-size: 12pt; } .list-reservation .reservation-calendar { margin-right: 25px; } .list-reservation .reservation-main { margin-right: 0; width: calc(100% - 415px); } .block-obj { width: calc(100%/3 - 25px); margin-left: 25px; margin-bottom: 25px; } .list-no-filt .list-reservation:not(.list-tours) .block-obj, .list-natural .reservation-main .block-obj, .list-events .reservation-main .block-obj { width: calc(100%/4 - 25px); } .block-obj .main-attr { font-size: 10pt; } .status-content-main .reservation-content-wrapper { line-height: 145% !important; font-size: 17pt; } .cal-open span { padding: 13px 60px 21px 38px !important; } .cal-close span { padding: 28px 0!important; } .cal-close.button-right { margin-right: -12px; } .block-obj .obj_img:after { background: linear-gradient(to top, rgba(66, 78, 91, 0.25) 0%, rgba(12, 28, 45, 0.65) 50%); } .block-obj .obj_head { font-size: 13pt; line-height: 20px; } .block-obj .main-attr .attr-obj { padding: 10px 20px 10px 50px; background-size: 37px; background-position: 2px 50%; } .block-obj .main-attr { font-size: 11pt; } } @media (max-width: 1390px) { .list-house-type:not(.singleOccupancy) span { padding: 17px 42px 16px !important; } .popup-reservation:not(.list-houses) .reservation-content-wrapper { padding: 12px 10px; font-size: 12pt; font-family: "SegoeUIRegular" !important; } } @media (max-width: 1450px) { .block-obj { width: calc(100%/2 - 25px); } /*.block-obj:nth-child(2n-1) { margin-left: 0; }*/ } @media (max-width: 1250px) { .list-house-type:not(.singleOccupancy) span { padding: 17px 32px 16px !important; font-size: 11pt; } .popup-reservation:not(.list-houses) .reservation-content-wrapper { padding: 12px 10px; font-size: 12pt; font-family: "SegoeUIRegular" !important; } .list-reservation .status-content-main { height: auto; } } @media (max-width: 1400px) { .list-no-filt .list-reservation:not(.list-tours) .block-obj, .list-natural .reservation-main .block-obj, .list-events .reservation-main .block-obj { width: calc(100%/3 - 25px); } } @media (max-width: 1100px) { .reservation-main { width: 100% !important; } .reservation-calendar.filter_list li { width: calc(100% / 3); float: left; } .filter_list li a .route-name { width: calc(100% - 20px) !important; left: 10px; font-family: "SegoeUIregular"; font-size: 10pt; letter-spacing: 0; } } @media (max-width: 1000px) { .list-no-filt .list-reservation:not(.list-tours) .block-obj, .list-natural .reservation-main .block-obj { width: calc(100%/2 - 25px); } } @media (max-width: 1100px) { .reservation-calendar.filter_list li { width: calc(100% / 2); float: left; } .cal-close span { background: none; padding: 13px 0!important; line-height: 90%; color: #b6c1cd !important; margin: 0 !important; line-height: 12px; } .cal-close span:before { content: "скрыть календарь"; font-size: 10pt; } .skew-button.button-right.grey-button.cal-close { width: 100px !important; background: #ffffff !important; margin-right: -10px; } .list-no-filt .list-reservation:not(.list-tours) .reservation-main { margin-top: 0; } .list-reservation .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a.procal-next-btn { right: 65px; } .skew-button.button-left.grey-button.house-desc { display: none; } .block-info-in-view { display: none; } } @media (max-width: 700px) { .list-reservation.list-houses .status-content-main, .list-reservation.list-houses .status-content-main .reservation-content-wrapper { height: auto; min-height: inherit; } .list-reservation.list-houses .status-content-main { padding-right: 50px; } .list-reservation.list-houses .reservation-status { min-height: initial; } .cal-open span { padding: 13px 60px 16px 38px !important; } .list-house-type { border-bottom: 1px solid #d8dedf; border-top: 1px solid #d8dedf; margin-bottom: -1px; } .list-house-type.skew-button { /*min-width: calc(50% - 50px) !important;*/ min-width: calc(50% - 4px) !important; margin: 0px -5px -1px !important; } .list-reservation .cal-desc { width: 100% !important; height: 55px; position: relative !important; float: none !important; margin: 0 !important; transform: skewX(-0deg); -webkit-transform: skewx(-0deg) !important; -moz-transform: skewx(-0deg) !important; -ms-transform: skewx(-0deg) !important; -o-transform: skewx(-0deg) !important; max-width: inherit !important; } .list-reservation .cal-desc span{ -webkit-transform: skewx(-0deg) !important; -moz-transform: skewx(-0deg) !important; -ms-transform: skewx(-0deg) !important; -o-transform: skewx(-0deg) !important; font-size: 13pt !important; line-height: 100% !important; } .list-reservation .reservation-calendar .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation { width: 100% !important; height: auto; } .list-reservation .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a.procal-previous-btn { left: 0; top: 55px; width: 55px; } .list-reservation .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a.procal-next-btn { top: 55px; width: 55px; right: 0; } .list-reservation .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-month-year { padding: 10px 55px !important; } .skew-button.button-right.grey-button.cal-close { background: none !important; color: #fff !important; right: 55px; } .skew-button.button-right.grey-button.cal-close span { color: #fff !important; } .filter_map_block { width: 60px; } } @media (max-width: 650px) { .reservation-list-obj:not(.view-empty) { width: 100% !important; margin-left: 0 !important; } .block-obj { width: 100% !important; margin-left: 0 !important; } .block-obj .skew-button { margin-right: 10px; margin-left: 0px !important; } } @media (max-width: 600px) { .filter_list li a .route-name { width: calc(100% - 10px); left: 5px; } .filter_list li a .route-img { height: 100px; } } @media (max-width: 500px) { .list-no-filt .list-reservation:not(.list-tours) .cal-open { width: 100% !important; padding: 7px 10px; } .list-reservation .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a.procal-previous-btn, .list-reservation .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation a.procal-next-btn { width: 35px; } .list-reservation .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-month-year { padding: 10px 45px !important; } } @media (max-width: 400px) { .left-mini-menu { width: 50px; } } @media (max-width: 360px) { .list-reservation .cal-desc span { font-size: 11pt !important; line-height: 100% !important; padding: 20px 25px !important; } .list-reservation .procal-initialized .proCalendar-wrapper.notranslate.procal-initialized .proCalendar-container .proCalendar-navigation .procal-month-year { line-height: 20px !important; } } @media (max-width: 350px) { .filter_list li a .route-img img { height: 100% !important; width: auto !important; max-width: inherit !important; } } /*-admin-page-booking-table*/ .page-booking-table .main .container { width: 100% !important; } .page-booking-table>.main { background: none; } .page-booking-table { background: #E5EAED; height: 100% !important; overflow: hidden; padding-top: 35px; } .page-booking-table section.main, .page-booking-table section.main>.container, .page-booking-table section.main>.container>.row, .page-booking-table section.main>.container>.row>.main-col, .page-booking-table section.main>.container>.row>.main-col>.region-content, .page-booking-table section.main>.container>.row>.main-col>.region-content>#block-system-main, .page-booking-table section.main>.container>.row>.main-col>.region-content>#block-system-main>.view-booking-table, .page-booking-table section.main>.container>.row>.main-col>.region-content>#block-system-main>.view-booking-table>.view-filters { height: 100%; position: relative; margin: 0 !important; padding: 0 !important; } .page-booking-table .region.region-share .block, .page-booking-table .region.region-footer .block { width: auto !important; float: none !important; } .page-booking-table .region.region-share .block>div, .page-booking-table .region.region-share .block>ul { margin: 0; padding: 0; } .page-booking-table .view-booking-table .views-exposed-form, .page-booking-table .view-booking-table .views-exposed-widgets { margin-bottom: 0 !important; } .page-booking-table .booking-table-custom>.view-filters { width: 300px; float: left; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); overflow: auto; } .page-booking-table .main-block-table { float: left; height: calc(100% - 65px); width: calc(100% - 300px); padding: 65px; padding-top: 65px; padding-bottom: 5px; position: relative; } .page-booking-table .booking-table-custom>.view-filters .views-exposed-widget { padding: 0 !important; margin: 0; width: 100% !important; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-booking-table .booking-table-custom>.view-filters ul, .page-booking-table .booking-table-custom>.view-filters li{ padding: 0; margin: 0; } .page-booking-table .view-filters #edit-field-shelter-tid-wrapper .views-widget { position: absolute; top: 19px; right: 10px; width: 200px; } .page-booking-table .view-filters #edit-field-shelter-tid-wrapper .views-widget select { color: #9faab5; } .page-booking-table .booking-table-custom>.view-filters .views-exposed-widget.views-widget-filter-term_node_tid_depth { /*padding-bottom: 65px !important;*/ border-bottom: 1px solid #f5b030; z-index: 1; } .page-booking-table .view-id-booking_table .views-exposed-widget.views-widget-filter-term_node_tid_depth:after { content: ""; height: 56px; width: 30px; position: absolute; background: url(/img/tr-filt.png) left 1px no-repeat; bottom: -28px; left: 0; z-index: 1; pointer-events: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-booking-table .booking-table-custom>.view-filters .form-type-radio.radio input { display: none; } .page-booking-table .booking-table-custom>.view-filters .bef-checkboxes input { display: none; } .page-booking-table .booking-table-custom>.view-filters .form-control { width: auto; height: auto; padding: 0; margin: 0; box-shadow: none; border: none; line-height: inherit; font-family: "SegoeUIBold"; } .page-booking-table .booking-table-custom>.view-filters .form-item { margin: 0 !important; } .booking-order-count-category { position: absolute; right: 10px; top: 50%; margin-top: -11px; background: #f5b030; border-radius: 50%; width: 22px; text-align: center; color: #ffffff; /* line-height: 22px; */ pointer-events: none; font-family: "SegoeUIBold"; /* font-size: 11pt; */ } .active>.booking-order-count-category { background: #fff; color: #2a3540; } .page-booking-table .booking-table-custom>.view-filters .form-item>label, .page-booking-table .booking-table-custom>.view-filters .views-exposed-widget>label { padding: 21px 10px; border-bottom: 1px solid #c1cace; width: 100%; margin: 0 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /* font-size: 11pt; */ font-size: 14px; } .page-booking-table .booking-table-custom>.view-filters .form-item>label:hover { background-color: #dde6ea !important; } .page-booking-table .booking-table-custom>.view-filters .views-exposed-widget>label { font-family: "SegoeUIBold"; } .page-booking-table .booking-table-custom>.view-filters .form-type-radio.form-item.active>label { background-color: #F5B030 !important; border-color: #f5b030; } .page-booking-table .main-block-table .view-header { box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); background: #fff; } .page-booking-table .booking-table-custom>.view-filters .form-item>label.control-label[for="edit-term-node-tid-depth-133"] { background: url(/img/housesr.png) 9px 50% no-repeat; padding: 21px 10px 21px 43px !important; background-size: 24px; } /*.page-booking-table .booking-table-custom>.view-filters .form-item>label.control-label[for="edit-term-node-tid-depth-134"] { background: url(/img/floors.png) 9px 50% no-repeat; padding: 21px 10px 21px 43px !important; }*/ .page-booking-table .booking-table-custom>.view-filters .form-item>label.control-label[for="edit-term-node-tid-depth-134"] { background: url(/img/rooms.png) 9px 50% no-repeat; padding: 21px 10px 21px 43px !important; } .page-booking-table .booking-table-custom>.view-filters .form-item>label.control-label[for="edit-term-node-tid-depth-135"] { background: url(/img/beds.png) 9px 50% no-repeat; padding: 21px 10px 21px 43px !important; } .page-booking-table .booking-table-custom>.view-filters .form-item>label.control-label[for="edit-term-node-tid-depth-136"], .page-booking-table .booking-table-custom>.view-filters .form-item>label.control-label[for="edit-term-node-tid-depth-137"] { background: url(/img/arbor.png) 9px 50% no-repeat; padding: 21px 10px 21px 43px !important; } /*.page-booking-table .booking-table-custom>.view-filters .form-item>label.control-label[for="edit-term-node-tid-depth-158"] { background: url(/img/tours.png) 12px 50% no-repeat; padding: 21px 10px 21px 43px !important; background-size: 20px; }*/ .page-booking-table .booking-table-custom>.view-filters .form-item>label.control-label[for="edit-term-node-tid-depth-138"] { background: url(/img/bath.png) 9px 50% no-repeat; padding: 21px 10px 21px 43px !important; background-size: 27px; } .page-booking-table .booking-table-custom>.view-filters .form-item>label.control-label[for="edit-term-node-tid-depth-164"] { background: url(/img/objects.png) 9px 50% no-repeat; padding: 21px 10px 21px 43px !important; } .page-booking-table .booking-table-custom>.view-filters #edit-term-node-tid-depth .form-item>label.control-label { border-bottom: 1px solid #dde6ea; } /*-bottom-order-info-*/ .page-booking-table .booking-order-info { position: fixed; bottom: 0; background: #fff; left: 300px; margin-left: 65px; width: calc(100% - 300px - 65px - 65px); height: 65px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 2; } .order-bottom-activated.page-booking-table .booking-order-info { max-height: 350px; height: 295px; } .order-bottom-activated.bottom-order-extended.page-booking-table .booking-order-info { max-height: 700px; height: 450px; } .order-bottom-activated .booking-order-info:before { background: #e5eaed; content: ""; display: block; margin: -5px -3px 0; height: 5px; background: linear-gradient(to bottom, #cfd3d6 20%,#e5eaed 50%,#c8cccf 80%); background: -webkit-linear-gradient(to bottom, #cfd3d6 20%,#e5eaed 50%,#c8cccf 80%); background: -moz-linear-gradient(to bottom, #cfd3d6 20%,#e5eaed 50%,#c8cccf 80%); background: -o-linear-gradient(to bottom, #cfd3d6 20%,#e5eaed 50%,#c8cccf 80%); background: -ms-linear-gradient(to bottom, #cfd3d6 20%,#e5eaed 50%,#c8cccf 80%); } .booking-order-info .booking-order-title { padding: 19px; border-bottom: 1px solid #b6c1cd; font-family: "SegoeUIBold"; color: #b6c1cd; } .booking-message-remove-order { position: absolute; background: #fff; padding: 8px 10px; top: 0; left: 30px; } .booking-buttons-remove-order a { margin-right: 20px; color: #f5b030; font-family: "SegoeUIBold"; font-size: 14pt; } .order-bottom-activated .booking-order-info .booking-order-title, .order-bottom-activated .booking-order-info .booking-order-title>span>a { font-size: 15pt; color: #2a3540; } .booking-order-info .booking-order-title { padding: 19px 35px; background: url(/img/tr.png) left 50% no-repeat; min-height: 65px; } .booking-order-info .booking-order-title:after { content: ""; display: table; clear: both; } .booking-order-info .booking-order-title span { float: left; /*margin-right: 15px;*/ } span.messageOrder { color: #2a3540; } .message-order { color: #bf265d; } .booking-order-notAdd { filter: grayscale(1); /* filter: hue-rotate(100deg); */ opacity: 0.7; cursor: no-drop; } .booking-order-title .booking-order-close { background: url(/img/skew-close.png) no-repeat; /* background-position: 50%; */ display: block !important; width: 60px !important; margin: -19px -31px 0 0; float: right; text-indent: -999999px; height: 0; } a.booking-order-slider { background: url(/img/skew-roll-up.png) no-repeat; display: block !important; width: 60px !important; margin: -19px 10px 0 25px; float: right; text-indent: -999999px; height: 0; } .bottom-order-extended .booking-order-slider { background: url(/img/skew-roll-down.png) no-repeat; } a.booking-order-removeProcessing { background: url(/img/skew-refresh.png) no-repeat; /*display: block !important;*/ /*width: 60px !important;*/ margin: -19px 10px 0 25px; float: right; text-indent: -999999px; height: 0; /*height: 45px;*/ } .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 a.booking-order-removeProcessing { /*display: block !important;*/ height: 45px; width: 60px !important; } a.booking-order-addOrder { display: block !important; width: 60px !important; margin: -19px 10px 0 25px; float: left; text-indent: -999999px; height: 0; background: url(/img/skew-save.png) no-repeat; } a.booking-order-removeOrder { display: block !important; width: 60px !important; margin: -19px 10px 0 -5px; float: left; text-indent: -999999px; height: 0; background: url(/img/skew-del.png) no-repeat; } a.booking-order-printOrderMin { display: block !important; width: 60px !important; margin: -19px 10px 0 -5px; float: left; text-indent: -999999px; height: 0; background: url(/img/skew-print-min.png) no-repeat; } a.booking-order-printOrder { display: block !important; width: 60px !important; margin: -19px 10px 0 -5px; float: left; text-indent: -999999px; height: 0; background: url(/img/skew-print.png) no-repeat; } .order-bottom-activated .booking-order-title .booking-order-close, .order-bottom-activated .booking-order-title .booking-order-addOrder, .order-bottom-activated .booking-order-title .booking-order-slider, .order-bottom-activated .booking-order-title .booking-order-removeOrder, .order-bottom-activated .booking-order-title .booking-order-printOrder, .order-bottom-activated .booking-order-title .booking-order-printOrderMin { height: 45px; } .booking-order-title .booking-order-button { float: right; margin-top: -19px; margin-right: -49px; } .booking-order-title .booking-order-button a { float: left; margin: 0 1px 0 0 !important; } .booking-order-tabs { margin-left: 15px; float: left; /* margin-top: 10px; */ } .booking-order-tabs a { font-size: 11pt; color: #51666b; /*margin-right: 10px;*/ border-left: 1px solid #b6c1cd; padding: 0 15px; } .booking-order-tab i { color: #f5308b; } .booking-order-tab i.fa.fa-pencil-square { font-size: 14pt; } .booking-order-tabs a.active-tab { /*color: #ef9e09;*/ color: #a0acb9; } .booking-order-info .booking-order-row .button-cashier.sent-to-cashier * { font-size: 19pt !important; color: #1ba79f; cursor: pointer; } .booking-order-info .booking-order-content { height: 100%; position: relative; } /*.booking-order-info .booking-order-fields, .booking-order-info .booking-order-rows { float: left; width: 50%; padding: 15px; height: calc(100% - 65px); position: relative; }*/ body:not(.node-type-order) .booking-order-info .booking-order-fields, body:not(.node-type-order) .booking-order-info .booking-order-row, body:not(.node-type-order) .booking-order-info .booking-order-transactions { /* float: left; */ width: 100%; padding: 0 15px; position: relative; height: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; } .booking-order-info:not(.node-type-order) .booking-order-content .active-content { height: calc(100% - 65px); padding: 15px; overflow-y: auto; } .booking-order-info .booking-order-row { overflow: auto; } .booking-order-info .booking-order-row table { width: 100%; } .booking-order-info .booking-order-row table .reservation-content-wrapper { border: none !important; text-align: left; padding-left: 0 !important; min-width: 130px !important; } .booking-order-info .booking-order-row table span.cart-shelter-object { color: #b6c1cd; font-family: "SegoeUIBold"; font-size: 10pt; text-align: left !important; display: block; } .booking-order-info .booking-order-row .btn[disabled] { opacity: 1; filter: grayscale(1); } tr.elem-cart .attr-resservation-range { width: 120px; margin: auto; } tr.elem-cart .attr-resservation-range:after { content: ""; display: table; clear: both; } .booking-order-info .booking-order-fields .webform-client-form { /* border-right: 1px solid #b6c1cd; */ padding-top: 10px !important; } .booking-order-info .booking-order-fields *, .booking-order-info .booking-order-row * { font-size: 10pt !important; } .button-add.add-elem-cart, .booking-order-row .button-add { /* font-size: 20pt !important; */ /* color: #000; */ /*line-height: 55px;*/ font-size: 27pt !important; color: #22B5AD; font-family: "SegoeUIBold"; cursor: pointer; } .create-elem-order .reservation-content-wrapper a { font-family: "SegoeUIBold"; color: #22b5ad; font-size: 11pt !important; text-align: center !important; display: block; } .booking-order-info .booking-order-fields .form-item { width: 50%; float: left; padding: 10px; position: relative; } .booking-order-info .booking-order-fields .webform-client-form .form-control { border: none; box-shadow: none; border-bottom: 1px solid #b6c1cd !important; padding: 0 10px !important; height: 19px !important; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: url(/img/field-edit.png) right no-repeat; } .booking-order-info .booking-order-fields .webform-client-form select.form-control { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background: url(/img/select-arrow.png) right no-repeat; cursor: pointer; } .booking-order-info .booking-order-fields .form-item label.control-label { position: absolute; left: 22px; width: auto; top: -7px; padding: 0; /*color: #b6c1cd;*/ color: #8b9caf; font-size: 8pt !important; font-family: "SegoeUIBold"; } .booking-order-info .booking-order-fields .form-item label.control-label span { color: #b6c1cd; position: initial; } .booking-order-info .booking-order-fields #customersComment:focus { /*position: absolute; bottom: -10px; right: 10px; background: #fff; width: calc(100% - 20px) !important; max-width: 200%; height: 140px !important; border: 1px solid #b6c1cd !important;*/ } .booking-order-info .booking-order-fields .form-item.webform-component-textarea { width: 100% !important; float: none; clear: both; } .booking-order-info .booking-order-fields .form-item.webform-component-textarea #customersComment { width: 100% !important; float: none; clear: both; border: 1px solid #b6c1cd !important; min-height: 50px; height: auto !important; } .booking-order-info .booking-order-row th { padding: 0; background: none; color: #8b9caf; line-height: 13px; text-align: center; font-family: "SegoeUIBold"; font-size: 9pt !important; border-bottom: 1px solid #b6c1cd !important; padding: 0px 5px 8px !important; } .booking-order-info .booking-order-row td, .booking-order-info .booking-order-row th { background: #fff; text-align: center; line-height: 13px; vertical-align: middle; border-bottom: 1px solid #e5eaed; padding: 4px 2px; } .booking-order-info .booking-order-row .reservation-content-wrapper { min-height: inherit; } .booking-order-info .discount-wrapper { display: inline-block; } .booking-order-info .discount-block { /* display: block !important; */ position: absolute; width: 100%; left: 0; /* top: 0; */ background: #b6c1cd; color: #000; padding: 10px; padding: 0 10px; /* display: none; */ height: 0; overflow: hidden; /* height: 65px; */ margin-top: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 6; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.19); } .button-discount-press { background: #ecb000; padding: 10px; display: inline-block; color: #2a3540; font-family: "SegoeUIBold"; } .discount-block>div { float: left; padding: 16px; } .discount-block>div input { padding: 6px; } .booking-order-info .discount-wrapper.active .discount-block { height: 65px; } .booking-order-info .booking-order-row .discount-elem-cart { font-family: "SegoeUIBold" !important; font-size: 17pt !important; color: #b6c1cd; margin-left: 3px; position: relative; top: 2px; cursor: pointer; } .booking-order-info .booking-order-row .active .discount-elem-cart { color: #2a3540; } .discount-wrapper.active:before { content: ""; width: 0px; height: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #b6c1cd; margin-top: 20px; position: absolute; right: 86px; } /*-top-views-serach*/ .page-booking-table .region.region-share { position: fixed; background: #fff; left: 300px; margin-left: 65px; width: calc(100% - 300px - 65px - 65px) !important; height: 60px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); top: 40px; z-index: 1; } .page-booking-table .view-id-order_search { background: #fff; margin: 0 !important; padding: 0 !important; border: none !important; } .page-booking-table .view-id-order_search #edit-secondary-wrapper { width: 100%; float: none; margin: 0; padding: 0; } .page-booking-table .view-id-order_search #edit-secondary { /* position: absolute; */ /* right: 0; */ width: 100%; position: inherit; } .page-booking-table .view-id-order_search .panel-heading { position: absolute; width: 300px; right: 0; top: 0; z-index: 1; } .page-booking-table .view-id-order_search .views-exposed-widget.views-widget-filter-title { position: relative; z-index: 1; } .page-booking-table .view-id-order_search .views-exposed-form .views-widget-filter-title { width: 100%; margin: 0; padding: 0; /* height: 65px; */ padding: 11px 30px; border-bottom: 1px solid #b6c1cd; margin: 0 -15px; background: url(/img/tr-search.png) left 1px no-repeat; line-height: 23px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .top-search-activated .view-id-order_search .views-exposed-form .views-widget-filter-title, .top-search-focus .view-id-order_search .views-exposed-form .views-widget-filter-title { background: url(/img/tr-search.png) left 1px no-repeat; line-height: inherit; padding: 11px 30px 19px } .top-search-focus .view-order-search .view-filters { max-height: 65px; } .view-order-search .views-exposed-form .views-exposed-widget { width: calc(25% - 20px) !important; margin-right: 20px !important; padding-top: 22px; } @media (max-width: 1450px) { .view-order-search .views-exposed-form .views-exposed-widget { width: calc(25% - 10px) !important; margin-right: 10px !important; } } .view-order-search .views-exposed-form .views-widget-filter-title { width: calc(100% + 30px) !important } .view-order-search .views-exposed-form .views-exposed-widget .views-widget, .view-order-search .views-exposed-form .views-exposed-widget .views-widget * { width: 100% !important; } .view-order-search .views-exposed-form .views-widget-filter-title label { float: left; padding: 5px; } .page-booking-table .view-id-order_search .views-exposed-widget.views-widget-filter-title .views-widget { width: calc(100% - 360px)!important; float: left; } .page-booking-table .view-id-order_search .views-exposed-widget.views-widget-filter-title input { border: none; box-shadow: none; } /*.page-booking-table .view-id-order_search .views-exposed-widgets>div+div { display: none; }*/ .page-booking-table .view-order-search .view-filters { max-height: 55px; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding: 0 15px; } .top-search-activated .view-order-search .view-filters { max-height: 185px; } .view.view-order-search:after { background: #e5eaed; content: ""; display: block; margin: 0 -3px; height: 5px; background: linear-gradient(to bottom, #cfd3d6 20%,#e5eaed 50%,#c8cccf 80%); background: -webkit-linear-gradient(to bottom, #cfd3d6 20%,#e5eaed 50%,#c8cccf 80%); background: -moz-linear-gradient(to bottom, #cfd3d6 20%,#e5eaed 50%,#c8cccf 80%); background: -o-linear-gradient(to bottom, #cfd3d6 20%,#e5eaed 50%,#c8cccf 80%); background: -ms-linear-gradient(to bottom, #cfd3d6 20%,#e5eaed 50%,#c8cccf 80%); } .view-id-order_search tr td { vertical-align: middle !important; } .view-id-order_search .views-widget-filter-term_node_tid_depth { display: none; } .view-order-search tr.status-13 td { /*color: #946e6e;*/ } .view-order-search tr.status-144 td { /*color: #9a3e69;*/ } .view-order-search tr.status-13 td, .view-order-search tr.status-144 td { color: #888; } .view-order-search tr.status-13 td.views-field-title:before, .view-order-search tr.status-144 td.views-field-title:before, .view-order-search tr.status-6 td.views-field-title:before, .page-booking-table .booking-order-info#idStatusOrder-13 .booking-order-title span:before, .page-booking-table .booking-order-info#idStatusOrder-144 .booking-order-title span:before, .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 .booking-order-title span:before, .view-order-search tr.atention-1 td.views-field-title:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #f5308b; font-size: 13pt; } .page-booking-table .booking-order-info .booking-order-title span:before { margin-right: 8px; font-size: 15pt !important; } .view-order-search tr.status-13 td.views-field-title:before, .page-booking-table .booking-order-info#idStatusOrder-13 .booking-order-title span:before { content: "\f1f8"; } .view-order-search tr.status-144 td.views-field-title:before, .page-booking-table .booking-order-info#idStatusOrder-144 .booking-order-title span:before { content: "\f00d"; } .view-order-search tr.status-6 td.views-field-title:before { content: "\f071"; } .view-order-search tr.atention-1 td.views-field-title:after { color: #b6c1cd; content: "\f071"; } .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 .booking-order-title span:before, .view-order-search tr.status-6.payment-1 td.views-field-title:before { content: "\f021"; color: #f5b030; } .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 .booking-order-title span:after { content: "Идёт обработка данных"; margin-left: 5px; font-size: 9pt; color: #f5b030; } .view-order-search tr.active.status-13 td, .view-order-search tr.active.status-144 td { color: #824f66; background: rgba(165, 31, 93, 0.12) !important; } .view-order-search tr.status-13 td.views-field-field-order-status, .view-order-search tr.status-144 td.views-field-field-order-status, .view-order-search tr.status-6:not(.payment-1) td.views-field-field-order-status { color: #000; font-family: "SegoeUIBold"; } .view-order-search .views-field-field-order-status { text-align: right; padding-right: 20px !important; max-width: 150px; } .view-order-search td.views-field.views-field-created, .view-order-search td.views-field.views-field-field-date-el-order { min-width: 145px; } .view-order-search td.views-field.views-field-field-object { max-width: 400px; font-size: 10pt; } .page-booking-table .booking-order-info#idStatusOrder-13 .booking-order-title span, .page-booking-table .booking-order-info#idStatusOrder-144 .booking-order-title span, .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 .booking-order-title span, .page-booking-table .booking-order-info#idStatusOrder-13 .booking-order-title span *, .page-booking-table .booking-order-info#idStatusOrder-144 .booking-order-title span *, .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 .booking-order-title span * { color: #888888; } .page-booking-table .booking-order-info#idStatusOrder-13 .booking-order-addOrder, .page-booking-table .booking-order-info#idStatusOrder-13 .booking-order-printOrder, .page-booking-table .booking-order-info#idStatusOrder-13 .booking-order-printOrderMin, .page-booking-table .booking-order-info#idStatusOrder-13 .booking-order-removeOrder, .page-booking-table .booking-order-info#idStatusOrder-13 .link-add-tickets-cart, .page-booking-table .booking-order-info#idStatusOrder-13 .link-add-services-cart, .page-booking-table .booking-order-info#idStatusOrder-144 .booking-order-addOrder, .page-booking-table .booking-order-info#idStatusOrder-144 .booking-order-printOrder, .page-booking-table .booking-order-info#idStatusOrder-144 .booking-order-printOrderMin, .page-booking-table .booking-order-info#idStatusOrder-144 .booking-order-removeOrder, .page-booking-table .booking-order-info#idStatusOrder-144 .link-add-tickets-cart, .page-booking-table .booking-order-info#idStatusOrder-144 .link-add-services-cart { display: none !important; } .page-booking-table .booking-order-info#idStatusOrder-13 .booking-order-row:not(.booking-transactions-order-rows) table tr:not(.deleted-item-with-cash-on-delivery), .page-booking-table .booking-order-info#idStatusOrder-144 .booking-order-row:not(.booking-transactions-order-rows) table tr:not(.deleted-item-with-cash-on-delivery), .page-booking-table .booking-order-info#idStatusOrder-13 .webform-client-form, .page-booking-table .booking-order-info#idStatusOrder-144 .webform-client-form { pointer-events: none; filter: grayscale(1); } .elem-cart.paidItem.deleted-item-with-cash-on-delivery .discount-elem-cart { display: none; } .page-booking-table .booking-order-info#idStatusOrder-13 span.totalorderPriceInfo, .page-booking-table .booking-order-info#idStatusOrder-144 span.totalorderPriceInfo { display: none !important; } .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 .booking-order-row:not(.booking-transactions-order-rows) table, .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 .webform-client-form { pointer-events: none; } .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 .booking-order-addOrder, .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 .booking-order-printOrder, .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 .booking-order-printOrderMin, .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 .booking-order-removeOrder, .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 .link-add-tickets-cart, .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 .link-add-services-cart, .page-booking-table .booking-order-info.blockedOrdernotTested#idStatusOrder-6 .booking-order-tab.el-transactions-order-tab { display: none !important; } span.open-order-advansed-opt { position: absolute; z-index: 2; right: 0; margin: -1px -12px 0 0; padding: 13px 62px 13px 10px; background: #fff; color: #B6C1CD; font-family: "SegoeUIBold"; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: url(/img/skew-roll-down.png) right center no-repeat; } span.reset-order-filt { position: absolute; top: 9px; right: 250px; z-index: 2; padding: 13px; padding: 0px 62px 0px 10px; color: #b6c1cd; font-family: "SegoeUIBold"; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: url(/img/skew-close.png) right center no-repeat; height: 0; overflow: hidden; } .top-search-activated span.reset-order-filt { top: 19px; } .top-search-focus span.reset-order-filt { height: 47px; padding: 11px 62px 14px 10px; } .page-booking-table .view-id-order_search .views-exposed-widget.views-submit-button { position: absolute; top: 7px; right: 200px; z-index: 2; width: auto !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .top-search-focus.page-booking-table .view-id-order_search .views-exposed-widget.views-submit-button { right: 400px; } .page-booking-table .view-id-order_search .views-submit-button button { display: block !important; width: 60px !important; margin: -19px 10px 0 25px; /* float: left; */ text-indent: -999999px; /* position: absolute; */ background: url(/img/skew-save.png) no-repeat !important; border: none !important; height: 45px; top: 0; outline: none !important; } span.open-order-advansed-opt.order-advansed-opt-roll-down { color: #2a3540; background: url(/img/skew-roll-up.png) right center no-repeat; } .page-booking-table .view-id-order_search .views-exposed-widgets>div+div input { border: none; box-shadow: none; border-bottom: 1px solid #b6c1cd !important; padding: 0 10px !important; height: 19px !important; background: url(/img/field-edit.png) right no-repeat; } .page-booking-table .view-id-order_search .views-exposed-widgets>div+div select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background: url(/img/select-arrow.png) right no-repeat; padding: 0 10px !important; height: 19px !important; border: none; box-shadow: none; border-bottom: 1px solid #b6c1cd; } .page-booking-table .view-id-order_search .views-exposed-widgets>div+div label { position: absolute; left: 9px; width: auto; top: 7px; padding: 0; color: #b6c1cd; font-size: 8pt !important; font-family: "SegoeUIBold"; } .page-booking-table .view-id-order_search .views-field.views-field-nid { display: none; } .page-booking-table .view-id-order_search .view-content, .page-booking-table .view-id-order_search > .text-center { overflow: hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-booking-table .view-id-order_search .view-content { padding-bottom: 33px; } .page-booking-table .view.view-order-search { position: relative !important; } .page-booking-table .view-id-order_search > .text-center { /* margin-top: -34px; */ position: absolute; bottom: 4px; background: #fff; width: 100%; border-top: 1px solid #ddd; } .page-booking-table:not(.top-search-focus) .view-id-order_search .view-content, .page-booking-table:not(.top-search-focus) .view-id-order_search > .text-center { max-height: 0px !important; padding-bottom: 0px; } .page-booking-table .view.view-order-search ul.pagination { margin: -1px 0; } .top-search-focus .view-id-order_search .view-content .table { width: 100%; max-width: 100%; margin-bottom: 1px; } .page-booking-table .view.view-order-search .pagination > li > a, .page-booking-table .view.view-order-search .pagination > li > span { color: #333333 !important; padding: 6px 14px; } .page-booking-table .view.view-order-search .pagination > .active > span, .pagination > .active > a:hover, .page-booking-table .view.view-order-search .pagination > .active > span:hover, .page-booking-table .view.view-order-search .pagination > .active > a:focus, .page-booking-table .view.view-order-search .pagination > .active > span:focus { background-color: #f5b030 !important; border-color: #f5b030 !important; color: #243240 !important; } .top-search-focus .view-id-order_search .view-content { max-height: 2000px; overflow: auto; border-top: 1px solid #b6c1cd; } .top-search-focus .view-id-order_search .view-content .views-table tr { background-color: #fff !important; } .view-id-order_search tr td { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; font-size: 11pt; padding: 13px 10px !important; } .view-id-order_search tr:hover td { background: #E5EAED !important; } .view-id-order_search tr.active td { background: rgba(245, 176, 48, 0.44) !important; } .page-booking-table .bookingDateButtons { position: absolute; z-index: 3; width: calc(100% - 130px); } a.bookingDateButtons-button.bookingDateButtons-prev { position: absolute; left: -30px; height: 65px; width: 30px; display: block; background: url(/img/prev-dark.png) center no-repeat; background-position: 50%; text-indent: -99999px; } a.bookingDateButtons-button.bookingDateButtons-next { position: absolute; right: -30px; height: 65px; width: 30px; display: block; background: url(/img/next-dark.png) center no-repeat; background-position: 50%; text-indent: -99999px; } .page-booking-table .main-block-table .view-content { position: relative; height: 100%; overflow: hidden; overflow-y: auto; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); background: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .order-bottom-activated.page-booking-table .main-block-table .view-content { height: calc(100% - 230px); } .order-bottom-activated.bottom-order-extended.page-booking-table .main-block-table .view-content { height: calc(100% - 385px); } .view-content-hide { display: none; } .page-booking-table .booking-table-custom>.view-filters #edit-field-object-level-tid>.form-item:first-child { display: none; } .form-item-field-number-people-value-max label, .form-item-field-number-rooms-value-max label { display: none; } .slider-filter-processed .views-widget { position: absolute; right: 0; top: 12px; width: 61px; /* line-height: 0; */ } .page-booking-table .booking-table-custom>.view-filters .slider-filter-processed .views-widget .form-item { /* position: absolute; */ width: auto !important; top: -2px !; background: none; float: left !important; display: inline !important; min-width: inherit !important; max-width: 25px; margin-right: 5px !important; /* color: #f5b030; */ } .page-booking-table .booking-table-custom>.view-filters .slider-filter-processed .views-widget .form-item input { width: auto; height: auto; padding: 0 2px; margin: 0; box-shadow: none; border: none; line-height: inherit; /* margin-right: 10px !important; */ font-size: 16pt; text-align: left; font-family: "SegoeUILight"; color: #858e92; } .form-item-field-number-people-value-min input, .form-item-field-number-rooms-value-min input { text-align: right !important; } .page-booking-table .booking-table-custom>.view-filters .slider-filter-processed .views-widget .form-item:before { content: "-"; position: absolute; font-size: 15pt; left: 23px; color: #858e92; } .page-booking-table .booking-table-custom>.view-filters .bef-slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all { width: 90%; margin: 0 5%; margin-top: -14px; background: #bdcdd4; background: #2a3540; border: none; border-radius: 0; margin-bottom: 20px; height: 2px; } .page-booking-table .booking-table-custom>.view-filters .bef-slider .ui-slider-range.ui-widget-header { background: #f5b030; background: #b6c1cd; height: 2px !important; } .page-booking-table .booking-table-custom>.view-filters .bef-slider .ui-state-default, .page-booking-table .booking-table-custom>.view-filters .bef-slider .ui-widget-header .ui-state-default { border: none; background: #ffffff; font-weight: 400; color: #555; margin-top: -2px; width: 15px !important; height: 15px; margin-left: -10px !important; border-radius: 50%; /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.22); */ border: 2px solid #f5b030; border: 3px solid #b6c1cd; display: block !important; cursor: pointer; z-index: 1; } .page-booking-table .booking-table-custom>.view-filters .bef-slider .ui-state-default:hover { background: #f5b030; background: #b6c1cd; } /*#edit-field-number-people-value-min, #edit-field-number-rooms-value-min, #edit-field-number-people-value-max, #edit-field-number-rooms-value-max { position: absolute; width: auto !important; top: -20px; } #edit-field-number-people-value-max, #edit-field-number-rooms-value-max { right: 0 !important; text-align: right; } #edit-field-number-people-value-min, #edit-field-number-rooms-value-min { left: 0 !important; text-align: left; }*/ .page-booking-table .bookingTable { width: 100%; /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.29);*/ } .page-booking-table .bookingTable td { border-right: 1px solid #dde6ea; border-bottom: 1px solid #dde6ea; font-size: 11pt; height: 65px; text-align: center; position: relative; /*padding: 0 10px !important;*/ padding: 0 !important; /* background: #fff; */ line-height: 15px; } .bookingTable.dailyPopulationTable td { height: 58px; } table.bookingTable.dailyTable tr { background: none; } .bookingTable .bookingTableContent-date { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .bookingTable .bookingTableContent-date:hover { background: rgba(234, 234, 234, 0.3); cursor: pointer; } .bookingTable .bookingTableContent-date:before { content: "+"; opacity: 0; color: #90dad6; font-family: "SegoeUIBold"; font-size: 20pt; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; line-height: 0; top: 50%; width: 100%; right: 0; text-align: center; pointer-events: none; } .bookingTable .bookingTableContent-date:hover:before { opacity: 0.5; } .bookingTableContent-date.bookingTableContent-child-booking:before, .bookingTableContent-date.bookingTableContent-ordering:before, .bookingTableContent-date.bookingTableContent-hovered:before, .bookingTableContent-date.bookingTableContent-hovered-active:before, .bookingTableContent-addElOrderProduct:before, .bookingTable.tourTable td:before { display: none; } .bookingTable .bookingTableContent-status { font-size: 8pt; /* position: absolute; */ width: 100%; top: 0; text-align: center; left: 0; /* padding: 6px 3px; */ max-width: 150px; /* max-height: 15px; */ display: inline-block; /* overflow: hidden; */ line-height: 100%; } .bookingTableContent-status.bookingTableContent-status-6 { max-width: 100px; } .bookingTableHead-wrapper-head-date { position: absolute; right: 10px; top: 29px; /* line-height: 0; */ color: #f5b030; /* opacity: 0.5; */ } .bookingTableHead-wrapper-head-date input { padding: 0 !important; padding-bottom: 14px !important; width: 85px !important; display: inline !important; background: none !important; border: none !important; cursor: pointer; } .blockContent-createOrder { opacity: 0; } .bookingTableHead-wrapper-head-date input:focus { outline: none; color: #fff; } .page-booking-table .bookingTable th { height: 65px; text-align: center; position: relative; z-index: 1; } .page-booking-table .bookingTable tr { background: #fff; } .page-booking-table .bookingTable td:first-child, .page-booking-table .bookingTable th:first-child { text-align: left; } .page-booking-table td.bookingTableContent-main { padding: 10px !important; } .page-booking-table td.bookingTableContent-main span { display: block; font-size: 11pt; color: #a7b2bf; line-height: 20px; font-family: "SegoeUIBold"; } .hourRangeTable td.bookingTableContent-main { width: 350px !important; } @media (max-width: 1485px) { .hourRangeTable td.bookingTableContent-main { width: 300px !important; } } @media (max-width: 1450px) { .hourRangeTable td.bookingTableContent-main { width: 200px !important; } } .bookingTableContent-date.bookingTableContent-ordering { vertical-align: top; } td .blockContent-ordering { padding: 10px !important; border-bottom: 1px solid #bdcdd4; background: #dde6ea !important; cursor: pointer; position: relative; } @media (max-width: 1700px) { .bookingTable.dailyPopulationTable .bookingTableContent-fio { word-wrap: break-word; } } @media (max-width: 1650px) { .blockContent-ordering:after { top: 4px !important; left: 4px !important; width: 8px !important; height: 8px !important; } .page-booking-table .bookingTable th { font-size: 10pt; } } @media (max-width: 1300px) { td .blockContent-ordering { padding: 7px 3px !important; } .bookingTableContent-number-order { font-size: 10pt; } .bookingTableContent-fio { word-wrap: break-word; } } @media (max-width: 1200px) { .page-booking-table .main-block-table .view-content { overflow-x: auto !important; } } @media (max-height: 730px) { .page-booking-table .bookingTable th { height: 55px; } .page-booking-table .bookingTable td { height: 55px; } .bookingTableContent-addElOrder { line-height: 47px !important; font-size: 27pt !important; } .order-bottom-activated.page-booking-table .booking-order-info { height: 255px; } .order-bottom-activated.page-booking-table .main-block-table .view-content { height: calc(100% - 190px); } .page-booking-table .booking-table-custom>.view-filters #edit-term-node-tid-depth .form-item>label.control-label { padding: 15px 10px 15px 43px !important; line-height: 115%; } .booking-order-info .booking-order-row td { /*line-height: 12px;*/ padding: 10px 10px !important; } .booking-order-info .booking-order-title { padding: 13px 35px; min-height: 55px; } .booking-order-title .booking-order-button { margin-top: -13px; margin-bottom: -4px; } .booking-order-info .booking-order-content .active-content { height: calc(100% - 55px); padding: 5px 15px; } .booking-order-info .booking-order-row th { padding-bottom: 4px !important; } .more-filters>.form-item>.control-label.name-display, .more-filters>.form-item .date-padding { height: 55px; } .more-filters>.form-item .date-padding label { padding: 17px 10px; } .more-filters .form-item.interval-date .form-item label.control-label { top: 45% !important; } .more-filters>.form-item .date-padding { background-position-y: 36% !important; } } @media (max-height: 730px) { .order-bottom-activated.bottom-order-extended.page-booking-table .booking-order-info { max-height: 700px; height: 400px; } .order-bottom-activated.bottom-order-extended.page-booking-table .main-block-table .view-content { height: calc(100% - 335px); } } .bookingTableContent-allOrdering { cursor: auto !important; } .bookingTable:not(.dailyPopulationTable) td .blockContent-ordering { height: 100%; } .blockContent-createOrRemove { height: 100%; padding: 10px !important; /*background: #f9f9f9 !important;*/ /*z-index: 111111;*/ position: relative; opacity: 1; overflow: hidden; } .bookingTableContent-availableOrdering .blockContent-createOrRemove:before, .bookingTableContent-allOrdering .blockContent-createOrRemove:before { content: "+"; opacity: 0; color: #90dad6; font-family: "SegoeUIBold"; font-size: 20pt; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; line-height: 0; top: 50%; width: 100%; right: 0; text-align: center; pointer-events: none; } .bookingTableContent-availableOrdering .blockContent-createOrRemove:hover:before, .bookingTableContent-allOrdering .blockContent-createOrRemove:hover:before { opacity: 0.5; } .bookingTableContent-availableOrdering .blockContent-removeElOrder, .bookingTableContent-allOrdering .blockContent-removeElOrder { background: #90DAD6 url(/img/close.png) center no-repeat; background-size: 20px; text-indent: -999999px; } .blockContent-countFreePeople { color: #96d2cf; text-align: right; font-weight: 600; } .hourRangeTable td>div:last-child { /*border-right: none !important;*/ } .bookingTableContent-availableOrdering .blockContent-createOrRemove, .bookingTableContent-allOrdering .blockContent-createOrRemove, .hourRangeTable .blockContent-ordering.blockContent-ordering-type-141 { float: right; width: 50%; } .hourRangeTable .blockContent-ordering.blockContent-ordering-type-140, .hourRangeTable .blockContent-ordering.blockContent-ordering-type-141+.blockContent-createOrRemove { float: left; width: 50%; } .hourRangeTable .blockContent-ordering { border-left: 1px solid #bdcdd4 !important; border-right: 1px solid #bdcdd4 !important; } .hourRangeTable .bookingTableContent-allOrdering .blockContent-ordering.blockContent-ordering-type-141 { border-left: none !important; } .bookingTableContent-allOrdering+.bookingTableContent-first-day>div:first-child { border-left: 1px solid #bdcdd4; } .hourRangeTable td { width: 250px; } .bookingTableContent-allOrdering+.bookingTableContent-allOrdering, .bookingTableContent-allOrdering+.bookingTableContent-allOrdering .blockContent-ordering-type-140, .bookingTableContent-allOrdering+.bookingTableContent-allOrdering .blockContent-ordering-type-142, .bookingTableContent-allOrdering+.bookingTableContent-availableOrdering, .bookingTableContent-allOrdering+.bookingTableContent-availableOrdering .blockContent-ordering-type-140, .bookingTableContent-allOrdering+.bookingTableContent-availableOrdering .blockContent-ordering-type-142, .bookingTableContent-availableOrdering+.bookingTableContent-allOrdering, .bookingTableContent-availableOrdering+.bookingTableContent-allOrdering .blockContent-ordering-type-140, .bookingTableContent-availableOrdering+.bookingTableContent-allOrdering .blockContent-ordering-type-142, .bookingTableContent-availableOrdering+.bookingTableContent-availableOrdering, .bookingTableContent-availableOrdering+.bookingTableContent-availableOrdering .blockContent-ordering-type-140, .bookingTableContent-availableOrdering+.bookingTableContent-availableOrdering .blockContent-ordering-type-142 { border-left: none !important } .page-booking-table .bookingTable.dailyPopulationTable .bookingTableContent-date.bookingTableContent-ordering { padding: 2px !important; background: none; cursor: auto; } .bookingTable.dailyPopulationTable td .blockContent-ordering { /*border-left: none !important;*/ border: 1px solid #bdcdd4 !important; /*border-top: none !important;*/ float: left; width: 100px; /*max-width: 150px;*/ } .bookingTable.dailyPopulationTable td .blockContent-ordering:nth-child(2n+1) { clear: both; } .bookingTable.dailyPopulationTable td.bookingTableContent-date { min-width: 100px; } .bookingTable.dailyPopulationTable td.bookingTableContent-allOrdering#countOrder-1 { width: 103px; } .bookingTable.dailyPopulationTable td.bookingTableContent-allOrdering:not(#countOrder-1), .bookingTable.dailyPopulationTable td.bookingTableContent-availableOrdering:not(#countOrder-1), .bookingTable.dailyPopulationTable td.bookingTableContent-availableOrdering#countOrder-1 { width: 205px; } .bookingTable.dailyPopulationTable td#countOrder-1 .blockContent-ordering, .bookingTable.dailyPopulationTable td.bookingTableContent-allOrdering#countOrder-2 .blockContent-ordering { /*height: 100% !important;*/ } .bookingTable.dailyPopulationTable .blockContent-createOrRemove { float: left; width: 100px; height: 52px; cursor: pointer; } .bookingTable.dailyPopulationTable .bookingTableContent-availableOrdering .blockContent-createOrRemove:before { opacity: 0.4; cursor: pointer; } .bookingTable.dailyPopulationTable .bookingTableContent-availableOrdering .blockContent-createOrRemove:not(.blockContent-removeElOrder):hover { background: rgba(234, 234, 234, 0.3); } .bookingTable.dailyPopulationTable .bookingTableContent-availableOrdering .blockContent-createOrRemove:hover:before { opacity: 0.8; } .bookingTableContent-child-booking .blockContent-createOrRemove.blockContent-createOrder { display: none; } @media (max-width: 1650px) { .bookingTable.dailyPopulationTable td .blockContent-ordering, .bookingTable.dailyPopulationTable .blockContent-createOrRemove { width: 80px; } .bookingTable.dailyPopulationTable td.bookingTableContent-allOrdering#countOrder-1 { width: 83px; } .bookingTable.dailyPopulationTable td.bookingTableContent-allOrdering:not(#countOrder-1), .bookingTable.dailyPopulationTable td.bookingTableContent-availableOrdering:not(#countOrder-1), .bookingTable.dailyPopulationTable td.bookingTableContent-availableOrdering#countOrder-1 { width: 165px; } } @media (max-width: 1450px) { .bookingTable.dailyPopulationTable td .blockContent-ordering, .bookingTable.dailyPopulationTable .blockContent-createOrRemove { width: 70px; } .bookingTable.dailyPopulationTable td.bookingTableContent-allOrdering#countOrder-1 { width: 73px; } .bookingTable.dailyPopulationTable td.bookingTableContent-allOrdering:not(#countOrder-1), .bookingTable.dailyPopulationTable td.bookingTableContent-availableOrdering:not(#countOrder-1), .bookingTable.dailyPopulationTable td.bookingTableContent-availableOrdering#countOrder-1 { width: 145px; } } .page-booking-table .bookingTable th .bookingTableHead-wrapper-content { height: 20px; color: #f5b030; font-family: "SegoeUIBold"; line-height: 16px; } .bookingTableHead-wrapper-head.day-of-week-6 .bookingTableHead-wrapper-content, .bookingTableHead-wrapper-head.day-of-week-0 .bookingTableHead-wrapper-content { color: #90dad6 !important; } .page-booking-table .bookingTable.hourlyTable .bookingTableHead-wrapper-content { font-size: 10pt; font-family: "SegoeUIRegular"; } .page-booking-table .bookingTable th .bookingTableSort { background: none; border: none; width: auto !important; display: block; padding: 0 !important; font-size: 10pt; } .bookingTableContent-ordering { /*background: #dde6ea !important;*/ /*border-right: none !important;*/ /*border-bottom: 1px solid #bdcdd4 !important;*/ cursor: pointer; } .bookingTableContent-child-booking { /*background: #bdcdd4 !important;*/ /*border-right: 1px solid #bdcdd4 !important;*/ background: #f5b0303d !important; border-right: 1px solid #FAD897 !important; border-bottom: 1px solid #FAD897 !important; cursor: auto !important; } .bookingTableContent-first-day { border-left: 1px solid #bdcdd4 !important; } .hourlyTable .bookingTableContent-last-day .blockContent-ordering { background: #fdeccd !important; border-bottom: 1px solid #fad897 !important; pointer-events: none; } .hourlyTable .bookingTableContent-last-day .blockContent-ordering:before { content: "\f021"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 15pt; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; text-align: center; width: 100%; left: 0; top: 50%; line-height: 0; color: #8fb8ca; } .bookingTableContent-addElOrder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; /*padding: 34% 0;*/ line-height: 55px; font-size: 30pt; color: #22B5AD; font-family: "SegoeUISemiBold"; } .bookingTableContent-removeElOrder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; color: #22B5AD; font-family: "SegoeUISemiBold"; background: url(/img/close.png) center no-repeat; background-size: 20px; text-indent: -999999px; } .page-admin-structure-views .bookingTableContent-removeElOrder { display: none; } .bookingTableContent-tour-available { /*border: 1px solid #22B5AD !important;*/ background: rgb(203, 230, 247) !important } .bookingTableContent-tour-available a { color: #2a3540; } .bookingTableContent-tour-available a:hover { color: #3685ad; } table.bookingTable.tourTable .bookingTableContent-date:not(.bookingTableContent-tour-available) { background: #f3f7f9 !important; cursor: auto; } .bookingTableContent-addTour:before { content: "\f271"; font: normal normal normal 14px/1 FontAwesome; font-size: 14pt; top: -2px; position: relative; } .bookingTableContent-listTour:before { content: "\f03a"; font: normal normal normal 14px/1 FontAwesome; font-size: 14pt; } .bookingTableContent-hovered { background: rgba(144, 218, 214, 0.5) !important; } .bookingTableContent-hovered-active { background: #90DAD6 !important; } .page-booking-table .bookingTable.productTable tr { background: none !important; } .page-booking-table .bookingTable.productTable tr:hover { background: rgba(234, 234, 234, 0.3) !important; } .page-booking-table .bookingTable.productTable td { background: none !important; } .bookingTableContent-addElOrderProduct { font-size: 30pt; color: #22B5AD; font-family: "SegoeUISemiBold"; cursor: pointer; margin: -25px -10px !important; display: block; /*line-height: 100%;*/ } .bookingTableContent-removeElOrderProduct { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; color: #22B5AD; font-family: "SegoeUISemiBold"; background: #22b5ad url(/img/close.png) center no-repeat; background-size: 20px; text-indent: -999999px; } /*-filters-use*/ .views-widget-filter-field_number_people_value, .views-widget-filter-field_number_rooms_value, #edit-field-category-tid-123-wrapper, #edit-field-product-type-tid-prod-wrapper, .form-item.interval-date { max-height: 1px; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-top: -1px !important; } #edit-field-category-tid-123-wrapper>label, #edit-field-product-type-tid-prod-wrapper>label { background: #fff; } #edit-field-category-tid-123-wrapper .form-item:first-child { /*display: none;*/ } #filt-edit-term-node-tid-depth-160 .views-widget-filter-field_number_rooms_value, #filt-edit-term-node-tid-depth-161 .views-widget-filter-field_number_rooms_value { max-height: 65px; margin-top: 0 !important; } #filt-edit-term-node-tid-depth-137 .views-widget-filter-field_number_people_value, #filt-edit-term-node-tid-depth-136 .views-widget-filter-field_number_people_value, #filt-edit-term-node-tid-depth-133 .views-widget-filter-field_number_people_value, #filt-edit-term-node-tid-depth-134 .views-widget-filter-field_number_people_value { max-height: 65px; margin-top: 0 !important; } #filt-edit-term-node-tid-depth-133 .form-item.interval-date, #filt-edit-term-node-tid-depth-134 .form-item.interval-date, #filt-edit-term-node-tid-depth-135 .form-item.interval-date { max-height: 65px; margin-top: 0 !important; } #filt-edit-term-node-tid-depth-158 #edit-field-category-tid-123-wrapper, #filt-edit-term-node-tid-depth-164 #edit-field-product-type-tid-prod-wrapper { max-height: 2000px; margin-top: 0 !important; background: #e5eaed; /*border-bottom: 1px solid #dde6ea;*/ } #edit-field-category-tid-123-wrapper:after, #edit-field-product-type-tid-prod-wrapper:after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; left: 0; border-bottom: 1px solid #c1cace; } #filt-edit-term-node-tid-depth-164 .bookingDateButtons { display: none; } /*#filt-edit-term-node-tid-depth-163 .views-exposed-widget.views-widget-filter-term_node_tid_depth:after { left: -40px; } #filt-edit-term-node-tid-depth-163 .booking-table-custom>.view-filters .views-exposed-widget.views-widget-filter-term_node_tid_depth { padding-bottom: 0px !important; border-bottom: 1px solid #fff; }*/ #edit-field-category-tid-123-wrapper .form-item, #edit-field-product-type-tid-prod-wrapper .form-item:not(.form-group) { width: 50%; float: left; height: 65px; padding: 0 !important; border-bottom: 1px solid #c1cace; position: relative; cursor: pointer; overflow: hidden; background: #fff url(/img/noncheck.png) 95% 50% no-repeat; } .form-item.interval-date>div { width: 50%; float: left; height: 65px; padding: 0 !important; border-bottom: 1px solid #c1cace; position: relative; cursor: pointer; overflow: hidden; background: url(/img/calend.png) 95% 50% no-repeat; } #edit-field-category-tid-123-wrapper .form-item:nth-child(2n-1), #edit-field-product-type-tid-prod-wrapper .form-item:not(.form-group):nth-child(2n-1), .form-item.interval-date>#edit-filt-min{ border-right: 1px solid #c1cace; } #edit-field-category-tid-123-wrapper .form-item label, #edit-field-product-type-tid-prod-wrapper .form-item:not(.form-group) label, .more-filters .form-item.interval-date .form-item label.control-label { border-bottom: none !important; position: absolute; width: calc(100% - 50px) !important; padding: 0 !important; line-height: 120%; font-size: 10pt; color: #858e92; top: 50%; left: 7px; transform: translate(-0%, -50%); -webkit-transform: translate (-0%, -50%); -moz-transform: translate (-0%, -50%); -ms-transform: translate (-0%, -50%); -o-transform: translate (-0%, -50%); transform: translate (-0%, -50%); cursor: pointer; background: none !important; color: #aab6c3; font-family: "SegoeUIBold"; font-size: 12px; word-wrap: break-word; } #edit-field-category-tid-123-wrapper .form-item.active, #edit-field-product-type-tid-prod-wrapper .form-item.active { background: #e5eaed; background: #fff url(/img/check.png) 95% 50% no-repeat; } #edit-field-category-tid-123-wrapper .form-item.active label, #edit-field-product-type-tid-prod-wrapper .form-item.active label { color: #2a3540 !important; } #edit-field-category-tid-123-wrapper .form-item label:after, #edit-field-product-type-tid-prod-wrapper .form-item label:after, .more-filters .form-item.interval-date .form-item label.control-label:after { width: 400px; height: 400px; display: block; content: ""; position: absolute; top: -200px; left: -200px; } .form-item.interval-date input { position: absolute; bottom: 3px; left: 5px; color: #2a3540; } .booking-table-custom .more-filters { border-top: 1px solid #dde6ea; margin-top: -1px; } .bookingTableContent-fio { display: none; /* position: absolute; */ font-size: 8pt; /* position: absolute; */ width: 100%; bottom: 0; text-align: center; left: 0; padding: 3px 1px; line-height: 9px; color: #82969e; font-family: "SegoeUISemiBold"; z-index: 1; } .hourlyTable .bookingTableContent-fio { /*width: 150%; text-align: left; left: 0;*/ } .names-on .bookingTableContent-fio { display: block !important; } label.control-label.name-display { color: #B6C1CD; font-family: "SegoeUIBold"; background: url(/img/noncheck.png) 98% 50% no-repeat; cursor: pointer; } .names-on label.control-label.name-display { color: #B6C1CD; color: #2a3540; background: url(/img/check.png) 98% 50% no-repeat; } .page-booking-table .tooltip.fade.left.in{ display: none !important; } @media (min-width: 1000px) { body.vocabulary_14 { overflow: hidden; } .page-booking-table .main-block-table .view-content::-webkit-scrollbar-thumb { background: #3a424a; cursor: pointer; } .page-booking-table .main-block-table .view-content::-webkit-scrollbar { width: 5px; background: #b6c1cd; } .page-booking-table .booking-table-custom>.view-filters::-webkit-scrollbar-thumb { background: #3a424a; cursor: pointer; } .page-booking-table .booking-table-custom>.view-filters::-webkit-scrollbar { width: 5px; background: #b6c1cd; } .top-search-focus .view-id-order_search .view-content::-webkit-scrollbar-thumb { background: #3a424a; cursor: pointer; } .top-search-focus .view-id-order_search .view-content::-webkit-scrollbar { width: 5px; background: #b6c1cd; } .booking-order-info .booking-order-row::-webkit-scrollbar-thumb { background: #3a424a; cursor: pointer; } .booking-order-info .booking-order-row::-webkit-scrollbar { width: 5px; background: #b6c1cd; } .booking-order-info .booking-order-content .active-content::-webkit-scrollbar-thumb { background: #3a424a; cursor: pointer; } .booking-order-info .booking-order-content .active-content::-webkit-scrollbar { width: 5px; background: #b6c1cd; } .popup-reservation::-webkit-scrollbar-thumb { background: #b6c1cd; cursor: pointer; } .popup-reservation::-webkit-scrollbar { width: 8px; background: #3a424a; } } @media (max-width: 1450px) { .page-booking-table .bookingTable th { height: 55px; font-size: 10pt; padding: 8px; } .page-booking-table .booking-table-custom>.view-filters { width: 250px; } .page-booking-table .main-block-table { width: calc(100% - 250px); padding: 65px 35px 5px; } .page-booking-table .region.region-share { left: 250px; margin-left: 35px; width: calc(100% - 250px - 35px - 35px) !important; } .page-booking-table .booking-order-info { left: 250px; margin-left: 35px; width: calc(100% - 250px - 35px - 35px) !important; } .order-bottom-activated.page-booking-table .main-block-table .view-content { /*height: calc(100% - 170px);*/ } .page-booking-table .bookingDateButtons { width: calc(100% - 70px); } .booking-order-tabs a { padding: 0 11px; } .booking-order-title .booking-order-button a { background-size: 100%; /*display: block !important;*/ width: 52px !important; /*height: 40px !important;*/ } .page-booking-table td.bookingTableContent-main, .page-booking-table td.bookingTableContent-main span { font-size: 10pt !important; line-height: 100%; } .page-booking-table .view-filters #edit-field-shelter-tid-wrapper .views-widget { /*position: absolute;*/ top: 41px; left: 7px; /* width: 200px; */ right: inherit; } .view-id-order_search tr td, .view-id-order_search tr th { font-size: 11pt; line-height: 110% !important; } .selectize-control.multi .selectize-input [data-value] { font-size: 9pt !important; } } .form-item.webform-component.webform-component-checkbox input { width: inherit !important; /* margin: inherit !important; */ margin: 0 !important; padding: inherit !important; min-width: inherit !important; height: inherit !important; display: inherit !important; float: left; position: relative; top: 3px; } .form-item.webform-component.webform-component-checkbox label { width: inherit !important; margin: inherit !important; padding: 0 !important; min-width: inherit !important; height: inherit !important; display: inherit !important; float: none; text-align: left; padding-left: 20px !important; } .popup-reservation .form-item.webform-component-textarea { padding-bottom: 20px; } #active-leisure .popup-reservation:not(.reservation-object) .reservation-calendar { opacity: 0.7; } #active-leisure .popup-reservation:not(.reservation-object) .proCalendar-calendar, #active-leisure .popup-reservation:not(.reservation-object) .proCalendar-navigation>*:not(.cal-close) { pointer-events: none; } #active-leisure .popup-reservation:not(.reservation-object) .reservation-calendar .proCalendar-cell { -webkit-filter: grayscale(100%); filter: grayscale(100%); } #active-leisure .popup-reservation:not(.reservation-object) .cal-open span, #active-leisure .popup-reservation:not(.reservation-object) .skew-button.button-left.grey-button.cal-desc span { color: #b6c1cd; } /* content block */ body.show-contentblock .leaflet-control-container, body.show-contentblock .fires-layer { display: none; } div.contentblock { display: none; } div.contentblock.show-contentblock { display: block; position: absolute; width: 100%; height: 100%; z-index: 4000; top: 0; } div.contentblock.show-contentblock .close-content { z-index: 4; width: 35px; height: 35px; top: 30px; right: 20px; } /*div.contentblock.show-contentblock h3 { position: absolute; width: calc(60% - 40px); text-align: center; color: #212B34; font-family: "SegoeUILight"; font-size: 24pt; left: 40px; }*/ div.contentblock.show-contentblock>h3 { position: absolute; text-align: left; text-align: right; color: #212B34; font-family: "SegoeUISemiBold"; font-size: 24pt; height: auto; /* right: 0px; */ /* background: #F0A901; */ z-index: 1; top: 0; width: calc(60% - 300px); margin: 0; padding: 25px 45px; line-height: 40px; } .contentblock .more-reservation { position: absolute; right: calc(40% + 10px); top: 25px; z-index: 2; } @media (max-width: 1000px) { .contentblock .more-reservation { right: 80px; top: 12px; } } @media (max-width: 800px) { .contentblock .more-reservation { left: 50px; top: 100px; } } div.contentblock.show-contentblock div.contentdesc { width: 100%; height: 100%; background: rgb(213, 220, 222); /*background: rgba(229, 234, 237, 0.9);*/ background: rgba(213, 220, 222, 0.98); } div.contentblock.show-contentblock div.contentdesc div.block-images { position: absolute; width: calc(60% - 40px); height: calc(100% - 80px); top: 80px; overflow: hidden; left: 40px; /* Стиль для одного изображения и слайдера */ } div.contentblock.show-contentblock div.contentdesc div.block-images img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: calc(100% - 25px); width: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); } div.contentblock.show-contentblock div.contentdesc div.block-images .flexslider { position: absolute; /* top: 50%; */ /* left: 50%; */ /* transform: translate(-50%, -50%); */ height: 100%; width: 100%; background: none; border: none; } div.contentblock.show-contentblock div.contentdesc div.block-images .flexslider li { height: 100%; width: 100%; display: block !important; } div.contentblock.show-contentblock div.contentdesc div.block-images img .slides, div.contentblock.show-contentblock div.contentdesc div.block-images .flexslider .slides { width: 100% !important; height: 100%; background: none; } div.contentblock.show-contentblock div.contentdesc div.block-images img .flex-next, div.contentblock.show-contentblock div.contentdesc div.block-images .flexslider .flex-next { /*right: -15px; background: url(/img/w-next.png) no-repeat center;*/ width: 45px; height: 55px; background: rgba(212, 219, 220, 0.58) url(/img/next.png) center no-repeat; background-position: 50%; background-size: 13px auto; right: 0; } div.contentblock.show-contentblock div.contentdesc div.block-images img .flex-prev, div.contentblock.show-contentblock div.contentdesc div.block-images .flexslider .flex-prev { /*left: -15px; background: url(/img/w-back.png) no-repeat center;*/ width: 45px; height: 55px; background: rgba(212, 219, 220, 0.58) url(/img/back.png) center no-repeat; background-position: 50%; background-size: 13px auto; left: 0; } div.contentblock.show-contentblock div.contentdesc div.right_block_more { position: absolute; width: calc(40% - 30px); height: 100%; right: 0px; top: 0px; background: #fff; color: #212B34; overflow: auto; padding: 120px 40px 40px 60px; padding: 20px 40px 40px 60px; background-image: url(../img/v-line-op.png); background-repeat: repeat-y; background-position-x: 45px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.29); } .right_block_more .more_description li { list-style: none; margin-bottom: 10px; padding-left: 20px; position: relative; } .bubble_body_summary li { list-style: none; margin-bottom: 5px; /* padding-left: 10px; */ position: relative; } .right_block_more .more_description ul { margin-left: -40px; } .more_description li:before { /* color: #f1ad0d; */ color: #d6d7d7; content: ""; padding-right: 10px; /* width: 10px; */ /* height: 10px; */ /* background: url(/img/point.png) center no-repeat; */ /* background-size: 100%; */ /* margin: 10px 10px 10px 0px; */ font: normal normal normal 14px/1 FontAwesome; content: "\f111"; font-size: 12px; /* display: inline-block; */ position: absolute; margin-left: -20px; top: 6px; } .bubble_body_summary li:before { color: #d6d7d7; content: ""; padding-right: 10px; /* width: 10px; */ /* height: 10px; */ /* background: url(/img/point.png) center no-repeat; */ /* background-size: 100%; */ /* margin: 10px 10px 10px 0px; */ font: normal normal normal 14px/1 FontAwesome; content: "\f111"; font-size: 10px; /* display: inline-block; */ position: absolute; margin-left: -24px; top: 7px; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description { /* top: 0; position: absolute; width: 100%; height: 100%; overflow: hidden; */ } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head { background: url(/images/obj-bg-grid.png) no-repeat; position: relative; padding-top: 20px; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head span.icon_object { background: none; top: calc(17.5%); position: absolute; left: 0; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head span.icon_object img { width: 35px; position: absolute; display: table; margin: auto; overflow: auto; height: auto; top: 0; right: 0; bottom: 0; left: 0; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head h1 { margin: 0; padding: 0px 80px 0px 65px; font-size: 35px; font-family: "SegoeUIRegular", Helvetica, sans-serif; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head span.small_description, div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head .price { margin: 0; padding: 10px 80px 10px 65px; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head span.small_description > span, div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_head .price > span { display: block; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_info { background: #f0950b url(/images/obj-bg-grid.png) no-repeat; padding-left: 25px; padding-top: 5px; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_info span { width: 50%; float: left; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.right_block_more_info span.description { width: 100%; float: none; padding-left: 0; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block { background: url(/images/obj-bg-grid.png) no-repeat; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_buttons_zone { height: 60px; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_buttons_zone span.readmore_button { width: 33.33333333%; height: 100%; display: block; float: left; text-align: center; cursor: pointer; position: relative; border: 1px solid #f0950b; background-color: #b57108; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_buttons_zone span.readmore_button.selected { background: none; border: none; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_buttons_zone span.readmore_button:hover { background-color: #c97d09; border: 1px solid #f0950b; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_buttons_zone span.readmore_button.events { width: 100%; border: none; background-color: #f0950b; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_buttons_zone span.readmore_button_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; width: 90%; font-size: 12pt; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_view_block { padding: 60px; padding-bottom: 0px; } div.contentblock.show-contentblock div.contentdesc div.right_block_more div.more_description div.more_information_block div.readmore_view_block div.readmore_view { font-size: 12pt; } div.mainblock .block1 div.bubble a.close, div.contentblock.show-contentblock .close-content { display: block; position: absolute; right: 35px; top: 20px; width: 25px !important; height: 25px !important; background: url(/img/close-dark.png); background-size: 100%; opacity: 1; cursor: pointer; } div.contentblock.show-contentblock .close-content:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .right_block_more article.node header h2 { display: none; } .logged-in div.contentblock.show-contentblock { margin-top: 35px; height: calc(100% - 35px); } .no-active-btn { pointer-events: none; opacity: 0.8; } .page-booking-table .lightbox2-orig-layout #outerImageContainer, .page-booking-table .lightbox2-orig-layout iframe#lightboxFrame { /*width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; padding: 0 !important; border: none !important;*/ } .blockContent-ordering:after { content: ""; display: block; position: absolute; top: 10px; left: 10px; width: 10px; height: 10px; border-radius: 50%; } .blockContent-ordering-status-6:after { background: #f5308b; } .blockContent-ordering-status-7:after { background: #a5b0b5; } .blockContent-ordering-status-9:after { background: #64c0ea; } .blockContent-ordering-status-11:after { background: #62d6cc; } /*-lightbox-*/ #lightbox { height: 100%; } #outerImageContainer { max-height: calc(100% - 100px); overflow-y: auto; } #imageDataContainer { background: none !important; color: #fff; top: -50px; position: absolute; width: 1200px; font-size: 15pt; margin-left: -600px; left: 50%; z-index: 9; } #imageDataContainer span { color: #fff; font-family: "SegoeUILight"; } #bottomNavClose { padding: 34px 0!important; background: url(/img/close_more.png) 44% 50% no-repeat !important; margin: 0 !important; padding: 0 !important; margin-right: -13px !important; } .page-node-lightbox2 { padding: 40px 20px; } .vocabulary_14 .filter-137 span.views-label.views-label-field-price-per-day:after, .vocabulary_14 .filter-137 span.views-label.views-label-field-price-for-evening-visit:after, .vocabulary_14 .filter-137 span.views-label.views-label-field-daily-weekday-price-1:after, .right_block_more span.hour-range-text { display: block; position: absolute; font-size: 9pt; color: #708090; } .vocabulary_14 .filter-137 span.views-label.views-label-field-price-per-day:after{ content: "(с 10-00 до 16-00)"; } .vocabulary_14 .filter-137 span.views-label.views-label-field-price-for-evening-visit:after{ content: "(с 16-00 до 22-00)"; } .vocabulary_14 .filter-137 span.views-label.views-label-field-daily-weekday-price-1:after{ content: "(с 10-00 до 22-00)"; } .reservation-empty { font-size: 17pt; padding: 20px 0 0; color: #5f676f; } .popup-reservation:not(.list-reservation) .reservation-empty { display: none !important; } a.booking-order-create.createOrder { font-family: "SegoeUIBold"; color: #22b5ad; font-size: 12pt !important; /* text-align: center !important; */ /* display: block; */ margin-left: 20px; display: inline-block; float: left; line-height: 100%; cursor: pointer; } a.booking-order-last { font-family: "SegoeUIBold"; color: #51666b; font-size: 12pt !important; margin-left: 20px; display: inline-block; float: left; cursor: pointer; border-left: 1px solid #b6c1cd; padding-left: 20px; } a.booking-order-create.createOrder:hover, a.booking-order-last { color: #51666b; } a.booking-order-create.createOrder b { font-size: 15pt; margin-right: 5px; } .order-bottom-activated a.booking-order-create.createOrder { display: none; } .order-bottom-activated a.booking-order-last { display: none; } .page-booking-table>#lightbox { height: calc(100% - 338px); width: calc(100% - 300px); padding: 65px; padding-top: 0; padding-bottom: 0; top: 38px !important; margin-left: 300px !important; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .bottom-order-extended.page-booking-table>#lightbox { height: calc(100% - 493px) !important; } .page-booking-table>#lightbox>#outerImageContainer, .page-booking-table>#lightbox>#outerImageContainer iframe, .page-booking-table>#lightbox>#outerImageContainer #frameContainer { width: 100% !important; height: 100% !important; max-height: 100%; padding-left: 0 !important; padding-right: 0 !important; } .page-booking-table>#lightbox2-overlay { /* display: none !important; */ background-color: #e5eaed !important; opacity: 0.5 !important; z-index: 1 !important; pointer-events: none !important; width: 100% !important; height: 100% !important; } .page-booking-table>#lightbox #imageDataContainer { top: 0; height: 0px !important; width: calc(100% - 130px) !important; left: 65px; margin: 0 !important; } .page-booking-table>#lightbox #imageDataContainer #bottomNav, .page-booking-table>#lightbox #imageDataContainer #imageData { width: 100% !important; } .page-booking-table>#lightbox #imageData #bottomNav { height: 0 !important; margin: 0 !important; } .page-booking-table>#lightbox a#bottomNavClose { background: url(/img/skew-close.png) no-repeat !important; width: 60px; height: 50px; /* margin-top: 53px !important; */ margin-right: -13px !important; position: absolute; right: 0; } .page-booking-table>#lightbox #frameHoverNav, .page-booking-table>#lightbox #numberDisplay { display: none !important; } @media (max-width: 1450px) { .page-booking-table>#lightbox { width: calc(100% - 250px); padding: 65px 35px 5px; padding-top: 0; padding-bottom: 0; margin-left: 250px !important; } .page-booking-table>#lightbox #imageDataContainer { top: 0; height: 0 !important; /* width: 100% !important; */ width: calc(100% - 70px) !important; left: 35px; margin: 0 !important; } .page-booking-table>#lightbox a#bottomNavClose { /*margin-top: 8px !important;*/ /*margin-right: 50px !important;*/ } } @media (max-height: 730px) { .page-booking-table>#lightbox { height: calc(100% - 297px) !important; /*top: 38px !important;*/ } .bottom-order-extended.page-booking-table>#lightbox { height: calc(100% - 443px) !important; } } /*-transactions-*/ input#form-transaction-amount-for-services, input#form-transaction-amount-for-tickets, input#form-transaction-amount-for-accommodation { width: 70px; text-align: center; } table.table-ballance { font-family: "SegoeUIBold"; } table.table-ballance tr:last-child { /*font-family: "SegoeUIBold";*/ /*color: #f5b030;*/ } table.table-ballance td:first-child { text-align: right; font-size: 11pt !important; } .reservation-content-wrapper.link-add-transaction a { font-family: "SegoeUIBold"; color: #22b5ad; font-size: 11pt !important; text-align: center !important; display: block; } .booking-order-info .booking-order-fields .form-type-radios input.form-control.form-radio { width: auto !important; float: left; } .booking-order-info .booking-order-fields .form-item.form-type-radios label.control-label { position: inherit !important; font-size: 10pt !important; line-height: 26px; margin-right: 20px; } .booking-transactions-order-rows td.plus-status { color: #f5308b; } .booking-transactions-order-rows td.minus-status { color: #6e55bb; } .booking-transactions-order-rows td.no-status { color: #22b5ad; } .booking-order-info .booking-order-row span.totalorderPriceInfo { /*color: #51666b;*/ color: #8b9caf; font-size: 10pt !important; } .booking-transactions-order-rows>table { margin-bottom: 10px; } .booking-transactions-order-rows>table tr:last-child td { border-bottom: 1px solid #b6c1cd; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(182, 193, 205); } .booking-transactions-order-rows>table .form-item.webform-component.webform-component-checkbox label { padding-top: 2px !important; text-shadow: 0 0 40px rgba(15, 42, 72, 0.51); } .booking-order-info tr.create-transaction { background: #b6c1cd !important; color: #000; padding: 0 10px; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.19); font-family: "SegoeUIBold"; } .booking-order-info tr.create-transaction td { background: #b6c1cd !important; color: #fff; } tr.create-transaction td input, tr.create-transaction td select { color: #6f7d8c; border: 1px solid #99adc1; padding: 5px; } tr.create-transaction .form-transaction-button { padding: 10px; display: inline-block; width: 40px; } tr.create-transaction #form-transaction-button { background: #22b5ad; color: #ffffff; font-family: "SegoeUIBold"; margin-right: 5px; } tr.create-transaction #form-transaction-button-cancel { background: #51666b; /* color: #2a3540; */ color: #fff; font-family: "SegoeUIBold"; margin-bottom: 10px; } .booking-order-info .booking-order-row .form-transaction-button>i { font-size: 15pt !important; } .booking-order-info .booking-order-row .message-booking-transactions { font-size: 11pt !important; padding-left: 20px; font-weight: 700; color: #51666b; } .form-customersGroupCities .selectize-dropdown { /*display: none !important;*/ } .booking-order-info .booking-order-fields .info-group-block .form-item label.control-label { left: 10px; } .booking-order-info .info-user-block { width: 66%; float: left; } .booking-order-info .info-group-block { width: calc(34% - 10px); float: left; padding-left: 10px; margin-left: 10px; /* border-left: 1px solid #b6c1cd; */ background: #dde6ea; padding: 10px; padding: 20px 10px 10px; } .booking-order-info .info-group-block .form-control, .booking-order-info .booking-order-fields .info-group-block .form-item { width: 100% !important; } .booking-order-info .booking-order-fields .webform-client-form .form-control.selectize-control { height: auto !important; } .selectize-control.multi .selectize-input [data-value] { background: #2a3540 !important; border-color: #dde6ea !important; box-shadow: none !important; border-radius: 7px !important; /* box-shadow: 0 0 5px rgba(0,0,0,0.52) !important; */ } .selectize-control.plugin-remove_button [data-value] .remove { border-color: #51666b !important; } .booking-order-info .info-group-block *:not(.item):not(.remove) { color: #51666b !important; /*padding-left: 0; padding-right: 0;*/ } .booking-order-info .info-group-block *::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #51666b; } .booking-order-info .info-group-block *::-moz-placeholder { /* Firefox 19+ */ color: #51666b; } .booking-order-info .info-group-block *:-ms-input-placeholder { /* IE 10+ */ color: #51666b; } .booking-order-info .info-group-block *:-moz-placeholder { /* Firefox 18- */ color: #51666b; } .booking-order-info .booking-order-fields .webform-client-form .form-control.selectize-control, .booking-order-info .booking-order-fields .webform-client-form .form-control.selectize-control>.items { padding-left: 0 !important; padding-right: 0 !important; } .booking-order-info .booking-order-fields .webform-client-form .form-control.selectize-dropdown { /*height: auto !important;*/ /*position: initial !important;*/ } .booking-order-info .info-group-block .form-customersEntryAndExitDate input { width: calc(50% - 5px) !important; float: left; } .booking-order-info .booking-order-fields .webform-client-form input#customersEntryAndExitDateFrom { margin-right: 10px; } .booking-order-info .booking-order-fields .webform-client-form .form-control.form-checkbox { width: auto !important; height: auto !important; } .booking-order-info .booking-order-fields .webform-client-form .webform-component-checkbox.form-type-checkbox label.control-label { float: left; width: auto !important; top: 0 !important; position: inherit !important; left: 0 !important; font-size: 10pt !important; padding-left: 5px !important; } .order-bottom-activated:not(.bottom-order-extended) .selectize-dropdown { /* margin-top: -220px; */ top: -29px !important; left: calc(-10px - 100%) !important; /* box-shadow: 0 0 20px rgb(221, 230, 234) !important; */ box-shadow: -4px 0px 20px rgba(173, 189, 195, 0.42); border: 3px solid #dde6ea; } .selectize-dropdown .active { background-color: #dbe2e6 !important; } .selectize-dropdown [data-selectable].option { cursor: pointer; } .booking-order-row.booking-service-order-rows .attr-resservation-date { /* float: left; */ width: 100px; display: inline-block; margin-right: 5px; } .booking-order-row.booking-service-order-rows .attr-resservation-date input { border: none; box-shadow: none; border-bottom: 1px solid #b6c1cd !important; padding: 0 10px !important; height: 19px !important; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: url(/img/field-edit.png) right no-repeat; } .booking-order-row.booking-service-order-rows table td:nth-child(2) { min-width: 245px; } .page-booking-table > #ui-datepicker-div { z-index: 10501 !important; } /*-cashier-*/ .page-booking-table .booking-table-custom>.view-filters .form-item .btn-info { margin: 10px 5px; } @media (max-width: 1450px) { .page-booking-table .booking-table-custom>.view-filters .form-item .btn-info { width: calc(100% - 10px); margin: 5px; } } .work-with-cashier-block-wrapper { position: absolute; background: #fff; top: 0; z-index: 2; width: 100%; box-shadow: 0 0 10px rgba(53, 72, 86, 0.54); padding: 10px; } .work-with-cashier-block>* { width: calc(100% - 10px); margin: 5px; } .work-with-cashier-block input.withdrawal-amount { padding: 8px; margin-top: 15px; font-size: 10pt; border: 1px solid #b6c1cd; } .work-with-cashier-block-wrapper .work-with-cashier-block-close { background: url(/img/skew-close.png) no-repeat !important; width: 60px; height: 50px; /* margin-top: 53px !important; */ margin-right: -13px !important; position: absolute; right: 16px; text-indent: -99999px; top: 0; } .work-with-cashier-block-wrapper .work-with-cashier-block-title { padding: 12px 16px; border-bottom: 1px solid #c1cace; width: calc(100% + 20px); transition: all 0.3s ease-in-out; font-size: 15px; font-family: "SegoeUIBold"; margin: -10px !important; margin-bottom: 10px !important; } .work-with-cashier-block-open.page-booking-table>#lightbox2-overlay { display: block !important; } .work-with-cashier-block-open .form-submit.work-with-cashier-link{ color: #fff !important; background-color: #2a3540 !important; border-color: #2a3540 !important; } .paidItem .attr-resservation { pointer-events: none; filter: grayscale(100%); } .elem-cart.paidItem .reservation-content-wrapper:after { content: ""; /*display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #22b5ad; font-size: 11pt; margin-left: 5px; content: "\f046";*/ } .paidItem .attr-resservation .input-group-btn { opacity: 0.7; } .elem-cart.paidItem .discount-elem-cart { /*display: none;*/ } .elem-cart.paidItem:not(.deleted-item-with-cash-on-delivery-temp) .discount-block { pointer-events: none; filter: grayscale(0.9); } .elem-cart.paidItem .discount-elem-cart .button-discount-block { display: none; } .elem-cart.deleted-item-with-cash-on-delivery-temp .discount-elem-cart { display: none; } .number-transaction-order { display: block; /*clear: both;*/ text-align: left; color: #22b5ad; margin-top: 5px; } .number-transaction-order:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #22b5ad; font-size: 11pt; margin-right: 5px; content: "\f046"; top: 1px; position: relative; } .deleted-item-with-cash-on-delivery { color: #8b9aab; } .deleted-item-with-cash-on-delivery .number-transaction-order, .deleted-item-with-cash-on-delivery .number-transaction-order:before { color: #a0afbf; } .deleted-item-with-cash-on-delivery .attr-resservation-range { display: none; } .deleted-item-with-cash-on-delivery .reservation-content-wrapper:before { content: "\f1f8"; font: normal normal normal 14px/1 FontAwesome; font-size: 17pt; position: relative; top: 1px; color: #b6c1cd; margin-right: 5px; content: "\f00d"; } .booking-order-info tr.create-transaction td { position: relative !important; } .booking-order-info #form-transaction-amount-for-accommodation, .booking-order-info #form-transaction-amount-for-tickets, .booking-order-info #form-transaction-amount-for-services { /* display: block !important; */ background: none; border: none; color: #31454a; position: absolute; top: 7px; left: 0%; width: 100% !important; text-align: center !important; pointer-events: none !important; } body:not(.role_3):not(.role_5) .booking-transactions-order-rows #form-transaction-payment-method option[value="15"] { display: none !important; } /*23.05.19 - city-autocomplete*/ .booking-order-info .booking-order-fields .webform-client-form .form-control.selectize-control { height: auto !important; width: auto !important; } .selectize-control.single .selectize-input:after { display: none !important; } .selectize-control.single .selectize-input { background: none !important; } .booking-order-content .selectize-control.single .selectize-input input { padding: 0 10px !important; } *:not(.info-group-block)>.form-item>.selectize-control>.selectize-dropdown { left: initial !important; top: initial !important; } .booking-order-info .booking-order-fields .webform-client-form *:not(.info-group-block)>.form-item>.selectize-control { height: 19px !important; } .booking-order-info .booking-order-fields .webform-client-form *:not(.info-group-block)>.form-item>.selectize-control.single span { padding-left: 10px !important; } .reservation-form .selectize-control.form-control { display: inline-block; } .selectize-control .create { position: relative; padding-right: 24px !important; padding: 5px 8px; background: none; } .list-cart .webform-client-form label.control-label { position: relative; } .webform-client-form span.form-required { position: absolute; top: 6px; } /*24.05.19 - cat-tents*/ #filt-edit-term-node-tid-depth-192 .blockContent-countFreePeople { display: none; } .page-booking-table .booking-table-custom>.view-filters .form-item>label.control-label[for="edit-term-node-tid-depth-192"] { background: url(/img/tents.png) 9px 50% no-repeat; padding: 21px 10px 21px 43px !important; } /*10.06.19 - cancel-transaction-*/ .booking-order-row tr.canceled-transaction { color: #a3acb7; } .booking-order-row tr.canceled-transaction>td.debit-or-credit:after { content: ""; content: "Отмененная транзакция"; display: block; color: #f530a8; font-family: "SegoeUIBold"; /* position: absolute; */ line-height: 10px; } .booking-order-info .booking-order-row .button-cashier-cancel.sent-to-cashier * { font-size: 19pt !important; color: #1ba79f; cursor: pointer; color: #f530a8; margin-left: 5px; } /*12.06.19*/ .view-order-search .views-field.views-field-title { min-width: 120px; } .booking-order-info .booking-order-row .table-transaction td:last-child { min-width: 100px; } tr.create-transaction #form-transaction-button { margin-right: 0px; } /*25.06.19*/ td.sent-to-cashier-transaction-td * { display: none; } /*-director-*/ .role_10 .booking-order-addOrder, .role_10 .booking-order-printOrderMin, .role_10 .booking-order-printOrder, .role_10 .booking-order-removeOrder, .role_10 .create-elem-order, .role_10 .booking-order-row button, .role_10 .elem-cart td:last-child, .role_10 .el-transactions-order-tab, .role_10 .booking-order-removeProcessing { display: none !important; } .role_10 #edit-field-date-transaction-value-wrapper { display: none !important; } .role_10 .bookingTableContent-removeElOrder { pointer-events: none !important; background: none !important; } .role_10 .booking-order-info .attr-resservation-range>*, .role_10 .booking-order-info .booking-order-content .input-group>* { float: none !important; margin: auto; } .role_10 .booking-order-row.booking-order-fields .info-user-block, .role_10 .booking-order-row.booking-order-fields .info-group-block { pointer-events: none; } .role_10 .work-with-cashier-link { display: none; } .role_10 .bookingTableContent-empty { pointer-events: none; } .role_10 .blockContent-createOrder { display: none; } .role_10 .to-print { display: none; } .role_10 .view-order-search tr.atention-1 td.views-field-title:after { display: none; } /*2.09.19*/ .booking-order-content a.linkReceiptButton { margin-left: 12px; color: #fff; /* font-size: 13pt !important; */ /* letter-spacing: 1px; */ background: #51666b; padding: 5px 15px; } .disable-click { pointer-events: none; } .header-bottom { /* display: none; */ top: initial !important; bottom: initial !important; } /*-arbors-in-services-*/ .booking-order-content .elem-cart-visible-booking-table td { color: #635f5f; padding: 7px 10px !important; } .booking-order-content tr.header-elem-cart-visible-booking-table td { text-align: left !important; font-weight: 800; color: #51666b; padding-bottom: 6px !important; } .elem-cart-visible-booking-table td:nth-child(4), .elem-cart-visible-booking-table td:nth-child(5) { text-indent: -99999px; color: rgba(255, 255, 255, 0); } /*-mob-and-new-year-2020-*/ .views-field.views-field-field-special-price { background: url(/img/attr-price.png) 0px 50% no-repeat; } .views-field.views-field-field-special-price .field-content:after { content: "\f158"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13pt; margin-left: 5px; } span.extra-warning { color: #ff9437; } @media (min-width: 1000px) { span.extra-warning { font-weight: 600; } } @media (max-width: 1000px) { .status-content-notice .reservation-content-wrapper { padding-left: 15px !important; font-size: 9pt !important; } .status-content-notice .reservation-content-wrapper:before { display: none; } .status-content-notice .reservation-content-wrapper * { font-size: 9pt !important; } body.vocabulary_14.not-logged-in>header.header { display: none; } body.vocabulary_14.logged-in .popup-reservation { top: -35px !important; } } @media (max-width: 750px) { h1.reservation-content-wrapper { width: 100%; } .reservation-status .list-house-type span:before { display: none !important; } .list-house-type.skew-button, .list-house-type.skew-button>span { -webkit-transform: skewx(0deg) !important; -moz-transform: skewx(0deg); -ms-transform: skewx(0deg); -o-transform: skewx(0deg); margin: 0 !important; } .list-house-type.skew-button>span { padding: 10px !important; font-size: 10pt !important; } .list-house-type.skew-button { width: 50% !important; } } @media (max-width: 400px) { .popup-reservation .region.region-shelters { top: 0px; left: 0px; } } /* .region.region-reservation .proCalendar-container { pointer-events: none; opacity: 0.5; filter: grayscale(1); } .region.region-reservation .proCalendar-wrapper:after { content: "Бронирование временно приостановленно"; color: #b6c1cd; opacity: 1 !important; position: absolute; top: 305px; left: 50%; transform: translate(-50%, -0%); font-size: 15pt; pointer-events: none; z-index: 1; text-align: center; }*/ /*-tickets-*/ .reservation-status .list-tickets span:before { content: "\f145"; } .obj-tickets .views-field.views-field-field-daily-holyday-price, .obj-tickets .views-field.views-field-field-special-price { display: none; } .booking-order-tabs .el-transactions-order-tab { /*display: initial !important;*/ } .vocabulary_14:not(.page-taxonomy-term-200) .block-info-in-view { display: none; }