/* define own font need to be available on the server (ttf, otf, woff)
   ref: https://www.w3schools.com/CSSref/css3_pr_font-face_rule.asp 
   recomended : WOFF2 (compression, subset support
   URL: https://everythingfonts.com/ttf-to-woff
*/
/* define some basic styles */
body {
    background-image: url("src/bg_signs_dence_bright.png");
}

.limegreen {
    color: #9bb23e; 
}
    
.ra {
    text-align: right; 
}
    
.ca {
    text-align: center; 
}

/* for quick enable all table borders */
table, tr, td {
    border: 0px solid;
}

fail   {
    font-family: Arial, Trebuchet MS, sans-serif; 
    font-size: 18px; 
    color: Red; 
    text-decoration: line-through; 
    text-align: left; 
    vertical-align: top; 
    font-weight: bold; 
}

/* use for HERMETIC "logo" */
pre   {
    font-family: Courier, monospace; 
    font-size: 10px;
    line-height: 12px; 
    font-weight: bold; 
    color: darkblue; }

/* redefine the 100% level of zoom * /
body  {
    transform: scale(1.3); 
    transform-origin: top left; 
    -moz-transform: scale(1.3); 
    -moz-transform-origin: top left;
}
*/

/* style of own "browse button" 
use in html: didi not work... 
<div class="file-input-wrapper">
<label  class="custom-file-label">Bilddatei der Unterschrift</label><br>
<input type="file" name="sign_pic" accept="image/*">
</div> 

.file-input-wrapper {
  display: inline-block;
  position: relative;
}

input[type="file"] {
  display: none;
}

.custom-file-label {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
}

.custom-file-label:hover {
  background-color: #45a049;
}
*/