@font-face{font-family:numberlandfont;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dana/DanaFaNum-Regular.woff2) format("woff2"),url(fonts/dana/DanaFaNum-Regular.woff) format("woff")}@font-face{font-family:numberlandfont;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/dana/DanaFaNum-Medium.woff2) format("woff2"),url(fonts/dana/DanaFaNum-Medium.woff) format("woff")}@font-face{font-family:numberlandfont;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/dana/DanaFaNum-Bold.woff2) format("woff2"),url(fonts/dana/DanaFaNum-Bold.woff) format("woff")}

#userenterinsite_menu{display: none;}
/*AUTO tooltip*/
.autotooltip {
    position: relative;
    display: inline-block;
}

.autotooltip::before {
    content: attr(data-autotooltip);  /* نمایش متن تولتیپ از ویژگی data-tooltip */
    position: absolute;
    bottom: 100%;  /* تولتیپ بالای المان نمایش داده می‌شود */
    left: 0;
    transform: translateX(0);
    background-color: rgb(0 0 0 / 50%);  /* رنگ پس‌زمینه تولتیپ */
    color: white;  /* رنگ متن */
    padding: 8px;
    border-radius: 8px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
    z-index: 99999; 
    font-size: 10px;
    /* مثلث */
    /*border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgba(0, 0, 0, 0.75) transparent;*/
}
.autotooltip:hover::before {
    opacity: 1;
    visibility: visible;
}
.autotooltip[data-autotooltip='']::before {display: none;}
.autotooltip-center{
    left: 50%;
    transform: translateX(-50%);
}
/*.autotooltip::after {
    content: 'a';
    position: absolute;
    background: red;
    width: 10px;
    height: 10px;
}*/
/*end AUTO tooltip*/

/*function change_select_to_divs style*/
.changeselecttodivs-custom-select {
    display: flex;
    
    border-radius: 10px;
    /*margin-top: 5px;*/
    cursor: pointer;
    height: 40px;
    font-size: 14px;
    padding: 2px 2px 2px 2px;
    background: #f1f6f9;
}

.changeselecttodivs-custom-option {
    flex: 1;
    padding: 10px;
    text-align: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    line-height: 1;
    transition: background-color 0.3s ease, transform 0.3s ease;
    justify-content: center;
    margin: 2px 2px;
    color: gray;
}

.changeselecttodivs-custom-option:hover {
    /*background-color: #e0e0e0;*/
    font-weight: bold;
    color:#484848;
}

.changeselecttodivs-selected {
    background-color: #d1e1f1;
    background-color: #ffffff;
    font-weight: bold;
    border-radius: 7px !important;
    color:#484848;
    /*box-shadow: 0px 0px 2px 0px #b5b5b5;*/
    /*margin: 2px 2px;*/
}
.changeselecttodivs-custom-select > div:first-child{
    border-radius: 0px 10px 10px 0px;
}
.changeselecttodivs-custom-select > div:last-child{
    border-radius: 10px 0px 0px 10px;
}

/*page info_numbers_for_ever.php*/
.type-and-country-special{
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: calc(100% - 20px);
}
.special-just-country{
    margin-left: 10px;
    flex:1;
}
.special-just-type{
    flex:3;
}
.special-just-type-text{
    color: #9a9a9a;
    font-size: 12px;
    text-align: right;
    padding-right: 5px;
    padding-top:4px;
    height: 20px;
}
/*END function change_select_to_divs style*/
  


/*newselect style*/
.newselect {
    /*-webkit-appearance: none;  
    -moz-appearance: none;     
    appearance: none;*/

    /*padding: 10px 20px 10px 40px;*/
    padding: 10px 10px 10px 20px;
    border: 2px solid #f1f6f9;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    border-radius: 10px;
    outline: none;
    height: 44px;
    width: 100%;
    cursor: pointer;
    text-align: right;
    position: relative;
    font-family: 'numberlandfont';
}
/* حذف مثلث پیش‌فرض در IE */
.newselect::-ms-expand {
    display: none;
}
/* اضافه کردن مثلث پایین با استفاده از ::after */
.newselect::after {
    content: '\25BC';  /* مثلث پایین */
    font-size: 14px;
    color: #333;
    position: absolute;
    left: 10px;  /* فلش در سمت چپ */
    top: 50%;
    transform: translateY(-50%);  /* تنظیم فلش در مرکز */
    pointer-events: none;  /* جلوگیری از تعامل با فلش */
}
/*END .newselect*/


.spait_number_sspan{display: contents;}
.button{
    background: #009cd7;
    width: fit-content;
    margin: 0 auto;
    padding: 4px 12px;
    border-radius: 8px;
    color: white;
    cursor: pointer;
    /*display: table;
    margin-top: 2px;*/
}
.justformobileinjava{display:none !important;}
/*account new design */
.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 0px;
    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 0px;
    padding: 4px 3px;
    cursor: pointer;
    align-items: center;
    position:relative;
}
.divaccounts>div{
    font-size: 13px;
}
.divaccounts2>div{
    width: 100%;
}
.divaccounts2>div>div{
    font-size: 13px;
}
.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: white;
    padding-right: 0 !important;
    margin-top: 8px;
    padding: 8px 0px;
    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: white;
    padding: 0px 8px;
    border-radius: 4px;
    font-size: 9px;
    position: absolute;
    margin-top: -48px;
    left: 16px;
}
.divaccounts4::after{
    content: attr(datatag);
    background-color: red;
    color: white;
    padding: 0px 8px;
    border-radius: 4px;
    font-size: 9px;
    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;}
/*BEGIN sim page estonia or ...*/
.sim-page1{
    display: flex;
}
.questions_titr{
    color: black;
    font-size: 19px;
    text-align: center;
    font-weight: bold;
}
.sim-page1 .discount_percent_digits{
    font-size: 11px;
}
.sim-page1 .discount_percent_div{
    color: red;
    max-height: 40px;
    margin-right: 6px;
    width: 41px;
    font-size: 13px;
    border-radius: 5px;
    text-align: center;
}
.sim-page1 .discount_percent_div:not(:empty) {
    background: #ffd3d3;
    padding: 6px 0px 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{
    /*margin: 10px;*/
    padding: 20px 0px;
    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;
}
.rentalnumberforeverdesitems div h4{cursor: pointer;}
.sim-page1-l .rentalnumberforeverdesitems > div {
    width: calc(50% - 66px);
    padding: 23px;
    margin: 10px;
	background: #f5f8fc;
}
.sim-page1-l .rentalnumberforeverdesitems div p{
	font-size: 17px;
    font-weight: 300;
    color: #334b6c;
}
.sim-page1-l .rentalnumberforeverdesitems div p i:nth-child(1) {
    font-size: 16px;
    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: black;
}
.sim-page3 h2{
    font-size: 1.4rem;
    color: #333333;
}
.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: white;
    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: white;
    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: 17px;
}
.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: #ffffff;
	background: #26ac00;
	padding: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 17px;
	border-radius: 10px;
}

/*شروع لیست سیم کارت های خرید شده*/
.simdiv_titr{
	color: #0098d1;
    font-size: 17px;
}
.simdiv_moreinfo_span{
	cursor: pointer;
	padding: 0px 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;
    flex-direction: row-reverse;*/

    display: flex;
    padding: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
}
.simdiv_status > span{
	font-size: 12px;
    color: gray;
}
.simdiv{
	/*display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: #f7f7f7;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;*/
    
    
    /*display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    background: #f7f7f7;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    align-content: stretch;*/


    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: 0px 4px;
}
.simdiv_box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
	direction: ltr;
}
.simdiv_datetime{
	direction: ltr;
	/*font-size: 12px;
    color: gray;*/
}
.simdiv_datetime>span{margin-left: 5px;}
.simdiv_pay{
	/*font-size: 12px;
    color: gray;*/
}
.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: #ffffff;
	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;
    /*this style for mobile*/
    /*position: sticky;
    top: 0;
    width: fit-content;*/
    z-index: 99999999999999999;
    padding: 4px 1px;
    border-radius: 0px;
}
@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 0.6s;
}
.serbackground_open > img {
    /*width: 65% !important;*/
    width: 100% !important;
}
.serbackground:hover .serbackgroundimg{
	transform: scale(1.07);
}
.serbackground:hover .serbackgroundimgp{
	transform: scale(1.07);
}
.serbackgroundimgp{
    width: 90% !important;
    /*margin-top: 70px;*/
}

/*END sim page */

.trdivpasi{
    background: #f7f7f7;
    background: #dcdcdc;
}

/*BEGIN account page openai and ...*/
.account-page1{
    display: flex;
}
.questions_titr{
    color: black;
    font-size: 19px;
    text-align: center;
    font-weight: bold;
}
.account-page1 .discount_percent_digits{
    font-size: 13px;
}
.account-page1 .discount_percent_div{
    color: white;
    max-height: 40px;
    margin-right: 6px;
    width: 41px;
    font-size: 12px;
    font-weight: 500;
    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: 11px;
}
.account-page1 .discount_percent_div div:nth-child(2){
    margin-left: -5px;
}
.account-page1 .discount_percent_div:not(:empty) {
    background: #ff0000;
    padding: 1px 0;
}
.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{
    /*margin: 10px;*/
    padding: 20px 0px;
    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;
    font-size: 15px;
}
.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{/*.rentalnumberforeverdesitems div h4*/
	font-size: 17px;
    font-weight: 300;
    color: #334b6c;
}
.account-page1-l .rentalnumberforeverdesitems div p i:nth-child(1) {
    font-size: 16px;
    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: black;
}
.account-page3 h2{
    font-size: 1.4rem;
    color: #333333;
}
.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: white;
    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: white;
    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: 17px;
}
.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: #ffffff;
	background: #26ac00;
	padding: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 17px;
	border-radius: 10px;
}
.keywordhidden{display: none;}
.discount_account>span{
	color: #ffffff;
	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;
	/*height: 400px;*/
	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;
    /*this style for mobile*/
    /*position: sticky;
    top: 0;
    width: fit-content;*/
    z-index: 99999999999999999;
    padding: 4px 1px;
    border-radius: 0px;
}
@keyframes gradienttt {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}






/*END account page openai and ...*/
/*شروع بخش سوالات متداول اولین مورد در صفحه اکانت کلاس مادر: questionbox*/
.questionbox .accordion-item {
    background: #E5EEFB;
    box-shadow: 0px 0px 17px 6px rgb(0 0 0 / 3%);
    border-radius: 24px !important;
    border: 0;
    margin-bottom: 0.8em;
}
.questionbox label {
    display: block;
    overflow: hidden;
}
.questionbox input[type="checkbox"] {
    display: none;
}
.questionbox .title {
    padding: 0.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: 16px;
    line-height: 31px;
    text-align: right;
}
.questionbox h2 {
    font-size: 1.4rem;
    color: black;
}
.questionbox .fa-solid {
    margin-left: 5px;
}
.questionbox .flashicon {
    color: #61B5FF;
    font-size: 1.5rem;
    transition: 0.2s;
}
.questionbox .content {
    position: relative;
    padding: 0;
    max-height: 0px;
    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: 16px;
    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: 0px !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,0.6615239845938375) 65%, rgba(255,255,255,0) 100%);
}
.allmoreheight_div{
	width: fit-content;
	color: #666666;
	padding: 1px 15px;
	margin: 0 auto;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
	top: -10px;
	position: relative;
}
/*.all_hidden_more::after{
    content: "";
    background: white;
    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;
} */
.discont_div_creatediv{
    cursor:pointer;
    padding: 5px;
    color: #9a9a9a;
    /*margin-bottom: 8px;*/
}
.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 0px 0px 8px;
    height: 24px;
}
.discont_save{
    cursor: pointer;
    border: 1px solid #ddd;
    height: 24px;
    padding: 5px 10px;
    border-radius: 0px 8px 8px 0px;
    border-left: none;
    background: #32b976;
    color: white;
    width: 30px;
}

