:root { 
	--primary-color: #035e7d;
}

html {
	font-size: 14px;
	position: relative;
	height: 100%;
}

body {
	font-family: 'Roboto Condensed', 'Trebuchet MS', 'Open Sans', Verdana,
		sans-serif;
	font-size: 14px;
	color: #434c5e;
	background-color: #f5f6f7;
	margin: 0;
}

h1 {
	font-size: 3em;
	line-height: 1.05em;
}

h2 {
	font-size: 2.25em;
	line-height: 1.25em;
}

h3 {
	font-size: 1.75em;
	line-height: 1.25em;
}

h4 {
	font-size: 1.125em;
	line-height: 1.222222em;
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 2em;
		line-height: 1.25em;
	}
	h2 {
		font-size: 1.625em;
		line-height: 1.15384615em;
	}
	h3 {
		font-size: 1.375em;
		line-height: 1.13636364em;
	}
	h4 {
		font-size: 1.125em;
		line-height: 1.111111em;
	}
}

p:last-child {
	margin-bottom: 0;
}

p {
	margin: 0 0 1rem 0;
	line-height: 1.5;
}

.p-jc-end {
	justify-content: flex-end;
}

.p-d-flex {
	display: flex !important;
}

.searchFilter {
	padding-top: .3rem;
}

.section-title {
	font-size: 18px;
}

.searchFilter .toggle>div {
	cursor: pointer;
	display: inline-block;
}

.searchFilter .toggle .arrow {
	transition: transform 0.2s linear;
}

.searchFilter .toggle .arrow.rotated {
	transform: rotate(90deg);
}

.searchFilter .fields {
	display: none;
	padding-top: .3rem;
}

.link-group {
	font-size: 16px;
	font-weight: bold;
	margin-top: -.7rem ;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: var(--primary-color);
}

.back.icon {
	vertical-align: middle;
	margin-right: .5rem;
}
/***********************************************/
/* HEADER		 					   	       */
/***********************************************/
.header-wrapper {
	width: 100%;
	position: relative;
	padding-left: 18px;
	padding-right: 18px;
	background-color: #ffffff;
}

@media only screen and (max-width: 991px) {
	.header-wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.header {
	margin-right: auto;
	margin-left: auto;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.5) 50%,
		rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 1) 100%),
		linear-gradient(to right, rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.5) 50%,
		rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 1) 100%),
		url("/issc/NSIExt/javax.faces.resource/statistic-report.jpg.xhtml?ln=css");
	background-size: inherit;
	background-position: center;
	background-repeat: no-repeat;
}
/***********************************************/
/* TOP MENU	                                   */
/***********************************************/
.top-menu-wrapper {
	position: relative;
}

.top-menu {
	position: absolute;
	top: 0;
	right: 0px;
	padding-top: 0.5em;
	z-index: 1;
}

@media only screen and (max-width: 991px) {
	.top-menu-wrapper {
		/*display: none;*/
	}
	
	.top-menu-wrapper .top-menu {
		padding: 0;
		top: 20px;
		right: 100px;
	}
	
	.top-menu-wrapper .top-menu .menu-option > * {
		display: none;
	}
	
	.top-menu-wrapper .top-menu .menu-option .topbar-icon {
		display: block;
		font-size: 2em;
		margin-left: 10px;
	}
}

.top-menu .menu-option {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
	color: inherit;
	font-weight: normal;
	cursor: pointer;
}

.top-menu .menu-option a:hover {
	color: #035e7d;
}

.top-menu .menu-option .separator {
	position: inline-block;
	margin: auto 6px;
}

.top-menu .menu-option a {
	color: #495057;
}

.top-menu .menu-option .topbar-icon {
	font-size: 1.5em;
}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/
.logo-container {
	height: 130px;
}

.logos-wrapper {
	position: relative;
}

.logos-wrapper .logo-gerb {
	position: absolute;
	left: 0;
	top: 37px;
}

.logo-gerb {
	width: 240px;
}

.logo-image {
	width: 80px;
}

.logos-wrapper .logo-image {
	position: absolute;
	right: 0px;
	top: 37px;
}

@media only screen and (max-width: 991px) {
	.logo-container {
		height: 80px;
	}
	.logos-wrapper .logo-gerb {
		width: 180px;
		top: 12px;
	}
	.logos-wrapper .logo-image {
		width: 60px;
		top: 12px;
	}
}

