@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 700;
	src: url('./fonts/iransansx/woff/IRANSansWeb_Bold.woff') format('woff');
}
@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/iransansx/woff/IRANSansWeb.woff') format('woff');
}
@font-face {
    font-family: 'IRANSansXFa';
    font-style: normal;
    font-weight: 400;
    src: url('/static/fonts/iransans-fanum/woff/IRANSansWeb(FaNum).woff') format('woff');
}

@font-face {
    font-family: 'IRANSansXFa';
    font-style: normal;
    font-weight: 700;
    src: url('/static/fonts/iransans-fanum/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff');
}

.button{
    background:#009cd7;
    width:fit-content;
    margin:0 auto;
    padding:4px 12px;
    border-radius:8px;
    color:#fff;
    cursor:pointer
}
.justformobileinjava{
    display:none!important
}
.newaccountpaylists{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:space-between
}
.divaccounts2{
    border: 2px solid #e3e9eeab;
    border-radius:10px;
    min-height:40px;
    display:flex;
    flex-wrap:wrap;
    width:calc(50% - 14px);
    justify-content:space-between;
    margin:4px 0;
    padding:4px 3px;
    cursor:pointer;
    align-items:center
}
.divaccounts{
    border: 2px solid #e3e9eeab;
    border-radius:10px;
    height:40px;
    display:flex;
    flex-wrap:wrap;
    width:calc(50% - 14px);
    justify-content:space-between;
    margin:4px 0;
    padding:4px 3px;
    cursor:pointer;
    align-items:center;
    position:relative
}
.divaccounts>div{
    font-size:14px
}
.divaccounts2>div{
    width:100%
}
.divaccounts2>div>div{
    font-size:14px
}
.divaccounts>div:last-child,.divaccounts2>div:first-child>div:last-child{
    text-align:left;
    color:gray;
    padding-left:5px
}
.divaccounts>div:first-child,.divaccounts2>div>div:first-child{
    text-align:right;
    color:#484848;
    font-weight:bold;
    padding-right:4px
}
.divaccounts3{
    display:flex;
    flex-wrap:wrap;
    width:calc(50% - 15px);
    justify-content:space-between;
    cursor:pointer;
    align-items:center;
    min-height:40px
}
.divaccounts4{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    border-radius:10px;
    background:#fff;
    padding-right:0!important;
    margin-top:8px;
    padding:8px 0;
    position:relative;
    border: 2px solid #e3e9eeab
}
.divaccounts4>div:first-child{
    text-align:right;
    color:#484848;
    padding-right:10px;
    font-weight:bold
}
.divaccounts4>div:last-child{
    text-align:left;
    color:gray;
    padding-left:10px
}
.listaccs{
    width:100%;
    display:none
}
.accountnotactive>div:last-child{
    opacity:0
}
.accountnotactive{
    cursor:auto
}
.accountactive2{
    border:2px solid #0da1d9
}
.accountactive2>div:first-child{
    color:#009cd7
}
.accountactive>div:last-child{
    color:#484848;
    font-weight:bold
}
.accountactive2>div:last-child{
    color:#484848;
    font-weight:bold
}
.accountactive{
    background:#edf8fc;
    border:2px solid #009cd7
}
.accountactive>div:first-child{
    color:#009cd7
}
.accountclickable{
    cursor:pointer
}
.divaccounts::after{
    content:attr(datatag);
    background-color:red;
    color:#fff;
    padding:0 8px;
    border-radius:4px;
    font-size:10px;
    position:absolute;
    margin-top:-48px;
    left:16px
}
.divaccounts4::after{
    content:attr(datatag);
    background-color:red;
    color:#fff;
    padding:0 8px;
    border-radius:4px;
    font-size:10px;
    position:absolute;
    margin-top:-14px;
    left:16px;
    height:12px;
    display:flex;
    justify-content:space-evenly;
    flex-wrap:nowrap;
    align-items:center
}
.divaccounts[datatag=""]::after{
    content:none
}
.divaccounts4[datatag=""]::after{
    content:none
}
.sim-page1{
    display:flex
}
.questions_titr{
    color:#000;
    font-size:20px;
    text-align:center;
    font-weight:bold
}
.sim-page1 .discount_percent_digits{
    font-size:12px
}
.sim-page1 .discount_percent_div{
    color:red;
    max-height:40px;
    margin-right:6px;
    width:41px;
    font-size:14px;
    border-radius:5px;
    text-align:center
}
.sim-page1 .discount_percent_div:not(:empty) {
    background:#ffd3d3;
    padding:6px 0 6px 1px
}
.sim-page1 .pay_informal_accout{
    display:flex;
    flex-direction:row-reverse;
    align-items:center
}
.sim-page1 .formpaysim{
    margin-top:25px;
    margin-bottom:10px
}
.sim-page1-r,.sim-page1-l{
    margin:10px;
    padding:10px
}
.sim-page1-r{
    width:40%;
    min-width:150px;
    text-align:center
}
.sim-page1-l{
    width:60%;
    min-width:300px;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.sim-page1-r>img{
    width:100%
}
.sim-page2,.sim-page3,.sim-page4{
    padding:20px 0;
    width:100%
}
.filterservice,.filtercountry,.filtercompany{
    display:none
}
.exportunitpay{
    display:none
}
.sim-page1 .paysimdiv{
    display:flex;
    justify-content:flex-end
}
.sim-page1 .paysimdiv button{
    width:212px!important;
    background:#ffb03b!important;
    height:45px
}
.sim-page1 .paysimgetcount{
    display:flex;
    align-items:center;
    justify-content:flex-end
}
.sim-page1 .paysimgetcount_export{
    margin-right:10px;
    margin-left:10px;
    width:20px;
    text-align:center;
    background:#e8e8e8
}
.sim-page1 .paysimgetcount_down,.sim-page1 .paysimgetcount_up{
    color:#0095cd;
    font-size:28px;
    cursor:pointer
}
.sim-page1 .exportcount{
    display:none
}
.sim-page1 .paysim_amountnumber{
    width:100px;
    margin-right:20px
}
.sim-page1 .paysim_amountnumber>div{
    white-space:nowrap;
    text-align:left;
    float:left
}
.sim-page1 h1{
    text-align:right;
    font-size:24px
}
#paysimformexporttext{
    text-align:center;
    padding:10px
}
.sim-page2 table caption{
    padding:10px
}
.sim-page1-l .rentalnumberforeverdesitems>div{
    width:calc(50% - 66px);
    padding:23px;
    margin:10px;
    background:#f5f8fc
}
.sim-page1-l .rentalnumberforeverdesitems div p{
    font-size:18px;
    font-weight:300;
    color:#334b6c
}
.sim-page1-l .rentalnumberforeverdesitems div p i:nth-child(1) {
    font-size:17px;
    margin-left:6px
}
.sim-page1-l .rentalnumberforeverdesitems{
    display:flex;
    flex-wrap:wrap;
    margin:15px -10px 0;
    text-align:right
}
.sim-page3 h2.t3,.sim-page4>h2{
    text-align:center;
    font-size:1.4rem;
    color:#000
}
.sim-page3 h2{
    font-size:1.4rem;
    color:#333
}
.sim-page3 h2.t3{
    display:none
}
.sim-page5{
    text-align:center;
    padding:15px 10px
}
.sim-page5>h2{
    display:flex;
    justify-content:center
}
.sim_education{
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap
}
.sim_education1{
    max-height:25px;
    width:116px;
    background:#009cd7;
    padding:6px 12px;
    text-align:center;
    border-radius:5px;
    margin-bottom:5px;
    color:#fff;
    cursor:pointer;
    margin-right:10px
}
.sim_education1_e{
    max-height:25px;
    width:178px;
    background:#32b976;
    padding:6px 12px;
    text-align:center;
    border-radius:5px;
    margin-bottom:5px;
    color:#fff;
    cursor:pointer;
    margin-right:10px
}
.sim_education2{
    display:none;
    background:#fffad6;
    border-radius:10px;
    width:fit-content;
    position:relative;
    padding:10px
}
.sim_education_titr{
    text-align:center;
    margin-top:40px;
    font-size:18px
}
.sim_education2 p{
    text-align:left
}
.sim_education2 a{
    color:#009cd7;
    cursor:pointer
}
.sim_education2 li{
    display:block
}
.sim_education2 .inline-image{
    width:22px
}
.discount_sim{
    color:#fff;
    background:#26ac00;
    padding:20px;
    margin-bottom:20px;
    text-align:center;
    font-size:18px;
    border-radius:10px
}
.simdiv_titr{
    color:#ffb03b;
    font-size:18px
}
.simdiv_moreinfo_span{
    cursor:pointer;
    padding:0 4px;
    position:absolute;
    margin-top:36px;
    margin-left:-125px
}
.simdiv_moreinfo{
    display:none
}
.simdiv_moreinfo_div{
    display:flex;
    padding:10px;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-evenly
}
.simdiv_status>span{
    font-size:13px;
    color:gray
}
.simdiv{
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    align-items:center;
    justify-content:space-evenly;
    background:#f7f7f7;
    border-radius:5px;
    padding:10px;
    margin:5px
}
.simdiv>div{
    text-align:center;
    width:100%
}
.simdiv_info{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    align-items:center;
    direction:ltr;
    flex-direction:column
}
.simdiv_key,.simdiv_val{
    padding:0 4px
}
.simdiv_box{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    direction:ltr
}
.simdiv_datetime{
    direction:ltr
}
.simdiv_datetime>span{
    margin-left:5px
}
.simdiv_pay{
}
.simdiv_action button{
    padding:3px 16px!important;
    margin:1px;
    margin-right:5px;
    margin-left:5px
}
.diactivedsimcard,.diactivedsimcard td{
    background:red!important
}
.keywordhidden{
    display:none
}
.discount_sim>span{
    color:#fff;
    width:75px;
    position:relative;
    text-align:left;
    display:inline-block;
    font-size:16px
}
.cupo{
    cursor:pointer
}
.cupo1:hover,.cupo1:hover+.cupo2,.cupo2:hover{
    color:#009cd7!important;
    font-weight:bold!important;
    cursor:pointer
}
.baner{
    background:#ffe143;
    direction:rtl;
    text-align:center;
    z-index:99999999999999999;
    padding:4px 1px;
    border-radius:0
}
@keyframes gradienttt {
     0% {
         background-position: 0% 50%;
    }
     50% {
         background-position: 100% 50%;
    }
     100% {
         background-position: 0% 50%;
    }
}
.serbackground>img{
    width:170px;
    width:50%;
    transition:all .6s
}
.serbackground_open>img{
    width:65%!important
}
.serbackground:hover .serbackgroundimg{
    transform:scale(1.07)
}
.serbackground:hover .serbackgroundimgp{
    transform:scale(1.07)
}
.serbackgroundimgp{
    width:90%!important
}
.trdivpasi{
    background:#f7f7f7;
    background:#dcdcdc
}
.account-page1{
    display:flex
}
.questions_titr{
    color:#000;
    font-size:20px;
    text-align:center;
    font-weight:bold
}
.account-page1 .discount_percent_digits{
    font-size:12px
}
.account-page1 .discount_percent_div{
    color:red;
    max-height:40px;
    margin-right:6px;
    width:41px;
    font-size:14px;
    border-radius:5px;
    text-align:center;
    display:flex;
    justify-content:space-evenly;
    flex-direction:row-reverse;
    align-items:center
}
.account-page1 .discount_percent_div div:nth-child(1){
    margin-top:3px;
    font-size:12px
}
.account-page1 .discount_percent_div div:nth-child(2){
    margin-left:-5px
}
.account-page1 .discount_percent_div:not(:empty) {
    background:#ffd3d3;
    padding:6px 0 6px 1px
}
.account-page1 .pay_informal_accout{
    display:flex;
    flex-direction:row-reverse;
    align-items:center
}
.account-page1 .formpayaccount{
    margin-top:25px;
    margin-bottom:10px
}
.account-page1-r,.account-page1-l{
    margin:10px;
    padding:10px
}
.account-page1-r{
    width:40%;
    min-width:150px;
    text-align:center
}
.account-page1-l{
    width:60%;
    min-width:300px;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.account-page1-r>img{
    width:100%
}
.account-page2,.account-page3,.account-page4{
    padding:20px 0;
    width:100%
}
.filterservice,.filtercountry,.filtercompany{
    display:none
}
.exportunitpay{
    display:none
}
.account-page1 .payaccountdiv{
    display:flex;
    justify-content:flex-end
}
.account-page1 .payaccountdiv button{
    width:212px!important;
    background:#ffb03b!important;
    height:45px
}
.account-page1 .payaccountgetcount{
    display:flex;
    align-items:center;
    justify-content:flex-end
}
.account-page1 .payaccountgetcount_export{
    margin-right:10px;
    margin-left:10px;
    width:20px;
    text-align:center;
    background:#e8e8e8
}
.account-page1 .payaccountgetcount_down,.account-page1 .payaccountgetcount_up{
    color:#0095cd;
    font-size:28px;
    cursor:pointer
}
.account-page1 .exportcount{
    display:none
}
.account-page1 .payaccount_amountnumber{
    width:100px;
    margin-right:20px
}
.account-page1 .payaccount_amountnumber>div{
    white-space:nowrap;
    text-align:left;
    float:left
}
.account-page1 h1{
    text-align:right;
    font-size:24px
}
#payaccountformexporttext{
    text-align:center;
    padding:10px
}
.account-page2 table caption{
    padding:10px
}
.account-page1-l .rentalnumberforeverdesitems>div{
    width:calc(50% - 66px);
    padding:23px;
    margin:10px;
    background:#f5f8fc
}
.account-page1-l .rentalnumberforeverdesitems div p{
    font-size:18px;
    font-weight:300;
    color:#334b6c
}
.account-page1-l .rentalnumberforeverdesitems div p i:nth-child(1) {
    font-size:17px;
    margin-left:6px
}
.account-page1-l .rentalnumberforeverdesitems{
    display:flex;
    flex-wrap:wrap;
    margin:15px -10px 0;
    text-align:right
}
.account-page3 h2.t3,.account-page4>h2{
    text-align:center;
    font-size:1.4rem;
    color:#000
}
.account-page3 h2{
    font-size:1.4rem;
    color:#333
}
.account-page3 h2.t3{
    display:none
}
.account-page5{
    text-align:center;
    padding:15px 10px
}
.account-page5>h2{
    display:flex;
    justify-content:center
}
.account_education{
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap
}
.account_education1{
    max-height:25px;
    width:116px;
    background:#009cd7;
    padding:6px 12px;
    text-align:center;
    border-radius:5px;
    margin-bottom:5px;
    color:#fff;
    cursor:pointer;
    margin-right:10px
}
.account_education1_e{
    max-height:25px;
    width:178px;
    background:#32b976;
    padding:6px 12px;
    text-align:center;
    border-radius:5px;
    margin-bottom:5px;
    color:#fff;
    cursor:pointer;
    margin-right:10px
}
.account_education2{
    display:none;
    background:#fffad6;
    border-radius:10px;
    width:fit-content;
    width:100%;
    position:relative;
    padding:30px
}
.account_education_titr,.account_education_titrs{
    text-align:center;
    margin-top:40px;
    font-size:18px
}
.account_education_titrs{
    display:none
}
.account_education2 p{
    text-align:left
}
.account_education2 a{
    color:#009cd7;
    cursor:pointer
}
.account_education2 li{
    display:block
}
.account_education2 .inline-image{
    width:22px
}
.discount_account{
    color:#fff;
    background:#26ac00;
    padding:20px;
    margin-bottom:20px;
    text-align:center;
    font-size:18px;
    border-radius:10px
}
.keywordhidden{
    display:none
}
.discount_account>span{
    color:#fff;
    width:75px;
    position:relative;
    text-align:left;
    display:inline-block;
    font-size:16px
}
.cupo{
    cursor:pointer
}
.cupo1:hover,.cupo1:hover+.cupo2,.cupo2:hover{
    color:#009cd7!important;
    font-weight:bold!important;
    cursor:pointer
}
.imagesaccountforcode .serbackgroundimgp_m{
    display:none
}
.serbackground{
    background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
    background-size:400% 400%;
    animation:gradienttt 15s ease infinite;
    width:auto;
    border-radius:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    aspect-ratio:1
}
.newserbackground{
    background:none!important
}
.baner{
    background:#ffe143;
    direction:rtl;
    text-align:center;
    z-index:99999999999999999;
    padding:4px 1px;
    border-radius:0
}
@keyframes gradienttt {
     0% {
         background-position: 0% 50%;
    }
     50% {
         background-position: 100% 50%;
    }
     100% {
         background-position: 0% 50%;
    }
}
.serbackground>img{
    width:170px;
    width:50%;
    transition:all .6s
}
.serbackground_open>img{
    width:65%!important
}
.serbackground:hover .serbackgroundimg{
    transform:scale(1.07)
}
.serbackground:hover .serbackgroundimgp{
    transform:scale(1.07)
}
.serbackgroundimgp{
    width:90%!important
}
.questionbox .accordion-item{
    background:#E5EEFB;
    box-shadow: 0px 0px 17px 6px rgb(0 0 0 / 3%);
    border-radius:24px!important;
    border:0;
    margin-bottom:.8em
}
.questionbox label{
    display:block;
    overflow:hidden
}
.questionbox input[type="checkbox"]{
    display:none
}
.questionbox .title{
    padding:.3em 3em;
    position:relative;
    z-index:599;
    background:#E5EEFB;
    transition:all .5s linear;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-content:center;
    justify-content:space-between;
    align-items:center
}
.questionbox .title:hover{
    cursor:pointer
}
.questionbox .accordion-header{
    font-style:normal;
    font-weight:700;
    font-size:17px;
    line-height:31px;
    text-align:right
}
.questionbox h2{
    font-size:1.4rem;
    color:#000
}
.questionbox .fa-solid{
    margin-left:5px
}
.questionbox .flashicon{
    color:#61b5ff;
    font-size:1.5rem;
    transition:.2s
}
.questionbox .content{
    position:relative;
    padding:0;
    max-height:0;
    border-bottom:1px solid #eee;
    transition:max-height .5s linear;
    background-color:#E5EEFB;
    border-radius:0 0 15px 15p
}
.questionbox input[type="checkbox"]:checked+.title+.content{
    max-height:200rem
}
.questionbox .accordion-item>.content>p{
    padding-top:5px;
    padding-bottom:25px
}
.questionbox .button-container p{
    font-size:17px;
    color:#484848
}
.questionbox .content p,ul{
    position:relative;
    padding:1.2em 3em;
    margin:0;
    transition:.5s linear
}
.textdecospetforall{
    position:relative;
    width:fit-content
}
.textdecospetforall div{
    background: #93000047;
    width:106%;
    height:1px;
    background: #6e6e6e7a;
    position:absolute;
    top:50%;
    right:-2px;
    left:0;
    margin:-1px auto 0!important;
    -webkit-transform:rotate(6deg);
    transform:rotate(352deg)
}
.account-page1 .textdecospetforall div{
    background: #ff23238a !important
}
.div_hidden_more_down_white_del::after{
    height:0!important
}
.cls_all_hidden_more{
    overflow:hidden!important;
    -webkit-transition:height 1s ease;
    transition:height 1s ease;
    position:relative
}
.cls_all_hidden_more::after{
    content:"";
    height:136px;
    position:absolute;
    right:0;
    left:0;
    bottom:0;
    background:linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.6615239845938375) 65%,rgba(255,255,255,0) 100%)
}
.allmoreheight_div{
    width:fit-content;
    color:#666;
    padding:1px 15px;
    margin:0 auto;
    font-weight:bold;
    border-radius:5px;
    cursor:pointer;
    top:-10px;
    position:relative
}
.discont_div_creatediv{
    cursor:pointer;
    padding:5px;
    color:#9a9a9a
}
.discont_div{
    display:flex;
    text-align:center;
    flex-direction:row-reverse;
    justify-content:center;
    align-items:center;
    margin-bottom:8px
}
#filterdiscont_div{
    width:fit-content
}
.discont_div input{
    width:130px;
    direction:ltr;
    text-align:left;
    border-radius:8px 0 0 8px;
    height:24px
}
.discont_save{
    cursor:pointer;
    border:1px solid #ddd;
    height:24px;
    padding:5px 10px;
    border-radius:0 8px 8px 0;
    border-left:none;
    background:#32b976;
    color:#fff;
    width:30px
}
#create_discont_msg{
    color:#a52a2a
}
.absentuser{
    direction:rtl;
    width:230px;
    height:100px;
    position:absolute;
    margin:17px;
    border-radius:10px;
    background:#E5EEFB;
    font-size:14px;
    padding:10px;
    text-align:center
}
.absententer{
    display:flex;
    align-items:center;
    direction:rtl;
    color:#35a366;
    font-weight:bold;
    justify-content:center;
    cursor:pointer
}
div#box-widget-icon{
    transform:scale(.8)!important
}
.absententerwait{
    color:#849b84!important
}
.absentexit{
    color:#798daa
}
.absentexit>i{
    font-size:15px;
    position:relative;
    top:2px;
    left:2px
}
.absententer img{
    width:29px;
    margin-left:2px;
    margin-bottom:2px
}
.createenterorexittypediv{
    cursor:pointer;
    width:55px;
    height:51px;
    margin:0 auto;
    padding:2px 0;
    border-radius:100%;
    margin-top:8px;
    background:#f5f8fc;
    text-align:center
}
.createenterorexittype{
    margin:0;
    padding:0;
    margin-top:-14px
}
.absentinformation{
    position:absolute;
    cursor:pointer;
    background:#f0f8ff;
    padding:2px 10px;
    bottom:8px;
    border-radius:8px;
    left:8px
}
.createapicancel{
    cursor:pointer;
    font-size:13px;
    background:#fff0f0;
    padding:1px 4px;
    border-radius:5px
}
.center{
    text-align:center
}
.numberspanel_2{
    padding:5px 0;
    flex-direction:row;
    flex-wrap:wrap;
    align-content:stretch;
    justify-content:space-evenly
}
.commentforkeyservicefilterpress:not(:empty){
    font-size:13px;
    font-weight:normal;
    background:#ffe4b5;
    margin:15px 5px 5px;
    padding:7px;
    border-radius:5px
}
.login_create_cp{
    display:flex;
    text-align:center;
    margin:0 auto;
    width:100%;
    align-content:stretch;
    justify-content:flex-end;
    align-items:center;
    margin-bottom:25px
}
.login_create_cp>img{
    height:45px;
    border-radius:4px;
    margin-left:8px
}
.login_create_cp>.firsti{
    cursor:pointer;
    margin-left:5px;
    color:#959595
}
.login_create_cp>.secondi{
    position:absolute;
    font-size:19px;
    margin-left:32px;
    color:gray
}
#showforcaptchacreatorfooter .secondi{
    left:67px!important
}
.login_create_cp>input{
    padding:3px 0 0 45px;
    width:calc(100% - 260px);
    height:45px;
    border-radius:4px;
    margin:0;
    background:#f2f2f2;
    text-align:left;
    font-size:15px;
    word-spacing:-1px;
    margin-left:20px;
    transition:.5s;
    border:none;
    border-left:2px solid transparent;
    direction:ltr
}
.forget_create_cp>input{
    border-radius:7px;
    margin-left:10px;
    width:calc(100% - 242px)
}
.forget_create_cp>.secondi{
    margin-left:20px
}
.forget_create_cp>img{
    border-radius:7px
}
._hj-1_39t__styles__resetStyles *{
    font-family:'IRANSansXFa'!important
}
._hj_feedback_container button:after{
    display:none
}
._hj-1uQd9__MinimizedWidgetMiddle__text{
    display:none
}
._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container ._hj-u1G5O__MinimizedWidgetMiddle__emotionIcon{
    margin-top:5px
}
._hj-3J5sV__MinimizedWidgetBottom__open>div:before{
    opacity:0
}
._hj_feedback_container ._hj-2Ne4e__EmotionStep__EmotionFooterWithBranding{
    display:none
}
._hj_feedback_container ._hj-1A3sC__EmotionStep__EmotionOptions{
    margin-bottom:20px
}
._hj-cp7UI__HotjarBranding__hotjarBranding{
    opacity:0
}
p._hj-wTRLt__Title__Title._hj-1XssA__Title__compact,._hj-1XCxd__CommentStep__extraMessage>p{
    font-family:'IRANSansXFa'!important
}
._hj_feedback_container ._hj-3PSb0__ExpandedWidget__innerContainer,_hj-XVgG4__ExpandedWidget__outerContainer _hj-ytB0a__ExpandedWidget__left _hj-oic8F__ExpandedWidget__bottom _hj-IT3tA__ExpandedWidget__slideInLeft,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-oic8F__ExpandedWidget__bottom._hj-IT3tA__ExpandedWidget__slideInLeft,._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-oic8F__ExpandedWidget__bottom._hj-T080I__ExpandedWidget__slideInRight{
    border-radius:10px!important
}
button._hj-oY2Ol__EmotionComment__selectButton{
    border-radius:0!important
}
._hj_feedback_container ._hj-2bByr__EmotionComment__textArea{
    text-align:right;
    direction:rtl
}
._hj-2bByr__EmotionComment__textArea::placeholder{
    opacity:0!important
}
._hj_feedback_container ._hj-3ZiaL__MinimizedWidgetBottom__container._hj-4a_14__MinimizedWidgetBottom__left{
    left:23px!important
}
._hj_feedback_container ._hj-3ZiaL__MinimizedWidgetBottom__container{
    bottom:23px!important
}
._hj-1Fv4C__Feedback__container{
    z-index:9!important
}
.newdevelopers{
    display:contents!important;
    font-size:14px;
    color:#b95700
}
.bodydev{
    padding:25px;
    user-select:text;
    -moz-user-select:text;
    font-size:14px
}
.bodydev h1{
    margin:20px 0 10px 0
}
.ltext{
    text-align:left;
    direction:ltr
}
.rtext{
    text-align:right;
    direction:rtl
}
.documentlist{
    display:flex;
    justify-content:space-around;
    margin:40px 0
}
.documentlist div{
    background:#c1c1c1;
    color:#fff;
    padding:7px 10px;
    border-radius:5px;
    cursor:pointer;
    font-size:16px
}
.documentlist div:hover{
    background:#009fde
}
.changelistdocumentdevelopersactive{
    background:#009fde!important
}
::-webkit-scrollbar{
}
.videomobile{
    display:none
}
.videopc{
    display:block
}
pre{
    font-family:'IRANSansXFa'!important;
    white-space:pre-wrap;
    line-height:2;
    color:#707070
}
::-webkit-scrollbar-track{
    background:rgba(0,0,0,.08);
    border-radius:3px
}
.usernameinadminpanel{
    color:#015ab9;
    cursor:help
}
.userlimited{
    color:#8a2be2;
    cursor:pointer;
    border:1px solid;
    width:fit-content;
    margin:0 auto!important;
    margin-top:6px!important
}
.divamaliatuser{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    align-content:center;
    justify-content:space-around;
    flex-direction:row
}
.class_penhan2amncharge1,.class_penhan2amncharge{
    display:flex
}
.class_penhan2amncharge1>button,.class_penhan2amncharge>button,.class_penhan2amnchargebtng{
    margin-right:15px!important;
    margin-left:15px!important
}
.class_penhan2amnchargebtng2{
    display:none!important;
    background:#9f9f9f!important;
    margin-right:auto!important;
    margin-left:auto!important
}
#amnchargedivexit,#amnchargedivexit1{
    color:#028f00
}
.khoroojbtnexit{
    background:#ffb03b!important
}
.feedbackgeneral{
    position:fixed;
    left:0;
    bottom:50%;
    z-index:99999;
    width:29px
}
.feedbackgeneralooo{
    width:100%
}
.feedbackgeneralkey{
    background: rgb(255 176 59);
    color:#000;
    width:fit-content;
    padding:6px;
    border-radius:0 7px 7px 0;
    cursor:pointer;
    direction:rtl;
    display:flex;
    align-items:center
}
.feedbackgeneraltext{
    display:none;
    position:absolute;
    margin-top:0;
    transform:translateY(-50%);
    border-radius:0 7px 7px 0;
    padding:25px;
    text-align:center;
    background:#fff;
    box-shadow:0 0 10px #c5d5ec;
    direction:rtl;
    width:calc(100% - 50px);
    max-width:480px
}
.feedbackgeneraltext textarea{
    margin:0;
    width:calc(100% - 20px);
    height:170px;
    text-align:justify;
    padding:10px;
    font-size:14px;
    background:#f5f8fc;
    border:none;
    border-radius:7px;
    outline:none
}
.feedbackgeneraltext button{
    width:100%;
    margin-top:10px;
    border-radius:7px
}
.feedbackgeneraltext>div:first-child{
    float:right;
    margin:-25px -10px 0 0;
    font-size:30px;
    color:#a5a5a5;
    cursor:pointer
}
#feedbackgeneralwait{
    margin-top:20px;
    font-size:15px;
    color:#009688
}
.feedbackgeneraltext2{
    margin:20px
}
::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,.18);
    border-radius:3px
}
.onlinebyjava{
    z-index:9999999999999999999999;
    text-align:center;
    color:red;
    background:#ffebcd;
    cursor:pointer;
    margin-top:20px;
    position:fixed;
    border-radius:10px;
    width:fit-content;
    padding:5px 25px;
    margin:0 auto;
    left:0;
    top:1px;
    right:0
}
.payamakgeneralyellow{
    background:#ff0
}
.continue_pay{
    display:flex;
    align-items:center;
    background:#f5f8fc;
    font-size:14px;
    justify-content:space-around;
    padding:10px 5px;
    border-radius:5px;
    color:#002c4f
}
.continue_pay>div{
    padding:2px;
    margin:0
}
.continue_pay>div:last-child{
    padding:3px 6px
}
.infoagopayforrental{
    display:none;
    background:#f7f7f7;
    text-align:justify;
    font-size:14px;
    padding:20px;
    border-radius:5px;
    margin-bottom:25px
}
.infoagopayforrental>ul{
    margin:0;
    padding-right:15px
}
.infoagopayforrental>ul>li{
    margin-bottom:10px
}
.infoagopayforrentalkey{
    background:#f3f8ff;
    height:40px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    font-size:14px;
    cursor:pointer;
    padding:0 15px
}
.infoagopayforrentalkey i{
    font-size:13px!important;
    opacity:1!important;
    margin-left:0!important;
    color:#596e8d;
    margin-right:10px
}
.newsmsrentalcss{
    background:#ff0!important
}
::-webkit-scrollbar-thumb:hover{
    background:#555
}
.activeoperatorrent{
    color:#009cd7!important;
    font-weight:bold;
    cursor:auto!important
}
.activeoperatorrent::after{
    content:"";
    background:#fff;
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    bottom:-6px;
    margin-left:-6px;
    transform:rotate(45deg);
    box-shadow: inset 2px 2px 2px rgb(22 195 255 / 50%), inset 1px 1px 1px rgb(0 0 0 / 30%) !important
}
.activeoperatorrent::before{
    content:"";
    position:absolute;
    z-index:-1;
    box-shadow: 0 2px 3px rgb(22 195 255 / 50%) !important;
    top:50%;
    bottom:0;
    left:3px;
    right:3px;
    border-radius: 100px / 6px
}
.operator-rental{
    position:relative;
    border-bottom:1px solid #c9c9c9;
    height:40px;
    padding:0;
    margin:10px;
    border-radius: 50%/1px;
    display:flex;
    justify-content:space-around;
    align-items:flex-end;
    z-index:1
}
.timerentalselect{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 0 25px
}
.operator-rental>div{
    margin:0;
    font-size:15px;
    width:100%;
    list-style:none;
    position:relative;
    padding:0 0 10px 0;
    background:#fff;
    cursor:pointer;
    color:#777
}
.operator-rental>div:hover:after{
    content:"";
    background:#fff;
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    bottom:-6px;
    margin-left:-6px;
    transform:rotate(45deg);
    box-shadow: inset 1px 1px 0px rgb(0 0 0 / 15%), inset 1px 1px 1px rgb(0 0 0 / 9%)
}
.downuserdiv{
    display:flex!important;
    justify-content:space-evenly
}
.downuserdiv>div{
    width:100%
}
.downuserdiv>div>span{
    display:table;
    width:100%;
    text-align:center
}
.downuserlist{
    margin:0 auto;
    background:#fff;
    text-align:center;
    border-collapse:collapse;
    width:100%;
    user-select:text
}
.fl2{
    margin:0 auto;
    text-align:right;
    display:flex;
    justify-content:space-between
}
.fl2 button{
    margin-top:10px;
    height:40px;
    min-width:70px
}
.ltor{
    direction:ltr
}
.ariz{
    width:100%;
    max-width:700px;
    margin:0 auto
}
.zamimehdiv{
    position:relative;
    width:100%;
    border:1px solid #ddd;
    border-radius:8px;
    margin:0 auto;
    left:0;
    right:0;
    display:table;
    margin-bottom:10px;
    margin-top:10px;
    height:30px;
    padding-top:4px;
    padding-bottom:4px;
    overflow:hidden;
    padding-right:10px;
    padding-left:10px;
    background:#fff;
    text-align:left;
    margin-left:10px
}
.zamimehdiv>div:first-child{
    float:right;
    border:1px solid #ddd;
    padding:3px 10px;
    border-radius:6px;
    background:#ededed
}
.zamimehdiv > div:nth-child(2){
    padding:3px 5px
}
.zamimehinput{
    background:red;
    opacity:0;
    position:absolute;
    top:-50px;
    height:1000px;
    right:0;
    width:100%;
    bottom:-5px;
    left:0;
    cursor:pointer
}
.virtualpages{
    display:flex;
    align-items:center;
    justify-content:space-around;
    align-content:center;
    width:100%;
    margin-top:15px
}
.virtualpages>#socialicons>a{
    margin-right:7px;
    display:flex;
    padding:9px 13px;
    border-radius:8px;
    background: #0000000a;
    font-size:15px;
    line-height:2
}
.virtualpages>#socialicons img{
    width:20px
}
.red{
    color:red
}
.downoperator-rental{
    display:none
}
.downactiveoperatorrenttc{
    display:block
}
.downofheaderpanel{
    display:none
}
#singlepageloader{
    width:100%;
    min-width:100%;
    height:2px;
    position:fixed;
    top:0;
    left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:flex-end;
    z-index:999999
}
#singlepageloader>div{
    background-color:#0093ee;
    -webkit-box-shadow:0 1px 0 0 #0093ee;
    box-shadow:0 1px 0 0 #0093ee;
    opacity:1;
    -webkit-transition:opacity .3s linear;
    transition:opacity .3s linear;
    width:0%
}
.masdoodazaduser{
    cursor:pointer;
    padding:2px 12px;
    border-radius:6px;
    color:#fff
}
.mainmenuactive>a{
    color:#e08600!important;
    font-weight:600!important
}
.singlepageloaderdone{
    opacity:0!important
}
.userpopinfo{
    margin:20px 10px 0 0
}
.point{
    cursor:pointer
}
.stickytabs{
    display:none
}
.userpopinfo>div{
    text-align:right;
    font-size:14px;
    margin-top:9px
}
.userpopinfo div i{
    opacity:.6;
    margin-left:5px;
    font-size:15px
}
#kodtaiidformailchangediv{
    margin:5px 24px 0 0
}
input#kodtaiidformailchange{
    border-radius:5px;
    width:calc(100% - 157px)
}
div#saveinformationdiv{
    font-size:13px;
    margin:5px 25px 0 0;
    color:#006991
}
.link{
    color:#009cd7!important
}
.mobbuydis{
    display:none
}
.rc-anchor-normal-footer{
    display:none!important
}
.frm_form_field .grecaptcha-badge{
    display:none
}
.forevertutdesitems>div{
    width:100%!important
}
.forevertutdesitems>div>h4{
    font-size:14px!important
}
.forevertutdesitems>div>h4>i{
    font-size:14px!important;
    margin-left:7px!important
}
.forevertutdesitems>div>div{
    margin-top:0!important
}
.forevertutdesitems li{
    margin-top:12px;
    list-style:decimal;
    text-align:justify
}
.forevertutdesitems li a{
    color:#787878;
    background: #0000000f;
    font-size:12px;
    padding:1px 6px;
    border-radius:4px
}
.forevertutdesitems ul{
    padding-right:20px
}
#exitofsearchb{
    text-align:center
}
.downloadforeverapp{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin:15px -5px 0;
    text-align:right
}
.downloadforeverapp div{
    background: #00000014;
    width:calc(33% - 34px);
    min-width:130px;
    margin:6px 5px;
    padding:10px 12px;
    border-radius:10px;
    height:fit-content;
    transition:.6s;
    font-size:13px;
    text-align:center
}
.downloadforeverapp div:hover{
    background: #00000026
}
.downloadforeverapp div a{
    color:#464646
}
.downloadforeverapp div a i{
    margin-left:5px
}
.sharclassredforsnochargebutisforfile{
    background:#fff3c6!important
}
.sharclassredforsnocharge td{
    color:red
}
.clock{
    width:11px;
    height:11px;
    border:1px solid gray;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 5px 0 3px;
    position:relative;
    top:3px
}
.wrapper{
    position:absolute
}
#inboxmail .wrapper{
    position:relative
}
.clockinner-1,.clockinner-2{
    border-radius:1px;
    background-color:gray;
    position:absolute;
    top: calc(50% - (1px /2));
    left: calc(50% - (1px /2))
}
.clockinner-1{
    width:6px;
    height:1px
}
.clockinner-2{
    width:5px;
    height:1px
}
.rotate-1{
    animation:rotate 1.5s linear infinite
}
.rotate-2{
    animation:rotate 15s linear infinite
}
@keyframes rotate {
     to {
         transform: rotate(360deg) 
    }
}
.infoasusersforadmin_tr img{
    top:auto;
    right:69px
}
.allowsellect{
    -webkit-touch-callout:text;
    -webkit-user-select:text;
    -khtml-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text
}
.pswp__preloader__icn{
    width:14px;
    height:14px;
    -webkit-animation:clockwise 500ms linear infinite;
    animation:clockwise 500ms linear infinite;
    margin:0 auto
}
.pswp__preloader__cut{
    position:relative;
    width:7px;
    height:14px;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0
}
.showpictureticket img{
    width:100%
}
.pswp__preloader__donut--fake{
    box-sizing:border-box;
    width:14px;
    height:14px;
    border:2px solid red;
    border-radius:50%;
    position:absolute;
    top:0;
    left:0;
    background:none;
    margin:0
}
.pswp__preloader__donut{
    box-sizing:border-box;
    width:14px;
    height:14px;
    border:2px solid #fff;
    border-radius:50%;
    border-left-color:transparent;
    border-bottom-color:transparent;
    position:absolute;
    top:0;
    left:0;
    position:absolute;
    top:0;
    left:0;
    background:none;
    margin:0;
    -webkit-animation:donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;
    animation:donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite
}
.pswp__preloader__donut2{
    box-sizing:border-box;
    width:14px;
    height:14px;
    border:2px solid #3f3f3f;
    border-radius:50%;
    border-left-color:transparent;
    border-bottom-color:transparent;
    position:absolute;
    top:0;
    left:0;
    position:absolute;
    top:0;
    left:0;
    background:none;
    margin:0;
    -webkit-animation:donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;
    animation:donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite
}
input#eyalatspan_inputser::placeholder{
    font-size:15px
}
.filterdiscount,.filtertime,.filtertype,.filterprogram,.filtercountry_show{
    display:flex;
    align-items:center;
    justify-content:flex-start
}
.filtertime>div,.filtertype>div,.filterprogram>div,.filterdiscount>div,.filtercountry_show>div{
    width:142px;
    width:100px
}
.filtertime>select,.filtertype>select,.filterprogram>select,.filtercountry_show>select{
    width:200px
}
#filterdiscont_input{
    width:88px!important
}
.filter_discont_save{
    width:20px!important
}
#filterdiscountfortype{
    display:none
}
.newproductakey{
    font-size:14px;
    display:inline-block;
    display:none;
    background:#009cd7;
    color:#fff;
    width:115px;
    margin-right:10px;
    padding:10px 0;
    border-radius:8px
}
.serachforservices{
    width:calc(100% - 25px);
    margin-bottom:15px;
    font-size:14px;
    padding:10px;
    border:-70px solid #e3e3e3
}
.for_copy_general_html{
    color:#a6b5c9;
    color:#8692a3;
    cursor:pointer
}
.for_copy_general_html:hover{
    color:#00b2f6;
    font-weight:400
}
@-webkit-keyframes clockwise {
     0% {
         -webkit-transform: rotate(0deg) 
    }
     100% {
         -webkit-transform: rotate(360deg) 
    }
}
@keyframes clockwise {
     0% {
         transform: rotate(0deg) 
    }
     100% {
         transform: rotate(360deg) 
    }
}
@-webkit-keyframes donut-rotate {
     0% {
         -webkit-transform: rotate(0) 
    }
     50% {
         -webkit-transform: rotate(-140deg) 
    }
     100% {
         -webkit-transform: rotate(0) 
    }
}
@keyframes donut-rotate {
     0% {
         transform: rotate(0) 
    }
     50% {
         transform: rotate(-140deg) 
    }
     100% {
         transform: rotate(0) 
    }
}
.div_list_tree_for_service_special{
    border-radius:5px;
    padding:5px 7px;
    width:250px;
    font-family:'IRANSansXFa'
}
.moreinfo_pay_special_numbers{
    display:grid
}
.moreinfo_pay_special_numbers_div{
    display:flex;
    justify-content:space-between;
    font-size:14px
}
.moreinfo_pay_special_numbers_div div{
    padding:0 2px
}
.styleforkeysearchnumbers{
    cursor:pointer;
    background:#ffb03b;
    color:#fff;
    margin-right:5px;
    padding:4px;
    border-radius:5px;
    font-size:14px;
    font-family:arial
}
.styleforkeysearchnumberssearched{
    background:#d98100
}
.number-of-index{
    font-size:12px;
    position:absolute;
    margin-top:-5px;
    margin-left:2px
}
.div_list_tree_for_service_special option[value="0"]{
    color:#9f9f9f
}
.keyaforshowlist{
    cursor:pointer;
    color:#009cd7
}
.circular{
    -webkit-animation:rotate 2s linear infinite;
    animation:rotate 2s linear infinite;
    height:50px;
    left:50%;
    position:absolute;
    top:50%;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    -webkit-transform:translate(-50%,-50%) rotate(360deg);
    transform:translate(-50%,-50%) rotate(360deg);
    width:50px;
    z-index:4
}
.path{
    stroke-dasharray:1 , 500;
    stroke-dashoffset:0;
    -webkit-animation:dash 1.5s ease-in-out infinite , color 6s ease-in-out infinite;
    animation:dash 1.5s ease-in-out infinite , color 6s ease-in-out infinite;
    stroke-linecap:round;
    stroke:#3498db
}
@-webkit-keyframes rotate {
     0% {
         -webkit-transform: translate(-50%, -50%) rotate(0deg);
         transform: translate(-50%, -50%) rotate(0deg);
    }
     100% {
         -webkit-transform: translate(-50%, -50%) rotate(360deg);
         transform: translate(-50%, -50%) rotate(360deg);
    }
}
@keyframes rotate {
     0% {
         -webkit-transform: translate(-50%, -50%) rotate(0deg);
         transform: translate(-50%, -50%) rotate(0deg);
    }
     100% {
         -webkit-transform: translate(-50%, -50%) rotate(360deg);
         transform: translate(-50%, -50%) rotate(360deg);
    }
}
@-webkit-keyframes dash {
     0% {
         stroke-dasharray: 1, 200;
         stroke-dashoffset: 0;
    }
     50% {
         stroke-dasharray: 89, 200;
         stroke-dashoffset: -35;
    }
     100% {
         stroke-dasharray: 89, 200;
         stroke-dashoffset: -124;
    }
}
@keyframes dash {
     0% {
         stroke-dasharray: 1, 200;
         stroke-dashoffset: 0;
    }
     50% {
         stroke-dasharray: 89, 200;
         stroke-dashoffset: -35;
    }
     100% {
         stroke-dasharray: 89, 200;
         stroke-dashoffset: -124;
    }
}
@keyframes freecharge {
     0% {
        background: none;
        transform: scale(1) rotate(0deg);
        color: #00c083
    }
     12.5%{
        transform: rotate(4deg);
    }
     25%{
        transform: scale(1.15);
    }
     37.5%{
        background: none;
        transform: scale(1.1);
        transform: rotate(-4deg);
        color: #00c083
    }
     50% {
        background: white;
        transform: scale(1) rotate(0deg);
        color: #00c083
    }
     100%{
        color: gray
    }
}
.testagainforpay{
    font-size:15px;
    background:#009fde;
    color:#fff;
    padding:2px 15px 5px;
    border-radius:7px;
    overflow:hidden;
    position:relative;
    width:fit-content;
    margin:auto
}
.testagainforpay i{
    font-size:13px;
    position:relative;
    top:3px;
    margin-left:5px
}
.turnoffvpn{
    margin:30px 30px 20px;
    font-size:14px;
    color:#454545;
    text-align:justify
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type="number"]{
    -moz-appearance:textfield
}
.infoasusersforadmin_tr{
    display:none
}
.getmobtitle{
    font-size:22px;
    color:#005395;
    word-spacing:-3px
}
.getmobileforsave{
    text-align:justify;
    font-size:14px;
    word-spacing:-1px;
    margin:15px 0 25px
}
.input_getmob{
    height:45px;
    border:1px solid #ddd;
    padding:0;
    border-radius:10px;
    text-align:right;
    color:#888;
    position:relative;
    margin:10px 20px
}
.input_getmob input{
    padding:7px 7px 6px 46px;
    text-align:left;
    direction:ltr;
    outline:none;
    border-radius:10px;
    font-size:20px;
    letter-spacing:2px;
    height:32px;
    border:none;
    width:calc(100% - 54px);
    margin:0;
    color:gray
}
.input_getmob input::placeholder{
    color:#ccc
}
.chargedasti_div{
    border:1px solid green
}
.infoandchargedasti_div{
}
.infoandchargedasti_div table{
    direction:rtl!important
}
.infoandchargedasti_div .tooltip{
    overflow:inherit!important;
    text-align:center
}
.userrightdiv{
    background:#009cd7;
    display:flex;
    align-items:center;
    justify-content:space-evenly;
    flex-direction:row-reverse;
    margin:0!important;
    border-radius:10px 10px 0 0!important;
    font-weight:600
}
.chargedastidiv{
    background:#00b160;
    color:#fff;
    float:left
}
.chargedastidivkasr{
    background:#b10000;
    color:#fff;
    float:left
}
.tabforinfouser{
    display:none;
    background:#c9f3ff;
    padding:5px;
    margin:0 auto!important;
    border-radius:0 0 10px 10px!important
}
.tabforinfouser tr{
    height:35px
}
.tabforinfouser tr:nth-child(odd) {
    background:#ececec
}
.userrightdiv_name_and_info{
    overflow-wrap:anywhere
}
.userrightdivtab{
    cursor:pointer;
    font-size:17px!important;
    color:#fff;
    width:170px;
    text-align:center!important
}
.userrightdivtabactive{
    color:#009fde;
    background:#fff
}
.tabforinfouser_up{
    width:calc(100% - 90px);
    background:#fff;
    border-radius:15px!important;
    margin:20px!important;
    padding:25px!important;
    display:inline-block
}
.tabforinfouser_up1{
    float:right;
    width:140px;
    text-align:right!important
}
.tabforinfouser_up2{
    float:right;
    width:140px;
    text-align:right!important
}
.tabforinfouser_up3{
    float:right;
    width:140px;
    text-align:right!important
}
.tabforinfouser_up3 div{
    width:100%;
    height:120px;
    overflow:auto
}
.tabforinfouser_up1 div,.tabforinfouser_up2 div,.tabforinfouser_up3 div{
    text-align:right!important;
    direction:rtl!important;
    padding-right:0!important
}
.tabforinfouser_down{
    width:calc(100% - 90px);
    background:#fff;
    border-radius:15px!important;
    margin:20px!important;
    padding:25px!important
}
.tabforinfouser_down table{
    width:100%;
    border-collapse:collapse
}
.tabforinfouser_down thead td{
    direction:rtl
}
.tabforinfouser_down td{
    direction:ltr
}
.tabforinfouser_down thead tr td{
    font-weight:bold;
    border-bottom:2px solid #e3e3e3;
    background:#fff
}
.tabforinfouser_down table tr.graytr{
    background:#f5f5f5
}
.aaachargedastidivkasr{
    cursor:pointer;
    display:table;
    background: rgb(221 56 56);
    color:#fff
}
.chargedasti_div a{
    color:red;
    cursor:pointer
}
.numbersbox table td:nth-child(2) {
    direction:ltr
}
#forshowtextareafordeletetext{
    position:absolute;
    right:43px;
    background:#fff;
    padding:0 7px;
    font-size:13px;
    color:#3f3f3f
}
.tabforinfouser_down .startooltiptext{
    bottom:45px!important
}
.textofdeletenumsp{
    margin:35px 0 20px
}
#forshowtextareafordelete{
    font-size:14px;
    color:#6e6e6e
}
#forshowtextareafordelete textarea{
    width:100%;
    height:80px;
    margin:10px 0;
    padding:10px;
    outline:none;
    border-radius:5px;
    border-color:#cacaca
}
#forshowtextareafordelete button{
    margin-top:10px;
    width:100%
}
.keyclosetrforagorental{
    cursor:pointer
}
.savabeqa{
    cursor:pointer
}
.payamaka{
    cursor:pointer
}
.cancelspbut{
    background:#ff9800;
    padding:3px 8px;
    border-radius:5px;
    cursor:pointer;
    color:#fff
}
.textofdeletenumsp>button:first-child{
    background:#fff0d9;
    color:#be7100
}
.textofdeletenumsp>button:last-child{
    background:#dbfff0;
    color:#00a76a
}
.more_info{
    color:#009fde;
    cursor:pointer;
    font-weight:bold
}
#enteridtextamn{
    font-size:14px;
    color:#eb1200;
    margin-top:10px
}
.numberscommentforwait{
    margin:0 auto;
    padding:5px
}
.formsearchfromadmindiv{
    direction:rtl!important;
    text-align:center!important
}
.formsearchfromadmindiv input{
    width:200px;
    margin-left:10px;
    padding:10px
}
.formsearchfromadmindiv input[type="checkbox"]{
    width:17px
}
.formsearchfromadmindiv label{
    cursor:pointer;
    border:1px solid #ddd;
    padding:5px 10px;
    margin:5px 0;
    border-radius:8px;
    text-align:right;
    display:table;
    color:#474747;
    font-size:15px;
    outline:none;
    transition:all .3s;
    font-family:'IRANSansXFa'
}
.formsearchfromadmindivflex{
    display:flex;
    justify-content:center
}
.formsearchfromadmindiv input::placeholder{
    font-size:15px
}
.getforspnumberssty{
    margin-top:20px
}
#butofsearchfromadmin{
    margin-right:5px
}
.morekeyfornumbersgeneral{
    margin:10px 0;
    border-radius:5px;
    background:#ffb03b;
    color:#fff;
    display:flex;
    text-align:center;
    justify-content:center;
    align-items:center
}
.specialcommentdiv{
    font-size:13px;
    background:#e3fee8;
    color:#008a3e;
    padding:12px 5px;
    border-radius:7px;
    margin-top:15px
}
.specialbuykey{
    padding:9px 0;
    background:#ffb03b;
    color:#fff;
    border-radius:5px;
    margin:0 15px 0 0!important;
    cursor:pointer;
    font-size:20px;
    overflow:hidden;
    position:relative;
    width:40%
}
.specialbuykey i{
    font-size:15px;
    margin-left:5px;
    position:relative;
    top:1px
}
#textdecospet{
    margin:0 15px;
    color: rgb(124 124 124);
    font-size:13px;
    font-weight:300;
    text-decoration:none;
    position:relative
}
#textdecospet div{
    background: #93000047;
    width:106%;
    height:1px;
    background: #6e6e6e7a;
    position:absolute;
    top:50%;
    right:-2px;
    left:0;
    margin:-1px auto 0!important;
    -webkit-transform:rotate(6deg);
    transform:rotate(352deg)
}
.getforspnumberssty div del{
    margin-right:15px;
    margin-left:15px;
    color:#c7c5c5;
    font-size:18px;
    text-decoration:none;
    position:relative;
    overflow:hidden
}
.sabtnamtaiidformdiv{
    height:44px;
    position:relative;
    margin:19px 0
}
.sabtnamtaiidformdiv>i{
    position:absolute;
    font-size:19px;
    left:18px;
    top:15px;
    color:gray;
    font-weight:300
}
#sabtnamtaiidform input{
    border:none;
    text-align:left;
    background:#f3f3f3;
    padding:0 0 0 51px;
    margin:0;
    font-size:16px;
    border-radius:7px;
    outline:none;
    height:50px;
    width:-webkit-fill-available;
    color:#09465d
}
#sabtnamtaiidform input::placeholder{
    font-size:14px;
    font-weight:400;
    color:#9b9b9b
}
.sabtnamtaiidformtitle{
    font-size:13px;
    text-align:right;
    margin:0;
    color:#676767;
    display:none
}
#getforspnumbersspan{
    display:flex;
    align-items:center
}
#getforspnumbersspan div{
    margin:0 10px;
    font-size:18px;
    padding:0
}
.listnumbersp{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:self-end;
    flex-direction:row-reverse
}
.listnumberspdiv{
    width:100%;
    direction:rtl;
    padding:9px 15px;
    margin:0;
    border-radius:5px;
    font-family:'IRANSansXFa';
    font-size:17px;
    color:#393939;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-content:center;
    align-items:center
}
.listnumberspdiv > div:nth-last-child(1) > div{
    background:#ffb03b;
    font-size:13px;
    color:#fff;
    border-radius:5px;
    cursor:pointer;
    min-width:55px;
    min-height:35px;
    display:flex;
    align-items:center;
    justify-content:center
}
.listnumberspdiv > div:nth-last-child(1) > div > span {
    font-size:16px
}
.listnumberspdiv:nth-child(even) {
    background:#f7f7f7
}
.listnumberspdiv > span:nth-child(1) {
    font-family:calibri;
    font-size:18px;
    direction:ltr;
    user-select:text;
    color:#666;
    color:#00749f
}
.listnumberspdiv > div > div:nth-child(2) {
    color:#00af58
}
.listnumberspdiv>div>div>span{
    font-size:12px
}
.listnumberspactive{
    background:#1f8fe8!important;
    color:#fff!important
}
.listnumbersptitle{
    padding:10px;
    text-align:justify;
    line-height:26px
}
.listnumberspnonumber{
    color:#555;
    font-size:14px;
    background:#fff4b0;
    padding:15px;
    text-align:justify;
    margin:0 11px;
    border-radius:7px
}
.spdivnum{
    background:#f5f8fc;
    border-radius:10px;
    display:flex;
    flex-wrap:wrap;
    margin-bottom:20px;
    overflow:hidden
}
.swal2-container{
    z-index:9999999!important
}
.spdivnum>div:first-child{
    width:100%;
    background:#eaf1f9;
    padding:10px 20px 8px;
    font-size:14px;
    text-align:left;
    direction:ltr;
    color:#7a8c9f;
    display:flex;
    justify-content:space-between;
    flex-direction:row-reverse
}
.spdivtransfer{
    color:#57708d;
    background:#fff;
    padding:2px 7px;
    border-radius:4px;
    font-size:13px;
    cursor:pointer
}
.spdivnum>div:first-child i{
    margin-right:5px;
    position:relative;
    top:1px
}
.norecord{
    text-align:center;
    padding:30px 10px;
    font-weight:300;
    font-size:16px;
    color:#a1a1a1
}
.spdivnum>div:last-child{
    display:flex;
    flex-wrap:wrap;
    padding:10px 15px
}
.spdivnumbc{
    padding:5px 10px
}
.spdivnumbc i{
    font-size:12px;
    margin-left:3px
}
.spdivnumbc div:nth-child(1){
    float:right;
    color:#6c6c6c;
    font-size:14px
}
.spdivnumbc div:nth-child(2){
    direction:ltr;
    float:right;
    color:#1e8fbe;
    margin-right:5px;
    font-family:calibri;
    font-size:15px;
    font-weight:500;
    -webkit-touch-callout:text;
    -webkit-user-select:text;
    -khtml-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text
}
.spdivnum5 div{
    background:#e0e0df;
    font-size:12px;
    padding:3px 5px;
    cursor:pointer;
    color:#000
}
.spdivnumlast{
    background:#dad7d7;
    padding:6px 0;
    border-radius:5px;
    width:50%;
    margin:0 auto;
    cursor:pointer
}
.listnumbersp .container{
    display:block;
    position:relative;
    padding-left:35px!important;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.listnumbersp .container input{
    position:absolute;
    opacity:0;
    cursor:pointer
}
.listnumbersp .checkmark{
    position:absolute;
    top:0;
    left:0;
    top:5px;
    left:10px;
    height:20px;
    width:20px;
    background-color:#fff;
    border-radius:50%;
    border:1px solid
}
.listnumbersp .container:hover input ~ .checkmark {
}
.listnumbersp .container input:checked ~ .checkmark {
    background-color:#fff
}
.listnumbersp .checkmark:after{
    content:"";
    position:absolute;
    display:none
}
.listnumbersp .container input:checked ~ .checkmark:after {
    display:block;
    background:#1f8fe8!important
}
.listnumbersp .container input:hover ~ .checkmark:after {
    display:block;
    background:#1f8fe8
}
.listnumbersp .container .checkmark:after{
    top:4px;
    left:4px;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#f3f3f3
}
.showorhideforcommentsp1,.showorhideforcommentsp2{
    background:#f5f8fc;
    border-radius:10px;
    padding:13px 0;
    cursor:pointer;
    color:#008fc6;
    font-size:17px;
    width:100%;
    margin:10px 0;
    text-align:center
}
.showorhideforcommentsp2{
    width:100%
}
.showorhideforcommentsp-pu{
    margin:20px auto 0;
    background:#ffb03b;
    color:#fff
}
.tabadmin_g table thead td{
    white-space:nowrap
}
.kelid_a_sefid{
    border:1px solid #000;
    border-radius:3px;
    padding-right:3px;
    padding-left:3px;
    padding-top:1px;
    padding-bottom:1px;
    color:#4169e1;
    margin-left:2px;
    margin-right:2px;
    background:#fff;
    cursor:pointer
}
.apitextmessage{
    font-size:13px;
    background: #009cd72e;
    color:#009cd7;
    width:fit-content;
    margin:auto;
    padding:2px 8px;
    border-radius:5px;
    text-shadow:0 0 1px white;
    cursor:pointer;
    margin-bottom:10px
}
.ru_padd{
    padding:35px 20px!important
}
.swal2-progress-steps .swal2-progress-step-line{
    width:25px!important
}
.shownumbersbox>table{
    width:100%
}
div#shownumbersbox_r,.rentaltooglelistclass{
    color:#f5a632;
    font-size:15px;
    margin:5px 0
}
.textforexparedrentalnum{
    color:#970000!important
}
.rentaltooglelistclass div{
    transition:all 1.3s;
    display:none;
    color:#008fc6;
    padding:15px 0;
    width:100%;
    border-radius:10px;
    font-size:15px;
    margin:5px;
    background:#f3f3f3
}
#rentaltooglelistclassspan1{
}
#rentaltooglelistclassspan2{
}
#rentaltooglelistclassspan3{
    background:#74cb9f;
    color:#fff
}
.rentaltooglelistclassspanactive{
    color:#0085b7!important;
    cursor:auto!important;
    background:#f3f3f3
}
.rentaltooglelistclass i{
    font-size:14px;
    margin-left:5px;
    position:relative;
    top:2px
}
.divtooglerental,.rentaltooglelistclass{
    cursor:pointer;
    font-size:16px;
    margin:0;
    margin-top:20px
}
.rentaltooglelistclass{
    display:flex;
    justify-content:space-between;
    align-items:self-end
}
.rentalnumerror{
    color:#f08f00;
    font-size:13px;
    width:calc(100% - 40px);
    margin:auto
}
.rentaltooglelistclassclose{
}
.searchcountryoption{
    margin:8px 0;
    border:1px solid #ebebeb;
    padding:5px 0;
    border-radius:7px
}
.searchcountryoptionsub{
    display:none
}
.normalmaintext{
    background:#fbfaee;
    margin:0 0 20px 0;
    padding:15px;
    border-radius:10px
}
.normalmaintext>span>div{
    display:flex;
    align-items:baseline;
    text-align:justify
}
.normalmaintext>span>div>i{
    margin-left:11px;
    font-size:18px;
    color:#bfbeb4;
    position:relative;
    top:3px
}
.normalmaintext>span>div>p{
    font-size:14px;
    margin:0 0 5px 0;
    color:#707070
}
.rentalfixcomment{
    margin-bottom:20px
}
.rentalfixcomment>p,.rentalfixcomment>ul{
    text-align:justify;
    padding:0 5px
}
.rentalfixcomment>ul{
    padding:0 15px 0 0;
    margin:0
}
.rentalfixcomment>ul>li{
    padding:2px 0;
    word-spacing:-1px
}
.rentaloperatorcomment{
    background:#f8f7e9;
    font-size:14px;
    color:#6d6d6d;
    padding:10px 15px;
    text-align:right;
    margin-bottom:10px;
    border-radius:10px;
    min-height:23px;
    word-spacing:-1px
}
.normaloperatorcomment{
    border:1px solid #e4eaf3;
    padding:10px;
    background:none
}
.rentaloperatorcomment > :nth-child(2){
    float:left;
    background:rgba(0,0,0,.05);
    padding:2px 8px;
    border-radius:5px;
    font-size:13px;
    cursor:pointer
}
.rentaloperatorcomment>span{
    position:relative;
    top:1px
}
.rentaloperatorcommentdiv{
    width:100%
}
.rentaloperatorcommentdiv>div:last-child{
    background:rgba(0,0,0,.05);
    padding:8px;
    border-radius:7px;
    font-size:13px;
    cursor:pointer;
    text-align:center;
    margin:10px 0
}
.rentaloperatorcommentdiv>ul>li{
    margin:10px 0;
    text-align:justify
}
.rentaloperatorcommentdiv>ul{
    padding:0 20px 0 5px
}
.searchcountryoptionsub{
    margin:0 5px;
    padding:8px 0
}
.searchcountryoptionsub input{
    margin:0;
    border-radius:0;
    font-size:13px;
    padding:0;
    width:90%;
    border:none;
    outline:none;
    background:none
}
.searchcountryoptionsub input:focus{
    box-shadow:none
}
.searchcountryoptionFD{
    display:flex;
    justify-content:space-between;
    align-items:self-end
}
.searchcountryoptionFD div{
    cursor:pointer;
    color:#979797;
    padding:0;
    border-radius:12px;
    width:32%;
    transition:.3s
}
.searchcountryoptionFD div:hover{
    color:#4ca4cc!important
}
.continentkeya,.continentkeyadoo,.continentkeyas{
    cursor:pointer;
    border-radius:4px;
    color:#787878;
    padding:2px 7px;
    margin:0;
    font-size:13px;
    transition:.3s
}
.searchcountryoptionFD div i{
    font-size:12px
}
.searchcountryoptionFD div span{
    font-size:13px;
    font-weight:normal;
    position:relative;
    top:-1px
}
.imagekeyofsearchcoactive{
    color:#4ca4cc!important
}
.imagekeyofsearchcoactive_pu{
    border-radius:10px 5px 0 0!important
}
.continentkeyadoo{
    margin-left:10px
}
.continentkeya:hover,.continentkeyadoo:hover{
    background:#f6f6f6
}
.continentkeya-active,.continentkeyadoo-active{
    background:#63c6eb;
    color:#fff
}
.continentkeya-active:hover,.continentkeyadoo-active:hover{
    background:#0095cd
}
.tabofcompanys{
    border:3px solid
}
.tabofcompanysnotactive{
    cursor:pointer;
    width:100px
}
.tabofcompanysactive{
    cursor:auto
}
.chargeadmindata{
    font-weight:bold
}
.chargeadmindata>span{
    color:#0095cd
}
.deshow{
    background:#adadad
}
.servicemhvr{
    display:non1e
}
.servicerentaltable i{
    margin-left:5px
}
.servicerentaltable tbody td{
    font-size:15px
}
.dangerstyle{
    color:red!important
}
.exparedrentalnum{
    background:#f5f5f5;
    opacity:.6
}
.rentalboxcountry{
    margin-bottom:5px
}
.rentalcountrycount{
    margin-left:30%;
    font-size:15px!important;
    color:#848484;
    text-align:center;
    top:0!important;
    position:relative
}
.smsrentalbox table{
    width:100%
}
.smsrentalbox tr{
    height:20px
}
.smsrentalbox .ctd1{
    text-align:right
}
.smsrentalbox .ctd2{
    text-align:left;
    direction:ltr
}
.smsrentalbox td{
    padding:3px 15px 0;
    margin:0;
    font-size:12px;
    color:#737373
}
.rentednumber{
    font-size:20px;
    text-align:right;
    float:right;
    padding:5px 10px;
    width:calc(67% - 22px);
    border:2px solid #e9e9e9;
    border-radius:0 10px 10px 0;
    height:58px;
    transition:.5s
}
.rentednumber_nu{
    color:#0077a3;
    direction:ltr
}
.rentednumber_des{
    font-size:13px;
    color:#be0000
}
.rentednumber_des div{
    float:right;
    font-size:13px;
    color:#6e6e6e
}
.rentalnumberbox span{
    font-size:13px;
    color:#6e6e6e
}
.rentednumber_des div img{
    margin-left:3px;
    position:relative;
    top:3px
}
.rentalnumberbox{
    margin:10px 5px;
    overflow:hidden;
    border-radius:10px
}
.rentalnumberforever{
    padding:0 10px
}
.rentalnumberforeverdes{
    text-align:justify
}
.rentalnumberforeverdeskeys{
    text-align:justify;
    display:flex;
    justify-content:space-between;
    border-radius: 20%/1px;
    margin:20px 0
}
.rentalnumberforeverdesitems{
    display:flex;
    flex-wrap:wrap;
    margin:15px -5px 0;
    text-align:right
}
.rentalnumberforeverdesitems_account{
    display:flex;
    flex-wrap:nowrap;
    margin:15px -5px 0;
    text-align:right;
    align-items:center;
    justify-content:space-around
}
.rentalnumberforeverdesitems>div{
    background:#f7f7f7;
    width:calc(50% - 34px);
    margin:6px 5px;
    padding:12px;
    border-radius:10px;
    height:fit-content;
    transition:.6s
}
.rentalnumberforeverdesitems_account>div{
    width:100%;
    background:#f5f8fc
}
.rentalnumberforeverdesitems_account .imgaccountboxs,.rentalnumberforeverdesitems_account .fal{
    vertical-align:middle
}
.rentalnumberforeverdesitems_account .fal{
    margin-left:0
}
.rentalnumberforeverdesitems_account .imgaccountboxs{
    margin-left:8px;
    width:26px
}
.rentalnumberforeverdesitems_account div p i:nth-child(2){
    color:#88a6b2;
    font-weight:bold
}
.rentalnumberforeverdesitems div p{
    margin:0;
    font-weight:normal;
    cursor:pointer;
    font-size:15px
}
.foreveramoozeshbox h4{
    color:#b16c06
}
.rentalnumberforeverdesitems div p i:nth-child(1) {
    font-size:13px;
    margin-left:4px;
    position:relative;
    top:1px
}
.rentalnumberforeverdesitems div p i:nth-child(2) {
    transition:all .5s ease 0s;
    font-size:12px;
    color:gray;
    float:left;
    position:relative;
    top:4px
}
.rentalnumberforeverdesitems>div>div{
    font-size:14px;
    padding:0;
    display:none;
    color:#484848;
    margin-top:5px
}
.rentalnumberforeverdesitems p{
    color:#484848;
    font-size:12px
}
.rentalnumberforeverdesitems li{
    margin-top:10px
}
.accountclickable,.divaccounts,.divaccounts2,.divaccounts3,.divaccounts4{
    -webkit-tap-highlight-color:transparent
}
.foreveramoozeshbox{
    flex-wrap:nowrap;
    margin:15px -5px
}
.foreveramoozeshbox>div{
    padding:15px;
    background:#fff5e6;
    text-align:center
}
.foreverbutact{
    background:#fffad6!important
}
.newrentalboxnumber{
    animation:fadeback 1s linear
}
@keyframes fadeback {
     from {
         background: yellow;
    }
     to {
        background: white;
    }
}
.tamdidrentalbtn,.inboxrentalbtn{
    width:calc(33% - 4px);
    margin-right:0;
    padding:0;
    border:2px solid #e9e9e9;
    border-right:none;
    border-radius:10px 0 0 0;
    height:33px;
    font-size:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#087097;
    transition:.5s
}
.tamdidrentalbtncancel{
    color:#af4848
}
.tamdidrentalbtn{
    border-radius:0 0 0 10px;
    border-top:none
}
.tamdidrentalbtn:hover,.inboxrentalbtn:hover{
    background:#e9e9e9
}
.threedivrentalkey1{
    height:26px
}
.threedivrentalkey2{
    border-bottom:none;
    border-radius:0
}
.threedivrentalkey3{
    border-top:2px solid #e9e9e9
}
.threedivrentalkey2,.threedivrentalkey3{
    height:22px
}
.rentednumberbig{
    height:64px
}
.inboxrentalbtnbig{
    height:68px;
    border-radius:10px 0 0 10px
}
.rentalicon{
    margin-left:4px
}
.expiredayrental{
    color:#fff!important;
    font-size:11px!important;
    padding:0 5px;
    margin:0 5px 0 0;
    background:#64d38b;
    border-radius:4px;
    position:relative;
    top:-1px
}
.expiredayrental:empty{
    padding:0
}
.javainputgetdigit{
    direction:ltr;
    width:100%;
    text-align:center
}
.javainputgetdigit input{
    border:1px solid #d3d3d3!important;
    width:35px!important;
    border-radius:7px!important;
    padding:5px!important;
    height:34px!important;
    text-align:center!important;
    direction:ltr!important;
    margin:3px!important;
    outline:none;
    font-size:20px;
    color:#515151
}
.swal2-content{
    color:#848484!important;
    font-size:1em!important;
    text-align:right!important;
    word-spacing:-2px
}
.swal2-popup{
    direction:rtl;
    border-radius:25px!important;
    word-spacing:-3px
}
.swal2-icon{
    font-family:auto!important
}
.copy-rad{
    border-radius:10px!important;
    z-index:99999999!important
}
.spinner{
    width:40px;
    height:40px;
    margin:100px auto;
    background-color:#333;
    border-radius:100%;
    -webkit-animation:sk-scaleout 1.0s infinite ease-in-out;
    animation:sk-scaleout 1.0s infinite ease-in-out
}
@-webkit-keyframes sk-scaleout {
     0% {
         -webkit-transform: scale(0) 
    }
     100% {
         -webkit-transform: scale(1.0);
         opacity: 0;
    }
}
@keyframes sk-scaleout {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
    }
     100% {
         -webkit-transform: scale(1.0);
         transform: scale(1.0);
         opacity: 0;
    }
}
body{
    background-color:#f5f8fc;
    font-size:16px;
    font-family:'IRANSansXFa',Trebuchet\ MS,arial;
    font-style:normal;
    margin:0;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    overflow-x:hidden
}
@keyframes move-bg {
     from {
         background-position: 0 0;
    }
     to {
         background-position: 0 300px;
    }
}
input,button,textarea{
    font-size:16px;
    font-family:'IRANSansXFa'
}
input{
    border:1px solid #ddd;
    padding:5px 10px;
    margin:5px 0;
    border-radius:8px;
    text-align:right;
    color:#474747;
    font-size:15px;
    outline:none;
    transition:all .3s;
    font-family:'IRANSansXFa'
}
input:focus{
    box-shadow: 0px 0px 4px rgb(0 0 0 / 9%)
}
#mdasti:focus{
    box-shadow:none
}
h1{
    font-size:20px;
    color:#5f5f5f
}
h2{
    font-size:18px;
    color:#5f5f5f
}
h4{
    font-size:16px;
    margin:10px 0 5px;
    color:#006f99
}
p{
    color:#646464;
    margin-top:10px;
    font-size:16px;
    line-height:28px
}
li{
    color:#646464
}
ul{
    margin-bottom:25px
}
ol{
    font-size:16px;
    line-height:28px
}
ol li{
    margin:8px 0
}
.main-des-icons{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin:15px 7px 25px 0
}
#nazarsanji{
    margin:5px 0;
    font-size:13px;
    color:#ffa500
}
#nazarsanji div{
    background:#00b75b;
    color:#fff;
    padding:10px 20px;
    border-radius:5px;
    font-size:13px
}
.button_inamnmojadad{
    display:none;
    font-size:13px;
    color:#7f7f7f
}
.button_inamnmojadad_spantime{
    color:#7f7f7f;
    font-size:13px
}
.main-des-icons div{
    width:calc(33% - 12px);
    max-width:250px;
    background:#f9f9f9;
    border-radius:10px;
    height:50px;
    margin:5px;
    display:flex;
    align-items:center;
    color:#727272;
    font-size:18px;
    font-weight:300;
    transition:.3s;
    text-shadow:1px 1px 1px white
}
.main-des-icons div:hover{
    background:#ffb03b;
    color:#fff;
    border-color:#008fc5;
    text-shadow:none
}
.main-des-icons div i{
    font-size:17px;
    margin:0 17px 0 8px
}
.sspdiv{
    display:flex;
    justify-content:space-around;
    margin:0;
    align-items:self-end;
    border-bottom:2px solid #e4eaf3;
    border-radius: 20%/1px;
    max-width:508px;
    position:sticky;
    top:-1px;
    z-index:9999;
    transition:top .5s;
    background:#fff;
    box-shadow:0 5px 12px white
}
.sspdiv i{
    margin-left:8px;
    font-size:18px;
    position:relative;
    top:1px;
    font-weight:300
}
.sspdisactive,.sspactive{
    font-weight:normal;
    position:relative;
    top:4px;
    padding-bottom:10px;
    border-bottom:2px solid transparent;
    color:#8291a6;
    height:30px;
    padding-top:15px;
    font-size:19px
}
.sspactive{
    color:#009cd7!important;
    border-radius: 20%/1px;
    font-weight:600
}
.sspactive::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:4px;
    background:#fc9030;
    border-top-right-radius:5px;
    border-top-left-radius:5px
}
.sspactive i{
    font-weight:500;
    opacity:1
}
.sspdisactive{
    cursor:pointer
}
.sspdisactive:hover{
    color:#fdab63!important
}
#center-cert{
    margin:20px 0;
    display:flex;
    justify-content:center;
    flex-wrap:wrap
}
#center-cert div{
    background:#f9f9f9;
    border-radius:15px;
    height:135px;
    width:110px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:7px;
    transition:.5s;
    text-align:center
}
#center-cert div:hover{
    background:#f5f4f4
}
#center-cert img{
    transition:.5s
}
#center-cert img:hover{
    transform:scale(1.05)
}
.m-l{
    margin-left:10px
}
.contactus{
    font-size:16px
}
.contactus ul li{
    list-style:none
}
#linkidparent1::placeholder{
    font-size:13px;
    position:relative;
    top:-2px;
    color:#8d8d8d
}
.api-msg{
    color:#638663;
    background:#d6f6d6;
    padding:3px 13px;
    border-radius:5px;
    line-height:23px;
    width:fit-content;
    display:none
}
#api-b i{
    position:relative;
    top:1px;
    margin-left:3px;
    font-size:13px
}
.paytextout ul{
    padding-right:0;
    margin:0
}
.tickpic{
    width:14px;
    position:relative;
    top:2px;
    margin-left:4px
}
.toggle-div{
    display:none;
    border:1px solid #f5f5f5;
    border-right:5px solid #009cd7;
    border-top:none;
    padding:25px;
    font-size:14px;
    word-spacing:-1px;
    overflow:hidden;
    text-align:justify;
    border-radius:0 0 3px 3px;
    position:relative;
    top:-2px
}
.toggle-div-small{
    display:none;
    border:1px solid #f3f3f3;
    border-right:3px solid #a2a2a2;
    border-top:none;
    padding:10px;
    border-radius:0 0 3px 3px;
    font-size:14px;
    position:relative;
    top:-2px
}
.toggle-title1{
    font-size:16px;
    padding:10px 15px;
    margin:15px 0 0 0;
    border-right:5px solid #009cd7;
    cursor:pointer;
    border-radius:3px;
    color:#00658b;
    user-select:none;
    background:#f5f5f5;
    position:relative;
    overflow:hidden
}
.toggle-title-small{
    color:#636363;
    font-size:13px;
    word-spacing:-2px;
    padding:8px 14px;
    margin:13px 0 0 0;
    border-right:3px solid #a2a2a2;
    background:#f6f6f6;
    border-radius:3px;
    cursor:pointer
}
.toggle-title2{
    font-size:16px;
    margin-top:20px;
    font-weight:bold
}
.toggle-link{
    border-radius:10px;
    padding:15px 25px;
    color:#6c6c6c;
    font-family:Calibri;
    border:1px solid #e2e2e2;
    margin:15px 0;
    line-height:25px;
    font-size:16px;
    word-break:break-word
}
.toggle-link pre{
    direction:ltr;
    font-family:'IRANSansXFa'!important;
    white-space:pre-wrap
}
.toggle-table{
    width:100%;
    border-collapse:collapse;
    border-radius:10px;
    font-size:14px;
    border:#e0e0e0 1px solid
}
.toggle-table tr td{
    padding:15px 20px;
    font-size:14px;
    color:#8a8a8a
}
.toggle-table tbody tr td:nth-child(1) {
    letter-spacing:1.5px;
    font-family:tahoma;
    font-size:12px
}
.toggle-table caption{
    text-align:right;
    direction:rtl;
    padding:10px 0;
    font-size:17px
}
.toggle-comm{
    font-size:15px
}
.tmn,.adad{
    font-size:11px;
    position:relative;
    right:3px;
    top:-1px;
    color:#b1b1b1
}
.un_numbercountajax{
    color:#7f7f7f;
    font-size:12px;
    position:relative;
    top:3px
}
.poll-form{
    float:right;
    width:100%;
    margin:15px 0
}
.seydrecaptcha{
    text-align:center;
    width:306px;
    margin:0 auto;
    min-height:78px
}
.signinform .seydrecaptcha{
    padding:35px 0 5px
}
.poll-form textarea{
    border:1px solid #b9b9b9;
    border-radius:7px;
    padding:10px 10px 43px;
    font-size:13px;
    color:#494949;
    width:calc(100% - 20px)!important;
    min-height:100px;
    resize:none;
    outline:none
}
.newrentalnum{
    background:#ff0
}
.poll-form button{
    font-size:14px;
    padding:10px;
    border-radius:7px;
    width:100%;
    margin-top:10px;
    outline:none;
    background:#ffb03b
}
textarea#txtpool:placeholder-shown+.txtpoolbu{
    display:none
}
.adminqasli{
    cursor:pointer
}
.adminqaslitoman,.adminqasli{
    margin-left:23%;
    text-align:left;
    width:fit-content;
    font-size:15px;
    font-family:calibri;
    position:relative;
    top:-2px;
    color:#474747
}
.keyinfooptionalfornews{
    float:none!important;
    background:#32b976;
    color:#fff;
    width:fit-content
}
.massage_box_close_news_nextplace{
    background:#0890fc;
    color:#fff;
    float:none!important;
    width:fit-content;
    margin:0 auto
}
.massage_box_close_news_{
    justify-content:space-evenly;
    display:flex;
    width:100%;
    align-items:center
}
.massage_box_close_news{
    font-size:15px;
    padding:5px 15px;
    border-radius:8px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    float:right
}
.massage_box_close_news_left{
    background:#0890fc;
    color:#fff
}
.massage_box_close_news_right{
    background:#e9e9e9;
    color:#676767
}
.newsnotname{
    font-size:21px;
    margin:0 0 15px 0;
    color:#0069bd
}
.newsnot{
    text-align:right;
    font-size:16px;
    line-height:25px;
    color:#6b6b6b
}
.answertext{
    font-size:13px;
    text-align:right;
    padding:10px;
    color:#676767;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.tmore{
    font-size:14px;
    text-align:right;
    padding:10px;
    color:#393939
}
#os_img{
    transition:transform .5s ease;
    top:2px;
    right:7px;
    position:relative
}
.os_div{
    font-size:14px;
    color:#009cd7;
    padding:6px 0 7px 0;
    cursor:pointer;
    transition:all .5s ease
}
.os_div:hover{
    color:#ed9f2c;
    transform:scale(1.05)
}
.deactive{
    background:#f2e4ff!important;
    border-top:2px solid #fff;
    border-bottom:2px solid #fff
}
.deactiveadmin{
    background:#ffd2d2!important;
    border-top:2px solid #fff;
    border-bottom:2px solid #fff
}
.timetop{
    position:relative;
    top:-5px;
    font-size:11px;
    font-weight:300;
    right:0
}
.real_america{
    font-size:11px;
    color:#009cd7;
    margin-left:-4px
}
.subdis{
    cursor:pointer;
    overflow:hidden;
    margin:20px 0;
    background:#f7f7f7;
    padding:3px 20px;
    border-radius:15px;
    transition:all .5s ease;
    position:relative
}
.subdis i{
    margin-left:8px;
    position:relative;
    top:4px;
    font-size:20px;
    color:#8d8d8d
}
.subdis h2{
    font-size:18px;
    color:#747474;
    margin:11px 0;
    font-weight:normal;
    float:right
}
.subdis_ch{
    display:none;
    padding:5px
}
.subdis_ch p{
    color:#006388;
    font-size:15px
}
.subdis_ch ul{
    font-size:13px;
    list-style:none;
    margin:5px 25px 15px 0;
    padding:0
}
.subdisimg{
    position:absolute!important;
    left:14px;
    top:16px!important;
    transition:all .5s ease 0s;
    transform:rotate(90deg)
}
.subdisimg_m{
    width:25px;
    margin:12px 0 0 7px;
    float:right
}
.payvip1{
    color:#1423e2;
    padding:0 5px
}
.payvip2{
    color:#c214e2;
    padding:0 5px
}
.payvipvip{
    color:#09a755;
    font-weight:bold
}
.payvipadmin{
    cursor:pointer
}
#enterid{
    position:fixed;
    height:100px;
    top:calc(50% - 270px)
}
#info_{
}
#tablecharge{
    display:none
}
#tab-num1{
    display:grid
}
#tab-num1>div{
    margin:20px;
    font-size:14px;
    color:#5f5f5f;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center
}
.tablechargediv{
    display:none
}
#tablecharge1{
    display:block
}
#tablecharge3{
    font-size:13px;
    color:gray;
    padding:0 15px;
    text-align:justify
}
.tablechargeactive,.rondselectoravtice{
    color:#009cd7!important;
    font-weight:bold
}
.tablechargeactive::after,.tablechargeactive:hover:after,.rondselectoravtice:after,.rondselectoravtice:hover:after{
    content:"";
    background:#fff;
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    bottom:-6px;
    margin-left:-6px;
    transform:rotate(45deg);
    box-shadow:inset 2px 2px 2px rgba(22,195,255,.5) , inset 1px 1px 1px rgba(0,0,0,.3)!important
}
.tablechargeactive::before,.tablechargeactive:hover:before,.rondselectoravtice:hover:before,.rondselectoravtice:before{
    content:"";
    position:absolute;
    z-index:-1;
    box-shadow:0 2px 3px rgba(22,195,255,.5)!important;
    top:50%;
    bottom:0;
    left:3px;
    right:3px;
    border-radius: 100px / 6px
}
#searchinstates_divuser::before{
    content:"";
    background:#fff;
    position:absolute;
    width:15px;
    height:15px;
    margin-top:-17px;
    margin-left:58px;
    transform:rotate(45deg);
    box-shadow:inset 1px 1px 0 #e4e4e4 , inset 1px 1px 1px #e4e4e4
}
#searchinstates_divuser2::before{
    content:"";
    background:#fff;
    position:absolute;
    width:15px;
    height:15px;
    margin-top:-17px;
    transform:rotate(45deg);
    box-shadow:inset 1px 1px 0 #e4e4e4 , inset 1px 1px 1px #e4e4e4
}
#searchinstates_divuser2 ul{
    display:none
}
.selectnumforordespecialnotactive{
    background:#cacaca
}
#searchinstates_divuser2>div{
    text-align:right;
    padding:10px
}
#searchinstates_divuser2>div>div{
    margin-top:5px
}
#searchinstates_divuser2 label{
    cursor:pointer
}
#searchinstates_divuser,#searchinstates_divuser2{
    border:1px solid #e4e4e4;
    direction:ltr;
    padding:9px;
    border-radius:10px;
    margin-top:9px
}
#searchinstates{
    direction:rtl
}
#searchinstates_divuser2>div{
    direction:rtl
}
.tablecharge>ul>li:hover:after,.tablechargerent>ul>li:hover:after,.rondselector>ul>li:hover:after{
    content:"";
    background:#fff;
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    bottom:-6px;
    margin-left:-6px;
    transform:rotate(45deg);
    box-shadow:inset 1px 1px 0 rgba(0,0,0,.15) , inset 1px 1px 1px rgba(0,0,0,.09)
}
.tablecharge>ul,.tablechargerent>ul,.rondselector>ul{
    position:relative;
    border-bottom:1px solid #c9c9c9;
    height:40px;
    padding:0;
    margin:0;
    border-radius: 50%/1px;
    display:flex;
    justify-content:space-around;
    align-items:flex-end;
    z-index:1;
    text-align:center
}
.tablecharge>ul>li,.tablechargerent>ul>li,.rondselector>ul>li{
    float:right;
    margin:0;
    font-size:15px;
    width:33%;
    list-style:none;
    position:relative;
    padding:0 0 16px 0;
    background:#fff;
    cursor:pointer;
    color:#777
}
.tablechargerent>ul>li,.rondselector>ul>li{
    font-size:17px
}
#rentaltooglelist .tablechargerent>li{
    font-size:15px
}
.tablechargeactive i,.rondselectoravtice i{
}
.mordesbut{
    text-align:center;
    display:block;
    font-size:15px;
    color:#009cd7;
    margin:0 -15px -15px;
    padding:3px 0 15px;
    border-radius:0 0 10px 10px
}
.tablecharge,.tablechargerent,.rondselector{
    padding:10px 0 0 0;
    margin-bottom:25px;
    background:#fff;
    box-shadow:0 2px 10px 0 #fff;
    position:sticky;
    top:0;
    z-index:999
}
.rondselector{
    z-index:9999;
    padding:20px 0 0 0
}
.tablechargerent i,.rondselector i{
    margin-left:5px;
    font-size:14px;
    opacity:.6
}
.selectstatesinlistselected>div{
    color:#009cd7!important
}
.createordernew{
    cursor:pointer;
    color:#fff;
    background:#ffb03b;
    width:fit-content;
    padding:10px 50px;
    margin:0 auto;
    margin-bottom:25px;
    margin-top:15px;
    border-radius:8px
}
.servicespecialuserclsdivnotactive{
    background:#e8e8e8!important;
    padding:0!important
}
.servicespecialuserclsdivnotactive>div{
    direction:ltr
}
.servicespecialuserclsdiv .cancelkeyforspecialadmin{
    font-size:28px;
    text-align:right;
    width:fit-content;
    cursor:pointer;
    position:relative;
    margin-left:380px
}
.servicespecialusercls .searchinput{
    width:-webkit-fill-available;
    font-size:15px;
    font-weight:300
}
.displaynone{
    display:none
}
.servicespecialuserclsdiv .divleftspecial{
    float:left
}
.servicespecialuserclsdiv .divrightspecial{
    float:right
}
.servicespecialusercls .numspecial .specialsearchforafter{
    direction:ltr;
    font-size:25px;
    font-weight:300
}
.servicespecialusercls .numspecialinput{
    direction:ltr;
    text-align:left;
    font-size:22px;
    font-weight:300;
    margin-left:3px;
    margin-right:3px
}
.lastspeciallist{
    background:#faebd7;
    width:100%;
    border-radius:5px;
    margin-bottom:10px;
    padding:8px;
    cursor:pointer
}
#lastorderspecial{
    display:none;
    width:100%
}
.status_orddiv{
    display:flex;
    justify-content:space-between;
    font-size:13px;
    padding:5px 0
}
.status_orddiv2{
    background:#fff;
    padding:3px 8px;
    border-radius:5px;
    color:#be7100;
    cursor:pointer
}
.titr_ordnumbers{
    direction:rtl;
    padding:10px;
    border-top:1px solid #c1d2e5;
    margin-top:10px;
    font-size:14px
}
.status_ord2_span{
    color:#00af58
}
.status_ord0_span{
    color:#f55
}
.ordnumbersspanclass{
    background:#fff;
    border-radius:10px;
    padding:5px 0
}
.ordnumbersspanclass>.listnumberspdiv{
    width:auto!important;
    background:none;
    border-bottom:2px solid #E5EEFB;
    border-radius:0
}
.ordnumbersspanclass>.listnumberspdiv:last-child{
    border:none
}
.numspecial_div{
    display:flex;
    justify-content:space-between
}
.servicespecialuserclsdiv{
    direction:ltr;
    background:#eaf1f9;
    margin-bottom:10px;
    border-radius:5px;
    padding:12px 20px
}
.numspecial_t{
    font-size:13px;
    font-weight:300
}
.servicespecialuserclsdiv .numspecial{
    text-align:left;
    margin-bottom:20px;
    color:#005170;
    font-size:18px
}
.servicespecialusercls{
    width:100%
}
.sp_rond3{
    background:#fff0f0
}
.selectstatesinlistgeneral{
    cursor:pointer;
    margin-bottom:5px;
    display:flex;
    justify-content:flex-start;
    border-bottom:1px solid #efefef;
    font-size:15px;
    font-weight:normal
}
.selectstatesinlistgeneral>div{
    padding:2px 3px
}
.selectstatesinlistgeneral>div:last-child{
    color:#afafaf
}
.liststates{
    padding:5px;
    height:200px;
    overflow:auto;
    text-align:right;
    border-radius:5px;
    text-align:left;
    direction:ltr;
    background:#fff
}
.inline-image{
    width:20px;
    opacity:.6
}
#comment_orduppage{
    direction:rtl;
    text-align:justify
}
#service_special_user_new{
    padding:10px;
    border-radius:5px
}
#service_special_user_new .btn_ord{
    display:flex;
    margin-bottom:30px
}
#service_special_user_new .btn{
    font-size:17px;
    transition:all .5s ease;
    border-radius:5px;
    cursor:pointer;
    width:100%;
    margin-right:5px;
    margin-left:5px;
    background:#029bd9;
    margin-top:15px;
    padding:7px;
    color:#fff
}
#service_special_user_new .btn0{
    font-size:17px;
    transition:all .5s ease;
    border-radius:5px;
    cursor:pointer;
    width:120px;
    background:#f1f4f8;
    margin-top:15px;
    padding:7px;
    color:#99a5b6;
    margin-right:5px;
    margin-left:5px
}
.servicespecialuserclsdiv .btn{
    font-size:17px;
    transition:all .5s ease;
    border-radius:5px;
    cursor:pointer;
    background:#ffa294
}
.insnumspecial{
    display:flex;
    justify-content:space-between;
    width:300px;
    padding:5px
}
.commentofservices_otherpage{
    position:relative;
    color:#454545;
    padding:25px;
    border-radius:10px;
    display:block;
    text-align:justify;
    overflow:hidden;
    background:#E5EEFB;
    font-size:15px;
    margin:5px 0 15px
}
.commentofservices{
    position:relative;
    color:#454545;
    background:#f8f7e9;
    padding:25px;
    border-radius:10px;
    display:block;
    font-size:12px;
    margin:10 0;
    text-align:justify;
    overflow:hidden
}
.commentofservices p{
    font-size:12px;
    text-align:justify;
    margin:10px 10px 15px 0
}
.cont_principal{
    position:relative;
    background:#fff;
    background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(224,232,245,1) 100%);
    background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(224,232,245,1) 100%);
    background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(224,232,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e8f5',GradientType=0 )
}
.cont_menu{
    position:absolute;
    width:320px;
    max-width:100%;
    left:0;
    right:0;
    top:-19px;
    z-index:2
}
.cont_titulo_menu{
    cursor:pointer;
    position:relative;
    width:280px;
    height:65px;
    overflow:hidden;
    background-color:#003f57;
    margin:auto;
    border-radius:20px 4px 20px 20px
}
.cont_icon_menu{
    position:relative;
    float:left;
    top:16px;
    left:-24px
}
.cont_icon_menu>img{
    width:32px;
    z-index:2;
    position:relative
}
.cont_titulo{
    position:relative;
    float:right;
    margin-top:10px;
    margin-right:20px;
    color:#fff;
    z-index:2
}
.cont_circle_1{
    position:absolute;
    top:-16px;
    left:-16px;
    width:64px;
    height:64px;
    background-color:#fff;
    opacity:.3;
    z-index:0;
    border-radius:50%;
    animation:animation_circle_1 3s infinite;
    animation-direction:alternate;
    transform:scale(0)
}
.cont_circle_2{
    position:absolute;
    top:-46px;
    left:-46px;
    width:128px;
    height:128px;
    background-color:#fff;
    opacity:.2;
    z-index:0;
    border-radius:50%;
    animation:animation_circle_1 3s infinite;
    animation-direction:alternate;
    animation-delay:.5s;
    transform:scale(0)
}
.cont_circle_3{
    position:absolute;
    top:-80px;
    left:-80px;
    width:192px;
    height:192px;
    background-color:#fff;
    opacity:.1;
    z-index:0;
    border-radius:50%;
    animation:animation_circle_1 3s infinite;
    animation-direction:alternate;
    animation-delay:1s;
    transform:scale(0)
}
.cont_circle_4{
    position:absolute;
    top:-115px;
    left:-116px;
    width:256px;
    height:256px;
    background-color:#fff;
    opacity:.1;
    z-index:0;
    border-radius:50%;
    animation:animation_circle_1 3s infinite;
    animation-direction:alternate;
    animation-delay:1.5s;
    transform:scale(0)
}
@-webkit-keyframes animation_circle_1 {
     from {
         transform: scale(0);
    }
     to {
         transform: scale(1);
    }
}
@-o-keyframes animation_circle_1 {
     from {
         transform: scale(0);
    }
     to {
         transform: scale(1);
    }
}
@-moz-keyframes animation_circle_1 {
     from {
         transform: scale(0);
    }
     to {
         transform: scale(1);
    }
}
@keyframes animation_circle_1 {
     from {
         transform: scale(0);
    }
     to {
         transform: scale(1);
    }
}
.cont_drobpdown_menu{
    position:relative;
    text-align:center;
    float:left;
    width:100%;
    background-color:#fff;
    box-shadow:0 2px 20px -2px rgba(0,0,0,.3);
    margin-top:5px;
    border-radius:3px;
    opacity:1;
    transition:all .5s
}
.cont_drobpdown_menu ul>li{
    list-style:none;
    margin-right:-48px;
    margin-top:2px;
    margin-bottom:2px;
    border-right:5px solid #eee;
    width:100%;
    display:block;
    transition:all .5s
}
.cont_drobpdown_menu ul>li:hover{
    border-right:5px solid #6992fe
}
.cont_drobpdown_menu ul>li:hover .svg_seyd path{
    fill:#6992fe
}
.cont_drobpdown_menu ul>li:hover>a{
    color:#6992fe
}
.svg_seyd path{
    transition:all .5s;
    fill:#93979d
}
#svg_download_seyd path{
    fill:#fff
}
.cont_drobpdown_menu ul > li:nth-child(2) {
    border:none
}
.cont_drobpdown_menu ul>li>a{
    position:relative;
    display:block;
    text-align:right;
    margin-right:53px;
    padding-top:10px;
    padding-bottom:10px;
    text-decoration:none;
    color:#93979d;
    transition:all .5s
}
.cont_drobpdown_menu ul>li>hr{
    width:75%;
    height:0;
    color:#123455;
    background-color:#123455;
    border:1px solid #eee;
    margin-right:60px;
    margin-bottom:0
}
.cont_icon_trg{
    position:relative;
    float:right;
    margin-bottom:-30px;
    z-index:1;
    right:10px;
    transform:translate(0,10px);
    transition:all .5s
}
.disable{
    transition:all .5s;
    opacity:0;
    transform:translate(0,10px);
    display:none
}
.disable>ul>li{
    transform:translate(0,10px);
    opacity:0
}
.active{
    opacity:1;
    transform:translate(0,0)
}
.active>ul>li{
    transition-delay:.5s;
    transform:translate(0,0);
    opacity:1
}
.gates{
    display:none
}
.bottom_ani{
    animation:othergates 1.5s cubic-bezier(.12,1,.29,1.07)
}
#othergates{
    font-size:14px;
    color:#666;
    cursor:pointer;
    animation:othergates 1.5s cubic-bezier(.12,1,.29,1.07)
}
@keyframes othergates{
     0%{
        transform: translate3d(0,800px,0);
    }
     50%{
        transform: translate3d(0,800px,0);
    }
     100%{
        transform: translate3d(0,0,0);
    }
}
.gate_bt{
    animation:from-bo_30 1s cubic-bezier(.12,1,.29,1.07)
}
@keyframes from-bo_30{
     0%{
        transform: translate3d(0,800px,0);
    }
     30%{
        transform: translate3d(0,800px,0);
    }
     100%{
        transform: translate3d(0,0,0);
    }
}
.gate_bt_text2{
    font-size:12px;
    opacity:.7;
    background: #00000029;
    padding:.5px 7px 1px;
    border-radius:7px;
    margin-right:5px;
    position:relative;
    bottom:1px;
    display:inline-flex
}
.input_p{
    height:45px;
    position:relative;
    margin:10px 20px 30px
}
.input_p i{
    position:absolute;
    font-size:19px;
    left:20px;
    top:19px;
    color:#919191
}
#show_password{
    left:calc(100% - 28px)!important;
    cursor:pointer
}
.input_p input{
    padding:3px 43px 0 45px;
    width:-webkit-fill-available;
    height:50px;
    border-radius:10px;
    margin:0;
    background:#f2f2f2;
    text-align:left;
    font-size:19px;
    font-weight:300;
    transition:.5s;
    border:none;
    border:2px solid transparent;
    direction:ltr
}
.input_p input::placeholder,.login_create_cp>input::placeholder{
    font-size:13px;
    position:relative;
    top:-2px
}
.input_p input:focus{
    border-color: #2196f38c;
    box-shadow:none;
    background:#fff
}
.input_p input:focus ~ i {
    color:#5da8e3!important
}
.checkboxspan{
    height:11px;
    width:11px;
    border:2px solid #c8c8c8;
    border-radius:2px;
    display:inline-block;
    position:relative;
    cursor:pointer;
    top:3px
}
#rmbchbox{
    display:none
}
#rmbchbox:checked+.checkboxspan::before{
    font-family:"Font Awesome 5 Pro";
    font-size:15px;
    content:"\f00c";
    position:absolute;
    top:-3px;
    color:#2196f3;
    left:-1px
}
.charge_b{
    border:8px solid #f1f1f1;
    overflow:hidden;
    background:#f1f1f1;
    transition:.3s;
    width:245px;
    border-radius:15px;
    margin:20px auto;
    animation:f-t2 1s ease;
    position:relative
}
@keyframes f-t2{
     0% {
         transform: scale(2);
         opacity: 0;
    }
     40% {
         transform: scale(2) translate3d(0,-150px,0);
         opacity: 0;
    }
     100% {
         transform: scale(1);
         opacity: 1;
    }
}
.ch_b{
    float:right;
    padding:8px;
    cursor:pointer;
    color:gray;
    font-size:17px;
    border-radius:10px;
    position:relative;
    z-index:1;
    transition:.5s
}
#ch_b_sw{
    position:absolute;
    width:79px;
    background:#00aeef;
    top:0;
    bottom:0;
    border-radius:8px;
    transition:.5s
}
.chargebody{
    padding:15px 0;
    position:relative
}
.toloadquestionusers{
    display:none
}
.adminbutton{
    height:20px;
    position:fixed;
    left:10px;
    bottom:70px;
    cursor:pointer;
    background:#009cd7;
    padding:7px;
    border-radius:25px;
    transition:1s;
    z-index:99999
}
.adminbutton:hover{
    transform:rotate(90deg)
}
#adminarea{
    text-align:left
}
.adminareatable{
    float:left;
    direction:ltr;
    border-collapse:collapse
}
.adminareatable2{
    float:inherit;
    width:100%
}
.adminareatable tr{
    height:0
}
.adminareatable td{
    padding:5px 15px;
    font-weight:normal;
    font-size:16px;
    font-family:calibri
}
.adminareatable tr:nth-child(odd) {
    background:#f1f1f1
}
.tooltip{
    cursor:help;
    position:relative
}
#analizeuserde .tooltip{
    position:relative
}
.startooltip{
    float:left;
    opacity:.8;
    margin:0 -10px 0 20;
    margin:0 -27px 0 13px;
    top:7px
}
.tooltip:hover{
    position:relative
}
.tooltiptext{
    visibility:hidden;
    width:125px;
    background-color:#555;
    color:#fff;
    text-align:center;
    border-radius:10px;
    padding:5px;
    position:absolute;
    z-index:99999999999999999;
    font-size:13px;
    bottom:130%;
    margin-right:-60px;
    opacity:0;
    transition:opacity .3s;
    box-shadow:0 0 20px 2px white;
    line-height:16px
}
.startooltiptext{
    bottom:145%!important;
    padding:10px;
    min-width:95px;
    margin-right:-78px;
    user-select:none
}
.que{
    width:10px;
    opacity:.4;
    position:relative
}
.tooltip .tooltiptext::after{
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-6px;
    border-width:9px;
    border-style:solid;
    border-color:#555 transparent transparent transparent
}
.tooltip:hover .tooltiptext{
    visibility:visible;
    opacity:1
}
.tooltiptextforservicegeneral{
    width:100px;
    margin-right:-10px;
    padding:10px 5px;
    bottom:150%
}
#shownumbersboxtbody .tooltip{
    display:flex;
    justify-content:center;
    align-items:center
}
.table_star{
    width:13px;
    position:relative;
    top:3px
}
a{
    text-decoration:none;
    color:inherit
}
.headertop{
    position:relative;
    width:100%;
    height:50px;
    background:#E5EEFB;
    animation:h-top 1s ease-in-out;
    direction:rtl
}
.idforhidecompanycountris{
    width:100%
}
.divdevelopersclicklist{
    cursor:pointer;
    text-align:center;
    background:#009cd7;
    width:200px;
    padding:8px 8px;
    margin:0 auto;
    border-radius:5px;
    color:#fff;
    margin-bottom:25px
}
@keyframes h-top{
     0%{
        /*transform: translateY(-80px);
        */
         opacity: 0;
    }
     100% {
        /*transform: translateY(0px);
        */
         opacity: 1;
    }
}
.ul-enter{
    display:block!important;
    list-style:none;
    direction:rtl;
    padding:0!important;
    padding-right:10px!important;
    margin:20px!important;
    width:auto!important
}
.user{
    direction:ltr;
    overflow:hidden;
    cursor:pointer;
    position:absolute;
    height:32px;
    width:105px;
    left:9px;
    top:9px;
    background:#ffb03b;
    border-radius:7px;
    padding:0 9px 0 9px;
    color:#fff;
    font-size:14px;
    transition:all .5s ease;
    animation:from-left 1s ease-out
}
#load-m-inenter{
    position:absolute;
    padding:2px 4px
}
.user:hover{
    transform:scale(1.05)
}
.user_enter{
    cursor:pointer;
    height:51px;
    color:#0f4a62;
    font-size:14px;
    overflow:hidden;
    margin:-10px 0;
    padding:0 10px;
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:center;
    transition:color .3s
}
.user_enter:hover{
    color:#009cd7!important
}
.usernameforusers{
    margin:0 5px;
    max-width:130px;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    font-size:14px
}
.user_enter > i:nth-child(1) {
    font-size:22px;
    margin-left:8px;
    background-size:cover!important;
    background-position:center!important;
    width:30px;
    height:30px;
    border-radius:100%
}
.iformanuuser{
    font-size:12px
}
.iformanuuser>i{
    transition:transform .3s
}
.settingicon{
    position:absolute;
    right:7px;
    top:7px;
    transition:1s;
    margin:0;
    width:18px;
    animation:s_r 5s
}
@keyframes s_r{
     0%{
        transform: rotate(0deg)
    }
     20%{
        transform: rotate(0deg)
    }
     100%{
        transform: rotate(720deg)
    }
}
.setting_icon_hover{
    width:100%;
    height:32px;
    position:absolute;
    right:0;
    z-index:1
}
.setting_icon_hover:hover+.settingicon{
    transform:rotate(90deg)
}
.user_enter_text{
    font-size:12px
}
.enter_menu_trans{
    transform:translate3d(0,9px,0)
}
.enter_menu::before{
    content:"";
    background:#fff;
    width:12px;
    border-left:2px solid;
    border-top:2px solid;
    height:12px;
    position:absolute;
    transform:rotate(45deg);
    top:-8px;
    left:100px
}
.callbackwait{
    color:#7b7b7b;
    margin:20 0 0 0;
    width:100%;
    text-align:center;
    direction:rtl;
    font-size:20px
}
.callbacklineok{
    font-size:25px;
    color:#4caf50;
    margin:10px 0;
    font-weight:600
}
.callbacklineok>i{
    position:relative;
    top:3px;
    margin-left:5px
}
.callbacklineerr{
    font-size:25px;
    color:transparent;
    text-shadow:0 0 0 #ff5722;
    margin:10px 0 25px 0
}
.callbacklineerr>i{
    font-size:25px;
    position:relative;
    top:3px;
    margin-left:7px;
    font-weight:400
}
.callbacklinecancel{
    text-align:right;
    color:gray;
    font-size:15px
}
.callbacklinemerr{
    text-align:right;
    margin:0 50px 0 0;
    color:#979797
}
.callbacklinekod{
    font-size:14px;
    text-align:right;
    margin:5px 10px;
    color:gray
}
.khata{
    float:right;
    font-weight:bold;
    color:#484848;
    margin:0 10px 0 5px;
    font-size:14px
}
.codepeygiri{
    font-weight:bold;
    color:#484848
}
.nfaktor{
    font-weight:bold;
    color:#484848
}
.map-site-tree-tut{
    color:#889bb6;
    font-size:15px;
    margin:15px
}
.map-site-tree-tut>a{
    color:inherit
}
.map-site-tree-tut>a:hover{
    color:#0081b2
}
.map-site-tree-tut>i{
    font-size:10px;
    margin:0 5px;
    color:#bebebe
}
.user_enter .downimg{
    width:17px;
    position:relative;
    top:3px
}
.user .topimg{
    width:19px;
    position:absolute;
    right:11px;
    top:6px
}
.user_enter .topimg_enter{
    width:30px;
    border-radius:0 7px 7px 0;
    background:#00aeef;
    position:absolute;
    right:0;
    top:0;
    border-left:2px solid;
    padding:8px 8px 7px 8px
}
.downentertext{
    margin-right:6px;
    position:relative;
    top:-2px;
    word-spacing:-1px
}
.enteruser{
    position:relative;
    top:4px;
    font-size:16px
}
.enteruser>i{
    position:relative;
    top:3px;
    margin-left:2px;
    font-weight:600
}
.enterusermobile_enter{
    position:absolute;
    top:2px;
    margin-left:18px;
    font-size:18px
}
.enterusertext_enter{
    position:absolute;
    top:21px;
    margin-left:31px
}
.enter_menu a,.enter a{
    cursor:pointer
}
.enter_menu{
    display:none;
    z-index:999999;
    width:200px;
    border-radius:10px;
    background:#fff;
    position:absolute;
    top:46px;
    left:50px;
    box-shadow: 1px 8px 15px #e4eaf3bf;
    transition:transform .5s
}
ul.ul-enter li{
    padding:10px;
    margin:0 0 0 5px!important;
    transition:all .6s ease;
    color:#255a70!important;
    font-size:16px;
    cursor:pointer
}
.ul-enter>li>i{
    font-weight:400;
    font-size:15px
}
ul.ul-enter li:hover{
    transform:translate3d(-4px,0,0);
    color:#009cd7!important
}
.user_enter_radius{
    border-radius:10px 5px 0 0
}
.enter_menu ul li img{
    width:15px!important;
    position:relative;
    top:3px!important;
    margin-left:5px!important
}
.enter button{
    width:89%;
    height:47px;
    border-radius:8px;
    background:#ffb03b;
    font-size:15px;
    margin:auto;
    margin-top:68px;
    padding:0;
    transition:all .3s ease;
    outline:none;
    display:flex;
    align-items:center;
    justify-content:center
}
.enter button:hover{
    background:#c45d03;
    transform:scale(1.05)
}
#signupkeyform{
    height:90px
}
#signupkeyform>div::before,.mobbuydis::before{
    content:"";
    position:absolute;
    left:0;
    top:-9px;
    right:0;
    background-repeat:repeat;
    height:10px;
    background-size:16px 20px;
    background-image:radial-gradient(circle at 8px -5px,transparent 12px,#f4f7fb 13px)
}
#signupkeyform>div::after,.mobbuydis::after{
    content:"";
    position:absolute;
    left:0;
    top:-14px;
    right:0;
    background-repeat:repeat;
    height:15px;
    background-size:32px 20px;
    background-image:radial-gradient(circle at 8px 19px,#f4f7fb 12px,transparent 13px)
}
@keyframes move-sgupb {
     from {
        background-position: 0 0;
    }
    to{
        background-position: -16px 0;
    }
}
@keyframes move-sgupa {
     from {
        background-position: 0 0;
    }
    to{
        background-position: -32px 0;
    }
}
#signupkeyform>div{
    background:#f4f7fb;
    width:100%;
    height:95px;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    align-items:center;
    justify-content:space-around
}
#signupkeyform >div > div:nth-child(1){
    font-size:16px;
    color:#343434;
    margin-right:10px;
    margin-top:0
}
.signinnumberin{
    height:45px;
    width:calc(100% - 20px);
    margin:auto;
    direction:ltr!important;
    display:flex;
    justify-content:left;
    align-items:center
}
.signinnumberin>div{
    border-right:1px solid #dbdbdb;
    width:50px;
    height:30px;
    display:flex;
    margin-left:5px;
    align-items:center;
    justify-content:center;
    color:#6c6c6c;
    font-size:18px;
    letter-spacing:1px;
    position:absolute
}
.signinnumberin input{
    border:none;
    text-align:left;
    background:#f3f3f3;
    padding:0 0 0 65px;
    margin:0;
    font-size:18px;
    border-radius:7px;
    outline:none;
    height:45px;
    width:calc(100% - 0px);
    color:#6a6a6a;
    letter-spacing:1px
}
.signinnumberin input::placeholder{
    color:#c4c4c4;
    letter-spacing:5px
}
.forgetnumberin>div{
    border-right:none;
    width:45px;
    color:#737373;
    font-size:20px
}
.forgetnumberin>input{
    padding:0 0 0 50px
}
.forgetnumberin>input::placeholder{
    letter-spacing:0;
    font-size:15px
}
.header{
    width:100%;
    height:160px;
    text-align:center;
    overflow:hidden
}
.logopng{
    max-width:330px;
    width:100%;
    transition:all .6s cubic-bezier(0,0,.26,1.53)
}
.logopng:hover{
    animation:shake .7s
}
@keyframes shake{
     0%{
        transform: rotate(0deg);
    }
     25%{
        transform: rotate(-1.5deg)
    }
     75%{
        transform: rotate(1.5deg)
    }
     100%{
        transform: rotate(0deg);
    }
}
.header>a,.header h4{
    width:100%;
    position:relative;
    font-size:16px;
    font-family:IRANSans-web_Light;
    color:#636161;
    text-shadow:0 0 3px white
}
.header h4{
    top:20px
}
.header>a{
    top:32px
}
.bodycont{
    margin:40px
}
.bodycont li{
    font-size:16px;
    color:#707070;
    text-align:justify;
    line-height:30px
}
.bodypage{
    color:#484848;
    width:80%;
    border-radius:20px;
    background:#fff;
    padding:20px;
    margin:0 auto;
    direction:rtl;
    display:table;
    box-shadow:6px 6px 50px #e4eaf3;
    max-width:1250px;
    min-width:420px;
    animation:from-bo .5s ease-out;
    overflow:hidden;
    min-height:calc(100vh - 387px)
}
@keyframes from-bo{
     0% {
         transform: translateY(100px) scale(0.9);
         opacity: 0;
    }
     100% {
         transform: translateY(0px) scale(1);
         opacity: 1;
    }
}
#indexbodyinfo{
    position:relative
}
#backimganimate{
    position:absolute;
    filter:grayscale(1);
    opacity:.03;
    height:250px;
    z-index:-1;
    transform:rotate(-32deg);
    left:-200px;
    top:100px
}
#backimganimate2{
    position:absolute;
    filter:grayscale(1);
    opacity:.03;
    height:290px;
    z-index:-1;
    transform:rotate(-32deg);
    right:-200px
}
#backimganimate3{
    position:absolute;
    filter:grayscale(1);
    opacity:.03;
    height:200px;
    z-index:-1;
    transform:rotate(-32deg);
    animation:backimgani 30s linear infinite
}
@keyframes backimgani{
     0%{
        transform: translate3d(-100px,100px,0) scale(1) rotate(0deg)
    }
     100%{
        transform: translate3d(300px,-500px,0) scale(2) rotate(-120deg)
    }
}
.infobox{
    width:98%;
    min-height:100px;
    background:#00a651;
    color:#fff;
    padding-right:5px;
    padding-left:5px;
    text-align:justify;
    font-size:10px;
    display:none
}
.donotshowthis{
    display:none
}
.infobox img{
    width:40px
}
.helpbox{
    border:1px solid #c7c7c7;
    width:39.1%;
    width:350px;
    float:right;
    margin:0 auto
}
.selectservice,.shownumbers{
    width:calc(50.5% - 22px);
    float:right;
    margin:0 auto;
    min-width:350px;
    display:table;
    text-align:center;
    padding:10px;
    overflow:hidden
}
.selectservice{
}
@keyframes from-bo2{
     0%{
        transform: translate3d(110%,0,0)
    }
     50%{
        transform: translate3d(110%,0,0)
    }
     100%{
        transform: translate3d(0,0,0)
    }
}
.shownumbers,.maindescript{
}
@keyframes from-bo3{
     0%{
        transform: translate3d(-110%,0,0)
    }
     50%{
        transform: translate3d(-110%,0,0)
    }
     100%{
        transform: translate3d(0,0,0)
    }
}
.shownumbers{
    margin-right:1%
}
.wcolor *{
}
@keyframes from-left2{
     0%{
        transform: translate3d(-150%,0,0)
    }
     30%{
        transform: translate3d(-150%,0,0)
    }
     100%{
        transform: translate3d(0,0,0)
    }
}
.account_list_div{
    text-align:center;
    color:#32b976;
    font-size:large
}
.shownumbersbox .tooltiptext{
    margin-right:4px;
    margin-bottom:10px
}
.ltr{
    direction:ltr
}
.biuty_select{
    border:1px solid #ddd;
    padding:4px 10px;
    margin:5px 0;
    border-radius:8px;
    text-align:right;
    color:#474747;
    font-size:15px;
    outline:none;
    transition:all .3s;
    font-family:'IRANSansXFa'
}
.formpayaccount select{
    border:1px solid #ddd;
    padding:5px 10px;
    margin:5px 0;
    border-radius:8px;
    text-align:right;
    color:#474747;
    font-size:15px;
    outline:none;
    transition:all .3s;
    font-family:'IRANSansXFa'
}
.getnumber_again{
    color:#fff;
    border-radius:3px;
    font-size:14px;
    margin:4px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    height:20px;
    background:#32b976;
    padding:5px 8px
}
.foraccounttime{
    display:none;
    color:#bababa;
    font-size:12px
}
.for_order_special_numbers_list td{
    border-bottom:none
}
.showinfoaccount{
    display:flex;
    flex-wrap:wrap;
    padding:10px 15px;
    flex-direction:row;
    border-bottom:none;
    direction:ltr
}
.showinfoaccount div{
    padding:5px 5px
}
.showinfoaccount .titr2{
    color:#1e8fbe;
    cursor:pointer
}
.payboxblue{
    width:470px;
    float:right;
    margin-right:15px
}
.payboxblue p{
    float:right;
    height:35px;
    margin-top:0;
    margin-bottom:20px;
    background:#00aeef
}
.payboxblue>a{
    width:450px
}
.payboxblue p:nth-child(1){
    font-size:18px;
    width:41px;
    padding-right:19px;
    margin-top:0;
    padding-top:4px;
    height:31px;
    border-radius:0 5px 5px 0
}
.payboxblue p:nth-child(2){
    font-size:10px;
    width:38px;
    padding-right:4px;
    padding-top:2px;
    height:33px
}
.payboxblue p:nth-child(3){
    font-size:18px;
    width:68px;
    padding-right:13px;
    padding-top:4px;
    height:31px;
    text-align:center
}
.payboxblue p:nth-child(4){
    font-size:10px;
    width:40px;
    padding-right:4px;
    margin-top:0;
    padding-top:10px;
    height:25px
}
.payboxblue p:nth-child(5){
    width:44px;
    border-right:1px solid #fff;
    padding-right:6px;
    border-radius:5px 0 0 5px;
    cursor:pointer;
    padding-top:4px;
    height:31px
}
.payboxblue p:nth-child(6){
    font-size:18px;
    width:49px;
    padding-right:14px;
    margin-right:20px;
    background:#e0e0e0;
    color:#7b7b7b;
    padding-top:4px;
    height:31px
}
.payboxblue p:nth-child(7){
    font-size:10px;
    width:61px;
    background:#e0e0e0;
    color:#7b7b7b;
    padding-top:3px;
    height:32px
}
.payboxblue p:nth-child(6)::before{
    content:"";
    background:#e0e0e0;
    width:10px;
    height:10px;
    position:absolute;
    transform:rotate(45deg);
    margin-top:9px;
    margin-right:-19px
}
#nobefore::before{
    background:none
}
.helpbox1>p{
    color:#00aeef;
    margin-top:10px
}
.bright{
    border-right:5px solid #c5c5c5;
    margin-right:10px;
    padding-right:20px;
    padding-bottom:25px;
    padding-top:1px;
    margin-bottom:30px
}
.bright img{
    width:20px
}
.litehover>p:hover{
    text-shadow:1px 1px 2px red;
    cursor:pointer
}
.telegram{
    padding:3px;
    position:relative;
    right:53px;
    height:20px;
    background:#00aeef;
    border-radius:5px;
    color:#fff;
    cursor:pointer
}
.bright1{
    border-right:5px solid #c5c5c5;
    margin-right:10px;
    padding-right:10px;
    display:none
}
.paynumber p:nth-child(1){
    font-size:18px;
    width:60px;
    padding-right:19px;
    margin-top:0;
    padding-top:2px;
    height:28px;
    border-radius:0 5px 5px 0;
    color:#fff;
    background:#00aeef;
    float:right;
    margin-right:96px
}
.paynumber p:nth-child(2){
    font-size:9px;
    width:35px;
    padding-right:3px;
    margin-top:0;
    padding-top:5px;
    height:25px;
    color:#fff;
    background:#00aeef;
    float:right
}
.paynumber p:nth-child(3){
    font-size:18px;
    width:45px;
    padding-right:9px;
    margin-top:0;
    padding-top:0;
    height:30px;
    color:#fff;
    background:#00aeef;
    float:right;
    border-radius:5px 0 0 5px;
    border-right:1px solid #fff;
    cursor:pointer
}
.chargeref{
    color:#f00a0a!important
}
.stylemethod1{
}
.stylemethod2{
}
.tablechargedivtoman{
    position:absolute;
    display:none;
    padding-top:15px;
    font-size:13px;
    width:44px;
    color:#c5c1c1;
    left:95px
}
#mdasti{
    float:right;
    text-align:left;
    direction:ltr;
    width:calc(100% - 85px);
    transition:all .3s;
    outline:none;
    border-radius:7px;
    padding:8px 10px
}
#mdasti::placeholder{
    font-size:13px;
    padding-left:5px;
    color:#c5c1c1
}
.yesresult{
    background:#f1ffef
}
.servicepanel{
    width:100%;
    margin-bottom:10px
}
.service_en_name{
    font-family:calibri;
    font-weight:400;
    top:4px!important
}
.service_up_comment{
    font-size:14px;
    display:block;
    margin:auto;
    margin-bottom:10px;
    text-align:right;
    padding:10px 15px;
    border-radius:10px;
    background-color:#fffad6
}
.numberscommentforwait,.numberscommentforwait div{
    transition:all 1s ease
}
.headerpanel{
    transition:all .5s ease;
    padding:1px 10px 1px 0;
    width:calc(100% - 10px);
    cursor:pointer;
    border-radius:10px;
    background:#f7f7f7;
    position:sticky;
    top:9px;
    z-index:4;
    box-shadow:0 0 0 10px #fff
}
.headerpanelactive{
    box-shadow:inset 0 0 0 1px #03a9f4 , 0 0 0 10px #fff
}
.headerpanel:hover,.subdis:hover{
    background:#eaeaea
}
.headerpanel p:nth-child(1){
    float:right;
    font-size:17px;
    margin-top:-1px;
    margin-right:10px
}
.service-image-list{
    width:20px
}
.showcodelist{
    font-size:11px;
    background:#dfdfdf;
    padding:2px 5px;
    border-radius:5px;
    cursor:pointer
}
.service-image,.country-image{
    width:23px;
    height:23px;
    position:relative;
    top:10px
}
.change-service-image,.change-country-image{
    transform:rotate(90deg);
    transition:all .5s ease;
    color:#989898;
    font-weight:300!important
}
.headerpanel p:nth-child(2){
    margin-top:7px;
    margin-left:15px;
    text-align:left
}
.headerpanel p span{
    margin-right:8px;
    top:11px !important;
    position:relative;
    color:#565656;
    direction:ltr
}
.headerpanel p>span>span{
    direction:rtl
}
.bodypanel{
    width:98%;
    position:relative;
    left:1%;
    right:1%;
    border-top:none;
    border-radius:0 0 10px 10px;
    display:none;
    margin-top:-2px
}
tr {
    height: 8vh; /* Set the height relative to the viewport height */
    min-height: 77px; /* Ensure a minimum height */
}

