.home .content-area {
    margin: 0;
    padding: 0;
}

.copyright-form .page-form .wpcf7 {
    margin: 0 !important;
    width: auto  !important; 
}

.copyright-form .page-form .wpcf7 input[type=submit] {
    margin: 15px auto; 
	display: inline-block; 
}
#primary form p.copyright-submit {
    text-align: center;
}


/*******************/
/****Font Styles****/
/*******************/
.fw-6 {
	font-weight: 600;
}
.fw-7 {
	font-weight: 700;
}
.lh-2 {
	line-height: 2em;
}
.lh-1 {
	line-height: 1.5em;
}
.fs-14 {
	font-size: 14px;
}
.fs-15 {
	font-size: 15px;
}

.text-blue {
	color:#428aa0;
}

.text-rejected, .status-rejected, .text-withdrawn, .status-withdrawn, .text-removed, .status-removed, .text-migrated, .status-migrated, .text-retracted, .status-retracted, .text-moved-to-new-edition, .status-moved-to-new-edition {
	color: red; 
}
.text-accepted, .status-accepted, .text-published, .status-published, .text-approved, .status-approved  {
	color: green; 
}
.text-pending, .status-pending, .text-under-process, .status-under-process , .text-received, .status-received {
	color: #5bc0de;
}

.table.table-tracking-page td, .table.table-tracking-page th {
    padding: 0.25rem 0.75rem;
}

.wpcf7-form .organisation-field {
	height: 80px;
}

/*******************/
/***Extra Styles****/
/*******************/
.bg-1 {
	background: #f0f0f0;
}
.bg-2 {
	background: #d0d0d0;
}
.bg-3 {
	background: #f1f1f1;
}
.bg-4 {
	background: #dedede;
}
.bg-grad {
	background-image: radial-gradient(circle,#dee9ed,#b3c2c7);
}
.img-hw {
	width: 175px; 
	height: 225px;
}
.h-335 {
	height: 335px;
}
.h-265 {
	height: 265px;
}

a.edition-page {
    color: #136d87;
    text-decoration: none;
}
a.edition-page:focus, a.edition-page:hover {
    color: #0a3744;
    text-decoration: underline;
}


.generate-paymentlink table td {
	border: 1px solid #dfdfdf;
    padding: 9px;
    text-align: center;
    font-family: Arial;
    font-style: oblique;
    font-size: 15px;
} 

.generate-paymentlink table th {
	border: 1px solid #dfdfdf;
    padding: 7px;
    font-size: 20px;
    font-weight: bolder;
}

.table-header {
	background: lightseagreen;
    color: white;
    text-align: center;
}

.student {
	display: none;
}

.submit-paper-form span.wpcf7-not-valid-tip {
    background: #990000 !important;
    color: #efefef !important;
    padding-left: 10px !important;
}

.upload-copyright-field {
    background: #efefef;
    width: 90%;
    margin: 0 auto;
    color: #000;
    padding: 5px 0;
    text-align: center;
	font-weight: bold; 
}

.upload-copyright-field input {
    background: #ccc;
    margin-top: 5px;
    padding: 0;
}

/******************************
 Front End Paper Box
*******************************/

.options_for_admin {
}

.admin-options .ajax-alert {
    position: fixed;
    left: calc(50% - 220px);
    z-index: 990;
    bottom: -20px;
    width: 440px;
    max-width: 100%;
    padding: 40px 10px;
    font-size: 1.3em;
}

#close-alert {
    cursor: pointer;
    position: absolute;
    right: -1px;
    z-index: 1000;
    top: -1px;
    border-radius: 0px 0 0 10px;
    padding: 5px;
    background: #136d87;
    color: #efefef;
}

.admin_options_layout {
	overflow: hidden;
}

.admin_options_layout > div > div {
	border: 1px solid #ddd;
	margin: 5px 0;
	padding-bottom: 5px; 
	padding: 10px 15px;   
}

.admin_options_layout .emailbtn-box {
	border: 1px solid #ddd;
	margin: 5px 0;
	padding: 10px 15px;
}

.admin_options_layout .span4,
.admin_options_layout .span6,
.admin_options_layout .span8,
.admin_options_layout .span12 {
}

