html{
	position: relative;
	min-height: 100%;
}
body{
	/*font-family:  'Helvetica Neue', Helvetica, Arial, sans-serif !important;*/
}
#main_table_wrapper .col-sm-12{
	padding: 0;
}
.date-input{
	width: 10em;
}
#detailed_search{
	display: none;
}

/*schedule prefs*/
#settings.modal select{
	max-width: 190px;
}

#mainMenuUL a:hover{
	text-decoration: none;
	color: white;
}

/**************************************************************/
.container{
	padding: .5em;
	/*width:auto;*/
	/*width: 80%;*/
	/*#CC0000*/
	/*#FF6600*/
}
legend{
	font-size: 1em;
	margin-bottom: .2em;
	border: none;
	color: #357ebd;
	padding-left: 3px;
}
/*set header size */
h1 { font-size: 2em; padding: .1em; margin-top: 7px; margin-bottom: 7px;}
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h1,h2,h3{
    vertical-align:middle;
}
/*nested buttons in h1 ele*/
h1 .btn-group{
	display: inline-block;
	top: -3px;
}
/*center any images/icons that may be nested in a header tag*/
h1>.header-icon, h2>.header-icon, h3>.header-icon{
	vertical-align:middle;
	margin-top: -0.5em;
	margin-right: 0;
}
/*dynamically inserted inputs adjustment [vehicleupdate.asp] - may need to change later*/
.inserted-element{
	margin-right: 5px;
}
.form-group, .checkbox, button{
	padding-left: 1em;
	padding: .5em;
}
.btn-member-cell{
	vertical-align: middle !important;
	margin-left: 2em;
	float:right;
}
.remove-icon{
	color: red;
}
.save-group{
	margin: 1em;
}
.remove-icon:hover{
	color: black;
}
.mileage-cell{
	white-space: nowrap;
}
.member-cell{
	display: inline-block;
	width: auto;
	min-width: 45%;
	max-width: 100%;
}
.modal{
	z-index: 99999;
}
.modal-body{
	overflow-x: auto;
}
.view-shifts-button{
	margin-left: 1em;
}
/*
temporary footer fix until we bootstrap the footer.asp page*/
.bootstrap-footer-fix{
	/*bottom: 0 !important;*/
}

/*helper class for centering modals*/
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    /*pointer-events:none;*/
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    /*pointer-events:none;*/
}
.modal, .modal-dialog{
	margin: 0px auto;
}

/*override bootstrap panel padding */
.panel-heading{
	padding: 5px 10px !important;
}
.panel-heading select{
	color: black;
}
.panel-body{
	padding: 10px !important;
}


/*adjust table padding
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    /*padding: 5px !important; currently 8px
    padding: 3px !important;
} */
/*adjust table padding*/
.table > tbody > tr > th, .table > tfoot > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td {
    /*padding: 5px !important; currently 8px */
    padding: 3px !important;
}
.table th{
	padding-left: 3px !important;
}
td > .form-group, td > .form > .form-group, .form-group, .page-header{
	padding: 0px 5px 0px 0px !important;
}
td > .form-group{
	margin: 0;
}
#search_div{
	padding-right: 0 !important;
}
.centered-thead th, .th-centered th{
	text-align: center;
}
.btn-primary{
	background-color: #419DD6;
}
/*override bootstrap primary button hover station*/
.btn-primary:hover, .btn-default:hover{
	background-color: #e96f30; /*ems orange*/
	border: 1px solid white;
	color:white;
}
.page-header{
	margin-top: 1em;
}
.row{
	margin-right: 0;
	margin-left: 0;
}
.table-responsive{
	margin-top: 6px;
}
#main_table th, .sub-table th/*, .table th*/{
	background-color: #eee;
	color: #990000;
	white-space: normal;
	/*padding-left: 3px;*/
}
/*.upper-header th{
	background-color: white !important;
}*/
#main_table td, .sub-table th{
	vertical-align:middle !important;
	display: table-cell;
}
.glyphicon:hover{
	cursor: pointer;
}
.td-inputs label, input {
    display: inline-block !important;
    vertical-align: baseline;
}
.checkbox-label{padding-top:0 !important;}

/*style select expand btn for proper display in IE*/
select::-ms-expand {
    width:12px;
    border:none;
    background:#fff;
}
.td-inputs{
	padding: 0,0,0,5px !important;
}
.popover-list{
	list-style-type: none;
	padding-left: 0;
}
.odometer>div>div{
	padding-bottom: 25px;
}
.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
   background-color: #FFFFCC;
 }
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #CCFFCC;
  /*background-color: transparent;*/
}
.container{
	background-color: white;
	overflow-x: auto;
}
.container-fluid{
	/*width: 75%;*/
	background-color: white;
}
span.glyphicon-expand, span.glyphicon-collapse-down{
	font-size: 1.2em;
}
.expand_btn{
	float: right;
}
.title-link{
	margin-left: 1em;
	font-size: 12px;
}
.submit-group{
	padding-bottom: .5em;
	margin-bottom: .5em;
}
.text-info, .text-warning{
	padding-top: 10px;
	margin: 0;
}
.time-input, .input-xs {
    height: 2em;
    padding: 5px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px!important;
    width:5em !important;
    margin-right: 1em;
    text-align: center;
}
.notes-input {
    height: 2em;
    padding: 5px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px!important;
    width:80% !important;
}
#user_id, #course_id{
    /*width:10em !important;*/ /*removed for logon page. need to find what this was originally used for*/
}

