/*#info_news{transform: translate3d(0,-3300px,0);}*/
/*@font-face {
	font-family: numberlandfont;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/YekanBakh/woff/YekanBakhFaNum-Light.woff') format('woff'),
	url('fonts/YekanBakh/woff2/YekanBakhFaNum-Light.woff2') format('woff2');
    font-display: swap;
}
@font-face {
	font-family: numberlandfont;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/YekanBakh/woff/YekanBakhFaNum-Regular.woff') format('woff'),
	url('fonts/YekanBakh/woff2/YekanBakhFaNum-Regular.woff2') format('woff2');
    font-display: swap;
}
@font-face {
	font-family: numberlandfont;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/YekanBakh/woff/YekanBakhFaNum-Bold.woff') format('woff'),
	url('fonts/YekanBakh/woff2/YekanBakhFaNum-Bold.woff2') format('woff2');
    font-display: swap;
}*/
@font-face {
	font-family: numberlandfont;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/NumberLandFont/NumberLandFontRegular.eot');
	src: url('fonts/NumberLandFont/NumberLandFontRegular.eot?#iefix') format('embedded-opentype'),
	url('fonts/NumberLandFont/NumberLandFontRegular.woff') format('woff'),
	url('fonts/NumberLandFont/NumberLandFontRegular.ttf') format('truetype');
	font-display: swap;
}
@font-face {
font-family: numberlandfont;
font-style: normal;
font-weight: normal;
src: url('fonts/NumberLandFont/NumberLandFontMedium.eot');
src: url('fonts/NumberLandFont/NumberLandFontMedium.eot?#iefix') format('embedded-opentype'),
	url('fonts/NumberLandFont/NumberLandFontMedium.woff') format('woff'),
	url('fonts/NumberLandFont/NumberLandFontMedium.ttf') format('truetype');
	font-display: swap;
}
@font-face {
font-family: numberlandfont;
font-style: normal;
font-weight: bold;
src: url('fonts/NumberLandFont/NumberLandFontBold.eot');
src: url('fonts/NumberLandFont/NumberLandFontBold.eot?#iefix') format('embedded-opentype'),
	url('fonts/NumberLandFont/NumberLandFontBold.woff') format('woff'),
	url('fonts/NumberLandFont/NumberLandFontBold.ttf') format('truetype');
	font-display: swap;
}
.absentuser{
	direction: rtl;
    width: 230px;
    height: 100px;
    position: absolute;
    margin: 17px;
    border-radius: 10px;
    background: #e5eefb;
    font-size: 14px;
    padding: 10px;
	text-align: center;
}
.absententer{
    /*display: flex;
    align-items: center;
    direction: rtl;
    color: #35a366;
    font-weight: bold;
	*/
	display: flex;
    align-items: center;
    direction: rtl;
    color: #35a366;
    font-weight: bold;
    justify-content: center;
	cursor: pointer;
}
.absententerwait{
	color: #849b84 !important;
}
.absentexit{
    color: #798daa;
}
.absentexit>i{
	font-size: 15px;
    position: relative;
    top: 2px;
    left: 2px;
}
.absententer img{
    width: 29px;
    margin-left: 2px;
    margin-bottom: 2px;
}
.createenterorexittypediv{
	cursor: pointer;
    width: 55px;
    height: 51px;
    margin: 0 auto;
    padding: 2px 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: 13px;
    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: 13px;
    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: 19px;
    left: 34px;
    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: 15px;
    word-spacing: -1px;
    margin-left: 20px;
    transition: .5s;
    border: none;
    border-left: 2px solid transparent;
    direction: ltr;
}
.forget_create_cp>input{
	border-radius: 7px;
	margin-left: 10px;
	width: calc(100% - 242px);
}
.forget_create_cp>.secondi{
	left: 57px;
}
.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: 14px;
	color: #b95700;
}
.bodydev{
	padding: 25px;
	user-select: text;
	-moz-user-select: text;
	font-size: 14px;
}
.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;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}
.usernameinadminpanel{color:#015ab9;cursor: help;}
.userlimited{/*float: left;*/color:blueviolet;cursor: help;}
.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: 14px;
    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: 15px;
    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: 14px;
    justify-content: space-around;
    padding: 10px 5px;
    border-radius: 5px;
    color: #002c4f;
}
.continue_pay>div{
	padding: 2px;
    margin: 0;
}
.continue_pay>div:last-child{
	padding: 3px 6px;
}
.infoagopayforrental{
    display:none;
	background: #f7f7f7;
    text-align: justify;
    font-size: 14px;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 25px;
}
.infoagopayforrental > ul{
    margin: 0;
    padding-right: 15px;
}
.infoagopayforrental > ul > li{
	margin-bottom: 10px;
}
.infoagopayforrentalkey{
    background: #f3f8ff;
    height: 40px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    cursor: pointer;
    padding: 0 15px;
}
.infoagopayforrentalkey i{
    font-size: 13px !important;
    opacity: 1 !important;
    margin-left: 0 !important;
    color: #596e8d;
    margin-right: 10px;
}
.newsmsrentalcss{background: 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: 15px;
    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%;
}
.virtualpages > #socialicons {
    width: 100%;
    justify-content: space-between;
}
.virtualpages > #socialicons > a {
	margin: 0;
	margin-top: 20px;
	display: flex;
	padding: 11px 16px;
	border-radius: 8px;
	background: #0000000a;
	font-size: 15px;
	line-height: 2;
}
.virtualpages > #socialicons img {
    width: 20px;
    margin-left: 5px;
}


.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: 14px;
    margin-top: 9px;
}
.userpopinfo div i {
    opacity: .6;
    margin-left: 5px;
    font-size: 15px;
}
#kodtaiidformailchangediv {
    margin: 5px 24px 0 0;
}
input#kodtaiidformailchange {
    border-radius: 5px;
	width: calc(100% - 157px);
}
div#saveinformationdiv {
    font-size: 13px;
    margin: 5px 25px 0 0;
    color: #006991;
}
.mobbuydis{
	display: none;
}
.rc-anchor-normal-footer{display:none !important;}
.frm_form_field .grecaptcha-badge {
  display:none;
}
.forevertutdesitems > div{width:100% !important;}
.forevertutdesitems > div > h4{font-size: 14px !important;}
.forevertutdesitems > div > h4 > i{font-size: 14px !important;margin-left: 7px !important;}
.forevertutdesitems > div > div{margin-top: 0 !important;}
.forevertutdesitems li {
    margin-top: 12px;
    list-style: decimal;
    text-align: justify;
}
.forevertutdesitems li a {
    color: #787878;
    background: #0000000f;
    font-size: 12px;
    padding: 1px 6px;
    border-radius: 4px;
}
.forevertutdesitems ul{padding-right: 20px;}
#exitofsearchb {
    text-align: center;
}

.downloadforeverapp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 15px -5px 0;
    text-align: right;
}
.downloadforeverapp div {
    background: #00000014;
    width: calc(33% - 34px);
    min-width: 130px;
    margin: 6px 5px;
    padding: 10px 12px;
    border-radius: 10px;
    height: fit-content;
    transition: 0.6s;
    font-size: 13px;
	text-align: center;
}
.downloadforeverapp div:hover {
    background: #00000026;
}
.downloadforeverapp div a {
    color: #464646;
}
.downloadforeverapp div a i {
    margin-left: 5px;
}
.sharclassredforsnochargebutisforfile{background: #ffe585;}
.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;
}

