/**
 * styles/common.css
 *
 * Copyright (c) 2013-2019 Simon Fraser University
 * Copyright (c) 2003-2019 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Site-wide shared stylesheet.
 * 
 */

/**
 * Notifications
 * FIXME: (Re)move once OJS styles are consolidated with new styles and themes
 * __29/05/2020
 * 	REDIGE: Estilos da Revista Redige iniciada.
 */

@import url("../lib/pkp/styles/themes/default/pnotify.css");
@import url("../lib/pkp/styles/themes/default/notificationIcons.css");

/* Fontes */
@font-face {
  font-family: 'Univers';
  src: url('../lib/pkp/styles/Redige/Assets/Font/font_univers/Univers\ 55AA\ font.ttf');
  src: url('../lib/pkp/styles/Redige/Assets/Font/font_univers/Univers\ 55AA\ font.ttf') format('truetype'),
}

@font-face {
  font-family: 'Univers-bold';
  src: url('../lib/pkp/styles/Redige/Assets/Font/font_univers/UNVR65W.TTF');
  src: url('../lib/pkp/styles/Redige/Assets/Font/font_univers/UNVR65W.TTF') format('truetype'),
}

@font-face {
  font-family: 'Univers-light';
	src: url('../lib/pkp/styles/Redige/Assets/Font/Univers/UniversLTStd-Light.otf');
	src: url('../lib/pkp/styles/Redige/Assets/Font/Univers/UniversLTStd-Light.otf') format('opentype'),

}

@font-face {
  font-family: 'Univers-Black';
	src: url('../lib/pkp/styles/Redige/Assets/Font/Univers/univers-black-normal.ttf');
	src: url('../lib/pkp/styles/Redige/Assets/Font/Univers/univers-black-normal.ttf') format('truetype'),
}

/* Variables */
:root{

	/* Colors */
	--color-primary-dark: #06023f;
	--color-blue-dark: #393473;
	--color-azure-light: #d7e7eb;
	--color-orange-standard: #fe7f4a;

	--accent1:#01399A;
	--accent2:#1A4B9F;
	--accent3:#A9D0FF;
	--accent4:#EBF4FF;
	--text1:#1D1D1B;
	
	/* Components */
	--header-gradient: linear-gradient(180deg, rgba(13,14,71,1) 0%, rgba(22, 57, 145,1) 100%);
	--header__grafismo: url('../lib/pkp/styles/Redige/Assets/topo_grafismo.png');
	--header__logo-redige: url("../lib/pkp/styles/Redige/Assets/redige_logo.png");
	--header__logo-senai: url("../lib/pkp/styles/Redige/Assets/logos_senai.png");
	--bgbody: url("../lib/pkp/styles/Redige/Assets/estampa.png");
	
	/* Typography */
	--main-font: 'Univers'!important;
	--headers-font: 'Arial Black'!important;
	--standard-font: Tahoma;
	--standard-font-color: var(--color-primary-dark);

	/* sidebar */
	--sidebar__title-fs: 18px;
	--sidebar__title--color: var(--color-blue-dark);
	--sidebar__background: var(--color-azure-light);
	

	--annoucement-description__font-size: 15px;

	--fs-xsm: 13px;
	--fs-sm: 14px;
	--fs-md: 15.5px;
	--fs-lg: 23px;
	--fs-xlg: 33px;
	--fs-loginLabel: 23px!important;
	--fs-sidebarLinks: 13px!important;

	--border__transparent: 1px solid transparent;
	--border-orange: 1px solid var(--color-orange-standard);
	--standard-button-border-radius: 9px;
	--standard-button-width: 160px;
	--standard-button-height: 35px;
}


