/* 
          ___                   _      _   _      _______    ___ __ ___  __   ___ ___ ___ _   _ ___ ___ _____   ___ _    ___
         / __|___ _ __ _  _ _ _(_)__ _| |_| |_   / / __\ \  |_  )  \_  )/ /  | _ \ _ \_ _| | | | _ )_ _|_   _| / __| |  | _ \
        | (__/ _ \ '_ \ || | '_| / _` | ' \  _| | | (__ | |  / / () / // _ \ |  _/   /| || |_| | _ \| |  | |   \__ \ |__|  _/
         \___\___/ .__/\_, |_| |_\__, |_||_\__| | |\___|| | /___\__/___\___/ |_| |_|_\___|\___/|___/___| |_|   |___/____|_|
                 |_|   |__/      |___/           \_\   /_/

        | [LUCA] [SIC] Luca Pacioli - Sistema de Informacion Contable
        | (c) Copyright 2026 PRIUBIT SLP - Banyoles (Spain)
        | All Rights Reserved
        |____________________________________________________________________________________________________________________
	luca.css
	_____________________________________________________________________________________________________________________
	|
	| luca css definitions 
	|____________________________________________________________________________________________________________________
*/
@font-face {
  font-family: 'IMfont';
  /*src: url('whiterabbit.ttf');*/  /* IE9 Compat Modes */
  /*src: url('whiterabbit.ttf?#iefix')  format('embedded-opentype'), *//* IE6-IE8 */
  src: url('../font/RobotoMono-Medium.ttf');
}
* { 
  font-size: 14px;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	/*zoom: 0.999;*/
zoom: 1.00;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table#c_bal_ss {
  position:absolute; 
  /*cursor: pointer;*/
  box-shadow: 0 7px 12px rgba(0, 0, 0, 0.5);
}
table#t_bal_ss {
  border: 1px solid #383877;
    background-color: #ffffff !important;
	/*border-width: 1px 1px 1px 1px;*/
width: 100%;
}
table.normalTable {
table-layout: fixed;
display: block;
  border: 0px solid #000000;
    background: transparent !important;
    border-collapse: collapse;
width: 75%;
 margin-left: auto;
 margin-right: auto;
overflow-y: hidden;
/*height:750px;*/
font-size: 1.12em;
}
.sticky-row {
  position: sticky;
  top: 0;
  z-index: 2;
}
.sticky-row.second {
  top: 20px; /* adjust based on height of the first row */
  z-index: 3; /* higher z-index for second row to appear above */
}
table.normalInTable thead th {
  position: sticky;
  top: 0;
  background: #e4e4e4 !important; /* Required: background so content below doesn't show through */
  z-index: 1;
  height: 20px;
}
table.normalInTable {
table-layout: fixed;
 margin-left: auto;
 margin-right: auto;
  border: 0px solid #000000;
    background: transparent !important;
    border-collapse: collapse;
width: 100%;
/*height: 570px;*/
overflow-y: auto;
overflow-x: hidden; 
font-size: 1.12em;
text-align: left;
  /*white-space: nowrap;*/
}
div.nowrap {
overflow-y: auto;
overflow-x: hidden; 
}
table#normalInTable2 td {
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
table#innerTable {
display: block;
  border: 1px solid #000000;
    background: transparent !important;
    border-collapse: collapse;
width: auto;
 margin-left: auto;
 margin-right: auto;
overflow-y: scroll;
height:70vh;
font-size: 1.12em;
}
table#innerTable th {
position: -webkit-sticky;
  position: sticky;
  top: 0;
    background-color: #444444 !important;
    color: #eeeeee !important;
