/* Start:/local/components/sika/brochure.list/templates/.default/style.css?175673319020444*/
@font-face {
    font-family:Material Design Icons;
    /*src:*/
    /*        url(/local/components/sika/brochure.list/templates/.default/../../../materialdesignicons-webfont.eot?v=3.9.97);*/
    src:
            /*url(/local/components/sika/brochure.list/templates/.default/../../../materialdesignicons-webfont.eot?#iefix&v=3.9.97) format("embedded-opentype"),*/
    url(/local/components/sika/brochure.list/templates/.default/fonts/materialdesignicons-webfont.woff2?v=3.9.97) format("woff2"),
    url(/local/components/sika/brochure.list/templates/.default/fonts/materialdesignicons-webfont.woff?v=3.9.97) format("woff"),
    url(/local/components/sika/brochure.list/templates/.default/fonts/materialdesignicons-webfont.ttf?v=3.9.97) format("truetype");
    font-weight:400;
    font-style:normal
}

.cmp-list-view-extended__content__action a
{
    margin: 0 5px;
}

.downloads
{
    text-align: left;
}

.small-image
{
    max-width: 100px;
}

.downloads summary:hover {
    /*background-color: #ffc510;*/
    /*background-color: var(--primary);*/
}

#brochures .downloads summary::after
{
    width: 24px;
    height: 24px;
    font-weight: 700;
    font: 24px/1 Material Design Icons;
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    transform: none;
    transition: none;
    border:none;
}

#brochures details[open].downloads summary::after
{
    width: 1.3125rem;
    height: 1.3125rem;
    font-weight: 700;
    font: 24px/1 Material Design Icons;
    content: "";
    transform: none;
    transition: none;
    border:none;
}


