/*  TABLE OF CONTENTS
	- RESET
	- NAVIGATION
	- MAIN
	- FOOTER
	- PDF
	- PRODUCT
	- LOGIN
	- MEDIA
*/
/* RESET */
@import "nice-select";

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

ul,
ol {
    padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
}

a:not([class]) {
    text-decoration-skip-ink: auto;
}

img {
    display: block;
}

article > * + * {
    margin-top: 1em;
}

input,
button,
textarea,
select {
    font: inherit;
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

html,
body {
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    height: auto;
    overflow-x: hidden;
    width: 100%;
}

    body.viewer {
        font-size: 16px;
    }

    html.menu-open {
        height: 100%;
        overflow: hidden;
    }

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.clearfix {
    clear: both;
    display: block;
    height: 0;
    position: relative;
    width: 100%;
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
    width: 1px;
}

.full-wrap {
    display: block;
    position: relative;
    z-index: 1;
}

body {
    background: #f4f6f8;
}

    body.login {
        background: #393939;
        color: #fff;
    }
/* NAVIGATION */
.navigation-wrap {
    display: block;
    position: relative;
    width: 100%;
    z-index: 500;
}

.viewer .navigation-wrap,
.login .navigation-wrap {
    display: none;
}

.navigation-center {
    align-content: flex-end;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 80em;
    padding: 0 2em;
    position: relative;
    width: 100%;
}

.navigation-logo-wrap {
    align-content: flex-end;
    align-items: flex-end;
    display: inline-flex;
    margin: 0 0 0 -1.35em;
    padding: .5em 1.35em 1.4em 1.35em;
    position: relative;
    text-decoration: none;
    vertical-align: bottom;
}

.html-viewer .navigation-logo-wrap.navigation-home-wrap {
    left: -19px;
    max-width: max-content;
    padding-left: 2.4em;
    width: 100%;
}

.openSidebar .navigation-logo-wrap {
    opacity: 0;
}

.navigation-logo-image {
    display: block;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    margin: 0 .7em 0 0;
    max-height: 3.1em;
    max-width: 100%;
    position: relative;
    width: auto;
}

.navigation-logo-text {
    color: #5e6970;
    display: inline-block;
    font-size: .9em;
    line-height: 1.2em;
    margin: 0 0 -.25em 0;
    position: relative;
    vertical-align: bottom;
}

.account-action-wrap {
    align-content: flex-end;
    align-items: flex-end;
    display: inline-flex;
    margin: 0 -1.2em 0 0;
    position: relative;
    vertical-align: bottom;
}

.account-action-trigger {
    align-content: center;
    align-items: center;
    border-bottom: 1px solid transparent;
    border-radius: .5em .5em 0 0;
    color: #5e6970;
    display: flex;
    margin: 0 0 .45em 0;
    padding: .94em 2.6em .89em 1.1em;
    position: relative;
    text-decoration: none;
    transition: .25s;
    z-index: 1;
}

.open .account-action-trigger {
    background: #fff;
    border-color: #dee6eb;
}

.account-action-trigger::after,
.account-action-trigger:after {
    bottom: .85em;
    color: #5e6970;
    content: '\e5cf';
    display: block;
    font-family: "Material Icons Outlined";
    font-size: 1em;
    line-height: 1em;
    position: absolute;
    right: 1em;
    transform-origin: center;
    transition: .25s;
}

.open .account-action-trigger::after,
.open .account-action-trigger:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.account-action-image {
    background: #5e6970;
    border-radius: 50%;
    display: inline-block;
    height: .9em;
    margin: 0 .55em 0 0;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: .9em;
}

    .account-action-image img {
        display: block;
        height: 100%;
        image-rendering: -webkit-optimize-contrast;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%;
    }

.account-action-name {
    color: #5e6970;
    display: inline-block;
    font-size: .75em;
    font-weight: 700;
    line-height: 1.2em;
    position: relative;
    text-align: right;
    vertical-align: middle;
}

.account-action-dropdown-wrap {
    background: #fff;
    border-radius: .5em;
    box-shadow: 0 .1em .8em rgba(0,0,0,.1);
    display: block;
    left: 0;
    opacity: 0;
    padding: 3.6em 0 .95em 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.no-js .account-action-dropdown-wrap {
    opacity: 1;
}

.account-action-dropdown-link {
    color: #5e6970;
    display: block;
    font-size: .75em;
    line-height: 1.2em;
    padding: .6em 3.9em .6em 1.47em;
    position: relative;
    text-decoration: none;
    transition: .25s;
}

    .account-action-dropdown-link:hover,
    .account-action-dropdown-link:focus-visible {
        color: #a81d35;
    }

    .account-action-dropdown-link::after,
    .account-action-dropdown-link:after {
        color: #5e6970;
        content: '\e5cc';
        display: block;
        font-family: "Material Icons Outlined";
        font-size: 1.2em;
        line-height: 1em;
        position: absolute;
        right: 1em;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: .25s;
        top: 50%;
    }

    .account-action-dropdown-link:hover::after,
    .account-action-dropdown-link:hover:after,
    .account-action-dropdown-link:focus-visible::after,
    .account-action-dropdown-link:focus-visible:after {
        color: #a81d35;
    }
/* MAIN */
.content-wrap {
    display: block;
    height: auto;
    min-height: calc(100vh - 11em);
    position: relative;
    width: 100%;
}

.content-center {
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    display: flex;
    gap: 1.5em;
    justify-content: flex-start;
    padding: 2em;
    position: relative;
    margin: 0 auto;
    max-width: 80em;
    width: 100%;
}

.content-center--max-width {
    max-width: none;
}

.content-center--heading {
    padding-bottom: 0;
}

.side-column {
    display: inline-block;
    flex: 1 1 40%;
    max-width: 37.4em;
    order: 2;
    position: relative;
    vertical-align: top;
}

.module-wrap {
    background: #fff;
    border-radius: .5em;
    box-shadow: 0 .1em .8em rgba(0,0,0,.1);
    display: block;
    margin: 0 0 1.5em 0;
    padding: 1.8em 1.95em .7em 1.95em;
    position: relative;
}

.recently-viewed-trigger {
    color: #5e6970;
    display: block;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2em;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.recently-viewed-collapsible-wrap {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.recently-viewed-collapsible-info {
    display: block;
    position: relative;
    transition: .25s;
}

.recently-viewed-item {
    align-content: stretch;
    color: #5E6970;
    display: flex;
    justify-content: space-between;
    padding: 1.4em 0;
    position: relative;
    text-decoration: none;
    width: 100%;
}

    .recently-viewed-item + .recently-viewed-item {
        border-top: 1px solid #dee6eb;
    }

.recently-viewed-item-image-wrap {
    display: inline-block;
    padding: 0 .95em 0 0;
    position: relative;
    vertical-align: top;
}

.recently-viewed-item-image {
    border: 1px solid #d9d9d9;
    border-radius: .15em;
    display: inline-block;
    height: 6.2em;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 5.8em;
}

    .recently-viewed-item-image img {
        display: block;
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%;
    }

.recently-viewed-item-content {
    display: inline-block;
    padding: .35em .7em 1.7em 0;
    position: relative;
    vertical-align: top;
    width: 100%;
}

.recently-viewed-item-title {
    color: #5e6970;
    display: block;
    font-size: .8em;
    font-weight: 700;
    line-height: 1.2em;
    max-width: 17em;
    padding: 0 0 .3125em 0;
    position: relative;
}

.recently-viewed-item-text {
    color: #5e6970;
    display: block;
    font-size: .8em;
    line-height: 1.25em;
    max-width: 17em;
    position: relative;
}

.recently-viewed-item-button {
    border: 2px solid #d1d6d9;
    border-radius: .23em;
    bottom: 0;
    display: inline-block;
    font-size: .65em;
    font-weight: 700;
    line-height: 1.2em;
    padding: .325em 1em;
    position: absolute;
    right: 0;
    text-align: center;
    transition: .25s;
    vertical-align: top;
}

.recently-viewed-item:hover .recently-viewed-item-button,
.recently-viewed-item:focus-visible .recently-viewed-item-button {
    border-color: #a81d35;
    color: #a81d35;
}

.main-column {
    display: inline-block;
    flex: 1 1 60%;
    max-width: 37.4em;
    order: 1;
    position: relative;
    vertical-align: top;
}

.customer-info-wrap {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    gap: 1em;
    justify-content: space-between;
    margin-bottom: 1.2em;
    position: relative;
    width: 100%;
}

.customer-info-wrap.mb-0 {
    margin-bottom:0;
}

.customer-info-name-wrap {
    color: #5e6970;
    display: inline-flex;
    position: relative;
}

    .customer-info-name-wrap a {
        color: inherit;
        text-decoration: none;
    }

.customer-info-name {
    color: #5e6970;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2em;
    position: relative;
    vertical-align: top;
}

.customer-info-id {
    color: #5e6970;
    display: inline-block;
    font-size: .7em;
    line-height: 1.2em;
    position: relative;
    text-align: right;
    vertical-align: top;
}

.equipment-table-wrap {
    display: block;
    padding: 0 0 .3em 0;
    position: relative;
}

.equipment-table-header {
    align-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid #5e6970;
    color: #5e6970;
    display: flex;
    font-size: .9em;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.2em;
    padding: .33em 0;
    position: relative;
}

    .equipment-table-header a {
        color: inherit;
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

.equipment-table-header-name-wrap {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    font-size: 1em;
    line-height: 1.2em;
    position: relative;
}

    .equipment-table-header-name-wrap span {
        display: inline-block;
        position: relative;
        vertical-align: top;
    }

    .equipment-table-header-name-wrap .material-icons,
    .equipment-table-header-name-wrap .material-icons-outlined,
    .equipment-table-header-name-wrap .material-icons-round {
        font-size: 1.2em;
        line-height: 1em;
    }

.equipment-table-link {
    border-top: 1px solid #DEE6EB;
    color: #5e6970;
    display: block;
    font-size: .8em;
    line-height: 1.2em;
    padding: .775em 1.5em .775em .75em;
    position: relative;
    text-decoration: none;
    transition: .25s;
    width: 100%;
}

.equipment-table-header + .equipment-table-link {
    border-top: 0;
}

.equipment-table-link:hover,
.equipment-table-link:focus-visible {
    color: #a81d35;
}

.equipment-table-link::after,
.equipment-table-link:after {
    color: inherit;
    content: '\e5cc';
    display: block;
    font-family: "Material Icons";
    font-size: 1.2em;
    line-height: 1em;
    margin: -.5em 0 0 0;
    position: absolute;
    right: .42em;
    top: 50%;
}

.support-info-wrap {
    display: block;
    padding: 2.4em 0 0 0;
    position: relative;
    width: 100%;
}

.support-info {
    color: #5e6970;
    display: block;
    font-size: .9em;
    line-height: 1.22em;
    position: relative;
}

    .support-info a {
        color: inherit;
        text-decoration: underline;
    }
/* FOOTER */
.footer-wrap {
    border-top: 1px solid #dfdfdf;
    display: block;
    position: relative;
}

.login .footer-wrap {
    border-color: #616161;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

.viewer .footer-wrap {
    display: none;
}

.footer-center {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 80em;
    padding: 0 2em;
    position: relative;
    width: 100%;
}

.footer-location-wrap {
    display: inline-flex;
    flex: 1 1 auto;
    justify-content: space-between;
    padding: 0 0 1.5em 0;
    position: relative;
    vertical-align: top;
}

.footer-location {
    color: #5e6970;
    display: inline-block;
    flex: 1 1 auto;
    font-size: .7em;
    line-height: 1.428em;
    padding: 1.5em 1.5em 0 0;
    position: relative;
    vertical-align: top;
}

.login .footer-location {
    color: #c1c1c1;
}

    .login .footer-location b {
        color: #fff;
    }

.footer-location a {
    color: inherit;
    text-decoration: none;
}

    .footer-location a .material-icons-outlined {
        display: inline-block;
        font-size: 1.2em;
        position: relative;
        vertical-align: top;
    }

.login .footer-location a .material-icons-outlined {
    color: #7b7b7b;
}

.footer-copyright-wrap {
    color: #5e6970;
    display: inline-block;
    font-size: .7em;
    justify-content: flex-end;
    line-height: 1.428em;
    padding: 1.5em 0 1.5em 1em;
    position: relative;
    vertical-align: top;
}

.login .footer-copyright-wrap {
    color: #c1c1c1;
}

.footer-copyright-wrap a {
    color: inherit;
    text-decoration: none;
    transition: .25s;
}

    .footer-copyright-wrap a:hover {
        color: #a81d35;
    }

.footer-copyright {
    display: block;
    position: relative;
    text-align: right;
}
/* PDF */
#outerContainer {
    width: 100%;
    height: 100%;
    position: relative;
}

.pdf-viewer-wrap {
    background: #f4f6f8;
    display: block;
    height: 100vh;
    padding: 0;
    position: relative;
    width: 100vw;
}

.pdf-viewer-info-bar {
    background: #f4f6f8;
    border-bottom: 1px solid #c9c9c9;
    display: block;
    height: 5.3125em;
    left: 0;
    padding: 1.0935em 11.25em 1.0935em 1.375em;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: .15s;
    width: 100%;
}

.sidebarOpen .pdf-viewer-info-bar,
.sidebarOpen #printContainer + .pdf-viewer-info-bar,
.sidebarOpen + #printContainer + .pdf-viewer-info-bar {
    padding-left: 22.25em;
}

.pdf-viewer-logo-wrap,
.pdf-mobile-sidebar-title-wrap {
    background: #393939;
    display: block;
    height: 100%;
    left: -20.875em;
    padding: 1em;
    pointer-events: all;
    position: absolute;
    text-align: center;
    top: 0;
    transition: .15s;
    width: 20.875em;
    z-index: 500;
}

.pdf-mobile-sidebar-title-wrap {
    color: #fff;
    display: none;
    font-weight: 700;
}

.sidebarOpen .pdf-viewer-info-bar .pdf-viewer-logo-wrap,
.sidebarOpen #printContainer + .pdf-viewer-info-bar .pdf-viewer-logo-wrap,
.sidebarOpen + #printContainer + .pdf-viewer-info-bar .pdf-viewer-logo-wrap,
.sidebarOpen .pdf-viewer-info-bar .pdf-mobile-sidebar-title-wrap,
.sidebarOpen #printContainer + .pdf-viewer-info-bar .pdf-mobile-sidebar-title-wrap,
.sidebarOpen + #printContainer + .pdf-viewer-info-bar .pdf-mobile-sidebar-title-wrap {
    left: 0;
}

.pdf-viewer-logo {
    display: inline-block;
    image-rendering: -webkit-optimize-contrast;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    vertical-align: top;
}

.pdf-breadcrumbs {
    color: #5e6970;
    display: block;
    font-size: .8125em;
    line-height: 1.2em;
    pointer-events: all;
    position: relative;
    z-index: 1;
}

    .pdf-breadcrumbs a {
        color: inherit;
        text-decoration: none;
    }

    .pdf-breadcrumbs .material-icons,
    .pdf-breadcrumbs .material-icons-outlined {
        display: inline-block;
        font-size: 1em;
        line-height: 1em;
        position: relative;
        vertical-align: top;
    }

.pdf-title {
    color: #5e6970;
    display: block;
    font-size: 1.375em;
    font-weight: 700;
    line-height: 1.2em;
    overflow: hidden;
    padding: .32em 0 0 0;
    pointer-events: all;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pdf-version {
    color: #5e6970;
    display: block;
    font-size: .8120em;
    line-height: .8em;
    pointer-events: all;
    position: relative;
    margin-left: 3px;
}

    .pdf-version a {
        color: inherit;
        text-decoration: none;
    }

.viewer .toolbar {
    position: static;
}

.viewer #toolbarContainer {
    background: none;
    box-shadow: none;
    height: 0;
    position: static;
}

.viewer #toolbarViewer {
    height: 0;
    position: static;
}

.viewer #toolbarViewerLeft,
html[dir="ltr"] .viewer #toolbarViewerLeft {
    float: none;
    position: static;
}

.toolbarButton,
.dropdownToolbarButton,
.secondaryToolbarButton,
.overlayButton {
    box-sizing: border-box;
    border: none;
    line-height: 14px;
    min-width: 16px;
}

    .toolbarButton::before,
    .secondaryToolbarButton::before,
    .dropdownToolbarButton::after,
    .treeItemToggler::before {
        display: inline-block;
        -webkit-mask-size: cover;
        position: absolute;
    }

    .toolbarButton > span {
        display: inline-block;
        height: 0;
        overflow: hidden;
        width: 0;
    }


.viewer .toolbarButton#sidebarToggle,
html[dir="ltr"] .viewer .toolbarButton#sidebarToggle,
html[dir="ltr"] .viewer .toolbarButton#sidebarToggle:first-child,
.viewer.user-home-page-body .toolbarButton#sidebarToggle {
    background: #4E4E4E;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1em;
    height: 2.5em;
    left: -1.1em;
    margin: -1.25em 0 0 0;
    padding: 0;
    position: absolute;
    transition: .15s;
    top: 50%;
    width: 2.5em;
    z-index: 100;
}

    .viewer .toolbarButton#sidebarToggle:hover,
    .viewer .toolbarButton#sidebarToggle:focus-visible,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle:hover,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle:focus-visible,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle:first-child:hover,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle:first-child:focus-visible {
        background: #a81d35;
    }

    .viewer .toolbarButton#sidebarToggle.toggled,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle.toggled,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle.toggled:first-child,
    .viewer.user-home-page-body .toolbarButton#sidebarToggle.toggled {
        left: 19.375em;
    }

    .viewer .toolbarButton#sidebarToggle::before,
    .viewer .toolbarButton#sidebarToggle:before {
        background: none;
        bottom: 0;
        content: '\e5e1';
        font-family: "Material Icons Outlined";
        height: 1em;
        left: .7em;
        line-height: 1em;
        margin: auto;
        -webkit-mask-image: none;
        mask-image: none;
        opacity: 1;
        padding: 0;
        right: 0;
        text-align: center;
        top: 0;
        width: 1em;
    }

    .viewer .toolbarButton#sidebarToggle.toggled::before,
    .viewer .toolbarButton#sidebarToggle.toggled:before,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle.toggled::before,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle.toggled:before,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle.toggled:first-child:before,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle.toggled:first-child::before {
        content: '\e5e0';
        left: 0;
    }


