#header {
	border: 1px solid black;
}
#loginnav {
	background-color: black;
	color: white;	
}
#nav {
	background-color: black;
	color: white;	
}
#navrow {
	background-color: black;
	color: white;
	font-size:medium;
}
#navrow a{
	color: white;
}
#logincontent {
	
}
#content {
	background-color: white;
}
/* =========================================        LOGIN PAGE        ==================================================== */
.white_orange_link {
	color: white;
}
.white_orange_link:hover {
	color: orange;
}
/* ========================================= RESOURCES (SAC REGISTER) ==================================================== */
.res_summary_header {
	background-color:orange;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}
.res_odd {
	background-color: #d8daba;
}
.res_even {
	background-color: white;
}
#new_resource {
	background-color: white;
}
#new_resource_switch {
	background-color: #e3e3e3;
	border-bottom: 1px solid orange;
	border-top: 1px solid orange;
}
.res_input_group {
	border: 1px solid orange;
}
td.res_input_section {
	background-color: #FFA500;
	border: 1px solid orange;
}
#res_inp_submit {
	background-color: orange;
	color: black;
	border: 1px solid black;
}
.res_summary_header th {
	background-color: orange;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}
.act_startbox {
	border:1px solid orange;
	background-color:white;
}
.act_endbox {
	border:1px solid orange;
	background-color:white;
}
.resource {
	font-size: small;
}
#mob_verified_hover, #respop_mob_verified_hover {
	background-color: bisque;
	border: 1px solid #000000;
}
.res_status_tooltip .res_status_tooltiptext {
	background-color: black;
	color: #fff;
}
.res_status_tooltip .res_status_tooltiptext::after {
	border-color: transparent black transparent transparent;
}

/* ========================================= SITE DIARY ==================================================== */


#new_diary_entry {
	background-color: white;
}
#new_diary_switch {
	background-color: #e3e3e3;
	border-bottom: 1px solid orange;
	border-top: 1px solid orange;
}
.dia_odd {
	background-color: #d8daba;
}
.dia_even {
	background-color: white;
}
.dia_summary_header {
	background-color: orange;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}
.diarytooltip .diarytooltiptext {
	background-color: black;
	color: #fff;
}
.diarytooltip .diarytooltiptext::after {
	border-color: transparent transparent black transparent;
}
  

/* ========================================= ALERTS ==================================================== */
.alert_summary_header th {
	background-color: orange;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}
.alert_odd {
	background-color: #d8daba;
}
.alert_even {
	background-color: white;
}

/* ==================================== REPORTS =========================================================== */
.reports_subhead {
}
.tbl_bord_btm {
	border-bottom: 1px solid #575a2c;
}
/* ==================================== PROGRAMME =========================================================== */
#prog_summary_tbl {
	border: 1px solid #575a2c;
}
#prog_summary_tbl tr td {
	border-bottom: 1px solid #575a2c;
}
.prog_summary_header th {
	background-color:orange;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
}
.L1 {
	background-color: #FF007F;
}
.L2 {
	background-color: #00FF00;
}
.L3 {
	background-color: #FFFF00;
}
.L4 {
	background-color: #007FFF;
}
.L5 {
	background-color: #C0C0C0;
}
.L6 {
	background-color: #FF007F;
}
.L7 {
	background-color: #0000FF;
	color: white;
}
.L8 {
	background-color: #FF7F00;
}

/* programme choice switch ======================================== */
#prog_choice {
	background-color: white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.slider {
  background-color: white;
  border: 1px solid black;
}
.slider:before {
  background-color: orange;
}
.sliderbox:checked + .slider {
  background-color: white;
  border: 1px solid black;
}
.sliderbox:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
#choice_list {
	color: black;
}
#choice_gantt {
	color: gray;
}

/* ==================================== DASHBOARD =========================================================== */
.dash_mrt_status {
	background-color: orange;
}
.dash_side_status {
	background-color: orange;
}
.rag_green {
	color: green;
}
.rag_amber {
	color:yellow;
}
.rag_red {
	color: red;
}
.dash_odd {
	background-color: #d8daba;
}
.dash_even {
	background-color: white;
}
#dash_live_activities thead th {
	background-color: orange;
	border-top:1px solid black;
	border-bottom: 1px solid black;
}
#dash_issues_reported thead th{
	background-color: orange;
	border-top:1px solid black;
	border-bottom: 1px solid black;
}
#dash_worksite_times thead th {
	background-color: orange;
	border-top:1px solid black;
	border-bottom: 1px solid black;
}




