/*#region Core-Css ************************************/

:root {
    --font-family: 'Book Antiqua','Times New Roman', Times, serif;
    --font-size: 16px;
    --font-color: #000000;
    --font-color2: rgba(33,33,33,1);
    --footer-bgcolor: #fcefec;
    --body-font: normal 16px/1.5 'Book Antiqua','Times New Roman', Times, serif;
    --body-bgcolor: transparent;
    --body-editor-bgcolor: #FFFFFF;
    --header-bgcolor: transparent;
    --accent-color-dark: rgba(231,97,13,1);
    --accent-color-medium: #008FC5;
    --accent-color-light: rgba(231,97,13,0.2);
    --accent-color-superlight: rgba(231,97,13,0.1);
    --sticky-color: #fcefec;
    --link-font: normal 16px 'Book Antiqua','Times New Roman', Times, serif;
    --link-color: #0064AA;
    --menu-bgcolor: transparent !important;
    --menu-color: #6d6d6d !important;
    --smallmenu-font: 15px 'Book Antiqua','Times New Roman', Times, serif;
}
/* font: style variant weight size/line-height family */

body {
    margin: 0;
    padding: 0;
    font-family: verdana,arial,sans-serif;
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    background: #ffffff;
}

/*Editor body*/
#body {
    background-color: #FFFFFF;
}

hr {
    width: 100%;
    padding: 0;
    border-spacing: 0px;
    vertical-align: top;
}

h1 {
    font-size: 20px;
    padding-left: 60px;
    color: #0E824D;
    font-family: calibri;
}

td {
    vertical-align: top;
}

html, form, body, td, p {
    margin: 0 0 0 0;
    overflow-x: hidden;
}

/* a:link, a:visited, a:hover, a:active */
a, a:visited, a:hover {
    font-family: Garamond,'Times New Roman', Times, serif;
    color: #7a6c56;
    font-size: 16px;
    font-weight: normal;
}

    a, a:visited {
        text-decoration: none;
    }

        a:hover {
            text-decoration: underline;
        }

ul {
    list-style-type: disc;
}

    ul li {
        list-style-type: disc;
    }

ol {
    list-style-type: decimal;
}

    ol li {
        list-style-type: decimal;
    }

/*#endregion Core-Css ************************/

/*#region Master-Layout **********************/

/* The main container for the page. */
/* Media dependent minimum height and hidden horizontal overflow.*/
div.Container {
    margin: 0;
    left: 0;
    z-index: -1;
    background-color: #ffffff;
}

div.MainContent {
    padding: 0;
    margin: 0;
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0;
    padding: 0;
    margin: 0;
    line-height: 0;
    font-size: 0;
}

/*#endregion Master-Layout **********************/

/*#region Menu-UserInfo *************************/

div.MenuUserInfoTable, .MenuUserInfoIconDiv {
    /*display: none; */ /* Hidden menu user info */
    /* Comment below for hidden menu user info */
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    height: 20px;
    z-index: 10000;
    cursor: pointer;
}

.MenuUserInfoImage {
    height: 20px;
    width: 20px;
}

#showInfo {
    width: 150px;
    min-height: 80px;
    font-family: verdana,arial,sans-serif;
    color: #7a6c56;
    font-size: 14px;
    font-weight: bold;
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 1px #7a6c56 solid;
    position: relative;
    left: -50px;
    z-index: 999;
    padding: 8px 8px 8px 10px;
    margin: 10px;
}

.MenuUserInfoLink, .MenuUserInfoLink:visited {
    color: #7a6c56;
    font-family: verdana,arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: left;
}

    .MenuUserInfoLink:hover, .MenuUserInfoLink:active {
        color: #7a6c56;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: underline;
        display: flex;
        align-items: center;
        justify-content: left;
    }

.MenuUserLogoutLink, .MenuUserLogoutLink:visited {
    color: #7a6c56;
    font-family: verdana,arial,sans-serif;
    font-size: 14px;
    border-radius: 20px;
    background-color: #EEEEEE;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

    .MenuUserLogoutLink:hover, .MenuUserLogoutLink:active {
        color: #7a6c56;
        font-family: verdana,arial,sans-serif;
        font-size: 14px;
        border-radius: 20px;
        background-color: #EEEEEE;
        padding: 4px 10px;
        text-align: center;
        font-weight: bold;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
    }

/*#endregion Menu-UserInfo ***********/

/*#region Top-Panel **********************/

/* Layout background image/color, Logo Icon image, Site title, Site sub title */
div.TopContainer {
    margin: 0;
    padding: 0;
    left: 0px;
    width: 100%;
    height: calc(3.5em + 4vw);
    background: #ffffff;
    background-image: url("/siteview/common/resources/images/viewstyleheader.jpg"); /*** VaryBySite **/
    background-position: center; /*Center the image*/
    background-repeat: no-repeat; /*Do not repeat the image*/
    background-size: cover; /*Resize the background image to cover the entire container*/
}

div.TopContainerText {
    padding-top: 2%;
    text-align: left;
    text-indent: 5%;
    height: 70px;
}

.TopContainerHomeSpan {
    max-height: 60px;
    line-height: 1.2;
}

.TopContainerSubText {
    margin-left: 5%;
    font-weight: normal;
    letter-spacing: 0.05em;
    text-decoration: none;
    padding-top: -10px;
    text-wrap: none;
    font-family: verdana,arial,sans-serif;
    color: #7a6c56;
}

/* If Subtitle is used - this is used. Media dependent font-size */
.TopContainerHomeLinkText {
    font-weight: bold;
    font-style: italic;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    color: #7a6c56;
    text-decoration: none;
}

.TopContainerHomeLink, .TopContainerHomeLink:visited, .TopContainerHomeLink:hover {
    /*font-size: calc(1.8em + 1.2vw);*/ /* If Subtitle is used - remove this font-size */
    font-weight: bold;
    font-style: italic;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    color: #7a6c56;
    text-decoration: none;
}

/*#endregion Top-Panel **********************/

/*#region Header ********************/

div.Header {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    border-top: 0.5px solid #DDDDDD;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    float: right;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    z-index: -1;
}

    div.Header h2 {
        padding: 0;
        margin: 0;
    }

/*#endregion Header ********************/

/*#region Wide-Menu **************************/

.MenuWideScreen {
    z-index: 2;
}

.dropdown {
    display: flex;
    flex-direction: column;
    z-index: 800;
}

.LinkNameSpan {
    display: inline-flex;
    min-width: 95%;
}

.ArrowSpan {
    display: inline-flex;
}

    .ArrowSpan::before {
        content: " ▶";
    }

.NoArrowSpan {
    display: inline-flex;
}

/* a:link, a:visited, a:hover, a:active */
.dropdown-content, .dropdown-content:link, .dropdown-content:visited, .dropdown-content:hover, .dropdown-content:active {
    display: none;
    flex-direction: column;
    position: absolute;
    background-color: #f9f9f9;
    line-height: 1.2;
    justify-content: space-between;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    padding: 6px 10px;
    top: 40px;
    left: 10px;
    z-index: 900;
}

.dropdown-content-show {
    display: none;
}

.dropdown2-content, .dropdown2-content:link, .dropdown2-content:visited, .dropdown2-content:hover, .dropdown2-content:active {
    display: none;
    flex-direction: column;
    position: absolute;
    background-color: #f9f9f9;
    line-height: 1.9;
    justify-content: space-between;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    padding: 6px 10px;
    /*    top: 40px;*/
    left: 40px;
    z-index: 900;
    margin-top: -4px;
    border-top: 1px solid #E8CAC3;
    border-right: 1px solid #E8CAC3;
    border-bottom: 1px solid #E8CAC3;
    border-left: 1px solid #E8CAC3;
}

.Menu {
    background-color: #FFFFFF !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: #6d6d6d;
    text-align: center;
    vertical-align: text-top;
    height: 90px;
    line-height: 50px;
    margin-bottom: 0px;
    margin-top: 0px;
    z-index: 800;
}

.MenuItem {
    display: inline-block;
    position: relative;
    background-color: #FFFFFF !important;
    color: #6d6d6d !important;
    font-size: 16px;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    letter-spacing: 0.05em;
    white-space: nowrap;
    padding-left: 8px;
    padding-right: 8px;
}

    .MenuItem:hover .dropdown-content {
        display: flex;
        flex-direction: column;
    }

    .MenuItem:active .dropdown-content {
        display: flex;
        flex-direction: column;
    }

    .MenuItem:hover a {
        color: #6A9B85 !important;
        background-color: #FFFFFF !important;
        font-size: 16px;
        border-spacing: 10px 0px;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        text-decoration-line: none;
        letter-spacing: 0.05em;
    }

    .MenuItem a {
        display: inline-block;
        color: #6d6d6d !important;
        font-size: 16px;
        border-spacing: 10px 0px;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        padding-left: 8px;
        padding-right: 8px;
        letter-spacing: 0.05em;
    }

.MenuSub {
    background-color: transparent !important;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    color: #6d6d6d;
    text-align: center;
    vertical-align: text-top;
    height: 28px;
    left: 80%;
    width: 40px;
    margin-top: -28px;
    z-index: 1;
    cursor: pointer;
}

.MenuSubHover {
    border: 1px solid #E8CAC3;
}

.MenuSub:hover .dropdown2-content {
    display: flex;
    flex-direction: column;
}

.MenuSubItem {
    display: inline-block;
    position: relative;
    background-color: #FFFFFF !important;
    color: #6d6d6d !important; /*** VaryBySite **/
    font-size: 16px;
    font-family: 'Book Antiqua','Times New Roman', Times, serif; /*** VaryBySite **/
    letter-spacing: 0.05em;
    white-space: nowrap;
    padding-left: 8px;
    padding-right: 8px;
    min-width: 100px;
}

    .MenuSubItem:hover .dropdown2-content {
        display: flex;
        flex-direction: column;
    }

    .MenuSubItem:active .dropdown2-content {
        display: flex;
        flex-direction: column;
    }

    .MenuSubItem:hover a {
        color: #E8CAC3 !important;
        background-color: #FFFFFF !important;
        font-size: 16px;
        border-spacing: 10px 0px;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        text-decoration-line: none;
        letter-spacing: 0.05em;
    }

    .MenuSubItem a {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        color: #6d6d6d !important;
        font-size: 16px;
        border-spacing: 10px 0px;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        padding-left: 8px;
        padding-right: 8px;
        letter-spacing: 0.05em;
    }

.Selected {
    border-bottom: 4px solid #daefd8;
    background-color: #FFFFFF !important;
    /*    color: #daefd8 !important;*/
}

    .Selected:hover {
        background-color: #daefd8 !important;
        color: #6d6d6d !important;
    }

        .Selected:hover a {
            background-color: #daefd8 !important;
            color: #6d6d6d !important;
            text-decoration-line: none;
        }

    .Selected a {
        color: #6d6d6d !important;
        background-color: #daefd8 !important;
    }

    .Selected:hover .dropdown-content {
        display: flex;
        flex-direction: row;
    }

/*#endregion Wide-Menu ***************************/

/*#region Small-Menu ***************/

.MenuSmallScreen {
}
/*Media dependent*/

.IconButtons {
}

.IconButton {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: -3px;
    display: block;
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid #ffffff;
}

.IconButtonClose {
    padding-top: 6px;
    margin-left: 3px;
    padding-left: 4px;
    padding-bottom: 6px;
    padding-right: 100%;
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid #ffffff;
}

#MenuSmallDevice {
    background-color: #ffffff;
    border-bottom: 0.5px solid #DDDDDD;
}

