body{
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
}
.pulse-transporte{
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #C0392B;
    cursor: pointer;
    box-shadow: 0 0 0 #E6B0AA;
    animation: pulse 1s infinite;
}

keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #E6B0AA;
  }
  70% {
      -webkit-box-shadow: 0 0 0 100px #E6B0AA;
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
.navbar .nav-link{
  line-height: 68px;
}
.nav-link{
  cursor: pointer;
}

.table-calc td{
  overflow: hidden;
  white-space: nowrap;
  max-width: 150px;
}
/*
#CONTENIDO-PAG{
  position: absolute;
  top:70px;
  left:0px;
  width:100%;
  height: calc(100vh - 70px);
  overflow-y: scroll;
}
*/

.navbar-default{
  position: fixed;
  width: 100%;
  margin: 0 0 405px 0;
}
.MED input:focus-within,.MED select:focus-within,.MED textarea:focus-within {
  background-color: #0277BD!important;
  color: #fff!important;
}
.form-autocomplete{
  border-radius:8px;
  margin-bottom: 1px;
}
.form-autocomplete:focus{
  outline: 0;
}
.sugerencias{
  width: 97%;
  border-radius: 0px 0px 8px 8px;
  position: relative;
  background: #fff;
  border: 1px solid #c3c3c3;
  position: absolute;
  z-index:9;
}
.sugerencia{
  width: 100%;
  padding: 5px;
  border-bottom: 1px solid #c3c3c3c3;
}

.sugerencia.active{
  background:#4e73df;
  color:#fff;
}
.sugerencia:hover{cursor:pointer}
.sugerencias .sugerencia:last-child{
  border:none;
}
.swal2-container.swal2-shown {
  z-index: 99999999;
}
.modal{
  z-index:99999999;
}

table {
  border-collapse: collapse;
  border-style: hidden!important;
}
.nicescroll-cursors{
  z-index: 9999;
}

.firma{
  position: relative;
}
.firma button{
  position:absolute;
  top:0px;
  right:0px;
}

.jSignature{
  background-color:#FCF3CF!important;
}
.jSignature:hover{
  cursor: url('iconos/pencil.png') ,auto;
}


.card{
  border:0px;
  width: 100%;
}

#cont-grf {
  max-width: 98%;
  margin: 1% 1%;
}

.card-body{
  position: relative;
  width: 100%;
}

.dropdown-toggle:hover{
  cursor: pointer;
}
a.pointer{
  text-decoration: underline!important
}
.pointer:hover{
  cursor:pointer;
}
.card-top{
  top:0;
  position: absolute;
  width: 100%;
  height: 150px;
}
.card-con-top{
  padding-top:80px;
}

#th-sede {
  z-index:9999;
  position: sticky;
  top: 0;
}

#b-pqrs {
  background-color: #d3eaf2;
}

#tr-pqrs:hover td {
  background-color: #6a99b4;
}

#td-pqrs {
  z-index:9999;
  background-color: #d3eaf2;
}

#td-pqrs:hover {
  background-color: #6a99b4;
}

#tr-pqrs:nth-child(even){
  background-color: #a8d5e5;
}

#td-pqrs:nth-child(even) {
  background-color: #a8d5e5;
}

#t-tiempo tr th{
  border-bottom: 5px solid #96b9dd;
}

#t-tiempo {
  text-align: center;
  background-color: #d3eaf2;
}

#t-tiempo tr:nth-child(even) {
  background-color: #a8d5e5;
}

#t-tiempo tr:hover {
  background-color: #6a99b4;
}



.table thead th{
  text-align: center;
  font-weight: bold;
  border-bottom: 5px solid #96b9dd;
  z-index:999;
}

.bb{
  border-bottom: 1px solid #dee2e6;
}
.select-multiple{
  height: 250px!important;
}
.select-multiple option{
  float:left;
  margin:10px;
  border-radius: 4px;
  text-transform:lowercase;
  min-width: 15%;
  text-align: center;
  font-size: 10pt;
}
option:checked{
  box-shadow: 0 0 0 2px #3498DB;
  color:#fff;
}
option:selection{
  background:#3498DB;
  color:#fff;
}
.select-multiple optgroup{
  display: block;
  width: 100%;
  overflow: auto;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 14pt;
}
.list-group-item{
  cursor:pointer;
  font-weight: 300;
}
.list-group-item.active{
  font-weight: bold;
  background-color: rgba(0,0,0,.125);
}
.dp{
  width:100%;
  height: 20vh;
  margin:0 auto;
  padding: 10px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 4vh;
  text-align: center;
  margin-bottom: 5px;
}
.dp small{
  font-weight: 300;
  font-size: 2vh;

}
.dp-blue{
  background-color: #0277BD;
  color: #fff;
}
.dp-warning{
  background-color: #FF6F00;
  color:#fff;
}
.dp-danger{
  background-color: #dc3545;
  color:#fff;
}


