:root {

    --ts-color-one: #FDC300;
    --ts-color-two: #373735;
    --ts-color-three: #995D43;
    --ts-color-four: #8bb8a8;
    --ts-color-five: #fff;

    --ts-text: #000;
    --ts-bg-color: #eee;

}

@font-face {
    font-family: 'aero-plain';
    src: url('../../cfg/sikura/fonts/aero-plain.ttf') format('truetype');
}

@font-face {
    font-family: 'NeueHaasGroteskText';
    src: url('../../cfg/sikura/fonts/Neue_regular.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'NeueHaasGroteskText';
    src: url('../../cfg/sikura/fonts/Neue_bold.ttf') format('truetype');
    font-weight: bold;
}

.navbar {
    height: 60px;
    background-color: var(--ts-color-two);
}

.navbar-brand {
    background-image: url(../../cfg/sikura/img/logo-menu.png) !important;
    background-size: 120px !important;
    height: 60px;
    margin-left: 15px;
}
.ts-navbar-brand {
    background-color: transparent;
}

.fixed-brand {
    height: 50px;
}

#wrapper {
    padding-top: 80px;
    margin-bottom: -30px;
}

#page-content-wrapper {
    min-height: calc(100vh - 145px);
    overflow-y: unset;
    height: auto !important;
}

.sidebar-nav li a {
    color: var(--ts-color-five);
}

.sidebar-nav li a:hover {
    color: black;
    border-left: var(--ts-color-one) 2px solid;
    background: #9d9d9c;
}

.navbar-toggle > span {
    color: #fff;
}

.sidebar-nav > li > a > span > i {
    color: var(--ts-color-one);
}

.user-menu > a > span > i {
    color: #fff;
}

.cart-len {
    color: #ce1f00;
    z-index: 1;
    position: relative;
    top: -4px;
    left: -15px;
    font-size: 16px;
    font-weight: 700;
}

.ts-nav-bs5 .cart-len {
    top: -7px;
    left: -15px;
    font-size: 18px;
}

.ts-nav-cart {
    top: 0px;
}

.box-cart-len > i {
    font-size: 2em;
}

.user-menu {
    top: 15px;
}

.user-menu > button > span.fa-stack > i {
    color: var(--ts-color-one);
}

.user-menu > button > span, .user-menu > ul > li > a {
    color: var(--ts-color-two);
}

.user-menu > ul > li > a > span > i {
    color: var(--ts-color-one);
    top: -3px;
}

@media (min-width: 300px) {
    .fixed-brand {
        width: 260px;
    }

    .navbar-brand {
        display: inline;
        background-repeat: no-repeat;
        width: 200px;
        padding: 0;
    }
}

.btn-more-bright{
    opacity: 0.8;
}

.btn.ts-btn-secondary:focus{
    color: var(--ts-color-one);
 }

/*********** TOOLBAR ************/
.toolbar {
    background-color: var(--ts-color-one);
    position: fixed;
    top: 0;
    height: 30px;
    width: 100%;
    z-index: 1050;
}

.toolbar + .navbar {
    top: 30px;
}

.toolbar + .navbar .user-menu {
    top: 50px;
}

.toolbar + .navbar + #wrapper {
    padding-top: 85px;
}

.toolbar + .navbar > .user-menu {
    right: 50px;
}

.ts-myomni {
    text-align: right;
    margin-top: 3px;
}

.ts-myomni .ts-btn-myomni {
    background-color: transparent;
    text-align: right;
    font-weight: 700;
    color: #fff;
    border-radius: 0px;
    border-left: 2px solid var(--ts-color-two);
    border-right: 2px solid var(--ts-color-two);
    box-shadow: none;
    padding: 3px 10px;
    font-size: 18px;
    margin: 0px 20px;
}

.ts-myomni.open .ts-btn-myomni {
    background-color: var(--ts-color-two);
    text-align: right;
    color: #fff;
}
.ts-myomni.open .ts-btn-myomni > i.fa-angle-left {
    transform: rotate(-90deg);
}

.ts-myomni .ts-btn-my {
    color: var(--ts-color-two);
}

