*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
     
}

h3 {
    font-family: sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    width: 100%;
    background: #43b9f5;
    padding: 15px;
    color: #fff;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
}
h4 {
    font-size: 14px;
    font-weight: bolder;
}

.modal_desplegar{
    overflow: hidden;
}
.codigo_interno{
    display: none;
}

#containerIndex{
     background: #d9dbdc;
    width: 100%;
   height: 100vh;
    display: flex;
     flex-direction: row;
    flex-wrap: wrap;   
}

.im_factura{
  width: 800px; /* Tamaño deseado */
  /*height: 800px;*/
  overflow: hidden; /* Oculta lo que sobresale */
}



.imgen_ img{
  width: 100%;
  height: 100%;
  object-fit: cover; /* O 'contain' para no cortar nada */
}

#containerIndex img {
    margin: 15px auto;
    text-align: center;
    display: block;
}

#containerIndex form{
    width: 400px;
    background: #fff;
    padding: 10px;
    border-radius:  8px;
    margin: auto;
    
}

#containerIndex .login input[type="submit"]{
    background: #33c260;
    padding: 10px;
    color: #fff;
    letter-spacing: 5px;
    border: none;
}


#containerIndex .login input[type="submit"]:hover{
    cursor: pointer;
}

#containerIndex .login input{
    width: 90%;
    padding: 5px;
    display: block;
    font-size: 16px;
    margin: 25px auto;
    border-radius: 5px;
    border: 1px solid #747676;
    text-align: center;
   
}

.alerta {
    font-family: 'Arial';
    font-size: 16px;
    text-align: center;
    color: red;
}

/*-------proncipal----------*/
#container {
    background: #d9dbdc;
    width: 100%;
   
    display: flex;
     flex-direction: row;
    flex-wrap: wrap;
  
/*    border: solid 1px red;*/
}

#container img {
    margin: 15px auto;
    text-align: center;
    display: block;
}

#container form{
    width: 400px;
    background: #fff;
    padding: 10px;
    border-radius:  8px;
    
}

#container .login input[type="submit"]{
    background: #33c260;
    padding: 10px;
    color: #fff;
    letter-spacing: 5px;
    border: none;
}


#container .login input[type="submit"]:hover{
    cursor: pointer;
}

#container .login input{
    width: 90%;
    padding: 5px;
    display: block;
    font-size: 16px;
    margin: 25px auto;
    border-radius: 5px;
    border: 1px solid #747676;
    text-align: center;
   
}

.alerta {
    font-family: 'Arial';
    font-size: 16px;
    text-align: center;
    color: red;
}

/*-------------estilos form usurios-------*/

.form_register {
    width: 450px;
    margin: auto;
   /* border: 1px solid #000;*/
}

.form_register h1{
    color: #3c93b0;
    text-align: center;
}

.form_register .pesos{
/*   border: solid 1px red;*/
    margin-top: 10px;
}

hr {
    border: 0;
    background: #ccc;
    height: 1px;
    margin: 10px 0;
    display: block;
}

.form_usuario{
   
    background: #fff;
    margin: auto;
    padding: 20px 50px;
    border: 1px solid #000;
}

label{
    display: block;
    font-size: 12px;
font-weight: bold;
    margin: 15px auto 5px auto;
}

input,select{
    display: block;
    width: 100%;
    font-size: 11pt;
    padding: 5px;
    border: 1px solid #85929e;
    border-radius: 5px;
    
 
}

.notItemOne option:first-child{
    display: none;
}
.btn_save {
/*    background: #28328b;*/
/*    background: #4c007d;*/
    background: #ffc107;
/*    background: #c71f45;*/
/*    background: #33c260;*/
    font-size: 12pt;
    padding: 10px;
    color: #fff;
    letter-spacing: 1px;
    border: 0;
    margin: 15px auto;
    cursor: pointer;
    display: block;
border-radius: 5px;
     
}

