/* BASE CSS FOR CD DEPOT PROJECTS

   Created:  2011-07-25 - dbo

   PURPOSE:
   Set up CSS elements to present project custom UI

   FILE SEQUENCE: 2
*/

/* CLIENT-SPECIFIC CSS RULES

   Created:	2012-09-10 - dbo
   Updated:	2014-12-23 - dbo - Prettify
      2015-12-17 - dbo - Prepare for Bootstrap 4
      2017-05-30 - dbo - Better BS4, visual defaults

   PURPOSE:	Set up CSS elements to present project custom UI
*/
body {
	background-color:#fff;
	line-height: 1.231;
	color:#222;
}

h1, h2, h3 {
	font-weight:bold;
}

a, a:active, a:visited {
	color:rgb(76, 171, 220);
	text-decoration:none;
	font-size:inherit;
}

a:hover {
	text-shadow:rgb(54, 130, 178) 0 0 1px;
	background-color:rgba(76, 171, 220, 0.75);
	color:#fff;
	text-decoration: none;
	padding:0.25rem 0.5rem;
	margin:-0.25rem -0.5rem;
	border-radius:0.25rem;
}

#navbar a, #navbar a:hover, #navbar a:focus, #navbar a:active,
#footer a, #footer a:hover, #footer a:focus, #footer a:active,
#bottombar a, #bottombar a:hover, #bottombar a:focus, #bottombar a:active {
	-webkit-transition:none !important;
	-moz-transition:none !important;
	-o-transition:none !important;
	transition:none !important;
	border:none !important;
	text-shadow:none !important;
}

#navbar a:hover {
	background-color: rgba(255, 255, 255, 0.3) !important;
	padding:0.5rem !important;
	margin:-0.5rem !important;
}

th, th a, th a:hover, .pseudoth {
	color:#fff;
	background-color:#5f8cb0;
	padding-top:0.188rem;
	padding-bottom:0.188rem;
	font-weight:bold;
	text-decoration:none;
	border:none;
}

h2.pseudoth {
	text-shadow:none;
	padding:0.3rem;
	margin:0;
	margin-top:1rem;
	background-color:#435b82;
}

#main-area {
	position:relative;
	clear:both;
	background-color:#fff;
}

#header {
	min-height:120px;
	background:#5fbae1;
	display:flex;
	align-items:center;
}

#head-content {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:960px;
}

#navbar {
	background-color:rgb(60, 113, 182);
}

#navbar a {
	color:#fff;
	text-decoration:none;
	font-size:inherit;
}

#navbar a:hover {
	background-color:rgba(60, 113, 182, 0.8);
	color:#fff;
	padding:0.25rem;
	margin:-0.25rem;
	border-radius:0.125rem;
	-moz-border-radius:0.125rem;
}

#adminbar {
	background-color:#FFEDC7;
	border-top:1px solid #dbc9a4;
	border-bottom:1px solid #dbc9a4;
}

#adminbar a {
	color:#94732E;
	text-decoration:none;
	font-size:inherit;
}

#adminbar a:hover {
	background-color:rgba(148, 115, 46, 0.7);
	color:#fff;
	padding:0.25rem;
	margin:-0.25rem;
	border-radius:0.125rem;
	-moz-border-radius:0.125rem;
}

#footer {
	height:50px;
	background-color:rgb(60, 113, 182);
}

#footer a {
	color:#fff;
	text-decoration:none;
	font-size:inherit;
}

#footer a:hover {
	background-color:rgba(255, 255, 255, 0.8);
	color:#fff;
	padding:0.25rem;
	margin:-0.25rem;
	border-radius:0.125rem;
	-moz-border-radius:0.125rem;
}

#logo_area1, #logo_area2 {
	position:static;
	display:inline-block;
	width:auto;
}

.color-header-text {
	color:#fff;
	margin-top:0 !important;
	text-shadow:0 0.125rem 0.3125rem rgba(0, 0, 0, 0.4);
}

#bottombar {
	border-top: 1px solid #d0d0b5;
	margin-top:1rem;
	background-color:#eed;
}

nav#bottombar.new {
	margin:0;
	padding:0 10.25rem;
	line-height:20.25rem;
}

#bottombar a {
	color:#222;
	text-decoration:none;
	font-size:inherit;
}

#bottombar a:hover {
	background-color:rgba(255,255,255,0.8);
	color:#222;
	padding:0.25rem;
	margin:-0.25rem;
	border-radius:0.125rem;
	-moz-border-radius:0.125rem;
}

/* Table width assignments, based on a standard width of 960px */
.scroll_w {
	width: 950px;
}

.width_w, .width_w_head, .width_w_body, .width_w_foot {
	width: 935px;
}

.grid, .grid .table_footer {
	border-color: #8E9BB1;
}

.grid, .grid .table_footer, .width_w_foot {
	background-color: #BFD4E2;
}

.grid tr {
	background-color: #FFF;
}

.lborder {
	border-left: 1px solid #36668b;
}

.rborder {
	border-right: 1px solid #36668b;
}

.bborder {
	border-bottom: 1px solid #36668b;
}

.tborder {
	border-top: 1px solid #36668b;
}

.oddrow, table.shade_rows tr:nth-of-type(even) {
	background-color: #e2eaf4;
}

.footer_btn_region, .footer_btn_region_l {
	height:100%;
	text-align:center;
	float:left;
	padding:0.45rem;
	line-height:2rem;
	display:flex;
	align-items:center;
}

.footer_btn_region {
	border-right:1px solid rgb(43, 81, 131) !important;
}

.footer_btn_region_l {
	float:right;
	border-left:1px solid rgb(43, 81, 131) !important;
}