*{
	margin:0;
	padding:0;
}
.logo img{
   height:40px;
}
.card-body h5{
	font-size:14px;
	font-weight:550;
	/*text-align:center;*/
	margin:0 15px ;
	margin-bottom:auto;
	color:#00396b;
}
.card-body p{
	margin:0 15px;
	font-size:12px;
}
/*.panel-body{
	box-shadow: 2px 2px 2px 2px #ccc;
}*/
.card-body{
	padding:10px;
}
/*.panel-body:hover{
	background:#0074d263;
  	color:#fff;
  	box-shadow:3px 3px 3px 3px #fff;
}*/
.vertical-align-upper{
	background:#ccc;
}
.page-content{
	margin-top:120px;
  width:100%;
}
.login-btn{
 background: #00366c;
 border-radius:25px;
}
.navbar-brand .btn{
	margin-left: 1150px;
	background:#00346c;
	color:#fff;
	border-radius:25px;
}




.icon{
  width:80px;
}
.from_info{
  /*border: 2px solid #003774;*/
  border-bottom-right-radius: 80px 80px;
  border-top-right-radius: 80px 80px;
  border-top: 2px solid #003774;
  border-right: 2px solid #003774;
  border-bottom: 2px solid #003774;
  border-left: 2px solid #003774;
  margin:25px 0px 0px 25px;
  height:45px;
}

.bg-circle {
  aspect-ratio: 1 / 1;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  font-size: 20vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle {
	height:43px;
	width:45px;
	display: block;
	padding: calc(50% - 2px) 0;
	line-height: 0;
	border-radius: 50%;
	background-size: cover;
	background-position: 50%;
	border: solid 2px #0172d2;
	/*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);*/
	transition: all 0.2s ease-in;
	margin-top: 17px;
    margin-left: -55px;
    margin-right: 20px;
   }
	.circle:hover {
		cursor: pointer;
		border-color:#0172d2;
		filter: grayscale(60%);
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	}
}