height: 25px;
vertical-align: middle;
}
td.totaltdok {
    background-color: #ccffaa !important;
    color: #444444 !important;
padding: 0px 5px;
}
td.totaltdnok {
    background-color: #ffccaa !important;
    color: #444444 !important;
padding: 0px 5px;
}
/*************************/
body {
    line-height: 1;
    background-color: #ffffff;
/*background-image: url("../png/hrbkg.png");*/
background-repeat: no-repeat;
/*background-attachment: fixed;*/
background-position: top left;
background-size: 1920px 1800px;
/*max-width: 1024px;*/
/*max-height: 1800px;*/
/*width: 1024px;*/
/*height: 800px;*/
	/*overflow: hidden;*/
overflow-x: hidden;
}
div.cnt {
max-width: 1024px;
max-height: 600px;
width: 1024px;
height: 600px;
margin: 0;
visibility: hidden;
background-image: url("alert.png");
}
table, tbody, tr, th, td{
  border-spacing: 0;
  background-color: rgba(0, 0, 0, 0.0) !important;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
table td, table td * {
    vertical-align: top;
}
table.container {
    font-family: 'IMfont', Fallback, Helvetica;
    font-size:14px;
    font-weight: normal;
    color: #000000;
    border-collapse: collapse;
    width:100%;
    /*width:1220px;
    height:600px;a*/
    border-right: 1px solid #444444;
    border-bottom: 1px solid #444444;
    padding: 0;
    margin: 0px;
    border-spacing: 0;
    visibility: hidden;
/*	margin-left: auto; */
/* 	margin-right: auto; */
}
table.container td tr {
  padding: 0px; 
  margin: 0px;
}
table#_isos_ {
 border-spacing:0;
 border-collapse: collapse;
top:15px;
left:50px;
z-index:15000;
}
#loading {
  position:absolute; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  white-space: nowrap;
}
#qtt {
  border: 5px solid #aee9ac;
  width: 350px;
  position:absolute; 
  /*top: 30%;*/
  top: 110px;
  left: 40%;
  transform: translate(-40%, -40%);
  text-align: center;
  white-space: nowrap;
  display: none;
  background: rgba(20, 20, 20, 0.95) !important;
  z-index: 15000; 
}
div.void
{
    background: transparent;
    border: none;
  width:1px;
  height:35px;
}
select::-webkit-scrollbar { /*For WebKit Browsers*/
    width: 0;
}

select.selYear {
    scrollbar-width: none; /*For Firefox*/;
    -ms-overflow-style: none;  /*For Internet Explorer 10+*/;
overflow-y: auto;
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 12px !important;
  font-weight: normal;
  color:#ffffff;
  text-decoration: none;  
  padding: 2px; 
  margin: 1px;
    position:absolute; 
  text-align: left;
  white-space: nowrap;
	width: auto;
    background: #383877;
	display: block;
  margin-top: auto;
background: #383877;
border: 0px solid #ff0000;
  cursor: pointer;
	z-index: 25000;
}
select.selYear option{
    background: #383877;
}
select.mormalSelect option:checked {
    color: white;
    background-color: yellow;
  }