/* The sticky class is added to the small menu with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000;
}

    /*Add some top padding to the page content to prevent sudden quick movement */
    .sticky + .MainPanel {
        padding-top: calc(3.5em + 4vw);
    }

.SmallMenu {
    display: block;
    flex-direction: column;
    color: #6d6d6d;
    text-align: center;
    height: 100%;
    line-height: 40px;
    margin: 0;
    padding: 0;
}

.SmallMenuItem {
    width: 100%;
    display: inline-block;
    color: #6d6d6d !important;
    height: 40px;
    font-size: 18px;
    border-spacing: 10px 0px;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    letter-spacing: 0.05em;
}

.SmallMenuItemLink {
    width: 100%;
    color: #6d6d6d !important;
    background-color: #FFFFFF !important;
    height: 40px;
    font-size: 18px;
    border-spacing: 10px 0px;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
}

    .SmallMenuItemLink:hover {
        width: 100%;
        color: #6A9B85 !important;
        background-color: #FFFFFF !important;
        text-decoration: none;
        height: 40px;
        font-size: 18px;
        border-spacing: 10px 0px;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
    }


.MenuToggle, .MenuToggle:visited {
    color: #6d6d6d !important;
    padding: 4px;
    font-size: 14px;
    vertical-align: top;
    padding-left: 20px;
}

    .MenuToggle:hover {
        color: #6d6d6d !important;
        text-decoration: none;
        padding: 4px;
        font-size: 14px;
        vertical-align: top;
        padding-left: 20px;
    }

.SmallLevelMenu {
    display: block;
    flex-direction: column;
    color: #6d6d6d;
    text-align: center;
    height: 100%;
    line-height: 40px;
    margin: 0;
    padding: 0;
}

.SmallLevelMenuItem {
    width: 100%;
    background-color: #FFFFFF !important;
    color: #6d6d6d !important;
    height: 40px;
    font-size: 15px;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    letter-spacing: 0.05em;
}

.SmallLevelMenuItemLink {
    background-color: #FFFFFF !important;
    color: #6d6d6d !important;
    height: 40px;
    font-size: 15px;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
}

    .SmallLevelMenuItemLink:hover {
        color: #6A9B85 !important;
        background-color: #FFFFFF !important;
        text-decoration: none;
        height: 40px;
        font-size: 15px;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        text-decoration-line: none;
    }

.SmallSiteSubSubMenu {
    max-height: 80vh;
    overflow-y: scroll;
}

.SmallSelected {
    width: 100%;
    background-color: #daefd8 !important;
    color: #6d6d6d !important;
    font-weight: bold;
    border-spacing: 10px 0px;
    font-size: 18px;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    margin: 0;
    padding: 0;
}

.SmallSelectedLink {
    background-color: #daefd8 !important;
    color: #6d6d6d !important;
    font-weight: bold;
    border-spacing: 10px 0px;
    font-size: 18px;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
}

    .SmallSelectedLink:hover {
        background-color: #daefd8 !important;
        color: #6d6d6d !important;
        font-weight: bold;
        border-spacing: 10px 0px;
        font-size: 18px;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
    }


.SmallLevelSelected {
    width: 100%;
    background-color: #daefd8 !important;
    color: #6d6d6d !important;
    font-weight: bold;
    border-spacing: 10px 0px;
    font-size: 15px;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    margin: 0;
    padding: 0;
}

.SmallLevelSelectedLink {
    background-color: #daefd8 !important;
    color: #6d6d6d !important;
    font-weight: bold;
    border-spacing: 10px 0px;
    font-size: 15px;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
}

    .SmallLevelSelectedLink:hover {
        background-color: #daefd8 !important;
        color: #6d6d6d !important;
        font-weight: bold;
        border-spacing: 10px 0px;
        font-weight: bold;
        font-size: 15px;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
    }

/*#endregion Small-Menu *********************/

/*#region Main-Panel-View **********************/

/* The main div for page main content. */
/* Media dependent on max-width, left and left margin etc. */
.MainPanel {
}

/* Background area */
.SiteViewBgImageArea {
    pointer-events: none;
    background-color: #FFFFFF;
    position: absolute;
    width: 100%;
    left: 0;
    top: 102px;
    bottom: 0;
    z-index: -1;
    object-fit: cover;
}

/*  Main content area  */
table.MainPanelTable, div.MainPanelTable {
    width: 100%;
    margin-top: 2px;
    padding-top: 10px;
}

.AboutArea {
    width: 95%;
    margin: auto;
}

/*#endregion Main-Panel-View **********************/

/*#region Main-Panel-FullScreenView  ************/

.ContainerView {
    background-color: transparent;
    min-height: 1400px;
    z-index: 1;
}

.MainContentView {
    background-color: transparent;
    padding-top: 30px;
    z-index: 1;
}

/* Media dependent also */
.MainPanelFullScreen {
    background-color: #FFFFFF;
    z-index: 1;
    max-width: 1000px;
}

/*#endregion Main-Panel-FullScreenView  ************/

/*#region Footer **********************/

div.Footer {
    position: fixed;
    font-family: Calibri;
    font-size: 14px;
    color: #0E824D;
    font-style: italic;
    background-color: #ffffff;
    left: 0;
    bottom: 0px;
    width: 100%;
    text-align: center;
}

    div.Footer p {
        font-size: 14px;
    }

.FooterLink, .FooterLink:visited {
    font-family: Calibri;
    font-size: 14px;
    color: #BCA469;
    font-style: italic;
}

    .FooterLink:hover, .FooterLink:active {
        font-family: Calibri;
        font-size: 14px;
        color: #BCA469;
        font-style: italic;
    }

/*#endregion Footer **********************/

/*#region Custom-Links ************************/

