* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}
*{margin:0}
.w3-myred, .w3-hover-myred:hover{color:#000!important;background-color:#E91E63!important}
@font-face {
	font-family: 'myFirstFont';
	src: url('fonts/IRANYekan.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Bullpen3D';
	src: url('fonts/Bullpen3D.eot');
	src: url('fonts/Bullpen3D.eot?#iefix') format('embedded-opentype'),
		url('fonts/Bullpen3D.woff') format('woff'),
		url('fonts/Bullpen3D.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
html,body{
	direction: rtl;
	unicode-bidi: bidi-override;
	font-family: myFirstFont , Tahoma, Geneva, sans-serif;
	font-size: 16px;
	line-height:1.5;
	height:100%
}
@keyframes blinker {  
  50% { opacity: 0; }
}
.medcounter{
	font-family: Bullpen3D;
	text-align: center;
	display: inline-block;	
	background-color: #ffffff;
	min-width: 40px;
	min-height: 40px;
	border-radius: 5px;
	margin: 8px 0px 10px 0px;
	text-align: center;	
	padding: 2px 8px 2px 2px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	font-size: 25px;
}
#counter1{
	color: blue;
}
#counter2{
	color: red;
}
#counter3{
	color: green;
}
#counter4{
	color: black;
	cursor: pointer;
}
.blink{
	animation: blinker 1s linear infinite;
}
.registerlink{
	color: #3f51b5;	
	font-size: 19px;
}
.resultfix{
	position:fixed;
	bottom: 0px;
	z-index:1000;
}
.fixbar{
	position: fixed;
	top: 38%;
	left: 0;
	cursor: pointer;
}
.rrr{
	text-align: center;	
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #3a3a3a;
	font-size: 50px;
	border-radius: 10px;
	border: 1px dotted #3f51b5;
}

}
#a1{
	background-color: white;
}
#a2{
	background-color: #dfefff;
}
#a3{
	background-color: #ffe0e0;
}
#a4{
	background-color: #cff7cf;
}
.natijespan{
	font-size: 9px;
	margin: 0px;
}
.end{
	text-align: center;
	cursor: pointer;
	
}
.end:hover{
	color: red;
}
.fixlow{
	position: fixed;
	right: 5px;
	bottom: 5px;
	z-index: 999999;
	display: inline-block;	
    color: white;
	padding: 0px;
	background-color: #3A3A3A;
    font-weight: bold;
    padding: 10px;
	border-radius: 5px; 
}
.jst-hours {
    float: left;
}
.jst-minutes {
    float: left;
}
.jst-seconds {
    float: left;
}
.jst-clearDiv {
    clear: both;
}
.jst-timeout {
    color: red;
}
td.radioo{
	vertical-align: top;
	/* padding-top: 3px; */
}
.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  background: #fff;
  border-style: solid;
  border-width: 2px;
  color: #b9cef7;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #b9cef7;
}
.option-input:checked {
  background: #3F6CCC;
}
.option-input:checked::before {
  height: 20px;
  width: 20px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}
.option-input:checked::after {
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
/* .option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
} */
.w3schools-logo {
	display: block;
	font-family: Bullpen3D;
	font-size: 37px;
	letter-spacing: 3px;
	line-height: 1;
	padding-right: 2px;    
	text-decoration: none;
	top: 17px;
	float:left;
	
}
#ads{
	border: 2px solid #3F51B5;
	background-color:#ffffff;
	border-radius:25px;	
	margin-top: 0px;
	margin-bottom: 30px;
	text-align:center;
	Height : auto;
	padding: 10px 0px 25px 0px;
}
#ads tr:nth-child(odd){
	background-color: #E7FFE7
}
table{
	padding: 5px;
	font-size: 100%;
	
}
table#adtable{
	width: 100%;
	border: 1px solid #F2F2F2;	
	
}
table#adtable td.right{
	text-align:right;	
	width: 50%;
	border: 1px solid #F2F2F2;
}
table#adtable td.left{
	text-align:center;	
	width: 50%;
	border: 1px solid #F2F2F2;
}
table#adtable th{
	text-align:center;	
	width: 50%;
	border: 1px solid #F2F2F2;
}
table#adtable caption{
	text-align:center;	
	color: #3F51B5;
}

.active {
	background-color:#3F51B5;
}
.top {
	
	height: 68px;
	line-height: 50px;
	overflow: hidden;
	padding-top: 20px;
	position: relative;
	z-index: 1;
}
#topnav{
	overflow: hidden;
	z-index:99999;
}
.dotcom {
	color: #4CAF50;
	
}
.anthem {
	color: #4CAF50;
	font-size:25px;
}