.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;

}


@-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: 14px;
}
.moreinfo_pay_special_numbers_div div{
    padding: 0px 2px;
}
.styleforkeysearchnumbers{
    cursor: pointer;
    background: #ffb03b;
    color: white;
    margin-right: 5px;
    padding: 1px 4px;
    border-radius: 5px;
    font-size: 14px;
}
.styleforkeysearchnumberssearched{   
	background: #d98100;
}
.number-of-index{
    font-size: 12px;
    position: absolute;
    margin-top: -5px;
    margin-left: 2px;
}
.div_list_tree_for_service_special option[value="0"]{
    color: #9f9f9f;
}
.keyaforshowlist{
    cursor: pointer;
    color: #009cd7;
}
.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transition: all 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: 15px;
    background: #009fde;
    color: white;
    padding: 2px 15px 5px;
    border-radius: 7px;
	overflow: hidden;
    position: relative;
    width: fit-content;
    margin: auto;
}
.testagainforpay i {
    font-size: 13px;
    position: relative;
    top: 3px;
    margin-left: 5px;
}
.turnoffvpn {
    margin: 30px 30PX 20PX;
    font-size: 14px;
    color: #454545;
    text-align: justify;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* 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: 14px;
    word-spacing: -1px;
	margin: 15px 0 25px;
}
.input_getmob{
    height: 45px;
    border: 1px solid #ddd;
    padding: 0;
    border-radius: 10px;
    text-align: right;
    color: #888;
    position: relative;
    margin: 10px 20px;
}
.input_getmob input{
    padding: 7px 7px 6px 46px;
	text-align: left;
	direction: ltr;
	outline: none;
    border-radius: 10px;
    font-size: 20px;
    letter-spacing: 2px;
    height: 32px;
    border: none;
    width: calc(100% - 54px);
    margin: 0;
	color: gray;
}
.input_getmob input::placeholder{
	color: #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;
}
.userrightdiv_name_and_info{
	overflow-wrap: anywhere;
}
.userrightdivtab{
    cursor: pointer;
    font-size: 17px !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 td {/*admintestcss*/
    direction: ltr;
}
.tabforinfouser_down thead tr td {/*admintestcss*/
    font-weight: bold;
    border-bottom: 2px solid #e3e3e3;
    background: #ffffff;
}
.tabforinfouser_down table tr:nth-child(even) {/*admintestcss*/
    background: #f5f5f5;
}
.aaachargedastidivkasr{
	cursor: pointer;
    display: table;
    background: rgb(221 56 56);
    color: white;
}
.chargedasti_div a{
	color:red;
	cursor:pointer;
}
#forshowtextareafordeletetext{
	position: absolute;
    right: 43px;
    background: white;
    padding: 0 7px;
    font-size: 13px;
    color: #3f3f3f;
}
.tabforinfouser_down .startooltiptext {
	/*admintestcss*/
    bottom: 45px !important;
}
.textofdeletenumsp {
    margin: 35px 0 20px;
}
#forshowtextareafordelete {
    font-size: 14px;
    color: #6e6e6e;
}
#forshowtextareafordelete textarea{
    width: 100%;
    height: 80px;
    margin: 10px 0;
    padding: 10px;
    outline: none;
    border-radius: 5px;
    border-color: #cacaca;
}
#forshowtextareafordelete button{
	margin-top: 10px;
    width: 100%;
}
.keyclosetrforagorental{cursor: pointer;}
.savabeqa{cursor: pointer;}
.payamaka{cursor: pointer;}
.cancelspbut{
    background: #ff9800;
    padding: 3px 8px;
    border-radius: 5px;
    cursor: pointer;
    color: 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: 14px;
    color: #eb1200;
    margin-top: 10px;
}
.numberscommentforwait{
	margin: 0 auto;
    padding: 5px;
}
.formsearchfromadmindiv{
direction: rtl !important;
    text-align: center !important;
}
.formsearchfromadmindiv input{
	width: 200px;
    margin-left: 10px;
    padding: 10px;
}
.formsearchfromadmindiv input[type="checkbox"]{
	width: 17px;
}
.formsearchfromadmindiv label{
	cursor: pointer;
	border: 1px solid #ddd;
    padding: 5px 10px;
    margin: 5px 0;
    border-radius: 8px;
    text-align: right;
	display: table;
    color: #474747;
    font-size: 15px;
    outline: none;
    transition: all 0.3s;
    font-family: 'numberlandfont';
}
.formsearchfromadmindivflex{
	display: flex;
	justify-content: center;
}
.formsearchfromadmindiv input::placeholder{
	font-size: 15px;
}
.getforspnumberssty{
	margin-top: 20px;
}
#butofsearchfromadmin {
    margin-right: 5px;
}
.morekeyfornumbersgeneral{
    margin: 10px 0px;
    border-radius: 5px;
    background: #ffb03b;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.specialcommentdiv{
	font-size: 13px;
    background: #e3fee8;
    color: #008a3e;
    padding: 12px 5px;
    border-radius: 7px;
    margin-top: 15px;
}
.specialbuykey{
    padding: 9px 0;
    background: #ffb03b;
    color: white;
    border-radius: 5px;
    margin: 0px 15px 0 0 !important;
    cursor: pointer;
    font-size: 20px;
    /* float: left; */
    overflow: hidden;
    position: relative;
    width: 40%;

}
.specialbuykey i{
font-size: 15px;
    margin-left: 5px;
    position: relative;
    top: 1px;
}
#textdecospet{
    margin: 0 15px;
    color: rgb(124 124 124);
    font-size: 13px;
    font-weight: 300;
    text-decoration: none;
    position: relative;
}

#textdecospet div{
	background: #93000047;
    width: 106%;
    height: 1px;
    background: #6e6e6e7a;
    position: absolute;
    top: 50%;
    right: -2px;
    left: 0;
    margin: -1px auto 0 !important;
    -webkit-transform: rotate(6deg);
    transform: rotate(352deg);
}
.getforspnumberssty div del{
margin-right: 15px;
    margin-left: 15px;
    color: rgb(199, 197, 197);
    font-size: 18px;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}
