html {
	height: 100%;
	background-color: #ccccff;
}

body {
	height: 100%;
	
	background: #ffffff;

	color: #000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 12px;
	
	padding: 0;
	margin: 0;
	
}

h1 {
    font-family: 'Gloria Hallelujah', cursive;
}

input, select, textarea {
    font-family: 'Source Sans Pro', light, sans-serif;
	background-color: white;
	color: black;
	border: 1px solid black;
	font-size: 12px;
}



a {
	color: black;
}



.errorMessage {

}




.clear {
	clear: both;
}



#loginbox {
	left: 50%;
/*
	margin-left:-301px;
	margin-top:-151px;
*/
	position:absolute;
	top:50%;
}



#dashbar {
    background: #ff00cc;
    padding: 4px;
    text-align: right;
    position: relative;
}



#page_layout {
    display:flex;
    flex-direction: row;
    justify-content: start;
    position: fixed;
}



#navbar_container {
    width: 220px;
    height: 100vh;
    position: static;
    background-color: #a0a0a0;
}

#navbar {
    position: fixed;
    padding: 4px;
    margin-right: 20px;
}

#navbar ul {
	list-style: none;
}

#navbar ul li {
	margin-bottom: 4px;
	margin-left: -30px;
}

#navbar a {
	color: black;
}


#content_area {
    padding: 4px 20px 4px 0;
    position: relative;
    width: calc(100vw - 284px);
    overflow: auto;
    left: 20px;
    right: 20px;
    top: 4px;
    bottom: 4px;
}



.form_question_field {
	font-weight: bold;
}

.form_question_field_required {
	font-weight: bold;
	text-decoration: underline;
}



.table, .table th, .table td {
    border: 1px solid black;
    border-collapse: collapse;
}

.table th, .table td {
    padding: 4px;
}

.table th {
	background-color: #ccc;
}



.table_form {
}



.table_row1 {
	background-color: #fff;
}

.table_row2 {
	background-color: #eee;
}