@charset "utf-8";
/* CSS Document */

body {
}
#wrapper {
	background-image: none;
	/*background-color: #e5f2fa;*/
	background-color: #e6f9ff;
}
#main {
	padding-left9:15px;
}
@media screen and (max-width: 47.2em) {	
	#main {
		padding-left:0px;
	}
}
.message {
	font-size: 18px;
	line-height: 25px;
	font-weight: 300;
	margin-bottom: 50px;
	width:100%;
	max-width: 400px;
	margin: 0 auto;
	margin-top: 30px;
}

.message2 {
	padding: 0 25px; font-size:18px; font-weight:300;
	line-height: 30px;
}
.message3 {
	padding: 0 0 25px 0; font-size:18px; font-weight:300;
	line-height: 30px;
}
.message p{
	padding-left: 50px;
	padding-right: 50px;
}
.box-top {
	position: relative;
	width7: 100%;
}
#clockBox{
	top: -32px;
	right7: 0;
	position:absolute;
	z-index:-1;
	width: 100%;
	text-align: center;
	padding-left: 400px;
}
#clockBox img{
	width: 150px;
}
#bear{
	width: 100%;
	outline7: 1px solid #f00;
	text-align:center;
	padding-top: 50px;
}
#bear img, #bear_nomove img{
	height: 320px;
}
	
	
#clock {
  position:absolute;
  left:12px;
  top:39px;
  width:126px;
  height:126px;
}
#clockEq {
	margin: 0px auto;
	width: 150px;
	position: relative;
	outline7: 3px solid #F71D1D;
}
	
	
	@media (max-width: 780px) {
		#clockBox{
			display: none;
	}
	}
	/* ============================================================================================================================
== OVAL THOUGHT BUBBLE (more CSS3)
** ============================================================================================================================ */

.oval-thought {
  position:relative;
  width:70%;
  padding:50px 0px;
  margin:auto;
  text-align:center;
  color7:#fff;
  color:#fff;
  background7:#075698;
  background-color: rgba(51, 51, 153, .8);
  /* css3 */
  -webkit-border-top-left-radius:100% 50%;
  -webkit-border-top-right-radius:100% 50%;
  -webkit-border-bottom-right-radius:100% 50%;
  -webkit-border-bottom-left-radius:100% 50%;
  -moz-border-radius:100% / 50%;
  border-radius:100% / 100%;
  
  
  
	-webkit-animation-delay: 0s;
    animation-delay: 0s;
  
	animation-name: scaleUp;
	-webkit-animation-name: scaleUp;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	visibility: visible!important
}


/* creates the larger circle */
.oval-thought:before {
  content:"";
  position:absolute;
  bottom7:40%;
  right7:-40px;
  width:30px;
  height:30px;
  background7:#075698;
  background-color: rgba(51, 51, 153, .8);
  /* css3 */
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
  
	-webkit-animation-delay: 2s;
    animation-delay: 2s;
  
	animation-name: scaleUp;
	-webkit-animation-name: scaleUp;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	visibility: visible!important
	

}

/* creates the smaller circle */
.oval-thought:after {
  content:"";
  position:absolute;
  bottom7:44%;
  right7:-60px;
  width:15px;
  height:15px;
  background7:#075698;
  background-color: rgba(51, 51, 153, .8);
  /* css3 */
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
  
	-webkit-animation-delay: 1s;
    animation-delay: 1s;
  
	animation-name: scaleUp;
	-webkit-animation-name: scaleUp;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	visibility: visible!important
}


.oval-thought {
  width:96%;
}
.oval-thought:before {
  right:20%;
  bottom:-30px;
}
.oval-thought:after {
  right:24%;
  bottom:-50px;
}
.oval-thought-reg {
	margin-top: -50px;
}
.oval-thought-reg:before {
  right: auto;
  left: -16%;
  bottom:-10px;
}
.oval-thought-reg::after {
  right: auto;
  left: -24%;
  bottom:-30px;
}
@media (min-width: 768px) {
	.oval-thought{-webkit-border-top-left-radius:100% 100%;
  -webkit-border-top-right-radius:100% 100%;
  -webkit-border-bottom-right-radius:100% 100%;
  -webkit-border-bottom-left-radius:100% 100%;
  -moz-border-radius:100% / 100%;
  border-radius:100% / 100%;
}

}
@media (min-width: 992px) {
.oval-thought {
  width:70%;
}
.oval-thought:before {
  bottom:33%;
  right:-40px;
}
.oval-thought:after {
  bottom:30%;
  right:-60px;
}
.message {
		float: right;
		margin-top: -25px;
	}
	#bear{
		text-align:left;
	}
}
/* ----------------------------------------- */


/* Bears */
#bear_one {
	margin-left: 47px;
}
#bear_ok {
	margin-left: 56px;
}
#bear_email, #bear_pass {
	margin-left: 54px;
}
#bear_newpass {
	margin-left: 9px;
}
#bear_name {
	margin-left: 24px;
}
#bear {
	  position: absolute;
  }
#messageBear {
		  opacity: 0;
	  }
	  
	  
#apple{
	width:170%; 
	margin-top:-100px;
	max-width: 500px;
}
#pear{
	width:170%; 
	max-width: 500px;
}