/* Tipografia */
	html {
		font-family: var(--standard-font);
		font-size: var(--fs-sm);
		color: var(--standard-font-color);
	}

	body {
		text-align: center;
	}

	p,
	#submissionPreparationChecklist ol li,
	#focusAndScope,
	#sectionPolicies,
	#principalContact
	{
		font-size: var(--fs-sm);
		line-height: 1.5!important;
	}

	a {
		font-size: var(--fs-xsm);
		color: #0019ce;
		text-decoration: underline;
	}

	a:hover {
		text-decoration: none;
	}

	a.plain {
		text-decoration: none;
	}

	input {
		/* font-family: Tahoma; */
		font-size: var(--fs-xsm);
	
	}



	#main h2.pageTitle,
	#content h3,
	h3.pageSubtitle
		{
			font-family: var(--headers-font);
			font-weight: normal;
			font-style: normal !important;
			text-transform: uppercase;
		}

	#main h2.pageTitle {
		font-size: var(--fs-xlg);
	}

	#content h3,
	h3.pageSubtitle {
		font-size: var(--fs-lg);
		margin: 0 0 10px 0;
		padding-top: 0.75em;
	}
	
	#content h4 {
		margin: .75em 1em 0.25em 0em;
		font-weight: normal;
		font-size: var(--fs-lg);
		font-weight: bold;
	}
	
	#content h5 {
		margin: 0em 1em 0.25em 0em;
		padding-top: 0.75em;
		font-weight: bold;
		font-size: 1em;
	}


	#content table.announcements td.title h4 {
		font: var(--standard-font);
		color: var(--standard-font-color);
		font-size: var(--fs-md);
		font-weight: bold;
		margin-top: 25px;
		margin-bottom: 25px;
	} 

	table.announcements td.description,
	table.announcements td.posted,
	p.content-text__container,
	span.toggleExtras-inactive,
	span.toggleExtras-active,
	#results
	{
		font: var(--standard-font);
		color: var(--standard-font-color);
		font-size: var(--fs-sm);
	}

	#announcementsHome h3 {
		text-transform: uppercase!important;
	}

	.tocGalleys, .tocTitle {
		font-size: var(--fs-md);
	}

	#results ul {
		font-size: var(--fs-xsm);
	}

	#rightSidebar a,
	#rightSidebar a#developedBy {
		font-family: var(--standard-font);
		font-size: var(--fs-sidebarLinks);
		color: #0015d7;
		text-decoration: underline;
		text-decoration-color: #0015d7;
		line-height: 1.5;
	}
	
	#rightSidebar a#developedBy {
		text-transform: uppercase;
	}

	#pageFooter {
		font-size: var(--fs-xsm);
		margin-top: 50px;
	}

	.extrasContainer {
		font-size: var(--fs-md)!important;
	}
	
	td.label label{
		font-size: var(--fs-sm);
	}

	td.label label[for="loginUsername"],
	td.label label[for="loginPassword"]
	{
		font-size: var(--fs-loginLabel);
		font-family: var(--headers-font);
	}

	[for="loginRemember"] {
		font-size: var(--fs-xsm);
	}


/**
 * Common HTML elements
 */

	body {
		margin: 0;
		padding: 0;
		background: var(--accent4);
		position: relative;
		z-index: 0;
		&::before{
			content: '';
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
			background: var(--bgbody);
			opacity: .2;
		}
	}


	ul {
		padding-inline-start: 0!important;
		display: block;
		list-style-type: disc;
		margin-block-start: 0!important;
		margin-block-end: 0!important;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
	}

	tr[valign="top"] {
		vertical-align: bottom;

	} 

	td.label label{
		display: block;
		margin-top: 10px;
	}

	tr[valign="top"] .value > input {
		margin-right: 15px;
	}

	#results h4 {
		margin-bottom: 15px;
	}

	#results ul li {
		margin-top: 5px;
		line-height: 1.5;
	}

	#issues div {
		float: none;
		display: flex;
		flex-direction: column;
	}

	#issueCoverImage {
		margin-top: 20px;
	}

	.extrasContainer table.data tbody tr{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: 10px;

	}

	table.tocArticle tbody tr[valign="top"] {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	table.tocArticle tbody tr[valign="top"] .tocGalleys{
		margin-top: 10px;

	}

	

/* Tabela de Postagens */




/**
 * Main layout elements
 */
/* Passar para stylesheet final - início */

/* body {
	margin: 0;
	padding: 0;
	background-color: #afc9de;
} */

.pageTitle__divider {
	height: 4px;
	width: 150px;
	background-color: #ff7b51;
	transform: translate(1px,5px);
}

#container {
	/* width: 100% !important;
	min-width: 730px !important;
	margin: 0px auto;
	text-align: center; */
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	text-align: center;
}