.emailbtn-label {
	background: #d1d1d1;
	text-align: center;
	padding: 3px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.emailbtn-data {
	padding: 0 15px;
}

.admin_options_layout .span4 div:last-child {
  margin-bottom: 0px;
}

.admin_options_layout span.label {
	background: #333;
	font-size: 15px; 
	padding: 8px 10px; 
	margin-bottom: 5px; 
	margin-right: 5px; 
	text-transform: capitalize;
	display:inline-block; 
}

.admin_options_layout span.label a {
	color: #efefef; 
}

.admin_options_layout input[type="radio"] {
	margin: 0 0px 0 5px;
	position: relative;
	top: -1px;
}

.create-ecertificates {
}

.create-ecertificates a {
}

.payment-page-box {
    padding: 10px;
    background: #fcfcfc;
    border: 1px solid #e1e1e1;
}

/*.payment-page-box table, .payment-page-box table table {
	width: 100%;
}*/

.payment-page-box .account {
	border: 2px solid #136d87;
	padding: 0px 0;
	box-shadow: 5px 3px 11px #8888;
}

.payment-page-box .account h3 {
	border-radius: 0;
	padding: 10px 0;
	text-align: center;
	text-transform: uppercase;
}

#primary .payment-page-box .account p {
	text-align: center; 
}

.pay-button {
	text-align: center; 
}

.trackingForm {
  margin-bottom: 40px; 
}

p.status-text {
  margin: 40px 0 10px;
}

.notclickable {
	background: #f1f1f1 !important;
	color: #aaa !important;
	cursor: no-drop !important;
}

.admin_options_layout {
    background-color: #f1f1f1;
}

.toggle-box {
	background: #378299;
	padding: 10px !important;
	position: relative; 
	margin-bottom: 10px;
	border-radius: 5px;
}

.toggle-header {
}

.toggle-header:hover {
	background: #4891a8;
}

.toggle-header h2, .toggle-header p, .toggle-header h3 {
	margin: 0; 
	font-weight: bold; 	
    cursor: pointer;
	color: #efefef; 
}

.toggle-header .toggle-handle.handle-rtop {
	position: absolute;
	right: 0;
	top: 0;
	background: #D54E21;
	color: #efefef;
	padding: 0px 5px;
	font-size: 0.75em;
}

.toggle-box.toggle-box-container {
    background: #f1f1f1;
}

.toggle-box-container .toggle-header h2, .toggle-box-container .toggle-header p, .toggle-box-container .toggle-header h3 {
	color: #333; 
}

.toggle-box-container .toggle-box .toggle-header h2, .toggle-box-container .toggle-box .toggle-header p, .toggle-box-container .toggle-box .toggle-header h3 {
	color: #efefef; 
}

.toggle-box-container > .toggle-header:hover {
	background: none;
	text-decoration: underline; 
}

.message-area {
}

.message-area ul, .message-area ol {
	margin-bottom: 0; 
}

.pay-extra-page-notice {
	background: lightseagreen;
    color: white;
    padding: 3px;
    font-family: serif;
    font-size: 20px;
}

.pay-fee-heading {
	background: lightseagreen;
    color: white;
    padding: 7px;
    font-family: serif;
    font-size: 20px;
    line-height: 2rem;
}

.pay-notice {
	background: lightseagreen;
    color: white;
    padding: 8px;
    font-family: cursive;
    font-size: 18px;
    line-height: 1rem;	
}
/******************************
 Body
*******************************/

.toggle-body {
	overflow: hidden; 
	margin-top: 10px; 
	text-align: initial; 
}

.toggle-body h2, .toggle-body p, .toggle-body h3 {
	color: #333; 
}

.toggle-body .table {
	background: #efefef;
	color: #333;
	margin-top: 10px;
}

.toggle-body .table p {
	color: #333;	
}

.toggle-body .toggle-body-box {
	padding: 10px;
	margin: 15px 0;
	background: #4891A8;
	text-align: center;
}

.toggle-body .toggle-body-box a {
	color: #efefef;
	text-decoration: underline; 
}

.no-hide {
	display: block; 
}



/******************************
 Forms for TJP 
*******************************/
.toggle-body form {
	padding: 5px 10px;
	box-shadow: 0 0 1px;
	overflow: hidden;
	margin: 15px 0 0;
	background: #4891A8;	
	background: #efefef;	
	background: #fff;	
}

.toggle-body form#tjp-searchform {
	background: #4891A8; 
}

.toggle-body form input[type=text], 
.toggle-body form select, 
.toggle-body form textarea {
	width: 100%; 
}

.inline-label {
	display: inline-block; 
	margin-right: 10px; 
}

.inline-label input {
	margin-right: 5px !important;
	position: relative;
	top: -4px;
}

/******************************
 Styles for Backend toggle-boxes
*******************************/

.toggle-box .sendWhichEmail {
	color: red; 
	font-weight: bold; 
	font-size: 2em; 
}

.toggle-box .ajaxResult {
	color: #efefef;
	text-align: center;
	background: #D54E21;
}

.ajaxResult .results-head {
	font-size:2em;
	display: block; 
	line-height: 1.5em; 
}

.ajaxResult .resultRow {
	margin-top: 2px;
	padding: 1px; 
}

.ajaxResult .color-red {
	background: #444;
}

.ajaxResult .color-green {
	background: #268e26;
}

