:root {
		  --123color: #005f6a;
		  --123color10: #005f6a10;
		  --123color30: #005f6a30;
		  --123color40: #005f6a40;
		  --123color60: #005f6a60;
		  --123color80: #005f6a80;
		  --123color90: #005f6a90;
		  --123color99: #005f6a99;
		  --123petrol:#005f6a;
		  --123colorWarn: #790b0b;
		}
		#guest-color{color: #005f6a;}
		
		* {
		  -webkit-box-sizing: border-box;
		  box-sizing: border-box;
		}		
		body {
			font-family: 'Quicksand', sans-serif; 
			font-size:14px;
			/*color:var(--123color); */
			margin:0; 
			padding:0;
			overflow:hidden;
		}
		
		a{outline: 0;}
		
		.orange{color:#f26522;} /*or #e97228*/
		.blue{color:#2e3192;}
		.green{color:#2e681b;}
		
		/*
			SVG general setting, some need overriding like the checkmark
		*/
		svg{fill:var(--123color99);}
		svg:hover{fill:var(--123color);}
		
		.backgrd {
			/*background-image: url(<?=base_url('/assets/_img/backgrd/') ?> <?=$backgrd?>);*/
			width: 100vw;
			height: 100vh;
			z-index: -1;
			position: absolute;
			left: 0;
			top: 0;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}
		.logo{
            /*background-image:url("<?=base_url()?>/assets/_img/logo123.png");*/
            height:60px; 
            width:60px; 
            background-size:contain; 
            /*margin-right:10vw;*/
        }
		.menu_up_wrap,.menu_up_wrap_s {
			border: 0px solid black;
			height: 65px;
			border-bottom: 2px solid var(--123color);
			margin: 0 2%;
			display: flex;
			flex-wrap: nowrap;
			align-items: flex-end;
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
			width:96%;
		}
		.menu_down_wrap{ border-top:2px solid var(--123color); margin:0 2%; display:flex; flex-wrap:nowrap;align-items: flex-start; position:absolute;z-index:1; bottom:0; right:0;width:96%;height:30px;}
		.menu{
			
			display: flex;
			flex-wrap:wrap;
			justify-content: flex-end;
			width: 100%;
		}
		.menu_up_wrap .menu, .menu_up_wrap_s .menu{align-content:flex-end;}
		.menu_down_wrap .menu{align-content:flex-start;margin-top: -3px;}
		.menu a,.service_list_col a{ text-decoration:none; color:var(--123color); text-transform: uppercase;
			letter-spacing: 0.5px;
			font-size: 14px;}
		.menu a{    white-space: nowrap;}
		.menu_item {
			display: flex;
			flex-wrap: nowrap;
			width: auto;
			
			cursor: pointer;
			/*top: 0px;*/
			position: relative;
			transition: transform 1s;
			margin-left: 3.5vw;
			justify-content: center;
		}
		.menu_up_wrap .menu_item, .menu_up_wrap_s .menu_item{border-bottom: 4px solid transparent;
			padding-bottom: 5px;
			margin-bottom: -2px;}
			
		.menu_down_wrap .menu_item{border-top: 4px solid transparent;
			padding-top: 5px;
			/*line-height: 0px;*/
			margin-top: 2px;}
						
		.menu_item:hover{ font-weight:bold; transform: scale(1.2);}
		.menu_up_wrap .menu_item:hover, .menu_up_wrap_s .menu_item:hover, .thanks_info a:hover{border-bottom:3px solid var(--123color);}
		.menu_down_wrap .menu_item:hover{border-top:3px solid var(--123color);}

		/*.menu_up_wrap .menu_item {}*/
		
		.thanks_info a{ text-decoration:none; color:var(--123color); text-transform:uppercase;}

		


		/*		
			TEASER for small screens lanscape	
			its overwritten by media query	as device gets larger
		*/	
		.teaser_box_wrap {
			width: 100%;
			display: flex;
			justify-content: flex-end;
			/* position: absolute; */
			/* height: 90%; */
			/* align-items: flex-start; */
			align-items: flex-start;
		}	
		.teaser_box{ /*display:none;*/z-index:100;
			width: 250px;
			border: 0px solid red;
			/* position: absolute; */
			/* bottom: 10px; */
			font-size: 14px;
			display: block;
		}
		.tb_row {
			display: flex;
			flex-wrap: nowrap;
		}
		.tb_row a{ text-decoration:none;}
		.tb_row:nth-of-type(1) {
			border: solid 1px rgba(0,0,255,0.05);
			background:var(--123color);
		}
		.tb_row:nth-of-type(2) {
			height:55px;
			align-items: center;
		}
		.tb_row:nth-of-type(3) {
			margin-top: -12px;
			margin-bottom: 12px;
		}
		.tb_row:nth-of-type(4) {
			justify-content: space-between;
		}
		.tb_w_bgrd {
			background:var(--123color);
			border: 0px solid red;
			height: 45px;
			flex-grow: 1;
		}
		.tb_logo {
			/*background-image: url(<?=base_url()?>/assets/_img/logo_inv.png);*/
			background-position: center;
			background-size: auto 110%;
			background-repeat: no-repeat;
			width: 57px;
			margin: 0 -3px;
		}
		.tb_line {
			background-color: var(--123color);
			height: 2px;
			flex-grow: 1;
			border: solid 1px rgba(0,0,255,0.05);
		}
		.tb_caption1 {
			font-size: 24px;
			color: var(--123color);
			margin: 0 20px;
			text-shadow: 1px 1px 1px rgba(0,0,255,0.05);
			letter-spacing: 1.5px;
		}
		.tb_caption2 {
			/*font-size: 14px;*/
			color: var(--123color);
			margin: 0 20px;
			text-shadow: 1px 1px 1px rgba(0,0,255,0.05);
			width: 100%;
			text-align: center;
			letter-spacing: 1px;
		}
		.tb_row a:first-child .tb_btn {
			background-color: var(--123color);
		}
		
		.tb_btn {
			border: 2px solid var(--123color);
			border-radius: 18px;
			width: 115px;
			height: 36px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: white;
			text-shadow: 1px 1px 1px rgba(0,0,255,0.05);
			/*font-size:12px;*/
		}
		.tb_row a:last-of-type .tb_btn{color:var(--123color);}

	.tb_row .tb_btn:hover{ background-color: var(--123color30);} 
	.tb_row .tb_btn:first-of-type:hover{background-color: var(--123color60);}
		
		/*
			CARD
		*/
		.card_wrap {
			position: absolute;
			top: 0;
			left: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
			width: 100vw;
			z-index: -1;
			/*overflow: auto;*/
			
		}		
		.card{
			max-width:1024px;width:100vw; max-height:576px;height:100vh;  border:1px solid var(--123color); position:relative; background-color:white; opacity: 0.80;
			box-shadow: 4px 4px 8px 2px #2e319240;
			border-radius: 3px;min-height: 300px;
			    /*overflow: auto;*/
				
		}
		.my_content{ border:0px solid green;  width:96%; top: 65px; position:relative; margin: 0 2%;
			height:calc(100% - 110px); /*65px header + 30px footer*/
			height:-moz-calc(100% - 110px);
			height:-webkit-calc(100% - 110px);
		}
		/*
			LANDING
		*/
		.thanks_wrap{ width:100%; position: relative; display:flex; justify-content:center; align-items:center; border:0px solid gray;flex-wrap:wrap;
		/*margin-top: 5.8vw;*/z-index:1;}
		/*.thanks{ font-family: Rock Salt;font-size:48px; border:0px solid green; position:relative; text-align:center; width:auto;line-height: 9.8vw;}*/
		.thanks {
			font-family: Rock Salt;
			/* font-size: 5.4vw; */
			font-size: 48px;
			border: 0px solid green;
			position: relative;
			text-align: center;
			width: auto;
			width:100%;
			line-height: 65px;
			margin-top: 75px;
		}
		.homeinfo_wrap .thanks{margin-top: 0px;}
		.thanks_info{ text-align:center;font-family: 'PT Sans Caption'; font-size:2.1vw; cursor:pointer;line-height: 3vw;}
		
		.thanks_info:last-of-type{font-size:1.6vw;}
		code{ background-color:var(--123color30); color:var(--123color);padding:2px 5px;}
		
		.media_wrap_col_wrap:first-of-type {
			width:66%;
		}
		.media_wrap_col_wrap:last-of-type {
			width:33%;
		}
		
		/*
			SWITCH
		*/
		.switch_caption{
			pointer-events: none;
		}
		.yes{
			opacity: 0.4;
			pointer-events: all;
		}
		.yes:hover{
			opacity: 1;
		}
		
		
		
		/*
			media icons
		*/

		.media_wrap {
			border: 0px solid black;
			/* overflow: auto; */
			display: flex;
			flex-wrap: nowrap;
			/* justify-content: space-between; */
			/* top: 0; */
			left: 0;
			/* bottom: -25px; */
			/* min-width: 33%; */
			height: auto;
			/* height: 100%; */
			width: 100%;
			position: relative;
			/* top: 20px; */
			/* align-content: center; */
			align-items: center; 
			margin: 15px 0; 
		}
		.media_wrap_col_wrap {
			display: flex;
			border: 0px solid red;
			justify-content: center;
			flex-wrap: nowrap;
			width: 100%;
			align-items:center;	
		}		
		.media_wrap_col {
			
			height: auto;
			border: 0px solid green;
			/*min-width: 250px;*/
			/*top: 44%;*/
			position: relative;
			display: flex;
			justify-content: center;
			align-items: flex-start;
			padding: 0;
		}
		/*.media_wrap_col_wrap:nth-of-type(1) .media_wrap_col:nth-of-type(1){flex:2;width: 60%;}*/
		.media_wrap_col_wrap:nth-of-type(1) .media_wrap_col:nth-of-type(2) {
			min-width: 150px;
			border: 0px solid lime;
			padding: 0 30px;
			/*width: 40%;*/
		}
		
		.media_wrap_col_wrap:nth-of-type(2) .media_wrap_col:nth-of-type(1) {
			/*flex: 2;*/
			min-width: 150px;
			width: 25%;
			height: auto;
			/* display: flex; */
			/* align-items: flex-start;
			margin-bottom: 50px; */
			border: 0px solid navy;
    		margin-top: -15px;
			/*width: 100%;*/
		}
		.media_wrap_col:nth-of-type(2) .media_icon_wrap {
			justify-content: center;
			border: 0px solid gold; 
			height: calc(100% - 50px);
			left: 110px;
		}
		.media_icon_wrap {
			position: absolute;
			/* bottom: 0px; */
			display: flex;
			flex-wrap: nowrap;
			left: auto;
			border: 0px solid green;
			width: auto;
			min-width: 150px;
			/* width: 27%; */
			/* position: relative; */
			padding: 0;
			align-items: center;
			align-content: center;
			height: 100%;
			    
		}
		.media_icon{/*min-width:67px;*/ width:100%;/*150::200 => 50::67*/height:50px;border:0px solid gold;display: flex;justify-content:space-between; flex:1;}
		.media_icon {background-size: auto 75%;
			background-position: 100% 100%;
			background-repeat: no-repeat;}
		
		

		
		/*
			SLIDER
		*/
		.flickity-enabled {
			border:0px solid blue;
			background-color: white;
		}		
		.carousel_wrap{
			/*position: absolute;
			bottom: 0px;
			right:0;*/
			border:0px solid black;
			width:150px;
			height:150px;
		}
		.carousel {
		  background: #FAFAFA;
		  width: 100%;
		  z-index:0;
		  height:100%;
		  border:0px solid red;
		}
		
		.carousel-cell {
		  width: 100%;
		  height: 130px;
		  margin-right: 10px;
		  border: 0px solid #8C8;
		/*  background:#f26522;
		  border-radius: 5px;*/
		  counter-increment: carousel-cell;
		  display:flex;
		  justify-content:center;
		  align-items: center;
		  /*background-color: transparent;*/
		  background-color: white;
		}
		/*.carousel-cell:before {
		  display: block;
		  text-align: center;
		  content: counter(carousel-cell);
		  line-height: 200px;
		  font-size: 80px;
		  color: white;
		}*/
		.cell_header{position: absolute;
			top: 0px;text-transform: uppercase;
			font-size: 11px;
			letter-spacing: 0.5px;
		}
		.cell_item{ 
			height:100%; width:200px;position: absolute;    background-size: auto 80%;
			background-repeat: no-repeat;
			background-position: bottom;
		}
		.recommended {
			/*margin-top: -20px;*/
			text-align: center;
			text-transform: uppercase;
			font-size: 11px;
			letter-spacing: 0.5px;
		}


		.flickity-page-dots {
			background-color: white;bottom:0;
		}
		
		.flickity-page-dots .dot{
			/*margin-bottom:25px;*/
			background: var(--123color);
			
		}
		.arrow{color:var(--123color);}
		.flickity-prev-next-button .flickity-button-icon {
			height: 32%;
		}
		

		/*
			ON OFF SWITCH
		*/
		.opacity40{opacity:0.4;}
		input.myonoffswitch{ display:none;}		
		.onoffswitch-checkbox {
			display: none;
		}
		.switch_caption{ cursor:pointer;}

		input.myonoffswitch:not(old) + label {
			display: inline-block;
			margin-left: 0;
			line-height: 0;
			border: 1px solid var(--123color);
			text-align: left;
			width: 50px;
			height: 20px;
			border-radius: 10px;
			margin: 0;
			background-color:var(--123color);
		}
		#guest_host_switch {
			display: flex;
			flex-wrap: nowrap;
			margin: 10px 0;
		}
		.onoffswitch {
			/*position: relative;*/ 
			width: 60px;
			user-select: none;
            -webkit-user-select:none; 
            -moz-user-select:none; 
            -ms-user-select: none;
		}
		.onoffswitch-label {
			display: block; overflow: hidden; cursor: pointer;
			border: 2px solid #999999; border-radius: 15px;
		}
    .onoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    /*.onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        box-sizing: border-box;
    }*/
/*    .onoffswitch-inner:before {
        content: "";
        padding-left: 10px;
        background-color: #2e319250; 
		color: #FFFFFF;
    }
    .onoffswitch-inner:after {
        content: "";
        padding-right: 10px;
        background-color: #2e319220; 
		color: #999999;
        text-align: right;
    }*/
.onoffswitch-switch {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0px;
    background: #FFFFFF;
    position: relative;
    top: -1px;
    bottom: 0;
    right: 1px;
    border: 2px solid #ffffff;
    border-radius: 10px;
    transition: all 0.3s ease-in 0s;
}
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: -29px; 
    }
	
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 20px;
    /*line-height: 30px;
    font-size: 1.9vh;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;*/
    box-sizing: border-box;
}
.onoffswitch>span {
    font-size: 2.3vh;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    top: -0.3vh;
    width: 20vh;
    text-align: center;
	left: -4vh; /*20vh-2*4vh=12vh*/
}
/*.lbo_row_wrap{
	display:flex; flex-wrap:nowrap;
}*/
.explain{ text-transform:uppercase; font-size:1.8vh;  /*  width: 50vw;width: 100%;*/}
/*#lbo_add_item{flex-wrap: wrap; align-content: center;}*/
.lbo_list_unit .explain{width: 50vw;}


	
/*	
	LOADING & FORM SUBMIT
*/
	.loading_wrap2{	
		display: none;
		margin:0 auto;			
	}
	.loading2{ 
		width:200px;
		height:200px;
		margin:0 auto;
		/*background-color: #FFF5D2; */
		background-color:rgba(256,256,256,.8);
		background-repeat:no-repeat; background-position:center;
		/*background-image:url(<?=base_url()?>/assets/_img/loading.gif);*/
		position:fixed;
		left:50%;
		top:50%;
		margin-left:-100px;
		margin-top:-100px;	
		z-index:9999;
	 }
	 
	.loading{ 
		width:200px;
		height:200px;
		margin:0 auto;
		/*background-color: #FFF5D2; */
		/*background-color:rgba(256,256,256,.8);*/
		background-repeat:no-repeat; background-position:center;
		/*background-image:url(<?=base_url()?>/assets/_img/loading_new.gif);*/
		background-size:50%;
		position:fixed;
		left:50%;
		top:50%;
		margin-left:-100px;
		margin-top:-100px;	
		z-index:9999;
		display:none;
	 }
	
	.submit_wrap{display:none;border:0px solid green; width:100%;} 
	.submitted{ color:red; margin-top:20px;/* min-height:200px;*/ padding: 0 1vw; }
	.submitted>div{ margin-bottom:15px;}
	.subm_header{ font-size: 24px; color: darkgreen;}
	.subm_content{ font-size:20px; color: darkgreen;}
	.subm_warn{ font-size:20px; color:red;}
	.subm_warn code, .subm_content code{
		background-color: #E1ECF4;
		border-color: #E1ECF4;
		border-radius: 5px;
		padding: 1px 5px;
	}
