@media (min-width: 1530px) {
    body {
        width: 1500px !important;
        margin: 0 auto !important;
    }
}

.class_ajax_shop_archive12 {
    width: 100%;
    display: inline-block;
    float: right;
    text-align: center;
    padding: 10px 0px;
    overflow: hidden;
    position: relative
}

    .class_ajax_shop_archive12 div {
        width: 100px;
        height: Auto;
        background-color: red;
        position: relative;
        animation: myfirst 5s linear 2s infinite alternate;
        color: #fff;
        margin: 0 auto;
        border-radius: 10px;
        padding: 4px 10px;
        box-shadow: 0px 0px 4px #cbcbcb;
    }

.class_ajax_shop_archive {
    width: 100%;
    display: flex;
    float: right;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.vaziyat_anbar_w {
    background: none;
    border: 0px;
    color: inherit;
}

.kafefactort {
    display: flex;
    /* height: 35px; */
    line-height: 2;
    font-size: 18px;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
    justify-content: center;
}

    .kafefactort b {
        color: green;
        font-size: 22px;
    }

@keyframes myfirst {
    0% {
        background-color: red;
        left: 0px;
        top: 0px;
    }

    25% {
        background-color: yellow;
        left: 50px;
        top: 0px;
    }

    50% {
        background-color: blue;
        left: 50px;
        top: 10px;
    }

    75% {
        background-color: green;
        left: -50px;
        top: 10px;
    }

    100% {
        background-color: red;
        left: -50px;
        top: 0px;
    }
}

.zanbil_ur {
    position: relative;
    display: inline-block;
    float: right;
}

    .zanbil_ur p {
        background: #000000;
        color: #ffffff;
        padding: 0px 3px;
        border-radius: 6px;
        position: absolute;
        height: 20px;
        line-height: 20px;
        right: 8px;
        top: 2px;
        box-shadow: 0px 0px 6px #fff;
    }

/* .table_scroll tbody{ */
/* display: initial!important; */
/* } */
.table_fac_takhfid {
    font-weight: 600;
    background: #eee;
    height: 30px;
}

table {
    word-break: break-word
}

.menuQOARY, p {
    display: block;
}

fl, .menu_user_hoshmand_hdh fl, .erssas fl {
    background: #db0000;
    color: #fff !important;
    display: inline-block;
    padding: 6px 7px;
    height: 10px;
    line-height: 10px;
    vertical-align: middle;
    margin-right: 3px;
    border-radius: 7px;
    text-align: center;
    font-size: 16px;
    font-family: tahoma;
    position: relative;
    float: left;
}

@-webkit-keyframes bli_nker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

fl {
    text-decoration: blink;
    -webkit-animation-name: bli_nker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

.dell_k, .dell_k:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
}

.box_khabar_wer img, .p5_2 img, .widhe_100I_p img {
    max-width: 100%;
    word-break: break-word;
    word-wrap: break-word;
}

.somare_kala, .table_factoy {
    word-break: normal;
    word-wrap: normal;
}

    .table_factoy .link_kala_uiyu {
        color: initial !important;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

        .table_factoy .link_kala_uiyu img {
            border-radius: 8px;
        }

.transitionb, .transitionb * {
    transition: all .4s ease-in-out !important;
    -webkit-transition: all .4s ease-in-out !important;
    -ms-transition: all .4s ease-in-out !important;
    -o-transition: all .4s ease-in-out !important;
}

p {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.lap_film_iooi {
    max-width: 100%;
    min-width: 300px;
    margin: 0 auto;
    display: inherit;
}

.pakhseheji {
    text-align: center;
}

.utabwdfg1, .utabwdfg134, .utabwdfg4 {
    cursor: pointer;
}

.block_ioj, blockquote {
    display: inline-block;
    PADDING: 8PX 2% 8PX 2%;
    BORDER-RIGHT: 10PX SOLID #868686;
    text-shadow: 0 0 1px #f3f3f3;
    margin-bottom: 1px;
    background: rgba(220,220,220);
    background: -moz-linear-gradient(-45deg,rgba(220,220,220) 0,rgba(249,249,249) 64%,rgba(220,220,220) 100%);
    background: -webkit-gradient(left top,right bottom,color-stop(0,rgba(220,220,220)),color-stop(64%,rgba(249,249,249)),color-stop(100%,rgba(220,220,220)));
    background: -webkit-linear-gradient(-45deg,rgba(220,220,220) 0,rgba(249,249,249) 64%,rgba(220,220,220) 100%);
    background: -o-linear-gradient(-45deg,rgba(220,220,220) 0,rgba(249,249,249) 64%,rgba(220,220,220) 100%);
    background: -ms-linear-gradient(-45deg,rgba(220,220,220) 0,rgba(249,249,249) 64%,rgba(220,220,220) 100%);
    background: linear-gradient(135deg,#dcdcdc 0,#f9f9f9 64%,#dcdcdc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cd4f5', endColorstr='#0cd4f5', GradientType=1 );
    width: 94%;
    margin: 0px !important;
    line-height: 2
}

.box_khabar_wer table, .disply_block_div img, .p5_2 table, .widhe_100I_p table {
    max-width: 100% !important;
}

body {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.eeror_box_texbox, .red_portal, .red_portal_color {
    background: #fee8e8;
}

.green_portal_color {
    color: green !important;
    background: 0 0 !important;
}

.selected_menu_template, pre {
    background: #eee;
}

#signin_modiriyat_user, #utab_addres_kodpsty, #utab_adres_tell_id, #utab_signup_kodposty_N, #utab_signup_kodposty_p, #utab_signup_tarikh_tavalod_N, #utab_signup_tarikh_tavalod_P, #utab_signup_tell_home_N, #utab_signup_tell_home_P, #utab_signup_tell_home_p, body #utab_signup_pas1, body #utab_signup_pas2 {
    direction: ltr !important;
    text-align: left !important;
}

.menuQOARY {
    text-align: right;
    direction: rtl;
}

.not-page-found {
    width: 100%;
    text-align: center;
    font-size: 30px;
    padding: 50px 0;
    font-weight: 700;
}

.counter-analog, pre {
    direction: ltr;
    text-align: left;
}

.sitedesign {
    position: absolute;
    z-index: -999999999;
    top: -99999999px;
    left: 0;
}

.pardakht_fac .kharidnahayi, .pardakht_fac .settle_snap_buttom, .pardakht_fac .settle_aqayepardakht_buttom, .pardakht_fac .settle_sepehr_buttom, .settle_azki_buttom, .pardakht_fac .kharidvarizi, .pardakht_fac .settle_location_buttom, .pardakht_fac .settle_saman_kipa, .pardakht_fac .settle_mobile_buttom, .pardakht_fac .settle_payir_buttom, .pardakht_fac .settle_saman_kish, .pardakht_fac .settle_wallet_buttom, .pardakht_fac .settle_sadad_buttom, .pardakht_fac .settle_zarinpal_buttom, .pardakht_fac .settle_toman_buttom {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
}

input, textarea {
    font: inherit;
}

pre {
    padding: 10px;
}

.counter {
    display: inline-block;
    zoom: .7;
    -moz-transform: scale(.6);
    min-width: 317px;
}

.color_green {
    color: green;
}

.prce_wundeful {
    text-decoration: line-through;
    color: red;
}

.menu_new_saz_absol_a .mouseenter_id_f, .menu_news_selected {
    border-bottom: 0 !important;
}

.menu_new_saz h2 {
    display: inline-table !important;
}

.counter-analog .part, .counter-analog .separator {
    float: left;
}

.link_down, .link_up {
    display: block;
    float: right;
    width: 100%;
    height: 100%;
}

.menu_new_saz_absol_a ._mwnu_color {
    color: #aaa !important;
    text-align: right;
}

.menuQOARY .jamenu, .menuQOARY .jamenu2 {
    display: none;
}

.enamad, .enamad img {
    display: block;
    margin: 5px auto 0;
    max-width: 100%;
}

.jjj {
    display: inline-block;
    margin: 0 auto;
    width: 15px;
    height: 15px;
}

html body .icon_utab {
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: tahoma;
    text-shadow: 0px 0px 3px #000;
    background: #000 !important;
    padding: 6px 0 21px !important;
    margin: 0 !important;
    display: block !important;
    position: relative !important;
    width: 100% !important;
    ;
    visibility: inherit !important;
    overflow: hidden;
    z-index: 99999999999999999999999;
}

.icon_utab a {
    color: inherit !important;
    width: auto !important;
    clear: both !important;
    height: 20px !important;
    display: inline-block;
    text-align: center !important;
    direction: rtl;
    visibility: inherit !important;
    position: relative;
}

.icon_utab img {
    height: 20px;
}

.icon_utab strong {
    display: block;
    font-size: 11px;
    color: #000;
    position: absolute;
}

#container {
    width: 100%;
    height: 350px;
    margin: 0 auto;
    direction: ltr;
    overflow: hidden;
}

.menuQOARY .jamenu2 {
    position: absolute;
    width: 180px;
    background-color: #eee;
    right: 100%;
    top: 0;
}

.google_map_io_page {
    height: 300px;
    display: block;
}

.google_map_io {
    width: 100%;
    height: 100%;
}

.menuQOARY .jamenu {
    position: absolute;
    width: 180px;
    background-color: #eee;
}

img {
    border: 0;
}

.erssas h1, .erssas h2 {
    display: inline;
    padding: 0;
    margin: 0;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}

.menuQOARY .asli img, .menu_hoshmand .asli img, .menu_user_hoshmand .asli img {
    float: left;
    margin-top: 0;
    margin-right: 1px;
}

.menuQOARY .khate {
    padding: 2px 10px 2px 5px;
    position: relative;
    z-index: 5;
    direction: rtl;
}

.menuQOARY .asli {
    text-align: right;
    padding-right: 10px;
    position: relative;
    direction: rtl;
    display: inline-table;
}

.menu_hoshmand, .menu_user_hoshmand {
    display: block;
    text-align: right;
    direction: rtl;
}

    .menu_hoshmand .jamenu, .menu_hoshmand .jamenu2, .menu_user_hoshmand .jamenu, .menu_user_hoshmand .jamenu2 {
        display: none;
    }

    .menu_hoshmand .jamenu2, .menu_user_hoshmand .jamenu2 {
        position: absolute;
        width: 180px;
        background-color: #eee;
        right: 100%;
        top: 0;
    }

    .menu_hoshmand .jamenu, .menu_user_hoshmand .jamenu {
        position: absolute;
        width: 180px;
        background-color: #eee;
        right: 0;
        z-index: 99999999999;
    }

    .menu_hoshmand .khate, .menu_user_hoshmand .khate {
        padding: 2px 10px 2px 5px;
        position: relative;
        z-index: 5;
        direction: rtl;
    }

    .menu_hoshmand .asli, .menu_user_hoshmand .asli {
        text-align: right;
        padding-right: 10px;
        position: relative;
        direction: rtl;
        display: inline-table;
    }

.amodi_menu, .menuQOARY-amodi {
    text-align: right;
}

    .amodi_menu .jamenu, .amodi_menu .jamenu2, .menuQOARY-amodi .jamenu, .menuQOARY-amodi .jamenu2 {
        display: none;
    }

a {
    text-decoration: none;
}

.amodi_menu .erssas, .menuQOARY-amodi .erssas {
    margin-top: 4px;
    cursor: pointer;
}

.amodi_menu .khate, .menuQOARY-amodi .khate {
    padding-right: 10px;
    float: right;
    width: 180px;
    clear: right;
    direction: rtl;
}

.amodi_menu .asli, .menuQOARY-amodi .asli {
    line-height: 20px;
    display: table;
    clear: both;
    float: right;
    direction: rtl;
}

.menuQOARY-amodi .asli {
    text-align: right;
}

    .amodi_menu .asli img, .menuQOARY-amodi .asli img {
        float: right;
        margin-top: 4px;
    }

    .amodi_menu .asli a, .amodi_menu .khate a, .menuQOARY-amodi .asli a, .menuQOARY-amodi .khate a {
        color: #000;
        cursor: pointer;
    }

.amodi_menu .asli, .amodi_menu .khate, .menuQOARY-amodi, .menuQOARY-amodi .asli {
    color: #000;
}

.amodi_menu .asli {
    width: 100%;
    text-align: right !important;
    overflow: hidden;
    padding-right: 0;
}

.amodi_menu .jamenu {
    position: initial;
    width: 100%;
    background-color: #eee;
    right: 0;
    z-index: 99999999999;
}

.amodi_menu .khate {
    padding-right: 10px;
    clear: right;
    direction: rtl;
}

.amodi_menu .jamenu2 {
    position: initial;
    width: 100%;
    right: 0;
    top: 0;
}

.amodi_menu .boldeshid_io {
    font-weight: 700;
}

.amodi_menu .asli img {
    display: block !important;
}

.amodi_menu {
    display: table !important;
    height: initial !important;
    width: 100% !important;
}

.asli_news > .faryi_news, .menu_ha_jk .faryi_news .faryi_news, .menu_new_saz_absol_a {
    display: none;
}

.menu_news_selected, .mouseenter_id_f {
    background: #fff;
}

.wit_0px {
    width: 0;
    height: 0;
    margin: 0 auto;
}

.asli_news {
    float: right;
    padding: 1px 10px;
}

.menu_new_saz {
    width: 100%;
    height: 100%;
    background: #eee;
    position: relative;
}

.menu_new_saz_absol {
    position: absolute;
    height: 0;
    width: 100%;
    left: 0;
    bottom: 1px;
    z-index: 955555555;
    top: 25px;
}

.menu_new_saz_absol_a {
    width: 100%;
    min-height: 100px;
}

.menu_new_saz_absol > div {
    float: right;
    display: none;
}

.menu_new_saz h1, .menu_new_saz h2 {
    display: inline;
    padding: 0;
    margin: 0;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}

.asli_news .wit_0px, .menu_new_saz_absol_a .wit_0px {
    display: none;
}

.menu_new_saz {
    line-height: 38px;
    background-color: #920069;
    color: #F5F5F5;
    font-size: 13px;
}

.menu_new_saz_absol > div {
    width: 100%;
    background: #fff;
    color: #444;
    padding: 0;
    border-top: 0;
}

.mouseenter_id_f.asli_news {
    color: #555;
    position: relative;
}

.menu_news_selected, .mouseenter_id_f {
    border-bottom: 2px solid red;
    color: #555;
    position: relative;
}

.menu_new_saz_absol_a .mouseenter_id_f {
    border-bottom: 0;
    position: relative;
    background: 0 0;
}

.mouseenter_id_f .wit_0px:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid RED;
    display: block;
    margin-right: -5px;
    bottom: 0PX;
    position: absolute;
}

.menu_ha_jk .faryi_news {
    float: right;
    padding: 0 12px;
}

.menu_new_saz_absol .menu_new_saz_absol_a {
    background-color: #F3F3F3;
    padding: 1%;
    width: 98%;
}

.menu_new_saz .menu_ofoghi_teyp a:first-child {
    color: inherit;
}

.menu_new_saz_absol .menu_new_saz_absol_a .menu_ofoghi_teyp {
    width: 22.9%;
    padding: 0 1%;
    line-height: 26px;
    float: right;
}

    .menu_new_saz_absol .menu_new_saz_absol_a .menu_ofoghi_teyp .menu_ofoghi_teyp {
        width: 100%;
        padding: 0;
    }

    .menu_new_saz_absol .menu_new_saz_absol_a .menu_ofoghi_teyp a {
        font-weight: 700;
        color: #9EC922;
        border-bottom: 1px solid #F3F3D2;
        display: block;
        padding-right: 2px;
        text-align: right;
    }

        .menu_new_saz_absol .menu_new_saz_absol_a .menu_ofoghi_teyp a:hover {
            color: #FFA302;
        }

    .menu_new_saz_absol .menu_new_saz_absol_a .menu_ofoghi_teyp .menu_ofoghi_teyp a {
        font-weight: 400;
        color: #474747;
        border-bottom: 0;
        display: block;
        padding-right: 0;
        text-align: right;
    }

.place_holder_part, .signin_css {
    display: table;
    float: right;
    width: 100%;
    overflow: hidden;
}

.menu_new_saz_absol .menu_new_saz_absol_a .menu_ofoghi_teyp .menu_ofoghi_teyp a:hover {
    color: red;
}

.place_holder_part {
    text-align: right;
}

.signin_css {
    margin-top: 4px;
}

    .signin_css .table_boxi {
        width: 100%;
        position: relative;
        height: 30px;
    }

    .signin_css .input_box {
        float: left;
        display: inline-block !important;
        overflow: hidden;
        min-width: 150px;
    }

    .signin_css .title_box {
        overflow: hidden;
        position: absolute;
        right: 0;
        display: inline-block;
        bottom: 0;
        top: 0;
        line-height: 25px;
    }

.drag_chang_save_2 .input_box, .drag_chang_save_2 .title_box {
    position: inherit;
    left: inherit;
    right: inherit;
    top: inherit;
    bottom: inherit;
}

.force, .title {
    display: inline-block;
    float: left;
}

.input_box input[type=text], .input_box input[type=password], .input_box input[type=number], .input_box input[type=tel], .input_box select {
    BOX-SIZING: border-box;
    height: 25px;
    border: 1px solid #bbb;
    width: 99% !important;
    border-radius: 2px;
    background: #fff;
    overflow: hidden;
    text-align: right;
    padding: 0 1%;
}

.input_box .left_50, .input_box .right_50 {
    width: 49% !important;
}

.input_box .left_50 {
    float: left;
}

.place_holder_right {
    width: 49.8%;
    display: table;
    float: right;
}

.place_holder_left {
    width: 49.5%;
    display: table;
    float: left;
}

.place_holder_3bpx {
    width: 33.3%;
    display: table;
    float: right;
    min-height: 1px;
}

    .place_holder_3bpx:after {
        content: ' ';
        width: 1px;
        height: 1px;
        display: block;
        float: right;
    }

.drag_chang_save_2 .input_box {
    width: 100%;
    float: right;
}

.tozihat {
    width: 98%;
    margin: 0 auto;
    display: table;
    text-align: right;
}

.drag_chang_save_2 .title_box, .refreshing, .scory_img {
    float: right;
    display: inline-block;
}

.drag_chang_save_2 .title_box {
    height: 30px;
    width: auto;
}

.drag_chang_save_2 .table_boxi {
    height: 60px;
}

body .input_box .scory_input {
    width: 60px !important;
    float: right;
}

.scory_img {
    max-width: 70px;
    max-height: 30px;
}

.refreshing {
    width: 25px;
    height: 25px;
    background: url(/img/icon/refresh.png);
    margin-right: 5px;
    margin-top: 2px;
    cursor: pointer;
}

    .refreshing:hover, .step_melat_class:hover {
        filter: alpha(opacity=30);
        -moz-opacity: .3;
        opacity: .3;
        cursor: pointer;
    }

.send_o_p_signup {
    width: 138px;
    margin: 0 auto;
    padding: 7px 5px;
    background-color: #BCBCBC;
    border: 1px solid #BBB;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

    .send_o_p_signup:hover {
        filter: alpha(opacity=90);
        -moz-opacity: .9;
        opacity: .9;
    }

    .send_o_p_signup .img_loding {
        float: left;
        width: 20px;
    }

.place_holder_part .payamha {
    width: 100%;
    float: right;
    display: table;
    text-align: center;
    margin-top: 5px;
}

.bottem_sender .table_boxi {
    height: 80px;
}

.table_factoy {
    width: 98%;
    border-collapse: collapse;
    direction: rtl;
    margin: 0 auto;
    border: 1px solid #C4C4C4;
    border-bottom: 0;
}

.relativ_fac {
    position: relative;
}

.radif_table {
    width: 100%;
    border-bottom: 1px solid #C4C4C4;
}

.rang_header {
    background: #eee;
}

.font_tabl {
    height: 100%;
    border-left: 1px solid #C4C4C4;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    font-family: Yekan,Arial,Helvetica,sans-serif;
    color: #585757;
}

.radif_table .font_tabl:last-child {
    border: 0;
}

.somare_kala {
    width: 5%;
}

.name_kala_op {
    width: 32%;
    height: 40px;
}

.geimat_kala {
    width: 10%;
    height: 40px;
}

.tozi_kala {
    width: 74.65%;
    height: 100%;
}

.delsefareshk {
    width: 5%;
    height: 40px;
    text-align: center;
}

.dell_k {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 10px auto;
    overflow: hidden;
    background: url(/template/img/img-template/icon/delete_red.png) center no-repeat;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

    .dell_k:hover {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-filter: grayscale(0);
        -webkit-filter: none;
        filter: none;
    }

.box_tedad_pish_fac {
    padding-left: 0;
    text-align: left;
    width: 51px;
    display: block;
    float: right;
    margin-right: 5px;
}

.shop_tedad_down, .shop_tedad_up {
    position: absolute;
    width: 13px;
    height: 13px;
    font-size: 13px;
    display: block;
    font-family: tahoma;
    cursor: pointer;
    line-height: 1;
    overflow: hidden;
    right: 2px;
    border-radius: 4px;
    text-align: center;
}

.shop_tedad_up {
    z-index: 15001;
    background: #BAFFD5;
    color: #019A22;
    top: 5px;
}

    .shop_tedad_up:hover {
        color: #fff;
        background: #019A22;
    }

.shop_tedad_down {
    z-index: 15002;
    background: #FFE0E0;
    color: red;
    bottom: 5px;
}

    .shop_tedad_down:hover {
        background: red;
        color: #fff;
    }

.col_takhfif {
    background: rgba(213,250,213,1);
    background: -moz-linear-gradient(45deg,rgba(213,250,213,1) 0,rgba(235,255,235,1) 24%,rgba(215,250,215,1) 59%,rgba(235,255,235,1) 80%,rgba(212,255,212,1) 100%);
    background: -webkit-gradient(left bottom,right top,color-stop(0,rgba(213,250,213,1)),color-stop(24%,rgba(235,255,235,1)),color-stop(59%,rgba(215,250,215,1)),color-stop(80%,rgba(235,255,235,1)),color-stop(100%,rgba(212,255,212,1)));
    background: -webkit-linear-gradient(45deg,rgba(213,250,213,1) 0,rgba(235,255,235,1) 24%,rgba(215,250,215,1) 59%,rgba(235,255,235,1) 80%,rgba(212,255,212,1) 100%);
    background: -o-linear-gradient(45deg,rgba(213,250,213,1) 0,rgba(235,255,235,1) 24%,rgba(215,250,215,1) 59%,rgba(235,255,235,1) 80%,rgba(212,255,212,1) 100%);
    background: -ms-linear-gradient(45deg,rgba(213,250,213,1) 0,rgba(235,255,235,1) 24%,rgba(215,250,215,1) 59%,rgba(235,255,235,1) 80%,rgba(212,255,212,1) 100%);
    background: linear-gradient(45deg,rgba(213,250,213,1) 0,rgba(235,255,235,1) 24%,rgba(215,250,215,1) 59%,rgba(235,255,235,1) 80%,rgba(212,255,212,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5fad5', endColorstr='#d4ffd4', GradientType=1 );
}

.col_kado {
    background: rgba(217,235,255,1);
    background: -moz-linear-gradient(45deg,rgba(217,235,255,1) 0,rgba(240,248,255,1) 24%,rgba(207,230,255,1) 59%,rgba(240,245,250,1) 80%,rgba(217,235,255,1) 100%);
    background: -webkit-gradient(left bottom,right top,color-stop(0,rgba(217,235,255,1)),color-stop(24%,rgba(240,248,255,1)),color-stop(59%,rgba(207,230,255,1)),color-stop(80%,rgba(240,245,250,1)),color-stop(100%,rgba(217,235,255,1)));
    background: -webkit-linear-gradient(45deg,rgba(217,235,255,1) 0,rgba(240,248,255,1) 24%,rgba(207,230,255,1) 59%,rgba(240,245,250,1) 80%,rgba(217,235,255,1) 100%);
    background: -o-linear-gradient(45deg,rgba(217,235,255,1) 0,rgba(240,248,255,1) 24%,rgba(207,230,255,1) 59%,rgba(240,245,250,1) 80%,rgba(217,235,255,1) 100%);
    background: -ms-linear-gradient(45deg,rgba(217,235,255,1) 0,rgba(240,248,255,1) 24%,rgba(207,230,255,1) 59%,rgba(240,245,250,1) 80%,rgba(217,235,255,1) 100%);
    background: linear-gradient(45deg,rgba(217,235,255,1) 0,rgba(240,248,255,1) 24%,rgba(207,230,255,1) 59%,rgba(240,245,250,1) 80%,rgba(217,235,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ebff', endColorstr='#d9ebff', GradientType=1 );
}

.col_send {
    background: rgba(255,248,171,1);
    background: -moz-linear-gradient(45deg,rgba(255,248,171,1) 0,rgba(255,255,220,1) 24%,rgba(255,248,171,1) 59%,rgba(255,255,220,1) 80%,rgba(255,248,171,1) 100%);
    background: -webkit-gradient(left bottom,right top,color-stop(0,rgba(255,248,171,1)),color-stop(24%,rgba(255,255,220,1)),color-stop(59%,rgba(255,248,171,1)),color-stop(80%,rgba(255,255,220,1)),color-stop(100%,rgba(255,248,171,1)));
    background: -webkit-linear-gradient(45deg,rgba(255,248,171,1) 0,rgba(255,255,220,1) 24%,rgba(255,248,171,1) 59%,rgba(255,255,220,1) 80%,rgba(255,248,171,1) 100%);
    background: -o-linear-gradient(45deg,rgba(255,248,171,1) 0,rgba(255,255,220,1) 24%,rgba(255,248,171,1) 59%,rgba(255,255,220,1) 80%,rgba(255,248,171,1) 100%);
    background: -ms-linear-gradient(45deg,rgba(255,248,171,1) 0,rgba(255,255,220,1) 24%,rgba(255,248,171,1) 59%,rgba(255,255,220,1) 80%,rgba(255,248,171,1) 100%);
    background: linear-gradient(45deg,rgba(255,248,171,1) 0,rgba(255,255,220,1) 24%,rgba(255,248,171,1) 59%,rgba(255,255,220,1) 80%,rgba(255,248,171,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8ab', endColorstr='#fff8ab', GradientType=1 );
}

.kadoha_gift {
    width: 20%;
    height: 185px;
    float: right;
    overflow: hidden;
    position: relative;
    margin: 1%;
    background: #fff;
    border: 1px solid #eee;
}

.esm_kado, .kadobox_io_pp {
    width: 100%;
    overflow: hidden;
}

.kadobox_io_pp {
    height: 120px;
    float: right;
    padding-top: 5px;
}

.esm_kado {
    position: absolute;
    z-index: 145698;
    height: 30px;
    bottom: 30px;
    left: 0;
    color: #F90;
    font-size: 14px;
    font-family: Yekan,Arial,Helvetica,sans-serif;
    line-height: 30px;
    text-align: center;
}

.kadoha {
    float: right;
    margin-top: 30px;
}

.img_i {
    max-width: 100%;
    height: 120px;
    margin: 0 auto;
    display: inline-block;
}

.select_class_kddo {
    background: #eee;
    border-radius: 4px;
}

.kadoha_gift a, .kadoha_gift label {
    display: none;
    width: 90%;
    left: 5%;
    background: #6B6B48;
    border-radius: 3px;
    color: #F7F7DA;
    position: absolute;
    height: 30px;
    z-index: 5555;
    line-height: 30px;
    cursor: pointer;
}

.kadoha_gift label {
    top: 50px;
}

.kadoha_gift a {
    top: 10px;
}

.kadoha_gift:hover a, .kadoha_gift:hover label {
    display: block;
}

.kadoha_gift a:hover, .kadoha_gift label:hover {
    background: #17A952;
}

.select_class_kddo label {
    background: #FF7C7C;
}

.kadoha_gift .gheymat {
    position: absolute;
    bottom: 0;
    height: 30px;
    width: 100%;
    z-index: 5555;
    left: 0;
    background: #6B6B48;
    color: #FFF;
    display: block;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
}

#utab_addres_send_text, .neshan_bo_pg div {
    font-family: Yekan,Arial,Helvetica,sans-serif;
    font-size: 14px;
}

.hid, .hidsearcher {
    display: none;
}

.neshan_bo_pg {
    width: 68%;
    display: table;
    float: left;
    margin-top: 10px;
}

    .neshan_bo_pg div {
        width: 97%;
        display: table;
        min-height: 70px;
        float: right;
        background: #F7F7DA;
        border: 1px solid #F3F3D2;
        text-align: justify;
        line-height: 30px;
        padding: 0 1%;
        margin-bottom: 5px;
        color: #222;
        border-radius: 4px;
    }

        .neshan_bo_pg div:hover {
            color: red;
            padding-right: 7%;
            width: 91%;
            background: url(/template/img/img-template/icon/delete-xxl.png) right no-repeat #FFE7E7;
            cursor: pointer;
            border: 1px solid #FFC0C0;
        }

#utab_adres_payam {
    display: table;
    width: 98%;
    float: right;
    text-align: center;
}

#utab_addres_send_text {
    display: inline-block;
    text-align: center;
    margin: 10px auto 0;
    padding: 0 1%;
    min-width: 36%;
    line-height: 27px;
    cursor: pointer;
    overflow: hidden;
    background: rgba(136,202,95,1);
    background: -moz-linear-gradient(top,rgba(136,202,95,1) 0,rgba(2,129,1,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(136,202,95,1)),color-stop(100%,rgba(2,129,1,1)));
    background: -webkit-linear-gradient(top,rgba(136,202,95,1) 0,rgba(2,129,1,1) 100%);
    background: -o-linear-gradient(top,rgba(136,202,95,1) 0,rgba(2,129,1,1) 100%);
    background: -ms-linear-gradient(top,rgba(136,202,95,1) 0,rgba(2,129,1,1) 100%);
    background: linear-gradient(to bottom,rgba(136,202,95,1) 0,rgba(2,129,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88ca5f', endColorstr='#028101', GradientType=0 );
    border: 1px solid #82BF6E;
    border-radius: 4px;
    height: 35px;
    color: #FFF;
}

    #utab_addres_send_text :hover {
        border: 1px solid #FFB300;
        background: rgba(255,203,112,1);
        background: -moz-linear-gradient(top,rgba(255,203,112,1) 0,rgba(255,163,2,1) 100%);
        background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(255,203,112,1)),color-stop(100%,rgba(255,163,2,1)));
        background: -webkit-linear-gradient(top,rgba(255,203,112,1) 0,rgba(255,163,2,1) 100%);
        background: -o-linear-gradient(top,rgba(255,203,112,1) 0,rgba(255,163,2,1) 100%);
        background: -ms-linear-gradient(top,rgba(255,203,112,1) 0,rgba(255,163,2,1) 100%);
        background: linear-gradient(to bottom,rgba(255,203,112,1) 0,rgba(255,163,2,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb70', endColorstr='#ffa302', GradientType=0 );
    }

.mablagh_class, .shomare_fish_class, .tarikh_variz_class {
    text-align: center;
    direction: RTL;
}

.drag_chang_save {
    width: 100%;
    float: left;
    display: table;
}

#utab_addres_kodpsty, #utab_signup_kodposty_N, #utab_signup_kodposty_P, #utab_signup_mobail_N, #utab_signup_mobail_P, #utab_signup_tell_home_N, #utab_signup_tell_home_P {
    text-align: center;
    direction: ltr;
}

input[type=text], input[type=password], select {
    font: inherit;
}

.boldo, .form_sdt5_y {
    font-weight: 700;
}

#utab_signup_user_name {
    text-align: left !important;
}

#utab_signup_pas1, #utab_signup_pas2, #utab_signup_sec_tex_cod {
    text-align: center !important;
}

@media (max-width: 525px) {
    .place_holder_3bpx {
        width: 92%;
        float: none;
        margin: 0 auto;
    }
}

#slider-range {
    margin-top: 40px;
    margin-bottom: 20px;
    float: right;
    width: 100%;
}

    #slider-range .slider-range-l {
        float: left;
        display: inline-block;
        margin-top: -35px;
        text-align: left;
    }

    #slider-range .slider-range-r {
        float: right;
        display: inline-block;
        margin-top: -35px;
        text-align: right;
    }

.ui-widget-content {
    border: 1px solid #aaa;
    background: 50% 50% repeat-x #fff;
    color: #222;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc;
    color: #222;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #e6e6e6;
        color: #555;
    }

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.page_favorite_tag, .page_favorite_tag_login {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/template/img/img-template/icon/love_no.png);
}

.page_favorite {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/template/img/img-template/icon/love.png);
}

    .page_favorite:hover, .page_favorite_tag:hover, .page_favorite_tag_login:hover {
        filter: alpha(opacity=30);
        -moz-opacity: .3;
        opacity: .3;
        cursor: pointer;
    }

