html, body {
	/* margin:0px; */
	padding: 0px;
}

body {
	margin: 0px;
	/* padding: 0px; */
	/* height:99%; */
	/* width:99%;*/
	margin: 2px 2px 2px 2px;
	padding: 0px;
	height: 98%;
	width: 99%;
}

html {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 99%;
}

.tabla_00 {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-collapse: collapse;
	z-index: 6;
}

.tabla_pendientes {
	width: 100%;
}

.div_tabla_pendientes {
	width: 100%;
	position: fixed;
	top: 20px;
	left: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-collapse: collapse;
	z-index: 6;
}

frame {
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

frameset {
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

table {
	border-spacing: 0px;
}

.visor_total {
	font-family: "Times New Roman", Times, serif;
	font-size: 42px;
	margin-top: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	text-align: right;
}

.visor_cambio {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	padding-right: 10px;
	border-style: none;
	text-align: right;
}

.font1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
}

.img_inforjp {
	width: 80px;
}

.nav:link {
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
}

.nav:visited {
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
}

.nav:active {
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
}

TABLE {
	margin-top: 0;
	border-collapse: collapse;
}

TH {
	
}

TD {
	
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}

h1 {
	
}

h2 {
	font-size: xx-large;
}

h3 {
	
}

h6 {
	
}

.a2 {
	border: 0;
}

.titulo2 {
	/*	elevation: higher;
	direction: rtl;
*/
	
}

.hidden {
	display: none;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

a:hover {
	text-decoration: underline overline;
	padding: 0 0 0;
	/* font-size:x-large; */
}

.tablesale_orden {
	padding: 10px 0px 10px 0px;
}

.tdsale_orden {
	padding: 1px 10px 1px 10px;
}

.tdsale_customer {
	padding: 1px 0px 1px 0px;
}

.tdsale_delete {
	padding: 1px 0px 1px 0px;
}

.tdsale {
	
}

.td2 {
	
}

.td3 {
	font-weight: bolder;
}

.td4 {
	font-weight: bolder;
}

.td5 {
	font-weight: bolder;
}

.td6 {
	font-weight: bolder;
}
.tr_div_subtabla:not(:empty) {

    border-radius: 30px;
    float: left;
    border-style: inset;
    border-width: 20px;
 
}
.tdsale1 {
	
}

.tdsale2 {
	
}

.tdsale_paid_with {
	font-weight: bolder;
	padding-left: 10px;
}

.tdsale_amttedered {
	font-weight: bolder;
	padding-left: 10px;
}

.tdsale_comment {
	font-weight: bolder;
	padding-left: 10px;
}

.tdsale_gdiscount {
	font-weight: bolder;
	padding-left: 10px;
}

.tablaredondeada {
	border-style: dotted;
	border-width: thin;
	padding: 10px;
	font-size: 16px;
	border-radius: 1em;
	/*-moz-border-radius: 1em;*/
	font-weight: 600;
}

.button {
	/* #0099FF;*/
	font-weight: 800;
}

input[type="text"] {
	
}

input[type="text"]:hover {
	text-decoration: underline overline;
	/*   padding:0 0 0 ; */
	/* font-size:x-large; */
}

.inputsinborde {
	border-style: none;
	font-size: 14px;
	font-weight: 800;
}

.image_menu {
	height: 20px;
}

.menubar_img_sales_props_customers {
	height: 30px;
}

.search {
	
}

#container {
	width: 1000px;
	/* this will create a container 80% of the browser width */
	height: 1500px;
	/* margin: 0 auto;  the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left;
	/* this overrides the text-align: center on the body element. */
}

span {
	/* position:absolute; */
	
}

.objMovible {
	position: absolute;
	cursor: pointer
}

.boton_submit_borrar {
	width: 15px;
	height: auto;
}

.div_fixed {
	position: fixed;
	bottom: 0px;
	overflow: hidden;
	/* height:140px;
	max-height:140px; */
	width: 100%;
}

.div_fixed2 {
	position: fixed;
	top: 10px;
	z-index: -1;
}

.div_scroll {
	position: fixed;
	width: 100%;
	height: 70%;
	min-height: 60%;
	top: 2px;
	left: 0px;
	overflow: auto;
}

.td_boton_venta {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.boton {
	font-weight: bolder;
	padding-left: 10px;
	padding-right: 10px;
}

.boton_actualizar_venta {
	font-weight: bolder;
	padding-left: 10px;
	padding-right: 10px;
}

.frame_busqueda00 {
	/* position:fixed;
	 top:25px;
	left:2px;
	
	 height:110px; */
	overflow: auto;
	width: 100%;
	z-index: 1;
}

.frame_sale {
	position: fixed;
	bottom: 1px;
	width: 100%;
	/* height:80%; */
	z-index: 1;
}

.frame_busqueda01 {
	/* position:fixed;
	top:20px;
	left:2px;
	height:900px;	
	*/
	height: 95%;
	/* overflow:auto;*/
	width: 100%;
	z-index: -1;
}

.div_import_dibal {
	width: 100%;
	text-align: center;
	overflow: auto;
}

.sale_subtotal {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: 800;
	margin-top: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	text-align: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-top: 1px;
}

.sale_totaltax {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: 800;
	margin-top: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	text-align: right;
	padding-left: 20px;
	padding-right: 20px;
}

.sale_total {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: 800;
	margin-top: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	text-align: right;
	padding-left: 20px;
	padding-right: 20px;
}

.input_sale_subtotal {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: 800;
	margin-top: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	text-align: right;
}

.input_sale_totaltax {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: 800;
	margin-top: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	text-align: right;
}

.input_sale_total {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: 800;
	margin-top: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	text-align: right;
}

.customers_props_sub_customer_id {
	display: none;
}

.sales_items_temp__total_tax {
	display: none;
}

textarea {
	width: 100%;
}
/*
TOOLTIPS
.div4:before{
	content:attr(title);
	display:none;
}


.div4:hover::before{
	display:block;
	background:yellow;
	border:1px solid black;
	padding:8px;
	margin:25px 0 0 10px;
box-shadow: 0 .1em .5em #333;
font-size: 10px;
}

.div4:hover{
	z-index:10;
	position:relative;

}
*/
.sales_items_temp__quantity {
	text-align: center;
	font-weight: bolder;
}

.sales_items_temp__unit_price {
	text-align: right;
}

.sales_items_temp__tax_percent {
	text-align: center;
}

.sales_items_temp__total_cost {
	text-align: right;
}

.sales_items_temp__discount {
	text-align: right;
}

.sales_items_temp__discount1 input {
	text-align: center;
	
	border: 0px;

	font-weight: bolder;
}

.sales_items_temp__total_cost1 input {
	text-align: right;
	border: 0px;
	font-weight: bolder;
}

.sales_items_temp__tax_percent1 input {
	text-align: center;
	border: 0px;
	font-weight: bolder;
}

.sales_items_temp__unit_price1 input {
	text-align: right;
	border: 0px;
	font-weight: bolder;
}

.sales_items_temp__quantity1 input {
	text-align: right;
	border: 0px;
	font-weight: bolder;
}

.sales_items_temp__item_name1 {
	font-weight: bolder;
}

.sales_items_temp__discount2 input {
	text-align: center;
	border: 0px;
	font-weight: bolder;
}

.sales_items_temp__total_cost2 input {
	text-align: right;
	border: 0px;
	font-weight: bolder;
}

.sales_items_temp__tax_percent2 input {
	text-align: center;
	border: 0px;
	font-weight: bolder;
}

.sales_items_temp__unit_price2 input {
	text-align: right;
	border: 0px;
	font-weight: bolder;
}

.sales_items_temp__quantity2 input {
	text-align: right;
	border: 0px;
}

.sales_items_temp__item_name2 {
	font-weight: bolder;
}

input[type="text"] {
	
}

.sales_items_temp__quantity1 {
	text-align: center;
}

.tdsale1 .td_div {
	text-align: right;
}

.tdsale2 .td_div {
	text-align: right;
}

.tdsale1 .td_div input {
	text-align: right;
	width: 100%;
	border: 0px;
}

.tdsale1 .td_div textarea {
	text-align: right;
	width: 100%;
	text-align: right;
	border: 0px;
	font-weight: bolder;
}

.tdsale1 textarea {
	text-align: left !important;
	vertical-align: middle;
	width: 100%;
	text-align: right;
	border: 0px;
	font-weight: bolder;
}

.tdsale2 .td_div input {
	text-align: right;
	width: 100%;
	border: 0px;
	font-weight: bolder;
}

.tdsale2 .td_div textarea {
	text-align: right;
	width: 100%;
	border: 0px;
	font-weight: bolder;
}

.tdsale2 textarea {
	width: 100%;
	border: 0px;
	font-weight: bolder;
}

.b_install {
	font-weight: bolder;
	border: 2px solid #006699;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	
	font-size: 160%;
	border: 4px solid #6699FF;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.b_install:hover {
	font-weight: bolder;
	border: 2px solid #006699;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 160%;
	border: 4px solid #6699FF;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.required {
	font-weight: bolder;
	font-size: 120%;
}

.right {
	text-align: right;
}

.div_form_login {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('images/logo_inforjp_transparente_p.png');
}

.box__date {
	min-width: 180px;
}

.box__suma input {
	font-weight: bolder;
	font-size: 110%;
}
.input_date {
    /* font-size: 14pt; */
    /* font-weight: bolder; */
    text-align: center;
}
.hasDatepicker {
    width: 100px;
}

/* images clientes */
.dd .ddChild li img {
	padding: 0 6px 0 0;
	height: 80px;
}

.dd .ddTitle .ddTitleText img {
	height: 80px;
}
/* fin images clientes */
@media screen and (min-width:0px) and (max-width:420px) {
	.div_welcome {
		display: none;
	}
	.div_timezone {
		display: none;
	}
	.id_iframes_menu, .iframe_visor, .iframe_cajon, .iframe_menus {
		display: none;
	}
}

@media screen and (orientation:portrait) and (min-width:0px) and
	(max-width:420px) {
	.id_iframes_menu, .iframe_visor, .iframe_cajon, .iframe_menus {
		display: none;
	}
}

#div_menubar1 {
	/* position:fixed;
  right:0px;
  z-index:111111111111111; */
	
}

#div_Main {
	/* position: relative; */
	/* margin-right:140px; */
	
}