select.normalSelect option{
    background-color: #ffffff;
    color: #444444 !important;
}
select.normalSelect {
    scrollbar-width: none; /*For Firefox*/;
    -ms-overflow-style: none;  /*For Internet Explorer 10+*/;
overflow-y: auto;
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 12px !important;
  font-weight: normal;
  color:#444444;
  text-decoration: none;  
  padding: 2px; 
  margin: 0px;
    position:absolute; 
  text-align: left;
  white-space: nowrap;
	width: auto;
    background: #777777;
	display: block;
  margin-top: auto;
border: none;
 border-style: none;
  cursor: pointer;
}
* {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
::selection { background: transparent; }
::-moz-selection { background: transparent; }
td.counter {
  font-family: 'IMfont', Fallback, Helvetica;
  font-weight: bold;
  background-color: #000000 !important;
  font-size:24px;
  text-align:center;
  color:#eeeeee;
  /*border-top: 1px solid #eeeeee;*/
  border-bottom: 3px solid #222222;
  border-right: 1px solid #777777;
  /*border-left: 1px solid #eeeeee;*/
  text-align:center;
  text-decoration: none;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius:    5px 5px 5px 5px;
  border-radius:         5px 5px 5px 5px;
  /*
  -moz-box-shadow:2px 2px 2px rgba(182, 182, 182, 0.75);
  -webkit-box-shadow: 2px 2px 2px rgba(182, 182, 182, 0.75);
  box-shadow: 2px 2px 2px rgba(182, 182, 182, 0.75);
  */
}
td.tdtitle {
  text-align: center;
  vertical-align: middle;
  font-family: 'IMfont', Fallback, Helvetica;
  font-weight: bold;
  font-size:18px;
  text-align:center;
  color:#eeeeee;
}
td.screen {
  text-align: center;
  vertical-align: top;
  height: 100%;
  font-family: 'IMfont', Fallback, Helvetica;
  font-weight: normal;
  font-size:12px;
  color:#444444;
  background: #ffffff !important;
  padding-left: 10px;
  padding-right: 10px;
	display: flex;
    justify-content: center;
}
td.label {
  text-align: left;
  vertical-align: bottom;
  height: 15px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-weight: normal;
  font-size:12px;
  color:#eeeeee;
}
td.label_r {
  text-align: right;
  vertical-align: bottom;
  height: 15px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-weight: normal;
  font-size:12px;
  color:#eeeeee;
}
td.label_c {
  text-align: center;
  vertical-align: bottom;
  height: 15px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-weight: normal;
  font-size:12px;
  color:#eeeeee;
}
td.label_cb {
position: sticky;
top: 0;
  text-align: center;
  vertical-align: bottom;
  height: 15px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-weight: normal;
  font-size:12px;
  color:#eeeeee;
  background: #444444 !important;
}
td.label_r2 {
  text-align: right;
  vertical-align: top;
  height: 15px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-weight: normal;
  font-size:16px;
  color:#eeeeee;
}
td.label_c2 {
  text-align: center;
  vertical-align: top;
  height: 15px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-weight: normal;
  font-size:16px;
  color:#eeeeee;
}
td.label_cb2 {
  text-align: center;
  vertical-align: top;
  height: 15px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-weight: normal;
  font-size:16px;
  color:#eeeeee;
  background: #444444 !important;
}
td.label_l3 {
  white-space: nowrap;
  text-align: left;
  vertical-align: bottom;
  font-family: 'IMfont', Fallback, Helvetica;
  font-weight: normal;
  font-size:12px;
  color:#eeeeee;
}
td.label_r3 {
  white-space: nowrap;
  text-align: right;
  vertical-align: bottom;
  font-family: 'IMfont', Fallback, Helvetica;
  font-weight: normal;
  font-size:12px;
  color:#eeeeee;
}
td.label_c3 {
  white-space: nowrap;
  text-align: center;
  vertical-align: bottom;
  font-family: 'IMfont', Fallback, Helvetica;
  font-weight: normal;
  font-size:12px;
  color:#eeeeee;
}
td.label_cb3 {
  text-align: center;
  vertical-align: bottom;
  font-family: 'IMfont', Fallback, Helvetica;
  font-weight: normal;
  font-size:12px;
  color:#eeeeee;
  background: #444444 !important;
}
td.info {
  text-align: left;
  vertical-align: bottom;
  height: 35px;
  background: #222222 !important;
}
td.small_info_l {
  text-align: left;
  vertical-align: bottom;
  height: 25px;
  background: #222222 !important;
  font-size:18px;
  /* top | right | bottom | left */
  padding:  0 0 0 0;
}
td.small_info_r {
  text-align: right;
  vertical-align: bottom;
  height: 25px;
  background: #222222 !important;
  font-size:18px;
  padding: 0 0 0 0;
}
td.info_r {
  text-align: center;
  vertical-align: middle;
  height: 35px;
  background: #222222 !important;
}
td._number {
  padding-left:5px; padding-right:5px; line-height: 25px; overflow: hidden;
  vertical-align: middle;
  font-size:24px;
  border-style: thin solid !important;
  border-color: #eeeeee !important;
  border: 1px solid !important;
}
table.center { margin-left:auto; margin-right:auto; }
#pass {
  background: #222222 !important;
  padding: 7px;
}
td.radios {
  padding-top: 10px; line-height: 35px; overflow: hidden;
}
td.inc  {
  padding-left:100px; overflow: hidden;
}
div._number {
  padding-top:10px; padding-bottom:10px; line-height: 25px; overflow: hidden;
  vertical-align: middle;
}
#pw {
  display: flex;
  align-items: center;
  font-family: inherit;
  font-weight: 500;
  font-size: 16px;
  padding: 0.7em 1.4em 0.7em 1.1em;
  color: white;
  /*background: linear-gradient(0deg, rgb(2, 48, 16) 0%, rgb(160, 216, 146) 100%);*/
  background: transparent;
  border: 1px solid #ffffff;
  /*box-shadow: 0 0.7em 1.5em -0.5em #cce2d298;*/
  letter-spacing: 0.05em;
  border-radius: 0.2em;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
