.dtimg1 img {
    filter: invert(0%) sepia(75%);
    opacity: 0.6;
}

.dtimg1 {
    width: 34px;
    display: inline-block;
    top: 22px;
    position: absolute;
    right: 0px;
}


#lblSummery {
    font-size: 12px;
    word-wrap: break-word;
}


    #lblSummery .sumr {
        padding-bottom: 21px;
        padding-top: 12px;
        padding-right: 7px;
    }

        #lblSummery .sumr li {
            font-weight: bold;
        }


            #lblSummery .sumr li:before {
                content: ' ';
                width: 8px;
                height: 8px;
                display: inline-block;
                background: var(--ColorBadge);
                border-radius: 24px;
                position: relative;
                top: 1px;
                right: -6px;
            }


.CardSumDetail {
    font-size: 14px;
    padding: 8px;
}

.c_q {
    display: none;
}

.Qcview .c_quantity {
    top: -71px;
}

.c_quantity {
    float: left;
    position: absolute;
    top: -9px;
    left: 0px;
    font-size: 11px;
    background-color: #4285f4;
    padding: 7px 9px;
    border-radius: 10px;
    cursor: pointer;
}


.gLine1 {
    padding-bottom: 20px;
    border-bottom: 1px solid #dfdfdf;
}

.garranty {
    top: 8px;
}

.totalAll {
    border-top: 4px solid var(--LogoOrgColor);
    padding: 15px 0;
}

#div_PurchaseDetail {
    margin-bottom: 10px;
}


    #div_PurchaseDetail .cardcount[data-cardnumber]:not([data-cardnumber='0']) {
        margin-top: 19px;
        /* padding-left: 4px; */
    }

.det-info .txt-1 {
    color: #5f5f5f;
    font-size: 12px;
    line-height: 25px;
    margin: 10px auto;
}

.totalBox {
    display: inline-block;
    width: 100%;
    margin: 15px auto auto;
}

.boxProDet {
    border: var(--line_Border_Gray);
    display: inline-block;
    height: auto;
    margin: 6px auto;
    width: 100%;
    border-radius: 10px;
    background-color: #FFF;
}

[data-isrequired=True]:before {
}




.pro-opt {
    position: absolute;
    right: 5px;
    /*top: 117px;*/
    top: 159px;
}


.tab-place {
    width: 100%;
    /* border: 1px solid #dfdfdf; */
    /* box-shadow: 0 4px 6px #ccc; */
    display: inline-block;
    margin: 10px auto;
    height: auto;
    border-top: none;
}

ul.tab-link {
    padding: 0px;
    margin: 0px;
}

.tab-link {
    display: inline-block;
    width: 99.7%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d2d2d2+100 */
    /* background: rgb(245, 245, 245); */
    /*font-family: "Mj_Liner_Screen_Bd";*/
    /* background-color: #f5f5f5; */
    border-bottom: 1px solid #dfdfdf;
    /* margin-right: -3px; */
    /* border: 1px solid #dfdfdf; */
}

    .tab-link a {
        background-size: 100% 100%;
        color: #000;
        display: block;
        float: right;
        margin: auto 0px;
        padding: 8px 14px;
        position: relative;
        font-size: 14px;
    }

        .tab-link a:first-child {
        }

.tab-div-holder {
    width: 100%;
    /* margin-top: 22px; */
    /* -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.09); */
    /* box-shadow: 0px 3px 4px 0 rgba(0,0,0,.09); */
    /* border-radius: 0px 5px 5px 5px; */
    /* border: 1px solid #dfdfdf; */
    /* border-top: 0px; */
    /* background-color: white; */
    margin-top: -7px;
}

.tab-link a.active-tab {
    color: #b71d03;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1e1e+0,d50a09+100 */
    /* background: #e4322c; */ /* Old browsers */
    border: 1px solid #dfdfdf;
    border-bottom: 1px solid white;
    /* position: relative; */
    /* top: 1px; */
    /* border-top: 3px solid #4285f4; */
    background-color: white;
    /* z-index: 111; */
    /* border: 1px solid black; */
    /* position: relative; */
}