.td_center {
	text-align: center;
}

.clear {
	clear: both;
}

.hide {
	display: none;
}

.hidden {
	display: none;
	
	
}

#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
}
#progress-wrp .progress-bar{
    height: 20px;
    border-radius: 3px;
    width: 0;
}
#progress-wrp .status{
    top:3px;
    left:50%;
    position:absolute;
    display:inline-block;
}
input:invalid+span:after {
  content: '✖';
  padding-left: 5px;
}

input:valid+span:after {
  content: '✓';
  padding-left: 5px;
}
.resaltado {
	font-size: 120%;
	font-weight: bolder;
}
.input_sale_line {
	border:none;
	text-align: right;
}

.div_report_show_details {

	padding: 10px 10px 10px 10px;
}

/* print_f */

.tablaprint_f {
	border-color: #0000FF;
	border-right-color: #0000FF;
	border-style: solid;
	/* border-width:medium;
	*/
}

.tablaprint_f TH {
	/* color:white;
	background-color:#0066FF;
	cd
	padding-top:4px;
	padding:4px;
	padding-left:14px;
	*/
	border: none;
}

.tablaprint_f TD {
	/* font-family: "Times New Roman", Times, serif; */
	font-size: 14px;
	border-color: #000000;
	border: none;
	background: white;
	color: black;
}

.tablaprint_f .tablatotal {
	/* border-color:#0000FF; */
	border-style: solid;
	font-size: 16px;
	border-radius: 1em;
	-moz-border-radius: 1em;
	font-weight: 600;
	border-color: #0000FF;
}

.tablaprint_f .tdtotal {
	/* border-color:#0000FF; */
	border-style: solid;
	font-size: 18px;
	border-radius: 1em;
	-moz-border-radius: 1em;
	font-weight: 800;
	color: #FF0000;
	border-color: #0000FF;
	text-align: right;
}

.tablaprint_f .tablaempresa {
	/* border-color:#0000CC; */
	font-size: 14px;
	page-break-inside: auto;
	font-family: Arial, Helvetica, sans-serif;
}


.tablaprint_f .tresalt {
	/* border-color:#0000FF; */
	font-size: 14px;
	page-break-inside: auto;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3399FF;
	font-weight: bold;
}

.tablaprint_f .tablacliented {
	border: none;
	font-weight: 600;
}

.tablaprint_f .tablapagina {
	border: double;
	border-width: medium;
	border-color: #0000FF;
}
.custom-subtable-tabulator-header .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
	font-size: medium;
	font-weight: bold;


	text-align: center;
}