.private-footer {
	opacity:0; height:0px;margin:0;
}
.private-footer hr {
	margin-top: 0;
}
.private-box {
	vertical-align: top; padding-bottom: 80px;
}
.private-names div {
		display: inline-block;
		font-size: 22px;
		padding-bottom: 10px;
		text-transform: capitalize;
	}
	.private-foto {
		display: inline-block;
	}
	.private-foto > div{
		width: 150px;
		height: 150px;
		border-radius: 50%;
		overflow: hidden;
	}
	.private-foto > div > img{
		width: 150px;
	}
	.private-data {
		margin-left:20px;
		display: inline-block;
		vertical-align: top;
	}
	.private-data .btn_submit >input {
		margin-top: 20px;
		font-size: 14px;
		height: 40px;
		border-radius: 7px;
	}
	#cemail, #cphone {
		font-size:16px;
		line-height: 25px;
	}
	.check-box {
		font-size: 40px;
		width9: 40px;
		width: 50px;
		height: 50px;
		display: inline-block;
		vertical-align: top;
		color: #0083cb;
		padding-left: 0;
		margin-left: 0;
		position: relative;
	}
	.check-table {
		font-size: 20px;
		width: 25px;
		height: 20px;
		position: relative;
	}
	.check-table input:before {
		left: 0px !important;
	}
	.check-table input[type="checkbox"]+label:before {
		left: 0px;
	}
	.private-child {
		display: inline-block;
		width7:70%;
		vertical-align: top;
		min-height: 220px;
	}
	.private-freesed {
		margin-top: 10px;
		font-size: .9em;
		color: #777;
	}
	.child-name {
		font-weight: 600;
	}
	.bear-names{
		position: absolute;
		width: 62%;
		text-align: center;
		bottom7: 35%;
		font-weight: 600;
		color: #FFF;
		margin-left: 19%;
		top: 45%;
		height: 90px;
		overflow: hidden;
		text-transform: capitalize;
	}
	.bear-private {
		width:auto !important;
		position: relative !important;
		float: left !important;
		padding-top: 0px !important;
		margin-bottom: -70px !important;
		top:-50px !important;
	}
	.bear-private img{
		margin-left:0px !important;
	}
	  
@media (max-width: 991px) {
	 #bear, #messageBear {
		 display: none;
  }
  #apple{
	width:100%; 
	margin-top:0px;
	max-width: 500px;
}
#pear{
	width:100%; 
	max-width: 500px;
}
}
/* ---------- Private Forms----------- */

.div-tab {
	margin-bottom: 50px;
	padding9: 0;
}
.nav-tabs {
	border-bottom: 1px solid #983398;
	font-size:18px;
	font-weight: 400;
}
.nav-tabs:before {
    display: table;
    content: " ";
}
.nav-tabs:after {
    clear: both;
	
    display: table;
    content: " ";
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.nav>li {
    position: relative;
    display: block;
}
.nav-tabs>li.active>a, /*.nav-tabs>li.active>a:focus, */.nav-tabs>li.active>a:hover {
    color: #983398;
    cursor: default;
    /*background-color: #e5f2fa;*/
    background-color: #e6f9ff;
    border: 1px solid #983398;
    border-bottom-color: transparent;
	font-size: .9em;
	line-height: 1.6em;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 15px 15px 0 0;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px 10px 15px;
	margin-top: 10px;
	transition: .03s;
	font-size: .9em;
	line-height: 1.6em;
}
.nav>li.active>a {
    padding: 15px 15px;
	margin-top: 0px;
}
/*.nav-tabs>li>a:focus, */.nav-tabs>li>a:hover {
    border-color: #0083cb #0083cb #983398;
	color: #FFF;
}
/*.nav>li>a:focus, */.nav>li>a:hover {
    text-decoration: none;
    background-color: #0083cb;
	transition: .15s;
    padding: 15px 15px 15px 15px;
	margin-top: 0px;
}

hr {
	border-top: 1px solid rgba(0,0,0,0.10);
	margin-left7: 40px;
	margin-right7: 40px;
	padding-bottom: 15px;
}
.tab-cnt{
	padding-top: 40px;
}
.tab-cnt .row{
	max-width:1600px;
}
.tab-cnt .row{
	padding-left9: 20px;
}
.item-field > div {
	margin-top: 5px;
	margin-bottom: 15px;
	font-size:22px;
	font-weight: 300;
}

.tab-cnt h2 {
	font-size: 26px;
	line-height: 30px;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 100% !important;
	max-width:none;
	text-transform: uppercase;
}

.tab-cnt h2 small{
	text-transform: none;
	font-weight: 600;
	color: #333399;
}
.tab-cnt h2 small.light {
	font-weight: 300 !important;
}
.tab-cnt h3 {
	padding-top: 25px;
}
#cphoto {
	width: 80%;
}
#browser {
	float: right;
	width:  20%;
	text-align: right;
	margin:0;
	padding: 0;
	height: auto;
}
#browser > div {
	float: none;
	width:  100%;
	padding-left: 5px;
}
#browser > div > input{
	margin:0;
	width:  100%;
	padding: 0;
	text-align:center;
	
}

/*///////////////////////////*/


#lang-group > div:first-child .btn-delete, #country-group > div:first-child .btn-delete, .group_items > div:nth-child(2) .btn-delete {
  display:none;
}
h2 .btn-edit {
  margin-bottom: 0px;
}

.input-other {
	margin-top: 10px;
	display: none;
}

.tab-cnt h2 .btn-delete {
	position: static;
	display: inline-block;
	margin-left:20px;
}


/*///////////////Buttons//////////////////*/
#btn_back, #btn_back_private, .btn-back, .btn-cancel {
	color: #333;
    background-color: rgba(180, 180, 180, .5);
}
#btn_back:hover, #btn_back_private:hover, .btn-back:hover, .btn-cancel:hover {
	color: #000;
    background-color: rgba(180, 180, 180, .9);
}
#btn_save, .btn-save {
	color: #FFFFFF;
    background-color: rgba(0, 153, 102, .5);
}
#btn_save:hover, .btn-save:hover {
	color: #FFFFFF;
    background-color: rgba(0, 153, 102, .9);
}
#btn_freeze {
	color: #FFFFFF;
    background-color: rgba(51, 51, 102, .5);
}
#btn_freeze:hover {
	color: #FFFFFF;
    background-color: rgba(51, 51, 102, .9);
}

.btn-group-inline {
	display: inline-block;
	margin-left:20px;
	padding:0;
	vertical-align: text-bottom;
	text-transform: none;
}
.btn-group-logout {
	position: absolute; right:40px; top: -15px;
}
@media screen and (max-width: 480px) {	
.btn-group-inline {
	display: block;
	margin-left: 0px;
	margin-bottom: 70px !important;
}
.btn-group-logout {
	position: static;
	width7: 100%;
	float: none;
}
.btn-group-logout .btn-right {
    margin-left: 0px;
}
.btn-group-logout > div {
	float: none;
	width: 100%;
}
.private-data {
    margin-left: 0px;
    display: block;
	margin-top: 20px;
}
}