#header {
	width: 100%;
	height: 100%;
	text-align: center;
	background:  var(--accent1);
}

#headerTitle {
	/* text-align: left !important; */
	/* margin: 0 auto; */
	box-sizing: border-box;
	min-width: 100%;
	min-height: 130px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	position: relative;
}

#loginUsername,
#loginPassword
 {
	 width: 300px;
 }

.header__logo--redige,
.header__logo--senai {
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
}

.header__logo--redige {
	background: var(--header__logo-redige) center / contain no-repeat;
	width: 258px;
	height: 100%;
	left: 5%;
}

.header__logo--senai {
	width: 500px;
	background: var(--header__logo-senai) center / contain no-repeat;
	height: 100%;
	right: 5%;
}



.ui-pnotify-title {
	font-size: 0.8em;
}

.ui-pnotify-text {
	font-size: 0.6em;
}

.ui-pnotify-history-container .ui-pnotify-history-header {
	font-size: 0.8em;
}






/**
 * Main layout elements
 */


#footer {
	background-color: #ABA;
}


#main {
	min-width: 85%;
	max-width: 1400px;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 20px 30px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}


/**
 * Access icons and key
 */
#accessKey {
	margin-bottom: 2em;
}

#accessKey img {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#content img.accessLogo {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}






/**
 * Table of contents
 */

.tocArticle {
	width: 100%;
	padding: 5px 0;
}

.tocArticleCoverImage {
	display:none;
}
.tocArticleCoverImage.showCoverImage {
	display: table-cell;
	width: 15%;
}
.tocCoverImage {
	width: 100%;
}
.tocCoverImage img {
	border: 0;
	width: 100%;
}

.tocArticleTitleAuthors {
	width: 80%;
}
.tocArticleTitleAuthors.showCoverImage {
	width: 65%;
	padding-left: 10px;
}
.tocAuthors {
	padding-left: 10px;
}

.tocArticleGalleysPages {
	width: 20%;
}

/**
 * Homepage image
 */

#homepageImage img {
	display: block;
	margin: 0 auto;
	border: 0;
	text-align: center;
}

.homepageImage img {
	margin: 0 auto;
	border: 0;
	float: left;
	width: 100px;
	margin: 1em 1em 1em 0;
	text-align: center;
}


/**
 * Issue cover image
 */

#issueCoverImage img {
	display: block;
	border: 0;
}

.issueCoverImage img {
	border: 0;
	float: left;
	width: 100px;
	margin: 1em 1em 1em 0;
}

#issueCoverImage a:link, .issueCoverImage a:link {
}

#issueCoverImage a:active, .issueCoverImage a:active {
}

#issueCoverImage a:visited, .issueCoverImage a:visited {
}

#issueCoverImage a:hover, .issueCoverImage a:hover {
}


/**
 * Editorial Team Lists
 */

ol.editorialTeam {
}

ol.editorialTeam li {
	list-style: none;
}

ol.editorialTeam, ol.editorialTeam li {
	margin-left: 0;
	padding-left: 0;
}


/**
 * Additional text styles
 */

pre {
	background-color: #F0F0E8;
	color: #000;
	font-size: 1.25em;
}

/**
 * Table styles
 */

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

.fastTracked {
	background-color: #ABA;
}