/*	.ok_outer{width:100%; display:flex; justify-content:center; height:auto;}
	.ok_wrap{border:1px solid darkgreen;background-color: green; opacity:0.2;width:40px; height:40px;  }
	.ok{ width:100%; height:100%;
		 background-image:url(/assets/_img/icon_ok.png);background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		opacity:0.5;
	}*/

/*	
	SLIDE TO SUBMIT
	migrated to slide-to-submit.css
*/

	/* .slide-submit {
		color: /var(--123color);
		border-radius: 30px;
		text-align: right;
		padding: 0.8em 0.8em;
		font-size: 1.00em;
		position: relative;
		overflow: hidden;
		user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		transition: .2s;
		width: 80%;
		padding: 18px;
		border: 2px solid var(--123color);
	} */
	/* .slide-submit-text{display:inline-block} */
	.slide-submit-thumb {
		position: absolute;
		top: 0;
		left: 0px;
		width: 85px;
		height: 100%;
		background: linear-gradient(to top, #D4D5E8, #CACCDD);
		background: var(--123color);
		box-shadow: inset 0 0 0 3px #f3f5f6, inset 0 0 0 4px rgba(255, 255, 255, 0.8);
		text-shadow: 0 -1px #828282;
		border-radius: 30px;
		/* box-sizing: border-box; */
		/* text-align: center; */
		font-size: 60px;
		/* line-height: 40px; */
		font-family: 'PT Sans Caption';
		color: #ffffff;
		/* border: 0px solid blue; */
		display: flex;
		justify-content: center;
		align-items: center;
		/* margin: 0; */
		/* padding: 0; 
		    */

	}
	.contact_form .slide-submit-thumb {padding-bottom: 10px;}
	#review_login .slide-submit-thumb {padding-bottom: 7px;} 	/* check why this has a differnt setting than above */
	
	.slide-submit-thumb span {
		/* border: 1px solid blue; */
		display: flex;
		align-items: center;
		margin-top: -10px;
		height: auto;
		position: absolute;
	}
	.slide-submit-thumb:hover,.draggable{background:var(--123color60);cursor:-webkit-grab;cursor:grab}
	.slide-submit-thumb:active{background:var(--123color60);cursor:-webkit-grabbing;cursor:grabbing}
	.slide-success{background:var(--123color60);text-align:left;color:#fff;box-shadow:0 0 0 1px #157ABB}
	.slide-success .slide-submit-thumb{background:var(--123color);box-shadow:inset 0 0 0 3px var(--123color60),inset 0 0 0 4px rgba(0,0,0,0.17);color:var(--123color60);pointer-events:none}
	


	/* 
		OVERRIDE SLIDE-TO SUBMIT CSS 
		PER DIALOG
	*/
	#addItemDlg .input-col.slide-submit-wrap {
		margin: 20px 0;
		width: 100%;
	}
	
	/*#contact_form .slide-submit_wrap {
		width: 96%;
		margin: 20px 0;
	}*/
	


/*    height: 0px;
    margin-top: 15px;
    margin-bottom: -10px;}*/
	.my_code{ border-bottom: 2px solid white;}
	.my_code span{ display: flex; flex-wrap:wrap;}
	.my_code span:nth-of-type(2){font-size:11px;margin-left: 48px;}
	

	
	
	
	
	
	
	
		/*
		
			SEF FORM
		
		*/
		
		.orange{color:#f26522;}
		
/*		#formcard_wrap {
			display: none;
			position: absolute;
			top: 0;
			top:45px;
			left: 0;
			width: 100%;
			display: flex;
			justify-content: center;
		}*/
		
#formcard_wrap {
    display: none;
    position: relative;
    position: absolute;
    top: 0;
    top: 65px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    border: 0px solid navy;
    overflow: auto;
	height: calc(100% - 110px);
}
		
		.form_wrap {
			display: flex;
			justify-content: center;
			width: 100%;
			max-width:500px;
			/*min-width:800px;*/
			flex-wrap: wrap;
			/*position: relative;
			top: -30px;
			top:0;*/
			/*margin-bottom: -30px;*/
		}
		#hotel_form .form_wrap {margin-bottom: 0px; max-width:600px;}
		/*.sef-label {
			min-width: 105px;
			display: inline-block;
			border: 0px solid blue;
			margin-right: 10px;
		}*/
		
.sef-label {
    min-width: 110px;
    text-align: left;
    display: inline-block;
    border: 1px solid blue;
    /* margin-right: 10px; */
    /* margin-left: 10px; */
    padding: 0 10px;
    width: 20%;
}		
		/*.sef-label[for="guest_name"] {
			margin-top: 10px;
		}		*/
		.star{    padding: 0 2px 0 5px;}
		/*.input-row{ }*/
		.nav-row{ display:flex; flex-wrap:wrap;width:750px;height:auto; justify-content:center;}
		


		/*
			GUEST INPUT FORM
		*/		
		.guest_form,.host_form,.hotel_form, .contact_form {
			text-transform: uppercase;
			font-size: 14px;
			color: white;
			border: 0px solid red;
    		width: 100%;
			width: 80%;
		}
		.guest_form .input-row,.host_form .input-row, .hotel_form .input-row, .contact_form .input-row{/* border: 1px solid white; padding: 10px 20px;*/justify-content: center; margin: 10px 10px;display:flex; flex-wrap:wrap;/*min-height:75px; */height:auto; /*width:800px;*/ width:100%;}
		.contact_form .input-row{margin:0;}		


		/*input[name="sef-guest_departure"]{pointer-events:none;}
		.opac40{opacity:0.4;}*/

		.guest_form .input-col,.host_form .input-col,.hotel_form .input-col,.contact_form .input-col  {
			width: 50%;
			display: flex;
			/* justify-content: center; */
			align-items: center;
			background-color: var(--123color);
			height: 50px;
			min-width: 390px;
			border: 1px solid white;
			min-height: 50px;
		}
		
		.hotel_form .input-col{
			min-width:610px;
		}
		.hotel_form .sef-label {
			min-width: 160px;
		}
		/*#contact_form .input-col {
			width: 90%;
			/* width: auto; 
			/*width: min-content;
		}*/
		/*.guest_form .input-col.col_spacer, .host_form .input-col.col_spacer, .hotel_form .input-col.col_spacer{height:1px; min-height:1px;}*/
		.guest_form .input-col.col_spacer, .host_form .input-col.col_spacer, .hotel_form .input-col.col_spacer {
			height: 0px;
			min-height: 0px;
			border: 0;
		}
/*		.guest_form .input-col input,.guest_form .input-col select,.host_form .input-col input,.host_form .input-col select, .hotel_form  .input-col select, .hotel_form  .input-col input , .contact_form  .input-col select, .contact_form  .input-col input{*/
		.guest_form .input-col input,.guest_form .input-col select,.host_form .input-col input,.host_form .input-col select, .hotel_form  .input-col select, .hotel_form  .input-col input{			
			width: auto;
			    min-width: 250px;
			flex: 1;
			margin-right: 10px;
			height: 38px;
			padding: 0 18px;
			font-size: 18px;
			border: 1px solid var(--123color30);
		}
		.guest_form .input-col input, .host_form .input-col input, .hotel_form .input-col input, .contact_form .input-col input {
			color: var(--123color);/*!important;*/
			outline: none;
		}
		
		/*.guest_form .input-col select:disabled {
		  color: red;
		}*/
		/*#sef_host input[disabled="disabled"]{color:#f2652260;}*/
		
		
		/*need to style to fit chrome's layout for autofill*/
		/* Change Autocomplete styles in Chrome*/
		/*https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/*/
		input:-webkit-autofill,
		input:-webkit-autofill:hover, 
		input:-webkit-autofill:focus,
		textarea:-webkit-autofill,
		textarea:-webkit-autofill:hover,
		textarea:-webkit-autofill:focus,
		select:-webkit-autofill,
		select:-webkit-autofill:hover,
		select:-webkit-autofill:focus {
			/*font-size: 18px;
			border: 1px solid #e9722850;*/
			-webkit-text-fill-color: var(--123color);
			-webkit-box-shadow: 0 0 0px 1000px #fff inset;
			transition: background-color 5000s ease-in-out 0s;
		}
	/*	
		How do I make a placeholder for a 'select' box?
		https://stackoverflow.com/a/29806043/2275490
		// select MUST have required attribute
	*/	
		select{
		  	color: var(--123color);font-style:normal;border:none;
   			outline:0px;}
		select:required:invalid, select:my_required:invalid {
		  color:var(--123color30);font-style:italic;
		}
		
		option[value=""][disabled] {
		  display: none;
		}
		
		option {
		  color: var(--123color); font-style:normal;
		}
		
		#sef_guest input[type="submit"]{display:none;}
		
		#sef_guest .slide-submit_wrap {
			/*width: 60%;*/
			width: 100%;
			min-width: 390px;
		}
		
			
		/*.guest_form .input-col select{color:#f2652250; font-style:italic;} we change this onclick*/	
		.guest_form .input-col input::placeholder, .contact_form .input-col input::placeholder{color:var(--123color30); font-style:italic;}
		.host_form .input-col input::placeholder{color:var(--123color30); font-style:italic;}
		
		
		.close_form,.close_checkin_wrap,.close_hotel_wrap,.close_cal_wrap,.close_infosheet_success,.close_trace_wrap,.close_tax_wrap,.close_review_form,.close_contact_form,.close_auth_wrap,.close_host_form,.close_sub_pay{cursor:pointer;}
		
		
		
		
		
		.disabled{pointer-events:none; opacity:0.4; cursor:default;}
		/*
			CHECKIN WRAP
		*/
		
		/*.close_accom_confirm,.close_checkin_wrap,.close_hotel_wrap,.close_trace_wrap,.close_form,.close_tax_wrap,.close_email_confirm,.close_review_confirm,.close_review_form,.close_contact_form,.close_auth_wrap,.close_host_form {
			background-image: url(/assets/_img/close.png);
			height: 50px;
			width: 100%;
			background-size: contain;
			background-repeat: no-repeat;
			background-size: 30px;
			background-position: 99.8% bottom;
			position: relative;
			top: 30px;
			cursor: pointer;
			z-index: 1;
		}*/
		
		
