
/* /////////////////////////////////////// */
/* QR CODE READER */
/* /////////////////////////////////////// */
qr-body { 
	display: flex; 
	justify-content: center; 
	margin: 0; 
	padding: 0; 
	height: 100vh; 
	box-sizing: border-box; 
	text-align: center; 
	background: rgb(128 0 0 / 66%); 
} 
.qr-container { 
	width: 100%; 
	max-width: 500px; 
	margin: 5px; 
} 

.qr-container h1 { 
	color: #ffffff; 
} 

.qr-section { 
	background-color: #ffffff; 
	padding: 50px 30px; 
	border: 1.5px solid #b2b2b2; 
	border-radius: 0.25em; 
	box-shadow: 0 20px 25px rgba(0, 0, 0, 0.25); 
} 

#my-qr-reader { 
	padding: 20px !important; 
	border: 1.5px solid #b2b2b2 !important; 
	border-radius: 8px; 
} 

#my-qr-reader img[alt="Info icon"] { 
	display: none; 
} 

#my-qr-reader img[alt="Camera based scan"] { 
	width: 100px !important; 
	height: 100px !important; 
} 

qr-button { 
	padding: 10px 20px; 
	border: 1px solid #b2b2b2; 
	outline: none; 
	border-radius: 0.25em; 
	color: white; 
	font-size: 15px; 
	cursor: pointer; 
	margin-top: 15px; 
	margin-bottom: 10px; 
	background-color: #008000ad; 
	transition: 0.3s background-color; 
} 

qr-button:hover { 
	background-color: #008000; 
} 

#html5-qrcode-anchor-scan-type-change { 
	text-decoration: none !important; 
	color: #1d9bf0; 
} 

video { 
	width: 100% !important; 
	border: 1px solid #b2b2b2 !important; 
	border-radius: 0.25em; 
}

/* /////////////////////////////////////// */
/* /////////////////////////////////////// */



/* .tbl_info tbody td { text-align: right; } */
/* .tbl_info tbody td:third-child { text-align: center; } */



@media print
{
/*    @page {
     margin-left: 15mm;
     margin-right: 15mm;
     margin-top: 0;
     margin-bottom: 0;
   } */
}



