/* basics typo */
* { box-sizing: border-box; }
html {background-color: var(--backgroundColor);}
/* body, table, form, input, select, textarea, label, button  { font-size:100%; line-height:1.25em; color: var(--textColor); font-family:'robotomonolight', Arial, Helvetica, sans-serif; font-weight:normal;} */
body, form, input, select, textarea, label, button  { font-size:100%; line-height:1.25em; color: var(--textColor); font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal;}
a {	text-decoration:none; color: var(--textColor); transition:all 0.5s ease-out;}
a:hover { text-decoration:none; color:var(--textColor); transition:all 0.15s ease-out;}
a:active { color:var(--textColor); transition:all 0.01s ease-out;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; line-height:1.25em;}
p { line-height:1.0em;}
b { font-weight:bold;}
i { font-weight:normal; font-style:normal;}
strong { font-weight:normal;}
sup { font-size:0.55em;}
em { font-weight:normal; font-style:normal;}
span {font-weight:normal; font-style:normal;}

/* to avoid browser`s implicit styling */
body {margin:0; padding:0; border:0 none;}
/* potlačí u input outline pri focus-visible */


/* logo icon setup */
:root {
    /* --appLogoImg: url("../images/logocardif.png"); */
    --appLogoImg: url("../images/ifthen-144.png"); 
  }
  
/* 
    page layout is the box (sidemenu + contentbox) 
    sidemenu -> sidemenu.css & 
    contentbox -> contentbox.css 
*/

.box {display:flex; height:100vh; padding: 1.5vh;}

/* light theme */
:root {
    --backgroundColor: white;
    --textColor: #333;
  }

/* dark theme */
@media (prefers-color-scheme: dark) {
    :root {    
    --backgroundColor: black;
    --textColor: white;
    }
}