:root {
    --primary-color: #588012; /* Green */
    --secondary-color: #46650e; /* Slightly darker green*/
    --primary-color-radio-button-url: url('../admin/handlers/svg.ashx?shape=circle&fill=588012');
    --secondary-color-radio-button-url: url('../admin/handlers/svg.ashx?shape=circleChecked&fill=46650e');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
.DIV_header {
    background-color: #333F48;
    width: 100%;
    height: 50px;
}

.DIV_logo {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: 300px 100px;
    background-position: center;
    height: 100px;
}

.DIV_footer {
    background-color: #D4D5D5;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 50px;
}

#UIIFrame_wrapper {
    width: 100vw;
    height: 100vh;
}

@media (min-width: 1200px) {
element.style {
    max-width: 1140px;
    height: 100vh;
}}

@media (min-width: 992px) {
element.style {
    max-width: 960px;
    height: 100vh;
}}

@media (min-width: 768px) {
element.style {
    max-width: 720px;
    height: 100vh;
}}

@media (min-width: 576px) {
element.style {
    max-width: 540px;
    height: 100vh;
}}