/*se ocultan los div correspondientes*/
#login,
#main,
.modal,
.fade {
  display: none !important;
}
.header,
.filtrosPrint,
.tituloSeccion,
#labelPaginador,
.bootstrap-datetimepicker-widget,
.tablaSistema {
  display: none !important;
}
/*se eliminan los elementos generados por select 2*/
.select2-chosen,
.select2-match,
.select2-results,
.select2-choice,
.select2-container,
.select2-offscreen,
.select2-hidden-accessible {
  display: none !important;
}
.graficoImpresion {
  margin-top: 12px;
  text-align: center;
}
.saltopagina {
  page-break-after: always;
}
/*label que contiene el titulo del reporte de impresión*/
.tituloImpresion {
  font-family: 'Open Sans';
  color: #5f5f5f;
  font-size: 27px;
  padding-bottom: 20px;
}
.tituloImpresion.subtitulo {
  font-size: 23px;
}
.filtrosImpresion {
  font-family: 'Open Sans';
  color: #5f5f5f;
  margin-bottom: 10px;
}
.filtrosImpresion .nombreFiltro {
  font-weight: bold;
}
.filtrosImpresion .valorFiltro {
  border-right: 1px solid;
  padding-right: 5px;
  margin-right: 5px;
}
.filtrosImpresion .valorFiltro:last-child {
  border-right: none;
}
/* se agregan los estilos para las tablas*/
.table {
  margin-top: 10px;
  font-family: 'Open Sans';
  font-size: 12px;
  /*se setea el estilo particular para los totales*/
}
.table tbody td {
  border-right: 1px solid #ccc;
  text-align: center;
}
.table tbody td:first-child {
  border-left: 1px solid #ccc;
}
.table th {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #f5f5f5;
  text-align: center;
}
.table th:first-child {
  border-left: 1px solid #ccc;
}
.table thead tr:first-child th {
  border-top: 1px solid #ccc !important;
}
.table tbody tr td {
  border-bottom: 1px solid #ccc;
}
.table thead tr th {
  font-family: 'Open Sans Bold';
}
.table.totales {
  width: 50%;
  margin-left: 25%;
  margin-bottom: 20px;
}
.table.totales .descrip {
  font-weight: bold;
}
.table.totales tbody tr:first-child td {
  border-top: 1px solid #ccc !important;
}
.even-tbody:hover {
  background-color: #c9e4f7;
}
.odd-tbody:hover {
  background-color: #c9e4f7;
}
.table-nonfluid {
  width: 100%;
}
.even-tbody {
  background-color: #f9f9f9;
}
.odd-tbody {
  background-color: #ffffff;
}
/*estilos para la impresion de la factura*/
.impresionfactura {
  width: 100%;
  padding-top: 225px;
}
.impresionfactura .headFactura {
  padding-top: 24px;
  height: 150px;
  margin-bottom: 50px;
}
.impresionfactura .headFactura .fecha {
  height: 30px;
  margin-left: 48%;
  padding-left: 70px;
}
.impresionfactura .headFactura .datosCliente {
  text-align: left;
}
.impresionfactura .headFactura .datosCliente .left {
  width: 63%;
  float: left;
}
.impresionfactura .headFactura .datosCliente .left .dato {
  height: 33px;
  padding-left: 70px;
}
.impresionfactura .headFactura .datosCliente .right {
  width: 37%;
  float: left;
}
.impresionfactura .headFactura .datosCliente .right .dato {
  height: 33px;
  padding-left: 70px;
}
.impresionfactura .headFactura .datosCot {
  height: 33px;
}
.impresionfactura .headFactura .datosCot .dato {
  padding-left: 70px;
  float: left;
}
.impresionfactura .headFactura .datosCot .dato.numeroGuia {
  width: 25%;
}
.impresionfactura .headFactura .datosCot .dato.orderCompra {
  padding-left: 90px;
  width: 20%;
}
.impresionfactura .headFactura .datosCot .dato.formaPago {
  padding-left: 50px;
  width: 20%;
}
.impresionfactura .itemsFactura {
  padding-top: 30px;
  height: 450px;
}
.impresionfactura .itemsFactura .item .cantidad {
  width: 8%;
  float: left;
  text-align: right;
}
.impresionfactura .itemsFactura .item .detalle {
  width: 52%;
  padding-left: 40px;
  float: left;
}
.impresionfactura .itemsFactura .item .punitario {
  width: 18%;
  float: left;
  text-align: right;
}
.impresionfactura .itemsFactura .item .total {
  width: 15%;
  float: left;
  text-align: right;
}
.impresionfactura .footFactura {
  height: 90px;
}
.impresionfactura .footFactura .left {
  padding-top: 10px;
  padding-left: 20px;
  width: 78%;
  float: left;
}
.impresionfactura .footFactura .right {
  padding-top: 1px;
  width: 18%;
  float: left;
}
.impresionfactura .footFactura .right .dato {
  height: 34px;
  text-align: right;
}
/*estilos para la impresion de la guia de despacho*/
.impresionGuiaDespacho {
  font-family: 'Arial';
  font-size: 13px;
  width: 100%;
  padding-top: 310px;
}
.impresionGuiaDespacho .headGuia {
  padding-top: 25px;
  height: 120px;
  margin-bottom: 50px;
}
.impresionGuiaDespacho .headGuia .fila {
  height: 25px;
}
.impresionGuiaDespacho .headGuia .fila.fila1 {
  text-align: left;
  padding-left: 50%;
}
.impresionGuiaDespacho .headGuia .fila.fila1 .dia {
  width: 24% !important;
  float: left;
}
.impresionGuiaDespacho .headGuia .fila.fila1 .mes {
  width: 54% !important;
  float: left;
}
.impresionGuiaDespacho .headGuia .fila.fila1 .ano {
  width: 20% !important;
  float: left;
}
.impresionGuiaDespacho .headGuia .fila.fila2 .senor {
  width: 74% !important;
  float: left;
  padding-left: 40px;
}
.impresionGuiaDespacho .headGuia .fila.fila2 .rut {
  width: 19% !important;
  float: left;
}
.impresionGuiaDespacho .headGuia .fila.fila3 .direccion {
  width: 55% !important;
  float: left;
  padding-left: 40px;
}
.impresionGuiaDespacho .headGuia .fila.fila3 .fono {
  width: 20% !important;
  float: left;
}
.impresionGuiaDespacho .headGuia .fila.fila3 .ciudad {
  width: 18% !important;
  float: left;
}
.impresionGuiaDespacho .headGuia .fila.fila4 .condPago {
  width: 38% !important;
  float: left;
  padding-left: 60px;
}
.impresionGuiaDespacho .headGuia .fila.fila4 .giro {
  width: 52% !important;
  float: left;
}
.impresionGuiaDespacho .itemsGuia {
  height: 330px;
}
.impresionGuiaDespacho .itemsGuia .item .cantidad {
  width: 8%;
  float: left;
  text-align: right;
  padding-right: 10px;
}
.impresionGuiaDespacho .itemsGuia .item .detalle {
  width: 52%;
  padding-left: 20px;
  float: left;
}
.impresionGuiaDespacho .itemsGuia .item .punitario {
  width: 15%;
  float: left;
  text-align: right;
}
.impresionGuiaDespacho .itemsGuia .item .total {
  width: 15%;
  float: left;
  text-align: right;
}
.impresionGuiaDespacho .mensaje {
  padding-left: 90px;
  height: 34px;
  text-align: left;
}
.impresionGuiaDespacho .totalGuia {
  padding-top: 25px;
  height: 40px;
  text-align: right;
  margin-right: 40px;
}