/* Start beesel.css */

/* #region Font */

@font-face {
    font-family: "FFScalaSansWebProRegular";
    font-weight: normal;
    src: url('../fonts/ScalaSansWebPro-Regular.woff2') format("woff2");
}

@font-face {
    font-family: "FFScalaSansWebProBold";
    font-weight: normal;
    src: url('../fonts/ScalaSansWebPro-Bold.woff2') format("woff2");
}


/* #endregion Font*/

/* #region Root */

:root {
    --font-family: "FFScalaSansWebProRegular","Scala Sans Pro",Helvetica,Arial,Verdana,sans-serif;
    --text-color: #2d383f;
    --h1-color: #2d383f;
    --h2-color: #2d383f;
    --h3-color: #2d383f;
    --h4-color: #2d383f;
    --h5-color: #2d383f;
    --link-color: #05519f;
    --link-hover-color: #2a7727;
    --link-icon-color: #2d383f;
    --button-text-color: #FFF;
    --button-font-weight: 400;
    --button-background-color: #bb530c;
    --button-hover-background-color: #000;
    --button-outline-color: #000;
    --button-disabled-background-color: #bb530c;
    --window-title-background-color: #ef7b10;
    --loader-animation-color: #ef7b10;
    --slider-track-background-color: #ef7b10;
    --slider-track-tracker-color: #ef7b10;
    --radio-button-color: #ef7b10;
    --menu-text-color: #FFF;
    --menu-background-color: #01161c;
    --footer-background-color: #3a444b;
    --footer-text-color: #FFF;
    --footer-icon-color: #ef7b10;
    --text-size: 1.125rem; /*18px*/
    --button-text-size: 1.125rem; /*18px*/
}

/* #endregion Root */