.shop_favorite_tag, .shop_favorite_tag_login {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/template/img/img-template/icon/love_no.png);
}

.kala_favorite {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/template/img/img-template/icon/love.png);
}

    .kala_favorite:hover, .shop_favorite_tag:hover, .shop_favorite_tag_login:hover {
        filter: alpha(opacity=30);
        -moz-opacity: .3;
        opacity: .3;
        cursor: pointer;
    }

.asd_6r_ftq {
    width: 100%;
    height: 30px;
    float: right;
    overflow: hidden;
    background: #eee;
}

.as_poru4p {
    height: 100%;
    float: right;
    background: #ff9595;
    line-height: 28px;
    font-size: 14px;
    color: #FFF;
    position: relative;
    text-align: center;
    direction: rtl;
}

.kharidanekalahamkary {
    background: 0 0;
    border: 0;
    font-family: inherit;
    color: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    cursor: pointer;
    top: -1px;
    line-height: 39px;
}

.login_page_1 {
    width: 270px;
    display: table;
    margin: 0 auto;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.login_page_2 {
    width: 100%;
    display: table;
    float: right;
}

.login_page_3, .login_page_4 {
    line-height: 30px;
    display: block;
    border: 1px solid #aaa;
    margin-top: 10px;
    height: 30px;
    width: 100%;
    float: right;
    text-align: center;
}

.login_page_4 {
    background: grey;
    color: #fff;
}

.form_sdt1, .menu_cretotr {
    position: relative;
    border-radius: 3px;
}

.login_page_4:hover {
    background: #444;
    cursor: pointer;
}

.menu_cretotr {
    width: 100%;
    background: #3283b6;
    height: 30px;
    margin-bottom: -30px;
    z-index: 78;
    overflow: hidden;
}

.clivkopv {
    cursor: pointer;
}

.box_jabesd {
    width: 100%;
    height: 100%;
    float: right;
    direction: rtl;
}

.form_sdt2 {
    width: 99%;
    margin: 0 auto;
    display: table;
    background: #fff;
    border-spacing: 2PX;
    BORDER: 0;
}

.form_sdt3 {
    height: 20PX;
    line-height: 20PX;
}

.form_sdt4 {
    background: #f0f1f2;
    width: 25%;
}

.form_sdt5_y {
    height: 65px;
    padding-top: 17px;
}

.form_sdt5 {
    background: #f7f9fa;
    direction: rtl;
    text-align: right;
}

.for_m_sdt4 {
    background: #fff;
}

.form_sdt5 img {
    margin-left: 200px;
    cursor: pointer;
    float: right;
}

.menu_cretotr span {
    float: right;
    height: 100%;
    color: #fff;
    display: block;
    line-height: 30px;
    width: 70px;
    text-align: center;
    border-left: 1px solid #5fa5d2;
    font-family: BNarm,'Adobe Arabic',Arial;
    font-size: 15px;
}

.hazfehame {
    color: #ffaeae !important;
    FLOAT: LEFT !important;
}

.menu_cretotr span:hover {
    background: rgba(238,238,238,.25);
    cursor: pointer;
}

.form_sdt1 {
    width: 100%;
    overflow: auto;
    float: right;
    height: 300px;
    background: #fff;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding-top: 40px;
    direction: ltr;
}

.body_hamber2, .body_hamber2_a {
    position: absolute;
    top: 0;
    height: 100%;
}

.green_styl {
    background: #f5fcf5 !important;
}

.red_styl {
    background: #ffe7e7;
}

@media (max-width: 725px) {
    .place_holder_left, .place_holder_right {
        width: 100%;
        float: right;
    }

    .input_box .left_50 {
        float: right;
    }

    .form_sdt5 img {
        margin: 0;
    }

    .form_sdt4 {
        width: 50%;
    }
}

.body_hamber2 {
    width: 262px;
    border-left: 1px solid #9e9e9e;
    box-shadow: 0 0 22px #555;
    background: #fdfdfd;
    z-index: 9999999999999999999;
    right: 0;
}

.body_hamber2_a {
    width: 100%;
    left: 0;
    z-index: 99999999999999999;
}

.body_hamber {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.22);
    height: 100%;
    display: none;
    z-index: 999999999999999999999999999;
}