.cmp-icon:before,
.cmp-icon-set {
    display:inline-block;
    font: 24px/1 Material Design Icons;
    font-size:inherit;
    text-rendering:auto;
    line-height:inherit;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.downloads .cmp-icon-download::before
{
    font: 24px/1 Material Design Icons !important;
    content: "" !important;
}

.download-bar .cmp-icon-download::before
{
    font: 14px/1 Material Design Icons !important;
    content: "" !important;
}

.cmp-icon-account:before {
    content:""
}
.cmp-icon-account-search:before {
    content:""
}
.cmp-icon-account-multiple:before {
    content:""
}
.cmp-icon-adjust:before {
    content:""
}
.cmp-icon-alert:before {
    content:""
}
.cmp-icon-arrow-down:before {
    content:""
}
.cmp-icon-arrow-down-bold:before {
    content:""
}
.cmp-icon-arrow-expand:before {
    content:""
}
.cmp-icon-arrow-left:before {
    content:""
}
.cmp-icon-arrow-left-bold:before {
    content:""
}
.cmp-icon-arrow-right:before {
    content:""
}
.cmp-icon-arrow-right-bold:before {
    content:""
}
.cmp-icon-arrow-top-right:before {
    content:""
}
.cmp-icon-arrow-top-right-thick:before {
    content:"暈"
}
.cmp-icon-arrow-right-thick:before {
    content:""
}
.cmp-icon-arrow-left-thick:before {
    content:""
}
.cmp-icon-arrow-up:before {
    content:""
}
.cmp-icon-arrow-up-bold:before {
    content:""
}
.cmp-icon-arrow-bottom-right-thick:before {
    content:"惡"
}
.cmp-icon-arrow-bottom-right:before {
    content:""
}
.cmp-icon-book-open-page-variant:before {
    content:""
}
.cmp-icon-bookmark-plus-outline:before {
    content:""
}
.cmp-icon-briefcase:before {
    content:""
}
.cmp-icon-calculator:before {
    content:""
}
.cmp-icon-calendar-blank:before {
    content:""
}
.cmp-icon-cart:before {
    content:""
}
.cmp-icon-cart-outline:before {
    content:""
}
.cmp-icon-cart-minus:before {
    content:"﵄"
}
.cmp-icon-cart-plus:before {
    content:""
}
.cmp-icon-chevron-down:before {
    content:""
}
.cmp-icon-chevron-left:before {
    content:""
}
.cmp-icon-chevron-right:before {
    content:""
}
.cmp-icon-chevron-up:before {
    content:""
}
.cmp-icon-close:before {
    content:""
}
.cmp-icon-database-search:before {
    content:""
}
.cmp-icon-directions-car:before {
    content:""
}
.cmp-icon-download:before {
    content:""
}
.cmp-icon-earth:before {
    content:""
}
.cmp-icon-facebook:before {
    content:""
}
.cmp-icon-file:before {
    content:""
}
.cmp-icon-file-pdf:before {
    content:""
}
.cmp-icon-file-plus:before {
    content:""
}
.cmp-icon-file-remove:before {
    content:"ﭴ"
}
.cmp-icon-file-multiple:before {
    content:""
}
.cmp-icon-filter:before {
    content:""
}
.cmp-icon-filter-variant:before {
    content:""
}
.cmp-icon-get-app:before {
    content:"ﭫ"
}
.cmp-icon-heart-outline:before {
    content:""
}
.cmp-icon-home:before {
    content:""
}
.cmp-icon-information:before {
    content:""
}
.cmp-icon-information-outline:before {
    content:""
}
.cmp-icon-instagram:before {
    content:""
}
.cmp-icon-linkedin:before {
    content:""
}
.cmp-icon-login:before {
    content:""
}
.cmp-icon-menu:before {
    content:""
}
.cmp-icon-menu-up:before {
    content:""
}
.cmp-icon-menu-down:before {
    content:""
}
.cmp-icon-magnify:before {
    content:""
}
.cmp-icon-map-marker:before {
    content:""
}
.cmp-icon-minus:before {
    content:""
}
.cmp-icon-package-variant-closed:before {
    content:""
}
.cmp-icon-phone:before {
    content:""
}
.cmp-icon-play-circle-outline:before {
    content:""
}
.cmp-icon-plus:before {
    content:""
}
.cmp-icon-share-variant:before {
    content:""
}
.cmp-icon-store:before {
    content:""
}
.cmp-icon-thumb-up-outline:before {
    content:""
}
.cmp-icon-twitter:before {
    content:""
}
.cmp-icon-triangle:before {
    content:""
}
.cmp-icon-videocam:before {
    content:""
}
.cmp-icon-vk:before {
    content:""
}
.cmp-icon-youtube:before {
    content:""
}
.cmp-icon-check:before {
    content:""
}
.cmp-icon-alert-box:before {
    content:""
}
.cmp-icon-checkbox-marked:before {
    content:""
}
.cmp-icon-email:before {
    content:""
}
.cmp-icon-email-outline:before {
    content:""
}
.cmp-icon-open-in-new:before {
    content:""
}
.cmp-icon-basket:before {
    content:""
}
.cmp-icon-basket-fill:before {
    content:""
}
.cmp-icon-basket-unfill:before {
    content:""
}
.cmp-icon-star:before {
    content:""
}
.cmp-icon-star-outline:before {
    content:""
}
.cmp-icon-xing:before {
    content:""
}
.cmp-icon-wechat:before {
    content:""
}
.cmp-icon-weibo:before {
    content:"﫞"
}
.cmp-icon-whatsapp:before {
    content:""
}
.cmp-icon-telegram:before {
    content:""
}
.cmp-icon-blank:before {
    content:"";
    visibility:hidden
}
.cmp-icon-18px.cmp-icon-set,
.cmp-icon-18px.cmp-icon:before {
    font-size:18px
}
.cmp-icon-24px.cmp-icon-set,
.cmp-icon-24px.cmp-icon:before {
    font-size:24px
}
.cmp-icon-36px.cmp-icon-set,
.cmp-icon-36px.cmp-icon:before {
    font-size:36px
}
.cmp-icon-48px.cmp-icon-set,
.cmp-icon-48px.cmp-icon:before {
    font-size:48px
}
.cmp-icon-dark:before {
    color:#0000008a
}
.cmp-icon-dark.cmp-icon-inactive:before {
    color:#00000042
}
.cmp-icon-light:before {
    color:#fff
}
.cmp-icon-light.cmp-icon-inactive:before {
    color:#ffffff4d
}
.cmp-icon-rotate-45:before {
    transform:rotate(45deg)
}
.cmp-icon-rotate-90:before {
    transform:rotate(90deg)
}
.cmp-icon-rotate-135:before {
    transform:rotate(135deg)
}
.cmp-icon-rotate-180:before {
    transform:rotate(180deg)
}
.cmp-icon-rotate-225:before {
    transform:rotate(225deg)
}
.cmp-icon-rotate-270:before {
    transform:rotate(270deg)
}
.cmp-icon-rotate-315:before {
    transform:rotate(315deg)
}
.cmp-icon-spin:before {
    animation:cmp-icon-spin 2s infinite linear
}
@keyframes cmp-icon-spin {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(359deg)
    }
}
*[dir=rtl] .cmp-icon-arrow-left:before {
    content:""
}
*[dir=rtl] .cmp-icon-arrow-right:before {
    content:""
}
.cmp-icon,
.cmp-icon:hover {
    transition:color .3s ease-in
}

