@media (min-width: 1200px){

    .container {

        /*width: 1330px;*/

    }
}



.journal-container{

    padding:15px 0;

}

.scrolled{

    padding-top:205px;

}



.block h1 {

	background: #18ba9b;

}

.media-img {

	overflow: hidden;

	width: 100%;

	position: relative;

}



/*Registration and Login Page v1

------------------------------------*/

.reg-page {

	color: #555;

	padding: 20px;

	background: #fefefe;

	border: solid 1px #eee;

	box-shadow: 0 0 3px #eee;

    margin:60px -20px;

}



/*Reg Header*/

.reg-header {

	color: #555;

	text-align: center;

	margin-bottom: 35px;

	border-bottom: solid 1px #eee;

}



.reg-header h2 {

	font-size: 24px;

	margin-bottom: 15px;

}



/*Reg Forms*/

.reg-page label {

	color: #777;

}





/* @group Tag-it */



ul.tagit {

	padding: 1px 5px;

	overflow: auto;

    margin-left: inherit; /* usually we don't want the regular ul margins. */

    margin-right: inherit;

}



.hidden {

	display: none;

}



ul.tagit li {

	display: block;

	float: left;

	margin: 2px 5px 2px 0;

}



ul.tagit li.tagit-choice {

	padding: .2em 18px .2em .5em;

    position: relative;

    line-height: inherit;

}

ul.tagit li.tagit-new {

	padding: .25em 4px .25em 0;

}



ul.tagit li.tagit-choice a.tagit-label {

	cursor: pointer;

	text-decoration: none;

}

ul.tagit li.tagit-choice .tagit-close {

	cursor: pointer;

    position: absolute;

    right: .1em;

    top: 50%;

    margin-top: -8px;

}



/* used for some custom themes that don't need image icons */

ul.tagit li.tagit-choice .tagit-close .text-icon {

    display: none;

}

.ui-autocomplete .ui-menu-item a {

	font-size: .6em;

}

ul.tagit li.tagit-choice input {

	display: block;

	float: left;

	margin: 2px 5px 2px 0;

}

ul.tagit input[type="text"] {

    -moz-box-sizing:    border-box;

    -webkit-box-sizing: border-box;

    box-sizing:         border-box;



    border: none;

	margin: 0;

	padding: 0;

	width: inherit;

	background-color: inherit;

    outline: none;

}

/* @end */



.block {
  background: #fff;
  padding: 10px;
  margin-bottom: 10px;
  background-color:#f7f7f7;
  border-bottom: solid 2px #eee;
  transition: all 0.4s ease-in-out;
}
.block .blockTitle {

	color: #fff;

	font-size: 14px;

	text-align: center;

	margin: -10px -10px 10px -10px;

	/*background: #18ba9b;*/

    border-bottom: solid 1px #e6e6e6;
	text-transform: uppercase;

}
#sidebarDevelopedBy, #sidebarHelp, #sidebarFontSize{display:none;}