#create_discont_msg{
    color: brown;
}
.absentuser{
	direction: rtl;
    width: 230px;
    height: 100px;
    position: absolute;
    margin: 17px;
    border-radius: 10px;
    background: #e5eefb;
    font-size: 13px;
    padding: 10px;
	text-align: center;
}
.absententer{
    /*display: flex;
    align-items: center;
    direction: rtl;
    color: #35a366;
    font-weight: bold;
	*/
	display: flex;
    align-items: center;
    direction: rtl;
    color: #35a366;
    font-weight: bold;
    justify-content: center;
	cursor: pointer;
}
div#box-widget-icon{
    transform: scale(0.8) !important;
}
.absententerwait{
	color: #849b84 !important;
}
.absentexit{
    color: #798daa;
}
.absentexit>i{
	font-size: 14px;
    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 0px;
    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: aliceblue;
    padding: 2px 10px;
    bottom: 8px;
    border-radius: 8px;
	left:8px;
}
.createapicancel{
	cursor: pointer;
    font-size: 12px;
    background: #fff0f0;
    padding: 1px 4px;
    border-radius: 5px;
}
.center{text-align: center;}
.numberspanel_2{
	padding: 5px 0px;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-evenly;
}
.commentforkeyservicefilterpress:not(:empty){
    font-size: 12px;
    font-weight: normal;
    background: moccasin;
    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{
	/*width: 145px;*/
    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: 18px;
    /*left: 34px;*/
    margin-left: 32px;
    color: gray;
}
#showforcaptchacreatorfooter .secondi{
    left: 67px !important;
}
.login_create_cp>input{
	padding: 3px 0 0 45px;
    /* width: 100%; */
    /* width: -webkit-fill-available; */
	width: calc(100% - 260px);
    height: 45px;
    border-radius: 4px;
    margin: 0;
    background: #f2f2f2;
    text-align: left;
    font-size: 14px;
    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{
	/*left: 57px;*/
        margin-left: 20px;
}
.forget_create_cp>img{
	border-radius: 7px;
}
._hj-1_39t__styles__resetStyles * {font-family:'numberlandfont' !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: 'numberlandfont' !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: 13px;
	color: #b95700;
}
.bodydev{
	padding: 25px;
	user-select: text;
	-moz-user-select: text;
	font-size: 13px;
}
.bodydev h1{
	/*color: #007baa;*/
	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: white;
    padding: 7px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}
.documentlist div:hover{
	background: #009fde;
}
.changelistdocumentdevelopersactive{
	background: #009fde !important;
}

/*
._hj_feedback_container ._hj-qoDG___EmotionIconDefault__iconEmotionDefault._hj-1BEBR__EmotionIconDefault__like ._hj-2RA7u__EmotionIconDefault__expressionIcon:before {
    font-family: "Font Awesome 6 Pro" !important;
    font-size: 36px !important;
    content: "\f681" !important;
    color: #009dd9 !important;
}
*/
/* width */
::-webkit-scrollbar {
  width: 15px;
}
/*در حالت موبایل کلاس ویدئو موبایل نمایش داده میشه و در حالت ویندوز کلاس ویدئو پی سی نمایش داده میشه*/
.videomobile{
    display: none;
}
.videopc{
    display: block;
}
pre{
    font-family: 'numberlandfont' !important;
    white-space: pre-wrap;
    line-height: 2;
    color: #707070;
}
/* Track */
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}
.usernameinadminpanel{color:#015ab9;cursor: help;}
.userlimited{
    color: blueviolet;
    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: black;
    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: #ffffff;
    box-shadow: 0px 0px 10px #c5d5ec;
    direction: rtl;
    width: calc(100% - 50px);
    max-width: 480px;
}
.feedbackgeneraltext textarea{
    margin: 0px;
    width: calc(100% - 20px);
    height: 170px;
    text-align: justify;
    padding: 10px;
    font-size: 13px;
    background: rgb(245, 248, 252);
    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: 14px;
    color: #009688;
}
.feedbackgeneraltext2 {
    margin: 20px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.18);
  border-radius: 3px;
}
.onlinebyjava{
	z-index: 9999999999999999999999;
    text-align: center;
    color: red;
    background: blanchedalmond;
    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:yellow;}
.continue_pay{
    display: flex;
    align-items: center;
    background: #f5f8fc;
    font-size: 13px;
    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: 13px;
    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: 13px;
    cursor: pointer;
    padding: 0 15px;
}
.infoagopayforrentalkey i{
    font-size: 12 !important;
    opacity: 1 !important;
    margin-left: 0 !important;
    color: #596e8d;
    margin-right: 10px;
}
.newsmsrentalcss{background: yellow !important;}/*برای زرد شدن هنگام تغییر شارژهم استفاده میشه از این کلاس*/
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.activeoperatorrent{
	color: #009cd7 !important;
    font-weight: bold;
	cursor: auto !important;
	/*color: red;*/

}
.activeoperatorrent::after{
	content: "";
    background: white;
    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: 0px;
    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: 14px;
    width: 100%;
    list-style: none;
    position: relative;
    padding: 0 0 10px 0px;
    background: white;
    cursor: pointer;
    color: #777777;
}
.operator-rental > div:hover:after{


	content: "";
    background: white;
    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: white;
    text-align: center;
    border-collapse: collapse;
    width: 100%;
    user-select: text;
}

/*for profile user*/
.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: #ffffff;
	text-align: left;
	margin-left: 10px;
}
.zamimehdiv > div:first-child{
	float: right;
	border: 1px solid #dddddd;
	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: 0px;
	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: 14px;
	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;
}
/*.smsrentaltext{display:none;}*/
#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 0.3s linear;
    transition: opacity 0.3s linear;
    width: 0%;
}
.masdoodazaduser{
	cursor: pointer;
    padding: 2px 12px;
    border-radius: 6px;
    color: white;
}
.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: 13px;
    margin-top: 9px;
}
.userpopinfo div i {
    opacity: .6;
    margin-left: 5px;
    font-size: 14px;
}
#kodtaiidformailchangediv {
    margin: 5px 24px 0 0;
}
input#kodtaiidformailchange {
    border-radius: 5px;
	width: calc(100% - 157px);
}
div#saveinformationdiv {
    font-size: 12px;
    margin: 5px 25px 0 0;
    color: #006991;
}
.link{
    color:#0199d2!important;
}
.mobbuydis{
	display: none;
}
.rc-anchor-normal-footer{display:none !important;}
.frm_form_field .grecaptcha-badge {
  display:none;
}
.forevertutdesitems > div{width:100% !important;cursor: pointer;}
.forevertutdesitems > div > h4{font-size: 13px !important;}
.forevertutdesitems > div > h4 > i{font-size: 13px !important;margin-left: 7px !important;margin-right: 10px;}
.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: 11px;
    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: 0.6s;
    font-size: 12px;
	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/* !important*/;
	right: 69px/* !important*/;
}
.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 {
  /*opacity:0.75;*/
  width: 14px;
  height: 14px;
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;

  margin: 0 auto;
}

/* The idea of animating inner circle is based on Polymer loading indicator by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */
.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: 14px;
}
.filterdiscount, .filtertime, .filtertype, .filterprogram, .filtercountry_show{
    /*display: flex;
    max-width: 250px;
    align-items: center;
    justify-content: space-around;*/


    display: flex;
    /* max-width: 300px; */
    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: 13px;
    display: inline-block;display:none;
    background: #009cd7;
    color: white;
    width: 115px;
    margin-right: 10px;
    padding: 10px 0px;
    border-radius: 8px;
}
.serachforservices{
    width: calc(100% - 25px);/*150 25*/
    margin-bottom: 15px;
    font-size: 13px;
    padding: 10px;
    border: -70px solid #e3e3e3;
}
.for_copy_general_html{
    /*font-size: 13px;*/
    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: 'numberlandfont';
}
/*
.coloroptiopn0forselect{
    color: #9f9f9f;
}
.coloroptiopn0forselect option[value not("0")]{

}
*/
.moreinfo_pay_special_numbers{
    display: grid;
}
.moreinfo_pay_special_numbers_div{
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}
.moreinfo_pay_special_numbers_div div{
    padding: 0px 2px;
}
.styleforkeysearchnumbers{
	cursor: pointer;
	background: #ffb03b;
	color: #fff;
	margin-right: 5px;
	padding: 4px;
	border-radius: 5px;
	font-size: 13px;
	font-family: arial;
}
.styleforkeysearchnumberssearched{
	background: #d98100;
}
.number-of-index{
    font-size: 11px;
    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 0.2s ease;
  transition: all 0.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: 14px;
    background: #009fde;
    color: white;
    padding: 2px 15px 5px;
    border-radius: 7px;
	overflow: hidden;
    position: relative;
    width: fit-content;
    margin: auto;
}
.testagainforpay i {
    font-size: 12px;
    position: relative;
    top: 3px;
    margin-left: 5px;
}
.turnoffvpn {
    margin: 30px 30PX 20PX;
    font-size: 13px;
    color: #454545;
    text-align: justify;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.infoasusersforadmin_tr{
	display: none;
}
.getmobtitle {
    font-size: 22px;
    color: #005395;
    word-spacing: -3px;
}
.getmobileforsave{
	text-align: justify;
    font-size: 13px;
    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: 19px;
    letter-spacing: 2px;
    height: 32px;
    border: none;
    width: calc(100% - 54px);
    margin: 0;
	color: gray;
}
.input_getmob input::placeholder{
	color: #cccccc;
}
.chargedasti_div{
	border:1px solid green;
}
.infoandchargedasti_div{
	/*border:1px solid red;
	width: 700px;
	display: table;*/
}
.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: white;
    float: left;
}
.chargedastidivkasr {
    background: #b10000;
    color: white;
    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: 16 !important;
    color: #ffffff;
    width: 170px;
    text-align: center !important;
}
.userrightdivtabactive{
	color: #009fde;
    background: #ffffff;
}
.tabforinfouser_up{
    width: calc(100% - 90px);
    background: white;
    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{/*admintestcss*/
    width: calc(100% - 90px);
    background: white;
    border-radius: 15px !important;
    margin: 20px !important;
    padding: 25px !important;
}
.tabforinfouser_down table {/*admintestcss*/
	width: 100%;
    /*border-collapse: initial !important;*/
	border-collapse: collapse;
}
.tabforinfouser_down thead td {/*admintestcss*/
    direction: rtl;
}
.tabforinfouser_down td {/*admintestcss*/
    direction: ltr;
}
.tabforinfouser_down thead tr td {/*admintestcss*/
    font-weight: bold;
    border-bottom: 2px solid #e3e3e3;
    background: #ffffff;
}
.tabforinfouser_down table tr.graytr{
    background: #f5f5f5;
}
/*.tabforinfouser_down table tr:nth-child(even) {
    background: #f5f5f5;
}*/
.aaachargedastidivkasr{
	cursor: pointer;
    display: table;
    background: rgb(221 56 56);
    color: white;
}
.chargedasti_div a{
	color:red;
	cursor:pointer;
}
.numbersbox table td:nth-child(2) {
    direction: ltr;
}
#forshowtextareafordeletetext{
	position: absolute;
    right: 43px;
    background: white;
    padding: 0 7px;
    font-size: 12px;
    color: #3f3f3f;
}
.tabforinfouser_down .startooltiptext {
	/*admintestcss*/
    bottom: 45px !important;
}
.textofdeletenumsp {
    margin: 35px 0 20px;
}
#forshowtextareafordelete {
    font-size: 13px;
    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: white;
}
.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: 13px;
    color: #eb1200;
    margin-top: 10px;
}
.numberscommentforwait{
	margin: 0 auto;
    padding: 5px;
}
.formsearchfromadmindiv{
direction: rtl !important;
    text-align: center !important;
}
.formsearchfromadmindiv input{
	width: 120px;
    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: 14px;
    outline: none;
    transition: all 0.3s;
    font-family: 'numberlandfont';
}
.formsearchfromadmindivflex{
	display: flex;
	justify-content: center;
}
.formsearchfromadmindiv input::placeholder{
	font-size: 14px;
}
.getforspnumberssty{
	margin-top: 20px;
}
#butofsearchfromadmin {
    margin-right: 5px;
}
.morekeyfornumbersgeneral{
    margin: 10px 0px;
    border-radius: 5px;
    background: #ffb03b;
    color: white;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.specialcommentdiv{
	font-size: 12px;
    background: #e3fee8;
    color: #008a3e;
    padding: 12px 5px;
    border-radius: 7px;
    margin-top: 15px;
}
.specialbuykey{
    padding: 9px 0;
    background: #ffb03b;
    color: white;
    border-radius: 5px;
    margin: 0px 15px 0 0 !important;
    cursor: pointer;
    font-size: 19px;
    /* float: left; */
    overflow: hidden;
    position: relative;
    width: 40%;

}
.specialbuykey i{
font-size: 14px;
    margin-left: 5px;
    position: relative;
    top: 1px;
}
#textdecospet{
    margin: 0 15px;
    color: rgb(124 124 124);
    font-size: 12px;
    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: rgb(199, 197, 197);
    font-size: 17px;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}
.sabtnamtaiidformdiv {
    height: 44px;
    position: relative;
    margin: 19px 0px;
}
.sabtnamtaiidformdiv > i{
    position: absolute;
    font-size: 18px;
    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: calc(100% - 0px);*/
	width: -webkit-fill-available;
    color: #09465d;
}
#sabtnamtaiidform input::placeholder {
    font-size: 13px;
    font-weight: 400;
    color: #9b9b9b;
}
.sabtnamtaiidformtitle {
    font-size: 12px;
    text-align: right;
    margin: 0;
    color: #676767;
    display: none;
}
#getforspnumbersspan{
	display: flex;
    align-items: center;
}
#getforspnumbersspan div{
    margin: 0 10px;
    font-size: 17px;
    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: 0px;
    border-radius: 5px;
    font-family: 'numberlandfont';
    font-size: 16px;
    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: 12px;
    color: white;
    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: 15px;
}
.listnumberspdiv:nth-child(even) {
    background: #f7f7f7;
}
.listnumberspdiv > span:nth-child(1) {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    direction: ltr;
    /* font-weight: 300; */
    user-select: text;
    color: #666666;
	color: #00749f;
}
.listnumberspdiv > div > div:nth-child(2) {
    color: #00af58;
}
.listnumberspdiv > div > div > span {
    font-size: 11px;
}
.listnumberspactive {
	background: rgb(31, 143, 232) !important;
	color: white !important;
}
.listnumbersptitle{
    padding: 10px;
    text-align: justify;
    line-height: 26px;
}
.listnumberspnonumber {
    color: #555555;
	font-size: 13px;
    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: 13px;
    text-align: left;
    direction: ltr;
    color: #7a8c9f;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.spdivtransfer{
    color: #57708d;
    background: #ffffff;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 12px;
    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: 11px;
    margin-left: 3px;
}