.contenido{
  width:100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.img-previa{
  width:200px;
}
.tp{
  padding: 2vh;
  width: 100%;
  height: 56px;
  border-bottom: 1px solid rgba(0,0,0,.125);
}
.contenedor-alimento{
    width:100%;
    overflow-x: auto;
    white-space: nowrap;
}
.alimento{
  border-radius:4px;
  padding:5px;
  display:inline-block;
  transition:padding .2s;
  margin-right:5px;
}
td .alimento{
  padding: 2px;
  display: block;
  margin: 0px;
  margin-bottom: 2px;
}
.proteina{
  background-color:#E74C3C;
 color:#fff;
}
.cereal{
  background-color:#FBE0A6;
 color:#292827;
}
.sopa{
  background-color:#F1C40F;
 color:#292827;
}
.acompanamiento{
  background-color:#D68910;
  color:#292827;
}
.ensalada{
  background-color: #A0DA00;
  color:#000;
}
.fa-plus:hover{
  cursor:pointer;
}
.bebida{
  background-color:#3498DB;
  color:#fff;
}

.alimento .fas{
  line-height:17px;
}
.alimento:hover{
  cursor:pointer;
  padding:9px;
}
.small-text{
  font-size:10pt;
}
.ct-h{
  width:100%;
  border-bottom:1px solid #dee2e6;
  padding:10px;
  box-sizing: border-box;
  font-weight:bold;
}

.table-sm td,.table-sm th{
  font-size: 8pt;
}
.col{
  position: absolute;
  width:33.33%;
  height: 100%;
  top:0px;
}
.a{
  left:0px;
  border-right:1px solid rgba(0,0,0,.125);
}
.b{
  left:33.33%;
  border-right:1px solid rgba(0,0,0,.125);
}
.c{
  left:66.66%;
}
.tp h4{
  font-weight: 300!important;
}
.ct{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height: calc(100% - 56px);
  overflow-y: scroll;
}
.ctb{
  position: absolute;
  bottom: 0px;
  left:0px;
  height: 56px;
}
.cl{
  width:20%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  display: inline-block;
}
.cra{
  position: absolute;
  right:0px;
  top:0px;
  width:80%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

.cf{
  width:100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}


.izq-filter{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 80px;
  height: 100%;
  border-right:1px solid rgba(0,0,0,.125);
  padding-left:10px;
  text-align: center;
  z-index:99999;
}
.flecha{
  font-size:18px;
}
.icon-izq{
  font-size: 20px;
  cursor: pointer;
  margin-left:-5px;
}
.izq-filter hr{
  margin-left: -10px;
}
.navbar{
  z-index:9;
}
.izq-pqrs{
  overflow-x: hidden;
  overflow-y:scroll;
  left:0px;
  top:70px;
  position:absolute;
  width:35%;
  height:calc(100% - 70px - 76px);
  background-color: #fff;
  box-sizing: border-box;
}
.der-pqrs{
  right:0px;
  top:70px;
  position:absolute;
  width:65%;
  height:calc(100% - 70px - 76px);
  overflow-x: hidden;
  overflow-y: scroll;
  background-image:url(images/patron.jpg);
  background-size:cover;
  box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.4);
}
.top-filter{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height: 56px;
  border-bottom: 1px solid rgba(0,0,0,.125);
}
.div_busqueda{
  width:100%;
  height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #F2F4F4;
}
.equipos-table{
  left:0px;
  top:128px;
  width: 100%;
  height: calc(100% - 72px - 60px);
  position: absolute;
  overflow-y: scroll;
}
.toolbar{
  width:100%;
  height: 56px;
  border-bottom:1px solid #F2F4F4;
}
.contenido2{
  left:0px;
  top:162px;
  width: 100%;
  height: calc(100% - 162px);
  position: absolute;
  overflow-y: scroll;
}
.equipos-table div{
  margin:0 auto;
}
.table--no-card th{
  background:#333;
  padding:5px;
  color:#fff;
  font-weight: 300;
  font-size: 14px;
}
.menu-sidebar canvas{
  width:100%;
  height: 100%;
  position:absolute;
  bottom: 0px;
  left: 0px;
  z-index:-10;
  opacity:.4;
}
.side-right{
  position:fixed;
  right:0px;
  top:0px;
  height: 100%;
  width:40%;
  background-color: #fff;
  box-shadow: -10px 0px 10px 1px #aaaaaa;
  z-index: 999;
}
.header-desktop::after{
  content: "";
  background:url();
  background-size:100% 100%;
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
.ng-touched.ng-invalid{
  border-color: #dc3545;
}
.ng-valid{
  border-color: #28a745;
}

.dropdown-item{
  cursor: pointer;
}
.fc-right{
  margin-top:8px;
  margin-right:4px;
}
.big-link{
  font-size:18px;
  font-weight: bold;
}

.oculto #sideleft{
  width:0px;
}
.oculto #contenido_principal{
  left:0px;
  width:100%;
}
#contenido_principal{
  position: absolute;
  top:57px;
  left: 251px;
  height: calc(100% - 56px);
  width: calc(100% - 251px);
  transition: width,left 1s;
}
.panel-cargando{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height: 100%;
  background-color: rgba(255,255,255,.7);
  z-index:999;
}
.panel-cargando .spin{
  position: absolute;
  font-size: 50px;
  top:50%;
  left: 50%;
  margin-left:-25px;
  margin-top:-25px;
}
.tr-hover:hover{
  cursor: pointer;
}
.tr-hover:hover .acciones{
  opacity: 1;
}
.anotacion{
  display: block;
  width:100%;
  background:#ffc;
  border-bottom: 1px solid #F0B27A;
  vertical-align: top;
  text-align: justify;
  font-size: 10pt;
  padding:.5em;
}