/*    .viewer .toolbarButton#sidebarToggle::after,
    .viewer .toolbarButton#sidebarToggle:after {
        display: none;
    }



.viewer #toolbarViewerLeft .splitToolbarButton {
    display: none;
}*/

.viewer #sidebarContainer,
html[dir="ltr"] .viewer #sidebarContainer {
    border: none;
    bottom: 0;
    left: -20.875em;
    position: absolute;
    top: 0;
    transition: .15s;
    width: 20.875em;
    z-index: 100;
}

.viewer .sidebarOpen #outerContainer #sidebarContainer {
    left: 0;
}

.viewer #toolbarSidebar,
html[dir="ltr"] .viewer #toolbarSidebar {
    bottom: 0;
    display: none;
    position: absolute;
    top: auto;
    z-index: 101;
}

.viewer #sidebarContent,
html[dir="ltr"] .viewer #sidebarContent {
    background: #393939;
    border-top: 1px solid #8c8c8c;
    bottom: 0;
    box-shadow: none;
    color: #fff;
    height: calc(100vh - 5.25em);
    left: 0;
    overflow: auto;
    position: absolute;
    top: 5.25em;
    width: 100%;
}

    .viewer #sidebarContent .scroll-wrapper,
    html[dir="ltr"] .viewer #sidebarContent .scroll-wrapper {
        max-height: 100%;
        /*padding-bottom: 80px !important;*/
    }

#sidebarContent .scrollbar-outer > .scroll-element {
    background: transparent;
}

    #sidebarContent .scrollbar-outer > .scroll-element .scroll-element_track {
        background: transparent;
    }

    #sidebarContent .scrollbar-outer > .scroll-element .scroll-bar {
        background-color: #8c8c8c;
    }

.viewer #thumbnailView,
.viewer #outlineView,
.viewer #attachmentsView,
.viewer #layersView {
    display: none;
    width: 100%;
}

.viewer #outlineView {
    display: block;
    padding: 0;
}

.viewer .treeItem .treeItems,
html[dir="ltr"] .viewer .treeItem .treeItems {
    counter-reset: treeItem;
    margin: 0;
}

html[dir="ltr"] .viewer .treeItemToggler.treeItemsHidden ~ .treeItems {
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.viewer .treeItem,
html[dir="ltr"] .viewer .treeItem,
html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem {
    border-top: 1px solid #8c8c8c;
    counter-increment: treeItem;
    color: #fff;
    display: block;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    position: relative;
}

.openSidebar .viewer .treeItem {
    padding: .5em 0;
}

    .openSidebar .viewer .treeItem .treeItem {
        border: none;
        font-size: .7222em;
        font-weight: 700;
        gap: 0.4em;
        padding: 0;
    }

.viewer #outlineView > .treeItem:first-child,
html[dir="ltr"] .viewer #outlineView > .treeItem:first-child {
    border-top: none;
}

.viewer .treeItem .treeItem,
html[dir="ltr"] .viewer .treeItem .treeItem,
html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem .treeItem {
    border-color: #555;
    font-size: .889em;
    font-weight: 400;
}

    .viewer .treeItem .treeItem .treeItem,
    html[dir="ltr"] .viewer .treeItem .treeItem .treeItem,
    html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem .treeItem .treeItem {
        border: none;
        font-size: .875em;
    }

.viewer #outlineView > .treeItem:last-of-type {
    padding-bottom: 80px;
}

.viewer .treeItem::before,
.viewer .treeItem:before,
html[dir="ltr"] .viewer .treeItem::before,
html[dir="ltr"] .viewer .treeItem:before,
html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem::before,
html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem:before {
    color: #fff;
    content: counters(treeItem, ".") ".";
    display: none;
    font-size: 1em;
    left: auto;
    line-height: 1.25em;
    margin: 0 -1.73em 0 0;
    padding: .486em 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 0;
}

.viewer .treeItem .treeItem::before,
.viewer .treeItem .treeItem:before,
html[dir="ltr"] .viewer .treeItem .treeItem::before,
html[dir="ltr"] .viewer .treeItem .treeItem:before,
html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem .treeItem::before,
html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem .treeItem:before {
    content: counters(treeItem, ".");
    left: 1.5em;
    margin: 0;
    padding: .3em 0;
    right: auto;
}

.viewer .treeItem .treeItem .treeItem::before,
.viewer .treeItem .treeItem .treeItem:before,
html[dir="ltr"] .viewer .treeItem .treeItem .treeItem::before,
html[dir="ltr"] .viewer .treeItem .treeItem .treeItem:before,
html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem .treeItem .treeItem::before,
html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem .treeItem .treeItem:before {
    left: 4.428em;
    padding: .375em 0;
}

.viewer .treeItem > a,
html[dir="ltr"] .viewer .treeItem > a {
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    height: auto;
    line-height: 1.25em;
    margin: 0;
    padding: .486em 2.556em .486em 1em;
    text-decoration: none;
    width: 100%;
}

    .viewer .treeItem > a span,
    html[dir="ltr"] .viewer .treeItem > a span {
        display: block;
        position: relative;
    }

    .viewer .treeItem > a .treeItemCustomerID,
    html[dir="ltr"] .viewer .treeItem > a .treeItemCustomerID {
        font-size: .6111em;
        line-height: 1.2em;
        padding: 0 0 .3em 0;
    }

.viewer .treeItem .treeItem > a,
html[dir="ltr"] .viewer .treeItem .treeItem > a {
    padding: .3em 2.875em .3em 2.2em;
}

.openSidebar .viewer .treeItem .treeItem > a {
    padding: .3em 2.15em;
    text-decoration: underline solid #5e5e5e;
}

.viewer .treeItem .treeItem .treeItem > a,
html[dir="ltr"] .viewer .treeItem .treeItem .treeItem > a {
    padding: .375em 3.286em .375em 4.4em;
}

.viewer .treeItemToggler,
html[dir="ltr"] .viewer .treeItemToggler {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1em;
    font-weight: 200;
    float: none;
    height: 2.2em;
    line-height: 1em;
    opacity: .5;
    position: absolute;
    right: 1em;
    top: 0em;
    width: 1.5em;
}

.viewer .treeItemToggler {
    display: none;
}

.viewer .treeItem .treeItem .treeItemToggler,
html[dir="ltr"] .viewer .treeItem .treeItem .treeItemToggler {
    font-size: 1.125em;
    height: 1.65em;
    top: 0;
}

.viewer .treeItemToggler:hover,
html[dir="ltr"] .viewer .treeItemToggler:hover {
    background: none;
    opacity: 1;
}

.viewer .treeItemToggler::before,
.viewer .treeItemToggler:before,
html[dir="ltr"] .viewer .treeItemToggler::before,
html[dir="ltr"] .viewer .treeItemToggler:before {
    background: none;
    bottom: 0;
    content: '\e5ce';
    font-family: "Material Icons Outlined";
    font-size: 1em;
    height: 1em;
    left: 0;
    line-height: 1em;
    margin: auto;
    -webkit-mask-image: none;
    mask-image: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
}

.viewer .treeItemToggler.treeItemsHidden::before,
.viewer .treeItemToggler.treeItemsHidden:before,
html[dir="ltr"] .viewer .treeItemToggler.treeItemsHidden::before,
html[dir="ltr"] .viewer .treeItemToggler.treeItemsHidden:before {
    content: '\e313';
}

.viewer #toolbarViewerMiddle {
    background: rgba(54,54,54,.9);
    bottom: 2.5em;
    border-radius: .25em;
    color: #fff;
    display: block;
    left: auto;
    position: fixed;
    transform: none;
    right: 4em;
    z-index: 99;
}

.viewer .splitToolbarButton {
    margin: 0;
}

    .viewer .splitToolbarButton > .toolbarButton:hover,
    .viewer .splitToolbarButton > .toolbarButton:focus,
    .viewer .dropdownToolbarButton:hover,
    .viewer .toolbarButton.textButton:hover,
    .viewer .toolbarButton.textButton:focus {
        background: transparent;
    }

.viewer #toolbarViewerMiddle .toolbarButton {
    border: none;
    color: #fff;
    font-size: 1.25em;
    height: 3em;
    margin: 0;
    padding: 0;
    width: 2.8em;
}

.viewer .toolbarButton.zoomOut::before {
    background: transparent;
    bottom: 0;
    color: #fff;
    content: '\e15d';
    display: block;
    font-family: "Material Icons Outlined";
    font-size: 1em;
    height: 1em;
    left: 0;
    line-height: 1em;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-mask-image: none;
    width: 1em;
}

.viewer .toolbarButton.zoomIn::before {
    background: transparent;
    bottom: 0;
    color: #fff;
    content: '\e148';
    display: block;
    font-family: "Material Icons Outlined";
    font-size: 1em;
    height: 1em;
    left: 0;
    line-height: 1em;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-mask-image: none;
    width: 1em;
}

.splitToolbarButtonLabel {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 1em;
    line-height: 1.2em;
    padding: 1.276em 0;
    position: relative;
    vertical-align: top;
}

.splitToolbarPageWrap {
    border-left: 1px solid #879299;
    display: inline-block;
    padding: 0 3em;
    position: relative;
    vertical-align: top;
}

.viewer .toolbarField.pageNumber {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: 1em;
    line-height: 1.2em;
    margin: .876em 0;
    padding: .4em 0;
    width: 1.8em;
}