.close_accom_confirm, .close_checkin_wrap, .close_hotel_wrap,.close_cal_wrap, close_infosheet_success,.close_trace_wrap, .close_form, .close_tax_wrap, .close_email_confirm, .close_review_confirm, .close_review_form, .close_contact_form, .close_auth_wrap, .close_host_form,.close_sub_pay {
    /*background-image: url(<?=base_url()?>/assets/_img/close.png);*/
    height: 50px;
    width: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 99.8% bottom;
    position: relative;
    position: absolute;
    background-position: 12px 12px;
    top: 65px;
    cursor: pointer;
    z-index: 1;
    right: 19px;
    background-color: white;
}	
.close_host_form{ top:11px;display:none;}	
.close_email_confirm{display:none;}	
		
.close_tax_wrap {
    /*background-image: url(<?=base_url()?>/assets/_img/close.png);*/
    height: 50px;
    width: 100%;
    width: 50px;
	/*width:65px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    position: relative;
    top: 75px;
    cursor: pointer;
    z-index: 2;
    border: 0px solid blue;
    left: 83%;
	left:86%;
	margin-bottom: 30px;
}


/*.close_tax_wrap {
    background-image: url(<?=base_url()?>/assets/_img/close.png);
    height: 50px;
    width: 100%;
    width: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    position: relative;
    position: absolute;
    top: 75px;
    cursor: pointer;
    z-index: 2;
    border: 0px solid blue;
    right: 13px;
    margin-bottom: 30px;
}*/

			
		.close_review_confirm{top:0;}
		
		/*.checkin_wrap, .tax_wrap,.payment_wrap{display:none;}*/
		.checkin_wrap, .tax_wrap{display:none;}
		.guestlist_wrap {
			display: flex;
			flex-wrap: wrap;
			height: 100%;
			align-content: flex-start;
		}
		.guest_list_header,.guest_list_footer{width:96%;text-align: center; margin:15px; text-transform:uppercase; border:0px solid red;}
		.guest_list_header{
			font-size: 20px;
		}
		.guest_list_footer{display:none;}
		.guest_list_content,.guest_payment,.guest_list_tt{width:96%;display:flex;flex-wrap:wrap;border:0px solid red; margin-bottom:20px;    /*max-width: 800px;*/}
		.guest-row,.tax-row, .tottax-row{border-bottom: 1px dotted #ef762450; width:100%;display:flex;flex-wrap:nowrap;align-items: center;}
		.guest-row:first-of-type{border-top: 1px dotted #ef762450;}
		.tottax-row{ justify-content: flex-end;
    		padding: 10px; font-weight:bold;}
		.tottax-row span{margin-left:10px;}
		
		.guest-col_name{flex:2;text-transform: capitalize;}
		.guest-col, .group-col {
			border: 0px solid blue;
			/*min-width: 87px;*/
			height: 50px;
			align-items: center;
			display: flex;
			padding: 0 10px;
			flex-wrap: wrap;
			width:100px;
			display:flex;
			/*font-size:11px;*/
		}
		
		.guest-col_name{/* min-width:200px;*/flex:2;}
		.guest-col_dates,.guest-col_season,.guest-col_rate,.guest-col_age{text-align:right;}
		.guest-col_age{width:100px;}
		.guest-col_dates{ width:135px;}
		.guest-col_season{width: 80px; margin: 10px 0;}
		.guest-edit, .guest-add, .guest-remove,.host-remove,.guest-readonly,.hotel-add,.hotel-del, .hotel-edit{ cursor:pointer;}
		.guest-sent{cursor: default;}
		.no_show{display:none;}
		.not_scheduled{background-color:#ef762450;}
		
		.sef_btn, .item_btn {
			background-size: auto 90%;
			background-repeat: no-repeat;
			background-position: 100% 100%;
			border:0px solid green;
		}
		/*.sef_btn[data-id="guest-sent"] {
			background-image: url(<?=base_url()?>/assets/_img/icon/guest-sent.png); opacity:.5;
		}*/
		/*.sef_btn[data-id="guest-add"] {
			background-image: url(<?=base_url()?>/assets/_img/icon/guest-add.png);
		}*/
		/*.sef_btn[data-id="guest-remove"] {
			background-image: url(<?=base_url()?>/assets/_img/icon/guest-del.png);
		}*/

		/*.sef_btn[data-id="guest-edit"] {
			background-image: url(<?=base_url()?>/assets/_img/icon/guest-edit.png);
		}*/
		/*.sef_btn[data-id="guest-readonly"] {
			background-image: url(<?=base_url()?>/assets/_img/icon/guest-readonly.png);
		}*/
		
		
		
		
		
		/*.nav-row .sef_btn[data-id="checkin_info"] {
			margin-bottom: 100px;
		}*/		
		
		.btn{
			background-size: auto 80%;
			background-repeat: no-repeat;
			background-position: 100% 100%;
			border:1px solid green;
			cursor:pointer;opacity:1;
		}
		.no-btn { cursor:default;height:50px;width:55px;}
		
		.btn:hover{ opacity:1;}
				
		
		.locked_txt{ display:none;}
		
		/*
			GUESTINFO
		*/
		.ok_btn{ background-color:var(--123color); padding:8px; cursor:pointer;color: white;
    font-size: 20px;border-radius: 50%;}
		#pax input[type="submit"]{display:none;}
		.guestinfo_wrap{display:flex; flex-wrap:wrap; border:0px solid green; width:100%; justify-content: center; text-transform:uppercase;}
		
		.guestinfo_row{height:40px; width:60%;display:flex; flex-wrap:nowrap;  justify-content: center;  font-size: 14px;align-items: center;}
		.guestinfo_row>form{height:40px; width:100%;display:flex; flex-wrap:nowrap;  justify-content: center;  font-size: 14px;align-items: center;}
		.guestinfo_row>span:first-of-type, .guestinfo_row>form>span:first-of-type{width:auto;/*border:1px solid red;*/}
		
		.guestinfo_row:first-of-type{font-size: 20px;}
		.guestinfo_row div{ display:flex; flex-wrap:nowrap; align-content:center; width:auto; border:0px solid green;align-items: center;}
		.guestinfo_row .incr{margin:0 0px 0 30px; border: 2px solid var(--123color); border-radius:50%; height:30px; width:30px; cursor:pointer; display:flex; justify-content:center; align-items:center;
		padding:15px;}	
		.guestinfo_row .ok_btn{margin-left: 30px;}	
		.total_guests{font-size: 20px;}
	
	
	
	/*
		CHECK-IN
		SEF GUEST @sef-guest.php
	*/
	#sef_guest select{color:var(--123color);}
	.welcome_wrap,.trace_wrap{ width:100%; position: relative; display:flex; justify-content:center; align-items:center; border:0px solid green;flex-wrap:wrap;margin-top: 5.8vw;z-index:1;}
.welcome_wrap {
    width: 97%;
    position: relative;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    border: 0px solid green;
    flex-wrap: wrap;
    margin-top: 0px;
    z-index: 1;
    margin-bottom: 80px;
	align-content: center;
	top:80px;
}	
	.homeinfo_wrap .welcome_wrap {
		top:0;
		margin-top:0;
	}	
	
	
	.welcome_wrap div{width:100%;/* border:0px solid gold; */text-align:center; padding:5px 0;}
	.welcome_wrap .caption {
		padding: 20px 0 20px 0;
	}
	
	.welcome{font-family: Rock Salt; font-size:5.4vw;line-height: 3.8vw;}
	.welcome_wrap .sef_btn.active_sef_btn,.trace_wrap  .sef_btn.active_sef_btn {
		background-color: var(--123color);color:white;
	}
	.welcome_wrap .sef_btn:hover,
	.trace_wrap .sef_btn:hover, 
	.item_btn.hover { 
		background-color: var(--123color30);
	} 
	.welcome_wrap .sef_btn:first-of-type:hover, 
	.trace_wrap .sef_btn:first-of-type:hover,
	.item_btn:first-of-type:hover {
		background-color: var(--123color60);
	} 
	.welcome_wrap .sef_btn, 
	.trace_wrap .sef_btn, 
	.item_btn{
		border: 2px solid var(--123color);
		border-radius: 45px;
		/*width: 145px;*/
		width: 220px;
		height: 45px;
		display: flex;
		align-items: center;
		justify-content: center;
		color:var(--123color);
		text-shadow: 1px 1px 1px rgba(0,0,255,0.05);
		/*font-size:12px;*/
		cursor: pointer; padding: 5px;
		margin:15px 30px;
	}
	.welcome_wrap .sef_btn:first-of-type, .trace_wrap .sef_btn:first-of-type {
		margin-left: 0;
	}	
	
	/*
		ADMIN
	*/


	.host_wrap {
		border: 0px solid navy;
		position: relative;
		top: 65px;
		overflow: auto;
    	/*height: calc(100% - 70px);*/
		height: calc(100% - 110px);
	}
	.host_wrap .welcome_wrap{
		top: 20px;
	}	
	.host_wrap .sef_btn{
		border: 2px solid var(--123color);
		border-radius: 45px;
		/* width: 145px; */
		width: 220px;
		height: 45px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--123color);
		text-shadow: 1px 1px 1px rgba(0,0,255,0.05);
		/* font-size: 12px; */
		cursor: pointer;
		padding: 5px;
		margin: 15px 30px;
	}
	.host_wrap .sef_btn:first-of-type{
		margin-left: 30px;
	}		
	.host_wrap .nav-row{
		display: flex;
		border: 0px solid green;
	}
	
/*	.card .nav-row{
		display: flex;
		border: 0px solid green;
	
		width: 100%;
		text-align: center;
		padding: 5px 0;

		display: flex;
		flex-wrap: wrap;
		width: 750px;
		height: auto;
		justify-content: center;
	}	*/	
	
	.host_wrap .welcome {
		font-family: Rock Salt;
		font-size: 48px;
		line-height: 65px;
	}
	.admin_name{
		font-size: 20px;
	}

	.host_wrap .host_row {
		display: flex;
		flex-wrap: nowrap;
		border: 1px solid pink;
		margin:0; padding:0;
	}
	.host_wrap .host_col{border: 1px solid gold; padding:5px 25px; display:flex; flex-wrap:nowrap;align-items: center;max-width: 255px;overflow-wrap: anywhere;}
	.host_wrap .btn,.host_wrap .no-btn{ border:0px solid red; height:50px;background-position: center; min-width: 55px;background-size: auto 75%;}
	.host_wrap .btn:first-of-type{margin-right:10px;}
	
	.host_form_wrap{display:flex; justify-content:center;}
	
	.add_host_wrap {
		display: none;
		justify-content: center;
		border: 0px solid red;
		height: calc(100% - 20px);
		overflow: auto;
		margin: 10px auto;
		position: relative;
	}	
	.add_host_wrap .nav-row{width:auto;}

	.guest_name{ font-size:30px;}
	.guest_name>b{    display: block;}

	.bold{ font-weight:bold;}
	.complete {
		font-size: 14px;
		margin-bottom: -15px;
		margin-top: 25px;
	}
	
	
	/*
		ACCOMMODATION BULLETIN
	*/
	
	#acc_info, #tt_info {
		/*background-image: url(<?=base_url()?>/assets/_img/icon/info.png);*/
		height: 45px;
		width: 45px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		/*right: 0;*/
	    margin-left: 270px;
	}

	
	
/*.close_accom_confirm {
    top: 70px;
	top: 78px;
    width: 50px;
    height: 50px;
    border: 0px solid red;
    background-position: center;
    position: absolute;
    left: 83%;
	left: 89%;
	background-color: white;
}*/
.close_accom_confirm {
    /* top: 70px; */
    /* top: 78px; */
    top: 0;
    width: 50px;
    height: 50px;
    border: 0px solid red;
    background-position: center;
    position: absolute;
    /* left: 83%; */
    /* left: 89%; */
    background-color: white;
    right: 2%;
    right: 20px;
}
.close_accom_confirm_wrap{
    width: 100%;
    border: 0px solid gold;
    display: flex;
    justify-content: flex-end;
	display:none;
	position:absolute;
}
	.checkin_wrap .nav-row,.tax_wrap .nav-row,.trace_wrap .nav-row, .payment_wrap .nav-row{ width:100%;}	
	.checkin_wrap, .tax_wrap, .trace_wrap, .payment_wrap {
		border: 0px solid black;
		width: 100%;
		top: 0px;
		position: absolute;
		margin: 0;
		height: 100%;
		height:auto;
		overflow: auto;
		height: calc(100% - 110px);
	}	
.checkin_wrap, .tax_wrap, .trace_wrap, .payment_wrap {
    top: 20px;
	top: 65px;
	/*margin-bottom: -25px;*/
}
		
	

	.title_btn {
		background-color: var(--123color);
		/* height: 40px; */
		/* width: auto; */
		/* margin: 0px 20px; */
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
		text-transform: uppercase;
		font-size: 20px;
		margin-bottom: 20px;
		position: relative;
		padding: 10px 20px;
		height:fit-content;
		width: 60%;
		text-align: center;
	}



	/*.property	{margin-bottom: 20px;}*/
	
	
	/*
		CHECK-IN INFO
		@ page/checkin-info.php
	*/	
	
	.qr_pdf {
		/*background: url(<?=base_url()?>/assets/_img/icon/pdf.png);*/
		width: 30px;
		height: 30px;
		background-size: contain;
		background-repeat: no-repeat;
		border:0px solid red;
		max-width: 30px;
	}
	.welcome_wrap .qr_btn {
		display: flex;
		align-items: center;
		justify-content: center;
		border: 0px solid green;
		height: 50px;
		width:140px;
	}
	.qr_title {
		/*flex: 1;*/
		/* border: 0px solid blue; */
		/* flex-wrap: wrap; */
		display: flex;
		margin: 0 10px;
	}
	
	
	/*
		PROGRESS BAR
	*/
	
	.progress{ position:relative; border:0px solid red; width:60%;margin: 20px 0;}
	.p_bar_outer{ width:100%; height:10px; border:1px solid var(--123color); border-radius:5px; position:absolute; top:0; left:0;}
	.p_bar_inner{ width:50%; height:10px; background-color:var(--123color); border-radius:5px; position:absolute; top:0; left:0;}
	.p_bar_inner_caption {
		margin-top: 10px;
		font-size: 11px;
		border: 0px solid gold;
		/*left: 75%;*/
		position: relative;
		width: 30px;
	}
	.guest_wrap {
		border: 0px solid green;
		width: 100%;
		top: 0px;
		position: relative;
		margin: 0;
		height: 100%;
		/* position: absolute; */
		top: 0;
		height: 100%;
		overflow: auto;
		display: flex;
		/* align-content: center; */
		align-items: center;
		font-size: 16px;
		height: calc(100% - 120px);
	}	
.pay_col_wrap {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: center;
    margin-bottom: 170px;
}
	.pay_col {
		border:0px solid orange;
		width: 32%;
		height: 75px;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: auto 50px;
		justify-content: center;
		display: flex;
		align-items: flex-end;
		text-transform: uppercase;
		cursor: pointer;
		text-align: center;
		/* min-width: 100px; */
	}
	.pay_col:hover{opacity:0.7;}	
	.pay_col:hover{ border: 2px dotted #ef762455; opacity:.8; border-radius:5px;}
	.pay_col>span {
		display: flex;
		/* margin-top: 40px; */
		/* display: grid; */
		position: relative;
		height: auto;
		/* border: 1px solid red; */
		height: 40px;
		top: 20px;
		align-items: center;
		/* width: 33%; */
	}
	
	
	.pay_row{
		display: none;
    	justify-content: center;
	}
	.payment_cont {
		width: 85%;
		margin: 0 auto 0px;
		border: 0px solid black;
		position: relative;
		top: 20px;
	}
	.payment_cont_row{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		border:0px solid lime;
	}
	.payment_cont_col{
		width:50%;
		border:0px solid red;
		display:flex;
		align-items:center;
		justify-content:flex-end;
		text-transform: uppercase;
		flex: 1;
   	 	padding: 5px 0;
	}
	.payment_cont_col1{
		/*display:flex;
		align-items:flex-start;
		justify-content:flex-end;*/
		padding: 4px 0;	
		border: 0px solid gold;
		height: 100%;
	}
	.payment_cont_col:first-of-type{
		justify-content:flex-start;
		flex: 2;
	}
	.payment_cont_col1:first-of-type{padding: 0px 7px 0 0;}
	.payment_cont_col2{border:0px solid navy;    margin: 40px 20px;}
	.payment_cont_row:nth-of-type(3){border-top: 1px dotted var(--123color);}
	.payment_cont_row:nth-of-type(5){align-items: flex-start;}
	.pay_instruction[data-id="pay_cash"]{margin-top:40px;}
	
	.payment_cont_row form{
		/* height: 100px; */
		display: flex;
		margin-top: 40px;
		justify-content: center;
		margin: 40px auto;
	}
	.asterix{margin: -5px 0 0 2px;}
	
	/*
	CHECK-IN info-info
	*/
.info_wrap {
    display: none;
    justify-content: center;
    position: absolute;
    top: 0px;
    flex-wrap: wrap;
    width: 100%;
    border: 0px solid red;
    /* height: 100vw; */
    margin-bottom: 170px;
	overflow: auto;
    height: calc(100% - 80px);
	align-items: flex-start;
    align-content: flex-start;
}
	.info_wrap[data-id="tt_info"],.info_wrap[data-id="acc_info"]{
		margin-top:75px;
	}
	.info_wrap[data-id="acc_info"] .info_row:last-of-type, .info_wrap[data-id="tt_info"] .info_row:last-of-type{
		margin-bottom:30px;
	}
	
/*	.info_row_caption {
		justify-content: center;
		align-items: center;
		width: 96%;
		width:60%;
		height: 45px;
		border: 0px solid gold;
		display: flex;
		background-color: #f26522;
		color: white;
		font-size: 18px;
		text-transform: uppercase;
		padding: 20px 0;
	}*/	
	
.info_row_caption {
    justify-content: center;
    align-items: center;
    width: 96%;
    width: 60%;
    /* height: 60px; */
    /* border: 8px solid gold; */
    display: flex;
    background-color: var(--123color);
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    padding: 14px 0;
    text-align: center;
}	
	.info_row {
		justify-content: center;
		width: 96%;
		border: 0px solid gold;
		margin: 35px 6% 0 6%;
	}
	
	
	
	/*
		LOGIN
	*/
		/*
		LOGIN MESSAGE
	*/
.login_wrap,.nologin_wrap,.email_confirm_wrap {
    /* width: 100%; */
    display: flex;
    justify-content: center;
    /* height: 100%; */
    /* position: absolute; */
    overflow: auto;
    /* margin-top: 20px; */
    
    width: 96%;
    top: 65px;
    position: absolute;
    margin: 0 2%;
    height: calc(100% - 95px);
    height: -moz-calc(100% - 95px);
    height: -webkit-calc(100% - 95px);
    align-items: center;
	flex-wrap:wrap;
	/*
	width:100%; margin: 0;*/
	
	
}

.nologin_wrap,.email_confirm_wrap {align-content: space-evenly;}

.email_confirm_wrap{display:none;border: 0px solid green; top:115px;height: calc(100% - 144px);}

/*.login_box {
    border: 1px solid black;
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    min-width: 400px;
    position: absolute;
    height: 100%;

	top:0;

	    justify-content: center;
}*/
.login_box {
    border: 0px solid black;
    display: flex;
    flex-wrap: wrap;
    width: 96%;
    min-width: 96%;
    height: auto;
    top: 0;
    justify-content: center;
    align-content: flex-start;
    position: relative;
    text-align: center;
	z-index:2;
}
.email_confirm_box{
    border: 0px solid blue;
    display: flex;
    flex-wrap: wrap;
    /*width: 50%;*/
    min-width: 343px;
    position: absolute;
    height: 100%;
    /* margin-bottom: -73px; */
	top:0;
	/*background-color: #f2652209;*/
	    justify-content: center;
}
.login_row{ width:65%;display:flex; justify-content:center; flex-wrap:nowrap; border:0px solid gold; align-items:center; min-height:45px;margin-top: 2px;}

.email_confirm {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border: 0px solid gold;
    align-content: center;
    height: 100%;
    position: absolute;
    padding-right: 10px;
	align-content: flex-start;
	position:relative;
    
}
.close_email_confirm{top:65px;right: 15px;}

.scanQR,.login_error {
    color: white;
    padding: 10px 0;
	text-align:center;
	width:402px;
}
.login_error {margin-left:-17px;}
	
	.msg_row{border:0px solid red; width:100%;min-height:45px;margin-bottom: 10px;display: flex;justify-content: center;}
.msg_row:first-of-type{ margin-bottom:0px;text-transform:uppercase;}
.msg_row:last-of-type{margin-top: 20px; text-transform: uppercase;}

.err_msg_row{border:0px solid red; width:100%;min-height:45px;margin-bottom: 10px;display: flex;justify-content: flex-start; flex-wrap: wrap;}
.err_msg_row li{width:100%;padding-right: 20px;}
.err_msg_row .login_row{margin-bottom:20px;margin-top:35;padding-right: 0px;}
.err_msg_row li:first-of-type{margin-top:0px;}
/*.input-col:last-of-kind{    margin-bottom: 60px;}*/
.onoffswitch{width:80px;border:0px solid red;display:flex; justify-content:center; }
/*.switch_caption, form{font-size:14px; text-transform:uppercase;}*/
.switch_caption, form {
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.input_field{ background-color:var(--123color);}

.login_row.or{margin:10px 0;min-height: 10px;padding:6px;}


/*.login_row:last-of-type{margin-top: 10px;}*/
/*.login_row:last-of-type {
    margin-top: -5px;
}*/	
.input-col{ display:flex; flex-wrap:nowrap; color:white;width: 100%;align-items:center;
    /*padding-left: 10px; *//*width:auto;*/ border:0px solid gray;justify-content: space-between;
}
/*.input-col:last-of-type{padding-left: 0px;}*/
.input-col label{position:relative;  /*width:245px; */border:0px solid blue;/*left:0; margin-left:10px;*/}
.input-col input {
    height: 38px;
    padding: 0 18px;
    font-size: 18px;
    border: 1px solid var(--123color30);
    color: var(--123color);
    width: 80%;
    margin: 5px 5px 5px 0;
}
.just_click{
	font-size:10px;
}


/*#hostform{display:none;}*/
#host-wrap{display:none;}
#guest_host_switch {
    display: flex;
    flex-wrap: nowrap;
    margin: 20px 0;
	/*border:0px solid blue;*/
}
#login_methods {	
	
	height: auto;
	/*height:100%;*/
	display:flex;
	flex-wrap:nowrap;
	margin-top: -35px;
}
.login_col{
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.login_col:nth-of-type(2){
	border:0px solid gold;
	min-width:100px;
	padding-left:10px;
}
.login_col:nth-of-type(3){
	display:flex;
	flex-wrap: wrap;
	align-content:space-between;
	
}
.login_col:nth-of-type(3)>div{
	display:flex;
	justify-content:center; 
	border: 0px solid green;
	text-align: center;
	text-transform:uppercase;
}
/*.infosheet {
    margin-top: -20px;
    height: 80%;
    background-image: url(<?=base_url()?>/assets/_img/infosheet.jpg);
    background-size: 95%;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    top: -12px;
}*/
.infosheet {
    margin-top: -20px;
    height: 80%;
    /*background-image: url(<?=base_url()?>/assets/_img/infosheet.jpg);*/
    background-size: 95%;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    /* top: -12px; */
    height: 250px;
    background-size: contain;
    margin: 20px 0;
}
.or{text-transform:	uppercase;}
/*.or.bymail{
    min-height: 65px;
    margin-bottom: 26px;
}*/



	.input-col:last-of-type {
		/*padding-left: 52px;
		justify-content: center;*/
	    text-transform: uppercase;
		justify-content: flex-end;

	}
	
	.email_confirm_wrap .input-col:first-of-type {
		padding-left: 20px;
	}
	.email_confirm_wrap .input-col:last-of-type {
    	padding-right: 20px;
	}
	
	#QR-wrap>.or{ margin-top:-5px;}
/*
	PLACEHOLDER
*/
/*.input-col input::placeholder{color:#f2652250; font-style:italic;}*/
input.placeholder::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: #44448850;
   opacity: 1; /* Firefox */
   
}
.input-col input::placeholder, .input-col textarea::placeholder, option[value='']{color:var(--123color30); font-style:italic; font-size:18px;font-family: 'PT Sans Caption', sans-serif;}



input.placeholder:-webkit-autofill,
input.placeholder:-webkit-autofill:hover, 
input.placeholder:-webkit-autofill:focus,
textarea.placeholder:-webkit-autofill,
textarea.placeholder:-webkit-autofill:hover,
textarea.placeholder:-webkit-autofill:focus,
select.placeholder:-webkit-autofill,
select.placeholder:-webkit-autofill:hover,
select.placeholder:-webkit-autofill:focus {
  border: 0;
  -webkit-text-fill-color: #444488;
  /*-webkit-box-shadow: 0 0 0px 1000px #000 inset;*/
  transition: background-color 5000s ease-in-out 0s;
}

input.placeholder:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #44448850;
}

input.placeholder::-ms-input-placeholder { /* Microsoft Edge */
   color: #44448850;
}

/*
	TEXTAREA
*/
	#message .input-col textarea{height:162px;/*width:518px;*/  /*padding: 5px 20px; */   resize: none;    margin: 0px 5px 0px 0; width:80%;}
	#contact_form #message .input-col{height:174px;}
	.input-col textarea{color:var(--123color); font-style: normal; font-size:18px;font-family: 'PT Sans Caption', sans-serif;}
	input[type="submit"]{display:none;}
/*
	FORM-ERROR
*/	
	.help-block.form-error	{color: red; font-weight: normal; text-transform:none;}
	#email-error-dialog{width:100%;}


.button-submit{ display:none;}
/*button#nolink{font-size:14px; text-transform:uppercase;background-color:#f26522;color:white; height:40px; width:200px;}*/
.nologin_txt{width: 100%;
    text-align: center;}
#nolink{color:white;}
	.review_login_link{display:flex; flex-wrap:wrap;text-align:center; font-size: 18px;    position: absolute;
    top: 0px;
}
	.review_login_link div{border:0px solid red; width:100%; margin-bottom:15px;text-transform: uppercase;}
	
	
	.my404_wrap {    margin-top: 150px;}
	
	
.hotel_header {
    text-transform: uppercase;
    margin-bottom: 15px;
}
	
	
/*#loginform{margin-top: 0px;}	*/

/*
	MENU
*/
.menu_up_wrap_s{display:none;}
#burger {
    /*background-image: url(<?=base_url()?>/assets/_img/hamburger.png);*/
    width: 60px;
    height: 60px;
    border: 0px solid red;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.menu_s {
    display: none;
    /* justify-content: center; */
    align-items: center;
    /* flex-wrap: wrap; */
    /* flex-direction: column; */
    margin-top: 65px;
    border: 0px solid blue;
    height: calc(100% - 65px);
	min-height: 295px;
	overflow:auto;
}
.menu_s_item{
    position: absolute;
    height: 100%;
    border: 0px solid green;
    width: 100%;


	font-size:14px;
	text-transform:uppercase;
}
.menu_s_content {
    width: 100%;
    justify-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
	.menu_btn_wrap.menu_s_item .menu_btn{
		width: 100%;
		margin: 3vh;
		border: 0px solid greens;
		height:auto;
		min-height: 40px;
		padding: 2.5vh;
	}
	.menu_btn_wrap.menu_s_item {
		width: 45%;
		border: 0px solid red;
	}
	.menu_btn_wrap.menu_s_item a{ 
		text-decoration:none;
		border: 0px solid red;
		width: 100%;
		display:flex;
		justify-content: center;
		line-height: 7.5vh;
	}
	.menu_btn{ font-family: 'PT Sans Caption', sans-serif; font-size:14px;color:var(--123color); }
	.menu_btn_wrap{ width:100%; position: relative; display:flex; justify-content:center; align-items:center; border:0px solid green;flex-wrap:wrap;
	margin-top: 5.8vw;
	margin-top: 0px;
	z-index:1; }
	.menu_btn_wrap div{width:100%;/* border:0px solid gold; */text-align:center; padding:5px 0;}
/*	.welcome{font-family: Rock Salt; font-size:5.4vw;line-height: 3.8vw;}*/
	.menu_btn_wrap .menu_btn.active_menu_btn{
		background-color: var(--123color);color:white;
	}
	.menu_btn_wrap .menu_btn:hover{ background-color: var(--123color30);} 
	.menu_btn_wrap .menu_btn:first-of-type:hover{background-color: var(--123color60);} 
	.menu_btn_wrap .menu_btn {
		border: 2px solid var(--123color);
		border-radius: 70px;
		width: 300px;
		height: 70px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--123color);
		text-shadow: 1px 1px 1px rgba(0,0,255,0.05);
		 font-size: 18px; 
		cursor: pointer;
		padding: 5px;
		margin: 15px;
	}
	
	
	/*
		LANDING
	*/
	
	.my_content.landing_wrap,.my_content.homeinfo_wrap,.my_content.arrived_wrap {
		border: 0px solid red;
		display: flex;
		flex-wrap: wrap;
		overflow: auto;
		top: 80px;
		position: absolute;
		justify-content: center;
		/*height:auto;*/
		height: calc(100% - 125px);
		align-items: flex-start;
		scrollbar-width: thin;
	}

	/*
		HOME-INFO
		@ page/homeinfo.php
	*/	
	
/*	.close_home_info {
		background-image: url(<?=base_url()?>/assets/_img/close.png);
		height: 50px;
		width: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		background-size: 30px;
		background-position: 99.8% bottom;
		position: absolute;
		top: 35%;
		top:150px;
		left: -12.5%;
		cursor: pointer;
		z-index: 1;
	}*/
	
	/*
		QR CODES
	*/
	/*.welcome_wrap .qr-row{ width:75%; border:0px solid red;display:flex; justify-content:space-between;margin-top: 30px;display:none;}*/
	.welcome_wrap.qr_col{ max-width:120px; height:auto; /*display:flex;*/cursor:pointer;justify-content: center;
    display: flex;}
	.welcome_wrap.qr_col:hover{border:0px solid blue;}

	.qr_btn {text-align:center;}
	.welcome_wrap .qr_icon {
		/*background: orange;*/
		height: 140px;
		width: 140px;
		min-width: 140px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		margin: 0 auto;
	}
	
	.qr_pdf {
		/*background: url(<?=base_url()?>/assets/_img/icon/pdf.png);*/
		width: 30px;
		height: 30px;
		background-size: contain;
		background-repeat: no-repeat;
		border:0px solid red;
		max-width: 30px;
	}
	.qr_112 {
		/*background: url(<?=base_url()?>/assets/_img/icon/112.png);*/
		width: 30px;
		height: 30px;
		background-size: contain;
		background-repeat: no-repeat;
		border:0px solid red;
		max-width: 30px;
	}
	.qr_link {
		/*background: url(<?=base_url()?>/assets/_img/icon/link.png);*/
		width: 30px;
		height: 30px;
		background-size: contain;
		background-repeat: no-repeat;
		border:0px solid red;
		max-width: 30px;
	}
	.qr_ldr {
		/*background: url(<?=base_url()?>/assets/_img/icon/ldr.png);*/
		width: 30px;
		height: 30px;
		background-size: contain;
		background-repeat: no-repeat;
		border:0px solid red;
		max-width: 30px;
	}
	.qr_btn {
		display: flex;
		align-items: center;
		justify-content: center;
		border: 0px solid green;
		height: 50px;
	}
	.qr_title{flex:1;border:0px solid blue;}
	.qr-row a {
		text-decoration: none;
		color: var(--123color);
		/* width: 140px; */
		/* border: 1px solid navy; */
		padding: 0 15px;
	}
	.qr-row a:nth-of-type(3) {
		width: auto;
	}	
	.qr-row a:nth-of-type(3) .qr_btn{
		width: auto;
		border: 0px solid navy;
	}
	.qr-row a:nth-of-type(3) .qr_col_inner{
		padding-top: 0;
	}
	
	
	/*
		CHECK-IN INFO
	*/
	

/*.close_checkin_info, */
.close_home_info, .close_arrived {
    /*background-image: url(<?=base_url()?>/assets/_img/close.png);*/
    height: 50px;
    width: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    position: absolute;
    top: 35%;
    top: 70px;
    left: 83%;
    cursor: pointer;
    z-index: 2;
    border: 0px solid gold;
	background-color: white;
}	

.close_checkin_info {
    /* left: auto; */
    top: 70px;
    right: 40px;
    position: absolute;
    cursor: pointer;
    z-index: 2;
    background-color: white;
    border: 0px solid pink;
    padding: 10px;
}


	
.welcome_wrap .qr-row {
    width: 700px;
    border: 0px solid red;
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    display: none;
    justify-content: center;
}	
	
	
	/*
		REVIEW
	*/	
	
	.review_wrap {
		position: relative;
		/* top: -webkit-calc(100% + 95px); */
		border: 0px solid red;
		/*top: -225px;*/
		/*height: 240px;*/
		height: auto;
		align-items: flex-start;
		top:auto;
	}
	/*.review_wrap .close_email_confirm{
	
		top: -10px;
		right: 15px;
		width: 50px;
		border: 1px solid red;
		background-position: center right;
		position: relative;
	
		left: 140px;
		left: 43%;
	}*/
	
	.review_wrap .close_review_confirm {
		/* top: -10px; */
		/* right: 15px; */
		width: 50px;
		border: 0px solid red;
		background-position: center;
		position: relative;
		right: 0;
		/* align-items: flex-end; */
		/* left: 140px; */
		/* left: 43%; */
	}
	.close_review_confirm_wrap{
		width: 100%;
		border: 0px solid gold;
		display: flex;
		justify-content: flex-end;
	}

	/*
		SLIDE-TO-SUBMIT
	*/
	.input-submit-col {
		border: 0px solid red;
		width: 90%;
	    margin: 20px 0 40px;
		width: 50%;
	    min-width: 390px;
	}

	/*
		SEF-TRACE
	*/
	.trace_wrap .title_row{justify-content:center;margin-bottom:20px; display:flex; align-items:center;}
	
	.trace_wrap .title_row div {
		display: flex;
		flex-wrap: nowrap;
		border: 0px solid green;
		width: auto;
		align-items: center;
		width: auto;
		margin: 0 15px;
	}	
	.archive {
		/*background-image: url(<?=base_url()?>/assets/_img/icon/archive.png);*/
		height: 40px;
		width: 40px;
		border: 0px solid red;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 125%;
		/* margin: 0; */
		opacity:0.5;
		pointer-events:none;
		cursor:default
	}
	.archive_active	{
		opacity:1;
		pointer-events:all;
		cursor:pointer;
	}

.ui-widget-content {
    color: var(--123color);
}
	
.login_wrap.my_content{align-content: flex-start;}

/*
	BUTTONS
*/
.sef_btn{ /*font-family: 'PT Sans Caption', sans-serif; */font-size:14px;color:var(--123color); }
	.sef_btn_wrap{ width:100%; position: relative; display:flex; justify-content:center; align-items:center; border:0px solid green;flex-wrap:wrap;
	margin-top: 5.8vw;
	margin-top: 0px;
	z-index:1; }
	.sef_btn_wrap div{width:100%;/* border:0px solid gold; */text-align:center; /*padding:5px 0; */display:flex; flex-wrap: wrap; justify-content:center;}
/*	.welcome{font-family: Rock Salt; font-size:5.4vw;line-height: 3.8vw;}*/
	.sef_btn_wrap .sef_btn.active_sef_btn{
		background-color: var(--123color);color:white;
	}
	.sef_btn_wrap .sef_btn:hover{ background-color: var(--123color30);} 
	.sef_btn_wrap .sef_btn:first-of-type:hover{background-color: var(--123color60);} 
	.sef_btn_wrap .sef_btn {
		/*border: 2px solid #f26522;*/
		border-radius: 70px;
		width: 300px;
		height: 70px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--123color);
		text-shadow: 1px 1px 1px rgba(0,0,255,0.05);
		 font-size: 18px; 
		cursor: pointer;
		padding: 5px;
		margin: 15px;
	}