.sabtnamtaiidformdiv {
    height: 50px;
    position: relative;
    margin: 20px 0px;
}
.sabtnamtaiidformdiv > i{
    position: absolute;
    font-size: 19px;
    left: 18px;
    top: 15px;
    color: gray;
    font-weight: 300;
}
#sabtnamtaiidform input {
    border: none;
    text-align: left;
    background: #f3f3f3;
    padding: 0 0 0 51px;
    margin: 0;
    font-size: 16px;
    border-radius: 7px;
    outline: none;
    height: 50px;
    /*width: calc(100% - 0px);*/
	width: -webkit-fill-available;
    color: #09465d;
}
#sabtnamtaiidform input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #9b9b9b;
}
.sabtnamtaiidformtitle {
    font-size: 13px;
    text-align: right;
    margin: 0;
    color: #676767;
    display: none;
}
#getforspnumbersspan{
	display: flex;
    align-items: center;
}
#getforspnumbersspan div{
    margin: 0 10px;
    font-size: 18px;
    padding: 0;
}
.listnumbersp{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: self-end;
	flex-direction: row-reverse;
}
.listnumberspdiv{
    width: 100%;
    direction: rtl;
    padding: 9px 15px;
    margin: 0px;
    border-radius: 5px;
    font-family: 'numberlandfont';
    font-size: 17px;
    color: #393939;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.listnumberspdiv > div:nth-last-child(1) > div{
    background: #ffb03b;
    font-size: 13px;
    color: 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: 16px;
}
.listnumberspdiv:nth-child(even) {
    background: #f7f7f7;
}
.listnumberspdiv > span:nth-child(1) {
    font-family: calibri;
    font-size: 18px;
    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: 12px;
}
.listnumberspactive {
	background: rgb(31, 143, 232) !important;
	color: white !important;
}
.listnumbersptitle{
    padding: 10px;
    text-align: justify;
    line-height: 26px;
}
.listnumberspnonumber {
    color: #555555;
	font-size: 14px;
    background: #fff4b0;
    padding: 15px;
    text-align: justify;
    margin: 0 11px;
    border-radius: 7px;
}
.spdivnum{
    background: #f5f8fc;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    overflow: hidden;
}
.swal2-container{
	z-index: 9999999 !important;
}
.spdivnum > div:first-child{
    width: 100%;
    background: #eaf1f9;
    padding: 10px 20px 8px;
    font-size: 14px;
    text-align: left;
    direction: ltr;
    color: #7a8c9f;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.spdivtransfer{
    color: #57708d;
    background: #ffffff;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
}
.spdivnum > div:first-child i{
	margin-right: 5px;
	    position: relative;
    top: 1px;
}
.norecord {
    text-align: center;
    padding: 30px 10px;
    font-weight: 300;
    font-size: 16px;
    color: #a1a1a1;
}
.spdivnum > div:last-child{
	display: flex;
    flex-wrap: wrap;
    padding: 10px 15px;
}
.spdivnumbc{
	padding: 5px 10px;
}
.spdivnumbc i {
    font-size: 12px;
    margin-left: 3px;
}


.spdivnumbc div:nth-child(1){
float: right;
    color: #6c6c6c;
    font-size: 14px;
}
.spdivnumbc div:nth-child(2){
direction: ltr;
    float: right;
    color: #1e8fbe;
    margin-right: 5px;
    font-family: calibri;
    font-size: 15px;
    font-weight: 500;

		-webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.spdivnum5 div{
	background: #e0e0df;
	font-size: 12px;
	padding: 3px 5px;
	cursor: pointer;
	color: 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: 17px;
    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: 13px;
    background: #009cd72e;
    color: #009cd7;
    width: fit-content;
    margin: auto;
    padding: 2px 8px;
    border-radius: 5px;
    text-shadow: 0 0 1px white;
    cursor: pointer;
	margin-bottom: 10px;
}
.ru_padd{
	padding: 35px 20px !important;
}
.swal2-progress-steps .swal2-progress-step-line {
    width: 25px !important;
}
.shownumbersbox>table{width:100%;}
div#shownumbersbox_r,.rentaltooglelistclass {
    color: #f5a632;
    font-size: 15px;
    margin: 5px 0;
}
.textforexparedrentalnum {
    color: #970000 !important;
}
.rentaltooglelistclass div{
transition: all 1.3s;
    display: none;
    color: #008fc6;
    padding: 15px 0px;
    width: 100%;
    border-radius: 10px;
    font-size: 15px;
    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: 14px;
    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: 13px;
	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: 18px;
    color: #bfbeb4;
    position: relative;
    top: 3px;
}
.normalmaintext > span > div > p {
    font-size: 14px;
    margin: 0 0 5px 0;
    color: #707070;
}
.rentalfixcomment{
	margin-bottom: 20px;
}
.rentalfixcomment > p, .rentalfixcomment > ul {
    text-align: justify;
    padding: 0 5px;
}
.rentalfixcomment > ul{
	padding: 0 15px 0 0;
	margin: 0;
}
.rentalfixcomment > ul > li {
    padding: 2px 0;
	word-spacing: -1px;
}
.rentaloperatorcomment{
	/* border: 1px solid gainsboro; */
    background: #f8f7e9;
    font-size: 14px;
    color: #6d6d6d;
    padding: 10px 15px;
    text-align: right;
    margin-bottom: 10px;
    border-radius: 10px;
    min-height: 23px;
    word-spacing: -1px;
}
.normaloperatorcomment{
	border: 1px solid #e4eaf3;
	padding: 10px;
	background: none;
}
.rentaloperatorcomment > :nth-child(2){
	float: left;
    background: rgba(0, 0, 0, 0.05);
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
}
.rentaloperatorcomment > span {
    position: relative;
    top: 1px;
}
.rentaloperatorcommentdiv{
	width: 100%;
}
.rentaloperatorcommentdiv > div:last-child{
    background: rgba(0, 0, 0, 0.05);
    padding: 8px;
    border-radius: 7px;
    font-size: 13px;
    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: 13px;
    padding: 0;
    width: 90%;
    border: none;
    outline: none;
    background: none;
}
.searchcountryoptionsub input:focus {
    box-shadow: none;
}
.searchcountryoptionFD {
    display: flex;
    justify-content: space-between;
    align-items: self-end;
}
.searchcountryoptionFD div{
	cursor: pointer;
    color: #979797;
    padding: 0;
    border-radius: 12px;
    width: 32%;
    transition: .3s;
}
.searchcountryoptionFD div:hover {
    color: #4ca4cc !important;
}
.continentkeya , .continentkeyadoo , .continentkeyas {
    cursor: pointer;
    border-radius: 4px;
    color: #787878;
    padding: 2px 7px;
    margin: 0;
    font-size: 13px;
    transition: 0.3s;
}
.searchcountryoptionFD div i {
	font-size: 12px;
}
.searchcountryoptionFD div span {
	font-size: 13px;
    font-weight: normal;
    position: relative;
    top: -1px;
}
.imagekeyofsearchcoactive {
    color: #4ca4cc !important;
}
.imagekeyofsearchcoactive_pu{
	border-radius: 10px 5px 0 0 !important;
}
.continentkeyadoo {
	margin-left: 10px;
}
.continentkeya:hover, .continentkeyadoo:hover{
	background: #f6f6f6;
}
.continentkeya-active , .continentkeyadoo-active {
    background: #63c6eb;
    color: 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: 13px;
}
.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: 15px;
}
.dangerstyle{
	color: red !important;
}
.exparedrentalnum{
	background: #f5f5f5;
    opacity: 0.6;
}
.rentalboxcountry {
    margin-bottom: 5px;
}
.rentalcountrycount{
margin-left: 30%;
    font-size: 15px !important;
    color: #848484;
    text-align: center;
    top: 0 !important;
    position: relative;
}

.smsrentalbox table {
	width: 100%;
}
.smsrentalbox tr {
    height: 20px;
}
.smsrentalbox .ctd1{text-align:right;}
.smsrentalbox .ctd2{text-align:left; direction: ltr;}
.smsrentalbox td {
	padding: 3px 15px 0;
    margin: 0;
    font-size: 12px;
    color: #737373;
}

.rentednumber{
    font-size: 20px;
    text-align: right;
    float: right;
    padding: 5px 10px;
    width: calc(67% - 22px);
    border: 2px solid #e9e9e9;
    /* border-left: none; */
    border-radius: 0 10px 10px 0;
    height: 58px;
	transition: .5s;
}
.rentednumber_nu{
	color: #0077a3;
    direction: ltr;
}
.rentednumber_des {
    font-size: 13px;
    color: #be0000;
}
.rentednumber_des div{
	float: right;
	font-size: 13px;
    color: #6e6e6e;
}
.rentalnumberbox span {
    font-size: 13px;
	color: #6e6e6e;
}
.rentednumber_des div img {
    margin-left: 3px;
    position: relative;
    top: 3px;
}

