/* --- DEBUG ----------------------------- */
.pp_developer,
.label.developer{
    color: #6bb333;
    font-size: 10px
}
.pp_developer-wrap{
    border-left: 2px solid #6bb333;
    display: block;
    padding-left: 5px;
    word-break: break-all;
    font-size: 10px
}
/*
div[class^='col-'], div[class*=' col-']{
border: 1px solid #ff0017
}
.container {
border: 1px solid blue;
border-width: 0 1px
}*/
/* --- TYPO ----------------------------- */
/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('fonts/roboto-v27-latin-regular.woff2') format('woff2'),
    url('fonts/roboto-v27-latin-regular.woff') format('woff')
}
/* roboto-900 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local(''),
    url('fonts/roboto-v27-latin-900.woff2') format('woff2'),
    url('fonts/roboto-v27-latin-900.woff') format('woff')
}
/* anton-regular - latin */
@font-face {
    font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('fonts/anton-v15-latin-regular.woff2') format('woff2'),
    url('fonts/anton-v15-latin-regular.woff') format('woff')
}
.btn-link:hover,
a:hover,
.page-link:hover,
.details-pager-link,
.details-action-links a,
.requestlist-menu>a i,
.minibasket-menu>a i,
.header .navbar .nav-item .dropdown-link,
.header .navbar .nav-link {
    color: #280e3b
}
.header .navbar .nav-item{
    font-weight: normal;
    padding: 5px 15px
}
.refineParams .page-link{
    border-color: transparent
}
.refineParams .page-item.active .page-link {
    font-weight: bold;
    background: transparent;
    color: orange;
    border: 1px solid transparent
}
.refineParams .filter-link {
    display: block;
    padding :0
}
.refineParams .pagination,
.refineParams .list-inline{
    margin: 0
}
.refineParams .page-link{
    padding: 0 5px
}
.refineParams .list-inline-item {
    margin-right: 2px
}
.refineParams .list-inline-item.totalCount{
    margin-right: 10px
}
.refineParamsGlobal{
    margin-bottom: 25px
}

.refineParamsGlobal #fl_cat .fl_filter_title{
    display: none
}
.refineParamsGlobal ul,
.refineParamsGlobal #fl_cat li{
    list-style: none;
    margin: 0;
    padding: 0
}
.refineParamsGlobal .fl_name_box{
    border: 1px solid #e7e7e7;
    background: #e7e7e7;
    float: left;
    margin: 5px;
    padding: 5px
}
.filter-item.active,
.filter-item.selected,
.filter-item:hover{
    background-color: #280e3b
}
.filter-list.expand-opened{padding-top:20px}
.req-note{
    display: block;
    margin-bottom: 15px
}
#filterWrap{
    border: 1px solid rgba(0,0,0,.125);
    float: left;
    width: 100%;
    border-width: 1px 0;
}
body, *{
    font-family: 'Roboto', sans-serif
}
body{
    color: #280e3b
}
@media (min-width: 992px){
    .header .navbar .nav-item .dropdown-item.active,
    .header .navbar .nav-item .dropdown-item:focus,
    .header .navbar .nav-item .dropdown-item:hover {
        background-color: #280e3b;
    }
}
/* --- BUTTONS ----------------------------- */
.btn{
    border-radius: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    transition: background-color .3s;
    overflow: hidden
}
.btn.btn-sm.btn-warning.edit-button{
    background-color: #280e3b;
    border: 1px solid #675775
}
.btn-info,
.btn-primary,
.btn-outline-primary:hover{
    color: #fff;
    background-color: #280e3b;
    border-color: #280e3b
}
.btn-secondary {
    color: #280e3b;
    background-color: #fff;
    border-color: #280e3b;
    font-weight: 200
}
.btn-outline-primary:hover,
.account-menu .list-group-item.active:focus,
.account-menu .list-group-item.active:hover{
    background: #675775
}
.btn.removeButton{
    max-width: 48px;
    width: 48px
}
.btn.removeButton.btn-text{
    background: transparent;
    border: 0;
    color: #280e3b;
    max-width: none;
    width: auto;
    font-size: 12px
}
.line-view .productData-inner{
    height: 100%;
}
.line-view .btn.removeButton.btn-text{
    padding: 0;
    margin-bottom: 5px
}
.line-view .amountToRequestlist{
    display: none
}
.cmsPage .productBox .tobasket-input-group .input-group-append,
.details-info .torequestlist-input-group .input-group-append,
.line-view .torequestlist-input-group .input-group-append,
.line-view .tobasket-input-group .input-group-append{
    width: 100%
}
.btn-light{
    background: #FFF;
    color: #333333;
    border: 1px solid transparent;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}
.btn-light:hover{
    color: #333 !important;
    border: 1px solid #e7e7e7!important
}
.btn-blank{
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin: 0;
    border: 0
}
.btn-blank:hover{
    background-color: transparent!important;
    border: 1px solid transparent!important;
    color: #280e3b!important;
}
.btn-link{
    background: transparent;
    box-shadow: none
}
input.disabled,
input:disabled{
    cursor: not-allowed
}
.btn.btn-fnc-request{
    width: 100%
}
.btn-primary.disabled,
.btn-primary:disabled{
    background-color: #aaa;
    border-color: #aaa;
    cursor: not-allowed
}
.btn-blue{
    background: #280e3b;
    color: #FFF
}
.btn:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary:hover {
    color: #fff;
    background-color: #675775;
    border-color: #373583
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn-outline-primary{
    color: #373583;
    border-color: #ced4da
}
.btn-default{
    border: 1px solid #ced4da;
    background: #FFF
}
.btn-text{
    box-shadow: none;
    background: transparent;
    text-overflow: clip;
    text-overflow: ellipsis;
    text-overflow: "…"
}
.btn-text:hover{
    background-color: #280e3b;
    color: #FFF
}
.btn-fnc{

}
.btn-fnc.btn-fnc-text{
    border: 0;
    box-shadow: none;
    font-size: 12px
}
.btn-fnc.btn-fnc-text:hover{
    color: #280e3b
}
.fnc-to-product{
    color: #373583;
    display: block
}
button.btn,
.btn.btn-primary,
.btn.btn-default{
    position: relative
}
.btn-success {
    color: #fff;
    background-color: #28a745!important;
    border-color: #28a745!important
}
/* button + icon */
.btn-labeled {
    padding-top: 0;
    padding-bottom: 0
}
.btn-label {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0,0,0,0.15);
    border-radius: 3px 0 0 3px
}
/*  Ripple */
.ripple {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #280e3b;
    transform: scale(0);
    position: absolute;
    opacity: 1
}
.rippleEffect {
    animation: rippleDrop .6s linear
}

@keyframes rippleDrop {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}
/* --- LOGIC ----------------------------- */
/* --- stock status ----------------------------- */
.stockFlag{
    font-size: 12px
}
.stockFlag.stockStatus_1,
.stockFlag.stockStatus_5{
    color: darkseagreen!important
}
.stockFlag.stockStatus_2{
    color: gold!important
}
.stockFlag.stockStatus_7{
    color: orange!important
}
.stockFlag.stockStatus_3,
.stockFlag.stockStatus_4,
.stockFlag.stockStatus_6,
.stockFlag.stockStatus_8{
    color: darkgrey!important
}
.stockFlag .stockStatus,
.stockFlag .stockDelivery{
    display: block
}
.stockFlag.stockStatus_9{
    color: deepskyblue;
}
.stockFlag.stockStatus_9 .show-tooltip{
    text-decoration: underline;
}
.stockStatus_9_info{
    margin-bottom: 15px;
    display: block;
}
.stockStatus_9 .stockStatus{
    color: #280e3b;
    margin-top: 5px;
}
/* --- pseudo variants ----------------------------- */
.tobasket-input-group{
    margin-bottom: 5px;
    justify-content: flex-end
}
@media (min-width: 768px) {
    .details .tobasket-input-group {
        width: inherit;
    }
}
/* --- TEMPLATE ----------------------------- */
/* header */
.tax-switch-menu{
    margin-top: 10px
}
#header-wrap.sticked {
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
#header-wrap.sticked h1{
    font-size: 14px
}
#header-wrap.sticked #stickyContent{
    padding-top:0!important
}
#header-wrap.sticked .header-box{
    padding:0
}

@media (min-width: 992px) {
    .header-box {
        padding: 15px 0;
    }
}
.header-box{padding: 10px 0}
/* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
@media screen and (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}
body.cl-details .widget_container_overlay_list{
    display: none;
}
.widget_container_overlay_list *{
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s
}
@media screen and (max-width: 1024px)  {
    .widget_container_overlay_list {
        display: none!important;
    }
}
.details-col-left iframe[title=Trustami]{
    max-width: 100px;
    max-height: 100px;
}
.details-col-left .widget_container_badge{
    float: right;
}
.details-col-left{
    height: fit-content;
}
.details-col-middle{
    height: fit-content;
}
.details-col-left-bottom{
    height: fit-content;
}
iframe[title=Trustami]{
    bottom: 125px!important
}
@keyframes fadein {
    from { opacity: 0}
    to   { opacity: 1}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0}
    to   { opacity: 1}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0}
    to   { opacity: 1}
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0}
    to   { opacity: 1}
}

.toTop-wrapper{
    position: fixed;
    bottom: 0;
    right: 115px;
    margin-left: auto;
    height: 50px;
    width: 50px;
    margin-right: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.toTop-wrapper:hover{
    bottom: 0
}
.toTop-wrapper .toTop{
    display: inline-block;
    text-decoration: none;
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
    width: 3rem;
    height: 3rem
}
@media (min-width: 992px) {
    /* change max width back to 970px if trouble */
    .container {
        max-width: 1250px;
    }
}
/* --- home  ----------------------------- */
.slick-prev:before, .slick-next:before{
    color: #280e3b!important;
}
#detailsRelated .slick-next,
body.cl-start .slick-next{right: 25px; z-index: 99}
#detailsRelated .slick-prev,
body.cl-start .slick-prev{left: -10px; z-index: 99}

.slick-slide {
    height: 100%;
}
.slick-slider div {
    transition: none;
}
/*#relProducts .line-view.slick-slider .functions{
    position: relative;
}
#relProducts .line-view.slick-slider .btn.btn-fnc-request{
    position: absolute;
    bottom: 0;
}*/
#relProducts .line-view.slider-view .productData-wrap,
#relProducts .line-view.slider-view .productData form{
    border-bottom:0!important;
}
.header .logo-link{
    padding: 0 0 5px 0
}
#carousel-wrap{
    position: relative
}
.carousel-control-prev:before,
.carousel-control-next:before{
    font-family: 'Font Awesome 5 Duotone',sans-serif!important;
    color: #280e3b!important;
    font-size: 2rem
}
.carousel-control-prev:before {
    content: "\f32a"
}
.carousel-control-prev {
    left: -25px
}
.carousel-control-next {
    right: -25px
}
.carousel-control-next:before {
    content: "\f32b"
}
.carousel-indicators{
    position: relative;
    margin-top: 20px
}
.carousel-indicators .active {
    background-color: #280e3b
}
.carousel-indicators li{
    background-color: #e7e7e7
}
.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    background: #280e3b
}
.carousel-caption{
    display: none!important
}
.carousel-inner {
    border: 1px solid #e7e7e7
}
/* --- details  ----------------------------- */
#anc-breadcrumb{
    line-height: 0px;
    height: 0px;
    display: block;
    margin: 0;
}
#loading.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 9999;
}
#loading .wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
}
#loading .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: auto
}
.details-information{
    padding: 5px 10px 5px;
    margin-bottom: 15px;
    margin-top: 20px;
    border: 1px solid #eee
}
.details-information.active-variant{
    background:#f0f0f0
}
.details-information.condition-1{
    border-left: 5px solid darkseagreen
}
.details-information.condition-4{
    border-left: 5px solid deepskyblue
}
#variant-selector *:hover{
    cursor:pointer;
    background: #f0f0f0
}
.condition-4 .variant-selector input[type="radio"] + label:before{
    color: deepskyblue
}
.condition-1 .variant-selector input[type="radio"] + label:before{
    color: darkseagreen
}
.form-check.variant-selector {
    padding-left: 1.5rem
}
.variant-selector.variant-selector-new input[type=radio]{
    accent-color: darkseagreen;
    transform: scale(1.5);
}
.variant-selector.variant-selector-ref input[type=radio]{
    accent-color: deepskyblue;
    transform: scale(1.5);
}
.note-invoice{
    text-align: center;
    padding: 5px;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
}
@media (min-width:1200px) and (max-width:1295px) {
    .note-invoice {
        clear: both;
        width: 100%;
        margin-top: 10px;
    }
}
#detailsMain .nav-tabs{
    background: #dee2e6;
    position: sticky;
    top: 0;
    z-index: 99;
}
#detailsMain .nav-tabs .nav-link {
    border-radius: 0;
    border-width: 0 1px;
    border-color: #FFF;
}
#detailsMain .tab-content{
    padding:15px!important
}
#detailsMain .nav-item.nav-link.active {
    border-top: 1px solid #280e3b!important;
    border: 1px solid #dee2e6;
    font-weight: bold;
    border-width: 1px 1px 0 1px;
}
#detailsMain .del-calc{
    display: inline-block
}
#detailsMain .del-calc .del-calc-info,
#detailsMain .del-calc .del-calc-price{
    display: inline-block
}
#detailsMain #del-calc-country-EU,
#detailsMain #del-calc-country-RW{
    display: inline-block;
    width: 100%
}
#detailsMain table[id^=del-calc-table]{
    font-size: 12px
}
#detailsMain table[id^=del-calc-table].table thead th{
    border:0!important;
    border-bottom: 1px solid #dee2e6!important;
    padding: 0 0 5px;
}
#detailsMain .warranty-wrap *{
    color: seagreen
}
#boxwrapper_alsoBought,
#boxwrapper_similar,
#relProducts{
    margin-top: 25px
}
#refProducts .productData{
    padding: 15px
}
#refProducts h2 small{
    color: #aaa;
    font-size: 12px
}
#alsoBought .grid-view div[class^="col-"],
#refProducts .grid-view div[class^="col-"]{
    margin-bottom: 25px
}
#clearRequestList{
    width: 100%;
    margin: 15px 0
}
#requestlistRefProductList .product-box .actions,
#refProducts .product-box .actions{
    margin-top: 15px
}
.refProductModal img.refThumb{
    border: 1px solid #e7e7e7;
    max-width: 22%;
    float: left;
    margin-right: 1%
}
.refProductModal .refSpecs{
    display: none
}
.refProductModal .refDatasheet{
    float: right;
    width: 75%
}
.refProductModal .ITSg{
    font-weight: bold
}
#altVariant{
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    padding: 15px
}
#altVariant #toBasket{
    width: 100%
}
#altVariant .amountToBasketAlt #amountToBasketAlt{
    width: 65px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