.spdivnumbc div:nth-child(1){
float: right;
    color: #6c6c6c;
    font-size: 13px;
}
.spdivnumbc div:nth-child(2){
direction: ltr;
    float: right;
    color: #1e8fbe;
    margin-right: 5px;
    font-family: calibri;
    font-size: 14px;
    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: 11px;
	padding: 3px 5px;
	cursor: pointer;
	color: black;
}
.spdivnumlast{
	background: #dad7d7;
    padding: 6px 0;
    border-radius: 5px;
    width: 50%;
    margin: 0 auto;
	cursor: pointer;
}
/*زیبا سازی رادیو باکس در شماره های ویژه*/
/* The container */
.listnumbersp .container {
  display: block;
  position: relative;
  padding-left: 35px !important;
  /*margin-bottom: 12px;*/
  cursor: pointer;
  /*font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.listnumbersp .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.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;
}

/* On mouse-over, add a grey background color */
.listnumbersp .container:hover input ~ .checkmark {
  /* background-color: #ccc; */
}

/* When the radio button is checked, add a blue background */
.listnumbersp .container input:checked ~ .checkmark {
  background-color: #ffffff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.listnumbersp .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.listnumbersp .container input:checked ~ .checkmark:after {
  display: block;
  background: #1f8fe8 !important;
}

.listnumbersp .container input:hover ~ .checkmark:after {
  display: block;
  background: #1f8fe8;
}

/* Style the indicator (dot/circle) */
.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 0px;
    cursor: pointer;
    color: #008fc6;
    font-size: 16px;
    width: 100%;
    margin: 10px 0;
    text-align: center;
}
.showorhideforcommentsp2{
	width:100%;
}
.showorhideforcommentsp-pu{
	margin: 20px auto 0;
    background: #ffb03b;
    color: white;
}
.tabadmin_g table thead td{white-space: nowrap;}
.kelid_a_sefid {
    border: 1px solid #000000;
    border-radius: 3px;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    color: royalblue;
    margin-left: 2px;
    margin-right: 2px;
    background: white;
	cursor: pointer;
}
.apitextmessage {
font-size: 12px;
    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: 14px;
    margin: 5px 0;
}
.textforexparedrentalnum {
    color: #970000 !important;
}
.rentaltooglelistclass div{
transition: all 1.3s;
    display: none;
    color: #008fc6;
    padding: 15px 0px;
    width: 100%;
    border-radius: 10px;
    font-size: 14px;
    margin: 5px;
    background: #f3f3f3;
}
#rentaltooglelistclassspan1{

}
#rentaltooglelistclassspan2{

}
#rentaltooglelistclassspan3{
	background: rgb(116, 203, 159);
    color: white;
}
.rentaltooglelistclassspanactive{
    color: #0085b7 !important;
    cursor: auto !important;
    background: #f3f3f3;
    /*border-radius: 10px;   این با جاوا داده میشه چون متفاوته با تابع  rentalboxstoggle(ee)  و نیز در فایل جنرال تو استایل دیو با آی دی rentaltooglelistclassspan2 است*/
}
.rentaltooglelistclass i {
    font-size: 13px;
    margin-left: 5px;
	position: relative;
	top: 2px;
}
.divtooglerental,.rentaltooglelistclass{
    cursor: pointer;
    font-size: 16px;
    /*background: #f9f9f9;
    border-radius: 10px;*/
    margin: 0;
    margin-top: 20px;
    /*padding: 12px;*/
}
.rentaltooglelistclass{
	display: flex;
    justify-content: space-between;
    /*margin: 3px 0px 0px;*/
    align-items: self-end;
}
.rentalnumerror{
    color: #f08f00;
    font-size: 12px;
	width: calc(100% - 40px);
    margin: auto;
}
.rentaltooglelistclassclose{
	/*display: none;*/
}
/*از اینجا برای کادر ها یجستجو و فیلتر و غیره است*/
.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: 17px;
    color: #bfbeb4;
    position: relative;
    top: 3px;
}
.normalmaintext > span > div > p {
    font-size: 13px;
    margin: 0 0 5px 0;
    color: #707070;
}
.rentalfixcomment{
	margin-bottom: 20px;
}
.rentalfixcomment > p, .rentalfixcomment > ul {
    text-align: justify;
    padding: 0 5px;
    font-size: 15px;
}
.rentalfixcomment > ul{
	padding: 0 15px 0 0;
	margin: 0;
}
.rentalfixcomment > ul > li {
    padding: 2px 0;
	word-spacing: -1px;
}
.rentaloperatorcomment{
	/* border: 1px solid gainsboro; */
    background: #f8f7e9;
    font-size: 13px;
    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, 0.05);
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
}
.rentaloperatorcomment > span {
    position: relative;
    top: 1px;
}
.rentaloperatorcommentdiv{
	width: 100%;
}
.rentaloperatorcommentdiv > div:last-child{
    background: rgba(0, 0, 0, 0.05);
    padding: 8px;
    border-radius: 7px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    margin: 10px 0;
}
.rentaloperatorcommentdiv > ul > li {
    margin: 10px 0px;
    text-align: justify;
}
.rentaloperatorcommentdiv > ul{
	padding: 0 20px 0 5px;
}
.searchcountryoptionsub{
	margin: 0 5px;
    padding: 8px 0px;
}
.searchcountryoptionsub input {
    margin: 0;
    border-radius: 0px;
    font-size: 12px;
    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: 12px;
    transition: 0.3s;
}
.searchcountryoptionFD div i {
	font-size: 11px;
}
.searchcountryoptionFD div span {
	font-size: 12px;
    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: white;
}
.continentkeya-active:hover , .continentkeyadoo-active:hover {
    background: #0095cd;
}

/*.searchcountryoption{
    height: 40px;
    background: #fcfcfc;
    border-radius: 10px;
    margin: 10px 0 0 0;
    position: relative;
    overflow: hidden;
}
.searchcountryoptionsub1{
float: right;
    margin: 7px;
}
.searchcountryoptionsub2{
position: absolute;
    transition: width .8s;
    top: 0px;
    left: 0px;
    width: 38px;
    height: 38px;
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    overflow: hidden;
    color: #ffb03b;
    z-index: 2;
}
.searchcountryoptionsub2 b,.searchcountryoptionsub3 b{
    cursor: pointer;
    width: 38px;
    height: 38px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.searchcountryoptionsub3{
position: absolute;
    top: 0;
    left: 0px;
    transition: width .8s;
    width: 38px;
    height: 38px;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    background: #ffffff;
    color: #ffb03b;
    overflow: hidden;
    margin-left: 43px;
}
/*.mohtavasearchinput , .mohtavasearchinputdoo{
	display: none;
}*/
/*.searchcountryoption input{

    height: 100%;
    margin: 0px;
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    color: #747474 !important;
    border-radius: 0;
    outline: none;
    direction: rtl;
    font-size: 12px;
}
.mohtavasearchinputdoo{
	padding-left: 30px;
}
/*تا اینجا برای کادر ها یجستجو و فیلتر و غیره است*/

/*تب های کمپانی برای شمار های اجاره ای*/
.tabofcompanys{
	border: 3px solid;
}
.tabofcompanysnotactive{
	/*تب های مشترک*/
	cursor: pointer;
	width: 100px;
    /*float: right;*/
}
.tabofcompanysactive{
	/*تب اکتیو*/
	cursor: auto;
}
.chargeadmindata{
	font-weight: bold;
}
.chargeadmindata > span{
	color:#0095cd;
}
.deshow{
	background: rgb(173, 173, 173);
}
.servicemhvr{
	display: non1e;
}
.servicerentaltable i {
    margin-left: 5px;
}
.servicerentaltable tbody td{
	font-size: 14px;
}
.dangerstyle{
	color: red !important;
}
.exparedrentalnum{
	background: #f5f5f5;
    opacity: 0.6;
}
.rentalboxcountry {
    margin-bottom: 5px;
}
.rentalcountrycount{
margin-left: 30%;
    font-size: 14 !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: 11px;
    color: #737373;
}

.rentednumber{
    font-size: 19px;
    text-align: right;
    float: right;
    padding: 5px 10px;
    width: calc(67% - 22px);
    border: 2px solid #e9e9e9;
    /* border-left: none; */
    border-radius: 0 10px 10px 0;
    height: 58px;
	transition: .5s;
}
.rentednumber_nu{
	color: #0077a3;
    direction: ltr;
}
.rentednumber_des {
    font-size: 12px;
    color: #be0000;
}
.rentednumber_des div{
	float: right;
	font-size: 12px;
    color: #6e6e6e;
}
.rentalnumberbox span {
    font-size: 12px;
	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;
}
.rentalnumberforever p{
    font-size: 15px;
}
.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{/*دیزاین جدید فقط در مکس1000 تغییری میکند*/
    display: flex;
    flex-wrap: nowrap;
    margin: 15px -5px 0;
    text-align: right;
    /*align-items: center;*/
    justify-content: space-around;
    align-items: flex-start;
}

.rentalnumberforeverdesitems > div {
    background: #f7f7f7;
    
    width: calc(50% - 34px);
    

    margin: 6px 5px;
    padding: 12px;
    border-radius: 10px;
	height: fit-content;
	transition: 0.6s;
}
.rentalnumberforeverdesitems_account > div {
    /*دیزاین جدید*/
    width: 100%;
    background: #f5f8fc;
}
.rentalnumberforeverdesitems_account .imgaccountboxs, .rentalnumberforeverdesitems_account .fal {
    vertical-align: middle;   
}
.rentalnumberforeverdesitems_account .fal {
    margin-left: 0px;
}
.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: 14px;
}
.foreveramoozeshbox h4 {
    color: #b16c06;
}
.rentalnumberforeverdesitems div p i:nth-child(1) {
    font-size: 12px;
    margin-left: 4px;
    position: relative;
    top: 1px;
}
.rentalnumberforeverdesitems div p i:nth-child(2) {
	transition: all 0.5s ease 0s;
    font-size: 11px;
    color: gray;
	float: left;
    position: relative;
    top: 4px;
}
.rentalnumberforeverdesitems > div > div {
    font-size: 14px;
    padding: 0;
	display: none;
	color: #484848;
	margin-top: 5px;
    text-align: justify;
}
.rentalnumberforeverdesitems p {
    color: #484848;
    font-size: 11px;
}
.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{
/*float: right;*/
    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: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	color: #087097;
	transition: .5s;
}
.tamdidrentalbtncancel {
    color: #af4848;
}
.tamdidrentalbtn{
    border-radius: 0 0 0 10px;
    /* margin-top: 4px; */
    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: white !important;
    font-size: 10 !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: 19px;
    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: 'numberlandfont', 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: 'numberlandfont';}
input {
    border: 1px solid #ddd;
    padding: 5px 10px;
	margin: 5px 0;
    border-radius: 8px;
    text-align: right;
    color: #474747;
	font-size: 14px;
	outline: none;
	transition: all 0.3s;
	font-family: 'numberlandfont';
}
input:focus{
    box-shadow: 0px 0px 4px rgb(0 0 0 / 9%);
}
#mdasti:focus{
	box-shadow: none;
}
h1 {
    font-size: 19px;
    color: #5f5f5f;
}
h2 {
font-size: 17px;
    color: #5f5f5f;
}
h4 {
    font-size: 16px;
    margin: 10px 0 5px;
    color: #006f99;
}
p {
    color: #484848;
    margin-top: 10px;
	font-size: 16px;
	line-height: 28px;
}
li{
	color: #484848;
}
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: 12px;
    color: orange;
}
#nazarsanji div {
    background: #00b75b;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 12px;
}
.button_inamnmojadad{
	display: none;
	font-size: 12px;
	color: #7f7f7f;
}
.button_inamnmojadad_spantime{
	color: #7f7f7f;
	font-size: 12px;
}
.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: 17px;
    font-weight: 300;
    transition: .3s;
    text-shadow: 1px 1px 1px white;
}
.main-des-icons div:hover {
    background: #008fc5;
    color: white;
	border-color: #008fc5;
	text-shadow: none;
}
.main-des-icons div i{
font-size: 16px;
    margin: 0 17px 0 8px;
}
.sspdiv{
    display: flex;
    justify-content: space-around;
    margin: 0px;
    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: white;
    box-shadow: 0px 5px 12px white;
}
.sspdiv i {
    margin-left: 8px;
    font-size: 17px;
    /* opacity: .7; */
    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: 17px;
}
.sspactive{
    color: #0199d2 !important;
    border-radius: 20%/1px;
    font-weight: 600;
}
.sspactive::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #17a1d6;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.sspactive i {
    font-weight: 500;
    opacity: 1;
}
.sspdisactive{
	cursor: pointer;
}
.sspdisactive:hover{
	color:#4ca4cc !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: 12px;
	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: 12px;
}
.paytextout ul{
	padding-right: 0;
	margin:0;
}
.tickpic{
	width: 14px;
    position: relative;
    top: 2px;
	margin-left: 4px;
}
.toggle-div{
    display: none;
    border: 1px solid whitesmoke;
    border-right: 5px solid #009cd7;
    border-top: none;
    padding: 25px;
    font-size: 13px;
    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: 13px;
    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: 12px;
    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;
    /* background: #4b4b4b; */
    font-family: Calibri;
    border: 1px solid #e2e2e2;
    margin: 15px 0px;
    line-height: 25px;
    font-size: 16px;
    word-break: break-word;
}
.toggle-link pre{
	direction: ltr;
	font-family: 'numberlandfont' !important;
    white-space: pre-wrap;
}
.toggle-table{
	width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    font-size: 13px;
    border: #e0e0e0 1px solid;
	/*word-break: */

}
.toggle-table tr td{
    padding: 15px 20px;
    font-size: 13px;
    color: #8a8a8a;

       /* word-break: break-word; */;
}
.toggle-table tbody tr td:nth-child(1) {
    letter-spacing: 1.5px;
    font-family: tahoma;
    font-size: 11px;
}
.toggle-table caption{

    text-align: right;
    direction: rtl;
    padding: 10px 0;
    font-size: 16px;
}
.toggle-comm{

    font-size: 14px;
}