.rentalnumberbox {
    margin: 10px 5px;
overflow: hidden;
border-radius: 10px;
}
.rentalnumberforever{
	padding: 0 10px;
}
.rentalnumberforeverdes{
    text-align: justify;
}

.rentalnumberforeverdeskeys{
	    text-align: justify;
    display: flex;
    justify-content: space-between;
    border-radius: 20%/1px;
    margin: 20px 0;
}
.rentalnumberforeverdesitems {
display: flex;
    flex-wrap: wrap;
    margin: 15px -5px 0;
    text-align: right;
}
.rentalnumberforeverdesitems > div {
background: #f7f7f7;
    width: calc(50% - 34px);
    margin: 6px 5px;
    padding: 12px;
    border-radius: 10px;
	height: fit-content;
	transition: 0.6s;
}
.rentalnumberforeverdesitems div h4 {
    margin: 0;
    font-weight: normal;
    cursor: pointer;
    font-size: 15px;
}
.foreveramoozeshbox h4 {
    color: #b16c06;
}
.rentalnumberforeverdesitems div h4 i:nth-child(1) {
    font-size: 13px;
    margin-left: 4px;
    position: relative;
    top: 1px;
}
.rentalnumberforeverdesitems div h4 i:nth-child(2) {
	transition: all 0.5s ease 0s;
    font-size: 12px;
    color: gray;
	float: left;
    position: relative;
    top: 4px;
}
.rentalnumberforeverdesitems > div > div {
    font-size: 14px;
    padding: 0;
	display: none;
	color: #484848;
	margin-top: 5px;
}
.rentalnumberforeverdesitems p {
    color: #484848;
    font-size: 12px;
}
.rentalnumberforeverdesitems li {
    margin-top: 10px;
}
.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: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	color: #087097;
	transition: .5s;
}
.tamdidrentalbtncancel {
    color: #af4848;
}
.tamdidrentalbtn{
    border-radius: 0 0 0 10px;
    /* 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: 11px !important;
    padding: 0 5px;
    margin: 0 5px 0 0;
    background: #64d38b;
    border-radius: 4px;
    position: relative;
    top: -1px;
}
.expiredayrental:empty{padding: 0;}
.javainputgetdigit{
	direction: ltr;width: 100%;text-align: center;
}
.javainputgetdigit input{
border: 1px solid #d3d3d3 !important;
    width: 35px !important;
    border-radius: 7px !important;
    padding: 5px !important;
    height: 34px !important;
    text-align: center !important;
    direction: ltr !important;
    margin: 3px !important;
    outline: none;
    font-size: 20px;
    color: #515151;
}
.swal2-content {
color: #848484 !important;
    font-size: 1em !important;
    text-align: right !important;
    word-spacing: -2px;
}
.swal2-popup {
    direction: rtl;
    border-radius: 25px !important;
    word-spacing: -3px;
}
.swal2-icon {
    font-family: auto !important;
}
.copy-rad{
    border-radius: 10px !important;
	z-index: 99999999 !important;
}
.spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #333;

  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}


body {
	background-color: #f5f8fc;
	font-size: 16px;
	font-family: '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: 15px;
	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: 20px;
    color: #5f5f5f;
}
h2 {
font-size: 18px;
    color: #5f5f5f;
}
h4 {
    font-size: 16px;
    margin: 10px 0 5px;
    color: #006f99;
}
p {
    color: #646464;
    margin-top: 10px;
	font-size: 16px;
	line-height: 28px;
}
li{
	color: #646464;
}
ul {
    margin-bottom: 25px;
}
ol {
    font-size: 16px;
    line-height: 28px;
}
ol li {
    margin: 8px 0;
}
.main-des-icons{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 15px 7px 25px 0;
}
#nazarsanji {
    margin: 5px 0;
    font-size: 13px;
    color: orange;
}
#nazarsanji div {
    background: #00b75b;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 13px;
}
.button_inamnmojadad{
	display: none;
	font-size: 13px;
	color: #7f7f7f;
}
.button_inamnmojadad_spantime{
	color: #7f7f7f;
	font-size: 13px;
}
.main-des-icons div{
    width: calc(33% - 12px);
    max-width: 250px;
    background: #f9f9f9;
    border-radius: 10px;
    height: 50px;
    margin: 5px;
    display: flex;
    align-items: center;
    color: #727272;
    font-size: 18px;
    font-weight: 300;
    transition: .3s;
    text-shadow: 1px 1px 1px white;
}
.main-des-icons div:hover {
    background: #008fc5;
    color: white;
	border-color: #008fc5;
	text-shadow: none;
}
.main-des-icons div i{
font-size: 17px;
    margin: 0 17px 0 8px;
}
.sspdiv{
    display: flex;
    justify-content: space-around;
    margin: 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: 18px;
    /* 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: 19px;
}
.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;
}
#center-cert div:hover {
    background: #f5f4f4;
}
#center-cert img{
	transition: .5s;
}
#center-cert img:hover {
    transform: scale(1.05);
}

.m-l{
	margin-left:10px;
}
.contactus{
	font-size: 16px;
}
.contactus ul li {
    list-style: none;
}
#linkidparent1::placeholder{

	font-size: 13px;
	position: relative;
	top: -2px;
	color: #8d8d8d;
}
.api-msg{
	    color: #638663;
    background: #d6f6d6;
    padding: 3px 13px;
    border-radius: 5px;
    line-height: 23px;
    width: fit-content;
	display: none;
}
#api-b i {
    position: relative;
    top: 1px;
    margin-left: 3px;
    font-size: 13px;
}
.paytextout ul{
	padding-right: 0;
	margin:0;
}
.tickpic{
	width: 14px;
    position: relative;
    top: 2px;
	margin-left: 4px;
}
.toggle-div{
    display: none;
    border: 1px solid whitesmoke;
    border-right: 5px solid #009cd7;
    border-top: none;
    padding: 25px;
    font-size: 14px;
    word-spacing: -1px;
    overflow: hidden;
    text-align: justify;
    border-radius: 0 0 3px 3px;
    position: relative;
    top: -2px;
}
.toggle-div-small {
    display: none;
    border: 1px solid #f3f3f3;
    border-right: 3px solid #a2a2a2;
    border-top: none;
    padding: 10px;
    border-radius: 0 0 3px 3px;
    font-size: 14px;
    position: relative;
    top: -2px;
}
.toggle-title1{
    font-size: 16px;
    padding: 10px 15px;
    margin: 15px 0 0 0;
    border-right: 5px solid #009cd7;
    cursor: pointer;
    border-radius: 3px;
    color: #00658b;
    user-select: none;
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
}
.toggle-title-small{
	color: #636363;
    font-size: 13px;
    word-spacing: -2px;
    padding: 8px 14px;
    margin: 13px 0 0 0;
    border-right: 3px solid #a2a2a2;
    background: #f6f6f6;
    border-radius: 3px;
    cursor: pointer;
}
.toggle-title2{

    font-size: 16px;
    margin-top: 20px;
	font-weight: bold;
}
.toggle-link{
    border-radius: 10px;
    padding: 15px 25px;
    color: #6c6c6c;
    /* 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';
    white-space: pre-wrap;
}
.toggle-table{
	width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    font-size: 14px;
    border: #e0e0e0 1px solid;
	/*word-break: */

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

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

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

    font-size: 15px;
}


