html {
    margin: 0;
    padding: 0;
    height: 100%;
}
body {
	font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
}

#workspace {
	height: 100%;
}

.container {
	overflow:hidden;
}

.row {
    overflow:hidden;
}

ul {
	list-style: none;
}
#hamburger {
	list-style: none;
}
.panel-heading{
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    padding-top: 5px;
    color: #212529;
}
.room-name{
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    padding-top: 5px;
    color: #212529;
    font-weight: bold;
}
.room-options {
	text-align: left !important;
	padding-left:30px;
	padding-top:20px!important;
	padding-bottom:24px!important;
	font-size: 20px!important;

}
.room-options-arrow {
	margin-top:-12px;
	/*padding-bottom:30px;*/
	font-size: 20px;
}

li#layer {
    border-bottom: 1px solid #dddddd;
    
}
.heading {
    background-color:#a19687;
    padding:5px;
    border-bottom: 2px solid white;
}
div.heading h2 {
    color: #999999;
    padding-left: 10px;
    display: block;
    clear: none;
    float: left;
    font-family: "Droid Sans", sans-serif;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}
ul.options {
    overflow: hidden;
    padding: 0px;
    display: block;
    clear: none;
    float: right;
    margin: 14px 10px 0 0;
}

ul.layer_details {
	//display: none;
}
.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    
    text-align: center;
}

.btn {
	background-color: #a19687;
	border-color: #ffffff;
	color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    z-index: 100;
}
.btn-primary:disabled {
    background-color: #cccccc;
    border-color: #cccccc;
}

.btn-next {
	width:200px;
	font-size: 18px;
	font-weight: bold;
}
.btn-next-other {
	width:180px;
}
.greyout{
	z-index: 100;
    width:100%;
    height:100%;
    background-color:#555555;
	position:absolute;
	opacity: 0.1;
}


#div_from_space {
    background-color: white;
    color: #000000;
    height:100%;
    width:100%;
    background: url('../media/oosterijk.jpg') no-repeat;
    background-size: cover;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url('../media/oosterijk.jpg');
    background-position: center center;
    position: absolute;
    z-index: 1;
}
.div_splash {
    position: absolute;
    z-index: 20;
    left: 50%;
  	margin-left: -200px;
  	top: 30%;
  	background-color: none;
  	width:400px;
    min-height:20%;
}
.input-group {
    height: 38px;
    margin-top: 17px;
}
.input-group-text {
    background-color: white;
}
#eye {
    margin-top: 6px;
}
.centered {
    display: flex;
    justify-content: space-between;
}

.squari {
	margin-top: 10px;
    margin-bottom: 10px;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:25px;
    padding-right:25px;
}

.borderedframe{
	margin-top: 10px;
    margin-bottom: 10px;
    padding:10px;
	border: 1px solid #cccccc;
}

.img-icon{
	width: 45px;
	height: 45px;
}
.drop-div {
	width:186px;
	height:141px;
	padding:2px;
	border: 1px solid #cccccc;
}

.house_gallery {
	border: 1px solid grey;
	padding:10px;
	margin-top:15px;
	margin-bottom:15px;
}
.rounded_borders{
	border-radius:5px;
}
.year-overview-row{
	margin-left: 0px;
    margin-right: 0px;
}
.year-overview-rounded{
	padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    height: 40px;
    padding-top: 10px;
    border-radius: .25rem!important;
}


label {
    margin-top: 10px;
    font-weight: bold;
}

 .card-text-error {
    margin-top: 40px;
    font-weight: bold;
    color: #ff0000;
}
  
  
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
a, a:hover {
   color: #212529;
   text-decoration: none;
}
h1 {
	margin-top:20px;
	margin-bottom:30px;
}
h3 {
	color: white;
	margin-top: 30px;
    margin-bottom: 30px;
    font-size: 25px;
    font-weight: 100;
    /*text-align: center;*/
}
h3 a {
    color: white;
    text-decoration: none;
}

.house-name {
    color: white;
    margin-top: 8px;
    font-size: 25px;
    font-weight: 100;
}



