/* Estilos form gral */

.zform1container {  
  color: black;
  background-color: #acb3b3;
  padding: auto;
  box-shadow: 5px 5px 5px gray;
  width:100%;
  display: flex; 
  flex-direction: column;     
}

.zform1 {  
  color: black;
  background-color: white;
  padding: auto;
  box-shadow: 5px 5px 5px gray;
  display: flex; 
  flex-direction: row;   
  justify-content:space-between;
}

.bloque50
{
	background: #acb3b3;
	margin: 15vh auto;
  width: 60vw;
	padding: 5px;	
  border-radius: 4px;
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
	display: flex;
  flex-direction: column;    
}

.bloquemedio
{
	background: #acb3b3;
	margin: 5px;
  width: 25vw;
	padding: 5px;	
  border-radius: 4px;
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2);
	display: flex;
  flex-direction: column;    
}

.bandav{
  background-color: #fff;
  padding: 10;
  display: flex;
  flex-direction: column;  
}

.bandah{
  background-color: #fff;
  padding: 10;
  display: flex;
  flex-direction: row;
  justify-content: left;
}

.bandaj{
  background-color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  padding: 5;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
}

.bandajr{
  background-color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  padding: 5;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.bandaspc{
  background-color: #fff;
  height: 5px;
  width:100%
}

.editparhorizontal{
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  flex-direction: column;
}

.errormsg{
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: tomato;
  text-align: center;
  width: 50vw;
}

.titulo1{
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.titulo2{
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.editlabel{
  margin-left: 4;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  text-align: left;
  font-weight: 800;
  color: rgb(3, 0, 0);    
}

.editlabelright{
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  text-align: left;
  font-weight: 800;
  color: rgb(3,0,0);
  text-align: right;  
}

.zform1 .editboxlower{
  margin-left: 4;
  padding: 0, 3, 0, 0;  
  display: flex;
  flex-direction: row;
}

.zform1 .editboxlower input {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  display: block;
  
  border: 0;
  border-bottom: 1px solid #747474;
  outline: none;
  -webkit-transition: all .2s;
  transition: all .2s;  
}

.zform1 .editboxlower input:focus {
  border-color: #222;  
}

.zform1 .editboxupper{
  margin-left: 4;
  padding: 0, 3, 0, 0;  
  display: flex;
  flex-direction: row;
}

.zform1 .editboxupper input {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color:black;
  display: block;  
  border: 0;
  border-bottom: 1px solid #747474;
  outline:none;
  -webkit-transition: all .2s;
  transition: all .2s;  
  text-transform: uppercase;
}

.zform1 .editboxupper .editboxlower input:focus {
  border-color: #222;
}


.box0 {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
  font-style: normal;
  font-variant: normal;
  font-weight: bold;	
  font-size: 14px;
  border-radius: 5px;
  width: 100%;
  height: 32px;
  padding: 5px;
  background: #778ca3;
}

.box0 a:link  {color:#FFFFFF; text-decoration:none;}
.box0 a:visited  {color:#FFFFFF; text-decoration:none;}
.box0 a:active {color:#FFFFFF; text-decoration:none;}
.box0 a:hover{color:#FFFFFF; text-decoration:underline;}

.modalcontainer {
  position: absolute;  
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index:1100;
  display: none;  
}

.modalback{    
  position: relative; 
  width: 100vw;
  height: 100vh; 
  padding: 10px;
  z-index: 1101; 
  display: flex;
  align-items:center;
  justify-content: center;
}

.modalfront {
  background-color: white;  
  z-index:1102;  
  display: block;
}

.hint1 {
font-family: 'Roboto', sans-serif;
background: rgb(199, 193, 193);
color:#221f1f;
font-family:Arial;
font-size:11px;
padding:3px 12px;
text-align: inherit;
}

.hint2 {
  font-family: 'Roboto', sans-serif;
  background: rgb(199, 193, 193);
  color:#221f1f;
  font-family:Arial;
  font-size:11px;  
  }