html {
  width: 100%;
}

body {
  overflow-x: hidden !important;
}

/* Hide everything under body tag */
body.show-spinner > *{
  opacity: 0;
}

/* Spinner */
body.show-spinner::before{
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border-top-color: rgba(0, 0, 0, 0.3);
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: fixed;
  z-index: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

.bgcolor-azul,
.bgcolor-azul:hover,
.bgcolor-azul:focus,
.bgcolor-azul:active,
.bgcolor-azul.active,
.bgcolor-azul:active:focus,
.bgcolor-azul:active:hover,
.bgcolor-azul.active:focus,
.bgcolor-azul.active:hover {
    background-color: #1984f9;
    color: #FFFFFF;
    text-align: center;
    /*font-weight: 600;*/
    font-size: 13px;
}

.bgcolor-azul:focus,
.bgcolor-azul:active,
.bgcolor-azul:hover {
    cursor: pointer;
    background-color: #0B62C0;
    box-shadow: 0 14px 26px -12px rgba(25, 132, 249, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(25, 132, 249, 0.2);
}


.bgcolor-gris,
.bgcolor-gris:hover,
.bgcolor-gris:focus,
.bgcolor-gris:active,
.bgcolor-gris.active,
.bgcolor-gris:active:focus,
.bgcolor-gris:active:hover,
.bgcolor-gris.active:focus,
.bgcolor-gris.active:hover {
    background-color: #919191;
    color: #FFFFFF;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
}

.bgcolor-gris:focus,
.bgcolor-gris:active,
.bgcolor-gris:hover {
    /*cursor: pointer;*/
    background-color: #7a7a7a;
    box-shadow: 0 14px 26px -12px hsla(0,0%,60%,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px hsla(0,0%,60%,.2);
}



.bselect:focus,
.bselect:active,
.bselect:hover {
    border-color: rgba(20,83,136,.7);
}



.btnNuevaCita:hover{
  cursor: pointer;
  /*background-color:#1984f9;*/
  background-color:rgba(25, 132, 249, 0.75);
}

.conborderojo{border: solid 1px #E20303;}
.rojoAlerta{color: #E20303}
.conborde{border: solid 1px #1984f9; border-radius: 5px;}
.conbordeTop{border-top: solid 4px #1984f9;}
.conbordepurple{border: solid 1px #9c27b0; border-radius: 5px;}
.conbordegris{border: solid 1px #d7d7d7; border-radius: 5px;}
.conbordegrisgrupo{border: solid 1px #d7d7d7; padding-left: 20px}
.modal-open .container-fluid, .modal-open  .container {
    -webkit-filter: blur(5px) grayscale(90%);
}

.cajaCantidadTotal{
  text-align:center;
  font-weight: bold; 
  font-size: 40px; 
  line-height: 0;
  margin: 40px 0; 
}

.ng{
  font-weight: 600;
}

.ng7{
  font-weight: 700;
}

.colorconsulta{
background-color: #DDF7F7;
}

.colorsaldo{
background-color: #EBF7DD;
}

.btnBg{
    cursor: pointer;
    color: #fff;
    background-color: #0f3d64;
    border-color: #0f3d64;
}

/*.calSelected{
  background-color:#1984f9;
}
*/



.calSelectedColor {
  
}



.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: 0.5;
}
.hr-text:before {
  content: '';
  background: linear-gradient(to right, transparent, #818078, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: black;
  padding: 0 0.5em;
  line-height: 1.5em;
  color: #818078;
  background-color: #fcfcfa;
}

.textoCentrado{
  margin: 0px auto;
  text-align: center;
  font-size: 11px;
  background-color: rgba(42, 147, 213, .1);

}

.link{
  cursor: pointer;
}

.pdficono{
  display: block;
  text-indent: -9999px;
  margin: 0;
  width: 20px;
  height: 20px;
  background: url(../img/pdf.svg) no-repeat center;
  background-size: contain;
}
/*.fixed-top-h {

    position: fixed;
    top: 80px;
    right: 0;
    left: 0;
    z-index: 1030;

}*/

.mb-14px{
  margin-bottom: 14px
}
.mb-13px{
  margin-bottom: 13px
}
.mb-12px{
  margin-bottom: 12px
}
.mb-11px{
  margin-bottom: 11px
}
.mb-10px{
  margin-bottom: 10px
}

.cajacodigo{
  text-align:center;
  font-weight: bold; 
  font-size: 60px; 

  height: 90px;
}

.mpadding{
  padding: none;
  padding-left: .1em;
  padding-right: .1em;
}
.oculto{
  display: none;
  visibility: hidden;
}




.centrado {
    text-align: center;
    align-content: center;
}

#ticket {
    width: 255px;
    max-width: 155px;
}

img {
    max-width: inherit;
    width: inherit;
}

@media print {
    .oculto-impresion,
    .oculto-impresion * {
        display: none !important;
    }
}