@charset "utf-8";
/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

Title : css modares journal
Authors : masoud nazary

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/
 .subsion_sbjct {
    direction: rtl;
}

#user_style, #pass_style {
	background:#fff;
	width:200px;
	height:30px;
	padding:2px 10px 3px 10px;
	margin:0 0 5px 0;
	border:1px solid #dfdfdf;
	font-family:tahoma;
	font-size:12px;
	color:#000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	direction:ltr;
}

#user_style:focus, #pass_style:focus {
	direction:ltr;
}

.submit_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:yekanYW;
	font-size:12px;
	padding:0 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.submit_btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}

.yw_box {
	background:#fff;
	border:1px solid #e2e2e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	padding:20px;
	margin:10px auto 40px;
	width:996px;
}
.yw_box h2{
	float:left;
    font-family: iransans;
    font-size: 22px;
    color: #309e75;
    border-bottom: 4px solid #777;
    padding: 0 20px 20px 20px;
    font-weight: 600;
} 
.online_submission_sbj_title h2{
	float: none;
	text-align: center;
}

.yw_text, .yw_text table tbody td tr  ,.yw_text a ,.yw_text a:hover,.yw_text p,.yw_text table tbody tr td {
	font-family:tahoma;
	font-size:14px;
	line-height:26px;
	margin:10px 0 0 0;
}

.yw_text_med, .yw_text_med table tbody td tr  ,.yw_text_med a ,.yw_text_med a:hover,.yw_text_med p,.yw_text_med table tbody tr td {
	font-family:tahoma;
	font-size:13px;
	line-height:26px;
	margin:10px 0 0 0;
}

.yw_text_small, .yw_text_small table tbody td tr  ,.yw_text_small a ,.yw_text_small a:hover,.yw_text_small p,.yw_text_small table tbody tr td {
	font-family:tahoma;
	font-size:12px;
	line-height:26px;
	margin:10px 0 0 0;
}

.yw_text_smaller, .yw_text_smaller table tbody td tr  ,.yw_text_smaller a ,.yw_text_smaller a:hover,.yw_text_smaller p,.yw_text_smaller table tbody tr td {
	font-family:tahoma;
	font-size:11px;
	line-height:26px;
	margin:10px 0 0 0;
}

.yw_text ul {
	margin:10px 5px 10px 5px;
}
.yw_text ul li {
	background:url('../images/arrow2.png') right no-repeat;
	padding:0 0 0 15px;
	margin:0 10px 0 0;
}
.yw_text ol {
	margin:10px 20px;
	list-style-type: decimal;
}
.yw_text ol li {
	list-style-type: decimal;
	padding:0 0 0 5px;
	margin:0 10px 0 0;
}

.yw_col1
{
	float:left;
	width:90%;
}
.yw_col2
{
	float:left;
	width:5%;
}
.yw_col50
{
	float:left;
	width:50%;
}

.yw_col100
{
	border: 1px solid grey;
	display:block;
	overflow: hidden;
	
}

.col_left {
    overflow: hidden;
    min-height: 50%;
}

.col_right {
    float: left;
    width: 50%;
}

.yw_input {
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:inset 0px 0px 3px #e3e3e3;
	-webkit-box-shadow:inset 0px 0px 3px #e3e3e3;
	box-shadow:inset 0px 0px 3px #e3e3e3;
	font-family:tahoma;
	font-size:12px;
	padding:4px 10px 3px 5px;
}

.pad_sides_30 {
	padding:0 30px;
}

.styled-select {
   background:url(../images/slct_arrow_ltr.png) no-repeat 4% 0;
   height: 29px;
   overflow: hidden;
   width: 250px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   
}

#select_menu{
	background:#275bab;
	width:85%;
	-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin:0 auto;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 12px;
   height: 29px;
   padding: 5px 0 5px 45px; 
   width: 270px;
   font-family:tahoma;
   cursor:pointer;
   color:#fff;
}

.styled-select select option {
	background:#fff;
	padding:5px;
	color:#000;
}

#login_box{
	margin:10px;
}

#login_box ul li{
	margin:0;
	float:none;
}
#login_box ul li:first-child{
	margin-bottom:10px;
}
#login_box ul li a{
	font-family:tahoma;
	font-size:11px;
}

.list_style li {
	background:url(../images/arrow2_en.png) left no-repeat;
	padding:0 0 0 15px;
}

.desc_j h2{
	margin-bottom:7px;
}

.desc_j h2 a{
	font-family:arial;
}

body{
	direction:ltr;
}

#logo{
	float:left;
	right: auto;
	left: 15px;
}

#menu{
	float:right;
}

#menu{
	float:right;
}

#menu > ul > li{
	float:left;
}

#menu > ul > li > a{
	font-family:arial;
	font-size:15px;
	line-height:27px;
}

#menu ul li img {
	float:left;
	margin:2px 5px 0 0;
}
#speedbar {
	float:left;
}

#speedbar li {
	float:left;
}

#social_top {
	float:right;
}



#jc_right{
	float:left;
}

#jc_left{
	float:right;
}

#jc_r{
	float:left;
}

#jc_l{
	float:right;
}

#journal_desc h1{
	font-family:tahoma;
}

.more_b{
	float:left;
}

.tabs-style-line nav a{
	font-family:arial;
}
.accordion__icon{
	left:inherit;
	right:20px;
}
.accordion__icon .minus, .accordion__icon .plus{
	left:inherit;
	right:0;
}
.jrn_cover{
	float: right;
	text-align: right;
	width: 20%;
}
.box_gray ul li:after, .box_gray2 ul li:after, .accordion__content ul li:after{
	background:url(../images/a_next.svg);
	right:inherit;
	left:0;
}

