.profile-setting-img {
    height: 140px !important;
    background-image: url('/build/images/profile-bg.jpg');
    margin-top: 7px;
}

.overlay-content{
    left: 10px !important;
}
.tx-danger{
    color: #dc3545;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #4b38b3; /*#0069d9;*/
    color: #FFF;
}

.form-control:read-only{
    background-color: var(--vz-tertiary-bg);
}

.hombre {
  background-image: url('/plataforma/img/fichaTecnicaHombre.svg');
}

.mujer {
  background-image: url('/plataforma/img/fichaTecnicaMujer.svg');
}

.table>thead {
  text-transform: uppercase !important;
}

#capa_registrar_asistencia{
  margin-bottom: 10px;
  margin-top: 10px;
}

.margin_right{
  margin-right: 20px;
}

.margin_left{
  margin-left: 20px;
}

.capa_botones{
  margin-top: 20px;
}

.logoEmpresa{
  max-height: 150px;
  max-width: 280px;
}

#cart-total{
  font-weight: bolder;
  font-size: large;
}

.derecha{
  text-align: right;
}

.izquierda{
  text-align: left;
}

.centrar{
  text-align: center;
}

.fieldset{
  border: solid 1px;
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.legend{
  width:auto;
  float: none;
}

.fontGrande{
  font-size: 15px;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 10000;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 400px;
  }

.choices.is-invalid .choices__inner {
    border-color: red;
}
/*input[type="text"] {
    caret-color: black;
}

input[type="text"]:hover {
    caret-color: black;
    color: black;
}*/