/***************************************
 Page Form Styles - Many in themes yet
****************************************/

.page-form.full-width .each-box {
	background: #1c5b9e; 
	margin-bottom: 10px; 
}

.page-form.full-width .col-half {
	width: 50%;
	display: inline-block;
	margin: 0;
}

.page-form.full-width .col-full {
	margin: 0;
}

.tracking-details {
    border: 5px solid #f1f1f1;
}

.tracking-details .input-label-grey {
    background: #eceeef;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 3px 0 0 0;
    border-bottom: 0px;
    padding-left: 5px;
}

.card-comments .media {
    border-top: 1px solid #f1f1f1;
    padding: 5px 15px;
    margin-bottom: 10px;
}

.by-author {
	color: red; 
}

.by-journal-support {
	color: green; 
}

.card-recent-acitvity table td, .card-recent-acitvity table th {
	text-align: center; 
	padding: 5px; 
	border-bottom: 1px solid #d5d5d5;
}

.card-papers table th, .card-papers table td {
	padding: 7px; 
}

.textarea-holder textarea {
	height: 80px; 
}

/***************************************
 Issue List Styles
****************************************/

.each-row.list-item {
	padding: 5px 0 15px;
	border-bottom: 1px dotted #cfcfcf;
	margin-bottom: 0;
	background: #f1f1f1; 
}

.each-row .edition-row {
	position: relative; 
}

.list-counter {
	position: absolute;
	left: -15px;
	color: #777;
	display: none; 
}

.list-counter.count-length-2 { left: -22px; }
.list-counter.count-length-3 { left: -30px; }
.edition-row-title {
	font-weight: bold;
	color: #666;
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 10px;
	padding: 0 10px; 
}

.edition-row-title::before {
	content: "\f04b";
	position: absolute;
	left: -15px;
	font-family: fontawesome;
	font-size: 12px;
	color: #999;
}

.edition-row-details { 
	padding: 0 10px; 
}

.each-row.list-item:hover {
	background: #074D99;
	color: #efefef;
}

.each-row.list-item:hover .edition-row-title::before {
	color: #efefef;
	content: "\f04d";
}

.each-row.list-item:hover .edition-row-title {
	color: #efefef;
}

.each-row.list-item:hover a {
	color: #efefef;
}

.each-row.list-item:hover a:hover {
	text-decoration: underline; 
}

/***************************************
 Guides Home
****************************************/

.paper-tables tr:first-child th, .paper-tables tr:last-child th {
	background: #333 !important;
	color: #efefef;
}

.tjp-paper-status-Rejected {
	color: red; 
}

.tjp-paper-status-published {
	color: green; 
}

/***************************************
 Payment Info and Feecalc Styles
****************************************/

.payment-page-box h4 {
	/* what is my unique tracking heading */
    font-size: 15px;
}

.payment-info-box ol li {
	margin-bottom: 10px;
}

.feecalc .table-single-color th, .feecalc .table-single-color td {
	background: #D9EDF7 !important;
	border-color: #fff !important;
}

.feecalc .result-era {
	font-weight: normal;
	color: red;
}

#calcamount {
	font-size: 1.5em;
	letter-spacing: 1px;
	color: red;
}

.calcamountAfter {
	font-size: 12px;
	color: black;
	letter-spacing: 0;
	margin-left: 10px;
	font-weight: normal;
	display: none; 
}

/***************************************
 Step Wizard Possibly
****************************************/

.stepwizard-step p {
    margin-top: 10px;    
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}