.anotacion-header{
  margin-bottom: 10px;
  display: block;
  width:100%;
}
.anotacion-header time{
  font-style: italic;
}
.anotacion-user{
  width:20%;
}
.anotacion-user span{
  display: block;
}
img.anotacion-user{
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.anotacion-body{
  width:80%;
}
/*
.table-anotacion{
  width: 100%;
  border-collapse: collapse;
}
.table-anotacion th{
  color:#fff;
  padding:5px;
  background-color: #292827;
  border:none;
}
.table-anotacion td{

}
*/
tr.vencida td,tr.cerrada td,tr.cerrada2 td{
  position: relative;
}

tr.vencida td:first-child:after,tr.cerrada td:first-child:after,tr.cerrada2 td:first-child::after{
  content: "";
  position: absolute;
  width:10px;
  height: 100%;
  left:0px;
  top:0px;
  border-bottom: 1px solid silver;
}
tr.vencida td:first-child:after{
  background-color: #E74C3C!important;
}
tr.cerrada td:first-child:after{
  background-color: #3498DB;
}
tr.cerrada2 td:first-child::after{
  background-color: #27AE60;
}

.table-comanda{
  color:#fff;
  font-size:18pt;
  font-family: 'Amatic SC', cursive;
font-family: 'Neucha', cursive;
}
.table-comanda td{
  font-size: 20pt;
  font-weight: bold;
}
/*.table-hover tbody tr:hover{background-color:#3498DB!important;color:#fff!important;}*/

.table-comanda tbody tr:hover{
  background-color:#000!important;
}
.backbg{
  position: fixed;
  top:0px;
  left: 0px;
  width:100vw;
  height: 100vh;
  background-color: rgba(0,0,0,.125);
  z-index:2;
  display: none;
  transition: display .3s;
}
.backbg-show{
  display: block;
}
.backbg-hide{
  display: none;
}
.email-compose{
  position: fixed;
  bottom: 0px;
  right:16pt;
  width:40%;
  height: 90%;
  border:1px solid #D5D8DC;
  border-radius:8px 8px 0px 0px;
  background-color: #fff;
  display: none;
  z-index:99;
}

.email-compose .cabecera{
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
  background-color: #000;
  color:#fff;
  padding: 10px;
  box-sizing: border-box;
  border-radius:8px 8px 0px 0px;
}
.destinatario span{
  width:20%;
}
.email-compose .destinatario{
  display:block;
  width:100%;
  padding: 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #D5D8DC;
}
.email-compose .destinatario input{
  border: none;
  width:80%;
  height: 30px;
}
.destinatario .form-control{
  display:inline-block;
  width:70%;
  margin-left:auto;
}
.email-compose .cabecera .fas{
  cursor:pointer;
}
.email-compose .cuerpo{
  position: absolute;
  top:125px;
  left:0px;
  width: 100%;
  height: calc(100% - 180px);
  border-bottom: 1px solid #D5D8DC;
  overflow-y: scroll;
  text-align: justify;
}
.cuerpo p{
  font-size: 8pt;
}
.cuerpo .editor{
  width:100%;
  min-height: 40%;
  padding: 10px;
  box-sizing: border-box;
}
[contenteditable=true]:empty:before{
  content: attr(placeholder);
  color:#566573;
  display: block; /* For Firefox */
}
[contenteditable=true] h6{
  font-size: 14pt;
}
[contenteditable]:focus {
  outline: 0px solid transparent;
}
.acciones{
  opacity: 0;
  transition:opacity .5s
}

.cuerpo .pie{
  padding: 10px;
  width:100%;
  display:block;
}
.cuerpo .acciones *{
  color:#566573;
}
.activo{
  color:#76FF03
}
.inactivo{
  color:#C62828
}
.email-compose .herramientas{
  position:absolute;
  bottom: 0px;
  left:0px;
  width:100%;
  height: 50px;
  padding: 5px;
  box-sizing: border-box;
}
.herramientas .fas{
  cursor:pointer;
  background-color: #333;
  border-radius:50%;
  padding:10px;
  width:40px;
  height: 40px;
  color:#fff;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.herramientas .fas input{
  position: absolute;
  top:0px;
  left:0px;
  width:40px;
  height: 40px;
  opacity: 0;
}
.acciones .ac{
  background:rgba(0,0,0,.2);
  border-radius: 50%;
  padding:5px;
  width:40px;
  height:40px;
  font-size:14px;
  text-align: center;
  cursor: pointer;
  color:#333;
}
.dropdown-toggle::after {
  display:none;
}
.nav-tabs .nav-link {
  border-top:0px;
  border-radius:0px;
}
.btn{
  position: relative;
}
.table-hover tbody{
  cursor:pointer;
}
.table-bordered{
  border-style: solid!important;
}
.table-revelar{
  position: relative;
  z-index:3;
}

tr.active td{
  color:#fff;
  border:none;
}
#holder-revelar{
  display:none;
  position: absolute;
  overflow: hidden;
  z-index:2;
}
.revelar{
  transform-origin: 50% 50%;
  background-color: #4e73df;
  position: absolute;
  top:0px;
  left:50%;
  width: 0%;
  height: 100%;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation-name: revelar;
  animation-fill-mode: forwards;
  border-radius: 50%;
}
.row-med.active .revelar{
  display:block;
}
@keyframes revelar{
  from{
    width:0%;
    left:50%;
    height: 100%;
  }
  to{
    left:-100%;
    top:-100%;
    width:300%;
    height: 300%
  }
}

