@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
body {
	margin:0;padding:0;
	font-family: 'Roboto Slab', serif;	font-size: 13px;	color: #000000;
}
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}

/*BOOTSRAP OVERWRITE*/
.row {
	margin-top: 5px; margin-bottom: 5px;
}
h1 {
	font-size:150%;
	padding:4px;margin:0;
}
.pageheader {
	background: #026270;
	border-bottom: solid 2px #0391a6;
	padding: 3px;
	width: 100%;
}
.side_bar div {border-bottom: dotted 1px #3781a4;padding:3px 6px;}
.side_bar div:hover, .side_bar div.active {	background:#045f72;	border-bottom: dotted 1px #3781a4;padding:3px 6px;}
.side_bar_contact {border-bottom: dotted 1px #3781a4;padding:3px 6px;}
.side_bar ul {list-style: none; margin:0; padding:0;}
.side_bar li { margin:0; padding:0;border-bottom: dotted 1px #3781a4;}
.side_bar li ul li{list-style: none; margin:0; padding:0 0 0 8%;border-bottom: dotted 1px #3781a4;}
.side_bar li:last-child{border-bottom: none}
.sidebar {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #f1f1f1;
}
.sidebar a {
	display: block;
	color: #333;
	padding: 6px 10px;
	text-decoration: none;
	border: solid 1px #999999;
	border-top: none;
}
.sidebar a.active {
	background-color: #04AA6D;
	color: white;
}
.sidebar a span{
	padding-right: 5px;
}
.sidebar a:hover:not(.active) {
	background-color: #555;
	color: white;
}
.searchdiv {
    padding: 5px;background: linear-gradient(180deg, rgba(155,155,0,0.5), rgba(155,155,0,0.3));
}
/*colleft, colright classes are for sidebar and body contents*/
.colleft {
	padding-left:0;padding-right:0;
}
.colright {
	padding-left:0;padding-right:0;
}
.padleft0 {
	padding-left:0;
}
.padright0 {
	padding-right:0;
}
.maincontent {
	min-height: 500px;
}
.content_header {
	background: #2c5561;
	border-bottom: #393;
	padding: 2px 0;
	color: white;	
}
.bodycontent {
	padding:5px 20px 5px 5px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 4px;
    line-height: 140%;
}
.correct {
	color: #FFFFFF;font-weight: bold;text-align: center;	
	width:50%; height: 50px; left:25%; top:1px; position:absolute;padding: 22px 0 0 0;border: 1px solid #04C903;
	-webkit-border-radius:7px;	-moz-border-radius:7px;	border-radius:7px;background-color: #026e08;
	-moz-box-shadow: 1px 1px 1px #04C903;	-webkit-box-shadow: 1px 1px 1px #04C903;	box-shadow:1px 1px 1px #04C903;	
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#03cb0d), to(#026e08));
	background: -webkit-radial-gradient(circle, #03cb0d, #026e08);background: -moz-radial-gradient(circle, #03cb0d, #026e08);
	background: -ms-radial-gradient(circle, #03cb0d, #026e08);
}
.error {
	color: #FFFFFF;font-weight: bold;text-align: center;	
	width:50%; height: 50px; left:25%; top:1px; position:absolute;padding: 22px 0 0 0;border: 1px solid #2a0300;
	-webkit-border-radius:7px;	-moz-border-radius:7px;	border-radius:7px;background-color: #a61105;
	-moz-box-shadow: 1px 1px 1px #e61505;	-webkit-box-shadow: 1px 1px 1px #e61505;	box-shadow:1px 1px 1px #e61505;	
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#e61505), to(#a61105));
	background: -webkit-radial-gradient(circle, #e61505, #a61105);background: -moz-radial-gradient(circle, #e61505, #a61105);
	background: -ms-radial-gradient(circle, #e61505, #a61105);
}
div.pagination {
	padding: 3px;	margin: 3px;
}
div.pagination a {
	padding: 2px 5px 2px 5px;	margin: 2px;	border: 1px solid #CCCCCC;	
	-webkit-border-radius:3px;	-moz-border-radius:3px;	border-radius:3px;
	text-decoration: none; 	color: #FFFFFF; background: #911602;
}
div.pagination a:hover, div.pagination a:active {
	 background: #CCCCCC;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;margin: 2px;	background: #FFFFFF;border: 1px solid #CCCCCC;
	-webkit-border-radius:3px;	-moz-border-radius:3px;	border-radius:3px;	
	color: #911602;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;margin: 2px;	border: 1px solid #CCCCCC;
	-webkit-border-radius:3px;	-moz-border-radius:3px;	border-radius:3px;
	color: #999999;
}
.btn-osoupink {
	color:#fff;
	background-color:#ff009c;
	border-color:#9b005f
}
.btn-osoupink.focus, .btn-osoupink:focus {
	color:#fff;
	background-color:#dd0388;
	border-color:#9b005f
}
.btn-osoupink:hover {
	color:#fff;
	background-color:#dd0388;
	border-color:#9b005f
}
.btn-osoupink.active, .btn-osoupink:active, .open>.dropdown-toggle.btn-osoupink {
	color:#fff;
	background-color:#dd0388;
	background-image:none;
	border-color:#9b005f
}
.btn-osoupink.active.focus, .btn-osoupink.active:focus, .btn-osoupink.active:hover, .btn-osoupink:active.focus, .btn-osoupink:active:focus, .btn-osoupink:active:hover, .open>.dropdown-toggle.btn-osoupink.focus, .open>.dropdown-toggle.btn-osoupink:focus, .open>.dropdown-toggle.btn-osoupink:hover {
	color:#fff;
	background-color:#dd0388;
	border-color:#9b005f
}
.btn-osoupink.disabled.focus, .btn-osoupink.disabled:focus, .btn-osoupink.disabled:hover, .btn-osoupink[disabled].focus, .btn-osoupink[disabled]:focus, .btn-osoupink[disabled]:hover, fieldset[disabled] .btn-osoupink.focus, fieldset[disabled] .btn-osoupink:focus, fieldset[disabled] .btn-osoupink:hover {
	background-color:#feaddf;
	border-color:#fc52ba
}
 @media screen and (max-width: 700px) {
.pageheader {
	height: auto;
}
.sidebar {
	width: 100%;
	height: auto;
	position: relative;
}
.sidebar a {
	float: left;
	width: 33%;
}
div.content {
	margin-left: 0;
}
.maincontent {
	min-height: 300px;
}
}
 @media screen and (max-width: 400px) {
.pageheader {
	height: auto;
}
.sidebar a {
	text-align: center;
	float: none;
	width: 100%;
}
.maincontent {
	min-height: 300px;
}
}