@page
{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
 
.texto
{
/* 	text-align: justify;
  	text-justify: inter-word; */
}
 

/* html{margin:0px 0px} */

@media screen and (orientation:portrait) {}
@media screen and (orientation:landscape) {}
@media print {[bt_e],[bt_-][bt_o],[bt_x],[bt_r],[bt_n]{display:none;}}

@media screen{.noscreen{display:none;} [noscreen]{display:none;}}
@media print {.noprint{display:none;} [noprint]{display:none;}}
@media print {a {text-decoration: none; color: inherit; }}



p.pgbreak{page-break-after: always;}
/* <p class="pgbreak" /></p>	 */


/* @page{@bottom-right{content: counter(page) " of " counter(pages);}} */

/* html {font-size: 62.5%;} */


.td_real,.td_int{}

/*   padding-top: 10px; */
/*   padding-bottom: 20px; */


/* $pbground='#D4FEF9'; */
/* 
input {
    border:0; 
    padding:10px; 
    font-size:1.3em; 
    font-family:"Ubuntu Light","Ubuntu","Ubuntu Mono","Segoe Print","Segoe UI";
    color:#ccc; 
    border:solid 1px #ccc; 
    margin:0 0 20px; 
    width:300px;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); 
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); 
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px;    
  }
 */
/* 
input:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
    background-color:#D4FEF9;
 }

 */

th
{
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
td
{
  padding-left: 0.2em;
  padding-right: 0.2em;
}

/* [txt-lower]{text-transform:lowercase;} */


[not-user-select]
{
/* style="-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;" 
 unselectable="on"
 onselectstart="return false;" 
 onmousedown="return false;" */
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select:none;
user-select:none;
-o-user-select:none;" 
}

[txt-capital]{text-transform:capitalize;}

[txt-upper]{text-transform:uppercase;}
[txt-lower]{text-transform:lowercase;}

[padd-tb05]
{
  padding-top:0.5em;
  padding-bottom:0.5em;
}

[padd-lr05]
{
  padding-left:0.25em;
  padding-right:0.25em;
}


[img-bbott]
{border-bottom-style:solid; border-color:white; border-width:2px;}

[bgc-lgreen]
{background-color:lightgreen;}

/* [bgc-ulgreen]
{background-color:palegreen;} */

[bgc-ulgreen]
{background-color:#C6FFC4;}

[bgc-aquam]
{background-color:aquamarine;}

[bgc-lred]
{background-color:lightcoral;}

[bgc-lblue]
{background-color:lightblue;}

[bgc-ulblue]
{background-color:#e6f2ff;}

[bgc-ulyellow]
{background-color:#ffffcc;}

[bgc-ulred]
{background-color:#ffccff;}

[bgc-lsblue]
{background-color:LightSteelBlue; color:;}

[bgc-lcyan]
{background-color:lightcyan; color:;}

[bgc-lpink]
{background-color:lightpink; color:;}

[bgc-beige]
{background-color:beige; color:;}


[bgc-lred]
{background-color:salmon !important; color:black;}

[bgc-dred]
{background-color:darkred !important; color:white;}

[bgc-dorange]
{background-color:darkorange !important; color:white !important;}

[bgc-gold]
{background-color:gold;}

[bgc-sgreen]
{background-color:seagreen;}

[bgc-darkred]
{background-color:darkred;}

[bgc-gainsboro]
{background-color:gainsboro;}

[bgc-whitesmoke]
{background-color:whitesmoke;}

[bgc-ulgray]
{background-color:#e6f2ff;}




[bt_-],[bt_e],[bt_o],[bt_x],[bt_n],[bt_r]
{
     font-weight:bold; 
     tabindex:-1;
     zoom:0.7;
}

[bt_e]
{
     background-color:lightblue; 
     color:white; 
     white-space:nowrap;     
}
[bt_-]
{
     background-color:whitesmoke; 
     color:white; 
     white-space:nowrap;     
}
[bt_o]
{
     background-color:whitesmoke; 
     color:darkred; 
     white-space:nowrap;     
}
[bt_x]
{
     background-color:darkred; 
     color:white; 
     white-space:nowrap;     
}

[bt_n]
{
     background-color:darkred; 
     color:white; 
     white-space:nowrap;     
}

[bt_r]
{
     background-color:darkred; 
     color:white; 
     white-space:nowrap;     
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{-webkit-appearance: none;margin: 0;}
/* Firefox */

input[type=number]{-moz-appearance: textfield;}
input[type=month]{width:13em;}

[tab-tab]{display:table;width:auto;}
[tab-row]{display:table-row;}
[tab-col]{display:table-column;float:left;margin-left:0.5em;}
[tsumm]{background-color:gainsboro;font-weight:bold;}
/* border-collapse:collapse;cellspacing:0;cellpadding:0; */

[flex-center]
{
     display:flex;
     justify-content:center;
     align-items:center;
}
[flex-middle]
{
     display:flex;
/*      justify-content:middle; */
     align-items:middle;
}

[no-tab]{tabindex:-1;}

[btn-upld]
{
     text-align:center;
     font-weight:bold;
     min-width:2em; 
     nav-index:-1;     
     color:grey;
     background-color:lightblue;
}

[btn-anul]
{
/*      text-align:center; */
     font-weight:bold;
     min-width:2em; 
     nav-index:-1;     
     color:darkred;
     background-color:whitesmoke;
}

[btn-elim]
{
/*      text-align:center; */
     font-weight:bold;
     min-width:2em; 
     nav-index:-1;     
     color:whitesmoke;
     background-color:darkred;
}

[cantcarr]
{
     text-align:center;
     font-weight:bold;
     width:4em;     
}

[td_codigo]
{
/*      text-align:center; */
     font-weight:bold;
     font-size:95%;
     border-left:1px solid;
/*      border-right:0.5px solid; */
/*      background-color:gainsboro; */
     background-color:#F0F0F0;
     
/*      white-space:nowrap; */
     padding-left:0.4em;
     padding-right:0.3em;
}

[td_date]
{
     text-align:center;
     font-weight:bold;
     font-size:85%;
     border-left:1px solid;
     border-right:0.5px solid;
/*      background-color:gainsboro; */
     background-color:#F0F0F0;
     white-space:nowrap;
     padding-left:0.4em;
     padding-right:0.4em;
}

[td_datime]
{
     text-align:center;
/*      font-weight:bold; */
     border-left:1px solid;
     border-right:0.5px solid;
/*      background-color:gainsboro; */
     background-color:#F0F0F0;
     white-space:nowrap;
/*      white-space:preserve-3d; */
/*      padding-left:0.4em; */
/*      padding-right:0.3em; */
     
     font-size:65%;
     line-height: 100%;
}

[td_total]
{
     text-align:right;
     font-weight:bold;
     border-left:1px solid;
     border-right:1px solid;
/*      background-color:gainsboro; */
     background-color:#F0F0F0;
     padding-left:0.5em;
     padding-right:0.5em;
}

[unselect]
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[autoh]{height:1em;}

table{border-collapse:collapse;cellspacing:0;cellpadding:0;}
@media screen
{tr[hoverbg]:hover{background-color:lightblue !important;}}

/*@media screen*/
tr[brk-inside]{page-break-inside: avoid; break-inside: avoid;}


@media print{.pbb-a{page-break-before:always;}}
@media print
{
     [pbb-alw]{page-break-before:always;}
     [pbb-avo]{page-break-before:avoid;}
     [pba-avo]{page-break-after:avoid ;}
}


a:after{content:none !important;}
a[onclick]:hover{cursor:pointer;}
div[onclick]{text-decoration:underline;}
div[onclick]:hover{cursor:pointer;}
th[onclick]:hover{text-decoration:underline;}
button[onclick]:hover{text-decoration:underline;}
option[clor]{color:black;font-weight:bold;}
select{width:auto;}


.swal2-container
{
     z-index:9999999999;
}

i.bi
{
     margin-left: -30px;
     cursor: pointer;
}


button
{
     color:#404040;
     font-weight:bold;
     text-transform:capitalize;
     margin:0px;
/*      padding:25px; */
     min-height:1.5em;
/*   padding: 10px 24px;      */
/*      border-style:outset; */
/*          border-width:3px; */
     border-radius:5px;
}
input:focus{background:#F0FFF0;}
textarea:focus{background:#D4FEF9;}

/* tr:hover{background-color:lightblue;} */

[hide]{display:none;}
[d-block]{display:block;}
[d-tcell]{display:table-cell;}
[border-none]{border-top:0px; border-bottom:0px; border-left:0px; border-right:0px;}
[border-lr]{border-left:1px solid; border-right:1px solid;}
[border-l]{border-left:1px solid;}
[border-r]{border-right:1px solid;}
[float-l]{float:left;}
[float-r]{float:right;}
[align-l]{text-align:left;}
[align-r]{text-align:right;}
[align-c]{text-align:center ;}
[align-t]{vertical-align:top;}
[align-m]{vertical-align:middle;}
[align-b]{vertical-align:bottom;}
[valign-t]{vertical-align:top;}
[valign-m]{vertical-align:middle;}
[valign-b]{vertical-align:bottom;}
[bold]{font-weight:bold;}
[f-black]{color:black;}
[margin-lr05]
{margin-left:0.5em;margin-right:0.5em;}
[margin-0]
{
/*      margin:0 auto; */
     margin-top:0em;
     margin-bottom:0em;
}

@media screen{[boldsc]{font-weight:bold; background-color:;}}

/* {[boldsc]{font-weight:bold; background-color:lightgreen;}} */
@media screen{[backg-sc]{background-color:lightgreen;}}

[italic]{font-style: italic;}
[arial]{font-family: arial;}
[courier]{font-family: courier new;}
[size40]{font-size:40%;}
[size60]{font-size:60%;}
[size80]{font-size:80%;}
[size90]{font-size:90%;}
[size100]{font-size:100%;}
[size120]{font-size:120%;}
[size140]{font-size:140%;}
[size160]{font-size:160%;}
[size180]{font-size:180%;}
[size200]{font-size:200%;}

[zoom60]{zoom:0.6;}
[zoom80]{zoom:0.8;}
[zoom120]{zoom:1.2;}
[zoom200]{zoom:2;}
[underline]{text-decoration:underline;}
[linethr]{text-decoration:line-through;}
[nowrap]{white-space:nowrap;}

[line-h90]{line-height:90%;}
[line-h100]{line-height:100%;}
[line-h110]{line-height:110%;}


[bb-s1]{border-bottom:solid 1px;}
[bt-s1]{border-top:solid 1px;}
[bb-do1]{border-bottom:dotted 1px;}
[bb-da1]{border-bottom:dashed 1px;}


[numeric-txt]{text-align:right;}
.numeric-txt{text-align:right;}

[nume-r]{text-align:right;}
.nume-r{text-align:right;}

.hide{display:none;}
.border-l{border-left:1px solid;}
.border-r{border-right:1px solid;}
.align-c{text-align:center;}
.float-r{float:right;}
.align-r{text-align:right;}
.bold{font-weight:bold;}
.italic{font-style: italic;}
.size60{font-size:60%;}
.size80{font-size:80%;}
.size120{font-size:120%;}
.underline{text-decoration:underline;}
.linethr{text-decoration:line-through;}
.nowrap{white-space:nowrap;}

.colg_docu{border-left:1px solid; text-align:center; font-size:3px; background-color:yellow; }

.zoom {
/*   padding: 50px;
  background-color: green; */
  transition:transform .2s; /* Animation */
/*   width: 200px;
  height: 200px;
  margin: 0 auto; */
}

.zoom:hover {
  transform:scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


.fix_table {
  table-layout:fixed;
  border-collapse:collapse;
}
.fix_table thead {
/*   background-color: #333; */
/*   color: #FDFDFD; */
}
.fix_table thead tr {
/*   display: block; */
  position: relative;
}
.fix_table tbody {
/*   display: block; */
  overflow: auto;
  width: 100%;
  height: 300px;
}


[sel-file]
{
     text-align:center;
     max-width:8em;
     zoom:0.8;
/*      position:relative; */
/*      float:left; */
}

[btn-file]
{
     text-align:center;
     max-width:12em;
     background-color:lightblue;
     color:grey;
}

[rel-left]
{
     position:relative;
     float:left;
}
[rel-right]
{
     position:relative;
     float:right;
}
[rel-center]
{
     position:relative;
     float:center;
}

[img-span]
{
     position:relative;
     float:left;
/*      padding:0.1em; */
}

[img-table]
{
     border-collapse:collapse;
     width:5em;
     max-width:45%;     
/*      cellpadding:0; */
}

[img-list]
{
     border-collapse:collapse;
/*      width:5em; */
     width:99%;     
/*      cellpadding:0; */
}


@media screen{
[sticky]
{
     position:sticky;
     z-index:9999;
}

[sticky-t100]
{position:sticky; top:100px;}
     
[sticky-t140]
{position:sticky; top:140px;}
     
[sticky-t180]
{position:sticky; top:180px;}
     
[sticky-b10]
{position:sticky; bottom:10px;}

[sticky-left]
{
     position:sticky;
     left:0;
     background:#f5f5f5;
     opacity:1;
     z-index:999999;
}

[sticky-left2]
{
     position:sticky;
     left:20px;
     background:#f5f5f5;
     opacity:1;
     z-index:999999;
}
}

.img-table td{text-align:center;vertical-align:top;}


.input-label{
  font-weight:bold;
  text-transform:capitalize;
  width:100%;
/*   margin:0px; */
  margin:0em 0em 0.1em;
/*   margin:0em; */
/*   align:left !important; */
/*   border-width:3px; */
/*   border-radius:0px; */

/*   padding:2px; */

/*   border-style:outset; */
  
  
}



.input-button{
  font-weight:bold;
  text-transform:capitalize;
  margin:0px;
  padding:0.1em;
  height:1.5em;
/*   padding: 10px 24px;      */
}

.input-text{
  margin:0px;
  padding:0px;
  height:1.4em;
/*   padding: 10px 24px;      */
}


.solo-numero{text-align:right;}
.only-numeric{text-align:right;}
.numeric-cod{text-align:left;}
.numeric-dec{text-align:right;}
.numeric-int{text-align:right;}
.a{padding: 1px 1px 1px 1px;}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top
{
    margin-left: 0;
    margin-right: 0;
}
.brand { margin-right: 24px }
.section-about { margin-top: 60px}
ul.slimmenu { text-align: center }
ul.slimmenu li 
   {
      text-align:left;
      min-width:160px; 
      max-width:300px; 
   }
.table td { vertical-align: middle }
.github-button {
    display: inline-block;
    vertical-align: middle;
    margin: 20px 10px 20px 0;
}

@media screen {.red{color:darkred !important;}}
@media screen {[red]{color:darkred !important;}}
@media screen {[orange]{color:darkorange !important;}}
@media screen {[gold]{color:gold !important;}}


@media print {[red]{color:darkred !important; text-decoration:underline;}}
@media print {[orange]{color:#FFA500 !important; text-decoration:underline;}}
@media print {[gold]{color:gold !important; text-decoration:underline;}}


a, a:hover, a:visited, a:active
{
/*   color: inherit; */
/*   text-decoration: none; */
 }

span[data-clear-input]{color:darkred;}

span[password-input]{color:darkblue;}

.clearable-input {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.clearable-input > input {
  padding-right: 1.4em;
}
.clearable-input:hover > [data-clear-input] {
  display: block;
}
.clearable-input > [data-clear-input] {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
  font-size: 1.4em;
  padding: 0 0.2em;
  line-height: 0.9em;
  cursor: pointer;
}
.clearable-input > input::-ms-clear {
  display: none;
}
.clearable-input > [input-output] {line-height:0.9em;}


.clearable-input:hover > [myarrow] {
  display: block;
  color: blue;
}
.clearable-input > [myarrow] {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
  font-size: 1.4em;
  padding: 0.7em 1.7em;
  line-height: 0.9em;
  cursor: pointer;
}



.password-input {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.password-input > input {
  padding-right: 1.4em;
}
.password-input:hover > [password-input] {
  display: block;
}
.password-input > [password-input] {
  display: none;
  position: absolute;
/*   top: 0; */
  top: 0.3em;
  right: 0;
  font-weight: bold;
  font-size: 1.4em;
/*   padding: 0 0.2em; */
  padding: 0 1.5em;
  line-height: 0.9em;
  cursor: pointer;
}
.password-input > input::-ms-clear {
  display: none;
}
.password-input > [input-output] {line-height:0.9em;}




/* .input-output
{
     line-height:0.9em;
} */


.modalDialog
{
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 00ms ease-in;
	-moz-transition: opacity 00ms ease-in;
	transition: opacity 00ms ease-in;
	pointer-events: none;
}
.modalDialog:target 
{
	opacity:1;
	pointer-events: auto;
}
.modalDialog > div 
{
/* 	width: 75%; */
	width: auto;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
     -webkit-transition: opacity 00ms ease-in;
     -moz-transition: opacity 00ms ease-in;
     transition: opacity 00ms ease-in;
}
.close
{
	background: red;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover { background: darkred; }




/* Chrome, Safari, Edge, Opera */
/* input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} */

/* Firefox */
/* input[type=number] {-moz-appearance: textfield;} */

/* [numpage]:after {counter-increment: page;;}
#pageFooter:{content: counter(page);} */
#content {display: table;}
#pageFooter {display: table-footer-group;}
#pageFooter:after {counter-increment: page; content: counter(page);}



