/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Open Sans", sans-serif;
}

textarea{
	resize:none;
}

.panel{
	border-color:#072C53;
}

.panel .panel-heading{
	text-align:center;
	font-size:16px;
	background-color:#0E3252;
	color:#ffffff;
	padding:5px;
}

.header-row {
	background-color: #0E3252;	
}

.header-row .head-logo{
	float:left;
	padding-left:30px;
}

.header-row .head-title{
	text-align:right;
	vertical-align:middle;
	float:right;
	padding-right:30px;
    color:#ffffff;
	font-size:24px;
}

@media screen and (max-width: 575px){
.header-row .head-logo{
	width:100%;
	text-align:center;
	padding-left:0px;
 }
 .header-row .head-title{
	width:100%;
	text-align:center;
	padding-right:0px;
 }
 	
}

.header-bottom{
	background-color:#5A768D;
	text-align:right;
	padding-right:30px;
	color:#ffffff;
	font-size:14px;
}

.menu-card{
	position:relative;
	margin-top:20px;
	padding:40px;
	text-align:center;
	
}

.menu-col{
	padding:10px; 
	margin:10px 0 0 0; 
	background-color:#FFFFFF
	
}
.menu-col .panel .panel-heading{

	text-align:left;
	font-size:16px;
	background-color:#0E3252;
	color:#ffffff;
}

.menu-col .list-group-item {
    padding: 10px 10px;
	font-size: 13px;
}

.menu-col a:link, a:visited {
  display:block;	
  text-decoration: none;
  color:#0E3252;
}


.menu-col a:hover {
  display:block;	
  text-decoration: none;
  color: brown;
}

.menu-col li:hover{
  background-color:#FBA90A;
}

.main-content{
	padding:10px; 
	margin:10px 0 0 0; 
	background-color:#FFFFFF
}


.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  text-align:center;
  padding:20px;
}

.card span{
	color:#0E3252;
	font-size:200px;
}

.card a:link{
	text-decoration:none;
}

.card a:hover{
	text-decoration:none;
	color:orange;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

@media screen and (max-width: 575px){
	.card span{
		color:#0E3252;
		font-size:100px;
	}
}


.std-login-form{
	padding: 60px 0 0 0;
}

.std-login-form h3{
	text-align: center;
	font-size: 20px;

}

.main-content .label-display{
	text-align:right;

}

@media (max-width: 575px){
.main-content .label-display{
	text-align:left;
}
}