.Link, .Link:visited, .Link:hover {
    font-family: verdana,arial,sans-serif;
    color: #0E824D;
    font-size: 13px;
    font-weight: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

    .Link, .Link:visited {
        text-decoration: none;
    }

        .Link:hover {
            text-decoration: underline;
        }

.ButtonEdit, .ButtonEdit:Visited, .ButtonEdit:Hover {
    font-family: verdana,arial,sans-serif;
    Font-Size: 14px;
    Font-Weight: Bold;
    margin: 0px 1px 0px 3px;
    color: #7a6c56;
}

    .ButtonEdit, .ButtonEdit:Visited {
        text-decoration: none;
    }

        .ButtonEdit:Hover {
            text-decoration: underline;
        }

.InvisibleLink, .InvisibleLink:visited {
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    color: transparent;
    font-size: 15px;
    text-decoration: none;
}

    .InvisibleLink:hover, .InvisibleLink:active {
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        color: #7a6c56;
        font-size: 15px;
        text-decoration: none;
    }

.AdminLink, .AdminLink:visited, .AdminLink:hover, .AdminLink:active {
    font-family: Calibri;
    font-size: 12px;
    color: #7a6c56;
    font-style: normal;
    background-color: #ffffff;
    text-decoration: underline;
    position: fixed;
    left: 80%;
    bottom: 0;
    padding: 1px 8px 1px 8px;
    text-align: center;
    z-index: 10000;
}

.LinkViewMoreLess, .LinkViewMoreLess:visited {
    color: #7a6c56;
    font-family: Garamond,'Times New Roman', Times, serif;
    font-size: 18px;
    border-radius: 20px;
    background-color: #EEEEEE;
    padding: 2px 8px 2px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
}

    .LinkViewMoreLess:hover, .LinkViewMoreLess:active {
        color: #7a6c56;
        font-family: Garamond,'Times New Roman', Times, serif;
        font-size: 18px;
        border-radius: 20px;
        background-color: #EEEEEE;
        padding: 2px 8px 2px 8px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        margin-top: 5px;
    }

.AdminNewLinkSpan {
    margin-bottom: 5px;
    margin-left: -1px;
}

.AdminNewLink, .AdminNewLink:visited, .AdminNewLink:hover, .AdminNewLink:active {
    color: #7a6c56;
    font-family: Garamond,'Times New Roman', Times, serif;
    font-size: 16px;
    border-radius: 20px;
    background-color: #EEEEEE;
    padding: 2px 8px 2px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    text-indent: 0px;
}

    .AdminNewLink:hover, .AdminNewLink:active {
        background-color: #DDDDDD;
    }

.SmallViewLink, .SmallViewLink:visited {
    color: #7a6c56;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    text-wrap: none;
}

    .SmallViewLink:hover, .SmallViewLink:active {
        color: #7a6c56;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        font-size: 15px;
        font-weight: bold;
        text-decoration: underline;
        text-wrap: none;
    }


.InternalLink, .InternalLink:visited {
    color: #7a6c56;
    font-family: Garamond,'Times New Roman', Times, serif;
    font-size: 16px;
    text-decoration: underline;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

    .InternalLink:hover, .InternalLink:active {
        color: #7a6c56;
        font-family: Garamond,'Times New Roman', Times, serif;
        font-size: 16px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
    }

.ExternalLink, .ExternalLink:visited {
    color: #61A6D3;
    font-family: Garamond,'Times New Roman', Times, serif;
    font-size: 16px;
    text-decoration: underline;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

    .ExternalLink:hover, .ExternalLink:active {
        color: #61A6D3;
        font-family: Garamond,'Times New Roman', Times, serif;
        font-size: 16px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
    }

/*#endregion Custom-Links ********************/

/*#region Custom-Lists *******************/

.Tag {
    color: #6A9B85;
    Font-Size: 12px;
    border-radius: 20px;
    background-color: #EEEEEE;
    padding: 2px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.ListHeader, .ListHeader:visited, .ListHeader:hover, .ListHeader:active {
    border-color: #007733;
    border-bottom: solid 1px #007733;
    color: #0E824D;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    height: 19px;
    text-align: left;
}

    .ListHeader:hover, .ListHeader:active {
        background-color: #DDDDDD;
    }

.ListHeaderLink, .ListHeaderLink:visited {
    color: #0E824D;
    font-weight: bold;
    text-decoration: none;
}

    .ListHeaderLink:hover, .ListHeaderLink:active {
        color: #0E824D;
        font-weight: bold;
        text-decoration: underline;
    }

.ListItem {
    background-color: #FFFFFF;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    border-top: solid 1px #7a6c56;
    color: #505050;
    font-size: 16px;
    font-weight: normal;
    height: 22px;
    border-bottom: 1px solid #d4c8b6;
}

    .ListItem:hover {
        background-color: #FFFFFF;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        border-top: solid 1px #7a6c56;
        color: #505050;
        font-size: 16px;
        font-weight: normal;
        height: 22px;
        border-bottom: 1px solid #d4c8b6;
    }

.ListItemLink, .ListItemLink:visited, .ListItemLink:hover, .ListItemLink:active {
    color: #0E824D;
    font-weight: bold;
}

.ListEditItem {
    background-color: #ecfaeb;
    font-family: verdana,arial,sans-serif;
    color: #505050;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
}

.ListAlternateItem {
    background-color: #ffffff;
    font-family: verdana,arial,sans-serif;
    border-top: solid 1px #7a6c56;
    color: #505050;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    height: 22px;
    border-bottom: 1px solid #daefd8;
}

    .ListAlternateItem:Hover {
        background-color: #daefd8;
        border-top: solid 1px #7a6c56;
    }

.MarkedListItem {
    font-family: verdana,arial,sans-serif;
    color: #505050;
    font-size: 16px;
    font-weight: bold;
    border-bottom-width: thin;
}

.ListNewItem {
    background-color: #DDDDDD;
    font-family: verdana,arial,sans-serif;
    color: #505050;
    border-top-color: #007733;
    border-top-width: 1px;
    border-top-style: ridge;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
}

.ListNewEditItem {
    vertical-align: middle;
    background-color: #DDDDDD;
    border-top-color: #007733;
    border-top-width: 1px;
    font-family: verdana,arial,sans-serif;
    color: #505050;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
}

.DynamicListItem {
    background-color: Transparent;
    font-family: verdana,arial,sans-serif;
    color: #505050;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
}

/*#endregion Custom-Lists ***********/

/*#region Custom-View-Styles ******************************/

.ViewItem {
    border-bottom: 1px solid #EEEEEE
}

.ViewHeading {
    font-size: calc(1.2em + 0.8vw);
    font-weight: bold;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    color: #7a6c56;
    padding-top: 5px;
}

.ViewHeading2 {
    font-size: calc(0.8em + 1vw);
    font-weight: bold;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    letter-spacing: 0.08em;
    color: #FFFFFF;
    text-align: center;
}

.ViewHeading2Area {
    margin-top: 60px;
    margin-bottom: 20px;
    text-align: center;
}

.ViewSubHeading {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    color: #7a6c56;
}

.ViewCursive {
    font-size: 18px;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    font-style: italic;
    color: #6d6d6d;
}

.ViewText {
    font-size: 18px;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    color: #6d6d6d;
    word-wrap: break-word;
}

.ViewTextMessage {
    font-size: 18px;
    font-family: 'Book Antiqua', 'Times New Roman', Times, serif;
    color: #6d6d6d;
    word-wrap: break-word;
    padding-left: 5px;
}

.ViewSmallText {
    font-size: 13px;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    color: #6d6d6d;
}

.ViewSmallCursive {
    font-size: 15px;
    font-family: Garamond,'Times New Roman', Times, serif;
    font-style: italic;
    color: #7a6c56;
}

.ViewListHeading {
    font-size: 20px;
    font-weight: bold;
    font-family: Garamond,'Times New Roman', Times, serif;
    color: #7a6c56;
}

.ViewHeaderLink, .ViewHeaderLink:visited {
    color: #6d6d6d;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

    .ViewHeaderLink:hover, .ViewHeaderLink:active {
        color: #6d6d6d;
        font-size: 20px;
        font-weight: bold;
        text-decoration: underline;
    }

.ViewListHeaderLink, .ViewListHeaderLink:visited, .ViewListHeaderLink:active {
    color: #505050;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    font-size: 19px;
    font-weight: bold;
    text-decoration: none;
}

    .ViewListHeaderLink:hover {
        color: #505050;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        font-size: 19px;
        font-weight: bold;
        text-decoration: none;
    }

.ViewLink, .ViewLink:visited, .ViewLink:active {
    color: #7a6c56;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

    .ViewLink:hover {
        color: #7a6c56;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        font-size: 16px;
        font-weight: bold;
        text-decoration: underline;
    }

.ViewMoreLessLink, .ViewMoreLessLink:visited {
    color: #7a6c56;
    font-family: Garamond,'Times New Roman', Times, serif;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    text-decoration: none;
}

    .ViewMoreLessLink:hover, .ViewMoreLessLink:active {
        color: #7a6c56;
        font-family: Garamond,'Times New Roman', Times, serif;
        font-size: 16px;
        font-weight: normal;
        vertical-align: middle;
        text-decoration: none;
    }

.ViewInternalLinkBig, .ViewInternalLinkBig:visited {
    color: #ffffff;
    font-family: 'open sans',sans-serif;
    letter-spacing: 0.05em;
    font-size: calc(0.8em + 1vw);
    border-radius: 20px;
    background-color: #36699E;
    padding: 15px 8px 15px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    width: 50%;
}

    .ViewInternalLinkBig:hover, .ViewInternalLinkBig:active {
        color: #ffffff;
        font-family: 'open sans',sans-serif;
        letter-spacing: 0.05em;
        font-size: calc(0.8em + 1vw);
        border-radius: 20px;
        background-color: #0C305C;
        padding: 15px 8px 15px 8px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        margin-top: 10px;
        width: 50%;
    }

.ViewWritingHeader {
    border: none;
    color: #111;
    font-family: 'Playfair Display', 'Georgia', serif;
    font-size: 26px;
    -webkit-font-smoothing: antialiased;
}

.ViewWritingSubHeader {
    border: none;
    color: #111;
    font-style: italic;
    font-family: 'Playfair Display', 'Georgia', serif;
    font-size: 19px;
    -webkit-font-smoothing: antialiased;
}

.ViewWritingText {
    border: none;
    color: #111;
    font-family: 'Playfair Display', 'Georgia', serif;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    white-space: pre-wrap;
}
/*#endregion Custom-View-Styles  ***********/

/*#region PageSections-and-FilterArea  ******************/

/* Main div Page Section and content div id */
#cSitePageViewDiv {
}

div.SitePageViewDiv {
    width: 500px; /* Set width for section and content area here */
    max-width: 100%;
}

/* Main div Page Section class */
div.SitePageSections {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

div.cSitePageSectionsLast {
    margin-bottom: 30px; /* Remove for no margin between differents sections*/
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

/* Generated class on last section */
.cSitePageSectionsLast {
    margin-bottom: 15px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

/* Main div Content list - All FilterAreas */
.ViewContentFilterArea {
    margin-top: 10px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.ImageList { /* All image collections*/
    width: 500px; /* Set same width as SitePageViewDiv here */
    max-width: 100%;
}

.ItemsList { /* All filter lists*/
    width: 500px; /* Set same width as SitePageViewDiv here */
    max-width: 100%;
}

table.PagingButtons {
    margin-bottom: 15px; /* Margin botton same as .cSitePageSectionsLast*/
}

.PreviousButton {
    width: 50%;
    text-align: right;
}

.NextButton {
    width: 50%;
    text-align: left;
}

/*#endregion PageSections-and-FilterArea **************************/

/*#region FilterView-Lists ******************************/

/*All text td:s on BlogList, BlogCommentList & FilterList*/
.ViewTexts {
    /*Full-width-Images: Set Padding-Left:10% on small screens < 600px */
}
/* Common for BlogList, BlogCommentList & FilterFileList list */
.ViewImageMarginRow {
    /*Full-width-Images: Set Left:-5% on small screens < 600px and position:relative */
    position: relative;
}

/* Common for BlogList, BlogCommentsList, FilterFileList & FilterList images*/
.ItemFilterViewImage {
    border-bottom: 2px solid transparent;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    /*Full-width-Images: Remove max-width and set width: 110vw on small screens < 600px */
    /* max-width: 100%;*/
    display: block; /* Set to align to center */
}

/*#endregion FilterView-Lists ************************/

/*#region ItemFilterListView *****************/

/* Main table id */
#cFilterList {
}

.ShowDiv {
    max-width: 95vw;
    margin-top: 5px;
}

.CreateInfoSpan {
    margin-top: 5px;
    text-align: right;
    padding-right: 10px;
}

td.ViewItemFilterListMargin {
    max-width: 95%;
}

/*Generated class */
.ViewContentHeadingFilterList {
    font-size: calc(1em + 1vw);
    font-weight: bold;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    color: #7a6c56;
}

.ItemFilterListViewImage { /* FilterList Image */
    border-bottom: 2px solid transparent;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    vertical-align: middle;
    display: block; /* Set to align center */
}

.ItemFilterListViewIcon {
    max-width: 95%;
    width: auto; /* To not show as full-width-image*/
    display: inline-block; /* Don't align center */
}

/*#endregion ItemFilterListView ******/

/*#region ItemFilterFileListView **********/

/* Main div id */
#cFilterFileList {
    width: 100%;
}

.FilterFileList {
}

/* Generated class */
.ViewContentHeadingFilterFileList {
    font-size: calc(1.3em + 1vw);
    font-weight: bold;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    color: #7a6c56;
}

.ItemFilterFileListViewImage {
}

/*#endregion ItemFilterFileListView ******/

/*#region ItemFilterBlogListView ********/

/* Main div id */
#cBlogList {
}

.BlogList {
    margin: auto;
    width: 95%;
    max-width: 800px;
    background-color: #ffffff;
}

table.ViewBlogItemMargin {
    margin: auto;
    width: 95%;
    max-width: 800px;
    background-color: #ffffff;
    margin-bottom: 15px;
}

tr.ViewBlogItemImageMarginRow {
}

.ViewBlogHeader {
    text-align: center;
}

.ViewBlogHeading {
    font-size: calc(1em + 1vw);
    font-weight: bold;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    letter-spacing: 0.05em;
    color: #505050;
    margin-bottom: 5px;
    margin-top: 5px;
}

.ViewBlogInfo {
    text-align: center;
    font-size: 14px;
}

.ViewBlogDate {
    color: #505050;
}

.ViewBlogAuthor {
    color: #505050;
}

.ViewBlogOwner {
    font-style: italic;
}

.AdminNewLinkSpanBlog {
    margin: auto;
    width: 95%;
    max-width: 800px;
    background-color: #ffffff;
    text-indent: 2.75%;
    padding-bottom: 1%;
    margin-top: -3%;
}

.AdminNewLinkBlogg {
    color: #505050;
    background-color: #ffffff;
}

/* Generated class */
.ViewContentHeadingFilterBlogList {
    font-size: calc(1em + 1vw);
    font-weight: bold;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    color: #7a6c56;
}

.ItemFilterBlogListViewImage {
    width: 100%;
}

.ViewBlogCustomEndRow {
}

.ViewBlogCustomEndDiv {
    color: #505050;
    text-align: center;
    padding: 30px;
    font-size: 30px;
}

    .ViewBlogCustomEndDiv::before {
        content: "* * *";
    }


/*#endregion ItemFilterBlogListView ******/

/*#region ItemFilterBlogCommentsListView ************/

/* Main div id */
#cBlogCommentList {
}

.BlogCommentList {
}

table.ViewBlogCommentItemMargin {
    border-spacing: 0;
    margin-bottom: 15px;
}

/* Generated class  */
.ViewContentHeadingFilterBlogCommentsList {
    font-size: calc(1em + 1vw);
    font-weight: bold;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    color: #7a6c56;
}

.ItemFilterBlogCommentsListViewImage {
}

/*#endregion ItemFilterBlogCommentsListView **************/

/*#region ItemFilterSectionListView **********/

/* Main div id */
#cItemsSectionList {
    min-height: 350px;
    padding-top: 30px;
}

/* Media dependent width */
.ViewSectionItems {
    min-width: 125px;
    height: 350px;
    vertical-align: top;
    /*    padding: 5px;*/
    text-align: center;
    float: left;
    /*margin-right: 0px;*/ /*To put sections direct to each other*/
    /*margin-left: -4px;*/ /*To put sections direct to each other*/
    /*    margin-right: 4px; */ /*Default margin*/
    /*  margin-left: 4px;*/ /*Default margin*/
}

.ViewSectionImageArea {
    margin-top: 10px;
    height: 100px;
}

.ViewSectionImage {
    max-width: 50vw;
}

.ViewSectionNameArea {
    margin-bottom: 5px;
    min-height: 50px;
}

.ViewSectionName {
    font-size: calc(0.6em + 0.6vw);
    font-weight: bold;
    font-family: 'open sans',sans-serif;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

.ViewSectionTextArea {
    min-height: 100px;
    padding: 5px;
}

.ViewSectionText {
    font-size: 15px;
    font-weight: normal;
    font-family: 'open sans',sans-serif;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

.ViewSectionLinkArea {
    min-height: 50px;
    padding: 5px;
}

.ViewSectionLink, .ViewSectionLink:hover, .ViewSectionLink:visited, .ViewSectionLink:active {
    font-size: 16px;
    font-weight: normal;
    font-family: 'open sans',sans-serif;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

    .ViewSectionLink:hover {
        background-color: transparent;
        border: 1px solid #FFFFFF;
        color: #FFFFFF;
    }


.ViewSectionOverlayLink, .ViewSectionOverlayLink:hover, .ViewSectionOverlayLink:visited, .ViewSectionOverlayLink:active {
    text-decoration: none;
}

    .ViewSectionOverlayLink:hover {
        background-color: rgb(8 8 8 / 20%);
    }

/*#endregion ItemFilterSectionListView ***********/

/*#region ItemFilterSlideView */

/* Main div id. */
#cImageSliderList {
    padding-bottom: 270px; /* To compensate for slider image height .*/
    margin-top: -20px;
}

.mySlides {
    display: none;
    width: 100vw;
    object-fit: cover;
    height: 300px; /* slider image height .*/
    position: absolute;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    top: 90px;
}

.slider-overlay {
    position: absolute;
    top: 400px;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 95%;
}

.slider-overlay-name {
    font-size: calc(1.8em + 1vw);
    font-weight: bold;
    font-family: 'open sans',sans-serif;
    letter-spacing: 0.08em;
    color: #6A9B85;
    line-height: 2;
}

.slider-overlay-text {
    font-size: calc(1.3em + 1vw);
    font-weight: bold;
    font-family: 'open sans',sans-serif;
    letter-spacing: 0.08em;
    font-style: italic;
    color: #6A9B85;
}

/*#endregion ItemFilterSlideView */

/*#region ItemFilterFileCollectionView */

/*Main div id*/
#cImageList {
}

.ImageCollecionList {
    width: 500px;
}

/* Generated class */
.ViewContentHeadingFilterFileCollection {
    font-size: calc(1.3em + 1vw);
    font-weight: bold;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    color: #7a6c56;
}
/*#endregion ItemFilterFileCollectionView */

/*#region ItemFilterFileCollectionView2 */

/*Main div id*/
#cImageList2 {
}

.ImageCollecionList2 {
    max-width: 500px;
}

/* Generated class */
.ViewContentHeadingFilterFileCollection2 {
    font-size: calc(1.3em + 1vw);
    font-weight: bold;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    color: #7a6c56;
}
/*#endregion ItemFilterFileCollectionView2 */

/*#region ItemFilterProductListView ***************/

/* Main div id */
#cItemsProductList {
}

.ProductListPageHeader { /*Used in ProductListHeader layout section*/
    font-size: calc(1.3em + 1vw);
    font-weight: bold;
    font-family: 'open sans',sans-serif;
    letter-spacing: 0.08em;
    color: #0C305C;
}

.ProductListText { /*Used in ProductListText layout section*/
}

.ProductListFooter { /*Used in ProductListFooter layout section*/
}

/* Generated class */
.ViewContentHeadingFilterProductList {
    font-size: calc(1.3em + 1vw);
    font-weight: bold;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    color: #7a6c56;
}

.ViewFilterProductListBgImageArea {
    pointer-events: none;
    background-color: #C6E2F7 !important;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    object-fit: cover;
}

.ViewProductItems {
    float: left;
    background-color: #FFFFFF;
    min-height: 435px;
    z-index: 20;
    margin-right: 5px;
    margin-bottom: 15px;
    margin-top: 0px;
}

.ViewProductListTextArea {
}

.ViewProductImageArea { /* container */
    position: relative;
    width: 100%;
}

.ViewProductImageOverlay {
    position: absolute;
    background: #FFFFFF;
    font-family: verdana,arial,sans-serif;
    font-weight: bold;
    color: #C089B8;
    width: 50%;
    transition: .5s ease;
    font-size: 15px;
    padding: 5px;
    padding-left: 1%;
    text-align: left;
    word-break: break-word;
    bottom: 0;
    left: 0;
}

.ViewProductImage {
    width: 100%;
    max-height: 200px;
    object-fit: cover;
}

/* width is media dependent */
.ViewProductListImage {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.ViewProductDateArea {
    padding-left: 1%;
    text-align: right;
    padding-right: 1%;
    height: 50px;
    background-color: #FFFFFF;
    font-family: poppins-semibold,poppins,sans-serif;
    font-size: 14px;
    color: #384E51;
}

.ViewProductNameArea {
    padding-left: 2%;
    height: 50px;
    background-color: #FFFFFF;
    font-family: poppins-semibold,poppins,sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #384E51;
    padding-bottom: 10px;
    vertical-align: middle;
}

.ViewProductPriceArea {
    padding-left: 2%;
    min-height: 50px;
    background-color: #FFFFFF;
    font-family: poppins-semibold,poppins,sans-serif;
    font-size: 15px;
}

.ViewProductPriceText {
    font-family: poppins-semibold,poppins,sans-serif;
    font-size: 18px;
    color: #36B5CD;
    line-height: 30px;
}

.ViewProductPublicIdLinkArea {
    padding-left: 1%;
    background-color: #FFFFFF;
    font-family: poppins-semibold,poppins,sans-serif;
    font-size: 16px;
    color: #384E51;
    height: 50px;
    text-align: center;
}

.ViewProductPublicIdLink, .ViewProductPublicIdLink:visited {
    color: #ffffff;
    font-family: 'open sans',sans-serif;
    letter-spacing: 0.05em;
    font-size: calc(0.8em + 0.5vw);
    background-color: #36B5CD;
    padding: 8px 10px 8px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
}

    .ViewProductPublicIdLink:hover, .ViewProductPublicIdLink:active {
        color: #ffffff;
        font-family: 'open sans',sans-serif;
        letter-spacing: 0.05em;
        font-size: calc(0.8em + 0.5vw);
        background-color: #36B5CD;
        padding: 8px 10px 8px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        margin-top: 10px;
    }

.AdminNewLinkSpanProductList {
    position: absolute;
    margin-top: 20px;
}

/*#endregion ItemFilterProductListView ***********/

/*#region ItemFilterProductView  ************/

/* Main div */
.ViewProductItem {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.ProductPageHeader { /*Used in ProductHeader layout section*/
}

.ViewProductTextArea {
    text-align: left;
    padding-top: 5px;
}

.ProductHeaderDiv {
    margin-top: 5%;
    margin-bottom: 3%;
    padding: 10px;
    left: 50px;
    background-color: #01B1AF;
    font-size: 30px;
    font-weight: bold;
    font-family: 'open sans',sans-serif;
    text-align: center;
    color: #FFFFFF;
    box-shadow: 5px 10px 8px #888888;
}

.ProductInfoDiv {
    float: left;
    letter-spacing: 0.1em;
    line-height: 2em;
}

.ProductLabelPrice {
    color: #2B6CA3;
    font-weight: normal;
    font-family: open sans,sans-serif;
    font-size: calc(1em + 0.5vw);
    padding-right: 5px;
}

.ProductPrice {
    color: #3D9BE9;
    font-weight: bold;
    font-family: open sans,sans-serif;
    font-size: calc(1em + 0.5vw);
    letter-spacing: 0.02em;
}

.ProductLabelNames {
    color: #2B6CA3;
    font-weight: normal;
    font-family: open sans,sans-serif;
    font-size: calc(0.8em + 0.5vw);
    padding-right: 5px;
}

.ProductNames {
    color: #2B6CA3;
    font-weight: bold;
    font-family: open sans,sans-serif;
    font-size: calc(0.8em + 0.5vw);
}

.ProductImageDiv {
    float: left;
    margin-bottom: 20px;
    margin-left: 5px;
}

.ProductImageText {
    font-family: 'open sans',sans-serif;
    font-weight: lighter;
    color: #505050;
    font-size: 13px;
    letter-spacing: 0.05em;
    font-style: italic;
    line-height: normal;
}

.ProductTextArea {
    display: inline-block;
    line-height: 1.4;
}

.ProductHeaderText {
    font-size: 22px;
    font-weight: normal;
    font-family: 'open sans',sans-serif;
    color: #505050;
    word-wrap: break-word;
    text-align: left;
}

.ProductText { /*Used in ProductText layout section*/
    font-size: 18px;
    font-family: Tahoma,'open sans',sans-serif;
    color: #505050;
    word-wrap: break-word;
}

.ProductTextBold {
    font-size: 18px;
    font-weight: bold;
    font-family: Tahoma,'open sans',sans-serif;
    color: #505050;
    word-wrap: break-word;
}

.ProductTextItalic {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    font-family: helvetica-w01-light,helvetica-w02-light,sans-serif;
    color: #505050;
    word-wrap: break-word;
}

.ProductLinkDiv {
    text-align: right;
}

.ProductFooter {
    font-family: 'open sans',sans-serif;
    color: #8ea9bb;
    font-size: 12px;
    letter-spacing: 0.05em;
    padding-bottom: 50px;
}

.ProductLink, .ProductLink:visited {
    color: #ffffff;
    font-family: 'open sans',sans-serif;
    letter-spacing: 0.05em;
    font-size: 30px;
    background-color: #36699E;
    padding: 2px 10px 2px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
}

    .ProductLink:hover, .ProductLink:active {
        color: #ffffff;
        font-family: 'open sans',sans-serif;
        letter-spacing: 0.05em;
        font-size: 30px;
        background-color: #0C305C;
        padding: 2px 10px 2px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        margin-top: 5px;
    }

/*#endregion ItemFilterProductView ******************/

/*#region ItemFilterView ************/

/**main div id */
#cViewFilterItem {
}

.ViewFilterItem {
    text-align: center;
    z-index: 30;
}

.ViewFilterItemBgImageArea {
}

.ViewFilterItemBgImage {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 90%;
    left: 0;
    top: 102px;
    bottom: 0;
    z-index: -1;
    object-fit: cover;
}

.ViewFilterItemImageArea {
    padding-top: 30px;
}

.ViewTextArea {
    text-align: center;
}

/*#endregion ItemFilterView*/

/*#region Image-Collection *******************/

.container { /* Note: different form main Container class*/
    position: relative;
    width: 100%;
}

.image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.4); /* Black see-through */
    font-family: verdana,arial,sans-serif;
    color: #f1f1f1;
    width: 29%;
    transition: .5s ease;
    font-size: 9px;
    padding: 0px;
    padding-left: 1%;
    text-align: left;
    bottom: 10px;
    left: 70%;
}

/* When you mouse over the container, fade in the overlay title */
/*.container:hover .overlay {
    opacity: 1;
}*/

.ItemFilterFileViewImageClick { /*Used in Image Collection1 & 2*/
    border-bottom: 2px solid transparent;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    padding: 3px 0 0 0;
    vertical-align: middle;
    cursor: pointer;
}

.ItemFilterFileViewFullImage { /*Used in Image Collection1 & 2*/
    border-bottom: 2px solid white;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-top: 10px;
    height: auto;
}

/*#endregion Image-Collection *************/

/*#region ImageCollection-FullScreen-View *********/
.ContainerFullScreen {
    position: relative;
    width: 100%;
}

div.closeDiv {
    padding-top: 5px;
}

.FullScreenClose {
    padding-left: 5px;
    cursor: pointer;
}

table.PrevNextButtonsArea {
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
}

.SuperLink, .SuperLink:visited, .SuperLink:hover .SuperLink:active {
    font-size: calc(0.7em + 1vw);
    font-weight: bold;
    margin-left: 2%;
}

    .SuperLink:hover {
        font-size: calc(0.7em + 1vw);
        color: #BCA469;
        font-weight: bold;
        text-decoration: underline;
        margin-left: 2%;
    }

.CloseLink, .CloseLink:visited, .CloseLink:hover .CloseLink:active {
    font-size: 18px;
    font-weight: bold;
    margin-left: 2%;
}

    .CloseLink:hover {
        font-size: 18px;
        color: #BCA469;
        font-weight: bold;
        text-decoration: underline;
        margin-left: 2%;
    }

table.ViewFullImageMargin {
    margin-top: 5px;
}

.ItemFileViewFullImage {
    margin-left: auto;
    margin-right: auto;
    max-width: 98%;
}

.ItemFileViewFullFile {
    width: 98vw;
    height: 96vh;
    margin: auto;
}

/*#endregion ImageCollection-FullScreen-View *****/

/*#region Reactions-and-Comments **************/
.Reactions {
    display: inline-block;
    vertical-align: middle;
}

.ReactionsView {
    display: inline-block;
    vertical-align: middle;
    word-wrap: break-word;
    margin-bottom: 5px;
    margin-top: 5px;
}

.ReactionsEdit {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
}

.ReactionsAdd {
    display: inline-block;
    vertical-align: top;
}

.ReactionImage {
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 2px;
    width: 16px;
    height: 14px;
}

.ReactionSmallImage {
    vertical-align: middle;
    display: inline-block;
    height: 16px;
}

.CommentAddCancelLink, .CommentAddCancelLink:visited, .CommentAddCancelLink:active {
    color: #7a6c56;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    display: inline-block;
    text-decoration: none;
    border-radius: 20px;
    background-color: #EEEEEE;
    padding: 8px 8px;
    text-align: center;
}

    .CommentAddCancelLink:hover {
        color: #7a6c56;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        display: inline-block;
        text-decoration: none;
        border-radius: 20px;
        background-color: #DDDDDD;
        padding: 8px 8px;
        text-align: center;
    }

.ReactionSmallImageLink, .ReactionSmallImageLink:visited, .ReactionSmallImageLink:active {
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    color: #7a6c56;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    text-decoration: none;
    border-radius: 20px;
    background-color: #EEEEEE;
    padding: 8px 8px;
    text-align: center;
}

    .ReactionSmallImageLink:hover {
        vertical-align: middle;
        display: inline-block;
        height: 16px;
        color: #7a6c56;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        text-decoration: none;
        border-radius: 20px;
        background-color: #DDDDDD;
        padding: 8px 8px;
        text-align: center;
    }

.ReactionSmallerImage {
    vertical-align: middle;
    display: inline-block;
    height: 14px;
}

.ReactionSmallerImageClick {
    vertical-align: middle;
    display: inline-block;
    height: 13px;
    color: #7a6c56;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    font-size: 13px;
    margin: -1px;
    text-decoration: none;
    border-radius: 20px;
    background-color: #EEEEEE;
    padding: 2px 6px 3px 6px;
    text-align: center;
    cursor: pointer;
}

.ReactionSmallImage {
    vertical-align: middle;
    display: inline-block;
    height: 16px;
}

.ReactionViewImage {
    vertical-align: middle;
    display: inline-block;
    height: 18px;
    width: 20px;
    padding: 2px;
    text-decoration: none;
}

.ReactionViewText {
    display: inline-block;
    white-space: pre-wrap;
    padding-right: 4px;
    font-size: 12px;
    color: #505050;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    text-decoration: none;
}

.ReactionViewLink, .ReactionViewLink:link, .ReactionViewLink:visited {
    text-decoration: none;
    vertical-align: middle;
    color: #7a6c56;
    font-size: 13px;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    margin: -1px;
    margin-bottom: 0;
    display: inline-block;
    padding: 2px 6px;
    text-align: center;
    border-radius: 20px;
    background-color: #FFFFFF;
}

    .ReactionViewLink:hover, .ReactionViewLink:active {
        text-decoration: none;
        vertical-align: middle;
        color: #7a6c56;
        font-size: 13px;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        text-decoration: none;
        margin: -1px;
        margin-bottom: 0;
        display: inline-block;
        padding: 2px 6px;
        border-radius: 20px;
        background-color: #FFFFFF;
    }

.ReactionLink, .ReactionLink:link, .ReactionLink:visited {
    color: #7a6c56;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    font-size: 13px;
    margin: -1px;
    display: inline-block;
    text-decoration: none;
    border-radius: 20px;
    background-color: #EEEEEE;
    padding: 2px 6px;
    text-align: center;
}

    .ReactionLink:hover, .ReactionLink:active {
        color: #7a6c56;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        font-size: 13px;
        margin: -1px;
        display: inline-block;
        text-decoration: none;
        border-radius: 20px;
        background-color: #EEEEEE;
        padding: 2px 6px;
        text-align: center;
    }

span.ReactionLinkSpan, span.ReactionViewLinkSpan {
    margin-right: 5px;
}

.CommentLink, .CommentLink:visited {
    color: #7a6c56;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    display: inline-block;
    text-decoration: none;
    border-radius: 20px;
    background-color: #EEEEEE;
    padding: 5px 5px;
    text-align: left;
    margin: 5px;
    vertical-align: middle;
}

    .CommentLink:hover, .CommentLink:active {
        color: #7a6c56;
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        display: inline-block;
        text-decoration: none;
        border-radius: 20px;
        background-color: #EEEEEE;
        padding: 5px 5px;
        text-align: left;
        margin: 5px;
        vertical-align: middle;
    }

.ReactionCreateDate {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    color: #505050;
    font-weight: normal;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
}

.ReactionText {
    display: inline-block;
    vertical-align: middle;
    white-space: pre-wrap;
    padding-right: 5px;
    font-size: 13px;
    color: #505050;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    text-decoration: none;
}

.ReactionCreatedByUser {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    color: #7a6c56;
    font-weight: bold;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
}

.ReactionButton {
    font-family: verdana,arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #E8CAC3;
    width: 40px;
    margin: 3px 1px 1px 3px;
    height: 30px;
    min-height: 26px;
}

.ReactionInput {
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    vertical-align: middle;
    display: inline-block;
    border: none;
    word-wrap: break-word;
    resize: vertical;
    max-height: 100px;
    min-height: 18px;
}

.CommentEditInput {
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    vertical-align: middle;
    display: inline-block;
    word-wrap: break-word;
    border: 1px solid #6d6d6d;
    width: 90%;
    resize: vertical;
    max-height: 100px;
    min-height: 18px;
    padding-top: 5px;
}

.CommentInput {
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    vertical-align: middle;
    display: inline-block;
    word-wrap: break-word;
    border: 1px solid #6d6d6d;
    width: 70%;
    resize: vertical;
    max-height: 100px;
    min-height: 18px;
    padding-top: 5px;
}

    .CommentInput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-family: 'Book Antiqua','Times New Roman', Times, serif;
        font-size: 14px;
        font-style: italic;
        margin: 1px 1px 1px 3px;
        padding-left: 2px;
    }

div.popup {
    position: relative;
    display: inline-block;
}

#cReactionListDiv, div.cReactionListDiv {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    font-family: verdana,arial,sans-serif;
    color: #7a6c56;
    font-size: 14px;
    font-weight: bold;
    background-color: #FFFFFF;
    border-radius: 6px;
    position: relative;
    left: 0;
    z-index: 998;
    padding: 4px 4px 2px 4px;
}