.viewer #numPages.toolbarLabel,
html[dir="ltr"] .viewer #numPages.toolbarLabel {
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    line-height: 1.2em;
    margin: 0;
    min-width: 0;
    padding: 1.276em 0;
    vertical-align: top;
}

.viewer .splitToolbarPageLabel {
    display: inline-block;
    font-size: 1em;
    line-height: 1.2em;
    margin: 0.876em 0;
    padding: 0.4em 0;
    position: relative;
    vertical-align: top;
}

.viewer #toolbarViewerRight,
html[dir="ltr"] .viewer #toolbarViewerRight {
    display: block;
    float: none;
    height: 5.25em;
    padding: 0 2.6em 0 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 102;
}

    .viewer #toolbarViewerLeft > *,
    .viewer #toolbarViewerMiddle > *,
    .viewer #toolbarViewerRight > *,
    .viewer #toolbarSidebarLeft *,
    .viewer #toolbarSidebarRight *,
    .viewer .findbar * {
        float: left;
    }

    .viewer #toolbarViewerRight .toolbarButton {
        background: none;
        border: none;
        border-radius: 0;
        color: #5e6970;
        cursor: pointer;
        display: inline-block;
        font-size: 1em;
        height: 5.25em;
        margin: 0;
        padding: 0;
        position: relative;
        transition: .25s;
        vertical-align: top;
        width: 3.75em;
    }

    .viewer #toolbarViewerRight #presentationMode,
    .viewer #toolbarViewerRight #openFile,
    .viewer #toolbarViewerRight #print,
    .viewer #toolbarViewerRight #viewBookmark,
    .viewer #toolbarViewerRight #secondaryToolbarToggle,
    .viewer #toolbarViewerRight .verticalToolbarSeparator {
        display: none;
    }

    .viewer #toolbarViewerRight .toolbarButton:hover,
    .viewer #toolbarViewerRight .toolbarButton:focus {
        background: transparent;
        color: #a81d35;
    }

.viewer .toolbarButton.download::before {
    background: none;
    bottom: 0;
    content: '\e2c4';
    display: block;
    font-family: "Material Icons Outlined";
    font-size: 1.75em;
    height: 1em;
    left: 0;
    line-height: 1em;
    margin: auto;
    -webkit-mask-image: none;
    mask-image: none;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;
}

.viewer .toolbarButton.find::before,
.viewer #viewFind.toolbarButton::before {
    background: none;
    bottom: 0;
    content: '\e8b6';
    display: block;
    font-family: "Material Icons Outlined";
    font-size: 1.75em;
    height: 1em;
    left: 0;
    line-height: 1em;
    margin: auto;
    -webkit-mask-image: none;
    mask-image: none;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;
}

.viewer #viewerContainer {
    bottom: 0;
    left: 0;
    outline: none;
    overflow: auto;
    padding: 2em 2em 3.625em 2em;
    position: absolute;
    right: 0;
    top: 5.3125em;
}

.viewer .sidebarOpen #outerContainer #viewerContainer:not(.pdfPresentationMode),
html[dir="ltr"] .viewer .sidebarOpen #outerContainer #viewerContainer:not(.pdfPresentationMode) {
    left: 20.875em;
}

.viewer #scaleSelectContainer,
.viewer .splitToolbarButton .splitToolbarButtonSeparator {
    display: none;
}

.viewer .pdfViewer .page {
    background: #f4f6f8;
    border: none;
    border-bottom: 9px solid #f4f6f8;
    border-image: none;
    border-top: 9px solid #f4f6f8;
    margin-bottom: 9px;
}

.pdf-viewer-mobile-back {
    display: none;
}

html[dir="ltr"] .viewer .findbar {
    left: auto;
    right: 2.8em;
    top: 7em;
}

html[dir="ltr"] .viewer .doorHanger:before,
html[dir="rtl"] .viewer .doorHangerRight:before {
    left: auto;
    margin-left: 0;
    right: 30px;
}

html[dir="ltr"] .viewer .doorHanger:after,
html[dir="rtl"] .viewer .doorHangerRight:after {
    left: auto;
    margin-left: 0;
    margin-right: 1px;
    right: 30px;
}

.xml-document-wrap {
    background: #fff;
    box-shadow: 0 .2em .25em 0 rgba(0,0,0,.25);
    color: #5e6970;
    display: block;
    margin: .45em auto;
    max-width: 82.2em;
    padding: 0 4.5em 5em 4.5em;
    position: relative;
    width: 100%;
}

.xml-document-header {
    border-bottom: 1px solid #5E6970;
    display: block;
    position: relative;
    width: 100%;
}

.xml-document-logo {
    align-content: flex-end;
    align-items: flex-end;
    background: #fff;
    display: flex;
    height: 6.5em;
    justify-content: flex-start;
    margin: 0 0 -1px -3.3em;
    padding: 1.8125em 1.8125em 0 0;
    position: relative;
    width: 14em;
}

.xml-document-header .xml-document-logo img {
    display: inline-block;
    image-rendering: -webkit-optimize-contrast;
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    position: relative;
    vertical-align: bottom;
}

.xml-document-wrap p {
    color: #5e6970;
    display: block;
    font-size: 1em;
    line-height: 1.2858em;
    padding: 1.11em 0 0 0;
    position: relative;
}

.xml-document-wrap th p:first-child,
.xml-document-wrap td p:first-child {
    padding-top: 0;
}

.xml-document-wrap p a {
    color: #0041E7;
    text-decoration: underline;
}

.xml-document-wrap ol,
.xml-document-wrap ul {
    display: block;
    margin: 0;
    position: relative;
    padding: 0 0 0 1.9em;
}

.xml-document-wrap li {
    color: #5e6970;
    font-size: 1.125em;
    line-height: 1.556em;
    list-style-position: outside;
    position: relative;
}

    .xml-document-wrap li li,
    .xml-document-wrap li p,
    .xml-document-wrap p li,
    .xml-document-wrap p p {
        font-size: 1em;
    }

.xml-document-wrap .section {
    display: block;
    /*padding: 0 0 0 4.6875em;*/
    padding: 0;
    position: relative;
}

    .xml-document-wrap .section .section {
        padding: 0 0 0 1.2em;
    }

.xml-document-wrap .caution,
.xml-document-wrap .important,
.xml-document-wrap .notice {
    display: block;
    position: relative;
}

    .xml-document-wrap .caution::before,
    .xml-document-wrap .caution:before {
        background: #ffd600;
        content: 'CAUTION';
        color: #5e6970;
        display: inline-block;
        float: left;
        font-size: 1.125em;
        font-weight: 700;
        line-height: 1.556em;
        margin: 1.11em .35em 0 0;
        padding: 0 .5em;
        position: relative;
        vertical-align: top;
    }

    .xml-document-wrap .caution::after,
    .xml-document-wrap .caution:after {
        color: #ffd600;
        content: '\e002';
        display: block;
        font-family: "Material Icons Round";
        font-size: 2.75em;
        left: -1.4em;
        line-height: 1em;
        position: absolute;
        top: .6em;
    }

    .xml-document-wrap .important::before,
    .xml-document-wrap .important:before {
        background: #000;
        content: 'IMPORTANT';
        color: #fff;
        display: inline-block;
        float: left;
        font-size: 1.125em;
        font-weight: 700;
        line-height: 1.556em;
        margin: 1.11em .35em 0 0;
        padding: 0 .5em;
        position: relative;
        vertical-align: top;
    }

.xml-document-wrap p.important::before,
.xml-document-wrap p.important:before {
    margin-top: 0;
}

.xml-document-wrap .important::after,
.xml-document-wrap .important:after {
    color: #000;
    content: '\e88e';
    display: block;
    font-family: "Material Icons";
    font-size: 2.75em;
    left: -1.4em;
    line-height: 1em;
    position: absolute;
    top: .6em;
}

.xml-document-wrap p.important::after,
.xml-document-wrap p.important:after {
    top: .35em;
}

.xml-document-wrap .notice::before,
.xml-document-wrap .notice:before {
    background: #0050c8;
    content: 'NOTICE';
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.556em;
    margin: 1.11em .35em 0 0;
    padding: 0 .5em;
    position: relative;
    vertical-align: top;
}

.xml-document-wrap .notice::after,
.xml-document-wrap .notice:after {
    color: #0050c8;
    content: '\e000';
    display: block;
    font-family: "Material Icons";
    font-size: 2.75em;
    left: -1.4em;
    line-height: 1em;
    position: absolute;
    top: .6em;
}

.xml-document-wrap .title + .caution::before,
.xml-document-wrap .title + .caution:before,
.xml-document-wrap .title + .important::before,
.xml-document-wrap .title + .important:before,
.xml-document-wrap .title + .notice::before,
.xml-document-wrap .title + .notice:before {
    margin-top: .2em;
}

.xml-document-wrap .title + .caution::after,
.xml-document-wrap .title + .caution:after,
.xml-document-wrap .title + .important::after,
.xml-document-wrap .title + .important:after,
.xml-document-wrap .title + .notice::after,
.xml-document-wrap .title + .notice:after {
    top: .2em;
}

.xml-document-wrap .title + p,
.xml-document-wrap .title + .caution p:first-child,
.xml-document-wrap .title + .important p:first-child,
.xml-document-wrap .title + .notice p:first-child {
    padding-top: .2em;
}

.xml-document-wrap p.title {
    font-size: 2.625em;
    font-weight: 700;
    line-height: 1em;
    padding: 1.11em 0 0 0;
}
/*.title {
	counter-increment: viewerTitle;
	counter-reset: viewerTitle;
}
.xml-document-wrap p.title::before,
.xml-document-wrap p.title::before {
	content: counters(viewerTitle, ".") ".\00a0";
	display: inline-block;
	position: relative;
}*/
.xml-document-wrap .section p.title {
    font-size: 2.625em;
    font-weight: 700;
    line-height: 1em;
    padding: 1.11em 0 0 0;
}
/*.xml-document-wrap .section p.title::before,
.xml-document-wrap .section p.title:before {
	content: counters(viewerTitle, ".");
	left: auto;
	padding: 0 .65em 0 0;
	position: absolute;
	right: 100%;
	text-align: right;
	top: 1.11em;
	width: 3em;
}*/
.xml-document-wrap .section .section p.title {
    font-size: 1.125em;
}

.title-number {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    padding: 0 .5em 0 0;
    position: relative;
    vertical-align: baseline;
}

.xml-document-wrap .cols {
    column-count: 2;
    display: block;
    padding: 1.5em 0 0 0;
    position: relative;
}

.xml-document-wrap .table-wrap {
    display: block;
    max-width: 100%;
    position: relative;
    width: auto;
}

.xml-document-wrap table {
    border-collapse: collapse;
    display: table;
    margin: 0.75em 0 0.75em 0;
    position: relative;
    width: 100%;
}

    .xml-document-wrap table.inline-table {
        display: inline-table;
        margin-right: 2em;
        max-width: 45%;
        max-width: calc(50% - 1em);
        vertical-align: top;
    }

        .xml-document-wrap table.inline-table + table.inline-table {
            margin-right: 0;
        }

.xml-document-wrap .cols table {
    margin: 0;
}

.xml-document-wrap .title + table {
    margin: .5em 0 0 0;
}

.xml-document-wrap th,
.xml-document-wrap td {
    border: 1px solid #5e6970;
    break-inside: avoid;
    color: #5E6970;
    font-size: .875em;
    line-height: 1.5em;
    padding: 0.69em 1.14em;
    text-align: left;
    vertical-align: bottom;
}

.xml-document-wrap th {
    background: #EEF2F4;
}
/*.xml-document-wrap tr:first-child th {
	vertical-align: bottom;
}*/
.xml-document-wrap img {
    display: block;
    height: auto;
    max-width: 100% !important;
    padding: 1.5em 0 0 0;
    position: relative;
    width: auto;
}

.xml-document-wrap ol.contents-list,
.xml-document-wrap ol.contents-list ol {
    counter-reset: item;
}

    .xml-document-wrap ol.contents-list li {
        display: block;
        padding: 0 0 0 .1em;
        position: relative;
    }

        .xml-document-wrap ol.contents-list li:before {
            content: counters(item, ".") ".";
            counter-increment: item;
            display: none;
            padding: 0 .5em 0 0;
        }

        .xml-document-wrap ol.contents-list li li {
            padding: 0 0 0 1.5em;
        }

            .xml-document-wrap ol.contents-list li li:before {
                content: counters(item, ".") "";
            }
/* PRODUCT */
.full-column {
    display: inline-block;
    flex: 0 1 100%;
    max-width: 50em;
    order: 1;
    position: relative;
    vertical-align: top;
}

.full-column--no-max {
    max-width: none;
    overflow: auto;
}

.breadcrumbs {
    color: #5e6970;
    display: block;
    font-size: .7em;
    line-height: 1.2em;
    position: relative;
}

    .breadcrumbs a {
        color: inherit;
        text-decoration: none;
    }

    .breadcrumbs .material-icons-outlined {
        display: inline-block;
        font-size: 1.2em;
        line-height: 1em;
        position: relative;
        vertical-align: top;
    }

.company-information-block {
    display: block;
    padding: 1.5em 0;
    position: relative;
}

.info-block {
    color: #5e6970;
    display: block;
    font-size: .9em;
    line-height: 1.22em;
    position: relative;
}

.product-information-block {
    display: block;
    padding: 1.5em 0;
    position: relative;
}

.page-headline {
    color: #5e6970;
    display: block;
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2em;
    position: relative;
}

.page-subline {
    color: #5e6970;
    display: block;
    font-size: 1.1em;
    line-height: 1.5em;
    position: relative;
}

    .page-subline a {
        color: inherit;
    }

.collapsible-section-wrap {
    display: block;
    padding: 0 0 1.5em 0;
    position: relative;
    width: 100%;
}