.ts-myomni.open .ts-btn-my {
    color: var(--ts-color-one);
}

.ts-myomni.open .ts-btn-myomni:hover, .ts-myomni.open .ts-btn-myomni:active, .ts-myomni.open .ts-btn-myomni:focus {
    color: #fff;
    border-left: 2px solid var(--ts-color-two);
}

#dropdownMenuButton {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
}

.ts-dropdown-myomni {
    padding: 15px 30px;
    background-color: var(--ts-color-two);
    border-radius: 0px;
    border-top: 2px solid var(--ts-color-one);
    color: #fff;
}

.ts-dropdown-myomni .ts-item {
    display: block;
    color: #fff;
    font-size: 16px;
    height: 40px;
}

.ts-dropdown-myomni .ts-col-azi .ts-item {
    font-size: 18px;
}

.ts-dropdown-myomni .ts-col-azi .ts-item > span {
    display: inline-block;
}

.ts-dropdown-myomni .ts-col-close {
    text-align: right;
}

.ts-dropdown-myomni a.ts-item {
    cursor: pointer;
}

.ts-dropdown-myomni .ts-col {
    line-height: 34px;
}

.ts-dropdown-myomni .ts-col:not(:first-child):not(:last-child) {
    border-right: 2px solid #fff;
}

.ts-dropdown-myomni .ts-col .ts-sub-col {
    padding: 0;
}

.ts-dropdown-myomni .ts-item-icon {
    border-radius: 20px;
    margin-right: 5px;
    background-color: var(--ts-color-one);
    font-weight: 900;
    color: var(--ts-color-two);
}

.ts-dropdown-myomni .ts-close-icon {
    color: #fff;
    cursor: pointer;
    min-height: 40px;
}

.ts-dropdown-myomni .ts-item-head {
    color: #fff;
    margin-top: 5px;
}

.ts-dropdown-myomni .ts-ellipsed {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 1250px) {
    .ts-dropdown-myomni .ts-item {
        font-size: 14px;
    }

    .ts-dropdown-myomni .ts-col {
        padding: 0 7px;
        line-height: 27px
    }

    .ts-dropdown-myomni .ts-item-icon {
        line-height: 1.7em;
        height: 1.7em;
        width: 1.7em;
    }
}

@media (max-width: 991px) {
    .ts-dropdown-myomni .ts-col:not(:first-child):not(:last-child) {
        border-right: none;
        border-bottom: 2px solid #fff;
    }

    .ts-dropdown-myomni .ts-col-close {
        height: 0px;
        z-index: 1;
    }

    .ts-dropdown-myomni .ts-item.ts-item-empty {
        height: 0px;
    }

    body.ts-noscroll {
        overflow: hidden;
    }
}

.ts-dropdown-myomni {
    max-height: calc(100vh - 60px);
    overflow-y: auto;
}

/*********** END TOOLBAR ***********/

.sidemenu {
    background: var(--ts-color-two);
}


#tCart, .fa-minus, .fa-plus {
    color: #2B3978;
}

.ts-toggle {
    background-color: var(--ts-color-two);
    color: var(--ts-color-one);
    z-index: 100;
}

html, body {
    overflow: scroll;
}

#footer {
    display: block;
    height: 40px;
    margin-top: 20px;
}

.ts-background-footer {
    background-color: var(--ts-color-two);
    padding-top: 0px;
    min-height: 40px;
}

.ts-color-rag {
    color: var(--ts-color-one);
}

.ts-color-ico {
    color: var(--ts-color-one);
}

.ts-link-color-footer:hover, .ts-link-color-footer:active, .ts-link-color-footer:focus {
    color: var(--ts-color-one);
}

/**************************** CATALOGO ***********************/

.tsActive, .tsActiveLeaf {
    color: var(--ts-color-one) !important;
}

.ts-caret {
    color: #666;
}

.border-left::before {
    background: var(--ts-color-one) none repeat scroll 0 0;
}

h5 a {
    color: var(--ts-color-two);
}

.agile_ecommerce_tab_left h5 a:hover {
    color: var(--ts-color-one);
}

.modal_body_right h4 a {
    color: var(--ts-color-two);
}

