@media only screen and (max-width: 470px) {
  .user_name	 {
display:none;
  }
}
	


@font-face {

src: url('pfonts/p30.eot'); /* IE9 Compat Modes */
src: url('pfonts/p30.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('pfonts/p30.woff') format('woff'), /* Modern Browsers */
url('pfonts/p30.ttf')  format('truetype'), /* Safari, Android, iOS */
url('pfonts/p30.svg#svgFontName') format('svg'); /* Legacy iOS */
}
a,a:focus,a:hover{
text-decoration: none;
}

body {text-align:center;}
input,textarea{
border: solid 1px #EEE;
border-radius: 5px;
 font-family: arial,sans-serif;
margin: 0px;
padding: 6px 14px 5px;
font-size: 16px;

}	
input[type="checkbox"]{
width: 20px;
height: 20px;	
margin: 0px 0px 0px 5px!important;	
}



select{
border: solid 1px #EEE;
border-radius: 5px;
height: 35px;
margin: 0;
padding: 1px 7px 1px;
font-size: 14px;
}
input:focus,select:focus,textarea:focus{


}
p{

direction: rtl;
}	
.span1,.span2,.span3{
width: 80px;
}
.span4{
text-align: right;
width: 320px;
max-width: 320px;
padding: 10px 10px 0px 0px;
}
.botn{
font-size: 16px;	
font-family: IRANSans !important;
margin: 20px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: solid 2px #EEE;
border-top-color: rgb(238, 238, 238);
border-right-color: rgb(238, 238, 238);
border-bottom-color: rgb(238, 238, 238);
border-left-color: rgb(238, 238, 238);
border-radius: 8px;
padding: 0.375rem 0.75rem;
line-height: 1.5;
border: solid 2px #EEE;
border-radius: 10px;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.subbtn{
color: #fff;
background-color: #5D9CEC;
padding: 10px;
margin: 15px 0px 0px 0px;
}
.subbtn:hover{
color: #fff;
cursor: pointer;
border-color: #0062cc;
background-color: #4A89DC;	
}
.codbtn{
color: #111;
background-color: #ffc107;
min-width: 100px;
}
.err{
margin:15px 40px 0px 0px;
color:#fff;
text-align: right;
direction: rtl;
font-size: 14px;
font-weight: 400;
position: fixed;
  bottom: 50px;
  left: 50px;
  background-color: #d41818;
  padding: 10px;
  border-radius: 10px;

}	
.codbtn:hover{
cursor: pointer;
color: #111;
background-color: #e0a800;
border-color: #d87b03;
}
.textbtn{
color:#cbcbcb;
font-size: 14px;
}
.textbtn:hover{
cursor: pointer;
color:#ffc107;
}
.auto-style3 {	
direction: rtl;
margin: 12px 0px 3px 0px;
}
.codinput{
width: 200px;
border: none;
outline: none;
letter-spacing: 15px;
text-align: left;
margin-left: 25px;
direction: ltr;
font-size: 20px;
overflow: hidden;
border-radius: 0px;	
}	
.codinput:focus{
box-shadow: 0 0px 0px ;
border: 0px;
}	
.dash{
height: 30px;
width: 100px;
background-image: -webkit-gradient(linear,left top,right top,color-stop(75%,#000),color-stop(0,hsla(0,0%,100%,0)));
background-image: linear-gradient(90deg,#000 75%,hsla(0,0%,100%,0) 0);
background-position: 56px bottom;
background-size: 25px 1px;
background-repeat: repeat-x;
overflow: hidden;
margin-top: -25px;
margin-left: auto;
margin-right: auto;
}
.timer{	
background-color: beige;
border-radius: 20px;
margin: 0px 100px 0px 100px;
}
.price{
color: #238c0e;
background-color: #f0ffe1;
margin: 10px 0px 0px 80px;
padding: 4px 10px 4px 10px;
text-align: right;
border-radius: 6px;
height: auto;
width:99%;
max-width: 270px;
border: solid 1px #EEE;
float: right;
}

.postbox,.postboxdiactive{
font-family: IRANSans !important;
margin: 20px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: solid 2px #EEE;
border-top-color: rgb(238, 238, 238);
border-right-color: rgb(238, 238, 238);
border-bottom-color: rgb(238, 238, 238);
border-left-color: rgb(238, 238, 238);
border-radius: 8px;
padding: 0.375rem 0.75rem;
line-height: 1.5;
border: solid 2px #EEE;
border-radius: 10px;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
color: #555;
padding: 5px 12px 7px 10px;
margin: 10px 0 0 0;
font-size: 15px;

}
.postbox:hover{
color: #fff;
cursor: pointer;
background-color: #6DC72F;
}

.postboxdiactive{
margin:10px 5px 5px 5px;
background-color:#f6f6f6;
}

.postboxdiactive:hover{
background-color:#f6f6f6;
}




.paybtn{
color: #fff;
background: #78D836;
padding: 5px 12px 7px 10px;
margin: 10px 5px 5px 5px;
font-size: 15px;
}
.paybtn:hover{
color: #fff;
cursor: pointer;
background-color: #6DC72F;
}



.paysuc{
background-color: #78FE6A;
padding: 10px;
border-radius: 6px;
}

.payfail{
background-color: #FF5B5B;
padding: 10px;
border-radius: 6px;
}	
.user_photo{
width: 35px;
height: 35px;
border-radius: 50%;
float: left;

margin: 13px 10px;
cursor: pointer;
	
}
.user_name{

margin: 15px 0px 0px 15px;
color: #fff;
float: left;
background-color: #a3a3a3;
padding: 5px;
border-radius: 10px;
border: solid 2px #C5C5C5;
}
.user_name:hover{
background-color: #b9b9b9;
}

.loguot{
margin: 17px 0px 23px 15px;
color: #bcbcbc;
float: left;
}
.loguot:hover{

color: #fff;
text-decoration: none;
}
.loguot:focus{
color: #fff;
text-decoration: none;
}

.square{
height:200px;
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}



.circle_buttons{
width:80px;
text-align: left;
}
.ad_circle_buttons{
width:160px;
text-align: left;
}
.votecomment{

width: 99%;
background-color:
#fed41c;
padding: 10px;
margin: 10px;
border-radius: 10px;
text-align:right;
max-width: 250px;
direction: rtl;
}


h{
color: #333;
font-size:15px;
}

.price_font{
color: #333;
font-size: 16px;
}

h10{
color: #fe4747;
}


.load8 .loader {
  margin: 0px;
  font-size: 2px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #438c56;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.load8 .loader,
.load8 .loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
  
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

 /* Customize the label (the container) */
.toolcontainer {
  display: initial;
  position: relative;
  padding-left: 20px;
  margin: 0 0 0 5px;
  cursor: pointer;
 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.toolcontainer input {
  position: fixed;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #e7e7e7;
  border-radius: 5px;
}

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

/* When the checkbox is checked, add a blue background */
.toolcontainer input:checked ~ .checkmark {
  background-color: #2196F3;
}

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

/* Show the checkmark when checked */
.toolcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.toolcontainer .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 


.br-theme-fontawesome-stars .br-widget {
  height: 28px;
  white-space: nowrap;
}
.br-theme-fontawesome-stars .br-widget a {
  font: normal normal normal 20px/1 "Font Awesome 5 Free";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 2px;
}
.br-theme-fontawesome-stars .br-widget a:after {
  content: '\f005';
  color: #d2d2d2;
}
.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #EDB867;
}
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: #EDB867;
}
.br-theme-fontawesome-stars .br-widget .br-current-rating {
  display: none;
}
.br-theme-fontawesome-stars .br-readonly a {
  cursor: default;
}
@media print {
  .br-theme-fontawesome-stars .br-widget a:after {
    content: '\f006';
    color: black;
  }
  .br-theme-fontawesome-stars .br-widget a.br-active:after,
  .br-theme-fontawesome-stars .br-widget a.br-selected:after {
    content: '\f005';
    color: black;
  }
}