.collapsible-section {
    border-top: 1px solid #5e6970;
    display: block;
    position: relative;
    width: 100%;
}

    .collapsible-section:last-child {
        border-bottom: 1px solid #5e6970;
    }

.collapsible-section-trigger {
    color: #5e6970;
    display: block;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.2em;
    padding: 1em 0;
    position: relative;
    text-decoration: none;
    transition: .25s;
}

    .collapsible-section-trigger:hover,
    .collapsible-section-trigger:focus-visible {
        color: #a81d35;
    }

    .collapsible-section-trigger::after,
    .collapsible-section-trigger:after {
        color: inherit;
        content: '\e5ce';
        display: block;
        font-family: "Material Icons Outlined";
        font-size: 1em;
        line-height: 1em;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transform-origin: center;
        transition: .25s;
    }

.collapsed .collapsible-section-trigger::after,
.collapsed .collapsible-section-trigger:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.collapsible-section-content {
    display: block;
    padding: 0 4em 0 0;
    position: relative;
}

.collapsible-section-item {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding: 0 0 1.25em 1em;
    position: relative;
}

    .collapsible-section-item + .collapsible-section-item {
        border-top: 1px solid #dee6eb;
        padding-top: 1.25em;
    }

.collapsible-section-item-image {
    background: #fff;
    border-radius: .15em;
    border: 1px solid #d9d9d9;
    display: block;
    flex: 0 0 6.2em;
    height: 6.6em;
    overflow: hidden;
    position: relative;
    width: 6.2em;
}

    .collapsible-section-item-image img {
        display: block;
        height: 100%;
        left: 0;
        object-fit: contain;
        position: absolute;
        top: 0;
        width: 100%;
    }

.collapsible-section-item-content {
    align-content: flex-start;
    align-items: flex-start;
    display: block;
    flex: 1 1 auto;
    padding: .6em 1.25em;
    position: relative;
}

.collapsible-section-item-name {
    color: #5e6970;
    display: block;
    font-size: .8em;
    font-weight: 700;
    line-height: 1.25em;
    position: relative;
}

.collapsible-section-item-text {
    color: #5e6970;
    display: block;
    font-size: .8em;
    line-height: 1.25em;
    position: relative;
}

.collapsible-section-item-additional {
    color: #5e6970;
    display: block;
    font-size: .55em;
    line-height: 1.25em;
    padding: 1em 0 0 0;
    position: relative;
}

    .collapsible-section-item-additional a {
        color: inherit;
        white-space: nowrap;
    }

    .collapsible-section-item-additional ul {
        display: block;
        margin: 0;
        padding: 0 0 0 2em;
        position: relative;
    }

.collapsible-section-item-action-wrap {
    align-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
    gap: 1em;
    justify-content: flex-end;
    border-radius: 0.6em;
    position: relative;
}

.collapsible-section-item-cta {
    border: 2px solid #d1d6d9;
    border-radius: 0.1875em;
    color: #5e6970;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: .125em;
    line-height: 1.5em;
    min-width: 8.5em;
    padding: 0.8125em 1.1875em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .25s;
    vertical-align: top;
}

    .collapsible-section-item-cta.collapsible-section-item-view {
        background: #A81D35;
        border: 2px solid #A81D35;
        border-radius: 0.2em;
        color: #fff;
        line-height: 1.4em;
        max-width: 17.75em;
        width: 100%;
        font-size: 0.9em;
        padding: 0.6em;
    }

        .collapsible-section-item-cta.collapsible-section-item-view:hover {
            color: #A81D35;
            background: #fff;
            border-color: #A81D35;
        }

.vendor-documents-collapsible {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

.best-viewed-button.vendor-doc-button {
    max-width: max-content;
    margin-right: 4em;
    padding: 0.25em 1em;
    min-width: auto;
}

.quotelistitle {
    align-items: center;
    display: flex;
    color: #5E6970;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 0.8em;
    padding: 0.8125em 0;
    gap: 0.7em;
    position: sticky;
    top: 0;
    background: #fff;
}

.quotelis::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0.5em;
    background-color: #F5F5F5;
}

.quotelis::-webkit-scrollbar {
    width: 0.35em;
    background-color: #D9D9D9;
}

.quotelis::-webkit-scrollbar-thumb {
    border-radius: 0.5em;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #5E6970;
}


.collapsible-section-item-cta:hover,
.collapsible-section-item-cta:focus-visible {
    border-color: #a81d35;
    color: #a81d35;
}

.collapsible-section-item-cta.pdf::before,
.collapsible-section-item-cta.pdf:before {
    background: url(/images/pdf.png) no-repeat center;
    background-size: contain;
    content: '';
    display: inline-block;
    font-size: 1em;
    height: 1.375em;
    image-rendering: -webkit-optimize-contrast;
    margin: 0 1em 0 0;
    position: relative;
    vertical-align: top;
    width: 1.1875em;
}

.collapsible-section-item-cta.pdf:hover::before,
.collapsible-section-item-cta.pdf:hover:before,
.collapsible-section-item-cta.pdf:focus-visible::before,
.collapsible-section-item-cta.pdf:focus-visible:before {
    background-image: url(/images/pdf-red.png);
}

.collapsible-document-list {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    position: relative;
}

    .collapsible-document-list + .collapsible-document-list {
        border-top: 1px solid #dee6eb;
    }

.collapsible-document-description {
    color: #5e6970;
    display: block;
    font-size: .8em;
    line-height: 1.25em;
    padding: 1.65em 1em 1.65em 1.25em;
    position: relative;
}

.collapsible-document-file-wrap {
    display: inline-block;
    padding: .62em 0;
    position: relative;
    vertical-align: top;
}

.collapsible-document-file {
    align-content: center;
    align-items: center;
    color: #5e6970;
    display: flex;
    font-size: .8em;
    line-height: 1.2em;
    padding: .375em 0;
    position: relative;
}

.collapsible-document-thumbnail {
    border: 1px solid #d9d9d9;
    border-radius: .15em;
    display: inline-block;
    height: 2.25em;
    margin: 0 .6875em 0 0;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 2em;
}

    .collapsible-document-thumbnail img {
        display: block;
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%;
    }

.wenger-logo-image#wenger-logo {
    padding: 0 .5em .5em .5em;
}


/* LOGIN */
.login-logo-wrap {
    display: block;
    left: 50%;
    padding: 2.5em;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.login-logo {
    display: block;
    height: 4em;
    image-rendering: -webkit-optimize-contrast;
    position: relative;
    width: auto;
}

.login-page-wrap {
    display: block;
    min-height: 100vh;
    padding: 9em 0 4.6em 0;
    position: relative;
    width: 100%;
}

.login-form-wrap {
    display: block;
    margin: 0 auto;
    max-width: 28.2em;
    padding: 2em 2em 4em 2em;
    position: relative;
    width: 100%;
}

.login-form-row {
    align-content: center;
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.login-form-cell {
    display: inline-block;
    position: relative;
    padding: .5em 0;
    vertical-align: middle;
    width: 100%;
}

.login-form-title {
    color: #fff;
    display: block;
    font-size: .9em;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
}

.login-form-row .validation-summary-errors li {
    color: #f00;
    font-size: .8em;
    list-style-type: none;
}

.login-form-field {
    display: block;
    position: relative;
    width: 100%;
}

.login-label {
    border: 2px solid transparent;
    color: #9B9B9B;
    display: block;
    font-size: .8em;
    line-height: 1.2em;
    padding: 1.18em 1.1875em;
    position: absolute;
    transition: .25s;
    z-index: 1;
}

.input-focused .login-label {
    color: #fff;
}
/* Change the white to any color */
.login-input:-webkit-autofill,
.login-input:-webkit-autofill:hover,
.login-input:-webkit-autofill:focus,
.login-input:-webkit-autofill:active {
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 0 30px #393939 inset !important;
}

.request-access-wrapper .login-input:-webkit-autofill,
.request-access-wrapper .login-input:-webkit-autofill:hover,
.request-access-wrapper .login-input:-webkit-autofill:focus,
.request-access-wrapper .login-input:-webkit-autofill:active {
    -webkit-text-fill-color: #5E6970 !important;
    -webkit-box-shadow: 0 0 0 30px #f4f6f8 inset !important;
}

.no-js .login-label,
.has-value .login-label,
.input-focused .login-label {
    font-size: .55em;
    padding: 1em 1.72em;
}

.login-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 2px solid #636363;
    border-radius: .1875em;
    color: #fff;
    display: block;
    font-size: .8em;
    line-height: 1.2em;
    outline: none;
    padding: 1.68em 1.1875em .68em 1.1875em;
    position: relative;
    transition: .25s;
    width: 100%;
}

    .login-input:focus {
        border-color: #fff;
    }

.login-submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #a81d35;
    border: 2px solid #a81d35;
    border-radius: .1875em;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: .8em;
    font-weight: 700;
    letter-spacing: .125em;
    line-height: 1.2em;
    min-width: 10.6em;
    padding: .96875em 1.75em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .15s;
    vertical-align: middle;
}

    .login-submit:hover,
    .login-submit:focus-visible {
        background: #991a2f;
        border-color: #991a2f;
    }

.login-submit-alt {
    background: transparent;
    color: #a81d35;
}

    .login-submit-alt:hover,
    .login-submit-alt:focus-visible {
        background: #fff;
    }

.login-form-cell-links {
    text-align: right;
}

.login-form-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    clear: both;
    color: #9b9b9b;
    cursor: pointer;
    display: block;
    font-size: .7em;
    line-height: 1.2em;
    padding: .25em 0;
    position: relative;
    text-decoration: underline;
    transition: .15s;
}

button.login-form-link {
    float: right;
}

.login-form-link:hover,
.login-form-link:focus-visible {
    color: #fff;
}

.login-form-cancel {
    border: 2px solid transparent;
    color: #9b9b9b;
    display: inline-block;
    font-size: .7em;
    line-height: 1.2em;
    min-width: 8em;
    padding: 1.2em 1.75em;
    position: relative;
    text-align: center;
    transition: .25s;
    vertical-align: top;
}

    .login-form-cancel:hover,
    .login-form-cancel:focus-visible {
        color: #393939;
    }
/*REQUEST ACCESS*/
.request-access {
    display: inline-block;
    flex: 0 1 60%;
    max-width: 29.4em;
    order: 1;
    position: relative;
    vertical-align: top;
    width: 100%;
}

.request-access-wrapper {
    display: block;
    padding: 0 0 5em 0;
    position: relative;
    width: 100%;
}

    .request-access-wrapper .login-label {
        color: #959FA6;
        padding: 1.182em 1.1875em;
    }

    .request-access-wrapper .no-js .login-label,
    .request-access-wrapper .has-value .login-label,
    .request-access-wrapper .input-focused .login-label {
        font-size: .55em;
        padding: 1em 1.72em;
    }

    .request-access-wrapper .login-input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: transparent;
        border: 2px solid #636363;
        border-radius: 0.1875em;
        color: #5E6970;
        display: block;
        font-size: .8em;
        line-height: 1.2em;
        outline: none;
        padding: 1.682em 1.1875em 0.682em 1.1875em;
        position: relative;
        transition: .25s;
        width: 100%;
    }

    .request-access-wrapper .login-form-cell {
        padding: .5em 0 .25em;
    }

    .request-access-wrapper .login-input:focus {
        border-color: #636363;
    }

    .request-access-wrapper .input-focused .login-label {
        color: #9B9B9B;
    }

    .request-access-wrapper .login-submit {
        margin: .75em 0 0 0;
    }

    .request-access-wrapper .login-form-cancel {
        margin: .857em 0 0 0;
    }

    .request-access-wrapper .wid-50 {
        width: 49%;
    }

.header-page-title {
    color: #5E6970;
    display: block;
    font-size: 3em;
    font-weight: 700;
    line-height: 1.1em;
    padding: 1.15em 0 .5em;
    position: relative;
}

.login-page-description {
    color: #393939;
    display: block;
    font-size: .85em;
    font-weight: 400;
    line-height: 1.3em;
    padding: 1.15em 0 0.5em;
    position: relative;
}

    .login-page-description a {
        color: inherit;
    }

.change-password-wrapper {
    max-width: 39em;
    position: relative;
}

.request-access-footer-padding {
    padding-bottom: 16em;
}

.page-break-div {
    display: block;
    height: 10em;
    line-height: 0;
    position: static;
}

    .page-break-div + .page-break-div {
        display: none;
    }

    .page-break-div::before,
    .page-break-div:before {
        background: #f4f6f8;
        box-shadow: inset 0 0.2em 0.25em 0 rgba(0,0,0,.25);
        content: '';
        display: block;
        height: 6em;
        left: -.3em;
        margin: 2em 0 0 0;
        position: absolute;
        top: auto;
        width: calc(100% + .6em);
    }

    .page-break-div::after,
    .page-break-div:after {
        border-left: .5em solid #f4f6f8;
        border-right: .5em solid #f4f6f8;
        content: '';
        display: block;
        height: 6em;
        left: -.5em;
        margin: 2em 0 0 0;
        position: absolute;
        top: auto;
        width: calc(100% + 1em);
    }
/*LANGUAGE DROPDOWN*/
.dropdown-wrapper {
    align-items: center;
    display: flex;
    gap: 1em;
    padding: 1.2em 0 0;
    position: relative;
}

.language-nice-select.nice-select {
    background-color: transparent;
    border: none;
    bottom: 0.35em;
    border-radius: .5em .5em 0 0;
    color: #5E6970;
    font-size: 0.75em;
    height: auto;
    line-height: 0.8em;
    font-weight: 700;
    padding: 1.2em 2.6em 1.2em 1.4em;
    position: relative;
    width: 10.45rem;
}


    .language-nice-select.nice-select .list {
        /* box-shadow: 0 0.1em 0.8em rgba(0,0,0,.1) !important;*/
        border-radius: 0 0 0.5em 0.5em;
        /*border-top: 1px solid #dee6eb;*/
        height: 20em;
        margin-top: 0;
        overflow: auto;
        width: 100%;
    }

    .language-nice-select.nice-select .option {
        padding-left: 23px;
    }