#cCommentListDiv, div.cCommentListDiv {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    font-family: verdana,arial,sans-serif;
    color: #7a6c56;
    font-size: 14px;
    font-weight: bold;
    background-color: #FFFFFF;
    border-radius: 6px;
    position: relative;
    left: 0;
    z-index: 999;
    padding: 4px 4px 2px 4px;
}

/* The popup  */
.popup .popupReaction {
    visibility: hidden;
    background-color: #fff;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    border: 1px #7a6c56 solid;
    padding: 4px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 30%;
    margin-left: -80px;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none; /*firefox*/
}

/* The popup */
.popup .popupComment {
    visibility: hidden;
    background-color: #fff;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    border: 1px #7a6c56 solid;
    padding: 4px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 30%;
    margin-left: -80px;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none; /*firefox*/
    -ms-overflow-style: none; /*IE and Edge */
}

/* The popup  fullsize*/
.popup .popupCommentFullSize {
    visibility: hidden;
    background-color: #fff;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    border: 1px #7a6c56 solid;
    padding: 4px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 30%;
    margin-left: -80px;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none; /*firefox*/
    -ms-overflow-style: none; /*IE and Edge */
}

/* Popup arrow */
.popup .popupReaction::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.popup .popupComment::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*#endregion Reactions-and-Comments  ***************/

