@CHARSET "UTF-8";
@media (max-width:767px){
	body {
	padding-top:150px;
	padding-bottom: 30px;
	background-image:url("../images/bg.jpg");
	background-size:cover;
}
	}
@media (min-width:768px){
body {
	padding-top:90px;
	padding-bottom: 30px;
	background-image:url("../images/bg.jpg");
	background-size:cover;
}
}
.container1{
	background-color:rgb(255,255,254);
	background-color:rgba(255,255,254,0.8);

	}
.footlogin{
	
	}
.contentlogin{

	}

.banner{
	border:3px solid #fff;
	}
.logomea{
	float:left;
	vertical-align:middle;
	}
.navname{
	float:left;
	margin-left:20px;
	}
	
.navname:hover{
	color:#ffbf3f;
	}
.navmenu{
	padding-top:20px;
	}

/* form */
span.required, .errorMessage, .errorSummary {
	color: red;
}

.errorSummary p {
	font-weight: bold;
}

/*loading */
.glyphicon-refresh-animate {
	-animation: spin .7s infinite linear;
	-webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
	from {transform:scale(1)rotate(0deg);}
	to {transform: scale(1) rotate(360deg);}
}

/*------------------------------*/
/*#bg-header{
	padding-top:70px; 
	margin-bottom: 20px;
	background-color:#163149;
	background-image:url(../images/water.png);
}*/
/*#header{
	padding-top:70px; 
	margin-bottom: 20px;
}*/
#nav-fix-top{
	background-color: #862633; 
	box-shadow: 0 5px 10px #9e9e9e;
	font-weight:bold;
	color: #fff;
}

.navbar-header{
	height:80px;
	}

.navbar-header>.navbar-brand{
	color: #fff;
	padding:0px;
}


