/* 4may20 review css start */
@charset "utf-8";
/* CSS Document */

.padL0 {
    padding-left: 0px;
}

.padR0 {
    padding-right: 0px;
}

/* DescriptionSec Section - 30.04.2020 */

.descriptionSec .panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0 5px;
}

.descriptionSec .panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}

.descriptionSec .panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
}

.descriptionSec .nav-tabs>li>a {
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-bottom: 1px solid #ddd !important;
}

.descriptionSec .nav-tabs>li.active>a {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-bottom: 1px solid #fff !important;
}

.descriptionSec .nav-tabs>li.active>a:hover {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-bottom: 1px solid #fff !important;
}

/* DescriptionSec Section - 30.04.2020 */



/* Rating & Reviews Section - 30.04.2020 */

h3.hedertitel {
    padding: 12px 15px 5px 0;
    margin: 0 0 10px 0;
    color: #000;
    font-size: 19px;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
}

.ratingReviewSec .panel {
    margin: 0px;
    min-height: 400px;
}

.ratingReviewSec .panel-body {
    padding: 10px;
}

.ratingReviewSec .panel-heading {
    padding: 10px;
}

.ratingReviewSec .panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0 5px;
}

.ratingReviewSec .panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}

.ratingReviewSec .panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
}

.ratingReviewSec .nav-tabs>li>a {
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-bottom: 1px solid #ddd !important;
}

.ratingReviewSec .nav-tabs>li.active>a {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-bottom: 1px solid #fff !important;
}

.ratingReviewSec .nav-tabs>li.active>a:hover {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-bottom: 1px solid #fff !important;
}

