@media screen and (orientation:portrait) {}
@media screen and (orientation:landscape) {}
@media print {.noprint{display:none;} [noprint]{display:none;}}
@media screen{.noscreen{display:none;} [noscreen]{display:none;}}

@media print 
{
/*   @page { margin: 0; } */
/*   body { margin: 1.6cm; } */
}


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; */

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


/* 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;}

[bt_a]{background-color:darkred; color:yellow; font-weight:bold;}
/* button{zoom:0.8;} */

[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_date]
{
     text-align:center;
     font-weight:bold;
     border-left:1px solid;
     border-right:1px solid;
     background-color:gainsboro;
     white-space:nowrap;
}

[td_total]
{
     text-align:right;
     font-weight:bold;
     border-left:1px solid;
     border-right:1px solid;
     background-color:gainsboro;
}

[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;}}

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;}

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;}
[border-l]{border-left:1px solid;}
[border-r]{border-right:1px solid;}
[align-l]{text-align:left;}
[align-c]{text-align:center;}
[align-r]{text-align:right;}
[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;}
[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%;}
[size120]{font-size:120%;}
[size140]{font-size:140%;}
[zoom80]{zoom:0.8;}
[zoom120]{zoom:1.2;}
[underline]{text-decoration:underline;}
[linethr]{text-decoration:line-through;}
[nowrap]{white-space:nowrap;}

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

.hide{display:none;}
.border-l{border-left:1px solid;}
.border-r{border-right:1px solid;}
.align-c{text-align:center;}
.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;}


.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;
     color:grey;
     background-color:lightblue;
     
/*      zoom:0.8; */
/*      position:relative; */
/*      float:left; */
}

[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; */
}

.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;
}

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);}



