@import url("bootstrap.min.css");
@import url("plugins/morris/morris-0.4.3.min.css");
@import url("plugins/timeline/timeline.css");
@import url("sb-admin.css");
/* ============================================================== COMMON CSS ============================================================== */

#page-wrapper{
	min-height:500px;
	/*margin:62px 0 0 250px;*/
}
.leftcontent {
	float:left;
}
.rightcontent {
	float:right;
}
a, a:hover {
	text-decoration:none;
	color:#fff;
}
.panel-body a, .panel-body a:hover{
	color:#157DBE;
}
.highlight {
	color:#0977BA;
	font-weight:bold;
}
body {
	font-family:calibri !important;
}
body .nomargin {
	margin:0 !important;
}
body .nopadding {
	padding:0 !important;
}
body .noborder {
	border:none !important;
}
body .nobg {
	background:none !important;
}
body .clear {
	clear:both;
}
body .leftalign {
	text-align:left;
}
body .rightalign {
	text-align:right;
}
body .centeralign {
	text-align:center;
}
ul,li,ol{
	margin:0;
	padding:0;
}
.formfield {
	clear: both;
	display: block;
	line-height: 30px;
	margin: 0 0 15px;
	overflow: hidden;
}
.formwrapper {
	clear: both;
}
input[type="text"], input[type="email"], input[type="password"], input[type="date"], select {
	background:none;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	box-shadow: none;
	height: 30px;
	width: 260px;
	padding:0 0 0 5px;
	margin:0 0 0 5px;
}
input[type=checkbox] {
	visibility: hidden;
}
/* SQUARED TWO */
.chkbox {
	background: none;
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0 );
	position: relative;
	width:25px;
}
.chkbox label {
	cursor: pointer;
	position: absolute;
	width: 15px;
	height: 15px;
	left: 4px;
	top: 4px;
	margin:4px 0 0;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 1);
	background: #EEEEEE;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d', GradientType=0 );
}
.chkbox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 5px;
	left: 4px;
	border: 3px solid #000;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.chkbox label:hover::after {
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
 filter: alpha(opacity=30);
 opacity: 0.3;
}
.chkbox input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.radio{	
	margin:0 0 0 5px;
	padding:0;
}
.radio label.errors:before {
    display: none;
}
.radio label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-weight: 700;
}
.radio input[type=radio] {
	display: none;
}
.radio label:before {
    background-color: #EEEEEE;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    margin: 8px 10px 0 0;
    position: absolute;
    width: 16px;
}
.radio label:before {
	border-radius: 8px;
}
input[type=radio]:checked + label:before {
	content: "\2022";
	color: #000;
	font-size: 24px;
	text-align: center;
	line-height: 14px;
}
textarea {
	background:none;
	border: 1px solid #CCCCCC;
	border-radius: 6px;
	box-shadow: none;
	height: 120px;
	width: 260px;
	padding:0 0 0 5px;
	margin:0 0 0 5px;
	resize:none;
}
select {
	padding:4px;
}
input[type="submit"], input[type="button"], input[type="reset"] {
    background:#0977BA;
    border-radius: 4px;
    color: #FFFFFF;
    padding: 4px 13px;
	border:none;
}
.formvalue {
	text-align:right;
	min-width:83px;
	font-weight:bold;
}
/*#login{
    background: radial-gradient(#555555, #222222, #000000) repeat scroll 0 0 #000000;
    height: 650px;
    max-width: 1400px;
	background-color:#000;

}*/
#login {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 12px;
    margin: 0 auto;
    padding: 23px 23px 0;
    width: 307px;
	display:block;
	overflow:hidden;
}
.loginbg{
	background:#222;
}
table{
	width:100%;
}
td,th {
    padding: 0 5px;
}
th {
    background:#0977BA;
    color: #FFFFFF;
    height: 35px;
    text-align: center;
}
td{
	word-break:break-all;
	text-align:justify;
	padding:5px;
	color:#303030;
}

/* ============================================================== FIXED HEADER CSS ============================================================== */

