/*.embed:focus { 
  outline: none;
}

#embed{
	width: calc(100% - 100px); 
	height:calc(100% - 100px);	
	font-size: -webkit-calc(100% + 30px);
	
	}

*/
.tab{
	background-color: #f6f9fc; 
}


.buttonall {
  padding: 0px 4px;
  text-align: center;
  color: #525f7f;
  text-decoration: none;
  display: inline-block;
  font-size:14px;
 font-weight: bold;
  transition-duration: 0.4s;
  cursor: pointer;
}


.b1 {
  background-color: #f6f9fc; 
  color: #525f7f; 
   border: 2px solid #f6f9fc;
   
/* width:300px;*/
 }

.b1:hover {
  background-color: white;
 color: #525f7f;
}



.b2 {
  background-color: #f6f9fc; 
  color: #525f7f; 
   border: 2px solid #f6f9fc;
  /* width:500px;*/
   /* width: calc(80.94% - 100px);
*/  

}

.b2:hover {
  background-color: white;
 color: #525f7f;
}




.b21 {
  background-color: #f6f9fc; 
  color: #525f7f; 
   border: 2px solid #f6f9fc;
/*   width:500px;*/
/*    width: calc(80.94% - 100px);
     margin-left: 303px;
    margin-right: 2px;
    margin-top: 1px;
*/
  }

.b21:hover {
  background-color: white;
 color: #525f7f;
}



.b3 {
  background-color: #f6f9fc; 
  color: #525f7f; 
   border: 2px solid #f6f9fc;
/* width: calc(33.33% - 100px);
     
       margin-left: 303px;
    margin-right: 2px;
    margin-top: 1px;
*/}
.b3:hover {
  background-color: white;
 color: #525f7f;
}

.b4 {
  background-color: #f6f9fc; 
  color: #525f7f; 
   border: 2px solid #f6f9fc;
/*width: calc(33.33% - 100px);
     
       margin-left: 0px;
    margin-right: 2px;
    margin-top: 1px;
*/    
 }

.b4:hover {
  background-color: white;
 color: #525f7f;
}

.b5 {
  background-color: #f6f9fc; 
  color: #525f7f; 
   border: 2px solid #f6f9fc;
/*   width: calc(32.67% - 100px);
    
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1px;
*/ }

.b5:hover {
  background-color: white;
 color: #525f7f;
}