.tmn, .adad {
    font-size: 10px;
    position: relative;
    right: 3px;
    top: -1px;
    color: #828282;
}
.un_numbercountajax {
    color: #7f7f7f;
    font-size: 11px;
    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: 12px;

    color: #494949;
    width: calc(100% - 20px) !important;
    min-height: 100px;
    resize: none;
	outline: none;
}
.newrentalnum{
	background: yellow;
}
.poll-form button{
    font-size: 13px;
    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: 14px;
    font-family: calibri;
    position: relative;
    top: -2px;
    color: #474747;
}
.keyinfooptionalfornews{
    float: none !important;
    background: #32b976;
    color: white;
    width: fit-content;
    /*margin: 0 auto;*/
}
.massage_box_close_news_nextplace{
    background: #0890fc;
    color: white;
    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: 14px;

    padding: 5px 15px;
    border-radius: 8px;
    cursor: pointer;
	position: relative;
	overflow: hidden;
	float: right;
}
.massage_box_close_news_left{
    background: #0890fc;
    color: white;
}
.massage_box_close_news_right{
    background: #e9e9e9;
    color: #676767;
}
.newsnotname {
    font-size: 20px;

    margin: 0 0 15px 0;
	color: #0069bd;
}
.newsnot{
	    text-align: right;
    font-size: 16px;
	line-height: 25px;
	color: #6b6b6b;
}
.answertext{
    font-size: 12px;

    text-align: right;
    padding: 10px;
    color: #676767;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tmore {
    font-size: 13px;
    text-align: right;
    padding: 10px;
    color: #393939;
}
#os_img{
	transition: transform 0.5s ease;
    top: 2px;
	right: 7px;
    position: relative;
}
.os_div {
    font-size: 13px;
    color: #009cd7;
    padding: 6px 0 7px 0;
    cursor: pointer;

	transition: all 0.5s ease;
}
.os_div:hover {
    color: #ed9f2c;
    transform: scale(1.05);
}

.deactive{
    background: #f2e4ff !important;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}
.deactiveadmin{
    background: #ffd2d2 !important;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}
.timetop{
    position: relative;
    top: -5px;
    font-size: 10px;
    font-weight: 300;
    right: 0px;
    /* color: #969696; */
}
.real_america {
    font-size: 10px;
    color: #009cd7;
	margin-left: -4px;
}
.subdis{
	cursor: pointer;
    overflow: hidden;
    margin: 20px 0;
    background: #f7f7f7;
    padding: 3px 20px;
    border-radius: 15px;
    transition: all 0.5s ease;
    position: relative;
}
.subdis i {
	margin-left: 8px;
    position: relative;
    top: 4px;
    font-size: 19px;
    color: #8d8d8d;
}
.subdis h2{
    font-size: 17px;
    color: #747474;
    margin: 11px 0;
    font-weight: normal;
    float: right;
}
.subdis_ch{
	display: none;
	padding: 5px;
}
.subdis_ch p{
	color: #006388;
    font-size: 14px;

}
.subdis_ch ul{
	    font-size: 12px;
    list-style: none;
    margin: 5px 25px 15px 0;
    padding: 0;
}

.subdisimg{
    position: absolute !important;
    left: 14px;
    top: 16px !important;
    transition: all 0.5s ease 0s;
    transform: rotate(90deg);
}
.subdisimg_m{
	width: 25px;
	margin: 12px 0px 0px 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: 13px;
    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: 12px;
    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: white;
    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, 0.5), inset 1px 1px 1px rgba(0, 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, 0.5) !important;
    top: 50%;
    bottom: 0px;
    left: 3px;
    right: 3px;
    border-radius: 100px / 6px;
}
/*.specialsearchforafter1::after{
    content: "";
    background: white;
    position: absolute;
    width: 15px;
    height: 15px;
    margin-top: 58px;
    margin-left: -352px;
    transform: rotate(45deg);
    box-shadow: inset 1px 1px 0px #e4e4e4, inset 1px 1px 1px #e4e4e4;

}*/

#searchinstates_divuser::before{
    content: "";
    background: white;
    position: absolute;
    width: 15px;
    height: 15px;
    margin-top: -17px;
    margin-left: 58px;
    transform: rotate(45deg);
    box-shadow: inset 1px 1px 0px #e4e4e4, inset 1px 1px 1px #e4e4e4;
}
#searchinstates_divuser2::before{
    content: "";
    background: white;
    position: absolute;
    width: 15px;
    height: 15px;
    margin-top: -17px;
    /*margin-left: -17px;*/
    transform: rotate(45deg);
    box-shadow: inset 1px 1px 0px #e4e4e4, inset 1px 1px 1px #e4e4e4;
}
/*.specialsearchforafter2::after{
    content: "";
    background: white;
    position: absolute;
    width: 15px;
    height: 15px;
    margin-top: 58px;
    margin-left: -162px;
    transform: rotate(45deg);
    box-shadow: inset 1px 1px 0px #e4e4e4, inset 1px 1px 1px #e4e4e4;
}*/
#searchinstates_divuser2 ul{
    display: none;
}
.selectnumforordespecialnotactive{
    /*pointer-events: none;*/
    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: white;
    position: absolute;
    width: 12px;
    height: 12px;
    left: 50%;
    bottom: -6px;
    margin-left: -6px;
    transform: rotate(45deg);
    box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.15), inset 1px 1px 1px rgba(0, 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: 14px;
    width: 33%;
    list-style: none;
    position: relative;
    padding: 0 0 16px 0px;
    background: white;
    cursor: pointer;
    color: #777777;
}
.tablechargerent > ul > li, .rondselector > ul > li{
	font-size: 16px;
}
#rentaltooglelist .tablechargerent > li {
    font-size: 14px;
}
.tablechargeactive i, .rondselectoravtice i {
    /*font-weight: bold;*/
}
.mordesbut{
	text-align: center;
	display: block;
	font-size: 14px;
	color: #009cd7;
	margin: 0px -15px -15px;
	padding: 3px 0 15px;
	border-radius: 0 0 10px 10px;
}

.tablecharge, .tablechargerent, .rondselector{
    padding: 10px 0 0px 0;
    margin-bottom: 25px;
    background: white;
    box-shadow: 0px 2px 10px 0px #ffffff;
    position: sticky;
    top: 0px;
    z-index: 999;
}
.rondselector{
	z-index: 9999;
	padding: 20px 0 0px 0;
}
.tablechargerent i , .rondselector i{
    margin-left: 5px;
    font-size: 13px;
    opacity: .6;
}
.selectstatesinlistselected > div {
    color: #009cd7 !important;
}
.createordernew {
    cursor: pointer;
    color: white;
    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: antiquewhite;
    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;
    /* color: #005170; */
    font-size: 12px;
    padding: 5px 0px;
}
.status_orddiv2{
    background: #ffffff;
    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: 13px;
}
.status_ord2_span{
    color: #00af58;
}
.status_ord0_span{
    color: #ff5555;
}

.ordnumbersspanclass{
    background: #ffffff;
    border-radius: 10px;
    padding: 5px 0px;
}
.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: 12px;
    font-weight: 300;
}
.servicespecialuserclsdiv .numspecial{
    text-align: left;
    margin-bottom: 20px;
    color: #005170;
    font-size: 17px;
}
.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: 14px;
    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: white;
}
.inline-image{
    width: 20px;
    opacity: 0.6;
}
/*.refound_zarin{
    font-size: 12px;
    background: #ffb03b;
    color: white;
    padding: 4px 10px;
}*/
#comment_orduppage{
    direction: rtl;
    text-align: justify;
}
#service_special_user_new{
    padding: 10px;
    /*background: antiquewhite;*/
    border-radius: 5px;
}
#service_special_user_new .btn_ord{
    display: flex;
    margin-bottom: 30px;
}
#service_special_user_new .btn{
	font-size: 16px;
    transition: all 0.5s ease;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    margin-right: 5px;
    margin-left: 5px;
    background: #029bd9;
    margin-top: 15px;
    padding: 7px;
    color: white;
}
#service_special_user_new .btn0{
    font-size: 16px;
    transition: all 0.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: 16px;
    transition: all 0.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;
    /*background: #fffad6;*/
    padding: 25px;
    border-radius: 10px;
    display: block;
    /*font-size: 13px;*/

    text-align: justify;
    overflow: hidden;

    background: #e5eefb;
    font-size: 14px;
    margin: 5px 0 15px;
}
.commentofservices {
    position: relative;
    color: #454545;
    background: #f8f7e9;
    padding: 25px;
    border-radius: 10px;
    display: block;

    font-size: 13px;
    margin: 10 0;
    text-align: justify;
    overflow: hidden;
}
.commentofservices p{
	font-size: 11px;
	text-align: justify;
    margin: 10px 10px 15px 0;
}
.cont_principal {
  position: relative;
  /*width: 100%;
  height: 100%;  */
 background: rgb(255,255,255);
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%;
    /* margin: 0 auto; */
    left: 0;
    right: 0;
    top: -19px;
z-index: 2;
}

.cont_titulo_menu{
    cursor: pointer;
    position: relative;
    width: 280px;
    height: 65px;
    overflow: hidden;
    background-color: #1589d4;
    margin: auto;
    border-radius: 20px 4px 20px 20px;
  }


.cont_icon_menu{
  /*position: relative;
  float: right;
  margin-right: 20px;
  top:14px;*/
position: relative;
    float: left;
    /* margin-right: 20px; */
    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: 0.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: 0.2;
  z-index: 0;
border-radius:50% ;
animation: animation_circle_1 3s infinite;
    animation-direction: alternate;
animation-delay: 0.5s;
transform: scale(0);
}
.cont_circle_3 {
  position: absolute;
top:-80px;
  left: -80px;
  width: 192px;
  height: 192px;
background-color: #fff;
opacity: 0.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: 0.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: 0px 2px 20px -2px rgba(0,0,0,0.3);
margin-top: 5px;
  border-radius:3px ;
opacity: 1;
  transition: all 0.5s;
}
.cont_drobpdown_menu ul > li {
/*
  list-style: none;
  margin-left: -3px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-left: 5px solid #eee ;
  width: 100%;
  display: block;
transition: all 0.5s;*/
list-style: none;
    margin-right: -48px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-right: 5px solid #eee;
    width: 100%;
    display: block;
    transition: all 0.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 0.5s;
fill:#93979d;
}
#svg_download_seyd path{
/*transition: all 0.5s;*/
fill:#ffffff;
}

.cont_drobpdown_menu ul > li:nth-child(2) {
  border: none;
}
.cont_drobpdown_menu ul > li > a {
  position: relative;
  display: block;
text-align: right;
    /* width: 90%; */
    /* right: -60px; */
    margin-right: 53px;
  padding-top:10px;
  padding-bottom:10px;
  text-decoration: none;
  color: #93979d;
transition: all 0.5s;
}
.cont_drobpdown_menu ul > li > hr  {
width: 75%;
height: 0px;
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(0px,10px);
transition: all 0.5s;
}


.disable   {
  transition: all 0.5s;
  opacity: 0;
  transform: translate(0px,10px);
  display:none;
}

.disable > ul > li {
  transform: translate(0px,10px);
  opacity: 0;
}

.active   {
   opacity: 1;
  transform: translate(0px,0px);
}

.active > ul > li {
transition-delay: 0.5s;
  transform: translate(0px,0px);
  opacity: 1;
}
/* پایان کلید */


.gates{
	display: none;
}
.bottom_ani{
	animation: othergates 1.5s cubic-bezier(0.12, 1, 0.29, 1.07);
}
#othergates {
    font-size: 13px;
    color: #666666;
    cursor: pointer;
	animation: othergates 1.5s cubic-bezier(0.12, 1, 0.29, 1.07);
}
@keyframes othergates{
	0%{transform: translate3d(0,800px,0);}
	50%{transform: translate3d(0,800px,0);}
	100%{transform: translate3d(0,0,0); }
}
/*.gates::before{
    content: "";
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -8px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #cacaca transparent;
}*/

.gate_bt{
    animation: from-bo_30 1s cubic-bezier(0.12, 1, 0.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: 11px;
    opacity: .7;
    background: #00000029;
    padding: 0.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: 18px;
    left: 20px;
    top: 19px;
    color: #919191;
}
#show_password{
    /*left: 330px !important;*/
    left: calc( 100% - 28px ) !important;
    cursor: pointer;
}
.input_p input{
    padding: 3px 43px 0 45px;
    /* width: 100%; */
    width: -webkit-fill-available;
    height: 50px;
    border-radius: 10px;
    margin: 0;
    background: #f2f2f2;
    text-align: left;
    font-size: 18px;
    font-weight: 300;
    transition: .5s;
    border: none;
    border: 2px solid transparent;
    direction: ltr;
}
.input_p input::placeholder, .login_create_cp>input::placeholder{
	font-size: 12px;
	position: relative;
	top: -2px;
}
.input_p input:focus{
   border-color: #2196f38c;
   box-shadow: none;
   background: white;
}
.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: 14px;
    content: "\f00c";/* "\f00c";*/
    position: absolute;
    top: -3px;
    color: #2196f3;
    left: -1px;
    /*font-weight: bold;*/
}
.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: 15px;
    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: 0.8;
    margin: 0 -10px 0 20;
	margin: 0px -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: 12px;
    bottom: 130%;
    /*left: 50%;*/
    margin-right: -60px;
    opacity: 0;
    transition: opacity 0.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: 70px;
    background: white;
    direction: rtl;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 7px #e4eaf3;
}
.headertop > a {
    margin-right: 25px;
    height: 65px;
}
.idforhidecompanycountris {
    width: 100%;
}
.divdevelopersclicklist{
	cursor: pointer;
	text-align: center;
	background: #009cd7;
	width: 200px;
	padding: 8px 8px;
	margin: 0 auto;
	border-radius: 5px;
	color: white;
	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: 15px;
    background: #ffb03b;
    border-radius: 9px;
    padding: 0 0px 0 12px;
    color: #fff;
    font-size: 13px;
    transition: all .5s ease;
}
#load-m-inenter{
	position: absolute;

    padding: 2px 4px;
}
.user:hover {
    transform: scale(1.05);
}

