﻿@charset "utf-8";
/* CSS Document */
/*.btn { border-radius: 2px; -webkit-border-radius: 2px; }*/
.popover-content .AverageCustomerReviews, .popover-body .AverageCustomerReviews { padding: 0; }
.popover-content .AverageCustomerReviews h5, .popover-body .AverageCustomerReviews h5 { font-size: 14px; padding: 10px 0; text-align: center; }
/*h1 { color: #111 !important; margin-bottom:10px; }*/
.pricelisttitle, .body8bcolor { color: #9d3600!important }
.a-size-mini { font-size: 11px!important; line-height: 1.465!important; }
.a-size-mini .a-icon-text-separator, .a-size-mini .a-text-separator { height: 12px; }
.a-icon-text-separator, .a-text-separator { display: inline-block; margin: -2px .67375em 0; width: 1px; background-color: #ddd; line-height: 0; height: 14px; vertical-align: middle; }
.product_review, .AverageCustomerReviews { padding: 10px 20px 10px 20px; }
/*.a-color-state { color: #d43900!important; }*/
.product_review ul { width: 100%; float: left; list-style:none;margin:0px;padding:0px; }
.product_review li { float: left; }
li.first, li.second, li.second { text-align: center; margin: 0; }
/*product_review .row { width: 100%; float: left; margin: 0; margin-bottom: 4px; cursor: pointer; }*/
product_review .row { width: 100%; float: left; margin: 0; margin-bottom: 4px; }
/*#ratings-wrapper { display: inline-block; cursor: pointer; width: 100%; }*/
#ratings-wrapper { display: inline-block; width: 100%; }
.reivewtxt .row span { font-size: 11px; color: #585858; float: left; margin: 0; padding: 0; border: 0; vertical-align: baseline; line-height: 1; }
.product_review .row .barover, .AverageCustomerReviews .row .barover { background: var(--green); height: 9px; margin: 0 8px;float:left; }
.product_review li .reivewtxt, .AverageCustomerReviews li .reivewtxt { position: relative; /*padding-left: 0; */}
.product_review p.LTgray, .AverageCustomerReviews p.LTgray { padding: 15px 0 0; color: #9e9e9e; }
.LTblack { color: #212121; }
/*.product_review .row { width: 100%; float: left; margin: 0; margin-bottom: 4px; cursor: pointer; }*/
.product_review .reivewtxt  .row, .AverageCustomerReviews .reivewtxt  .row{ width: 100%; float: left; margin: 0; margin-bottom: 4px; }
.product_review p, .AverageCustomerReviews p { font-size: 12px; line-height: 15px; padding: 10px 0; }
.product_review .first h5, .AverageCustomerReviews .first h5 { font-size: 14px; padding: 10px 0; text-align: center; }
.product_review p.LTgray, .AverageCustomerReviews p.LTgray { padding: 15px 0 0; color: #9e9e9e; }
a.LTblack:hover.fs14, .LTgray.fs14 { font-size: 14px; margin-left: -4px; }
a.btn { text-decoration: none; }
.product_review .button, .AverageCustomerReviews .button {  display: inline-block; outline: 1px solid transparent; text-transform: uppercase; border: none; cursor: pointer; color: #fff; font-size: 14px; letter-spacing: 0.5px; text-align: center; text-decoration: none; transition: all 0.2s ease-out 0s; font-weight:bold; /*font-family:Arial, sans-serif;*/ position: relative; overflow: visible; margin: 15px 5px 0; padding: 0 10px; height: 35px; line-height: 34px; }
.btn.btn-line { border: 1px solid #fb8903; color: #fb8903; background: none; z-index: 13; font-weight: bold; }
.btn-blue.btn-line { color: #1abc9c; background: none; border: 1px solid #1abc9c; }
.btn-blue { border-color: var(--green); background: var(--green); font-weight: 600 !important; }
.btn-blue:hover {-webkit-filter: drop-shadow(2px 4px 30px rgba(0, 0, 0, 0.25));   filter: drop-shadow(2px 4px 30px rgba(0, 0, 0, 0.25)); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background-color: var(--green);    border-color: var(--green); }
.btn.btn-line:hover { background: #2ECC71; color: #fff; }
.btn-green { background: #2ECC71; color: #fff; font-weight: bold !important; }
.product_review p span, .AverageCustomerReviews p span { font-size: 14px; line-height: 18px; display: block; }
.product_review .first:before, .AverageCustomerReviews .first:before { border: none; }
.product_review li.second:before, .AverageCustomerReviews li.second:before { position: absolute; left: -2px; top: 0px; bottom: 15px; border-left: dotted 1px #e8e8e8; content: ""; }
.choose-adder { margin-top: 110px; }
.chart { position: relative; display: inline-block; width: 110px; height: 110px; text-align: center; }
.chart canvas { position: absolute; top: 0; left: 0; }
.percent { display: inline-block; line-height: 110px; z-index: 2; }
/*.percent:after {content: '%';margin-left: 0.1em;font-size: .8em;}*/
.product_review li .charttxt { position: absolute; left: 0; right: 0; top: 0; z-index: 1; text-align: center; }
.product_review .first .charttxt span { line-height: normal; font-size: 34px; display: block; line-height:1; }
.product_review .first .charttxt strong { font-size: 30px; color: var(--green); display: block; padding: 14px 0 0; }
.product_review .charttxt small { line-height: 10px; font-size: 10px; display: block; padding-top: 10px; text-transform: uppercase; color: #6B6565; }
.circle strong i, .circle strong em { margin: -2px; font-style: normal; font-weight: normal; }
.product_review .third .charttxt strong .sd-icon-star { color: #e2e2e2; margin: -3px; font-size: 18px; cursor: pointer; display: inline; }
.product_review .second .charttxt .user-rating { font-size: 18px; line-height: 10px; color: #ececec; display: block; margin: 40px auto 0px; width: 80px; }
.product_review .second .charttxt .user-rating i, .product_review .second .charttxt .user-rating em { color: #e2e2e2; margin: -3px; font-size: 18px; cursor: pointer; display: inline; }
.user-rating { border: none; }
.user-rating > input { display: none; }
.user-rating > label:before { margin: 0 1px 5px; font-size: 1.25em; font-family: FontAwesome;font-display:swap; display: inline-block; content: "\f005"; }
.user-rating > .half:before { content: "\f089"; position: absolute; }
.user-rating > label { color: #ddd; float: right; font-weight: normal; font-size: 12px; margin-bottom: 0; }
.user-rating > label .sr-only { color: #585858; }
/***** CSS Magic to Highlight Stars on Hover *****/

/*
.user-rating > input:checked ~ label, .user-rating:not(:checked) > label:hover, .user-rating:not(:checked) > label:hover ~ label { color: #2ECC71; }
.user-rating > input:checked + label:hover, .user-rating > input:checked ~ label:hover, .user-rating > label:hover ~ input:checked ~ label, .user-rating > input:checked ~ label:hover ~ label { color: #2ECC71; }
*/
.user-rating:not([data-isclicked='0']) > input:checked ~ label { color: var(--green); cursor:pointer; }
.user-rating:not([data-isclicked='1']) > input:checked ~ label, .user-rating:not([data-isclicked='1']) > label:hover, .user-rating:not([data-isclicked='1']) > label:hover ~ label { color: var(--green); cursor:pointer; } /* hover previous stars in list */
.userreview-star-ratings > span { display: inline-block; color: #bbb; font-size: 14px !important; position: relative; top: -3px; font-weight:400; letter-spacing:0; }
.userreview-star-ratings > em, .userreview-star-ratings > i { display: inline-block; position: relative; font-family: FontAwesome; font-style: normal; font-size: 18px; border: 0 }
.userreview-star-ratings.sm-star > em, .userreview-star-ratings.sm-star > i { font-size: 15px; }
.userreview-star-ratings.popup-rating { position: relative; margin-top:8px; margin-bottom: 0px;line-height:normal;}
.userreview-star-ratings .popover{ width:240px; }
.userreview-star-ratings.popup-rating > i, .userreview-star-ratings.popup-rating > em { padding-right: 10px; cursor: pointer; margin-right: 10px; }
.userreview-star-ratings.popup-rating:after { content: "\f0d7"; font-family: FontAwesome;font-display:swap; font-style: normal; font-size: 18px; position: absolute; left: 88px; color: #757575; top:0;line-height:1; }
.userreview-star-ratings > em:before, .userreview-star-ratings > i:before { color: #ddd; content: "\f005\f005\f005\f005\f005"; }
.userreview-star-ratings > em:after, .userreview-star-ratings > i:after { color: #ffa41c; position: absolute; left: 0; }
.userreview-star-ratings.green-star > i:after, .userreview-star-ratings.green-star > em:after { color: #2ECC71; }
/*.userreview-star-ratings > i.rating-35:after { content: "\f005\f005\f005\f089"; }
.userreview-star-ratings > i.rating-45:after { content: "\f005\f005\f005\f005\f089"; }
.userreview-star-ratings > i.rating-25:after { content: "\f005\f005\f089"; }
.userreview-star-ratings > i.rating-15:after { content: "\f005\f089"; }
*/
.userreview-star-ratings > em.rating-10:after, .userreview-star-ratings > i.rating-10:after { content: "\f005"; }
.userreview-star-ratings > em.rating-20:after, .userreview-star-ratings > i.rating-20:after { content: "\f005\f005"; }
.userreview-star-ratings > em.rating-30:after, .userreview-star-ratings > i.rating-30:after { content: "\f005\f005\f005"; }
.userreview-star-ratings > em.rating-40:after, .userreview-star-ratings > i.rating-40:after { content: "\f005\f005\f005\f005"; }
.userreview-star-ratings > em.rating-50:after, .userreview-star-ratings > i.rating-50:after { content: "\f005\f005\f005\f005\f005"; }
.userreview-text.fade { background: inherit; }
.userreview-text .form-horizontal label.col-sm-3 { font-size: 16px; font-weight: normal }
.userreview-text .form-horizontal fieldset { padding-top: 7px; }
.customer-review-row { position: relative; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; margin-top: 20px; }
.customer-details { width: 120px; position: absolute; left: 0; top: 0; text-align: center; padding: 6px 10px 0; font-size: 13px; }
.customer-details .customer-name { font-weight: 600; display: block; padding: 5px 0 2px; font-size: 13px; text-transform:capitalize; }
.customer-details .customer-icon { border-radius: 50%; clear: both; height: 50px; text-align: center; width: 50px; vertical-align: middle; /* display: table-cell; */ font-size: 22px; color: #fff; margin: 0 auto; line-height: 50px; /*font-family: arial, sans-serif;*/ text-transform: uppercase; }
.customer-details .customer-icon img{ width:50px; height:50px;}
.customer-comments { margin-left: 135px; font-size:16px; border: 1px solid #E0E0E0; border-radius: 10px; position: relative; padding: 15px 20px 20px; line-height: 24px;}
.customer-comments .shortdescription_link{font-size:14px;}
.userreview-star-ratings{margin:0;}
.customer-comments:after, .customer-comments:before { right: 100%; top: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.customer-comments:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 15px; margin-top: -15px; }
.customer-comments:before { border-color: rgba(224, 224, 224, 0); border-right-color: #E0E0E0; border-width: 16px; margin-top: -16px; }
.comment-title { font-weight: 600; font-size: 16px; margin-bottom: 10px; color: #1A1A1A; }
.helpful-comment { position: absolute; background: #f1f1f1; padding: 6px 20px; clear: both; bottom: 0; left: 0; width: 100%; border-radius: 0 0 4px 4px; line-height: 24px; }
.comment-date { font-size: 12px; color: #666666; margin: 5px 0px; }

/* adder page css start here######################*/
.position-container { position: absolute; width: 100%; padding: 20px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-left: -20px; z-index:1; }
.product-detail-row { border: 1px solid #ccc; display: table; width: 100%; background: #f3f3f3; }
.position-container.fixed-bar { position: fixed; top: 0; background: #fff; padding: 20px; margin-left: -20px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; -webkit-box-shadow: 0 5px 6px 0 #CACACA; box-shadow: 0 5px 6px 0 #CACACA; z-index:1 }
.product-detail-row .product-detail-col { display: table-cell; background-color: #fafafa; border-right: 1px solid #ccc; padding: 5px; width: 1px; white-space: nowrap; }
.product-detail-row .product-table-col { display: table }
.product-detail-row .product-table-col .product-col { display: table-cell; vertical-align: middle; }
.product-detail-row .product-table-col .done-icon { color: #099700; padding: 0 10px; }
.product-detail-row .product-table-col .product-img-row { border: 1px solid #000; display: table; width: 65px; }
.product-detail-row .product-table-col .product-img-row a { text-decoration: none }
.product-detail-row .product-table-col .product-img-row em { padding-bottom: 5px; }
.product-detail-row .product-table-col .product-img { width: 48px; height: 48px; }
.product-detail-row .product-table-col .product-img img { height: 48px; }
.order-details-col { display: table-cell; vertical-align: middle; padding-left: 15px; }
.a-size-medium { font-size: 17px!important; line-height: 1.255!important; /*font-family: Arial, sans-serif;*/ text-rendering: optimizeLegibility; }
#huc-page-container * { max-height: 999999px; text-rendering: optimizeSpeed; }
.a-inline-block, .aok-inline-block { display: inline-block; }
.a-text-bold { font-weight: 600!important; }
a-color-price { color: #b12704!important; }
.hlb-price .currencyINR { background-position: 0 -318px; width: 6px; height: 9px; line-height: 9px; margin-right: 0; margin-bottom: 1px; _margin-bottom: 0; font-size: 8px; }
.a-size-small { font-size: 12px!important; line-height: 1.5!important; }
.huc-v2-order-row .huc-v2-table-col { display: table-cell; width: auto; vertical-align: middle; }
.popover-order { overflow: hidden; border: 1px solid #cdcdcd; border-color: rgba(0,0,0,.2); border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,.13); background-color: #fff; position: absolute; top: 10px; left: 0; width: 400px; border-radius: 4px; background-color: white; padding: 12px 0px }
.pop_up_box .pop_up_box_right .prod-title { margin-bottom: 9px }
.pop_up_box .pop_up_box_right .pop_ratestar { margin-bottom: 9px }
hr { background-color: transparent; display: block; height: 1px; border-width: 0; border-top: 1px solid #e7e7e7; line-height: 19px; margin-top: 0; margin-bottom: 9px; }
.pop_up_box .pop_up_box_right .pop_up_price { margin-bottom: 9px; color: #b12704 }
.pop_up_box .pop_up_box_right .pop_stock { margin-bottom: 9px; color: rgb(90, 177, 90); }
.pop_up_box .pop_up_box_right .pop_up_para { font-size: 13px; }
.products-cont li a { display: block; line-height: 17px; /*font-family: arial;*/ }
.products-cont .cart-img { width: 88px; display: table-cell; padding-right: 15px; vertical-align: top; }
.products-cont li a img { display: inline-block; margin-right: 10px; margin: 0px 0 10px 0; width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; }
.products-cont .cart-product-details { display: table-cell; vertical-align: top; /*font-family: arial;*/ }
.products-cont .cart-product-details > span { display: block; }
.products-cont .cart-product-details .product-size, .product-value-txt .cart-product-details .product-material { color: #343336; font-size: 11px; font-weight: normal; }
.products-cont .cart-product-details .product-material { margin-bottom: 10px; }
.products-cont .cart-product-details a.product-name { color: #3874d7; font-size: 16px; font-weight: bold; margin-bottom: 4px; }
.products-cont .quantity-formated { margin-right: 5px; float: left; color: #343336; }
.products-cont .price { font-size: 18px; padding: 0; color: #b12704; }
.products-cont .cart-prices div { border-top: 1px dotted #b2b2b2; padding: 7px 10px; background: #FDFDE2; line-height: 22px; }
.products-cont .product-value-txt_shipping_cost, .product-value-txt .product-value-txt_total, .product-value-txt .product-value-txt_wrapping_cost { float: right; color: #343336; }
.products-cont .price-txt { color: #9a9a9a; padding-right: 5px; }
.products-cont .price-txt span { display: inline-block; }
.choose-adder { margin-top: 110px; }
.choose-adder > table > tbody > tr td a, .choose-adder > table > tbody > tr th a { /*font-family: Arial, sans-serif;*/ font-size: 13px; }
.choose-adder > table > tbody > tr td, .choose-adder > table > tbody > tr th { /*font-family: Arial, sans-serif;*/ font-size: 12px; line-height: 14px; }
.choose-adder small { font-size: 10px; line-height: normal; /*font-family: Arial, sans-serif;*/ display: block; }
.choose-adder > table > tbody > tr > td:first-child { width: 300px; }
.choose-adder > table > tbody > tr > td:nth-child(2) { vertical-align: middle !important; }
.choose-adder > table > tbody > tr > td { vertical-align: middle !important; }
.adder-add-quitity { width: 160px; }
.adder-add-quitity .adder-input-box { border: 1px solid #ccc; padding: 0px 0px 0px 0px; border-radius: 6px; }
.adder-add-quitity .adder-input-box td, .adder-add-quitity .adder-input-box th { font-size: 13px; }
.adder-add-quitity .adder-input-box .inner-yellow-cont { background-color: #FFFFCC; border-bottom: 1px solid #CCC; padding: 12px 9px; border-radius: 6px 6px 0 0; }
.adder-add-quitity .adder-input-box .qvQty { display: inline-block; width: 50px; /*font-family: Arial, Helvetica, sans-serif;*/ font-weight: bold; font-size: 18px; color: #333; border: 1px solid #aaa; padding: 3px 3px; text-align: center; height: 32px; margin: 0; }
.adder-add-quitity .adder-input-box .totalprice { /*font-family: Arial, Helvetica, sans-serif;*/ font-size: 16px; line-height: 22px; font-weight: bold; }
.adder-add-quitity span { display: block; margin-bottom: 5px }
.adder-add-quitity input { font-size: 12px; line-height: 1.5; padding: 5px 10px; border-radius: 3px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; text-align: center; margin-bottom: 5px; }
.choose-adder .table-condensed { margin: 5px 0; width: 40% }
.choose-adder .table-condensed>tbody>tr>td:first-child { font-weight: bold; }
.choose-adder .table-condensed>tbody>tr>td, .choose-adder .table-condensed>tbody>tr>th { padding: 3px; }
.choose-adder .pricerj td, .choose-adder .pricerj th { text-align: center }
.show-all-reviews{margin-top: 10px;margin-left: -35px;}

@media(max-width:767px) {
.product_review li.second:before { border-left: none; }
.product_review, .AverageCustomerReviews { padding: 20px 0 0px 0; }
.product_review li .reivewtxt { padding-right: 15px; padding-left: 15px; }
.product_review .first {margin: 0 0 20px; padding: 0;}
 .customer-details .comment-date{margin: 6px 0px 0px; text-align: left;float: right;}
 .customer-details .customer-name{float: left;padding: 0 0 2px;font-size:16px;margin-top:-3px;}
li.second{ padding:0}
.customer-details .customer-icon {height: 30px;width: 30px;vertical-align:top;float: left; margin-right: 7px;}
.customer-comments .userreview-star-ratings ~ span.pull-right, .customer-comments .userreview-star-ratings ~ span.float-right{white-space: normal !important;text-align: left !important;line-height:normal;}
    .customer-comments .userreview-star-ratings ~ span.pull-right > .shortdescription_link, .customer-comments .userreview-star-ratings ~ span.float-right > .shortdescription_link {line-height: 20px;font-size:14px; font-weight: normal;}
.customer-details .customer-name, .customer-details { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  text-align: left;}
 .customer-comments {margin-left: 0;padding: 0 0 10px 0;border: 0px;border-bottom: 1px solid #E0E0E0;border-radius: 0px;margin-left: 38px;display: inline-block;}
.customer-details {width: 100%;position: relative;margin-top: 0px;padding: 0;font-size: 13px;}
.customer-details .customer-icon img{ vertical-align:top; width:30px; height:30px;}
.customer-comments .userreview-star-ratings{ margin:-16px 0 6px 0 !important;}
.customer-comments .userreview-star-ratings > em{font-size:13px;}
.comment-title {font-size: 15px;margin-bottom: 5px;}
.product_review .row .barover,.AverageCustomerReviews .row .barover { max-width: 75%;}
.product_review p,.AverageCustomerReviews p {padding: 10px 0 0; margin:0;}
.customer-review-row { margin-top: 10px;}
.customer-review-row:before{content: '';display: table;}
.customer-review-row:after{content: '';	display: table;	clear: both;}
.customer-comments:after, .customer-comments:before {right: 100%;top:22px;border: solid transparent;content: " ";height: 0;	width: 0;position: absolute;pointer-events: none;}
.customer-comments:after {	border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 10px;margin-top: -10px;display:none}
.customer-comments:before {border-color: rgba(224, 224, 224, 0);border-right-color: #E0E0E0;border-width: 11px;margin-top: -11px;display:none}
.show-all-reviews{margin-top: 10px;margin-left:-15px; text-align:center}
.a-size-mini{font-size:13px !important;}
.customer-comments .a-size-mini.a-color-state{display:block;padding-top:4px;color: var(--green);}
.sku-row-container p{margin-bottom: 8px;}
.customer-comments{font-size:15px;}
.userreview-star-ratings > em, .userreview-star-ratings > i { font-size: 16px; }
.userreview-star-ratings.popup-rating:after { line-height: normal;left: 78px;}
.userreview-star-ratings > span{top:-2px;}
.customer-comments > .clearfix{padding-bottom: 13px !important;}
}
@media (min-width: 1200px){
.customerReviewOuter .customer_reviewMain { padding: 0 20px 0 0;display: table-cell;vertical-align: top;width: 100%;}
.customerReviewOuter .product_review {padding: 10px 15px 10px 20px !important;width: 315px;display: table-cell;float: left;vertical-align: top;z-index: 1;position: sticky;top: 80px;}
.customerReviewOuter .product_review li {float: none !important;margin-bottom: 15px !important;border: 1px solid #eee;border-radius: 4px;padding: 20px 10px;}
.customerReviewOuter {display: table;width: 100%;}
}

@media (max-width: 767px) {
    .customer_reviewMain{background-color: var(--white);margin:var(--marginOffset); padding:var(--padding-space);box-shadow: var(--box-shadow);position:relative; }
    .show-all-reviews{margin-left: var(--marginOffset);margin-right: var(--marginOffset);}
    .show-all-reviews div[class*="col-"]{padding:0 var(--marginOffset);}
    .qvreview-block h2{background:#fff; box-shadow: var(--box-shadow); margin:var(--marginOffset); padding:10px var(--container-padding)!important; margin-bottom:0!important;font-weight:400}
    .product_review{background:#fff; box-shadow: var(--box-shadow); margin:var(--marginOffset); padding:10px var(--container-padding)!important;position:relative;}
    .product_review:before{content:"";position:absolute;top:-1px;left:0;height:2px;background:#fff;right:0;}

    .ss_dept_sub_heading{    background-color: var(--white);margin: var(--marginOffset);padding: 10px var(--container-padding);margin-top: 15px;position: relative;margin-bottom:0!important}
    .customer_reviewMain .customer-review-row:last-child .customer-comments{ border-bottom:none;}
}