.icon_sub_tit{ text-transform:uppercase;/*margin-top: 10px;*/ text-align:center;}

.sef_btn_wrap .circle_btn {
		border-radius: 100px;
		width: 100px;
		height: 100px;
		background-color: white;
	}
	
	.sef_btn.svg_btn_act svg, .sef_btn.svg_btn_inact svg{height:45px;}
	.sef_btn.svg_btn_inact svg, .sef_btn.svg_btn_inact svg:hover{fill:var(--123color40);}

	/*
		JQ UI WIDGETS
	*/

	.ui-dialog .ui-dialog-title{ 
		text-transform:uppercase;
		color:white;
		height: 30px;
		font-size: 18px;
		font-weight: normal;
		display: flex;
		justify-content: center;
	    align-items: center;
		margin-left: 35px;
	}
	.ui-dialog .ui-dialog-titlebar { 
		background-color:var(--123color);		
	}
	.ui-dialog .ui-dialog-titlebar-close {
		top: 14px;
		width: 36px;
		height: 36px;
		border: 0px solid red;
		outline: none;
	}
	
	.ui-dialog .ui-icon, .ui-widget-content .ui-icon.ui-icon-closethick {
		/*background-image: url(<?=base_url()?>/assets/_img/svg/close-123guest.svg);*/
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		/* padding: 12px; */
		border: 0px solid red;
		height: 24px;
		width: 24px;
		position: absolute;
		/*top: 21px;
		left: 21px;*/
		top: 16px;
		left: 16px;
		
		
	}
	
		
