.cabecera{
    height: 100px;
}

d-none{

    display:none;
}

#formCalendario  div input{
    margin-bottom: 10px;
}

.ui-state-holiday .ui-state-default {
    color: red;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
    
}



.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}


.autocomplete-items {
  position: absolute;
  overflow: auto;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}
#formCalendario input[type="text"]{
    width: 200px;
    display: inline-block;

}
#formCalendario input[type="number"]{
    width: 150px;
    display: inline-block;

}
#formCalendario label{
    width: 100px;
    display: inline-block;
    font-weight:    bold;
}

#formWaitingList label{
    font-weight: bold;
    
}
.trClientHover:hover{
    background-color:darkgray !important;
    color:white;
    
}

.lineThrough {
/*    background-color: red !important;*/
    text-decoration: line-through !important;


}



.blinkSpanRed {
  -webkit-animation: blinkRed 1s infinite;  /* Safari 4+ */
  -moz-animation: blinkRed 1s infinite;  /* Fx 5+ */
  -o-animation: blinkRed 1s infinite;  /* Opera 12+ */
  animation: blinkRed 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes blinkRed {
  0%, 49% {
    background-color: #dc3545;
    opacity: 0.6;

  }
  50%, 100% {
    background-color: #dc3545;
    opacity: 1;
  }
}

.blinkSpanYellow {
  -webkit-animation: blinkYellow 1s infinite;  /* Safari 4+ */
  -moz-animation: blinkYellow 1s infinite;  /* Fx 5+ */
  -o-animation: blinkYellow 1s infinite;  /* Opera 12+ */
  animation: blinkYellow 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes blinkYellow {
  0%, 49% {
    
      background-color: #ffc107;
      opacity: 0.6;
  }
  50%, 100% {
    
    background-color: #ffc107;
    opacity: 1;
  }
}

.botoneraOpciones a{
    font-size:0.8em;
    font-weight: bold;
    color:white;
    margin-left: 2px;
    margin-top: 2px;
    min-width:80px;
}

#formQRLinks table th, td{
    
}

#formQRLinks table tr, td{
    vertical-align: middle !important;
}

.textAreaTwilio{
    width: 100% !important;
    
}
#tablaHoras{
    margin: 0 auto;
    text-align: center;
    margin-top:20px;
}
#tablaHoras input{
    width: 50px;
    margin-right: 7px;
    margin-left: 7px;
    padding: 2px;
    font-size:0.9em;
    font-weight: bold;
 
    
}

.blinkDark {
  -webkit-animation: blinkDark 1s infinite;  /* Safari 4+ */
  -moz-animation: blinkDark 1s infinite;  /* Fx 5+ */
  -o-animation: blinkDark 1s infinite;  /* Opera 12+ */
  animation: blinkDark 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes blinkDark {
  0%, 49% {
    
      background-color: #343a40;
      opacity: 0.6;
  }
  50%, 100% {
    
    background-color: #343a40;
    opacity: 1;
  }
}

.textBlackBlink {
  -webkit-animation: textDark 1s infinite;  /* Safari 4+ */
  -moz-animation: textDark 1s infinite;  /* Fx 5+ */
  -o-animation: textDark 1s infinite;  /* Opera 12+ */
  animation: textDark 1s infinite;  /* IE 10+, Fx 29+ */
  background-color: #dc3545;
}

@-webkit-keyframes textDark {
  0%, 49% {
    
      color: black;
      opacity: 0.6;
  }
  50%, 100% {
    
    color: black;
    opacity: 1;
  }
}