.oic-compare-view {

}
.oic-compare-view__properties {
	padding: 15px;
    background: #f5f5f5;
}
.oic-compare-view__viewed-only-diff {
	padding: 15px;
}
.oic-compare-view__viewed-only-diff label {
	cursor: pointer;
}
.oic-compare-view__viewed-only-diff input:checked + label {
	font-weight: 700;
}
.oic-compare-view__property-item {
	display: inline-block;
    padding: 0;
    padding-right: 10px;
}
.oic-compare-view__items {
	max-width: 100%;
	overflow: auto;
	margin-bottom: 15px;
}
.oic-compare-view__table {
	border-spacing: 0px;
	border-collapse: collapse;
}
.oic-compare-view__table tbody td,
.oic-compare-view__table tbody th {
	border: 1px solid #cac8c8;
	padding: 5px;
}
.oic-compare-view__table tbody td:nth-child(1),
.oic-compare-view__table tbody th:nth-child(1) {
	border-right: 0px;

	box-shadow: inset -1px 0px #cac8c8;

}
.oic-compare-view__table tbody td:nth-child(2),
.oic-compare-view__table tbody th:nth-child(2) {
	border-left:0px;
	/* padding: 5px; */
}
/* cac8c8 */
.oic-compare-view__table tbody tr:nth-child(odd) {
	/* background: #fafafa; */
}
.oic-compare-view__table-property-name {
	width: 300px !important;
	max-width: 300px !important;
	min-width: 300px;
	text-align: left;
	position: sticky;
	left:0;
	background-color: white;
	z-index:100;
}
.oic-compare-view__header-row {

}
.oic-compare-view__header-cell {
	/* width: 1%; */
	padding: 15px;
	text-align: center;
}
.oic-compare-view__header-item-img {
	height: 175px;
	width: 175px;
}
.oic-compare-view__header-item-img img {
	max-width: 150px;
	max-height: 150px;
}
.oic-compare-view__header-item-name {
	margin: 0;
	margin-bottom: 15px;
	height: 6em;
	line-height: 1.5;
	overflow: hidden;
	text-align: center;
}

.oic-compare-view__header-buy-btn {
	background: #d22e2e;
	color: white !important;
	border: none;
	border-radius: 5px;
	padding: 5px 10px;
	cursor: pointer;
	transition: background 0.2s 0s;
}
.oic-compare-view__header-buy-btn:hover {
	background: red;
}

.oic-compare-view__header-remove-btn {

    color: gray;
    border: none;
	background-color: rgba(0, 0, 0, 0);

    padding: 5px 10px;
	cursor: pointer;


	position: absolute;
	top: 0;
	right: 0;
}


.oic-compare-view__header-remove-btn:hover{
	color: black;
}
.oic-compare-view__clear-all {
	margin-bottom: 30px;
}
.oic-compare-view__clear-all-btn {
	background: #006d55;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
	cursor: pointer;
	transition: background 0.2s 0s;
}
.oic-compare-view__clear-all-btn:hover {
	background: #038e6f;
}

.scroll-btn{
    display: none;
    position: absolute;
    top: 50%
}

.scroll-btn-left{
    left: -45px;
}

.scroll-btn-right{
    right: -45px;
}

.oic-compare-view__header-container{
	position: relative;

}

.oic-compare-view__sub-table{
	border-collapse: collapse;
	border-spacing: 0px;
	width: 101%;
	margin: -1px -2px -1px -1px;

}

.oic-compare-view__sub-table-container{
	padding: 0 !important;
}

.oic-compare-view__sub-table-property-name {
	width: 100%;
	text-align: left;
}

.oic-compare-view__table-row th{
    border-top: 2px solid #b5b4b4;
}

.oic-compare-checkbox-other {
	display: block;
	margin: 0 0 10px 0;
	cursor: pointer;
	user-select: none;
	position: relative;
}
.oic-compare-checkbox-other input[type=checkbox] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
/* .oic-compare-checkbox-other .oic-compare-checkbox-icon {
	display: inline-block;
	position: relative; 
	padding: 0 0 0 35px; 
	line-height: 22px;    
} */
.oic-compare-checkbox-text{
	margin-left:2em;
}
.oic-compare-checkbox-other .oic-compare-checkbox-icon {
	content: "";
	position: absolute;
	/* margin-left: -2em;
	margin-top: -1em; */
	width: 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 5px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	box-shadow: 0 0 0 0.1em #cccccc;
}
 
/* Checked */
.oic-compare-checkbox-other input[type=checkbox]:checked + .oic-compare-checkbox-icon {
	/* content: ""; */
	background-color: #04a58d;
	box-shadow: 0 0 0 0.1em #04a58d;
}
.oic-compare-checkbox-other input[type=checkbox]:checked + .oic-compare-checkbox-icon:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 3px;
	width: 6px;
	height: 1px;
	background-color: white;
	transform: rotate(45deg);
}
.oic-compare-checkbox-other input[type=checkbox]:checked + .oic-compare-checkbox-icon:after {
	content: "";
	position: absolute;
	top: 10px;
	right: 3px;
	width: 11px;
	height: 1px;
	background-color: white;
	transform: rotate(135deg);
}
 
/* Focus */
.focused .oic-compare-checkbox-icon:before {
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 
/* Hover */
.oic-compare-checkbox-other .oic-compare-checkbox-icon:hover:before {
	filter: brightness(110%);
}
 
/* Active */
.oic-compare-checkbox-other .oic-compare-checkbox-icon:active:before {
	filter: brightness(80%);
}
 
/* Disabled */
.oic-compare-checkbox-other input[type=checkbox]:disabled + .oic-compare-checkbox-icon {
	color: #666;
	cursor: default;
}
.oic-compare-checkbox-other input[type=checkbox]:disabled + .oic-compare-checkbox-icon:before {
	filter: grayscale(100%);
	opacity: 0.6;
}