/*#region Custom-Scrollbar  ***********/

/*::-webkit-scrollbar {
    height: 90%;
    width: 2px;
    color: transparent;
    border-radius: 20px;
}

    ::-webkit-scrollbar:hover {
        height: 90%;
        width: 2px;
        color: #FFFFFF;
        border-radius: 20px;
    }*/

/* Track */
/*::-webkit-scrollbar-track {
    height: 90%;
    box-shadow: inset 0 0 2px #FFFFFF;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}*/

/* Handle */
/*::-webkit-scrollbar-thumb {
    height: 90%;
    background: #FFFFFF;
    width: 5px;
    border-radius: 20px;
}*/

/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover {
        height: 90%;
        background: #FFFFFF;
        width: 5px;
        border-radius: 20px;
    }*/

/*#endregion Custom-Scrollbar  ***********/

/*#region Modal-Loaders-Files **************/

.loader {
    left: 30%;
    top: 30%;
    border-radius: 50%;
    border-top: 14px solid transparent;
    border-right: 14px solid #6A9B85;
    border-bottom: 14px solid #6A9B85;
    border-left: 14px solid #6A9B85;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
}

.fileloader {
    left: 30%;
    top: 30%;
    border-radius: 50%;
    border-top: 14px solid transparent;
    border-right: 14px solid #6A9B85;
    border-bottom: 14px solid #6A9B85;
    border-left: 14px solid #6A9B85;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.fileDownload {
    left: 30%;
    top: 50%;
    border-radius: 6px;
    background-color: #daefd8;
    border-right: 1px solid #6A9B85;
    border-top: 1px solid #6A9B85;
    border-bottom: 1px solid #6A9B85;
    border-left: 1px solid #6A9B85;
    padding: 5px;
    text-indent: 5px;
    width: 140px;
    height: 25px;
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    text-align: center;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    width: 80%;
    min-height: 100px;
}

    .modal-content p {
        font-size: 18px;
        font-family: 'Book Antiqua', 'Times New Roman', Times, serif;
        color: #6d6d6d;
        word-wrap: break-word;
        padding: 10px;
    }

