﻿@import url(//fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100);
/* ******************** */
/* Basic Layout         */
/* ******************** */
body {
	font: 15px 'Raleway', sans-serif;
	margin: 0;
	padding: 0;
}
.hideAtStart {
	display: none;
}
#systemMessage,
.warning-message {
	background-color: maroon;
	border-radius: 10px;
	color: white;
	font-weight: bold;
	font-size: 14pt;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	text-shadow: 0 1px #333;
	width: 100%;
}
#waiting {
	background-color: white;
	height: 100% !important;
	left: 0;
	opacity: 0.8;
	padding-top: 100px;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 20000;
}
/* ******************** */
/* Validation           */
/* ******************** */
.validation-message {
	background-color: white;
	color: red;
	font-size: 12pt;
}
	.validation-message ul {
		/* remove indentation */
		margin-left: 10px;
		padding-left: 10px;
	}
	.validation-message li {
		/* remove indentation */
		margin-left: 0;
		padding-left: 0;
	}
/* ******************** */
/* Generic Classes      */
/* ******************** */
@media print {
	.noprint {
		display: none;
	}
}
.bottom10 {
	margin-bottom: 10px;
}
.bottom20 {
	margin-bottom: 20px;
}
.top10 {
	margin-top: 10px;
}
.top20 {
	margin-top: 20px;
}
.red {
	background-color: maroon;
	border-radius: 4px;
	color: white;
	padding: 4px;
}
.yellow {
	background-color: yellow;
	border-radius: 4px;
	color: black;
	padding: 4px;
}
.green {
	background-color: darkgreen;
	border-radius: 4px;
	color: white;
	padding: 4px;
}
label {
	display: block;
	margin-bottom: 4px;
	padding-top: 4px;
}
select:required,
input[type=text]:required,
input[type=email]:required,
input[type=number]:required,
input[type=password]:required {
	border-color: blue;
}
.required {
	border-color: blue;
}
.required-failed {
	border-color: red !important;
}
/* ******************** */
/* Basic Layout Classes */
/* ******************** */
.modal-header {
	background-color: gray;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: white;
	font-weight: normal !important;
	text-shadow: 0 1px #333;
}
.site-map-path {
	background-color: gray;
	border-radius: 10px;
	color: black;
	font-size: 11pt;
	margin-bottom: 10px;
	padding: 8px;
}
	.site-map-path a {
		color: white !important;
	}
.information {
	background-color: lightgoldenrodyellow;
	border-radius: 10px;
	box-shadow: 1px 1px gainsboro;
	color: darkgray;
	padding: 10px;
}
.panel-collapse-header {
	cursor: pointer;
}
.dashed {
	border-bottom: dotted 1px blue;
	color: blue;
	cursor: pointer;
	text-decoration: none;
}
.basic-labels {}
	.basic-labels label {
		display: inline;
		/* margin: 0; */
		padding: 0 0 0 4px;
	}
.required-notice {
	background-color: #d9534f;
	border-radius: 4px;
	color: white;
	display: inline;
	font-size: 9pt;
	padding: 2px 4px 2px 4px;
	/* position: absolute; */
	text-shadow: 0 1px #333;
	/*
	-ms-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
	*/
	/*z-index: 1045; /* bootstrap modal is 1050 */
	/* top and left are set through script */
}
.panel-heading a,
.panel-heading a:hover,
.panel-heading a:focus,
.panel-heading a:active {
	text-decoration: none !important;
}
.header-info {
	background-color: gainsboro;
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 10px;
}