.downloads input[type=checkbox] {
    margin-right:30px;
    vertical-align: middle;
}
.cmp-custom-checkbox input[type=checkbox] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:20px;
    height:20px;
    background:#f5f5f5;
    border:2px solid #000000;
    cursor:pointer
}
.cmp-custom-checkbox input[type=checkbox]:checked,
.cmp-custom-checkbox input[type=checkbox]:indeterminate {
    background:var(--primary);
    border:2px solid var(--primary);
    position:relative
}
.cmp-custom-checkbox input[type=checkbox]:checked:after,
.cmp-custom-checkbox input[type=checkbox]:indeterminate:after {
    font-size:24px;
    width:24px;
    height:24px;
    font-weight:700;
    font-family:Material Design Icons;
    content:"";
    font-size:1.25rem;
    position:absolute;
    left:-1px;
    top:-4px;
    width:2px;
    height:2px
}
body.rtl .cmp-custom-checkbox input[type=checkbox]:checked:after,
body.rtl .cmp-custom-checkbox input[type=checkbox]:indeterminate:after {
    left:0;
    right:2px
}
.cmp-custom-checkbox input[type=checkbox]:indeterminate:after {
    content:"-";
    display:block;
    width:100%;
    height:100%;
    top:0;
    left:0;
    line-height:7px;
    text-align:center;
    font-size:2rem
}