body {
    color: var(--text-color);
    font-size: var(--text-size);
    
}

    body,
    body * {
        font-family: var(--font-family);
    }

        body h1 {
            font-family: "FFScalaSansWebProBold","Scala Sans Pro",Helvetica,Arial,Verdana,sans-serif;
            color: var(--h1-color);
            font-size: 4rem;
            font-weight: normal;
        }

        body h2 {
            font-family: "FFScalaSansWebProBold","Scala Sans Pro",Helvetica,Arial,Verdana,sans-serif;
            color: var(--h2-color);
            font-size: 1.6875rem; /*27px*/
            font-weight: normal;
        }

        body h3 {
            font-family: "FFScalaSansWebProBold","Scala Sans Pro",Helvetica,Arial,Verdana,sans-serif;
            color: var(--h3-color);
            font-size: 1.3125rem; /*21px*/
            font-weight: normal;
        }

        body h4 {
            font-family: "FFScalaSansWebProBold","Scala Sans Pro",Helvetica,Arial,Verdana,sans-serif;
            color: var(--h4-color);
            font-size: 1.125rem; /*18px*/
            font-weight: normal;
        }

        body h5 {
            font-family: "FFScalaSansWebProBold","Scala Sans Pro",Helvetica,Arial,Verdana,sans-serif;
            color: var(--h5-color);
            font-size: 0.875rem; /*14px*/
            font-weight: normal;
        }
        body a,
        body a:link,
        body a:active,
        body a:hover,
        body a:focus {
            color: var(--link-color);
            font-size: var(--text-size);
        }

            body a:hover,
            body a:active {
                color: var(--link-hover-color);
            }

        /* #region znControls override */

        body .znFileUpload input[type="file" i],
        body .znWindowWrapper .znWindow .znWindowContent,
        body .znPopupWrapper .znPopup .znPopupContent,
        body .znTable,
        body .znSelectWrapper .znSelect,
        body .znSelectWrapper .znSelect .znSelectInput,
        body .znMultiSelectWrapper .znMultiSelect,
        body .znSelectWrapper .znMultiSelect .znMultiSelectInput,
        body .znTextArea, body .znTextBox,
        body .znDatePickerWrapper .znDatePicker,
        body .znTimePickerWrapper .znTimePicker,
        body .znDateTimePickerWrapper .znTimeDatePicker,
        body .znRadioButtonList, body .znCheckBoxList,
        body .znTooltip,
        body .znColorPickerWrapper .znColorPicker,
        body .znToggleButton .znToggleButtonText,
        body .znSliderWrapper .znSlider {
            color: var(--text-color);
            font-size: var(--text-size);
        }

        /* #region znLink */

        body a.znLink,
        body a.znLink:link,
        body a.znLink:visited,
        body a.znLink:hover {
            color: var(--link-color);
        }

            body a.znLink:hover,
            body a.znLink:active {
                color: var(--link-hover-color);
            }

            body a.znLink span.znLinkText {
                font-weight: 400;
                font-size: var(--text-size);
            }

            body a.znLink.znLinkIconOnly,
            body a.znLink.znLinkIconOnly:link,
            body a.znLink.znLinkIconOnly:visited,
            body a.znLink.znLinkIconOnly:hover {
                color: var(--link-icon-color);
            }

        /* #endregion znLink */

        /* #region znButton */

        body .znButtonWrapper .znButton,
        body .znButtonWrapper .znButton:hover,
        body .znButtonWrapper .znButton:active,
        body .znButtonWrapper .znButton:focus {
            color: var(--button-text-color);
            background: var(--button-background-color);
            height: 38px;
            padding: 4px 16px;
        }

            body .znButtonWrapper .znButton:focus-visible {
                background: var(--button-background-color);
                outline: 2px dotted var(--button-outline-color);
            }

            body .znButtonWrapper .znButton:hover,
            body .znButtonWrapper .znButton:active {
                background: var(--button-hover-background-color);
                outline: 2px solid var(--button-outline-color);
            }

            body .znButtonWrapper .znButton.znDisabled:hover,
            body .znButtonWrapper .znButton.znDisabled:active {
                background: var(--button-disabled-background-color);
            }

            body .znButtonWrapper .znButton .znButtonText {
                font-weight: var(--button-font-weight);
                font-size: var(--button-text-size);
            }

        /* #endregion znButton */

        /* #region znLinkButton */

        body .znButtonWrapper .znLinkButton,
        body .znButtonWrapper .znLinkButton:hover,
        body .znButtonWrapper .znLinkButton:active,
        body .znButtonWrapper .znLinkButton:focus {
            color: var(--link-color);
        }

            body .znButtonWrapper .znLinkButton:focus-visible {
                color: var(--link-hover-color);
                outline: 2px dotted;
                background: transparent;
            }

            body .znButtonWrapper .znLinkButton:hover,
            body .znButtonWrapper .znLinkButton:active {
                color: var(--link-hover-color);
                outline: 0px none;
                background: transparent;
            }

            body .znButtonWrapper .znLinkButton .znButtonText {
                font-weight: 400;
                font-size: var(--button-text-size);
            }

        /* #endregion znLinkButton */

        /* #region znFileUpload */

        body .znFileUpload input::file-selector-button {
            color: var(--button-text-color);
            background: var(--button-background-color);
            font-family: var(--font-family);
            font-weight: var(--button-font-weight);
            font-size: var(--text-size);
        }

            body .znFileUpload input::file-selector-button:focus-visible {
                background: var(--button-background-color);
                outline: 2px dotted var(--button-outline-color);
            }

            body .znFileUpload input::file-selector-button:hover,
            body .znFileUpload input::file-selector-button:active,
            body .znFileUpload input::file-selector-button:focus {
                background: var(--button-hover-background-color);
                outline: 2px solid var(--button-outline-color);
            }

        body .znFileUpload.znDisabled input::file-selector-button,
        body .znFileUpload.znDisabled input::file-selector-button:hover,
        body .znFileUpload.znDisabled input::file-selector-button:active,
        body .znFileUpload.znDisabled input::file-selector-button:focus {
            background: var(--button-disabled-background-color);
        }

        /* #endregion znFileUpload */

        /* #region znWindow */

        body .znWindowWrapper .znWindow .znWindowTitle {
            background: var(--window-title-background-color);
        }

        /* #endregion znWindow*/

        /* #region znLoader */

        body .znLoaderWrapper .znLoader .znLoaderAnimation {
            border-top-color: var(--loader-animation-color);
        }

        /* #endregion znLoader */

        /* #region znSlider */

        body .znSliderWrapper .znSlider .znSliderTrackWrapper .znSliderTracker {
            background: var(--slider-track-background-color);
        }

            body .znSliderWrapper .znSlider .znSliderTrackWrapper .znSliderTracker a {
                background: var(--slider-track-tracker-color);
                outline: 1px solid var(--slider-track-tracker-color);
            }

                body .znSliderWrapper .znSlider .znSliderTrackWrapper .znSliderTracker a:hover,
                body .znSliderWrapper .znSlider .znSliderTrackWrapper .znSliderTracker a:focus,
                body .znSliderWrapper .znSlider .znSliderTrackWrapper .znSliderTracker a:active {
                    box-shadow: 0px 0px 2px var(--slider-track-tracker-color);
                }

                body .znSliderWrapper .znSlider .znSliderTrackWrapper .znSliderTracker a:focus-visible {
                    outline: 2px solid var(--slider-track-tracker-color);
                }

        /* #endregion znSlider */

        /* #region znRadioButtonList*/
        /*body .znRadioButtonList .znRadioButtonListItem .znRadioButtonWrapper .znRadioButton[zn-checked="true"] .znIcon {
            color: var(--radio-button-color);
        }*/
        /* #endregion znRadioButtonList*/

        /* #endregion znControls override */

        /* #region Container */

        body .container {
        }

            /* #region Header */

            body .container .header {
            }

            /* #endregion Header */

            /* #region Menu */

            body .container .menu {
                color: var(--menu-text-color);
                background: var(--menu-background-color);
            }

            /* #endregion Menu */

            /* #region Content */

            body .container .content {
            }

            /* #region Breadcrumb */


            /* #endregion Breadcrumb*/

            /* #endregion Content*/

            /* #region Footer */

            body .container .footer {
                color: var(--footer-text-color);
                background: var(--footer-background-color);
                min-height: 80px;
            }

                body .container .footer .footerinner ul.footerlinks li a.znLink {
                    font-size: var(--text-size);
                    color: var(--footer-text-color);
                }

                body .container .footer .footerinner ul.footerrechts {
                    line-height: 1;
                }

                    body .container .footer .footerinner ul.footerrechts li a.znLink .znLinkIcon {
                        background: var(--footer-icon-color);
                    }

                        body .container .footer .footerinner ul.footerrechts li a.znLink .znLinkIcon:before {
                            color: var(--footer-background-color);
                        }

                    body .container .footer .footerinner ul.footerrechts li a.znLink:hover .znLinkIcon {
                        outline: 2px solid var(--footer-icon-color);
                        background: var(--footer-background-color);
                    }

                        body .container .footer .footerinner ul.footerrechts li a.znLink:hover .znLinkIcon:before {
                            color: var(--footer-icon-color);
                        }

/* #endregion Footer */

/* #endregion Container */

/* Eind Beesel.css */