.rating-box {
    display: inline-block;
    height: 18px;
    text-align: left;
    width: 90px;
    vertical-align: top;
    background: url(https://res.retailershakti.com/incom/sspl_website/images/star-gray.png) left top repeat-x;
}

.rating-box .rating {
    height: 18px;
    background: url(https://res.retailershakti.com/incom/sspl_website/images/star-yellow.png) left top repeat-x;
}










.btn-grey {
    background-color: #D8D8D8;
    color: #FFF;
}

.rating-block {
    background-color: #fdfdfd;
    border: 1px solid #EFEFEF;
    padding: 15px;
    border-radius: 3px;
}

.bold {
    font-weight: 700;
}

.padding-bottom-7 {
    padding-bottom: 7px;
}

.review-block {
    background-color: #fdfdfd;
    border: 1px solid #EFEFEF;
    padding: 0px;
    border-radius: 3px;
}

.review-block-name {
    font-size: 12px;
    margin: 10px 0 0 0;
}

.review-block-date {
    font-size: 12px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.review-block-rate {
    font-size: 13px;
    margin-bottom: 15px;
}

.review-block-title {
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 5px;
}

.review-block-description {
    font-size: 13px;
}

.arrow_box {
    position: relative;
    background-color: transparent;
    border-left: 1px solid #ddd;
}

.arrow_box:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #ddd;
    border-width: 12px;
    margin-top: -12px;
}

.reviews-name {
    width: 50px;
    line-height: 50px;
    border-radius: 4px;
    text-align: center;
    background-color: #4591c2;
    font-size: 25px;
    color: #fff;
}

/* Rating & Reviews Section - 30.04.2020 */

/* popup css start */
.clr {
    clear: both;
}

.pad0 {
    padding: 0px;
}

.height10 {
    height: 10px;
}

.height15 {
    height: 15px;
}

.modalReviewSection {
    background: #fff;
    border-radius: 4px;
    padding: 0px;
}

.modalReviewSection .header {
    background: #1879b7;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 8px 12px;
    display: block;
    font-size: 15px;
}

.modalReviewSection .header .modal-title {
    color: #fff;
    font-size: 17px;
    font-weight: normal;
}

.modalReviewSection .header .close {
    color: #fff;
    font-size: 27px;
    opacity: 0.9;
    font-weight: normal;
    line-height: 22px;
}

.modalReviewSection .body {
    padding: 15px;
}

.modalReviewSection .body h4 {
    padding: 0px;
    margin: 0px;
    font-size: 17px;
}

.symbol {
    display: inline-block;
    width: 19px;
    height: 18px;
}

.symbol-empty {
    background: url(https://res.retailershakti.com/incom/sspl_website/images/star-hover.png) center center no-repeat;
}

.symbol-filled {
    background: url(https://res.retailershakti.com/incom/sspl_website/images/star.png) center center no-repeat;
}

/* popup css end */
/* 4may20 review css end */

/* 24-04-2020 start multi image css  */
.fontsize17 {
    font-size: 17px !important;
}

.multiThumbelSec {
    border: 1px solid #e6e6e6;
    position: relative;
}

.details-img {
    padding: 0;
    margin: 0;
    position: relative
}

.details-img span {
    position: absolute;
    text-align: center;
    left: 40%;
    bottom: 0;
    background-color: rgba(255, 255, 255, .9);
    text-transform: capitalize;
    font-size: 11px;
    color: #333;
    padding: 2px 5px;
    z-index: 200
}

.easyzoom {
    position: relative;
    display: inline-block
}

.easyzoom-flyout,
.easyzoom-notice {
    position: absolute;
    background: #FFF
}

.easyzoom img {
    vertical-align: bottom
}

.easyzoom.is-loading img {
    cursor: progress
}

.easyzoom.is-ready img {
    cursor: crosshair
}

.easyzoom.is-error img {
    cursor: not-allowed
}

.easyzoom-notice {
    top: 50%;
    left: 50%;
    z-index: 150;
    width: 10em;
    margin: -1em 0 0 -5em;
    line-height: 2em;
    text-align: center
}

.easyzoom-flyout {
    z-index: 100;
    overflow: hidden
}

.easyzoom--overlay .easyzoom-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.easyzoom--adjacent .easyzoom-flyout {
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    margin-left: 20px
}





.thumbelina {
    padding: 0;
    margin: 0;
    position: absolute;
    white-space: nowrap;
    font-size: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.thumbelina li {
    padding: 0;
    line-height: 0;
    margin: 0;
    border: 0 solid #fff;
    border-bottom: 1px solid #f1f1f1
}

.thumbelina li img {
    padding: 10px
}

.thumbelina li:hover {
    border-bottom: 1px solid #f1f1f1
}

.thumbelina-but {
    position: absolute;
    background-color: rgba(255, 255, 255, 1);
    border: 0 solid #aaa;
    box-shadow: none;
    z-index: 1;
    cursor: pointer;
    color: #000;
    text-align: center;
    vertical-align: middle;
    font-size: 22px;
    font-weight: 700;
    font-family: monospace
}

.thumbelina-but:hover {
    color: #000;
    box-shadow: none;
    background-color: rgba(255, 255, 255, .7)
}

.thumbelina-but.disabled,
.thumbelina-but.disabled:hover {
    background-color: #efefef;
    color: #ccc;
    cursor: default;
    box-shadow: none
}

.thumbelina-but.horiz {
    width: 20px;
    height: 119px;
    line-height: 119px;
    top: -1px
}

.thumbelina-but.horiz.left {
    left: -20px;
    border-radius: 0
}

.thumbelina-but.horiz.right {
    right: -20px;
    border-radius: 0
}

.thumbelina-but.vert {
    left: 0;
    height: 16px;
    line-height: 26px;
    width: 100%
}

.thumbelina-but.vert.top {
    top: 0;
    border-radius: 0;
    border-bottom: 1px solid #e6e6e6
}

.thumbelina-but.vert.bottom {
    bottom: 0;
    border-radius: 0;
    border-top: 1px solid #e6e6e6
}

#slider3 .disabled {
    display: none
}

#slider3 {
    position: relative;
    margin-top: 0;
    width: 100%;
    height: 370px;
    margin-bottom: 0;
    overflow: hidden;
}

.promultiimg {
    border-left: 1px solid #e6e6e6;
}

a.articleviewall {
    background: #eee;
    color: #000;
    padding: 5px 15px;
    margin-right: 0;
    margin-bottom: 0;
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 12px
}

.details_rightarticle h2,
a.proshopnow {
    margin: 0;
    color: #fff;
    text-align: center
}

a.proshopnow {
    background: #5cb85c;
    padding: 6px 15px;
    font-size: 13px;
    display: block
}

.details_rightarticle h2 {
    padding: 10px 0;
    background: #00aeef;
    border: 1px solid #00aeef;
    font-size: 17px
}

.theiaStickySidebar .thumbelina .active,
.theiaStickySidebar .thumbelina .proimg:hover {
    border: 1px solid #2874f0
}

.details_sticky_product {
    margin-top: 91px
}


#slider3 ul {
    padding: 0;
    margin: 0
}

#slider3 img {
    width: 100% !important;
    height: auto;
    padding: 5px
}

.proimg {
    border: 1px solid #fff;
    border-bottom: 1px solid #e6e6e6;
}

.proimg:hover {
    border: 1px solid #1879b7;
}

.proimg.active {
    border: 1px solid #1879b7
}

.prod_des ul {
    list-style: inside;
}

/* 24-04-2020 end multi image css  */
/*----add-css---*/
.margin-none {
    margin: 0;
}

.border-radius-none {
    border-radius: 0;
}

.border-top-none {
    margin-top: -1px;
}

.details-title-pro {
    font-size: 19px;
    font-weight: bold;
    margin-top: 0;

}

.extra-padding {
    padding: 8px 25px 9px;
    display: block;
}

.extra-gap {
    border: 1px dashed #bbb;
    margin-left: 20px;
    margin-top: 5px;
    padding: 10px !important;
}

.auto_width {
    width: auto;
    padding-right: 5px;
    float: left;
    margin-bottom: 5px;
}

.auto_width2 {
    width: auto;
    padding-right: 5px;

    margin-bottom: 5px;
}

.spinner_width {
    width: 80px;
    ;
    padding-right: 5px;
    float: left;
    margin-bottom: 5px;
}

.btn-range {
    border-radius: 0;
    border-bottom-width: 2px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.addto-btn-orange {
    color: #fff;
    background-color: #f68f3b;
    border-color: #f68f3b;
    border-radius: 0;
    line-height: 20px;
    padding: 7px 6px 6px 6px;
}

.addto-btn-orange:hover {
    color: #fff;
    border-radius: 0px;
}

.addto-btn-orange:active,
.addto-btn-orange:focus {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff !important;
}

.addto-btn-orange i {
    top: -2px;
    font-size: 14px;
}

.buynow-btn-blue {
    color: #fff;
    border-color: #f68f3b;
    border-radius: 0;
    line-height: 20px;
    padding: 7px 6px 6px 6px;
    border: 1px solid #195081;
}

.buynow-btn-blue:hover {
    color: #fff;
    border-radius: 0px;
}

.orange-btn {
    border-radius: 0px !important;
    background: #fff;
    border: none !important;
    border: 1px solid #e7c02e !important;
    padding: 3px 10px !important;
    line-height: 15px;
    font-size: 12px;
    color: #000;
    margin: 0 3px 3px 0;
    box-shadow: 2px 2px 1px #fff;
}

.orange-btn:hover {
    background: #fff6ef !important;
    border: none !important;
    border: 1px solid #e7c02e !important;
    color: #000;
    box-shadow: 2px 2px 1px #eacdb6;
}

.nav-psr {
    /*border: 1px solid #ccc;*/
    border-bottom: none;
}

.nav-psr>li {
    text-transform: none;
    border-bottom: none;
}

.nav-psr>li>a {
    border-radius: 0;
}

.tabbable {
    /*border: 1px solid #ccc;*/
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.nav-dsih>li {
    text-transform: none;
}

.nav-dsih>li>a {
    border-radius: 0;
}

.nav-dsih>li:first-child.active>a,
.nav-dsih>li:first-child.active>a:hover,
.nav-dsih>li:first-child.active>a:focus {
    /*border-left-color: #fff;*/
}

.border-line {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.person-det {
    padding: 10px;
    border: 1px solid #ccc;
    position: relative;
}

.person-det:before {
    border-bottom: 11px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #ccc;
    border-top: 10px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: -10px;
    position: absolute;
    top: 15px;
    z-index: 2;
}

.person-det:after {
    border-bottom: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid #fff;
    border-top: 8px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: -9px;
    position: absolute;
    top: 17px;
    z-index: 3;
}

.rating-box {
    background: transparent url("https://res.retailershakti.com/incom/sspl_website/images/star-gray.png") repeat-x scroll left top;
    display: inline-block;
    height: 18px;
    text-align: left;
    width: 90px;
    vertical-align: top;
}

.rating-box .rating {
    background: transparent url("https://res.retailershakti.com/incom/sspl_website/images/star-yellow.png") repeat-x scroll left top;
    height: 18px;
}

.rating-value {
    margin-left: 3px;
}

.people-review {
    width: auto;
    margin-left: 10px;
}

.reviews-name {
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    background-color: #4591c2;
    font-size: 25px;
    color: #fff;
}

/*-------owl-carousel------*/
.pro_details .item {
    border: 1px solid #f1f1f1;
    background: #fff;
    padding: 10px;
    margin: 5px;
    color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    min-height: 300px;
}

.pro_details .item:hover {
    border: 1px solid #7eb8de;
    background: #fff;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(206, 206, 206, 0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(206, 206, 206, 0.75);
    box-shadow: 0px 0px 20px 0px rgba(206, 206, 206, 0.75)
}

.pro_details .item h4 {
    padding: 5px 0;
    margin: 0;
    color: #959595;
    text-align: center;
    font-size: 14px;
    min-height: 56px;
}

.pro_details .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    background: #000 url(https://res.retailershakti.com/incom/sspl_website/images/featured-left-arrow.png) center center no-repeat;
    width: 16px;
    height: 40px;
    border-radius: 0px;
    font-size: 0;
    padding: 0px;
    margin: 0px;
    left: -18px;
    /*top: 85px;*/
    top: 41%
}

.pro_details .owl-controls .owl-buttons .owl-next {
    position: absolute;
    background: #000 url(https://res.retailershakti.com/incom/sspl_website/images/featured-right-arrow.png) center center no-repeat;
    width: 16px;
    height: 40px;
    border-radius: 0px;
    font-size: 0;
    padding: 0px;
    margin: 0px;
    right: -18px;
    /*top: 85px;*/
    top: 41%
}

/*-------End_owl-carousel------*/

.prod_des {
    list-style: none;
    padding: 0;
}

.prod_des i {
    font-size: 13px;
    color: #999;
    top: 1px;
}

.btn-details-lg {
    padding: 8px 16px;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 0px;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.input-group-spinner .form-control {
    height: 38px;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 0px;
}

.input-group-spinner .input-group-btn-vertical>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 9px 9px 9px;
    margin-left: -1px;
    position: relative;
    border-radius: 0;
    outline: none;
}

.input-group-spinner .input-group-btn-vertical>.btn i {
    top: 0px;
    left: 5px;
}


/*==========responsive-css==========*/
@media only screen and (max-width: 767px) {

    .nav-dsih>li {
        border-radius: 0;
        width: 100%;
        text-align: center;
    }

    .nav-dsih>li.active>a,
    .nav-dsih>li.active>a:hover,
    .nav-dsih>li.active>a:focus {
        background-color: #a1daff !important;
    }

    .person-det:before {
        display: none;
    }

    .person-det:after {
        display: none;
    }

    .extra-gap {
        margin-top: 0;
        margin-left: 0;
    }

    .fix_width {
        width: 100%;
        float: left;
    }
}



.close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.content {
    height: 400px;
}

.login-bg {
    border: none;
    border-top: 1px solid #f1f1f1;
    min-height: 150px;
}

.qty_textbox {
    display: inline-block;
    height: 27px;
}

.buynow-v-line {
    background: url(https://res.retailershakti.com/incom/sspl_website/images/buynow-v-line.jpg) right top repeat-y;
}

.cut-line {
    border: 1px dashed #dbbb4b;
    border-radius: 4px;
    background: #ffe382;
    word-wrap: break-word;
}

.cut-line h4 {
    color: #ba251b;
    border-bottom: 1px dashed #d1af3a;
    padding-left: 10px;
    margin-bottom: 0px;
    font-size: 16px;
}


.twitter-icon {
    background: rgba(0, 0, 0, 0) url("https://res.retailershakti.com/incom/sspl_website/images/social-icon.png") no-repeat scroll 0 0;
    display: block;
    float: right;
    height: 24px;
    margin: 0;
    text-decoration: none;
    width: 24px;
}

.twitter-icon:hover {
    background-position: 0 -24px;
    outline: medium none;
    cursor: pointer;
}

.facebook-icon {
    background: rgba(0, 0, 0, 0) url("https://res.retailershakti.com/incom/sspl_website/images/social-icon.png") no-repeat scroll -24px 0;
    display: block;
    float: right;
    height: 24px;
    margin: 0;
    text-decoration: none;
    width: 24px;
}

.facebook-icon:hover {
    background-position: -24px -24px;
    outline: medium none;
    cursor: pointer;
}

.google-icon {
    background: rgba(0, 0, 0, 0) url("https://res.retailershakti.com/incom/sspl_website/images/social-icon.png") no-repeat scroll -48px 0;
    display: block;
    float: right;
    height: 24px;
    margin: 0;
    text-decoration: none;
    width: 24px;
}

.google-icon:hover {
    background-position: -48px -24px;
    outline: medium none;
    cursor: pointer;
}

.linkedin-icon {
    background: rgba(0, 0, 0, 0) url("https://res.retailershakti.com/incom/sspl_website/images/social-icon.png") no-repeat scroll -72px 0;
    display: block;
    float: right;
    height: 24px;
    margin: 0;
    text-decoration: none;
    width: 24px;
}

.linkedin-icon:hover {
    background-position: -72px -24px;
    outline: medium none;
    cursor: pointer;
}

.underline a:hover {
    text-decoration: underline;
    color: #F15558;
}

.ui-corner-all {
    border-radius: 0px !important;
}

.noRadiusBtnAddtocart {
    border-radius: 0px !important;
    border-bottom: solid 2px #449A43;
    text-transform: none;
}

.noRadiusBtnBuynow {
    border-radius: 0px !important;
    border-bottom: solid 0px #075180;
    text-transform: none;
}

.btn-orange:hover {
    border-radius: 0px;
}

.quantity-pad {
    padding-top: 10px;
}



.detail-tab .nav-pills>li.active>a,
.detail-tab .nav-pills>li.active>a:hover,
.detail-tab .nav-pills>li.active>a:focus {
    border: 1px solid #ddd;
    border-bottom: none;
    color: #000;
    background-color: #fff;
    outline: none;
}

.detail-tab .tab-content {
    background-color: #fff;
    padding: 15px;
    min-height: 200px;
}

.notifyBlock {
    display: none;
}

/* 04-12-2019 */

.location-check {
    width: auto;
    display: block;
    padding: 10px 0;
    position: relative;
}

.location-check .delivery {
    width: auto;
    display: block;
    font-size: 15px;
    padding-right: 15px;
    position: relative;
    color: #000;
    float: left;
    padding-top: 10px;
}

.location-check .deliverysearch {
    width: 75%;
    display: block;
    float: right;
}

.location-check .deliverysearch .input-group {
    position: relative;
}

.location-check .deliverysearch .input-group .location-icon {
    position: absolute;
    top: 10px;
    left: 0px;
    color: #d2d2d2;
    z-index: 5;
}

.location-check .deliverysearch .input-group .form-control {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    box-shadow: none;
    padding-left: 20px;
    background: transparent;
    color: #000;
}

.location-check .deliverysearch .input-group .check {
    border-radius: 3px;
    position: relative;
    left: 5px;
}

.location-check .delivery-msg {
    width: 100%;
    display: block;
    background-color: #fff;
    padding: 10px 15px;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 3px;
    position: relative;
    top: 10px;
    left: 0px;
    font-size: 12px;
    color: #000;
}

.location-check .delivery-msg:before {
    content: '';
    position: absolute;
    right: 20px;
    bottom: 100%;
    margin: auto;
    display: block;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 8px 7.5px;
    border-color: transparent transparent #ddd transparent;
}

.location-check .delivery-msg:after {
    content: '';
    position: absolute;
    right: 100%;
    right: 21px;
    bottom: 100%;
    margin: auto;
    display: block;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6.5px 6px 6.5px;
    border-color: transparent transparent #fff transparent;
}

.location-check.has-error .deliverysearch .input-group .location-icon {
    color: #a94442;
}

.location-check.has-error .deliverysearch .input-group .form-control {
    color: #a94442;
}

.location-check.has-error .delivery-msg {
    background-color: #f2dede;
    border: 1px solid #E9C3C9;
    color: #a94442;
}

.location-check.has-error .delivery-msg:before {
    border-color: transparent transparent #E9C3C9 transparent;
}

.location-check.has-error .delivery-msg:after {
    border-color: transparent transparent #f2dede transparent;
}

/* end 04-12-2019 */

/*==============================For Popup legal metrology=================================*/

.phaseCond {
    display: none;
}

.price-sec a {
    text-decoration: none;
    color: #333;
}

.price-sec p {
    padding: 8px 0px;
}

.lineHeightRS p {
    padding: 5px 0px;
}

.legalMetrology .modal-title {
    font-size: 20px;
    padding: 20px 30px;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 500;
    color: #000;
}

.legalMetrology .countryOfOrgin span {
    padding: 5px 10px;
    color: #2874f0;
}

.legalMetrology .genericName span {
    padding: 5px 10px;
    color: #2874f0;
}

.legalMetrology .manuCompany {
    padding: 0px;
    color: #000;
}

.legalMetrology .packedBy {
    padding: 0px;
    color: #000;
}

.legalMetrology .close {
    font-size: 45px !important;
    right: -30px !important;
    top: -8px !important;
    background-color: transparent;
    padding: 0;
    opacity: 1;
    border: 0px;
    color: #fff;
    font-weight: normal;
}

.countryOfOrgin {
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {

    .legalMetrology .close {
        right: 10px !important;
        top: 0px !important;
        color: #000;
        font-size: 30px !important;
    }

}

/* REVIEW AND RATING */
:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

.btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

.multiThumbelSec {
    min-height: 372px;
}

.fontsize17 {
    font-size: 17px !important;
}

.rating-symbol {
    cursor: pointer;
}

.rscusdetailssec .btn-range {
    border: 0;
    margin: 0 10px 0 0;
    padding: 0;
    color: #0f84ce;
    background: 0 0;
    white-space: inherit;
}

.rscusdetailssec .rating-box {
    background: url(https://res.retailershakti.com/incom/sspl_website/images/star-gray.png) left top repeat-x;
    display: inline-block;
    height: 18px;
    text-align: left;
    width: 90px;
    vertical-align: top;
}

.rcusdetailssec .rating-box .rating {
    background: url(https://res.retailershakti.com/incom/sspl_website/images/star-yellow.png) left top repeat-x;
    height: 18px;
}

.review-block {
    border: none;
}

.ratingReviewSec .nav-tabs>li.active>a {
    padding: 5px 20px;
}

.promosale2 {
    background: #ffdf3c;
    display: inline-block;
    padding: 1px 6px;
    margin-left: 8px;
    text-transform: uppercase;
    border-radius: 16px;
    font-size: 10px;
    font-weight: 600;
    color: #5f5402;
    border: 1px solid #fff;
    position: relative;
    box-shadow: 0 0 5px #a7961d;
}

/* Generic med section for jit .  */



.genericMedSec {
    background-color: #d3eeff;
    border-bottom: 0px solid #e4e4e4;
    padding: 1px;
    margin: 0px;
    display: flex;
    align-items: flex-start;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    color: #027A48;
    top: -1px;
    position: relative;
}

.genericMedSec .panel-group {
    margin: 0;
    padding: 0;
    width: 100%;
}

.genericMedSec .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: none;
}

.genericMedSec .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: none;
}

.genericMedSec .panel-heading {
    padding: 0;
}

.genericMedSec .panel-body {
    padding: 0px;
    margin: 12px 14px;
    border-radius: 8px;
    min-height: 90px;
}

.genericMedSec .panel-heading a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 4px;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #027A48;
    padding: 12px 14px;

    &::after {
        content: "";
        border: solid #667085;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        position: absolute;
        right: 18px;
        top: 16px;
        transform: rotate(45deg);
    }

    &[aria-expanded="true"]::after {
        transform: rotate(-135deg);
        top: 20px;
    }
}

.alternativeMedSec {
    padding: 0;
}

.alternativeMedSec ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    row-gap: 22px;
}

.alternativeMedSec ul li {
    background-color: #fff;
    padding: 12px !important;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: center;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    color: #027A48;
    row-gap: 8px;
}

.alternativeMedSec ul li .first {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    column-gap: 22px;
    text-align: left;
    position: relative;
}

.alternativeMedSec ul li .first .ribbon {
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    padding: 0 12px;
}

.alternativeMedSec ul li .first .ribbon {
    --r: .4em;
    --c: #039855;
    position: absolute;
    top: -22px;
    left: -18px;
    line-height: 1.8;
    padding: 0em 1.2em calc(2*var(--r));
    border-radius: var(--r) 0 0 var(--r);
    background: radial-gradient(100% 50% at left, var(--c) 98%, #0000 101%) 100% 0/.5lh calc(100% - 2*var(--r)),
        radial-gradient(100% 50% at right, #0005 98%, #0000 101%) 0 100%/var(--r) calc(2*var(--r)),
        conic-gradient(from 90deg at var(--r) calc(100% - 2*var(--r)), #0000 25%, var(--c) 0) 0 0/calc(101% - .5lh) 100%;
    background-repeat: no-repeat;
}

.alternativeMedSec ul li .first h3 {
    font-size: 15px;
    font-weight: 500;
    color: #344054;
    text-align: left;
    line-height: normal;
    padding: 10px 0 0 0;
    margin: 0;
}

.alternativeMedSec ul li .first h5 {
    color: #737C8F;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
    margin: 0;
}

.alternativeMedSec ul li .first .generic-btn {
    border: 1px solid #7dcdf7;
    color: #007dc9;
    border-radius: 6px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    width: 110px;
    text-transform: uppercase;
    box-shadow: 0px 0px 2px #7dcdf7;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.alternativeMedSec ul li .second {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.alternativeMedSec ul li .second .precesec {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    -moz-column-gap: 2px;
    column-gap: 4px;
    padding: 0px;
}


.alternativeMedSec ul li .second .precesec .price {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4px;
}

.alternativeMedSec ul li .second .precesec .price strong {
    font-weight: 700;
    font-size: 14px;
    color: #344054;
    height: auto;
    padding: 0;
    margin: 0;
}

.alternativeMedSec ul li .second .precesec .price small {
    font-weight: 500;
    text-decoration: line-through;
    color: #667085;
    font-size: 13px;
    padding: 0 4px;
    margin: 0;
    background-color: transparent;
    border: none;
    line-height: normal;
}

.alternativeMedSec ul li .second small strong {
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 0 !important;
}

.alternativeMedSec ul li .second .precesec span {
    background-color: #fff;
    font-weight: 700;
    color: #F46A13;
    font-size: 14px;
    padding: 0px;
    text-transform: uppercase;
}

.alternativeMedSec ul li .second small {
    color: #667085;
    font-size: 12px;
    font-weight: 500;
}

/* Generic med section for jit. */