td._np_ { 
  text-align: left;
  vertical-align: bottom;
  height: 35px;
  background: #222222 !important;
  font-size: 16px;  
}
#_units_ {
  position: absolute;
  /* 
  margin-left: auto;
  margin-right: auto;
  border: 1px solid rgb(245, 242, 242);
  */
  border-spacing: 10px;
  border-top: 2px solid #eeeeee !important;
  border-bottom: 3px solid #eeeeee;
  border-right: 3px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  border-collapse: separate;
  display: none;
  z-index: 10000;
  background: rgba(20, 20, 20, 0.95) !important;
}
#_isos_ {
  position: absolute;
  border-spacing: 10px;
  border-top: 2px solid #eeeeee !important;
  border-bottom: 3px solid #eeeeee;
  border-right: 3px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  border-collapse: separate;
  display: none;
  z-index: 10000;
  background: rgba(20, 20, 20, 0.95) !important;
}
input._idat_ {
  border-radius: 5px;
  background-color: rgb(161, 235, 178);
  text-align: right;
  font-weight: bold;
  font-size: 24px;
}
input._isotd_ {
  border-radius: 5px;
  background-color: rgb(35, 39, 36);
  color: #eeeeee;
  text-align: right;
  font-weight: bold;
  font-size: 16px;
}
input._idatd_ {
  border-radius: 5px;
  background-color: rgb(35, 39, 36);
  color: #eeeeee;
  text-align: right;
  font-weight: bold;
  font-size: 24px;
}
input._idatds_ {
  border-radius: 5px;
  background-color: rgb(35, 39, 36);
  color: #eeeeee;
  text-align: right;
  font-weight: bold;
  font-size: 18px;
}
input[type=radio] {
  padding: 0.5em;
  -webkit-appearance: none;
  appearance: button none; 
  outline: 0.1em solid rgb(252, 249, 249);
  outline-offset: 0.1em;
}
input[type=radio]:checked {
  display: inline-block;
  background-color: rgb(235, 161, 178);
}
input[type='checkbox'] {
  width: 15px;
  height: 12px;
  accent-color: green !important;
}
input[type="checkbox"]:not(:checked):not(:disabled) {
  appearance: none;
  margin-bottom: 0;
  width: 15px;
  height: 15px;
  background: rgb(250, 250, 250);
  border: 1px solid #cccccc;
}
#selIP option
{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background-color: #444444;
}
._his {
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  /*top: 275px;*/
  top: 165px;
  left: 10px;
  display: inline-block;
  width: 440px;
  /*height:173px;*/
  height:290px;
  border: 1px solid #ddd;
  text-align: left;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-top: 5px;
  padding-bottom: 10px;
  /*background-color: #837c1c;*/
  color:#eee5e5;
  visibility: hidden;
  z-index: 5000;
}
td.tdhis {
  padding-left: 10px;
}
tr.incmm {
  color: #141414 !important;
  background-color: #aaf0c5 !important;
  width: 100%;
}
tr._hidded {
  visibility: hidden;
  display: none;
}
td._hidded {
  visibility: hidden;
  display: none;
}
._buttons_ {
  position: absolute;
  /* top: 0px; */
  /* left: 0px; */
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 10000;
  color:#dddddd;
  text-align: center;
}
td.tdbutt {
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 1px;
  padding-bottom: 0px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  width: 355px;
  height: 37px;
  z-index: 10000;
  color: #dddddd;
  text-align: left;
  border: 1px solid #eaf1e9de;
  /*background: #d8ddda !important;*/
  border-radius:10px;
  vertical-align: baseline;
}
._incidencias {
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  display: inline-block;
  /*width: 300px;*/
  /*height:300px;*/
  height: auto;
  /*border: 1px solid #ddd;*/
  text-align: left;
  overflow-y: hidden;
  overflow-x: hidden;
  padding-top: 0px;
  padding-bottom: 0px;
  /*background-color: #cecdc5;*/
  color:#eee5e5;
  z-index: 5000;
}
#_the_conf_button_ {
  position: absolute;
  top: 480px;
  left: 475px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  width: 150px;
  height:60px;
  line-height:60px;
  text-align: center;
  border-style: thin solid !important;
  border-color: #eeeeee !important;
  border: 1px solid !important;
}
#_the_conf_screen_ {
  position: absolute;
  top: 165px;
  left: 475px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
  width: 150px;
  height:300px;
  /* line-height:100px; */
  text-align: center;
  /* border-style: thin solid !important;
  border-color: #eeeeee !important;
  border: 1px solid !important; */
}
#_the_iso_button_ {
  position: absolute;
  top: 545px;
  left: 475px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  width: 150px;
  height:60px;
  line-height:60px;
  text-align: center;
  border-style: thin solid !important;
  border-color: #eeeeee !important;
  border: 1px solid !important;
}
.txtiso {
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 16px;
  display: inline-block;
  border-style: thin solid !important;
  border-color: #eeeeee !important;
  border: 1px solid !important;
  background: rgba(20, 20, 20, 0.95) !important;
  color: #eeeeee;
}
#isoscroll {
  overflow-y: scroll;
  height: 550px;
}
#_the_turn_button_ {
  position: absolute;
  top: 480px;
  left: 10px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  width: 225px;
  height:40px;
  line-height:40px;
  text-align: center;
  border-style: thin solid !important;
  border-color: #eeeeee !important;
  border: 1px solid !important;
	z-index:25000;
}
#_the_end_button_ {
  position: absolute;
  top: 545px;
  left: 10px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  width: 225px;
  height:40px;
  line-height:40px;
  text-align: center;
  border-style: thin solid !important;
  border-color: #eeeeee !important;
  border: 1px solid !important;
	z-index:25000;
}
.bg_black {
	/*background-color: #dedeee !important;*/
	background-color: #ffffff !important;
	/*display: table-cell;*/
	text-align: left;
	padding: 10px;
}
.menu_button {
  width: auto;
  color: #383877;
  padding: 7px 7px;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 12px;
  border: 0;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  cursor: pointer;
}
.menu_button_bfix {
  width: 120px;
  color: #ffffff;
  padding: 7px 7px;
  background-color: #383877;
  font-weight: bold;
  font-size: 12px;
  border: 0;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  cursor: pointer;
}
.menu_button:hover {
  background-color: #d2d2d2;
}
.menu_button_bfix:hover {
  background-color: #d2d2d2;
}
.flag_button {
  width: auto;
  color: #ffffff;
  padding: 0px 10px;
  /*background-color: #dedeee !important;*/
  background-color: #ffffff !important;
  border: 0 !important;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  cursor: pointer;
}
.menu_sel {
  width: auto;
  color: #ffffff;
  padding: 7px 7px;
  background-color: #777777;
  font-weight: bold;
  font-size: 12px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  cursor: pointer;
  border: 0;
}
.menu_sel_bfix {
  width: 120px;
  color: #444499;
  padding: 7px 7px;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 12px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid #383877;
}
.left_table td {
	padding: 1px 15px 1px 15px;
}
#top_buttons td {
	padding: 0px 1px 0px 1px;
}
canvas {
  background-color: #ffffff;
}
/************ begin login ******************/
table.centered {
	margin: auto;
  width: 300px;
  border: 0px solid green;
  padding: 10px;
    font-family: 'IMfont', Fallback, Helvetica;
}
/* Bordered form */
form {
  border: 0px solid #f1f1f1;
}

