:root {
    --white: #ffffff;
    --black: #000000;
    --light-green: #8bc34a;
    --dark-grey: #a9a9a9;
    --red: #ff0000;
    --dark-orange: #FF8C00;
    --omico-green: #d2e9b4;
    --omico-grey: #dddcdc;
}

body {
    color: var(--black);
    font-family: "Apercu Pro", "sans-serif";
    font-weight: normal;
    font-style: normal;
    text-align: left;
    font-size: 11pt;
}


.error {
    color: var(--red);
}

.important {
    color: var(--red);
}

.info {
    color: var(--light-green);
}

.warning {
    color: var(--dark-orange);
}

.w3-container {
    background: var(--white);
}

input[type="submit"] {
    background-color: var(--omico-green);
}

.no-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.trial.selected {
    background-color: var(--omico-grey);
    color: black;
    font-weight: bold;
}

.trial.not_selected {
    background-color: white;
    color: black;
    font-weight: normal;
}

.omico-heading {
    font-weight: bold;
    font-size: 12pt;
}

.omico-sub-heading {
    font-weight: bold;
    font-size: 11pt;
}

.omico-btn-green {
    color: black;
    background-color: var(--omico-green);
}

th {
    text-align: left !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Apercu Pro";
  color:inherit;
  font-weight:500;
  margin:0
}

.w3-table td {
    vertical-align: middle;
}

.w3-table th {
    vertical-align: middle;
    text-align: center;

}

@font-face {
    font-family: 'Apercu Pro';
    src: url('../fonts/ApercuPro.eot');
    src: local('Apercu Pro'), local('ApercuPro'),
        url('../fonts/ApercuPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ApercuPro.woff2') format('woff2'),
        url('../fonts/ApercuPro.woff') format('woff'),
        url('../fonts/ApercuPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('../fonts/ApercuPro-MediumItalic.eot');
    src: local('Apercu Pro Medium Italic'), local('ApercuPro-MediumItalic'),
        url('../fonts/ApercuPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ApercuPro-MediumItalic.woff2') format('woff2'),
        url('../fonts/ApercuPro-MediumItalic.woff') format('woff'),
        url('../fonts/ApercuPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('../fonts/ApercuPro-Italic.eot');
    src: local('Apercu Pro Italic'), local('ApercuPro-Italic'),
        url('../fonts/ApercuPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ApercuPro-Italic.woff2') format('woff2'),
        url('../fonts/ApercuPro-Italic.woff') format('woff'),
        url('../fonts/ApercuPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('../fonts/ApercuPro-BoldItalic.eot');
    src: local('Apercu Pro Bold Italic'), local('ApercuPro-BoldItalic'),
        url('../fonts/ApercuPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ApercuPro-BoldItalic.woff2') format('woff2'),
        url('../fonts/ApercuPro-BoldItalic.woff') format('woff'),
        url('../fonts/ApercuPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('../fonts/ApercuPro-Bold.eot');
    src: local('Apercu Pro Bold'), local('ApercuPro-Bold'),
        url('../fonts/ApercuPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ApercuPro-Bold.woff2') format('woff2'),
        url('../fonts/ApercuPro-Bold.woff') format('woff'),
        url('../fonts/ApercuPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('../fonts/ApercuPro-Medium.eot');
    src: local('Apercu Pro Medium'), local('ApercuPro-Medium'),
        url('../fonts/ApercuPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ApercuPro-Medium.woff2') format('woff2'),
        url('../fonts/ApercuPro-Medium.woff') format('woff'),
        url('../fonts/ApercuPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}