.selectbasica
{
    --border-color: transparent!important;
    
    border: 1px solid #dedede;
    height: 38px;
    border-radius: 4px;
    margin-right: 2px;
}

.msn-select {
    color:black !important;
}

.msn-texto {
    color:black !important;
}
.msn-txtnegro {
    color:#000 !important;
}
body.dark .msn-txtnegro  { 
    color:#dedede !important;
  }

.text-negroPOS{
    color:#000 !important;
    font-size: 13px !important; 
}
body.dark .text-negroPOS  { 
    color:#dedede !important;
    font-size: 13px !important;
  }

.textonegrita{
    font-weight:bold;
}

.msn-textoEgreso {
    color:rgb(209, 59, 59) !important;
}
.textoanulado {
    color:rgb(197, 13, 13) !important;
    font-weight: bold !important;
}
.fechaanula {
    color:rgb(95, 45, 45) !important;
    font-size: 11px;
}
.fondocabezaxCobrar
{
    background-color:#8FCDAA;
}
.fondocabezaxPagar
{
    background-color:#eccfd5;
}

.fondocabezaUser
{
    background-color:#a4e7fc !important;
}
body.dark .fondocabezaUser  {
    background-color: #1b2e4e !important; 
  }

.fondocabezaSucu
{
    background-color:#bed1f5;
}

.fondocabezaCoti
{
    background-color:#f5e8be !important; 
}

body.dark .fondocabezaCoti  {
    background-color: #1b2e4e !important; 
  }

  .fondoGPS
{
    background-color:#bef3f5 !important; 
}

body.dark .fondoGPS  {
    background-color: #1b2e4e !important; 
  }

.fondocabezaVenta
{
    background-color:#e5e2c0;
}
.fondocabezaVentaPOS
{
    background-color:#c6cc8c !important; 
     
}

body.dark .fondocabezaVentaPOS
{
    background-color: #1b2e4e !important; 
} 
.btncVenta
{
     
    background-color: #797446 !important;
    color: white !important;
}


.fondocabezaMueve
{
    background-color:#9ef5db;
}
.fondocabezaLD
{
    background-color:#c4d3f5;
}
.fondocomprobante
{
    background-color:#eefaab;
}
.fondotraspasoi
{
    background-color:#88c7c7;
    
}
.textofondotraspaso{
    color: white !important;
}

.separacionInput
{
    margin-top: 15px;
}
.botonNxPagar {
    background-color: #8064A2 !important;
    color: white !important;
    }

.botonNxCobrar {
    background-color: #418f63 !important;
    color: white !important;
}

.botonTraspaso {
    background-color: #196666 !important;
    color: white !important;
    }

.btnGrabarTraspaso {
    background-color: #8064A2 !important;
    color: white !important;
    }

.btnCompra {
    background-color: #977350 !important;
    color: white !important;
    }

.fondocompra {
    background-color: #977350 !important; 
    }
body.dark .fondocompra {
     
    background-color: #0e1726!important; 
    }
.fondohEntra {
    background-color: #78793a !important; 
    }
    
    
.btnEntrada {
    background-color: #f56349 !important;
    color: white !important;
    }

.fondoEntrada {
    background-color: #f56349 !important; 
    color: white !important;
    }

.anulaEntrada {
    background-color: #e79a8d !important; 
    }
  

.btnSalida {
    background-color: #c77426 !important;
    color: white !important;
    }

.fondoSalida {
    background-color: #ceb59e !important; 
    }
body.dark .fondoSalida  { 
    background-color: #0e1726!important; 
    }

.btnProducto {
    background-color: #5d4a75 !important;
    color: white !important;
    }

.fondoProducto {
    /* background-color: #428876 !important;  */
    background-color: #196666 !important; 
    color: white !important;
    }
.anulaSalida {
    background-color: #b9aec7 !important; 
}

.cabezaArqueo {
    background-color: #40354e !important; 
    color:white !important;
}

.cabezaSIN {
    background-color: #58759c !important; 
    color:white !important;
}
.btnSIN{
    background-color: #2d5a94 !important;
    color: white !important;
    }


.cabezaBinicial {
    background-color: #aaa0c2 !important; 
    color:white !important;
}

