/*

Main colors:
	ESI WEB Blue: #1c325f
	ESI Real Blue: #002e61
	ESI Gray: #6c6b6e
	ESI Yellow: #ffe401

NEW WEBSITE
orange => #ff6000
gold = #d4af37

:root {
  --primary-color: #d4af37;
  --hover-color: #ff9a5d;
}

*/

.esi-blue {color:#002e61;}
.esi-web-blue {color:#1c325f;}
.esi-gray {color:#6c6b6e;}
.esi-yellow {color:#ffe401;}
.nice-gray{color:#6f8092;}

body { margin: 0px; padding: 0px; font-family:Arial, sans-serif; color:#FFF; background-color:#101112; background-image: url(../images/bg-login-v5.png); background-size: 8px; background-attachment:fixed; margin-top:40px;}
#body { margin-top: 50px; color:#FFF; font-size: 18px;}
a:link { text-decoration:none; color: #FFF;}
a:visited { text-decoration:none; color: #FFF;}
a:active { text-decoration:none; color: #FFF;}
a:hover, a:focus { text-decoration:none; color:#ffe401 !important;}

a.main-color:link, a.main-color:visited, #main-panel a.main-color:link, #main-panel a.main-color:visited {color:#ffe401 !important; text-decoration:none;}
a.main-color:focus, a.main-color:hover, #main-panel a.main-color:focus, #main-panel a.main-color:hover {text-decoration:underline !important;}

a.blue-light-bg:link, a.blue-light-bg:visited, #main-panel a.blue-light-bg:link, #main-panel a.blue-light-bg:visited {color:#256ed1 !important; text-decoration:none;}
a.blue-light-bg:focus, a.blue-light-bg:hover, #main-panel a.blue-light-bg:focus, #main-panel a.blue-light-bg:hover {text-decoration:underline;}

a.alternate-color:link, a.alternate-color:visited, #main-panel a.alternate-color:link, #main-panel a.alternate-color:visited {color:#FFF; text-decoration:none;}
a.alternate-color:hover, #main-panel a.alternate-color:hover {text-decoration:underline; color:#ffe401;}

a.light-bg:link, a.light-bg:visited, #main-panel a.light-bg:link, #main-panel a.light-bg:visited {color:#1c325f; text-decoration:none;}
a.light-bg:hover, a.light-bg:focus, #main-panel a.light-bg:hover, #main-panel a.light-bg:focus {color:#004594 !important; text-decoration:underline;}

a.black:link, a.black:visited, #main-panel a.black:link, #main-panel a.black:visited {color:#000 !important; text-decoration:none;}
a.black:focus, a.black:hover, #main-panel a.black:focus, #main-panel a.black:hover {text-decoration:underline !important;}

a.blue:link, a.blue:visited, #main-panel a.blue:link, #main-panel a.blue:visited {color:#0048ff !important; text-decoration:none;}
a.blue:focus, a.blue:hover, #main-panel a.blue:focus, #main-panel a.blue:hover {text-decoration:underline !important;}

.esi-color {color:#1c325f;}

form { margin:0px; padding:0px;}
h1 { color:#FFF; }
h2 { color:#FFF; }
h3 { color:#000; }
h4 { color:#FFF; font-style:italic; font-family: "Trebuchet MS", Arial, sans-serif; font-size:16px; }
h5 {color: #ffe401;font-style:italic; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 18px; padding: 5px; margin: 5px;}
h1,h2,h3,h4,h5 {
    /*text-shadow: rgba(0, 0, 0, 0.44) 1px 1px 2px;*/
	text-shadow: none;	
}
th { text-align:inherit;}
td-border {padding:2px; border-bottom:solid 1px #313338;}
input { background-color:#e3f2fd; padding:3px; }

select {color: #FFF; background-color:#1c325f; padding: 3px;}
optgroup, select optgroup { color: #FFF; /*background-color:#1c325f !important;*/ font-weight:bold; background-color:#182340 !important; padding:3px !important; padding-left:5px;}
option { color: #FFF; background-color:#1c325f; font-weight:normal;}
/*
option:disabled { color: #FFF; background-color:#1c325f !important; font-weight:normal;}
optgroup:before {
    content: attr(label);
    display: block;
	background-color:#1c325f !important;
}
*/

textarea { 
	background-color:#e3f2fd; 
	padding:3px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#header { height: 92px; background-image:url(../images/bg-login-header-v2_92px.png); background-repeat:repeat-x; margin-top: 0px; padding-top:0px; margin-bottom: -2px; width:100%;}
.header-bootstrap {background-color:#FFF; text-align:center; padding-top:5px; padding-bottom:5px; margin-bottom:5px;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#474f54;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#474f54;
   opacity:  0.8;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#474f54;
   opacity:  0.8;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#474f54;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:#474f54;
}

#rail { background-image:url(../images/rail.png); background-repeat:no-repeat; width:336px; height: 79px; float:right; z-index:1; }
#login { width: 258px; height: 240px; position:relative; top: 30px; }
#login .panel { background-image:url(../images/login-box.png); background-repeat:no-repeat; }
.login-main { background-image:url(../images/gradient-white-top.png); background-repeat:repeat-x; background-position: top center; margin: 0px; padding:0px; }
#login .login-top { background-image:url(../images/ribbon-login.png); background-repeat:no-repeat; width: 260px; height: 50px; }
#login .login-top-error { background-image:url(../images/ribbon-login-red.png); background-repeat:no-repeat; width: 260px; height: 50px; }
#login .login-body { background-image:url(../images/login-box-bottom.png); background-repeat:no-repeat; width: 260px; height: 238px; }

#login input {
    font-size: 15px;
	height: 20px;
	padding: 3px;
	color: #F6F6F6;

	padding-top:15px !important;
	padding-bottom:15px !important;

	margin-bottom:10px;
}
.error-left-panel { background-image:url(../images/panel-error-login-left.png); background-repeat:no-repeat; width: 50px; height: 60px; }
.message-left-panel { background-image:url(../images/panel-message-left.png); background-repeat:no-repeat; width: 50px; height: 60px; }
.error-panel { background-image:url(../images/panel-error-login-middle.png); background-repeat:repeat-x; color:#030303; }
.error-right-panel { background-image:url(../images/panel-error-login-right.png); background-repeat:no-repeat; width: 50px; }
#main { background-image:url(../images/bg-black-30.png); background-repeat:repeat; background-position: top center; margin: 0px; padding:0px; color:#FFF; font-size:13px; }
.dark{ background-image:url(../images/bg-black-30.png); background-repeat:repeat; background-position: top center; margin: 0px; padding:0px; color:#FFF; font-size:13px; }
#main .menu { background-image:url(../images/bg-timesheet.png); background-repeat:repeat; color:#FFF; font-style:normal; }
#main .timesheet-content-table { color:#1c325f; margin-top: 10px; }
#main .timesheet-content-tr { background-image:url(../images/bg-timesheet.png); background-repeat:repeat; margin: 0px; padding:0px; color:#FFF; height: 30px;}
#main .timesheet-content-td { padding: 5px; color:#FFF; margin: 0px; }
#main .timesheet-content-td-title { padding: 10px; color:#FFF; margin: 0px; font-size:20px; font-weight:bold; }
#main .timesheet-content-td-small { padding: 0px; font-size:10px; font-style:italic; color:#FFF; }
.direct-link {padding: 0px; font-size:10px; font-style:italic; color:#FFF;}
#main .timesheet-content-table-title { font-size: 12px;  }
#main .delete-warning { font-size: 24px;}
.delete-warning { font-size: 24px;}
#main .yellow { color:#ffe401; }
#main .blue { color:#00b4ff; }
#main .timesheet-td { font-size: 14px; font-style:normal; }
#main .bg-white { background-image:url(../images/bg-timesheet.png); background-repeat:repeat; margin: 0px; padding:0px; color:#FFF; }
#main .bg-black { background-image:url(../images/bg-black-30.png); background-repeat:repeat; margin: 0px; padding:0px; color:#FFF; }
#main .spacing-10 { height: 10px; }
#main .blue_input { margin: 10px; padding-left: 20px; padding-right:20px; padding-top:3px; padding-bottom: 3px; color:#FFFFFF; font-weight:bold; background-color:#1c325f; }
#main a { color: #000; }
#main a:active { color: #000; }
#main a:visited { color: #000; }
#main a:hover { color:#ffe401; }
#main .sheet a { color: #FFF; }
#main .sheet a:active { color: #FFF; }
#main .sheet a:visited { color: #FFF; }
#main .sheet a:hover { color:#ffe401; }
#main .menu a { color: #FFF; }
#main .menu a:active { color: #FFF; }
#main .menu a:visited { color: #FFF; }
#main .menu a:hover { color:#ffe401; }
#main-panel { color:#FFF;  }
.answer {position:relative; top:-2px; color:#ffe401; margin-left: 2px;}
.answers { cursor:pointer;}

#main-panel a, #main-panel a:active, #main-panel a:visited { color:#FFF; margin-left:5px; margin-right:5px;}
#main-panel a:hover { color:#ffe401; text-decoration:underline; }
#main-panel .table-title-txt { padding-bottom:5px; font-size:12px; color:#ffe401; font-style:normal; }

#pdf-link a, #pdf-link a:active, #pdf-link a:visited { color:#ffe401; margin-left:5px; margin-right:5px;}
#pdf-link a:hover { color:#ffe401; text-decoration:underline; }




#main-top-bar { border:thick; border-color:#FFF;}
#main-top-bar .row { height: 25px; }
#main-top-bar .bar { padding: 5px; background-color:#1c325f; color:#FFF; border-top:solid 1px #FFF;  border-bottom:solid 1px #FFF; padding-top:10px; padding-bottom:10px; }
#main-top-bar a { color:#FFF; }
#main-top-bar a:visited { color:#FFF; }
#main-top-bar a:active { color:#FFF; }
#main-top-bar a:hover { color:#ffe401; }
#main-bottom-bar { border:thick; border-color:#FFF; }
#main-bottom-bar .bar { padding-left:10px; padding-right:10px; padding-top: 5px; padding-bottom:5px; background-color: transparent; color:#FFF; font-size:12px; height: 30px; }
#main-bottom-bar a { color:#FFF; }
#main-bottom-bar a:visited { color:#FFF; }
#main-bottom-bar a:active { color:#FFF; }
#main-bottom-bar a:hover { color:#ffe401; }

#login-body { margin-top: 50px; color:#FFF; font-size: 18px; }
#footer { color:#CCC; font-size:10px; font-style:italic; }
#footer a:link { color:#ccc; }
#footer a:visited { color:#ccc; }
#footer a:active { color:#ccc; }
#footer a:hover { color:#FFF; }

.java-link a:hover, .java-link a:focus {color:#ffe401; text-decoration:underline;}
.menu { color:#FFF; padding-bottom: 10px; z-index: 5; }
.menu a:link, a:visited, a:active { color: #FFF; }
.menu a:hover { color:#ffe401; }
.menu-link { margin-left:10px; margin-right:10px; font-size:12px; }
.cat-list { border-color:#d1e3f1; border-width: thin; border-style: groove; padding-top: 2px; padding-bottom: 2px; }
.error { color:#980b0b; background-color:#ffd8d8; }
.success { color:#094a32; background-color:#c9ffeb; }
.table_title { font-size:12px; font-style:italic; font-weight:bold; height: 30px; }
.newroman { font-family: "Times New Roman", Times, serif; }
.georgia { font-family: Georgia, "Times New Roman", Times, serif; }
.white { color:#FFF; }
.red { color:#d20000; }
.darker-red {color:#b60000;}
.green { color:#05a457;}
.green-darker {color:#037329;}
.yellow {color:#ffe401;}
.yellow-darker {color:#d9c302;}
.orange {color: #ff8600;}
.blue {color:#00b4ff;}
.blue-light {color:#80d9ff;}
.blue-darker {color:#256ed1;}
.esi {color: #1c315f;}
.gray{color:#474f54;}
.light-gray{color:#8f9fa8;}

a.blue-light  {
	color:#80d9ff !important;
}
a.blue-light:hover {
	color:#ffe401 !important;
	text-decoration: underline !important;
}

.red_input { margin: 10px; color:#FFFFFF; font-weight:bold; background-color:#FF0000; }
.green_input { margin: 10px; color:#FFFFFF; font-weight:bold; background-color:#038659; }
.orange_input { margin: 10px; color:#FFFFFF; font-weight:bold; background-color:#ff5a00; }
.black_input { margin: 10px; color:#FFFFFF; font-weight:bold; background-color:#000; }
.blue_input { margin: 10px; padding-left: 20px; padding-right:20px; padding-top:3px; padding-bottom: 3px; color:#FFFFFF; font-weight:bold; background-color:#1c325f; }
.submit_input { margin: 10px; color:#FFFFFF; font-weight:bold; background-color:#038659; padding-left: 50px; padding-right:50px; padding-top: 3px; padding-bottom: 3px; }
.yellow_input { background-color:#faffc2; }
.hr-green { color: #0aa360; }
.hr-blue { color: #009cff; }
.hr-orange { color: #ff5a00; }
.bar-breadcrumb { background-color: #ff5a00; color:#FFF; padding-top: 5px; padding-bottom:5px; font-weight:bold; font-style:italic; font-size: 14px; border-bottom:solid 2px; border-top:solid 2px; border-color:#000; }

.bg-light-gray {background-color:#f2f5ff;}
.bg-red-style {text-align:center; padding-top:5px; padding-bottom:5px; font-weight:bold; border-top:solid 1px #FFF; border-bottom:solid 1px #FFF; background-color:#B10D10; color:#FFF;}
.bg-green-style {text-align:center; padding-top:5px; padding-bottom:5px; font-weight:bold; border-top:solid 1px #FFF; border-bottom:solid 1px #FFF; background-color:#068C5C; color:#FFF;}

.top-borders-white {text-align:center; padding-top:5px; padding-bottom:5px; font-weight:bold; border-top:solid 1px #FFF; border-bottom:solid 1px #FFF; color:#FFF;}

.bg-green {background-color:#068C5C;}
.bg-orange {background-color:#FF8600;}
.bg-red {background-color:#B10D10;}
.bg-blue {background-color:#0074cc;}
.bar-breadcrumb a:link { color:#FFF; }
.bar-breadcrumb a:visited { color:#FFF; }
.bar-breadcrumb a:active { color:#FFF; }
.bar-breadcrumb a:hover { color:#000; }
.table-title-txt { padding-top: 5px; padding-bottom:5px; font-size:12px; color:#ffe401; font-style:normal; }
.table-footer-txt { padding-top: 5px; padding-bottom:5px; color:#ffe401; font-style:normal; border-top:solid 1px #FFF !important; }
.number-arial { font-family:Arial, sans-serif; }

.bg-green-10 {background-image:url(../images/bg-green-10.png); background-repeat:repeat; color:#FFF;}
.bg-green-30 {background-image:url(../images/bg-green-30.png); background-repeat:repeat; color:#FFF;}
.bg-green-50 {background-image:url(../images/bg-green-50.png); background-repeat:repeat; color:#FFF;}
.bg-green-70 {background-image:url(../images/bg-green-70.png); background-repeat:repeat; color:#FFF;}
.bg-green-80 {background-image:url(../images/bg-green-80.png); background-repeat:repeat; color:#FFF;}
.bg-green-90 {background-image:url(../images/bg-green-90.png); background-repeat:repeat; color:#FFF;}

.bg-red-10 {background-image:url(../images/bg-red-10.png); background-repeat:repeat; color:#FFF;}
.bg-red-30 {background-image:url(../images/bg-red-30.png); background-repeat:repeat; color:#FFF;}
.bg-red-50 {background-image:url(../images/bg-red-50.png); background-repeat:repeat; color:#FFF;}
.bg-red-70 {background-image:url(../images/bg-red-70.png); background-repeat:repeat; color:#FFF;}
.bg-red-80 {background-image:url(../images/bg-red-80.png); background-repeat:repeat; color:#FFF;}
.bg-red-90 {background-image:url(../images/bg-red-90.png); background-repeat:repeat; color:#FFF;}

.bg-white { background-image:url(../images/bg-timesheet.png); background-repeat:repeat; margin: 0px; padding:0px; color:#FFF; }
.bg-white-10 {background-image:url(../images/bg-white-10.png); background-repeat:repeat; color:#FFF;}
.bg-white-30 {background-image:url(../images/bg-white-30.png); background-repeat:repeat; color:#FFF;}
.bg-white-50 {background-image:url(../images/bg-white-50.png); background-repeat:repeat; color:#FFF;}
.bg-white-70 {background-image:url(../images/bg-white-70.png); background-repeat:repeat; color:#FFF;}

.bg-white a:hover { color:#ffe401; }
.bg-black { background-image:url(../images/bg-black-30.png); background-repeat:repeat; margin: 0px; padding:0px; color:#FFF; }
.bg-black-10 {background-image:url(../images/bg-black-10.png); background-repeat:repeat; color:#FFF;}
.bg-black-30 {background-image:url(../images/bg-black-30.png); background-repeat:repeat; color:#FFF;}
.bg-black-50 {background-image:url(../images/bg-black-50.png); background-repeat:repeat; color:#FFF;}
.bg-black-70 {background-image:url(../images/bg-black-70.png); background-repeat:repeat; color:#FFF;}

.bg-black a:hover { color:#ffe401;}
.bg-blue-30 {background-image:url(../images/bg-blue-30.png); background-repeat:repeat; color:#FFF;}
.bg-blue-50 {background-image:url(../images/bg-blue-50.png); background-repeat:repeat; color:#FFF;}
.bg-blue-70 {background-image:url(../images/bg-blue-70.png); background-repeat:repeat; color:#FFF;}
.bg-yellow-10 {background-image:url(../images/bg-yellow-10.png); background-repeat:repeat; color:#FFF;}
.bg-yellow-30 {background-image:url(../images/bg-yellow-30.png); background-repeat:repeat; color:#FFF;}
.bg-yellow-50 {background-image:url(../images/bg-yellow-50.png); background-repeat:repeat; color:#FFF;}
.bg-yellow-70 {background-image:url(../images/bg-yellow-70.png); background-repeat:repeat; color:#FFF;}

#datepicker .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 12px; }
#datepicker .ui-datepicker { font-family: "Trebuchet MS", Arial, sans-serif; }
#datepicker .ui-datepicker-title { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 1.1em; color: #000; font-weight: normal; line-height: 1.8em; }
#datepicker .ui-state-default, 
#datepicker .ui-widget-content .ui-state-default { border-color: #f5f5f5; background-color: #f5f5f5; color: #555555; }
#datepicker .ui-state-default, 
#datepicker .ui-state-default a { color: #555555; background-color: #FFF; }
#datepicker .ui-state-highlight, 
#datepicker .ui-widget-content .ui-state-highlight { border-color:#ffff66; background-color:#ffff66; color:#363636; }
#datepicker .ui-state-active, 
#datepicker .ui-widget-content .ui-state-active { border-color: #ffcc00; background-color: #ffcc00; color: #212121; }

#datepicker .ui-state-hover, 
#datepicker .ui-widget-content .ui-state-hover, 
#datepicker .ui-state-focus, 
#datepicker .ui-widget-content .ui-state-focus { border-color: #ffcc66; background-color: #ffcc66; color: #212121; }

#datepicker .ui-widget-header { border-color: #1c94aa; background-color: #1c94c4; border-width: 2px; }
#datepicker .ui-datepicker table th { font-size: .8em; color: #000; font-weight: bold; }
#datepicker .ui-datepicker { font-size:65%; }
div.ui-datepicker{font-size:11px;}
#ui-datepicker-div{ display:none;}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: transparent; }
.table tbody tr:hover td, .table tbody tr:hover th { background-color: transparent; }
.size { color:#FFF; }
.name { color:#FFF; }
.progress-extended { color:#FFF; }
input:focus,textarea:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{outline:thin dotted #ccc;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
label,input,button,textarea{font-size:13px;font-weight:normal;line-height:18px; background-color:transparent; color:#ffe401;}
input,button,textarea{font-family:Arial,sans-serif;}
input{display:inline-block;padding:4px;margin-bottom:0px;font-size:13px;line-height:18px;color:#ffe401;background-color: transparent;border:1px solid #FFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
input[type="submit"]{display:inline-block;border:1px solid #FFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; height: 28px;}

input[type="checkbox"] { border:none;}
input[type="submit"]:hover {background-color:#000;}
#main input[type="submit"]:hover {background-color:#000;}
.total-bottom{text-align:center; margin-top:50px; padding-bottom:50px; font-size:20px; border-top:solid 1px #FFF; padding-top:10px;}
.reports { margin-bottom: 0px;}
.sub-total{ border-top:1px solid #FFF; padding-top:5px; margin-top:2px;}
.quick_hours {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #ffe401;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0;
    padding: 2px;
	text-align:center;
	width:40px;
}

input.quick_hours[readonly="readonly"] {
	color: #FFF;
	border: none !important;
}
#body-digital-timesheet input[readonly="readonly"] {
	color: #FFF;
	border: 1px solid #474f54;
	background-image:none;
}

/*
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZlNDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg, rgb(255,255,255) 0%, rgb(255,228,0) 50%, rgb(237,237,237) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(255,255,255)), color-stop(50%,rgb(255,228,0)), color-stop(100%,rgb(237,237,237)));
background: -webkit-linear-gradient(-45deg, rgb(255,255,255) 0%,rgb(255,228,0) 50%,rgb(237,237,237) 100%);
background: -o-linear-gradient(-45deg, rgb(255,255,255) 0%,rgb(255,228,0) 50%,rgb(237,237,237) 100%);
background: -ms-linear-gradient(-45deg, rgb(255,255,255) 0%,rgb(255,228,0) 50%,rgb(237,237,237) 100%);
background: linear-gradient(135deg, rgb(255,255,255) 0%,rgb(255,228,0) 50%,rgb(237,237,237) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );
}
*/
.progress {
    background-color: #484e59;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 20px;
    margin-bottom: 15px;
    overflow: hidden;
}
.btn-bigger-font{font-size:18px; font-weight:bold; padding-top:10px; padding-bottom:10px;}
.invoices_table { border-bottom:solid 1px #ccc; color:#FFF; padding:5px; padding-top:10px; padding-bottom:10px;}
invoices_table_new_row { border-bottom: none; padding:5px; padding-top:10px; padding-bottom:10px;}
.invoices_table_mark_up { border-bottom:solid 1px #ccc; color:#FFF; padding:5px; padding-top:10px; padding-bottom:10px;}
.invoices_table_title {background-image:url(../images/bg-timesheet.png); background-repeat:repeat; margin: 0px; padding:0px; color:#FFF; height: 30px; font-size:15px; font-weight:bold; border:solid 1px #ccc; padding-right:5px; padding-left:5px; text-align:left;}
.invoices_stats {background-image:url(../images/bg-blue-30.png); background-repeat:repeat; margin: 0px; padding:0px; color:#FFF; height: 30px; font-size:15px; font-weight:bold; border:solid 1px #555; padding-right:5px; padding-left:5px; text-align:left;}
.input-box-750{background-color:transparent; width:750px; text-align:center;}
.input-box-150{background-color:transparent; width:150px; text-align:center;}
.input-box-100{background-color:transparent; width:100px; text-align:center;}
.input-box-100-percent{background-color:transparent; width:100%; text-align:center;}
.input-box-80{background-color:transparent; width:80px; text-align:center;}
.input-box-50{background-color:transparent; width:50px; text-align:center;}
#schedule-details{color:#ffe401; text-align:center; margin-top:10px; margin-bottom:10px;}
.spinner {
	position:fixed;
	top:0px; 
	left:0px;
	background-color:#000;
	opacity:0.8;
	width:100%;
	height:100%;
	min-width:100%;
	min-height:100%;
	z-index:1000 !important;
}

.loading-icon { 
	font-size:100px;
	color:#FFF;
	position:fixed;
	left:50%;
	top:50%;
	margin-left: -50px;
	margin-top: -50px;
	z-index:1001 !important;
}
.results-primary{
	color:#FFF;
	font-size:16px;
	font-weight:500;
	background: #0081d4;
	background: -moz-linear-gradient(top,  #0081d4 0%, #0081d4 50%, #05abe0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0081d4), color-stop(50%,#0081d4), color-stop(100%,#05abe0));
	background: -webkit-linear-gradient(top,  #0081d4 0%,#0081d4 50%,#05abe0 100%);
	background: -o-linear-gradient(top,  #0081d4 0%,#0081d4 50%,#05abe0 100%);
	background: -ms-linear-gradient(top,  #0081d4 0%,#0081d4 50%,#05abe0 100%);
	background: linear-gradient(to bottom,  #0081d4 0%,#0081d4 50%,#05abe0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081d4', endColorstr='#05abe0',GradientType=0 );
	box-shadow: 10px 10px 5px #809AA8;
}
.results-success{
	color:#FFF;
	font-size:16px;
	font-weight:500;
	background: #007f26;
	background: -moz-linear-gradient(top,  #007f26 0%, #00933d 50%, #419641 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007f26), color-stop(50%,#00933d), color-stop(100%,#419641));
	background: -webkit-linear-gradient(top,  #007f26 0%,#00933d 50%,#419641 100%);
	background: -o-linear-gradient(top,  #007f26 0%,#00933d 50%,#419641 100%);
	background: -ms-linear-gradient(top,  #007f26 0%,#00933d 50%,#419641 100%);
	background: linear-gradient(to bottom,  #007f26 0%,#00933d 50%,#419641 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f26', endColorstr='#419641',GradientType=0 );
	box-shadow: 10px 10px 5px #CCC;
}
.results-error{
	color:#FFF;
	font-size:16px;
	font-weight:500;
	box-shadow: 10px 10px 5px #CCC;

	background: #bf0d0d;
	background: -moz-linear-gradient(top,  #bf0d0d 0%, #d80d0d 50%, #e51010 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf0d0d), color-stop(50%,#d80d0d), color-stop(100%,#e51010));
	background: -webkit-linear-gradient(top,  #bf0d0d 0%,#d80d0d 50%,#e51010 100%);
	background: -o-linear-gradient(top,  #bf0d0d 0%,#d80d0d 50%,#e51010 100%);
	background: -ms-linear-gradient(top,  #bf0d0d 0%,#d80d0d 50%,#e51010 100%);
	background: linear-gradient(to bottom,  #bf0d0d 0%,#d80d0d 50%,#e51010 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0d0d', endColorstr='#e51010',GradientType=0 );
}
.results-warning {
	color:#FFF;
	font-size:16px;
	font-weight:500;
	box-shadow: 10px 10px 5px #CCC;

	background: rgb(240,113,0);
	background: -moz-linear-gradient(top,  rgba(240,113,0,1) 0%, rgba(255,127,0,1) 50%, rgba(255,144,17,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,113,0,1)), color-stop(50%,rgba(255,127,0,1)), color-stop(100%,rgba(255,144,17,1)));
	background: -webkit-linear-gradient(top,  rgba(240,113,0,1) 0%,rgba(255,127,0,1) 50%,rgba(255,144,17,1) 100%);
	background: -o-linear-gradient(top,  rgba(240,113,0,1) 0%,rgba(255,127,0,1) 50%,rgba(255,144,17,1) 100%);
	background: -ms-linear-gradient(top,  rgba(240,113,0,1) 0%,rgba(255,127,0,1) 50%,rgba(255,144,17,1) 100%);
	background: linear-gradient(to bottom,  rgba(240,113,0,1) 0%,rgba(255,127,0,1) 50%,rgba(255,144,17,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07100', endColorstr='#ff9011',GradientType=0 );	
}

.invoices-titles {text-align:right; padding-right:5px; width:250px;}
.invoices-subtotal {font-size:18px; font-weight:bold; width:150px; text-align:right; padding-right:25px;}
.invoices-total {font-size:18px; font-weight:bold; width:150px; border-top:solid 1px #999; text-align:right; padding-right:25px;}
.invoice-override-section {padding: 0px; margin-top:50px; margin-bottom:50px; padding-bottom:25px; border-top:solid 2px #ffe401; border-bottom:solid 2px #ffe401; background-image:url(../images/bg-blue-20.png); background-repeat:repeat;}
#stats { padding-top:10px; padding-bottom:25px; border-top:solid 1px #FFF; border-bottom:solid 1px #FFF;}
.customer-details {color:#FFF; margin:0px; padding:0px; border-bottom:solid 1px #FFF; margin-bottom:5px;}
.rounded-corners{border: solid 1px #FFF;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding:0px;}
.invoices-table {border-top:solid 1px #FFF; border-bottom:solid 1px #FFF;}
.invoices-rows-head {border-bottom:solid 1px #FFF; border-right:solid 1px #FFF; padding:5px; color:#ffe401;}
.invoices-rows {border-right:solid 1px #FFF; padding-left:5px; border-bottom:solid 1px #333;}
.invoice-warning {margin-top:10px; margin-bottom:10px; padding:10px; background-color:#F00; color:#FFF; font-weight:bold;}
.invoice-comments {border:solid 1px #FFF; padding-top:5px; padding-bottom:5px;padding-left:10px; min-height:35px;}
.direct-link {padding: 0px; font-size:10px; font-style:italic; color:#FFF;}
.invoice-overtime {float:right; padding-right:5px; color:#FF6;}
.invoice-ext-overtime {float:right; padding-right:5px; color:#0FC;}
.border-bottom {border-bottom:solid 1px #FFF;}
.border-left, .border-left-hard  { border-left:solid 1px #FFF;}
.border-right, .border-right-hard { border-right:solid 1px #FFF;}
.border-top {border-top:solid 1px #FFF;}
#project_details {padding-top:10px; padding-bottom:10px;}
#dollar a:link, #dollar a:visited, #dollar a {color:#0C6; text-decoration:none;}
#dollar a:hover, #dollar a:focus {color:#F90; text-decoration:none;}
#dollar-red a:link, #dollar-red a:visited, #dollar-red a {color:#da4f49; text-decoration:none;}
#dollar-red a:hover, #dollar-red a:focus {color:#da4f49; text-decoration:none;}
#dollar-blue a:link, #dollar-blue a:visited, #dollar-blue a {color:#da4f49; text-decoration:none;}
#dollar-blue a:hover, #dollar-blue a:focus {color:#da4f49; text-decoration:none;}
#dollar-yellow a:link, #dollar-yellow a:visited, #dollar-yellow a {color:#ffe401; text-decoration:none;}
#dollar-yellow a:hover, #dollar-yellow a:focus {color:#ffe401; text-decoration:none;}
#dollar-gray a:link, #dollar-gray a:visited, #dollar-gray a {color:#afb9be; text-decoration:none;}
#dollar-gray a:hover, #dollar-gray a:focus {color:#afb9be; text-decoration:none;}
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}
a.tooltip {outline:none; }

#ShowSMRInputs {}
#smrs { display:none; padding-top:25px; padding-bottom:25px;}
.contracts-smrs-table { padding-top:25px; padding-bottom:25px; white-space:nowrap;}
.smr-th {font-size:12px; padding-left:10px; padding-right:10px; color:#ffe401;}
.smr-td {font-size:12px; padding-left:10px; padding-right:10px; padding-top:5px;}
.smr-inputs {font-size:12px;}

.modal-success, .modal-green {
	color:#FFF;
	background-color:#069453;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	border-radius:15px;
}
.modal-error, .modal-red {
	color:#FFF;
	background-color:#d20000;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	border-radius:15px;
}
.modal-warning-blue, .modal-blue {
	color:#FFF;
	background-color:#005cbb;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	border-radius:15px;
}
.modal-warning-black, .modal-black {
	color:#FFF;
	background-color:#000000;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	border-radius:15px;
}
.modal-warning {
	color:#FFF;
	background-color:#f89406;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	border-radius:15px;
}

.modal-canceled, .modal-blue {
	color:#FFF;
	background-color:#005cbb;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;	
	border-radius:15px;
}

.modal-warning-purple, .modal-purple {
	color:#FFF;
	background-color:#6241b7;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	border-radius:15px;
}

.modal-body {
	min-height: 50px;
}
#modal-spinner {
	color:#000;
	font-size:50px;
	text-align:center;
	width:100%;
	height:100%;
	display:none;
}
.modal-spinner {
	color:#000;
	font-size:50px;
	text-align:center;
	width:100%;
	height:100%;
	display:none;
}
.modal-spinner-not-hidden {
	color:#000;
	font-size:50px;
	text-align:center;
	width:100%;
	height:100%;
}

.mini-spinner { font-size:25px; display:none;}
.modal-lines {padding:5px; text-align:left;}
.modal-lines:hover{background-color:rgba(28,49,95,0.1);}
.reports-icons { width:256px; height:325px; border:none;}

#main a.main-link, #main a.main-link:active, #main a.main-link:visited {color:#FFF !important; text-decoration:none !important;}
#main a.main-link:hover {color:#ffe401 !important; text-decoration:underline !important;}
.super-paddings { padding-top:25px; padding-bottom:25px;}
.input-esi-style {background-color:transparent; padding:3px;}
#table-config-file td { vertical-align:top;}
#table-config-file td.left-col { text-align:right; padding-top:7px;}
.radius-corners{border: solid 1px #FFF;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding:0px; margin-bottom:50px; padding-top:25px; padding-bottom:25px;}
#ajax-results { margin-top:25px;margin-bottom:25px; display:none;}

.contracts-config-td-left {width:500px; text-align:right; padding-right:5px;}

#main-spinner{ background-color: rgba(0, 0, 0, 0.8); width:100%; height:100%; position:fixed; z-index:9999; display:none;}
#big-spinner{ color:#FFF; font-size:200px; z-index:999; position:relative; top:50%; margin-top:-100px; left:50%; margin-left: -100px;}
#main-spinner-PDF{ background-color: rgba(0, 0, 0, 0.8); width:100%; height:100%; position:fixed; z-index:99; }
#big-spinner-PDF{ color:#FFF; font-size:200px; z-index:999; position:relative; top:30%; margin-top:-100px; left:50%; margin-left: -100px;}
#big-spinner-PDF-mobile{ color:#FFF; font-size:100px; z-index:999; position:relative; margin-top:50px; left:50%; margin-left: -50px;}
#spinner-pdf {color:#FFF; font-size:36px; z-index:999; position:relative; top:50%; margin-top:-150px; text-align:center;}
#spinner-pdf-mobile {color:#FFF; font-size:36px; z-index:999; position:relative; top:50%; margin-top:-200px; text-align:center;}

.save-checklist-spinner {animation: blinker 1s linear infinite; font-weight:bold;}
.slow-blink {animation: blinker 3s linear infinite;}
@keyframes blinker {  
  50% { opacity: 0.0; }
}

.sub-total{ border-top:1px solid #000; padding-top:5px; margin-top:2px;}
.table-style {width:670px; border-color:#ffe401; font-size:12px;} /* SAFE WEB PRINT */
.table-style-email {width:670px; border-color:#000; font-size:10px; border-top:solid 1px #000; border-left:solid 1px #000;}
.table-style-form {width:1600px; border-color:#ffe401; font-size:12px;}
.project-table-td {padding:2px;}
.cp-report-comments { width:670px; border:solid 1px #ffe401; text-align:center; margin:auto; margin-top:25px; margin-bottom:25px; border-radius:5px; background-image:url(../images/bg-black-30.png); background-repeat:repeat;}
.cp-report-comments-border-bottom {border-bottom:solid 1px #FFF;}
.main-td-title {color:#ffe401; font-weight:bold; font-size:18px; text-align:center;}
.top-section-title {color:#ffe401; font-weight:bold; font-size:14px; text-align:center;}
.solid-borders {border:solid 1px #FFF; padding:3px;}
.solid-borders-no-left {border-top:solid 1px #FFF;border-bottom:solid 1px #FFF;border-right:solid 1px #FFF; border-left:none; padding:3px;}
.solid-borders-no-right {border-top:solid 1px #FFF;border-bottom:solid 1px #FFF;border-left:solid 1px #FFF; border-right:none; padding:3px;}
.solid-borders-yellow {border:solid 1px #ffe401; padding:3px;}
.cp-td { text-align:left; padding:5px;}

.empty-row { text-align:left; padding:3px; /*border-top:solid 1px #FFF; border-bottom:solid 1px #FFF;*/}
.cp-td-total {text-align:left; padding:5px; color:#ffe401;}
.cp-th { text-align:center; padding:5px;}
#todo a:link, #todo a:visited {color:#ffe401; text-decoration:none;}
#todo a:hover { text-decoration:underline;}


#cp-reports { color:#FFF; margin:0px; font-size:14px; font-weight:normal;}
#cp-reports legend, #main-invoice legend { color:#FFF;}
legend {color:#FFF;}
.btn-esi-default { margin:5px;}
.pre-on-page { background-color:transparent !important; color:#FFF; text-align:left; padding:25px; margin-left:25px; margin-right:25px;}
.tr-table:hover { background-image:url(../images/bg-black-50.png); background-repeat:repeat;} 
.top-table-border-bottom { border-bottom:solid 1px #FFF; padding-bottom:5px; font-size:15px; font-weight:bold; text-align:left;}
.normal-cursor { cursor: default;}
.img-thumbs {margin:5px;}
.img-thumbs-unselected {margin:5px; border:solid 3px #BC2326; max-height:200px; width:auto;}
.img-thumbs-selected {margin:5px; border:solid 3px #04bc70; max-height:200px; width:auto;}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #088a3b none repeat scroll 0 0;
    color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    background: #d9534f none repeat scroll 0 0;
    color: #fff;	
}
#blueimp-gallery h4 {color:#000; text-shadow: none; font-size:25px; font-style:normal; font-weight:bold;}
#blueimp-gallery .modal-dialog { min-height:40%; max-height:75%; min-width:60%; max-width:75%; height:50%;}
.cboxPhoto {border:solid 1px #FFF; z-index:999;}
.direct-links {padding: 0px; font-size:10px; font-style:italic; color:#FFF;}



.small-buttons {padding: 0px 15px !important;}
.small-pdf {height:25px; opacity:0.15;}
.small-pdf-normal {height:25px; opacity:1;}
img.small-pdf-link{opacity:0.6;}
img.small-pdf-link:hover{opacity:1.0;}
#ajax_po_number { font-weight:bold;}
.btn { font-weight:bold;}
.bold { font-weight:bold;}
.bolder { font-weight:bolder;}
.underline { text-decoration:underline;}
.borders-black {border-left:solid 1px #000 !important;border-right:solid 1px #000 !important;border-top:solid 1px #000 !important;border-bottom:solid 1px #000 !important;}

.modal input, .modal textarea {border:solid 1px #1c325f; color:#000; font-weight:bold;}
.modal h4 {color:#1c325f; font-weight:bold; font-family: Arial, sans-serif;}
/* .modal-backdrop{opacity:0.8 !important;} */
.re-create-pdf{ font-size:32px; position:relative; top:10px;}
.projected-amount-left {padding-top:10px; padding-bottom:10px; margin-top:25px; text-align:center; font-size:40px; font-weight:bold; border:solid 1px #FFF; display:none;}
.dates-warning {padding-top:5px; padding-bottom:5px; margin-top:25px; text-align:center; font-size:20px; font-weight:bold; border:solid 1px #FFF; background-color:#c30202;}
.po-warning{padding-top:5px; padding-bottom:5px; margin-top:10px; margin-bottom:10px; text-align:center; font-size:20px; border:solid 1px #FFF;}
.table-cp-reports-projects { width:1199px; margin-top:15px;}
#table-cp-reports-projects td { padding:5px;}


.tooltip {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	visibility: visible;
	filter: alpha(opacity=0);
	opacity: 0; 
	position: fixed;
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip-inner {
  max-width: 1000px;
  padding: 10px 25px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 10px;
  border: solid 1px #FFF;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #FFF;
}
.tooltip h3 {color:#FFF; margin-top:0px; margin-bottom:5px;}
.table-buttons {padding-top:2px;padding-bottom:2px; padding-left:5px; padding-right:5px;}
.big-icons { width:256px; height:325px;}
.form-control {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #ffe401;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 4px;
	background-image:url(../images/bg-black-30.png); 
	background-repeat:repeat;
}
.switchStyle { margin-bottom:10px;}
.checklist-questions { margin-bottom:25px;}
.checklist-questions-section2 { margin-bottom:25px; padding-bottom:25px; border-bottom:solid 1px #fff;}
.checklist-question { margin-bottom:25px; font-size:24px;}
.checklist-question-section2 { margin-bottom:5px; font-size:20px;}
.smaller-question {font-size:16px;}
.smaller-text {font-size:10px;}
button.field-hirail {font-size: 25px; padding-top:10px; padding-bottom:10px;  padding-left:25px; padding-right:25px;}
.view-answers{border:solid 1px #fff; padding-top:5px; padding-bottom:15px; margin-top:5px; margin-bottom:25px;}
.view-notes { border: solid 3px #FFF; margin-top:50px;}
.answers2{display:none;}
a.yellow {color:#ffe401; text-decoration:none;}
a.questions{text-decoration:none;}
.audit-details { text-align:right;}
.audit-date {text-align:left; padding-bottom:25px; padding-left: 15px;}
.vehicles-obs{padding-top:5px; padding-bottom:15px;}
.vehicles-rec{border-top:solid 1px #FFF; padding-top:5px; margin-top:15px;}
.vehicles-rec-title{border-top:solid 1px #FFF; padding-top:5px; margin-top:15px;}
.table-radius-corners {border: solid 1px #FFF;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding:5px;}
.border-yellow { border-color:#ffe401;}
.crossing-audits-questions { font-size:20px; font-weight:500;}
.center-xs { text-align:left;}

.tables {border-collapse: collapse;}
.tables td { padding:3px;}
.tables th { padding:3px;}
.table-tfoot { border-top: solid 1px #ffe401;}
.table-tfoot-white { border-top: solid 1px #FFFFFF;}

.advanced-search{margin-top:10px; margin-bottom:25px; text-align:center; border-top:solid 1px #FFF; border-bottom:solid 1px #FFF; padding-top:25px; padding-bottom:25px;}
.load-bar {text-align:center; border-top:solid 1px #FFF; border-bottom:solid 1px #FFF; padding-top:10px; padding-bottom:10px;}

.td-expenses-title {text-align:right; padding:3px;}
.td-expenses {text-align:left; padding:3px;}

/*
.modal-backdrop{opacity:0.90 !important;}
*/
.modal-backdrop.in {
    opacity: 0.9;
}
.image-colorbox { text-decoration:none;}



.modal-body-esi { margin: 0px; padding: 0px;  padding-left:10px; padding-right:10px; font-family:Arial, sans-serif; background-image: url(../images/bg-login-v4.png); color:#FFF; background-attachment:fixed; text-align:center; min-height:425px;}
#ModalExpense .modal-dialog {width: 875px; }
.modal-footer-esi {font-family:Arial, sans-serif; background-image: url(../images/bg-login-v4.png); color:#FFF; background-attachment:fixed;}

.btn:hover, .btn:focus { text-decoration:none !important;}

.cke_contents{color:black;}
.cke_contents textarea{color:#000000;}

.sendmail-send-to { text-align:right;}
.sendmail-company { text-align:left;}
.sendmail-mode { text-align:center;}

#view-email-Modal a:link, #view-email-Modal a:visited { color:#0054FF; text-decoration:none;}
#view-email-Modal a:focus, #view-email-Modal a:hover { color:#00339a; text-decoration: underline;}
#Sendmail-Modal a:link, #Sendmail-Modal a:visited { color:#0054FF; text-decoration:none;}
#Sendmail-Modal a:focus, #Sendmail-Modal a:hover { color:#00339a; text-decoration: underline;}

.warning_mob_time{ background-color:#c30202; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:18px; margin-top:25px; margin-bottom:25px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF;}

.tables-border-top { border-top:solid 1px #2a3037;}
.td-warning_mob_time {border-top:solid 1px #2a3037; background-color:#c30202; font-weight:bold;}
.td-warning-yellow {border-top:solid 1px #2a3037; background-color:#b77a25; font-weight:bold;}

#calendar {
	max-width: 900px;
	margin: 0 auto;

	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size: 14px;
	background-color:#FFF;
	color:#000;
}
#calendar h2 {color:#000;}
#calendar-section { width:100%; background-color:#FFF; margin-top:25px; margin-bottom:25px; padding-top:25px; padding-bottom:25px; text-align:center;}
#calendar .fc-widget-content {color:#000;}
#calendar a:hover {color:#000;}
#calendar .fc-bgevent { /* default look for background events */
	opacity: 0.3;
}
#calendar .fc-event-dot  {position:relative; top:5px;}

.warning-red { background-color:#c30202; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:25px; margin-bottom:25px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}
.warning-red-no-margin-top { background-color:#c30202; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:0px; margin-bottom:25px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}
.warning-red-no-margins { background-color:#c30202; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:0px; margin-bottom:0px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}

.warning-yellow { background-color:#ffa200; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:25px; margin-bottom:25px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}
.warning-yellow-no-margin-top { background-color:#ffa200; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:0px; margin-bottom:25px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}
.warning-yellow-no-margin-bottom { background-color:#ffa200; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:25px; margin-bottom:0px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}
.warning-yellow-no-margins { background-color:#ffa200; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:0px; margin-bottom:0px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}

.warning-blue { background-color:#005cbb; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:25px; margin-bottom:25px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}
.warning-blue-no-margins { background-color:#005cbb; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:0px; margin-bottom:0px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}

.warning-green { background-color:#069453; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:25px; margin-bottom:25px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}
.warning-green-no-margins { background-color:#069453; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:0px; margin-bottom:0px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}

.warning-orange { background-color:#f76300; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:25px; margin-bottom:25px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}
.warning-orange-no-margins { background-color:#f76300; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:0px; margin-bottom:0px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}

.warning-black { background-color:#000000; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:25px; margin-bottom:25px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}
.warning-black-no-margins { background-color:#000000; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:0px; margin-bottom:0px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}
.warning-black-no-margins-with-borders-yellow { background-color:#000000; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:0px; margin-bottom:0px; font-weight:bold; text-align:center; border-top:1px solid #ffe401; border-bottom:solid 1px #ffe401; vertical-align: middle; padding-left:15px; padding-right:15px;}

.warning-purple { background-color:#6241b7; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:25px; margin-bottom:25px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}
.warning-purple-no-margins { background-color:#6241b7; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:0px; margin-bottom:0px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF; vertical-align: middle; padding-left:15px; padding-right:15px;}


.mini-square { width:16px; height:16px;}
.legend-green {background-color:#05a457;}
.legend-blue {background-color:#026ed2;}
.legend-red {background-color:#a70606;}

#projects-list a:link, #projects-list a:visited  {text-decoration:none; color: #FFF;}
#projects-list a:active, #projects-list a:hover {text-decoration:none; color:#ffe401;}

.alert-notifications-level-0 {background-color:#069453; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:25px; margin-bottom:25px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF;}
.alert-notifications-level-1 {background-color:#005cbb; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:25px; margin-bottom:25px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF;}
.alert-notifications-level-2 {background-color:#ffa200; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:25px; margin-bottom:25px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF;}
.alert-notifications-level-3 {background-color:#c30202; color:#FFF; padding-top:10px; padding-bottom:10px; font-size:20px; margin-top:25px; margin-bottom:25px; font-weight:bold; text-align:center; border-top:1px solid #FFF; border-bottom:solid 1px #FFF;}
.alert-notifications-level-0-square {width:16px; height:16px; display:block; margin-right:5px; background-color:#069453; float:left;}
.alert-notifications-level-1-square {width:16px; height:16px; display:block; margin-right:5px; background-color:#005cbb; float:left;}
.alert-notifications-level-2-square {width:16px; height:16px; display:block; margin-right:5px; background-color:#ffa200; float:left;}
.alert-notifications-level-3-square {width:16px; height:16px; display:block; margin-right:5px; background-color:#c30202; float:left;}
.alert-bar-level-0 { background-color:#069453; height:3px; width:100%; margin-top:10px; margin-bottom:10px;}
.alert-bar-level-1 { background-color:#005cbb; height:3px; width:100%; margin-top:10px; margin-bottom:10px;}
.alert-bar-level-2 { background-color:#ffa200; height:3px; width:100%; margin-top:10px; margin-bottom:10px;}
.alert-bar-level-3 { background-color:#c30202; height:3px; width:100%; margin-top:10px; margin-bottom:10px;}

.table-mileage-td {font-size:12px; color:#FFF; border-color: transparent;}
.table-mileage-th {font-size:14px; font-weight:bold; color:#ffe401; border-color: transparent;}
.table-mileage-td-row-selected {font-size:12px; color:#ffe401; border-color: transparent;background-color:#000; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}

.small-input{width:80px;}
.input-small{width:80px;}
.input-medium{width:150px;}
.input-large{width:250px;}

.bootstrap-style {
	/*display: block;*/
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.crossing-images {width:100%; height:auto; border:solid 1px #FFF; margin-bottom:10px;}
.crossing-mileage-view-left { color:#ffe401; text-align:right; margin-bottom:15px;}
.crossing-mileage-view-right { color:#FFF; text-align:left; margin-bottom:15px;}

.mileage-question { font-weight:bold;}
.mileage-answer { margin-bottom:25px;}

.files .toggle {
	display:inherit;
}

.truck-checklist-left{
	text-align:right;
	margin-bottom:15px;
}
.truck-checklist-right {
	text-align:left;
	margin-bottom:15px;
}

.div-mobile {
	text-align:center;
}

.tools-options {
	background-color:#5c6771;
}

.table-form {padding:8px;}

.div-mobile-left-center {text-align:left;}
.div-mobile-right-center {text-align:right;}
.div-mobile-center {text-align:center;}

#advanced-search-link:focus { outline: 0; }
#advanced-search-link:hover {text-decoration:none;;}

.dataTables_info {padding-top: 15px;}
.dataTables_paginate {padding-top: 15px;}
.dataTables_wrapper {min-height: 0px;}
table.dataTable thead .sorting,  table.dataTable thead .sorting_asc,  table.dataTable thead .sorting_desc {background : none;}
#dataTable {padding: 0;margin:0;width:100%; color:#FFF; }
#dataTable_wrapper{width:100%; border:thin; border-color: #FFF;}
#dataTable_wrapper th {cursor:pointer;}
#dataTable_wrapper tr {border: 1px;}
#dataTable_wrapper tr.odd {background:none;}
#dataTable_wrapper tr.odd:hover {background-image:url(../images/bg-black-50.png); background-repeat:repeat;}
#dataTable_wrapper tr.odd td.sorting_1 {background:none;  }
#dataTable_wrapper tr.odd:hover td.sorting_1 {background:none;}
#dataTable_wrapper tr.even {background:none; }
#dataTable_wrapper tr.even:hover, tr.even td.highlighted{background-image:url(../images/bg-black-50.png); background-repeat:repeat;}
#dataTable_wrapper tr.even td.sorting_1 {background:none; }
#dataTable_wrapper tr.even:hover td.sorting_1 {background:none;}
#dataTable .categories-listing {background: none; color:#FFF;}
#dataTable .order {background: none; color:#FFF; opacity: 0.4;}
#dataTable a:link, a:visited, a:active {color:#FFF;}
#dataTable a:hover {color:#ffe401;}	
.dataTables_length { top:-10px;}
.dataTables_filter {
	position: relative; 
	top:-10px; 
	right:0px;
	text-align: right;	
}
#dataTable_paginate a { color:#FFF; margin-left:5px; margin-right:5px;}
#dataTable_paginate a:hover { color:#ffe401;}
.up-down { background-image:url(../images/icons/up-down-yellow.png); background-repeat:no-repeat; width:7px; height:12px; position:relative; left: 5px; padding-left:5px;}
.dataTable-row:hover {background-color:rgba(255,255,255,0.1);}

#dataTable th:hover{ background-color: transparent !important; border: none !important;}

#dataTable_filter input { margin-left:10px;}
.datatable_col_not_sortable { cursor:default !important;}

#dataTable td { border-top: 1px solid transparent !important; border-bottom: 1px solid transparent !important; border-bottom: 0;}
#dataTable tr:last-child td { border-bottom: 1px solid transparent; }
#dataTable tr:hover td {background-image:url(../images/bg-black-50.png); background-repeat:repeat;  border-top: 1px solid white !important; border-bottom: 1px solid white !important; }
#dataTable tr:hover td:first-child { border-left-color: white; }
#dataTable tr:hover td:last-child  { border-right-color: white; }

.management-list {border-bottom:solid 1px #2b2d30; margin-bottom:5px; padding-bottom:5px;}
.management-left {text-align:left;}
.management-center {text-align:center;}
.management-right {text-align:right;}
.management-position-title {color:#6d737d; font-style:italic;}


.col-left {text-align:right;}
.col-right {text-align:left;}
.col-left-no-margin {text-align:right;}
.col-right-no-margin {text-align:left;}

.modal-print-rows {margin-bottom:5px;}

/* for datepicker  */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #1c325f;
    color: #000;
	background:#FFF;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #1c325f;
    background: #1c325f;
    font-weight: normal;
    color: #FFF;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover {
	border: 1px solid #999999;
	background: #000;
	font-weight: normal;
	color: #FFF;
}

#search-city-section, #p_city-section {
	
	min-height:20px;
	min-width:250px;
	position:relative;
	top:0px;
	left:0px;
	text-align:left;
}
#div-search-city {
	height:20px;
}
#search-city, #p_city {
	width:250px;
	text-align:left;
	margin-left:0px; 
	margin-right:0px;
	position:relative;
	top:0px;
}
#search-city-results, #p_city-results {	
	background-color: #FFF;
	color:#000;
	line-height:20px;
	font-style:italic;
	font-size: 13px;
	text-align:left;
	margin-left:0px; 
	margin-right:0px;
	width:350px;
	overflow:hidden;
	z-index:100;
	position:absolute;
	top:25px;
	left:0px;
	float:left;
	border-radius: 2px 2px 5px 5px;
}
#search-city-results .results-row, #p_city-results .results-row {
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #ccc;
	line-height:20px;
	margin-left:0px;
	margin-right:0px;
	padding-left:5px;
	padding-right:5px;
	overflow:hidden;
	white-space: nowrap;
}
#search-city-results .results-row:hover, #p_city-results .results-row:hover {
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	background-color:#0c7338;
	color:#FFF !important;
}

#search-city-results .results-row a:link, #search-city-results .results-row a:visited, #search-city-results .results-row a:focus,
#p_city-results .results-row a:link, #p_city-results .results-row a:visited, #p_city-results .results-row a:focus {
	display:block;
	width:100%;
	color:#5d5f66 !important;
}
#search-city-results .results-row a:hover, #p_city-results .results-row a:hover  {
	color:#FFF !important;
	/*font-weight:bold;*/
}
#search-spinner {
	position:absolute;
	top:-3px;
	left:255px;
	z-index: 100;
}
.search-button {
	margin-left:25px;
}

.survey-question {
	text-align:center; margin-top:25px; margin-bottom:25px; font-size:20px;
}

.row-new-mergeable {
	color:#4cff97; border-bottom:solid 1px #4cff97;
}
.row-other-mergeable {
	color:#80868c; border-bottom:solid 1px #3a3d40;
}
.row-total-mergeable {
	color:#FFFFFF; border-top:solid 1px #ffe401;
}

.warning-bars { font-size: 20px;}

.bootstrap-form {padding:4px; padding-left:15px; padding-right:15px;}

.esi-link {color:#ffe401 !important; text-decoration:none;}
.esi-link:hover{text-decoration:underline !important;}


/* ################################## LAST AT THE END ################################## */

/*
.table-with-hover tr{border-top: solid 1px transparent; border-bottom: solid 1px transparent;}
.table-with-hover tr:hover{ background-color:#000; border-top: solid 1px #FFF !important; border-bottom: solid 1px #FFF !important;}
*/

/*.table-with-hover tr {border-top:solid 1px transparent; border-bottom:solid 1px transparent;}*/

/*
.table-with-hover tr:hover {background-image:url(../images/bg-black-50.png); background-repeat:repeat; border-top: solid 1px #FFF; border-bottom: solid 1px #FFF;}

.table-with-hover th{ background-color: transparent !important; border-top: solid 1px transparent !important; border-bottom: solid 1px transparent !important;}
.table-with-hover th:hover{background-image: none !important; background-color: transparent !important; border-top: solid 1px transparent !important; border-bottom: solid 1px transparent !important;}

.tr-not-hover {background-color: transparent !important;  background-image:none !important; border-top: solid 1px transparent !important; border-bottom: solid 1px transparent !important; border:none !important;}
.tr-not-hover:hover {border-top: solid 1px transparent !important; border-bottom: solid 1px transparent !important; border:none !important;}

*/

.table-with-hover td { border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-bottom: 0;}
.table-with-hover tr:last-child td { border-bottom: 1px solid transparent; }
.table-with-hover tr:hover td {background-image:url(../images/bg-black-50.png); background-repeat:repeat;  border-top: 1px solid #FFF !important; border-bottom: 1px solid #FFF !important; }
.table-with-hover tr:hover td:first-child { border-left-color: white; }
.table-with-hover tr:hover td:last-child  { border-right-color: white; }

.tr-not-hover {background-color: transparent !important;  background-image:none !important; border-top: solid 1px transparent !important; border-bottom: solid 1px transparent !important; border:none !important;}

.cn-color {color:#da291c;}

#logs-generate-invoices th{color: #ffe401; font-weight:bold;}
#logs-generate-invoices th, #logs-generate-invoices th:hover {
	border-bottom:solid 1px #FFF !important;
}
#logs-generate-invoices td {
	padding:3px;
}

.logs-generate-invoicess_info {						
	top: -3px;
	left: 15px;
}

#logs-generate-invoices th, #logs-generate-invoices td {padding:3px;}
#logs-generate-invoices th {border-bottom: solid 1px #FFF !important; padding-bottom:8px;}
#logs-generate-invoices th:hover {border-bottom: solid 1px #FFF !important;}
#logs-generate-invoices td {border-top: 1px transparent !important; border-bottom: solid 1px #555 !important;}

.steps-nav {
	display:block;
	background-color:#23325c;
	width:100%;
	color:#FFF;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
}
.steps-nav:hover {
	background-color:#23325c !important;
	color:#FFF;
}
.steps-nav-active {background-color:#000 !important;}

.steps-nav-red {background-color:#c30202;}
.steps-nav-green {background-color:#069453;}
.steps-nav-orange {background-color:#f76300;}
.steps-nav-blue {background-color:#256ed1;}

.drag-drop {border: dashed 3px #FFF; text-align:center; margin-top:0px; margin-bottom:25px; padding-top:50px; padding-bottom: 50px; font-size:24px; font-weight:bold;}
.new-user-left-instructions {margin:15px;}
.new-user-left-instructions-dot {font-size:7px; position:relative; top:-3px; margin-right:5px; margin-bottom:10px; color:#ffe401;}

.border-right-desktop {border-right:solid 1px #FFF;}
.border-left-desktop {border-left:solid 1px #FFF;}

.desktop-font {font-size:18px;}

a.timesheets-subdivision-search-results-link:link { text-decoration:none; color:#0054FF;}
a.timesheets-subdivision-search-results-link:visited{ text-decoration:none; color: #0054FF;}
a.timesheets-subdivision-search-results-link:active{ text-decoration:none; color: #0054FF;}
a.timesheets-subdivision-search-results-link:hover, a.timesheets-subdivision-search-results-link:focus{ text-decoration: underline; color:#002e61 !important;}




.navbar-logo {
	border:none; width:auto; max-width:200px; max-height:15px;
}

#esi-navbar {
	margin-bottom:0px;
	box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
}
/* To Dropdown navbar dropdown on hover */
/*
.navbar-nav > li:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: -6px;
    margin-right: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-left: -10px;
}

.dropdown-submenu:hover>a:after {
    border-right-color: #fff;
}

.dropdown-submenu.pull-right {
    float: none;
}

.dropdown-submenu.pull-right>.dropdown-menu {
    right: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
*/
 
/* ################################## START BREADCRUMBS ################################## */

#esi-bread {
	text-align:left;
}

.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: #e6e9ed;
}
.breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top
}
.breadcrumb-arrow li:not(:first-child) {
    margin-left: -5px
}
.breadcrumb-arrow li+li:before {
    padding: 0;
    content: ""
}
.breadcrumb-arrow li span {
    padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
    height: 36px;
    padding: 0 10px 0 25px;
    line-height: 36px
}
.breadcrumb-arrow li:first-child a {
    padding: 0 10px
}
.breadcrumb-arrow li a {
    position: relative;
    color: #fff;
    text-decoration: none;
    background-color: #003c80; /* #3bafda */
    border: 1px solid #003c80; /* #3bafda */
}
.breadcrumb-arrow li:first-child a {
    padding-left: 10px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
}
.breadcrumb-arrow li a:before {
    right: -10px;
    z-index: 3;
    border-left-color: #003c80;
    border-left-style: solid;
    border-left-width: 11px;
}
.breadcrumb-arrow li a:after {
    right: -11px;
    z-index: 2;
    border-left: 11px solid #001e40;
}


/*
	Main colors:
		ESI WEB Blue: #1c325f
		ESI Real Blue: #002e61
		ESI Gray: #6c6b6e
		ESI Yellow: #ffe401
*/
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
/*
    background-color: #001e40;
    border: 1px solid #FFF;
*/
    background-color: #001e40;
    border: 1px solid #001e40;
}
.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
    border-left-color: #001e40;
}
.breadcrumb-arrow li a:active {
    background-color: #001e40;
    border: 1px solid #001e40;
}
.breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before {
    border-left-color: #001e40;
}
.breadcrumb-arrow li span {
    color: #FFF;
	font-weight:bold;
}


.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}

.breadcrumb-arrow li a.breadcrumb-url {
	background-color:#000;
	border: 1px solid #000;
}
.breadcrumb-arrow li a.breadcrumb-url:before {
	border-left-color:#000;
}
.breadcrumb-arrow li a.breadcrumb-url:after {
	border-left-color:#000;
}
.breadcrumb-arrow li a.breadcrumb-url:hover, .breadcrumb-arrow li a.breadcrumb-url:focus {
	cursor: default;
	color:#FFF !important;
	background-color:#000;
	border: 1px solid #000;
}

/* ################################## END BREADCRUMBS ################################## */


.panel-esi-red {
  border-color: #ddd;
}
.panel-esi-red > .panel-heading {
  color: #FFF;
  background-color: #c30202;
  border-color: #FFF;
}
.panel-esi-red > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
  background-color:#000;
}
.panel-esi-red > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-esi-red > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel.panel-esi-red {
  color: #FFF;
  background-color: transparent;
}

.panel-esi-green {
  border-color: #ddd;
}
.panel-esi-green > .panel-heading {
  color: #FFF;
  background-color: #069453;
  border-color: #FFF;
}
.panel-esi-green > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
  background-color:#000;
}
.panel-esi-green > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-esi-green > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel.panel-esi-green {
  color: #FFF;
  background-color: transparent;
}

.panel-esi-blue {
  border-color: #ddd;
}
.panel-esi-blue > .panel-heading {
  color: #FFF;
  background-color: #005cbb;
  border-color: #FFF;
}
.panel-esi-blue > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
  background-color:#000;
}
.panel-esi-blue > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-esi-blue > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel.panel-esi-blue {
  color: #FFF;
  background-color: transparent;
}

.panel-esi-black {
  border-color: #ddd;
}
.panel-esi-black > .panel-heading {
  color: #FFF;
  background-color: transparent;
  background-image: url(../images/bg-black-50.png);
  background-repeat: repeat;
  border-color: #FFF;
}
.panel-esi-black > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
  background-color: transparent;
  background-image: url(../images/bg-black-50.png);
  background-repeat: repeat;
}
.panel-esi-black > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-esi-black > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel.panel-esi-black {
  color: #FFF;
  background-color: transparent;
}


.panel-bg-white {
	color:#000;
	background-color:#FFF;
}

.panel-read-more {
	margin-top:25px;
	text-align:right;
	position: absolute;
	bottom: 30px;
	right: 25px;
}

.contact-img {
	max-width:100px;
	height:auto;
	border:solid 2px #FFF;
	border-radius:10px;
}

.panel-height-250 {
	height: 250px;
	overflow:hidden;
}

#home-main-section img {
	margin-left:2px;
	margin-right:2px;
	margin-bottom:25px;
}

#Modal-Notifications .modal-spinner {
	color:#FFF;
}

.timesheet-notification-date {
	color:#474f54;
	font-size:10px;
	font-style:italic;
}

.legend-title {
	color:#FFF;
	font-weight:bold;
}

#table-main-form-expense td {padding-top: 5px; padding-bottom:5px;}

.trigger-modal-required-tools{cursor: pointer;}

.manual-img {
	max-width:100%;
}

.badge-red {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #CA0000;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #FFF;
    border-radius: 10px;
	border: solid 2px #CA0000;
}

.badge-bg-red {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;    
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;   
    border-radius: 10px;
	border: solid 2px #FFF;
	color: #FFF;
	background-color: #CA0000;
}

.badge-yellow {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #b77a25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #FFF;
    border-radius: 10px;
	border: solid 2px #b77a25;
}

.badge-bg-yellow {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;    
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;   
    border-radius: 10px;
	border: solid 2px #FFF;
	color: #FFF;
	background-color: #b77a25;
}

.badge-green {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #069453;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #FFF;
    border-radius: 10px;
	border: solid 2px #069453;
}

.badge-bg-green {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;    
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;   
    border-radius: 10px;
	border: solid 2px #FFF;
	color: #FFF;
	background-color: #069453;
}


#Modal-Time-Traveled input[readonly="readonly"] {
	color:#6F7880;
}

.input-read {
	border: 1px solid #474f54; 
	color: #6F7880;
}


#modal-employee-comments::placeholder {
	opacity: 0.5;
	font-style:italic;
	font-weight:normal;
	
}

#modal-employee-admin_comments::placeholder {
	opacity: 0.5;
	font-style:italic;
	font-weight:normal;
}

.bootstrap-select {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #ffe401;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 4px;
    background-image: url(../images/bg-black-30.png);
    background-repeat: repeat;
}

.border-radius{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

/* ################################## RESPONSIVE ################################## */
@media (min-width: 1200px) {
}

@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 980px) and (max-width: 1199px) {
	.checklist-question {font-size:20px;}
	.checklist-question-section2 {font-size:18px;}
	.smaller-question {font-size:14px;}
	button.field-hirail {font-size: 20px;}
}

@media (min-width: 768px) and (max-width: 979px) {
	.checklist-question {font-size:18px;}
	.checklist-question-section2 {font-size:16px;}
	.smaller-question {font-size:12px;}
	button.field-hirail {font-size: 18px;}
}

@media (max-width: 979px) {	
	.small-input{ text-align:center !important;}
	.truck-checklist-left{
		text-align:center;
		margin-bottom:5px;
	}
	.truck-checklist-right {
		text-align:center;
		margin-bottom:15px;
	}
	
	.warning-bars { font-size: 16px;}
} 

@media (max-width: 767px) {
	.big-icons { width:128px; height:163px;}
	.checklist-question {font-size:16px;}
	.checklist-question-section2 {font-size:14px;}
	.smaller-question {font-size:10px;}
	button.field-hirail {font-size: 16px;}
	.audit-details { text-align:left;}
	.audit-date {text-align:center; padding-bottom:25px; padding-left: 0px;}
	.vehicles-rec{border-top: none; padding-top:0px; margin-top:0px;}
	.vehicles-rec-title{border-top:solid 1px #FFF; padding-top:5px; margin-top:15px;}
	.center-xs { text-align:center;}
	.sendmail-send-to { text-align:left; margin-bottom:10px;}
	.sendmail-mode { text-align:left;}
	.crossing-images {margin-bottom:25px;}
	.crossing-mileage-view-left {text-align:center; margin-bottom:5px;}
	.crossing-mileage-view-right {text-align:center; margin-bottom:25px;}
	.col-left {text-align:center; margin-bottom:5px;}
	.col-right {text-align:center; margin-bottom:15px;}
	.modal col-left{text-align:center;}
/*
	.col-left-no-margin {text-align:center; margin-bottom:5px;}
	.col-right-small-margin {text-align:center; margin-bottom:10px;}
*/
	.div-mobile {text-align:left;}
	.div-mobile-left-center {text-align:center;}
	.div-mobile-right-center {text-align:center;}
	.management-list {margin-bottom:10px;padding-bottom:10px;}
	.management-left {text-align:center;}
	.management-center {text-align:center;}
	.management-right {text-align:center;}
	.warning-bars { font-size: 15px;}
	.mobile-margins {margin-left:10px !important; margin-right:10px !important; padding-left:5px; padding-right:5px;} /* To be used with bg-black-30 radius-corners  */
	.mobile-spacer {margin-top:10px;margin-bottom:10px;}
	.border-right-desktop {border-right: inherit;}
	.border-left-desktop {border-left: inherit;}
	.no-side-margins{ margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}
	.desktop-font {font-size:14px;}
	.contact-img {
		margin-top:10px;
		margin-bottom:10px;
	}
	.legend-title {
		font-size:14px;
	}
}

@media (max-width: 479px) {
	.checklist-question {font-size:14px;}
	.checklist-question-section2 {font-size:12px;}
	.mobile-button {padding-left:10px; padding-right:10px;}
	.warning-bars { font-size: 13px;}
	.mobile-admin-button {
		width:100%;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	#notification-menu-link {
		left:0px;
	}
	#navbar-toggle-menu-button {
		margin-right:0px;
	}
	.navbar-logo {
		max-width:175px; 
		max-height:15px;
	}
}

@media (max-width: 359px) {
}