.tmn, .adad {
    font-size: 11px;
    position: relative;
    right: 3px;
    top: -1px;
    color: #b1b1b1;
}
.un_numbercountajax {
    color: #7f7f7f;
    font-size: 12px;
    position: relative;
    top: 3px;
}
.poll-form{
	float:right;
	width:100%;
	margin: 15px 0;
}
.seydrecaptcha{
	text-align: center;
	width: 306px;
	margin: 0 auto;
	min-height: 78px;
}
.signinform .seydrecaptcha {
    padding: 35px 0 5px;
}
.poll-form textarea{
    border: 1px solid #b9b9b9;
    border-radius: 7px;
    padding: 10px 10px 43px;
    font-size: 13px;

    color: #494949;
    width: calc(100% - 20px) !important;
    min-height: 100px;
    resize: none;
	outline: none;
}
.newrentalnum{
	background: yellow;
}
.poll-form button{
    font-size: 14px;
    padding: 10px;
    border-radius: 7px;
    width: 100%;
    margin-top: 10px;
    outline: none;
    background: #ffb03b;
}
textarea#txtpool:placeholder-shown + .txtpoolbu {
    display: none;
}
.adminqasli {
	cursor:pointer;
}
.adminqaslitoman,.adminqasli{
    margin-left: 23%;
    text-align: left;
    width: fit-content;
    font-size: 15px;
    font-family: calibri;
    position: relative;
    top: -2px;
    color: #474747;
}
.massage_box_close_news_ {
    justify-content: center;
    display: flex;
	width: 100%;
}
.massage_box_close_news{
font-size: 15px;

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

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

    text-align: right;
    padding: 10px;
    color: #676767;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tmore {
    font-size: 14px;
    text-align: right;
    padding: 10px;
    color: #393939;
}
#os_img{
	transition: transform 0.5s ease;
    top: 2px;
	right: 7px;
    position: relative;
}
.os_div {
    font-size: 14px;
    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: 11px;
    font-weight: 300;
    right: 0px;
    /* color: #969696; */
}
.real_america {
    font-size: 11px;
    color: #009cd7;
	margin-left: -4px;
}
.subdis{
	cursor: pointer;
    overflow: hidden;
    margin: 20px 0;
    background: #f7f7f7;
    padding: 3px 20px;
    border-radius: 15px;
    transition: all 0.5s ease;
    position: relative;
}
.subdis i {
	margin-left: 8px;
    position: relative;
    top: 4px;
    font-size: 20px;
    color: #8d8d8d;
}
.subdis h2{
    font-size: 18px;
    color: #747474;
    margin: 11px 0;
    font-weight: normal;
    float: right;
}
.subdis_ch{
	display: none;
	padding: 5px;
}
.subdis_ch p{
	color: #006388;
    font-size: 15px;

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

.subdisimg{
    position: absolute !important;
    left: 14px;
    top: 16px !important;
    transition: all 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: 14px;
    color: #5f5f5f;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.tablechargediv{
	display:none;
}
#tablecharge1{
	display:block;
}
#tablecharge3 {
    font-size: 13px;
    color: gray;
    padding: 0 15px;
	text-align: justify;
}
.tablechargeactive, .rondselectoravtice{
	color: #009cd7 !important;
    font-weight: bold;
}
.tablechargeactive::after,.tablechargeactive:hover:after, .rondselectoravtice:after, .rondselectoravtice:hover:after{
	content: "";
    background: 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;
}


.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;
}
.tablecharge > ul > li, .tablechargerent > ul > li, .rondselector > ul > li{
    float: right;
    margin: 0;
    font-size: 15px;
    width: 33%;
    list-style: none;
    position: relative;
    padding: 0 0 16px 0px;
    background: white;
    cursor: pointer;
    color: #777777;
}
.tablechargerent > ul > li, .rondselector > ul > li{
	font-size: 19px;
}
#rentaltooglelist .tablechargerent > li {
    font-size: 15px;
}
.tablechargeactive i, .rondselectoravtice i {
    /*font-weight: bold;*/
}
.mordesbut{
	text-align: center;
	display: block;
	font-size: 15px;
	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: 16px;
    opacity: .6;
}
.commentofservices {
position: relative;
    color: #454545;
    background: #f8f7e9;
    padding: 25px;
    border-radius: 10px;
    display: block;

    font-size: 12px;
    margin: 10 0;
    text-align: justify;
    overflow: hidden;
}
.commentofservices p{
	font-size: 12px;
	text-align: justify;
    margin: 10px 10px 15px 0;
}
.cont_principal {
  position: relative;
  /*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: 14px;
    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: 12px;
    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: 15px 20px;
}
.input_p i{
	position: absolute;
    font-size: 19px;
    left: 17px;
    top: 13px;
    color: gray;
}
.input_p input{
	padding: 3px 0 0 45px;
    /*width: 100%;*/
	width: -webkit-fill-available;
    height: 45px;
    border-radius: 4px;
    margin: 0;
    background: #f2f2f2;
    text-align: left;
    font-size: 15px;
    word-spacing: -1px;
    transition: .5s;
	border: none;
    border-left: 2px solid transparent;
	direction: ltr;
}
.input_p input::placeholder, .login_create_cp>input::placeholder{
	font-size: 13px;
	position: relative;
	top: -2px;
}
.input_p input:focus{
   border-color: #2196f38c;
   box-shadow: none;
}
.input_p input:focus ~ i {
    color: #2196f3 !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 6 Pro";
    font-size: 15px;
    content: "\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: 17px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    transition: .5s;
}
#ch_b_sw{
    position: absolute;
    width: 79px;
    background: #00aeef;
    top: 0;
    bottom: 0;
    border-radius: 8px;
    transition: .5s;
}
.chargebody{
	padding: 15px 0;
	position: relative;
}
.toloadquestionusers{
    display:none;
}
.adminbutton {
	height: 20px;
	position: fixed;
	left: 10px;
	bottom: 70px;
	cursor: pointer;
	background: #009cd7;
	padding: 7px;
	border-radius: 25px;
	transition: 1s;
	z-index: 99999;
}
.adminbutton:hover{
	transform: rotate(90deg);
}
#adminarea{
	text-align: left;
}
.adminareatable{
	float: left;
    direction: ltr;
	border-collapse: collapse;
}
.adminareatable2{
	float: inherit;
	width: 100%;
}
.adminareatable tr{
	height: 0;
}
.adminareatable td{
    padding: 5px 15px;
    font-weight: normal;
    font-size: 16px;
    font-family: calibri;
}
.adminareatable tr:nth-child(odd) {
    background: #f1f1f1;
}

.tooltip {
	cursor: help;
	position: relative;
}
#analizeuserde .tooltip{
	position: relative;
}
.startooltip{
    float: left;
    opacity: 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: 13px;
    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: 50px;
    background: #e5eefb;
    animation: h-top 1s ease-in-out;
}
.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: 9px;
    top: 9px;
    background: #ffb03b;
    border-radius: 7px;
    padding: 0px 9px 0px 9px;
    color: #ffffff;
    font-size: 14px;
    transition: all 0.5s ease;
    animation: from-left 1s ease-out;
}
#load-m-inenter{
	position: absolute;

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