.modal_body_right h4 a:hover {
    color: var(--ts-color-one);
}

.modal button.close {
    color: var(--ts-color-one);
}

h6 a {
    font-size: 14px;
}

.agile_ecommerce_tab_left h6 a:hover {
    color: var(--ts-color-one);
}

#comeBack {
    background: var(--ts-color-one);
}

#comeBack:hover {
    background: var(--ts-color-one);
    border: 1px solid #fff;
}

.img-proact {
    left: 0px;
}

.single_product_row .tsCpf, .single_product_compaq .tsCpf, #prodotto .tsCpf {
    position: absolute;
    right: 0px;
    cursor: pointer;
}

.single_product .tsCpf {
    margin-right: 5px;
}

.single_product .ts-card {
    box-shadow: none;
}

.shop-pagination.box-shadow {
    box-shadow: none;
}

.shop-pagination > ul > li > a {
    font-weight: 700;
    color: #666;
    border: 1px solid #f6f6f6;
    background-color: #f6f6f6;
}

.shop-pagination > ul > li > a[val="prior"], .shop-pagination > ul > li > a[val="next"] {
    background-color: #ddd;
}

.shop-pagination > ul > li > a.tsActive {
    background-color: var(--ts-color-one);
    color: var(--ts-color-two) !important;
}

.shop-pagination .shop-pagination-des {
    font-size: 12px;
    font-weight: 700;
    color: #666;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-custom-color::before {
    background-color: var(--ts-color-one) !important;
}

.pretty.p-switch input:checked ~ .state.p-custom-color::before {
    border-color: var(--ts-color-one);
}

/* start grid */
.mobiles_grid {
    border: none;
}

.qtasmph {
    background-color: #eee;
    padding-top: 5px;
    padding-bottom: 5px;
}

.qtasmph > span {
    font-size: 12px;
}

.ts-grid-box-bottom {
    background-color: var(--ts-color-one);
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 30px;
    border-radius: 0px 0px 7px 7px;
}

.ts-box-addto > span {
    color: #fff;
    cursor: pointer;
}

.ts-box-addto > span:hover {
    color: var(--ts-color-two);
    cursor: pointer;
}

.ts-grid-desmag {
    min-height: 48px;
}

/* end grid */

/* start modal */
.modal-body .item_price, .single-right .item_price {
    color: inherit;
}

.ts-modal-box-prz {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 42px;
}

.ts-modal-box-prz #modal-prznet {
    float: right;
}

/* end modal */
.ts-list-box-prz, .ts-compaq-box-prz, .ts-modal-box-prz {
    background-color: var(--ts-color-two);
}

.ts-list-box-prz > p .item_price, .ts-compaq-box-prz > p .item_price, .ts-modal-box-prz > p .item_price{
    color: var(--ts-color-one);
}

.ts-list-box-addto .addCartCtw, .ts-compaq-box-addto .addCartCtw, #addCart, #addCartGrid {
    background-color: var(--ts-color-one);
    color: var(--ts-color-two);
    text-transform: uppercase;
}

.ts-list-box-addto .addCartCtw:hover, .ts-compaq-box-addto .addCartCtw:hover, #addCart:hover, #addCartGrid:hover {
    color: #fff;
    background: #fdc300;
}

.quantity .quantity-select .value-minus1, .quantity .quantity-select .value-plus1 {
    background-color: #eee;
    border: none;
}
.ts-box-lists {
    background-color: #eee;
}

.fa-minus, .fa-plus {
    color: var(--ts-color-two);
}

#myModalVrt .dr-spin .fa-minus, #myModalVrt .dr-spin .fa-plus{
    color: #eee;
}

.ts-nav {
    border-bottom: none;
}

.ts-nav > li > a {
    background-color: #eee;
    color: var(--ts-color-two);
    border-radius: 0;
    border: none;
    text-transform: uppercase;
}

.ts-nav > li > a.active {
    background-color: var(--ts-color-one) !important;
    color: #fff !important;
}

