.homebutts {
  margin-top:3em;
  padding:0 1.25em 0 1.25em;
}

a.back-to-top {
  display: none;
  width: 60px;
  height: 30px;
  text-indent: -9999px;
  position: fixed;
  z-index: 999;
  right: 6px;
  bottom: 42px;
  background: transparent url("../../assets/img/icons-img/icon.chev.up.03.png") no-repeat;
  background-size: contain;
  text-decoration: none;
  color: #ffffff;
}
a:hover.back-to-top {
  background: transparent url("../../assets/img/icons-img/icon.chev.up.04.png") no-repeat;
  background-size: contain;
  text-decoration: none;
  color: #ffffff;
}   

a.down-to-bott {
  display: none;
  width: 60px;
  height: 30px;
  text-indent: -9998px;
  position: fixed;
  z-index: 998;
  right: 6px;
  bottom: 6px;
  background: transparent url("../../assets/img/icons-img/icon.chev.dn.03.png") no-repeat;
  background-size: contain;
  text-decoration: none;
  color: #ffffff;
}
a:hover.down-to-bott {
  background: transparent url("../../assets/img/icons-img/icon.chev.dn.04.png") no-repeat;
  background-size: contain;
  text-decoration: none;
  color: #ffffff;
}

input, select, textarea {
  border-radius:9px;
    color: #7f888f;
    font-family: "Arial Bold", sans-serif;
    font-size: 21pt;
    font-weight: 600;
    line-height: 1.65;
  }

.borderline1 {
  border-style:solid;
  border-width:2px;
  border-color:#080872;
  border-radius:9px;
  margin-top: 0.25em;
  font-weight: 600;
  font-size: 1.5em;
  overflow:hidden
}

.borderline1 small {
  font-weight: 600;
  font-size: 0.6em;
}

.borderline3 {
  font-weight: 400;
  background-color: #FFFFB1;
  opacity: .9;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  border-radius:9px;
  padding-top:0.25em;
  padding-bottom:0.25em;
  overflow:hidden
}

.invdisp {
  background-color: #e0e0e0;
  border-radius: 0.5em;
  padding: 0.5em;
}

/* Dark Mode enable/disable */
.darkmode {
  height: 2em;
  max-height: 2em;
  width: auto;
  max-width: 3em;
  position: absolute;
  left:15px;
  bottom:15px;
}

/*Show Hide Chevrons Small */
.chevsm {
  height: 2em;
  max-height: 2em;
  width: auto;
  max-width: 3em;
}

/* Small Invoice */
.invsml {
  text-align:center; 
  background:#f3ef83;
  padding:0.25em;
  border-radius:15px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  font-weight: 600;
  font-size: 1.5em; 
  height:5em;

}
.invsml h4 {
  line-height:110%;  
}
.invsml h5 {
  margin-top:-1em;  
}
/* Small Invoice Unpaid */
.invsmlred {
  text-align:center; 
  background:#f16b70;
  padding:0.25em;
  border-radius:15px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  font-weight: 600;
  font-size: 1.5em; 
  height:5em;
}
.invsmlred h4 {
  line-height:110%;
  color:#000000;
}
.invsmlred h5 {
  margin-top:-0.75em;  
  color:#000000;
}

/* Small Invoice Unpaid Actions*/
.invsmlgry {
  text-align:center; 
  background:#cccccc;
  padding:0.25em;
  border-radius:15px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  font-weight: 600;
  font-size: 1.5em; 
  height:5em;
}
.invsmlgry h4 {
  line-height:110%;
  color:#000000;
}
.invsmlgry h5 {
  margin-top:-0.75em;  
  color:#000000;
}

.custbuslogo {
  width:100%;
  height:auto;
  margin-top:0.5em;
}
.custbuslogotiny {
/*  height:2em;*/
  width:90%;
  height:auto;
  float:right;
}

/* Small Option */
.optsmlon {
  text-align:center; 
  background:#9ecd53;
  padding:0.25em;
  border-radius:15px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  font-weight: 600;
  font-size: 1.5em; 
  height:5em;
  color:#000000;
  overflow:hidden; 
}
.optsmlon h3 {
  margin-top:-0.75em;
  line-height:80%; 
  font-size: 1em; 
}
.optsmlon h4 {
  line-height:110%; 
  font-weight: 400;
  font-size: 0.75em; 
}
.optsmlon h5 {
  margin-top:-1.2em;
  line-height:110%; 
  font-weight: 400;
  font-size: 0.75em; 
}

.optsmloff {
  text-align:center; 
  background:#cccccc;
  padding:0.25em 0.25em 0.25em 0.25em;
  border-radius:15px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  font-weight: 600;
  font-size: 1.5em; 
  height:5em;
  margin-top:0em;
  color:#000000;
  overflow:hidden; 
}
.optsmloff h3 {
  margin-top:-0.75em;
  line-height:80%; 
  font-size: 1em; 
}
.optsmloff h4 {
  line-height:110%; 
  font-weight: 400;
  font-size: 0.75em; 
}
.optsmloff h5 {
  margin-top:-1.2em;
  line-height:110%; 
  font-weight: 400;
  font-size: 0.75em; 
}