#footer{
	width:100%;
	text-align:center;
	height:auto;
	min-height:20px;
	padding:10px;
	margin-top:50px;
	font-size:15px;
}
#hr1{
	background-color:#3F51B5;
	margin:1px;
	height:2px;
}
#hr2{
	background-color:#E91E63;
	margin:1px;
	height:2px;
}
#hr3{
	background-color:#009688;
	margin:1px;
	height:2px;
}
a {
	text-decoration: none !important;
	
}
.med{
	color:#3F51B5;
}
.q{
	color:#E91E63;
}
.b{
	color:#009688;
}
.disabla {
	pointer-events: none;
	cursor: default;
}
#dars{
	float:right;
	padding:5px;
}
.mypost{
	margin-bottom:20px;
	margin-top:20px;	
	background-color: #ffffff;
	border: 1px solid #f1f1f1;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#oppdarslink{
	display: block;
}
#oppdarslink:hover{
	color:#3F51B5;
}
table.smallt{
	display: block;
}
table.larget{
	display: none;
}
td.main {
	padding: 14px;		
}
td.page{
	padding: 3px;		
}

td.currentpage{
	padding: 3px;
	
}
td.answer , td.answer-num{
	padding: 1px 7px 1px 1px;
	vertical-align: baseline;
	text-align:right;
}
td.answer{
	width:100%;
}
td.answer-num{
	width:5px;
}
td.page:hover, td.main:hover{
	color:red;
	cursor: pointer;
}
td.qnumi {
	padding: 1px 1px 1px 1px;
	vertical-align: baseline;
	text-align:right;
	display:inline;
	width:5px;
	
}
td.qmatn{
	padding: 1px 7px 1px 1px;
	vertical-align: baseline;
	text-align:right;	
	width:100%;
}

#pagi{
	text-align:center;
}
.pageactive{
	background-color: #4CAF50;
}
.pagedactive{
	background-color: white;
}
#kadr{
	border: 2px solid #3F51B5;
	background-color:#ffffff;
	border-radius:25px;	
	margin-top: 0px;
	margin-bottom: 30px;
	padding:15px;
}

.searchselect{
	margin-top:15px;
	margin-bottom:15px;
}
#matn,#ans1,#ans2,#ans3,#ans4{
	margin-bottom: 15px;
}
textarea {
	resize: none;
}
.edit{
	cursor: pointer;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.sort {
    cursor: move;
    cursor: -webkit-grabbing;
	float:left;
	margin-right:10px;
}
.qcount{
		color: white;
		text-align: center;
		text-decoration: none;
		font-size: 12px;
}
u {
    text-decoration: underline;
}
.en{
	direction: ltr;
	unicode-bidi: bidi-override;
	font-family: Tahoma, Geneva, sans-serif;	
	font-size: 14px;
}
#telegramlink:hover{
	color:#000000;
}
.myupdiv{
	padding-bottom:10px;
}
.mymaindiv{
	padding-bottom:10px;
}
.showans{
	color:red;
}
#refresh:hover{
	color:#3F51B5;
	cursor: pointer;
}
.mylist a {
    padding: 6px 16px;
    display: block;
	text-decoration:none
}
.myhover:hover{
	color:#00000!important;
	background-color:#4CAF50!important;
	
}
.myhover:active {
    background-color: transparent;
}
.fixed {
    position:fixed;
    top:0;
	width: 100%;
	
}
.prline{
	border-style:dotted #8c8b8b;
	display: none;
}
.myhide{
	display:none;
	
}
#mynav{
	position: absolute;
	width: 100%;
	opacity: 0.9;
	z-index: 1000;
	
}
.toptext{
	letter-spacing: 2px;
}

@media only screen and (max-width: 992px) {
	
	table.larget
	{
		display: none;
	}
	table.smallt
	{
		display: block; 
	}
	td.answer {
		width: 100%;
	}
	
	
}

@media only screen and (max-width: 400px) {
	
	#dars{
		
		min-height:35px;
		font-size:14px;
		
		}
}

@media only print {	
	
	#col4, #topnav, #footer, #pagi, .upperdiv, .top , .suberdiv, .bullets-container{display: none!important;}
	#col8{width:100%;}
	.scrollable-section{background-color:white!important;font-size:36px;page-break-before: always!important;}
	.myupdiv{margin-bottom:0px;}
	.myupdiv{padding-bottom:0px;}
	.mymaindiv{margin-bottom:0px;}
	.mymaindiv{padding-bottom:2px;}
	.mypost{margin-bottom:0px;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
	.answer-num{color:black;}
	html,body{direction: rtl;unicode-bidi: bidi-override;font-family: myFirstFont , Tahoma, Geneva, sans-serif;	font-size: 14px;height:auto;}
	.en{font-size: 11.5px;}
	.prline{display:block!important;}
	.w3-col.l1{width:8.33333%}
	.w3-col.l2{width:16.66666%}
	.w3-col.l3,.w3-quarter{width:24.99999%}
	.w3-col.l4,.w3-third{width:33.33333%}
	.w3-col.l5{width:41.66666%}
	.w3-col.l6,.w3-half{width:49.99999%}
	.w3-col.l7{width:58.33333%}
	.w3-col.l8,.w3-twothird{width:66.66666%}
	.w3-col.l9,.w3-threequarter{width:74.99999%}
	.w3-col.l10{width:83.33333%}
	.w3-col.l11{width:91.66666%}
	.w3-col.l12{width:99.99999%}
}