.user_enter {
    cursor: pointer;
    height: 51px;
    /* background: #dde3eb; */
    color: #0f4a62;
    font-size: 14px;
    overflow: hidden;
    margin: -10px 0;
    padding: 0 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
	transition: color .3s;
}
.user_enter:hover {
    color: #009cd7 !important;
}
.usernameforusers{
	margin: 0px 5px;
    max-width: 130px;
    /* direction: rtl; */
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
	font-size: 14px;
}
.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: 12px;
}
/*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: 12px;
}
.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: 20px;
}
.callbacklineok{
    font-size: 25px;
    color: #4CAF50;
    margin: 10px 0;
    font-weight: 600;
}
.callbacklineok > i {
    position: relative;
    top: 3px;
    margin-left: 5px;
}
.callbacklineerr{
	font-size: 25px;
    color: transparent;
    text-shadow: 0 0 0 #FF5722;
	margin: 10px 0 25px 0;
}
.callbacklineerr > i{
	font-size: 25px;
	position: relative;
	top: 3px;
	margin-left: 7px;
    font-weight: 400;
}
.callbacklinecancel{
	text-align: right;
    color: #808080;
	font-size: 15px;
}
.callbacklinemerr{
	    text-align: right;
    margin: 0 50px 0 0;
    color: #979797;
}
.callbacklinekod{
	font-size: 14px;
    text-align: right;
    margin: 5px 10px;
    color: #808080;
}
.khata{
	float: right;
    font-weight: bold;
    color: #484848;
    margin: 0 10px 0 5px;
	font-size: 14px;
}
.codepeygiri{
	font-weight: bold;
    color: #484848;
}
.nfaktor{
	font-weight: bold;
    color: #484848;
}
.map-site-tree-tut {
    color: #889bb6;
    font-size: 15px;
    margin: 15px;
}
.map-site-tree-tut > a {
    color: inherit;
}
.map-site-tree-tut > a:hover {
    color: #0081b2;
}
.map-site-tree-tut > i {
    font-size: 10px;
    margin: 0 5px;
    color: #bebebe;
}

.user_enter .downimg{width: 17px; position: relative; top: 3px; }
.user .topimg{
    width: 19px;
    position: absolute;
    right: 11px;
    top: 6px;
}
.user_enter .topimg_enter{
    width: 30px;
    border-radius: 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: 18px;}.enterusertext_enter{	position: absolute;    top: 21px;    margin-left: 31px;}
.enter_menu a,.enter a{cursor:pointer;}
.enter_menu{
    display: none;
    z-index: 999999;
    width: 200px;
    border-radius: 10px;
    background: white;
    position: absolute;
    top: 46px;
    /*right: -61px;*/
	left:50px;
    box-shadow: 1px 8px 15px #e4eaf3bf;
    transition: transform .5s;
	}
