@charset "UTF-8";

ul li{ list-style: none;}
.hidden{display:none;}
body.modal-open { overflow: visible;}


.active-text {
  background-color: #dfffea;
  color: #17c653;
  padding:4px 10px;
  font-size:.8em;
}
.inactive-text {
  background-color: #f1f1f1;
  color: #aaa;
  padding:4px 10px;
  font-size:.8em;}



.mesaOcupada{
    color: white !important;
    background: linear-gradient(135deg, red 50%, #20a8d8 50%) !important;
}

.mesaOcupadaVistaGeneral{
  color: white !important;
  background: linear-gradient(135deg, rgb(128, 128, 128) 50%, #f0f3f5 50%) !important;
}



/*.custom-select {  position:relative;  z-index: 1100; }*/
.iti { position: relative; display: block !important;}
.mce-fullscreen{z-index:5000 !important;}
.mce-window.mce-in { transform: scale(0.9) !important; opacity: 1;}
.fc-license-message{display:none;}

#datagrid{font-size:.85em;}
#datagrid thead{border-top:0px;}
#datagrid thead tr{border-top:0px;}
#datagrid thead th{border-top:0px; text-transform: capitalize;}
#datagrid thead th {border-bottom: 0px solid #a4b7c1;}

#datagrid tfoot{border-top:0px;}
#datagrid tfoot tr{border-top:0px;}
#datagrid tfoot th{border-top:0px; text-transform: capitalize;}


#datagrid tbody tr.editBtn:hover{ background-color: #fbfcd4 !important; cursor:pointer;}
table.dataTable tbody td {border-color:#dcdcdc;}
table.dataTable tbody td{padding:5px 5px 5px 10px!important}
/*table.dataTable tbody td,table.dataTable tbody th{padding:5px 5px 5px 10px!important}*/


.mapa-group{ overflow-x: auto; white-space: nowrap;}
.mapa-group > .row > .col-12 { display: inline-block; float: none;}
.mapa-group > .row > .col-md-5 { display: inline-block; float: none;}
.mapa-group .mapa-container{max-width:500px; margin: 0 auto; height:310px;}
::-webkit-scrollbar {  width: 12px;  height: 12px;}
::-webkit-scrollbar-track {  background-color: #f5f5f5; border-radius: 5px; margin-top: 3px; margin-bottom: 3px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);}
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgb(180, 180, 180); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); border:1px solid #ccc;}
::-webkit-scrollbar-thumb:hover { background-color: rgb(150, 150, 150);}


#reservas tbody tr:not(.reservaAnulada):hover{background-color:#f1f1f1;transition: .2s;}
#reservas tbody tr.reservaAnulada:hover{ background-color:rgba(255,230,230,1);transition: .2s;}
#reservas thead th{border-top:0px; padding-bottom:0px;}
#reservas tbody td{border-bottom: 1px solid #d0d1d1;}
#reservas .badge{padding-left:.8em; padding-right:.8em; font-weight:100;}
.reservaAnulada{background-color:rgba(255,240,240,1);text-decoration:line-through; }
.reservaAnulada , .reservaAnulada span:not(.badge), .reservaAnulada small { color:rgba(255,0,0, .3) !important; }
.reservaFixed {background-color:#fff3cd; color:#856404 !important;  text-decoration:none;}
#reservas tbody tr:not(.separador) td.avatarCliente:hover{box-shadow: 7px 0px 0px #00aa00 inset; transition: .5s;}

#reservasContainer ul li:not(.separador):hover{background-color:rgb(255, 243, 205, .5) !important;}
/*#reservasContainer ul li:not(.separador):hover{box-shadow: 7px 0px 0px rgba(0, 170, 0, .2) inset; transition: .1s;}*/
#reservasContainer ul li.list-group-item {padding:.5em 1.5em;}



.reservaEnSala {box-shadow: 7px 0px 0px #00aa00 inset;transition: .5s;}

#nuevaReservaForm #nombre,#nuevaReservaForm #email,#nuevaReservaForm #telefono{ resize: none; white-space: nowrap; overflow:hidden}
#detalleReservaForm #nombre,#detalleReservaForm #email,#detalleReservaForm #telefono{ resize: none; white-space: nowrap; overflow:hidden}


.table-compact td{padding:.5em .5em;}
#reservas_filter label{width:100%;}
#datagridSelection_wrapper tr:hover td{ background-color: #fbfcd4 !important; color: #000; cursor:pointer;}
.selectRowTable:hover td{background-color: #fbfcd4 !important; color: #000; cursor:pointer;}
.selectRowTable:hover td a{color: #000;}*/
.selectRowTable .selected td{ background-color: #fbfcd4 !important; color: #000; cursor:pointer;}
.selectRowTable.selected td, 
.selectRowTable.selected span, 
.selectRowTable.selected td strong,  
.selectRowTable.selected *,
.selectRowTable.selected td strong a{ color: #fff !important; }
.selectRowTable.selected:hover td{ background-color: #0275d8 !important; color: #fff !important; }

.list-group-item{margin-bottom: 0px !important;}


.mesaLayout div{position:absolute;}
.mesaLayout{overflow:visible;min-height: 230px;}
.returnTop{position:fixed;bottom:80px; right:-250px; z-index:100; opacity:.3; cursor:pointer; min-width:50px; text-align:center; border:0px;}
.returnTop:hover{ opacity:1;}


.deleteMesaBtn{-moz-transition: opacity  0.5s ease; -ms-transition: opacity  0.5s ease;-o-transition: opacity  0.5s ease; transition: opacity  0.5s ease; }
.returnTop{-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease; }

.avatar-status{width:15px !important; height: 15px !important;}
.tableHighCapacity{ -webkit-box-shadow: 0px 0px 10px 3px rgba(255,0,0,0.32);-moz-box-shadow: 0px 0px 10px 3px rgba(255,0,0,0.32);box-shadow: 0px 0px 10px 3px rgba(255,0,0,0.32);}
.tableLowCapacity{ -webkit-box-shadow: 0px 0px 10px 1px rgb(148, 148, 148);-moz-box-shadow: 0px 0px 10px 1px rgb(148, 148, 148);box-shadow: 0px 0px 10px 1px rgb(148, 148, 148);}
#comboModal fieldset:not(:first-of-type) { display: none;}
.hidden {display: hidden;}
.table { table-layout: auto;}
.table td,
.table th {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
td.idClass { width: 100px;}
.options { width: 35px;}
.greyscale { -webkit-filter: grayscale(100%) !important; filter: grayscale(100%) !important; opacity: .5;}
.modal-dialog {  overflow-y: initial !important}
.modal-body { max-height: 70vh; overflow-y: auto; overflow-x:hidden;}
.modal-xl{ max-width: 950px !important;}
.cursorPointer {cursor:pointer;}
.textDecoration {text-decoration:underline !important;}
.loginContainer{margin-top:150px;}
.jconfirm-buttons button{ font-size:12px !important; font-weight:normal !important; border-radius:0px !important;}
.btn-grey{background-color: #6c757d !important;  color: #fff !important;}
#loading .modal-dialog{ display: table; position: relative; margin: 0 auto; top: calc(50% - 24px); }
#loading .modal-dialog .modal-content{ background-color: transparent; border: none; }        
.spinner {margin: 100px auto 0;margin-top:0px;width: 70px;text-align: center;}
.spinner > div {width: 18px;height: 18px;background-color: #fff;border-radius: 100%;display: inline-block;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
.diaCerrado a{ color: #dcdcdc !important; font-weight:bold !important;}
.diaCerrado.ui-datepicker-current-day { background-color:#eee !important;}
.diaCerrado.ui-datepicker-current-day a{ color: #000 !important;}
.mesaStatus{ position:fixed; top:60px; z-index:1000; width:300px; right:0px;}
#detalleReservaModal .modal-body {  max-height:70vh;}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10000;
  float: left;
  display: none;
  min-width: 160px;   
  padding: 4px 0;
  margin: 0 0 10px 25px;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  max-height:300px;
  overflow-y: scroll;
}

.ui-menu-item > a.ui-corner-all {  display: block;  padding: 3px 15px;  clear: both;  font-weight: normal;  line-height: 18px;  color: #555555;  white-space: nowrap;  text-decoration: none;}
.ui-state-hover, .ui-state-active { color: #ffffff; text-decoration: none; background-color: #0088cc; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-image: none;}
.highlight{ background-color:#6dafb8; color:#fff; cursor:pointer; }
.ui-autocomplete li:nth-child(odd)  { background-color: #f6f6f6; border-bottom:1px solid #dcdcdc;}
.ui-autocomplete li:nth-child(even) { background-color: #ffffff; border-bottom:1px solid #dcdcdc;}
.ui-autocomplete li{padding:.2em .2em .2em 1em; cursor:pointer; font-size:.9em;}
.ui-autocomplete li:hover{background-color:#fffce1;}


@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) }}
@keyframes sk-bouncedelay { 0%, 80%, 100% {-webkit-transform: scale(0); transform: scale(0);}  40% { -webkit-transform: scale(1.0); transform: scale(1.0);}}
@-webkit-keyframes sk-bounce {  0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) }}
@keyframes sk-bounce {  0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0);}   50% {transform: scale(1.0); -webkit-transform: scale(1.0);}}

@media screen and (max-width: 992px) {
  .loginContainer{margin-top:100px;}
}

@media only screen and (max-width: 768px) {
  .main .container-fluid {padding: 5px 5px;} 
  ol.breadcrumb {margin-bottom:10px;}
  #detalleNuevaReserva .modal-body{padding:0 0;}
  #detalleNuevaReserva .modal-xl {  padding: 0em 0em !important;}
  .modal-xl{ padding:0em 0em !important;}
}