/*#dlg_pricing, #dlg_register, #dlg_features,*/ .ui-dialog { font-family:'Quicksand';}	

/*
	TERMS, PRIVACY, CONTACT
*/
#terms_dlg, 
#privacy_dlg, 
#contact_dlg, 
#reset_dlg, 
#renew_dlg,
#dlg_property,
#makeInfosheetDlg,
.ui-dialog {display:none;}

.hidden_dlg_button{display:none;}
.terms_wrap.my_content, .privacy_wrap.my_content, .contact_wrap.my_content{max-width:700px; max-height:600px;top:0; height: auto;}
.menu .sef_btn{ text-transform:uppercase;}

/*
	SUBSCRIPTION DIALOGS
*/
#subscription_dlg{display: none;}
.new_menu_btn{text-transform:uppercase;}

#dlg_pricing, #dlg_features{display:none;max-width: 900px;min-width: 900px; min-height:400px;padding: 0;}
#dlg_features, #dlg_register{max-width: 500px;min-width: 500px; }
/*#subscription_dlg{display:none;max-width: 500px;min-width: 500px; min-height:400px;padding: 0;}*/

#dlg_features .landing_wrap.my_content, #dlg_pricing .landing_wrap.my_content, #subscription_dlg .landing_wrap.my_content, #pay_instruction_dlg .landing_wrap.my_content, #host_profile_dlg .landing_wrap.my_content{position:relative;top:0;width: 100%;max-height:650px;margin:0;}
#dlg_features .landing_wrap .login_box, #dlg_pricing .landing_wrap .login_box, #subscription_dlg .landing_wrap.my_content, #pay_instruction_dlg .landing_wrap.my_content,#host_profile_dlg .landing_wrap.my_content {
    width: 100%;
}
#subscription_dlg .landing_wrap.my_content{max-height:91vh;max-width: 575px;overflow: initial;}
#pay_instruction_dlg .landing_wrap.my_content{max-width:850px;}
#plans_wrap{display:none;}
/*
	SVG
*/
#dlg_pricing .sef_btn_wrap .sef_btn {
    margin: 0px;
}
#dlg_pricing svg {
    height: 45px;
}
#dlg_pricing svg path, #dlg_pricing svg rect{
    fill: var(--123color99);
}

