/* Start:/bitrix/templates/orange/css/compare.css?17315811313940*/
.compare .tabs {
    background-color: #eee;
}
.compare .tabs .tab {
    color: #fff;
    font-weight: 600;
    background-color: #365164;
    border-right: 1px solid #365164;
    padding: 12px 20px;
}
.compare .tabs .tab:last-child {
    border: 0;
}
.compare .tabs .tab.active, .compare .tabs .tab:hover {
    color: #ff6200;
    background-color: #eee;
}
.compare .tabs .tab:not(.active):hover {
    cursor: pointer;
    transition: all .3s ease;
}


.compare .panels {
    padding: 20px 0;
}
.compare .panels table thead {
    margin: 0 0 25px;
}
.compare .panels table thead td {
    padding: 5px 10px;
}
.compare .panels table thead td a {
    border-bottom: 1px solid transparent;
}

.compare .panels table thead td button {
    border: 0;
    padding: 0;
    margin: 0 0 10px;
}
.compare .panels table thead td button span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #365164;
    font-family: "MuseoSansCyrl-500", sans-serif;
    font-size: 14px;
    color: #fff;
    padding: 5px 10px;
    transition: .5s;
    cursor: pointer;
}
.compare .panels table thead td .order_btns {
    margin: 0px 0 10px 15px;
    padding: 8px 0;
}
.compare .panels table thead td .order_btns .icon_wrap {
    display: block;
    width: 20px;
    height: 20px;
    transition: all .3s ease;
}
.compare .panels table thead td .order_btns .delay .icon_wrap {
    background: url('/bitrix/templates/orange/images/catalog/icon_delay_color.svg') no-repeat 0 0 transparent;
}
.compare .panels table thead td .order_btns .delay .icon_wrap:hover {
    background: url('/bitrix/templates/orange/images/catalog/icon_delay.svg') no-repeat 0 0 transparent;
    cursor: pointer;
}
.compare .panels table thead td .order_btns .delay.putaside_success .icon_wrap {
    background: url('/bitrix/templates/orange/images/catalog/icon_delay.svg') no-repeat 0 0 transparent;
    cursor: default;
}

.compare .panels table thead td.compare-prop {
    background-color: #fff;
}
.compare .panels table thead tr:nth-child(3) td.compare-prop, .compare .panels table thead tr:nth-child(4) td.compare-prop {
    color: #365164;
    font-weight: 600;
    border-left: 3px solid #365164;
    padding: 5px 10px 5px 20px;
}
.compare .panels table thead td .item-price {
    color: #365164;
    font-weight: 600;
}

.compare .panels table tbody td {
    color: #666;
}
.compare .panels table tbody td.compare-prop {
    color: #365164;
    font-weight: 600;
    background-color: #fff;
    border-left: 3px solid #365164;
}
.compare .panels table tbody td .bordered_item {
    padding: 8px 10px;
    border-top: 1px solid #eee;
}
.compare .panels table tbody tr:first-child td .bordered_item {
    border-top: 1px solid transparent;
}
.compare .panels table tbody td.compare-prop .bordered_item {
    padding: 8px 10px 8px 20px;
}


.compare.content_block ul li {
    text-align: left;
}
.compare .empty_compare {
    color: #e83434;
    font-weight: 600;
    border-left: 5px solid #e83434;
    padding: 5px 0 5px 20px;
}


/* @Media */

@media only screen and (max-width: 767.5px) {
    .compare .panels table thead td button span img {
        display: none;
    }
    .compare .panels table thead td button span span {
        padding: 5px 0;
    }

    
    .compare .panels table td {
        font-size: 14px;
    }

    .compare .panels table thead td, .compare .panels table tbody td,
    .compare .panels table thead td.compare-prop, .compare .panels table tbody td.compare-prop {
        width: 150px;
        min-width: 150px;
    }

    .compare .panels table tbody td .bordered_item {
        padding: 5px 10px;
    }
    .compare .panels table tbody td.compare-prop .bordered_item {
        padding: 5px 10px 5px 20px;
    }
}


@media only screen and (max-width: 399.5px) {
    .compare .tabs .tab {
        display: block;
        border-right: 1px solid transparent;
        border-bottom: 1px solid #365164;
    }
}
/* End */


