.product-compare-button{ width:200px; background:#f8f8f8; padding:0;transition: all .5s ease;text-align: left;margin: auto;}

.product-compare-button label{width: 100%;padding: 10px 0 10px 30px;display: flex;align-items: center;}

.product-compare-button:hover{ background:#ccc;}

.product-compare-button label small{ color:#666;}

.product-compare .checkbox input[type=checkbox]{margin: 1px 0 0 -20px;}

.compare-panel{position:fixed;bottom:0;left:0;right:0; z-index:999;display:none;}

.compare-panel .panel-group{margin:0;}

.compare-panel .panel-heading{position:relative;background:#f8f8f8;padding:0;}

#collapseListcompare a.clear-compare{font-size: 14px;color: #000;background:#f3f3f3;display: block;width: 120px;margin: auto;padding: 10px;}

.compare-panel .panel-heading .panel-title{padding:15px;cursor: pointer;}

.compare-panel .panel-heading .compare-btn{position:absolute;top:7px;right:15px; background:#feb042; color:#fff;font-size:13px;transition:all .5s ease;}

.compare-panel .panel-heading .compare-btn:hover{background:#ff6600}

.compare-panel .panel-heading .compare-btn[disabled]{opacity:.3;background:#999}

.product-compare.checked .product-compare-button{ background:#666; color:#fff;}

.compare-text-checked{display:none;}

.product-compare.checked .compare-text-checked{display:inherit;}

.product-compare.checked .product-compare-button label{ text-align:center; color:#fff;}

.product-compare.checked .compare-text{display:none;}

#collapseListcompare li{font-size:14px;}

#collapseListcompare li .icon-trash-o{float:right;font-size: 18px;padding-top: 2px; color:#d43f3a}

#collapseListGroupHeading1 .panel-title .icon-chevron-circle-up{font-size: 22px; margin-right: 8px;vertical-align: text-top;}

#collapseListGroupHeading1 .panel-title.collapsed .icon-chevron-circle-up:before{	content:"\f139";}

#collapseListGroupHeading1 .panel-title .icon-chevron-circle-up:before{	content:"\f13a";}


.compare-panel .panel-group .panel{background-color: rgba(0,0,0,0.6);border: none;}
#collapseListcompare{padding: 20px 15px;}
#collapseListcompare .list-group{margin-bottom: 0;}
#collapseListcompare .list-group-item{padding: 0 10px;background: none;border: none;}
#collapseListcompare .list-group-item>div{background-color: #fff;height: 80px;padding: 10px 15px;position: relative;margin-bottom: 15px;padding-top: 13px;}
.compare-panel .list-group-item a:first-child{display: block;font-size: 14px;margin-bottom: 5px;}
.compare-panel .list-group-item a:nth-child(2){font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.2;}
.compare-panel .list-group-item a:hover{text-decoration: underline;color: #000;}
.compare-panel .list-group-item a.icon-times{background-color: #ccc;border-radius: 50%;height: 20px;width: 20px;display: inline-block;text-align: center;line-height: 20px;font-size: 15px;position: absolute;top: 7px;right: 2px;text-decoration:none}
#compare-btn{background: #fee500;color: #000;margin-bottom: 30px;width: 120px;padding: 10px;}

.contrast_part_show{display: grid;grid-template-columns: 80% 20%;}
@media screen and (max-width:767px){
    .contrast_part_show{grid-template-columns: 100%;}
    .contrast_part_show>.text-center{display: flex;align-items: center;}
    #collapseListcompare a.clear-compare,#compare-btn{margin: 10px;}
}
@media screen and (max-width:479px){.compare-panel{ bottom:60px; width:100%; padding:0;}}