/* Otros */
/*========================*/

textarea{
  resize: none !important;
}

*::selection,
*:required,
*:focus{
    outline: none !important;
    box-shadow: none !important;
    transition: ease .3s !important;
}

.c-pointer{
  cursor: pointer !important;
}

/* Diagrama de zonas */
/*========================*/

.c-piso{
  background: url(../../img/otros/piso.png); 
}

.m-mesa{
  position: absolute;
  width: 75px;
  height: 75px;
  background: url(../../img/otros/mesa.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: content-box;  
}

.m-libre{
  position: absolute;
  width: 75px;
  height: 75px;
  background: url(../../img/otros/libre.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: content-box;  
}

.m-ocupada{
  position: absolute;
  width: 75px;
  height: 75px;
  background: url(../../img/otros/ocupada.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: content-box;  
}

.m-reservada{
  position: absolute;
  width: 75px;
  height: 75px;
  background: url(../../img/otros/reservada.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: content-box;  
}

.m-bloqueada{
  position: absolute;
  width: 75px;
  height: 75px;
  background: url(../../img/otros/bloqueada.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-origin: content-box;  
}

/* Bootstrap wizard */
/*========================*/

.wz-classic .card-header a:hover{
  background: transparent !important;
  color: unset !important;
}

.wz-classic .card-header a.active:hover{
  color: #FFFFFF !important;
}

.wz-classic .card-header a{
  background: transparent !important;
}

.wz-classic .progress,
.wz-classic .progress .progress-bar{
  border-radius: unset !important;
}

/* Datatables */
/*========================*/

.table.table-vcenter th, 
.table.table-vcenter td{
  vertical-align: middle;
}

.table thead tr,
.table thead tr:hover {
    background-color: #263238 !important;
}

.table thead tr th{
  color: #FFFFFF !important;
}

.table tr.group,
.table tr.group:hover {
    background-color: #ffa726 !important;
    color: #FFFFFF !important;
    --bs-table-accent-bg: unset !important;
}

.dataTables_scrollBody tfoot tr{
  height: unset !important;
}

.dataTables_filter input[type="search"]{
  display: block;
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  color: #75868f;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .07);
  appearance: none;
  box-shadow: inset 0 1px 2px rgba(55, 60, 67, .075);
  transition: border-color .35s ease-in-out, box-shadow .35s ease-in-out;
  
  margin-bottom: 1rem !important;
  min-height: calc(1.5em + .9rem + 2px);
  padding: .45rem .95rem;
  font-size: .65625rem;
  border-radius: .3125rem;
/*  padding: .55rem 1rem;*/
/*  font-size: .75rem;*/
/*  border-radius: .4375rem;*/
}

.dataTables_filter input[type="search"]::selection,
.dataTables_filter input[type="search"]:required,
.dataTables_filter input[type="search"]:focus{
  border-color: unset !important;
  outline: none !important;
  box-shadow: none !important;
  transition: ease .3s !important;
}

.dataTables_filter > label{
  display: flex;
  align-items: baseline;
}

/* Select2 */
/*========================*/

.select2-container *,
.select2-container *::selection,
.select2-container *:required,
.select2-container *:focus{
  border-color: unset !important;
  outline: none !important;
  box-shadow: none !important;
  transition: ease .3s !important;
}

.select2-container--bootstrap-5 .select2-selection{
  background-position: right .75rem center !important;
  padding: .375rem .75rem .375rem 2.75rem !important;
}

.select2-selection__clear{
  left: 1.25rem !important;
}

.select2-container *{
  font-size: .75rem!important;
}

.select2-container--bootstrap-5 .select2-selection--single{
  height: 38px !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered,
.input-group .select2-selection__rendered{
  line-height: 2 !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple{
  padding: .375rem .75rem .375rem .75rem !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-search__field{
  margin-top: 3.5px !important;
}

/* Bootstrap select (selectpicker) */
/*========================*/

.bootstrap-select .dropdown-menu.show{
  position: relative;
  inset: 0px auto auto 0px;
  transform: translate(0, 0);
}

.bs-container.dropdown.bootstrap-select{
  background: transparent;
}

.bootstrap-select .dropdown-toggle{
  background: unset !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle::selection{
  outline: none !important;
  border-color: unset !important;
  background: unset !important;
}

.bootstrap-select .dropdown-toggle.show{
  color: #1a1d21 !important;
}

.bootstrap-select .dropdown-toggle::after{
    content: unset !important;
}

/* Bootstrap5 tags */
/*========================*/

.tags-badge{
  padding: 0 !important;
  margin: 0 !important;
}

/* Bootstrap validator */
/*========================*/

.has-error .checkbox, 
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .form-label,
.has-error .help-block, 
.has-error .radio, 
.has-error .radio-inline, 
.has-error.checkbox label, 
.has-error.checkbox-inline label, 
.has-error.radio label, 
.has-error.radio-inline label {
    color: #df5645;
}

.has-error .form-control, 
.has-warning .form-control, 
.has-success .form-control {
    box-shadow: none!important;
}

.has-success .checkbox, 
.has-success .checkbox-inline, 
.has-success .control-label,
.has-success .form-label,
.has-success .help-block, 
.has-success .radio, 
.has-success .radio-inline, 
.has-success.checkbox label, 
.has-success.checkbox-inline label, 
.has-success.radio label, 
.has-success.radio-inline label {
    color: #9fcc2e;
}

.has-success .form-control, .has-success .form-control:valid {
  border-color: #9fcc2e;
}

.has-error .form-control, .has-error .form-control:invalid {
  border-color: #df5645;
}

.bv-form .help-block {
  display: block;
}

.has-error .select2-container--bootstrap-5.select2-container--focus .select2-selection, 
.has-error .select2-container--bootstrap-5.select2-container--open .select2-selection,
.has-error .select2-container--bootstrap-5 .select2-selection{
  border-color: #df5645 !important;
}

.has-success .select2-container--bootstrap-5.select2-container--focus .select2-selection, 
.has-success .select2-container--bootstrap-5.select2-container--open .select2-selection,
.has-success .select2-container--bootstrap-5 .select2-selection{
  border-color: #9fcc2e !important;
}

/* Cotenedor Instascan */
/*========================*/

#m-scan{
  position: fixed;
  width: 100%;
  height: auto;
  left: 0;
  bottom: 0;
  background: white;
  z-index: 1051;
  display: none;
}

#m-scan video{
  position: relative;
  height: 300px;
}

/* MC Calendar */
/*========================*/

.mc-calendar{
  z-index: 1056 !important;
}

/* Loading */
/*========================*/

#c-loading{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1100;
  background: rgba(55, 60, 67, 0.65);
}

.cssload-spin-box {
  position: relative;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    -o-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    -ms-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    -webkit-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    -moz-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
  animation: cssload-spin ease infinite 4.6s;
    -o-animation: cssload-spin ease infinite 4.6s;
    -ms-animation: cssload-spin ease infinite 4.6s;
    -webkit-animation: cssload-spin ease infinite 4.6s;
    -moz-animation: cssload-spin ease infinite 4.6s;

  margin-top: 20px; 
  margin-bottom: 20px;
}

@keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
  }
  25% {
    box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
  }
  50% {
    box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
  }
  75% {
    box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
  }
}

@-o-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
  }
  25% {
    box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
  }
  50% {
    box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
  }
  75% {
    box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
  }
}

@-ms-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
  }
  25% {
    box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
  }
  50% {
    box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
  }
  75% {
    box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
  }
}

@-webkit-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
  }
  25% {
    box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
  }
  50% {
    box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
  }
  75% {
    box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
  }
}

@-moz-keyframes cssload-spin {
  0%,
  100% {
    box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
  }
  25% {
    box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
  }
  50% {
    box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
  }
  75% {
    box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
  }
}