ul.ul-enter li {
padding: 10px;
    margin: 0 0 0 5px !important;
    transition: all 0.6s ease;
    color: #255a70 !important;
    font-size: 16px;
    cursor: pointer;

}
.ul-enter > li > i {
    font-weight: 400;
    font-size: 15px;
}
ul.ul-enter li:hover {
    transform: translate3d(-4px, 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: 15px;
    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: 18px;

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

    border-radius: 7px;
    outline: none;
    height: 45px;
    width: calc(100% - 0px);
    color: #6a6a6a;
    letter-spacing: 1px;
}
.signinnumberin input::placeholder{
	color: #c4c4c4;
	letter-spacing: 5px;
}
.forgetnumberin > div{
	border-right: none;
	width: 45px;
	color: #737373;
    font-size: 20px;
}
.forgetnumberin > input{
	padding: 0 0 0 50px;
}
.forgetnumberin > input::placeholder{
	letter-spacing: 0;
    font-size: 15px;
}
.header{	width: 100%;    height: 160px;	text-align: center;overflow: hidden;}
.logopng{
	max-width: 290px;
    width: 100%;
    transition: all 0.6s cubic-bezier(0, 0, 0.26, 1.53);
}
.logopng:hover {
	animation: shake .7s ;
}
@keyframes shake{
	0%{transform: rotate(0deg);}
	25%{transform: rotate(-1.5deg)}
	75%{transform: rotate(1.5deg)}
	100%{transform: rotate(0deg);}
}
.header>a,.header h4{	width: 100%;    position: relative;    font-size: 16px;    font-family: IRANSans-web_Light;    color: #636161;    text-shadow: 0 0 3px white;}.header h4{top: 20px;}
.header>a{top: 32px;}
.bodycont{
	margin: 40px;
}
.bodycont li {
    font-size: 16px;
    color: #707070;
    text-align: justify;
    line-height: 30px;
}
.bodypage{
    color: #484848;
    width: 80%;
    border-radius: 20px;
    background: white;
    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: 10px;
display:none;
}
.donotshowthis{display:none;}
.infobox img{width:40px;}
.helpbox {	border: 1px solid #c7c7c7;    width: 39.1%;    width: 350px;	float: right;	margin:0 auto;	}
.selectservice, .shownumbers{
	/*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)}
}
.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: 18px;	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: 10px;    width: 38px;    padding-right: 4px;    padding-top: 2px;    height: 33px;}
.payboxblue p:nth-child(3){	font-size: 18px;    width: 68px;    padding-right: 13px;    padding-top: 4px;    height: 31px;	text-align: center;}
.payboxblue p:nth-child(4){	font-size: 10px;    width: 40px;    padding-right: 4px;    margin-top: 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: 18px;	width: 49px;	padding-right: 14px;	margin-right: 20px;	background: #e0e0e0;	color: #7b7b7b;	padding-top: 4px;    height: 31px;}
.payboxblue p:nth-child(7){	font-size: 10px;    width: 61px;    background: #e0e0e0;    color: #7b7b7b;    padding-top: 3px;    height: 32px;}
.payboxblue p:nth-child(6)::before{	content: "";	background: #e0e0e0;	width: 10px;	height: 10px;	position: absolute;	transform: rotate(45deg);	margin-top: 9px;    margin-right: -19px;}#nobefore::before{background:none;}.helpbox1 > p{color: #00aeef;	margin-top: 10px;}.bright{	border-right: 5px solid #c5c5c5;	margin-right: 10px;	padding-right: 20px;	padding-bottom: 25px;	padding-top: 1px;	margin-bottom: 30px;}	.bright img{width:20px;}.litehover >p:hover {	text-shadow:1px 1px 2px red;	cursor:pointer;}.telegram{	padding: 3px;	position: relative;	right: 53px;	height: 20px;	background: #00aeef;	border-radius: 5px;	color:white;	cursor:pointer;}.bright1{	border-right: 5px solid #c5c5c5;	margin-right: 10px;	padding-right: 10px;	display: none;}.paynumber  p:nth-child(1){	font-size: 18px;	width: 60px;	padding-right: 19px;	margin-top: 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: 9px;	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: 18px;	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: 13px;
    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: 13px;
	padding-left: 5px;
	color: #c5c1c1;
}
.yesresult{	background: #f1ffef}
.servicepanel{  width: 100%;    margin-bottom: 10px;}
.service_en_name {
    font-family: calibri;
    font-weight: 400;
    top: 4px !important;
}
.service_up_comment {
    font-size: 14px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
    text-align: right;
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #fffad6;
}
.numberscommentforwait , .numberscommentforwait div{
	transition: all 1s ease;
}
.headerpanel{
    transition: all 0.5s ease;
    padding: 1px 10px 1px 0;
    width: calc(100% - 10px);
    height: 40px;
    cursor: pointer;
    border-radius: 10px;
    background: #f7f7f7;
    position: sticky;
    top: 10px;
    top:60px;
    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: 17px;
	margin-top: -1px;
	margin-right: 10px;
}
.service-image-list{
width: 20px;
}
.showcodelist{
    font-size: 11px;
    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 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: 13px;}
.bodypaneltable thead tr td:nth-child(1){padding-right: 10px;}
.bodypaneltable tbody tr td:nth-child(1) {padding-right: 10px;line-height: 30px;}
.bodypaneltable tbody tr td:nth-child(3) {padding-right: 10px;}
.changepay{
	cursor: pointer;
}
.paybox , .numbersbox{
	margin: 0 auto;
    padding: 5px 0;
    display: table;
	width: 100%;
}
#enter_setting p {
    text-align: right;
    font-size: 13px;
    margin: 5px 0;
}
#enter_setting h4 {
	text-align: right;
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0 5px 0;
    color: #009cd7;
}

@keyframes f-l{
	0%{transform: translate3d(-900px,0,0);}
	40%{transform: translate3d(-900px,0,0);}
	100%{transform: translate3d(0,0,0); }
}
.paybox table, .numbersbox table,.justrentaldivreport table{
	margin: 0 auto;
	background: 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: 14px;
    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: 12px;
    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: 14px;
}
.numbersbox td{padding: 5px;}
.numbersbox  > p{color: #0074a2;}
.chargetablenew {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: gray;
    margin: 15px auto;
    background: 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 > 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: 12px;
    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: 14px;
    color: #5f5f5f;
}
.usercharge {
    font-size: 13px;
    margin-bottom: 10px;
}
.pagenumbers{
    color: #0080b1;
    cursor: pointer;
    background: #ecfaff;
    padding: 3px 10px;
	margin: 0 5px;
    border-radius: 5px;
    font-size: 14px;
}
.pagenumbersactive {
    color: #ffffff;
    /*cursor: pointer;*/
    background: #ff9800;
    padding: 3px 10px;
    margin: 0 5px;
    border-radius: 5px;
    font-size: 14px;
}
.numbersbox caption {
    margin-bottom: 10px;
	font-size: 13px;
}
.numberlist-cap {
    font-size: 11px;
    position: relative;
    top: -1px;
    background: #4c4c4c0d;
    color: #828282;
    padding: 2px 5px;
    border-radius: 3px;
}
.numberlist-number {
    font-size: 16px !important;
    direction: ltr;
}

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

}
#oncharge{
	animation: f-r 1s ease;
	transition: .5s;
}
#offcharge{
    transition: .5s;
    transform: translate3d(-500px, 0px, 0px);
    position: absolute;
    top: 0px;
	padding: 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: 15px;
    /* 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: 14px;
    margin-left: 15px;
    overflow: hidden;
    position: relative;
}
.cancelrequest {
    float: right;
    border-radius: 7px;
    font-size: 14px;
    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: 13px;
}
.resulttext{
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}
.waitsms{
    font-size: 13px;
    width: calc(100% - 160px);
    height: 35px;
    text-align: right;
    line-height: 20px;
    background: #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: 14px;
	}
.cancel1{
    background: #ff8080;
    font-size: 14px;
    padding: 0 10px 0 12px;
    color: transparent;
    text-shadow: 0 0 0 white;
    line-height: 30px;
    border-radius: 7px;
    cursor: pointer;
    margin: 2px 10px 0 0;
    height: 32px;
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
}
.tick_key{
	background: #32b976;
    font-size: 14px;
    padding: 0 8px 0 10px;
    color: transparent;
    text-shadow: 0 0 0 white;
    line-height: 32px;
    border-radius: 5px;
    cursor: pointer;
    margin: 2px 10px 0 0;
    height: 32px;
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
    word-spacing: -2px;
}
.tick_key_end{
	    height: 28px;
    line-height: 29px;
}
.tick_code{
		  color: #636363;
		  font-size: 14px;
}
.tick_code_number{
	background: #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: 17px;

    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: 17px;
    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;
    top: 9px;
    left: 12px;
    color: white;
	animation: from-left 1s ease-out;
	display: flex;
    align-items: center;
    flex-direction: row;
}
@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: 17px;
    color: #434f61;
    float: right;
    direction: rtl;
    font-weight: normal;
    line-height: 28px;
    height: 28px;
	transition: color 1s ease;
	white-space: nowrap;
}
#charj span{
	font-size: 12px;
}
.wait_ajax{width: 100px;}
#videopop{
	position: fixed;
    width: 100%;
    height: 100%;
    transition: all 1s;
    z-index: 99999999;
    display: flex;
    justify-items: center;
    justify-content: center;
}
#adminusersearchpop{
    position: fixed;
    width: 100%;
    height: 100%;
    transition: all 1s;
    z-index: 9999991;
    display: flex;
    justify-items: center;
    justify-content: center;
    background-color: 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: 15px;
    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;
    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,-1300px,0);
}
.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: 11px;
    top: -6px;
    color: #929292;
    position: relative;
}
span.toman{
    font-size: 10px;
    top: -5px;
    color: #929292;
    position: relative;
}
span.beupdate {
    font-size: 10px;
    top: -5px;
    color: #929292;
    position: relative;
	display: none;
}
td {
    font-size: 16px;
	color:#515151;

}
.selectservice > h1, .shownumbers > p {
	font-size: 17px;
	padding: 10px 0;
	margin: auto;
    margin-bottom: 10px;
	color: #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;
}

.payhover-b{
height: 79px;
    width: 104%;
    position: absolute;
    margin: -24px;
	z-index: 9999
}
.payhover{

    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #00000029;
    position: absolute;
    margin: auto;
    right: -117px;
    top: -44px;
    transition: all .7s;
}
.payhover-b:hover + .payhover{
	width: 500px;
}
.comment-of-country{
    font-size: 10px;
    background: #cae4c5;
    margin-right: -5px;
    color: #02710b;
    float: left;
    border-radius: 10px;
    position: relative;
    padding: 1px 5px 1px 5px;
    top: 6px;
    margin-left: 10px;
}
.long_name{font-size: 10px;top: -1px;right: -1px; position: relative;margin-left: -5px;}
.showip {
    display: none;
}
.country_image{
	width: 20px;
	height: 20px;
    position: relative;
    top: 6px;
    margin-left: 5px;
}
.image_number_box{
    width: 17px;
    position: relative;
    top: 5px;
    margin-left: 4px;
}
span.num_r {
	color: #777777;
}
.cou_ser {
    font-size: 14px;
}
.main-menu{
    direction: rtl;
    position: relative;
    right: 10px;
    top: 5px;
	animation: menu-top 1s ease-out;
}
@keyframes menu-top{
	0%{transform: translateX(200px) scale(0.8);opacity: 0;}
	50%{transform: translateX(200px) scale(0.8);opacity: 0;}
	100%{transform: translateX(0px) scale(1);opacity: 1;}
}
.main-menu a:hover > i {
    font-weight: bold;
}
.mmmimg {
	display: none;
    float: right;
    right: 15px;
    position: relative;
    top: 11px;
    cursor: pointer;
    color: #1589d4;
    transition: all .3s ease;
    animation: from-right 2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.mmmimg i {
    font-size: 17px;
    position: relative;
    top: 5px;
}
@keyframes from-right{
	0%{transform: translate3d(200px, 0px, 0px);}
	50%{transform: translate3d(200px, 0px, 0px);}
	100%{transform: translate3d(0px, 0px, 0px);}
}
.mmmimg:hover{
	transform: translate3d(-2px, 0px, 0px);
}
.main-menu ul{
	display: flex;
    list-style: none;
    flex-direction: row;
    width: 100%;
    min-height: 30px;
    border-radius: 0px;
    /*background: #01435d;*/
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 3px;
	margin: 0;
}
.main-menu ul li ul{
	list-style: none;
	width: calc(100% - 22px);
	position: relative;
	z-index: 11111111111111;
	margin: 10px 0;
	padding: 10px 10px 10px 0;
	border-radius: 5px;
	display: none;
	background: #f5f8fc;
}
.main-menu ul li ul li {
    border: none;
}
/*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: 10px;
	border-radius: 10px;
	position: absolute;
	transform: translate3d(0px, -3px, 0px);
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s;
	background: #f7f8fa;
	box-shadow: 0 10px 50px rgb(28 76 156 / 15%);
}
#submenujava_div{
	top: -8px;
	transform: rotate(45deg);
	width: 15px;
	height: 15px;
	position: absolute;
	background: #f7f8fa;
}
#submenujava li{
	list-style: none;
  margin-top: 10px;
  padding-right: 10px;
}
.main-menu ul li a {
    font-weight: 400;
    font-size: 17px;
    position: relative;
    top: 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: 15px;
    /* 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{
	margin: 4px 0;
	padding-bottom: 13px;
}
.main-menu ul li img{
    width: 19px;
    position: relative;
    top: 6px;
    margin-left: 7px;
}

.key1 {
    color: transparent;
    text-shadow: 0 0 0 #ffffff;
    padding: 9px 12px 8px;
    font-size: 17px;
    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;
}
.maximagesin_worh[typeimage="h"]{
    width: 100%;
}
.maximagesin_worh[typeimage="w"]{
    height: 100%;
}
.toomaximagesin_worh[typeimage="h"]{
    height: 100%;
}
.toomaximagesin_worh[typeimage="w"]{
    width: 100%;
}
.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: 12px;
    position: relative;
    color: gray;
    transition: .3s;
}
.forgetpass:hover{
	color: #ed8e00;
}
.forgetpass:hover > i:before {
    content: "\f3c1";
}
div#sabtnamtaiiddiv {
    font-size: 14px;
    color: #0076a5;

}
div#sabtnamfinal {
    font-size: 14px;
    color: #c48221;
    padding: 10px 0;
}
#enteridtext{
	font-size: 13px;
	color: red;
	margin: 10px 0 5px;
}
button {
    border: none;
    background: #0095cd;
    color: 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 {
    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: 13px;
    cursor: pointer;
	transition: .3s;
}
.close_bu:hover{
	background: #ff675c;
}
.close_bau{
	position: relative;
    color: transparent;
    text-shadow: 0 0 0 white;
    border-radius: 5px;
    padding: 5px 10px 6px;
    font-size: 13px;
    cursor: pointer;
	transition: .3s;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: fit-content;
	background: #4cdb91;
}
.close_bau:hover{
	background: #45ca86;
}
#shownumbersboxcomment {
    padding: 0px;
    margin: 15px 0 0;
    font-size: 14px;
    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: 18px;
    color: #0098d1;
    margin: 20px 0 10px 0;
}
.maindescript ul{
	font-size: 15px;
    list-style: none;
    margin: 8px 30px 15px 0;
    padding: 0;
}
#q-mot {
     margin: 15px 10px 0 0;
    height: 180px;
    overflow: hidden;
}
#q-mot p {
    font-size: 14px;
    /* color: #00688f; */
}
.mainreadmore{
    text-align: center;
    color: #6b6b6b;
    position: relative;
    font-size: 14px;
	margin-bottom: 25px;
}
.mainreadmore:after {
       content: "";
    position: absolute;
    right: 0;
    left: 0;
    opacity: 1;
    bottom: 21px;
    height: 105px;
    z-index: 1;
    background: linear-gradient(180deg,hsla(0, 0%, 100%, 0),hsla(0, 0%, 100%, 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: 18px;
    border-radius: 7px;
    height: 45px;
    width: 150px;
    text-align: center;
	direction: ltr;
	margin-right: 5px;
	color: #6a6a6a;
}
#answersecurityinputvalueforenter{
	background: #00000012;
}
#answersecurityinputvalueforenter:focus{
	box-shadow: none;
}
#answersecurityinputvalue::placeholder , #answersecurityinputvalueforenter::placeholder{
	font-size: 12px;
	color: #8c8c8c;
}
#sabtnamform button {
    width: calc(100% - 20px);
    margin: 15px 10px 0;
    border-radius: 7px;
    height: 45px;
}
#sabtnamform button i {
    font-size: 15px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}