/*/////////////////////////////////////////////*/
#booking-left-panel {
	position: static;
	margin-right: 25px;
	top: 0px;
	z-index: 999;
}
#booking-left-panel {
	background-color: rgba(255, 255, 255, .75);
	border-radius: 20px;
	border: 5px solid #fff;
	padding: 25px 15px;
	min-width: 250px;
}
#booking-left-panel .booking-pay {
	margin-top: 10px;
	padding-left9: 0px;
	text-align: center;
}
#booking-left-panel .item-btn {
	text-align: center;	
}
#booking-left-panel .button-field {
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#booking-left-panel .btn-group {
	margin-left: 0px;
}
/*#booking-left-panel .input-field*/
#booking-left-panel div.booking-panel-group .input-field {
	max-width: 250px;
	display: block;
}
.booking-photo {
	padding: 0;
	border-radius: 10px;
	overflow: hidden;
}
.booking-photo > img {
	width: 100%;
}
h3.booking-subtitle {
	padding-top: 0px;
	font-size: 22px;
	line-height: 28px;
	margin-top: 0px;
}
h4.booking-price {
	padding: 25px 0px;
	font-size: 30px;
	margin: 0px;
	font-weight:normal;
	margin-left: 0px;
	text-align: center;
	width: 100%;
}
#booking-left-panel .btn_submit {
			float: none;
		}
		.booking-note {
			font-size: .8em;
		}
		.booking-packeg {
			margin-bottom7: 50px;
			position: relative;
		}
		.booking-packeg .button-field {
			margin: 10px 0px 30px 0px;
		}
		.booking-packeg:after {
			clear:both;
			content:"";
			display:table;
		}
		.booking-date {
			margin-top: 20px;
			
		}
		
		.booking-status {
			position: absolute;
			top: 10px;
			left: 10px;
			z-index: 99;
			padding: 1px 10px;		
			color: #FFF;	
			border-radius: 10px;
			font-size: 10px;
			text-transform: uppercase;
			border: 2px solid #FFF;
		}
		.red.booking-status {
			background-color: #ff3333;			
		}
		.orange.booking-status {
			background-color: #f08030;			
		}
		.yellow.booking-status {
			background-color: #f08030;			
		}
		.green.booking-status {
			background-color: #009966;			
		}
		
		.booking-date > div {
			padding-left: 0px;
			padding-right: 0px;
		}
		
		
		.table-booking {
		text-align: right;
		margin-top: -30px;
	}
	.table-booking th, .table-booking td {
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #bec8ce;
		line-height: 1.15em;
		vertical-align: top;
		line-height: 20px;
	}
	.table-booking td {
		white-space: nowrap;
	}
	.table-booking th {
		padding-top: 5px;
		padding-bottom: 5px;
		text-transform: uppercase;
		font-size: .75em;
		line-height: 1.4em;
		border-top: 2px solid #979ea3;
		border-bottom: 2px solid #979ea3;
		vertical-align: bottom;
	}
	.table-booking th:first-child, .table-booking td:first-child {
		text-align: left;
		padding-left: 20px;
		white-space: normal;
	}
	tr.table-price td {
		border-top: 2px solid #979ea3;
	}
	.table-total {
		font-weight: bold;
	}
	div.under-table {
		font-size: .75em;
		text-align: right;
		margin-top: 10px;
		margin-bottom: 40px;
	}
	
	.cf-policy {
		margin-bottom: 5px;
		clear: both;
		margin-top: 5px;
		max-height: 200px;
		display: block;
		overflow: auto;
		border: solid 1px #ccc;
		padding: 0 10px;
		opacity: .7;
		border-radius: 3px;
		overflow-x: hidden;
	}
	.cf-policy h3 {
		padding-top: 5px;
	}
	.cf-policy p {
		line-height: 1.25em;
		padding: 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.table-accepted {
		margin-top: 20px;
		margin-bottom: 20px;
	}
		
.message-small {
  font-size: .8em;
  line-height: 1.5em;
}		
@media (max-width: 767px) {
	#booking-left-panel {
		left: 0px;
		padding: 10px 0px;
		width: 100%;
		margin-bottom: 40px;
		background-color7: rgba(229, 242, 250, .85);
		padding-top: 30px;
	}
	#booking-left-panel .button-field {
		margin-right: 20px;
	}
	#booking-left-panel .item-field {
		margin-left: 20px;
		margin-right: 20px;
	}
	#booking-left-panel .item-field select{
		width: 100%;
		max-width: 100%;
	}
}


.page { 	
	marging: 0px auto;
	background-color: #FFF;
	/*width: 900px !important;*/
	margin-bottom: 50px;
	padding-top: 70px;
	padding-bottom: 40px;
}
#logoG4K, #logoSchlossLeizen {
	width: 150px;
	margin-bottom: 50px;
}
#logoSchlossLeizen {
	width: 200px;
	margin-bottom: 50px;
}
.page .row {
	padding-left: 50px;
	padding-right: 50px;
}
.booking-pay {
	padding-left: 44px;
	font-size: 20px;
	margin-bottom: 40px;
}
#booking-pay {
	font-weight: bold;
}
.print-only {
	display: none;
}


