.pdt5 {  padding-top: 5px !important;}
.pdt4 {  padding-top: 4px !important;}
.pdt3 {  padding-top: 3px !important;}
.pdt2 {  padding-top: 2px !important;}
.pdt1 {  padding-top: 1px !important;}
.pdt0 {  padding-top: 0px !important;}
.pdt10 {  padding-top: 10px !important;}
.pdt11 {  padding-top: 11px !important;}
.pdt12 {  padding-top: 12px !important;}
.pdt13 {  padding-top: 13px !important;}
.pdt14 {  padding-top: 14px !important;}
.pdt15 {  padding-top: 15px !important;}
.pdt20 {  padding-top: 20px !important;}
.pdt25 {  padding-top: 25px !important;}
.pdt30 {  padding-top: 30px !important;}
.pdt35 {  padding-top: 35px !important;}
.pdt40 {  padding-top: 40px !important;}
.pdt45 {  padding-top: 45px !important;}
.pdt50 {  padding-top: 50px !important;}
.pdb4 {  padding-bottom: 4px !important;}
.pdb5 {  padding-bottom: 5px !important;}
.pdb10 {  padding-bottom: 10px !important;}
.pdb15 {  padding-bottom: 15px !important;}
.pdb20 {  padding-bottom: 20px !important;}
.pdb25 {  padding-bottom: 25px !important;}
.pdb30 {  padding-bottom: 30px !important;}
.pdb35 {  padding-bottom: 35px !important;}
.pdb40 {  padding-bottom: 40px !important;}
.pdb45 {  padding-bottom: 45px !important;}
.pdb50 {  padding-bottom: 50px !important;}
.pdl0 {  padding-left: 0 !important;}
.pdl5 {  padding-left: 5px !important;}
.pdl10 {  padding-left: 10px !important;}
.pdl15 {  padding-left: 15px !important;}
.pdr5 {  padding-right: 5px !important;}
.pdr10 {  padding-right: 10px !important;}
.pdr15 {  padding-right: 15px !important;}
.pdr20 {  padding-right: 20px !important;}
.mgr3 {  margin-right: 3px !important;}
.mgr5 {  margin-right: 5px !important;}
.mgr10 {  margin-right: 10px !important;}
.mgr14 {  margin-right: 14px !important;}
.mgr15 {  margin-right: 15px !important;}
.mgr20 {  margin-right: 20px !important;}
.mgr25 {  margin-right: 25px !important;}
.mgr30 {  margin-right: 30px !important;}
.mgr35 {  margin-right: 35px !important;}
.mgr40 {  margin-right: 40px !important;}
.mgr45 {  margin-right: 45px !important;}
.mgr50 {  margin-right: 50px !important;}
.mgl0 {  margin-left: 0px !important;}
.mgl5 {  margin-left: 5px !important;}
.mgl10 {  margin-left: 10px !important;}
.mgl15 {  margin-left: 15px !important;}
.mgl20 {  margin-left: 20px !important;}
.mgl25 {  margin-left: 25px !important;}
.mgl30 {  margin-left: 30px !important;}
.mgl35 {  margin-left: 35px !important;}
.mgl40 {  margin-left: 40px !important;}
.mgl45 {  margin-left: 45px !important;}
.mgl50 {  margin-left: 50px !important;}
.mgl60 {  margin-left: 60px !important;}
.mgl70 {  margin-left: 70px !important;}
.mgl80 {  margin-left: 80px !important;}
.mgl90 {  margin-left: 90px !important;}
.mgt0 {  margin-top: 0 !important;}
.mgt1 {  margin-top: 1px !important;}
.mgt2 {  margin-top: 2px !important;}
.mgt3 {  margin-top: 3px !important;}
.mgt4 {  margin-top: 4px !important;}
.mgt5 {  margin-top: 5px !important;}
.mgt10 {  margin-top: 10px !important;}
.mgt15 {  margin-top: 15px !important;}
.mgt20 {  margin-top: 20px !important;}
.mgt25 {  margin-top: 25px !important;}
.mgt30 {  margin-top: 30px !important;}
.mgt35 {  margin-top: 35px !important;}
.mgt40 {  margin-top: 40px !important;}
.mgt45 {  margin-top: 45px !important;}
.mgt50 {  margin-top: 50px !important;}
.mgt60 {  margin-top: 60px !important;}
.mgb0 {  margin-bottom: 0px !important;}
.mgb5 {  margin-bottom: 5px !important;}
.mgb10 {  margin-bottom: 10px !important;}
.mgb15 {  margin-bottom: 15px !important;}
.mgb20 {  margin-bottom: 20px !important;}
.mgb25 {  margin-bottom: 25px !important;}
.mgb30 {  margin-bottom: 30px !important;}
.mgb35 {  margin-bottom: 35px !important;}
.mgb40 {  margin-bottom: 40px !important;}
.mgb45 {  margin-bottom: 45px !important;}
.mgb50 {  margin-bottom: 50px !important;}
.mgmt1 {  margin-top: -1px !important;}
.mgmt2 {  margin-top: -2px !important;}
.mgmt3 {  margin-top: -3px !important;}
.mgmt4 {  margin-top: -4px !important;}
.mgmt5 {  margin-top: -5px !important;}
.mgmt6 {  margin-top: -6px !important;}
.mgmt7 {  margin-top: -7px !important;}
.mgmt8 {  margin-top: -8px !important;}
.mgmt9 {  margin-top: -9px !important;}
.mgmt10 {  margin-top: -10px !important;}
.mgmt15 {  margin-top: -15px !important;}
.mgmt20 {  margin-top: -20px !important;}
.mgmt25 {  margin-top: -25px !important;}
.mgmt30 {  margin-top: -30px !important;}
.mgmt35 {  margin-top: -35px !important;}
.mgmt40 {  margin-top: -40px !important;}
.mgmt45 {  margin-top: -45px !important;}
.mgmt50 {  margin-top: -50px !important;}
.mgmb1 {  margin-bottom: -1px !important;}
.mgmb2 {  margin-bottom: -2px !important;}
.mgmb3 {  margin-bottom: -3px !important;}
.mgmb4 {  margin-bottom: -4px !important;}
.mgmb5 {  margin-bottom: -5px !important;}
.mgmb10 {  margin-bottom: -10px !important;}
.mgmb15 {  margin-bottom: -15px !important;}
.mgmb20 {  margin-bottom: -20px !important;}
.mgmb25 {  margin-bottom: -25px !important;}
.mgmb30 {  margin-bottom: -30px !important;}
.mgmb35 {  margin-bottom: -35px !important;}
.mgmb40 {  margin-bottom: -40px !important;}
.mgmb45 {  margin-bottom: -45px !important;}
.mgmb50 {  margin-bottom: -50px !important;}
.mglm5 {  margin-left: -5px !important;}
.mglm10 {  margin-left: -10px !important;}
.mglm15 {  margin-left: -15px !important;}
.mglm20 {  margin-left: -20px !important;}
.mglm25 {  margin-left: -25px !important;}
.mglm30 {  margin-left: -30px !important;}
.font10 {  font-size: 10px !important;}
.font11 {  font-size: 11px !important;}
.font12 {  font-size: 12px !important;}
.font13 {  font-size: 13px !important;}
.font14 {  font-size: 14px !important;}
.font15 {  font-size: 15px !important;}
.font16 {  font-size: 16px !important;}
.font17 {  font-size: 17px !important;}
.font18 {  font-size: 18px !important;}
.font19 {  font-size: 19px !important;}
.font20 {  font-size: 20px !important;}

