/* 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

   PURPOSE:	Set up CSS elements to present project custom UI
*/
:root {
    ---tafel-head-bg: hsl(208deg 34% 46%);
    ---tafel-head-fg: hsl(0deg 0% 100%);
}

body {
	background-color:#fff;
	background-size:auto; /* implied 100% height and width */
	margin:0;
	font-size: 0.9rem;/*14px;*/
	line-height: 1.231;
	color:#222;
}

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

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

#header {
	min-height:150px;
	background:#fff; /* expand for image */
	display:flex;
	align-items:center;
}

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

#navbar {
	background-color:#243c91;
color:#fff!important;
}

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

#navbar a:hover {
	background-color:rgba(43, 85, 118, 0.8);
	color:#fff;
	padding:4px;
	margin:-4px;
	border-radius:2px;
	-moz-border-radius:2px;
}

#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:4px;
	margin:-4px;
	border-radius:2px;
	-moz-border-radius:2px;
}

#footer {
	height:50px;
	background-color:#243c91;
}

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

#footer a:hover {
	background-color:rgba(255, 255, 255, 0.8);
	color:#fff;
	padding:4px;
	margin:-4px;
	border-radius:2px;
	-moz-border-radius:2px;
}

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

.color-header-text {
	color:#222;
	text-shadow:0 2px 5px rgba(0, 0, 0, 0.1);
	margin-top:0.75ex!important;
}

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

nav#bottombar.new {
	margin:0;
	padding:0 14px;
	line-height:24px;
}

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

#bottombar a:hover {
	background-color:rgba(255,255,255,0.8);
	color:#222;
	padding:4px;
	margin:-4px;
	border-radius:2px;
	-moz-border-radius:2px;
}

/* 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:7px;
	line-height:32px;
	display:flex;
	align-items:center;
}

.footer_btn_region {
	border-right:1px solid #243c91 !important;
}

.footer_btn_region_l {
	float:right;
	border-left:1px solid #243c91 !important;
}