.th-product-compare-btn {
margin: 10px 0;
display: inline-block;
position: relative;
}
.th-product-compare-btn.txt_type {
color: #3575e9;
font-weight: bold;
}
.th-product-compare-btn.btn_type {
color: white;
padding: 8px 10px;
background-color: black;
line-height: 1;
text-align: inherit;
}
.th-product-compare-btn.btn_type.th-added-compare::before {
content: "\f15e";
font-family: "dashicons";
} @keyframes loaderTMKWithCenter {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.th_product_Compare_body_Class {
overflow: hidden !important;
}
.th-compare-output-wrap {
position: fixed;
width: 100%;
z-index: 1000000000;
top: 0;
height: 100%;
left: 0;
opacity: 0;
visibility: hidden;
box-sizing: border-box;
transition: 0.5s visibility linear;
}
.th-compare-output-wrap.active {
visibility: visible;
animation: popupStyle1 1.2s ease 0s 1 forwards;
}
.th-compare-output-wrap.active.th-animation-2 {
animation: popupStyle2 1.2s ease 0s 1 forwards;
}
.th-compare-output-wrap.active.th-animation-3 {
animation: popupStyle3 1.2s ease 0s 1 forwards;
}
.th-compare-output-wrap.active.th-animation-4 {
animation: popupStyle4 1.2s ease 0s 1 forwards;
}
.th-compare-output-wrap.th-compare-output-wrap-close {
animation: popupStyle1close 0.4s linear 0s;
}
.th-compare-output-wrap .th-compare-output-wrap-inner {
background-color: #ffffff;
height: 100%;
width: 100%;
position: relative;
overflow: auto;
padding-top: 69px;  }
.th-compare-output-wrap .th-compare-output-wrap-inner::-webkit-scrollbar {
width: 2px;
}
.th-compare-output-wrap .th-compare-output-wrap-inner::-webkit-scrollbar-track {
border-radius: 10px;
}
.th-compare-output-wrap .th-compare-output-wrap-inner::-webkit-scrollbar-thumb {
background: black;
border-radius: 10px;
}
.th-compare-output-wrap .th-compare-loader {
display: none;
}
.th-compare-output-wrap.th-loading .th-compare-loader {
position: absolute;
z-index: 10000;
background: #ffffffe8;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.th-compare-output-wrap.th-loading .th-compare-loader svg {
animation: loaderTMK 0.8s linear 0s infinite forwards;
}
.th-compare-output-wrap .th-compare-heading {
position: fixed;
z-index: 10000;
top: 0;
width: 100%;
}
.th-compare-output-wrap .th-compare-output-close {
width: fit-content;
position: absolute;
right: 10px;
top: 50%;
transform: translate(0, -50%);
}
.th-compare-output-wrap .th-compare-output-close i {
font-size: 28px;
color: black;
background: white;
height: unset;
width: unset;
cursor: pointer;
border-radius: 3px;
}
.th-compare-output-wrap-inner * {
box-sizing: border-box;
}
.th-compare-output-wrap-inner .th-compare-heading {
text-align: center;
background: #f1f0f3;
padding: 12px 0;
line-height: 1;
color: #464646;
font-weight: 600;
}
.th-compare-output-wrap-inner .th-compare-heading .heading_ {
font-size: 18px;
}
.th-compare-output-wrap-inner .th-compare-heading .error_ {
color: #eb3033;
display: block;
font-size: 13px;
letter-spacing: 0.5px;
font-weight: 600;
}
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ > div {
display: flex;
width: 100%;
justify-content: center;
grid-gap: 12px;
margin-top: 10px;
}
.th-compare-output-wrap-inner .th-compare-heading .wrap-category_ > div a {
text-transform: capitalize;
font-weight: 500;
letter-spacing: 0.5px;
cursor: pointer;
color: inherit;
}
.th-compare-output-wrap-inner
.th-compare-heading
.wrap-category_
> div
a.active {
border-bottom: 1px solid;
}
.th-compare-output-product {
overflow: auto;
}
.th-compare-output-product a,
.th-compare-output-product span {
font-family: "inherit", sans-serif;
}
.th-compare-output-product .th-compare-add-to-cart-btn {
width: fit-content;
}
.th-compare-output-product .th-compare-rating {
color: #f9b538;
}
.th-compare-output-product .th-compare-rating span {
font-family: "star";
line-height: 1;
}
.th-compare-output-product .th-compare-rating .star-rating {
float: unset;
margin: auto;
font-family: "star";
}
.th-compare-output-product .th-compare-rating .th-rating-count {
font-size: 12px;
display: inline-block;
}
.th-compare-output-product .product-table-configure {
margin: 0;
}
.th-compare-output-product .product-table-configure tr {
position: relative;
}
.th-compare-output-product .product-table-configure tr:nth-child(odd) td {
background-color: white;
}
.th-compare-output-product .product-table-configure tr:nth-child(even) td {
background-color: #f7f7f7;
}
.th-compare-output-product .product-table-configure td {
padding: 10px;
vertical-align: middle;
border: none;
min-width: 250px;
max-width: 250px;
}
.th-compare-output-product .product-table-configure td > span {
max-width: 400px;
display: inline-block;
font-size: 14px;
}
.th-compare-output-product .product-table-configure td .th-in-stoct {
color: #08a308;
}
.th-compare-output-product .product-table-configure td .th-out-of-stoct {
color: #a90a0a;
}
.th-compare-output-product .product-table-configure td.left-title {
position: relative;
z-index: 1000;
width: 220px;
min-width: 178px;
max-width: 242px;
font-weight: 600;
color: #3e3e3e;
text-transform: capitalize;
text-align: left;
padding-left: 20px;
}
.th-compare-output-product .product-table-configure td.left-title span {
font-size: 14px;
display: block;
}
.th-compare-output-product .product-table-configure .top-title td.left-title {
z-index: 1010;
}
.th-compare-output-product .product-table-configure .th-add-to-cart_ {
display: flex;
grid-gap: 7px;
flex-wrap: wrap;
}
.th-compare-output-product
.product-table-configure
.th-add-to-cart_
.th-compare-add-to-cart-btn.loading,
.th-compare-output-product
.product-table-configure
.th-add-to-cart_
.added_to_cart.loading {
display: flex;
align-items: center;
width: fit-content;
}
.th-compare-output-product
.product-table-configure
.th-add-to-cart_
.th-compare-add-to-cart-btn.loading:after,
.th-compare-output-product
.product-table-configure
.th-add-to-cart_
.added_to_cart.loading:after {
position: unset;
margin-left: 5px;
}
.th-compare-output-product .product-table-configure .price_ {
color: #3e3e3e;
font-weight: 600;
display: flex;
grid-gap: 7px;
letter-spacing: 1px;
}
.th-compare-output-product
.product-table-configure
._image_
.image-and-addcart
.img_ {
min-width: 180px;
max-width: 100%;
width: 220px;
height: 220px;
position: relative;
border: 1px solid #f7f7f7;
}
.th-compare-output-product
.product-table-configure
._image_
.image-and-addcart
.img_
img {
position: absolute;
left: 0;
top: 0;
object-fit: scale-down;
height: 100%;
width: 100%;
border-radius: 2px;
}
.th-compare-output-product
.product-table-configure
._image_
.image-and-addcart
.product-title_
> a {
color: #5d5e61;
font-weight: 600;
letter-spacing: 1px;
}
.th-compare-output-product .product-table-configure .th-compare-product-remove {
color: #444444;
background: transparent;
display: flex;
justify-content: center;
align-items: center;
font-size: 13px;
grid-gap: 4px;
border: none;
border-bottom: 1px solid transparent;
padding: 1px;
}
.th-compare-output-product
.product-table-configure
.th-compare-product-remove
i {
color: #d84747;
font-size: 14px;
height: unset;
width: unset;
}
.th-compare-output-product
.product-table-configure
.th-compare-product-remove:hover {
border-bottom: 1px solid #d84747;
}
.th_auto_single_page {
margin-bottom: 10px;
}
.th_auto_single_page .th-compare-output-wrap-inner .th-compare-heading {
background-color: #f7f7f7;
text-align: left;
padding: 6px 20px;
}
.th_auto_single_page
.th-compare-output-wrap-inner
.th-compare-heading
.heading_ {
color: black;
}
.th_auto_single_page .th-compare-output-product {
border: 1px solid whitesmoke;
}
.th_auto_single_page
.th-compare-output-product
.product-table-configure
tr:first-child
td.left-title {
background-color: white;
}
@keyframes popupStyle1 {
0% {
opacity: 0;
transform: translateY(-80px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes popupStyle2 {
0% {
opacity: 0;
transform: translateX(-210px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes popupStyle3 {
0% {
opacity: 0;
transform: translateX(210px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes popupStyle4 {
0% {
opacity: 0;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes popupStyle1close {
0% {
opacity: 1;
}
100% {
opacity: 0;
visibility: 0;
}
}
@keyframes loaderTMK {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.th-compare-output-product::-webkit-scrollbar {
height: 2px;
width: 2px;
}
.th-compare-output-product::-webkit-scrollbar-thumb {
background: black;
border-radius: 10px;
}
@media screen and (max-width: 450px) {
.th-compare-output-product .product-table-configure td {
min-width: unset;
}
.th-compare-output-product .product-table-configure td.left-title {
padding: 10px;
}
.th-compare-output-product .product-table-configure td.left-title span {
font-size: 16px;
}
.th-compare-output-product
.product-table-configure
.image
.image-and-addcart
.img_ {
min-width: unset;
max-width: 60px;
max-height: 80px;
}
}
.th-compare-footer-wrap {
position: fixed;
z-index: 1000000000;
background-color: white;
width: 100%;
bottom: -150px;
transition: 0.8s all ease;
box-sizing: border-box;
}
.th-compare-footer-wrap * {
box-sizing: border-box;
}
.th-compare-footer-wrap.active {
bottom: 0;
}
.th-compare-footer-wrap.active > div {
box-shadow: 0 12px 53px 3px rgba(69, 77, 89, 0.21);
}
.th-compare-footer-wrap.active .th-footer-up-down .icon_2 {
transform: rotate(180deg);
}
.th-compare-footer-wrap .th-footer-up-down {
position: absolute;
top: -35px;
height: 35px;
padding: 0 12px;
border-radius: 8px 8px 0 0;
display: flex;
justify-content: center;
align-items: center;
transform: translatex(-50%);
left: 50%;
background-color: inherit;
grid-gap: 8px;
color: #464646;
border: none;
font-weight: 700;
letter-spacing: 0.03rem;
font-size: 14px;
box-shadow: 0px -4px 8px 0px rgba(69, 77, 89, 0.21);
}
.th-compare-footer-wrap .th-footer-up-down:focus {
outline: none;
}
.th-compare-footer-wrap .th-footer-up-down .icon_2 {
transition: 0.2s transform ease;
}
.th-compare-footer-wrap > div {
display: flex;
grid-gap: 10px;
align-items: center;
height: 150px;
padding: 0 35px;
position: relative;
background-color: inherit;
justify-content: space-between;
}
.th-compare-footer-wrap > div .th-footer-bar-opner {
visibility: visible;
}
.th-compare-footer-wrap > div .th-add-product-bar {
background: #e9e9e9;
line-height: 1;
cursor: pointer;
border-radius: 8px;
display: flex;
align-items: center;
color: #464646;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.03rem;
}
.th-compare-footer-wrap > div .th-add-product-bar i {
height: unset;
width: unset;
font-size: 16px;
padding: 11px;
background-color: #b1b1b1;
border-radius: 8px 0px 0 8px;
}
.th-compare-footer-wrap > div .th-add-product-bar span {
padding: 0 11px;
}
.th-compare-footer-wrap > div .product_image { display: flex;
grid-gap: 10px;
max-width: 100%;
overflow: auto;
padding: 10px;
}
.th-compare-footer-wrap > div .product_image .img_ {
width: 110px;
height: 110px;
min-width: 110px;
position: relative;
background: #dbdbdb;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
}
.th-compare-footer-wrap > div .product_image .img_:hover .th-remove-product {
opacity: 1;
}
.th-compare-footer-wrap > div .product_image .img_ .th-remove-product {
position: absolute;
right: -5px;
top: -8px;
z-index: 10;
color: white;
background: #ef0909;
width: unset;
height: unset;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: 0.2s all linear;
padding: 2px;
opacity: 0;
line-height: 1;
}
.th-compare-footer-wrap > div .product_image .img_ .th-remove-product:before {
content: "\f158";
font-family: "dashicons";
font-style: normal;
font-size: 18px;
}
.th-compare-footer-wrap > div .product_image .img_ a {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.th-compare-footer-wrap > div .product_image .img_ img {
object-fit: scale-down;
max-width: 100%;
max-height: 100%;
}
.th-compare-footer-wrap
> div
.th-compare-enable
.th-compare-footer-product-opner {
line-height: 1;
padding: 0;
border-radius: 8px;
display: flex;
align-items: center;
background: #e9e9e9;
color: #464646;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.03rem;
}
.th-compare-footer-wrap
> div
.th-compare-enable
.th-compare-footer-product-opner
.icon_ {
height: unset;
width: unset;
font-size: 16px;
padding: 11px;
background-color: #b1b1b1;
border-radius: 8px 0px 0 8px;
}
.th-compare-footer-wrap
> div
.th-compare-enable
.th-compare-footer-product-opner
.text_ {
padding: 0 11px;
}
.th-compare-footer-wrap
> div
.th-compare-enable
.th-compare-footer-product-opner.active
.icon_:before {
content: "\f158";
}
.th-compare-footer-wrap .th-compare-loader {
display: none;
}
.th-compare-footer-wrap.loading .th-compare-loader {
position: absolute;
z-index: 10000;
background: #ffffffe8;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
left: 0;
}
.th-compare-footer-wrap.loading .th-compare-loader svg {
animation: loaderTMK 0.8s linear 0s infinite forwards;
}
.th-compare-footer-wrap.position-right,
.th-compare-footer-wrap.position-left {
width: 150px;
height: 100%;
bottom: 0;
}
.th-compare-footer-wrap.position-right > div,
.th-compare-footer-wrap.position-left > div {
height: 100%;
flex-direction: column;
padding: 20px 0;
}
.th-compare-footer-wrap.position-right > div .product_image,
.th-compare-footer-wrap.position-left > div .product_image {
flex-direction: column;
justify-content: center;
}
.th-compare-footer-wrap.position-right > div .th-add-product-bar i,
.th-compare-footer-wrap.position-left > div .th-add-product-bar i {
border-radius: 4px;
}
.th-compare-footer-wrap.position-right > div .th-add-product-bar span,
.th-compare-footer-wrap.position-left > div .th-add-product-bar span {
display: none;
}
.th-compare-footer-wrap.position-right
> div
.th-compare-footer-product-opner
.icon_,
.th-compare-footer-wrap.position-left
> div
.th-compare-footer-product-opner
.icon_ {
border-radius: 4px;
}
.th-compare-footer-wrap.position-right
> div
.th-compare-footer-product-opner
.text_,
.th-compare-footer-wrap.position-left
> div
.th-compare-footer-product-opner
.text_ {
display: none;
}
.th-compare-footer-wrap.position-right .th-footer-up-down,
.th-compare-footer-wrap.position-left .th-footer-up-down {
top: 50%;
width: 30px;
padding: 10px 14px;
height: fit-content;
background-color: inherit;
transform: translateY(-50%);
flex-direction: column;
word-break: break-word;
font-size: 12px;
}
.th-compare-footer-wrap.position-right .th-footer-up-down .text_,
.th-compare-footer-wrap.position-left .th-footer-up-down .text_ {
display: none;
}
.th-compare-footer-wrap.position-left {
left: -150px;
}
.th-compare-footer-wrap.position-left .th-footer-up-down .icon_2 {
transform: rotate(90deg);
}
.th-compare-footer-wrap.position-left.active {
left: 0;
}
.th-compare-footer-wrap.position-left.active .th-footer-up-down .icon_2 {
transform: rotate(-90deg);
}
.th-compare-footer-wrap.position-left .th-footer-up-down {
right: -30px;
left: unset;
border-radius: 0 8px 8px 0;
}
.th-compare-footer-wrap.position-right {
right: -150px;
}
.th-compare-footer-wrap.position-right .th-footer-up-down .icon_2 {
transform: rotate(-90deg);
}
.th-compare-footer-wrap.position-right.active {
right: 0;
}
.th-compare-footer-wrap.position-right.active .th-footer-up-down .icon_2 {
transform: rotate(90deg);
}
.th-compare-footer-wrap.position-right .th-footer-up-down {
left: -30px;
right: unset;
border-radius: 8px 0 0 8px;
}
.th-compare-footer-wrap.position-top {
top: -150px;
height: fit-content;
}
.th-compare-footer-wrap.position-top .th-footer-up-down .icon_2 {
transform: rotate(180deg);
}
.th-compare-footer-wrap.position-top.active {
top: 0;
}
.th-compare-footer-wrap.position-top.active .th-footer-up-down .icon_2 {
transform: rotate(0);
}
.th-compare-footer-wrap.position-top .th-footer-up-down {
top: unset;
bottom: -35px;
border-radius: 0 0px 8px 8px;
}
.th-add-more-product-container {
display: none;
position: fixed;
background: #060606eb;
width: 100%;
height: 100%;
z-index: 10000000;
left: 0;
top: 0;
}
.th-add-more-product-container * {
box-sizing: border-box;
}
.th-add-more-product-container.active {
display: flex;
justify-content: center;
}
.th-add-more-product-container .th-add-more-product-inner {
display: flex;
align-items: center;
height: 100%;
width: 60%;
}
.th-add-more-product-container .th-add-more-product-inner .th-search-product {
padding: 10px 10px;
background-color: white;
border-radius: 4px;
position: relative;
width: 100%;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.remove_search_popup {
position: absolute;
right: -15px;
top: -15px;
background: #cd0b0b;
color: white;
border-radius: 3px;
cursor: pointer;
width: 33px;
line-height: 33px;
height: 33px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input {
width: 100%;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input
input {
width: 100%;
border: 1px solid #d5e0e5;
margin-bottom: 12px;
border-radius: 4px;
background-color: white;
padding: 14px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result {
min-height: 200px;
max-height: 340px;
overflow: auto;
background-color: white;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open {
padding: 15px;
border-bottom: 1px solid #f2f2f2;
cursor: pointer;
transition: 0.2s all ease;
display: flex;
align-items: center;
grid-gap: 5px;
font-size: 16px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open:before {
content: "\f159";
font-family: "dashicons";
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open.checked {
background: #d5e0e5;
color: black;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open.checked:before {
content: "\f147";
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open:hover {
background: #07618f;
color: white;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open
.img_ {
height: 60px;
width: 75px;
position: relative;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open
.img_
img {
position: absolute;
top: 0;
height: 100%;
width: 100%;
object-fit: scale-down;
}
@media screen and (max-width: 450px) {
.th-compare-footer-wrap > div {
padding: 0 10px;
justify-content: space-between;
}
.th-compare-footer-wrap > div .th-add-product-bar i {
border-radius: 4px;
}
.th-compare-footer-wrap > div .th-add-product-bar span {
display: none;
}
.th-compare-footer-wrap > div .th-compare-footer-product-opner .icon_ {
border-radius: 4px !important;
}
.th-compare-footer-wrap > div .th-compare-footer-product-opner .text_ {
display: none;
}
.th-add-more-product-container .th-add-more-product-inner {
justify-content: center;
width: 95%;
}
.th-add-more-product-container .th-add-more-product-inner .th-search-product {
max-width: 90%;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open {
font-size: 14px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input-result
.th-compare-external-popup-open
.img_ {
height: 45px;
width: 52px;
}
.th-add-more-product-container
.th-add-more-product-inner
.th-search-product
.th-search-product-input
input {
padding: 4px;
margin-bottom: 4px;
}
}