/*TABLAS*/
.table-th-15 { width: 15px; }
.table-th-20 { width: 20px; }
.table-th-25 { width: 25px; }
.table-th-50 { width: 50px; }
.table-th-60 { width: 60px; }
.table-th-75 { width: 75px; }
.table-th-100 { width: 100px; }
.table-th-120 { width: 120px; }
.table-th-125 { width: 125px; }
.table-th-150 { width: 150px; }
.table-th-175 { width: 175px; }
.table-th-200 { width: 200px; }

.table-th-min-25 { min-width: 25px; }
.table-th-min-50 { min-width: 50px; }
.table-th-min-60 { min-width: 60px; }
.table-th-min-75 { min-width: 75px; }
.table-th-min-100 { min-width: 100px; }
.table-th-min-125 { min-width: 125px; }
.table-th-min-150 { min-width: 150px; }
.table-th-min-175 { min-width: 175px; }
.table-th-min-200 { min-width: 200px; }

.error { color: #dc3545 }
.sscc{background-color:#28a745;border-radius:20px;width:12px;height:12px;cursor:pointer;}
.ddcc{background-color:#dc3545;border-radius:20px;width:12px;height:12px;cursor:pointer;}
.sscc2{background-color:#28a745;border-radius:20px;width:12px;height:12px;cursor:pointer;}
.ddcc2{background-color:#dc3545;border-radius:20px;width:12px;height:12px;cursor:pointer;}

/*[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: static !important;
  left: -9999px;
  opacity: 1 !important; }

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: static !important;
    left: -9999px;
  opacity: 1 !important;
  }*/

  .radio-modopago, .radio-reserva{
    position: static !important;
    left: -9999px;
    opacity: 1 !important;
  }
  .check-mesas, .check-herramientas, .check-pago, .check-notacerrada, .check-contra-admin,.check-eliminar-foto,.check-limpieza-pagada,.check-avisado-tarde,.check-junta{
    position: static !important;
  left: -9999px !important;
  opacity: 1 !important;
}
  

  .mesa.selected {
    background-color: yellow;
}
.precio-total{
  display: inline !important;
  width: 30% !important;
}
.disabled-link {
  pointer-events: none;  /* No permite hacer clic */
  opacity: 0.5;          /* Cambia la apariencia para simular que está deshabilitado */
}
.modo-pago{
  text-align: left;
}

#productTable_info, #productTable_length,#productTable_paginate {display: none;}
.btn-volver{width:15% !important; color:white !important}

.fila-opaca{background-color: #ececec;}

.txoko-calendario-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}

.txoko-reserva-horario-toggle {
  width: 100%;
  max-width: 300px;
}

.txoko-reserva-horario-toggle .btn {
  flex: 1 1 0;
  min-width: 0;
  text-transform: uppercase;
}

#calendar-socios.calendar {
  width: 100%;
  max-width: none;
}

#calendar-socios.calendar .calendar-header {
  display: none;
}

#calendar-socios.calendar .months-container {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(240px, 340px));
  gap: 24px 16px;
  align-items: start;
  justify-content: center;
  width: 100%;
  max-width: 696px;
  margin: 0 auto;
}

#calendar-socios.calendar .months-container .month-container {
  container-type: inline-size;
  float: none !important;
  width: 100% !important;
  min-width: 240px;
  max-width: 340px;
  margin-bottom: 0 !important;
}

#calendar-socios.calendar table.month {
  width: 100%;
  min-width: 240px;
  margin: 0;
}