/*#endregion Modal-Loaders-Files ****************/

/*#region FileInputs ***************************************/

/* Only for editing in view page, not used at the moment. Maybe not needed anymore*/
div.FileInputs {
    position: relative;
}

div.VisibleFile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    Font-Size: 14px;
    Font-Weight: Bold;
    color: #0E824D;
    text-decoration: none;
}

input.file {
    position: relative;
    text-align: right;
    opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

/*#endregion FileInputs ********************/

/*#region Account-and-Login-Pages ***********************/

div.LoginContainer {
    position: absolute;
    line-height: 1.5;
    top: 35%;
    left: 35%;
    margin-top: -100px;
    margin-left: -100px;
    max-width: 350px;
    max-height: 650px;
    max-width: 90% !important;
    overflow-x: hidden !important;
}

div.LoginFooter {
    background-color: #FFFFFF;
}

/* Used on logout page */
.HeadingLogin {
    font-family: verdana,arial,sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #6A9B85;
    text-decoration: none;
    margin: 1px 1px 1px 0px;
}

td.LoginColumn {
    padding: 3px;
    min-height: 22px;
}

td.LoginTextColumn {
    width: 70%;
}

#cSupportInfo {
    background-color: #f7f3f3;
    border-radius: 5px;
    border: 1px #FFFFFF solid;
    position: relative;
    padding: 5px;
    max-width: 280px;
    width: 80%;
    min-width: 220px;
}

.Bullet {
    color: #7a6c56;
}

td.HeadingLogoArea {
    vertical-align: middle;
    height: 60px;
}

.HeadingLoginLogo {
    font-size: 25px;
    font-weight: bold;
    font-family: 'Book Antiqua','Times New Roman', Times, serif;
    font-style: italic;
    letter-spacing: 0.05em;
    color: #6A9B85;
    text-decoration: none;
    margin: 1px 1px 1px 0px;
}

.SubHeadingLogin {
    font-family: verdana,arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #505050;
    text-decoration: none;
    margin: 1px 1px 1px 3px;
}

.LoginLink, .LoginLink:visited {
    font-family: verdana,arial,sans-serif;
    font-size: 15px;
    color: #0E824D;
    font-weight: normal;
    text-decoration: none;
    margin: 1px 1px 1px 0px;
}

    .LoginLink:hover, .LoginLink:active {
        font-family: verdana,arial,sans-serif;
        font-size: 15px;
        color: #0E824D;
        font-weight: normal;
        margin: 1px 1px 1px 0px;
        text-decoration: underline;
    }