[data-section="translatedLanguageOptions"] .language-nice-select.nice-select .option {
    line-height:2.856em;
}

    .language-nice-select.nice-select .list::-webkit-scrollbar {
        display: none;
    }

    .language-nice-select.nice-select:after,
    .language-nice-select.nice-select::after {
        border-bottom-color: #5E6970;
        border-right-color: #5E6970;
        height: 0.4585em;
        line-height: .6em;
        right: 1rem;
        width: 0.4585em;
    }

.language-icon-wrap {
    display: none;
}

.collapsible-btn-wrapper {
    align-items: flex-end !important;
    flex-direction: column;
    justify-content: space-between !important;
    width: 100%;
}

.collapsible-section-item-button-wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: .5rem;
}

.best-viewed-wrap {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 0 -.75em 0;
    position: relative;
    width: 100%;
}

.best-viewed {
    display: inline-block;
    flex: 0 1 auto;
    position: relative;
    vertical-align: top;
}

.best-viewed-label {
    color: #5e6970;
    display: block;
    font-size: .65em;
    line-height: 1.2em;
    padding: 0 0 .4em 0;
    position: relative;
}

.best-viewed-button-wrap {
    align-content: center;
    align-items: center;
    display: inline-flex;
    gap: .3em;
    justify-content: space-between;
    position: relative;
    vertical-align: top;
}

.best-viewed-button {
    border-radius: 3em;
    border: 2px solid #d1d6d9;
    color: #5e6970;
    border: 1px solid #5e6970;
    display: inline-block;
    font-size: .7em;
    font-weight: 700;
    line-height: 1.2em;
    padding: 0.64em 1.3em;
    position: relative;
    text-align: center;
    text-decoration: none;
    /* max-width: 15em; */
    transition: .25s;
    min-width: 11.135em;
    vertical-align: middle;
    width: 100%;
}

    .best-viewed-button:hover,
    .best-viewed-button:focus {
        background-color: #5e6970;
        border: 1px solid #5e6970;
        color: #fff;
    }


.user-search-headline-form {
    display: flex;
    position: relative;
    vertical-align: top;
    /* width: 100%; */
    justify-content: end;
}

.user-search-heading-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 1px solid #727272;
    border-radius: .1875em;
    display: block;
    font-size: .8em;
    line-height: 1.2em;
    padding: .8em 2.875em .8em 1.75em;
    position: relative;
    transition: .25s;
}

    .user-search-heading-input::-webkit-input-placeholder {
        color: #727272;
    }

    .user-search-heading-input:-ms-input-placeholder {
        color: #727272;
    }

    .user-search-heading-input::-moz-placeholder {
        color: #727272;
    }

    .user-search-heading-input:-moz-placeholder {
        color: #727272;
    }

    .user-search-heading-input:focus {
        background: #fff;
        border-color: #000;
        outline: none;
    }

.user-search-heading-submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    color: #2a2a2a;
    cursor: pointer;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 2.3em;
}

    .user-search-heading-submit .material-icons,
    .user-search-heading-submit .material-icons-round,
    .user-search-heading-submit .material-icons-outlined {
        display: inline-block;
        font-size: 1.1em;
        left: 50%;
        line-height: 1em;
        position: absolute;
        text-align: center;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.user-search-headline-wrap {
    display: block;
    border-radius: 0.35em;
    margin-left: auto;
    max-width: max-content;
    margin: 0 0 1em auto;
}

.userHomePagedownload {
    float: right;
    color: inherit !important;
}

.user-home-page-body .navigation-wrap {
    display: block;
    /*   font-size: 1rem;*/
    font-size: 0.9rem;
    position: absolute;
    z-index: 102;
}

.dropdown-open .user-home-page-body .navigation-wrap {
    z-index: 500;
}

.highlight {
    background-color: yellow;
    font-weight: bold;
}

/*filter-background-class-add*/
.filter-selected {
    background-color: #5e6970;
    color: #fff !important;
}

.filter-applied .nested-dropdowns__item {
    max-width: max-content;
    position: relative;
}

    .filter-applied .nested-dropdowns__item:after {
        cursor: pointer;
        color: #5e6970;
        content: '\ef4f';
        display: block;
        font-family: "Material Icons";
        font-size: 1.4em;
        line-height: 0.85em;
        position: absolute;
        right: -1.1em;
        top: 0.025em;
        transform-origin: center;
        transition: .25s;
    }

.filter-pending .nested-dropdowns__item {
    max-width: max-content;
    position: relative;
}

    .filter-pending .nested-dropdowns__item:after {
        cursor: pointer;
        color: #5e6970;
        content: '\ef4f';
        display: block;
        font-family: "Material Icons Outlined";
        font-size: 1.4em;
        line-height: 0.85em;
        position: absolute;
        right: -1.1em;
        top: 0.025em;
        transform-origin: center;
        transition: .25s;
    }




/*filter-background-class-add*/
.data-filter-selected {
    background-color: #3e85c3;
    color: #fff;
}

.data-filter-pending {
    background: #eea945;
    color: #fff;
}

.data-filter-applied {
    background: #50a851;
    color: #fff;
}

.nested-dropdowns ul li.filter-selected a {
    color: #fff;
}

.data-filter-pending li .nested-dropdowns__item {
    color: #fff;
}

.data-filter-applied li .nested-dropdowns__item {
    color: #fff;
}

.nested-dropdowns {
    position: relative;
}


.filter-pending .nested-dropdowns__item {
    max-width: max-content;
    position: relative;
}

    .filter-pending .nested-dropdowns__item:after {
        cursor: pointer;
        color: #5e6970;
        content: '\ef4f';
        display: block;
        font-family: "Material Icons Outlined";
        font-size: 1.4em;
        line-height: 0.85em;
        position: absolute;
        right: -1.1em;
        top: 0.025em;
        transform-origin: center;
        transition: .25s;
    }

.collapse-sidebar {
    width: 1.4em;
    height: 1.4em;
    position: relative;
    margin: 0 0 0 0.8em;
}


.sidebar-toggle-button {
    display: none;
}

.quotelistwrap {
    border-radius: 0.65em;
    background: #FFF;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
    display: none;
    max-width: 29.275em;
    float: right;
    position: fixed;
    padding: 1.1em 1.1em 1.1em 0;
    right: 35px;
    top: 10px;
    width: 100%;
    z-index: 555;
    /* box-shadow: 0 0 10px #00000040;*/
}

.quotelis {
    height: 18em;
    overflow-y: scroll;
    padding: 0 1.312em 0 1.7125em;
}
/* Style for the info icon */
.info-icon {
    cursor: pointer;
    color: blue;
}

.tooltip-content {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 1;
    width: 150px;
    text-align: left;
}

.widthdefaultInput {
    width: 50%
}

.displayNoneTooltip {
    display: none;
}

.quote-table-row {
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
}

.collapsible-section-item-quote-wrap {
    display: flex;
    gap: 0.7rem;
    position: relative;
    padding: 1.3em 0 1.3em 1.7em;
    margin-top: 0.6em;
    border-top: 1px solid #DEE6EB;
    width: 100%;
}

.quote-row-wrap .fun-itemname {
    max-width: 22.292em;
    width: 100%;
}

.quote-row-wrap {
    border-bottom: 1px solid #DEE6EB;
    color: #5E6970;
    display: flex;
    font-size: 0.9em;
    font-weight: 500;
    gap: 2rem;
    justify-content: space-between;
    line-height: 1.25em;
    padding: 1.1em 0.7em 1.1em 0;
}

.quote-row-wrap {
    display: flex;
    justify-content: space-between;
    gap: .2rem;
    padding: 0.5rem 0 0.5rem 0;
}

.quote-qty-text {
    white-space: nowrap;
}

.account-action-trigger-quote {
    align-content: center;
    align-items: center;
    border-bottom: 1px solid transparent;
    border-radius: .5em .5em 0 0;
    color: #5e6970;
    display: flex;
    margin: 0 0 .45em 0;
    padding: .94em 2.6em .89em 1.1em;
    position: relative;
    text-decoration: none;
    transition: .25s;
    z-index: 1;
}

.quote-table-margin {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    max-width: 49em;
    min-width: 49em;
}

.equipment-table-header.quote-product-border {
    border-bottom: 0px;
}

.default-table .salesorde-cell {
    color: #5E6970;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4em;
}

    .default-table .salesorde-cell a {
        color: #5E6970;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.4em;
    }

    .default-table .salesorde-cell:first-child {
        max-width: 7.5625em;
        min-width: 7.5625em;
    }

    .default-table .salesorde-cell:nth-child(2) {
        max-width: 6em;
        min-width: 6em;
    }

    .default-table .salesorde-cell:nth-child(3) {
        max-width: 24.15em;
        min-width: 24.15em;
    }

    .default-table .salesorde-cell:nth-child(4) {
        min-width: 6.45em;
        max-width: 6.45em;
        text-align: center;
    }

    .default-table .salesorde-cell .inputwrap {
        border: 1px solid #B1B1B1;
        border-radius: 0.2em;
        color: #5E6970;
        font-weight: 600;
        max-width: 3.925em;
        min-width: 3.925em;
        padding: 0.3em 0.6em;
    }

    .default-table .salesorde-cell .salesorde-cell-button {
        color: #5E6970;
        font-weight: 600;
        font-size: 0.85em;
    }

.collapsible-section-item-quote-wrap.collapsible-section-item-table-button {
    display: flex;
    justify-content: end;
    margin-top: 0;
    border: 0;
}

.default-table .salesorde-cell:last-child {
    padding-left: 0.5em;
}

.collapsible-section-item-quote-wrap.collapsible-section-item-table-button a {
    border-color: #a81d3500;
    background: #A81D35;
    border-radius: 0.2em;
    color: #fff;
    line-height: 1.3em;
    max-width: 15.9375em;
    min-width: 15.9375em;
    padding: 0.9375em 2.125em;
}

.salesorde-table-wrap {
    color: #5E6970;
    position: relative;
    min-width: max-content;
    margin-bottom: 0.75em;
    width: 100%;
}

    .salesorde-table-wrap tr th {
        font-size: 0.9em;
        text-align: start;
    }

    .salesorde-table-wrap tr th, td {
        padding: 0.5em 0;
    }

table {
    border-collapse: collapse;
}

.salesorde-row + .salesorde-row {
    border-top: 1px solid #DEE6EB;
}

table.default-table.salesorde-table-wrap .salesorde-table-row {
    border-bottom: 1px solid #5E6970;
}

.equipment-table-header.table-header-border {
    border: none;
}

p.equipment-table-header.table-header-border {
    font-size: 1em;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.5em;
}

.salesorde-table-row th:nth-child(4) {
    text-align: center;
}

.material-icons-outlined.right-icon {
    align-items: center;
    background: #00CB2D;
    border-radius: 2em;
    color: #fff;
    display: flex;
    height: 1.4em;
    font-size: 0.56em;
    font-weight: 700;
    justify-content: center;
    max-width: 1.4em;
    text-align: center;
    width: 100%;
}

.collapsible-section-item-cta.collapsible-section-item-dismiss {
    border-radius: 0.25em;
    font-size: 0.9em;
    line-height: 1.4em;
    min-width: 9em;
    padding: 0.65em 1em;
}

.total-item-wrap {
    align-items: center;
    display: flex;
    gap: 1.5em;
    justify-content: flex-end;
    margin: 1.1em 0 0 0;
    position: relative;
}

.total-item-wrap, .spare-parts-blockwrap label {
    color: #5E6970;
    font-size: 0.9em;
    font-weight: 700;
    line-height: 1.15em;
}

.defaultInput.widthdefaultInput {
    border: 1px solid #B1B1B1;
    border-radius: 0.25em;
    color: #5E6970;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.25;
    max-width: 4.45em;
    min-width: 4.45em;
    padding: 0.5em;
}

.add-quote-button {
    background: none;
    border: 1px solid #B1B1B1;
    border-radius: 0.25em;
    color: #5E6970;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.25em;
    min-width: 11.572em;
    max-width: 11.572em;
    padding: 0.5em;
    width: 100%;
}

    .add-quote-button:hover {
        background: #fff;
        border-color: #A81D35;
        color: #A81D35;
    }

.collapsible-section-item-quote-wrap.collapsible-section-item-table-button a:hover {
    background: #fff;
    border-color: #A81D35;
    color: #A81D35;
}

.quote-table-row.bom-table-wrap {
    display: flex;
    justify-content: inherit;
    gap: 0.4rem;
}

.xml-document-wrap td {
    min-width: 4.6em;
    max-width: fit-content;
    vertical-align: top;
}

.addAllItemsToQuote.add-quote-button {
    display: inline-block;  
    font-size: 0.9em;
    line-height: 1.1em;
    min-width: 14.672em;
    /*max-width: 14.672em;*/
    max-width: unset;
    /*padding: 0.55em 0;*/
    padding: .55em .5em;
    width: auto;
}

.bom--item-cell:nth-child(6) {
    max-width: 12.6em;
    min-width: 12.6em;
}

.bom--item-cell:nth-child(5) {
    min-width: 23em;
}


.table-reponsive-wrap {
    display: block;
    max-width: 75.2em;
    position: relative;
    width: 100%;
}

.sales-view-quote-list {
    overflow: auto;
}

.sales-name-td {
    max-width: 7.5625em;
    min-width: 7.5625em;
}

.salesorde-cell .salesorde-cell-button:first-child {
    padding: 0 0.9em 0 0;
}

.user-form-headline {
    color: #2a2a2ab8;
    font-size: 2.1em;
    font-weight: 700;
    line-height: 1.114em;
}

.table-wrapper {
    display: block;
    max-width: 100%;
    overflow: auto;
    position: relative;
    width: auto;
}

.clear-result-button {
    border: 1px solid #A81D35;
    background: #A81D35;
    border-radius: 0.2em;
    color: rgb(255 255 255);
    font-weight: 400;
    padding: 0.5em 0.7em;
    text-decoration: none;
}

.user-search-headline {
    align-items: center;
    display: flex;
    gap: 1em;
    position: relative;
    padding: 0.75em 0 0 0;
}

.clear-result-button:hover {
    background: rgb(255 255 255 / 0%);
    border-color: #A81D35;
    color: #A81D35;
}

.treeItem.treequote-flex {
    align-items: center;
    display: flex;
}

    .treeItem.treequote-flex .sidebar-action {
        width: auto;
    }

    .treeItem.treequote-flex img {
        max-width: 1.7em;
    }

.openSidebar .viewer .treeItems .treequote-flex > a:nth-child(2) {
    padding: 0.3em 0.3em 0.3em 1.5em;
    text-decoration: underline solid #5e5e5e;
}

.openSidebar .viewer .treeItems .treequote-flex > a:nth-child(3) {
    padding: 0.15em;
    font-size: 1em;
    line-height: 1.25em;
    text-decoration: none;
}

.treeItem.treequote-flex .sidebar-action .material-icons {
    color: #A81D35;
    font-size: 1.7em;
}

.account-action-trigger-quote .material-icons {
    color: rgb(168, 29, 53);
    font-size: 1em;
    padding-right: 0.35em;
    line-height: 1em;
    /*    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
    /* box-shadow: 10px 5px 5px red;*/
}

.account-action-trigger-quote-title {
    color: #5e6970;
    display: inline-block;
    font-size: .75em;
    font-weight: 700;
    line-height: 1.2em;
    position: relative;
    text-align: right;
    vertical-align: middle;
}

div[data-quote].customOverlay {
    box-shadow: 0 0.1em 0.8em rgb(0 0 0 / 38%);
}

.overlay-wrapper {
    display: block;
    position: relative;
}

.overlay-button {
    display: flex;
    justify-content: end;
    margin: 1.2em 0 0 0;
    position: relative;
    text-align: end;
    width: 100%;
}

    .overlay-button .admin-cta {
        border-color: #a81d3500;
        background: #A81D35;
        border-radius: 0.2em;
        color: #fff;
        cursor:pointer;
        display: block;
        line-height: 1.3em;
        position: relative;
        max-width: 5.5375em;
        min-width: max-content;
        padding: 0.9375em 2.125em;
    }
.viewer.html-viewer.user-home-page-body .navigation-logo-wrap.navigation-home-wrap {
    visibility: hidden;
}

.table-footer-wrapper {
    display: flex;
    gap: 1em;
    align-items: start;
    padding: 0.5em 0 0;
}

.spare-parts-blockwrap {
    display: flex;
    gap: 0.5em;
}

.total-item-wrap.quoteinfo-block-wrap {
    /*white-space: nowrap;*/
    white-space: normal;
    margin-left: auto;
}

.spare-parts-blockwrap label {
    padding: 0.2em 0 0;
}

.total-item-wrap.quoteinfo-block-wrap label {
  white-space: nowrap;
}


.view-pdf-page .pdf-viewer-logo-wrap,
.view-pdf-page #outerContainer #sidebarContent {
    background: #FFFFFF
}