#altVariant .input-group-text{
    font-size: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.input-group-text{
    border-radius: 0;
}
#altVariant .stockStatus{
    display: inline-block
}
.ArticleDetails_incVatInfo{
    font-size: 14px;
    display: block
}
.ArticleDetails_incVatInfo a{
    text-decoration: underline!important
}
.infogrid-view .ArticleDetails_incVatInfo,
.line-view .ArticleDetails_incVatInfo,
#altVariant .ArticleDetails_incVatInfo{
    display: block;
    font-size: 14px;
    min-height: 22px;
}
#altVariant .price-label{
    margin-bottom: 0
}
.pic-note{
    display: block;
    position: absolute;
    bottom: 0;
    text-align: left
}
#details-warranty-wrap{
    margin-bottom: 25px
}
.refDatasheet .pn1,
#details-datasheet-wrap .pn1{
    color: #280e3b;
    font-weight: bold
}
.refDatasheet table thead,
.refDatasheet table td.r,
.refDatasheet table td:empty,
#details-datasheet-wrap table thead,
#details-datasheet-wrap table td.r,
#details-datasheet-wrap table td:empty{
    display: none
}
.refDatasheet table td.h,
#details-datasheet-wrap table td.h{
    color: #280e3b;
    padding-right: 20px
}
.refDatasheet table td.b,
#details-datasheet-wrap table td.b{

}
.refDatasheet b,
#details-datasheet-wrap b{
    font-weight: 500;
    line-height: 40px
}
#question-navContent{
    margin-top: 50px
}
#question-navContent .nav-tabs .nav-link{
    max-width: 250px
}
#sale-product .ident-it4_hardware_intro .row{
    display: none
}
#sale-product .ident-it4_hardware_intro .row:nth-of-type(2){
    display: block
}
@media (max-width: 768px){
    .ccm-settings-summoner {
        width: 30px!important;
        height: 30px!important;
        bottom: 5px!important;
        left: 5px!important;
    }
    #question-navContent .nav-tabs .nav-link{
        max-width: 100%;
        min-width: 100%;
    }
    .nav-item.nav-link.active{
        background: #280e3b;
        color: #FFF;
    }
    #question-navContent .nav-tabs .nav-link{
        border: 1px solid #dee2e6;
    }
}
.question-form-wrap{
    border: 1px solid #e7e7e7;
    padding: 25px;
    margin-bottom: 25px
}
.details-col-middle .tobasket .btn,
.details-col-middle .btn.linkToRequestListText{
    width: 100%
}
.fa-star.rating-star-empty{ color: #AAA}
.fa-star.rating-star-filled{ color:#f7ad0b}
.details-pager {
    padding: 10px 0;
    border-color: #e9ecef;
    border-width: 1px 0;
    display: none
}
.details-action-links{
    overflow: hidden
}
.details-action-links .btn-text{
    width: 100%;
    font-size: 14px
}
.details-action-links li{
    margin-bottom: 15px
}
.condition-wrap i.fa-question-circle{
    color: #280e3b
}
.active .breadcrumb-link {
    font-size: 12px;
    color: #6c757d!important
}
.breadcrumb{
    padding: 4px 0;
    padding-left: 10px
}
.breadcrumb-item+.breadcrumb-item::before{
    content:'>';
    padding: 0;
    padding-right: 0.15rem
}
.breadcrumb-item:before{
    content:""
}
.breadcrumb-item+.breadcrumb-item {
    padding: 0 0.25rem;
}
#detailsItemsPager.row{
    margin: 0 0 25px;
}
.details-col-middle{}
#selProductModel{font-size: 14px}
.input-group-prepend.details-amount span{
    font-size: 12px
}
.details-info .price-wrapper .ArticleDetails_incVatInfo{
    display: block;
    margin-bottom: 5px
}
.details-info #productPrice{
    margin-bottom: 0;
    display: block
}
#sessionStockMaxReached{
    margin-top: 10px
}
#sessionStockMaxReached .alert{
    font-size: 12px;
    padding: .25rem;
    text-align: center
}
.details-picture{
    min-height: 400px;
    position: relative
}
.details-picture img{
    max-height: 300px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}
.otherPictures .list-inline li{
    height: 80px!important;
    width: 80px!important;
    float: left;
    position: relative;
    margin: 0 5px;
}
.otherPictures img{
    max-width: 75px;
    max-height: 75px;
}
.flexslider .flex-direction-nav .flex-next,
.flexslider .flex-direction-nav .flex-prev {
    background: transparent;
    color: #fff;
    font-size:0;
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
}
.flex-direction-nav a{
    border-radius: 0;
    height: 100%;
    top:0
}
.flex-direction-nav a{
    margin: 0
}
.flexslider{
    border: 1px solid #e7e7e7;
}
.flexslider .flex-direction-nav .flex-next:before,
.flexslider .flex-direction-nav .flex-prev:before {
    font-family: 'Font Awesome 5 Duotone',sans-serif!important;
}
.flex-direction-nav a.flex-next:before {
    content: "\f32b";
}
.flex-direction-nav a.flex-prev:before {
    content: "\f32a";
}
#detailsMain .flexslider .slides img{
    max-width: 80px;
    max-height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 3px
}
.pswp{
    z-index: 100016
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before{
    background-color: #280e3b
}
.type-it4_scrollnav .scroll-nav,
.details-product-info .scroll-nav {
    position: sticky;
    top: -1px;
    background: #e7e7e7;
    color: #675775;
    z-index: 99;
    height: 40px;
}
.type-it4_scrollnav .scroll-nav a,
.details-product-info .scroll-nav a{
    color: #675775;
    line-height: 30px;
}
.type-it4_scrollnav  .scroll-nav__list,
.details-product-info .scroll-nav__list{
    display: flex;
    justify-content: space-between;
    padding: 0;
    height: 40px;
    padding: 2px;
}
.type-it4_scrollnav .scroll-nav__list li,
.details-product-info .scroll-nav__list li {
    list-style: none;
    padding: 3px 10px
}
.type-it4_scrollnav  .scroll-nav .scroll-nav__item--active,
.details-product-info .scroll-nav .scroll-nav__item--active{
    font-weight: bold;
    background-color: #FFF;
}
.type-it4_scrollnav .scroll-nav,
.scroll-nav-wrap {
    background: #e7e7e7;
}
.scroll-nav-wrap h2{
    color: #675775;
    margin: 0;
    padding-bottom: 15px
}
.scroll-nav a.scroll-nav__link:after{
    content: "\f150";
    font-family: 'Font Awesome 5 Duotone',sans-serif!important;
}
.nav-anchor{
    height: 0px;
    width: 0px;
    visibility: hidden;
}
#detailsRelated h2,
#detailsRelated h3,
#detailsRelated .section-header{
    border-bottom: 1px solid #e7e7e7;
    font-size: 30px;
    line-height: 60px;
    margin-bottom: 25px
}
.block-header{
    border-bottom: 1px solid #e7e7e7;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px
}
#detailsRelated #details-description-wrap,
#detailsRelated #details-attributes-wrap,
#detailsRelated #details-pricealarm-wrap,
#detailsRelated #details-downloads-wrap{
    margin: 25px 0
}
#multi-wrap{
    margin-bottom: 5px
}
.details-col-middle #multi-wrap .details-amount{
    float: left;
}
.details-col-middle #multi-wrap p{
    float: right;
}
#multi-wrap input#multi-input{
    width: 65px;
}
#detailsMain .slick-slider.slick-vertical{
    padding: 30px 0;
}
.slick-slider {
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}
#detailsMain .slick-slider.slick-vertical .slick-prev.slick-arrow{
    top: -25px;
    left: 50%;
    transform: rotate(90deg);
}
#detailsMain .slick-slider.slick-vertical .slick-next.slick-arrow{
    bottom: 0px;
    left: 50%;
    top: 98%;
    transform: rotate(90deg);
}
#detailsMain .slick-slider.slick-vertical .slick-list.draggable{
    border: 1px solid #e9ecef;
    border-width: 1px 0;
}
.slick-list{padding-bottom: 25px!important}
#detailsMain .slick-vertical .slick-slide{
    padding: 0;
}
#detailsMain .slick-vertical .divider{
    display: inline-table;
    position: absolute;
    margin-top: 0;
    width: auto;
    top: 5px;
    right: 5px;
    opacity: 0.45;
}
/* --- checkout ----------------------------- */
#shippingAddress .card,
#shippingAddress .card.card-big{
    height: 95% !important
}
body.is-checkout,
#orderReferenceWrap,
#orderRemarkWrap{
    width: 100%;
}
#orderReferenceWrap{
    margin-top: 15px
}
#orderReference{
    height: 65px
}
.checkout-payadvance-note{
    color: seagreen;
    display: block;
    text-indent: 15px
}
.payment-option label.req{
    font-weight: normal!important
}
form.orderAdressWrap,
form.shippingAdressWrap,
form.orderShippingWrap,
form.orderPaymentWrap{
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 15px
}
#orderEditCart .card-header{
    border: 0
}
#orderSummaryLeft{
    width: 100%
}
#orderEditCart .table-striped tbody tr:nth-of-type(odd),
#orderEditCart .table-bordered td,
#orderEditCart .table-bordered th{
    background: transparent
}
#orderEditCart .table-bordered td,
#orderEditCart .table-bordered th{
    border-left: 0;
    border-right: 0
}
#orderEditCart .card-body{
    background: rgba(0,0,0,.03)
}
#basketSummary *{
    font-weight: normal!important;
    text-align: right
}
#basketSummary .table{
    background: #e7e7e7
}
#basketSummary #basketTotalProductsNetto th,
#basketSummary #basketTotalProductsNetto td{
    border-top: 0
}
#basketSummary .cart_item-list{
    padding: 0
}
#basketTotalProductsNetto *,
#basketSummary #basketGrandTotal *{
    font-weight: bold!important;
    font-size: 18px!important;
    color: #280e3b
}
#basketSummary #basketDeliveryGross{
    display: none
}
#basketSummary #basketTotalProductVats{
    font-size: 14px
}
.card-user-checkout-shipping{
    border-left: 1px solid #e7e7e7!important;
    padding-left: 15px
}
.checkout-steps i{
    display: inline-block;
    margin-right: 5px
}
.checkout-steps {
    border-top: 1px solid #eeeeee
}
.checkout-steps,
.checkout-steps a,
.checkout-steps i{
    color: #aaa
}
.checkout-steps .active,
.checkout-steps .active a,
.checkout-steps .active i,
.checkout-steps .passed a{
    color: #280e3b
}
.checkout-steps .step{
    width: 20%;
    max-width: 20%;
    text-align: center;
    position: relative;
    top: -10px;
    padding: 0
}
.checkout-step span{
    background: #FFF;
    padding: 2px 10px
}
.checkoutSteps .step.active{
    font-weight: bold
}
.dd-add-delivery-address .btn.btn-outline-dark{
    background-color: #675775;
    color:#FFF
}
/* --- basket  ----------------------------- */
form#basket_form .inlineError{
    display: block;
    margin: 15px 0
}
.ajaxLoading{
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    pointer-events: none
}
/* --- master grid ----------------------------- */
@media (min-width: 768px) and (max-width: 992px) {
    .container {
        max-width: 900px;
    }
}
#wrapper{
    padding: 15px 0
}
.main-row{
    box-shadow: none;
    -webkit-box-shadow: none
}
/* --- line view ----------------------------- */
.line-view-item{
    border-bottom: 0;
    padding: 0!important
}
.product-box{
    margin-bottom: 0;
    padding: 0
}
.cmsPage .productBox .tobasket-input-group .btn,
.line-view .tobasket-input-group .btn,
.line-view .torequestlist-input-group .btn{
    width: 100%
}
.line-view .list-fnc{
    margin: 10px 0
}
.line-view .attributes {
    margin: 0
}
.line-view-item {
    border-bottom: 0;
    padding: 15px!important;
    margin: 15px 0
}
.line-view-item.size-compact{
    padding: 10px!important;
    margin: 10px 0;
}
.line-view-item.size-compact .product-condition{
    font-size: 12px!important;
}
.line-view-item.size-compact .form-group{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.line-view.slider-view .attributes,
.line-view.slider-view .list-fnc{
    display: none;
}
@media (max-width: 1999px) {
    .line-view.slider-view .btn i{
        display: none;
    }
    .line-view.slider-view .size-compact .btn i{
        display: block;
    }
    .line-view.slider-view .btn{
        font-size: 0.75rem;
    }
}

.line-view.slider-view .slick-slide img{
    padding-bottom: 10px;
}
.list-picture{min-height:71px}
.list-title{min-height:85px}
.list-shortdesc {min-height: 42px}
/* --- info grid line view ----------------------------- */
.line-view .del-calc-listline,
.line-view .del-calc-listline .del-calc-info,
.line-view .del-calc-listline .del-calc-price{
    display: inline-block;
    font-size: 0.75rem
}
/* --- info grid view ----------------------------- */
.infogrid-view .product-box .actions{
    left: 0;
    position: relative;
    margin-right: 15px
}
.infogrid-view .product-box .price-format{
    line-height: 30px
}
.infogrid-view .product-box .btn{
    line-height: 0
}
.product-box .actions{
    position: relative
}
.infogrid-view form{
    padding: 15px
}
/* --- grid view ----------------------------- */
.grid-view .productData{
    border: 1px solid #e7e7e7
}
.grid-view .productData-wrap,
.grid-view .productData form{
    border: 1px solid transparent
}
.grid-view form,
.grid-view .productData-wrap {
    padding: 10px!important;
    margin:0!important
}
.grid-view .title{
    font-weight: 600;
    overflow: hidden
}
.grid-view .picture {
    width: 100%
}
/* --- category ----------------------------- */
#locator-sort .dropdown-menu{
    font-size: 14px
}