.page .page-address {
	font-size: 1em;
	line-height:  1.5em;
}
.page .page-date {
	font-size: .9em;
	line-height:  1.2em;
	text-align: right;
}
.page h2 {
	text-align: center;
	text-transform:none;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 24px;
}
.page .page-subject {
	margin-bottom: 70px;
}
.page p {
	padding: 5px 0;
	margin: 0;
}
.page span.page-label {
	font-weight: bold;
	width7: 90px;
	display: inline-block;
}
.page .page-message {
	margin-top: 20px;
}
.page .table-booking {
	margin-bottom: 10px;
}
.page .table-booking th {
    font-size: .70em;
    line-height: 1.3em;
}
.page .table-booking th, .table-booking td {
	padding-right: 10px;
}
.page .table-booking th:first-child, .page .table-booking td:first-child {
	padding-left: 10px;
}
/**/
@media print {
	
	#message-box, header, footer, .box-top, #toTop, #booking-left-panel-box, #toTop { display: none; }
	#toTop { opacity: 0; }
	body {
		background:white; color:black;
	}
	/*
	@page:left {
		margin: 2.0cm;
	}
	@page:right {
		margin: 1.5cm;
	}
	*/
	#logoG4K, #logoSchlossLeizen {
		width: 4cm;
		margin-bottom: 25px;
	}
	.page .page-address {
		font-size: .8em;
		line-height:  1.2em;
	}
	@page {
		size: portrait A4;
		margin: 10mm 15mm 5mm 25mm;
	}
	body, html {
		background-image: none;
		margin: 0 !important;
		padding: 0 !important;
	}
	#wrapper {
		background-color: #FFF !important;
		padding: 0 !important;
		margin: 0 !important;
		min-height: 0px;
		margin-bottom: -170px !important;
		outline7: 3px solid #00f;
	}
	.tab-cnt {
		padding-top: 0px !important;
	}
	#poin-block {
		padding-left: 0px;
		padding-right: 0px;
	}
	.page {
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
		margin-bottom: -300px !important;
		font-size: 10pt;
		line-height: 12pt;
		outline7: 3px solid #0f0;
	}
	div.row {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.page #footer-column-1 {
		width: 40%;
		padding-left: 0 !important;
	}
	.page #footer-column-2 {
		width: 33%;
	}
	#footer-column-3 {
		width: 25%;
	}		
	.print-only {
		display: block;
	}
	.page-inside {
		height: 282mm;
		position: relative;
		outline7: 3px solid #f00;
		page-break-after:always;
	}
	.page h2 {
		font-size: 18px;
		line-height: 21px;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.page .page-subject p {
		padding: 2px 0;
	}
	.page .page-subject {
		margin-bottom: 40px !important;
	}
	.table-booking {
		font-size: 9pt;
		margin-bottom: 5px;
	}
	.table-booking th, .table-booking td {
		padding-top: 2px;
		padding-bottom: 2px;
		padding-right: 5px;
	}
	.table-booking th {
		font-size: 6pt;
		line-height: 7pt;
		border-top: 1px solid #333333;
		border-bottom: 1px solid #333333;
	}
	.table-booking td {
		font-size: 9pt;
		line-height: 10pt;
	}
	.table-booking th:first-child, .table-booking td:first-child {
		text-align: left;
		padding-left: 5px;
	}
	div.under-table {
		margin-bottom: 10px;
		font-size: .85em;
	}
	.page .page-message {
		margin-top: 0px;
	}
	.doc-footer {
		margin-top: 70px;
		margin-bottom: 0px;
		background-color: transparent !important;
		height: auto;
		outline7: 3px solid #0FF;
		position: static;
	}
	.house {
		padding-top: 0px;
	}
	.pic-house {
		top: 20px;
	}
	.page-print-footer {
		width: 100%;
		position: absolute;
		bottom: 0px;
		font-size: 8pt;
		line-height: 10pt;
		outline7: 3px solid #FF0;
	}
	/**/
}


/**/

#pass-field, #passrep-field, #emailrep-field {
	position: relative;
}
#pass-field input, #passrep-field input, #emailrep-field input {
	padding-right: 45px;
}
#eye, #check, #check-email {
	position: absolute;
	bottom7: 0px;
	right: 15px;
	cursor: pointer;
	color: #555;
	top: 30px;
}
#check, #check-email {
	color: #009966;
}


.btn-panel-bottom {
	position: fixed;
	background: rgba(255, 255, 255, .85);
	width: 100%;
	/*max-width: 1400px;*/
	max-width: 1500px;
	margin: 0;
	padding: 0;
	padding-top: 20px;
	bottom: 0;
	z-index: 1001;
}
@media (max-width: 991px) {
	.btn-panel-bottom {
		position: static;
    	background-color: transparent;
	}
}


.button-field {
	margin-bottom: 20px;
}
.button-icon {
    width: 50px;
    min-width: 50px;
    padding-left: 0px;
    padding-right: 0px;
}

.stop-fix-panel-bottom {
	position: static;
	background-color: transparent;
}

/* on private page  */

#c_email, #c_phone {
	margin-bottom: 5px;
}
#c_email span, #c_phone span, .with-icon {
	width: 25px;
	display: inline-block;
	color: #555;
}

#btn-panel-bottom #output {
	transition-duration: .3s;
	transition-timing-function: ease-out;
	position: relative;
}
#btn-panel-bottom #message-success {
	opacity: 0;
	position: absolute;
	bottom: 100%;
	animation-name: opacityToggle;
	-webkit-animation-name: 'opacityToggle';
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	padding-right: 40px;	
}

@keyframes opacityToggle {
	0% {
		opacity: 1;
		position: relative;
	}
	75% {
		opacity: 1;
		position: relative;
	}
	99% {
		opacity: 0;
		position: relative;
	}
	100% {
		opacity: 0;
		position: absolute;
	}
}
@-webkit-keyframes 'opacityToggle' {
	0% {
		opacity: 1;
		position: relative;
	}
	75% {
		opacity: 1;
		position: relative;
	}
	99% {
		opacity: 0;
		position: relative;
	}
	100% {
		opacity: 0;
		position: absolute;
	}
}

/*============================= Invoices table ==================================*/
#order-table,
.order-table {
	width: 100%;
	border-top: 1px solid #999;
	margin-left9: -10px;
	text-align: left;
	margin-bottom: 30px;
}
#order-table th,
.order-table th {
	text-transform: uppercase;
	font-size: .9em;
	line-height: 1.2em;
}
#order-table th, 
#order-table td,
.order-table th, 
.order-table td {
	border-bottom: 1px solid #999;
	padding: 10px;
	vertical-align: top;
}
#order-table td .btn-edit,
.order-table td .btn-edit {
	margin-top: 0px;
	float: none;
	
    white-space: nowrap;
}
#order-fillter .group-switch > li  a, 
#order-fillter .group-switch > li  label,
.order-fillter .group-switch > li  a, 
.order-fillter .group-switch > li  label {
	border-radius: 15px;
}
#order-fillter .module-switch > li  a, 
#order-fillter .module-switch > li  label,
.order-fillter .module-switch > li  a, 
.order-fillter .module-switch > li  label {
	width: 120px;
	height: 30px;
	padding-top: 8px;
}

#order-table .btn-edit,
.order-table .btn-edit {
	margin-bottom: 10px;
	display: block;
	padding: 0px;
}
#order-table .btn-edit i,
.order-table .btn-edit i {
	margin-left: 10px;
}
#order-table .btn-edit span,
.order-table .btn-edit span {
	margin-right: 10px;
}
#order-table .btn-box-button i,
.order-table .btn-box-button i {
	margin-left: 5px;
}

