/* -------------- BAR -------------- */
#comparator{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 30;}
#comparator.footer-visible {position: relative;}
#comparator .linear-gradient {height: 2px; background-image: linear-gradient(-90deg, rgba(242,242,242,0.00) 0%, #F2F2F2 20%, #F2F2F2 80%, rgba(242,242,242,0.00) 100%);}
#comparator .wrapper-comparator{position: absolute; bottom: 0; left: 0; width: 100%;background-color: #FFF}
#comparator .container-comparator{position: relative;display: none;padding: 15px 60px 12px;}
#comparator .wrapper-products{float: left;width: calc(100% - 200px);min-height: 1px;}
#comparator .product .image{float: left;max-width: 70px;}
#comparator .product .image img{display: block;width: 100%;}
#comparator .product .desc{float: left;max-width: calc(100% - 70px);padding: 8px 0 0 10px;}
#comparator .product .desc .name{padding-bottom: 4px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#comparator .product .desc .price{padding-bottom: 5px;}
#comparator .product .desc .price p{float: left;}
#comparator .product .desc .price p.old{text-decoration: line-through;padding: 0 3px;margin: 4px 14px 0 0;}
#comparator .col-sm-12 .product{display: table;margin: 0 auto;}
#comparator .wrapper-buttons{float: right;max-width: 200px;text-align: center;}
#comparator .wrapper-buttons .button{margin-bottom: 14px;}
#comparator .wrapper-buttons .btn-remove-all{display: block;}
#comparator .btn-close-comparator{position: absolute;top: 0;right: 0;width: 30px;height: 30px;}
#comparator .btn-close-comparator::before{content: '';position: absolute;top: calc(50% - 6px);left: calc(50% - 6px);width: 12px;height: 12px;background: url(/sysimages/icon-close-comparator.png) left top/12px no-repeat;}
#comparator .btn-close-comparator:hover{opacity: 0.5;}
#comparator .btn-toggle-comparator{position: absolute;bottom: 24px;right: 15px;display: none;border-radius: 20px;}
.onlinechatminiactive #comparator .btn-toggle-comparator {bottom: 40px;}
.onlinechatfullactive #comparator {display: none;}

@media screen and (max-width: 768px){
   #comparator .container-comparator {padding: 15px;}
   #comparator .btn-remove-all {padding: 4px 0; text-decoration: underline;}
   #comparator .wrapper-buttons {float: none; max-width: 100%;}
   #comparator .wrapper-buttons .button {width: 100%;}
   #comparator .wrapper-buttons .button {float: right; width: 50%; margin-bottom: 0;}
   #comparator .comparator-mobile-left {float: left; width: 50%; text-align: left; padding-right: 6px;}
   #comparator .btn-close-comparator {display: none;}
}



