/**
 * styles/rightSidebar.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 elements for pages including a right-hand sidebar.
 *
 */

/**
 * Common HTML elements
 */

 #rightSidebar br {
	 /* display: none; */
	 height: 5px;
 }

#body {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;	
	box-sizing: border-box;
	padding: 50px 110px;
	
}

#rightSidebar {
	min-width: 300px;
	box-sizing: border-box;
	background-color: var(--accent3);
	padding: 30px 0 30px 30px;
	padding-right: 0;

	display: flex;
	flex-direction: column;
	align-items: flex-start;

}

#rightSidebar div {
	margin-bottom: 30px;

}



#rightSidebar a:hover {
	text-decoration: none;
}

.block span.blockTitle, .block span.blockSubtitle {
	display: block;
	font-family: var(--standard-font);
	font-size: 20px;
	color: var(--color-blue-dark);
	margin-bottom: 3px;
	font-weight: bold;
}

#sidebarDevelopedBy, #sidebarHelp, #sidebarSubscription, #sidebarUser{
	margin-bottom: 30px!important;

}

#rightSidebar #sidebarSubscription {
	display: flex;
	flex-direction: column;
}



.block#sidebarUser {

	font-size: var(--fs-xsm);
}

.block#sidebarUser span {
	margin-bottom: 10px;
}

.block#sidebarUser ul {
	margin-top: 10px!important;
}

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


#sidebarUser ul li {
	margin-bottom: 5px;
}

#sidebarInformation {
	transform: translateY(-20px);
}

/**
 * Forms
 */

#simpleSearchForm {
	margin-top: 10px;
}

#simpleSearchInput tbody{
	display: flex!important;
	flex-direction: column;
}

table#simpleSearchInput tbody tr{
	margin-bottom: 15px;
}

/**
 * Input labels
 */
label[for="simpleQuery"],
label[for="searchField"],
label[for="sidebar-username"],
label[for="sidebar-password"],
#sidebarSubscription
	{
		font-size: var(--fs-xsm);
	}

/**
 * Botões
 */
 #sidebarHelp a.blockTitle, 
 #simpleSearchInput input[value="Pesquisar"],
 #sidebarUser ul li:last-child a,
 #sidebarUser input[value="Acesso"]
	{
		font: var(--standard-font);
		height: var(--standard-button-height);
		width: var(--standard-button-width);
		border: var(--border__transparent);
		border-radius: var(--standard-button-border-radius);
		font-size: var(--fs-xsm);
		box-sizing: border-box;
		display: block;
		line-height: 2.45;
		font-weight: normal!important;
		text-decoration: none!important;
		transition: all .2s;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		font-size: 10px;
		letter-spacing: 1px;
	}

 #sidebarHelp a.blockTitle, 
 #simpleSearchInput input[value="Pesquisar"]  {
	background-color:var(--accent2);
	color: #fff!important;
	text-decoration: none!important;
	text-align: center;
	cursor: pointer;
}

#sidebarHelp a.blockTitle:hover, 
#simpleSearchInput input[value="Pesquisar"]:hover  {
	opacity: .75;
	border: 1px solid #01bdc9!important;
	/* background-color:transparent;
	color: #01bdc9!important;
 */
}

#sidebarUser ul li:last-child a{
	background-color:#5425c1;
	color: #fff!important;
	text-align: center;
	cursor: pointer;
	margin-top: 10px;
}

 #sidebarUser input[value="Acesso"] {
	background-color:#fe7f4a;
	color: #fff!important;
	text-align: center;
	cursor: pointer;
}

#sidebarUser ul li:last-child a:hover,
#sidebarUser input[value="Acesso"]:hover  {
	opacity: .75;

}