/* LIST #4 */
body { background-color:#bbbbFF, repeat; font: 13px/22px OpenSansRegular, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555;  }
body { margin: 0 auto }
#main_block{
display:block; 
visibility: visible;
overflow-y: scroll;
height: 100%; 
width:100%; 
padding-left:1%;
padding-top:1%;
background-color:#bbbbFF;
border-top: 1px solid gray;
border-bottom: 1px solid black;
border-right: 1px solid gray;
border-left: 1px solid gray;
margin-right:2%;
margin-top:1%;
margin-bottom:1%;
}
.tmpData{
    display: none;
}
#prog {
visibility:hidden;
margin-top:1%;
float: right;
width:auto; 
padding-right:3%;
}
.timer input{
    width: 50%;
    text-align: center;
background-color: #faf;
}
.clogo{
    float: right;
    width: 100px;
    height: 100px;
    border-radius:10px;
}
.clogo img{
    border-radius:10px;
}
#submit1{ 
text-align: center;
margin-top:1%;
font-family:B Zar, serif; 
font-size:18px; 
}
.tmpes{ 
        text-align: center;
        width:25%;
        font-family: sans, serif; 
        font-size:14px; 
        color:#000; 
        background-color:#BBDDBB; 
        border-radius: 10px;
        box-shadow: 1px;
        float:right;
        margin: 2%;
    
}
.tmpes:hover{ 
      color:#555; 
background-color:#DDDDBB;
}
#q_submit{ 
text-align: center;
  width:30%;
font-family:B Titr, serif; 
font-size:26px; 
  color:#990000; 
background-color:#BBDDBB; 
	border-radius: 50px;
	box-shadow: 5px 5px;
margin-right:30%;
	margin-top: 4%;
visibility: visible;
}
#q_submit:hover{ 
font-size:24px; 
  color:#BBBBBB; 
  background-color:#FFDDaa; 
}
.successpage{
width:400px;
height:130px;
text-align: center;
font-size: 20px;
background-color:#afa;
line-height: 2;
border-radius: 10px;
}
.successpage .message{
    padding:2px;
    margin-right:2px;

}
.successpage logo{
    padding:2px;
margin-left:5px;
margin-top:5px;
float: left;
}
.successpage .result{
    padding:2px;
    margin-right:2px;

}
.qitem{
	margin: 3px;
	background-color:#AAFFFF; 
	
	padding: 10px;
	border-radius: 30px;
	box-shadow: 2px 2px;
	line-height:5px;
		text-align: center;
	visibility: hidden;
}

#tools{
	margin: 3px;
	background-color:#AAFFFF; 
	float: right;
	padding: 2px;
	border-radius: 30px;
	box-shadow: 2px 2px;
		text-align: center;
	visibility: hidden;
}

.qcomment{
	margin: 3px;
	background-color:#AAFFFF; 
	padding: 12px;
	border-radius: 10px;
	box-shadow: 2px 2px;
	text-align: center;
	float: right;
	font-family: Yekan;
}
.qitem li{
	margin: 2px;
	padding: 2px;
	border-radius: 10px;
	width:-moz-available;

	width:20%;
}
.qitem li:hover{
	margin: 5px;
	box-shadow: 2px 2px;

}

.formitem input[type="submit"]{
	margin: 10px;
	background-color:#AAF; 
	padding: 10px;
	border-radius: 30px;
	box-shadow: 1px 1px;
		text-align: center;
		width:50%;
		margin-right:25%;
		margin-top:5%;
}
.formitem newcog{
        margin: 2%;
        border-radius: 10px;
        padding: 4px;
        float: right;
        margin: 1%;
        width:96%;
        font-family:sans, serif; 
        font-size:20px;
        background: floralwhite;
        color: darkgreen;

}
.formitem item{
	margin: 2%;
	padding: 4px;
	border-radius: 10px;
	border: 1px solid black;
	background-color:#aaa;
	float: right;
	color: black;
	text-align:center;
}
.formitem textarea{
	margin: 1%;
	width:96%;
	padding: 4px;
	border-radius: 10px;
	border: 1px solid #777;
	float: right;
	text-align:center;
}
.formitem item:hover{
    background-color:#AAF;

}
.formitem range {
  background-image: url('http://brainkava.ir/question/images/range.png');
  width:90%;
  margin-right:5%;
  
}

.formitem yesno {
    display:block;

  margin-right:40%;

}
.formitem input[type="range"] {
  width:90%;
  margin-right:5%;
  direction: ltr;
}
.formitem input[type="radio"] {
  width:10%;
  margin:1%;
  direction: rtl;
}
.formitem emotion{
    display:block;
	margin-right: 1%;
	width:96%;
	margin-top: 2%;
	background-color:#FFF; 
	float: right;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 1px 1px;
	text-align: center;
	font-family:sans, serif; 
    font-size:16px; 
}
.formitem tought{
    display:block;
    width:96%;
	margin-right: 1%;
	margin-top: 2%;
	background-color:#FFF; 
	float: right;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 1px 1px;
	text-align: center;
	font-family:sans, serif; 
    font-size:16px; 
}
.formitem items{
    float:right;
    display:block;
	margin-right: 2%;
	width:96%;
	margin-top: 2%;
	text-align:right;
    border-radius: 10px;
}
.formitem items button{

    display:block;
	margin: auto;
	width:50%;
    height:50px;
	text-align:center;
    border-radius: 10px;
}
.formitem items input[type="text"]{
    display:block;
	margin: auto;
	width:50%;
    height:50px;
	text-align:center;
	color: black;
	border: 1px solid black;
    border-radius: 10px;
}
.formitem header{
	margin: 2%;
	padding: 4px;
	border: 1px solid #777;
	float: right;
	text-align:center;
}
.formitem question{
	margin-right: 1%;
	width:96%;
	margin-top: 4%;
	background-color:#FEE; 
	float: right;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 1px 1px;
	text-align: right;
	font-family:TITR, serif; 
    font-size:16px; 
}
#code1 { 
width:100%; 
float: left;
display:block; 
font-family:sans, serif; 
font-size:16px; 
  padding-right:5%; 
  margin-right: 10%;
}
#list4 { 
width:100%; 
float: right;
font-family:B Zar, serif; 
font-size:16px; 
}
#list4 ul { list-style: none; font-size:18px;  margin-top: 1%; }
#list4 ul li a { }
#list4 ul li input{
   width:10%;
  cursor:pointer; 
  }