.productData-wrap,
.productData form{
    border: 1px solid transparent;
    border-bottom: 1px solid #e7e7e7;
    transition: border 0.25s linear;
    height: 100%;
    position: relative;
    padding: 15px;
    overflow: hidden
}
.line-view .col-last .productData form{
    border: 1px solid transparent
}
.productData{
    border: 1px solid transparent;
    position: relative;
    height: 100%
}
.productData-wrap:hover,
.productData:hover form {
    box-shadow: 0px 0px 5px rgba(100, 127, 143, 0.5);
    -moz-box-shadow: 0 0 5px rgba(100, 127, 143, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(100, 127, 143, 0.5);
    -o-box-shadow: 0 0 5px rgba(100, 127, 143, 0.5);
    -ms-box-shadow: 0 0 5px rgba(100, 127, 143, 0.5);
    border: 1px solid #e7e7e7
}
.no-shadow{
    border: 0!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -o-box-shadow: none!important;
    -ms-box-shadow: none!important
}
.listDetails{
    margin-bottom: 0
}
.border-button:hover {
    border-width: 10px
}
.divider .article-counter-list{
    padding-left: 5px;
}
#boxwrapper_refProductList{
    margin: 25px 0
}
#detailsMain .slick-slider.slick-vertical{
    padding-top:0px
}
.divider {
    text-align: center;
    margin: 0;
    width: 50px;
    background: #fff;
    border-color: #e7e7e7;
    border-width: 1px 1px 0 1px;
    color: #280e3b;
    position: absolute;
    bottom: 0;
    display: none
}
.divider-wrap{
    border-bottom: 1px solid #e7e7e7;
    margin: 25px 0
}
.divider hr {
    margin-left: auto;
    margin-right: auto;
    width: 43%;
    border-top: 1px dashed #280e3b
}
.divider small,
.divider i,
.divider span{
    color: #280e3b;
    font-size: 10px
}
hr.spacer{
    visibility: hidden
}
.subcatList a{
    display: block;
    padding: 2px;
    font-size: 0.95rem;
    white-space: normal;
}
.subcatList li[data-label="moreCat"]:hover,
.subcatList li[data-label="moreCat"]{
    background: transparent
}
#sidebarCat li[data-label="moreCat"],
#sidebarCat .noArticles,
.list-group-item.noArticles,
#treeView .d4.noArticles,
.subcatList .noArticles a,
.subcatList .moreSubCat-noSub.subCatDeepth-4 a{
    display:none
}
body.is-developer .list-group-item.noArticles,
body.is-developer #treeView .d4.noArticles,
body.is-developer .subcatList .noArticles a,
body.is-developer .subcatList .moreSubCat-noSub.subCatDeepth-4 a {
    text-decoration: line-through!important;
    color: red!important;
    display: block
}
.subcatList .list-group-item{
    background: #f9f9f9;
}
.subcatList .list-group-item:hover{
    background-color: #280e3b;
}
.subcatList .list-group-item:hover a{
    color: #f7ad0b;
    text-decoration: none
}
.subcatList .badge.cat-count{
    border: 0;
    padding: 0;
    top: 0;
    width: auto
}
.subcatList .card-wrapper{padding-bottom: 0px}
.subcatList .card-body a.btn{color: #FFF; text-decoration: none}
@media (max-width: 992px) {
    .subcatList .list-group{
        display: inline;
        text-align: left
    }
    .subcatList .list-group .list-group-item {
        display: inline-block;
        background: transparent;
        border: 0;
        padding: 0.5rem 0.25rem!important;
    }
}
/* --- category tree ----------------------------- */
.subcatList .flex-fill.hide-cat,
.hide-cat.end.root,
.subcatList .hide-cat.count-0,
.hide-cat.count-0.deep-2.end,
.hide-cat.count-0.deep-4.end{
    display: none!important;
}
#sidebar .categorytree a,
#sidebar .categorytree li{
    border: 1px solid transparent
}
a.trigger-tree{
    border: 1px solid #ced4da;
    width: 100%;
    margin-bottom: 10px
}
#sidebar .categorytree  ul.tree {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 100
}
#sidebar .categorytree  ul.tree .root:not(.exp) > a{
    display: block;
    width: 100%;
    border: 1px solid transparent
}
#sidebar .hasSub.level_0.exp{
    padding: 0;
}
#sidebar .categorytree ul.tree .level_0.exp li{
    width: 100%
}
#sidebar .categorytree  ul.tree li{
    width: 100%;
    display: block;
    line-height: 1.5rem;
    margin-right: 35px;
    background: #FFF;
    position: relative
}
#sidebar .exp .sub.root.hover>a{
    background: #FFF!important;
    color: #280e3b;
    border: 1px solid #e7e7e7!important;
    border-right: 0!important;
    position: relative;
    z-index: 85
}
#sidebar .root.hover>a,
.root.hover .hasSub.hover .sub:hover>.dropdown-item,
#sidebar .dropdown-item:focus,
#sidebar .dropdown-item:hover{
    background: #fff;
    font-weight: bold
}

