body{
	position:relative;

	width:100%;
	max-width:1200px;
	margin: 0 auto;
	margin:5px;
	font-size:16px;

	
	position: absolute;
	top:0%;
	left: 50%;
	transform: translate(-50%, 0%);
	

}





input[type=button], input[type=submit], input[type=reset], input[type=text], input[type=password], input[type=month], input[type=number],input[type=double], input[type=date], input[type=email], input[type=url], input[type=checkbox], select, option{
	width:100%;
	font-size:1em;
	padding:0px;
	}

input[type=text], input[type=password], input[type=month], input[type=number], input[type=date], input[type=checkbox], input[type=email],input[type=double], select, option{
	height:2em;
	
	}
	
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #d0d0d0;
  opacity: 1; /* Firefox */
}

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

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

label{
	position: relative;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;	
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis; 
	max-width:100%;
}
	
.shadow{
	-webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.6);
	box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.6);
}

.hcenter{
  position: relative;
  top:15px;
  left: 50%;
  transform: translateX(-50%);
}

.vcenter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.fcenter {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}




@-webkit-keyframes baddata {    
    from, to {    
        border-color: pink;    
    }    
    50% {    
        border-color: crimson;    
    }    
}    

.baddata{    
    border:2px solid Crimson;
    -webkit-animation: baddata 1s step-end infinite;    
    animation: baddata 1s step-end infinite;
}


[class*="p-"], [class*="s-"], [class*="c-"] {
    width: 100%;
	padding:2px;
	float:left;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 4px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 4px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 4px;
  
box-sizing: border-box;
}

/*div{border:solid 1px green;}*/

@media only screen and (max-width: 600px) {
	img{margin:2px;width:calc(100% - 4px);float:left}
	.cols {column-count:1;}
	.colss {column-count:1;}
	.colsg {column-count:2;}
	.p-0 {display:none;}                                     
    .p-1 {margin:2px;width:calc(8.33% - 4px);}
    .p-2 {margin:2px;width:calc(16.66% - 4px);}
    .p-3 {margin:2px;width:calc(25% - 4px);}
    .p-4 {margin:2px;width:calc(33.33% - 4px);}
    .p-5 {margin:2px;width:calc(41.66% - 4px);}
    .p-6 {margin:2px;width:calc(50% - 4px);}
    .p-7 {margin:2px;width:calc(58.33% - 4px);}
    .p-8 {margin:2px;width:calc(66.66% - 4px);}
    .p-9 {margin:2px;width:calc(75% - 4px);}
    .p-10{margin:2px;width:calc(83.33% - 4px);}
    .p-11{margin:2px;width:calc(91.66% - 4px);}
    .p-12{margin:2px;width:calc(100% - 4px);}		
}                                                            
															 
@media only screen and (min-width: 601px) { 
	img{margin:2px;width:calc(50% - 4px);float:left}
	.cols {column-count:2;}
	.colss {column-count:1;}
	.colsg {column-count:4;}
	.s-0 {display:none;}                                                              
    .s-1 {margin:2px;width:calc(8.33% - 4px);}
    .s-2 {margin:2px;width:calc(16.66% - 4px);}
    .s-3 {margin:2px;width:calc(25% - 4px);}
    .s-4 {margin:2px;width:calc(33.33% - 4px);}
    .s-5 {margin:2px;width:calc(41.66% - 4px);}
    .s-6 {margin:2px;width:calc(50% - 4px);}
    .s-7 {margin:2px;width:calc(58.33% - 4px);}
    .s-8 {margin:2px;width:calc(66.66% - 4px);}
    .s-9 {margin:2px;width:calc(75% - 4px);}
    .s-10{margin:2px;width:calc(83.33% - 4px);}
    .s-11{margin:2px;width:calc(91.66% - 4px);}
    .s-12{margin:2px;width:calc(100% - 4px);}	
}                                                            
															 
@media only screen and (min-width: 800px){
	img{margin:2px;width:calc(33.33% - 4px);float:left}
	.cols {column-count:3;}
	.colss {column-count:2;}
	.colsg {column-count:6;}
	.c-0 {display:none;}                                     
    .c-1 {margin:2px;width:calc(8.33% - 4px);}
    .c-2 {margin:2px;width:calc(16.66% - 4px);}
    .c-3 {margin:2px;width:calc(25% - 4px);}
    .c-4 {margin:2px;width:calc(33.33% - 4px);}
    .c-5 {margin:2px;width:calc(41.66% - 4px);}
    .c-6 {margin:2px;width:calc(50% - 4px);}
    .c-7 {margin:2px;width:calc(58.33% - 4px);}
    .c-8 {margin:2px;width:calc(66.66% - 4px);}
    .c-9 {margin:2px;width:calc(75% - 4px);}
    .c-10{margin:2px;width:calc(83.33% - 4px);}
    .c-11{margin:2px;width:calc(91.66% - 4px);}
    .c-12{margin:2px;width:calc(100% - 4px);}
}




.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
}






.startday{
background: rgb(0,212,255);
background: -moz-linear-gradient(135deg, rgba(0,212,255,0) 50%, rgba(32,178,170,1) 50%);
background: -webkit-linear-gradient(135deg, rgba(0,212,255,0) 50%, rgba(32,178,170,1) 50%);
background: linear-gradient(135deg, rgba(0,212,255,0) 50%, rgba(32,178,170,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00d4ff",endColorstr="#20b2aa",GradientType=1);

}
.bookday{
	background: #20B2AA;
}
.endday{
background: rgb(0,212,255);
background: -moz-linear-gradient(135deg, rgba(0,212,255,0) 50%, rgba(32,178,170,1) 50%);
background: -webkit-linear-gradient(135deg, rgba(0,212,255,0) 50%, rgba(32,178,170,1) 50%);
background: linear-gradient(135, rgba(0,212,255,0) 50%, rgba(32,178,170,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00d4ff",endColorstr="#20b2aa",GradientType=1);

}
.progday{
	
}

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

#impr_id{
	position: fixed;
    bottom: 0;
	left: 0;
    right: 0;
}


.loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 30%;
  border-top: 20px solid transparent;
  border-right: 20px solid white;
  border-bottom: 20px solid transparent;
  border-left: 20px solid white;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 6s linear infinite;
  animation: spin 6s linear infinite;

  
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}