.stepwizard-step {    
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

@media (max-width: 767px) {
	.textarea-holder textarea {
		height: 120px !important; 
	}
	/* Approval Checks Labels Made Block */
	span.input-group-addon:first-child {
		display: inline-block;
		font-weight: bold;
		border: 1px solid rgba(0,0,0,.15);
		border-radius: 3px 0 0 0;
		border-bottom: 0px;
		float: none;
		width: 100%;
		text-align: left;
		padding: 4px 0 3px 5px;
		background: #eceeef;
	}
	span.input-group-addon:nth-child(3) {
		padding: 0;
		font-weight: normal;
		position: relative;
		top: 0px;
		right: 0;
	}
	.each-row.list-item .span2 {
		margin-top: 10px;
		background: #ccc;		
	}
	.each-row.list-item:hover .span2 {
		background: transparent;		
	}
	.each-row.list-item .span2 a {
		padding: 0 10px;
	}
	.each-row.list-item .span2 br {
		display: none;
	}	
}
.tracking-steps{
	border: 2px solid #193452;
	padding: 5px;
}
.tag-rejected, .tag-withdrawn, .tag-removed, .tag-migrated .tag-retracted, .tag-moved-to-new-edition {
	background-color: #dc3545;
	font-size: 16px !important;
	cursor: pointer; 
}
.tag-rejected[href]:focus, .tag-rejected[href]:hover, .tag-withdrawn[href]:focus, .tag-withdrawn[href]:hover, .tag-withdrawn[href]:focus, .tag-withdrawn[href]:hover, 
.tag-migrated[href]:focus, .tag-migrated[href]:hover, .tag-retracted[href]:focus, .tag-retracted[href]:hover,
.tag-moved-to-new-edition[href]:focus, .tag-moved-to-new-edition[href]:hover {
	background-color: #ad2b37;
	font-size: 16px !important;
	cursor: pointer;
}
.tag-accepted, .tag-published, .tag-approved  {
	background-color: #28a745; 
	font-size: 16px !important;
	cursor: pointer;
}
.tag-accepted[href]:focus,.tag-accepted[href]:hover, .tag-published[href]:focus, .tag-published[href]:hover, .tag-approved[href]:focus, .tag-approved[href]:hover {
	background-color: #42ce62;
	font-size: 16px !important;
	cursor: pointer;
}
.tag-pending, .tag-under-process , .tag-received {
	background-color: #5bc0de;
	font-size: 16px !important;
	cursor: pointer;
}
.tag-pending[href]:focus, .tag-pending[href]:hover, .tag-under-process[href]:focus , .tag-under-process[href]:hover , .tag-received[href]:focus, .tag-received[href]:hover {
	background-color: #6ad3f2;	
	font-size: 16px !important;
	cursor: pointer;
}
.d-lg-none {
	display: none;
}

@media (max-width: 480px) {
	.feecalc input, .feecalc select {
		max-width: 120px;
	}
}
.row.fields-to-check .input-group-addon {
    background: gold;
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 26px !important;
	}
	h2 {
		font-size: 24px !important;
	}
	h3 {
		font-size: 22px !important;
	}
	h4 {
		font-size: 18px !important;
	}
	h5 {
		font-size: 16px !important;
	}
	h6 {
		font-size: 14px !important;
	}
	.copyright-form .page-form .wpcf7 input[type=submit] {
	    margin: 15px 15px 7px;
	    display: inline-block;
	}
	p.copyright-submit {
		margin-bottom: 0px;
    	text-align: center !important;
	}
	div#wpcf7-f1156-p760-o1 {
		padding: 7px 0px 0px;
	}
	.tag-rejected, .tag-withdrawn, .tag-removed, .tag-migrated .tag-retracted, .tag-moved-to-new-edition {
		background-color: #dc3545;
		font-size: 14px !important;
		cursor: pointer; 
	}
	.tag-rejected[href]:focus, .tag-rejected[href]:hover, .tag-withdrawn[href]:focus, .tag-withdrawn[href]:hover, .tag-withdrawn[href]:focus, .tag-withdrawn[href]:hover, 
	.tag-migrated[href]:focus, .tag-migrated[href]:hover, .tag-retracted[href]:focus, .tag-retracted[href]:hover,
	.tag-moved-to-new-edition[href]:focus, .tag-moved-to-new-edition[href]:hover {
		background-color: #ad2b37;
		font-size: 14px !important;
		cursor: pointer;
	}
	.tag-accepted, .tag-published, .tag-approved  {
		background-color: #28a745;
		font-size: 14px !important;
		cursor: pointer; 
	}
	.tag-accepted[href]:focus,.tag-accepted[href]:hover, .tag-published[href]:focus, .tag-published[href]:hover, .tag-approved[href]:focus, .tag-approved[href]:hover {
		background-color: #42ce62;
		font-size: 14px !important;
		cursor: pointer;
	}
	.tag-pending, .tag-under-process , .tag-received {
		background-color: #5bc0de;
		font-size: 14px !important;
		cursor: pointer;
	}
	.tag-pending[href]:focus, .tag-pending[href]:hover, .tag-under-process[href]:focus , .tag-under-process[href]:hover , .tag-received[href]:focus, .tag-received[href]:hover {
		background-color: #6ad3f2;	
		font-size: 14px !important;
		cursor: pointer;
	}
	.heading-responsive {
		text-align: left !important;
	}
	.tracking-details.p-3.pay-fee {
		padding: 5px !important;
	}
	.tracking-details.p-3.postal-address {
		padding: 5px !important;
	}
	.d-sm-none {
		display: none;
	}
	.d-lg-none {
		display: block;
	}
	.responsive-menu-button {
		display: none;
	}
}
.d-none{
	display:none!important;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}
.font-weight-bold{
	font-weight:bold;
}
.bg-ijl{
	 background: #1a7a98;
	 color: #fff;
}
.bg-ijl h5.modal-title{
	color: #ffffff;
}
/* Added to fix accordion open\close issue*/
.collapse.show {
	display: block;
}