.ConditionsLink, .ConditionsLink:visited {
    font-family: verdana,arial,sans-serif;
    font-size: 15px;
    color: #0E824D;
    font-weight: normal;
    text-decoration: none;
    margin: 1px 1px 1px 0px;
}

    .ConditionsLink:hover, .ConditionsLink:active {
        font-family: verdana,arial,sans-serif;
        font-size: 15px;
        color: #0E824D;
        font-weight: normal;
        margin: 1px 1px 1px 0px;
        text-decoration: underline;
    }


.LoginIndentLink, .LoginIndentLink:visited {
    font-family: verdana,arial,sans-serif;
    font-size: 15px;
    color: #0E824D;
    font-weight: normal;
    text-decoration: none;
    margin: 1px 1px 1px 3px;
}

    .LoginIndentLink:hover, .LoginIndentLink:active {
        font-family: verdana,arial,sans-serif;
        font-size: 15px;
        color: #0E824D;
        font-weight: normal;
        margin: 1px 1px 1px 3px;
        text-decoration: underline;
    }

#showLoginInfo {
    display: inline-block;
    line-height: 1.2;
    max-width: 280px;
    padding: 3px;
}

.MessageLogin {
    font-family: verdana,arial,sans-serif;
    font-size: 15px;
    color: #505050;
    font-weight: normal;
    text-decoration: none;
    margin: 1px 1px 1px 0px;
}

.ErrorLogin {
    font-family: verdana,arial,sans-serif;
    font-size: 15px;
    color: #d01010;
    font-weight: normal;
    text-decoration: none;
    margin: 1px 1px 1px 0px;
}

.ValidatorLogin {
    font-family: verdana,arial,sans-serif;
    font-size: 14px;
    color: #d01010;
    font-weight: normal;
    text-decoration: none;
    margin: 1px 1px 1px 0px;
}

.TextLogin {
    font-family: verdana,arial,sans-serif;
    font-size: 15px;
    color: #505050;
    font-weight: normal;
    text-decoration: none;
    margin: 1px 1px 1px 0px;
}

.LoginCheckBox {
    font-family: verdana,arial,sans-serif;
    font-size: 15px;
    color: #505050;
    font-weight: normal;
    text-decoration: none;
    margin: 1px 1px 1px 0px;
}

.InputLogin {
    font-family: verdana,arial,sans-serif;
    font-size: 15px;
    font-weight: normal;
    height: 20px;
    min-height: 20px;
    margin: 1px 1px 1px 3px;
}

    .InputLogin::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-family: verdana,arial,sans-serif;
        font-size: 13px;
        font-style: italic;
        margin: 1px 1px 1px 3px;
        padding-left: 2px;
    }

.ButtonLogin {
    font-family: verdana,arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #6A9B85;
    margin: 3px 1px 1px 3px;
    height: 30px;
    min-height: 26px;
}

.DisabledButtonLogin {
    font-family: verdana,arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #6A9B85;
    margin: 3px 1px 1px 3px;
    height: 30px;
    min-height: 26px;
    opacity: 0.6;
}

div.ConfirmContainer {
    position: absolute;
    top: 30%;
    left: 35%;
    margin-top: -100px;
    margin-left: -100px;
    max-width: 350px;
    width: 90% !important;
    overflow-x: hidden !important;
    margin-bottom: 20px;
}

.HeadingConfirm {
    font-family: verdana,arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #505050;
    text-decoration: none;
    margin: 1px 1px 1px 3px;
}

.HeadingAbout {
    font-family: verdana,arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #505050;
    text-decoration: none;
    margin: 1px 1px 1px 0px;
}

#cSiteConditions {
    max-width: 100%;
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 1px #7a6c56 solid;
    position: relative;
    padding: 10px;
}

td.SubmitStatus {
    max-width: 270px;
    background-color: #e6fae4;
    border-radius: 5px;
    border: 1px #FFFFFF solid;
    padding: 10px;
}

td.SubmitError {
    padding: 3px;
}

/*#endregion Account-and-Login-Pages ********/

/*#region Generated-Classes **************/

/* ViewContentFilterArea_[ContentId]_[position] */
/* ViewSectionItems_[ItemId]*/
/* ViewFilterItemBgImageArea_[ItemId]*/

/*#endregion Generated-Classes ***/

/*#region Media-Css ************************************/