/* Comment for cancelled */
.cancelled_comment {
	max-width: 120px;
    overflow: hidden;
    height: 40px;
    display: block;
    font-size: .85em;
    line-height: 1.15em;
    margin-right: -20px;
	text-overflow: ellipsis; /* Добавляем многоточие */
	transition: ease;
	transition-duration: 3s;
}
.cancelled_comment:hover {
    overflow: visible;
    height: auto;
    min-height: 40px;
	transition: ease;
	transition-duration: 3s;
}

/* Calendar */
.type_price_1 {
	border-top: 2px solid #333399;
	color: #333399;
}
.type_price_2 {
	border-top: 2px solid #f08030;
	color: #f08030;
}
ul.type_price {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: .8em;
	margin-bottom: 20px;
}
ul.type_price li {
	display: inline-block;
	margin-right: 5px;
}
ul.type_price li div {
	display: inline-block;
}
#booked-table {
	width: 100%;
	border-top: 1px solid #999;
	margin-left: -10px;
	text-align: left;
}
#booked-table th {
	text-transform: uppercase;
	font-size: .9em;
	text-align: center;
}
#booked-table th div{
	font-weight: 400;
}
#booked-table th, 
#booked-table td {
	border-right: 1px solid #aaa;
	padding: 10px;
	vertical-align: top;
}
#booked-table th {
	border-bottom: 2px solid #999;
}
#booked-table th.th-month {
	font-size: .8em;
	border-bottom: 1px solid #999;
	border-right: 0px solid #aaa;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}
#booked-table th.th-month-begin {
	border-left: 1px solid #aaa;
}
#booked-table td{
	border-bottom: 1px solid #999;
}
#booked-table td div {
	overflow: hidden;
}
#booked-table td.paid-td {
	background-color: rgba(140,255,142,0.5);
	/*border-right7: 1px solid rgba(140,255,142,1.00) !important;*/
}
#booked-table td.paid-td.paid-accept-td {
	background-color: rgba(220, 195, 252,0.5) !important;
	/*border-right7: 1px solid rgba(140,255,142,1.00) !important;*/
}
#booked-table td.paid-process-td {
	background-color: rgba(220,255,150,1);
}
#booked-table td.booked-td {
	/*background-color: rgba(243,223,164,0.5);
	background-color: rgba(140, 253, 222,0.5);*/
	background-color: rgba(214, 246, 245,0.9);
}
#booked-table td.noused-td {
	background-color: rgba(154,154,154,0.5);
	border-right7: 1px solid rgba(154,154,154,1.00);
}
#booked-table td.paid-td-twice {
	border-bottom: 1px solid rgba(140,140,140,0.1) !important;
}
	

#booked-table col {
	pointer-events: none;
}
#booked-table col:first-child {
	background7: rgba(255,255,255,0.3);
}
#booked-table col:nth-child(2n+3) {
	background: rgba(0,0,0,0.05);
}
#booked-table col.col-before {
	background: rgba(214,214,214,1);
}
#booked-table col.col-before:nth-child(2n+3) {
	background: rgba(204,204,204,1);
}

#booked-table col:nth-child(2n+3) td.paid-td {
	background-color: rgba(140,255,142,1);
}
#booked-table col:nth-child(2n+3) td.booked-td {
	/*background-color: rgba(243,223,164,1);
	background-color: rgba(140, 253, 222,0.75);*/
	background-color: rgba(214, 246, 245,0.9);
}
#booked-table col:nth-child(2n+3) td.noused-td {
	background-color: rgba(154,154,154,1);
}

#booked-table th.todat-td {
	background-color:  rgba(255,51,51,.3);
	border-bottom-color: #ff3333 !important;
}
#booked-frame {
	height: 450px;
	position: relative;
	overflow: scroll;
	background-color: rgba(255, 255, 255, .7);
}
/*
#booked-table thead { 
	width: 100%; position: fixed; height: 109px; top: 0;
}
*/

.over-cell-table {
	background-color: rgba(51, 51, 153, .15);
	background-color: rgba(0, 131, 203, .10);
}


/* Form */
.input-type-IBAN {
	text-transform: uppercase;
}
.text-line-through {
	text-decoration: line-through;
}

/* Bear with the messages */
.newmessage{
	margin-top7: -80px;
	margin-top7: -135px;
	background-color: #f08030;
	color: #FFF;
	text-align: center;
	padding: 20px 40px;
	border-radius: 35%/100%;
	margin-bottom: 10px;
}
.newmessage-2 {
	margin-top: -20px;
	background-color: #ff3333;
	background-color: #f08030;
	color: #FFF;
	text-align: center;
	padding: 20px 40px;
	border-radius: 100%/100%;
	padding: 15px 15px;
    border-radius: 40px;
	margin-bottom: -30px;
}
.newmessage-2 + div#bear_nomove {
	margin-bottom: 20px;
}
.newmessage-2 a, .newmessage-2 a:visited {
	color: #eee;
	text-decoration: underline;
}
.newmessage-2 a:hover {
	color: #fff;
}
@media (max-width: 767px) {
	.newmessage {
	  margin-top: 0px;
		border-radius7: 25%/100%;
	}

}
@media (max-width: 992px) {
	.newmessage-2 {
	  margin-top: 0px;
		border-radius7: 100%/100%;
	}

}


#bear.bear-neo {
	width: 90% !important;
	text-align: center !important;
	z-index: 1500;
	opacity: 0;
	pointer-events: none;
	transition: ease .3s;
}
#messageBear.message-neo {
	width: 96% !important;
	opacity7: 1 !important;
	opacity: 0;
	transition: ease .3s;
}
#messageBear .newmessage-2 {
	position: absolute;
	bottom: -40px !important;
	left: 5px;
	right: 5px;
	padding: 15px 15px;
    border-radius: 40px;
}
#messageBear .newmessage-2 a {
	color: rgba(255,255,255,0.8);
	text-decoration: underline;
}
#messageBear .newmessage-2 a:hover {
	color: #FFF;
}