#sidebar .exp .level_2 .dropdown-item:focus,
#sidebar .exp .level_2 .dropdown-item:hover{
    border: 1px solid transparent
}
#sidebar .level_0.exp .sub:hover a.dropdown-item{
    z-index: 100;
    border-right: 0;
    position: relative;
}
#sidebar .categorytree .catCount{
    color: #aaa;
    font-size: 10px;
    text-align: center;
    display: inline-block;
    width: auto;
    line-height: 12px
}
#sidebar .categorytree :not(.exp).sub.carret:after{
    content: "\203A";
    position: absolute;
    right: 5px;
    top: 5px;
}
#sidebar .hasSub.level_1 :not(.exp).sub>.dropdown-item:hover{
    border: 1px solid #e7e7e7!important;
    z-index: 105;
    border-right: 0!important;
    position: relative;
    background: #FFF;
    width: 100%
}
#sidebar .level_1.hover .sub:hover>.dropdown-item {
    border: 1px solid #e7e7e7
}
#sidebar .exp .hasSub.level_1 .sub>.dropdown-item:hover{
    width: 100%
}
#sidebar .hasSub.level_1 .sub>.dropdown-item{
    z-index: 105;
}
#sidebar .categorytree ul.tree .exp.root>a,
#sidebar .categorytree ul.tree .level_0>li.exp>a,
#sidebar .categorytree ul.tree .level_1>li.exp>a,
#sidebar .categorytree ul.tree .level_2>li.exp>a{
    font-weight: bold;
    color: #280e3b;
}
#sidebar .categorytree ul.tree .level_0 li{
    width: 100%
}
#sidebar .categorytree ul.tree .level_0>li>a{
    text-transform: uppercase
}
#sidebar .categorytree ul.tree .level_1{
    text-indent: 0;
    border-width: 1px 0;
    border-style: dotted;
    padding: 5px;
}
#sidebar .categorytree ul.tree li.exp.root{
    background: #e7e7e7
}
/* multilevel version */
.dropdown-item{
    padding: .25rem
}
.dropdown-item,
.sidebar-menu a ,
.navbar > li > a {
    font-size: 13px;
    padding-left: 5px
}
.sidebar-menu .active a,
.sidebar-menu .active a:focus,
.sidebar-menu .active a:hover,
.sidebar-menu li a:hover,
.sidebar-menu li a:focus ,
.navbar>.show>a,  .navbar>.show>a:focus,  .navbar>.show>a:hover{
    color: #280e3b;
    outline: 0
}
#sidebar .categorytree ul.tree .level_0>li.exp.hover>a{
    color: #FFF
}
/*submenu style start from here*/
.sidebar-menu .dropdown-menu {
    padding: 0 0;
    margin: 0 0 0;
    border: 0 solid rgba(0,0,0,.15);
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
.sidebar-menu .sub .fa-folder-plus{
    color: #280e3b;
    font-size: 10px;
    text-indent: 0
}
.sidebar-menu .fad.fa-folder-plus:before{
    content: none
}
/* 1st level*/
.sidebar-menu .icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}
.sidebar-menu ul ul,
.sidebar-menu .collapse ul ul.dropdown-menu{
    background:#fff
}
/* 2nd level*/
.sidebar-menu ul ul ul,
.sidebar-menu .collapse ul ul ul.dropdown-menu{
    background: #fff;
    border: 1px solid #E7E7E7
}
.sidebar-menu .dropdown-toggle::after{
    margin: 0!important;
    border:0!important
}
.sidebar-menu li.nav-cat-title{
    color: #280e3b;
    padding: 2px 5px;
    font-size: 11px;
    font-style: italic
}
/* 3td level*/
.sidebar-menu ul ul ul ul,
.sidebar-menu .collapse ul ul ul ul.dropdown-menu{
    background: #fff;
    border: 1px solid #E7E7E7
}
/*Drop-down menu work on hover*/
.sidebar-menu{
    background: none;
    margin: 0;
    padding: 0;
    min-height:20px
}
@media only screen and (max-width: 991px) {
    .sidebar-menu .show > .dropdown-toggle::after{
        transform: rotate(-90deg);
    }
}
@media only screen and (min-width: 991px) {
    .sidebar-menu ul ul li{
        position:relative;
    }
    .sidebar-menu ul ul li:hover> ul{
        display:block
    }
    #sidebar ul ul{
        display: none;
    }
    #sidebar li.exp.sub.root > ul > li.exp.sub.carret > ul,
    #sidebar li.exp.sub.root > ul > li.exp.sub.carret > ul > li.exp.sub.carret > ul{
        display:block!important
    }
    /* ROOT
    #sidebar ul.tree .root:hover:not(.exp) .level_0{
        display: block;
        position: absolute;
        border: 1px solid #e7e7e7;
        top: 0;
        left: 99%;
        width: 180px;
        z-index: 80;
        padding: 5px;
    } */
    /* MANUFACTURER */
    #sidebar .hasSub.level_0 li.sub:hover :not(.exp).hasSub.level_1{
        display: block;
        position: absolute;
        left: 99%;
        width: 300px!important;
        top: 0;
        z-index: 80;
        border: 1px solid #E7E7E7;
    }
    #sidebar .hasSub.level_0.exp li.sub:hover .hasSub.level_1{
        left: 99%
    }
    /* LINE */
    #sidebar .hasSub.level_1 li.sub:hover :not(.exp).hasSub.level_2{
        display: block;
        position: absolute;
        left: 99%;
        top: 0;
        width: 275px;
        z-index: 99;
    }
    #sidebar .exp .level_1{
        width: 100%!important;
    }
    #sidebar .exp .level_2{
        left: 100%;
        padding: 5px;
    }
    #sidebar .exp.level_2{
        border: 0;
        border-bottom: 1px dotted #e7e7e7;
        margin-bottom: 15px;
    }
    /* set sub menu relative below expanded category */
    #sidebar .categorytree ul.tree .exp.sub.root .hasSub.level_0{
        position: relative;
        left: 0;
        display: block;
        padding-bottom: 10px;
    }
    .root.hover .hasSub.level_0 .sub{
        border: 1px solid transparent;
    }
    .root.hover .hasSub.level_0 :not(.exp).sub:hover>a{
        border: 1px solid #e7e7e7!important;
        z-index: 99;
        background: #fff;
        position: relative;
        border-right: 0!important;
    }
    .root.hover .hasSub.hover .sub:hover>.dropdown-item{
        color: #280e3b;
    }
    #sidebar .dropdown-item{
        white-space: inherit;
    }
    .sidebar-menu ul ul ul li{
        position:relative
    }
    .sidebar-menu ul li:hover> ul{
        display:block
    }
    .sidebar-menu ul ul ul ul li{
        position:relative
    }
    .sidebar-menu ul ul ul ul li:hover ul{
        display:block
    }
    .sidebar-menu ul ul ul ul ul{
        position:absolute;
        top:0;
        left:-100%;
        min-width:250px;
        display:none;
        z-index:1
    }
    .sidebar-menu .nav-item.hover:first-child{
        background-color: #675775;
    }
    #sidebar .hasSub.level_1 .sub.dropdown-item,
    #sidebar .hasSub.level_2 .sub.dropdown-item{
        border:0
    }
}
/* --- GLOBAL ----------------------------- */
body{
    background: transparent!important
}
/* --- DASHBOARD ----------------------------- */
#shippingAddressForm{
    margin-top: 25px
}
.list-group-item.active,
.list-group-item.active a{
    background: #FFF!important;
    color: #280e3b;
    font-weight: bold
}
.list-group-item.active {
    border: 1px solid rgba(0,0,0,.125) !important
}
/* --- HEADER ----------------------------- */
#it4_meta_head *{
    font-size: 10px;
    color: #fff;
}
.btn-group.account{
    margin-right: 10px
}
.btn-group.account-menu ul{
    margin: 0;
    list-style: none;
    padding: 0
}
#loginWindow{
    margin-top: -2px;
    background: transparent;
    border: 0;
    box-shadow: none;
    width: 500px;
}
@media (max-width: 768px) {
    #loginWindow {
        width: 45vw;
    }
    body.modal-open .modal-backdrop.show{
        display: none
    }
}
@media (min-width: 769px)and(max-width: 992px){
    #loginWindow{
        width: 98vw;
    }
}
@media (max-width: 992px){
    .btn-group.account-menu .dropdown-menu,
    .btn-group.noticelist-menu .dropdown-menu{
        display: none!important;
    }
}
#loginBox .input-group .btn{
    width: 100%
}
#b2b_switch{
    display: none
}
form#b2b button[name='b2bsession']{
    margin-bottom: 25px
}
#vat-check .vat-invalid{
    display: block;
    color: #d9534f
}
#vat-check .vat-valid{
    display: block;
    color: #5cb85c
}
#vat-id .btn,
.tax-menu .btn {
    min-height: 20px!important;
    height: 20px!important;
    padding: 0;
}
#vat-id .toggle-handle,
.tax-menu .toggle-handle{
    height: 15px!important;
    width: 35px!important;
    top: -4px;
    border-radius: 20px;
    position: relative
}
#vat-id .toggle.btn,
.tax-menu .toggle.btn{
    width: 140px!important;
    color: #280e3b;
    border: 1px solid #ced4da!important;
    margin-bottom: 0
}
#vat-id .toggle-on.btn,
.tax-menu .toggle-on.btn{
    padding-right: 15px!important
}
#navbar-wrap a.top-level{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.05rem;
    border-radius:0;
    margin:0
}
#navbar-wrap a.top-level:hover .fa-bars{
    color: #f7ad0b
}
#navbar-wrap a.top-level:hover{
    background: #290E3A;
    color: #F7AD0B;
}
#navbar-wrap #rebuy{
    overflow: hidden;
    background-color: #F7AD0B;
    color: #280e3b;
    border-radius: 0;
    position: relative
}
#navbar-wrap #rebuy:after{
    content: '';
    display: block;
    height: 155px;
    width: 450px;
    position: absolute;
    background-color: rgba(255, 255, 255, .15);
    transform: rotate(-45deg);
    top: 43px;
    left: -315px;
    transition: all .2s;
}
/* MEGAMENU START */
#tree{ display: none}
#tree a { font-size: 10px; padding: 0!important; margin:0!important}
#tree .end a{color: red}
#treeView{
    display: flex;
    width: 100%;
}
#treeView .l1,
#treeView .l2{
    padding-top: 10px
}
#treeView .l1{flex: 0 0 20%; border-right: 1px solid #f9f9f9}
#treeView .l2{flex: 0 0 25%}
#treeView .l3{flex: 0 0 55%; background: #f9f9f9}
#navbar-products.isPreselected #treeView .l3{flex: 0 0 80%}
#treeView .l3-inner,
#treeView .c3{
    height: 100%;
}
#treeView .c3 {
    padding-top: 15px
}
#treeView .group {
    display: inline-block;
    width: calc(50% - 10px);
    margin-right: 10px;
    vertical-align: top;
    margin-bottom: 15px;
}
#navbar-products.isPreselected #treeView .c3 .group{
    width: calc(33.33% - 10px);
}
#treeView .l5{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f9f9f9
}
#treeView .l5 img{
    max-width: 100%;
    max-height: 100%;
}
#treeView .l3-inner{
    /* overflow-y: scroll;*/
}
#treeView a {
    display: block;
    padding: 2px;
    font-size: 0.95rem;
    white-space: nowrap
}
#treeView a,
#treeView strong{margin: 0 10px}
#treeView .l3 a:hover,
#treeView a.isActive{
    color: #f7ad0b;
    text-decoration: none;
    background-color: #280e3b;
}
#navbar-products .nav-pills .nav-link.active,
#navbar-products .nav-pills .show>.nav-link {
    background-color: transparent;
}
#navbar-products .navbar-nav{
    flex-direction: row;
    display: flex;
    justify-content: space-between;
}
#navbar-products .navbar-nav .dropdown-menu{
    position: absolute;
    width: 100%
}
#navbar-products a.top-level.dl-highlight{
    background-color: #f7ad0b;
    color: #280e3b;
}
#treeView .l3 a.d4:hover{
    font-weight: normal;
    color: #f7ad0b!important
}
#treeView a.d4{color: #666666!important; font-size: 14px}
#navbar-products .dropdown .dropdown-menu{
    margin:0!important;
    padding: 0!important
}
#navbar-products .isCollapsed .dropdown-menu,
#navbar-products .dropdown:hover .dropdown-menu{
    display: flex;
    /* .dropdown:hover */
}
#navbar-products .dropdown-menu.show {
    display: flex;
}
#treeView a small,
#treeView a[data-hide="true"],
#treeView .l2 a[data-article="empty"],
#treeView .l3 > a[data-article="empty"]:not(#treeView .l3 a[data-article="empty"]){display: none}
#treeView a[data-article="full"]{}
.hidePreselect{
    color: red!important
}
#treeView a.hidden-link{ display:none}
/*#treeView .group > a:nth-child(n+6):not(.moreLink) {
    display: none!important;
}*/
#treeView .moreLink{
    font-size:14px
}
.subcatList .moreSubCat-hasSub a:after,
#treeView  .d1.hasSub:after,
#treeView  .d2.hasSub:after,
#treeView .moreLink:before{
    content: "\f324";
    font-family: 'Font Awesome 5 Duotone',sans-serif!important;
    font-size: 10px;
    padding-right: 5px;
    line-height: 20px;
    color:#AAA!important
}
#treeView small{
    color:#AAA!important
}
#navbar-products.isPreselected .l2{
    display: none;
    opacity: 0.25
}
.noMatch{display:none!important}
#navbar-products .dropdown-menu {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border: none;
    border-radius: 0;
    padding: 0.7em;
}
#navbar-products .nav-link{
    color: #280e3b;
    font-size: 1.1em;
}
#navbar-products a.top-level {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.05rem;
    border-radius: 0;
    border:0!important;
    outline:0!important;
    margin: 0;
    padding: 5px 10px 3px 12px
}
#navbar-products .isCollapsed.top-level,
#navbar-products .isCollapsed a.top-level,
#navbar-products a.top-level:hover{
    background-color: #280e3b;
    color: #f7ad0b;
    outline: none!important
}
#mainnav .navbar-header span,
#mainnav .navbar-light .navbar-toggler {
    color: #f7ad0b;
    border-color: #f7ad0b;
}
#mainnav .dropdown-menu{
    border: 0!important
}
.login-menu {
    min-width: 480px;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0
}
.header .menu-dropdowns .btn .badge{
    top: 5px
}
#bulk .btn.btn-primary{
    overflow: visible
}
#bulk .badge,
.minibasket-menu .badge,
.requestlist-menu .badge{
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 99;
    top: inherit;
}
@media (max-width: 992px){
    #bulk .badge, .minibasket-menu .badge, .requestlist-menu .badge{
        right: 5px
    }
}
@media (max-width: 992px) {
    /* dropdown positions on smaller screens */
    .requestlist-menu .dropdown-menu.dropdown-menu-right {
        left: 0 !important;
        right: auto !important;
    }
    .account-menu .dropdown-menu-right{
        left: 0 !important;
        right: auto !important;
    }
}
@media (max-width: 576px) {
    #loginWindow {
        width: 75vw;
        max-width: 98vw;
    }
}
#head-lang .dropdown-link{
    text-transform: uppercase
}
#head-lang .dropdown-link:hover{
    color: inherit
}
.info-col .btn-text {
    padding: .375rem .55rem
}
.btn-group.services-menu .dropdown-menu{
    /*display: block!important; DEBUG */
    width: 35vw;
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0
}
.btn-group.services-menu .dropdown-toggle{
    background: #FFF
}
.btn-group.services-menu .dropdown-toggle:hover{
    border-bottom: 0!important
}
.btn-group.services-menu:hover .dropdown-toggle{
    border-bottom: 0
}
.btn-group.services-menu{}
.btn-group.services-menu .card-body .col-7 {
    border-right: 1px solid #e7e7e7
}
.btn-group.services-menu .list-group-item{
    border: 0
}
form.search{
    width: 100%
}
form.search .has-float-label{
    width: auto
}
form.search .input-group .has-float-label .form-control{
    border-radius: 0
}
.form-control{
    border: 1px solid #d9d9d9;
    -webkit-box-shadow: inset 1px 1px 3px rgba(100, 127, 143, 0.15);
    box-shadow: inset 1px 1px 3px rgba(100, 127, 143, 0.15)
}
.service-menu>.btn{
    padding-right: 0
}
/* --- SEARCH ----------------------------- */
.btn-search{
    background: rgba(40,15,60, 0.70);
    color: #FFF
}
.btn-search i{
    color: #FFF
}
/* --- META ----------------------------- */
.menu-meta-service{
    background: rgba(0,0,0,.03);
    border-bottom: 1px solid #e7e7e7;
}
.menu-meta-service .nav-item{
    text-align: left;
    margin: 1px;
}
.menu-meta-service .nav-item a{
    color:  rgba(40,15,60, 0.70);
}
.menu-meta-service .nav-pills .nav-link{
    border: 2px solid transparent;
    border-width: 2px 0;
    max-width: max-content;
}
.menu-meta-service .nav-pills .nav-link:hover,
.menu-meta-service .nav-pills .nav-link.active{
    border-radius: 0;
    background: #280e3b;
    color: #fff;
    border: 2px solid transparent;
    border-width: 2px 0;
}
/* --- FOOTER ----------------------------- */
footer a:hover{
    color: #e7e7e7
}
#meta-footer .container .row{ background-color: transparent}
#meta-footer .footer-box-content .list-unstyled a:before{
    content: "\f324";
    font-family: 'Font Awesome 5 Duotone',sans-serif!important;
    font-size: 10px;
    padding-right: 5px;
    line-height: 20px
}
#meta-footer .footer-box-content .list-group li{
    padding: 0;
    margin: 0
}
#meta-footer .container{
    padding-top: 25px
}
footer .container .row{
    background: #280e3b;
    padding: 15px
}
.legal .container{
    text-align: center
}
.vat-info{
    float: none
}
.footer{
    background: transparent;
    color: #FFF;
    border: 0
}
#footer a{
    color: #FFF
}
#meta-footer .cmsPage,
#meta-footer .footer-box-title{
    color: #280e3b
}
footer h4,
#row-services h4,
#footer .footer-box-title{
    text-transform: uppercase
}
#row-newsletter{
    background-color: #675775;
    padding: 25px;
    margin: 25px 0
}
#row-services{
    background-color: #675775;
    padding: 30px 0;
    border-color: #e7e7e7;
    border-width: 3px 0
}
#row-copyright .legal-box{
    border-top: 1px solid #280e3b;
    padding-top: 10px
}
#row-copyright{
    color: #280e3b;
    padding: 10px 0 0 0
}
#row-copyright a{
    text-decoration: underline
}
#row-copyright p {
    padding: 0;
    margin-bottom: 5px
}
#row-copyright #incVatInfo{
    margin-bottom: 30px
}
#row-services,
#row-services i,
#row-services a{
    color: #FFF;
    text-align: center
}
#row-services i{
    margin-bottom: 15px
}
#row-services i:hover{
    opacity: 0.5;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
}
/* --- HELPER ----------------------------- */
#header .menu-dropdowns i{
    font-size: 1.5rem
}
#header .menu-dropdowns .btn-text:hover{
    background: transparent;
    color: inherit;
    border: 1px solid transparent
}
.account-menu:hover{
    cursor: pointer
}
.account-menu:hover .dropdown.open .dropdown-menu{
    display: block
}
.noticelist-menu:hover>.dropdown-menu,
.service-menu:hover>.dropdown-menu,
.services-menu:hover>.dropdown-menu,
.requestlist-menu:hover>.dropdown-menu,
.minibasket-menu:hover>.dropdown-menu {
    display: block
}
.bootstrap-maxlength.text-muted {
    font-size: 80%;
    font-weight: 400
}
.fnc-last-ref{
    color: #03c;
    padding: 0;
    opacity: 0.5;
    display: block;
    font-size: 0.75rem;
    margin-left: 10px
}
.fnc-last-ref:hover{
    opacity: 1
}
.d-flex.d-flex-multi{
    display: flex;
    align-items: normal;
    justify-content: left;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
    align-content: flex-end
}
.d-flex.d-flex-multi .flex-fill{
    text-align: left;
    flex-grow: 1;
    width: 33%;
}
.flex-center{
    align-self: center
}
/* --- LOBIBOX ------------------------------ */
.lobibox-notify.lobibox-notify-default {
    border-color: #280e3b!important;
    background-color: #fff!important;;
    color: #280e3b!important;
}
.lobibox-notify .lobibox-delay-indicator > div{
    background-color: #e7e7e7!important
}
.lobibox-notify-wrapper.top.center{
    background: transparent;
    margin: 0!important;
    left: 0;
    width: 100%
}
.lobibox-notify.zoomIn{
    width: 100% !important;
    margin: 0
}
.lobibox-notify.lobibox-notify-success {
    border-color: #e7e7e7!important;
    background-color: #e7e7e7!important;
    color: #280e3b!important;
    width: 100%!important;
    margin: 0;
    text-align: center;
    font-weight: bold
}
.lobibox-notify-wrapper.top.center {
    background: transparent;
    left: 0;
    width: 100%
}
/* --- MODULES ----------------------------- */
/* delivery calculator */
.del-calc-details-wrap{
    margin: 10px 0
}
.del-calc-free{
    background: transparent
}
.del-calc-free span{
    color: darkseagreen;
    font-weight: bold
}
.del-calc-free-charge{
    color: darkseagreen
}
/* compare */
.compare-item .ArticleDetails_incVatInfo{
    display: inline-block
}
.compare-item .del-calc-listline,
.compare-item .del-calc-listline .del-calc-info,
.compare-item .del-calc-listline .del-calc-price{
    display: inline-block;
    font-size: 0.75rem
}
#clearCompareList{
    margin-left: 15px
}
.compare-item .title{
    height: auto;
    min-height: 100px
}
.compare-item .input-group-append,
.compare-item .torequestlist-input-group .input-group-append{
    width: 100%
}
body.cl-compare #comparePlayground {
    position: relative;
    overflow: hidden;
    margin: 2%
}
body.cl-compare #comparePlayground #compareLandscape {
    margin-left: 150px;
    overflow-x: scroll;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    transition: box-shadow .2s
}