table.tocArticle{border:1px solid #ddd;}

    table.tocArticle .tocTitle {

        /*background-image: url("../../../../public/site/images/yousefifard/bullet.png");*/

        background-position: 4px 5px;

        background-repeat: no-repeat;

        padding: 0 5px;

    }
table.tocArticle .tocTitle a{color:darkblue;font-weight:bold;}

    table.tocArticle .tocAuthors {

        font-style: italic;

        padding: 0 5px;

    }

table.tocArticle .tocArticleGalleysPages {

    padding: 0 5px;

}

table.tocArticle .tocGalleys,
table.tocArticle .tocPages {
	text-align: left;
}



.tocArticleCoverImage {

    width: 100px;

}



.tocArticleCoverImage img {

    border: 0;

    float: left;

    margin:0 !important;

    max-width: 100%;

}

table.listing tr.heading td, table.listing td.heading, table.info td.heading {
    background-color: #DADFCC;
    text-align: center;
    border: 1px #000 solid;
    text-transform: uppercase;
    font-weight: bolder;
    padding-left: 1px;
}
table.listing td {
    text-align: center;
    border: 1px #000 solid;
    font-weight: bolder;
}



/*Grid List Icons*/

.grid-list-icons {

	float: right;

}



.grid-list-icons i {

    color:#fff;

	width: 30px;

	height: 30px;

	padding: 6px;

	font-size: 18px;

	line-height: 20px;

	text-align: center;

	background: #18ba9b;

	display: inline-block;

}



.grid-list-icons i:hover {

	background: #8bdccd;

	text-decoration: none;

}



.grid-list-icons .active {

	color: #eee;

}



.ojsform-control {

    height: 32px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}



.tablelabel{text-align:right;font-weight:bold;}

.header-v4 .navbar-header {

	margin: 0;

}

.header-v4 h2 {

	color: lightblue;

}

.topbar-v1 .top-v1-contacts {

     margin-top:0; 

}

.topbar-v1 .dropcap {

    padding:0;

    margin-top:-2px;

    font-size: 32px;

    font-weight:600;

}

.topbar-v1 .dropcapsubtitle{

    padding:0;

    margin-top:-2px;

    font-size:14px;

    font-weight:bold;

}



.breadcrumbs {

    padding: 0;

}

.breadcrumbs h1 {

    margin-top: 6px;

    line-height:25px;

}

.sky-form .checkbox label, .sky-form .radio label {

    padding-left: 0; 

    margin-top: 2px;

}



/* Table styles ----------------------------------*/

.highlightReviewerNotNotified, .highlightCopyediting {
	background: #EDEBC4;
}
.highlightNoDecision, .highlightLayoutEditing {
	background: #D8E9BD;
}
.highlightRevisedCopyUploaded, .higlightProofreading {
	background: #C6EBE4;
}
.highlightReviewerConfirmationOverdue {
	background: #9DD1E6;
}
.highlightReviewerCompletionOverdue {
	background: #74C5D8;
}


.fastTracked {
	background-color: #ABA;
}

/* galley in Article ----------------------------------*/
.btn-galley {bottom:-20px;z-index:10000;}

/* Wizard styles ----------------------------------*/
.wizard { margin-left:-40px;}

.wizard li {

    margin-right: 5px;

    margin-bottom: 5px;

    padding: 10px 20px 10px 30px;

    position: relative;

    display: inline-block;

    width: auto;

    text-align: center;

    color: #707070;

    background: #EBEBEB;

}



.wizard li:first-child {

    margin-left: 0;

}



.wizard li::before, .wizard li::after {

    width: 0;

    height: 0;

    border-top: 20px inset transparent;

    border-bottom: 20px inset transparent;

    position: absolute;

    content: "";

    top: 0;

}



.wizard li:before {

    border-left: 15px solid #FFFFFF;

    left: 0;

}



.wizard li:after {

    border-left: 15px solid #EBEBEB;

    right: -15px;

    z-index: 2;

}



.wizard li:first-child:before,

.wizard li:last-child:after {

    border: none;

}



.wizard li.selected {

  background-color: #FF4F65;

  color: #fff;

}



.wizard li.selected::after {

    border-left-color: #FF4F65;

}


/*Page Search

------------------------------------*/

/*Search Block*/

.search-block {

	text-align: center;

	position: relative;

	margin-bottom: 20px;

}



.search-block:before {

	top: 0;

	left: 0;

	width: 100%;

	height: 100%; 

	content: " ";

	position: absolute;

}



.search-block h1 {

	font-size: 34px;

	font-weight: 200;

	text-align: center;

	margin-bottom: 30px;

	text-transform: uppercase;	

}



.search-block .input-group {

	margin-bottom: 10px;

}



.search-block .form-control {

	height: 46px;

	font-size: 16px;

	font-weight: 200;

}

.search-block .btn-u-lg {

    font-size: 18px;

    padding: 14px 25px;

}



.g-pt-40 {

	padding: 2.85rem 2.85rem 0 2.85rem !important;

}



.journal {

    background: #fff;

    margin-bottom: 30px;

    overflow: hidden;

    box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);

    transition-property: all;

    transition-timing-function: ease;

    transition-delay: 0s;

    transition-duration: .3s;

}



