/*ROOT variable*/
:root {
    /*page*/
    --page-width: 69rem;
    /*font*/
    --font-size: 0.8rem;
    --font-size-small-1: 0.75rem;
    --font-size-small-2: 0.7rem;
    --font-size-mini: 0.65rem;
    --font-color: #000000;
    --font-color-warning: #A40000;
    --font-weight: 700;
    --font-weight-body: 400;
    --font-weight-body-bold: 500;
    --font-style-body: normal;
    --base-headings-size: 60;
    --font-item-enabled-color: #3F714B;
    --font-item-disabled-color: #A40000;
    /*h-tags*/
    --font-h1-size: 1.8rem;
    --font-h1-size-small-1: 1.5rem;
    --font-h1-size-small-2: 1.2rem;
    --font-h1-margin: 1rem;
    --font-h2-size: 1.6rem;
    --font-h2-size-small-1: 1.2rem;
    --font-h2-size-small-2: 0.9rem;
    --font-h2-margin: 0.8rem;
    --font-h3-size: 1.4rem;
    --font-h3-size-small-1: 0.9rem;
    --font-h3-size-small-2: 0.6rem;
    --font-h3-margin: 0.8rem;
    --font-h4-size: 1.2rem;
    --font-h4-margin: 0.6rem;
    --font-h5-size: 1rem;
    --font-h5-margin: 0.6rem;
    --font-h6-size: 0.8rem;
    --font-h6-margin: 0.2rem;
    /*label*/
    --label-bg-color: #9D9595;
    --label-hover-bg-color: #686060;
    --label-font-size: 2em;
    /*table*/
    --grid-border-color: #E5E3E3;
    --grid-border-size: 0.06rem;
    /*body*/
    --main-width-max: 80rem;
    /*elements*/
    --elem-height: 1.8rem;
    --elem-height-small-1: 1.25rem;
    --elem-height-small-2: 1.1rem;
    --elem-height-mini: 0.9rem;
    --elem-width-min: 2rem;
    --elem-width-min-small-1: 1.5rem;
    --elem-width-min-small-2: 1rem;
    --elem-width-min-mini: 0.8rem;
    --elem-border-width: 0.3rem;
    --elem-border-width-small-1: 0.15rem;
    --elem-radius: 0.8rem;
    --elem-radius-small-1: 0.4rem;
    --elem-radius-small-2: 0.3rem;
    --elem-radius-mini: 0.25rem;
    /*--elem-radius: 1.88rem;
    --elem-radius-small-1: 1.55rem;
    --elem-radius-small-2: 1.25rem;
    --elem-radius-mini: 0.75rem;*/
    --elem-padding: 0.8rem;
    --elem-padding-small-1: 0.4rem;
    --elem-padding-small-2: 0.3rem;
    --elem-padding-mini: 0.25rem;
    --elem-padding-macro: 0.2rem;
    --elem-padding-large: 1.2rem;
    /*--elem-padding: 1.5rem;
    --elem-padding-small-1: 1.2rem;
    --elem-padding-small-2: 0.9rem;
    --elem-padding-mini: 0.5rem;
    --elem-padding-macro: 0.3rem;*/
    --elem-margin: 0.8rem;
    --elem-margin-small-1: 0.6rem;
    --elem-margin-small-2: 0.4rem;
    --elem-margin-small-3: 0.3rem;
    --elem-margin-mini: 0.2rem;
    --elem-margin-macro: 0.15rem;
    --elem-bg-color: #E5E3E3;
    --elem-bg-hover-color: #9D9595;
    /*list*/
    --li-margin-top: 0.25rem;
    --li-margin-step1: 0.7rem;
    /*frame*/
    --frame-border-color: #9D9595;
    --frame-border-separator-color: #000000;
    --frame-border-width: 0.3rem;
    --frame-border-width-small: 0.1rem;
    --frame-border-radius: 0.7rem;
    --frame-border-radius-small: 0.5rem;
    --frame-border-radius-mini: 0.3rem;
    /*table*/
    --table-margin: 1.5rem 0 1.5rem 0;
    --table-border-color: #000000;
    --table-border-vertical-color: #9D9595;
    --table-border-width: 0.125rem;
    --table-separator-width: 0.08rem;
    --table-separator-color: #9D9595;
    --table-head-color: #0a263c;
    --table-head-bg-color: #FFFFFF;
    --table-head-padding: 0.5rem 1.2rem 0.5rem 0.5rem;
    --table-head-padding-small: 0.2rem;
    --table-td-padding: 0.8rem;
    --table-gray-bg-color1: #F5F5F5;
    --table-gray-bg-color2: #FFFFFF;
    --table-empty-row-height: 3rem;
    --table-height: 1.7rem;
    /*content*/
    --content-color: #FFFFFF;
    --content-color-hover: #E5E3E3;
    --content-title-hover-color: #9D9595;
    --content-bg-color: #9D9595;
    --content-title-bg-color: #E5E3E3;
    --content-i-color: #3F714B;
    --instruction-bg-color: #FFFFFF;
    /*edit fields*/
    --input-width-small: 11rem;
    --input-width-small-s990: 5.5rem;
    --input-width-medium: 20rem;
    --input-width-medium-s990: 10rem;
}