input[type=text],input[type=password] {
  border: none;
  border-bottom: 2px solid #222;
}

input[type=tel] {
  border: none;
  border-bottom: 2px solid #222;
}
input[type=date] {
  border: none;
  border-bottom: 2px solid #222;
}

input[type=number] {
  border: none;
  border-bottom: 2px solid #222;
}



.myheader{
	background-color: #0c3061;
	color: #ffffff;
	padding-left: 4px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 1px;
	margin-top: 10px;
	font-weight: bold;
	border-radius: 0.3rem;
}
.body2{
	background-color: #0c3061;
}
.body3{
	 background-color: #fff!important;
	 padding: 10px;
	 margin-top: 18px;
	 color: #222;
	  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2);
	  border-radius: 0.3rem;
}

.navbar{
	background-color: #0c3061;
	color: #fff;
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2)
}
.nav-tabs{
	color: #555555;
}
.bg-blue2 {
  background-color: #0c3061!important;
}

a.bg-blue2:hover, a.bg-dark:focus,
button.bg-blue2:hover,
button.bg-blue2:focus {
  background-color: #0c3061!important;
}



div.info-box2 {
  width: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;

 
}
div.info-box3 {
  width: auto;

  text-align: center;

 
}
.info-box {
  width: 270px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  background-color: #0c3061;
  color: #fff;
 
}
.footer2 {
	color: #fff;
  margin-top: 1px;
  margin-bottom: 0px;
  bottom: 0;
  width: auto;
  height: auto; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #0c3061;
}

.rotate{
 

  -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */
  transition: width 2s, height 2s, transform 2s;
}

.rotate:hover {
  width: 200px;
  height: 200px;
  -webkit-transform: rotate(180deg); /* Safari */
  transform: rotate(180deg);
}