.body_hamber3, .body_hamber6 {
    height: 40px;
    background: #000;
}

.body_hamber3 {
    width: 100%;
    border-bottom: 1px;
    box-shadow: 0 0 0 #444;
    display: none;
    padding: 6px 0;
    float: right;
    overflow: hidden;
}

.body_hamber4 {
    width: 32px;
    float: right;
    margin: 3px 12px 0 7px;
}

.body_hamber5 {
    float: left;
    margin: 8px 6px 0 7px;
    font-size: 18px;
    font-family: tahoma;
    color: #fff;
    overflow: hidden;
    text-align: left;
}

.body_hamber4:hover {
    opacity: .5;
    cursor: pointer;
}

.body_hamber6 {
    width: 100%;
    box-shadow: 4px 0 10px #000;
}

.body_hamber7 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 262px;
    top: 40px;
    background: #f2f2f2;
    overflow-y: auto;
    direction: ltr;
}

.body_hamber8 {
    width: 100%;
    display: table;
    float: right;
    font-size: 13px;
}

    .body_hamber8 .amodi_menu a {
        color: #4a48ff !important;
    }

        .body_hamber8 .amodi_menu a span {
            color: #222 !important;
            cursor: default !important;
        }

.menu_ham_close {
    width: 30px;
    color: #fff;
    font-size: 27px;
    margin: 0 0 0 4px;
    float: left;
    cursor: pointer;
    font-family: Tahoma;
    text-align: left;
    overflow: hidden;
}

    .menu_ham_close:hover {
        opacity: .5;
    }