/* Full-width inputs */
input[type=text], input[type=password] {
  width: 100%;
  padding: 5px 5px;
  margin: 0px 0;
  display: inline-block;
  border: 1px solid #cccccc;
  box-sizing: border-box;
	height: 25px;
}
input::selection { background:rgba(105,105,231,0.3) }

/* Set a style for all buttons */
button.login {
  background-color: #383877;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

/* Add a hover effect for buttons */
button:hover {
  opacity: 0.8;
}

/* Extra style for the cancel button (red) */
.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

/* Center the avatar image inside this container */
.imglogin {
  text-align: center;
  margin: 24px 0 12px 0;
}

/* Avatar image */
img.avatar {
  width: 150px;
  /*border-radius: 50%;*/
}

/* Add padding to containers */
.login {
	margin: auto;
  width: 300px;
  border: 0px solid green;
  padding: 10px;
    font-family: 'IMfont', Fallback, Helvetica;
}

/* The "Forgot password" text */
span.psw {
  float: right;
  padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
    display: block;
    float: none;
  }
  .cancelbtn {
    width: 100%;
  }
}
/************ end login ******************/
tr.level_1 td{
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  background-color: rgba(33, 33, 33, 0.7) !important;
  color: rgba(250, 250, 250, 1.0) !important;
	height: 30px;
	vertical-align: middle;
padding: 0px 5px;
}
tr.level_2 td{
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  background-color: rgba(44, 44, 44, 0.7) !important;
  color: rgba(250, 250, 250, 0.9) !important;
padding: 0px 5px;
}
tr.level_3 td{
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  background-color: rgba(100, 100, 100, 0.7) !important;
  color: rgba(250, 250, 250, 0.9) !important;
padding: 0px 5px;
}
tr.level_4 td{
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  background-color: rgba(150, 150, 150, 0.7) !important;
  color: rgba(50, 50, 50, 1.0) !important;
padding: 0px 5px;
}
tr.level_5 td{
  border-bottom: 1px solid #777777;
  background-color: rgba(190, 190, 190, 0.7) !important;
  color: rgba(25, 25, 25, 0.9) !important;
padding: 0px 5px;
}
tr.level_6 td{
  border-bottom: 1px solid #777777;
  background-color: rgba(205, 205, 205, 0.7) !important;
  color: rgba(25, 25, 25, 0.9) !important;
padding: 0px 5px;
}
tr.level_7 td{
  border-bottom: 1px solid #777777;
  background-color: rgba(225, 225, 225, 0.7) !important;
  color: rgba(25, 25, 25, 0.9) !important;
padding: 0px 5px;
}
tr.level_8 td{
  border-bottom: 1px solid #777777;
  background-color: rgba(240, 240, 240, 0.7) !important;
  color: rgba(25, 25, 25, 0.9) !important;
padding: 0px 5px;
}
tr.level_9 td{
  border-bottom: 1px solid #777777;
  background-color: rgba(240, 240, 240, 0.7) !important;
  color: rgba(25, 25, 25, 0.9) !important;
padding: 0px 5px;
}
tr.level_10 td{
  border-bottom: 1px solid #777777;
  background-color: rgba(240, 240, 240, 0.7) !important;
  color: rgba(25, 25, 25, 0.9) !important;
padding: 0px 5px;
}
tr.level_11 td{
  border-bottom: 1px solid #777777;
  background-color: rgba(240, 240, 240, 0.7) !important;
  color: rgba(25, 25, 25, 0.9) !important;
padding: 0px 5px;
}
tr.level_12 td{
  /*background-color: rgba(240, 240, 240, 0.7) !important;*/
  color: rgba(25, 25, 25, 0.9) !important;
padding: 0px 5px;
}
table#1st_on_cc, table#1st_on_asi  {
font-size: 1.12em !important;
margin: 0 auto;
}
#table_cc, #table_asi  {
font-size: 1.00em !important;
margin: 0 auto;
height: auto;
border-spacing: 3px;
    border-collapse: separate;
}
/****
#editAsiTbl {
  background-color: rgba(250, 250, 250, 0.9) !important;
}
***/
#table_cc tr th, #table_asi tr th, #editAsiTbl tr th {
position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: rgba(100, 100, 100, 0.9) !important;
  color: rgba(250, 250, 250, 0.9) !important;
	height: 20px;
    vertical-align: middle;
}
tr._cc_1 {
  background-color: rgba(250, 250, 250, 0.9) !important;
}
tr._cc_2 {
  background-color: rgba(230, 230, 230, 0.9) !important;
}
tr._red_line_sel_cc, tr._red_line_sel_asi, tr._red_line_bal {
	border-bottom: 2pt solid red;
}
tr._cc_t {
  background-color: rgba(250, 250, 250, 0.9) !important;
}
#ccOnBalSS {
	background-color: rgba(255, 255, 255, 0.9) !important;
	position: relative; 
	top: 0;
	left: 0;
	border-style: solid;
	border-color: #444477;
	border-width: 0 0 0 0;  
	display: none;
  	text-align: center;
}
#ccOnBalSS, #asiOnBalSS {
	background-color: rgba(255, 255, 255, 0.9) !important;
	position: relative; 
	top: 50%;
	left: 0;
	border-style: solid;
	border-color: #444477;
	border-width: 0 0 0 0;  
	display: none;
  	text-align: center;
}
table#innerTable td._lk_asi {
  color: rgba(100, 100, 100, 0.8) !important;
  cursor: pointer;
}
td._lk_asi {
  color: rgba(100, 100, 100, 0.8) !important;
  cursor: pointer !important;
}
#div_table_cc_1st, #div_table_asi_1st {
	display: flex;
  justify-content: center;
	z-index: 10000;
}
#div_table_cc, #div_table_asi {
	/* width: auto; */
  justify-content: center;
	height: auto;
	overflow-y: auto;
}
table#table_cc td, table#table_asi td {
  white-space: nowrap;
}
#_the_head_ {
  position:absolute; 
  background-color: rgba(255, 255, 255, 0.9) !important;
	z-index: 10000;
}
hr.hr_01 {
  display: block;
  height: 1px;
  border: 0;
  border-top: 5px solid #ffffff;
  margin: 1em 0;
  padding: 0;
}
hr.hrmenu {
  display: block;
  border: 0;
  padding: 10;
  border-top: 0px solid #383877;
}
table#_iconize_ss_ { 
	border-spacing: 5px;
}
table#_iconize_ss_ td { 
	padding: 2px 5px 2px 5px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 15px;
  font-weight: bold;
  color: rgba(50, 50, 150, 0.9);
  text-align: center;
  cursor: pointer;
  border: 1px solid #383877;
}
#balAux {
  	border: 1px solid #444444;
	border-width: 1px 5px 5px 1px;  
	position:absolute; 
	top: 75px;
	left: 40%;
	display: none;
}
#editAsi {
  	border: 1px solid #444444;
	border-width: 1px 5px 5px 1px;  
	position:absolute; 
	top: 0px;
	left: 0px;
	display: none;
	z-index: 10000;
	background-color: rgba(255, 255, 255, 0.9) !important;
	height: 550px;
	overflow-y: auto;
}
#selPlcOnBal {
	position:absolute; 
	top: 0px;
	left: 0px;
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 12px !important;
  font-weight: normal;
  color:#444444;
  text-decoration: none;  
  padding: 2px; 
  margin: 1px;
  text-align: left;
  white-space: nowrap;
	width: auto;
	display: block;
  margin-top: auto;