body {
	padding-top:80px;
}
#wrapper {
	background: -webkit-linear-gradient(#fff, #94C4E1, #fff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff, #94C4E1, #fff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #94C4E1, #fff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #94C4E1, #fff); /* Standard syntax */
}
.navbar-static-side {
	margin: 0;
	top:155px;
}
.navbar-brand {
	position:relative;
	z-index:2;
    padding: 10px 55px;
	height:auto;
}
.custom-search-form {
	margin:35px 0 0;
}
nav.navbar-default {
	background: -webkit-linear-gradient(#D1EDEE, #fff,); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#D1EDEE, #fff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#D1EDEE, #fff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#D1EDEE, #fff); /* Standard syntax (must be last) */
}
div.navbar-default{
	background:none;
}
.nav > li > a:hover, .nav > li > a:focus, .nav > li > a.active {
	background:#0977BA;
	color:#fff !important;
}
#side-menu li a {
    color: #414141;
}
input[type="text"].form-control{
	height:34px;
}
#message{
	color:#FF0000;
	margin:0 0 20px 0;
}
.nav.navbar-top-links.navbar-right {
    background: #0977ba;
    border-radius: 0 0 4px 3px;
    margin: 0 14px 0 0;
}
.nav.navbar-top-links.navbar-right li a {
    border-right: 1px solid;
    line-height: normal;
    padding: 0 10px;
}
.nav.navbar-top-links.navbar-right li:last-child a {
    border: medium none;
    padding: 0 0 0 10px;
}
.websitemenu{
	background:#0977BA;
	text-align:center;
	display:block;
	overflow:hidden;
	width:100%;
}
.websitemenu li{
	display:inline;
}
.websitemenu a {
    display: inline-block;
    font-size: 16px;
    line-height: 46px;
    padding: 0 15px;
    text-transform: uppercase;
	color: #fff !important;
}
.websitemenu a:hover{
	/*background:#fff;
	color:#0977BA;*/
}

/* ============================================================== BODY PART CSS ============================================================== */

.page-header {
	border-bottom: 1px solid #EEEEEE;
	margin: 21px 0 20px;
	padding-bottom: 9px;
}
#page-wrapper {
	border:none;
}
.listingtable th a{
	color:#fff;
	background:url(../images/sort.png) no-repeat right center;
    padding: 0 16px 0 0;
}
.listingtable th a:hover{
	color:#fff;
}
.listingtable li{
	margin:0 0 0 13px;
}
.listingtable .chkbox{
	width:auto;
}
.listingtable .chkbox label{
	margin:0;
	padding:0;
	left:0;
}
.pagination {
    background: #DDDDDD;
    margin: 25px 5% 15px;
    text-align: center;
    width: 90%;
}
.pagination a{
	color:#222222;
}
.activepagination{
}

/* ============================================================== ADD INQUIRY CSS ============================================================== */

#AIService fieldset {
	border: 1px solid #C0C0C0;
	margin: 0 0 0 5px;
	padding: 0 6px 6px;
	width: 573px;
}
.chkboxwidth .rightcontent {
	text-align:left;
}
#AIService .chkboxwidth, #AIheard .chkboxwidth {
	width:25%;
}
/* NOTIFICATION */

.notificationtitle {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 8px;
    padding: 0 0 2px;
}
.notificationdesc li{
	list-style:none;
}
.notification{
	display:block;
	overflow:hidden;
	margin:0 0 25px;
}
.list-group{
	margin:0;
}

/* ============================================================== DASHBOARD CSS ============================================================== */

/* Lab LISTING */

.col-lg-12{
	padding:0;
}
#lablistingfrm{
	display:block;
	overflow:hidden;
}

@media 
	only screen and 
	(max-device-width: 768px)   {
	
		#lablistingfrm table{
			border:none;
		}
		/* Force table to not be like tables anymore */
		#lablistingfrm table, #lablistingfrm thead, #lablistingfrm tbody, #lablistingfrm th, #lablistingfrm td, #lablistingfrm tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		#lablistingfrm thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		#lablistingfrm tr { 
			border: 1px solid #ccc; 
			margin:0 0 20px;
			display:block;
			overflow:hidden;
			}
		
		#lablistingfrm td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
			text-align:left;
		}
		
		#lablistingfrm td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 48%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:right;
			font-weight:bold;
		}
		
		/*
		Label the data
		*/