.alert  {
    width: 90%;
    background: #0dc66c;
    border-radius: 6px;
    margin: 20px auto;
}
.alertP  {
    width: 90%;
    background: #0dc66c;
    border-radius: 6px;
    margin: 20px auto;
}

 .alertDos {
    width: 90%;
    background: #0dc66c;
    border-radius: 6px;
    margin: 20px auto;
}

.msg_error{
    color: red;
    font-weight: bold;
}

.msg_save{
    color: #fff;
}

.alert p {
    padding: 10px;
    text-align: center;
    font-weight: bold;
}
.alertP p {
    padding: 10px;
    text-align: center;
    font-weight: bold;
}


.alertDos p {
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

/*--------LISTA DE USUARIOS-------*/
#container_lista{
     width: 100%;
/*    height: 100vh;*/
    background: #d9dbdc;
    overflow: hidden;
  
}
.container_titulo{
   /* border: solid 1px red;*/
   
    padding-top: 30px;
    width: 90%;
    margin: auto;
    
   
    
}
.container_titulo h1{
   /* border: solid 1px blue;*/
   
     display: inline-block;
    
    
}

.container_titulo .btn_new{
  /*  border: solid 1px orange;*/
/*    background: #4c007d;*/
    background: #f86415;
/*    background: #28328b;*/
/*    background: #c71f45;*/
/*    background: #239baa;*/
    color: #fff;
    padding: 5px 25px;
    text-decoration: none;
    border-radius: 5px;
    margin: 20px;
    
}

.datos_venta, .tbl_venta, .tbl-lista, .modalBuscar {
    border-collapse: collapse;
    font-size: 12px;
    font-family: sans-serif;
    width: 90%;
    margin: auto;
}

.datos_venta th, .tbl_venta  th, .tbl-lista th, .modalBuscar th{
    text-align: left;
    padding: 10px;
/*    background: #3d7ba8;*/
/*    background: #c71f45;*/
/*    background: #0000c7;*/
    background: #ffc107;
/*    background: #4c007d;*/
    color: #fff;
    
}



.datos_venta tr:nth-child(odd), .tbl_venta tr:nth-child(odd), .tbl-lista tr:nth-child(odd),
.modalBuscartr:nth-child(odd)
{
    background: #fff;
}

.datos_venta td, .tbl_venta td, .tbl-lista td, .modalBuscar td {
    padding: 10px;
}

.link_edit{
    color: #0ca4ce;
    font-size: 20px;
    
}

.link_delet{
    color: #f26b6b;
    font-size: 20px;
    
}



.ubicacion_producto{
    
   color: #0ca4ce;
    font-size: 20px;  
}

.link_add{
    color: #33c260;
    font-size: 20px;
/*     margin: 0px 5px 0px 5px;*/
    
}

.link_add_mas_uno, .link_add_mas_uno_apartado, .link_add_mas_uno_servicio,
.link_add_mayor, .link_add_mayor_apartado
{
    color: #33c260;
    font-size: 20px;
     margin: 0px 10px 0px 10px;
    
}

.link_add_apartado{
      color: ##fd7e14;
    font-size: 20px;
     margin: 0px 10px 0px 10px;
     
}

.link_lees, .link_lees_servicio{
    color: #c71f45;
    font-size: 20px;
/*    border: solid 1px red;*/
/*    margin: 0px 10px 0px 10px;*/
    
    
}

/*------Eliminar usuario -------*/
#container_eliminar{
     width: 100%;
    height: 100vh;
    background: #d9dbdc;
    }

.data_delet {
    text-align: center;
}

.data_delet h2 {
    font-size: 12pts;
}
.data_delet span {
    font-weight: bold;
    color: #4f72d4;
    font-size: 12pts;
}
.btn_ok, .btn_cancel{
    background: #4c007d;
/*    background: #f86415;*/
/*    background: #28328b;*/
/*    background: #c71f45;*/
/*    background: #478ba2;*/
    color: #fff;
    display: inline-block;
    padding: 5px;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    margin: 15px;
    width: 124px;
}

 .btn_new1{
/*    background: #478ba2;*/
/*    background: #c71f45;*/
/*    background: #28328b;*/
    background: #4c007d;
/*    background: #f86415;*/
    color: #fff;
    display: inline-block;
    padding: 5px;
    border: 0;
     text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
    margin: 15px;
/*    width: 150px;*/
    
}