#calendar-socios.calendar table.month th.month-title {
  font-size: clamp(16px, 6.667cqw, 28px);
  padding-bottom: clamp(5px, 2.083cqw, 9px);
}

#calendar-socios.calendar table.month th.day-header {
  height: clamp(20px, 8.333cqw, 35px);
  font-size: clamp(14px, 5.833cqw, 24px);
}

#calendar-socios.calendar table.month td.day {
  height: clamp(20px, 8.333cqw, 35px);
  font-size: clamp(12px, 5cqw, 21px);
}

#calendar-socios.calendar table.month td.day .day-content {
  padding: clamp(8px, 3.333cqw, 14px) !important;
}

@media (max-width: 575px) {
  .txoko-calendario-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .txoko-calendario-toolbar .btn-group {
    align-self: center;
  }

  .txoko-reserva-horario-toggle {
    margin-left: auto;
    margin-right: auto;
  }

  #calendar-socios.calendar .months-container .month-container {
    min-width: 0;
    width: 100% !important;
  }

  #calendar-socios.calendar .months-container {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Añade margen negativo al titulo para que se adapta a tamaño de telefono*/
@media (max-width: 767px) {
  .content-header .page-title {
    margin-top: -50px !important;
  }
}

.btn-outline{background-color:#3bd981 !important;}
.div-olvidar>.text-end{text-align: center !important;}
.div-nota{margin:0 auto; width: 100% !important;}
.cuerpo-nota{width: 70% !important; margin: 0 auto;}
.btn-volver{margin-left:16.5% !important;width:6% !important;margin-bottom:25px !important}
.modo-pago label{display: block !important;margin-right: 0px !important;margin-bottom:10px;}
.card-body .card-title{margin-left: 10px;margin-bottom: 20px;}
.theme-primary .btn-outline.btn-success{color:white}
a[href^="tel"] {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
.logo-movil{display: none;}

#socio-tabla-comunicaciones th.socio-comunicaciones-mensaje,
#socio-tabla-comunicaciones td.socio-comunicaciones-mensaje {
  width: 45% !important;
  max-width: 460px;
}

#socio-tabla-comunicaciones td.socio-comunicaciones-mensaje {
  white-space: normal !important;
}