.badge2{
  background-color: #0277BD;
  width: 100%;
  min-height: 30px;
  border-radius: 8px;
  padding: 5px;
  box-sizing: border-box;
  display: block;
  font-size: 8pt;
  color:#fff;
  position: relative;
}
.badge img{
  width: 32px;
  background: white;
  padding: 5px;
  border-radius: 50%;
}

.table {
  color: #020202;
}
.drop-zone{
  width:100%;
  min-height:400px;
  position: relative;
  background: white;
  width: 100%;
  height: 400px;
  border: 1px solid #e9e9e9;
  display: flex;
  align-items: center;
  transition: all .5 linear;
}
.drop-zone .progreso{
  position:absolute;
  bottom: 0px;
  left:0px;
}
.is-dragover{
  border: 2px dashed #2196F3;
}
.is-upload{
  background-color:#0277BD
}
.is-dragover .soltar{
  opacity: 1;
}
.drop-zone h1{
  transition: all 1 linear;
  width: 100%;
  color:#2196F3;
}
.soltar{
  opacity: 0;

}
th{
  text-transform: uppercase;
}
td b{
  text-transform: uppercase;
}
tr.seleccionada td{
  background-color: #B7950B!important;
  color:#fff
}
tr.proxima-vencer td{
  background-color: #ec6d52 !important;
  color:#fff
}
.badge3{
  background-color: #B7950B;
}
.badge2 span{
  position: relative;
  left:0px;
  top:0px;
  width:80%;
  display:inline-block;
  text-overflow:hidden;
}
.link{
  font-size: 8pt;
  text-decoration: underline;
  cursor: pointer;
}
.badge2 i{
  width:20%;
  height:20px;
  position: absolute;
  right:0px;
  top:0px;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
}
.circle-times{
  background-color: #C62828;
  color:#fff;
  border-radius: 50%;
  cursor: pointer;
  padding: 10px;
  box-sizing: border-box;
}
.btn-primary{
  background-color: #3498DB;
}
.badge-primary{
  background-color: #3498DB;
}
.btn input{
  width:100%;
  height: 100%;
  position: absolute;
  top:0px;
  left:0px;
  opacity: 0;
}
.dia{
  transition: background .3s;
}
.tabla-alimentos td{
  vertical-align: top;
  font-size: 8px;
}
.enter{
  background-color: #FAD8A1!important;
}