/* Start:/local/components/ivnz/compare.table/compare.table.assets/css/app.css?17315811354348*/
table.scrolling[data-v-37e33bbe]{display:flex;flex-direction:column;flex:1 1 auto;width:100%;height:100%;border-collapse:collapse;overflow:hidden;background-color:hsla(0,0%,100%,0);--dead-area-color:hsla(0,0%,100%,0)}table.scrolling tfoot[data-v-37e33bbe],table.scrolling thead[data-v-37e33bbe]{flex:0 0 auto;display:block;overflow:hidden}table.scrolling tbody[data-v-37e33bbe]{display:block;flex:1 1 auto;overflow:hidden}table.scrolling.scrolly tbody[data-v-37e33bbe],table.scrolling.scrolly tfoot.scrollsync[data-v-37e33bbe],table.scrolling.scrolly thead.scrollsync[data-v-37e33bbe]{overflow-y:scroll}table.scrolling.scrollx tbody[data-v-37e33bbe]{overflow-x:scroll}table.scrolling.scrolly thead.scrollsync[data-v-37e33bbe]::-webkit-scrollbar{display:block;background-color:var(--dead-area-color)}table.scrolling.scrolly thead.scrollsync[data-v-37e33bbe]::-webkit-scrollbar-track{background-color:var(--dead-area-color)}table.scrolling tbody[data-v-37e33bbe]:nth-child(3){display:none}table.scrolling thead td[data-v-37e33bbe],table.scrolling thead th[data-v-37e33bbe]{border-bottom:none;border-top:none}table.scrolling td[data-v-37e33bbe],table.scrolling th[data-v-37e33bbe]{border:1px solid #000;width:10em;min-width:10em;max-width:10em;overflow:hidden;word-wrap:break-word}table.scrolling td[data-v-37e33bbe],table.scrolling th[data-v-37e33bbe]{background-color:hsla(0,0%,100%,0)}table.scrolling thead tr td,table.scrolling tr td div.bordered_item{width:100%;height:100%}table.scrolling tr{border:none;background:#fff;z-index:10;width:-webkit-min-content;width:-moz-min-content;width:min-content}table.scrolling td,table.scrolling tr{display:flex;flex-direction:row;padding:0}table.scrolling td{justify-content:stretch;align-items:stretch}table.scrolling.compare-table thead tr:nth-child(2) td a:hover{color:#776f6f}table.scrolling.compare-table thead tr:nth-child(2) td,table.scrolling.compare-table thead tr:nth-child(2) td a,table.scrolling.compare-table thead tr:nth-child(2) td a:visited{color:#ff6200;font-weight:700}table.scrolling.compare-table thead tr:nth-child(3) td{color:#000;font-weight:700}table.compare-table tbody td.compare-prop,table.compare-table thead td.compare-prop{z-index:20;width:300px;min-width:300px;height:auto}table.scrolling td:first-child,table.scrolling th:first-child{position:sticky;left:0}.table-animate-items-enter-active,.table-animate-items-leave-active{transition:all .5s linear}.table-animate-items-enter-from,.table-animate-items-leave-to{opacity:0}table.scrolling.compare-table tbody,table.scrolling.compare-table thead{overflow-y:hidden!important}table.compare-table tbody td,table.compare-table thead td{border:none;min-width:200px;width:200px}table.scrolling td.image_row{position:relative}.remove_item_crossed_lines_key{left:10px;top:10px;background:none;border:0;width:20px;height:20px;padding:0;margin:0;position:absolute;cursor:pointer}.remove_item_crossed_lines_key:after,.remove_item_crossed_lines_key:before{content:" ";width:100%;height:2px;left:0;background:#000;position:absolute}.remove_item_crossed_lines_key:hover:after,.remove_item_crossed_lines_key:hover:before{background:#e1423c;transition:all .3s ease}.remove_item_crossed_lines_key:before{transform:rotate(-45deg)}.remove_item_crossed_lines_key:after{transform:rotate(45deg)}.tab-body[data-v-6ed76528],.tab-wrapper[data-v-6ed76528]{width:100%;height:auto;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch}.tabs[data-v-6ed76528]{margin-bottom:-1px;z-index:10}.tab.active[data-v-6ed76528]{background:#fff;color:#ff6200}.tab[data-v-6ed76528]{padding:10px 20px;display:inline-block;color:#776f6f;background-color:#dddcdc;}.panels{border-top:1px solid #f5eded;background:#fff;min-height:200px;width:100%;border-radius:3px;overflow:hidden;padding:20px}.panel.active[data-v-6ed76528]{display:flex}.panel[data-v-6ed76528]{display:none;-webkit-animation:fadein .8s;animation:fadein .8s}.empty_compare[data-v-6ed76528]{display:block}.fade-enter-active[data-v-6ed76528],.fade-leave-active[data-v-6ed76528]{transition:opacity .5s ease}.fade-enter-from[data-v-6ed76528],.fade-leave-to[data-v-6ed76528]{opacity:0}

.main-products-item-cost-wrapper{
    display:flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    margin:0;
}
.main-products-item{
    position: relative;
}
/* End */
/* /bitrix/templates/orange/css/compare.css?17315811313940 */
/* /local/components/ivnz/compare.table/compare.table.assets/css/app.css?17315811354348 */