.informacion, .suceso, .error {

font-family: 'open sans';
font-size: 20px;
margin: 10px auto;
Border-radius:10px;
  color:#000;
}
.msg{

  margin: 0px;
  color: #f2f2f2;
}

.informacion {
  background-color: #F7F79C; /* encontrar el amarillo para dejar */
  border:1px solid transparent;
  margin: 0px;
  padding: 20px;
  Border-radius:10px;
  font-size: 20px;
}
.suceso {
  background-color: #a4e276; 
  border:1px solid transparent;
  margin: 0px;
  padding: 20px;
  Border-radius:10px;
  font-size: 20px;

}
.error {
  background-color: #ff0c38; 
  border:1px solid transparent;
  color:#f2f2f2;
  margin: 0px;
  padding: 20px;
  Border-radius:10px;
  font-size: 20px;
}
.msg i{
  font-size: 1.5em;
  margin-top: 2px;
}

.confirmar {
  /*H. estilo para la caja de confirmacion*/
  background-color: #fafafa;
  border: solid 2px #ccc;
  width: 50%;
  text-align: justify;
  font: 15px Helvetica, Arial, sans-serif;
  height: 220px;
  position: absolute;
  top: 120px;
  left: 25%;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 5px 5px 10px #8e8e8e;
  z-index: 999;
}


.suspendido {
  display: none;
}



.form2 .btn3 {
  /*H. estilo para botones de caja de confirmacion*/
  float: right;
  padding: 6.5px;
  background-color: #f2f2f2;
  color: #2E9AFE;
  margin-right: 6px;
  font-size: 18px;
  border: 1px solid #2E9AFE;
  font-weight: bold;
  border-radius: 4px;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.confirmar .titulo {
  color: #FF8000;
}

.confirmar .titulo_box {
  color: #FF8000;
}

.confirmar .titulok{
  color: #5fd604;
  padding-bottom: 0px;
}

.confirmar .tituloInfo{
  color: #2E9AFE;
  padding-bottom: 0px;
}

.confirmar hr{
  margin-top: 0px;
}
.confirmar p{
  width: 100%;
  padding: 0px;
  margin: 0px;
}

/*---------------------------------------------calificacion estrellas--------------------------------------------*/
#calificacion {
  margin: 0 auto;
}

#calificacion p {
  text-align: center;
}

#calificacion label {
  font-size: 20px;
}

#calificacion input[type="radio"] {
  display: none;
}

#calificacion label {
  color: grey;
}

#calificacion .clasificacion {
  direction: rtl;
  unicode-bidi: bidi-override;
}

#calificacion label:hover,
#calificacion label:hover ~ label {
  color: orange;
}

#calificacion input[type="radio"]:checked ~ label {
  color: orange;
}