
#scheduleCount th {
  padding: 5px;
  text-align: center;
}
#scheduleCount td {
  padding: 5px;
  min-width: 4em;
  text-align: center;
}

#scheduleCount td div {
  border-radius: 8px;
}




.correct {
	background-color:#0C0;
	color:#fff;
}

.wrong {
	background-color:#F00;
	color:#fff;
}

.highlight {
	background:#FF0;
}

.popover-content {
  padding: 5px;
}

a.remove_tr {
	display:block;
	padding:8px;		
}
/* navbar */
.navbar-default {
  background-color: #000153;
  border-color: #01002A;
}

ul.navbar-nav > li:first-child {
  border-left:1px solid #D2D2D2;
}

ul.navbar-nav > li {
  border-right:1px solid #D2D2D2;
}

/* popovewr extend */
.popover-header {
    padding:8px 14px;
    background-color:#f7f7f7;
    border-bottom:1px solid #ebebeb;
    -webkit-border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}
.popover-title {
    margin:0;
    padding:0;
    background-color:transparent;
	font-weight:bold;
    border:none;
}
.example-popovers {
    padding:30px 0;
}
.acenter {
    text-align:center;
    margin:30px 0;
}
/* end popovewr extend */

@media (max-width: 768px) {
	ul.navbar-nav > li:first-child {
	  border-left:none;
	}
	
	ul.navbar-nav > li {
	  border-right:none;
	}
}

.navbar-default .navbar-brand {
  color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #3D69B2;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #3D69B2;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #FFF;
  background-color: #3D69B2; 
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #fff;
  background-color: transparent;
}

/*-- change navbar dropdown color --*/

.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu {
	background-color: #3D69B2;
	color:#ffffff;
}

ul.navbar-nav .open .dropdown-menu > li:last-child {
  border-bottom:none;
}

ul.navbar-nav .open .dropdown-menu > li {
  border-bottom:1px solid #D2D2D2;
}

@media (max-width: 768px) {
	ul.navbar-nav .open .dropdown-menu > li:first-child {
	  border-top:1px solid #D2D2D2;
	}
	
	ul.navbar-nav .open .dropdown-menu > li {
	  border-bottom:1px solid #D2D2D2;
	}
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	background-color: #000153;
	color:#ffffff;	
}

@media print {
	
    body {
		margin-top:0px;
	}
	
   .btn-print {
	   display:none;		   
   }
   
   .page-break	{ display: block; page-break-before: always; }
}

@media all {
	.page-break	{ display: none; }
	
	div.cell_even {
	   width:100%;
	   line-height:30px;   
	   display:inline-block;
	   border:solid 1px #FFFFFF;
	   background-color: #CFCFCF !important;
	   -webkit-print-color-adjust: exact;
	}
	div.cell_odd {
	   width:100%;
	   line-height:30px;   
	   display:inline-block;
	   border:solid 1px #FFFFFF;
	   background-color: #EFEFEF !important;
	   -webkit-print-color-adjust: exact;
	}
}

.bordered {
	border:solid 1px #CCC;
	border-radius:5px;
	padding:5px;
}


hr.separator {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #CCCCCC -moz-use-text-color #CCCCCC;
  border-style:dotted none;
  border-width: 1px 0;
  margin: 30px 0;
}

hr.separator2 {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #CCCCCC -moz-use-text-color #CCCCCC;
  border-style:solid none;
  border-width: 2px 0;
  margin: 18px 0;
}

.logo {
	/*display:inline-block;
	background:url(../images/logo.png) center center no-repeat;
	height:130px;
	width:518px;*/
	margin:10px 0;	
}

.pagination {
	margin:2px 0px;
}

.loading {
	position:absolute;
	color: #000;
	background:#d9edf7 url(../images/loading_transparent.gif) 10px center no-repeat;
  	border-color: #bce8f1;  
	border:solid 1px #E4E4E4;
	border-radius:5px;
	top:20%;
	left:40%;
	margin:0 auto;
	padding:15px 20px 15px 50px;
	font-weight:bold;
	z-index:999999;
}

@media (max-width: 768px) {
	.loading {
		position:absolute;
		color: #000;
		background:#d9edf7 url(../images/loading_transparent.gif) 10px center no-repeat;
		border-color: #bce8f1;  
		border:solid 1px #E4E4E4;
		border-radius:5px;
		top:20%;
		left:5%;
		margin:0 auto;
		padding:10px 15px 10px 45px;
		font-weight:bold;
		z-index:999999;
	}
}

.table > tbody td input {
	width:90%;		
	border:solid 1px #E0E0E0;
	border-radius:2px;
}

.table > tbody td select {
	width:auto;
	padding:2px;			
	border:solid 1px #E0E0E0;
	border-radius:2px;
}

@media (min-width: 768px) {
	.modal-dialog-lg {
		width:60%;
	}
}


table.scrolling { 
	display:block;
}

table.scrolling tbody {
    height: 500px;
    overflow-y:auto;
	overflow-x:hidden;
}

ul.ui-autocomplete {
	z-index:9999;
    max-height: 300px;
    overflow: auto;
}

/** sub menu **/


.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

table > tbody .input-group-addon {
	padding:2px;
}

.loading-progress {
	position:absolute;
	width:300px;
	color: #000;
	background:#d9edf7 url(../images/loading_transparent.gif) 10px center no-repeat;
  	border-color: #bce8f1;  
	border:solid 1px #E4E4E4;
	border-radius:5px;
	top:20%;
	left:36%;
	margin:0 auto;
	padding:15px 20px 40px 50px;
	font-weight:bold;
	z-index:999999;
}

#progressbox {
	background:#F4F4F4;
	border: 1px solid #090;
	position:absolute;	
	top:40px;
	padding: 1px; 
	width:200px;
	border-radius: 3px;
	margin:0;
	text-align:left;		
	display:none;
	z-index:99999;
}

#progressbar {
	height:15px;
	border-radius: 3px;
	background-color:#0C3;
	width:1%;
}

#statustxt {
	top:3px;
	left:50%;
	font-size:10px;
	position:absolute;
	display:inline-block;
	color:#333;
}


	.jobboard {
		width:100%; 
		border-collapse:collapse; 
	}
	.jobboard td{ 
		/* padding:7px; border:#4e95f4 1px solid; */
	}
	/* improve visual readability for IE8 and below
	.jobboard tr{
		background: #b8d1f3;
	} */
	/*  Define the background color for all the ODD table columns 
	.jobboard tr td:nth-child(odd){ 
		background: #b8d1f3;
	} */
	/*  Define the background color for all the EVEN table columns  */
	.jobboard tr td:nth-child(even){
		background: #CCC;
	}
	
	.jobboard tr td {
		text-align: center;
	}