.view-pdf-page #outerContainer #sidebarContent {
    border-top: 1px solid rgb(196 196 196 / 60%);
}

.view-pdf-page #outerContainer #sidebarContent #outlineView .treeItem {
    border-color: rgb(196 196 196 / 60%);
}

.view-pdf-page #outerContainer #sidebarContent #outlineView .treeItem .treeItemToggler:before {
    color: #5e6970;
}

.view-pdf-page #outerContainer #sidebarContent #outlineView .treeItem.selected > a {
    background:rgb(196 196 196 / 60%);
}

.view-pdf-page #outerContainer #sidebarContent a {
    color:#5E6970
}

.document-portal-module .equipment-table-wrap .equipment-table-link {
    display:flex;
    align-items:center;
}

.document-portal-module .equipment-table-wrap .equipment-table-link span {
    align-self:flex-start;
    color:#C4C4C4;
    font-size: 1.25em;
    margin-right: 0.8125em;
}

.document-portal-module .equipment-table-wrap .equipment-table-link:hover span {
    color: #a81d35;
}

.folder-view-wrap .product-information-block {
    padding-top : 0;
}
.folder-view-wrap .product-information-block .page-subline {
    font-size: 0.75em;
    margin-bottom: 0.916666em;
}
.folder-view-wrap .product-information-block .page-subline a {
    text-decoration: none;
}
.folder-view-wrap .product-information-block .admin-page-headline .admin-page-heading {
    color: #5e6970;
    font-size: 3.75em;
}
.folder-view-wrap .product-information-block .folder-view-header {
    align-items:center;
    display:flex;
    justify-content:space-between;
    gap: 0.55em;
    max-width:53.3125em;
}
.folder-view-wrap .product-information-block .folder-view-header .account-icon {
    align-items:center;
    display:flex;
    justify-content:center;
    height:2.188em;
    margin-left: auto;
    padding: 0;
    width:3.047em;
}
.folder-view-wrap .product-information-block .folder-view-header .account-icon span {
    font-size: 1.2em;
    transform: rotatey(180deg);
}
.folder-view-wrap .product-information-block .folder-view-header .admin-page-heading-action {
    border: 2px solid #D1D6D9;
    border-radius: 0.2875em;
    color: #5e6970;
    padding: 0.3389em 0.75em;
    white-space:nowrap;
}
.folder-view-wrap .product-information-block .folder-view-header .admin-page-heading-action:hover {
    border-color: #2A2A2A;
    background: #2A2A2A;
    color:#fff;
}
.folder-view-wrap .default-table {
    min-width: 79.598%;
}
.folder-view-wrap .default-table thead tr th {
    color: #5e6970;
    border-color: #5E6970;
    font-weight: bold;
    font-size: 0.875em;
}
.folder-view-wrap .default-table thead tr th:first-child {
    width: 23em;
}
.folder-view-wrap .default-table thead tr th:nth-child(5) {
    width:9em;
}
.folder-view-wrap .default-table tbody tr td {
    border-color: #DEE6EB;
    color :#5e6970;
    font-size:1em;
    padding: 1em 0.5em;
}
.folder-view-wrap .default-table tbody tr td:first-child {
    padding-left:0;
}
.folder-view-wrap .default-table tbody tr td span {
    color: #C4C4C4;
    font-size: 1.185em;
    margin-right: 0.95em;
}
.folder-view-wrap .default-table tbody tr td a {
    font-size:0.8125em;
    font-weight:bold;
    white-space:nowrap;
}
.document-portal-logo {
    align-items: flex-end;
    display: flex;
    gap: 0.825em;
    margin-bottom: 4.75em;
}
.document-portal-logo img {
    max-width:10.625em;
}
.document-portal-logo span {
    color: #5e6970;
    display: block;
    font-size: 1.3em;
    line-height: 0.7;
}
.folder-view-sidebar #sidebarContent .treeWithDeepNesting .treeItem .treeItemToggler {
    display:none !important;
}
.folder-view-sidebar #sidebarContent .treeWithDeepNesting .treeItem {
    margin-bottom: 1.055em;
    padding-bottom: 0;
}
.folder-view-sidebar #sidebarContent .treeWithDeepNesting .treeItem > a {
    text-decoration: none;
    padding-bottom: 0;
}
.folder-view-sidebar #sidebarContent .treeWithDeepNesting .treeItem > a .treeItemCustomerID {
    color: #C4C4C4;
    font-size: 0.9232em;
    font-weight:500;
}
.folder-view-sidebar #sidebarContent .treeWithDeepNesting .treeItem .treeItem .treeItem {
    margin-bottom:0;
}
.folder-view-sidebar #sidebarContent .treeWithDeepNesting .treeItem .treeItem .treeItem > a {
    font-size: 1.145em;
    padding: .375em 3.286em 0.075em 2.2em;
    text-decoration:underline;
    text-decoration-color: #5E5E5E;
    text-underline-offset: 0.2em;
}
.folder-view-sidebar #sidebarContent .treeWithDeepNesting .treeItem .folder-view-heading .treeItemCustomerID {
    color: #fff;
}
.folder-view-sidebar #sidebarContent .treeWithDeepNesting .treeItem .folder-view-heading {
    margin-bottom: 1.055em;
    padding: .486em 2.256em .486em 1.11em;
}

.userFolderlist {
    text-decoration: none !important;
}
.userFolderlist span {
    display: inline !important;
}
.userFolderlist .userFolderName {
    text-decoration: underline;
    text-decoration-color: #5E5E5E;
    text-underline-offset: 0.3em;
}

.userCustomerId {
    color: rgb(255 255 255 / 60%);
    font-size: 0.8em;
}