.user_enter {
    cursor: pointer;
    height: 51px;
    /* background: #dde3eb; */
    color: #0f4a62;
    font-size: 13px;
    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: 0px 5px;
    max-width: 130px;
    /* direction: rtl; */
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
	font-size: 13px;
}
.user_enter > i:nth-child(1) {
    font-size: 22px;
    margin-left: 8px;
	/*for user picture*/
	background-size: cover !important;
    background-position: center !important;
    width: 30px;
    height: 30px;
    border-radius: 100%;
}
/*user_enter > div:nth-child(2)*/
.iformanuuser{
font-size: 11px;
}
/*user_enter > div:nth-child(2) > i*/
.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: 11px;
}
.enter_menu_trans{
	transform: translate3d(0px, 9px, 0px);
}
.enter_menu::before{
    content: "";
    background: #ffffff;
    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: 19px;
}
.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: #808080;
	font-size: 14px;
}
.callbacklinemerr{
	    text-align: right;
    margin: 0 50px 0 0;
    color: #979797;
}
.callbacklinekod{
	font-size: 13px;
    text-align: right;
    margin: 5px 10px;
    color: #808080;
}
.khata{
	float: right;
    font-weight: bold;
    color: #484848;
    margin: 0 10px 0 5px;
	font-size: 13px;
}
.codepeygiri{
	font-weight: bold;
    color: #484848;
}
.nfaktor{
	font-weight: bold;
    color: #484848;
}
.map-site-tree-tut {
    color: #889bb6;
    font-size: 14px;
    margin: 15px;
}
.map-site-tree-tut > a {
    color: inherit;
}
.map-site-tree-tut > a:hover {
    color: #0081b2;
}
.map-site-tree-tut > i {
    font-size: 9px;
    margin: 0 5px;
    color: #bebebe;
}
#tel_me_by_mobile_java{
    padding: 3px 43px 0 45px;
    width: -webkit-fill-available;
    height: 50px;
    border-radius: 10px;
    margin: 0;
    background: #f2f2f2;
    text-align: left;
    font-size: 18px;
    font-weight: 300;
    transition: .5s;
    border: 2px solid transparent;
    direction: ltr;
}
.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: 0px 7px 7px 0px;
    background: #00aeef;
    position: absolute;
    right: 0px;
    top: 0px;
    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: 17px;}.enterusertext_enter{	position: absolute;    top: 21px;    margin-left: 31px;}
.enter_menu a,.enter a{cursor:pointer;}
.enter_menu{
    display: none;
    z-index: 999999;
    width: 205px;
    border-radius: 10px;
    background: #fff;
    position: absolute;
    /*top: 45px;*/
    top: 53px;
    /*left: 45px;*/
    left: 77px;
    box-shadow: 1px 8px 15px #e4eaf3bf;
    transition: transform .5s;
}
ul.ul-enter li {
padding: 10px;
    margin: 0 0 0 5px !important;
    transition: all 0.6s ease;
    color: #255a70 !important;
    font-size: 15px;
    cursor: pointer;

}
.ul-enter > li > i {
    font-weight: 400;
    font-size: 14px;
}
ul.ul-enter li:hover {
    transform: translate3d(-4px, 0px, 0px);
    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: #2196F3;
    font-size: 14px;
    margin: auto;
    margin-top: 68px;
    padding: 0;
    transition: all 0.3s ease;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.enter button:hover{
    background: #009fde;
    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);
    /*animation: move-sgupb 1s linear infinite;*/
}
#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);
    /*animation: move-sgupa 2s linear infinite;*/
}

@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: 0px}
.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: 17px;

    letter-spacing: 1px;
    position: absolute;
}
.signinnumberin input {
    border: none;
    text-align: left;
    background: #f3f3f3;
    padding: 0 0 0 65px;
    margin: 0;
    font-size: 17px;

    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: 19px;
}
.forgetnumberin > input{
	padding: 0 0 0 50px;
}
.forgetnumberin > input::placeholder{
	letter-spacing: 0;
    font-size: 14px;
}
.header {
    width: 100%;
    height: 85px;
    text-align: center;
    overflow: hidden;
}
.logopng{
    width: 185px;
    margin-top: 12px;
}
.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 p {
    text-align: justify;
}
.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: 1050px;
    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: white;	padding-right: 5px;	padding-left: 5px;	text-align: justify;	font-size: 9px;
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{
	/*border-right: 1px solid #f8f8f8; */
    /* border-radius: 15px; */
    width: calc(50.5% - 22px);
    float: right;
    margin: 0 auto;
    min-width: 350px;
    display: table;
    text-align: center;
    padding: 10px;
    overflow: hidden;
}

.selectservice{
	/*animation: from-bo2 2s cubic-bezier(0.21, 0.93, 0.16, 1);*/
}
@keyframes from-bo2{
	0%{transform: translate3d(110%,0,0)}
	50%{transform: translate3d(110%,0,0)}
	100%{transform: translate3d(0,0,0)}
}
.shownumbers, .maindescript{
	/*animation: from-bo3 2s  cubic-bezier(0.21, 0.93, 0.16, 1);*/
}
@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: 14px;
    outline: none;
    transition: all 0.3s;
    font-family: 'numberlandfont';
}
.formpayaccount select{
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin: 5px 0;
    border-radius: 8px;
    text-align: right;
    color: #474747;
    font-size: 14px;
    outline: none;
    transition: all 0.3s;
    font-family: 'numberlandfont';
}
.getnumber_again{
    color: #ffffff;
    border-radius: 3px;
    font-size: 13px;
    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: 11px;
}
.for_order_special_numbers_list td{border-bottom: none;}
.showinfoaccount{
    /*display: flex;
    flex-wrap: wrap;
    padding: 10px 15px;
    flex-direction: row-reverse;
    border-bottom: none;*/

    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; 	/*max-height:25px; 	margin-top: 0px;    margin-bottom: 0px;*/	height: 35px;	margin-top: 0px;	margin-bottom: 20px;	background: #00aeef;}
.payboxblue >a{width: 450px;}
.payboxblue p:nth-child(1){	font-size: 17px;	width: 41px;	padding-right: 19px;	margin-top: 0px;	padding-top: 4px;    height: 31px;	border-radius: 0px 5px 5px 0px;}
.payboxblue p:nth-child(2){	font-size: 9px;    width: 38px;    padding-right: 4px;    padding-top: 2px;    height: 33px;}
.payboxblue p:nth-child(3){	font-size: 17px;    width: 68px;    padding-right: 13px;    padding-top: 4px;    height: 31px;	text-align: center;}
.payboxblue p:nth-child(4){	font-size: 9px;    width: 40px;    padding-right: 4px;    margin-top: 0px;    padding-top: 10px;    height: 25px;}
.payboxblue p:nth-child(5){	width: 44px;	border-right: 1px solid white;	padding-right: 6px;	border-radius: 5px 0px 0px 5px;	cursor:pointer;	padding-top: 4px;    height: 31px;}
.payboxblue p:nth-child(6){	font-size: 17px;	width: 49px;	padding-right: 14px;	margin-right: 20px;	background: #e0e0e0;	color: #7b7b7b;	padding-top: 4px;    height: 31px;}
.payboxblue p:nth-child(7){	font-size: 9px;    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:white;	cursor:pointer;}.bright1{	border-right: 5px solid #c5c5c5;	margin-right: 10px;	padding-right: 10px;	display: none;}.paynumber  p:nth-child(1){	font-size: 17px;	width: 60px;	padding-right: 19px;	margin-top: 0px;	padding-top: 2px;	height: 28px;	border-radius: 0px 5px 5px 0px;	color: white;	background: #00aeef;	float: right;	margin-right: 96px;}.paynumber  p:nth-child(2){	font-size: 8;	width: 35px;	padding-right: 3px;	margin-top: 0px;	padding-top: 5px;	height: 25px;	color: white;	background: #00aeef;	float: right;}.paynumber  p:nth-child(3){	font-size: 17px;	width: 45px;	padding-right: 9px;	margin-top: 0px;	padding-top: 0px;	height: 30px;	color: white;	background: #00aeef;	float: right;	border-radius: 5px 0px 0px 5px;	border-right: 1px solid white;	cursor:pointer;}



.chargeref{color: #f00a0a !important;}


.stylemethod1{
	/*زمینه شماره هایی که با ای پی آی گرفته شده*/
	/*background: rgba(255, 244, 244, 0.85);*/
}
.stylemethod2{
	/*زمینه شماره هایی که با تلگرام گرفته شده*/
	/*background: rgb(243, 255, 254);*/
}
.tablechargedivtoman{
    position: absolute;
    display: none;
    padding-top: 15px;
    font-size: 12px;
    width: 44px;
    color: #c5c1c1;
    /*left: 105px;*/
	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: 12px;
	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: 13px;
    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 0.5s ease;
    padding: 1px 10px 1px 0;
    width: calc(100% - 10px);
    height: 40px;
    cursor: pointer;
    border-radius: 10px;
    background: #f7f7f7;
    position: sticky;
    top: 9px;
    z-index: 4;
    box-shadow: 0px 0px 0px 10px #ffffff;
}
.headerpanelactive{
	box-shadow: inset 0 0 0px 1px #03a9f4, 0px 0px 0px 10px #ffffff;
}
.headerpanel:hover, .subdis:hover {
    background: #eaeaea;
}
.headerpanel p:nth-child(1){
	float: right;
	font-size: 16px;
	margin-top: -1px;
	margin-right: 10px;
}
.service-image-list{
width: 20px;
}
.showcodelist{
    font-size: 10px;
    background: rgb(223, 223, 223);
    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 0.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: 3px;
    position: relative;
    color: #565656;
	unicode-bidi: embed;
    direction: ltr;
}
.headerpanel p > span > span {
    direction: rtl;
}
.bodypanel{
    width: 98%;
    /* overflow: hidden; */
    position: relative;
    left: 1%;
    right: 1%;
    /* padding: 2%; */
    /* border: 1px solid #fafafa; */
    border-top: none;
    border-radius: 0 0 10px 10px;
    display: none;
    margin-top: -2px;
}

tr {
    height: 47px;
}
.bodypaneltable{
	width: 100%;
	border-spacing: 0;
    border-collapse: collapse;
}
.bodypaneltable tr{	height: 37px;text-align: right;}
.bodypaneltable tbody:before {content: "-";display: block;line-height: 0px;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 tbody tr td{background:#f6f6f6;}*/
.bodypaneltable tbody tr td.changecountriesimgtd i{font-size: 13px;}
.bodypaneltable tbody tr td.changecountriesimgtd{
    border-radius: 10px 10px 10px 10px;
    padding: 8px 12px 0px 6px;
    padding: 5px 15px 3px 0px;
    /* margin-right: 8px; */
    background: #f1f1f1;
    border-right: 0px solid #ffffff;
    cursor: pointer;
    width: 30px;
}
/*.bodypaneltable tbody tr td:nth-last-child(2){
    border-radius: 10px 0 0 10px;
}*/
.tdforcountryjust{display:none;}
/*اتمام
برای دیزاین جدید
*/

.bodypaneltable thead tr td {padding: 8px 0px;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: 12px;}
.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;
    /*display: table;*/
    overflow: auto;
	width: 100%;
}
.redaccountkey{
    color: white;
    margin-top: 10px;
    cursor: pointer;
    background: #ffb03b;
    border-radius: 5px;
    padding: 0px 3px;
}
.reddelkey{
    color: white;
    cursor: pointer;
    margin-top: 10px;
    background: #ff3a3a;
    border-radius: 5px;
    padding: 0px 4px;
}
.redaccountkey2{
    color: white;
    margin-top: 10px;
    cursor: pointer;
    background: #ff771e;
    border-radius: 5px;
    padding: 0px 3px;
}
.btnextendorupdateaccount{
    color: white;
    cursor: pointer;
    background: #32b976;
    border-radius: 5px;
    margin: 5px;
}

.blueaccountkey{
    color: white;
    margin-top: 10px;
    cursor: pointer;
    background: #009cd7;
    border-radius: 5px;
}

#enter_setting p {
    text-align: right;
    font-size: 12px;
    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: white;
	text-align:center;
	border-collapse: collapse;
	width: 100%;
	user-select: text;
}
.paybox table .tmn, .numbersbox table .tmn{
	right: 0px;
}
.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: 13px;
    margin: 0px 10px 25px;
    text-align: justify;
    overflow: hidden;
}
#shaparak_not_key {
    margin-top: 20px;
    text-align: left;
}
.shaparak_not2{
	margin: 0px 0px 25px;
}
.massage_box_close{
    left: 14px;
    padding: 5px 11px;
    line-height: 19px;
    background: #0000000a;
    border-radius: 5px;
    bottom: 10px;
    color: #494949;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    overflow: hidden;
    transition: .3s;
}

.massage_box_close:hover {
    background: #ff9595;
    color: white;
    text-shadow: none;
}
#keymdasti{
    float: right;
    margin: 5px 10px 0 0;
    padding: 8px 15px;
    border-radius: 7px;
    height: 22px;
	font-size: 13px;
}
.numbersbox td{padding: 5px;}
.numbersbox  > p{color: #0074a2;}
.chargetablenew {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
    color: gray;
    margin: 15px auto;
    background: whitesmoke;
    padding: 10px 10px;
    border-radius: 10px;
    position: relative;
	word-spacing: -1px;

}
#charge_comm {
    background: #5fdaa3;
    color: white;
    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: 11px;
    color: #828282;
}
.chargetablenew > div > span:nth-child(3) {
    font-size: 11px;
    padding-right: 4px;
}
.chargetablenew > div > i{
font-size: 67px;position: absolute;top: -33px;right: -28px;color: white;
}
.tabnumbers {
    border: 8px solid #f1f1f1;
    overflow: hidden;
    background: #f1f1f1;
    transition: .3s;
    width: 127px;
    border-radius: 10px;
    margin: 0px auto 20px;
}
.tabnumbers div{
    float: right;
    padding: 7px 10px;
    cursor: pointer;
    color: #2e2e2e;
    font-size: 11px;
    word-spacing: -1px;
    border-radius: 8px;
}
.tabnumbersactive{
	background: #ffb03b;
    cursor: auto !important;
    color: white !important;
}
.charge_table_numbers{
    position: relative;
    left: 0;
    margin-top: 10px;
    right: 0;
    width: 100%;
    font-size: 13px;
    color: #5f5f5f;
}
.usercharge {
    font-size: 12px;
    margin-bottom: 10px;
}
.pagenumbers{
    color: #0080b1;
    cursor: pointer;
    background: #ecfaff;
    padding: 3px 10px;
	margin: 0 5px;
    border-radius: 5px;
    font-size: 13px;
}
.pagenumbersactive {
    color: #ffffff;
    /*cursor: pointer;*/
    background: #ff9800;
    padding: 3px 10px;
    margin: 0 5px;
    border-radius: 5px;
    font-size: 13px;
}
.numbersbox caption {
    margin-bottom: 10px;
	font-size: 12px;
}
.numberlist-cap {
    font-size: 10px;
    position: relative;
    top: -1px;
    background: #4c4c4c0d;
    color: #828282;
    padding: 2px 5px;
    border-radius: 3px;
}
.numberlist-number {
    font-size: 16 !important;
    direction: ltr;
}

.pay-a-of-paybox{
	background: #ffb03b;
    border-radius: 8px;
    color: white !important;
    padding: 5px 10px;
    box-shadow: 0px 0px 3px white;
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
    font-size: 13px;
    cursor: pointer;

}
#oncharge{
	animation: f-r 1s ease;
	transition: .5s;
}
#offcharge{
    transition: .5s;
    transform: translate3d(-500px, 0px, 0px);
    position: absolute;
    top: 0px;
	padding: 25px;
    padding: 3px 25px;
	text-align:right;
	font-size: 14px;
}
#historycharge{
    transition: .5s;
    transform: translate3d(-500px, 0px, 0px);
    position: absolute;
    top: 0px;
	right: 0;
    left: 0;
	padding: 0px;
}
.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: white !important;
	font-size: 16px;
	top: 80%;
    padding: 4px 40px;

	margin: 0 auto;
    right: 0;
    left: 0;
    width: 100px;
	position: absolute;
    background: #e27575;
    border-radius: 3px;
    cursor: pointer;*/


	    color: white !important;
    font-size: 16px;
    /* top: 80%; */
    padding: 4px 40px;
    /* left: 40%; */
    margin: 0 auto;
    right: 0;
    left: 0;
    width: 100px;
    /* position: absolute; */
    background: #e27575;
    border-radius: 3px;
    cursor: pointer;

	}
