BODY
{
background-color:#454a4f;
overflow-x:hidden;
font-family:Roboto,Arial,sans-serif;
font-size:16px;
color:#444;
}

SECTION
{
margin: 0 auto !important;
width:100% !important;
}

.btn
{
outline:none !important;
}

.bgwhite
{
background-color:#FFF !important;
}

.btn-success { 
  color: #ffffff; 
  background-color: #86d404; 
  border-color: rgba(88, 132, 16, 0.4); 
  background-image:none !important;
} 
 
.btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success { 
  color: #ffffff; 
  background-color: #84c90b; 
  border-color: rgba(88, 132, 16, 0.4); 
  background-image:none !important;
} 
 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success { 
  background-image: none; 
} 

.btn-success:active:focus
{
  color: #ffffff; 
  background-color: #84c90b; 
  border-color: rgba(88, 132, 16, 0.4); 
  background-image:none !important;
}
 
.btn-success.disabled, 
.btn-success[disabled], 
fieldset[disabled] .btn-success, 
.btn-success.disabled:hover, 
.btn-success[disabled]:hover, 
fieldset[disabled] .btn-success:hover, 
.btn-success.disabled:focus, 
.btn-success[disabled]:focus, 
fieldset[disabled] .btn-success:focus, 
.btn-success.disabled:active, 
.btn-success[disabled]:active, 
fieldset[disabled] .btn-success:active, 
.btn-success.disabled.active, 
.btn-success[disabled].active, 
fieldset[disabled] .btn-success.active { 
  background-color: #86d404; 
  border-color: rgba(88, 132, 16, 0.4); 
}


 
.btn-success .badge { 
  color: #86d404; 
  background-color: #ffffff; 
}

#heading 
{
background-color: #f7f7f7;
height: 50px;
box-sizing: border-box;
padding-top: 5px;
}

#title H1 
{
font-family: 'Roboto Condensed',Arial,sans-serif;
text-align: center;
color: #444;
}

#title H1::after 
{
content: "";
display: block;
margin: 0 auto;
width: 90%;
padding-top: 20px;
border-bottom: 1px solid black;
}

#title 
{
padding-left: 50px;
padding-right: 50px;
}

#foot 
{
font-family: 'Roboto',Arial,sans-serif;
color: #CCC;
background-color: #454a4f;
padding-top: 30px;
text-align:center;
}

#foot H2 
{
text-transform: uppercase;
font-size: 19px;
font-weight: bold;
font-family: 'Roboto Condensed',Arial,sans-serif;
}

#foot .stacked A 
{
display: inline-block;
margin-bottom: 4px;
}

#foot A 
{
color: #CCC;
text-decoration: none;
border-bottom: 1px solid rgba(255,255,255,0);
}

#foot A:hover, #foot A:focus 
{
color: #EEE;
border-bottom: 1px solid #EEE;
}

#foot .beside 
{
margin-top: 20px;
border-bottom: 1px solid #CCC;
padding-bottom: 7px;
margin-bottom: 7px;
}

#foot .beside A 
{
display: inline-block;
margin-right: 10px;
}

#foot #copyright 
{
font-size: 10px;
}

#err
{
text-align:left;
font-size:13px;
font-family:Arial,sans-serif;
color:#C00;
}

.form-control.err
{
border:1px solid #C00;
border-right:5px solid #C00;
}

/* SMARTPHONE */
@media only screen and (max-width:767px)
{

	SECTION.container
	{
	overflow:hidden;
	}


}

/* WIDESCREEN */
@media (min-width: 1000px)
{
	.container
	{
	width: 1000px !important;
	}
	
}