body{
  background-color: #ccc;
  /*background-image: url('../img/WB02218_.gif');*/
}

.header-panel{
  /*background-color: #ee322a;*/
  background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
}
.logout{
    display: block;
    font-size: 26px;
    font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
    /*font-weight: bold;*/
    color: #FFF;
    float: right;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 30px;
    cursor: pointer;
}

#modalProducto .modal-content{
    width: 100% !important;
    /* width: 760px !important; */
}
.thumb {
    height: 100px;
    border: 1px solid #000;
}
.thumbp {
    height: 250px;
    border: 1px solid #000;
}
.busqueda {
	  height:18px;
	  width:18px;
	  border:none;
}
.xxx {
	  cursor: pointer;
}
.xxx h3{
	color:white;
	text-align:center;
	font-family: "Palatino", sans-serif;
}
#radioBtn .notActive{
    color: #3276b1;
    background-color: white;
}
#radioBtn .active{
    color: #3276b1;
    background-color: #fff;
}
.print{
	min-height:1025px;
	
}
.black{
 background-color: black;   
}


.trTit{
  background-color: #95b1da;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}

.tdTit{
  padding: 5px;
}

.trDetalle{
  background-color: #ebebeb;
  font-size: 12px;
  text-align: center; 
}
.tdPar{
  background-color: #e0e0e0;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
.tdImpar{
  background-color: #bdbdbd ;
  font-size: 12px;
  text-align: center; 
  cursor: pointer;
}

.tdParY{
  background-color: #f8c962;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}

.tdImparY{
  background-color: #f5e1a9 ;
  font-size: 12px;
  text-align: center; 
  cursor: pointer;
}

.tdParlight{
  background-color: #fff3f3;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
.tdImparlight{
  background-color: #f1f1f1 ;
  font-size: 12px;
  text-align: center; 
  cursor: pointer;
}
.tdPar:hover, .tdImpar:hover, .tdParY:hover, .tdImparY:hover{
  background-color: #dfe9f0;
}

.tdTotales{
  background-color: #6e6e6e ;
  font-size: 12px;
  text-align: center; 
  color: #fff;
}

a.btnpag{
  background-color: #95b1da;
  padding: 3px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  margin: 3px;
}

.pac-container{ 
  background-color: #d6d6d6;
  z-index: 10000;
}

.deshabilitar{
  pointer-events: none;
  cursor: not-allowed;
}
/*#panelEncabezado>table>tbody>tr>td,
#panelEncabezado>table>tbody>tr>th,
#panelEncabezado>table>tfoot>tr>td,
#panelEncabezado>table#tFinal>tfoot>tr>th
{
	font-size: 12px;
}*/


#tFinal>tbody>tr>td, 
#tFinal>tbody>tr>th, 
#tFinal>tfoot>tr>td, 
#tFinal>tfoot>tr>th, 
#tFinal>thead>tr>td, 
#tFinal>thead>tr>th 
{
	padding:6px;
	font-size: 12px;
}
#tablaFactura>tbody>tr>td, 
#tablaFactura>tbody>tr>th, 
#tablaFactura>tfoot>tr>td, 
#tablaFactura>tfoot>tr>th
{
	padding:4px;
	font-size: 12px;
}
#tablaFactura>thead>tr>td, 
#tablaFactura>thead>tr>th {
	padding:6px;
	font-size: 12px;
}

.modal-lg-1200{
    width: 1200px;
}

.text_red{
  color: #f00;
}

.text_black{
  color: #000;
}

.text_white_11{
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

#panel-result-consultaiva{
  height: 400px;
  overflow: scroll;  
}

#result-grid-clientes4cobro, #result-grid-proveedor4pago{
  height: 400px;
  overflow: scroll;  
}

#panel-result-listadocliente, #panel-result-listadoproveedores, #panel-result-listadoprecios, #panel-result-ventasxcliente, #panel-result-consultaCobranzas, #panel-result-morosos, #panel-result-deudas, #panel-result-listadostock{
  height: 400px;
  overflow: scroll;  
}

.oculto{
  display:none;
  width:0px;
}

#procesando, #grabando, #recuperando, #verificando, #enviando, #creando{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 200px;
    text-align: center;
    vertical-align: middle;
    margin: auto auto;
    z-index: 2000;
}

.borde-red{
  border-color: #f00;
  border-style: solid;
  border-width: 1px;
}

.txt-white{
  color:#fff;
}

.txt-ccc{
  color:#ccc;
}

#hexagono3 {
  height: 200px;
  margin: -3em 0;
  overflow: hidden;
  /*transform: rotate(120deg);*/
  visibility: hidden;
  width: 100px;
}
#hexagono3-1 {
  height: 100%;
  overflow: hidden;
  transform: rotate(-60deg);
  width: 100%;
}
#hexagono3-2 {
  height: 100%;
  transform: rotate(-60deg); 
  visibility: visible ;
  width: 100%;
}

.color-venta{
  background-color: #f00;
}

.color-venta1{
  background-color: #0f0;
}

.color-venta2{
  background-color: #00f;
}

.thumbnail-hexa{
  width: 100%;
}

/*
    add EXE.
    Original version: http://www.bootply.com/128062
    
    This version adds support for IE 10+ and Firefox.
*/

.glyphicon-refresh-animate {
  -animation: spin .7s infinite linear;
  -ms-animation: spin .7s infinite linear;
  -webkit-animation: spinw .7s infinite linear;
  -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
  from { transform: scale(1) rotate(0deg);}
  to { transform: scale(1) rotate(360deg);}
}

@-webkit-keyframes spinw {
  from { -webkit-transform: rotate(0deg);}
  to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
  from { -moz-transform: rotate(0deg);}
  to { -moz-transform: rotate(360deg);}
}

/*
PRINT TICKET
*/
@media print {
  @page {
    size: 80mm 200mm;
    margin-top: .5cm;
    margin-bottom: .5cm;
    margin-left: .5cm;
    margin-right: .5cm;
  }

  body {
      font-size: 12px; /* Ajusta el tamaño de la fuente según sea necesario */
      line-height: 1.2; /* Ajusta el interlineado según sea necesario */
  }

  /* Ocultar elementos no deseados */
  header, footer, nav, .no-print {
    display: none;
  }
  .print-ticket{
    /* border: 1px solid #ccc; */
    margin: 5px auto;
    padding: 5px;
    width: 350px;
  }

  .print-flex{
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .print-table{
    width: 100%;
  }

  .print-td-center{
    text-align: center;
  }

  .print-td-left{
    text-align: left;
  }

  .print-td-right{
    text-align: right;
  }

  .print-footer-right{
    width: 100%;
    text-align: right;
  }

  .print-table td, .print-table th {
    padding: 5px 2px;
    font-size: 12px;
    line-height: 1.2;
  }

  .border-buttom{
    border-bottom: 1px solid #ccc;
  }

  .negrita{
    font-weight: bold;
  }
}

.w-125{
  width: 12%;
}