.btn_ok {
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.btn_cancel{
    text-decoration: none;
    background: #42b343;
}

.data_delet .eliminar{
   
    background: initial;
    margin: auto;
    padding: 20px 50px;
    border: 0;
   
}
/*-----paginador---*/
.paginador ul {
    padding: 15px;
    list-style: none;
    background: #fff;
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
    
}

.paginador a, .pageSelected {
    color: #428bca;
    border: solid 1px #ddd;
    padding: 5px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: 35px;
}

.paginador a:hover{
    background: #ddd;
}

.pageSelected {
    color: #fff;
    background: #428bca;
    border: solid 1px #428bca;
}

/*----estilo del buscador ----*/

.form_search {
    display: flex;
    float: right;
    background: initial;
    padding: 10px;
    border-radius: 10px;
    border: solid 1px #000;
}

.form_search .btn_search{
/*    background: #1faac8;*/
/*    background: #28328b;*/
/*    background: #4c007d;*/
    background: #f86415;
/*    background: #c71f45;*/
    color: #fff;
    padding: 0 20px;
    border: 0;
    cursor: pointer;
    margin-left: 10px;
}


/*----------------foto---------------*/

.prevPhoto {
    display: flex;
    justify-content: space-between;
    width: 200px;
    height: 200px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    background: url(../images/uploads/user.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: auto;
    
}
.prevPhoto label{
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.prevPhoto img{
    vertical-align: top;
    overflow: hidden;
	width: 90%;
	
}
.upimg, .notBlock{
	display: none !important;
}
.errorArchivo{
	font-size: 16px;
	font-family: arial;
	color: #cc0000;
	text-align: center;
	font-weight: bold; 
	margin-top: 10px;
}
.delPhoto{
	color: #FFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: red;
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 10;
}
#tbl_list_productos img{
	width: 50px;
}
.imgProductoDelete{
	width: 175px;
}

/*----Lista de prodcutos----*/


.img_producto img {
    width: 60px;
    height: auto;
    margin: auto;
}

/*---estilos de modal-----*/


.modal {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.8);
    display: none;
}
 .modal_ {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.8);
    display: none;
}

.modal-tiket {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.8);
    display: none;
}  


.modal h1 {
    color: #0e725d;
    text-transform: uppercase;
    font-size: 15px;
 
}


.modal .nameproducto, .modal_ .nameproducto {
    
    text-transform: uppercase;
       margin-top: 15px;
    margin-bottom: 15px;
    font-size: 12px;
}

.nombrecategoria{
    color: #0e725d;
}

.bodyModal, .bodyModal-tiket, .bodyModal_{
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
/*    align-items: center;*/
    padding-bottom: 150px;

   
    
}


#form_add_product{
    background: #fff;
    width: 400px;
  text-align: center;
    padding: 30px;
  
}

/*#form_anular_factura,#form_anular_apartado {
    background: #fff;
    width: 50%;
  text-align: center;
    padding: 10px;
  
}*/

#form_anular_factura,#form_anular_apartado {
    background: #fff;
    width: 50%;
  text-align: center;
    padding: 10px;
    height: 100vh;
  
}


#form_anular_factura-tiket {
    background: #fff;
    width: 50%;
/*  text-align: center;*/
    padding: 30px;
  
}

/*estilos del modal1 */

.modal1, .modal_apartado, .modal_servicio {
    position: fixed;
    width: 100%;
 
    background: rgba(0,0,0,0.8);
    display: none;
    padding-bottom: 200px;
}

.bodyModal1, .bodyModal_Apartado, .bodyModal_servicio{
      width: 100%;
/*   height: 100vh;*/
   border: solid 1px blue;
     display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px auto;


   }

#forModalBuscar{
   height: 100vh;
    overflow: auto;
    width: 100%;
    margin: auto;
    background: #fff;
/*    margin-bottom: 200px;*/
/*    border: solid 1px red;*/
}