/*
	CALENDAR DIALOG
*/
#calendar_dlg{z-index:1;}
/*.landing_wrap.my_content{max-width:700px; max-height:600px;top:0; height: auto;}*/









/*

                    MEDIA SCREEN

*/















/* smaller device Landscape */
@media screen and (max-device-width: 812px) and (max-device-width: 1023px) and (orientation:landscape) {
	
	.card{ border:1px solid green;}
	.menu_up_wrap_s{display:flex;}
	.menu_up_wrap,.menu_down_wrap{display:none;}
	.menu_s {
    	display: none;
	}
	
.welcome_wrap {
    top: 110px;
}


.guest_wrap {
    height: calc(100% - 85px);
}	
	.checkin_wrap, .tax_wrap, .trace_wrap, .payment_wrap {
		height: calc(100% - 75px);
	}	
	/*
		LANDING
	*/
	.media_wrap_col:nth-of-type(2) .media_icon_wrap {
		left:20px;
	}
/*	.media_wrap_col_wrap {
		flex-wrap: nowrap;
		width: 66%;
		border: 1px solid lime;
	}
		.media_wrap_col_wrap:last-of-type {
		flex-wrap: nowrap;
		width: 33%;
	}*/
/*	.media_wrap_col {
		flex: 1;
	}
	.media_wrap_col:nth-of-type(1) {
		flex: 2;
	}	*/	
	
	
	/*
		TEASER
	*/
	.teaser_box_wrap{
		justify-content: flex-start;
	}
	
	/*
		OTHER
	*/	
	.carousel-cell:before {
	  display: block;
	  text-align: center;
	  content: counter(carousel-cell);
	  line-height: 200px;
	  font-size: 80px;
	  color: white;
	}
	
	/*.login_box  #loginform {
		margin-top: 35px;
	}*/
	
	.login_wrap, .nologin_wrap {
		height: -webkit-calc(100% - 65px);	
	}
	.email_confirm_wrap {
		height: calc(100% - 144px);
	}
	.login_wrap.review_wrap {
		height: 100%;	
	}
	.welcome_wrap {
		margin-bottom: 0px;		
	}		
	.my_content.landing_wrap {
    	border: 0px solid red;
		/*top:65px;*/
		height: -webkit-calc(100% - 90px);
	}
	.homeinfo_wrap .welcome_wrap {
		top:0;
		margin-top:0;
	}
	.homeinfo_wrap.my_content { top: 65px;height: calc(100% - 65px);}	
	/*.docs_info {
    	/*min-height: 135px;
		/*min-height:inherit;
	}	*/
	.homeinfo_wrap .thanks {line-height: 75px;}
	
	
	.close_checkin_info, .close_home_info {
		left: 89.4%;		
	}
	/*
		REVIEW
	*/
		.thanks {
			margin-top: 0px;
		}	
	
	/*
		ADMIN
	*/
	.host_wrap {
    	height: calc(100% - 70px);
	}	
	.host_wrap .host_col{max-width: 145px;}




}