#socio-tabla-comunicaciones .socio-comunicaciones-mensaje-texto {
  max-width: 460px;
  white-space: normal;
  word-break: break-word;
}

#socio-tabla-comunicaciones th.socio-comunicaciones-archivo,
#socio-tabla-comunicaciones td.socio-comunicaciones-archivo {
  width: 90px !important;
  min-width: 90px;
  text-align: center;
}

.font-20 {
  font-size: 20px !important;
}


@media only screen and (min-width: 992px) {
  .precio-final{width: 36.666667% !important;}

}

@media only screen and (min-width: 768px) and (max-width: 990px) {

#productTable{width: 800px;margin-left: 7%;}
.modo-pago, .precio-final{margin: 0 auto 20px;}
.card-body .card-title{margin-left: 10%}
.btn-anadir{margin-left: 4%;}
#send, #actu{margin-left: 5%;}
.cuerpo-nota{width:80% !important; margin:0 auto;}
.btn-volver{margin-left:140px !important;width:12% !important;margin-bottom:25px !important}
}

@media only screen and (max-width: 768px){
    .col-vacia-nota{display: none;}
    .modo-pago{margin-bottom: 20px;}

    .btn-volver{margin-left:30px !important;width:20% !important;margin-bottom:25px !important}
    .modal-dialog{width: 95% !important;}
    .cuerpo-nota{width: 100% !important}
    .nota-cont{padding-left: 0px !important;
    padding-right: 0px !important;}
    #finnota{margin:10px 0px;width: 90px;}
    .cont-fin-nota{text-align: center;margin-top:10px;box-shadow: 0px 2px 10px 5px rgba(19, 23, 38, 0.05);}
    .main-header .d-flex{display: none !important;}
    .logo-movil{display: block;}
    .fixed .main-sidebar {
      position: fixed;
      top: -65px;
    }
    .cuerpo-nota h1{font-size: 20px;}
    /*++Tamaño para el formulario generar nota*/
    
    
} 

@media (max-width: 576px) {
    .btn-full-sm {
        width: 100%;
    }
}

.permissions-table .permissions-position-column {
    width: var(--permissions-position-width);
    min-width: var(--permissions-position-width);
    max-width: var(--permissions-position-width);
}

.permissions-table th.permissions-position-column {
    white-space: nowrap;
}

.permissions-table .permissions-position-input {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.permissions-table .permissions-toggle-column {
    width: 8.5rem;
    min-width: 8.5rem;
    max-width: 8.5rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    white-space: nowrap;
}

.permissions-table .permission-row-actions {
    white-space: nowrap;
}

.permissions-table .permissions-actions-column {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
    white-space: nowrap;
}