#forModalBuscar .btn{
/*    border: solid 1px green;*/
    width: 35%;
    margin: auto;
     display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.menuModal{
    display: flex;
/*
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
*/
    justify-content: flex-end;
/*    border: solid 1px orange;*/
}

.buscardescripcion{
    width: 50%;
/*     border: solid 1px orange;*/
    margin: 0 45px;
}

  
/*----cambiar tamaño y color icono font-awasone--*/
#form_anular_factura .fa-trash-restore-alt{
   font-size: 50px; 
    color: #ff5733;
}

#form_del_product, #form_del_categoria{
    background: #fff;
    width: 400px;
  text-align: center;
    padding: 30px;
  
}

#form_del_product-tiket{
      background: #fff;
    width: 400px;
      padding: 30px;
    color: #000;
/*  text-align: center;  */
}

.alertAddproduct{
    width: 90%;
    
   
    background: #0dc66c;
    border-radius: 6px;
    margin: 20px auto;   
}

.alertAddproduct p {
    padding: 10px;
    text-align: center;
}


/*============ Ventas ============*/

#container_venta, {
     width: 100%;
    /*height: 100vh;*/
    background: #d9dbdc;
    
  
}


#container_venta{

  display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; 
 
      /*padding: 10px;*/

}
#container_nueva_orden{

  /*display: flex;*/
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; 
 
      /*padding: 10px;*/

}
/*.ocultar_ubicacion{
    display: none;
}*/

.nuevo_izquierdo{
    
    width: 50%;
    border: solid 1px red;
    height: 400px;
}
.nuevo_derecho{
    
    width: 50%;
    border: solid 1px blue;
    height: 400px;
}
#contenedor_producto{
   width: 100%;
    height: 100vh;
}


.contenedorColumna{
   width: 100%;
    height: 100vh;
}
.datos_cliente, .datos_venta {
	width: 30%;
    display: inline-block;
	/*max-width: 1200px;*/
	/*margin: auto;*/
	margin-bottom: 20px;
    /*border: solid 1px red;*/
   
}

.ventas_dividir {
    width: 70%;
/*    display: inline-block;
    max-width: 1200px;
    margin: auto;*/
    margin-bottom: 20px;
    /*border: solid 1px red;*/
   
}




#pagos{
/*   border: solid 1px red;*/
    width: 30%;
}
#pagos .t_pagos{
    display: block;
    text-align: center;
}
.datos_venta #formModalBuscar{
/*    border: solid 1px red;*/
}

#detalle_venta .fa-trash-alt{
    color: #f26b6b;
    font-size: 20px;
}

#detalle_venta_servicio .fa-trash-alt{
    color: #f26b6b;
    font-size: 20px;
}

#detalle_venta_apartado .fa-trash-alt{
    color: #f26b6b;
    font-size: 20px;
}
#detalle_venta tr{
	background-color: #FFF !important;
}
#detalle_venta_apartado tr{
	background-color: #FFF !important;
}
#detalle_venta td{
	border-bottom: 1px solid #CCC;
}
#detalle_venta_apartado td{
	border-bottom: 1px solid #CCC;
}
.datos{
	background-color: #e3ecef;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 2px solid #78909C;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
}
.action_cliente{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}

.datos label{
	margin: 5px auto;
}
.wd20{
	width: 20%;
}
.wd25{
	width: 25%;
}
.wd30{
	width: 30%;
}
.wd40{
	width: 40%;
}
.wd60{
	/*width: 60%;*/
}
.wd100{
	width: 100%;
}
.tr_producto{
    display: none;
}
/*
#add_product_venta_modal{
 display: none;   
}
*/
#div_registro_cliente, #add_product_venta, #add_product_apartado, #div_registro_vehiculo, #add_product_vehiculo {
 display: none;	
    
}
#div_registro_cliente, #div_registro_vehiculo{
  
    margin: auto;
    width: auto;
}

.displayN{
	display: none;
}
.tbl_venta{
	max-width: 1200px;
	margin: auto;
/*    border: solid 1px red;*/
}
.tbl_venta tfoot td{
	font-weight: bold;
}