/* all Portrait */
@media screen and (orientation:portrait) {
	
	.login_wrap,.nologin_wrap {
	    top: 80px;
	}
	/*
		LANDING
	*/
	
	.media_wrap {
		top:15px;
	}
	.media_wrap_col {
		align-items: center;
		padding: 30px 0;
	}	
	.media_wrap_col:last-of-type {
		align-items: flex-start;
	}	
	.my_content.landing_wrap{top:65px;}
	.my_content.homeinfo_wrap{top:85px;}
	.media_wrap_col_wrap {
		flex-wrap: wrap;
	}
	.media_wrap_col_wrap:first-of-type {
		width:100%;
	}
	.media_wrap_col_wrap:last-of-type {
		width:100%;
	}
	.media_wrap_col_wrap:nth-of-type(1) .media_wrap_col:nth-of-type(1) {
		width: 100%;
	}
	.media_wrap_col:nth-of-type(2) .media_icon_wrap {
		height: calc(100% - 100px); 
		height:100%; 
		left:0;
	}	
	.media_icon_wrap {
		width: 75%;
    	min-width: 150px;
	}
	

	/*
		TEASER-BOX
		only show on tablets or larger
	*/

	
		
	.teaser_box_wrap {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}	
	
	
	
	/*
		LOGIN
	*/
		
	.login_row#login_methods {
		flex-wrap: wrap;
	}	
	.login_col {
		width: 100%;
	}
	#guest_host_switch {
		height: 10%;
	}
	
/*#hostform{display:none;}*/
#host-wrap{display:none;}
#guest_host_switch {
    display: flex;
    flex-wrap: nowrap;
    margin: 20px 0;
	/*border:0px solid blue;*/
	min-height: auto;
}
#login_methods {	
	
	height: auto;
	/*height:100%;*/
	display:flex;
	flex-wrap:nowrap;
	margin-top: -35px;
}
.login_col{
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.login_col:nth-of-type(2){
	border:0px solid gold;
	min-width:100px;
	padding-left:10px;
}
.login_col:nth-of-type(3){
	display:flex;
	flex-wrap: wrap;
	align-content:space-between;
	
}
.login_col:nth-of-type(3)>div{
	display:flex;
	justify-content:center; 
	border: 0px solid green;
	text-align: center;
	text-transform:uppercase;
}

.email_confirm_wrap {
    height: calc(100% - 80px);
}
/*.infosheet {
    margin-top: -20px;
    height: 80%;
    background-image: url(<?=base_url()?>/assets/_img/infosheet.jpg);
    background-size: 95%;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    top: -12px;
}*/
.infosheet {
    margin-top: -20px;
    height: 80%;
    /*background-image: url(<?=base_url()?>/assets/_img/infosheet.jpg);*/
    background-size: 95%;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    /* top: -12px; */
    height: 250px;
    background-size: contain;
    margin: 20px 0;
}
.or{text-transform:	uppercase;}
.or.bymail{
    min-height: 65px;
    margin-bottom: 26px;
}	

.or.login_row.bymail{ margin: 0px 0 30px 0;}	

#QR-wrap{margin-top:-15px;}
	
	/*#loginform{margin-top: -30px;}	*/
	
	/*
		REVIEW
	*/
	.my_content.landing_wrap,.my_content.homeinfo_wrap {
		height: calc(100% - 65px);
		height: -moz-calc(100% - 65px);
		height: -webkit-calc(100% - 65px);
	}

	.thanks {
		margin-top: 0px;
	}
	/*
		CHECK-IN
	*/
		
	/*.welcome_wrap div {
		/*width: 100%;
		max-width: 500px;

	}*/
	.welcome_wrap .nav-row {
    	flex-wrap: wrap;	
	}
	.welcome_wrap .sef_btn{
		width:69%;
		    margin: 15px 0 0;
	}
	.property>span{
		display:block;
	}
	
	.guest_wrap {
		top: 2vh;
		/* position: unset; */
		align-items: flex-start;
	}
	
	#acc_info, #tt_info {
		 right: 0; 
	}	
	
	.close_accom_confirm {
		left: 83%;
	}	


	/*
		CHECK-IN INFO
	*/

	.welcome_wrap .checkin_info_txt {
		margin: 0px -27px 0 0px;
		margin:0;
		padding: 0;
		width:96%;
		border: 0px solid navy;
	}
	.welcome_wrap{
		top:-20px;
	}
	/*.homeinfo_wrap .welcome_wrap {position: relative;}*/
	
	/*
		HOME-INFO
		@ page/homeinfo.php
	*/	
	
	.welcome_wrap .close_home_info,.welcome_wrap .close_checkin_info {
		top: 55px;
		left: 85%;
		border: 0px solid green;
		width:50px;
		background-position: center right;
		
	}
	.welcome_wrap .qr_btn>div:first-of-type{
		max-width: 30px;
		border:0px solid blue;
	}
	.qr_btn[data-id="qr_ec"] {
		/* padding: 0 36%; */
		max-width: 140px;
		margin: 0 auto;
	}
	
	.qr-row a:nth-of-type(3) {width:100%;}
	
	.qr-row a:nth-of-type(3) .qr_col_inner{
		padding-top: 5px;
	}
	


	/*
		CONTACT US
		@ form/contactform.php
	*/		
	
	.contact_form {
    	width: 100%;
		width:75%;
	}
	.contact_form .input-row {	
		width: auto;
		margin:0;
	}
	.login_box{border:0px solid black;}
	.contact_form .input-col {	
		min-width: 342px;
	}
	.contact_form .input-col input {
		 /*min-width: auto; 
		 width:100%;*/
		 margin-right:5px;
	}