body.cl-compare #comparePlayground #compareLandscape.shadowed {
    border-left: 4px solid #dee2e6
}

body.cl-compare #comparePlayground #compareLandscape table {

    *margin-left: -150px;
    table-layout: fixed
}

body.cl-compare #comparePlayground #compareLandscape table td,
body.cl-compare #comparePlayground #compareLandscape table th {
    vertical-align: top;
    padding: 10px
}

body.cl-compare #comparePlayground #compareLandscape table th {
    background-color: #eee;
    border-right: none;
    width: 150px;
    position: absolute;
    left: 0;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body.cl-compare #comparePlayground #compareLandscape table th.no-border {
    border: none;
    background-color: transparent
}

body.cl-compare #comparePlayground #compareLandscape table td {
    width: 260px
}

body.cl-compare #comparePlayground #compareLandscape table .item-wrapper .move-controls {
    margin-bottom: 5px
}

body.cl-compare #comparePlayground #compareLandscape table .item-wrapper .item .picture img {
    margin: 0 auto
}

body.cl-compare #comparePlayground #compareLandscape table .item-wrapper .item .title {
    display: block;
    height: 40px;
    overflow: hidden
}

.compare-item {
    margin-top: 15px
}
.compare-item .list-group-item{
    border: 0
}
#compare-list .attribs.value_diff{
    color: red
}
#compare-list .attrib-title{
    color:#280e3b!important
}
.compare-item .picture {
    height: 250px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.compare-item .title {
    padding-top: 15px;
    height: 40px;
    display: block
}
.compare-item .add-to-basket {
    height: auto
}

.compare-products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.compare-item-wrapper {
    width: 280px;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.compare .table-responsive.shadowed {
    -webkit-box-shadow: inset 3px 0 7px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 3px 0 7px 1px rgba(0, 0, 0, 0.2)
}

.compare-item {
    margin-top: 15px
}

.compare-item .picture {
    height: 250px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.compare-item .title {
    padding-top: 15px;
    height: 40px;
    display: block
}
#compare-list .compare-fnc{
    margin: 25px 0
}
/* registration process */
.reg-b2b-only.hidden #tax-type{
    display: none
}
#vat-switch .toggle.btn.off,
#vat-switch .toggle.btn.btn-primary{
    min-width: 100%!important
}
#reg-section-account .card-body .form-group {
    border-bottom: 1px solid rgba(0,0,0,.125)!important;
    padding-bottom: 15px;
    margin-bottom: 0
}
#reg-section-account .form-check-label{
    font-weight: bold;
    font-size: 16px
}
section#reg-section-remark .card,
section#reg-section-account .card,
section#reg-section-data .card,
section#reg-section-complete .card{
    margin-bottom: 0;
    border:0
}
.loginForm-wrap .card{
    border: 0
}
.loginForm-wrap .card-header,
.loginForm-wrap .card-footer{
    border: 0
}
.loginForm-wrap .card-footer{
    background: none
}
.regForm-wrap{
    border-right: 1px solid #dee2e6
}
.regForm-wrap .control-label{
    padding-left: 0
}
.forgotPasswordOpener{
    box-shadow: none
}
form#register .form-control{
    height: calc(1.5rem + 2px);
    padding: .175rem .75rem;
    font-size: 0.85rem
}
form#register .card-body{
    padding: 0 1.25rem
}
form#register .form-group {
    margin-bottom: 0.35rem
}
.card.cart-buttons{
    padding: 1.25rem
}
#reg-section-account{
    padding: 1.25rem
}
#reg-section-complete,
#reg-section-data{
    padding: 0
}
#reg-section-complete{
    padding-bottom: 15px
}
.ident-it4_password_requirements ul{
    list-style: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin: 0;
    padding: 0
}
body.is-checkout .register-for-wrap{
    padding: 15px
}
.disabled-section,
.disabled-section label.req{
    color: grey;
    pointer-events:none
}
.disabled-section:hover{
    cursor: not-allowed
}
#reg-section-complete #vat-id{
    margin-bottom: 15px
}
#reg-section-complete .alert.alert-info{
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    padding: 0 5px
}
#vat-switch .toggle-on.btn{
    color: #FFF
}
.disabled-section #vat-switch .btn,
.disabled-section input,
.disabled-section textarea,
.disabled-section select{
    background: rgba(0, 0, 0, 0.2)!important;
    cursor: not-allowed
}
/* request list */
#detailsMain .torequestlist-input-group{
    margin-top: 5px
}
.input-group-prepend.details-amount .fa-box-open{
    margin-left: 5px
}
#detailsMain .tobasket-input-group,
#detailsMain .torequestlist-input-group{
    width: 100%
}
#amountToBasket,
input.amountToRequestlist{
}
[id^="amountToBasket"]{
    max-width: 60px
}
.requestlist-view [id^="amountToBasket"]{
    max-width: 100%
}
#comparePlayground #toBasket{
    width: 100%
}
.minibasket-menu .dropdown-menu{
    padding: 0
}
.noticelist-menu .dropdown-menu,
.minibasket-menu .dropdown-menu,
.requestlist-menu .dropdown-menu{
    min-width: 650px;
    border: 0;
    padding-top: 0;
    margin-top: 0;
    background: transparent
}
@media (max-width: 992px){
    .noticelist-menu .dropdown-menu,
    .minibasket-menu .dropdown-menu,
    .requestlist-menu .dropdown-menu{
        max-width: 98vw;
        min-width: 90vw;
    }
}
#requestModal .btn.removeButton{
    display: none
}
@media (max-width: 992px){
    .btn-group.requestlist-menu,
    .btn-group.minibasket-menu,
    .btn-group.requestlist-menu button:not(.close),
    .btn-group.minibasket-menu button:not(.close){
        width: 95%;
    }
}
#boxwrapper_refProductList #refProd-list img.rq-thumb{
    max-width: 75px;
    padding: 5px 0
}
.refProd-cat{
    display: block;
    border-bottom: 1px solid #eee;
    color: #aaa;
    font-size: 12px
}
.productData .refProd-cat{
    font-size: 10px;
    border-bottom: 0
}
#refProduct-navContent .nav-item {
    color: #AAA
}
#refProduct-navContent .nav-item.active{
    color: #280e3b
}
#refProd-tabContent .list-group-item .refProd-counter{
    position: absolute;
    background: #FFF;
    width: auto;
    font-size: 10px;
    padding: 0 2px;
    bottom: -5px;
    color: #aaa;
    left: -11px
}
#refProd-tabContent .list-group-item.refProd-sku{
    width: 80%
}
#refProd-tabContent .list-group-item.refProd-picture{
    max-width: 125px;
    width: 125px
}
#refProd-tabContent .refProd-product .picture{
    max-width: 125px;
    position: relative
}
#refProducts.collapse-refProducts {
    height: 700px;
    overflow: hidden;
    border-bottom: 1px solid #aaa
}
#refProd-list #linkToRequestListText{
    margin: 10px
}
#refProd-list .refProd-heading{
    height: 50px
}
#refProd-list tr{}
#requestlistRefProductList textarea,
#requestlistSessionProductList textarea,
#requestlistProductList textarea{
    font-size: 12px
}
#requestlistRefProductList .condition-wrapper,
#requestlistSessionProductList .condition-wrapper,
#requestlistProductList .condition-wrapper{
    margin-top: 15px
}
#requestlistRefProductList .amount-wrapper,
#requestlistSessionProductList .amount-wrapper,
#requestlistProductList .amount-wrapper{
    margin-right: 15px
}
#requestlistSessionProductList .productData,
#requestlistProductList .productData{
    margin: 0
}
#requestlistRefProductList .rq-left,
#requestlistSessionProductList .rq-left,
#requestlistProductList .rq-left{
    background: #e9ecef;
    border: 1px solid #e7e7e7;
    height: 100%
}
#requestlistSessionProductList .picture img,
#requestlistProductList .picture img{
    max-width: 150px
}
#requestlistSessionProductList .functions,
#requestlistProductList .functions{
    margin-top: 15px
}
#requestlistRefProductList .functions .btn,
#requestlistSessionProductList .functions .btn,
#requestlistProductList .functions .btn{
    background-color: transparent
}
#requestlistSessionProductList .btn-remove,
#requestlistProductList .btn-remove{
    font-size: 12px
}
.requestSendListWrap .rq-timestamp{
    float: right;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5
}
#boxwrapper_requestlistRefProductList .functions{
    margin-top: 50px
}
.requestListWrap .ArticleDetails_incVatInfo{
    display: block
}
#compareLandscape .ArticleDetails_incVatInfo{
    margin-bottom: 15px
}
#compareLandscape .tobasketFunction{
    position: relative
}
#compareLandscape .tobasketFunction .torequestlist-input-group{
    position: absolute;
    bottom: 0;
    margin: 0
}
#compareLandscape .tobasketFunction .amountToRequestlist{
    display: none
}
.fnc-noticelist{
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 15px
}
#detailsMain .shop-artnum{
    display: block;
}
.product-artnum{
    display: block;
    font-weight: normal
}
.product-brand,
#requestModal .product-amount,
#requestModal .product-condition,
#basketModal .minibasket-amount,
.minibasket-menu-box .product-amount,
.minibasket-menu-box .product-condition,
.minibasket-menu .minibasket-amount,
.minibasket-menu .minibasket-condition,
.minibasket-menu .product-artnum,
.mininoticelist-menu-box .product-amount,
.mininoticelist-menu-box .product-condition,
.requestlist-menu .product-amount,
.requestlist-menu .product-artnum,
.requestlist-menu .product-condition,
#account_order_history .product-condition,
#productinfo .product-artnum,
#productinfo .product-condition,
#account_order_history .product-artnum{
    display: inline-block;
    color: #280e3b;
    font-size: 14px
}
.condition_4{
    color: deepskyblue;
}
.condition_4:after{
    content: "\f1b8";
    font-size: 11px;
    padding-left: 5px;
    font-family: 'Font Awesome 5 Pro', sans-serif !important;
}
.condition_1{
    color: darkseagreen;
}
.condition_1:after{
    content: "\f466";
    font-size: 10px;
    padding-left: 5px;
    font-family: 'Font Awesome 5 Pro', sans-serif !important;
}
.product-brand{
    display: block
}
.torequestlist-input-group #linkToRequestListText{
    display: block;
    width: 100%
}
.details-col-top{
    margin-bottom: 25px;
}
.ratings-star-filled {
    color: #F7AD0B;
}
@media (max-width:767px){
    .details-col-top .flex-fill,
    .details-col-top .d-flex{ display: block!important}
    #hardware-sale-form{text-align: left!important}
}
.details-col-right .price-format{
    font-size: 1.25rem!important;
}
.details-col-right .line-view .attributes,
.details-col-right .list-fnc{
    display: none;
}
.details-col-right .btn-fnc-request.size-compact{
    width: 20%;
    float: left;
}
.details-col-right .form-group.size-compact .input-group{
    width: 20%!important;
    float: left;
    padding: 0;
    margin: 0 10px 0 0!important;
}
#hardware-sale-form{
    text-align: right;
}
#hardware-sale-form a.btn{
    background: #ccc;
    border: 1px solid #aaa;
}
.offerBtn {
    background-color: rgba(40, 15, 60, 0.70);
    box-shadow: 0 1px 4px rgb(0 0 0 / 60%);
    width: 280px;
    height: 65px;
    z-index: 82;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
}
.offerBtn:hover {
    background: deepskyblue;
}
.offerBtn span {
    position: absolute;
}
.label1,
.label2,
.label3 {
    color: #FFF;
}
.offerBtn:before {
    content: '';
    display: block;
    height: 245px;
    width: 500px;
    position: absolute;
    background-color: rgba(255, 255, 255, .15);
    transform: rotate(-45deg);
    top: 0;
    left: -300px;
    transition: all .2s;
}
.offerBtn:hover:before {
    left: -200px;
}
.label1 {
    font-size: 20px;
    line-height: 1em;
    left: 15px;
    top: 13px;
    text-align: left;
}
.label2 {
    font-weight: 300;
    left: 15px;
    bottom: 10px;
}
.label3 {
    top: 15px;
    right: 35px;
    font-size: 30px;
    font-weight: 400;
}
.label4 {
    transform: rotate(-90deg);
    right: -25px;
    top: 18px;
    background: #280e3b!important;
    padding: 7px 10px;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    width: 70px;
}
/* --- account > order  ----------------------------- */
img.retoureitem-img,
img.orderitem-img{
    max-width: 100px;
    border: 1px solid #ccc
}
.orderitems-functions .btn{
    width: 100%
}
div[id^="retoureWrap_"] .row {
    margin: 25px 0;
    border: 1px solid #e7e7e7;
    padding: 15px 0
}
.orderitems-functions{
    margin-top: 10px
}
.modal.orderItem-reorder img.img-fluid{
    max-width: 125px
}
.modal.orderItem-reorder .line-view-item .price{
    margin-bottom: 0!important
}
.modal.orderItem-reorder table td,
.modal.orderItem-reorder table th{
    border-bottom: 0
}
.modal.orderItem-reorder .fnc-to-product{
    margin-top: 15px
}
.modal.orderItem-reorder .ArticleDetails_incVatInfo{
    display: block;
    margin-bottom: 15px
}
.modal.orderItem-reorder .torequestlist-input-group .input-group-append{
    width: 100%
}
.modal.orderItem-reorder #multi-wrap{
    margin: 10px 0
}
.card-footer.order-fnc .btn{
    font-size: 14px
}
#account_order_history .card-header a.collapse-trigger{
    display: block;
    cursor: pointer
}
/* --- mini basket ----------------------------- */
.basket-col{
    text-align: right
}
#basketFlyout .btn.removeButton{ margin-bottom: 15px}
#basketModal .card{
    margin: 0
}
.requestlist-menu .dropdown-toggle::after,
.minibasket-menu .dropdown-toggle::after{
    display: none
}
#refProducts .title span.title-format,
#requestlistFlyout .table-bordered-minimal .title a{
    min-height: 50px;
    max-height: 60px;
    height: 60px;
    margin-bottom: 5px;
    font-size: 14px;
    display: block;
    overflow: hidden
}
#requestlistFlyout .table-bordered-minimal .price-format{
    display: block;
    margin-top: 50px
}
#modalbasketFlyout .table-bordered-minimal .total_price .price-format,
#basketFlyout .table-bordered-minimal .total_price .price-format{
    margin-top: 0
}
#modalbasketFlyout .btn.removeButton{
    display: none
}
/* --- FINDOLOGIC ----------------------------- */
.findologic_selected ul{
    padding: 0;
    list-style: none;
    display: block;
    float: left
}
.findologic_selected .findologic_selected_links{
    float: left;
    line-height: 12px
}
.findologic_selected.category span{
    line-height: 12px
}
.findologic_selected .findologic_selected_links{
    margin-right: 5px
}
#filter-showAll.closed .fl-hide-all{ display: none}
#filter-showAll.opened .fl-show-all{ display: none}
.filter-list #fl_vendor .fl_hits{
    display: none
}
.findologic_selected .findologic_filtername{
    color: #646464;
    float: left;
    font-size: 12px;
    margin-left: 10px;
    padding-right: 5px
}
.findologic_selected .findologic_filtername:nth-of-type(1) {
    margin-left: 0
}
.findologic_remove_all{float: right!important}
.findologic_selected .findologic_remove_all{
    font-size: 12px;
    display: block
}
.findologic_selected.category{
    float: left;
    width: 100%;
}
.findologic_logo{
    width: 100%;
    text-align: right
}
.fl-note{
    color: orange;
    border-bottom: 1px dotted orange;
    font-size: 12px;
    margin-bottom: 10px;
    display: inline-block
}
.fl-availability-hide{
    height: 50px;
    overflow: hidden;
    border: 1px solid #aaa
}
.findologic_logo{
    display: block;
    position: relative;
    text-align: right;
    border: 1px solid;
    float: right;
    width: auto
}
.findologic_sort ul{background: #fff}
.findologic_sort_select{
    width: 160px;
    padding: 3px 0 3px 3px;
    border-radius: 0
}
.filter-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 0;
    margin: 0
}