.print-label{
	display: none !important;
}
.delete, .shift_date{
	float:left;
	padding: 2px;
	width: 20px;
	height: 20px;
}
/*bug in bootstrap where table-striped row messes up adding contextual classes for each row (ie. tr class='danger'), following css overrides*/
.table-striped > tbody > tr > .danger,
.table-striped > tbody > .danger > td,
.table-striped > tbody > .danger > th {
  background-color: #f2dede !important;
}
.date_cell{
	padding-left: 0;
}
.delete:hover{
	cursor: pointer;
	background-color: white;
	background-image: none;
	-webkit-border-radius: 25px;/*larger than icon to display circle*/
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.hidden{
	visibility: hidden;
}
.li-hover:hover{
	cursor: pointer;
	color: #5bc0de !important;
}
.notes-label{
	font-weight: normal;
}
.notes-group{
	padding: 0;
	width: 100%;
}
.white{
	background-color: #FFFFFF;
}
.yellow{
	background-color: #FFFFCC;
}
/*
mobile fix on print (bootstrap 3 displays mobile view on print for some reason)
remove links from a tags when printing from browser*/

@media print {
	*{
		font-size: 10px;
	}
	h1{
		display: inline;
		position: relative;
		page-break-after: avoid;
		page-break-inside: avoid;
		margin: 0 !important;
		padding: 0 !important;
	}
	form{
		position: relative;
		margin:0 !important;
		padding: 0 !important;
		page-break-inside: avoid;
		page-break-before: avoid;
	}
	body {
		overflow:auto !important;
        zoom: .8;
        margin: 0;
    }
    div, form, table{
    	page-break-before: avoid !important;
    }
    table{
    	page-break-inside: avoid;
    }
	#content-container, .table-responsive{
		width: 100%;
		padding: 0;
	}
	.noprint { display: none; }
	.print-label {display: inline !important;}
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
	.col-sm-pull-12 {
		right: 100%;
	}
	.col-sm-pull-11 {
		right: 91.66666667%;
	}
	.col-sm-pull-10 {
		right: 83.33333333%;
	}
	.col-sm-pull-9 {
		right: 75%;
	}
	.col-sm-pull-8 {
		right: 66.66666667%;
	}
	.col-sm-pull-7 {
		right: 58.33333333%;
	}
	.col-sm-pull-6 {
		right: 50%;
	}
	.col-sm-pull-5 {
		right: 41.66666667%;
	}
	.col-sm-pull-4 {
		right: 33.33333333%;
	}
	.col-sm-pull-3 {
		right: 25%;
	}
	.col-sm-pull-2 {
		right: 16.66666667%;
	}
	.col-sm-pull-1 {
		right: 8.33333333%;
	}
	.col-sm-pull-0 {
		right: auto;
	}
	.col-sm-push-12 {
		left: 100%;
	}
	.col-sm-push-11 {
		left: 91.66666667%;
	}
	.col-sm-push-10 {
		left: 83.33333333%;
	}
	.col-sm-push-9 {
		left: 75%;
	}
	.col-sm-push-8 {
		left: 66.66666667%;
	}
	.col-sm-push-7 {
		left: 58.33333333%;
	}
	.col-sm-push-6 {
		left: 50%;
	}
	.col-sm-push-5 {
		left: 41.66666667%;
	}
	.col-sm-push-4 {
		left: 33.33333333%;
	}
	.col-sm-push-3 {
		left: 25%;
	}
	.col-sm-push-2 {
		left: 16.66666667%;
	}
	.col-sm-push-1 {
		left: 8.33333333%;
	}
	.col-sm-push-0 {
		left: auto;
	}
	.col-sm-offset-12 {
		margin-left: 100%;
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-sm-offset-9 {
		margin-left: 75%;
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-sm-offset-6 {
		margin-left: 50%;
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-sm-offset-3 {
		margin-left: 25%;
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-sm-offset-0 {
		margin-left: 0%;
	}
	.visible-xs {
		display: none !important;
	}
	.hidden-xs {
		display: block !important;
	}
	table.hidden-xs {
		display: table;
	}
	tr.hidden-xs {
		display: table-row !important;
	}
	th.hidden-xs,
	td.hidden-xs {
		display: table-cell !important;
	}
	.hidden-xs.hidden-print {
		display: none !important;
	}
	.hidden-sm {
		display: none !important;
	}
	.visible-sm {
		display: block !important;
	}
	table.visible-sm {
		display: table;
	}
	tr.visible-sm {
		display: table-row !important;
	}
	th.visible-sm,
	td.visible-sm {
		display: table-cell !important;
	}

	a[href]:after {
		content:"" !important;
	}
}
/*
'test for responsive table design*/
@media
only screen and (max-width: 944px),
(min-device-width: 944px) and (max-device-width: 1024px) {
	.container{
		width: 100%;
	}
}