background: #ffffff;
border: 1px solid #444444;
	border-width: 1px 5px 5px 1px;  
  cursor: pointer;
height: 350px;
	z-index: 20000;
  overflow-y: auto;
  display: none;
}
table.splc {
  font-family: 'IMfont', Fallback, Helvetica;
  font-size: 12px !important;
  font-weight: normal;
  color:#444444;
  text-decoration: none;  
  border-spacing: 5px;
  background-color: rgba(250, 250, 250, 0.7) !important;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
 	border-spacing: 10px;
    border-collapse: separate;
}
td._button_td_ {
  width: auto;
  color: #383877;
  padding: 2px; 
  margin: 2px;
  background-color: #ffeeee !important;
  font-weight: bold;
  font-size: 12px;
  border: 1px solid #383877;
  text-align: center;
  cursor: pointer;
}
div#prdMsg	{
  background-color: #ffff99 !important;
  font-weight: bold;
}
input.e_input {
    margin-top: 1px;
    margin-bottom: 1px;
    display:inline-block;
    vertical-align:middle;
    margin-left:1px;
    font-size: 12px;
    color: #333377;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    height: 25px;
}

label.e_input {
    /*display:inline-block;*/
    display: block;
    /*float: left;*/
    padding-top: 0px;
    padding-left: 5px;
    text-align: left;
    font-size: 10px;
    color: #777777;

}
div.e_box {
  display:inline-block;
}
tr.trform {
  max-height: 30px;
}
table.tableform {
  all: unset;
  display: table-cell;
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
  vertical-align: top;
  box-sizing: border-box;
  white-space: normal;
  word-break: break-word;
  /*font-family: 'IMfont', Fallback, Helvetica;*/
  /*font-size: 12px !important;*/
  /*font-weight: normal;*/
  /*color:#444444;*/
  /*text-decoration: none;*/  
  background-color: rgba(255, 255, 255, 0.7) !important;
  border-spacing: 2px;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px 10px; /* 0 for horizontal, 10px vertical */
  border: 1px solid #444444;
}
table.tableform td {
  vertical-align: bottom;
}
textarea {
  width: 100%;               /* or a specific value like 300px */
  height: 50px;             /* control vertical size */
  padding: 10px;             /* space inside the box */
  border: 1px solid #cccccc; /* change border color */
  /*border-radius: 4px;*/        /* optional: rounded corners */
  box-sizing: border-box;    /* includes padding in width/height */
  font-size: 12px;
  color: #333377;
  resize: none;
}
th.th_pointer {
  cursor: pointer;
}
.xyz {
    margin: 5px;
    padding: 0 5px 5px 5px;
  border: 1px solid #383877;
    list-style: none;
	text-align: left;
	white-space: pre;
  position:absolute; 
	top: 300px;
	left: 300px;
	border-collapse: collapse;
    font-family: 'IMfont', Fallback, Helvetica;
	font-size: 12px;
	z-index: 500;
	overflow-y: scroll;
	background-color: rgba(255, 255, 100, 0.85);
  height: 500px;
	display: none;
}
#results {
    margin: 10;
    padding: 10;
    list-style: none;
	text-align: left;
	white-space: pre;
	background-color: rgba(255, 255, 100, 0.85);
    font-family: 'IMfont', Fallback, Helvetica;
	font-size: 12px;
}
#results th, td {
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
}
#bal_dat {
      width: 200px;
      padding: 5px;
      font-size: 12px;
}
.embedded-content {
  max-width: 100%;   /* override container width */
  margin: 0;         /* remove extra centering */
}
.tdNumber {
  text-align: right;
}
#progress-container{
  width: 300px;
  height: 20px;
  background: #ddd;
  border-radius: 10px;
  overflow: hidden;
}

