body {
	font-family: Arial;
	background: #d9eef5;
}

.container {
    background: white;
}

/* Style the tab */
.tab {
    border-bottom: 1px solid;
    left: 0px;
    margin-bottom: 25px;
}


/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

.tab button {
    border-right: 1px solid #3b87ac;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.tablinks {
    background: #d4e8f2;
	font-weight: bold;
	text-decoration: underline;
    border-bottom: 3px #d4e8f2 solid;
    border-top: 5px white solid;
}

.tab button.active {
    background-color: #3c4d6f;
    color: white;
    border-bottom: 3px #07b3e8 solid;
    border-top: 5px #3c4d6f solid;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

.tabcontent.active{
    display:block;
}

.container{
	padding: 0px;
}

.bann{
	margin-bottom: 20px;
	padding: 0px;
}

.tabcontent legend {
    color: #3C4D6F;
    margin-top: 15px;
    font-size: 25px;
    font-weight: bold;
}

.errM{
	color: red;
	font-weight: bold;
}



.container {
    padding-bottom: 25px;
}