.linkCambiar {
    text-decoration: underline; 
    color:rgb(12, 128, 206) !important;
    font-weight: bold;
    cursor: pointer;
}
.fondoConfiComi {
    background-color: #6a7e92 !important; 
    color:white !important;
    }
.fondoRango {
    background-color: #927a6a !important; 
    color:white !important;
    }
.btnConficomi{
    background-color: #6a7e92 !important;
    color: white !important;
    }

.fondoER {
    background-color: #606a94 !important; 
    color:white !important;
    }

.fondoCRM {
    background-color: #3d9788 !important; 
    color:white !important;
    }
.btnCRM{
    background-color: #3d9788 !important;
    color: white !important;
    }

.selectderacha {
    padding-right: 25px !important;
    }
.btnCuenta{
    background-color: #406080 !important;
    color: white !important;
    }
.textoAtendido{ 
    color: #3d9788 !important;
    font-size: 11px;
}

.textoAtendidoNegro{ 
    color: #000 !important;
    font-size: 11px;
}

.textoNotasNegro{ 
    color: #000 !important;
    font-size: 13px !important;
}

.imagenMario{
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: 50% 50%;
}

.truncaNombre{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.imagenesProducto{
    display: block;
    max-height: 400px;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: 50% 50%;
}    

.imagenesProductoChico{
    display: block;
    max-height: 100px;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: 50% 50%;
}  
.SobreModal {
    z-index:9999999999;
  }

  .modal {
    overflow: auto !important; 
  }
  .text-negro{
    color: #060818 !important;
  }
  .h7msn{
    font-size:0.85rem !important;
  }
  .menuEncima{
    min-width: 150px !important; 
    
  }
  .bordeAbajoCelda{ 
    border-bottom: 1px solid #e0e6ed !important; 
  }

  body.dark .bordeAbajoCelda  { 
    border-bottom: 1px solid #191e3a !important;
  }

  .bordetablaMSN{ 
    border-bottom: 1px solid #e0e6ed !important;
    border-left: 1px solid #e0e6ed !important; 
  }

  body.dark .bordetablaMSN  { 
    border-bottom: 1px solid #191e3a !important;
    border-left: 1px solid #191e3a !important; 
  }

  .bordetablaMSNultimo{ 
    border-bottom: 1px solid #e0e6ed !important; 
    border-right: 1px solid #e0e6ed !important;
  }

  body.dark .bordetablaMSNultimo  { 
    border-bottom: 1px solid #191e3a !important; 
    border-right: 1px solid #191e3a !important;
  }
  .rodioTablaMsn{
    border-radius:0% !important;  
    /* border-top-left-radius:10% !important;  
    border-top-right-radius:10% !important;  */
  }

  .bg-blanco{
    background-color: white!important;
  }

  body.dark .bg-blanco  {
    background-color: #0e1726!important; 
  }

  .bg-inventa{
    background-color: rgb(159, 228, 219)!important;
  }

  body.dark .bg-inventa  {
    background-color: #0e1726!important; 
  }


  .textoNegro{
    color: black !important;
  }

  body.dark .textoNegro  {
    color: #d1d1d1 !important; 
  }

  .textoSubtitulo{
    font-size:14px !important;
  }

  body.dark .h7msn{
    font-size:0.85rem !important;
    color: #d1d1d1 !important; 
  }

  .radioBotonLeft{
    border-top-left-radius:0% !important; 
    border-bottom-left-radius:0% !important;
  }

  #map {
    width: "100%";
    height: 500px;
}

 .secure-info {
    padding: 12px 12px;
    background: #f1f2f3;
    border-radius: 14px;
    display: flex;
  }
  .secure-info svg {
    margin-right: 10px;
    color: #e2a03f;
    fill: rgba(226, 160, 63, 0.368627451);
  }
 .secure-info p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
    align-self: center;
  }
  .todo-box-scroll {
    position: relative;
    margin: auto;
    width: 100%;
    overflow: auto;
    height: calc(100vh - 200px);
  }

  .todo-box-scrollmodal {
    position: relative;
    margin: auto;
    width: 100%;
    overflow: auto;
    height: calc(100vh - 350px);
  }