table.listing tr.data td {
	border-top: 1px dotted #DDDDD0;
	border-bottom: 1px dotted #DDDDD0;
}

table.listing tr.data td.drag {
	cursor: move;
}


/**
 * Other organizational elements
 */

div.progressbar {
	background-image: url(../templates/images/progbg.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 505px;
	z-index:1;
}

td.notificationContent {
	font-size: var(--fs-xsm);
	padding-left: 5px;
	padding-right: 5px;
}

td.notificationFunction {
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
}

.throbber {
	display: none;
	background: url(../lib/pkp/templates/images/throbber.gif) no-repeat;
	width: 25px;
	height: 25px;
	margin-left: 50%;
	margin-top: 5%;
}

/* Font Sizer */
#sizer {
	margin-top: 15px;
	display: flex;
	flex-direction: row;
	transform: translate(5px);
}

#sizer a:not(:first-child) {
	margin-left: 15px;
}

#sizer a {
	background-position: center!important;
  background-size: contain!important;
  background-repeat: no-repeat!important;
	outline:none;
	display: block;
  text-indent:-9999px;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
}

/* #journalListPageInfo {
	float: right;
}

#journalListPageLinks {
	float: left;
} */


/* @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 */

/* Redige */



/**
 * Navigation bar
 */

 #navbar{
	background: var(--accent2);
    border: none;
    box-shadow: none;
 }
 #navbar ul.menu {
	display: flex;
	flex-wrap: wrap;
	/* height: 55px; */
	min-height: 50px;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	text-align: center;
 }
 
	#navbar ul.menu li {
		display: flex;
		align-items: center;
		height: 50px;
		box-sizing: border-box;
		overflow-y: hidden;
		cursor: pointer;
		padding: 0 15px;

		transition: background-color .2s ease-in ;
		transition: border-top .15s ease-in ;
		transition: color .15s ease-in ;
		
	}
	
	#navbar ul.menu li:not(:last-child) {
		margin-right: 40px;
	}
	
	#navbar ul.menu li a {
	display: block;
	color: #fff!important;
	box-sizing: border-box;
	text-transform: uppercase;
	text-decoration: none!important;
	text-align: center;
	font-family: 'Univers-light';
	font-size: 17px;
	font-weight: bold;
	/* height: 100%; */
	/* padding: 0 8px; */
	/* line-height: 2.5; */
}

#navbar ul.menu li:hover {
	background-color: var(--accent1);
	border-radius:0 0 12px 12px;
	
}

#navbar ul.menu li:hover a {
	color: #fff!important;
}

/* 
#body #main > h2 {
	width: 100%;
	color: #000;

	font-size: 24pt;
	border-bottom: 4px solid #ff7b51;
	
} */

#signinForm {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 50px;
}

#signinTable {
	margin-top: 15px;
	/* margin-left: -70px; */
}

#signinTable tbody tr {
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}

#signinTable .label {
	font-family: 'Univers-bold';
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	margin-bottom: 3px;
}



#signinForm ul {
	padding: 0!important;
	transform: translateX(-20px);
}

/* #signinForm ul li a {
	font-size: 12px;
	color: #0015d7;
	text-decoration: underline;
	text-decoration-color: #0015d7;
} */


/* Conteudo  */

/**
 * Announcements
 */

 /* #announcementsHome {
	width: 100%;
	margin:0;
} */