/* ------------- DETAIL ------------ */
.comparator.ref01 .container-comparator-bar {min-height: 195px; position: relative; z-index: 20;}
.comparator.ref01 .reference-wrapper {padding-left: 15px;}
.comparator.ref01 .comparator-bar{border-bottom: 4px solid #FAFAFA;}
.comparator.ref01 .comparator-bar .row{display: table;width: 100%;padding: 0;margin: 0;}
.comparator.ref01 .comparator-bar .row .column{float: none;display: table-cell;padding: 0;vertical-align: middle;}
.comparator.ref01 .comparator-bar .column-products .row{margin: 0;}
.comparator.ref01 .comparator-bar .column-products .row .column{padding: 0;border-left: 2px solid #FAFAFA;}
.comparator.ref01 .title-page{text-align: center; padding: 15px 0;}
.comparator.ref01 .title-page .subtitle{padding-top: 15px;}
.comparator.ref01 .accordion-n1{list-style: none;margin: 0px;}
.comparator.ref01 .accordion-n1 > li{border-bottom: 1px solid #CCC;}
.comparator.ref01 .accordion-n1 > li:first-child{border-top: 1px solid #CCC;}
.comparator.ref01 .accordion-n1 > li > .accordion-head{text-decoration: none;position: relative;display: block;padding: 13px 50px 13px 15px;cursor:pointer;}
.comparator.ref01 .accordion-n1 > li > .accordion-head::after{content: '';position: absolute;top: calc(50% - 5px);right: 18px;width: 10px;height: 10px;background: url(/sysimages/icon-accordion.png) left top/10px no-repeat;}
.comparator.ref01 .accordion-n1 > li.active > div::after{background-position: left bottom;}
.comparator.ref01 .accordion-n1 > li .accordion-content{display: none;padding: 18px 20px 30px 30px;}
.comparator.ref01 #comparator-empty-results {text-align: center; display: none;}
.comparator.ref01 .empty-notice-desc {padding: 0 15px;}
.comparator.ref01 .empty-notice-desc .h2 + p {padding-top: 15px;}
.comparator.ref01 .accordion-content .dis-table {width: 100%; table-layout: fixed;}
.comparator.ref01 .accordion-content .dis-table-row {display: table-row;}
.comparator.ref01 .accordion-content .dis-table:nth-child(even){background: #FAFAFA;}
.comparator.ref01 .accordion-content .dis-table:nth-child(odd){background: #FFF;}
.comparator.ref01 .accordion-content .dis-table .dis-table-cell {padding: 8px 10px; border-left: 2px solid #FFF;vertical-align: middle;}
.comparator.ref01 .accordion-content .dis-table .dis-table-cell .dis-table-cell {padding: 0;}
.comparator.ref01 .accordion-content .dis-table.totalproducts_3 .dis-table-cell {width: 25.9%}
.comparator.ref01 .accordion-content .dis-table.totalproducts_2 .dis-table-cell {width: 38.85%;}
.comparator.ref01 .accordion-content .dis-table .dis-table-cell:first-child {border-left: 0;width: 23.75%;}
.comparator.ref01 .accordion-content .dis-table .dis-table-cell:last-child {width: auto;}

@media screen and (max-width: 768px){
   .comparator.ref01 .container-comparator-bar {min-height: 0;}
   .comparator.ref01 .reference-wrapper {padding: 0 4px;}
   .comparator.ref01 .comparator-bar {border-bottom-color: transparent;}
   .comparator.ref01 .comparator-bar.border-color {border-bottom-color: #FAFAFA;}
   .comparator.ref01 .comparator-bar .container-comparator {padding: 0;}
   .comparator.ref01 .comparator-bar .column-products .row {margin: 0; padding: 0;}
   .comparator.ref01 .comparator-bar .column-products .row .column {padding: 0 4px;}
   .comparator.ref01 .comparator-bar .column-products .row .column:first-child {border-left: 0}
   .comparator.ref01 .comparator-bar.static-element {margin-top: -4px;}
   .comparator.ref01 .accordion-n1 > li > .accordion-head{padding: 10px 20px 10px 6px;}
   .comparator.ref01 .accordion-n1 > li > .accordion-head::after{right: 6px;}
   .comparator.ref01 .accordion-n1 > li .accordion-content{padding: 0;}
   .comparator.ref01 .accordion-content .dis-table .dis-table-cell {padding: 6px;}
   .comparator.ref01 .accordion-content .dis-table .dis-table-cell p {font-size: 10px; word-wrap: break-word;line-height: 130%;}
   .comparator.ref01 .accordion-content .dis-table .accordion-content-name p {font-size: 12px; color: #000;}
   .comparator.ref01 .accordion-content .dis-table.totalproducts_3 .dis-table-cell {width: 33.5%}
   .comparator.ref01 .accordion-content .dis-table.totalproducts_2 .dis-table-cell {width: 33.5%}
   .comparator.ref01 .accordion-content .dis-table .dis-table-cell:first-child {width: 33.5%;}
   .comparator.ref01 .accordion-content .dis-table .dis-table-cell .dis-table-cell {width: 100%;}
}