#list4 ul li {
    display:inline-block; 
    text-align:right;
    text-decoration:none; 
    color:#000000; 
    background-color:#FFFFFF; 
    line-height:25px;
    padding:1%; 
    margin-top: 1%;
    width:98%;
    cursor:pointer; 
    font-family: Kamran;
    font-size: 20px;
  }
  #list4 ul lable {
font-size:22px;
display:block; 
line-height:40px;
  border-bottom-style:solid; 
  border-bottom-width:1px; 
  border-bottom-color:#CCCCCC; 
  padding-right:1%; 
font-family: Yekan;
  }
#list4 ul li :hover 
{
color:#AAAAFF; 
background-image:url(../images/hover.png); 
background-repeat:repeat-x; 
}
@font-face {
        font-family: BZar;
        src: url('/fonts/Kamran.ttf');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: Kamran;
        src: url('/fonts/Kamran.ttf');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: Nazanin;
        src: url('/fonts/B_Nazanin.ttf');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: Yekan;
        src: url('/fonts/yekan/Yekan.eot');
        src: url('/fonts/yekan/Yekan.eot?#iefix') format('Yekan-opentype'),
        url('/fonts/yekan/Yekan.woff') format('woff'),
        url('/fonts/yekan/Yekan.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
#list4 ul li a strong { margin-right:2%; }
@media only screen and (max-width: 768px)
{
.formitem{
	margin: 3px;
	background-color:#AAFFFF; 
	float: right;
	padding: 10px;
	border-radius: 30px;
	box-shadow: 1px 1px;
		text-align: center;
		width:96%;
		margin-right:2%;
		height:auto;
}
.formitem ruler {
    direction: ltr;
    background-image: url('http://brainkava.ir/question/images/range.png');
    width:90%;
    height:50px;
    margin-right:5%;
    display: block;
    background-size: 100%;
}
.formitem input[type="radio"] {
    float:right;
  width:98%;
  margin:1%;
  direction: rtl;
}
}
@media only screen and (min-width: 768px)
{
.formitem{
        margin: 3px;
        background-color:#AAFFFF; 
        float: right;
        padding: 10px;
        border-radius: 30px;
        box-shadow: 1px 1px;
        text-align: center;
        width:60%;
        margin-right:20%;
        height:auto;
        font-family: sans , serif; 
        font-size:16px; 
}
.formitem input[type="radio"] {
    float:right;
  width:70%;
  margin:1%;
  direction: rtl;
}
#main_block{
display:block; 
visibility: visible;
overflow-y: scroll;

height: 350px; 
width:95%; 
padding-left:1%;
padding-top:1%;
background-color:#DDDDFF;
border-top: 2px solid gray;
border-bottom: 3px solid black;
border-right: 3px solid gray;
border-left: 3px solid gray;
margin-right:10%;
margin-top:1%;
margin-bottom:5%;
}
.tmpes{ 
text-align: center;
  width:20%;
font-family:B Titr, serif; 
font-size:22px; 
  color:#000; 
background-color:#BBDDBB; 
	border-radius: 50px;
	box-shadow: 2px 2px;
float:right;
	margin-top: 1%;
    
}
.timer input{
    width: 90%;
    text-align: center;
    font-size:14px;
background-color: #faf;
}
.timer {
    float:left;
    width:15%;
    text-align: center;
}
#prog {
visibility:visible;
margin-top:1%;
float: right;
width:auto; 
padding-right:3%;
}
	#list4 { 
	height: 85%; 
	width:85%; 
	float: right;
	font-family:B Zar, serif; 
	font-size:18px; 
	}

	#list4 ul { list-style: none; font-size:18px;  margin-top: 1%; }
	#list4 ul li a { }
	#list4 ul li {
        text-align:right;
        width: max-content;
        width:-moz-max-content;
        line-height:20px;
        margin-top: 1%;
        cursor:pointer; 
        font-family: Kamran;
        font-size: 22px;
	  }
	#list4 ul li input{
   height: 1.5em;
    width: 1.5em;
    padding:2px;

	  }
	  #list4 ul lable {
	font-size:24px;
	display:block; 
	line-height:40px;
	  border-bottom-style:solid; 
	  border-bottom-width:1px; 
	  border-bottom-color:#CCCCCC; 
	  padding-right:1%; 
    font-family: Yekan;
	  }

}