/* ========================================= POP UP BOXES ================================================== */
/* ------------ Resource expanded detail ----------------------------- */
#resource_container {
	background-color: rgba(0,0,0,0.6);
}
#resource_detail {
	background-color: white;
	border: 2px solid #c1cbd9;
}
#resource_detail_nav {
	background-color: black;
	color: white;
}
.resource_detail_nav_item {
	width: 100%;
	height: 30px;
}
#resource_detail_controls {
	background-color: black;
	color: white;
	border: 2px solid orange;
}
.closeRes {
  color: white;
}
.closeRes:hover, .closeRes:focus {
  color: orange;
}
#respop_personal {
	border: 1px solid orange;
}
#respop_signin {
	border: 1px solid orange;
}
#respop_safety {
	border: 1px solid orange;
}
#respop_proj {
	border: 1px solid orange;
}
#respop_group {
	border: 1px solid orange;
}
#respop_notesarea {
	border: 1px solid orange;
}
.respop_heading {
	color: orange;
	background-color: white;
}

/* Resource Entry Search Box ------------------------------------------- */
#res_searchbox {
	border: 1px solid #c1cbd9;
	background-color: white;
	box-shadow: 5px 5px #d1d1d1;
}
#cc_searchbox {
	border: 1px solid #c1cbd9;
	background-color: white;
	box-shadow: 5px 5px #d1d1d1;
}.hovertable tr:hover {
	background-color: orange;	
}


/* Loaned Items Popup box ----------ALL V2 REQUIRED ------------------------------------------------------- */
#loan_container {
	background-color: rgba(0,0,0,0.4);
}
#loan_detail {
	background-color: white;
	border: 2px solid orange;
}
.closeLoan {
  color: white;
}
.closeLoan:hover, .closeRes:focus {
  color: orange;
}
#loan_detail_controls {
	background-color: black;
	color: white;
}

/* diary popup --------------------------------------- */
#diary_container {
	background-color: rgba(0,0,0,0.4);
}
#diary_detail_controls {
	background-color: black;
	color: white;
	border: 2px solid orange;
}
#diary_detail {
	background-color: white;
	border: 2px solid orange;
}
.closeDiary {
  color: white;
}
.closeDiary:hover, .closeDiary:focus {
  color: orange;
}

/* Validation ------------------------ */
#validation_container {
	background-color: rgba(0,0,0,0.4);
}
#validation_detail {
	background-color: white;
	border: 2px solid orange;
}
#validation_controls {
	background-color: black;
	color: white;
}
#validation_content {
	background-color: white;
	color: black;
}
.closevalid {
  color: white;
}
.closevalid:hover, .closevalid:focus {
  color: orange;
}

/* Information ------------------------ */
#information_container {
	background-color: rgba(0,0,0,0.4);
}
#information_detail {
	background-color: white;
	border: 2px solid orange;
}
#information_controls {
	background-color: black;
	color: white;
}
#information_content {
	background-color: white;
	color: black;
}
.closeinf {
  color: white;
}
.closeinf:hover, .closevalid:focus {
  color: orange;
}

/* dashboard popup --------------------------------------- */
#dash_container {
	background-color: rgba(0,0,0,0.4);
}
#dash_detail {
	background-color: white;
	border: 2px solid orange;
}
#dash_detail_controls {
	background-color: black;
	color: white;
}
#dash_detail_content {
	background-color: white;
	color: black;
}
.closeDash {
  color: white;
}
.closeDash:hover, .closeDash:focus {
  color: orange;
}
#auth_msg {
	color: red;
}
/* Programme Start and End ------------------------ */
#programme_container {
	background-color: rgba(0,0,0,0.4);
}
#programme_detail {
	background-color: white;
	border: 2px solid orange;
}
#programme_controls {
	background-color: black;
	color: white;
}
#programme_content {
	background-color: white;
	color: black;
}
.closeprog {
  color: white;
}
.closeprog:hover, .closeprog:focus {
  color: orange;
}