.navbar-nav-custom{margin:7.5px -15px}
.navbar-nav-custom>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}
@media (max-width:767px){.navbar-nav-custom .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}
.navbar-nav-custom .open .dropdown-menu>li>a,.navbar-nav-custom .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}
.navbar-nav-custom .open .dropdown-menu>li>a{line-height:20px}
.navbar-nav-custom .open .dropdown-menu>li>a:hover,.navbar-nav-custom .open .dropdown-menu>li>a:focus{background-image:none}}
@media (min-width:768px){.navbar-nav-custom{float:left;margin:0}.navbar-nav-custom>li{float:left}.navbar-nav-custom>li>a{}.navbar-nav-custom.navbar-right:last-child{margin-right:-15px}}
.navbar-nav-custom>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}
.navbar-nav-custom>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}
.navbar-nav-custom>li>a{color:#fff}
.navbar-nav-custom>li>a:hover, .navbar-nav-custom>li>a:focus{color:#862633;background-color:#F0F0D8;border-radius: 5px;}

.navbar-nav-custom>.active>a, .navbar-nav-custom>.active>a:hover, .navbar-nav-custom>.active>a:focus{color:#862633;background-color:#FFBF3F; border-radius: 5px;}
.navbar-nav-custom>.disabled>a, .navbar-nav-custom>.disabled>a:hover, .navbar-nav-custom>.disabled>a:focus{color:#ccc;background-color:transparent}
.navbar-nav-custom>.open>a, .navbar-nav-custom>.open>a:hover, .navbar-nav-custom>.open>a:focus{background-color:#e7e7e7;color:#ffbf3f}

@media (max-width:767px){.navbar-nav-custom .open .dropdown-menu>li>a{color:#777}.navbar-nav-custom .open .dropdown-menu>li>a:hover,.navbar-nav-custom .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}
.navbar-nav-custom .open .dropdown-menu>.active>a, .navbar-nav-custom .open .dropdown-menu>.active>a:hover, .navbar-nav-custom .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}
.navbar-nav-custom .open .dropdown-menu>.disabled>a,.navbar-nav-custom .open .dropdown-menu>.disabled>a:hover, .navbar-nav-custom .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
	color: #FFF;
	text-decoration: none;
	background-color: #FFBF3F;
}

.text-red {
	color: #862633;
}

.text-green {
	color: #5cb85c;
}
.text-orange {
	color: #fe5000;
}
.text-grey {
	color: #63666a;
}


#main {
	/*overflow:auto;*/
	padding-bottom: 50px;
} /* must be same height as the footer */
.footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 50px;
	height: 3.125rem;
	width: 100%;
	background: #FE5000;
	padding-top: 7px;
	color: #fff;
	z-index: 100;
}
/* IE 6 */
* html .footer {
	position: absolute;
	top: expression(( 0 -( footer.offsetHeight)+(document.documentElement.clientHeight?
		 document.documentElement.clientHeight: document.body.clientHeight)+(ignoreMe=
		 document.documentElement.scrollTop? document.documentElement.scrollTop:
		 document.body.scrollTop))+'px');
}

h3 {
	color: #862633;
}

.table th {
	vertical-align: middle !important;
}

h4 {
	color: #4890C0;
	font-size: small;
	font-weight: bold;
}

.text-desc {
	color: #480018;
	font-size: small;
	font-weight: lighter;
}
/*.fixedRight {
   	position: fixed; 
    top: 270px;
}*/
.text-blue {
	color: #4890C0;
	font-weight: bold;
}

.fixedRight {
	background-color: #fff9c4;
	display: inline-block;
}

@media ( min-width : 768px) {
	.fixedRight {
		position: fixed;
		top: 35%;
		width: 20%;
		right: 0%;
	}
}
/*@media (min-width: 1200px) {
 	
}*/
#tabProduct li.active a {
	border-bottom-color: transparent;
	background-color: #fff9c4;
	color: #862633;
}

#tabProduct li a {
	border-color: #4890C0;
	background-color: #eee;
}

.product-desc {
	display: block; /* Fallback for non-webkit */
	display: -webkit-box;
	max-width: 400px;
	height: 13*1.42857143*3;
	/* Fallback for non-webkit : $font-size*$line-height*$lines-to-show*/
	margin: 0 auto;
	font-size: 13px;
	line-height: 1.42857143;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
/*
.myTable > .table > thead > tr > th,
.myTable > .table > tbody > tr > th,
.myTable > .table > tfoot > tr > th{
	background-color: #d9edf7;
	text-align: center;
}
.button-column{
	text-align: center;
}
.myTable > .summary{
	text-align: right;
}*/

/* for scroll*/
.back-to-top {
	/*background: none;
	margin: 0;
	position: fixed;
	bottom: 1.875rem;
	right: 1.25rem;
	width: 3.75rem;
	height: 3.75rem;
	z-index: 100;
	display: inline-block;
	text-decoration: none;
	color: #ffffff;
	background-color: #212327;
	text-align: center;
	vertical-align: middle;
	padding-right: 0;
	opacity: .5;
	
	
	*/
	width: 60px;
	width: 3.75rem;
	height: 60px;
	height: 3.75rem;
	display: inline-block;
	opacity: .5;
	filter: alpha(opacity = 50);
	background-color: #212327;
	color: #fff;
	text-align: center;
	position: fixed;
	bottom: 60px;
	bottom: 3.75rem;
	right: 20px;
	right: 1.25rem;
	border-radius: 50%;
	background-clip: padding-box;
}

.back-to-top i, .back-to-top span {
	line-height: 60px;
	line-height: 3.75rem;
	font-size: 36px;
	font-size: 2.25rem;
}

.cursor-pointer {
	cursor: pointer;
}

.text-cancel {
	text-decoration: line-through;
}

/*--------------------- table  ----------------------------*/
.header-table-yellow {
	background-color: #ECB652;
	color: #fff;
}

.header-table-yellow a {
	color: #63666a;
}

.table-striped>tbody>tr:nth-of-type(even) {
	background-color: #faeace;
}

.table-hover>tbody>tr:hover {
	background-color: #fdf9f1;
}

.header-table-blue {
	background-color: #5288ec;
	color: #ffffff;
}

.button-column>a>img {
	width: 40px;
	max-width: 40px;
	height: 40px;
	max-height: 40px;
}

.divRoom {
	position: fixed;
	top: 150px;
	top: 10.71428571rem;
	left: 20px;
	left: 1.25rem;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}

.room {
	vertical-align: middle;
	text-align: center;
}

.roomColor {
	border-radius: 50%;
	width: 60px;
	width: 3.75rem;
	height: 60px;
	height: 3.75rem;
	/*display: inline-block;*/
	opacity: .9;
	color: #fff;
}

.btn-blue {
	background-color: #d7f0f7;
	border-color: #aaffff;
	color: #fff;
}

.btn-blue.active {
	background-color: #65f5e2;
	border-color: #65d8f5;
	color: #fff;
}

.table>tbody>tr>td.edit {
	padding: 4px;
	vertical-align: middle;
}

.table>tbody>tr>td.edit>img {
	cursor: pointer;
}

.red {
	background-color: red;
	color: white;
}

.green {
	background-color: green;
	color: white;
}

.plan{
	background-color: #bbbcbc;
	color: #fff;
}
.actual{
	background-color: #ffbf3f;
}
h4.timeline{
	font-size: 18px;
}
.table-bordered{
	border: 1px solid #63666A;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
	border: 1px solid #63666A;
}
.bg-yellow{
	background-color: #FFBF3F;
}
#scrollBox
{
	position: fixed !important; /* For firefox & IE 7 & greater */
	position:absolute; /* For IE 6 and lower */ 
	width:360px;
	height:360px;
	background:#DDDDDD;
	border:3px solid #BBB;
	color:#000000;
	right: 20px;
	bottom: 40px;
	z-index:2;
	padding: 5px 10px;
}
.buttonHolder
{ 
	text-align: center;
}