/*Fun begins*/
.tab_container {
	width: 100%;
	margin: 0;
	padding-top: 0;
	position: relative;
}

input, section {
  clear: both;
  padding-top: 10px;
  display: none;
}

label {
  font-weight: 700;
  font-size: 14px;
  display: block;
  float: left;
  width: 18%;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #757575;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  background: #e6edf1;
}
.table > thead > tr > th{
    background-color: #90b5c7;
    color: #616161;
    font-size: 16px;
    text-transform: uppercase;
}
.table > tbody > tr > td{
    color: #616161;
    font-weight: 500;
    font-size: 14px;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6 {
  display: block;
  padding: 20px;
  background: #fff;
  color: #999;
  border-bottom: 2px solid #f0f0f0;
  width:88.5%;
}

.tab_container .tab-content p,
.tab_container .tab-content h3 {
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;
}
.newpass{
    width: 45%;
}

.tab_container [id^="tab"]:checked + label {
  background: #fff;
  box-shadow: inset 0 3px #0CE;
}

.tab_container [id^="tab"]:checked + label .fa {
  color: #0CE;
}

label .fa {
  font-size: 1.3em;
  margin: 0 0.4em 0 0;
}

/*Media query*/
@media only screen and (max-width: 930px) {
  label span {
        font-size: 11px;
  }
  label .fa {
    font-size: 14px;
  }
    label{
        padding: 5px 0px;
    }
}

@media only screen and (max-width: 768px) {
  label span {
    
  }

  label .fa {
    font-size: 16px;
  }

  .tab_container {
    width: 98%;
  }
    label{
       width: 33.3%;
    
    }
}
#centro {
    width:210px;
    height:212px;
    position:relative;
    top:50%;
    left:50%;
    margin-left:-106px;
}