/*	#message .input-col textarea {
		margin-right: 5px;
	}*/
	#agree label[for="agree"] {
		 margin-right: 0px; 
	}
	.thanks{font-size:36px;}
	
	
	/*
		DOCS
	*/
		.docs_info {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			text-align: center;
			/*margin-bottom: 50px;*/
		}
	
	
	/*
		ACCOMMODATION BULLETIM
		@ sef/sef-guest.php
	*/	
	
	.guestinfo_row {
    	width: 90%;
	}
	#sef_guest .slide-submit_wrap {
		min-width: auto;
	}
	.close_accom_confirm, .close_checkin_wrap, .close_hotel_wrap,.close_cal_wrap,.close_infosheet_success, .close_trace_wrap, .close_form, .close_tax_wrap, .close_email_confirm, .close_review_confirm, .close_review_form, .close_contact_form, .close_auth_wrap, .close_host_form {
		right: 19px;
	}	

	
	/*
		DOCS
		@ form/loginform3.php
	*/		
	/*.docs_info {
	    margin-top: 60px;
	}*/
	
	
	/*
		REVIEW
	*/
	.review_wrap {
		position: relative;
		/* top: -webkit-calc(100% + 95px); */
		border: 0px solid red;
		/*top: -225px;*/
		/*height: 240px;*/
		height: auto;
		align-items: flex-start;
		top:65px;
	}
	
	/*
		SLIDE-TO-SUBMIT
	*/
	.input-submit-col {
		width: 90%;
		min-width: 342px;
	}
	
	/*
		ADMIN		
	*/
	.host_wrap {
		top: 120px;
	}
	.host_wrap .sef_btn:first-of-type {
		margin-left: 0px;
	}
	.host_wrap .welcome {
		font-family: Rock Salt;
		font-size: 36px;
		line-height: 65px;
	}	
	.host_wrap .welcome_wrap{
		top: 0px;
	}
	.host_wrap .host_col {
		max-width: 185px;
		flex-wrap: nowrap;
	}
	
	/*
		SEF-TRACE
	*/
	.trace_wrap .title_row{flex-wrap:wrap;}
	
	.trace_wrap .title_row div{
		flex-wrap: nowrap;
		border: 0px solid green;
		width: 100%;
		margin-bottom: 10px;
	}
	
	.trace_wrap .title_row .status-s{
		margin: 0 30px 0 15px;
		height: 25px;
		width: 25px;
		padding: 12.5px;
	}
			

}

/* smaller device Portrait AQUI há gato*/
@media screen and (max-device-width: 800px) and (max-device-width: 1023px) and (orientation:portrait) {
/*@media screen and (max-device-width: 767px) and (orientation:portrait) {*/
	/*
		MENU	
	*/
	.card{ border:1px solid red;max-height:none;}
	.menu_up_wrap_s{display:flex;}
	.menu_up_wrap,.menu_down_wrap{display:none;}
	.menu_s {
    	display: none;
	}
	.menu_btn_wrap.menu_s_item {
     	width: 100%;
	}
	.menu_btn_wrap.menu_s_item a {
		line-height: 4.5vh;
	}
	.menu_btn_wrap.menu_s_item .menu_btn {
		padding: 2.0vh;
		margin: 1vh;
	}
	
	/*
		CONTENT common	
	*/
	.my_content{ border:0px solid green;  width:96%; top: 65px; position:relative; margin: 0 2%;
			height:calc(100% - 65px); /*65px header + 0px footer*/
			height:-moz-calc(100% - 65px);
			height:-webkit-calc(100% - 65px);
			    align-content: flex-start;
		}
	/*
		LANDING	
	*/
	.caption {
		font-size: 5.4vh;
		line-height: 7.4vh;
		font-size:36px;
	}
	.thanks_wrap {
	    margin-top: 5.8vw;
	}
	.media_wrap {
	    flex-wrap: wrap;
	}
	


	.media_wrap_col{ border: 0px solid blue;/*height: 43%;*/}
	.media_wrap_col:nth-of-type(2) {
		/*height: 15%;*/
		border: 0px solid lime;
		height:100px;
		align-items: center;
	}
	/*.media_wrap_col:nth-of-type(2) .media_icon_wrap {
		height: calc(100% - 70px);
	}		*/
	.cell_item {
		height: 100%;
		width: 200px;
		position: absolute;
		background-size: auto 80%;
		background-repeat: no-repeat;
		/* background-position: bottom; */
		position: relative;
		background-size: contain;
		background-position: center;
		/* margin-top: 50px; */
		margin-top: 18px;
	}
		
	.cell_header {
		position: absolute;
		/*top: -20px;*/
		text-transform: uppercase;
		font-size: 11px;
		letter-spacing: 0.5px;
	}	
	
	.flickity-page-dots {
		margin: 16px 0px 0px;
	}
	.media_icon_wrap {
		bottom: 0;
	}
	/*
		LOGIN
	*/
	.login_box {
		width: auto;
		min-width: 100%;
		/*margin-top: 25px;*/
	}
	/*.input-col label {
	    width: auto;
	}*/
	.login_row{ width:100%;}

	
	
	/*
		CHECK-IN
	*/
		
	.guest_wrap .welcome_wrap, .landing_wrap .welcome_wrap, .homeinfo_wrap .welcome_wrap {
		width: 96%;
		margin-left:1%;
	}

	
	
	/*
		HOME-INFO
		@ page/homeinfo.php
	*/	
	
	.welcome_wrap .qr-row {
		justify-content: space-between;
	}	
	
		
	/*
		ACCOMMODATION BULLETIM
		@ sef/sef-guest.php
	*/
	.guestinfo_row {
		padding: 25px 0;
	}	
	.guestinfo_row div {
		margin-right: -6px;
	}
	.guestinfo_row span{display:block;}
	.staying{display:flex; flex-wrap:wrap;}
	.progress {
		width: 90%;
	}	
	/*.caption.welcome{
		margin-top: -9vh;
	}*/
	
	
	/*
		ACCOMMODATION BULLETIM - SEF GUEST LIST
		@ sef/sef-guest.php
	*/
	.guest_form .input-row {
		 width: auto; 
		 width:80%;
		 width:100%;
	}
	
	
	/*
		ACCOMMODATION BULLETIM - SEF GUEST LIST
		@ sef/sef-guest_form.php
	*/
		
	#formcard_wrap {
		display: none;
		position: absolute;
		top: 75px;
		left: 0;
		width: 100%;
		display: flex;
		justify-content: center;
		border: 0px solid black;
	}
	.form_wrap {
		display: flex;
		justify-content: center;
		width: 100%;
		max-width: 800px;
		flex-wrap: wrap;
		position: relative;
		top: -30px;
		margin-bottom: 50px;
		border: 0px solid pink;
		top: 0px;
	}		
	
	.guest_form {
		position: relative;
		width: 100%;
	}
	.guest_form .input-col {
    	min-width: 342px;
	}
/*	.guest_form .input-col input, .guest_form .input-col select, .host_form .input-col input, .host_form .input-col select, .hotel_form .input-col select, .hotel_form .input-col input, .contact_form .input-col select, .contact_form .input-col input {*/
	.guest_form .input-col input, .guest_form .input-col select, .host_form .input-col input, .host_form .input-col select, .hotel_form .input-col select, .hotel_form .input-col input, .contact_form .input-col select {		
		min-width: 225px;
	}
	.star{display:none;}
	.sef-label {
		min-width: 110px;
	}
	#sef_guest .slide-submit_wrap {
		/*width: 90%;*/
		width:100%;
	}
	/*.guest-col, .group-col {
		width: auto;
	}		*/
	.sef_btn {
		width: 55px;
	}
	.p_bar_inner_caption{
		left:90%;
	}
	/*.close_tax_wrap {
    	top: 0px;
	}*/
	
	.close_accom_confirm, .close_checkin_wrap, .close_hotel_wrap,.close_infosheet_success, .close_trace_wrap, .close_form, .close_tax_wrap, .close_email_confirm, .close_review_confirm, .close_review_form, .close_contact_form, .close_auth_wrap, .close_sub_pay {
		right: 13px;
	}
	.close_host_form{ right:0;}	
	
	/*
		SLIDE-TO-SUBMIT
	*/
	.input-submit-col {
		width: 90%;
	}
	
	/*
		TOURIST TAX
	*/
	.tax-row{flex-wrap: wrap;}
	
	
	/*
		ADMIN
	*/
	.host_wrap .host_row {
		flex-wrap: wrap;
	}
	/*.host_wrap .host_col {
		flex-wrap:wrap;
		max-width:none;
	}*/
	
	
	/*	
		SEF-TRACE
	*/	
	.due, .archive{margin-top:-40px; border-top:1px solid red;}
	.due {
		margin-right: 46px;
		margin-left: -100px;
	}
	.group-row{ margin-top:80px;font-size:14px;}
	.guest_wrap .group-row .group_data{   min-width: 100px;}
}