.cmp-list-view {
    margin-bottom:1rem
}
.cmp-list-view__wrapper {
    font-size:1rem;
    display:flex;
    align-items:center
}
.cmp-list-view__wrapper .cmp-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.5rem
}
.cmp-list-view__content {
    display:flex;
    flex:100%;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    font-weight:700;
    line-height:normal;
    color:#000
}
.cmp-list-view__content__left {
    display:flex;
    flex:50;
    align-items:center;
    justify-content:flex-start
}
.cmp-list-view__content__left .cmp-icon {
    color:#3c3c3c
}
.cmp-list-view__content__left .cmp-icon:hover {
    color:#ffc510;
    color:var(--primary)
}
.cmp-list-view__content__right {
    display:flex;
    flex:50;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    margin-left:10px
}
@media print,screen and (min-width: 40em) {
    .cmp-list-view__content__right {
        flex-direction:row;
        justify-content:space-between;
        align-items:center
    }
}
.cmp-list-view__content__action {
    display:flex;
    flex-direction:row;
    margin-left:10px
}
.cmp-list-view__content__action .cart .addToDocumentCart {
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    outline:none;
    line-height:initial
}
.cmp-list-view__content__action .cart .addToDocumentCart .cmp-icon {
    transition:color .15s ease-in;
    color:#000
}
.cmp-list-view__content__action .cart .addToDocumentCart .cmp-icon:before {
    font-size:24px;
    width:24px;
    height:24px;
    font-weight:700;
    font-family:Material Design Icons;
    content:"";
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:inherit;
    font-weight:400
}
.cmp-list-view__content__action .cart .addToDocumentCart--active .cmp-icon:before {
    font-size:24px;
    width:24px;
    height:24px;
    font-weight:700;
    font-family:Material Design Icons;
    content:"ﭴ";
    color:#ffc510;
    color:var(--primary)
}
.cmp-list-view__content .cmp-icon:not(.cmp-icon-download) {
    display:none
}
@media print,screen and (min-width: 40em) {
    .cmp-list-view__content .cmp-icon:not(.cmp-icon-download) {
        display:block
    }
}
.cmp-list-view__content .download {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:10px
}
.cmp-list-view__title {
    overflow-wrap:break-word;
    flex:100%
}
@media print,screen and (min-width: 40em) {
    .cmp-list-view__title {
        margin-left:10px
    }
}
.cmp-list-view__type {
    justify-self:flex-start;
    overflow-wrap:break-word;
    font-weight:400;
    padding-bottom:10px
}
@media print,screen and (min-width: 40em) {
    .cmp-list-view__type {
        padding-bottom:0;
        flex:2
    }
}
.cmp-list-view__size {
    justify-self:flex-end;
    overflow-wrap:break-word;
    color:#616161;
    text-transform:uppercase;
    font-weight:400
}
@media print,screen and (min-width: 40em) {
    .cmp-list-view__size {
        flex:1
    }
}
.cmp-list-view>div {
    margin-bottom:5px;
    background-color:#f5f5f5;
    padding:1rem
}
.cmp-list-view>div:hover {
    background-color:#e0e0e0
}
.cmp-list-view>div:hover .cmp-icon-download {
    color:#ffc510;
    color:var(--primary)
}
.cmp-list-view--no-gap>div {
    background-color:transparent;
    padding:0
}
.cmp-list-view-extended .cmp-accordion__item--is-active .plus .expand:before {
    font-size:24px;
    width:24px;
    height:24px;
    font-weight:700;
    font-family:Material Design Icons;
    content:"";
    font-size:1.13125rem;
    font-weight:400;
    color:#ffc510;
    color:var(--primary)
}
.cmp-list-view-extended .cmp-accordion__item--is-active .cmp-accordion__title,
.cmp-list-view-extended .cmp-accordion__item--is-active .cmp-accordion__title:hover,
.cmp-list-view-extended .cmp-accordion__title:hover {
    background-color:#e0e0e0
}
.cmp-list-view-extended .cmp-accordion__title:hover .plus .expand {
    color:#000
}
.cmp-list-view-extended .cmp-accordion__title:hover .plus .expand:before {
    color:#ffc510;
    color:var(--primary)
}
.cmp-list-view-extended .cmp-accordion__title:before {
    content:"";
    display:none
}
.cmp-list-view-extended__wrapper {
    font-size:1rem;
    display:flex;
    align-items:center;
}
.cmp-list-view-extended__wrapper .cmp-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.5rem;
    color:#3c3c3c
}
.cmp-list-view-extended__wrapper .cmp-icon:hover {
    color:#ffc510;
    -moz-columns:var(--primary);
    columns:var(--primary)
}
.cmp-list-view-extended__content {
    display:flex;
    flex-direction:column;
    flex:100%;
    justify-content:space-between;
    color:#000;
    font-weight:700;
    line-height:normal
}
@media print,screen and (min-width: 40em) {
    .cmp-list-view-extended__content {
        flex-direction:row;
        /*align-items:center;*/
    }
}
.cmp-list-view-extended__content__left {
    /*display:flex;*/
    /*flex:50;*/
    /*align-items:center;*/
    /*justify-content:flex-start*/
}
.cmp-list-view-extended__content__right {
    /*display:flex;*/
    /*flex:50;*/
    /*flex-direction:column;*/
    /*justify-content:flex-start;*/
    /*margin-top:5px*/
}
@media print,screen and (min-width: 40em) {
    .cmp-list-view-extended__content__right {
        flex-direction:row;
        justify-content:space-between;
        /*align-items:center;*/
        /*margin-left:10px;*/
        margin-top:0
    }
}
.cmp-list-view-extended__content__action {
    display:flex;
    flex-direction:row;
    margin:0 10px
}
.cmp-list-view-extended__content__action .downloadi {
    display:flex;
    align-items:center;
    justify-content:center
}
.cmp-list-view-extended__content__action .cart {
    margin-left:10px
}
.cmp-list-view-extended__content__action .cart .addToDocumentCart {
    cursor:pointer;
    outline:none
}
.cmp-list-view-extended__content__action .cart .addToDocumentCart .cmp-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    transition:color .15s ease-in
}
.cmp-list-view-extended__content__action .cart .addToDocumentCart .cmp-icon:before {
    font-size:24px;
    width:24px;
    height:24px;
    font-weight:700;
    font-family:Material Design Icons;
    content:"";
    font-weight:400
}
.cmp-list-view-extended__content__action .cart .addToDocumentCart--active .cmp-icon:before {
    font-size:24px;
    width:24px;
    height:24px;
    font-weight:700;
    font-family:Material Design Icons;
    content:"ﭴ";
    color:#ffc510;
    color:var(--primary);
    font-weight:400
}
.cmp-list-view-extended__content__action .plus {
    margin-left:10px
}
.cmp-list-view-extended__content__action .plus .expand {
    outline:none;
    cursor:pointer;
    color:#000
}
.cmp-list-view-extended__content__action .plus .expand:before {
    font-size:24px;
    width:24px;
    height:24px;
    font-weight:700;
    font-family:Material Design Icons;
    content:"";
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.13125rem;
    font-weight:400
}
.cmp-list-view-extended__content .cmp-icon:not(.cmp-icon-download) {
    display:none
}
@media print,screen and (min-width: 40em) {
    .cmp-list-view-extended__content .cmp-icon:not(.cmp-icon-download) {
        display:block
    }
}
.cmp-list-view-extended__title {
    overflow-wrap:break-word
}
@media print,screen and (min-width: 40em) {
    .cmp-list-view-extended__title {
        /*margin-left:10px*/
    }
}
.cmp-list-view-extended__type {
    justify-self:flex-start;
    overflow-wrap:break-word;
    font-weight:400
}
@media print,screen and (min-width: 40em) {
    .cmp-list-view-extended__type {
        padding-bottom:0;
        flex:2
    }
}
.cmp-list-view-extended__size {
    justify-self:flex-end;
    overflow-wrap:break-word;
    color:#616161;
    text-transform:uppercase;
    font-weight:400
}
@media print,screen and (min-width: 40em) {
    .cmp-list-view-extended__size {
        flex:1
    }
}
.cmp-list-view-extended__ac-content {
    display:flex;
    color:#000;
    width:100%;
    font-weight:700;
    align-items:flex-start;
    padding-left:20px
}
@media print,screen and (min-width: 64em) {
    .cmp-list-view-extended__ac-content {
        padding-left:40px
    }
}
@media print,screen and (min-width: 64em) {
    .cmp-list-view-extended__ac-content .image {
        flex:100
    }
}
.cmp-list-view-extended__ac-content .image img {
    max-width:50px
}
@media print,screen and (min-width: 64em) {
    .cmp-list-view-extended__ac-content .image img {
        max-width:100px
    }
}
.cmp-list-view-extended__ac-content .description {
    width:100%;
    margin-left:10px
}
@media print,screen and (min-width: 40em) {
    .cmp-list-view-extended__ac-content .description {
        margin-left:20px
    }
}
.cmp-list-view-extended__ac-content .description>div {
    width:100%;
    font-weight:400
}
@media print,screen and (min-width: 64em) {
    .cmp-list-view-extended__ac-content .description>div {
        width:76%
    }
}