@media (max-width: 925px) {
    body .hidden_class_name {
        display: none !important;
    }

    .body_hamber3 {
        box-shadow: 0px 0px 8px #5b5b5b;
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999999999;
    }

    body {
        padding-top: 52px !important;
    }
}

.menu_title_ham {
    width: 200px;
    float: right;
    color: #efefef;
    height: 100%;
    overflow: hidden;
    text-align: right;
    margin-right: 10px;
    line-height: 34px;
    font-size: 17px;
}

.body_hamber8 .amodi_menu .asli img {
    float: left;
    margin-top: 4px;
}

.body_hamber8 .amodi_menu {
    width: 94% !important;
    margin: 0 auto !important;
}

.body_hamber8 .menu_mob_ile_click {
    padding: 8px !important;
    border: 1px solid #bbb;
    border-radius: 2px;
}

.body_hamber8 .amodi_menu .asli {
    line-height: 38px !important;
    float: none;
    display: block;
    width: auto;
}

.amodi_menu .khate {
    float: none;
    width: auto;
}

.secrch_menu_yu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 48px;
    background: #000;
    z-index: 99999999999999999999999999999;
    padding: 4px 0;
    text-align: center;
    display: none;
}

.secrch_menu_yu_2 {
    width: 90%;
    margin: 0 auto;
    background: #585858;
    border: 1px solid #d2d2d2;
    height: 39px;
    border-radius: 2px;
    text-align: center;
    direction: ltr;
    font-size: 18px !important;
    color: #fff;
}

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        * {
            font-family: Arial !important;
        }

        body div * {
            font-family: Arial !important;
        }
    }
}