.box_gray ul li, .box_gray2 ul li, .accordion__content ul li{
	padding:0 0 0 20px;
}

#journal_img {
    width: 140px!important;
}
#journal_img img{
	margin: 0!important;
}

#footer_one ul{
	float:left;
	margin:10px 15px 0 0;
}

#f_right{
	float:left;
	padding-left:0;
	padding-right:4%;
}
#f_center{
	float:left;
}

#f_left{
    float: right;
	padding-right:0;
	padding-left:4%;
}

.links li a{
	font-family:arial;
}
.pushmenu-left { left: inherit; right:-300px; }

.pushmenu-left.pushmenu-open { right: 0; left: inherit; }

.pushmenu-push {
  left: inherit;
  right:0;
}

.pushmenu-push-toright {  left:inherit;}

.pushmenu-push-toright header{
	left:-300px;
}
.links li a:after {
  left: 20px;
  right:inherit;
}

#search_in #search_input{
	float:right;
}

#search_in #search_button{
	float:right;
}

#field_search p{
	float:left;
	margin:0 25px 0 0;
}

#journal_desc p {
	padding:0 0 0 20px;
}

#journal_desc p:after {
	content:'';
	background:url(../images/a_next.svg);
	position:absolute;
	left:0;
	top:5px;
	width:12px;
	height:12px;
}
.docsmry .desc_modal{
	text-align: left!important;
}

@media only screen and (min-width: 778px) and (max-width: 996px) {
	.container,.yw_box{
	width:770px !important;
}

#jc_right{
	width:230px;
}

#jc_left{
	width:515px;
}

#jc_r{
	width:230px;
}

#jc_l{
	width:515px;
}


#footer_one ul{
	margin:10px 0 0 10px;
}

}

 @media only screen and (min-width: 480px) and (max-width: 777px) {
	 
	 #top_header{
		 height:auto;
		 padding-bottom:15px;
	 }
	 
	 #menu ul li{
		 margin-bottom:15px;
	 }
	 .container,.yw_box{
		width:100% !important;
	 }
}
 @media only screen and (min-width: 778px) and (max-width: 996px) {
	 body{
	 padding:0;
	 }
	 header{
		 position:static;
	 }
	 
	 #top_header{
		 height:auto;
		 padding-bottom:15px;
	 }
	 
	 #menu ul li{
		 margin-bottom:15px;
	 }
	 .container,.yw_box{
	width:770px !important;
}
#search_in #search_input{
	width:91%;
}
#speedbar{
	margin:0 0 10px 0;
}

#jc_right{
	width:100%;
}

#jc_left{
	width:100%;
}

#jc_r{
	width:100%;
}

#jc_l{
	width:100%;
}



#footer_one ul{
	width:30%;
}

 }

  @media only screen and (min-width: 50px) and (max-width: 479px) {
	  #logo{
		  float:none;
		  text-align:center;
	  }
	  #top_header{
		  height:auto;
		  padding:10px 0;
	  }
	  
	  #menu{
		  margin:15px 0 0 0;
		  float:none;
		  text-align:center;
	  }
	  
	  #menu ul li{
		  float:none;
		  display:inline-block;
		  margin-bottom:15px;
	  }
	  
	  #speedbar{
	margin:0 0 10px 0;
}
	  
	  .container, .container2,.yw_box{
	width:90% !important;
}

#search_in #search_input{
	width:85%;
}

#field_search p:first-child{
	display:block;
	float:none;
	margin:0 0 10px 0;
}

#jc_right{
	width:100%;
}

#jc_left{
	width:100%;
}

#jc_r{
	width:100%;
}

#jc_l{
	width:100%;
}



#footer_one ul{
	width:100%;
}

  }
  
  
  
  
  
  
  
  #filter{
	float:left;
}

#login{
	float:right;
}

.img_j{
	float:left;
}

.desc_j{
	float:left;
	margin:0 0 0 30px;
max-width: 450px;
}

.link_j{
	float:right;
}

#pagination li{
	float:left;
	margin:0 22px 22px 0;
}

#footer_org ul{
	float:left;
	margin:10px 15px 0 0;
}
  
  #docsmry #img_j{
	float:left;
}
  #docsmry #menu_modal{
	float:left;
	margin:80px 5% 0 3%;
}
#docsmry #desc_modal{
	float:left;
	text-align:left;
}
  
  .xclose {
	  left:inherit;
	  right:32px;
  }
  
  
 @media only screen and (min-width: 480px) and (max-width: 777px) {
	 body{
		 padding:0;
	 }
	 header{
		 position:static;
	 }
	 .desc_j{
		 width:330px;
	 }
	 .link_j{
		 width:100%;
		 margin:50px 0;
	 }
	 
	 #footer_org ul{
	width:30%;
}
 }
 
 
	 @media only screen and (min-width: 50px) and (max-width: 479px) {
		 
		 body{
		 padding:0;
	 }
	 header{
		 position:static;
	 }
		 
		 
	 .img_j{
		 float:none;
		 margin:0 auto;
	 }
	 .desc_j{
		 float:none;
		 width:100%;
		 margin:10px 0;
		 text-align:center;
	 }
	 
	 .link_j{
		 width:100%;
		 margin:20px 0;
		 padding:15px 0;
	 }
	 
	 #footer_org ul{
	width:100%;
}
	 }