a.paycancelclass:hover {
    background: #a60c0c;
}
.chargedivclass{
	border: 20px dashed #9dca9b;
    box-shadow: 0 0 10px #ffffff;
    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: white;
    border-radius: 6px;
    min-width: 86px;
    min-height: 20px;
    font-size: 13.5px;
    padding: 2px 0px 1px 0;
    /* word-spacing: -1px; */
    position: relative;
    overflow: hidden;
}
.available{	background: #63c6eb;    transition: all 0.5s ease;}
.notavailable{
	background: #e4eaf3;
    cursor: not-allowed;
    color: #96a2b4;
}
.available img{
	width:20px;
	padding: 3px;
}
.getcode{
	/*border: 1px solid #3cb878; */
    /* padding-right: 5px; */
    padding-left: 5px;
    border-radius: 7px;
    font-weight: normal;
    color: #ffffff;
    cursor: pointer;
    padding: 3px 15px;
    font-size: 14px;
    /* float: right; */
    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: #ffffff;
    cursor: pointer;
    font-weight: normal;
    padding: 7px 11px;
    background: #ffa251;
    font-size: 13px;
    margin-left: 15px;
    overflow: hidden;
    position: relative;
}
.cancelrequest {
    float: right;
    border-radius: 7px;
    font-size: 13px;
    color: #ffffff;
    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: 0.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: 0px 0px 5px #e4eaf3;
    background: white;
    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: 12px;
}
.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: 12px;
    width: calc(100% - 160px);
    height: 35px;
    text-align: right;
    line-height: 20px;
    background: #ffffff;
    box-shadow: 0px 0px 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: 13px;
	}
.cancel1{
    background: #ff8080;
    font-size: 13px;
    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 0.5s ease;
    position: relative;
    overflow: hidden;
}
.tick_key{
	background: #32b976;
    font-size: 13px;
    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 0.5s ease;
    position: relative;
    overflow: hidden;
    word-spacing: -2px;
}
.tick_key_end{
	    height: 28px;
    line-height: 29px;
}
.tick_code{
		  color: #636363;
		  font-size: 13px;
}
.tick_code_number{
	background: #ffffff;
	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: 'numberlandfont';
}
.repeat{
	word-spacing: -2px;
}
.copykey{
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    cursor: pointer;
    border-right: 1px solid #e7e7e7;
    height: 20px;
    color: #838383;
}
.copykey:hover {
	color: #00b9ff;
}
.copyshow{
    position: fixed;
    background: #ffffff;
    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;
    /* width: 130px; */
    font-size: 16px;

    left: 0;
    margin: 0 auto;
    transform: translate3d(-200px,0,0);
    transition: all .5s cubic-bezier(0.22, 0.61, 0.36, 1);
    z-index: 99999999;
	}
.copypngnumber,.copypng{
	width: 18px;
}


.getcharj{
font-size: 16px;
    transition: all 0.5s ease;
    border-radius: 5px;
    cursor: pointer;
    background: #32b976;
    padding: 0px 9px;
    line-height: 28px;
    float: right;
}
.getcharj:hover{    background: #189658;}
.uservalue{
	position: absolute;
    left: 12px;
    color: white;
	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: 0px;margin-left: 4px;}
#charj{
    padding: 0px 10px;
    border-right: 2px solid #cfd7e5;
    border-radius: 0;
    font-size: 16px;
    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: 11px;
}
.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: whitesmoke;
    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: 14px;
    text-align: left;
    direction: ltr;
    line-height: 20px;
    user-select: text;
}
#adminusersearchpop_content {
    width: 100%;
    margin-top: 0px !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: white;
    font-size: 28px;
    right: 15px;
    top: 10px;
    position: absolute;
    cursor: pointer;
}
.popupform{
	overflow: hidden;
    /*display: table;*/
    display: none;
    opacity: 0;
    background-color: #ffffff;
    z-index: 9999999;
    position: absolute;
    border-radius: 30px;
    box-shadow: 0px 0px 10px #17171787;
    direction: rtl;
    min-width: 400px;
	/*width: fit-content; */
	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(0.87, -0.28, 0.08, 1.23);
	transform: translate3d(0,-1500px,0);
}
.popupform_foralert{
	overflow: hidden;
    display: table;
    background-color: #ffffff;
    z-index: 9999999;
    position: absolute;
    border-radius: 30px;
    box-shadow: 0px 0px 10px #17171787;
    direction: rtl;
    min-width: 400px;
	/*width: fit-content; */
	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(0.87, -0.28, 0.08, 1.23);
	transform: translate3d(0,-1500px,0);
}
.popupshowed{
	/*عمومی*/
	transform: translate3d(0, 0, 0) !important;
    display: table;
    opacity: 1 !important;
}
.popupformshow{
    /*for show alert and ?*/
	transform: translate3d(0,0,0) scale(1) !important;
    opacity: 1 !important;
	animation: popupshowani 0.5s linear !important;
    display: table;
}
.forfixedinfo{
    position: fixed;
    /*top: calc(50% - 192px);*/
	top: 10%;
}
.penhan{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 2000px;
	z-index: 9999991;
	background-color: rgba(5, 2, 2, 0.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: 0px 5px 0px 5px;    box-shadow: 0px 1px 5px 1px darkgreen;}
span.company-of-country {
    font-size: 10px;
    top: -6px;
    color: #929292;
    position: relative;
}
span.toman{
    font-size: 9px;
    top: -5px;
    color: #929292;
    position: relative;
}
span.beupdate {
    font-size: 9px;
    top: -5px;
    color: #929292;
    position: relative;
	display: none;
}
td {
    font-size: 15px;
	color:#515151;

}
.selectservice > h1, .shownumbers > p {
	font-size: 16px;
	padding: 10px 0;
	margin: auto;
    margin-bottom: 10px;
	color: #666666;
	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, 0.09);
}
.v2:after{
    background:rgba(0, 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: #ffffff;
    position: relative;
    transition: all 0.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: 9px;
    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: 160px;
    margin: 0 auto;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    color: #fff;
    margin-top: 10px;
    font-size: 14px;
}
.keyforentertoaccountpages{
    background: #ffb03b;
    float: left;
    border-radius: 5px;
    color: white;
    margin-top: 20px;
}
.keyforentertoaccountpages>a{
    padding: 10px 18px;
    float: left;
    cursor: pointer;
}
.long_name{font-size: 9px;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: #777777;
}
.cou_ser {
    font-size: 13px;
}
.main-menu {
    direction: rtl;
    width: fit-content;
    z-index: 99999;
    margin-right: 100px;
}
.main-menu a:hover > i {
    font-weight: bold;
}
.mmmimg {
    display: none;
    float: right;
    /*right: 15px;   for new*/
    position: relative;
    top: 11px;
    cursor: pointer;
    color: #1589d4;
    transition: all .3s ease;
    /* animation: from-right 2s cubic-bezier(.18,.89,.32,1.28); */
}
.mmmimg i {
    /*font-size: 16px;*/
    position: relative;
    top: 5px;


    font-size: 20px;
    
}
@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, 0px, 0px);
}
.main-menu ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    width: 100%;
    border-radius: 0px;
    margin: 0;
    padding: 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;
}
/*hover is in @media screen and (max-width: 1000px)*/
/*به نظرم منو مثل زیر باشه
@media screen and (max-width: 1000px)
.main-menu {
    overflow: hidden;
    display: block;
    left: auto;
    width: 250px;
    height: fit-content;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #ffffff;
    position: absolute;
    padding: 0;
    border-radius: 0;
    box-shadow: -3px 0px 15px #0000004a;
    transform: translate3d(105%, 0px, 0px);
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition: all .6s cubic-bezier(0.3, 0.75, 0.26, 0.99);
    z-index: 9999991;
    animation: none;
}*/
#submenujava{
	width: 150px;
	padding: 15px;
	border-radius: 10px;
	position: absolute;
	transform: translate3d(0px, -3px, 0px);
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	background: #fff;
	box-shadow: 0 10px 50px rgb(28 76 156 / 15%);
    z-index: 999999;
    /*padding-left: 0;*/
    margin-right: -286px;
    margin-top: 8px;
}
#submenujava_div{
	top: -8px;
	transform: rotate(45deg);
	width: 15px;
	height: 15px;
	position: absolute;
	background: #fff;
}
.havedownmenu{
    /*cursor:auto !important;*/
    color:#003f57 !important;
}
.down_menu_general2{
    position: absolute;
    margin-right: 158px;
    margin-right: 178px;
    padding: 15px;
    width: 180px;
    width: 190px;
    background: #fff;
    border-radius: 10px;
    margin-top: -40px;
    transition: all 0.7s;
    box-shadow: 0 10px 50px rgb(28 76 156 / 15%);
}
.down_menu_general2::before{
    content: '';
    font-family: none;
    font-size: 0em;
    line-height: inherit;
    position: absolute;
    text-align: left;
    width: 15px;
    background: #fff;
    height: 15px;
    transform: rotate(45deg);
    margin-right: -22px;
    margin-top: 4px;
}
.down_menu_general2::after{
    content: '';
    font-family: none;
    font-size: 0em;
    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;*/
    margin-top: 8px;
    cursor: pointer;
}
#submenujava li div.down_menu_general2{
    /*display:none;*/
    opacity:0;
	visibility:hidden;
}
#submenujava li:hover div.down_menu_general2{
    /*display: block;*/
    opacity:1;
	visibility:inherit;
}
#submenujava li{
	list-style: none;
    margin: 8px 0;
    padding-right: 10px;
    font-size: 15px;
}
.main-menu ul li a {
    font-weight: 400;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    top: 0px;
	color: #003f57;
    padding: 2px 11px;
    transition: all 0.3s ease;
    cursor: pointer;
}
.havesubmenu>a{/*color: #00acb5 !important;*/}
.main-menu ul>li.havesubmenu ul li a:before {
    content: '';
    font-family: none;
    font-size: 0em;
    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;
	/*color: #009cd7 !important;*/
}
.main-menu ul li a i {
    position: relative;
    margin-left: 3px;
    top: 1px;
    font-size: 14px;
    /* opacity: .6; */
    display: none;
    font-weight: 400;
}
@keyframes ch-co{
	0%{right: 0px }
	25%{right: -2px }
	75%{right: 2px }
	100%{right: 0px }

}

.main-menu ul li{

}
.main-menu ul li img{
    width: 19px;
    position: relative;
    top: 6px;
    margin-left: 7px;
}