.filter-list>li{
    list-style: none;
    display: inline-block;
    width: calc(100% / 4);
    text-align: left;
    border-right: 25px solid transparent;
    margin-bottom: 25px
}
@media (max-width: 767px){
    .filter-list>li{
        width: calc(100% / 3);
    }
}
@media (max-width: 596px){
    .filter-list>li{
        width: calc(100% / 2);
    }
}
.filter-list li:nth-child(4),
.filter-list li:nth-child(8),
.filter-list li:nth-child(16){
    border-right: 0
}
.filter-list>li:nth-child(n+5){
    margin-top: 15px
}
.filter-list .fl_box input.fl_checkbox{
    float: left;
    margin-right: 5px
}
#fl_cat .fl_cat_active .fl_name_box{
    background: #280e3b;
    color: #fff
}
.filter-list a.fl_image_link{
    display: block;
    line-height: 1rem;
    font-size: 12px;
    color: #646464
}
.filter-list .fl_filter_title {
    border-bottom: 1px dotted #d9d9d9;
    width: 100%;
    font-size: 14px;
    padding: 0 0 7px 0;
    display: block;
    margin-bottom: 10px
}
.refineParams.bottomParams{
    padding: 25px 0
}
.label-sort{
    color: darkseagreen;
    text-decoration: initial;
    padding-right: 5px
}
.fl_filterbox .fl_ul.closed{
    height: 75px;
    overflow: hidden
}
.refineParamsGlobal{
    margin-bottom: 15px;
    width: 100%;
    float: left
}
.fl_filterbox .fl_ul.closed .show-filter{
    display: block
}
.fl_filterbox .fl_ul.expanded .hide-filter{
    display: none
}
.sort-wrap{
    border-color: #d9d9d9;
    border-width: 1px 0;
    margin: 25px 0 5px;
    clear: both
}
.filter-list a.collapse-filter{
    border-top: 1px dotted #d9d9d9;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 10px;
    color: #646464;
    font-size: 12px;
    cursor: pointer
}
.filter-list .findologic_filtername { font-weight: bold; font-size: 14px; padding: 10px 0 0 10px; display: block}
.fl_remove_filter a,
.findologic_selected_links a,
.findologic_remove_all a,
.page-header .fl_remove_filter a{
    color: orange;
    font-size: 12px
}
.fl_remove_filter{
    font-size: 12px;
}
.filter-list.price{
    margin-top: 15px;
    text-align: left
}
.filter-list .fl_ul{
    list-style: none;
    margin: 0;
    padding: 0
}
.filter-list .fl_li{
    margin: 4px 0
}
.filter-list .fl_li .fl_hits{
    float: right;
    text-align: right;
    color: #ccc;
    font-size: 10px;
    padding-right: 5px
}
.filter-list .fl_active a {
    color: orange
}
.fl-autocomplete .ui-menu-item .col.label{
    width: 100%!important
}
.ui-menu-item .fl-ordernumber,
.ui-menu-item .fl-condition,
.ui-menu-item .fl-price{
    font-size: 12px!important
}
.ui-menu-item .fl-price .price-label{
    color: #280e3b!important;
    font-size: 1rem;
    white-space: nowrap;
    font-family: 'Anton', sans-serif!important;
}
.fl-autocomplete.ui-autocomplete li.ui-autocomplete-category:not(.ui-autocomplete-allResults) h3 {
    border-bottom: 1px solid #EEE
}
.fl-autocomplete.ui-autocomplete {
    display: block!important;
    /* DEBUG only */
}
.ui-autocomplete-category.fl-block-suggest h3,
.ui-autocomplete-category.fl-block-cat h3,
.fl-item-suggest.ui-menu-item a,
.fl-item-suggest.ui-menu-item .fl-title.label,
.fl-item-suggest.ui-menu-item .fl-ac-highlight {color: grey!important}
.fl-autocomplete.ui-autocomplete .ui-menu-item .col.image {
    max-height: 50px!important;
    height: 50px!important;
    width: 120px!important;
    max-width: 110px!important;
}
.fl-autocomplete.fl-use-two-columns-layout li.ui-menu-item a {
    border-bottom: 1px solid #eee
}
.fl-autocomplete .ui-menu-item .col.image{
    order:0!important
}
/** Color Picker **/
#flColorFilter .fl_li {float: left;overflow: hidden;padding: 1px}
#flColorFilter .colorPickerWrapper {position: relative;text-align: center;width: 22px;height: 22px}
#flColorFilter .colorPicker {width: 18px;height: 18px;position: absolute;margin: 2px;left: 0;top: 0}
#flColorFilter .noColorFound {padding-top: 4px}