.downloadutab {
    display: inline-block;
    text-align: center;
    margin: 5px auto 0px auto;
    padding: 0px 1%;
    min-width: 25%;
    font-family: Yekan, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 27px;
    cursor: pointer;
    overflow: hidden;
    background: rgba(136,202,95,1);
    background: -moz-linear-gradient(top, rgba(136,202,95,1) 0%, rgba(2,129,1,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(136,202,95,1)), color-stop(100%, rgba(2,129,1,1)));
    background: -webkit-linear-gradient(top, rgba(136,202,95,1) 0%, rgba(2,129,1,1) 100%);
    background: -o-linear-gradient(top, rgba(136,202,95,1) 0%, rgba(2,129,1,1) 100%);
    background: -ms-linear-gradient(top, rgba(136,202,95,1) 0%, rgba(2,129,1,1) 100%);
    background: linear-gradient(to bottom, rgba(136,202,95,1) 0%, rgba(2,129,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88ca5f', endColorstr='#028101', GradientType=0 );
    border: 1px solid #82BF6E;
    border-radius: 4px;
    height: 30px;
    color: #FFFFFF;
    padding: 10px;
    font-size: 16px;
}

.jabe_cala .shop_tedad_down, .jabe_cala .shop_tedad_up {
    position: absolute;
    width: 31px;
    height: 22px;
    font-size: 28px;
    display: block;
    font-family: tahoma;
    cursor: pointer;
    line-height: 1;
    overflow: hidden;
    right: 2px;
    border-radius: 4px;
    text-align: center;
    line-height: 20px;
}

.table_scroll {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    max-width: initial !important;
    border: 0px #aaa;
    border-collapse: collapse;
    border-spacing: 0px;
    overflow-y: hidden;
    text-align: center;
    margin-bottom: 10px
}

*, .table_scroll {
    scrollbar-color: rgb(106, 106, 106) rgb(197, 197, 197);
    scrollbar-width: thin;
}

    ::-webkit-scrollbar, .table_scroll ::-webkit-scrollbar {
        width: 12px;
        height: 9px;
    }

    ::-webkit-scrollbar-track, .table_scroll ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 20px 20px rgb(197, 197, 197);
    }

    ::-webkit-scrollbar-thumb, .table_scroll ::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 20px 20px rgb(106, 106, 106);
    }