@media (max-width: 991px) {
    .ts-list-simpleCart_shelfItem {
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 768px) {
    .ts-compaq-simpleCart_shelfItem {
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }

    /*#page-content-wrapper {
        overflow-y: unset;
        height: 100%;
    }*/
}

.w3_hs_bottom {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    opacity: 0;
    top: 0%;
    left: 0%;
    z-index: 2;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: unset;
    -moz-transform: unset;
    -o-transform: unset;
    -ms-transform: unset;
    transform: unset;
    -webkit-transition: all 0.2s 0.4s ease-in-out;
    -moz-transition: all 0.2s 0.4s ease-in-out;
    -o-transition: all 0.2s 0.4s ease-in-out;
    -ms-transition: all 0.2s 0.4s ease-in-out;
    transition: all 0.2s 0.4s ease-in-out;
    transition-property: opacity;
}

.w3_hs_bottom ul, .flex_ecommerce {
    padding: 6em 0 0;
    -webkit-transform: unset;
    -moz-transform: unset;
    -o-transform: unset;
    -ms-transform: unset;
    transform: unset;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    transition-property: opacity;
}

.single-right #modal-sup {
    margin-bottom: 20px;
}

/* Carrello */
.ts-head, .ts-row {
    border-bottom: none !important;
    padding: 0;
}

@media (min-width: 992px) {
    .ts-head, .ts-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.ts-head > div, .ts-row > div {
    background-color: #eee;
    border-right: 2px solid #fff;
    padding: 10px;
}

.ts-head > div:first-child, .ts-row > div:first-child {
    border-right: 2px solid var(--ts-color-one);
}

div.ts-col-imp {
    background-color: var(--ts-color-one);
}

#List #GenOC.tsButton, #List #GenPC.tsButton, #List #GenLS.tsButton {
    border-radius: 0;
    border: none;
    background-color: var(--ts-color-one);
    color: var(--ts-color-two);
}

#List .tsButton {
    border-radius: 0;
    border: none;
    background-color: var(--ts-color-two);
    color: #fff;
    margin-bottom: 10px;
}

#moveAll {
    border-radius: 0;
    border: none;
    background-color: var(--ts-color-two);
    color: #fff;
    height: 34px;
    position: relative;
    top: -1px;
}

div.tab > div .anaintdes {
    color: var(--ts-color-two);
}

div.tab > div > div.tablinks, div.tab > div > button.newlink {
    background-color: #eee;
    margin-top: 5px;
    padding: 5px 5px;
    color: var(--ts-color-two);
    font-weight: 600;
}

div.tab > div > button.newlink {
    padding: 5px 10px;
}

div.tab > div > div.tablinks span.icn {
    color: var(--ts-color-two);
}

div.tab > div > div.tablinks > div.ts-list-det {
    text-align: right;
}

div.tab > div > div.tablinks span.anaintdes {
    display: block;
}

div.tab > div > div.tablinks.tsActive {
    color: #fff !important;
}

div.tab > div > div.tablinks.tsActive {
    background-color: var(--ts-color-one);
}

.ts-box-cat {
    padding: 5px 10px;
}

.ts-box-cat > a {
    color: var(--ts-color-one);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

#ListRow div.spinedit i.fa-plus, #ListRow div.spinedit i.fa-minus, #ListRow i.ts-icon {
    color: var(--ts-color-two);
}

.ts-row > div.ts-col-img {
    background-color: #fff;
}

.ts-col-qta, .ts-col-prz, .ts-col-con, .ts-col-imp, .ts-col-del, .ts-col-img {
    text-align: center;
    font-weight: 600;
}

.ts-des {
    font-weight: 600;
}

.ts-col-del > i {
    margin-top: 8px;
}

.ts-flt-box {
    padding-right: 5px;
}

.ts-cata-box, .ts-cata-subtree .treeview > li > a {
    padding-right: 5px;
}

.ts-flt-vet {
    color: #fff;
}

.tsActive .ts-flt-vet {
    color: var(--ts-color-one);
}

.ts-cata-node-text {
    max-width: calc(100% - 20px);
    line-height: 1.2 !important;
    display: inline-block;
}