.key1 {
    color: transparent;
    text-shadow: 0 0 0 #ffffff;
    padding: 9px 12px 8px;
    font-size: 16px;
    background: #ef9d24;
    width: 100px;
    border-radius: 10px;
    transition: all 0.5s ease;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    animation: re-bo 7.5s cubic-bezier(0.18, 0.89, 0.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;
	/*animation: 7.5s cubic-bezier(0.93, 0.04, 0.47, 0.47) sheenA infinite;*/
}

.key1:before {
	filter: blur(0px);
	width: 5px;
	left: 8px;
	background: rgba(255,255,255,.275);
	/*animation: 7.5s cubic-bezier(0.93, 0.04, 0.47, 0.47) sheenB infinite;*/
}

@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;
    /*cursor: zoom-in;*/
}
.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;
    /*background: aliceblue;*/
                                          display: flex;
    /*align-content: flex-start;*/
    justify-content: center;
    align-items: center;
    
    flex-wrap: wrap;
}
.maximagesin_worh[typeimage="h"]{
    /*width: 100%;
    object-fit: cover;
    object-position: center center;*/
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.maximagesin_worh[typeimage="w"]{
    /*height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;*/
    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{
    /*cursor: zoom-in;*/
}
.toomaximagesin_worh{
    /*cursor: zoom-out;*/
}
.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: 11px;
    position: relative;
    color: gray;
    transition: .3s;
}
.forgetpass:hover{
	color: #ed8e00;
}
.forgetpass:hover > i:before {
    content: "\f3c1";
}
div#sabtnamtaiiddiv {
    font-size: 13px;
    color: #0076a5;

}
div#sabtnamfinal {
    font-size: 13px;
    color: #c48221;
    padding: 10px 0;
}
#enteridtext{
	font-size: 12px;
	color: red;
	margin: 10px 0 5px;
}
button {
    border: none;
    background: #0095cd;
    color: white;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
	position: relative;
    overflow: hidden;
	font-family: 'numberlandfont';
}
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, 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: 0.6;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
	animation: fade_in .8s cubic-bezier(0.51, 0.93, 0.6, 0.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: 12px;
    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: 12px;
    cursor: pointer;
	transition: .3s;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: fit-content;
	background: #4cdb91;
}
.close_bau:hover{
	background: #45ca86;
}
#shownumbersboxcomment {
    padding: 0px;
    margin: 15px 0 0;
    font-size: 13px;
    color: #754835;
}
#shownumbersboxcomment:empty {
    padding: 0px;

}
div#shownumbersboxcomment img {
    padding: 0 0 15px 0;
}
#shownumbersboxcomment > iframe{
	border: none;
    width: 100%;
    height: 270px;
}
.justformobile{
    display: none;
}
.maindescript {
	float: left;
	/* border: 1px solid #ebeaea;*/
    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: #009cd7;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border-radius: 31%;
    position: relative;
    top: -1px;
    margin-left: 7px;
}
.maindescript p {
    padding: 0px 17px 0 0;
    margin: 0;
    font-size: 16px;
    line-height: 30px;
}
.maindescript h1 {
    font-size: 17px;
    color: #0098d1;
    margin: 20px 0 10px 0;
}
.maindescript ul{
	font-size: 14px;
    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: 13px;
    /* color: #00688f; */
}
.mainreadmore{
    text-align: center;
    color: #6b6b6b;
    position: relative;
    font-size: 13px;
	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%, 0.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: 17px;
    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: 11px;
	color: #8c8c8c;
}
#sabtnamform button {
    width: calc(100% - 20px);
    margin: 15px 10px 0;
    border-radius: 7px;
    height: 45px;
}
#sabtnamform button i {
    font-size: 14px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}
.footer {
    background: #ffffff;
    margin-top: 70px;
    /*padding: 20px;*/
    text-align: center;
    color: #5f5f5f;
    font-size: 12px;
    position: absolute;
    left: 0;
    right: 0;
    direction: rtl;
    /*display: flex;
    justify-content: space-between;*/
}
.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;}
#titleinmaimmenu1 > a {
    background: #f4f9ff;
    border-radius: 5px;
    padding: 8px 20px 8px 15px;
    margin-left: 10px;
}
#seydrecapchasabtnam_yek {
    margin-top: 15px;
}

.paytextin {
    margin: 11px 0;
    padding: 0px 9px;
    border-right: 2px solid #9a9a9a;
    /* background: #efefef; */
    /* border-radius: 5px; */
}
.paytext {
    text-align: right;
    font-size: 14px;
    position: relative;
    margin: 50px auto 30px auto;
    left: 0;
    right: 0;
    width: 65%;
	animation: from-left2 1s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.mainpaytext {
    color: #05729a;
    /* font-size: 16px; */
}
.paytextout {
    display: none;
	font-size: 13px;
    color: #5f5f5f;
    position: relative;
    text-align: right;
    margin: auto;
    width: 270px;
	animation: from-right2 1s cubic-bezier(0.18, 0.89, 0.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;
    /* right: -1px; */
    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;
}
/*.shownumbersadmin {
    overflow: auto;
    width: 100%;
    position: absolute;
    z-index: 9;
    background: white;
}*/
@keyframes popupshowani{
	0%{opacity:0;}

	100%{opacity:1;}
}


.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){
    /*.havedownmenu:hover .down_menu_general2,#havedownmenuforjava1:hover .down_menu_general2{
        display: contents;
    }
    .havedownmenu:hover .down_menu_general2::before,#havedownmenuforjava1:hover .down_menu_general2::before{display: none;}*/
    .smartbanertypeshow2,.smartbanertypeshow3{display: none;}
    .smartbanertypeshow1{display: block;}
    .main-menu{
		transform: translate3d(0, 0px, 0px)!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;
	}

/* End min 1000px */
}
@media screen and (max-width: 1000px){
	/*برای سبد خرید*/
    .cartdiv1{
        width: 100% !important;
    }
    .rentalnumberforeverdesitems_account>div{
        width: calc(50% - 34px) !important;
    }
    .rentalnumberforeverdesitems_account{
        flex-wrap: wrap !important;
        
    }
	/*.main-menu ul li:hover ul{
		display: table;
	}*/
    .down_menu_general2{
        display: none;
    }
    .bfore_be_none::before{
        display: none !important;
        
    }
    .bfore_be_none{
        display: contents !important;
    }
    /*.havedownmenu:hover .down_menu_general2,#havedownmenuforjava1:hover .down_menu_general2{
        display: contents;
    }
    .havedownmenu:hover .down_menu_general2::before,#havedownmenuforjava1:hover .down_menu_general2::before{display: none;}*/
	.settingicon {
		right: 11px;
		top: 12px;
		width: 20px;
	}
	.main-menu{
		/*overflow: hidden;*/
        overflow: hidden auto;
        scrollbar-width: thin; /* نازک کردن اسکرولبار در مرورگرهای فایرفاکس */
		display: block;
		left: auto;
		/*width: 250px;*/
		width: 350px;
		height: 100%;
		right: 0px;
		top: 0px;
		bottom: 0px;
		background: #ffffff;
		position: fixed;
		padding: 0;
		border-radius: 0;
		box-shadow: -3px 0px 15px #0000004a;
		transform: translate3d(105%, 0px, 0px);
		-webkit-transition-duration: .8s;
		-moz-transition-duration: .8s;
		-o-transition-duration: .8s;
		transition: all .6s cubic-bezier(0.3, 0.75, 0.26, 0.99);
		z-index: 9999991;
		animation: none;
        margin: 0;
	}
    .main-menu::-webkit-scrollbar {
        width: 6px; /* عرض اسکرولبار را نازک می‌کند */
    }
    
    .main-menu::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2); /* رنگ اسکرولبار */
        border-radius: 3px; /* گوشه‌های گرد */
    }
    .main-menu::-webkit-scrollbar-track {
        background-color: transparent; /* پس‌زمینه اسکرولبار */
    }
	.user_enter {
		top: 0;
		/*margin: 0 0 10px 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: 14px;
	}
	.mmmimg{
        /*display:block;*/

        padding: 4px 10.5px 0px 10.5px;
        margin-bottom: 24px;
        margin-left: 16px;
        height: 34px;
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: stretch;
        border-radius: 6px;
        background: #f5f8fc;
        color: #74879e;
        overflow: hidden;
    }
    #userenterinsite{display: none;}
    #userenterinsite_menu{
        display: block;
        position: relative;
        margin-right: auto;
        margin-left: auto;
        padding-right: 24px;
    }
    .headertop{
        display: flex;
        
        justify-content: space-between;
    }
	.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;
		/* background: #7b7b7b; */
		/* padding: 3px 5px; */
		/* border-radius: 5px; */
		}
	.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, 0px, 0px);
		color:#ffc369 !important;
	}
	.mmmimg p {
		float: left;
		margin: 0px 8px 0 0;
		color: #1589d4;
		font-size: 16px;

        display: none;
	}
	.usermenutop {
		display: none;
	}
	.main-menu .close {
		width: 30px;
		left: 10px;
		top: 10px;
		right: auto;
		display: block;
	}
    .uservalue{
        left: 70px;
    }


/* End max 1000px */
}

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

    .selectservice{float: none; width: 95% !important;margin:0 auto; display:block;}
    .shownumbers{float: none; width:95%;margin:0 auto; display:block;margin-top: 10px}
    .bodypage{/*width:95%;*/ /*font-size:30px;*/display: block;}
    .donotshowthis,.infobox{display:none;}
    /*.available,.notavailable{	font-size: 27px;    width: 185px;}	*/
    /*.change-service-image{position: absolute; left:7%;}	*/
    .headerpanel  p:nth-child(2){padding-left: 15px;}

.maindescript{
    float: none;
    width: 95%;
    margin: 0 auto;
    display: block;
    margin-bottom: 5px;
    text-align: justify;
    }
}

form.formdisabled input:not([type="hidden"]),form.formdisabled select,form.formdisabled textarea {
    pointer-events: none;
    opacity: 0.5;
}
#analizeuserdetabletr2[style*='display: none'] ~ #analizeuserdetable > tbody > tr:nth-child(odd){
	top: 37px;
}

/*برای فقط سلکت توی رنتال تایم*/

.timerentalselectfirstdiv {
    font-size: 13px;
    background: #f3f8ff;
    border-radius: 5px;
    padding: 0 15px;
}
.timerentalselect ul{
  padding:0;
  margin:0
}
.timerentalselect li{
  list-style:none;
}

.timerentalselect > div > select{
    font-family: 'numberlandfont';
    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;
}
/*form {
  width: 400px;
  padding: 25px 50px 25px 50px;
  display: block;
  margin: 100px auto;
  border-radius: 3px;
  color: #000;
}

form fieldset { margin: 25px 0; border: none;}*/

.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:0.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:0.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;
    /*width: 100%;*/
    padding: 5px;
    background: #009cd7;
    border-radius: 5px;
    color: white;
}
/*تا اینجا برای صفحه اولیه انتخاب سیم کارت بود*/
/*از اینجا برای صفحه رویت سبد خرید است*/
.cartsend select{
	appearance: none;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 5px 10px;
    height: 34px;
    color: #474747;
    font-size: 14px;
    font-family: 'numberlandfont';
    border-radius: 8px;
}
.info_cart_div{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0px 10px 0px 10%;
    align-items: center;
}
.info_cart_div>div{
    margin: 0px 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: 0px 10px;
}
.table_cart tr{
    /*height: 36px;*/
    margin-bottom: 10px;
}
td.record_catr{
    border-radius: 0px 10px 10px 0px;
    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: 13px;
    text-align: right;
}
.cartsenddiv2 .stateandcity{
    display: flex;
    align-items: center;
}
.cartsenddiv2 .stateandcity select{
    width: 120px;
    border-radius: 0px 10px 10px 0px;
    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 button{
    background: #009cd7;
    color: white;
    padding: 7px 18px;
    border-radius: 5px;
    cursor: pointer;
}*/
.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;
    /*width: 100%;*/
    margin: 0 auto;
    border-radius: 10px;
    color: #005bab;
    flex-wrap: wrap;
}
.cartgotobackdiv1{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.cartgotobackdiv1>img{
    margin: 0px 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: 11px;
    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: 11px;
    color: white;
    justify-content: center;
    align-items: center;
}
.cartsenddiv input{
    height: 23px;
}
.cartsenddiv select{
    height: 35px;
}
.cartsenddiv select:focus{
    outline: none;
    box-shadow: 0 0 2px 0px #ddd;
}
.cartsend_error{
    border: 1px solid red !important;
}
.cartsend_error_text{
    color: red;
    text-align: right;
    font-size: 11px;
    
}
.wait_span{
    color: red;
    padding: 10px;
}
/*خاص نمایش اطلاعات سیمکارت در سبد خرید*/
.info_cart_div_sim .simnumbers{
    direction: ltr;
    color: #0076b6;
}
.info_cart_div_sim .tltip span{
    font-size: 13px;
}

/*سبد خرید سیم کارت و غیره پایان*/
.simbarr{
    background: aliceblue;
    padding: 10px;
    border-radius: 5px;
    width: 200px;
    font-size: 11px;
}
.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: white;
    padding: 3px 10px;
    border-radius: 5px;
    color: black;
}
#offcharge1 ul{
    margin-bottom:0;
}
/*for history and numbers page*/
.bodyhistory{display:none;    margin-top: 30px;}
.historyactive{display:grid !important;}
.historytabdiv{
    display: flex;
    justify-content: space-around;
    margin: 0px 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: white;
    box-shadow: 0px 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: 18px;
	cursor: pointer;
}
.historytabdiv > div > i {
    font-size: 16px;
    margin-left: 8px;
}
.historytabactive{
    color: #0199d2 !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: #17a1d6;
    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: 20px;
    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: 0px 0px;
    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: 13px;
    padding: 10px 15px;
}
.keyforhistorynumscls i{
    margin-left: 8px;
    display:none;
}
#historytabdiv_ff1{
    margin-right: 0px;
}
#historytabdiv_ff3{
    margin-left: 0px;
}
.activekeyforhistorynums{
    cursor: auto;
    background: #17a1d6;
    color: #fff;
    height: 100%;
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
}
.checkboxspan_checked:before {
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    content: "\f00c";
    position: absolute;
    top: -3px;
    color: #2196f3;
    left: -1px;
}
.adminchangecommentservicediv{min-width: 300px;}
/*سلکت زیبا*/
.b_selectdiv {
position: relative;
    /*Don't really need this just for demo styling*/
    
    /*float: left;*/
    min-width: 200px;
    /*margin: 50px 33%;*/
}
/*To remove button from IE11, thank you Matt */
.b_selectdiv select::-ms-expand {
    display: none;
}
/*.b_selectdiv:after {
    content: '<>';
    font: 17px "Consolas", monospace;
    color: #333;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 11px;
    right: 4px;
  
    
    top: 18px;
    padding: 0 0 2px;
    
    position: absolute;
    pointer-events: none;
}*/
.chargesimcarddiv{padding: 10px;}
.b_selectdiv select {
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    max-width: 320px;
    height: 50px;
    float: right;
    margin: 5px 0px;
    padding: 0px 12px 0px 33px;
    font-size: 13px;
    line-height: 1.75;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;*/


    -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: 11px;
    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: #cccccc;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    left: 39px;
    top: 17px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}