.footer {
    background: #ffffff;
    margin-top: 70px;
    padding: 20px;
    text-align: center;
    color: #5f5f5f;
    font-size: 13px;
    position: absolute;
    left: 0;
    right: 0;
    direction: rtl;
    display: flex;
    justify-content: space-between;
}
.footer > div {
    display: flex;
    align-content: center;
    align-items: center;
}
#socialicons {
    display: flex;
    align-content: center;
}
#socialicons > a {
    margin-right: 15px;
    height: 25px;
}
#socialicons img {
    width: 25px;
}
.usermenutop{display:none;}

#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: 15px;
    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: 17px; */
}
.paytextout {
	font-size: 14px;
    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;
}
.popupshowed{
	/*عمومی*/
	transform: translate3d(0, 0, 0) !important;
}
.popupformshow{
	transform: translate3d(0,0,0);
	animation: popupshowani 1s linear;
}
@keyframes popupshowani{
	0%{opacity:0;}

	100%{opacity:1;}
}


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

		.selectservice{float: none; width:95%;margin:0 auto; display:block;}
		.shownumbers{float: none; width:95%;margin:0 auto; display:block;margin-top: 10px}
		.bodypage{/*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;
		}
}
.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;}


@media screen and (min-width: 1000px){

	.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){
	/*.main-menu ul li:hover ul{
		display: table;
	}*/
	.settingicon {
		right: 11px;
		top: 12px;
		width: 20px;
	}
	.main-menu{
		overflow: hidden;
		display: block;
		left: auto;
		width: 250px;
		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;
	}
	.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: 15px;
	}
	.mmmimg{display:block;}
	.main-menu ul{
		display: block;
		text-align: right;
		padding: 0;
		margin-top: 60px;
	}
	.main-menu ul li img{
		position: relative;
		top: 6px;
		margin-left: 7px;
		/* 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: 17px;
	}
	.usermenutop {
		display: none;
	}
	.main-menu .close {
		width: 30px;
		left: 10px;
		top: 10px;
		right: auto;
		display: block;
	}


/* End max 1000px */
}

#analizeuserdetabletr2[style*='display: none'] ~ #analizeuserdetable > tbody > tr:nth-child(odd){
	top: 37px;
}

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

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

.timerentalselect > div > select{
    font-family: '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; }