#send_file_chat_i input {
    display: inline-block;
    height: 20px;
    width: 120px;
    background: #eee;
    border: none;
    padding: 2px 4px;
    font-size: 11px;
}

#send_file_chat_i .selecterer {
    background: rgba(213,250,213,1);
}

* {
    outline: none;
}

.box_sedlecterd_arioadt {
    display: inline-block;
    max-height: 180px;
    position: relative;
    float: right;
    margin-right: 10px;
    margin-left: 10px;
}

.val_sercher_box {
    float: right;
    position: absolute;
    width: 138px;
    border: 1px solid #d5d5d5;
    background: #fff;
    color: #444;
    max-height: 133px;
    top: 28px;
    z-index: 999999999999;
    left: -50px;
    border-radius: 7px;
    padding: 5px;
    text-align: right;
    overflow: auto;
    line-height: 23px;
    overflow-x: hidden;
}

    .val_sercher_box * {
        vertical-align: middle;
        font-size: 11px;
    }

.box_sedlecterd_arioadt .ariaou_io {
    width: 100%;
    display: inline-block;
    text-align: right;
}

.val_sercher {
    display: inline-block;
    width: 90px;
    height: 20px;
    border: 0px;
}

.smn_odr4e1 {
    position: relative;
    padding: 4px 0px 8px 0px;
    border: 1px solid #d5d5d5;
    background: #fff;
    color: #444;
    float: right;
    vertical-align: middle;
    border-radius: 8px;
    margin-left: 7px;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 235px;
}

    .smn_odr4e1:hover .val_sercher_box {
        display: block
    }

.clos_chat_right {
    fill: white;
    width: 100%;
}

.meghdarerselectyuy {
    border-width: 2px !important;
}

.search_request_area_chekbox_selected {
    max-width: 144px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    padding: 0px;
    overflow-y: hidden;
    width: calc(100% + 16px);
    float: right;
    height: 31px;
    margin-top: -3px;
    border-radius: 10px;
    overflow-y: hidden;
}

.box_sedlecterd_arioadt .val_sercher_box {
    display: none
}

.area_chekbox_selected {
    white-space: nowrap;
    display: inline-block;
    padding: 0px 5px 0px 5px;
    border: 1px solid #c4c4c4;
    margin: 1px 7px;
    height: 17px;
    border-radius: 6px;
    background: #eee;
}

    .area_chekbox_selected:before {
        content: '×';
        display: inline-block;
        float: right;
        vertical-align: middle;
        height: 12px;
        background: red;
        width: 12px;
        border-radius: 16px;
        line-height: 16px;
        color: #fff;
        font-size: 19px;
        text-align: center;
        border: 1px solid #aaa;
        padding: 1px;
        margin-right: -13px;
    }

.search_request_area_chekbox_selected:hover + .box_sedlecterd_arioadt {
    display: none !important
}

.search_request_area_chekbox_selected:hover {
    max-width: 253px;
}

.add_parst_cre1 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    background: url('/img/loding/noghte_sefid.png');
    z-index: 999999999999999999999;
    text-align: center;
    color: #fff;
}

.add_parst_cre2 {
    position: relative;
    overflow: hidden;
    width: 80%;
    height: 90%;
    padding: 1% 10px;
    color: #0080ca;
    margin: 0 auto;
    border-radius: 5px;
    line-height: 25px;
    text-shadow: 0px 0px 0px #000;
    font-size: 13px;
    background: #fff no-repeat center;
    background-size: contain;
}

.direct_dialogshop_oioo {
    width: 30px;
    height: 30px;
    background: #0089d9;
    color: #fff;
    border: 1px solid #0678bb;
    box-shadow: 0px 0px 1px #00466f;
    border-radius: 50%;
    margin-top: 6px;
    cursor: pointer;
    position: absolute;
    left: 2px;
    top: -5px;
}

.enternal_link_ut {
    color: inherit !important;
    text-decoration: none !important;
    border-bottom: 1px dashed rgba(0,0,0,0.43);
}

td op {
    display: block;
    float: right;
    width: 100%
}

.inputup_boxin {
    width: 31px;
    height: 43px;
    display: inline-block;
    float: right;
    overflow: hidden;
    font-weight: bold;
    font-size: 20px;
    font-family: auto;
    margin-top: -6px;
    margin-left: 9px;
}

.inputup_mos {
    width: 100%;
    width: 100%;
    height: 21px;
    background: #979797;
    line-height: 20px;
    text-align: center;
    color: #fff;
    margin-bottom: 1px;
    border-radius: 4px;
    float: right;
}

.inputup_man {
    width: 100%;
    height: 21px;
    background: #c5c5c5;
    line-height: 0px;
    text-align: center;
    color: #fff;
    float: right;
    border-radius: 4px;
}

    .inputup_man:hover, .inputup_mos:hover {
        cursor: pointer;
        opacity: .8
    }

    .inputup_man:active, .inputup_mos:active {
        cursor: pointer;
        opacity: .3
    }

/*چت*/
.chat_cat_gogogli {
    opacity: .8
}

.close_cat_gogogli {
    display: none;
    opacity: .8
}

.uiyu .close_cat_gogogli {
    display: block;
}

.uiyu .chat_cat_gogogli {
    display: none;
}

.chat_gondoli {
    height: 0px;
    width: 0px;
    float: left
}

.gondoli_chat3_a1_img {
    height: 50PX;
    WIDTH: 50PX;
    margin: 2%;
    border-radius: 50px;
    display: inline-block;
    float: right;
    padding: 2px;
    margin-left: 7px;
    BOX-SHADOW: 0PX 0PX 2PX;
}

.gondoli_chat3_a1_1 {
    font-size: 15px;
    font-weight: bold;
    color: #000000a8;
    text-shadow: none;
}

.gondoli_chat3_a1_2 {
    font-size: 12px;
    color: #aaa
}

.gondoli_chat3_a1_3 {
    color: white;
    font-size: 10px;
    padding: 5px 0 0;
    line-height: 1.125em !important;
    border-radius: 4px;
    padding: 3px 6px;
    background: green;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 3px;
    font-size: 12px;
}