.journal:hover {

  box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15);

}



.journal-img {

    margin: 15px 0;

    width:100%;

    height: auto;

}



.journal p {

	font-size: 14px;

	line-height: 19px;

}

.header-v4 .dropdown > a::after {top: 5px;}

.breadcrumb {padding: 0;}

.headline {margin: 10px 0 10px 0;}

ol, ul{margin-bottom:0;}

.list-group {margin-bottom: 0;}

.sky-form .label {margin-bottom: 0;}

.sky-form fieldset {padding:5px 15px;}

.sky-form header {padding: 8px 15px;}

.tag-box {

    padding-top: 10px;

    padding-bottom: 10px;

    margin-bottom: 20px;

}

/*.content {

    padding-right: 0;

    padding-left: 0;

}*/





.nav-center {  

  text-align: center;

}

.process-model {

    list-style: none;

    padding: 0;

    position: relative;

    max-width: 600px;

    margin: 20px auto 26px;

    border: none;

    z-index: 0;

}

.process-model li::after {

    background: #e5e5e5 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    display: block;

    height: 4px;

    margin: 0 auto;

    position: absolute;

    right: -30px;

    top: 33px;

    width: 85%;

    z-index: -1;

}

.process-model li.visited::after {

    background: #57b87b;

}

.process-model li:last-child::after {

    width: 0;

}

.process-model li {

    display: inline-block;

    width: 20%;

    text-align: center;

    float: none;

}

.nav-tabs.process-model > li.active > a, .nav-tabs.process-model > li.active > a:hover, .nav-tabs.process-model > li.active > a:focus, .process-model li a:hover, .process-model li a:focus {

    border: none;

    background: transparent;



}

.process-model li a {

    padding: 0;

    border: none;

    color: #606060;

}

.process-model li.active,

.process-model li.visited {

    color: #57b87b;

}

.process-model li.active a,

.process-model li.active a:hover,

.process-model li.active a:focus,

.process-model li.visited a,

.process-model li.visited a:hover,

.process-model li.visited a:focus {

    color: #57b87b;

}

.process-model li.active p,

.process-model li.visited p {

    font-weight: 600;

}

.process-model li i {

    display: block;

    height: 68px;

    width: 68px;

    text-align: center;

    margin: 0 auto;

    background: #f5f6f7;

    border: 2px solid #e5e5e5;

    line-height: 65px;

    font-size: 30px;

    border-radius: 50%;

}

.process-model li.active i, .process-model li.visited i  {

    background: #fff;

    border-color: #57b87b;

}

.process-model li p {

    font-size: 14px;

    margin-top: 11px;

}

.process-model.contact-us-tab li.visited a, .process-model.contact-us-tab li.visited p {

    color: #606060!important;

    font-weight: normal

}

.process-model.contact-us-tab li::after  {

    display: none; 

}

.process-model.contact-us-tab li.visited i {

    border-color: #e5e5e5; 

}



.bg-primary {

    color: white;

    background-color: #1eb094 !important;

}



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

  .more-icon-preocess.process-model li span {

        font-size: 23px;

        height: 50px;

        line-height: 46px;

        width: 50px;

    }

    .more-icon-preocess.process-model li::after {

        top: 24px;

    }

}

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

    .process-model.more-icon-preocess li {

        width: 16%;

    }

    .more-icon-preocess.process-model li span {

        font-size: 16px;

        height: 35px;

        line-height: 32px;

        width: 35px;

    }

    .more-icon-preocess.process-model li p {

        font-size: 8px;

    }

    .more-icon-preocess.process-model li::after {

        top: 18px;

    }

    .process-model.more-icon-preocess {

        text-align: center;

    }

}



.mini-orcid-icon-16{background: url(icons/orcid_16x16.png) no-repeat;background-size: 14px 14px;width: 14px;height: 14px;display: inline-block;margin: -2px 0 -2px 2px;}