/* ================= */
/* ---- General ---- */
/* ================= */

body {
	/*background-color: #222;
	background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%),
	linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%),
	linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%),
	linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);
	background-size: 13px, 29px, 37px, 53px;*/
	/*background: rgb(67,67,67) url('../img/dark_wood.jpg') fixed;*/
	background: #f9f9f9;
}
h3 {
	text-decoration: underline;
	font-style: italic;
	color: #BABABA;	
}
h4 {
	text-decoration: underline;
}
.well { 
	background: #eaeaea;
	border: 1px solid #D3D3D3;
}
.invisible {
	display: none;
	visibility: hidden;
}
.pending-color { background-color: #888888; }
.offer-color { background-color: #FFFF00; }
.order-color { background-color: #33CC00; }
.lost-color { background-color: #FF0000; }
.postponed-color { background-color: #66FFFF; }
.declined-color { background-color: #663300; }
.pbSpan {
	font-weight: bold;
	text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
}
#logout { text-align: center; }
#logout > * { margin: 1em 0; }
#logout, #logout h1 {
	margin: 0 auto;
	font-family: 'Satisfy', cursive, sans-serif;
}
.logo-div img {
	float: left;
	width: 4em;
}
.logo-div h1 {
	font-family: 'Satisfy', cursive, sans-serif;
	color: #005A79;
    letter-spacing: 4px;
    text-shadow: 0 0 5px;
    line-height: 0.8em;
}
.page-title {
	font-style: oblique;
	font-size: 1.8em;
}
.date-title {
	font-style: oblique;
}

/* ============== */
/* ---- Home ---- */
/* ============== */

.chartStations {
	border: solid thin #bbb;
	border-radius: 2em;
	margin: 0.5em 0;
	height: 750px;
	overflow: scroll;
}
.alerts-title {
	border-radius: 4px;
	background-color: #fff;
	padding: 6px;
	color: #AAA !important;
	text-decoration: none;
}
.alert table {
	border: solid thin #bbb;
}
.homeChart {
	margin: 0.5em 0;
}
.homeChart .highcharts-container {
	border: solid thin #bbb;
	border-radius: 4px;
}

/* ================ */
/* ---- Tables ---- */
/* ================ */
thead tr {
	 background-image: linear-gradient(#FFFFFF, #EEEEEE 50%, #E4E4E4);
    background-repeat: no-repeat;
    border: 1px solid #D5D5D5;
    filter: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
   background-color: #eaeaea;
}
.table-striped tr:hover {
	box-shadow: 0 0 5px #3F99F3;
}
h4.text-success,
h4.text-danger {
	text-decoration: none;
}
.alerts label.btn {
	border-radius: 2em;
}
th {
	font-variant:small-caps;
}
#chartDynamic {
	margin-bottom: 1em;
}
.table-container {
	max-height: 20em;
	overflow: scroll;
	/*background-color: #fff;*/
	margin-bottom: 1em;
	border-radius: 4px;
}
.table-container tr {
	cursor: pointer;
}

/* ====================== */
/* ---- Info classes ---- */
/* ====================== */

.infoBad {
	color: #CC1C1C;
	text-shadow: 1px 1px 2px #3F3F3F;
	font-size: 1.5em;
}
.infoGood {
	color: #3EAD2B;
	text-shadow: 1px 1px 4px lime;
	font-size: 1.5em;
}
.text-danger {
	font-style: italic;
}

/* =================== */
/* ---- Main Menu ---- */
/* =================== */

#mainMenu {
	width: 100%;
}
.dropdown-menu a {
	-webkit-transition: 200ms ease-in-out;
	 -moz-transition: 200ms ease-in-out;
	 -ms-transition: 200ms ease-in-out;
	 -o-transition: 200ms ease-in-out;
	 transition: 200ms ease-in-out; 
}	
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	background-color: #428BCA;	
}

/* =============== */
/* ---- Forms ---- */
/* =============== */

legend {
	font-weight: bold;
}

.datePicker {
	cursor: pointer !important;
}

#splitForm .form-group {
	float: left;
	width: 28em;
}

#loginForm {
	width: 40em;
	margin: 13em auto 0 auto;
	background: url('../img/loginlogo.png') #f5f5f5 no-repeat top;
	padding-top: 7em;
	background-position: 50% 0.4em;
	box-shadow: 0px 0px 10px #005a79;
}

/* =============== */
/* ---- Modal ---- */
/* =============== */

#myModal .modal-header {
	border-bottom: solid thin rgb(229, 229, 229);
}