.gondoli_chat {
    width: 50px;
    height: 50px;
    background: green;
    border-radius: 50px;
    z-index: 9999999999999999999;
    position: fixed;
    left: 20px;
    bottom: 15px;
    -webkit-box-shadow: 0px 6px 8px 2px rgb(0 0 0 / 14%);
    box-shadow: 0px 6px 8px 2px rgb(0 0 0 / 48%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: transform .9s ease-in-out;
    padding: 6px;
}

    .gondoli_chat:active {
        opacity: .6;
    }

    .gondoli_chat:hover {
        opacity: .9;
        box-shadow: 0px 0px 0px 0px #a2a2a2;
        cursor: pointer;
        transform: rotate(360deg);
    }

.gondoli_chat_text {
    width: auto;
    height: 25px;
    line-height: 25px;
    color: var(--cs-uwac-theme_label-text,#43474e);
    background-color: var(--cs-uwac-theme_label-bg,#f5f7f9);
    -webkit-box-shadow: 0px 6px 8px 2px rgb(0 0 0 / 14%);
    box-shadow: 0px 6px 8px 2px rgb(0 0 0 / 14%);
    position: fixed;
    bottom: 39px;
    left: 87px;
    padding: 0px 6px;
    border-radius: 4px;
    letter-spacing: -0.05em;
    border: 1px solid #eee;
    font-weight: 550;
    z-index: 9999999999999999999;
}

.gondoli_chat_box {
    position: fixed;
    width: 290px;
    height: 380px;
    left: 37px;
    background: #eee;
    bottom: 82px;
    border-radius: 7px;
    box-shadow: 0px 0px 4px #65656559;
    z-index: 9999999999999999999;
    ;
    display: none;
    overflow: hidden
}

.gondoli_chat_box2 {
    float: right;
    width: 100%;
    height: 100px;
    position: relative;
    background: green
}

.gondoli_chat_box3 {
    float: right;
    width: 100%;
    height: 280px;
    position: relative;
    background: #fff;
    overflow-y: auto
}

.gondoli_chat_box2 svg {
    padding: 10px 13px 5px 13px;
    float: right;
    display: inline-block;
    opacity: .8
}

.gondoli_chat_box2_ui {
    width: 221px;
    display: inline-block;
    float: right;
    font-weight: bold;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fffffff2;
    text-shadow: 0px 0px 21px #fff;
    margin-top: 10px;
}

.gondoli_chat_box3_ui {
    display: inline-block;
    float: left;
    width: 222px;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fffffff2;
    text-shadow: 0px 0px 21px #fff;
    margin-top: 8px;
    letter-spacing: -0.05em;
    right: -20px;
    position: relative;
}

.gondoli_chat_box3_a1 {
    font-size: 12px;
    font-weight: 500;
    padding: 0 3px;
    color: var(--cs-uwac-theme_content-text,#a5abb7);
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center !important
}

.chat_gondoli * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: right
}

.gondoli_chat3_a1 {
    width: 90%;
    background: #fdfdfd;
    height: 68px;
    margin-right: 5%;
    margin-top: 10px;
    float: right;
    border-radius: 2px;
    border: 1px solid #fbfbfb;
    box-shadow: 0px 0px 4px #ccc;
    border-right: 3px solid;
    cursor: pointer;
}

    .gondoli_chat3_a1:hover {
        opacity: .8
    }

.right_chat_val {
    float: right
}

    .right_chat_val .gondoli_chat_text {
        bottom: 47px;
        right: 92px !important;
        left: auto !important;
    }

    .right_chat_val .gondoli_chat_box {
        right: 30px !important;
        left: auto !important;
    }

    .right_chat_val .gondoli_chat {
        right: 20px !important;
        left: auto !important
    }

/*چت*/
/* ★☆ */
.c-stars_q {
    width: 110px;
    display: inline-block;
    height: 30px;
    overflow: hidden
}

    .c-stars_q span {
        width: 20px;
        display: inline-block;
        height: 30px;
        float: right
    }

        .c-stars_q span:before {
            content: '☆';
            font-size: 29px
        }

    .c-stars_q .c-stars__item:hover, .c-stars_q .c-stars__item:hover + .c-stars__item, .c-stars_q .c-stars__item:hover + .c-stars__item + .c-stars__item, .c-stars_q .c-stars__item:hover + .c-stars__item + .c-stars__item + .c-stars__item, .c-stars_q .c-stars__item:hover + .c-stars__item + .c-stars__item + .c-stars__item + .c-stars__item, .c-stars_q .c-stars__item:hover + .c-stars__item + .c-stars__item + .c-stars__item + .c-stars__item + .c-stars__item {
        color: red !important;
        cursor: pointer
    }

.c-stars_q1 .c-stars__item:nth-child(5):before {
    content: '★';
    text-shadow: 0px 0px 1px #000;
}

.c-stars_q2 .c-stars__item:nth-child(4):before, .c-stars_q2 .c-stars__item:nth-child(5):before {
    content: '★';
    text-shadow: 0px 0px 1px #000;
}

.c-stars_q3 .c-stars__item:nth-child(3):before, .c-stars_q3 .c-stars__item:nth-child(4):before, .c-stars_q3 .c-stars__item:nth-child(5):before {
    content: '★';
    text-shadow: 0px 0px 1px #000;
}

.c-stars_q4 .c-stars__item:nth-child(2):before, .c-stars_q4 .c-stars__item:nth-child(3):before, .c-stars_q4 .c-stars__item:nth-child(4):before, .c-stars_q4 .c-stars__item:nth-child(5):before {
    content: '★';
    text-shadow: 0px 0px 1px #000;
}

.c-stars_q5 .c-stars__item:nth-child(1):before, .c-stars_q5 .c-stars__item:nth-child(2):before, .c-stars_q5 .c-stars__item:nth-child(3):before, .c-stars_q5 .c-stars__item:nth-child(4):before, .c-stars_q5 .c-stars__item:nth-child(5):before {
    content: '★';
    text-shadow: 0px 0px 1px #000;
}

.c-stars_q1 .c-stars__item:nth-child(5) {
    color: #edcc00;
}

.c-stars_q2 .c-stars__item:nth-child(4), .c-stars_q2 .c-stars__item:nth-child(5) {
    color: #edcc00;
}

.c-stars_q3 .c-stars__item:nth-child(3), .c-stars_q3 .c-stars__item:nth-child(4), .c-stars_q3 .c-stars__item:nth-child(5) {
    color: #edcc00;
}

.c-stars_q4 .c-stars__item:nth-child(2), .c-stars_q4 .c-stars__item:nth-child(3), .c-stars_q4 .c-stars__item:nth-child(4), .c-stars_q4 .c-stars__item:nth-child(5) {
    color: #edcc00;
}

.c-stars_q5 .c-stars__item:nth-child(1), .c-stars_q5 .c-stars__item:nth-child(2), .c-stars_q5 .c-stars__item:nth-child(3), .c-stars_q5 .c-stars__item:nth-child(4), .c-stars_q5 .c-stars__item:nth-child(5) {
    color: #edcc00;
}

.c-stars_q.comment_likj.c-stars_qcomment:after, .c-stars_q.comment_likj.c-stars_qsub_comment:after {
    display: none
}

.c-stars_q.comment_likj {
    position: relative
}

    .c-stars_q.comment_likj:after {
        content: ' ';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px
    }

/* ★☆ */
@media (max-width: 825px) {
    .dialog_t {
        width: 95% !important
    }
}

.remember_16a {
    display: none
}

#maile_checkbox_id, #maile_checkbox_id + label {
    display: none !important
}

#mojod_checkbox_shegeft_id, #mojod_checkbox_shegeft_id + label {
    display: none !important
}

.bell_title {
    text-align: right;
    padding: 12px 2px;
    line-height: 2;
}

.remember_16a {
    text-align: right;
}

.custom-labeloui {
    MARGIN-BOTTOM: 5PX;
    MARGIN-TOP: 15PX;
}

.custom-label {
    background: white;
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    padding: 10px;
    color: #333;
    font-size: 13px;
    font-family: Arial, sans-serif;
    /* box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); */
    z-index: 1000;
    pointer-events: auto;
    font-family: Tahoma !important;
    text-align: center !important
}

    .custom-label h3 {
        margin: 0;
        font-size: 14px;
        color: #333;
    }

    .custom-label p {
        margin: 5px 0;
    }

    .custom-label a {
        color: #007bff;
        text-decoration: none;
        font-size: 12px;
        margin-right: 5px;
    }

        .custom-label a:hover {
            text-decoration: underline;
        }

.leaflet-popup-content {
    margin: 5px !important;
    MAX-WIDTH: 160PX;
}

.HJUbutton {
    background-color: #28a745;
    color: white !important;
    border: none !important;
    border-radius: 5px !important;
    padding: 10px 15px !important;
    font-size: 11px !important;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    font-family: tahoma !important;
}

    .HJUbutton:hover {
        background-color: #218838;
        /* رنگ سبز تیره‌تر هنگام هاور */
        transform: scale(1.05);
        /* کمی بزرگ‌تر شدن هنگام هاور */
    }

    .HJUbutton:active {
        background-color: #1e7e34;
        /* رنگ سبز تیره‌تر هنگام کلیک */
        transform: scale(0.95);
        /* کوچک‌تر شدن هنگام کلیک */
    }

.faq-container h6 {
    font-size: 20PX;
    display: block;
    padding: 0px;
    margin: 17px;
}

.faq-container {
    max-width: 600px;
    margin: 0 auto;
}

details {
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

summary {
    display: flex;
    align-items: center;
    padding: 15px;
    cursor: pointer;
    background: #ffffff;
    color: #333;
    border: 1px solid #ddd;
    font-weight: bold;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

    summary svg {
        margin-left: 10px;
        width: 24px;
        height: 24px;
        fill: #888;
        transition: fill 0.3s;
    }

    summary:hover {
        background: #f0f0f0;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

        summary:hover svg {
            fill: #555;
        }

details[open] summary svg {
    transform: rotate(180deg);
}

.faq-content {
    background: #f9f9f9;
    color: #333;
    border: 1px solid #ddd;
    border-top: none;
    transition: max-height 0.4s ease, padding 0.3s ease;
    line-height: 2;
    padding: 20px 12px;
    text-align: right;
    box-sizing: border-box;
    font-size: 13px;
}

.faq-container h6 {
    display: none;
}

.faq-container:has(details) h6 {
    display: block;
}

/* استایل پاپ‌آپ */
#popup__popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 1000;
    text-align: center;
    width: 90%;
    max-width: 400px;
}

#popup__popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999;
}

#popup__popup button {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

    #popup__popup button:hover {
        background-color: #45a049;
    }

#popup__popup input {
    width: 100%;
    padding: 8px 0px;
    margin-top: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

#popup__popup a {
    color: #007BFF;
    text-decoration: none;
    font-weight: bold;
}

    #popup__popup a:hover {
        text-decoration: underline;
    }