/* Loading w invoice table */
.group_child_box {
	position: relative;
}
.G4K-loading:before {
	content: "";
	background-color: rgba(255, 255, 255, .7);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;	
}
.G4K-loading:after {
	content: "";
	position: absolute;
	background-image: url(../images/bear/animation/bear-25.gif);
	background-position: center;
	background-repeat: no-repeat;	
	width: 100%;
	height: 100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;	
}
.group_child_box .G4K-loading:before {
	left: -10px;	
}
.group_child_box .G4K-loading:after {
	left: -10px;	
}

.place_booking_button {
	/*background-image7:url(../images/bg-pattern.png);*/
	background-color: #0083cb;
	background-image:url(../images/bg-star.png);
	background-image: none;
	background-position: center;
	margin-bottom: -20px;
	padding-bottom: 20px;
}
.place_booking_button .message1 {
	color:#ffffff;
	margin-left9: -20px;
}
.place_booking_button .button-field {
	background-color: #FFF;
	color: #0083cb;
}
.place_booking_button .button-field:not([disabled]):hover {
	background-color: #333399;
	color: #FFF;
}

/*======================================================*/
.private-names > div {
    line-height: 40px;
}
.btn-box-info {
	font-size: 14px !important;
    line-height: 20px;
	margin-bottom: 0px !important;
	padding-bottom: 10px !important;
    margin-right: 0px !important;
	margin-left: 10px;
    min-width: 20px;
    height: 20px;
    width: 20px;
    float: none;
	border-radius: 10px;
}
.btn-box-info i {
    margin-left: -5px !important;
    margin-right: 0px !important;
}

/*====================== filter in mail box ============================*/
#filter_table {
	float: left;
	margin-top: -10px;
	/*margin-bottom: 20px;*/
	margin-bottom: 5px;
	margin-left9: -10px;
}
#filter_table > div {
	float: left;
	margin-right: 20px;
}
#filter_table select, 
#filter_table input {
	font-size: 16px;
	line-height: 35px;
	height: 35px;
	width: 120px;
	float: left;
}
/*#filter_table .show-author {
	display: none;
}*/
#filter_table .show-status select {
	width: 80px;
}
#filter_table .show-email select {
	width: 220px;
}
#filter_table .show-author select {
	width: 300px;
}

#filter_table .show-email input, 
#filter_table .show-author input, 
#filter_table .show-search-selector input {
	float: none;
	width: 100%;
}

#filter_table .show-email .chosen-container, 
#filter_table .show-author .chosen-container, 
#filter_table .show-search-selector .chosen-container {
	font-size: 16px;
}

#filter_table .show-email .chosen-container-single .chosen-single span, 
#filter_table .show-author .chosen-container-single .chosen-single span, 
#filter_table .show-search-selector .chosen-container-single .chosen-single span {
	margin-left: 8px;
}

#filter_table .show-email .chosen-container-single .chosen-single, 
#filter_table .show-author .chosen-container-single .chosen-single, 
#filter_table .show-search-selector .chosen-container-single .chosen-single {
	height: 35px;
	line-height: 35px;
	padding: 0px;
}

#filter_table .show-email .chosen-container-single .chosen-single div, 
#filter_table .show-author .chosen-container-single .chosen-single div, 
#filter_table .show-search-selector .chosen-container-single .chosen-single div {
	top: 7px;
}

#filter_table .label {
	font-size: 16px;
	line-height: 35px;
	text-transform: none;
	padding-bottom: 0px; 
	font-weight: 400;
	margin-right: 7px;
	float: left;
}

#filter_table .show-dates {
	max-width: 350px;
	position: relative;
}

#filter_table label.error {
	display7: none !important;
	position: absolute;
	top: 32px;
	left: 0px;
}

#paging > div {
	margin-top: -15px;
	margin-bottom: 20px;
}
#paging-pagenum {
	float: right;
	line-height: 35px;
	margin-top: 10px;
	vertical-align: middle;
	margin-right: 20px;
}
.paging-howpage {
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.paging-howpage select {
	font-size: 16px;
	line-height: 35px;
	height: 35px;
	width: 70px;
}

.stop-fix-panel-top {
	position: fixed !important;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1000;
	margin: 0px !important;
	border-radius: 0px !important;
	background-color: rgba(194, 228, 227, 1) !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.message-fixed-top-screen {
	position: fixed; 
	top: 0; 
	left: 0;
	width: 100%; 
	margin: 0; 
	/*padding7: 15px; */
	padding: 15px; 
	z-index: 1000;
}
.message-fixed-top-screen > div {
	/*margin: 15px; */
}
.message-fixed-top-screen .btn-delete {
	/*top: 15px;*/
	top: 7px;
    right: 15px;
}

/*==========================*/
.group-small-switch .group-switch {
	margin-top: 15px;
	margin-left: 10px;
}
.group-small-switch .group-switch > li  a,  
.group-small-switch .group-switch > li  label {
	/*border: 1px solid #0082ca;
	color: #fff;*/
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	padding-top: 0px;
}
.group-small-switch .group-switch > li:first-child  a,  
.group-small-switch .group-switch > li:first-child  label {
	border: 1px solid rgba( 0, 153, 102, 1);
	background-color: rgba( 0, 153, 102, 1);
}
.group-small-switch .group-switch > li label span {
	background-color: #FFF;
	font-size: 10px;
	line-height: 20px;
	border-radius: 10px;
	color: #000;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
	font-weight: bold;
}
.group-small-switch .group-switch > li  a:hover,
.group-small-switch .group-switch > li:hover label {
	font-weight: 300;
	background-color: #0092d3;
	border-color: #0092d3;
}
.group-small-switch .group-switch > li:first-child  a:hover,  
.group-small-switch .group-switch > li:first-child:hover  label {
	border: 1px solid #00D28C;
	background-color: #00D28C;
}
.group-small-switch .group-switch > li.active a,
.group-small-switch .group-switch > li input[type=radio]:checked+label,
.group-small-switch .group-switch > li:hover input[type=radio]:checked+label {
	font-weight: 300;
}
.group-small-switch .group-switch > li input[type=radio]:checked+label span, 
.group-small-switch .group-switch > li:hover input[type=radio]:checked+label span {
	background-color: #983398;
	color: #FFF;
}
.group-small-switch .group-switch > li input[type=radio]:disabled+label, 
.group-small-switch .group-switch > li:hover input[type=radio]:disabled+label {
	background-color: #cccccc;
	color: #fff;    
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0 0px 0px rgba(0,0,0,0.2);
	border: 1px solid #cccccc;
	cursor: default;
}

.group-switch > li label.program,
.group-switch > li:hover label.program {
	font-weight: 400;
}
.group-switch > li label.program,
.group-switch > li label.program.m8 {
	/*border: 1px solid #f08030;
	background-color: #f08030;*/
	border: 1px solid rgba( 240, 128, 48, .9);
	background-color: rgba( 240, 128, 48, .9);
}
.group-switch > li label.program:hover ,
.group-switch > li label.program.m8:hover {
	border: 1px solid rgba( 240, 128, 48, 1);
	background-color: rgba( 240, 128, 48, 1);
	font-weight: 400;
}
.group-switch > li label.program.m5 {
	/*border: 1px solid #f99f00;
	background-color: #f99f00;*/
	border: 1px solid rgba( 249, 159, 0, .9);
	background-color: rgba( 249, 159, 0, .9);
}
.group-switch > li label.program.m5:hover {
	/*border: 1px solid #f99f00;
	background-color: #f99f00;*/
	border: 1px solid rgba( 249, 159, 0, .9);
	background-color: rgba( 249, 159, 0, .9);
	font-weight: 400;
}

/* ====================== */
#block_teachers .input-field,
#modal_teachers .input-field {
	font-size: 18px;
	line-height: 36px;
	height: 36px;
}
#block_teachers .span-day-num,
#modal_teachers .span-day-num {
	font-size: 18px;
	line-height: 36px;
}