@media only screen and (max-width: 640px) {
	.logo-container {
		height: 70px;
	}
	.logos-wrapper {
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.logos-wrapper .logo-gerb {
		display: block;
		top: 12px;
		width: 150px;
	}
	.logos-wrapper .logo-image {
		display: block;
		top: 12px;
		width: 50px;
	}
}

/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/
.layout-main {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff),
		to(#f5f6f7));
	background: linear-gradient(180deg, #fff, #f5f6f7);
}

.layout-content {
	flex: 1 0 auto;
	min-height: calc(75vh - 195px);
	margin-right: auto;
	margin-left: auto;
}

@media ( min-width : 768px) {
	.layout-content {
		width: 98%;
	}
	.title-page .title {
		width: 98%;
		margin: 10px;
	}
}

@media ( min-width : 992px) {
	.layout-content {
		width: 98%;
	}
	.title-page .title {
		width: 98%
	}
}

@media ( min-width : 1240px) {
	.layout-content {
		width: 1200px;
	}
	.header {
		width: 1200px;
	}
	.title-page .title {
		width: 1200px
	}
}

@media ( min-width : 1440px) {
	.layout-content {
		width: 1400px;
	}
	.header {
		width: 1400px;
	}
	.title-page .title {
		width: 1400px
	}
}

.title-page {
	margin-top: 178px;
	padding: 1px;
	background-color: #f5f6f7;
}

.title-page .title {
	margin: 10px auto;
}

.title-page .title i {
	margin-right: .5rem;
}

@media only screen and (max-width: 991px) {
	.title-page {
		margin-top: 120px;
	}
}

@media only screen and (max-width: 640px) {
	.title-page {
		margin-top: 110px;
	}
}

.layout-content .card {
	background-color: #ffffff;
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1), 0 1px 1px 0
		rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	padding: 18px;
	height: 100%;
}

/***********************************************/
/* PRIMEFACES 		 					   	   */
/***********************************************/
body .ui-button {
	background: #035e7d;
	color: #ffffff;
	border: 1px solid #00539F;
	margin: 0;
	outline: 0 none;
	border-radius: 4px;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s,
		box-shadow 0.2s;
}

body .ui-button.ui-state-hover {
	background: #2CAA8D;
	color: #ffffff;
	border: 1px solid #2CAA8D;
}

body .ui-button.ui-state-active {
    background: #2CAA8D;
	border-color: #2CAA8D;
	color: #ffffff;
}

body .ui-button.ui-button-warning, body .ui-splitbutton.ui-button-warning>.ui-button
	{
	background: #ffd500;
	color: #212529;
	border: 1px solid #ffd500;
}

body .ui-button.ui-button-warning.ui-state-hover, body .ui-splitbutton.ui-button-warning.ui-state-hover>.ui-button
	{
	background: #fdc500;
	color: #212529;
	border: 1px solid #fdc500;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
	background: #ffffff;
	border-color: #035e7d;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a {
	color: #035e7d;
}

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon
	{
	color: #035e7d;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active
	{
	background: #035e7d;
	color: #FFFFFF;
}

body .ui-commandlink, body .ui-link {
	color: #035e7d;
}

body .ui-commandlink:hover, body .ui-link:hover {
	color: #2CAA8D;
}

body .ui-selectbooleanbutton.ui-state-active, body .ui-selectonebutton>.ui-button.ui-state-active,
	body .ui-selectmanybutton>.ui-button.ui-state-active {
	background: #035e7d;
	border-color: #035e7d;
	color: #ffffff;
}

body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,
body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover,
body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover {
    background: #2CAA8D;
	color: #ffffff;
	border: 1px solid #2CAA8D;
}

body .ui-dataview .ui-dataview-header {
	
}

body .ui-chkbox .ui-chkbox-box:hover {
    border-color: #035e7d;
}


body .ui-chkbox .ui-chkbox-box.ui-state-active {
    background: #2CAA8D;
	border-color: #2CAA8D;
	color: #ffffff;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active:hover {
    background: #035e7d;
	color: #ffffff;
	border: 1px solid #035e7d;
}

/***********************************************/
/* PUBLICATIONS DATAVIEW 					   	 */
/***********************************************/
.product-list-item {
	display: -ms-flexbox;
	display: flex;
	padding: 1rem;
}

@media only screen and (max-width: 576px) {
	.product-list-item {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: center;
		align-items: center;
	}
}

.product-list-item img {
	width: 100px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	margin-right: 2rem;
}

@media only screen and (max-width: 576px) {
	.product-list-item img {
		width: 150px;
		margin: 2rem 0;
	}
}

.product-list-item .product-list-detail {
	flex: 1 1 0;
	-ms-flex: 1 1 0;
}

@media only screen and (max-width: 576px) {
	.product-list-item .product-list-detail {
		text-align: center;
	}
}

.product-list-detail a {
	font-size: 1.5em;
}

.product-list-detail a:hover {
	color: #2CAA8D;
}

.product-category-icon {
	vertical-align: middle;
	margin-right: .5rem;
}

.product-description {
	margin-top: 1.5em;
}

.product-grid-item.border-1 {
	border: 1px solid var(- -surface-d);
}

.product-grid-item .product-grid-item-content {
	text-align: center;
}

.product-grid-item img {
	width: 150px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	margin: 2rem 0;
}
/***********************************************/
/* SIDEBAR 					   	   */
/***********************************************/
.sticky-side {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 998;
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/***********************************************/
/* NAVBAR	 					   	   */
/***********************************************/
.topnav {
	background-color: #035e7d;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
}

.topnav a {
	display: inline-block;
	color: #ffffff;
	text-align: center;
	padding: 12px 16px;
	text-decoration: none;
	font-size: 16px;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.topnav a:hover {
	color: #2CAA8D;
}

.topnav a.active {
	animation-name: example;
	animation-duration: 0.25s;
	border-bottom: 3px solid #2CAA8D;
}

@media only screen and (max-width: 991px) {
	.topnav a.active {
		margin: 0px 50px;
	}
}

.topnav .icon {
	display: none;
}

.topnav .nav-links {
	display: none;
}

@media screen and (max-width: 991px) {
	.topnav a:not(:nth-last-of-type(-n+2)) {
		display: none;
	}
	.topnav a.icon {
		float: left;
		display: block;
	}
	.topnav .nav-links {
		float: right;
		display: block;
	}
}

@media screen and (max-width: 991px) {
	.topnav.responsive {
		position: relative;
	}
	.topnav.responsive a.icon {
		position: absolute;
		left: 0;
		top: 0;
	}
	.topnav.responsive a {
		display: none;
	}
	.topnav.responsive a:not(:nth-last-of-type(-n+2)) {
		float: none;
		display: block;
		text-align: center;
	}
}

/*********************************************************************************/
/* FOOTER              	                                                         */
/*********************************************************************************/
footer {
	background: #313131;
	color: #ffffff;
	position: relative;
	width: 100%;
	bottom: 0;
	text-align: center;
	padding: 0em 5em;
}

@media only screen and (max-width: 991px) {
	footer {
		padding: 0em 2em;
	}
}

footer .footer-links h4 {
	list-style: none;
	color: #ffffff;
	padding: 0;
	margin-bottom: 1em;
	margin-top: 0.5em;
}

footer .footer-links ul {
	list-style: none;
	color: #ffffff;
	padding: 0;
}

footer .footer-links ul a {
	color: #ffffff;
	text-decoration: none;
}

footer .footer-links ul a:hover {
	color: #ffffff;
	text-decoration: underline;
}

footer .footer-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #dbc5ad;
}

@media only screen and (max-width: 768px) {
	.footer {
		text-align: center;
	}
}

.layout-breadcrumb {
	background-color: #bac7da;
	padding: 10px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.layout-breadcrumb .breadcrumb .route-bar-breadcrumb {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 0;
}

.layout-breadcrumb .breadcrumb .route-bar-breadcrumb li:first-child {
	padding-left: 0;
}

.layout-breadcrumb .breadcrumb .route-bar-breadcrumb li {
	padding: 0 5px;
	padding-left: 5px;
	color: #4c566a;
	font-size: 14px;
}

/*********************************************************************************/
/* FOOTER SOCIAL    */
/*********************************************************************************/
.footer-social-bar {
	padding-bottom: 1em;
}

.footer-social-bar a {
	display: inline-block;
	text-align: center;
	padding: 8px;
	transition: all 0.3s ease;
	color: white;
	border-radius: 4px;
}
/*********************************************************************************/
/* SOCIAL MEDIA BAR      */
/*********************************************************************************/
.icon-bar {
	position: fixed;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 998;
}

.icon-bar a {
	display: block;
	text-align: center;
	padding: 10px;
	transition: all 0.3s ease;
	color: white;
	border-radius: 4px;
}

@media only screen and (max-width: 991px) {
	.icon-bar a {
		padding: 7px;
	}
}

@media only screen and (max-width: 768px) {
	.icon-bar a {
		padding: 5px;
	}
}

.icon-bar a:hover {
	background-color: #2CAA8D;
}

.access {
	background: #035e7d;
	color: white;
}