.imgbodycomment {
    PADDING: 10px 0px;
    display: flex;
    flex-wrap: wrap;
}

    .imgbodycomment a {
        width: 60px;
        height: 60px;
        object-fit: cover;
        cursor: pointer;
        margin: 2px;
        border-radius: 7px;
        background: #fff;
        box-shadow: 0px 0px 2px #aaa;
        float: right;
        border: 1px solid #aaa;
        overflow: hidden
    }

    .imgbodycomment img {
        width: 100%;
        height: 100%
    }

    .imgbodycomment a:hover {
        transform: scale(1.1);
        cursor: pointer;
    }

.popup7886 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 999999999999999999999999
}

    .popup7886.active {
        opacity: 1;
        visibility: visible;
    }

.popup7886-content {
    position: relative;
    background: white;
    border-radius: 10px;
    width: 90%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}

.slider-container {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.slider7886 {
    display: flex;
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

    .slider7886 .slideyui67 {
        flex: 0 0 100%;
        scroll-snap-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        justify-content: center;
    }

        .slider7886 .slideyui67 img {
            max-width: 100%;
            height: auto;
            border-radius: 10px;
        }

.image-title {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 100;
    text-align: justify;
    color: #080808;
    background: #ffffffed;
    position: absolute;
    bottom: 0px;
    padding: 10px;
    box-sizing: border-box;
    max-height: 100px;
    overflow: hidden;
    opacity: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* تعداد خطوط مجاز */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
}

    .image-title:hover {
        opacity: 1
    }

.nav-btnyuuuu {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 20px;
    border-radius: 50%;
    z-index: 10;
    width: 40px;
    height: 41px;
    padding: 0px;
}

.prev-btnyuuuu {
    right: 5px;
}

.next-btnyuuuu {
    left: 5px;
}

.close-btnyuuuu {
    position: absolute;
    top: 0px;
    right: 0px;
    background: red;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 16px;
    z-index: 99999999;
}

.toggle-container6578 {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    width: 51px;
    float: right;
    padding-right: 10px
}

.toggle-switch6578 {
    position: relative;
    width: 40px;
    height: 20px;
    background-color: #d3d3d3;
    border-radius: 15px;
    transition: background-color 0.3s;
    margin-left: 8px;
}

    .toggle-switch6578::before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        background-color: white;
        border-radius: 50%;
        top: 2px;
        left: 2px;
        transition: transform 0.3s;
    }

.toggle-checkbox6578 {
    display: none;
}

    .toggle-checkbox6578:checked + .toggle-switch6578 {
        background-color: #4caf50;
    }

        .toggle-checkbox6578:checked + .toggle-switch6578::before {
            transform: translateX(20px);
        }

.store_menu_arrangement_ok {
    font-weight: bold;
    color: #4caf50;
}

.menu_arrangement {
    cursor: pointer;
    padding: 0px 8px;
}

.toggle-container6578 {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    width: 51px;
    float: right;
}

.toggle-switch6578 {
    position: relative;
    width: 40px;
    height: 20px;
    background-color: #d3d3d3;
    border-radius: 15px;
    transition: background-color 0.3s;
    margin-left: 8px;
}

    .toggle-switch6578::before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        background-color: white;
        border-radius: 50%;
        top: 2px;
        left: 2px;
        transition: transform 0.3s;
    }

.toggle-checkbox6578 {
    display: none;
}

    .toggle-checkbox6578:checked + .toggle-switch6578 {
        background-color: #4caf50;
    }

        .toggle-checkbox6578:checked + .toggle-switch6578::before {
            transform: translateX(20px);
        }

.store_menu_arrangement_0 {
    display: flex;
    justify-content: space-between;
    /* height: 21px; */
    align-content: flex-start;
    font-size: 14px;
    flex-wrap: wrap;
    line-height: 3;
    background: #eee;
    padding: 3px 5px;
    margin: 3px 3px;
    margin: 3px .5%;
    border-radius: 5px;
    letter-spacing: -1px;
    width: 99%;
    box-sizing: border-box;
}

.store_menu_arrangement_2 {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 655px) {
    .store_menu_arrangement_1 {
        width: 100%;
    }

    .menu_arrangement {
        padding: 0px 4px;
    }

    .store_menu_arrangement_1 {
        justify-content: space-around;
    }
}

@media (max-width: 405px) {
    .store_menu_arrangement_1 {
        width: 100%;
    }

    .menu_arrangement {
        padding: 0px 2px;
    }
}

.store_menu_arrangement_3 {
    width: 53px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    height: 42px;
    /* float: right; */
    justify-content: space-between;
    padding-left: 4px;
    font-size: 12px;
}

.store_menu_arrangement_1 {
    display: flex;
    flex-wrap: wrap;
}

    .store_menu_arrangement_1 svg {
        width: 15px !important;
        height: 15px !important;
        fill: #000 !important
    }

.tocDiv_InnerHtml {
    background: #f8f8f8;
    padding: 7px;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    margin: 15px 0px;
    position: relative;
    height: 40px;
    line-height: 22px;
}

    .tocDiv_InnerHtml:before {
        content: 'فهرست مطالب';
        display: inline-block;
        color: #000;
        font-size: 18px;
        width: 100%;
        text-shadow: 0px 0px 0px #000
    }

    .tocDiv_InnerHtml a {
        color: #444 !important;
        font-size: 14px;
        text-align: right
    }

        .tocDiv_InnerHtml a:hover {
            color: red !important
        }

.pointercloker {
    position: absolute;
    left: 5px;
    top: 5px;
    color: #000;
    text-shadow: 0px 0px 0px #000
}

#popup_yyy {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 1000;
    text-align: center;
    width: 90%;
    max-width: 400px;
    font-size: 15px;
    line-height: 2;
}

#popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999;
}

#popup_yyy button {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

    #popup_yyy button:hover {
        background-color: #45a049;
    }

#popup_yyy input {
    width: 100%;
    padding: 8px 0px;
    margin-top: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

#popup_yyy a {
    color: #007BFF;
    text-decoration: none;
    font-weight: bold;
}

    #popup_yyy a:hover {
        text-decoration: underline;
    }

select.myDropdown {
    border: 1px solid #ababab;
    height: 35px;
    border-radius: 4px;
    padding: 0px 10px;
    font-family: inherit;
}

/* 1) حذف هاله‌ی لمسی در مرورگرهای WebKit (Chrome/Safari اندروید و iOS) */
html {
    -webkit-tap-highlight-color: transparent;
}

/* 2) حذف outline / box-shadow که بعضی مرورگرها هنگام focus/active اضافه می‌کنند */
a, button, input, textarea {
    outline: none;
    box-shadow: none;
}

/* 3) فقط برای دستگاه‌های لمسی (تا دسترسی کیبورد را حفظ کنیم) */
@media (pointer: coarse) {
    a:focus, a:active {
        outline: none;
        box-shadow: none;
    }
}

/* 4) پیشنهادی: نگه داشتن استایل فوکوس برای کاربران کیبورد */
:focus:not(:focus-visible) {
    /* مرورگرهای مدرن فقط وقتی کیبورد استفاده نشده است مخفی می‌کنند */
    outline: none;
    box-shadow: none;
}














.open-btn {
    box-shadow: 0px 0px 4px #00000063;
    padding: 11px 30px;
    font-size: 18px;
    border: none;
    border-radius: 10px;
    background: #1a73e8;
    color: #fff;
    cursor: pointer;
    transition: 0.3s;
    position: fixed;
    left: 0;
    bottom: 8%;
    transform: rotate(-90deg);
    transform-origin: left top;
    zoom: .8;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

    .open-btn:hover {
        opacity:.5
    }
/* پاپ آپ */
.popupshansi {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    z-index: 999999999999999
}

.popupshansi-content {
    background: #fff;
    color: #333;
    padding: 30px;
    border-radius: 20px;
    width: 350px;
    text-align: center;
    position: relative;
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}

    .popupshansi-content h1 {
        font-size: 22px;
        margin-bottom: 15px;
    }

#number {
    font-size: 50px;
    font-weight: bold;
    margin: 20px 0;
    color: #1a73e8;
}

.chance-btn {
    background: #ff5722;
    color: white;
    border: none;
    padding: 12px 25px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
}

    .chance-btn:hover:enabled {
        background: #e64a19;
    }

    .chance-btn:disabled {
        background: #9e9e9e;
        cursor: not-allowed;
    }

#result {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #4caf50;
    display: none;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    background: none;
    border: none;
    cursor: pointer;
    color: #666;
}

    .close-btn:hover {
        color: #000;
    }