#txt_total_dolar, #txttotal_bs, #txttotal_pesos, #txt_total_dolar_nueva, #txttotal_bs_nueva,
#txt_total_dolar_apartado,
#txttotal_bs_apartado, #txt_total_dolar_apartado_nuevo,
#txttotal_bs_apartado_nuevo, #txttotal_pesos_nueva{
    font-weight: bold;
    font-size: 16px;
}
.textright{
	text-align: right;
}
.textcenter{
	text-align: center;
}
.textleft{
	text-align: left;
}


.btn_anular, .btn_imei{
	background-color: #f36a6a;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
	padding: 10px;
	margin: 0 3px;
	color: #FFF;
}

.btn_retencion{
	background-color: #28a745;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
	padding: 10px;
	margin: 0 3px;
	color: #FFF;
}

.btn_precios{
	background-color: #dc3545;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
	padding: 10px;
	margin: 0 3px;
	color: #FFF;
}

.eliminar_orden_temporal{
	background-color: #dc3545;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
	padding: 10px;
	margin: 0 3px;
	color: #FFF;
}

/*---estilo formulario lista de ventas ------*/


.container_ventas {
    width: 90%;
  
    margin: auto;
    padding: 10px;
}
.form_search_date {
    padding: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 10px;
    margin: 10px auto;
}

.form_search_date label {
    margin: 0 10px;
    
}

.form_search_date input {
    width: auto;
}

.form_search_date .btn_view {
    padding: 8px;
}
 .btn_view{
/*    background: #28328b;*/
    background: #4c007d;
/*    background: #f86415;*/
/*    background: #c71f45;*/
/*    background: #1faac8;*/
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px;
    margin: 0 3px;
    color: #fff;
}


 .btn_view_n{
/*    background: #28328b;*/
    background: #f86415;
/*    background: #c71f45;*/
/*    background: #1faac8;*/
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px;
/*    margin: 0 3px;*/
    color: #fff;
}

 .btn_view_f{
/*    background: #c71f45;*/
    background: #1faac8;

}

.div_acciones{
    display: flex;
    justify-content: center;
}



.pagada, .anulada, .entregado  {
    color: #fff;
    background: #60a756;
    text-align: center;
    border-radius: 5px;
    padding: 4px 15px;
}

.anulada {
    background: #f36a6a;
}

.entregado{
  background: #1faac8;  
} 
.tipo_pago{
    
 color: #fff;
/* border: solid 1px black;*/
/*    background: #60a756;*/
    text-align: center;
    border-radius: 5px;
    padding: 4px 15px;
 background: #f02e21;
}

.inactive {
    background-color: darkgray;
    color: #CCC;
    cursor: pointer;
}

/*-----------panel de control--------*/
.divContainer{
/*    border: solid 1px red;*/
    padding: 10px;
    width: 100%;
   
   
   
}
.titlePanelControl{
    width: 100% !important;
    background: #fff;
    padding: 5px 15px;
    margin-bottom: 10px;
    font-size: 15pt;
    color: #0A4661;
}

.dashbord{
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: auto;
   
   
}

/*----cambiar tamaño y color icono font-awasone--*/
.dashbord .fa-users, .fa-building, .fa-cubes, .fa-file-invoice-dollar,
.fa-arrow-up{
   font-size: 50px; 
/*    color: #ff5733;*/
    color: rgb(108,110,123);
/*    color: #c71f45;*/
}

.dashbord a{
  text-decoration: none;
    color: #898989;
    width: calc(100% / 5);
    background-color: #fff;
    padding: 20px;
    font-size: 15pt;
    text-align: center;
    
}
.dashbord p {
/*    color: #3279a7;*/
/*    color: #4c007d;*/
    color: #f86415;
}

.dashbord a span {
   font-weight: bold;
    font-size: 10pt;
}

.infoSistema{
/*    border: solid 1px red;*/
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; 
 
      padding: 10px;
   
   
}