table.announcements {
	min-width: 100%;
	height: 1fr;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

table.announcements td {
	/* padding: 0.25em 0.5em 0.25em 0.5em; */
}

table.announcements td.nodata {
	text-align: center;
	font-style: italic;
}

table.announcements td.headseparator,
div.separator {
	border-top: 1px solid #a6bed2;
	font-size: 0.1em;
	line-height: 1%;
}

table.announcements td.endseparator {
	border-top: 1px solid #a6bed2;
	font-size: 0.25em;
	line-height: 10%;
}

table.announcements td.separator {
	border-top: 1px solid #a6bed2;
	font-size: 0.1em;
	line-height: 1%;
}

table.announcements tr.intro {
}

table.announcements td.intro {
}

table.announcements tr.title {
	vertical-align: top;
}

table.announcements td.title {
	width: 85%;
}



table.announcements tr.description {
	vertical-align: top;
}

table.announcements td.description {

	width: 85%;
}

table.announcements tr.details {
	vertical-align: top;

}

table.announcements td.posted div{
	font-style: italic;
	margin-bottom: 25px;
}


table.announcements td.more {
	width: 100%;
	text-align: right;
}

table.announcementsMore {
	width: 100%;
}

table.announcementsMore td {
	padding-top: 1.5em;
	text-align: right;
}

table.announcementsMore tbody tr td {
	display: flex;
	justify-content: flex-end;
}


/* Botões */

	/* Standards */
	input[type="submit"][value="Pesquisar"],
	table.announcementsMore tbody tr td a,
	#signinTable .button
		{
			height: var(--standard-button-height);
			width: var(--standard-button-width);
			border: var(--border__transparent);
			border-radius: var(--standard-button-border-radius);
			transition: all .2s;
		}

	/* orange styles */
	.more {
		transform: translateY(-10px);
	}
	.more a {
		box-sizing: border-box;
		padding: 10px 30px;
		border-radius: var(--standard-button-border-radius);
		background-color:#fe7f4a;
		color: #fff!important;
		font-size: .8em!important;
		text-decoration: none!important;
		text-align: center;
		cursor: pointer;
		border: var(--border__transparent);
		transition: all .2s;
	}

	#searchForm .value input[type="submit"][value="Pesquisar"] {
		box-sizing: border-box;
		display: block;
		background-color:#fe7f4a;
		color: #fff!important;
		cursor: pointer;
	}

	#signinTable .button {
		box-sizing: border-box;
		/* padding: 10px 60px; */
		/* border-radius: 9px; */
		background-color:#fe7f4a;
		color: #fff;
		text-align: center;
		cursor: pointer;
	}

	.more a:hover,
	#signinTable .button:hover,
	#searchForm .value input[type="submit"][value="Pesquisar"]:hover  {
		background-color: transparent;
		color: #fe7f4a!important;
		border: 1px solid #fe7f4a!important;
	}

	/* transparent styles */
	table.announcementsMore tbody tr td a {
		display: block;
		box-sizing: border-box;
		transform: translateX(-5px);
		line-height: 2.5;
		background-color:transparent;
		color: #fe7f4a!important;
		border: 1px solid #fe7f4a;
		cursor: pointer;
		text-align: center;
		text-decoration: none!important;
	}
	table.announcementsMore tbody tr td a:hover {
		background-color:#fe7f4a;
		color: #fff!important;
	}

	

/* Página PESQUISA */

tbody tr[valign="top"] td.value {
	display: flex;
}

/* Queryes */

/* @media (max-width: 907px) {
	#body {
		display: flex;
		flex-direction: column-reverse;
	}

	.menu {
		display: flex;
		flex-direction: column;
	}



	#rightSidebar {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-around;
	}

	
	#developedBy {
		display: none;
	}

	#sidebarUser {
		display: none;
	}
}

@media only screen and (min-width: 907px) {
	#body {
		display: flex;
		flex-direction: row-reverse;
	}

	#main {
		width: 70%;
	}

	#rightSidebar {
		max-width: 25%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

} */


.fab button{
	cursor: pointer;
	width: 48px;
	height: 48px;
	border-radius: 30px;
	background-color: #182ba3;
	border: none;
	box-shadow: 0 1px 5px rgba(0,0,0,.4);
	font-size: 24px;
	color: white;
	
}

.fab button:focus{
	outline: none;
}

.fab button.main{
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background-color: #182ba3;
	right: 0;
	bottom: 0;
	z-index: 20;
}