/* Wrappers */
body {
	font-size:12px;
	/* background-color: dimgrey; */
	background-color: #ffffff;
  color: #222222;
}
/* ------------------------------- */
a:link; a:visited {color: #226abb;}

.container{
	width:1240px;
	max-width:none !important;	
}

.alert-error{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-error hr {
  border-top-color: #e4b9c0;
}
.alert-error .alert-link {
  color: #843534;
}


/* ------------------------------- */
/* Navigation */
.navbar {
	background-color: #1F60A7;
	font-size:14px;
	width:100%;
	}	
	/* Undo the collapsing navbar */

ul.nav.navbar-nav li a:link, ul.nav.navbar-nav  li a:visited, ul.navbar-nav li a:hover{color:#ffffff;}
ul.nav.navbar-nav li a:hover{color:#ffffff;background-color:#226abb;}

.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu  {
   background-color: #DFEBF9;	
}
.dropdown:hover .dropdown-menu li a{padding:2px 10px;}
.dropdown:hover .dropdown-menu li a:link, .dropdown:hover .dropdown-menu li a:visited {color:#333333;}
.dropdown:hover .dropdown-menu li a:hover {color:#ffffff;}
 .navbar-right{padding-right:45px;}

/* Buttons */

/* ------------------------------- */

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

/* Pages */

/* ------------------------------- */
.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    border-radius: 0 0 4px 4px;
}

.nav-tabs {
    margin-bottom: 0;
    font-weight:normal;
 }

.nav-tabs > li > a{
	color: #333333;
	height:25px; 
	padding:4px 10px 3px 10px;
	border:1px solid #cccccc;	
	background-image:url('../images/bg.png');
	background-position: 0px -5px;
	/* background: linear-gradient(to bottom, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
}

.nav-tabs > li > a:hover{
	background-color:#d5ebfb;
	color:#0080FF;
	border:1px solid #cccccc;
	background-image:url('../images/ui-bg_highlight-hard_100_f2f5f7_1x100.png');
	background-position: 0px 10px;	
}

.nav-tabs > li.active > a:link {
	color:#0080FF;
	background: transparent;
}

.tab-pane{min-height:400px;}

.panel-heading {font-weight:bold;}
.denial-class{display:none;}

#login-form {width:800px;}
.form-login table {margin:auto;}
.form-login td {
	padding:5px;
}
ul.item-list {padding:0;}
.item-list li {list-style:none; float:left; padding:0;  margin-right:20px;min-width:250px;}
#page-nav {display:block; width:100%;}
#page-nav-perpage {float:left;}
#page-nav-pager{text-align:center}
#page-nav-range {float:right;}
.task-action-buttons {margin-bottom:10px;}
.task-action-buttons a:link{color:#ffffff;}
table td {padding:3px}

.app-action-panel input{margin-right:15px;}

.rowSelected {background-color: #EFFADA;}
.readonly{background-color:#ffffff; color:#000000;font-weight:bold;border:1px solid #aaaaaa;}
.search-box{width:230px;}
.search-results{font-size:12px;}
#datatable th{font-weight:bold;font-size:12px;}
.datatable-header th {font-weight:bold;background-color: #d7ebf9;background-image:url('../images/ui-bg_glass_80_d7ebf9_1x400.png')}
.datatable-footer {background-color: #d7ebf9; background-image:url('../images/ui-bg_glass_80_d7ebf9_1x400.png')}
#datatable th, #datatable td{border:1px solid #7BC6E8;}
#datatable tbody tr:hover td{background-color:#E3EFF9;}
.table-hover tbody tr:hover td {
  background-color: #E3EFF9;
}

/* Login Page */
.login-panel {
    margin-top: 25%;
}
.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}
.show-grid {
    margin: 15px 0;
}
.gridtable td {font-size:12px; padding:3px;}
.gridtable th{background-color:#aaaaaa;color:#000000;font-weight:normal;}
.gridtable {border:1px solid #cccccc;}


#datagrid-action-links ul {margin:0;padding:0;}
#datagrid-action-links li{list-style:none;float:left; margin-right:7px;}
#client-quick-search-form{font-size:12px;}
.app-title{margin:5px 0px;font-weight:bold;    font-family: Georgia, serif;
    border-bottom: 3px solid #cc9900;
    color: #996600;
    font-size: 30px;}
.page-heading{
margin:5px 0px;
font-weight:bold;   
font-size: 24px;
color:#225275;
}
input:focus, select.highlight{ 
    background-color: yellow;
}
ul.user-group  {padding:0;} ul.user-group li {list-style:none;  display:block;

margin-right:5px; background:#f0f0f0;padding:0px 3px;} 
input[type=text], textarea, select {border:1px solid #cccccc;} 
input[type=text], input[type=password], select{height: 22px; vertical-align:text-bottom;}

.bg-gray{background-color:#e0e0e0;}
table.notes-list{margin-top:10px; margin-bottom:10px; width:900px;}
.notes-list td{border:1px solid #d0d0d0;}
.notes-list .header{font-weight:bold; background-color:#e0e0e0;}
h4 {font-size:16px;}

.ui-autocomplete{color:#000000;}
#tab-client input{border:0px;}
select.form-control.input-sm,input.form-control.input-sm{margin:0;height:25px;font-weight:bold;}
select.form-control.input-sm, input.form-control.input-sm, textarea.form-control.input-sm{border:1px solid #cccccc;}
label {font-weight:normal;}

#trip-number{font-size:22px; font-weight:bold;}
#record-actions a{ margin-right:10px;}
.class-red{background-color:#cc0000;}
.odd-row {background-color:#f0f0f0;}
.even-row:hover, .odd-row:hover{background-color:#C0DCD3;}

.request-hightlight{background-color:yellow;padding:3px 5px;}
th{text-transform:uppercase;}
#taskbar{margin-bottom:10px;}
input.timepicker, input.datepicker{width:95px;}
.datepickers{display:inline;font-weight:bold;}
.datepickers .fa-calendar{position:relative;right:20px;margin-top:3px;}
ul.pagination{padding:0;margin:0;}
input.datepicker{
	background-image: url("../images/ui-icon-calendar-16.jpg");
	background-repeat: no-repeat;
  background-position: right;
 }
.form-group{ margin-bottom:5px;}
li.comment-item{border-bottom: 1px solid #dddddd; margin-bottom:7px;}
/* jQuery modal form background */
.ui-widget-overlay {
 	background:#000000;
  opacity: 0.1;
}
.location-name{text-transform: uppercase;}
.location-stop{text-transform: uppercase;background-color:#ffff00;font-weight:bold;};
.client-names{text-transform: uppercase;}
.color-completed {background-color: #9fda58}
div.onlineusers {display:inline;float:right;margin:0;padding:0;}
.onlineusers ul {display:inline;padding:0;}
.onlineusers li {list-style:none; display:inline;margin-right:5px;}
ul.form-input {padding:0;}
ul.form-input label, ul.form-input-new label  {width:130px;}
ul.form-input li {list-style:none; float:left;padding:0;  margin-right:30px;min-width:330px; }
ul.form-input-new li {list-style:none; padding:0;  margin-right:30px;min-width:340px;margin-bottom:3px; }
input[readonly], input[readonly]:focus {
    background-color: #f8f8f8;
}
input:focus {
    background-color: yellow;
}
input[type=text], textarea, select {border:1px solid #cccccc;}
input[type=text], input[type=password], select{height: 22px; vertical-align:text-bottom;}
.hightlight{background-color: yellow;}
.required-input{background-color: #C8E1CE;}
label {font-weight:bold;}
.error {
    border: 2px solid #c00;
}
/* Fix fixed-header display problem */
.glyphicon {
    position: unset;
}