.tituloconfiguracion{
    width: 100% !important;
    background: #fff;
    padding: 5px 15px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #0A4661;  
}

.containerDataUser {
/*    border: solid 1px black;*/
    width: 48%;
     margin: auto;
    background: #fff;
   
}

.imgLogo{
/*    border: solid 1px green;*/
}

.containerDataEmpresa{
/*    border: solid 1px blue;*/
    width: 48%;
/*   margin: auto;*/
    background: #fff;
}

.divDataUser{
/*    border: 1px solid red;*/
    padding: 10px;
        
}

.usuario label {
/*    background: #149cc8;*/
    background:  #222222;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.usuario h4 {
    background:  #222222;
/*    background: #149cc8;*/
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#frmChangePass{
  border: 1px solid #215c6f;
    border-radius: 5px;
    width: 100%  !important;
    
   
}

#frmChangePass .boton{
   display: block;
    width: 100%;
/*    border: solid 1px red;*/
    text-align: center;
}

#frmChangePass .txtPassUser, .newPass{
    margin: 30px 0; 
}

#frmEmpresa{
     width: 100%  !important;
}

#frmEmpresa .boton{
   display: block;
    width: 100%;
/*    border: solid 1px red;*/
    text-align: center;
}
.alertCahngePass, .alertFormEmpresa{
    text-align: center;
    font-weight: bold;
}

  .modalBuscar  tr:hover td { 
    background-color: #ffffa2;
    border-color: #ffff0f;
      cursor: pointer;
		
}

.modalBuscar th, 
		.modalBuscar td {
			border: 1px solid #e1edff;
			padding: 7px 10px;
		}
.modalBuscar .fa-cart-plus{
 color: #33c260; 
    font-size:20px;   
}

.form_producto{
    
/*    border: solid 1px red;*/
/*    height: 100px;*/
    width: 90%;
    margin: auto;
    
}

.form_servicios{
    
/*
    border: solid 1px red;
    height: 100px;
*/
    width: 90%;
    margin: auto;
    
}

.form_producto h4 {
    
/*    border: solid 1px blue;*/
     margin: 15px 15px 8px 15px; 
}
.form_producto #proveedor {
 

/*    width: 50%;*/
     margin-bottom: 15px;
    /*
     display: inline;
*/
  
}
.contPrincipal{
      display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
/*    border: solid 1px black;*/
}
.cont_factura_Nohidden{
    width: 100%;
        border: solid 1px black;
          display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}


/*
.proNuevo{
    display: none;
}
*/
.titulo_compra{
    width: 100%;
/*    border: solid 2px red;*/
    display: block;
    text-align: center;
    color: #fff;
    background: #28328b;
    
}
.cont_proveedor{
/*    border: solid 1px orange;*/
    width: 15%;
      padding-left: 8px;
     padding-right: 8px;
}

.slt-cursos{
    display: none;
}
#categoria{
/*    width: 50%;*/
     margin-bottom: 15px;
}
 .cont_orden,  .cont_tipo_orden{
/*  border: solid 1px red;*/
/*    height: 200px;*/
    width: 20%;
     padding-left: 8px;
     padding-right: 8px;
/*      border: solid 1px orange;*/
}
 .cont_tipo_pago{
/*  border: solid 1px red;*/
/*    height: 200px;*/
    width: 15%;
    padding-left: 8px;
     padding-right: 8px;
/*      border: solid 1px orange;*/
}

.cont_iva, .cont_control{
   width: 15%;
      padding-left: 8px;
     padding-right: 8px;
/*    border: solid 1px orange;*/
}

.cont_columna, .cont_estante, .cont_fila, .cont_categoria{
/*     border: solid 1px orange;*/
}
.contenedorInformacion{
      display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    border: solid 1px blue;
}

.contn_codigo{
    display: inline-flex;
/*    border: solid 1px red;*/
    width: 100%;
}
.contn_codigo_txt{
    width: 50%;
     border: solid 1px blue; 
}
#cont_button, #cont_button_editar{
    display: none;
    