@media (max-width: 768px) {
    tr {
    }
}

@media (max-width: 480px) {
    tr {
    }
}

.bodypaneltable{
    width:100%;
    border-spacing:0;
    border-collapse:collapse
}
.bodypaneltable tr{
    height:37px;
    text-align:right
}
.bodypaneltable tbody:before{
    content:"-";
    display:block;
    line-height:0;
    color:transparent
}
.bodypaneltable tbody tr:nth-child(even) td{
    background:#f6f6f6
}
.bodypaneltable tbody tr td:first-child{
    border-radius:0 10px 10px 0
}
.bodypaneltable tbody tr td:last-child{
    border-radius:10px 0 0 10px
}
.bodypaneltable thead tr td{
    padding:8px 0;
    color:#00668c;
    background:#ebf9ff
}
.bodypaneltable thead tr td:first-child{
    border-radius:0 8px 8px 0
}
.bodypaneltable thead tr td:last-child{
    border-radius:8px 0 0 8px
}
.bodypaneltable thead tr td i{
    font-size:13px
}
.bodypaneltable thead tr td:nth-child(1){
    padding-right:10px
}
.bodypaneltable tbody tr td:nth-child(1) {
    padding-right:10px;
    line-height:30px
}
.bodypaneltable tbody tr td:nth-child(3) {
    padding-right:10px
}
.changepay{
    cursor:pointer
}
.paybox,.numbersbox{
    margin:0 auto;
    padding:5px 0;
    overflow:auto;
    width:100%
}
.redaccountkey{
    color:#fff;
    margin-top:10px;
    cursor:pointer;
    background:#ffb03b;
    border-radius:5px;
    padding:0 3px
}
.reddelkey{
    color:#fff;
    cursor:pointer;
    margin-top:10px;
    background:#ff3a3a;
    border-radius:5px;
    padding:0 4px
}
.redaccountkey2{
    color:#fff;
    margin-top:10px;
    cursor:pointer;
    background:#ff771e;
    border-radius:5px;
    padding:0 3px
}
.btnextendorupdateaccount{
    color:#fff;
    cursor:pointer;
    background:#32b976;
    border-radius:5px;
    margin:5px
}
.blueaccountkey{
    color:#fff;
    margin-top:10px;
    cursor:pointer;
    background:#009cd7;
    border-radius:5px
}
#enter_setting p{
    text-align:right;
    font-size:13px;
    margin:5px 0
}
#enter_setting h4{
    text-align:right;
    border-bottom:1px solid #e0e0e0;
    padding:15px 0 5px 0;
    color:#009cd7
}
@keyframes f-l{
     0%{
        transform: translate3d(-900px,0,0);
    }
     40%{
        transform: translate3d(-900px,0,0);
    }
     100%{
        transform: translate3d(0,0,0);
    }
}
.paybox table,.numbersbox table,.justrentaldivreport table{
    margin:0 auto;
    background:#fff;
    text-align:center;
    border-collapse:collapse;
    width:100%;
    user-select:text
}
.paybox table .tmn,.numbersbox table .tmn{
    right:0
}
.paybox table td,.numbersbox table td,.justrentaldivreport table td{
    padding:7px 5px;
    white-space:nowrap
}
.paybox table tbody tr:nth-child(even), .numbersbox table tbody tr:nth-child(even){
    background:#f7f7f7
}
.paybox table tr>td:first-child,.numbersbox table tr>td:first-child,.justrentaldivreport table tr>td:first-child{
    border-radius:0 10px 10px 0;
    padding-right:15px;
    direction:ltr
}
.paybox table tr > td:nth-last-child(1), .numbersbox table tr > td:nth-last-child(1),.justrentaldivreport table tr > td:nth-last-child(1){
    border-radius:10px 0 0 10px;
    white-space:normal;
    padding-left:15px
}
.paybox table thead>tr>td,.numbersbox table thead>tr>td,.justrentaldivreport table thead>tr>td{
    color:#0e526c;
    background:#e6f8ff;
    font-weight:300
}
#tablecharge2{
    margin:0 15px
}
.tablecharge ul li img,.tablechargerent ul li img{
    width:17px;
    position:absolute;
    top:-10px;
    margin-right:-1px;
    z-index:2
}
.shaparak_not{
    position:relative;
    background:#eaffed;
    padding:25px 25px 25px;
    border-radius:10px;
    display:block;
    font-size:14px;
    margin:0 10px 25px;
    text-align:justify;
    overflow:hidden
}
#shaparak_not_key{
    margin-top:20px;
    text-align:left
}
.shaparak_not2{
    margin:0 0 25px
}
.massage_box_close{
    left:14px;
    padding:5px 11px;
    line-height:19px;
    background: #0000000a;
    border-radius:5px;
    bottom:10px;
    color:#494949;
    font-size:12px;
    font-weight:500;
    cursor:pointer;
    overflow:hidden;
    transition:.3s
}
.massage_box_close:hover{
    background:#ff9595;
    color:#fff;
    text-shadow:none
}
#keymdasti{
    float:right;
    margin:5px 10px 0 0;
    padding:8px 15px;
    border-radius:7px;
    height:22px;
    font-size:14px
}
.numbersbox td{
    padding:5px
}
.numbersbox>p{
    color:#0074a2
}
.chargetablenew{
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:12px;
    color:gray;
    margin:15px auto;
    background:#f5f5f5;
    padding:10px 10px;
    border-radius:10px;
    position:relative;
    word-spacing:-1px
}
#charge_comm{
    background:#5fdaa3;
    color:#fff;
    position:absolute;
    top:-6px;
    right:-6px;
    padding:1px 3px;
    border-radius:5px
}
.chargetablenew>div>span{
    font-size:16px;
    color:#464646;
    padding:0 0 0 2px
}
.chargetablenew > div > span:nth-child(2) {
    font-size:12px;
    color:#b1b1b1
}
.chargetablenew > div > span:nth-child(3) {
    font-size:12px;
    padding-right:4px
}
.chargetablenew>div>i{
    font-size:67px;
    position:absolute;
    top:-33px;
    right:-28px;
    color:#fff
}
.tabnumbers{
    border:8px solid #f1f1f1;
    overflow:hidden;
    background:#f1f1f1;
    transition:.3s;
    width:127px;
    border-radius:10px;
    margin:0 auto 20px
}
.tabnumbers div{
    float:right;
    padding:7px 10px;
    cursor:pointer;
    color:#2e2e2e;
    font-size:12px;
    word-spacing:-1px;
    border-radius:8px
}
.tabnumbersactive{
    background:#ffb03b;
    cursor:auto!important;
    color:#fff!important
}
.charge_table_numbers{
    position:relative;
    left:0;
    margin-top:10px;
    right:0;
    width:100%;
    font-size:14px;
    color:#5f5f5f
}
.usercharge{
    font-size:13px;
    margin-bottom:10px
}
.pagenumbers{
    color:#0080b1;
    cursor:pointer;
    background:#ecfaff;
    padding:3px 10px;
    margin:0 5px;
    border-radius:5px;
    font-size:14px
}
.pagenumbersactive{
    color:#fff;
    background:#ff9800;
    padding:3px 10px;
    margin:0 5px;
    border-radius:5px;
    font-size:14px
}
.numbersbox caption{
    margin-bottom:10px;
    font-size:13px
}
.numberlist-cap{
    font-size:11px;
    position:relative;
    top:-1px;
    background: #4c4c4c0d;
    color:#828282;
    padding:2px 5px;
    border-radius:3px
}
.numberlist-number{
    font-size:16px!important;
    direction:ltr
}
.pay-a-of-paybox{
    background:#ffb03b;
    border-radius:8px;
    color:#fff!important;
    padding:5px 10px;
    box-shadow:0 0 3px white;
    transition:all .5s ease;
    position:relative;
    overflow:hidden;
    font-size:14px;
    cursor:pointer
}
#oncharge{
    animation:f-r 1s ease;
    transition:.5s
}
#offcharge{
    transition:.5s;
    transform:translate3d(-500px,0,0);
    position:absolute;
    top:0;
    padding:25px;
    padding:3px 25px;
    text-align:right;
    font-size:14px
}
#historycharge{
    transition:.5s;
    transform:translate3d(-500px,0,0);
    position:absolute;
    top:0;
    right:0;
    left:0;
    padding:0
}
.onchargetext{
    text-align:right;
    font-size:13px
}
@keyframes f-r{
     0% {
         transform: scale(2);
         opacity: 0;
    }
     40% {
         transform: scale(2) translate3d(0,150px,0);
         opacity: 0;
    }
     100% {
         transform: scale(1);
         opacity: 1;
    }
}
.number2{
    padding:0;
    border:none;
    margin:0;
    width:139px;
    outline:none;
    direction:ltr;
    background:none;
    text-align:center
}
.number2:focus{
    box-shadow:none
}
.paycancelclass{
    color:#fff!important;
    font-size:16px;
    padding:4px 40px;
    margin:0 auto;
    right:0;
    left:0;
    width:100px;
    background:#e27575;
    border-radius:3px;
    cursor:pointer
}
a.paycancelclass:hover{
    background:#a60c0c
}
.chargedivclass{
    border:20px dashed #9dca9b;
    box-shadow:0 0 10px #fff;
    border-radius:30px;
    padding:40px;
    text-align:center;
    left:0;
    background:#f6f6f6;
    top:0;
    bottom:0;
    right:0;
    position:absolute;
    display:none
}
.available,.notavailable{
    text-align:center;
    float:left;
    margin:0 -17px 0 8px;
    color:#fff;
    border-radius:6px;
    min-width:86px;
    min-height:20px;
    font-size:13.5px;
    padding:2px 0 1px 0;
    position:relative;
    overflow:hidden
}
.available{
    background:#63c6eb;
    transition:all .5s ease
}
.notavailable{
    background:#e4eaf3;
    cursor:not-allowed;
    color:#96a2b4
}
.available img{
    width:20px;
    padding:3px
}
.getcode{
    padding-left:5px;
    border-radius:7px;
    font-weight:normal;
    color:#fff;
    cursor:pointer;
    padding:3px 15px;
    font-size:15px;
    margin-left:10px;
    margin-right:10px;
    background:#3cb878;
    display:none
}
.ac_key{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%
}
.blockednumbers{
    float:right;
    border-radius:7px;
    color:#fff;
    cursor:pointer;
    font-weight:normal;
    padding:7px 11px;
    background:#ffa251;
    font-size:14px;
    margin-left:15px;
    overflow:hidden;
    position:relative
}
.cancelrequest{
    float:right;
    border-radius:7px;
    font-size:14px;
    color:#fff;
    padding:7px 11px;
    cursor:pointer;
    font-weight:normal;
    background:#ff8080;
    overflow:hidden;
    position:relative
}
.numberandcountry{
    margin-bottom:10px;
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    color:#636363;
    text-align:right;
    justify-content:flex-start;
    align-items:center
}
.getnumclose{
    width:25px;
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    border-radius:27px;
    transition:.3s;
    padding:4px
}
.getnumclose:hover{
    transform:rotate(180deg);
    background:#ffe0e0
}
.requestkeys{
    display:none;
    position:absolute;
    top:7px;
    right:7px;
    border-radius:10px;
    width:calc(100% - 14px);
    height:calc(100% - 14px);
    background: #ffffffed;
    z-index:3
}
.number{
    display:flex;
    box-shadow:0 0 5px #e4eaf3;
    background:#fff;
    border-radius:7px;
    margin:0 10px;
    height:34px;
    align-items:center;
    padding:0 3px
}
.countryandservice{
    color:#373737
}
.timer{
    color:#8d8d8d;
    left:16px;
    top:7px;
    position:absolute;
    font-size:13px
}
.resulttext{
    width:100%;
    margin:0 auto;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-content:center;
    align-items:center
}
.waitsms{
    font-size:13px;
    width:calc(100% - 160px);
    height:35px;
    text-align:right;
    line-height:20px;
    background:#fff;
    box-shadow:0 0 5px #e4eaf3;
    padding:0 15px;
    border-radius:7px;
    margin:0 10 0 5px;
    display:flex;
    align-items:center
}
.waitsms-repeat{
    max-width:calc(100% - 226px)
}
.wait_sms_img{
    margin:-5px 0 0 0;
    position:relative;
    top:2px;
    margin-right:2px;
    width:15px
}
.cancel_code{
    color:#7a0026;
    margin:4px 0 0 0;
    font-size:14px
}
.cancel1{
    background:#ff8080;
    font-size:14px;
    padding:0 10px 0 12px;
    color:transparent;
    text-shadow:0 0 0 white;
    line-height:30px;
    border-radius:7px;
    cursor:pointer;
    margin:2px 10px 0 0;
    height:32px;
    transition:all .5s ease;
    position:relative;
    overflow:hidden
}
.tick_key{
    background:#32b976;
    font-size:14px;
    padding:0 8px 0 10px;
    color:transparent;
    text-shadow:0 0 0 white;
    line-height:32px;
    border-radius:5px;
    cursor:pointer;
    margin:2px 10px 0 0;
    height:32px;
    transition:all .5s ease;
    position:relative;
    overflow:hidden;
    word-spacing:-2px
}
.tick_key_end{
    height:28px;
    line-height:29px
}
.tick_code{
    color:#636363;
    font-size:14px
}
.tick_code_number{
    background:#fff;
    text-align:center;
    direction:ltr;
    padding:6px 5px 2px 5px;
    border:1px solid #e4e2e2;
    border-radius:0 5px 10px 0;
    color:#525252;
    margin:0 10 0 0;
    height:35px;
    max-width:calc(100% - 268px);
    width:84px;
    min-height:35px;
    overflow:hidden;
    word-wrap:break-word;
    resize:none;
    outline:none;
    font-family:'IRANSansXFa'
}
.repeat{
    word-spacing:-2px
}
.copykey{
    width:35px;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .3s ease;
    cursor:pointer;
    border-right:1px solid #e7e7e7;
    height:20px;
    color:#838383
}
.copykey:hover{
    color:#00b9ff
}
.copyshow{
    position:fixed;
    background:#fff;
    color:transparent;
    border:2px solid #64d89c;
    border-left:none;
    text-shadow:0 0 0 #2fad6c;
    padding:10px 20px;
    border-radius:0 10px 10px 0;
    bottom:7px;
    font-size:17px;
    left:0;
    margin:0 auto;
    transform:translate3d(-200px,0,0);
    transition:all .5s cubic-bezier(.22,.61,.36,1);
    z-index:99999999
}
.copypngnumber,.copypng{
    width:18px
}
.getcharj{
    font-size:17px;
    transition:all .5s ease;
    border-radius:5px;
    cursor:pointer;
    background:#32b976;
    padding:0 9px;
    line-height:28px;
    float:right
}
.getcharj:hover{
    background:#189658
}
.uservalue{
    position:absolute;
    top:9px;
    left:12px;
    color:#fff;
    animation:from-left 1s ease-out;
    display:flex;
    align-items:center;
    flex-direction:row;
    direction:ltr
}
@keyframes from-left{
     0%{
        transform: translateX(-100px) scale(0.8);
        opacity: 0;
    }
     50%{
        transform: translateX(-100px) scale(0.8);
        opacity: 0;
    }
     100%{
        transform: translateX(0px) scale(1);
        opacity: 1;
    }
}
.paypng{
    display:none;
    width:31px;
    position:relative;
    top:6px
}
.credit{
    font-size:0;
    margin-left:4px
}
#charj{
    padding:0 10px;
    border-right:2px solid #cfd7e5;
    border-radius:0;
    font-size:17px;
    color:#434f61;
    float:right;
    direction:rtl;
    font-weight:normal;
    line-height:28px;
    height:28px;
    transition:color 1s ease;
    white-space:nowrap
}
#charj span{
    font-size:12px
}
.wait_ajax{
    width:100px
}
#videopop{
    position:fixed;
    width:100%;
    height:100%;
    transition:all 1s;
    z-index:99999999;
    display:flex;
    justify-items:center;
    justify-content:center
}
#adminusersearchpop{
    position:fixed;
    width:100%;
    height:100%;
    transition:all 1s;
    z-index:9999991;
    display:flex;
    justify-items:center;
    justify-content:center;
    background-color:#f5f5f5;
    overflow-y:auto;
    overflow-x:hidden
}
#adminusersearchpop>i{
    color:#ff9800;
    font-size:38px;
    font-weight:300;
    right:40px;
    top:19px;
    position:fixed;
    cursor:pointer;
    z-index:99
}
#adminusersearchpop div{
    height:fit-content;
    border-radius:5px;
    margin:10px 0;
    padding:10px;
    font-size:15px;
    text-align:left;
    direction:ltr;
    line-height:20px;
    user-select:text
}
#adminusersearchpop_content{
    width:100%;
    margin-top:0!important;
    padding:0!important
}
#adminusersearchpop_content .infoandchargedasti_div{
    padding:0!important;
    margin:0!important
}
#adminusersearchpop_content .userrightdiv{
    position:sticky;
    top:0;
    border-radius:0!important;
    z-index:1
}
.closevideopop{
    color:#fff;
    font-size:28px;
    right:15px;
    top:10px;
    position:absolute;
    cursor:pointer
}
.popupform{
    overflow:hidden;
    display:none;
    opacity:0;
    background-color:#fff;
    z-index:9999999;
    position:absolute;
    border-radius:30px;
    box-shadow: 0px 0px 10px #17171787;
    direction:rtl;
    min-width:400px;
    width:400px;
    height:auto;
    right:0;
    left:0;
    top:10%;
    bottom:10%;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
    padding:30px;
    text-align:center;
    transition:all 1s cubic-bezier(.87,-.28,.08,1.23);
    transform:translate3d(0,-1500px,0)
}
.popupform_foralert{
    overflow:hidden;
    display:table;
    background-color:#fff;
    z-index:9999999;
    position:absolute;
    border-radius:30px;
    box-shadow: 0px 0px 10px #17171787;
    direction:rtl;
    min-width:400px;
    width:400px;
    height:auto;
    right:0;
    left:0;
    top:10%;
    bottom:10%;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
    padding:30px;
    text-align:center;
    transition:all 1s cubic-bezier(.87,-.28,.08,1.23);
    transform:translate3d(0,-1500px,0)
}
.popupshowed{
    transform:translate3d(0,0,0)!important;
    display:table;
    opacity:1!important
}
.popupformshow{
    transform:translate3d(0,0,0) scale(1)!important;
    opacity:1!important;
    animation:popupshowani .5s linear!important;
    display:table
}
.forfixedinfo{
    position:fixed;
    top:10%
}
.penhan{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:2000px;
    z-index:9999991;
    background-color:rgba(5,2,2,.58);
    display:none
}
.img_key{
    width:24px;
    position:relative;
    top:7px;
    left:5px
}
#namayeshfaktorhayeqabll{
    position:absolute;
    left:20px;
    top:34px;
    border:1px solid #ff8100;
    background:#ff8100;
    border-radius:5px;
    padding:0 5px 0 5px;
    box-shadow:0 1px 5px 1px darkgreen
}
span.company-of-country{
    font-size:11px;
    top:-6px;
    color:#929292;
    position:relative
}
span.toman{
    font-size:10px;
    top:-5px;
    color:#929292;
    position:relative
}
span.beupdate{
    font-size:10px;
    top:-5px;
    color:#929292;
    position:relative;
    display:none
}
td{
    font-size:16px;
    color:#515151
}
.selectservice>h1,.shownumbers>p{
    font-size:17px;
    padding:10px 0;
    margin:auto;
    margin-bottom:10px;
    color:#666;
    font-weight:normal
}
.wait_ajax{
    width:20px;
    position:relative;
    top:2px;
    padding-right:5px
}
.text-right{
    text-align:right
}
.text-left{
    text-align:left
}
.text-center{
    text-align:center
}
.notactivecolor{
}
.activecolor{
    color:#13c000
}
#info_1{
    z-index:99999999999
}
#info_nop{
    z-index:99999999
}
.key_hover{
    position:relative;
    overflow:hidden
}
.key_hover:after{
    content:"";
    position:absolute;
    right:-40px;
    top:0;
    border-bottom-right-radius:0;
    border-top-right-radius:0;
    height:100%;
    width:0;
    z-index:1;
    -webkit-transition:all .3s;
    border-radius: 30px/40px;
    -moz-transition:all .3s;
    transition:all .5s;
    background:rgba(0,0,0,.09)
}
.v2:after{
    background:rgba(0,0,0,.03)
}
.key_hover:hover:after{
    width: calc(100% + 50px)
}
.key_text,.key_hover>span{
    z-index:2;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center
}
.paykey-zarin{
    background:#3cb878;
    cursor:pointer;
    padding:7px 20px;
    width:216px;
    height:33px;
    line-height:29px;
    margin:auto;
    font-size:16px;
    border-radius:10px;
    color:#fff;
    position:relative;
    transition:all .5s ease;
    animation:f-r 1s ease;
    overflow:hidden
}
.paykeyfordownload4{
    width:fit-content;
    padding:7px 25px 12px 16px;
    margin-bottom:3px;
    float:left
}
.payhover-b{
    height:79px;
    width:104%;
    position:absolute;
    margin:-24px;
    z-index:9999
}
.payhover{
    width:130px;
    height:130px;
    border-radius:50%;
    background: #00000029;
    position:absolute;
    margin:auto;
    right:-117px;
    top:-44px;
    transition:all .7s
}
.payhover-b:hover+.payhover{
    width:500px
}
.comment-of-country{
    font-size:10px;
    background:#cae4c5;
    margin-right:-5px;
    color:#02710b;
    float:left;
    border-radius:10px;
    position:relative;
    padding:1px 5px 1px 5px;
    top:6px;
    margin-left:10px
}
.telmekey{
    background:#32b976;
    width:170px;
    margin:0 auto;
    border-radius:5px;
    padding:10px;
    cursor:pointer;
    color:#fff;
    margin-top:10px
}
.keyforentertoaccountpages{
    background:#ffb03b;
    float:left;
    border-radius:5px;
    color:#fff;
    margin-top:20px
}
.keyforentertoaccountpages>a{
    padding:10px 18px;
    float:left;
    cursor:pointer
}
.long_name{
    font-size:10px;
    top:-1px;
    right:-1px;
    position:relative;
    margin-left:-5px
}
.showip{
    display:none
}
.country_image{
    width:20px;
    height:20px;
    position:relative;
    top:6px;
    margin-left:5px
}
.image_number_box{
    width:17px;
    position:relative;
    top:5px;
    margin-left:4px
}
span.num_r{
    color:#777
}
.cou_ser{
    font-size:14px
}
.main-menu{
    direction:rtl;
    position:relative;
    width:fit-content;
    right:10px;
    top:5px;
    animation:menu-top 1s ease-out;
    z-index:99999
}
@keyframes menu-top{
     0%{
        transform: translateX(200px) scale(0.8);
        opacity: 0;
    }
     50%{
        transform: translateX(200px) scale(0.8);
        opacity: 0;
    }
     100%{
        transform: translateX(0px) scale(1);
        opacity: 1;
    }
}
.main-menu a:hover>i{
    font-weight:bold
}
.mmmimg{
    display:none;
    float:right;
    right:15px;
    position:relative;
    top:11px;
    cursor:pointer;
    color:#003f57;
    transition:all .3s ease;
    animation:from-right 2s cubic-bezier(.18,.89,.32,1.28)
}
.mmmimg i{
    font-size:17px;
    position:relative;
    top:5px
}
@keyframes from-right{
     0%{
        transform: translate3d(200px, 0px, 0px);
    }
     50%{
        transform: translate3d(200px, 0px, 0px);
    }
     100%{
        transform: translate3d(0px, 0px, 0px);
    }
}
.mmmimg:hover{
    transform:translate3d(-2px,0,0)
}
.main-menu ul{
    display:flex;
    list-style:none;
    flex-direction:row;
    width:100%;
    min-height:30px;
    border-radius:0;
    padding-right:5px;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:3px;
    margin:0
}
.main-menu ul li ul{
    list-style:none;
    width:calc(100% - 22px);
    position:relative;
    z-index:11111111111111;
    margin:10px 0;
    padding:10px 10px 10px 0;
    border-radius:5px;
    display:none;
    background:#f5f8fc
}
.main-menu ul li ul li{
    border:none
}
#submenujava{
    width:150px;
    padding:10px;
    border-radius:10px;
    position:absolute;
    transform:translate3d(0,-3px,0);
    visibility:hidden;
    opacity:0;
    transition:all .3s;
    background:#f7f8fa;
    box-shadow: 0 10px 50px rgb(28 76 156 / 15%);
    z-index:999999;
    padding-left:0
}
#submenujava_div{
    top:-8px;
    transform:rotate(45deg);
    width:15px;
    height:15px;
    position:absolute;
    background:#f7f8fa
}
.havedownmenu{
    cursor:auto!important;
    color:#003f57!important
}
.down_menu_general2{
    position:absolute;
    margin-right:158px;
    padding:15px;
    width:180px;
    background:#f7f8fa;
    border-radius:10px;
    margin-top:-40px;
    transition:all .7s;
    box-shadow: 0 10px 50px rgb(28 76 156 / 15%)
}
.down_menu_general2::before{
    content:'';
    font-family:none;
    font-size:0;
    line-height:inherit;
    position:absolute;
    text-align:left;
    width:15px;
    background:#f7f8fa;
    height:15px;
    transform:rotate(45deg);
    margin-right:-22px;
    margin-top:4px
}
.down_menu_general2::after{
    content:'';
    font-family:none;
    font-size:0;
    line-height:inherit;
    position:absolute;
    text-align:left;
    width:11px;
    background: #ff000000;
    opacity:0;
    top:0;
    height:-webkit-fill-available;
    margin-right:-20px
}
.down_menu_general2>div{
    margin-right:14px;
    margin-top:5px;
    cursor:pointer
}
#submenujava li div.down_menu_general2{
    opacity:0;
    visibility:hidden
}
#submenujava li:hover div.down_menu_general2{
    opacity:1;
    visibility:inherit
}
#submenujava li{
    list-style:none;
    margin-top:10px;
    padding-right:10px
}
.main-menu ul li a{
    font-weight:400;
    font-size:17px;
    position:relative;
    top:0;
    color:#003f57;
    padding:2px 11px;
    transition:all .3s ease;
    cursor:pointer
}
.havesubmenu>a{
}
.main-menu ul>li.havesubmenu ul li a:before{
    content:'';
    font-family:none;
    font-size:0;
    line-height:inherit;
    margin:auto 0;
    position:absolute;
    text-align:left;
    top:0;
    width:0;
    left:0
}
.main-menu ul li ul li a,#submenujava a{
    cursor:pointer
}
.main-menu ul li a:hover{
    animation:ch-co .4s
}
.main-menu ul li a i{
    position:relative;
    margin-left:3px;
    top:1px;
    font-size:15px;
    display:none;
    font-weight:400
}
@keyframes ch-co{
     0%{
        right: 0px 
    }
     25%{
        right: -2px 
    }
     75%{
        right: 2px 
    }
     100%{
        right: 0px 
    }
}
.main-menu ul li{
    margin:4px 0;
    padding-bottom:13px
}
.main-menu ul li img{
    width:19px;
    position:relative;
    top:6px;
    margin-left:7px
}
.key1{
    color:transparent;
    text-shadow:0 0 0 #fff;
    padding:9px 12px 8px;
    font-size:17px;
    background:#ef9d24;
    width:100px;
    border-radius:10px;
    transition:all .5s ease;
    cursor:pointer;
    overflow:hidden;
    position:relative;
    animation:re-bo 7.5s cubic-bezier(.18,.89,.32,1.28) infinite;
    margin:0
}
@keyframes re-bo{
     0%{
        transform: scale(1.05)
    }
     15%{
        transform: scale(1.05) 
    }
     57.5%{
        transform: scale(1) 
    }
     100%{
        transform: scale(1.05) 
    }
}
.key1:hover{
    background:#d88913
}
.key1:hover .fa-user-plus{
    font-weight:bold
}
.key1:after,.key1:before{
    position:absolute;
    content:"";
    width:20px;
    height:200%;
    background:rgba(255,255,255,.325);
    transform:skew(-15deg) translateX(-25px);
    filter:blur(1px);
    top:-50%;
    left:0;
    right:auto;
    animation-delay:7.5s
}
.key1:before{
    filter:blur(0);
    width:5px;
    left:8px;
    background:rgba(255,255,255,.275)
}
@keyframes sheenA {
     0% {
         transform: skew(-15deg) translateX( -25px );
         width: 20px;
         opacity: .25 
    }
     15% {
         transform: skew(-15deg) translateX( 270px );
         width: 120px;
         opacity: .75;
    }
     100% {
         transform: skew(-15deg) translateX( 270px );
         width: 120px;
         opacity: .75;
    }
}
@keyframes sheenB {
     0% {
         transform: skew(-15deg) translateX( -25px );
         width: 5px;
         opacity: 1;
         left: 0px;
    }
     15% {
         transform: skew(-15deg) translateX( 270px );
         width: 60px;
         opacity: .25;
         left: 30px;
    }
     100% {
         transform: skew(-15deg) translateX( 270px );
         width: 60px;
         opacity: .25;
         left: 30px;
    }
}
.showmaximage{
    cursor:zoom-in
}
.javashowmaximage1,.javashowmaximageclose{
    cursor:zoom-out
}
.javashowmaximage2 img{
    z-index:1234567;
    background:#adabab
}
.javashowmaximage2 .javageneralimage{
    z-index:123456;
    background-size:cover;
    max-width:none!important;
    border-radius:8px;
    width:auto!important
}
.javashowmaximage2 .javageneralimagetoomax{
    min-width:90%
}
.javashowmaximage1{
    position:fixed;
    width:100%;
    height:100%;
    background: #101010ba;
    z-index:123456;
    top:0;
    left:0
}
.javashowmaximage2{
    position:fixed;
    top:1%;
    left:1%;
    width:98%;
    height:98%;
    overflow:auto;
    border-radius:8px;
    z-index:123456;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap
}
.maximagesin_worh[typeimage="h"]{
    max-width:100%;
    height:auto;
    display:block;
    margin:0 auto
}
.maximagesin_worh[typeimage="w"]{
    max-width:100%;
    height:auto;
    display:block;
    margin:0 auto
}
.toomaximagesin_worh[typeimage="h"]{
    height:100%;
    object-fit:cover;
    object-position:center center;
    margin:0 auto
}
.toomaximagesin_worh[typeimage="w"]{
    width:100%;
    object-fit:cover;
    object-position:center center;
    margin:0 auto
}
.maximagesin_worh{
}
.toomaximagesin_worh{
}
.signinform{
    position:relative;
    margin-top:15px;
    word-spacing:-1px
}
.signupinsite{
    display:none;
    margin-top:auto;
    margin-bottom:auto;
    float:right
}
.logintext{
    margin:auto;
    color:#8e8e8e;
    word-spacing:-3px;
    font-size:16px;
    margin-bottom:25px
}
#sabtnamtaiiddiv>span{
    color:#bc750c
}
.forgetpass{
    top:-3px;
    left:30px;
    float:left;
    font-size:12px;
    position:relative;
    color:gray;
    transition:.3s
}
.forgetpass:hover{
    color:#ed8e00
}
.forgetpass:hover>i:before{
    content:"\f3c1"
}
div#sabtnamtaiiddiv{
    font-size:14px;
    color:#0076a5
}
div#sabtnamfinal{
    font-size:14px;
    color:#c48221;
    padding:10px 0
}
#enteridtext{
    font-size:13px;
    color:red;
    margin:10px 0 5px
}
button{
    border:none;
    background:#0095cd;
    color:#fff;
    padding:10px 20px;
    border-radius:10px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    font-family:'IRANSansXFa'
}
button span{
    z-index:2;
    position:relative
}
button:after{
    content:"";
    position:absolute;
    right:-40px;
    top:0;
    border-bottom-right-radius:0;
    border-top-right-radius:0;
    height:100%;
    width:0;
    z-index:1;
    -webkit-transition:all .3s;
    border-radius: 30px/40px;
    -moz-transition:all .3s;
    transition:all .5s;
    background:rgba(0,0,0,.09)
}
button:hover:after{
    width: calc(100% + 50px)
}
.main-menu .close{
    display:none
}
.close{
    text-align:center;
    width:35px;
    position:absolute;
    right:15px;
    top:15px;
    padding:5px;
    border-radius:31px;
    opacity:.6;
    cursor:pointer;
    transition:all .3s ease-in-out;
    animation:fade_in .8s cubic-bezier(.51,.93,.6,.99);
    font-size:34px;
    z-index:1
}
@keyframes fade_in{
     0%{
         opacity: 0;
    }
     40%{
         transform: scale(0.4) rotate(250deg);
         opacity: 0;
    }
     100%{
         transform: scale(1) rotate(0deg);
         opacity: 1;
    }
}
.close:hover{
    transform:rotate(180deg);
    background:#ffe0e0
}
.close_bu{
    position:relative;
    left:0;
    float:left;
    background:#fa9088;
    color:transparent;
    text-shadow:0 0 0 white;
    border-radius:5px;
    padding:5px 10px 6px;
    font-size:13px;
    cursor:pointer;
    transition:.3s
}
.close_bu:hover{
    background:#ff675c
}
.close_bau{
    position:relative;
    color:transparent;
    text-shadow:0 0 0 white;
    border-radius:5px;
    padding:5px 10px 6px;
    font-size:13px;
    cursor:pointer;
    transition:.3s;
    margin:0 auto;
    left:0;
    right:0;
    width:fit-content;
    background:#4cdb91
}
.close_bau:hover{
    background:#45ca86
}
#shownumbersboxcomment{
    padding:0;
    margin:15px 0 0;
    font-size:14px;
    color:#754835
}
#shownumbersboxcomment:empty{
    padding:0
}
div#shownumbersboxcomment img{
    padding:0 0 15px 0
}
#shownumbersboxcomment>iframe{
    border:none;
    width:100%;
    height:270px
}
.justformobile{
    display:none
}
.maindescript{
    float:left;
    border-radius:15px;
    width:55%;
    margin:0 auto;
    min-width:400px;
    display:table;
    text-align:justify;
    padding:5px 1%
}
.maindescripticon{
    float:right;
    width:27px;
    height:27px;
    background:#ffb03b;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    border-radius:31%;
    position:relative;
    top:-1px;
    margin-left:7px
}
.maindescript p{
    padding:0 17px 0 0;
    margin:0;
    font-size:16px;
    line-height:30px
}
.maindescript h1{
    font-size:18px;
    color:#ffb03b;
    margin:20px 0 10px 0
}
.maindescript ul{
    font-size:15px;
    list-style:none;
    margin:8px 30px 15px 0;
    padding:0
}
#q-mot{
    margin:15px 10px 0 0;
    height:180px;
    overflow:hidden
}
#q-mot p{
    font-size:14px
}
.mainreadmore{
    text-align:center;
    color:#6b6b6b;
    position:relative;
    font-size:14px;
    margin-bottom:25px
}
.mainreadmore:after{
    content:"";
    position:absolute;
    right:0;
    left:0;
    opacity:1;
    bottom:21px;
    height:105px;
    z-index:1;
    background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.99) 99%,#fcfcfc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#fcfcfc",GradientType=0)
}
.changeanswersecurity{
    cursor:pointer;
    margin-right:5px;
    transition:.3s
}
.changeanswersecurity:hover{
    color:#ef9d24
}
#kodamniatihast{
    margin:50px 20px -20px;
    padding:10px;
    background:#f8f7e9;
    border-radius:10px;
    width:calc(100% - 60px)
}
#answersecurityinputvalue,#answersecurityinputvalueforenter{
    border:none;
    background:#f3f3f3;
    font-size:18px;
    border-radius:7px;
    height:45px;
    width:150px;
    text-align:center;
    direction:ltr;
    margin-right:5px;
    color:#6a6a6a
}
#answersecurityinputvalueforenter{
    background: #00000012
}
#answersecurityinputvalueforenter:focus{
    box-shadow:none
}
#answersecurityinputvalue::placeholder,#answersecurityinputvalueforenter::placeholder{
    font-size:12px;
    color:#8c8c8c
}
#sabtnamform button{
    width:calc(100% - 20px);
    margin:15px 10px 0;
    border-radius:7px;
    height:45px
}
#sabtnamform button i{
    font-size:15px;
    margin-left:5px;
    position:relative;
    top:2px
}
.footer{
    background:#fff;
    margin-top:70px;
    text-align:center;
    color:#5f5f5f;
    font-size:13px;
    position:absolute;
    left:0;
    right:0;
    direction:rtl
}
.footer1{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    margin-bottom:30px
}
.footer_countries,.footer_services{
    width:49%;
    text-align:center;
    margin:0 auto
}
.list_countries,.list_services{
    display:flex;
    flex-wrap:wrap
}
.titr_countries,.titr_services{
    text-align:right;
    padding:15px
}
.countries_link,.services_link{
    width:160px;
    text-align:right;
    padding:5px 10px
}
.countries_link>a,.services_link>a{
    cursor:pointer;
    color:#006388
}
.footer2{
    padding:20px;
    text-align:center;
    display:flex;
    justify-content:space-between
}
.footer2>div{
    display:flex;
    align-content:center;
    align-items:center
}
#socialicons{
    display:flex;
    align-content:center;
    justify-content:flex-end
}
#socialicons>a{
    margin-right:15px;
    height:25px
}
#socialicons img{
    width:25px
}
.usermenutop{
    display:none
}
#seydrecapchasabtnam_yek{
    margin-top:15px
}
.paytextin{
    margin:11px 0;
    padding:0 9px;
    border-right:2px solid #9a9a9a
}
.paytext{
    text-align:right;
    font-size:15px;
    position:relative;
    margin:50px auto 30px auto;
    left:0;
    right:0;
    width:65%;
    animation:from-left2 1s cubic-bezier(.18,.89,.32,1.28)
}
.mainpaytext{
    color:#05729a
}
.paytextout{
    display:none;
    font-size:14px;
    color:#5f5f5f;
    position:relative;
    text-align:right;
    margin:auto;
    width:270px;
    animation:from-right2 1s cubic-bezier(.18,.89,.32,1.28)
}
@keyframes from-right2{
     0%{
        transform: translate3d(150%,0,0)
    }
     30%{
        transform: translate3d(150%,0,0)
    }
     100%{
        transform: translate3d(0,0,0)
    }
}
.daa{
    height:70px;
    width:70px;
    background: #0000001a;
    border-radius:50%;
    position:absolute;
    right:-63px;
    top:0;
    bottom:0;
    margin:auto;
    transition:all .4s ease-in-out
}
.daaB{
    width:100%;
    position:absolute;
    height:32px;
    z-index:999999;
    left:0
}
.daaB:hover+.daa{
    right:-22px;
    height:70px;
    width:170px
}
.addservice,.addservicecountry,.editservicetitle,.shownumbersadmin,.pay_change_admin,.admintdq,.admin_sh{
    display:none
}
@keyframes popupshowani{
     0%{
        opacity:0;
    }
     100%{
        opacity:1;
    }
}
@media screen and (max-width:1095px){
    .selectservice{
        float:none;
        width:95%;
        margin:0 auto;
        display:block
    }
    .shownumbers{
        float:none;
        width:95%;
        margin:0 auto;
        display:block;
        margin-top:10px
    }
    .bodypage{
        display:block
    }
    .donotshowthis,.infobox{
        display:none
    }
    .headerpanel p:nth-child(2){
        padding-left:15px
    }
    .maindescript{
        float:none;
        width:95%;
        margin:0 auto;
        display:block;
        margin-bottom:5px;
        text-align:justify
    }
}
.trforagorental{
    display:none
}
.trforagorental>td{
    padding-bottom:25px!important
}
.forhiddenrental{
    background:#f5f8fc!important;
    padding:15px 0;
    border-radius:10px
}
.forhiddenrental thead>tr>td{
    background:none!important;
    border-bottom:1px solid #dedede
}
#bodyhistory2 tbody tr:nth-child(4n+3),.justrentaldivreport tbody tr:nth-child(4n+3){
    background:#f2f2f2
}
#bodyhistory2 tbody tr:nth-child(even),.justrentaldivreport tbody tr:nth-child(even){
    background:none!important
}
.justrentaldivreport tr{
    height:47px
}
fontawesomeforrenew{
    transform:rotate3d(0,1,0,180deg)
}
.smartbanertypeshow1,.smartbanertypeshow3{
    display:none
}
.smartbanertypeshow2{
    display:block
}
@media screen and (min-width:1000px){
    .smartbanertypeshow2,.smartbanertypeshow3{
        display:none
    }
    .smartbanertypeshow1{
        display:block
    }
    .main-menu{
        transform:translate3d(0,0,0)!important
    }
    div#penhanmenu{
        display:none!important
    }
    .shownumbersrental{
        width:calc(56% - 42px);
        padding:10px 20px
    }
    .selectservicerental{
        width:calc(45% - 22px);
        min-width:200px
    }
    .showforevernumberbuy{
        width:calc(40% - 42px)
    }
    .showforevernumbermain{
        width:calc(61% - 42px)
    }
    ._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-ytB0a__ExpandedWidget__left{
        left:23px!important
    }
    ._hj_feedback_container ._hj-XVgG4__ExpandedWidget__outerContainer._hj-oic8F__ExpandedWidget__bottom{
        bottom:77px!important
    }
    .bigpopupinfo,.bigpopupinfo2{
        width:800px!important
    }
    .docoverflw{
        overflow-y:auto
    }
}
@media screen and (max-width:1000px){
    .cartdiv1{
        width:100%!important
    }
    .rentalnumberforeverdesitems_account>div{
        width:calc(50% - 34px)!important
    }
    .rentalnumberforeverdesitems_account{
        flex-wrap:wrap!important
    }
    .down_menu_general2{
        display:none
    }
    .bfore_be_none::before{
        display:none!important
    }
    .bfore_be_none{
        display:contents!important
    }
    .settingicon{
        right:11px;
        top:12px;
        width:20px
    }
    .main-menu{
        overflow:hidden;
        display:block;
        left:auto;
        width:250px;
        height:100%;
        right:0;
        top:0;
        bottom:0;
        background:#fff;
        position:fixed;
        padding:0;
        border-radius:0;
        box-shadow: -3px 0px 15px #0000004a;
        transform:translate3d(105%,0,0);
        -webkit-transition-duration:.8s;
        -moz-transition-duration:.8s;
        -o-transition-duration:.8s;
        transition:all .6s cubic-bezier(.3,.75,.26,.99);
        z-index:9999991;
        animation:none
    }
    .user_enter{
        top:0;
        border-radius:0;
        width:100%;
        height:45px
    }
    .setting_b{
        background:#0f679f;
        width:45px;
        height:45px;
        cursor:pointer
    }
    .user_enter_text{
        padding:12px 20px;
        font-size:15px
    }
    .mmmimg{
        display:block
    }
    .main-menu ul{
        display:block;
        text-align:right;
        padding:0;
        margin-top:60px
    }
    .main-menu ul li img{
        position:relative;
        top:6px;
        margin-left:7px
    }
    .main-menu ul li{
        padding:10px 10px;
        transition:all .3s ease;
        border-bottom:1px solid #f1f1f1;
        margin:0
    }
    .main-menu ul li a{
        font-size:16px;
        padding:6px 13px;
        border-radius:8px
    }
    .main-menu ul li a:hover{
    }
    .main-menu ul li:hover{
        transform:translate3d(-4px,0,0);
        color:#ffc369!important
    }
    .mmmimg p{
        float:left;
        margin:0 8px 0 0;
        color:#003f57;
        font-size:17px
    }
    .usermenutop{
        display:none
    }
    .main-menu .close{
        width:30px;
        left:10px;
        top:10px;
        right:auto;
        display:block
    }
}
form.formdisabled input:not([type="hidden"]),form.formdisabled select,form.formdisabled textarea {
    pointer-events:none;
    opacity:.5
}
#analizeuserdetabletr2[style*='display: none'] ~ #analizeuserdetable > tbody > tr:nth-child(odd){
    top:37px
}
.timerentalselectfirstdiv{
    font-size:14px;
    background:#f3f8ff;
    border-radius:5px;
    padding:0 15px
}
.timerentalselect ul{
    padding:0;
    margin:0
}
.timerentalselect li{
    list-style:none
}
.timerentalselect>div>select{
    font-family:'IRANSansXFa';
    border:none;
    color:#4d6484;
    outline:none;
    padding-right:5px;
    background:none;
    height:40px;
    cursor:pointer;
    text-align:center
}
.timerentalselect > div > select *:nth-child(odd) {
    background:#f5f8fc
}
.select_wrapper{
    line-height:36px;
    border-radius:3px;
    cursor:pointer;
    position:relative
}
.select_wrapper span{
    background:#f5f5f5 url(https://image.flaticon.com/icons/svg/118/118738.svg) no-repeat top 15px right 12px;
    background-size:15px
}
.select_wrapper:hover{
    background:#fff url(https://image.flaticon.com/icons/svg/118/118738.svg) no-repeat top 15px right 12px
}
.select_wrapper span{
    display:block;
    margin:0;
    padding:5px 10px;
    border-radius:4px;
    transition:.4s ease;
    z-index:9;
    position:relative
}
.select_wrapper.openSelect span{
    display:block;
    margin:0;
    transform:scale(1.04);
    box-shadow:0 15px 35px rgba(50,50,93,.1) , 0 5px 15px rgba(0,0,0,.07);
    -webkit-box-shadow:0 15px 35px rgba(50,50,93,.1) , 0 5px 15px rgba(0,0,0,.07);
    box-shadow:0 15px 35px rgba(50,50,93,.1) , 0 5px 15px rgba(0,0,0,.07)
}
.select_wrapper .select_inner{
    background:#fff;
    color:#687278;
    display:none;
    position:absolute;
    left:0;
    top:47px;
    width:100%
}
.select_wrapper .select_inner li{
    border-bottom:1px solid #eee;
    padding:5px 15px;
    transition:.4s ease
}
.select_wrapper .select_inner li:hover{
    background:#142b82;
    color:#fff
}
.select_wrapper .select_inner ul{
    border-radius:5px;
    background:#fff
}
.gotocartpage{
    margin-bottom:30px
}
.gotocartpage>a{
    display:block;
    padding:5px;
    background:#009cd7;
    border-radius:5px;
    color:#fff
}
.cartsend select{
    appearance:none;
    cursor:pointer;
    border:1px solid #ddd;
    padding:5px 10px;
    height:34px;
    color:#474747;
    font-size:15px;
    font-family:'IRANSansXFa';
    border-radius:8px
}
.info_cart_div{
    display:flex;
    justify-content:space-between;
    flex-wrap:nowrap;
    padding:0 10px 0 10%;
    align-items:center
}
.info_cart_div>div{
    margin:0 3px
}
.cartdiv{
    display:flex;
    flex-wrap:wrap;
    margin:10px;
    justify-content:center
}
.cartdiv1{
    width:calc(100% - 350px);
    padding:10px
}
.cartdiv2{
    width:300px;
    padding:10px
}
.cartdiv2 .cartpay:not(:empty) {
    border:1px solid #ebebeb;
    padding:10px;
    border-radius:10px;
    margin-top:34px
}
.cartdiv2>p{
    text-align:center;
    margin-top:0
}
.table_cart{
    width:100%;
    border-spacing:0 10px
}
.table_cart tr{
    margin-bottom:10px
}
td.record_catr{
    border-radius:0 10px 10px 0;
    border:1px solid #ebebeb;
    width:20px;
    text-align:center
}
td.info_cart{
    background:#ebebeb;
    border:1px solid #ebebeb
}
td.del_cart{
    border-radius:10px 0 0 10px;
    border:1px solid #ebebeb;
    background:#ebebeb;
    width:36px
}
td.del_cart>div{
    margin-top:4px;
    cursor:pointer
}
td.del_cart>div>i{
    font-size:22px;
    background:#ffc9c9;
    padding:4px 8px;
    border-radius:5px;
    color:#ff6e6e
}
.cartsenddiv{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center
}
.cartsenddiv>div>div:first-child{
    font-size:14px;
    text-align:right
}
.cartsenddiv2 .stateandcity{
    display:flex;
    align-items:center
}
.cartsenddiv2 .stateandcity select{
    width:120px;
    border-radius:0 10px 10px 0;
    margin-left:0;
    border-left:none
}
.cartsenddiv2 .stateandcity input{
    margin-right:0;
    border-radius:10px 0 0 10px;
    width:50px
}
.cartsenddiv3 input{
    width:340px
}
.cartsenddiv>div{
    margin:15px;
    height:70px
}
.cartsenddivbtn1{
    text-align:left;
    padding:10px 80px;
    margin-bottom:60px;
    display:flex;
    flex-direction:row-reverse;
    align-items:center
}
.cartsenddivbtn1 a,.cartgotoback a{
    border:1px solid #0095cd;
    display:block;
    margin-right:15px;
    margin-left:15px;
    padding:9px 14px;
    color:#0095cd;
    border-radius:10px;
    cursor:pointer;
    text-align:center
}
.cartsenddivbtn1 a.aforedit{
    color:#087097;
    border:1px solid #087097
}
.cartsend{
    margin-top:60px;
    text-align:center
}
.cartsenddiv5 input{
    direction:ltr;
    text-align:left
}
.cartsenddiv4 input{
    text-align:left;
    direction:ltr
}
.cartgotoback{
    display:none;
    direction:ltr;
    text-align:left;
    padding:10px 80px;
    margin-bottom:40px
}
.cartgotoback p{
    text-align:center;
    margin-bottom:50px
}
.cartgotobackdiv{
    text-align:center;
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-evenly;
    align-items:center;
    border:1px solid #ebebeb;
    padding:30px;
    max-width:580px;
    margin:0 auto;
    border-radius:10px;
    color:#005bab;
    flex-wrap:wrap
}
.cartgotobackdiv1{
    display:flex;
    flex-direction:row-reverse;
    align-items:center
}
.cartgotobackdiv1>img{
    margin:0 13px
}
.cart_r{
    border-bottom:1px solid #ebebeb;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:nowrap;
    padding:10px
}
.cart_r_final{
    border-bottom:none
}
.cart_r_first{
    border:none;
    padding-bottom:2px
}
#cart_discount{
    color:red;
    font-size:12px;
    margin-top:0;
    padding-top:0;
    padding-bottom:1px
}
#cart_discount .tmn{
    color:red
}
.cartdiv1>p{
    display:flex;
    align-items:center;
    color:#009cd7;
    justify-content:center
}
.cartdiv1 #cartcount{
    display:flex;
    margin-right:10px;
    background:#009cd7;
    width:20px;
    height:20px;
    text-align:center;
    border-radius:100%;
    font-size:12px;
    color:#fff;
    justify-content:center;
    align-items:center
}
.cartsenddiv input{
    height:23px
}
.cartsenddiv select{
    height:35px
}
.cartsenddiv select:focus{
    outline:none;
    box-shadow:0 0 2px 0 #ddd
}
.cartsend_error{
    border:1px solid red!important
}
.cartsend_error_text{
    color:red;
    text-align:right;
    font-size:12px
}
.wait_span{
    color:red;
    padding:10px
}
.info_cart_div_sim .simnumbers{
    direction:ltr;
    color:#0076b6
}
.info_cart_div_sim .tltip span{
    font-size:14px
}
.simbarr{
    background:#f0f8ff;
    padding:10px;
    border-radius:5px;
    width:200px;
    font-size:12px
}
.simbarr_key{
    cursor:pointer;
    color:#0000a9
}
.barrprogres{
    width:100%;
    background:#c8c8c8;
    height:7px;
    border-radius:5px
}
.barrprogres>div{
    height:7px;
    background:#0095cd;
    border-radius:5px
}
.barrs1>div{
    width:50%
}
.barrs2>div{
    width:100%
}
.barrshow{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    padding-top:10px;
    align-content:flex-start;
    align-items:flex-start
}
.barrshow>div:last-child:not(:empty){
    background:#fff;
    padding:3px 10px;
    border-radius:5px;
    color:#000
}
#offcharge1 ul{
    margin-bottom:0
}
.bodyhistory{
    display:none;
    margin-top:30px
}
.historyactive{
    display:grid!important
}
.historytabdiv{
    display:flex;
    justify-content:space-around;
    margin:0 0 15px 0;
    align-items:self-end;
    border-bottom:2px solid #ebeaea;
    border-radius: 20%/1px;
    position:sticky;
    top:-1px;
    z-index:999;
    transition:top .5s;
    background:#fff;
    box-shadow:0 5px 12px white
}
.historytabdiv div{
    font-weight:normal;
    position:relative;
    top:4px;
    padding-bottom:10px;
    border-bottom:2px solid transparent;
    color:#8fa1bb;
    height:30px;
    padding-top:15px;
    font-size:19px;
    cursor:pointer
}
.historytabdiv>div>i{
    font-size:17px;
    margin-left:8px
}
.historytabactive{
    color:#009cd7!important;
    border-radius: 20%/1px;
    font-weight:600!important;
    cursor:auto!important
}
.historytabactive::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:4px;
    background:#fc9030;
    border-top-right-radius:5px;
    border-top-left-radius:5px
}
.historytabactive>i{
    font-weight:bold!important
}
.historytable{
    width:100%
}
.historypages{
    padding:20px 0;
    display:flex;
    justify-content:center;
    align-items:center
}
.historytitr{
    font-size:21px;
    color:#646464;
    font-weight:400;
    margin:15px 20px 30px 0
}
.historynumbers_first{
    width:fit-content;
    background:#eef8fc;
    display:flex;
    align-items:center;
    justify-content:space-around;
    padding:0 0;
    color:#006d96;
    border-radius:10px;
    margin:0 auto;
    margin-top:20px
}
.historynumbers_first>div{
    cursor:pointer
}
.keyforhistorynumscls{
    margin-left:10px;
    margin-right:10px;
    font-size:14px;
    padding:10px 15px
}
.keyforhistorynumscls i{
    margin-left:8px;
    display:none
}
#historytabdiv_ff1{
    margin-right:0
}
#historytabdiv_ff3{
    margin-left:0
}
.activekeyforhistorynums{
    cursor:auto;
    background:#fc9030;
    color:#fff;
    height:100%;
    border-radius:10px;
    margin-left:0;
    margin-right:0
}
.checkboxspan_checked:before{
    font-family:"Font Awesome 5 Pro";
    font-size:15px;
    content:"\f00c";
    position:absolute;
    top:-3px;
    color:#2196f3;
    left:-1px
}
.adminchangecommentservicediv{
    min-width:300px
}
.b_selectdiv{
    position:relative;
    min-width:200px
}
.b_selectdiv select::-ms-expand{
    display:none
}
.chargesimcarddiv{
    padding:10px
}
.b_selectdiv select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display:block;
    width:100%;
    max-width:170px;
    height:40px;
    float:right;
    margin:5px 0;
    padding:0 12px 0 33px;
    font-size:12px;
    line-height:1.75;
    color:gray;
    background-color:#fff;
    background-image:none;
    border:2px solid #ccc;
    -ms-word-break:normal;
    word-break:normal
}
.b_selectdiv:after{
    content:"\f078";
    font-family:"Font Awesome 5 Pro";
    font-size:16px;
    color:#ccc;
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    left:39px;
    top:17px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none
}
.passcommentforall{
    font-size:12px;
    text-align:right;
    padding-right:24px;
    padding-top:0;
    padding-bottom:25px
}
#timingforsendagaincodetomobile{
    position:absolute;
    right:12px;
    margin-top:16px
}
.sendingdoublecodeformobile{
    position:absolute;
    right:12px;
    margin-top:14px
}
#a_timingforsendagaincodetomobile{
    background:#01ad4e;
    color:#fff;
    padding:3px 5px;
    border-radius:5px;
    cursor:pointer;
    font-size:13px
}
.enteridfornewenter_title{
    margin-top:43px
}
#enteridfornewenter form{
    padding-top:7px
}
#enteridfornewenter form button{
    width:130px;
    margin-top:40px;
    height:45px
}
#enteridfornewenter form input::placeholder{
    font-size:15px
}
.enteridfornewenter_downtitr,.enteridfornewenter_downtitr2{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:40px 30px 0 30px
}
.enteridfornewenter_downtitr2{
    font-size:12px
}
.enteridfornewenter_downtitr2 a{
    cursor:pointer
}
.enteridfornewenter_downtitr label{
    cursor:pointer;
    color:gray;
    font-size:15px;
    display:flex;
    align-items:center;
    justify-content:space-evenly
}
.lcebmrvncsss{
    font-size:12px;
    text-align:right;
    padding-right:25px
}
.lcebmrvncsss span{
    color:#0095cd
}
.enteridfornewenter_downtitr label input{
    margin-left:3px
}
#checkfornewentertosite_wait{
    font-size:13px;
    color:red
}
.generalsimchargebox{
    min-width:300px;
    box-shadow:0 0 6px 1px #eaf3ff;
    border-radius:20px;
    padding:20px
}
.user_sims_list_titr{
    color:#000;
    font-weight:bold
}
.user_sims_list_sub_titr{
    font-size:14px;
    color:#a9a9a9
}
.simtypeslist{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    margin-top:20px
}
.simtypeslist .activated{
    background:#eaf3ff;
    color:#009cd7;
    border:1px solid;
    cursor:auto
}
.simtypeslist>div{
    color:#000;
    background:#f5f8fc;
    width:160px;
    padding:10px 6px;
    border-radius:10px;
    text-align:center;
    cursor:pointer;
    margin:5px;
    font-size:14px
}
#forfirstcharge_comment{
    margin-top:10px;
    padding:10px;
    border-radius:10px;
    background:#f8f7e9
}
.forfirstcharge{
    display:flex;
    background:#f5f8fc;
    padding:12px;
    border-radius:10px;
    margin-top:20px;
    cursor:pointer
}
.forfirstcharge_hidden{
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important
}
.forfirstcharge1{
    width:20px;
    height:20px;
    border-radius:5px;
    border:2px solid #d5dde7;
    background:#fff
}
.forfirstcharge2{
    font-size:14px;
    margin-right:10px
}
.forfirstcharge_divticked{
    background:#edfef3
}
#forfirstcharge_itick{
    display:none
}
.forfirstcharge_divticked .forfirstcharge1{
    border:2px solid #32b976
}
.forfirstcharge_divticked #forfirstcharge_itick{
    display:block;
    color:#32b976;
    margin-right:2px;
    margin-top:3px
}
.user_sims_list_sub2_titr{
    margin-top:20px;
    font-weight:bold;
    display:flex
}
.user_sims_list_sub2_titr div{
    color:red
}
#fornumbercharge{
    text-align:center;
    direction:ltr;
    width:calc(100% - 20px);
    padding:20px 10px 15px 10px;
    font-size:20px;
    z-index:5;
    position:relative
}
#commentforchargeinformations{
    display:none
}
#fortextcharge{
    border:2px solid #f5f8fc;
    border-radius:10px;
    padding:10px;
    width:calc(100% - 20px)
}
.listpriceofsimtype>div{
    padding:20px 3px!important
}
.listkeysofpaysimtype_1{
    background:#ccf1ce;
    border-radius:10px;
    padding:14px 1px;
    text-align:center;
    color:#000;
    font-weight:bold;
    font-size:20px;
    margin:15px 0
}
.listkeysofpaysimtype_2{
    background:#009cd7;
    border-radius:10px;
    padding:20px 1px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:20px;
    margin:15px 0;
    cursor:pointer
}
.user_sims_list{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-evenly;
    margin-bottom:40px;
    padding:10px
}
.user_sims_list_num{
    cursor:pointer;
    background:#fbfbfb;
    color:#303030;
    margin:8px;
    padding:4px 10px;
    border-radius:10px;
    font-size:14px;
    text-align:center;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:row-reverse;
    flex-wrap:nowrap;
    box-shadow:0 13px 0 21px #fbfbfb
}
.user_sims_list_num_after::after{
    content:"";
    height:1px;
    position:absolute;
    margin:0 auto;
    right:0;
    left:0;
    margin-top:44px;
    background:#ddd;
    width:90%
}
.user_sims_list_num:hover{
    background:#f5f8fc
}
.servicesimtypelabel{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-start;
    cursor:pointer;
    margin-top:5px
}
#selectnewsimalert{
    padding:10px;
    margin-top:20px
}
#selectnewsimalert input{
    margin-left:9px
}
.paysimpersonnal{
    background:#fffcf9
}
.divpackagecharges{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    flex-direction:column;
    align-items:center
}
.divpackagecharges div{
    background:#32b976;
    border-radius:10px;
    width:170px;
    text-align:center;
    margin:7px;
    padding:5px 1px;
    color:#fff;
    cursor:pointer
}
.user_sims_list_num img{
    width:20px;
    margin-right:5px
}
.user_sims_list_num>div{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-right:10px;
    flex-direction:row-reverse
}
.personalsim{
    color:#ffb03b
}
.personalsims{
    background:#E5EEFB
}
.keyssim{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    align-items:center
}
.list1ofselectnewsim{
    display:flex;
    align-items:center
}
.list2ofselectnewsim{
    padding:10px;
    border-radius:0 0 10px 10px;
    position:absolute;
    max-height:300px;
    overflow:hidden;
    display:none;
    z-index:3;
    width:calc(100% - 140px);
    border:1px solid #ddd;
    margin-top:-9px;
    padding-top:20px;
    border-top:none
}
.qf_divinoperator>div{
    background: F5F8FC;
    color:#c2c2c2;
    cursor:auto
}
#listofselectnewsim_div strong{
    direction:ltr
}
.closelistofselectnewsim{
    position:absolute;
    margin-top:-17px;
    margin-right:-3px;
    font-size:18px;
    cursor:pointer
}
.table_noborder_sides thead>tr>td:first-child{
    border-top:none;
    border-right:none
}
.table_noborder_sides thead>tr>td:last-child{
    border-top:none;
    border-left:none
}
.table_noborder_sides tbody>tr:last-child>td:first-child{
    border-bottom:none;
    border-right:none
}
.table_noborder_sides tbody>tr:last-child>td:last-child{
    border-bottom:none;
    border-left:none
}
.table_noborder_sides thead > tr > td:not(:first-child, :last-child) {
    border-top:none
}
.table_noborder_sides > tbody > tr:last-child > td:not(:first-child, :last-child) {
    border-bottom:none
}
.table_noborder_sides tbody>tr>td:first-child{
    border-right:none
}
.table_noborder_sides tbody>tr>td:last-child{
    border-left:none
}
.table_borderradius_td10{
    border-radius:10px
}
.table_borderradius_td10 thead>tr>td:first-child{
    border-radius:0 10px 0 0
}
.table_borderradius_td10 thead>tr>td:last-child{
    border-radius:10px 0 0 0
}
.table_borderradius_td10 tbody>tr:last-child>td:first-child{
    border-radius:0 0 10px 0
}
.table_borderradius_td10 tbody>tr:last-child>td:last-child{
    border-radius:0 0 0 10px
}
.down_menu_general2 a:hover,#submenujava a:hover{
    color:#e5b264
}
#payaccountpay{
    font-size:18px
}
.notop{
    right:0!important;
    top:0!important
}
.pnnoactive{
    background:#ffc5c5
}
.servicetagname{
    color:red;
    font-size:12px;
    margin-top:3px
}