﻿.room_start{
    background-color: #d0d1d4;
    border-radius: 0px;
    float: left;
    margin-bottom: 15px;
    padding: 4px;
    width: 100%;
}
.roomSelections {
    float: left;
    width: 100%
    margin-top: 10px;
    margin-bottom: 10px;
}
.roomSelectHeader {
    float: left;
    width: 100%;
    border-width: 1px;
    border-style: solid;
}
.serialNo1 {
    float: left;
    height: 29px;
    text-align: center;
	width:10%;
}
.selectDiv1 {
    float: left;
   width:15%;
    height: 29px;
    text-align: center;
    border-width: 0px;
    border-left-width: 1px;
    border-style: solid;
}
.occupentsPerRoomBorder1 {
    float: left;
    width:45%;
    
    border-width: 0px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
	text-align: center;
}
.occupentsPerRoom1 {
    width: 161px;
text-align: center;
}
.adultsDiv1 {
    float: left;
    width: 150px;
    border-width: 0px;
    border-top-width: 1px;
    border-style: solid;
}
.totalAmountDiv1 {
    float: left;
    width:30%;
    height: 29px;
    text-align: center;
    border-width: 0px;
    border-style: solid;
    border-right-width: 1px;
}
.totalAmountDiv21 {
    float: left;
    width:50%;
    text-align: center;
    height: 29px;
	display:none;
}
.totalAmountDiv2Feats1 {
    float: left;
    width: 85px;
    text-align: center;
    height: 29px;
    border-style: solid;
    border-width: 0 0 0 1px;
	display:none;
}
/*      second box    */

.controlsDiv1 {
    float: left;
    width: 100%;
    border: 0px;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
}
.chkBtnDivnew1 {
    float: left;
    width: 10%;
    height: 26px;
    text-align: center;
    border-width: 0px;
    border-style: solid;
    border-bottom-width: 1px;
    padding-top: 2px;
}
.chkBtnDiv1 {
    float: left;
   width: 15%;
    height: 26px;
    text-align: center;
    border-width: 0px;
    border-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    padding-top: 2px;
}
.adultsControlDiv1 {
    float: left;
    width: 22.5%;
    height: 26px;
    text-align: center;
    border-width: 0px;
    border-style: solid;
    border-left-width: 1px;
    border-bottom-width: 1px;
    padding-top: 2px;
}
	.adultsControlDiv1 {
    float: left;
    width: 22.5%;
    height: 26px;
    text-align: center;
    border-width: 0px;
    border-style: solid;
    border-left-width: 1px;
    border-bottom-width: 1px;
    padding-top: 2px;
}
.totalAmountDivtxt1 {
    float: left;
    width: 30%;
    height: 26px;
    text-align: center;
    border-width: 0px;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    padding-top: 2px;
}
.totalAmountDiv2btn1 {
    float: left;
    width: 87px;
    height: 26px;
    text-align: center;
    border-width: 0px;
    border-style: solid;
    border-bottom-width: 1px;
    padding-top: 2px;
	display:none;
}
.totalAmountDiv2Featn1 {
    float: left;
    width: 85px;
    height: 26px;
    text-align: center;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding-top: 2px;
	display:none;
}
@media only screen and (max-width: 1000px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
		padding:2px;
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}
#tr_head{
	color:#0D436F;
	background-color:#f2f2f2;
	font-size:14px;
}
.billing,span{
	font-size:13px;
}
.span_cls{
	padding:6px;	
}








/* /* top-left border-radius */ */
/* table thead:first-child th:first-child, */
/* table.Info tr:first-child td:first-child { */
    /* border-top-left-radius: 5px; */
/* } */

/* /* top-right border-radius */ */
/* thead:first-child th:last-child, */
/* thead.Info tr:first-child td:last-child { */
    /* border-top-right-radius: 5px; */
/* } */

/* /* top-left border-radius */ */
/* table thead:first-child th:first-child, */
/* table.Info tr:first-child td:first-child { */
    /* border-bottom-left-radius: 5px; */
/* } */

/* /* top-right border-radius */ */
/* thead:first-child th:last-child, */
/* thead.Info tr:first-child td:last-child { */
    /* border-bottom-right-radius: 5px; */
/* } */