/*پایان سلکت زیبا*/

/*new login*/
.passcommentforall{
    font-size: 11px;
    text-align: right;
    padding-right: 24px;
    padding-top: 0;
    padding-bottom: 25px;
}
#timingforsendagaincodetomobile{
    /*position: absolute;
    top: 136px;
    right: 48px;*/

    position: absolute;
    right: 12px;
    margin-top: 16px;
}
.sendingdoublecodeformobile{
    position: absolute;
    right: 12px;
    margin-top: 14px;
}
#a_timingforsendagaincodetomobile{
    background: #01ad4e;
    color:white;
    padding: 3px 5px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
}
.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: 14px;}
.enteridfornewenter_downtitr,.enteridfornewenter_downtitr2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 30px 0px 30px;
}
.enteridfornewenter_downtitr2{
    font-size: 11px;
}
.enteridfornewenter_downtitr2 a{cursor: pointer;}
.enteridfornewenter_downtitr label{
    cursor: pointer;
    color: gray;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.lcebmrvncsss{font-size: 11px;text-align: right;padding-right: 25px;}
.lcebmrvncsss span{color:#0095cd;}
.enteridfornewenter_downtitr label input{
    margin-left: 3px;
}
#checkfornewentertosite_wait{
    font-size: 12px;
    color:red;
}


/*ریشارژ سیم*/
.generalsimchargebox{
    min-width: 300px;
    box-shadow: 0px 0px 6px 1px #eaf3ff;
    border-radius: 20px;
    padding: 20px;
}
.user_sims_list_titr {
    color: black;
    font-weight: bold;
}
.user_sims_list_sub_titr{
    font-size: 13px;
    color: darkgray;
}
.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: black;
    background: #f5f8fc;
    width: 160px;
    padding: 10px 6px;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    margin: 5px;
    font-size: 13px;
}
#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: white;
}
.forfirstcharge2{
    font-size: 13px;
    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: 19px;
    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: black;
    font-weight: bold;
    font-size: 19px;
    margin: 15px 0px;
}
.listkeysofpaysimtype_2{
    background: #009cd7;
    border-radius: 10px;
    padding: 20px 1px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 19px;
    margin: 15px 0px;
    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: 13px;
    text-align: center;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    box-shadow: 0px 13px 0px 21px #fbfbfb;
}

.user_sims_list_num_after::after {
    content: "";
    height: 1px;
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    margin-top: 44px;
    background: #dddddd;
    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: white;
    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: #fff2e6;
}
.keyssim{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.list1ofselectnewsim{
    display: flex;
    align-items: center;
}
.list2ofselectnewsim {
    padding: 10px;
    border-radius: 0px 0px 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: 17px;
    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: 17px;
}
.notop {
    right: 0 !important;
    top: 0 !important;
}
.pnnoactive{
    background:#ffc5c5;
}
.servicetagname{
    color: red;
    font-size: 11px;
    margin-top: 3px;
    /*display: table;*/
}
.numnosuspend {
    background: #32b976 !important;
    color: white !important;
    padding: 0 4px;
    border-radius: 4px;
    cursor: pointer;
}
.numnosuspend:hover {
    background: #32b976 !important;
    color: white !important;
    cursor: pointer;
}

/*for index tabs*/
#tabforsite{
	position: absolute;
    margin-right: -233px;
    margin-top: -20px;
    width: 190px;
    display: flex;
    flex-direction: column;
    direction: ltr;
}
.tab_tabforsite > a{
	width: 138px;
    background: white;
    border-radius: 20px;
    height: 42px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
    direction: rtl;
    cursor: pointer;
    padding: 10px;
	border: 1.5px solid white;
	transition: .3s;
}
.img_tabforsite{
	width: 40px;
}
.atab_tabforsite > a,.tab_tabforsite > a:hover{
	border: 1.5px solid #009cd7;
}
.atab_tabforsite > a{
	background: #EBF8FF !important;
	width: 158px;
	width: 150px;
}
.atab_tabforsite > a{
	cursor: auto;
}
.tab_tabforsite > a > div:first-child{
	display: flex;
}
.tab_tabforsite > a > div:last-child{
    margin-right: 10px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #8291a6;
    font-weight: 500;
}
.atab_tabforsite > a > div:last-child{
    margin-right: 30px;
    margin-right: 25px;
    font-size: 15px;
    font-weight: bold;
    user-select: none;
    cursor: default;
	transition: .3s;
	color: #009cd7;
}
.tab_tabforsite > a > div:first-child > img:last-child{
	display: none;
}
.atab_tabforsite > a > div:first-child > img:last-child,.tab_tabforsite > a:hover > div:first-child > img:last-child{
	display: block !important;
	/*width: 55px !important;*/
}
.atab_tabforsite > a > div:first-child > img:first-child,.tab_tabforsite > a:hover > div:first-child > img:first-child{
	display: none !important;
}
/*.ntab_tabforsite > a,.ntab_tabforsite > a:hover{
	border:1.5px solid #BECAD2;
	color: #BECAD2;
	cursor: auto;
}*/

.ntab_tabforsite > a, .ntab_tabforsite > a:hover {
    border: 1.5px solid #d5e1e9;
    color: #BECAD2 !important;
    cursor: default;
    background: #f3f6fc;
}
.ntab_tabforsite > a > div{color: #97a9c0 !important;}


.ntab_tabforsite > a:hover > div:first-child > img:last-child{
	display: none !important;
}
.ntab_tabforsite > a:hover > div:first-child > img:first-child{
	display: block !important;
}
.ntab_tabforsite::before{
	content: 'بزودی';
	position: absolute;
    background: red;
    font-size: 12px;
    color: white;
    padding: 0px 5px;
    border-radius: 6px;
    margin-left: 16px;
    margin-top: -7px;
    z-index: 1;
}
.new_tab_tabforsite::before{
	content: 'جدید';
	position: absolute;
    background: #32b976;
    font-size: 12px;
    color: white;
    padding: 0px 5px;
    border-radius: 6px;
    margin-left: 16px;
    margin-top: -7px;
    z-index: 1;
}
.lable_tab_tabforsite::before{
    content:attr(data-lable);
    position: absolute;
    background: #32b976;
    font-size: 12px;
    color: white;
    padding: 0px 5px;
    border-radius: 6px;
    margin-left: 16px;
    margin-top: -7px;
    z-index: 1;
}
@media screen and (max-width: 1650px){
	/*#tabforsite{
		margin-right: -20px;
        margin-top: -80px;
        flex-direction: row-reverse;
        width: calc(100% - 110px);
        overflow: auto;
        display: none;
        
	}*/
	.tab_tabforsite > a{
		height: 32px;
		margin-left: 10px;
	}

    /*#tabforsite{display:table;overflow-x: scroll;}*/
    #tabforsite{
	
        display: flex;
        flex-direction: row-reverse;
        direction: ltr;
        align-items: center;
        position: relative;
        padding: 5px 0px;
        margin-right: 5px;
        margin-top: 0px;
        width: 100%;
        /*overflow-x: auto;*/
        /*border: 1px solid;*/

        /*justify-content: center;*/
        margin-top: -80px;
        margin-right: -37px;

        position: absolute;
        width: 86vw;
        
    }
    .tab_tabforsite > a{
        /*background: #F5F8FC;
        width: 125px;
        height: 40px;
        border-radius: 10px;*/

        height: 32px;
        transform: scale(0.8);
        margin-left: -25px;
    }
    
    .atab_tabforsite > a > div:last-child{
        margin-right: 10px;
        margin-right: 4px;
    }
    
    #tabforsite::-webkit-scrollbar-thumb {
        /*background: #f5f8fc; */
    }
    #tabforsite::-webkit-scrollbar {
        height: 4px;
        opacity: 0.5;
        clip-path: inset(0 0 0 0);
        transition: opacity 0.7s ease-in-out, height 0.7s ease-in-out, clip-path 0.7s ease-in-out;
    }
    
    #tabforsite:hover::-webkit-scrollbar {
        height: 10px;
        opacity: 1;
        clip-path: inset(-3px 0 0 0);
    }

    /*#tabforsite::-webkit-scrollbar:hover {
        height: 10px;
    }
    #tabforsite::-webkit-scrollbar-thumb:hover {
        height: 10px;
    }*/
    

    .ntab_tabforsite::before {
        margin-left: 5px;
        margin-top: -4px;
        z-index: 1;
        transform: scale(0.8);
    }
    
    
}
/*@media screen and (max-width: 1000px){*/
@media screen and (max-width: 850px){
    #tabforsite{
       /* justify-content: unset;*/
       margin-right: -55px;
    }
    .tab_tabforsite > a{
        transform: scale(0.6);
        margin-left: -60px;
    }
    .ntab_tabforsite::before {
        margin-left: -23px;
        margin-top: 2px;
        transform: scale(0.6);
    }
}

/*end for index tabs*/

/*شروع برای همه موارد تبدیل دیو ها به حالت سلکت آپشن*/
.change_divs_to_select_option_general {
    width: 220px;              
    border: 1px solid #F1F4F8;
    border-radius: 10px;
    position: relative;
    overflow: hidden;          
    cursor: pointer; 
    color:#697482;
    direction: rtl;
    text-align: right; 
    padding:10px;        
}
.change_divs_to_select_option_general {
    position: relative; 
    position: absolute;
    background: white;
    z-index: 1;
    margin-right: 60px;

    transition: max-height 0.6s ease;
}
/* در حالت عادی (مثلاً وقتی هنوز بسته نیست) یا برعکس،
    می‌خواهیم شبیه < باشد */
.change_divs_to_select_option_chevron{
    position: sticky;
    margin-right: 220px;
    z-index: 11;
    font-weight: bold;
    font-size: 20px;
    margin-top: 20px;
    transform: rotate(-180deg); 
    transition: transform 0.6s ease;
}
.change_divs_to_select_option_collapsed_top{
    transform: rotate(0deg); 
    transition: transform 0.6s ease;
}
.change_divs_to_select_option_general:not(.change_divs_to_select_option_collapsed) {
max-height: 220px;         /* ارتفاع دلخواه برای باز بودن منو */
overflow-y: auto;          /* ایجاد اسکرول عمودی */
/* تنظیمات مختص فایرفاکس */
scrollbar-width: thin;             /* باریک‌شدن اسکرول */
scrollbar-color: #697482 #f1f1f1;     /* رنگ اسکرول (Thumb) و پس‌زمینه (Track) */
transition: max-height 0.6s ease;
}
/* در حالت بسته */
.change_divs_to_select_option_general.change_divs_to_select_option_collapsed {
max-height: 40px;          /* ارتفاع کافی برای نمایش فقط آیتم فعال */
cursor: pointer;
transition: max-height 0.6s ease;
}
/* در حالت بسته، همه‌ی آیتم‌ها جز آیتم فعال پنهان شوند */
.change_divs_to_select_option_general.change_divs_to_select_option_collapsed .change_divs_to_select_option_general_div:not(.change_divs_to_select_option_general_div_active) {
display: none;
}
/* استایل هر آیتم */
.change_divs_to_select_option_general_div {
padding: 8px;
margin: 0;                 
/*background-color: #f9f9f9;*/
border-bottom: 1px solid #F1F4F8;
}
.change_divs_to_select_option_general_div:last-child {
    border-bottom: none;
}
.change_divs_to_select_option_collapsed .change_divs_to_select_option_general_div_active{
    border-bottom: none;
}
.change_divs_to_select_option_general_div_active {
/*background-color: #72c47e;  
color: #fff;*/
color: #00a9fa;
font-weight: bold;
}
.change_divs_to_select_option_general_div:hover{
    font-weight: bold;
}
/* استایل‌های مختص موتور WebKit (Chrome, Safari, Edge جدید) */
.change_divs_to_select_option_general:not(.change_divs_to_select_option_collapsed)::-webkit-scrollbar {
width: 8px;               /* پهنای اسکرول */
/* برای افقی: height: 8px; */
}

.change_divs_to_select_option_general:not(.change_divs_to_select_option_collapsed)::-webkit-scrollbar-track {
background: #f1f1f1;      /* پس‌زمینهٔ اسکرول */
}

.change_divs_to_select_option_general:not(.change_divs_to_select_option_collapsed)::-webkit-scrollbar-thumb {
background-color: #888;   /* رنگ خود اسکرول (Thumb) */
border-radius: 4px;       /* لبه‌های گرد */
}

.change_divs_to_select_option_general:not(.change_divs_to_select_option_collapsed)::-webkit-scrollbar-thumb:hover {
background-color: #555;   /* رنگ تیره‌تر هنگام هاور (اختیاری) */
}
.change_divs_to_select_option_general::-webkit-scrollbar-button {
display: none;
}
.change_divs_to_select_option_chevron{cursor:pointer;}
/*پایان برای همه موارد تبدیل دیو ها به حالت سلکت آپشن*/