#progress-bar{
  height: 100%;
  width: 0%;
  background: #383877;
  transition: width 0.3s;
}
#dbsel {
  border: 1px solid #c9c9c2;   /* thin 1px border */
  border-radius: 6px;
}
#dbsel:focus { outline: none; border-color: #888; }
#myChart {
    border: 1px solid #ccc;
    box-shadow: 0 7px 12px rgba(0, 0, 0, 0.5);
}
#edi_asi_cnt {
	width: 100%; 
	display: flex; 
	justify-content: center; 
	background-color: rgba(175, 175, 100, 0.10);
	border: 1px solid #777777;   /* thin 1px border */
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
div.onTop {
  z-index: 25000;
  background: #ffffff;
}
        /* The modal background */
        #pdfModal {
            display: none;
            position: fixed;
            z-index: 20000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
        }

        /* PDF window */
        #pdfContainer {
            position: relative;
            width: 90%;
            height: 90%;
            margin: 3% auto;
            background: white;
            box-shadow: 0 0 20px rgba(0,0,0,0.5);
        }

        /* PDF itself */
        #pdfFrame {
            width: 100%;
            height: 100%;
            border: none;
        }

        /* Close button */
        #closePdf {
            position: absolute;
            right: -15px;
            top: -15px;
            width: 35px;
            height: 35px;
            border: none;
            border-radius: 50%;
            background: #333;
            color: white;
            font-size: 20px;
            cursor: pointer;
            z-index: 1;
        }

        #closePdf:hover {
            background: #000;
        }