/*     border: solid 1px black;*/
     width: 25%;
  
}
.btn_new_pro, .btn_new_pro_proveedor{
   margin-top: 40px;
    margin-left: 20px;
    padding: 8px 20px;
    background: #28328b;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

.productoDes, .productoBase, .productoPorcentaje, .productoGanancia, .productoCantidad {
/*    width: 20%;*/
   
/*    border: solid 1px red;*/
}
.productoDes{
    width: 100%;
/*        border: solid 1px red;*/
}
/*
.producto_marca{
    width: 30%;
}
#producto{
    width: 60%; 
}
*/

.productoBase, .productoPorcentaje, .productoGanancia, .productoCantidad{
    width: 12%;
/*            border: solid 1px red;*/
}
.productoBase_hidden{
    display: none;
}

#contBoton, #proNuevo{
    display: none;
}

.alertres {
    width: 90%;
    background: #0dc66c;
    border-radius: 6px;
    margin: 20px auto;
}
.alertres p {
    padding: 10px;
    text-align: center;
    font-weight: bold;
}
.abonado_alert p{
    padding: 10px;
    text-align: center;
    font-weight: bold;
}
.p_abonado{
    padding-bottom: 10px;
    color: orangered;
    font-weight: bold;
}
.abonado_alert {
   width: 90%;
    background: #478ba2;
    border-radius: 6px;
    margin: 20px auto;  
}



.n_abonado, .n_descuento{
    width: 50%;
    border-radius: 3px solid black;
    margin: auto;
}
.registro{
    margin: auto;
    padding-top: 20px;
/*    border: solid 1px blue;*/
    width: 50%;
    display: block;
    text-align: center;
        
    }
.contenedorCategoria{
/*    border: solid 1px red;*/
    width: 50%;
    margin: auto;
}
/*
.RegistroCategoria{
    display: none;
}
*/
/*
.ActualizarCategoria{
   display: none; 
}
*/

.form_new_categoria{
/*    border: solid 1px blue;*/
     width: 100%;
    margin: 30px;
    
}


#btn_buscar_apartado:hover{
/*    cursor: not-allowed;*/
}

.calculadora{
    font-size: 30px;
}

.tbl_venta{
/*    border: solid 1px blue;*/
}
#detalle_venta{
/*    border: solid 5px orange;*/
   
}
#detalle_totales{
/*    border: solid 5px green;*/
/*    width: 50%; */
}
#container_venta{
  background: #d9dbdc;
  /*border: solid 5px green;  */
}

#btn_facturar_venta_imei{
    display: none;
}
#form_carga_descarga textarea {
	max-width: 100%;
	min-width: 100%;
	min-height: 200px;
    	border: 1px solid #A8A8A8;
	border-radius: 2px;
	padding: 16px;
	width: 100%;
	display: block;
	margin-bottom:20px;
	font-family:Arial, sans-serif, helvetica;
	font-size: 1em;
	color:#141938;
}

.enviar_cambio{
    width: 100%;
        display: flex;
     flex-direction:row;
    flex-wrap: wrap; 
/*    border: solid 1px red;*/
}
.articulo_entra{
/*    border: solid 1px blue; */
    width: 40%;
    margin: auto;
}
.articulo_entra_info{
    width: 50%;
    margin: auto;
    margin-top: 20px;
}
.titulo_cambio{
    text-align: center;
}
.btn_cambio{
/*    display: none;*/
}
.info_entrante, .info_saliente, .exitosa {
    display: none;
  background: #33c260;
  color: #fff;
    padding: 10px;
    margin-top: 20px;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
}

.registro, .cambio{
    padding-bottom: 20px;
}
.articulopadre{
      width: 100%;
        display: flex;
     flex-direction:row;
    flex-wrap: wrap;
/*    border: solid 1px red;*/
/*    width: 40%;*/
}

.txt_salida{
    width: 40%;
    margin: auto;
}
.cargo_d{
/*    border: solid 1px blue;*/
    width: 40%;
    margin: auto;
}
.cargado_f{
    border: solid 2px #fff;
    display: none;
    background: #3d7ba8;
    width: 50%;
    margin: auto;
    margin-top: 10px;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
        
    
}

