@CHARSET "ISO-8859-1";

*{
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
	color:#424242;
	
}

div[name=logo]{
	padding-top:10px;
	padding-left:50px;
	font-size: 0.8em;
}

div[name=login]{
	position:absolute; 
	top:30%; 
	left:50%;  
	width: 600px;  
	height: 200px;
	margin-left: -300px;  
	padding:15px;
}

.button.logout{
	position:absolute; 
	right:5%;
	height:50px;
}

div[name=loginform] {

	border: 1px solid #000;
	background-color:#F2F2F2;

}

table[name=login]{
	padding:10px;
	margin:10px;
}

div.buttons_bar{
	height:50px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:lightgrey;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:lightgrey;
	text-align:center;
	padding-top:3px;
	padding-bottom:12px;
	background-color:#F2F2F2;
}


div.button {
	border:solid lightgrey 1px;
	cursor:pointer;
	height:100%;
	float:left;
	width:150px;
	background-color:#E6E6E6;
	color:#585858;
	margin-left: 50px;
	padding-top:7px;
	padding-left:10px;
	padding-right:10px;
}


table[name=room_rates] {
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;	
	width:600px;
	font-size: 0.9em;
}

table[name=room_rates] th {
		background-color:#E6E6E6;
		padding:10px;
}

table[name=room_rates] td {
		background-color:#F2F2F2;
		padding:3px;
		text-align:left;

}
div[name=search_hotel] {
	text-align:center;
	font-size: 0.9em;
}

table[name=availability] {
	border-collapse:collapse;
	width:100%;
	table-layout: fixed;
	width:1500px;
	margin-left: auto;
	margin-right: auto;

}


.day_column{
	width:3%;
	word-wrap: break-word;
	border:solid lightgrey 1px;
	font-weight:bold;
	font-size: 0.52em;	
	color:black;
}

.first_column{
	width:7%;
	border:solid lightgrey 1px;
	font-weight:bold;
	font-size: 0.8em;
	padding:7px;
	padding:7px;	
	background-color:#E6E6E6;
	font-size: 0.6em;
	color:black;
}

.rate_column{
	font-weight:bold;
	font-size: 0.52em;
}
.first_row{
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;	
	background-color:#E6E6E6;
	
}
.column_true{
	background-color:lightgreen;
}
.column_false{
	background-color:#FA5882;
}


table[name=room_rates] td {
	border:solid lightgrey 1px;
}
table[name=month_selection] td {
	border:solid lightgrey 1px;
}

table[name=month_selection] {
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;	
	width:200px;
	cursor:pointer;
	height:50px;
	background-color:#E6E6E6;

}


#previous_month,#next_month {
	width:40px;
}

h3,
td,
.aligncenter,
div[name=availability],
div[name=room_rates] {
	text-align:center;
}


/* ON/OFF Button */



/* ============================================================
  COMMON
============================================================ */
.switch {
	/* text-align: center; */
}

.inner-switch {
	margin-right: 5%;
    text-align: right;
    display: inline-block;
    width: auto;
}

.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ============================================================
  SWITCH - ROUND
============================================================ */


.percent_rates {
	font-size: 12px;
}

.percent_rates input {
	float:left;margin-top:20px;
}

.percent_rates label {
    float: left;
    margin-top: 20px;
    margin-left: 5px;
}

.percent_rates:after {
	content: "%";
  float:left;padding-left:5px;margin-top:22px;
  position:relative;
}


input.cmn-toggle-round + label {
  /* padding: 2px;*/
  width: 150px;
  height: 60px;
  background-color: #dddddd;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  /* position: absolute; */
  left: 70px; 
  /* margin:auto; */
  margin-top:80px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
	content: "Disable";
  display: block; float: left;  padding: 0; line-height: 60px;
    font-size: 15px; color: #e51008; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	text-align: right;
  right: 1px;
  padding-right:30px;
  background-color: #f1f1f1;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
  
  
}
input.cmn-toggle-round + label:after {
	display: block; float: left;  padding: 0; line-height: 60px;
    font-size: 15px; color: #e51008; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	text-align: right;
	
  width: 58px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
	display: block; float: left;  padding: 0; line-height: 60px;
    font-size: 15px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	text-align:left;
	padding-left:30px;
	content: "Enable";
  background-color: #8ce196;
}

input.cmn-toggle-round-alt:checked + label:before {
	content: "Partially \00000A Enabled" !important;
  background-color: purple !important;
  white-space: pre;
  line-height: 16px;
  text-align:center;
  padding-top: 12px;
  padding-right: 35px;
  padding-left:0;
}
input.cmn-toggle-round:checked + label:after {
	content: "";
  margin-left: 90px;
}
span.label {
	margin-bottom: 20px;
    font-size: 15px;
    color: black;
    font-family: Trebuchet, Arial, sans-serif;
	margin-left:43px;
	width: 160px;
    display: block;
    text-align: center;
}

div.reward_rates {
	padding:10px 25px;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 10%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 10%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 */
}

div.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
	display: inline-block;
	vertical-align: middle;
	color:white;
    background: url('../img/loading.gif') 50% 50% no-repeat rgb(6,6,6);
    opacity: .8;
	text-align: center;
}

.loader h1{
		background: none;
		border: none;
		color: #458976;
		font-size: 22px;
		font-family: "Open Sans",sans-serif;
		font-variant: small-caps;
		font-weight: 700;
		height: 700px;
		line-height: 700px;
		margin: 0 0 10px;
		padding: 0;
		text-align: center;
	}