body {
    font-family: Arial;
    width: 600px;
}

 .confondo {
   background-color: #def;
 }

.form-container-index {
//    background: #f1ecdf;
    background: #ffffff;
    border: #ffffff 0px solid;
    padding: 20px;
    border-radius: 10px;
}
.form-container {
    background: #f1ecdf;
    border: #e2ddd2 0px solid;
    padding: 20px;
    border-radius: 10px;
}
.form-container-2 {
    background: #fff;
    border: #e2ddd2 0px solid;
    padding: 20px;
    border-radius: 10px;
}
.input-row {
    margin-bottom: 20px;
}
.input-row label {
    color: #75726c;    
}

.input-field {
    width: 100%;
    border-radius: 3px;
    padding: 10px;
    border: #e0dfdf 1px solid;
    box-sizing: border-box;
    margin-top: 2px;
	background-color: #ffffff;
	font-size: large;
}
.span-field {
    font: Arial;
    font-size: large;
    text-decoration: none;
}

.btn-submit {
    padding: 10px 60px;
    background: #9e9a91;
    border: #8c8880 1px solid;
    color: #ffffff;
    font-size: 1.5em;
    border-radius: 0px;
    cursor: pointer;
}

.errorMessage {
    background-color: #e66262;
    border: #AA4502 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 3px;
}

.successMessage {
    background-color: #9fd2a1;
    border: #91bf93 1px solid;
    padding: 5px 10px;
    color: #3d503d;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.9em;
}

.info {
    font-size: .8em;
    color: #e66262;
    letter-spacing: 2px;
    padding-left: 5px;
}

select {
  -webkit-appearance: none; /* Quita el estilo por defecto en Safari/Chrome */
  -moz-appearance: none; /* Quita el estilo por defecto en Firefox */
  appearance: none; /* Quita el estilo por defecto en otros navegadores */
  background-color: transparent; /* Esto hace que el fondo de la lista desplegable sea transparente */
  color: black; /* Cambia el color del texto de la lista desplegable */
}