.customerDoc-view-wrapper {
    padding: 100px 20px 0;
}
.customerDoc-view-wrapper img {
    max-width:100%;
}
/* MEDIA */
@media screen and (max-width: 1500px) {
    /* LOGIN */
    .login-page-wrap {
        padding: 9em 0 7.6em 0;
    }
    /* MAIN */
    .content-wrap {
        min-height: calc(100vh - 12.7em);
    }
    /* FOOTER */
    .footer-location-wrap {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .footer-location {
        flex: 0 1 26%;
    }

    .footer-copyright {
        white-space: nowrap;
    }

    .filter-applied .nested-dropdowns__item:after {
        font-size: 1.1em;
        right: -1.3em;
    }

    .content-center {
        justify-content: center;
    }
}

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

    .table-footer-wrapper {
        flex-wrap: wrap;
    }
    /* NAVIGATION */
    .navigation-center {
        padding: 0 3em;
    }
    /* MAIN */
    .content-wrap {
        min-height: calc(100vh - 11.5em);
    }

    .content-center {
        gap: 1em;
        padding: 1em 0 3em 0;
    }

    .side-column {
        flex: 1 1 45%;
    }

    .module-wrap {
        margin: 0 0 1em 0;
        padding: 1.05em 1em .85em 1em;
    }

    .recently-viewed-trigger {
        font-size: .9em;
    }

    .recently-viewed-item {
        padding: 1.2em 0;
    }

    .recently-viewed-item-image-wrap {
        padding: 0 .9em 0 0;
    }

    .recently-viewed-item-image {
        height: 5em;
        width: 5em;
    }

    .recently-viewed-item-content {
        padding: 0 0 1.7em 0;
    }

    .recently-viewed-item-text {
        font-size: .75em;
        line-height: 1.33em;
    }

    .main-column {
        flex: 1 1 55%;
    }

    .customer-info-name {
        font-size: .9em;
    }

    .customer-info-id {
        font-size: .65em;
    }

    .equipment-table-header {
        font-size: .8em;
    }

    .equipment-table-link {
        font-size: .75em;
    }
    /* FOOTER */
    .footer-center {
        padding: 0 3em;
    }

    .footer-location-wrap {
        padding: 0 0 1em 0;
    }

    .footer-location {
        flex: 0 1 33.33%;
        padding: 1em 1em 0 0;
    }

    .footer-copyright-wrap {
        padding: 1em 0 1em 1em;
    }

    .footer-copyright {
        white-space: nowrap;
    }
    /* PRODUCT */
    .info-block {
        font-size: .8em;
    }

    .page-headline {
        font-size: 2.3em;
    }

    .page-subline {
        font-size: 1em;
    }

    .collapsible-section-trigger {
        font-size: 1.175em;
    }

    .collapsible-section-item-cta {
        font-size: .75em;
    }

    .support-info {
        font-size: .85em;
    }
    /* PDF */
    .pdf-viewer-logo-wrap {
        width: 18.265em;
    }

    .pdf-viewer-info-bar {
        padding: 1.226em 5.05em 1.226em 1.375em;
    }

    .pdf-version {
        line-height: 1.3em;
    }

    .sidebarOpen + .pdf-viewer-info-bar, .sidebarOpen + #printContainer + .pdf-viewer-info-bar {
        padding-left: 19.64em;
    }

    .pdf-title {
        font-size: 1.2em;
    }

    .viewer #toolbarViewerRight .toolbarButton {
        width: 3.25em;
    }

    .viewer #toolbarViewerRight,
    html[dir="ltr"] .viewer #toolbarViewerRight {
        padding: 0 1em 0 0;
    }

    .viewer #sidebarContainer,
    html[dir="ltr"] .viewer #sidebarContainer {
        font-size: .875em;
    }

    .viewer #sidebarContent,
    html[dir="ltr"] .viewer #sidebarContent {
        height: calc(100vh - 6em);
        top: 6em;
    }

    .viewer .toolbarButton#sidebarToggle.toggled,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle.toggled,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle.toggled:first-child,
    .viewer.user-home-page-body .toolbarButton#sidebarToggle.toggled {
        left: 17.1em;
    }

    .viewer #toolbarViewerMiddle {
        font-size: .875em;
    }

    html[dir="ltr"] .viewer .findbar {
        right: 1.1em;
    }

    html[dir="ltr"] .viewer .doorHanger:before,
    html[dir="rtl"] .viewer .doorHangerRight:before,
    html[dir="ltr"] .viewer .doorHanger:after,
    html[dir="rtl"] .viewer .doorHangerRight:after {
        right: 19px;
    }
    /*REQUEST ACCESS PAGE*/
    .header-page-title {
        font-size: 1.8em;
    }

    .viewer .sidebarOpen #outerContainer #viewerContainer:not(.pdfPresentationMode), html[dir="ltr"] .viewer .sidebarOpen #outerContainer #viewerContainer:not(.pdfPresentationMode) {
        left: 18.275em;
    }

    .sidebarOpen .pdf-viewer-info-bar, .sidebarOpen #printContainer + .pdf-viewer-info-bar, .sidebarOpen + #printContainer + .pdf-viewer-info-bar {
        padding-left: 20.25em;
    }
    .folder-view-wrap .product-information-block .admin-page-headline .admin-page-heading {
        font-size: 2.75em;
    }
}

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

    .sidebar-toggle-button {
        display: block;
    }

    .dropdown-wrapper {
        align-items: center;
        display: flex;
        gap: 1em;
        padding: 1.2em 0 0;
    }
    /* NAVIGATION */
    /*.navigation-center {
        max-width: 30em;
        padding: 0 .8em;
    }

    .navigation-border .navigation-wrap {
        border-bottom: 1px solid #dfdfdf;
        margin: 0 0 1.2em 0;
    }

    .navigation-logo-wrap {
        margin: 0 0 0 -1em;
        padding: .5em 1em 1.4em 1em;
    }

    .navigation-logo-image {
        max-height: 2.8em;
    }

    .navigation-logo-text {
        font-size: .75em;
        margin: 0 0 -.2em 0;
    }

    .account-action-wrap {
        font-size: .9em;
        margin: 0 -1.2em .44em 0;
    }

    .account-action-trigger {
        margin: 0;*/
    /*   padding: 0.94em 2.6em 0.49em 1.1em;*/
    /*padding: 0.34em 2.6em 0.09em 1.1em;
    }

        .account-action-trigger::after, .account-action-trigger:after {*/
    /*bottom: 0.55em;*/
    /*bottom: 0.15em;
        }

    .account-action-image {
        margin: -.2em .4em 0 0;
    }*/
    /* NAVIGATION */
    .navigation-center {
        align-content: flex-start;
        align-items: flex-start;
        justify-content: space-between;
    }

    .user-home-page-body .navigation-center {
        max-width: 100%;
        padding: 0 1em;
    }

    .navigation-center {
        max-width: 100%;
        padding: 0 1em;
    }

    .navigation-logo-wrap {
        margin: 0 0 0 -.8em;
        padding: .6em 0 2em .8em;
    }

    .navigation-border .navigation-logo-wrap {
        padding-bottom: .7em;
    }

    .navigation-logo-image {
        height: 2.4em;
        margin: 0 .4em 0 0;
    }

    .navigation-logo-text {
        font-size: .65em;
    }

    .account-action-name {
        display: none;
    }

    .open .account-action-name {
        display: block;
    }

    .account-action-wrap.open {
        /* max-width: 100vw;
            position: fixed;
            width: 16.4em;*/
        position: fixed;
        display: inline-block;
        top: 0;
        /* left: 0; */
        width: 16.4em;
        right: 1em;
        z-index: 110;
    }


    .account-action-trigger {
        border-radius: 0;
        margin: 0;
        padding: 0;
    }

    .account-action-wrap {
        display: contents;
    }

    .open .account-action-trigger {
        background: none;
        width: 100%;
        padding: 1.1em 0.8em 1.2em 0.8em;
    }

    .navigation-border .account-action-trigger {
        padding-bottom: .7em;
    }

    .account-action-trigger::after,
    .account-action-trigger:after {
        bottom: 1.25em;
        content: '\e5cd';
        display: none;
    }

    .open .account-action-trigger::after,
    .open .account-action-trigger:after {
        display: block;
    }

    .account-action-dropdown-wrap {
        border-radius: 0;
        height: 100vh;
        left: auto;
        max-width: 100vw;
        overflow: auto;
        padding: 5.4em 0 .95em 0;
        right: 0;
        /* right: -1em;*/
        width: 16.4em;
    }

    .account-action-image {
        height: 1.4em;
        margin: 0;
        width: 1.4em;
    }

    .open .account-action-image {
        margin: 0 .65em 0 0;
    }
    /* MAIN */
    .customer-info-wrap {
        flex-wrap: wrap;
        gap: 0;
    }

    .customer-info-name {
        width: 100%;
    }

    .customer-info-id {
        text-align: left;
        width: 100%;
    }

        .customer-info-id br {
            display: none;
        }

    .equipment-table-link {
        padding: .775em 2em .775em 0;
    }
    /* MAIN */
    .content-wrap {
        min-height: calc(100vh - 19.6em);
    }

    .content-center {
        flex-wrap: wrap;
        gap: 0;
        max-width: 30em;
        padding: 0 .8em;
    }

    .content-center--max-width {
        max-width: none;
    }

    .content-center--heading {
        font-size: .8em;
    }

    .side-column,
    .main-column {
        flex: 0 1 100%;
        max-width: none;
    }

    .side-column {
        order: 1;
    }

    .main-column {
        order: 2;
    }

    .module-wrap {
        margin: 0 0 .8em 0;
    }

    .recently-viewed-trigger {
        margin: -1.167em 0 -.944em -1.11em;
        padding: 1.167em 2.75em .944em 1.11em;
        width: calc(100% + 2.22em);
    }

        .recently-viewed-trigger::after,
        .recently-viewed-trigger:after {
            content: '\e5cf';
            display: block;
            font-family: "Material Icons Outlined";
            font-size: 1em;
            line-height: 1em;
            margin: -.5em 0 0 0;
            position: absolute;
            right: 1.11em;
            top: 50%;
            transform-origin: center;
            transition: .25s;
        }

        .recently-viewed-trigger.expanded::after,
        .recently-viewed-trigger.expanded:after {
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
        }

    .recently-viewed-collapsible-info {
        margin: -40em 0 0 0;
    }

    .expanded .recently-viewed-collapsible-info {
        margin: 0 0 0 0;
    }

    .equipment-table-wrap {
        padding: 1.4em 0 0 0;
    }

        .equipment-table-wrap + .equipment-table-wrap {
            padding-top: .45em;
        }

    .support-info-wrap {
        padding: 1em 0;
    }

    .product-center .support-info-wrap {
        padding: 1em .8em;
    }

    .support-info {
        font-size: .8em;
    }
    /* FOOTER */
    .footer-wrap {
        border: none;
        padding: 0 .8em;
    }

    .footer-center {
        border-top: 1px solid #dfdfdf;
        flex-wrap: wrap;
        max-width: 28.4em;
        padding: 0;
    }

    .login .footer-center {
        border-color: #616161;
        max-width: 26.6em;
    }

    .footer-location-wrap {
        padding: .9em 0;
    }

    .footer-location {
        flex: 0 1 50%;
        font-size: .65em;
        line-height: 1.5em;
        padding: .4615em .5em .4615em 0;
    }

    .footer-copyright-wrap {
        font-size: .65em;
        justify-content: center;
        line-height: 1.54em;
        padding: 3em 0 2.2em 0;
        width: 100%;
    }

    .footer-copyright {
        text-align: center;
    }
    /* PRODUCT */
    .product-center {
        padding: 0;
    }

        .product-center .breadcrumbs {
            font-size: .65em;
            padding: 0 1.23em;
        }

    .company-information-block {
        padding: 1em .8em;
    }

    .info-block {
        font-size: .75em;
    }

    .product-information-block {
        padding: 1em .8em;
    }

    .request-access .product-information-block {
        padding: 1em 0;
    }

    .page-headline {
        font-size: 1.6em;
        line-height: 1.125em;
    }

    .page-subline {
        font-size: .9em;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .collapsible-section-wrap {
        padding: 1em 0;
    }

    .collapsible-section-trigger {
        font-size: 1.05em;
        padding: 1em .762em;
    }

        .collapsible-section-trigger::after,
        .collapsible-section-trigger:after {
            font-size: 1.2em;
            right: .4em;
        }

    .collapsible-section-content {
        padding: 0 .8em 0 1.6em;
    }

    .collapsible-section-item {
        flex-wrap: wrap;
        padding: 0 0 1.3em 0;
    }

        .collapsible-section-item + .collapsible-section-item {
            padding-top: 1.3em;
        }

    .collapsible-section-item-image {
        flex: 0 0 5em;
        height: 5em;
        width: 5em;
    }

    .collapsible-section-item-content {
        padding: 0 0 0 .9em;
        width: calc(100% - 5em);
    }

    .collapsible-section-item-text {
        font-size: .75em;
    }

    .collapsible-section-item-action-wrap {
        gap: .75em;
        justify-content: space-between;
        padding: .85em 0 0 0;
        width: 100%;
    }

    .collapsible-section-item-cta {
        flex: 1 1 auto;
        font-size: .65em;
        padding: .65em 1.2em;
    }

        .collapsible-section-item-cta.pdf::before,
        .collapsible-section-item-cta.pdf:before {
            margin: 0 .7em 0 0;
        }

    .collapsible-document-list {
        flex-wrap: wrap;
    }

    .collapsible-document-description {
        font-size: .75em;
        padding: 0;
        width: 100%;
    }

    .collapsible-document-list + .collapsible-document-list .collapsible-document-description {
        padding-top: 1.5em;
    }

    .collapsible-document-file-wrap {
        padding: .6em 0 1.2em 0;
    }

    .collapsible-document-file {
        font-size: .75em;
    }

    .collapsible-document-thumbnail {
        flex: 0 0 auto;
        height: 2.8em;
        margin: 0 1.13em 0 0;
        width: 2.8em;
    }

    .collapsible-document-name {
        word-break: break-word;
    }
    /* PDF */
    .pdf-viewer-info-bar {
        align-content: center;
        align-items: center;
        background: #fff;
        border: none;
        box-shadow: 0 .25em .9375em .25em rgba(0,0,0,.1);
        display: flex;
        justify-content: center;
        height: 4.25em;
        padding: .975em 3.75em;
    }

    .sidebarOpen .pdf-viewer-info-bar,
    .sidebarOpen + .pdf-viewer-info-bar,
    .sidebarOpen + #printContainer + .pdf-viewer-info-bar {
        padding: .975em 3.75em;
    }

    .pdf-viewer-logo-wrap {
        display: none;
        left: -100%;
        width: 100%;
    }

    .pdf-mobile-sidebar-title-wrap .pdf-viewer-logo-wrap {
        display: inline-block;
    }

    .pdf-mobile-sidebar-title-wrap {
        align-items: center;
        align-content: center;
        display: flex;
        justify-content: center;
        left: -100%;
        width: 100%;
    }

    .pdf-viewer-mobile-back {
        align-content: center;
        align-items: center;
        color: #5e6970;
        display: flex;
        font-size: 1em;
        height: 100%;
        justify-content: center;
        left: 0;
        line-height: 1em;
        pointer-events: all;
        position: absolute;
        text-align: center;
        text-decoration: none;
        top: 0;
        width: 3.75em;
    }

        .pdf-viewer-mobile-back .material-icons-outlined {
            font-size: 1.875em;
            line-height: 1em;
        }

    .pdf-breadcrumbs {
        display: none;
    }

    .pdf-title {
        color: #5e6970;
        font-size: .875em;
        line-height: 1.28em;
        max-height: 2.56em;
        overflow: hidden;
        padding: 0;
        text-align: center;
        text-overflow: unset;
        white-space: normal;
        width: 100%;
    }

        .pdf-title a {
            color: inherit;
            text-decoration: none;
        }

    .viewer #viewerContainer {
        padding: 2em 0 3.5em 0;
        top: 4.25em;
    }

    .viewer #toolbarViewerRight,
    html[dir="ltr"] .viewer #toolbarViewerRight {
        bottom: 1em;
        display: block;
        height: 2.5625em;
        left: 1em;
        margin: auto;
        max-width: 24.4em;
        padding: 0;
        pointer-events: none;
        position: fixed;
        right: 1em;
        top: auto;
        z-index: 99;
    }

    .html-viewer #toolbarViewerRight {
        display: none;
    }

    .viewer #toolbarViewerRight .toolbarButton,
    .viewer #toolbarViewerRight .toolbarButton:hover,
    .viewer #toolbarViewerRight .toolbarButton:focus {
        color: #fff;
        height: 2.5625em;
        pointer-events: all;
        width: 2.875em;
    }

        .viewer #toolbarViewerRight .toolbarButton.download {
            border-right: 1px solid #879299;
        }

    .viewer .toolbarButton.find::before,
    .viewer #viewFind.toolbarButton {
        border-right: 1px solid #879299;
        float: left;
    }

        .viewer .toolbarButton.download::before,
        .viewer .toolbarButton.find::before,
        .viewer #viewFind.toolbarButton::before {
            font-size: 1.3em;
        }

    .viewer .toolbarButton#sidebarToggle,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle:first-child,
    .viewer.user-home-page-body .toolbarButton#sidebarToggle {
        background: none;
        border-radius: 0;
        color: #5e6970;
        /* height: 4.25em; */
        height: 1.4em;
        left: auto;
        margin: 0;
        right: 0;
        top: 0;
        width: 1.4em;
        z-index: 102;
    }

        .viewer .toolbarButton#sidebarToggle:hover,
        .viewer .toolbarButton#sidebarToggle:focus-visible,
        html[dir="ltr"] .viewer .toolbarButton#sidebarToggle:hover,
        html[dir="ltr"] .viewer .toolbarButton#sidebarToggle:focus-visible,
        html[dir="ltr"] .viewer .toolbarButton#sidebarToggle:first-child:hover,
        html[dir="ltr"] .viewer .toolbarButton#sidebarToggle:first-child:focus-visible {
            background: none;
        }

        .viewer .toolbarButton#sidebarToggle.toggled,
        html[dir="ltr"] .viewer .toolbarButton#sidebarToggle.toggled,
        html[dir="ltr"] .viewer .toolbarButton#sidebarToggle.toggled:first-child,
        .viewer.user-home-page-body .toolbarButton#sidebarToggle.toggled {
            display: block;
            left: auto;
            right: 1.2em;
            top: 1.5em;
        }
        /*       .viewer .toolbarButton#sidebarToggle
            html[dir="ltr"] .viewer .toolbarButton#sidebarToggle
            html[dir="ltr"] .viewer .toolbarButton#sidebarToggle:first-child,
            .viewer.user-home-page-body .toolbarButton#sidebarToggle {
                display: block;
                left: auto;
                right: 1.8em;
                top: 1.5em;
            }*/

        .viewer .toolbarButton#sidebarToggle, html[dir="ltr"] .viewer .toolbarButton#sidebarToggle, html[dir="ltr"] .viewer .toolbarButton#sidebarToggle:first-child, .viewer.user-home-page-body .toolbarButton#sidebarToggle {
            display: block;
            left: auto;
            right: 1.2em;
            top: 1.5em;
        }

    .viewer .pdf-viewer-wrap .toolbarButton#sidebarToggle.toggled {
        color: #5e6970;
        /* color: #ffffff;*/
    }

    .viewer .toolbarButton#sidebarToggle::before,
    .viewer .toolbarButton#sidebarToggle:before {
        content: '\e5d2';
        left: 0;
        font-size: 1.6em;
        /* font-size: 1.5em;*/
    }

    .viewer .toolbarButton#sidebarToggle.toggled::before,
    .viewer .toolbarButton#sidebarToggle.toggled:before,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle.toggled::before,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle.toggled:before,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle.toggled:first-child:before,
    html[dir="ltr"] .viewer .toolbarButton#sidebarToggle.toggled:first-child::before {
        content: '\e5cd';
    }

    .viewer #sidebarContainer,
    html[dir="ltr"] .viewer #sidebarContainer {
        font-size: 1em;
        left: -100%;
        width: 100%;
    }

    html[dir="ltr"] .viewer #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
        left: 0;
    }

    .viewer #sidebarContent,
    html[dir="ltr"] .viewer #sidebarContent {
        height: calc(100vh - 4.25em);
        top: 4.25em;
    }

    .viewer .treeItem,
    html[dir="ltr"] .viewer .treeItem,
    html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem,
    .viewer .treeItem .treeItem,
    html[dir="ltr"] .viewer .treeItem .treeItem,
    html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem .treeItem,
    .viewer .treeItem .treeItem .treeItem,
    html[dir="ltr"] .viewer .treeItem .treeItem .treeItem,
    html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem .treeItem .treeItem {
        font-size: 1em;
    }

        .viewer .treeItem > a,
        html[dir="ltr"] .viewer .treeItem > a {
            font-size: 1.375em;
            padding: .6025em 2.4em .6025em 1em;
        }

        .viewer .treeItem .treeItem > a,
        html[dir="ltr"] .viewer .treeItem .treeItem > a {
            /*font-size: 1em;
                font-weight: 700;*/
            font-size: .9em;
            font-weight: 400;
            padding: .6255em 3.3em .6255em 2.6em;
        }

        .viewer .treeItem .treeItem .treeItem > a, html[dir="ltr"] .viewer .treeItem .treeItem .treeItem > a {
            padding: .625em 2.5em .625em 4.4em;
        }

        .viewer .treeItem::before,
        .viewer .treeItem:before,
        html[dir="ltr"] .viewer .treeItem::before,
        html[dir="ltr"] .viewer .treeItem:before,
        html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem::before,
        html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem:before {
            font-size: 1.375em;
            margin: 0 -1.9em 0 0;
            padding: .6025em 0;
        }

        .viewer .treeItem .treeItem::before,
        .viewer .treeItem .treeItem:before,
        html[dir="ltr"] .viewer .treeItem .treeItem::before,
        html[dir="ltr"] .viewer .treeItem .treeItem:before,
        html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem .treeItem::before,
        html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem .treeItem:before {
            font-size: 1em;
            font-weight: 700;
            padding: .6255em 0;
        }

        .viewer .treeItem .treeItem .treeItem::before,
        .viewer .treeItem .treeItem .treeItem:before,
        html[dir="ltr"] .viewer .treeItem .treeItem .treeItem::before,
        html[dir="ltr"] .viewer .treeItem .treeItem .treeItem:before,
        html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem .treeItem .treeItem::before,
        html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem .treeItem .treeItem:before {
            left: 2.75em;
            padding: .625em 0;
        }

    .viewer .treeItemToggler,
    html[dir="ltr"] .viewer .treeItemToggler {
        font-size: 1.375em;
        height: 2.45em;
        right: 0;
        width: 2em;
    }

    .viewer .treeItem .treeItem .treeItemToggler,
    html[dir="ltr"] .viewer .treeItem .treeItem .treeItemToggler {
        font-size: 1.375em;
        height: 1.818em;
    }

    .viewer .treeItem .treeItem,
    html[dir="ltr"] .viewer .treeItem .treeItem,
    html[dir="ltr"] .viewer .treeWithDeepNesting > .treeItem .treeItem {
        border-color: #707070;
    }

    .viewer #toolbarViewerMiddle .toolbarButton {
        border-left: 1px solid #879299;
        display: block;
        height: 2.523em;
        position: absolute;
        right: 0;
        width: 2.875em;
    }

        .viewer #toolbarViewerMiddle .toolbarButton.zoomOut {
            right: 2.875em;
        }

    .splitToolbarButtonLabel {
        display: none;
    }

    .splitToolbarPageWrap {
        border: none;
        padding: 0;
        right: 0;
    }

    .viewer #toolbarViewerMiddle {
        bottom: 1.23em;
        left: 1.3em;
        max-width: 30em;
        padding: 0;
        right: 1.3em;
        text-align: center;
    }

    .viewer #toolbarViewerMiddle {
        font-size: .8125em;
        z-index: 98;
    }

        .viewer #toolbarViewerMiddle .splitToolbarButton {
            float: none;
            width: 100%;
        }

    .viewer .splitToolbarPageLabel {
        margin: .58em 0;
    }

    .viewer .toolbarField.pageNumber {
        margin: .58em 0;
    }

    .viewer #numPages.toolbarLabel, html[dir="ltr"] .viewer #numPages.toolbarLabel {
        padding: .98em 0;
    }

    html[dir="ltr"] .viewer .findbar {
        left: 0;
        right: 0;
        top: 5.4em;
    }

    html[dir="ltr"] .viewer .doorHanger:before,
    html[dir="rtl"] .viewer .doorHangerRight:before,
    html[dir="ltr"] .viewer .doorHanger:after,
    html[dir="rtl"] .viewer .doorHangerRight:after {
        display: none;
    }
    /*Request Access Screens*/
    .request-access {
        flex: auto;
    }

    .header-page-title {
        font-size: 1.5em;
    }

    .request-access-footer-padding {
        padding-bottom: 5em;
    }

    .request-access-wrapper .wid-50 {
        width: 100%;
    }

    .request-access-wrapper .login-form-row {
        flex-wrap: wrap;
    }

    .xml-document-wrap {
        overflow: hidden;
        padding: 0 2em 2em 2em;
    }

    .xml-document-logo {
        height: 5.5em;
        margin: 0 0 -1px 0;
        padding: 1em 1em 0 0;
        width: 12em;
    }

    .xml-document-wrap p,
    .xml-document-wrap li {
        font-size: 1em;
    }

        .xml-document-wrap p.title {
            font-size: 2em;
        }

    .xml-document-wrap .section p.title {
        font-size: 1.1em;
    }

    .xml-document-wrap .caution::before,
    .xml-document-wrap .caution:before,
    .xml-document-wrap .important::before,
    .xml-document-wrap .important:before,
    .xml-document-wrap .notice::before,
    .xml-document-wrap .notice:before {
        font-size: 1em;
    }

    .xml-document-wrap .caution::after,
    .xml-document-wrap .caution:after,
    .xml-document-wrap .important::after,
    .xml-document-wrap .important:after,
    .xml-document-wrap .notice::after,
    .xml-document-wrap .notice:after {
        font-size: 2.25em;
        left: -1.2em;
    }
    /* LOGIN */
    .login-page-wrap {
        padding: 7em 0 15em 0;
    }

    .login-logo-wrap {
        padding: 2em;
    }

    .login-logo {
        height: 3em;
    }

    .login-form-wrap {
        padding: 2em .8em 4em .8em;
    }


    /*LANGUAGE */
    .language-nice-select.nice-select:before,
    .language-nice-select.nice-select::before {
        border: 0;
        content: url(../images/language.png);
        height: 25px;
        /*        position: absolute;
        right: 50%;
        top: 0;
        transform: translateX(-50%)rotate(0);
        -webkit-transform: translateX(-50%)rotate(0);
        -ms-transform: translateX(-50%)rotate(0);
        transform: translateX(-50%)rotate(0);*/
    }

    .language-nice-select.nice-select {
        margin-top: 0;
        padding: 0;
        right: 0;
        width: 1.8em;
        top: 0.09em;
    }

        .language-nice-select.nice-select:after,
        .language-nice-select.nice-select::after {
            display: none;
        }


    .language-nice-select .current {
        display: none;
    }

    .language-nice-select.nice-select .list {
        /* box-shadow: 0 0.1em 0.8em rgba(0,0,0,.1) !important; */
        height: 50vh;
        left: auto;
        max-width: 100vw;
        right: 0em;
        top: 2.6em;
        width: 16.4em;
    }

    .language-nice-select.nice-select .option {
        padding-left: 13px;
    }

    .best-viewed-wrap {
        margin: 1em 0 -.75em 0;
    }
    /* Resize-toggle-button*/

    .viewer.user-home-page-body .toolbarButton#sidebarToggle.button-resize {
        height: 4.45em;
    }

    .quotelistwrap {
        right: 10px;
    }

    .html-viewer .navigation-logo-wrap.navigation-home-wrap {
        left: 0.7em;
    }

    .sidebarOpen .pdf-viewer-info-bar, .sidebarOpen #printContainer + .pdf-viewer-info-bar, .sidebarOpen + #printContainer + .pdf-viewer-info-bar {
        padding-left: 22.25em;
    }

    .pdf-viewer-info-bar {
        z-index: 101;
    }
    .folder-view-wrap .product-information-block .admin-page-headline .admin-page-heading {
        font-size: 1.75em;
    }
}


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

        /* MAIN */
        .customer-info-wrap {
            flex-wrap: wrap;
            gap: 0;
        }

        .customer-info-name {
            width: 100%;
        }

        .customer-info-id {
            text-align: left;
            width: 100%;
        }

            .customer-info-id br {
                display: none;
            }

        .equipment-table-link {
            padding: .775em 2em .775em 0;
        }
        /* FOOTER */
        .login .footer-wrap {
            position: relative;
        }

        .login .footer-center {
            max-width: 23.4em;
        }
        /* LOGIN */
        .login-logo-wrap {
            padding: 1.85em;
        }

        .login-logo {
            height: 2.65em;
        }

        .login-page-wrap {
            min-height: 0;
            padding: 6.35em 0 0 0;
        }

        .login-form-wrap {
            max-width: 25em;
            padding: 3em .8em 4em .8em;
        }

        .login-form-row {
            flex-wrap: wrap;
        }

        .login-form-title {
            font-size: .8em;
        }

        .login-label,
        .login-input {
            font-size: .75em;
        }

        .no-js .login-label,
        .has-value .login-label,
        .input-focused .login-label {
            padding: 1.2em 1.62em;
        }

        .login-submit {
            width: 100%;
        }

        .login-form-cancel {
            min-width: 0;
            padding: .75em 0;
        }

        .login-form-cell-links {
            align-content: center;
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 0 1.5em;
            justify-content: space-between;
            padding-top: 1.5em;
        }

        .login-form-link {
            font-size: .65em;
        }

        .request-access-wrapper .login-label {
            padding: 1.3em 1.1875em;
        }

        .request-access-wrapper {
            padding: 0 0 2em 0;
        }
        /* VIEWER */
        .xml-document-wrap {
            padding: 0 1em 1em 1em;
        }

        .xml-document-logo {
            height: 4em;
            width: 8em;
        }

        .xml-document-wrap p,
        .xml-document-wrap li {
            font-size: .8em;
        }

            .xml-document-wrap li p {
                font-size: 1em;
            }

            .xml-document-wrap p.title {
                font-size: 1.75em;
            }

        .xml-document-wrap .section p.title {
            font-size: 1.75em;
        }

        .xml-document-wrap .section .section p.title {
            font-size: 1.1em;
        }

        .xml-document-wrap .section {
            padding: 0 0 0 0;
        }

        .xml-document-wrap th,
        .xml-document-wrap td {
            font-size: .8em;
        }

            .xml-document-wrap th p,
            .xml-document-wrap td p {
                font-size: 1em;
            }

        .xml-document-wrap .caution::before,
        .xml-document-wrap .caution:before,
        .xml-document-wrap .important::before,
        .xml-document-wrap .important:before,
        .xml-document-wrap .notice::before,
        .xml-document-wrap .notice:before {
            font-size: .8em;
        }

        .xml-document-wrap .caution::after,
        .xml-document-wrap .caution:after,
        .xml-document-wrap .important::after,
        .xml-document-wrap .important:after,
        .xml-document-wrap .notice::after,
        .xml-document-wrap .notice:after {
            font-size: 1.75em;
        }


        .viewer .toolbarButton#sidebarToggle, .viewer.user-home-page-body .toolbarButton#sidebarToggle {
            /* height: 4.25em; */
            height: 1.35em;
        }
            /* Resize-toggle-button*/

            .viewer.user-home-page-body .toolbarButton#sidebarToggle.button-resize {
                height: 3.45em;
            }

        .full-column {
            max-width: 100%;
        }
        .wenger-visit-loaction {
            display:none;
        }
    }

    @media screen and (max-width: 500px) {
        .quotelistwrap {
            right: 0;
            /* left: 0; */
            max-width: 100%;
        }
    }

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

        .account-action-image {
            height: 1.2em;
            width: 1.2em;
        }

        .collapse-sidebar {
            margin: 0;
        }

        .language-nice-select.nice-select {
            width: 21.7px;
        }

        .dropdown-wrapper {
            gap: 0.8em;
        }
    }