/* File updated by webgift dev: Stratakis S. 2020.02.04 09:25 */

body.modal-open {
     overflow: hidden !important;
	-webkit-user-drag: none;
	-webkit-overflow-scrolling: none;
	-moz-user-drag: none;
	-moz-overflow-scrolling: none;
	display: block;
	z-index: 1;
        position: fixed;
		height: 100%;

}

div.vbooking_popup {
    background-color: #fff;
    padding: 0;
    margin: 0;
    position: fixed;
    top: calc(50% - 40px);
    left: 0;
    z-index: 9999;
    box-shadow: -10px 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 5px rgba(0,0,0,.2);
}

div.availability-checker {
    color: #000;
    overflow: hidden;
    background: #fff url(back_book.jpg) repeat-x 100% 0;
    width: 320px;
    height: 200px;
    transition: ease all .4s !important;
    float: left;
}
#vbooking-form { margin: 0 15px; width: 290px; }

div.vbooking_popup.reservation.closed .availability-checker {
    width: 0;
    transition: ease all .4s !important;
    padding: 0 !important;
}

.weekend.off.ends.off.disabled, .weekend.off.disabled, .weekend.off.ends, .off.ends, .off.ends.off.disabled { color: #BBAA8B !important; }

div.vbooking_popup.reservation a.booknow {
    font-family: 'vanitas-black', sans-serif;
    font-size: 16px;
    letter-spacing: 1.5px;
    font-weight: normal !important;
    line-height: 57px;
    text-transform: uppercase;
    margin-left: -1px;
    background-color:#BD945C;
    color:#fff;
    padding: 0;
    text-decoration: none;
    position: relative;
}
div.vbooking_popup a.booknow > span i { display: none; }
div.vbooking_popup.reservation a.booknow > span { white-space: nowrap; transform: rotate(-270deg); position: absolute; right: 0; display: block;
    margin: 50% 0 0 0; bottom: 0; transform-origin: 100% 0; top: 50%;
}
div.vbooking_popup.reservation a.booknow > span > i{ margin-left: 5px; }
div.vbooking_popup.reservation a.bookclose { font-size: 18px; line-height: 35px; color: #3b2900; position: absolute; left: 25px; top: 6px;}
div.vbooking_popup.reservation a.booknow { float: right; }
div.vbooking_popup.reservation.closed a.bookclose { display: none; }
div.vbooking_popup.reservation.closed a.booknow { display: block; }
.fullinput { display: block; width: 100%; border: 0; text-align: center; }
.input-number {width: calc(100% - 72px);display: inline-block; min-width: 2rem;}
.input-number-more {width: 18px; float: left; cursor: pointer; color: #BD945C;}
.input-number-less {width: 18px; float: right; cursor: pointer; }
.input-number-more.disabled {color: #ccc; cursor: default; }
.input-number-less.disabled {color: #ccc; cursor: default; }
.frontend-admin div.vbooking_popup.reservation { display: none; }
#cboxOverlay.vbooking { opacity: 0.5 !important; background: #fff; }
#colorbox.vbooking #cboxTopLeft, #colorbox.vbooking #cboxTopCenter, #colorbox.vbooking #cboxTopRight,
#colorbox.vbooking #cboxMiddleLeft, #colorbox.vbooking #cboxMiddleRight,
#colorbox.vbooking #cboxBottomLeft, #colorbox.vbooking #cboxBottomCenter, #colorbox.vbooking #cboxBottomRight { background: transparent; }
.daterangepicker { color: #212529; z-index: 10000; }
.daterangepicker.show-calendar .drp-buttons { display: none; }
.daterange-arrival::before {content: ''; position: relative; background: #BD945C; width: 15px; z-index: 2; margin-left: 5px; height: 13px; display: inline-block; margin-top: 0; }
.daterange-departure::before {content: ''; position: relative; background: #3B2900; width: 15px; z-index: 2; margin-left: 5px; height: 13px; display: inline-block; margin-top: 0;}
.daterange-wrapper { cursor: pointer; white-space: nowrap; }

@media  only screen and (max-width:812px) {
    div.vbooking_popup.reservation {top: calc(30% - 40px); }
}

@media  only screen and (max-width:568px) {
    div.vbooking_popup.reservation {top: 30px; }
}

.modal-full { min-width: 90%; margin: 2% auto 0 auto !important; height: 90%; }

.modal-full .modal-content { min-height: 100%; ; }
.modal-backdrop.show { z-index: 9999; }
.modal-content { border: none;}
#vbooking_win { z-index: 10000; overflow: hidden; -webkit-overflow-scrolling: touch; position: fixed; right: 0; left: 0; top: 0; bottom: 0; background-color: rgba(245, 245, 242, .7); }
#vbooking_win .modal-content {overflow: auto; height: 100%; }
#vbooking_win .modal-body {overflow: auto; height: 100%; }
div.vbooking_popup.reservation .bookrestore { background-color: #BD945C; color: #fff; display: none; font-weight: bold; padding: 0; text-decoration: none;width: 30px;height: 100px;}
div.vbooking_popup.reservation.minimized .bookrestore { display: block; }
div.vbooking_popup.reservation.minimized .booknow { display: none !important; }
div.vbooking_popup.reservation a.bookrestore > span { white-space: nowrap; transform: rotate(-270deg);  position: absolute;  right: 0;  display: block;
    margin-right: 5px;  bottom: 0;  transform-origin: 100% 0;margin-bottom: -7px;
}
div.vbooking_popup.reservation a.bookrestore > span > i { padding-left: 5px; }
#winframe { position: relative; right: 0; top: 0; width: 100%; height: 100%; }
.modal-dialog { min-height: 100%; }
.body-loading {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #FFF;
    opacity: 0.5;
}

.vbook-title {background-color: #BD945C;
color: #fff;
text-align: center;
margin: 0 auto;
display: block;
padding: 8px 0;
text-transform: uppercase; display: none; }

.villas { border-bottom: 1px solid #3B2900; padding: 12px 0;}
.villas label { float: right; padding: 0 10px 0 10px; margin: 0; }
.villas .input-number-box { float: right; }
.dates { border-bottom: 1px solid #3B2900; padding: 12px 0;}
.dates label { display: none; }
.dates i.fa-calendar { display: none; }
.dates .daterange-picker {display: block; width: 100%; padding: 0 10px 0 0;
font-size: 15px;}
.dates .daterange-picker > span { display: inline-block; width: 49%; }
.vbooking_popup.reservation hr { display: none; }
.persons {  padding: 12px 0; border-bottom: 1px solid #000; }
.persons label { float: right; padding: 0 10px 0 10px; margin: 0; }
.persons .input-number-box { float: right; }
a.checkavail { background-color: #3b2900; border: none; }

.daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.in-range { background-color: #BD945C !important; } .daterangepicker td.in-range {color: #fff;}
.daterangepicker {font-family: 'vanitas-black';}

#cboxOverlay {z-index: 99999;}
#colorbox {z-index: 999999;}

.villa-book-overlay {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(226, 226, 218, .6);
    width: 100%;
    height: 100%;
    display: flex;
align-items: center;
align-content: center;
justify-content: center;
}
.villa-book-frame {
    display: block;
white-space: normal;
text-align: center;
background-color: #fff;
position: relative;
padding: 10px;
}

.villa-book-frame .vbooking-vl { display: none; }

.villa-book-frame  a.bookclose {
    font-size: 18px;
    line-height: 35px;
    color: #3b2900;
    position: absolute;
    left: -7px;
top: -17px;
}

.daterangepicker.popmodvbook { position: fixed;}

@media  only screen and (max-width:820px) {
    div.vbook-title {display: block; }
    .daterangepicker.modvbook .drp-calendar.right { display: none; }
}

@media  only screen and (max-width:960px) {
}