#fl_cat.expand-closed,
.filter-list.search-result.expand-closed,
.filter-list.category.expand-closed{
    max-height: 0px;
    overflow: hidden
}
#filter-showAll{
    text-align: center;
    color: orange;
    margin: 10px 0;
    float: left;
    width: 100%;
}
#filterResetWrap{
    float: left;
    margin-top: 10px
}
#filter-showAll:hover{
    cursor: pointer
}
.active .filter-link, .filter-link:hover, .selected .filter-link{
    font-weight: bold;
    color: orange
}
.filter-item.active, .filter-item.selected, .filter-item:hover{
    background-color: transparent
}
.page-link:hover {
    z-index: 2;
    color: orange!important;
    text-decoration: none;
    background-color: transparent;
    font-weight: bold
}
.numberCircle {
    border-radius: 100%;
    width: 20px!important;
    height: 20px!important;
    background: #fff;
    border: 2px solid #280e3b;
    color: #280e3b;
    text-align: center;
    font-size: 14px;
    margin: 0;
    display: inline-block;
    position: relative;
    top: -2px
}
/* --- FORMS ----------------------------- */
.table-sm{
    font-size: 12px
}
.table-sm p{
    margin-bottom: 0;
}
.form-control-xs{
    height: calc(1.3125rem + 2px);
    padding: .15rem .1rem;
    font-size: .775rem;
    line-height: 1.5;
    border-radius: .2rem
}
#rate-bar{
    width: 100%;
    background: #EEE;
    text-align: center;
    padding: 10px;
    margin: 10px 0
}
#rate-bar .btn{
    box-shadow: none;
    width: 100%
}
#rate-bar .col-6{
    text-align: center
}
#rate-bar .btn:hover{
    background-color: transparent!important;
    border: 1px solid transparent!important
}
#rate-bar .btn i{
    font-size: 3rem
}
#rate-bar i{
    border: 1px solid transparent!important;
    padding: 5px;
    width: 60px
}
#rate-bar .selValue i{
    border: 1px solid #aaa!important;
    padding: 5px;
    background: #fff;
    text-align: center;
    border-radius: 50px;
    width: 60px
}
#rate-bar #hardware_feedback_q1,
#rate-bar #hardware_feedback_q2{
    display: none
}
body.cl-pp_hardware_start .jumbotron .btn-primary{
    margin-top: 15px
}
body.cl-pp_hardware_contact .fileuploader-input .fileuploader-input-inner{
    text-align: left
}
body.cl-pp_hardware_contact #fileUploadWrap.type-small .fileuploader,
body.cl-pp_hardware_contact .fileuploader-input{
    padding: 0
}
body.cl-pp_hardware_contact #fileUploadWrap.type-small .fileuploader{
    width: 20%
}
#rate-bar i.fa-smile-wink{
    color: green
}
#rate-bar i.fa-frown{
    color: red
}
.form-check-label{
    width: 100%;
    display: block
}
.form-control{
    border-radius: 0
}
textarea.form-control{
    height: 150px!important
}
.form-note.multi-select{
    display: block;
    padding: 5px 0;
    font-size: 12px
}
.parsley-required,
label.req,
label.req-before{
    color: #280e3b
}
.req-before {
    font-weight: 700
}
.parsley-error input[type="checkbox"]{
    outline: 2px solid red
}
.label-light{
    font-weight: normal!important
}
span.req:after,
label.req:after{
    content: '*'
}
span.req-before:before,
label.req-before:before{
    content: '*'
}
span.req.req-before:after,
label.req.req-before:after{
    content: none
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #280e3b;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.form-control.parsley-error:focus{
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7
}
.parsley-type,
.parsley-required{
    line-height: 1.25rem
}
.form-horizontal .form-group .control-label{
    text-align: left
}
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7
}
.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    color: #B94A48;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in
}
.parsley-errors-list.filled li{
    line-height: 18px
}
.parsley-errors-list.filled .parsley-required{
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    padding: 0 5px;
    margin: 5px 0
}
.parsley-errors-list.filled {
    opacity: 1;
    width: 100%
}
.alert.alert-validate{
    padding: .25rem .75rem
}
.alert.alert-validate h4,
.alert.alert-validate p{
    padding: 0;
    font-size: 14px;
    line-height: 17px;
    margin: 0
}
.alert.alert-validate h4{
    float: left;
    font-weight: bold;
    padding-right: 5px
}
.input-group{
    margin-bottom: 10px
}
/* https://github.com/tonystar/bootstrap-float-label */
.has-float-label{display:block;position:relative}.has-float-label label,.has-float-label>span{position:absolute;cursor:text;font-size:75%;opacity:1;-webkit-transition:all .2s;transition:all .2s;top:-.5em;left:.75rem;z-index:3;line-height:1;padding:0 1px}.has-float-label label::after,.has-float-label>span::after{content:" ";display:block;position:absolute;background:#fff;height:2px;top:50%;left:-.2em;right:-.2em;z-index:-1}.has-float-label .form-control::-webkit-input-placeholder{opacity:1;-webkit-transition:all .2s;g:all .2s}.has-float-label .form-control::-moz-placeholder{opacity:1;transition:all .2s}.has-float-label .form-control:-ms-input-placeholder{opacity:1;transition:all .2s}.has-float-label .form-control::placeholder{opacity:1;-webkit-transition:all .2s;transition:all .2s}.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus)+*{font-size: 110%;opacity: 1;top:.8em;color: #280e3b}.input-group .has-float-label{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.input-group .has-float-label .form-control{width:100%;border-radius:.25rem}.input-group .has-float-label:not(:last-child),.input-group .has-float-label:not(:last-child) .form-control{border-bottom-right-radius:0;border-top-right-radius:0;border-right:0}.input-group .has-float-label:not(:first-child),.input-group .has-float-label:not(:first-child) .form-control{border-bottom-left-radius:0;border-top-left-radius:0}.disabled-section .has-float-label>span::after{background: transparent}
.has-float-label{
    width: 100%;
    margin-bottom: 0;
    /* check textarea width if changed */
}
/* file upload */
#fileUploadWrap.type-small{
    float: left;
    width: 100%;
    margin-bottom: 25px
}
#fileUploadWrap.type-small .fileuploader-items .fileuploader-items-list{
    margin: 0;
    padding: 0
}
#fileUploadWrap.type-small .fileuploader{
    width: 30%;
    margin: 0;
    background: transparent;
    border: 0;
    padding: 5px
}
#fileUploadWrap.type-small .fileuploader-items .fileuploader-item{
    padding: 5px;
    margin-top: 10px
}
#fileUploadWrap.type-small .ident-it4_hardware_upload_restrict{
    float: left
}
#fileUploadWrap.type-small .fileuploader{
    float: left
}
#fileUploadWrap.type-small .fileuploader-input-caption,
#fileUploadWrap.type-small .fileuploader-input-inner p{
    display: none
}
.fileuploader-input{
    padding: 15px
}
.fileuploader-input .fileuploader-input-inner{
    width: 100%;
    text-align: center
}
.cl-details .fileuploader{margin-top: 0}
.cl-details .fileuploader-input{
    padding: 5px
}
.cl-details .fileuploader-input-inner p,
.cl-details .fileuploader-input-caption{
    display: none;
}
#hardware_products table,
#hardware_products table tr,
#hardware_products table td {
    border: 0
}
#hardware_products_list tr:first-child button.removeButton{
    display: none
}
#hardware-q1,
#hardware-q2,
#hardware-q3{
    padding: 15px
}
/* --- BOOTSTRAP ----------------------------- */
.card-body{text-align: left}
.ajax-loader {
    background-color: rgba(255,255,255,0.7);
    width: 100%;
    height:100%
}
.ajax-loader img {
    position: relative;
    top:50%;
    left:50%
}
.offset-md-0 {
    margin-left: 0
}
.offset-md-1 {
    margin-left: 8.3333333333%
}
.offset-md-2 {
    margin-left: 16.6666666667%
}
.offset-md-3 {
    margin-left: 25%
}
.offset-md-4 {
    margin-left: 33.3333333333%
}
.offset-md-5 {
    margin-left: 41.6666666667%
}
.offset-md-6 {
    margin-left: 50%
}
.offset-md-7 {
    margin-left: 58.3333333333%
}.offset-md-8 {
     margin-left: 66.6666666667%;
 }
.offset-md-9 {
    margin-left: 75%
}
.offset-md-10 {
    margin-left: 83.3333333333%
}
.offset-md-11 {
    margin-left: 91.6666666667%
}
.no-gutters-all {
    margin-right: 0;
    margin-left: 0;
    padding: 0
}
.no-gutters-all .col,
.no-gutters-all [class*="col-"] {
    padding-right: 0;
    padding-left: 0
}
.no-gutters-outside {
    margin-right: 0;
    margin-left: 0
}
.no-gutters-outside>[class*="col-"]{
    padding-right: 0!important;
    padding-left: 0!important
}
.clearfix{
    height: 1px;
    width: 100%;
    clear: both
}
.hidden{
    margin: 0!important;
    padding: 0;
    display: none
}
.text-center-v{
    display: flex;
    align-items: center
}
.list-unstyled li{
    border: 0
}
.list-unstyled .list-group-item{
    padding: .25rem 1.25rem;
    background: transparent
}
.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row
}

.list-group-horizontal .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0
}

.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal .list-group-item.active {
    margin-top: 0
}

.list-group-horizontal .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .list-group-horizontal-sm .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-sm .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-sm .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-sm .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-sm .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .list-group-horizontal-md .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-md .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-md .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-md .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-md .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .list-group-horizontal-lg .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-lg .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-lg .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-lg .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-lg .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .list-group-horizontal-xl .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xl .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-xl .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-xl .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-xl .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
.col-no-padding {
    padding: 0 !important;
    margin: 0 !important
}
.card.card-big {
    border: 1px solid #280e3b
}
.card.card-light{
    border: 0
}
.card.card-light .card-header{
    background: transparent;
    border: 0;
    padding-left: 0
}
.card-teaser{
    border-top: 1px solid #e7e7e7;
    margin-top: 5px;
    margin-bottom: 0;
    padding-left: 10px;
}
.btn-collapse{
    padding-left: 10px;
}
div[id^="collapse-"] .card-body ul{
    padding-left: 20px;
}
.nav-tabs .nav-link{
    border-radius: 0
}
.nav-item.nav-link.active {
    border-color: #280e3b #dee2e6 #fff #dee2e6;
    border-top: 1px solid #280e3b;
    font-weight: bold
}
.nav-tabs,
.tab-content{
    width: 100%;
}
.tooltip-inner {
    max-width: 350px;
    width: 350px;
    font-size: 12px;
    border: 1px solid #280e3b;
    background: #280e3b;
    color: #fff
}
.show-tooltip.highlight-tooltip{
    border-bottom: 1px dotted #280e3b;
}
.condition_1 .show-tooltip.highlight-tooltip{ border-color: darkseagreen}
.condition_4 .show-tooltip.highlight-tooltip{ border-color: deepskyblue}
.tooltip-inner a,
.tooltip-inner u{
    color: #FFF!important;
    text-decoration: underline;
}
/* bootstrap collapse */
.text-style .card{
    border: 0;
}
.text-style .card-header{
    border: 0;
    padding: 0;
    background: transparent;
}
.text-style .btn.btn-link{
    padding-left: 0;
}
.text-style .btn.btn-link:hover{
    background: transparent;
    color: #675775;
    text-decoration: none!important;
    border: 1px solid transparent;
}
.text-style .card-body{
    padding: 5px;
    border-top: 1px solid #e7e7e7;
}
.text-style .btn.btn-link[aria-expanded="false"]:before{
    font-family: 'Font Awesome 5 Pro',sans-serif!important;
    color: #F7AD0B!important;
    content: "\f4a8";
    padding-right: 10px;
}
.text-style .btn.btn-link[aria-expanded="true"]:before{
    font-family: 'Font Awesome 5 Pro',sans-serif!important;
    color: #F7AD0B!important;
    content: "\f4a7";
    padding-right: 10px;
}
.text-style .btn.btn-link:focus{
    text-decoration: none;
}
.text-style .card .collapse.show .card-body{

}
.text-style .card-body p{}
/* --- responsive ----------------------------- */

.affix {
    position: fixed
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
.visible-print {
    display: none !important
}
@media print {
    .visible-print {
        display: block !important;
    }
    table.visible-print {
        display: table !important;
    }
    tr.visible-print {
        display: table-row !important;
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}
.visible-print-block {
    display: none !important
}
@media print {
    .visible-print-block {
        display: block !important;
    }
}
.visible-print-inline {
    display: none !important
}
@media print {
    .visible-print-inline {
        display: inline !important;
    }
}
.visible-print-inline-block {
    display: none !important
}
@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}
@media print {
    .hidden-print {
        display: none !important;
    }
}

/* --- dropdown   ----------------------------- */
.dropdown-menu{
    border-radius: 0
}
.dropdown-menu{
    -webkit-animation: fade-in .3s ease-out;
    -moz-animation: fade-in .3s ease-out
}
@-webkit-keyframes fade-in {
    0% { opacity: 0}
    100% { opacity: 1}
}
@-moz-keyframes fade-in {
    0% { opacity: 0;  }
    100% { opacity: 1;  }
}
.dropdown-item.active, .dropdown-item:active{
    background: #280e3b;
    color: #FFF
}
.dropdown-item:active:hover{
    background-color: #675775
}
#navbar-products .dropdown-menu{
    -webkit-animation: fade-in .0s ease-out;
    -moz-animation: fade-in .0s ease-out
}
/* --- list group  ----------------------------- */
.list-group-item.active{
    background-color: #280e3b;
    border-color: #280e3b;
}
.list-group-item:last-child,
.list-group-item:first-child{
    border-radius: 0
}
/* --- jumbotron  ----------------------------- */
.jumbotron{
    padding: 1.75rem
}
.jumbotron p{
    margin: 0
}
/* --- badges  ----------------------------- */
.services li .badge{
    background-color:#675775;
    color: #FFF
}
.services li .badge,
.badge{
    border: 1px solid #ced4da;
    position: relative;
    top: -2px;
    border-radius: 10%;
    background: #fff;
    min-width: 20px;
    font-size: 10px;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: orange
}
/* --- modal  ----------------------------- */
.modal{
    max-width: 100vw
}
.modal-open .modal{
    padding: 0!important
}
.modal-content .card{
    margin-bottom: 0
}
#order-cases .card{
    margin-bottom: 15px
}
.modal-medium{
    max-width: 50vw
}
@media (min-width: 992px) {
    .modal-dialog {
        max-width: 75vw;
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog.modal-lg {
        max-width: 75vw;
        max-width: 1200px;
        margin: 1.75rem auto;
    }
}
.modal-header.ltr .close {
    padding: 1rem 1rem;
}
.offcanvas-login .jumbotron{
    padding: .75rem;
    background: #280e3b;
    color: #FFF;
    border-radius: 0;
    margin-bottom: 0;
}
.offcanvas-login .jumbotron .btn{
    background-color: #D2D2D2;
    color: #280e3b;
    border-radius: 20px;
    width: 100%;
}
.offcanvas-login .jumbotron p.lead{font-size: 1rem}
.offcanvas-login .jumbotron p.lead:before{content:"\2022";}
@media (min-width: 768px) {
    #offcanvasModal .modal-md {
        left: 0;
        margin: 0;
        width: 50vw;
        min-width: 50vw;
        height: 100vh
    }
    #offcanvasModal .modal-md .modal-content{
        min-height: 100vh
    }
}
#offcanvasModal span.h4{display: block;margin-bottom: 10px!important;}
#offcanvasModal p.lead{font-size: 12px!important}
/* --- well ----------------------------- */
.well {
    min-height: 20px;
    padding: 12px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}
