div#acciones-cuenta {
    width: 33rem;
    /*background: var(--color-gray-modal);*/
/*     padding:2rem */
	padding: 0 2rem 2rem 2rem;
}




#modal-detalles-cuenta #div#modal-detail-box {
	width: 700px;
}

#ver-cuentas-sin-resultado > *{
    padding: 2rem;
}
.p-20.p-b-0 {
    padding-bottom: 0!important;
}

#wrapper-modal {
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;

}
div#modal-detail-box {
    min-width: 30rem;
    background: var(--white);
    height: auto;
}

#modal-detalles-cuenta div#modal-detail-box {
   
    width: 670px;
}

#modal-preasignar div#modal-detail-box {
    width: 670px;
}

#modal-usuarios{
    top: 0;
    position: absolute;
    z-index: 10000000;
}

#modal-usuarios div#modal-detail-box{
    min-width: 50%;
    width: auto;
    max-width: 100rem;
}
div#pendiente-de-pago {
    padding-left: 1rem;
}

div#modal-inicio {
    position: absolute;
    z-index: 10000;
}

div#modal-cobro #modal-detail-box  #modal-detalles-cuenta{
    max-width: 90rem;
}


#user-filter{
    border:2px solid var(--color-ligth-gray);
}
#user-filter input{
    border: none;
    width: 100%;
    padding: 1rem;
}

.custom-list{
    padding-right: 1rem!important;
}
custom-list.w-100.h-auto.p-r-0.p-t-0.p-20 {
    padding-top: 0!important;
}
.custom-list.w-100.h-auto.p-r-0{
    padding-right: 0!important;
}
.custom-list  .item-list{
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    border:2px solid var(--color-ligth-gray);
    justify-content: space-between;
}
.item-list-p-5 > *{
    padding: 0 1rem;
}

#modal-descuento div#modal-detail-box {
    background: var(--white);
    height: auto;
    width: 100%;
    max-width: 65rem;
}

#modal-descuento .btn.btn-success.btn-temp-remove-intro.p-l-20.p-r-20 {
    padding: 1rem 2rem!important;
}

#modal-comentarios div#modal-detail-box .w-50 {
    min-width: 30rem;
}

#modal-comentarios .custom-list .item-list a{
    padding: 0;
}

div#listado-items-cuentas {
    max-height: 45vh!important;
}

div#listado-items-buscar-informe-z {
    padding-top: 0!important;
    height: 50vh!important;
}

.d-flex.j-c-center.p-r-0.p-t-0.p-20 {
    padding-top: 0!important;
}

/*Spinner cargando*/