.cmp-document-cart-bar {
    width:100%;
    background-color:#e0e0e0;
    padding:20px;
    margin:20px 0;
    transition:opacity .15s ease-in
}
@media print,screen and (min-width: 64em) {
    .cmp-document-cart-bar {
        display:flex;
        flex-wrap:wrap;
        flex-direction:row
    }
}
.cmp-document-cart-bar button {
    cursor:pointer;
    transition:color .15s ease-in;
    outline:none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1;
}
.cmp-document-cart-bar button:hover:enabled,
.cmp-document-cart-bar button:hover:enabled .cmp-icon {
    color:#ffc510;
    color:var(--primary)
}
.cmp-document-cart-bar__multiple-file-actions {
    display:flex;
    flex-direction:column;
    align-items:flex-start
}
@media print,screen and (min-width: 600px) {
    .cmp-document-cart-bar__multiple-file-actions {
        /*display:block*/
        flex-direction: row;
        gap: 20px;
    }
}
.cmp-document-cart-bar__warning {
    display:block;
    width:100%;
    margin:5px 20px 0;
    color:#616161
}
.cmp-document-cart-bar__error {
    display:block;
    width:100%;
    margin:5px 20px 0;
    color:#ff3939
}
/* End */
/* /local/components/sika/brochure.list/templates/.default/style.css?175673319020444 */