/* NOTES */

/* This document contains core styles for the application template. Removing reference to this file will revert the application back to bootstrap defaults */
/* It should be referenced AFTER bootstrap */

/*

font-weight: 300 (= light)
font-weight: 400 (= regular)
font-weight: 500 (= medium)

*/

/* Core HTML styling */
html, body {
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	padding: 0;
}
body {
}
* {
	font-family: 'Roboto', Arial, Verdana;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	color: #555759;
}
footer {
	width: 100%;
	background-color: #f1f1f1;
	border-top: 1px solid #ccc;
	padding: 10px 0;
}


h1, h2, h3, h4, div.bodyHeaderText {
	/* banner blue */
	color: #000000;
}
h5, h6, div.bodySubHeaderText {
	/* dark grey */
	color: #333;
}
h1 {
	font-size: 48px;
	font-weight: 300;
	line-height: 1.2;
}
h2 {
	font-size: 36px;
	font-weight: 300;
	line-height: 1.3;
}
h3, div.bodyHeaderText {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.4;
}
h4 {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.4;
}
h5, div.bodySubHeaderText {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
}
h6 {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
}

a, a:link, a:active, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

label {
	font-weight: 400;
}

#body_content {
	min-height: 30vh;
}

/* Font styling */
.red {color: #ff0000;}
.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.italicize {font-style: italic;}
*.tinyText {font-size: smaller !important;}
.green {color: #4c6a00;}

.alert-environmentText {

	margin: 20px;
	background-color: #f2dede;
	color: #ff0000;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	border: 5px dashed red;
    box-shadow: -8px 8px 4px 0px#cfcfcf ;
    text-shadow: -4px 4px #cfcfcf;

}
label.requiredFieldLabel::after{
	content: ' *';
	color: red;
}
.requiredFieldHighlight {
	border: 1px solid #ff0000;
	background-color: #ffcecf;
}
.spanMini {
	max-width: 50px;
}

.button-group {
	margin: 10px;
}
.button-group button, .button-group a, .button-group input[type=submit] {
	margin-right: 10px;
	margin-bottom: 2px;
}


/* Media (viewport size) overriddes */
@media screen and (max-width: 768px) {


}

@media screen and (max-width: 990px) {

	* {
		font-size: 12px;
	}

}