#txt_buscar_producto{
   margin-bottom: 15px;
}

/*nueva paginacion*/


 .paginacion-pie {
/*    border: solid 1px blue; */
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    
    
}

#caja-alerta, #subir_alerta{
    display: none;
}
.centrar-table{
    
/*    border: solid 1px red;*/
    
    width: 90%;
    margin: auto;
}
 .paginacion-pie .disabled {
/*    border: solid 2px yellow; */
    padding: 10px;
/*    background: #fb6f32;*/
/*    background: #c71f45;*/
/*    background: #4c007d;*/
/*    background: #f86415;*/
    color: #fff;
    margin-bottom: 10px;
     margin-top: 10px;
   
}

.paginacion-pie ul {
    list-style: none;
    margin: auto;
 
}

.paginacion-pie ul li {
    list-style: none;
    	display: inline-block;
	margin:0 5px;
	color:#fff;
/*    background: #fb6f32;*/
/*    background: #c71f45;*/
/*    background: #4c007d;*/
    background: #f86415;
}

 .paginacion-pie ul li a {
	display: block;
    text-decoration: none;
	padding:10px 20px;
	
	color:#fff;
}

.paginacion .contenedor .paginacion-pie ul .active {
/*	 background: rgba(242,109,10);*/
/*	 background: red;*/
	 background: #222222;
	padding:3px 5px;
}




 .paginacion-pie a:hover{
   color: #000; 
}

.columna{
/*    border: solid 1px red;*/
    width: 90%;
    margin: auto;
}

/*
.columnaInformacion #columna{
    margin-bottom: 10px;
}
*/

.columna h4{
    margin-bottom: 10px;
    margin-top: 10px;
}

.modal-full .modal-content {
    min-height: 100vh;
}

.cont_media{
    width: 25%;
/*    border: solid 1px red;*/
}
.cont_stock{
/*  border: solid 1px red;*/
     width: 100%;
    display: inline-flex;
}
.medida_uno, .medida_dos{
/*    border: solid 1px black;*/
    width: 50%;
}
.ojo{
    float: right;
}

#select_stock{
    width: 25%;
   
}

.cont_presentacion{
    display: none;
}

.data_table{
    width: 90%;
    margin: auto;
}
#alert_gastos{
    display: none;
}
#alert_servicio{
    display: none;
}
.ok_servicio{
    display: none;
}

.btn_bancos_eliminar{
    display: none;
}
.btn_bancos_ditar{
    display: none;
}
#alert_pendientes{
    display: none;
}
#alert_pago{
    display: none;
}

.data_table_servicios{
    
/*    border: solid 1px red;*/
    width: 100%;
    margin-top: 20px;
    background: #fff;
    display: none;
}
#alert_imei_venta{
     display: none;
}

.imeis{
/*    border: solid 1px red;*/
    width: 100%;
}
.barra{
/*    color: black;*/
    font-size: 32px;
}
.barra_btn{
    float: right;
    background: #20c997;
}
.tabale_imeis{
    display: none;
}
#aler_cargados_imei{
    display: none;
}
#alert_imei{
    display: none;
}
/*
#alert_servicio_nombre{
    display: none;
}*/
@media print{
  .oculto-impresion, .oculto-impresion {
    display: none !important;
  }
}
#modal_imei{
    padding: 10px;
}

#modal_calc{
    padding: 10px;
}
#alert_buscar_cliente{
    display: none;
}
.categoria_completa, .producto_completo, .producto_completo_cotizar, .categoria_completa_cotizar{
    display: none;
}
.cliente_vehiculo{
    display: none;
}
.alert_afavor, .alert_nuevo_total{
    display: none;
}
#container_tabla{
    width: 90%;
    margin: auto;
}
.precio_no_ver{
    display: none;
}
.pendiente {
    background: red;
}
.producto_entrante{
    background: #007bff;
}

.swal2-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px !important;
/*  color: green !important;*/
}

.modal_grande{
    max-width: 90%;
}

.azul {
    background: #007bff !important;
}