/**************************************
STATIC LAYOUT CSS
**************************************/
/*
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*/

html,
body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

/*Container is the whole page*/
#container {
	min-height:100%;
	position:relative;
}

#header {
	padding: 1px;
	text-align: center;
}

#header-wrapper {
	max-width: 1024px;
	margin: auto;
}

.logo {
	float:left;
	margin-right: 20px;
}


/*Body contains everything, except the footer*/
#body-main {
	padding-bottom:90px;	/* Height of the footer */
}

#footer {
	color: white;
	position: absolute;
	bottom:0;
	width:100%;
	height:90px;			/* Height of the footer */
}

#footer-top {
	width:100%;
}

#footer-bottom {
	width:100%;
	position: absolute;
	bottom:0;
	padding-top: 7px;
	padding-bottom: 7px;
}

#footer-top-wrapper {
	max-width: 1024px;
	margin: auto;
	padding: 0;
	font-size: 0.6em;
}

#footer-bottom-wrapper {
	max-width: 1024px;
	margin: auto;
	padding: 0;
	font-size: 0.6em;
}

.boxwrapper {
	max-width: 1024px;
	min-height: 100px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border: 2px solid rgba(66,66,66,0.8);
	border-radius: 10px;
}

.no-bottom-margin{
	margin-bottom:0!important
	}
.no-top-margin{
	margin-top:0!important
	}

.page-title {
	clear: both;
	text-align: center;
}

.flex-container {
	display: flex;
	flex-direction: row;
}
.sidebar {
	width: 300px;
	padding: 10px;
}

.page-content {
	padding: 10px;
}

.box-content {
	padding: 10px;
}

.result-msg {
	width: 95%;
	margin: auto;
	margin-bottom:10px;
	text-align: center;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

.table-result {
	margin:20px 20px 20px 20px;
	text-align: left;
	font-size: 0.8em;
}

.table-head {
	background-color:#003366;
	color:#ffffff;
}

.table-edit {
	background-color:#eeeeff;
}

.top-content {
	margin-left:20px;
	margin-right:20px;
}

/**************************************
GENERAL STYLES
**************************************/
h1,
h2,
.button a {
	font-family:'Raleway', sans-serif;
}

.button a {
	font-weight:500;
}

h1 {
	/* font-size:2.8em; */
	font-weight:600;
}

h2 {
	/* font-size:1.7em; */
	color:#0c4d58;
	font-weight:500;
}

h3 {
	/* font-size:1.3em; */
	font-weight:bold;
	color:#0590a8;
	font-family:Arial,sans-serif;
	margin:.4em 0;
}

h4 {
	color:#0c4d58;
	font-weight:bold;
	font-family:Arial,sans-serif;
	margin:0;
}

/**************************************
HYPERLINKS WITHOUT UNDERLINE
**************************************/
a.no-underline,
a.no-underline:hover,
a.no-underline:active {
	text-decoration:none;
	border:none;
	transition:none;
}

/**************************************
TOP BAR STYLES
**************************************/
.top-bar {
	margin: 0;
	margin-bottom: 25px;
	padding: .8em;
	overflow: hidden;
	text-align: center;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

/**************************************
TOP BAR NAVIGATION MENU CSS
**************************************/
.top-menu {
	max-width: 1024px;
	margin: auto;
}

.top-menu ul {
	list-style-type: none;
	margin: 0;
	padding: .5em;
	overflow: hidden;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.top-menu li {
	float: left;
}

.top-menu li a {
	display: block;
	text-align: center;
	padding: 6px 16px;
	margin: 0px 5px;
	border-radius: 8px;
	text-decoration: none;
}

/*
li a:hover:not(.active) {
	background-color: #001144;
}

.active {
	background-color: #ff9900;
}
*/

/**************************************
FORM ELEMENTS CSS
**************************************/

input, textarea, select {
	border-radius: 7px;
	border: 1px solid;
	outline: none;
	padding: .5em;
}

.logonbox {
	width: 250px;
	height: auto;
	overflow: auto;
	padding:10px;
	border: 1px solid #c5c5c5;
	/* background: #f8f8f8; */
	background: #eeeeee;
	margin: 0 auto;
}		

input.required {
	box-shadow: 0 0 3px #CC0000;
}

.button-rounded {
	border: none;
	border-radius:8px;
	padding: .5em 3.5em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}

/**************************************
Additional styles for fontawesome icons
**************************************/
.fa {
	text-decoration: none;
	margin-left:2px;
	margin-right:2px;
}

.fa-edit,
.fa-key,
.fa-undo,
.fa-plus,
.fa-plus-square,
.fa-eye-slash {
	color:#000000;
}

.fa-eye {
	color:#0000cc;
}
.fa-save {
	color:#00bb00;
}

.fa-trash {
	color:#ff0000;
}