#modal_teachers {
	height: 300px;
	overflow-y: scroll;
	font-size: 14px;
}
#modal_teachers .order-table {
	margin-left: 0px;
	margin-bottom: 0px;
}


/*=========================================================================*/
/*============================== for iPhone ===============================*/
/*=========================================================================*/

/*============================== Common ===============================*/

@media (max-width: 991px) {
	
	#filter_table > div {
		margin-bottom: 15px;
	}
	
	#booking-left-panel {
		margin-bottom: 40px;
	}
}

@media (max-width: 400px) {
	.nav-tabs 
	{
		font-size: 16px;
		margin-left9: -25px;
		margin-righ9t: -25px;
		margin-top: -5px;
	}
	
	.nav-tabs > li 
	{
		margin-top: 5px;
	}
	
	.nav-tabs > li > a 
	{
		padding: 2px 10px 2px 10px !important;
		border-radius: 10px 10px 0 0 !important;
		margin-top: 6px !important;
	}
	
	.nav > li.active > a,
	.nav-tabs > li.active > a,
	.nav-tabs > li > a:hover
	.nav-tabs > li.active > a:hover
	{
		padding: 5px 10px 5px 10px !important;
		margin-top: 0px !important;
	}
	
	#filter_table {
		margin-left: 0px !important;
	}
	
	.doc-footer .pic-house 
	{
		width: calc(100% + 100px);
		margin-left: -25px;
		margin-right: -160px;
	}
	
	.doc-footer 
	{
		height: 190px;
		float: none;
	}
}

/*============================== About Us ===============================*/

@media (max-width: 991px) {
	
	.bear-private { 
		margin-bottom: 0px !important;
	}
}

@media (max-width: 400px) {
	
	.private-child {
    	width: 70% !important;
		min-height: auto !important;
    	margin-bottom: 25px !important;
	}
	
	.private-child .btn-edit {
		margin-bottom: 0px !important;
		float: none !important;
	}
	
	.check-box input[type="checkbox"]+label:before {
		left9: 0px !important;
	}
}

/*============================== for iPhone: About Us Switcher ===============================*/
@media (max-width: 400px) {
	.calendar-switch {
		margin-left: -10px !important;
	}
	
	.calendar-switch + span {
		display: inline-block !important;
	}
}

/*============================== for iPhone: table ===============================*/

@media (max-width: 991px) {
	
	table.order-table,
	table#order-table,
	table.table-booking
	{
		/*background-color: #e5f2fa;*/
    	background-color: #e6f9ff;
		font-size: .8em;
    	line-height: 1.7em;
	}
	
	.box-page-cnt table.table-booking
	{
		background-color: #fff;
	}
	
	table.order-table > thead,
	table#order-table > thead
	{
		font-size: .9em;
	}
	
	table.table-on-mobile > thead > tr > th
	{
		font-size: 8px;
		padding-left: 3px;
		padding-right: 3px;
	}
	
	table.table-on-mobile > tbody > tr > td, 
	table.table-on-mobile > tbody > tr > td > span
	{
		font-size: 12px;
    	/*line-height: 36px;*/
		padding: 3px 2px !important;
	}
	
	.span-week-all-used, 
	.span-week-user-used, 
	.span-week-school-used, 
	.span-day-all-used, 
	.span-day-user-used, 
	.span-day-school-used 
	{
		font-size: 10px !important;
		/*line-height: 36px;*/
	}
	
	table.table-on-mobile .input-field 
	{
		font-size: 11px;
		/*line-height: 36px;
		height: 36px;*/
		min-width: 40px;
	}
	
	#order-table td .btn-edit, 
	.order-table td .btn-edit 
	{
		font-size: 1em !important;
		width: auto !important;
		
	}
	
	#order-table th, #order-table td, 
	.order-table th, .order-table td 
	{
		padding: 7px;
	}
}