.well-full{
    width: 100%
}
/* --- alerts ----------------------------- */
.alert-dismissible .close{
    padding: .55rem 1.25rem
}
.alert-fixed{
    z-index: 9999;
    text-align: center
}
.alert-shop{

}
.alert{
    background: #FFF;
    border: 1px solid rgba(0,0,0,.12);
    font-size: 14px;
    border-radius: 0
}
.alert-info{
    border-left: 6px solid #280e3b;
    color: #280e3b;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert-warning,
.alert-danger{
    color: #721c24;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    border-left: 6px solid #721c24
}
.alert.small{
    font-size: 12px;
    padding: 0.25rem;
    margin: 0.5rem 0
}
/* --- table ----------------------------- */
.table-bordered-minimal td,
.table-bordered-minimal th{
    border-bottom: 1px solid #dee2e6;
    border-top: 0;
    padding: 0.75rem 0.25rem
}
.table-bordered-minimal td.total_label,
.table-bordered-minimal td.total_price{
    border-bottom: 0
}
.table-bordered-minimal tr{
    margin: 0.25rem 0
}
.table-bordered-minimal .picture img{
    border: 1px solid #aaa
}
.table-bordered-minimal .title a{
    font-size: 14px
}
.table-bordered-minimal .price{
    white-space: nowrap
}
#basketFlyout .table-bordered-minimal .price-format,
.table-bordered-minimal .total_label strong,
.table-bordered-minimal .total_price strong{
    font-weight: bold;
    font-size: 18px;
    color: #280e3b
}
.total_label strong,
.total_price strong{
    font-size: 20px
}
#basketSummary .price-format{
    font-family: 'Roboto', sans-serif!important;
    font-size: 14px
}
/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
 * http://www.bootstraptoggle.com
 * ========================================================================
 * Copyright 2014 Min Hur, The New York Times Company
 * Licensed under MIT
 * ======================================================================== */
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
.toggle.btn{min-width:59px;min-height:34px}
.toggle-on.btn{padding-right:24px}
.toggle-off.btn{padding-left:24px}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}
.toggle.btn {
    min-width: 59px;
    min-height: 34px;
    border: 1px solid #280e3b;
    box-shadow: none;
    border-radius: 25px
}
.toggle-handle {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    height: 30px;
    width: 30px;
    background: #280e3b;
    border-width: 0 1px;
    border-radius: 25px
}
.toggle-on,
.toggle-off{
    font-size: 12px
}
/* cards */
.card.card-no-outline{
    border: 0!important;
    margin: 25px;
}
.card{
    height: auto!important;
    border-radius: 0
}
.card-header.sub-header{
    margin: 1rem -1.25rem
}
h4.modal-title{
    line-height: 1.5;
    font-size: 18px
}
.card-header{
    line-height: 1.5
}
.card-header .btn{
    white-space: normal;
    text-align: left
}
.card-image{
    text-align: left;
}
.card-body.card-blue-bg{
    background: #e9ecef;
    color: #280e3b;
    border-top: 1px solid rgba(0,0,0,.125);
}
/* --- TYPO ----------------------------- */
a{
    color: #280e3b
}
a:hover{
    color: rgba(40,15,60, 0.70)
}
a.link-underline{
    text-decoration: underline
}
b, strong{
    font-weight: 700
}
label.label-heading{
    background: #280e3b;
    display: block;
    color: #FFF;
    padding: 5px
}
h1, h2, h3, h4, h5,
.page-header h2.h2{
}
.page-header.flex-bottom{
    display: flex;
    align-items: flex-end
}
.no-wrap{
    white-space: nowrap
}
.two-liner{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.boxwrapper{
    margin-top: 0
}
.boxwrapper .page-header{
    text-align: left
}
.page-header{
    margin: 0
}
.content .page-header:first-child{
    margin-bottom: 15px
}
.label-gray{
    color: #333
}
.page-header.search-result{
    margin-bottom: 25px;
    padding: 5px
}
.title-format{
    font-weight: bold
}
.price-format {
    color: #280e3b!important;
    font-size: 2.0rem;
    white-space: nowrap;
    font-family: 'Anton', sans-serif!important
}
.price-format.price-no-vat{
    text-decoration: line-through
}
#detailsMain .price-format{
    font-size: 2.75rem
}
.line-view-item .price{
    font-size: 2rem
}
.cmsPage .productBox .shop-artnum,
.requestlist-view .shop-artnum,
.line-view .shop-artnum{
    display: block;
    margin-top: 5px
}
.cmsPage .line-view .ArticleDetails_incVatInfo{
    display: block
}
.cmsPage .nav-tabs {
    border: 1px solid #dee2e6;
    margin: 15px 0 5px;
    padding: 5px
}
.cmsPage .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #280e3b;
    border-color: #dee2e6
}
.cmsPage .tab-content{
    border: 0
}
.type-agimagewidget a,
.type-agimagewidget .thumbnail-image-container{ display: inline-block; overflow: hidden}
.type-agimagewidget a img.img-responsive.img-fluid{  transition: transform .2s}
.type-agimagewidget a img.img-responsive.img-fluid:hover{transform: scale(1.15)}
.lead{
    font-size: 1rem;
    font-weight: normal
}
.display-4{
    font-size: 1.5rem
}
.bullet-step {
    width: 20px;
    height: 20px;
    padding: 2px;
    color: #fff;
    font-weight: bold;
    background: #280e3b;
    text-align: center;
    font-size: 12px;
    float: left
}
.bullet-heading{
    background: #675775;
    display: inline-block;
    color: #FFF;
    top: -1px;
    line-height: 20px;
    font-size: 12px;
    padding: 0 5px;
    margin-bottom: 5px;
    position: relative
}
/* --- VISUAL CMS ----------------------------- */
#details-cms-content article{
    width: 100%;
    border: 1px solid #e7e7e7;
    padding: 15px
}
/* --- BANNER CMS CONTENT ----------------------------- */
#ad_right{
    padding: 0 5px;
    width: 210px;
    position: absolute;
    right: -210px
}
#ad_left{
    padding: 0 5px;
    width: 210px;
    position: absolute;
    left: -210px
}
#ad_skyscraper_1,
#ad_skyscraper_3{
    margin-bottom: 20px
}
#ad_left .caption,
#ad_right .caption{
    font-size: 10px;
    padding-top: 5px
}
@media (max-width: 992px){
    #ad_right,
    ad_left{
        display: none
    }
}
/* --- VISUAL CMS > notifcations ----------------------------- */
#notification_start{
    text-align: center;
    border-bottom: 1px solid #280e3b;
    background: #F0EEEF;
    font-size: 13px;
    padding: 5px;
    overflow: hidden;
}
#notification_details{
    text-align: center;
    padding: 5px;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    font-size: 13px;
    margin: 30px 0;
}
/* --- CUSTOM CMS CONTENT ----------------------------- */
@media (max-width: 768px) {
    .colclass-cnt-switches,
    .colclass-cnt-router,
    .colclass-cnt-router,
    .colclass-cnt-firewalls,
    .colclass-cnt-wlan{ width: 50%}
    .colclass-cnt-switches img,
    .colclass-cnt-router img,
    .colclass-cnt-router img,
    .colclass-cnt-firewalls img,
    .colclass-cnt-wlan img{ height: 150px!important}
}
.cmsPage.ident-it4_details_contact .type-agtextwidget p:last-of-type{ margin-bottom:0}
#scroll_nav_content .row.after-navScroll,
.cmsPage.ident-it4_hardware_intro .scroll-nav{ margin: 25px 0}
.ident-it4_shop_footer_shipping .flex-fill,
.ident-it4_shop_footer_payment .flex-fill{
    text-align: center!important
}
.colclass-rounded.type-it4_image_grid .card.card-image-grid{
    border-radius: 15px;
    overflow: hidden;
}
.colclass-rounded.type-it4_image_grid .card-title{
    padding-left: 5px;
    font-weight: bold
}
.manufacturer-slider {
    border:0;
    background-color: transparent;
    padding: 0;
    margin: 0;
}
.type-it4_image_grid .card-image-grid{overflow: hidden}
.type-it4_image_grid .card-image-grid img{  transition: transform .2s}
.type-it4_image_grid .card-image-grid img:hover{
    transform: scale(1.15);
}
.type-it4_image_grid{margin-bottom: 15px!important; padding-left: 5px; padding-right: 5px}
.cmsPage.ident-it4_hardware_intro{margin-bottom: 15px!important;}
/* --- RESPONSIVE  ----------------------------- */
@media (max-width: 992px){
    .btn{
        font-size: 0.75rem;
    }
    .productData div[class^='col-'],
    .productData div[class*='col-']{
        padding-top: 1.5%;
    }
    #header div[class^='col-'],
    #header div[class*=' col-']{
        padding-top: 1.5%;
        padding-bottom: 1.5%;
    }
    .btn-group.services-menu .dropdown-menu{
        width: 90vw;
    }
    .modal-dialog.modal-lg {
        max-width: 75vw;
        max-width: 800px;
        margin: 1.75rem auto;
    }
}
@media (min-width: 768px) {
    .header .logo-img {
        display: block;
    }
}
@media (max-width: 992px){
    .btn-group.requestlist-menu,
    .btn-group.minibasket-menu,
    .btn-group.requestlist-menu button:not(.close),
    .btn-group.minibasket-menu button:not(.close){
        width: 95%;
    }
}
.noticelist-menu .picture img,
.requestlist-menu .picture img,
.minibasket-menu .picture img,
#requestModal .picture img{
    max-width: 75px
}
#requestlistSessionProductList img.rq-thumb,
.requestSendListWrap img.rq-thumb{
    max-width: 50px
}
#boxwrapper_refProductList img.rq-thumb {
    max-width: 100%
}
#refProd-list tr{}
#requestlistSessionProductList textarea,
#requestlistProductList textarea{
    font-size: 12px
}
/* --- MOBILE ----------------------------- */
#stickyContent{
    display: none
}
@media (max-width: 767px) {
    .checkout-step span{
        color: #FFF
    }
    #offcanvas{
        overflow: visible
    }
    #offcanvas .badge{
        left: -5px;
        top: 5px;
    }
    #stickyContent{
        display:none;
    }
    #stickyContent .breadcrumb{
        padding: 0
    }
    #header .logo-img{
        width: 450px
    }
    .offcanvas {
        padding: 0;
        margin: 0;
    }
    .offcanvas .modal-dialog {
        max-width: 100%;
        height: 100vh;
        margin: 0;
    }
    .offcanvas .modal-content {
        height: 100%;
        border: none;
        border-radius: 0;
    }
    .offcanvas .modal-body {
        overflow-y: auto;
    }
    .offcanvas-info{
        border-top: 1px solid #280e3b;
        padding-top: 25px
    }
    .offcanvas-info .list-group-item:before{
        content: "\f324";
        font-family: 'Font Awesome 5 Duotone', sans-serif !important;
        font-size: 10px;
        padding-right: 5px;
        line-height: 20px;
    }
    #header-wrap{
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 999;
    }
    #wrapper{
        padding: 0 15px
    }
    body.cl-details #wrapper{padding: 0}

    #header div[class^='col-'], #header div[class*=' col-']{
        padding-top: 2.5%
    }
    .h1, h1{
        font-size: 26px
    }
    .no-gutters-sm{
        padding: 0
    }
    #content .subcatList,
    #stickyContent .subcatList,
    #subcatListMobile {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }
    #content .subcatList,
    #subcatListMobile .list-group,
    #stickyContent .subcatList{
        border: 2px solid #aaa;
        border-width: 2px 0;
        display: flex;
        align-items: center;
    }
    #stickyContent .subcatList .list-group-flush,
    #subcatListMobile .list-group-flush {
        display: inline-block;
    }

    #stickyContent .subcatList .list-group-item,
    #subcatListMobile .list-group-item {
        display: inline-block;
        vertical-align: top;
        border: 0
    }
}
@media (max-width: 992px) {

    .offcanvas-tree ul{
        margin: 0;
        padding: 0
    }
    .offcanvas-tree li{
        list-style: none
    }
    .offcanvas-tree .nav-item {
        position: relative;
        margin-bottom: 5px;
    }
    .offcanvas-tree .nav-link{
        padding: 0.25rem 1rem;
        position: relative;
    }
    .offcanvas-tree .card-header:after,
    .offcanvas-tree .nav-link:after{
        content: '\f061';
        font-family: 'Font Awesome 5 Duotone',sans-serif!important;
        position: absolute;
        right: 10%;
        top: 30%;
        transform: translateY(-50%);
        margin-left: 15px;
    }
    .offcanvas-tree .cms-deeplink .nav-link:after{
        content: '\f061';
    }
    .offcanvas-tree .card-header{
        border-bottom: 0px;
        height: 30px;
    }
    .offcanvas-tree .card-header:after{
        content: '\f063';
    }
    .offcanvas-tree #navSidebarMain .nav-link:after{
        display:none
    }
    .offcanvas-tree .nav-item a{
        line-height: 25px
    }
}

/* mobile NAV */
#accMainTree .card {
    border: 0
}
#accMainTree .card-header{
    padding: .25rem;
    background-color: transparent;
}
#accMainTree .btn{
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    z-index: 100;
}
#accMainTree .btn:hover{
    background-color: transparent;
    border: none;
    color: #280e3b;
    text-decoration: none
}
#navSidebarMain li.root ul.col1,
#navSidebarMain li.root ul.col2 ,
#navSidebarMain li.root ul.col3{
    display:none
}
body.is-developer #navSidebarMain li.end a[data-article="empty"],
body.is-developer #navSidebarMain li.root ul.col3.active a[data-article="empty"]{
    color: red!important;
    display: block;
    text-decoration: line-through!important;
}
#navSidebarMain li.end a[data-article="empty"],
#navSidebarMain li.root ul.col3.active a[data-article="empty"]{
    display: none;
}
#navSidebarMain li.root ul.col3.active,
#navSidebarMain .noArticles,
#navSidebarMain ul.visible.active{
    display: block
}
#navSidebarMain .visible {
    display: block!important;
}
#navSidebarMain ul.col1{ text-indent: 10px}
#navSidebarMain ul.col2{ text-indent: 30px}
#navSidebarMain ul.col3{ text-indent: 45px}
#navSidebarMain ul.visible.active { display: block;}

#navSidebarMain .activeRoot > a{font-weight: bold}
#navSidebarMain .fa-plus-circle:before{content:''}

#navSidebarMain span.after{
    font-family: 'Font Awesome 5 Duotone',sans-serif!important;
}
#navSidebarMain span.after:after{     content: '\f061';
    font-family: 'Font Awesome 5 Duotone', sans-serif !important;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 15px;}
#navSidebarMain li.end span.after:after{ content: ""; /*\f324*/}

#navSidebarMain .col3 span.after{ display: none}
#navSidebarMain span.after{}
.offcanvas-tree #navSidebarMain .l4 .nav-link{font-size: 13px }
.offcanvas-tree #navSidebarMain .nav-item{margin-bottom: 1px;}
.offcanvas-tree .nav-item{ background:#FFF}