.tab-link-A a:first-child, .tab-link-B a:first-child, .tab-link-B a:first-child {
    margin-right: 0;
}

.inner-tab {
    margin-top: 15px;
}



.tab-link a.active-tab:after {
    content: " ";
    width: 100%;
    height: 103%;
    /* background-color:red; */
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    border-top: 2px solid #4285f4;
    border-bottom: 4px solid #ffffff;
    z-index: 1;
}

h3.t:before {
    font-family: 'FontAwesome';
    font-size: 26px;
    margin-top: 5px;
    margin-left: 14px;
    position: relative;
    top: 5px;
}

.h3_Properties:before {
    content: "\f0ca";
}

.h3_Description:before {
    content: "\f1ea";
}

.h3_Comment:before {
    content: "\f0e5";
}
 

.h3_ZemanatName:before {
    content: "\f0ca";
}


.h3_Catalogue:before {
    content: "\f0ca";
}

.h3_Film:before {
    content: "\f008";
}


.inner-tab .propID, .inner-tab .propValue {
    /* width: 100% !important; */
    /* max-width: 100%; */
    /* flex: 100%; */
    margin-bottom: 0px !important;
    border-bottom: 2px solid white;
    margin-left: 0px !important;
}


.inner-tab .propID {
    background-color: #e4e4e4 !important;
}

.inner-tab .propValue {
    background-color: #d8d8d8 !important;
}


.propValue a {
    position: relative;
}

    .propValue a:after {
        left: 0;
        right: 0;
        top: 50%;
        margin-top: 0.85em;
        content: "";
        position: absolute;
        border-bottom: 1px dashed #1ca2bd;
    }

.inner-tab .propValue {
    background: #f1f1f1 !important;
    font-weight: bold;
}

.s_bottom .tumb.active {
    border: 1px solid #606060;
}

.s_bottom .tumb img {
    width: 100%;
    cursor: pointer;
    padding: 4px;
    width: 60px;
}

.swiper-container.s_top {
    min-height: 422px;
}

.s_bottom .tumb {
    /* float: right; */
    border: 1px solid silver;
    border-radius: 5px;
    /* padding: 4px; */
    /* margin: 2px; */
    /* width: 74px; */
    /* height: 74px; */
    /* float: left; */
    /* position: relative; */
    margin-top: 8px;
    width: 61.6667px;
    margin-left: 5px;
}



.hart_ra {
    position: relative;
}

.VisitnumberN {
    /* float: left; */
    /* padding: 0px 7px; */
}




.heart {
    /* background: url(//dl.shahreyaragh.com/site/img/AtImages/web_heart_animation.png); */
    /* background-position: left; */
    /* background-repeat: no-repeat; */
    /* height: 100px; */
    /* width: 100px; */
    cursor: pointer;
    /* position: absolute; */
    /* right: -34px; */
    /* top: -36px; */
    /* background-size: 2900px; */
    background-color: transparent;
    border: none;
    /* float: right; */
    /* position: absolute; */
    /* left: -30px; */
    /* top: -2px; */
}

    .heart .mb3.out {
    }

    .heart .mb3.fill {
        display: none;
    }


.fa.fa-eye {
    font-size: 10px;
}

    .fa.fa-eye:before {
        content: "\E117";
    }

.heartAnimation .mb3.out {
    display: none;
}

.heartAnimation .mb3.fill {
    display: block;
}


#Add2WishList .mb3 .fa-fw {
    width: 27px !important;
    padding-right: 3px;
}




/* افکت ساده و سبک برای فیلدهای اجباری */
.required-highlight {
    animation: highlight 1.5s ease-out;
}

@keyframes highlight {
    0%, 100% {
        background: transparent;
        transform: translateX(0);
    }

    10% {
        background: rgba(255, 59, 48, 0.12);
        transform: translateX(-6px);
    }

    20% {
        transform: translateX(6px);
    }

    30% {
        transform: translateX(-4px);
    }

    40% {
        transform: translateX(4px);
    }

    50% {
        background: rgba(255, 59, 48, 0.08);
        transform: translateX(0);
    }

}