body { 
	margin:0; 
	padding:0; 
	text-align:center; 
	background: #00062F;
	font-family: 'Poppins', sans-serif;
	font-size: 100%;
	color:#ffffff}

#container { margin: 0 auto;
	width: 990px;
	text-align: left;
	}

* { font-family: 'Poppins', sans-serif !important;}

#header { height: 50px; padding-top: 10px; color:#6C9BFD;}
#header h1 {color:#6C9BFD; padding:0; margin:0;}

#nav { padding: 8px 0px 5px 0px; text-align:left; color:#999999; font-size: 14px; }
#nav a{ color:#FFF; text-decoration:none;}
#nav a:hover { color: #000; text-decoration:underline;}

h3, h1, h2 {color: #6C9BFD;}
#mainArea {
	text-align:left;
	font-size: 85%;
	padding: 20px 10px; min-height: 300px;}
	
#mainArea ul li {list-style: square;}	
	
#mainArea h1 {font-size: 180%;}	
#mainArea h2 {font-size: 160%;}	
#mainArea h3 {font-size: 140%;}
label {/* color: #6C9BFD/*/ }	
#footer { font-size: 65%; text-align:center; padding: 2px 2px 4px 2px; color:#6C9BFD; clear:both; }
#footerInner { padding: 10px; margin: 0 auto; text-align:left;}
#footerInner a {color:#6C9BFD;}

input[type='text'], input[type='password'], textarea {border: 1px solid #6C9BFD !important; padding: 12px; background: #050E47 !important; color:#fff !important; border-radius:  0 !important;}
select {border: 1px solid #6C9BFD;  background: #050E47 !important; color:#fff !important; }  /*select, option, option:checked*/
input[readonly].datepicker, input[readonly].birthpicker {border: 1px solid #6C9BFD;  background: #050E47; color:#fff; } 

::placeholder {
  color: white;
  opacity: 0.31; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: white;
}

input[type='text'].error, input[type='password'].error, select.error, textarea.error {border: 1px solid red !important; /*background: #FFE1E7 !important;*/}
/*.message, .ewmsg, label.error, .message a, .ewmsg a { color:#FF0000;}*/
label.error { display: inline; color: #FF0000;}
input, textarea, select {font-family: 'Poppins', sans-serif;}

#btnAction, #btnUpload {background: #31EADB; padding:  15px; text-transform: uppercase; border-radius: 30px; color: #003; font-weight: bold; font-size: 150%; border: none;}
#btnUpload {font-size: 120%;}
#btnAction:hover, #btnUpload:hover {text-decoration: underline;}


optgroup option {color: #999;}


        .btn-gebo {text-shadow: 0px -1px 0px #004f6f;color:#fff;background-color:#006d8d;background-image:-moz-linear-gradient(top, #1e8bab, #004f6f); background-image: -ms-linear-gradient(top, #1e8bab, #004f6f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e8bab), to(#004f6f)); background-image: -webkit-linear-gradient(top, #1e8bab, #004f6f); background-image: -o-linear-gradient(top, #1e8bab, #004f6f); background-image: linear-gradient(top, #1e8bab, #004f6f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e8bab', endColorstr='#004f6f', GradientType=0); border-color: #006D8D #004f6f #004f6f #006D8D; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
        .btn-gebo:hover, .btn-gebo:active, .btn-gebo.active, .btn-gebo.disabled, .btn-gebo[disabled] {background-color: #004f6f}
        .btn-gebo:hover {color:#fff;text-shadow: 0px -1px 0px #003151}
        .btn-gebo:focus {color: #fff;-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #006D8D #004f6f #004f6f #006D8D; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
        .btn-gebo.active, .btn-gebo:active { background-image: none;-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #64d1f1; }

input.inline { display: inline; }
label.inline { display: inline; line-height: 220%;}

.orangeHeading { margin-bottom: 10px;}
.box {
	border: 1px solid #6C9BFD;
	padding: 12px;
	background: #050E47;
	
}
hr  { margin: 50px 0;}
h3 { margin-bottom: 25px;}


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

	#btnUpload { font-size: 80%; padding: 5px; border-radius: 10px;}
	.box { margin-bottom: 20px;}
	hr  { margin: 30px 0;}
	
	#EditingContainer { margin-top: 380px;}
	
	.row>*:nth-of-type(1) { padding-bottom: 1.5rem;}
	.row>.col { padding-bottom: 0;}
/*	.row.mb-4 { margin-bottom: 0 !important;}*/
}