/* Large Option */
.optlgeon {
  text-align:center; 
  background:#9ecd53;
  padding:0.5em;
  border-radius:15px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  font-weight: 600;
  font-size: 1.5em; 
  min-height:3em;
  color:#000000;
  overflow:hidden; 
}
.optlgeon h3 {
  display: inline;
}
.optlgeon h4 {
  display: inline;
  font-size: 0.75em; 
}
.optlgeoff {
  text-align:center; 
  background:#cccccc;
  padding:0.5em;
  border-radius:15px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  font-weight: 600;
  font-size: 1.5em; 
  min-height:3em;
  color:#000000;
  overflow:hidden; 
}
.optlgeoff h3 {
  display: inline;
}
.optlgeoff h4 {
  display: inline;
  font-size: 0.75em; 
}


/* Large Option Changed */
.optlgechg {
  text-align:center; 
  background:#fff04d;
  padding:0.5em;
  border-radius:15px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  font-weight: 600;
  font-size: 1.5em; 
  min-height:3em;
  color:#000000;
  overflow:hidden; 
}
.optlgechg h3 {
  display: inline;
}
.optlgechg h4 {
  display: inline;
  font-size: 0.75em; 
}




/* Small Invoice Unpaid */
.divbutora {
  text-align:center; 
  background:#ff8000;
  padding:0.25em;
  border-radius:15px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  font-weight: 600;
  font-size: 1.5em; 
}
.divbutora h4 {
  margin-top:0.5em;  
/*  line-height:110%;*/
  color:#000000;
}
.divbutora h5 {
/*  margin-top:-0.75em;  */
  color:#000000;
}

.edt-ico-std {
  width:96%;
  min-width:24px; 
  height:auto;
  margin-top:0.25em;
}


/* The container must be positioned relative: */
.sel-001 {
  position: relative;
  font-family: Arial;
}

.sel-001 select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: DodgerBlue;
}


.gendivgrn {
  text-align:center; 
  background:#9ecd53;
  background: transparent url("../../assets/img/icon.email.00.png") no-repeat;

  padding:0.25em;
  border-radius:15px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  font-weight: 600;
  font-size: 1.5em; 
}

.optimg00 {
  height:100%;
  width:100%;
}

.manila {
  background:#fffbcd;
  padding:0.25em;
  border-radius:15px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  min-height:6em;  
}

.icoldr00 {
  height:3em;
  width:auto;
}

/* Small Invoice Unpaid Actions*/
.invsmlpaygry { /* Grey */
  margin-top:-0.25em;
  text-align:center; 
  background:#cccccc;
  border-radius:15px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  font-weight: 600;
  font-size: 1.5em; 
  height:2em;
}
.invsmlpaygry h4 {
  line-height:110%;
  color:#000000;
}
.invsmlpaygry h5 {
  display:inline;
  color:#000000;
}
.invsmlpaygry img {
  height:1.5em;
  margin-top:0.25em;
}
.invsmlpayred { /* Red */
  margin-top:-0.25em;
  text-align:center; 
  background:#f16b70;
  border-radius:15px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  font-weight: 600;
  font-size: 1.5em; 
  height:2em;
}
.invsmlpayred h4 {
  line-height:110%;
  color:#000000;
}
.invsmlpayred h5 {
  display:inline;
  color:#000000;
}
.invsmlpayred img {
  height:1.5em;
  margin-top:0.25em;
}
.invsmlpaygrn { /* Green */
  margin-top:-0.25em;
  text-align:center; 
  background:#9ecd53;
  border-radius:15px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  font-weight: 600;
  font-size: 1.5em; 
  height:2em;
}
.invsmlpaygrn h4 {
  line-height:110%;
  color:#000000;
}
.invsmlpaygrn h5 {
  display:inline;
  color:#000000;
}
.invsmlpaygrn img {
  height:1.5em;
  margin-top:0.25em;
}

.bininputlbllge00 {
  text-align:right;
}

.bininputlblsml00 {
  text-align:right;
}

.logonkey {
  position:absolute;
  bottom:0.5em;
  right:0.5em;
  width:3em;
  height:auto;
  opacity:0.6;
}


/* Generic Edit */
.edtgen {
  position: relative;
}
.edtgen img {
  height: 2em;
  max-height: 2em;
  width: auto;
  max-width: 3em;
  position: absolute;
  top: 12px;
  right: 12px;
}

input {
    background-color: #333 !important; /* Dark gray background color */
    color: #fff !important; /* White text color for contrast */
    border: 1px solid #555; /* Optional: Border color */
    padding: 5px; /* Optional: Padding inside input fields */
    border-radius: 4px; /* Optional: Rounded corners */
    /* You can add more styling properties as needed */
}