* {
  padding: 0;
}

.display-errors {
  color: #a94442;
  border-color: #ebccd1;
}

display-success {
  color: #3c763d;
  border-color: #d6e9c6;
}

/*Small devidce*/
/*Device large*/
@media only screen and (min-width: 769px) {
  #heading_infomateria .informacion-periodo {
    background-color: #fff;
    padding: 6px 10px;
    margin: 0px;
    text-align: center;
    color: #000;
    font-size: 26px;
    font-weight: bolder;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
  }
}

#info_modales .editarMateria .modal-body button span {
  font-size: 16px;
  margin-right: 10px;
}

#info_modales .editarMateria .modal-body #form_edit_info input.materia_update {
  background-color: #db1d36;
  color: #fff;
  border-color: #db1d36;
}

#info_modales .editarMateria .modal-body #form_edit_info input.materia_update:hover {
  background-color: #fff;
  color: #db1d36;
  border-color: #db1d36;
}

@media only screen and (max-width: 768px) {
  #info_modales .editarMateria .modal-content {
    width: 100%;
  }
}

@media only screen and (min-width: 769px) {
  #info_modales .editarMateria .modal-dialog {
    margin-left: 100px;
  }
}

@media only screen and (min-width: 769px) {
  #info_modales .editarMateria .modal-content {
    width: 120%;
  }
}

/*Small devices*/
@media only screen and (max-width: 768px) {
  .informacion-periodo {
    background-color: #fff;
    padding: 6px 10px;
    margin: 0px;
    text-align: center;
    color: #000;
    font-size: 26px;
    font-weight: bolder;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
  }
}