#lablistingfrm td:nth-of-type(1):before { content: "Select:"; }
#lablistingfrm td:nth-of-type(2):before { content: "Index:"; }
#lablistingfrm td:nth-of-type(3):before { content: "UserId:"; }
#lablistingfrm td:nth-of-type(4):before { content: "Lab:"; }
#lablistingfrm td:nth-of-type(5):before { content: "Phone No.:"; }
#lablistingfrm td:nth-of-type(6):before { content: "Zone:"; }
#lablistingfrm td:nth-of-type(7):before { content: "Email:"; }
#lablistingfrm td:nth-of-type(8):before { content: "Address:"; }
#lablistingfrm td:nth-of-type(9):before { content: "Action:"; }
	}
	
	
	
	
	
.labaddr{
	width:18%;
}
.labemail{
	width:18%;
}
#searchfrm{
	margin:10px 10px 0;
}
/* FCK Editor CSS*/
.rightcontentFCK{
	float:right;
	width:780px;
}
/* End of FCK Editor CSS*/
/* My Personal CSS */
.indexheader {
    float: left;
    margin: 100px 0 90px;
    text-align: center;
    width: 100%;
}
.myErrors{
	color:#900;
}
.errors{
	color:#900;
}
.quespace{
	 margin:15px 0 15px 0;
}
.addnew{
	float:right;
}
.hide{
	display:none;
	visibility:hidden;
}
.view{
	display:;
	visibility:visible;	
}
.anstextarea{
	background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 6px;
    box-shadow: none;
    margin: 0 0 0 5px;
    padding: 0 0 0 5px;
    vertical-align: 100px;
	resize:;
	width:auto;
	height:65px;
}
#runquestion{
	width:500px;
}
#forgotpassword{
	color:#81A7D5;
}
#changepassboard {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 12px;
    margin: 0 auto;
    padding: 23px 23px 0;
    width: 350px;
	display:block;
	overflow:hidden;
}
	/* Central Data */
		.centerformvalue{
			font-weight: bold;
			min-width: 140px;
			text-align: right;
		}
		.centerContent{
			float:none;text-align:center;
			
		}
		.centerformfield{
			line-height: 30px;
			margin: 0 0 15px 300px;
			overflow: hidden;
		}
		.centerleftContent{
			text-align:center;
			float:left;
		}
		.centerrightContent{
			float:left;
			text-align:center;
		}
		.centerformfield{
			clear: both;
			display: block;
			line-height: 30px;
			margin: 0 10px 15px;
			overflow: hidden;
		}
		#addworkschedule {
			margin: auto;
			width: 426px;
		}
	/* End of Central Data */
	.paginationspace{
		background-color:none;
		width:100%;
		float:right;
	}
	.paginationlink{
		font-size:15px;
		text-decoration:none;
		color:#0977BA !important;
	}
/* End of My Personal CSS */
.footer {
    border-top: 4px solid #0977ba;
    clear: both;
    margin: 10px 0 0;
    padding: 10px 10px 0;
    text-align: center;
}
.social {
    display: block;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    width: 132px;
}
.social img {
    margin:0 4px 10px;
}
#addduerun {
    display: block;
    margin: 0 auto;
    max-width: 50%;
    overflow: hidden;
}
#addcat {
    display: block;
    margin: 0 auto;
    max-width: 348px;
    overflow: hidden;
}
#addlab {
    margin: 0 auto;
    max-width: 750px;
}
.delspace > img {
    margin: 0 0 0 38px;
}
.site-info a{
	color:#333;
}
.dropdown-menu .divider{
	padding:0;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background:none;
}
div.panel-body table tr:last-child {
    height: 50px;
}

@media screen and (max-width :910px) {
	.websitemenu a{
		padding:0 3px;
	}
}
@media screen and (max-width :767px) {
	.websitemenu {
		display:none;
	}
	.nav.navbar-top-links.navbar-right > li {
		display: none;
	}
	.nav.navbar-top-links.navbar-right > li.dropdown{
		display:block;
	}
	.nav.navbar-top-links.navbar-right {
		border-radius: 3px;
		float: right;
		height: 33px;
		position: absolute;
		right: 55px;
		top: 8px;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background:#fff;
	}
	.navbar-default .navbar-toggle {
    	background:#0977ba;
	}
}
/* My Css */
.largerfont{
	font-size:25px;
	color:#0977BA;
}
.sentrunlabel{
	margin:10px;
	text-align:center;	
}
/* End of My Css */