@media print {
  #contenido_principal{
    width:100%;
    height: auto;
    left:0px;
    position: relative;
    overflow-y: auto;
  }
  a:after {
    content:" <" attr(href) ">";
  }
  .cra{
    position: relative;
    width: 100%!important;
    overflow-y: auto;
    height: auto;
  }
  ul, img, table {
    page-break-inside: avoid;
  }
}
.caja-personalizada{
  width:100%;
  border-radius:2px;
  padding: 5px;
  border-bottom: 1px solid #0277BD;
}
.twitter-typeahead{
  width:100%;
}
.tt-hint{
  color:#ABB2B9;
}
.tt-menu{
  width: 100%;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
}
.tt-dataset{
  background-color: #fff;
  width: 100%;
}
.tt-suggestion{
  padding:5px;
  font-size: 10pt;
  font-weight: 300;
  color: #1b1b1b;
}
.tt-suggestion p,.tt-suggestion img{
  display: inline-block;
}
.tt-suggestion:hover{
  cursor: pointer;
}
.tt-suggestion:last-child{
  border:none;
}
.bloque-hora{
  position:relative;
  width:100%;
  height: auto;
  color:#000;
  text-align: center;
}

.table-horario td{
  padding:0;
}
.slot-odd{
  background: #eee!important;
}
.slot-odd .slot{
  border-bottom: 1px solid #e8e8e8!important;
  border-right: 1px solid #e8e8e8!important;
}
.slot{
  width:100%;
  font-size: 8pt;
  position: relative;
  border-bottom:1px solid #eee;
  border-right:1px solid #eee;
  position: relative;
}

.ocupado{
  position: absolute;
  width:100%;
  background: #3498DB;
    border: 1px solid #3498DB;
    border-radius: 4px;
  color: #fff;
  left:0;
  height: 100px;
  transition:background .3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ocupado:hover{
  cursor: pointer;
  background: #2874A6;
}
/*===============================ESTADO DE AUSENCIAS==============*/
.estado-1{
  color:#D4AC0D;
  border-radius: 50%;
  cursor: pointer;
  animation: pulse-1 .3s infinite;

}
.estado-2{
  color:#229954;
  border-radius: 50%;
  cursor: pointer;
}
.estado-3{
  position: relative;
  color:#CB4335;
  border-radius: 50%;
  cursor: pointer;
}

.estado-covid{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height: 100%;
  padding: 80px;
  text-align: center;
}
.estado-covid{
  font-size: 20pt;
}

.tipo-3{
  background-color:  #c0392b ;
  color:#fff;
  animation: tipo-3 .5s infinite;
}
.tipo-2{
  background-color:  #f1c40f  ;
  color:#17202a ;
  animation: tipo-2 .5s infinite;
}
.tipo-1{
  background-color:  #196f3d   ;
  color:#fff ;
  animation: tipo-1 .5s infinite;
}

@keyframes tipo-2 {
  0%{
    background-color:#f1c40f;
  }
  50%{
    background-color: #f4d03f;
  }
  100%{
    background-color:  #f7dc6f;
  }
}

@keyframes tipo-1 {
  0%{
    background-color:#196f3d;
  }
  50%{
    background-color: #1e8449 ;
  }
  100%{
    background-color:#1e8449 ;
  }
}

@keyframes tipo-3 {
  0%{
    background-color:#c0392b;
  }
  50%{
    background-color:rgb(190, 33, 33)e34;
  }
  100%{
    background-color: #9b3e34;
  }
}

@keyframes pulse-1 {
  0% {
    box-shadow: 0 0 0 0 #D4AC0D;
  }
  70% {
      box-shadow: 0 0 0 10px #fff;
  }
  100% {
      box-shadow: 0 0 0 0 #fff;
  }
}

/*===============================CARGANDO========================*/
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #ffc107;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #ffc107 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.avatar42{
    width: 42px;
    height: 42px;
    border-radius: 10%;
}
select option:checked {
  background-color: #007bff;
  color: #ffffff;
}
.centrar-cont-tabla {
    text-align: center;
}