.card-header-title-with-button {
	margin-top:15px;
	float:left!important;
	font-weight: 900;
}



#map {
	height: 100%;
	width: 100%;
}
.feature_icon{
	width: 40px;
	height: 40px;
}
.type-image{
	max-width: 180px;
    max-height: 135px;
}
.type-image-100{
	width: 100%;
	
}
.poweredby{
	width: 80px;
}

.slider {
	width: 100%;
	margin: 1px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
	color: black;
}
.navbar {
    background-color: #ffffff!important;
    border-bottom-width:1px;
    border-bottom-color:black;
    border-bottom-style: solid;
    box-shadow: 0px 0px 5px grey;
}
.selected {
    color: black!important;
}
iframe {
	border:1px solid lightgrey;
}

.update-text {
	position: absolute;
    bottom: 10px;
    right: 10px;
    color: white;
    cursor:pointer;
}

.cursor_clickable {
	cursor:pointer;
}


/*year calender entries*/
.yc-fully-booked {
	background-color: #f90000;
}
.yc-fully-arrivals{
	background: linear-gradient(to right, #ffffff, #f90000);
}
.yc-fully-departures{
	background: linear-gradient(to left, #ffffff, #f90000);
}

.yc-fully-booked_option {
	background-color: #e5e500;
}
.yc-fully-arrivals_option{
	background: linear-gradient(to right, #ffffff, #e5e500);
}
.yc-fully-departures_option{
	background: linear-gradient(to left, #ffffff, #e5e500);
}


.yc-fully-booked_subsuper {
	background-color: #808080;
}
.yc-fully-arrivals_subsuper{
	background: linear-gradient(to right, #ffffff, #808080);
}
.yc-fully-departures_subsuper{
	background: linear-gradient(to left, #ffffff, #808080);
}


.yc-partial-booked {
	background-color: #C0DE16;/*#F9E0E0;*/
}
.yc-partial-arrivals{
	background: linear-gradient(to right, #ffffff, #C0DE16);
}
.yc-partial-departures{
	background: linear-gradient(to left, #ffffff, #C0DE16);
}
.yc-partial-departures-fully-arrivals{
	background: linear-gradient(to right, #C0DE16, #f90000);
}
.yc-fully-departures-partial-arrivals{
	background: linear-gradient(to right, #f90000, #C0DE16);
}
.yc-old-date {
	color: #aaaaaa!important;
}
.yc-selected {
	border-radius: 25px;
    border: 2px solid #73AD21;
}

#yc-month-col {
    margin-top:5px;
    margin-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.yc2-image{
}

.yc2 {
	padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    padding-top: 0px;
    border: 1px solid #e1e1e1;
    height: 100px;
}

@media screen and (max-width: 768px) {
    .yc2-reserv-day {
		height: 30px!important;
	}
}

.yc2-header  {
	padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    height: 38px;
    padding-top: 10px;
    border: 1px solid #e1e1e1;
    font-size: 12px;
}
.yc2-acc-name  {
	font-size: 12px; 
	padding: 8px;
    width: 180px!important;
	/*text-align: left;*/
	
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

:root {
    --yc2-color:#93a5fa;
    --yc2-color-weekend:#2642d3;
    
    --yc2-subsuper:#808080;
    --yc2-option:#ebb0e7
}

/*year calender entries*/
.yc2-fully-booked {
	background-color: var(--yc2-color);
}
.yc2-fully-arrivals{
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(-20deg, #ffffff 50%, var(--yc2-color) 50%);
}
.yc2-fully-departures{
	background-color: var(--yc2-color);
	background-image: -webkit-linear-gradient(-20deg, var(--yc2-color) 50%, #ffffff 50%);
}
.yc2-fully-booked_option {
	background-color: var(--yc2-option);
}
.yc2-fully-arrivals_option{
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(-20deg, #ffffff 50%, var(--yc2-option) 50%);
}
.yc2-fully-departures_option{
	background-color: var(--yc2-option);
	background-image: -webkit-linear-gradient(-20deg, var(--yc2-option) 50%, #ffffff 50%);
}

.yc2-fully-booked-weekend {
	background-color: var(--yc2-color-weekend);
}
.yc2-fully-arrivals-weekend{
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(-20deg, #ffffff 50%, var(--yc2-color-weekend) 50%);
}
.yc2-fully-departures-weekend{
	background-color: #848f3d;
	background-image: -webkit-linear-gradient(-20deg, var(--yc2-color-weekend) 50%, #ffffff 50%);
}
.yc2-fully-booked_option-weekend {
	background-color: var(--yc2-option);
}
.yc2-fully-arrivals_option-weekend{
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(-20deg, #ffffff 50%, var(--yc2-option) 50%);
}
.yc2-fully-departures_option-weekend{
	background-color: var(--yc2-option);
	background-image: -webkit-linear-gradient(-20deg, var(--yc2-option) 50%, #ffffff 50%);
}




.yc2-fully-booked_subsuper,
.yc2-fully-booked_subsuper-weekend {
	background-color: var(--yc2-subsuper);
}
.yc2-fully-arrivals_subsuper,
.yc2-fully-arrivals_subsuper-weekend {
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(-20deg, #ffffff 50%, var(--yc2-subsuper) 50%);

}
.yc2-fully-departures_subsuper,
.yc2-fully-departures_subsuper-weekend {
	background-color: #848f3d;
	background-image: -webkit-linear-gradient(-20deg, var(--yc2-subsuper) 50%, #ffffff 50%);
}


.yc2-old-date {
	color: #aaaaaa!important;
}
.yc2-selected {
	border-radius: 25px;
    border: 2px solid #73AD21;
}


.yc2-weekend {
	filter: hue-rotate(25deg);
}
.yc2-date-font {
	font-size: 8px;
}

.yc2-month-font {
	font-size: 25px;
}




.legend-square {
	width: 30px;
  	height: 30px;
  	border: 1px solid #dedede;
}
.legend-text {
	padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:10px;
    float:right;
}


.soft-background {
	background-color: #f9f9f9;
}
#yc-month-header, #yc-month-days {
	font-weight: bold;
	margin-left:0px;
    margin-right:0px;
    padding-top:15px;
}


#yc-month-days .col{
	padding-left:0px;
    padding-right:0px;
    text-align: center;
    height:40px;
    padding-top:0px;
}
#yc-month-content .col{
	padding-left:0px;
    padding-right:0px;
    text-align: center;
    height:40px;
    padding-top:0px;
}

#yc-month-content a .col {
	padding-left:0px;
    padding-right:0px;
    text-align: center;
    height:40px;
    padding-top:7px;
}
#yc-month-content a .col:hover{
	background-color: #eeeeee;
}
.no-padding {padding:0px;}

.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }
.topmenu { margin-top:80px; }

.bottom5 { margin-bottom:5px; }
.bottom7 { margin-bottom:7px; }
.bottom10 { margin-bottom:10px; }
.bottom15 { margin-bottom:15px; }
.bottom17 { margin-bottom:17px; }
.bottom30 { margin-bottom:30px; }
.bottom70 { margin-bottom:70px; }

.right7 { margin-right:7px; }



@media print 
{
  table { page-break-after:auto }
  tr    { page-break-inside:avoid; page-break-after:auto; }
  td    { page-break-inside:avoid; page-break-after:auto; }
  thead { display: table-row; }
  tfoot { display:table-footer-group }


    @page {
      size: A4; /* DIN A4 standard, Europe */
      margin: 20mm 0 10mm 0;
    }
    html, body {
        width: 210mm;
        /* height: 297mm; */
        height: 282mm;
        font-size: 11px;
        background: #FFF;
        overflow:visible;
        margin:0;
    	padding:0;
    }

}.heading { background-color: #2D83AE; }
.btn { background-color: #2D83AE; }
.soft-background { background-color: #F5F7FA; } 
.house-name { color: #FFFFFF; } 
body{ font-family: 'Roboto', sans-serif; }