@media (max-width: 400px) {
	
	.table-booking th:first-child, 
	.table-booking td:first-child 
	{
		padding-left: 0px;
	}
	
	table.order-table,
	table#order-table
	{
		font-size: 1em;
    	line-height: 1.6em;
	}
	
	table.order-table:not(.table-on-mobile),
	table.order-table:not(.table-on-mobile) > thead,
	table.order-table:not(.table-on-mobile) > tbody,
	table.order-table:not(.table-on-mobile) > tbody > tr, 
	table.order-table:not(.table-on-mobile) > tbody > tr > td,
	/*table.order-table:not(#table-claendar-places-month-header),
	table.order-table:not(#table-claendar-places-month-header) > thead,*/
	table#order-table,
	table#order-table > thead,
	table#order-table > tbody, 
	table#order-table > tbody > tr, 
	table#order-table > tbody > tr > td
	{
		/*display: block !important;*/
		display: flow-root !important;
		width: 100% !important;
	}
	
	table.order-table:not(.table-on-mobile),
	/*table.order-table:not(#table-claendar-places-month-header),*/
	table#order-table
	{
		margin-left: 0px !important;
	}
	
	table.order-table:not(.table-on-mobile) > thead > tr, 
	table.order-table:not(.table-on-mobile) > thead > tr > th,
	/*table.order-table:not(#table-claendar-places-month-header) > thead > tr, 
	table.order-table:not(#table-claendar-places-month-header) > thead > tr > th,*/
	table#order-table > thead > tr, 
	table#order-table > thead > tr > th
	{
		display: none !important;
	}
	
	table.order-table:not(.table-on-mobile) > tbody > tr,
	table#order-table > tbody > tr
	{
		border-bottom: 2px solid #999;
		padding-top: 10px !important;
		padding-bottom: 15px !important;
	}
	
	table.order-table:not(.table-on-mobile) > tbody > tr > td,
	table#order-table > tbody > tr > td
	{
		border-top: 0px solid #cfdae2 !important;
		border-bottom: 0px solid #999 !important;
		padding: 3px 7px !important;
		text-align: left !important;
		min-height: 45px;
		padding-bottom: 5px !important;
	}
	
	table.order-table:not(.table-on-mobile) > tbody > tr > td:nth-child(1),
	table#order-table > tbody > tr > td:nth-child(1)
	{
		min-height: auto;
	}
	
	table.order-table:not(.table-on-mobile) > tbody > tr > td:before,
	table#order-table > tbody > tr > td:before,
	.column-item div:before
	{
		content: attr(data-th-title);
		display: block;
		font-size: .75em;
		font-weight: bold;
		text-transform: uppercase;
		color: rgba(0,0,0,.5);
	}
	
	/* this is for Capacity */
	.table-on-mobile
	{
		width: auto;
		margin-left: -25px;
		margin-right: -25px;
	}
}

/* Rooms */
@media (max-width: 400px) {
	.plan 
	{
		margin-left: -15px;
		margin-right: -55px;
	}
	
	.plan-agenda-item 
	{
		margin-bottom: 10px;
	}
}

/* Holiday Camp*/

@media (max-width: 991px) {
	
	#booking-left-panel .item-field 
	{
		width: 48%;
    	display: inline-block;
	}
}

@media (max-width: 400px) {
	#booking-left-panel-school
	{
		padding: 0px !important;
	}
	
	#booking-left-panel-school > h3 
	{
		padding-left: 90px;
		line-height: 10px !important;
	}
	
	#booking-left-panel-school > h3 > i
	{
		margin-left: -90px;
	}
	
	#poin-block .col-xs-11 
	{
		width: 100%;
		padding: 0px !important;
	}
	
	.booking-photo 
	{ 
		margin-left: 0px !important;
	}
	
	#booking-left-panel .item-field 
	{
    	margin-left: 0px;
		width: auto;
    	display: block;
	}
	
	#booking-left-panel .booking-price 
	{
		margin-left: -12px;
	}
}


/*============================== for iPhone: Group Programs ===============================*/
@media (max-width: 400px) {
	
	div#filter_invoices_status .group-small-switch 
	{
		margin-left: -15px !important;
    	margin-right: -25px !important;
	}
	
	div.th-item 
	{
		display: none;
	}
	
	.column-item > div,
	.group_items > div 
	{
		padding-top: 0px !important;
	}
	
}


@media (max-width: 400px) {
	table.table-hide-on-mobile {
		opacity: 0 !important;
	}
}

/*============================== for icons in a table on Reservations tab ===============================*/
.icon-table {
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.icon-table-checkout {
	background-image: url("../images/icon_table/i_table_checkout.png");
}
.icon-table-checkin {
	background-image: url("../images/icon_table/i_table_checkin.png");
}
.icon-table-bed {
	background-image: url("../images/icon_table/i_table_bed.png");
}


.div-body-wl {
	padding-bottom: 40px;
}
div.bg-skyblue.place_booking_button {
    margin-bottom: -40px !important;
}

/*========================= for fix header of table ==============================*/
table.table-with-fixed-thead th {
	position: sticky;
	top: 0;
	background-color: #e6f9ff;
	box-shadow: inset 0px -1px 0px 0px #999;
	z-index: 10;
}
table.table-as-row-group {
	position: sticky;
	top: 0;
	z-index: 10;
}

#booked-frame {
	height: auto;
	overflow: visible;
}

/* Calendar tab */
#booked-frame > table tr:nth-child(2) th {
	position: sticky;
	top: 0;
}
#booked-frame > table tr:nth-child(2) th:nth-child(2n+2) {
	background: rgba(214,214,214,1);
	box-shadow: inset 0px -1px 0px 0px #999;
}
#booked-frame > table tr:nth-child(2) th:nth-child(2n+2) {
	background: rgba(214,214,214,1);
	box-shadow: inset 0px -1px 0px 0px #999;
}
#booked-frame > table tr:nth-child(2) th:nth-child(2n+3) {
	/*background: rgba(0,0,0,0.05);*/
	background: rgba(204,204,204,1);
	box-shadow: inset 0px -1px 0px 0px #999;
}
#booked-frame > table tr:nth-child(2) th.todat-td {
    box-shadow: inset 0px -1px 0px 0px #ff3333;
	background-color: #ffcccc;
}
#booked-frame > table tr:nth-child(2) th.col-before {
	background: rgba(214,214,214,1);
	/*box-shadow: inset 0px -1px 0px 0px #999;*/
}
#booked-frame > table tr:nth-child(2) th.col-before:nth-child(2n+3) {
	background: rgba(204,204,204,1);
	/*box-shadow: inset 0px -1px 0px 0px #999;*/
}

/* =============== for fixed message ================ */
.fix-message-top {
	position: fixed !important;
	margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1700 !important;
	border-radius: 0px !important;
}

/* ================ Loading =================== */
.G4K-loading {
	position: fixed;
	top: 0px;
	z-index: 10000;
}
.G4K-loading:after,
.G4K-loading:before	{
	position: fixed;
}

/* No full fields */
.nofull-field, .nofull-field-label:before {
	background-color: #fce6d6 !important;
	border: 1px solid #ef8031 !important;
}