.hide {
    display: none;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.spinner, .spinner-small {
    -webkit-animation: spin .6s infinite linear;
    -moz-animation: spin .6s infinite linear;
    -o-animation: spin .6s infinite linear;
    animation: spin .6s infinite linear;
}

.spinner, .spinner-small {
    height: 40px;
    width: 40px;
    top: 50%;
    left: 50%;
    margin: -20px -20px 0 0;
    border: 2px solid var(--blue-color-dark);
    border-top: 2px solid var(--color-ligth-gray);
    border-radius: 100%;
}
/*Fin spinner*/

/*Iconos */


  
 .cuadrada_2p_h{background-image: url("../img/mesas/cuadrada_2p_h.png"); background-size: 100%; width:60px;background-repeat: no-repeat; background-position: center}
  .cuadrada_2p_v{background-image: url("../img/mesas/cuadrada_2p_v.png"); background-size: 100%; width:34px; height:60px;background-repeat: no-repeat; background-position: center}
  .redonda_2p_h{background-image: url("../img/mesas/redonda_2p_h.png"); background-size: 100%; width:60px;background-repeat: no-repeat; background-position: center}
  .redonda_2p_v{background-image: url("../img/mesas/redonda_2p_v.png"); background-size: 100%; width:34px;height:60px;background-repeat: no-repeat; background-position: center}
  .rectangular_h{background-image: url("../img/mesas/rectangular_h.png"); background-size: 100%; width:70px;height:67px;background-repeat: no-repeat; background-position: center}
  .rectangular_v{background-image: url("../img/mesas/rectangular_v.png"); background-size: 100%; width:67px;height:70px;background-repeat: no-repeat; background-position: center}
  .redonda_4p{background-image: url("../img/mesas/redonda_4p.png"); background-size: 100%; width:90px;height:90px;background-repeat: no-repeat; background-position: center}
  .redonda_grande{background-image: url("../img/mesas/redonda_grande.png"); background-size: 100%; width:100px;height:100px;background-repeat: no-repeat; background-position: center}
     
       
 .barra_h{background-image: url("../img/mesas/barra_h.png"); background-size: 100%; width:100px;height:32px;padding:7px 0px 0px 30px;background-repeat: no-repeat; background-position: center}
 .barra_h_1{background-image: url("../img/mesas/barra_h_1.png"); background-size: 100%; width:100px;height:50px;padding:25px 0px 0px 30px;background-repeat: no-repeat; background-position: center}
 .barra_h_2{background-image: url("../img/mesas/barra_h_2.png"); background-size: 100%; width:100px;height:50px;padding:7px 0px 0px 30px;background-repeat: no-repeat; background-position: center}
 .barra_v{background-image: url("../img/mesas/barra_v.png"); background-size: 100% ; width:32px;height:100px;padding:30px 0px 0px 7px;background-repeat: no-repeat; background-position: center; writing-mode: vertical-lr; transform: rotate(180deg);}
 .barra_v_1{background-image: url("../img/mesas/barra_v_1.png"); background-size: 100%; width:50px;height:100px;padding:30px 0px 0px 25px;background-repeat: no-repeat; background-position: center;writing-mode: vertical-lr; transform: rotate(180deg);text-align: left !important;}
 .barra_v_2{background-image: url("../img/mesas/barra_v_2.png"); background-size: 100%; width:50px;height:100px;padding:30px 0px 0px 7px;background-repeat: no-repeat; background-position: center;writing-mode: vertical-lr; transform: rotate(180deg);text-align: left !important;}
  
          
  .columna_1{background-image: url("../img/mesas/columna_1.png"); background-size: 100%; width:50px;height:50px;background-repeat: no-repeat; background-position: center}
  .columna_2{background-image: url("../img/mesas/columna_2.png"); background-size: 100%; width:25px;height:25px;background-repeat: no-repeat; background-position: center}
  .planta_1{background-image: url("../img/mesas/planta_1.png"); background-size: 100%; width:24px;height:50px;background-repeat: no-repeat; background-position: center}
  .planta_2{background-image: url("../img/mesas/planta_2.png"); background-size: 100%; width:40px;height:40px;background-repeat: no-repeat; background-position: center}
  .puesto{background-image: url("../img/mesas/puesto.png"); background-size: 100%; width:40px;height:50px;background-repeat: no-repeat; background-position: center}
  .caja{background-image: url("../img/mesas/caja.png"); background-size: 100%; width:40px;height:40px;background-repeat: no-repeat; background-position: center}
            
  .pared_h{background-image: url("../img/mesas/pared_h.png"); background-size: 100%; width:100px;background-repeat: no-repeat; background-position: center}
  .pared_v{background-image: url("../img/mesas/pared_v.png"); background-size: 100% ; width:12px;height:100px;background-repeat: no-repeat; background-position: center}
   
   
   .cuadrada_2p_h img, .redonda_2p_h img{margin-right:20px;margin-top:10px}  
   .cuadrada_2p_h span, .redonda_2p_h span{margin-right:24px;margin-top:0px} 
   
   .cuadrada_2p_v img, .redonda_2p_v img{margin-right:45px;margin-top:5px}  
   .cuadrada_2p_v span, .redonda_2p_v span{margin-right:50px;margin-bottom:5px} 
   
   .rectangular_h img{margin-right:12px;margin-top:6px}  
   .rectangular_h span{margin-right:15px;margin-top:0px} 
     
   .rectangular_v img{margin-right:12px;margin-top:6px}  
   .rectangular_v span{margin-right:15px;margin-top:0px}
   
   .redonda_4p img{margin-left:10px;margin-top:25px}  
   .redonda_4p span{margin-left:8px;margin-top:0px}
   
   .redonda_grande img{margin-left:18px;margin-top:35px}  
   .redonda_grande span{margin-left:15px;margin-top:0px}
   