.ts-cata-box, .ts-cata-box-VT, .ts-cata-box-MAZ, .ts-cata-box-CT, .ts-cata-box-GEN, .ts-cata-box-LNK {
    background-color: #373735;
}
.ts-cata-box-OT{
    background-color: #CE1F00;
}
.ts-cata-box .ts-cata-text .ts-cata-data, .ts-cata-box-VT .ts-cata-text .ts-cata-data, .ts-cata-box-MAZ .ts-cata-text .ts-cata-data, .ts-cata-box-CT .ts-cata-text .ts-cata-data, .ts-cata-box-OT .ts-cata-text .ts-cata-data, .ts-cata-box-GEN .ts-cata-text .ts-cata-data, .ts-cata-box-LNK .ts-cata-text .ts-cata-data {
    color: #fff;
}
.ts-cata-box .ts-cata-ico, .ts-cata-box-VT .ts-cata-ico, .ts-cata-box-MAZ .ts-cata-ico, .ts-cata-box-CT .ts-cata-ico, .ts-cata-box-OT .ts-cata-ico, .ts-cata-box-GEN .ts-cata-ico, .ts-cata-box-LNK .ts-cata-ico {
    color: #fff;
}
.ts-cata-box.tsActive .ts-cata-ico, .ts-cata-box-VT.tsActive .ts-cata-ico, .ts-cata-box-MAZ.tsActive .ts-cata-ico, .ts-cata-box-CT.tsActive .ts-cata-ico, .ts-cata-box-OT.tsActive .ts-cata-ico, .ts-cata-box-GEN.tsActive .ts-cata-ico {
    color: #fdc300;
}

.ts-cata-box-DC, .ts-cata-box-AQ, .ts-cata-box-AS, .ts-cata-box-PF, .ts-cata-box-MA {
    background-color: #fdc300;
}
.ts-cata-box-DC .ts-cata-text .ts-cata-data, .ts-cata-box-AQ .ts-cata-text .ts-cata-data, .ts-cata-box-AS .ts-cata-text .ts-cata-data, .ts-cata-box-PF .ts-cata-text .ts-cata-data, .ts-cata-box-MA .ts-cata-text .ts-cata-data {
    color: #373735;
}
.ts-cata-box-DC .ts-cata-ico, .ts-cata-box-AQ .ts-cata-ico, .ts-cata-box-AS .ts-cata-ico, .ts-cata-box-PF .ts-cata-ico, .ts-cata-box-MA .ts-cata-ico {
    color: #fff;
}
.ts-cata-box-DC.tsActive .ts-cata-ico, .ts-cata-box-AQ.tsActive .ts-cata-ico, .ts-cata-box-AS.tsActive .ts-cata-ico, .ts-cata-box-PF.tsActive .ts-cata-ico, .ts-cata-box-MA.tsActive .ts-cata-ico {
    color: #373735;
}
/*
#tree input {
    vertical-align: top;
    position: relative;
    top: 2px;
}
*/
.tsStepNum {
    background-color: var(--ts-color-one) !important;
}

/* ================== LOGIN =========================== */
body.ts-login {
    background-color: var(--ts-color-two);
}

.ts-login .head {
    color: #fff;
}

.ts-login .ts-info {
    color: #fff;
    margin-top: 20px;
}

.ts-login .ts-info a {
    color: var(--ts-color-one);
    font-size: 16px;
    font-weight: 700;
}

.ts-login .btn-sbm {
    background-color: var(--ts-color-one);
    border-radius: 0px;
}

#regForm label {
    color: #fff;
}
@media screen and (min-width: 992px) {
    .ts-box-top {
        position: sticky;
        top: 80px;
        z-index: 50;
    }

    .ts-box-left {
        position: sticky;
        top: 215px;
    }
    .ts-products-col {
        flex: 1 0 0%;
        width: 100%;
    }
}

#tsCtw {
    max-width: 350px;
}

.det_art .tsDes h5 {
    font-size: 1rem;
}
/*
@media screen and (min-width: 768px) and (max-width: 1400px) {
    #page-content-wrapper {
        height: calc(95vh - 145px) !important;
    }
}
*/

.dt-buttons .fa-plus {
    color: unset;
}