/* Wide screens */
@media screen and (min-width: 1351px) {

    .MenuSmallScreen {
        display: none;
    }

    .MenuWideScreen {
        display: inline;
        margin: auto;
        text-align: center;
    }

    .MainPanel {
        background-color: #FFFFFF;
        max-width: 1100px;
        left: 500px;
        padding-left: 500px;
        z-index: -1;
    }

    .MainPanelFullScreen {
        background-color: #000000;
        max-width: 1600px;
        left: 200px;
        padding-left: 200px;
        z-index: -1;
    }

    body {
        overflow-x: hidden !important;
    }

    div.Container, table.Container {
        min-height: 800px;
        min-width: 100%
    }

    div.TopContainerText {
        margin-left: 700px;
    }

    .TopContainerHomeLinkText {
        font-size: 30px;
    }

    .TopContainerSubText {
        font-size: 14px;
    }

    .popup .popupComment {
        height: 300px;
        width: 400px;
    }

    .popup .popupCommentFullSize {
        height: 600px;
        width: 500px;
    }

    .popup .popupReaction {
        height: 300px;
        width: 200px;
    }

    .TextUserInfo {
        font-family: verdana,arial,sans-serif;
        color: #7a6c56;
        font-size: 14px;
        font-weight: bold;
    }

    .Menu {
        padding-left: 500px;
    }

    .LevelMenu {
        padding-left: 500px;
    }

    .InputLogin {
        width: 270px;
    }

    .ButtonLogin {
        width: 277px;
    }

    .DisabledButtonLogin {
        width: 277px;
    }

    /*Products and sections*/
    .ProductInfoDiv {
        width: 55%;
    }

    .ProductHeaderDiv {
        width: 50%;
    }

    .ProductImageDiv {
        width: 44%;
    }

    .ViewSectionItems {
        width: 25%;
    }

    .ViewProductItems {
        width: 30%;
        border-right: 10px solid #C6E2F7;
        margin-left: 10px;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1350px) {

    .MenuSmallScreen {
        display: none;
    }

    .MenuWideScreen {
        display: inline;
        margin: auto;
        text-align: center;
    }

    .MainPanel {
        background-color: #FFFFFF;
        max-width: 1000px;
        left: 200px;
        padding-left: 200px;
        z-index: -1;
    }

    .MainPanelFullScreen {
        background-color: #000000;
        max-width: 1250px;
        left: 100px;
        padding-left: 100px;
        z-index: -1;
    }

    body {
        overflow-x: hidden !important;
    }

    div.Container, table.Container {
        min-height: 800px;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    div.TopContainerText {
        margin-left: 300px;
    }

    .TopContainerHomeLinkText {
        font-size: 30px;
    }

    .TopContainerSubText {
        font-size: 14px;
    }

    .popup .popupComment {
        height: 300px;
        width: 400px;
    }

    .popup .popupReaction {
        height: 300px;
        width: 300px;
    }

    .popup .popupCommentFullSize {
        height: 500px;
        width: 500px;
    }

    .TextUserInfo {
        font-family: verdana,arial,sans-serif;
        color: #7a6c56;
        font-size: 14px;
        font-weight: bold;
    }

    .Menu {
        padding-left: 200px;
    }

    .LevelMenu {
        padding-left: 200px;
    }

    .InputLogin {
        width: 270px;
    }

    .ButtonLogin {
        width: 277px;
    }

    .DisabledButtonLogin {
        width: 277px;
    }

    /*Products and sections*/
    .ProductInfoDiv {
        width: 55%;
    }

    .ProductHeaderDiv {
        width: 50%;
    }

    .ProductImageDiv {
        width: 44%;
    }

    .ViewSectionItems {
        width: 25%;
    }

    .ViewProductItems {
        border-right: 10px solid #C6E2F7;
        width: 45%;
        margin-left: 10px;
    }
}

@media screen and (min-width: 801px) and (max-width: 1000px) {

    .MenuSmallScreen {
        display: none;
    }

    .MenuWideScreen {
        display: inline;
        margin: auto;
        text-align: center;
    }

    .MainPanel {
        background-color: #FFFFFF;
        max-width: 800px;
        left: 50px;
        padding-left: 50px;
        z-index: -1;
    }

    .MainPanelFullScreen {
        background-color: #000000;
        max-width: 1000px;
        left: 50px;
        padding-left: 50px;
        z-index: -1;
    }

    body {
        overflow-x: hidden !important;
    }

    div.Container, table.Container {
        min-height: 600px;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    div.TopContainerText {
        margin-left: 130px;
    }

    .TopContainerHomeLinkText {
        font-size: 30px;
    }

    .TopContainerSubText {
        font-size: 14px;
    }

    .popup .popupComment {
        height: 240px;
        width: 300px;
    }

    .popup .popupReaction {
        height: 240px;
        width: 200px;
    }

    .popup .popupCommentFullSize {
        height: 400px;
        width: 400px;
    }

    .TextUserInfo {
        font-family: verdana,arial,sans-serif;
        color: #7a6c56;
        font-size: 14px;
        font-weight: bold;
    }

    .Menu {
        padding-left: 50px;
    }

    .LevelMenu {
        padding-left: 50px;
    }

    .InputLogin {
        width: 270px;
    }

    .ButtonLogin {
        width: 277px;
    }

    .DisabledButtonLogin {
        width: 277px;
    }

    /*Products and sections*/
    .ProductInfoDiv {
        width: 55%;
    }

    .ProductHeaderDiv {
        width: 50%;
    }

    .ProductImageDiv {
        width: 44%;
    }

    .ViewSectionItems {
        width: 25%;
    }

    .ViewProductItems {
        border-right: 10px solid #C6E2F7;
        width: 45%;
        margin-left: 10px;
    }
}

/* Small screens */
@media screen and (min-width: 601px) and (max-width: 800px) {

    .MenuSmallScreen {
        display: inline;
        margin: auto;
        text-align: center;
    }

    .MenuWideScreen {
        display: none;
    }

    .MainPanel {
        background-color: #FFFFFF;
        max-width: 800px;
        z-index: -1;
        left: 50px;
        padding-left: 50px;
    }

    .MainPanelFullScreen {
        background-color: #000000;
        max-width: 800px;
        left: 50px;
        padding-left: 50px;
        z-index: -1;
    }

    body {
        overflow-x: hidden !important;
    }

    div.Container, table.Container {
        min-height: 600px;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    div.TopContainerText {
        margin-left: 130px;
    }

    .TopContainerHomeLinkText {
        font-size: 30px;
    }

    .TopContainerSubText {
        font-size: 14px;
    }

    .popup .popupComment {
        height: 240px;
        width: 300px;
    }

    .popup .popupReaction {
        height: 240px;
        width: 200px;
    }

    .popup .popupCommentFullSize {
        height: 400px;
        width: 400px;
    }

    .TextUserInfo {
        font-family: verdana,arial,sans-serif;
        color: #7a6c56;
        font-size: 14px;
        font-weight: bold;
    }

    div.Header {
        border-bottom: 0.5px solid #DDDDDD;
    }

    .InputLogin {
        width: 270px;
    }

    .ButtonLogin {
        width: 277px;
    }

    .DisabledButtonLogin {
        width: 277px;
    }

    /*Products and sections*/
    .ProductInfoDiv {
        width: 55%;
    }

    .ProductHeaderDiv {
        width: 50%;
    }

    .ProductImageDiv {
        width: 44%;
    }

    .ViewProductItem {
        margin-top: -40px;
    }

    .ViewSectionItems {
        width: 50%;
    }

    .ViewProductItems {
        border-right: 10px solid #C6E2F7;
        width: 45%;
        margin-left: 10px;
    }
}

@media screen and (min-width: 451px) and (max-width: 600px) {

    .SmallListGridView {
        width: 440px;
    }

    .MenuSmallScreen {
        display: inline;
        margin: auto;
        text-align: center;
    }

    .MenuWideScreen {
        display: none;
    }

    .MainPanel {
        background-color: #FFFFFF;
        max-width: 600px;
        z-index: -1;
    }

    .MainPanelFullScreen {
        background-color: #000000;
        max-width: 600px;
        z-index: -1;
    }

    body {
        overflow-x: hidden !important;
    }

    div.Container, table.Container {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    div.TopContainerText {
        margin-left: 130px;
    }

    .TopContainerHomeLinkText {
        font-size: 30px;
    }

    .TopContainerSubText {
        font-size: 14px;
    }

    .popup .popupComment {
        height: 220px;
        width: 300px;
    }

    .popup .popupReaction {
        height: 220px;
        width: 200px;
    }

    .popup .popupCommentFullSize {
        height: 300px;
        width: 300px;
    }

    .TextUserInfo {
        display: none;
    }

    div.Header {
        border-bottom: 0.5px solid #DDDDDD;
    }

    .cMainContentPlaceHolder_cSiteMenu_cSiteMenuSmallDevice_2 {
        width: 100%;
        padding: 0;
        margin: 0;
        overflow-x: hidden !important;
    }

    .InputLogin {
        width: 270px;
    }

    .ButtonLogin {
        width: 277px;
    }

    .DisabledButtonLogin {
        width: 277px;
    }

    /*Products and sections*/
    .ViewSectionItems {
        width: 50%;
    }

    .ViewProductItem {
        margin-top: -40px;
    }

    .ViewProductItems {
        border-right: 5px solid #C6E2F7;
        width: 45%;
        margin-left: 10px;
    }

    /* Image full width under 600px screens*/
    .ItemFilterViewImage {
        width: 105vw;
    }

    .ViewTexts {
        padding-right: 12%;
        text-indent: 10px;
    }

    .ViewImageMarginRow {
        left: -5%;
    }

    /* End Image full width under 600px screens*/
}

@media screen and (min-width: 360px) and (max-width: 450px) {

    .SmallListGridView {
        width: 350px;
    }

    .MenuSmallScreen {
        display: inline;
        margin: auto;
        text-align: center;
    }

    .MenuWideScreen {
        display: none;
    }

    .MainPanel {
        background-color: #FFFFFF;
        max-width: 450px;
        z-index: -1;
    }

    .MainPanelFullScreen {
        background-color: #000000;
        max-width: 450px;
        z-index: -1;
    }

    body {
        overflow-x: hidden !important;
    }

    div.Container, table.Container {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    div.TopContainerText {
        margin-left: 60px;
    }

    .TopContainerHomeLinkText {
        font-size: 30px;
    }

    .TopContainerSubText {
        font-size: 14px;
    }

    .popup .popupComment {
        height: 150px;
        width: 255px;
    }

    .popup .popupReaction {
        height: 150px;
        width: 200px;
    }

    .popup .popupCommentFullSize {
        height: 200px;
        width: 200px;
    }

    .TextUserInfo {
        display: none;
    }

    div.Header {
        border-bottom: 0.5px solid #DDDDDD;
    }

    .cMainContentPlaceHolder_cSiteMenu_cSiteMenuSmallDevice_2 {
        width: 100%;
        padding: 0;
        margin: 0;
        overflow-x: hidden !important;
    }

    .InputLogin {
        width: 80%;
    }

    .ButtonLogin {
        width: 83%;
    }

    .DisabledButtonLogin {
        width: 83%;
    }

    /*Products and sections*/
    .ViewProductItems {
        width: 100%;
    }

    .ViewProductItem {
        margin-top: -40px;
    }

    /* Image full width under 600px screens*/
    .ItemFilterViewImage {
        width: 110vw;
    }

    .ViewTexts {
        padding-right: 12%;
    }

    .ViewImageMarginRow {
        left: -5%;
    }

    /* End Image full width under 600px screens*/
}

@media screen and (min-width: 290px) and (max-width: 359px) {

    .SmallListGridView {
        width: 290px;
    }

    .MenuSmallScreen {
        display: inline;
        margin: auto;
        text-align: center;
    }

    .MenuWideScreen {
        display: none;
    }

    .MainPanel {
        background-color: #FFFFFF;
        max-width: 100%;
        padding-top: 10px;
        z-index: -1;
    }

    .MainPanelFullScreen {
        background-color: #000000;
        max-width: 359px;
        z-index: -1;
    }

    body {
        overflow-x: hidden !important;
    }

    div.Container, table.Container {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    div.TopContainerText {
        margin-left: 40px;
    }

    .TopContainerHomeLinkText {
        font-size: 25px;
    }

    .TopContainerSubText {
        font-size: 11px;
    }

    .popup .popupComment {
        height: 130px;
        width: 225px;
    }

    .popup .popupReaction {
        height: 130px;
        width: 200px;
    }

    .popup .popupCommentFullSize {
        height: 200px;
        width: 200px;
    }

    .TextUserInfo {
        display: none;
    }

    div.Header {
        border-bottom: 0.5px solid #DDDDDD;
    }

    .cMainContentPlaceHolder_cSiteMenu_cSiteMenuSmallDevice_2 {
        width: 100%;
        padding: 0;
        margin: 0;
        overflow-x: hidden !important;
    }

    .InputLogin {
        width: 80%;
    }

    .ButtonLogin {
        width: 83%;
    }

    .DisabledButtonLogin {
        width: 83%;
    }

    /*Products and sections*/
    .ViewProductItems {
        width: 100%;
    }

    .ViewProductItem {
        margin-top: -40px;
    }

    /* Image full width under 600px screens*/
    .ItemFilterViewImage {
        width: 110vw;
    }

    .ViewTexts {
        padding-right: 12%;
    }

    .ViewImageMarginRow {
        left: -5%;
    }

    /* End Image full width under 600px screens*/
}

@media screen and (max-width: 289px) {

    .SmallListGridView {
        width: 250px;
    }

    .MenuSmallScreen {
        display: inline;
        margin: auto;
        text-align: center;
    }

    .MenuWideScreen {
        display: none;
    }

    .MainPanel {
        background-color: #FFFFFF;
        max-width: 100%;
        padding-top: 10px;
        z-index: -1;
    }

    .MainPanelFullScreen {
        background-color: #000000;
        max-width: 289px;
        z-index: -1;
    }

    body {
        overflow-x: hidden !important;
    }

    div.Container, table.Container {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    div.TopContainerText {
        margin-left: 40px;
    }

    .TopContainerHomeLinkText {
        font-size: 23px;
    }

    .TopContainerSubText {
        font-size: 10px;
    }

    .popup .popupComment {
        height: 130px;
        width: 200px;
    }

    .popup .popupReaction {
        height: 130px;
        width: 200px;
    }

    .popup .popupCommentFullSize {
        height: 200px;
        width: 200px;
    }

    .TextUserInfo {
        display: none;
    }

    div.Header {
        border-bottom: 0.5px solid #DDDDDD;
    }

    .cMainContentPlaceHolder_cSiteMenu_cSiteMenuSmallDevice_2 {
        width: 100%;
        padding: 0;
        margin: 0;
        overflow-x: hidden !important;
    }

    .InputLogin {
        width: 80%;
    }

    .ButtonLogin {
        width: 83%;
    }

    .DisabledButtonLogin {
        width: 83%;
    }

    /*Products and sections*/
    .ViewProductItems {
        width: 100%;
    }

    .ViewProductItem {
        margin-top: -40px;
    }

    /* Image full width under 600px screens*/
    .ItemFilterViewImage {
        width: 110vw;
    }

    .ViewTexts {
        padding-right: 12%;
    }

    .ViewImageMarginRow {
        left: -5%;
    }

    /* End Image full width under 600px screens*/
}

/*#endregion Media-Css ******************/