@CHARSET "UTF-8";

/* Bootstrap customizations */
.customAlert {
	margin-bottom: 0px;
}

#area {
	overflow:scroll;
	overflow-x:hidden;
	height:100%;
}

#contentWrapper{
	width:100%;
	height:100%;
	background: url("../images/bg-dots.png") repeat scroll;
	margin:auto;
}


.selectLabel{
	display:block;
	margin:auto;
}

.tableContainer {
	width:100%;
	max-height:550px;
	overflow:scroll;
}

.tableContainer a {
	color:black;
}

#header{
	width:100%;
	height:10px;
	box-shadow:10px;
}

	@media (min-width: 768px) { .navbar-collapse ul {margin-top: 70px; } }	
	
	.navbar-collapse .navbar-nav.navbar-left:first-child { margin-left: 0px; }

.logo{
	float:left; 
	padding:15px;
}

#contentArea {
	padding-top:10px;
	width:1024px;
	height:768px;
	margin:auto;
	background-color:#F2F2F2;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
/*	background: url("../images/loader_bg.png") repeat scroll; */
	background-color:#F2F2F2;
	position:absolute;
	top: 20%;
	left: 0;
	right: 0;
}

@media (min-width:768px) {
	#contentArea{
	padding-left: 15px !important;
	padding-right: 15px !important;
	}
	
}

.input-group {
	padding-left: 20px !important;
	display: block !important;
	width: 300px !important;
	height: auto !important;
	overflow: none;
}

.submitButton {
	float:right;
	margin-top:10px;
}

.tableImg {
/*	width: 100px; */
	height: 50px;
}

#formContainer {
	margin:auto;
}

#formContainer label {
	margin-bottom:5px;
	margin-top:5px;

}


/* Select bar and select buttons */

#selectBar {
	width:100%;
	height:10%;
	border-bottom:1px solid #D7D7D7;
}

.selectCode {
	height:100%;
	width:25%;
	border-right:1px solid #D7D7D7;
	float:left;
	opacity: 0.3;
}

.selectCustomer {
	height:100%;
	width:25%;
	border-left:1px solid #D7D7D7;
	border-right:1px solid #D7D7D7;
	float:left;
	opacity: 0.3;
}

.selectCalendar {
	height:100%;
	border-left:1px solid #D7D7D7;
	width:25%;
	float:left;
	opacity: 0.3;
}

.editCalendar {
	height:100%;
	border-left:1px solid #D7D7D7;
	width:25%;
	float:right;
	opacity: 0.3;
}

.selectCodeIcon {
	font-size: 35px;
	margin-left:5%;
	color:#F07E00;
}

.selectCustomerIcon {
	font-size: 35px;
	margin-left:5%;
	color:#710073;
}

.selectCalendarIcon {
	font-size: 35px;
	margin-left:5%;
	color:#59BDF3;
}

.selectEditCalendarIcon {
	font-size: 35px;
	margin-left:5%;
	color:#60AD00;
}

.selectTitle {
	font-family:'Raleway', sans-serif;
	font-size: 30px;
	margin-left:10px;
	margin-top:10px;
	float:right;
}

.selectPerson:hover{
	opacity:1.0 !important;
}

.selectCustomer:hover{
	opacity:1.0 !important;
}

.selectCalendar:hover {
	opacity:1.0 !important;
}


/*   Buttons */

.addButton {
	height: auto;
	width: auto;
	float:right;
	margin-right:10px;
}

.addButtonIcon {
	font-size: 40px;
	margin-left:10%;
	color: #60AD00;
	opacity: 0.7;
}

.addButtonIcon:hover {
	opacity: 1.0;
}

.editIcon {
	font-size:20px;
	color:black;
}


#contentArea legend {
	margin-top:20px;
	margin-left:5px;
	font-family:'Raleway', sans-serif;
	font-size: 24px;
}

#loginArea {
	width:450px;
	height:300px;
	margin:auto;
	background-color:#F2F2F2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
/*	background: url("../images/loader_bg.png") repeat scroll; */
	background-color:#F2F2F2;
	position:absolute;
	top: 30%;
	left: 0;
	right: 0;
}

.alertCustom{
	margin:auto;
	width: 90%;
}

.navbarCustom {
	-moz-box-shadow: 5px 5px 2.5px #888;
-webkit-box-shadow: 5px 5px 2.5px #888;
box-shadow: 5px 5px 2.5px #888;
}

.navbarCustom a {
	color:#646464;
}

#loginArea legend {
	margin-left:20px;
	margin-top:20px;
	font-family:'Raleway', sans-serif;
	font-size: 24px;
}

#loginArea label {
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
}

#formArea {
	padding: 20px;
	width:50%;
	margin:auto;
}

#pageWrapper {
width:100%;
height:100%;

/* background: url("../images/grid.png") repeat scroll 0 0 transparent; */
}
@media (min-width: 992px) {
	.modal-lg {
		width: 900px;
	}
}

.tableFixHead          { overflow: hidden; overflow-y: visible; height: 51%; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; background-color: #F2F2F2; }
button.editIcon { padding: 0; }
#listFormBody tr { cursor: pointer; }