/*@import "journalCatalog.css?";*/

.newsList
{
	display:flex;
	flex-wrap: wrap;
	width:100%;
}

@media screen and (min-width: 768px)
{
	.slide-wrapper
	{
		max-width:50%;
	}
	.card-text-inside
	{
		margin-top:10px;
		margin-bottom:10px;
		
	}
	.carusel-box
	{
		max-width:50%;
		margin-left:auto;
		margin-right:auto;
		
	}
	.slide-wrapper2
	{
		
	}
	
	
}

@media screen and (min-width: 1200px)
{
	.slide-wrapper
	{
		max-width:33%;
	}
	
}










.card {
    position: relative;
	margin:5px;  
	margin-bottom:12px;
	
    display: flex;	
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
	height:97%;
}

.card .card-body
{
	position:relative;   
    z-index: 2;
	
}

.card-body
{
	flex: 1 1 auto;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
}

/*
.card-image
{
	position: relative;
    height: 0;
    padding-top: 66.67%;
}
*/
.card
{
	font-family: 'Montserrat', sans-serif;
}

.section-divider {
	margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
	display:flex;
	flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    height: 0px;
    border-bottom: 1px solid #DFE3E6;
}

.card .card-body .card-date h5
{
    
	margin: 2px 0 0 20px;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 17px;
    vertical-align: middle;
}
.section-title
{
    background-color:#1C315A;
	color:white;
    display: inline-block;	
	margin-bottom:5px;
}

.moreNews
{
	font-family: 'Montserrat', sans-serif;
}

.section-title h2
{
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
    padding: 3px 15px;
    background-color: #1C315A;
    display: inline-block;
	margin:0px;
	
}
@media screen and (min-width: 1024px)
{
	.section-title h2
	{
		font-size: 32px;
	}
}

.owl-carousel-pagination {
    color: #00597B;
    float: right;
    width: auto;
    font-family: 'Montserrat', sans-serif;
	line-height: 34px;
}

.section-row 
{
	display: flex;
	m/argin-left:-38px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	m/argin-bottom: 1.5rem !important;
	margin-top: 0.5rem !important;
}

.card-image img
{
	width:100%;
}


.card-title
{
	position: relative;
    margin: 0;
    padding: 0 10px 0 20px;
    overflow: hidden;
	color: #00597B;
	display:flex;
	height: 8.25em;
	
}

	
.kbCard-date
{
	background-color: #1C315A;	
	color:white;
	margin-left:2px;
	margin-right:2px;
	position: absolute;
    right: 15px;	
	
}
.kbCard-date h5
{
	margin:0px;	
}


.card .card-body .card-date {
    position: absolute;
    width: auto;
    padding-right: 1rem;
    height: 20px;
    top: -24px;
    left: 0;
    z-index: 5;	
    background-color: #1C315A;

}


.slide-wrapper a:hover .card-title
{
	background-color:#00597B;
	color:white;	
}

.card-title h3
{
	font-size: 24px;
    font-weight: 600;
	align-self: center;
	display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.card-text .card-text-inside 
{
	height: 4.5rem;
	overflow: hidden;
	
}	

.card-arrow
{
	height: 1.7rem;
	color: #00597B;
}


.card-text
{
	color:#313B40;
	padding: 0 10px 0 20px;
}

.slide-wrapper a:hover .card-text
{
	color:#313B40;
}



.font-weight-normal
{
	font-weight:normal;
}

.moreNews h5{
	
    padding-left: 10px;
    font-size: 13px;
	color: #00597B;
}
.moreNews h5 a i{
	margin-left:15px;
	
}

@media screen and (min-width: 768px)
{
	.moreNews
	{		
		height:20px;
		float:right;
		margin-right:15px;
		
	}
	.moreNews h5
	{
		font-size:17px;
		margin-top:0px;
		margin-left:0px;
		l/ine-height:20px;
	}
	
	
}



.text-uppercase
{
	text-transform: uppercase;		
}

div.quickStartLogo
{
	float:left;
	margin-right:10px;	
}

.quickStartCont
{
	display:flex;
	flex-wrap:wrap;	
	margin-bottom:10px;
}
.quickStart
{
	width:250px;	
	margin-top:5px;
	
}

.quickStartName h4, .quickStartName i
{
	line-height:34px;
	margin:0px;
	margin-right:5px;
}




/******
Applications
*/

/* */

div.sjrFloat
{
	float:left;
}
div.sjrCatName
{
	font-weight:bold;
	clear:both;
}

div.sjrRank
{
	margin-left:10px;
}

div.question
{
	margin-top:20px;
	margin-bottom:3px;	
}

div.questionTitle
{
	font-size: 1.0em;
	/*font-weight:bold;*/
}


div.bigFont
{
	font-size:1.7em;
}

div.belepPicture
{
	float:left;
	margin-right:10px;
}

div.lcAdminPic
{
	width:320px;
	height:480px;
}


@media screen and (max-width: 767px)
{
	div.lcBarcode, div.lcPicture
	{	
		margin-left:auto;
		margin-right:auto;	
	}
	div.lcUserData, div.lcUserIsIn, div.lcUserName
	{
		text-align:center;
	}
	
}

@media screen and (min-width: 768px)
{
	div.lcBarcode
	{	
		text-align:left;
	}
	div.lcUserData, div.lcUserIsIn, div.lcUserName
	{
		text-align:left;
	}	
	
}

div.lcBarcode
{
	max-width:375px;
	
}

div.lcUserName
{
	font-weight:bold;
	

}
div.lcUserData, div.lcUserIsIn, div.lcUserName
{
	
	margin-bottom:5px;	

}


div.lcPicture
{
	
	width:200px;	
	
}
img.lcPicture
{
	width:100%;
}



.ulChPictures
{
	overflow-y:scroll;
	max-height:450px;
}

@media screen and (max-width: 767px)
{
	.quizPicI
	{
		width:100%;		
		padding-left:5px;
		padding-right:5px;		
		
	}
}



@media screen and (min-width: 768px)
{
	.quizPicI
	{
		display:block;
		width:600px;		
		margin-left:auto;
		margin-right:auto;
	}	
}


@media screen and (min-width: 1024px)
{
	.quizPic
	{
		
		
	}
	.quizMain
	{
		width:600px;
		margin-left:auto;
		margin-right:auto;
	}
}

.q_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  f/ont-size: 22px;
  line-height:25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.q_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}


.q_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

.q_container:hover input ~ .q_checkmark {
  background-color: #ccc;
}


.q_container input:checked ~ .q_checkmark {
  background-color: #1F4287;
}

.q_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.q_container input:checked ~ .q_checkmark:after {
  display: block;
}


.q_container .q_checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}




.quizA
{
	margin:5px;
	
}
.quizQ
{
	margin:5px;
	t/ext-align:center;
}

.quizCanvas
{
	width:90%;	
	top:20px;
	position:fixed;		
	z-index:2000;		 
	background-color:rgba(0,0,0,0.5);
	vi/sibility:hidden;	
	border-radius: 5px;	
}

div.quizHelperClass
{
	background-color: black;
    width: 100%;
    height: 100%;
    z-index: 1500;
    position: fixed;
	opacity:0;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;	
	v/isibility:hidden;	
	
	
}




/*

div.modalWindow, div.errorWindow
{
	
		
}

*/




.OC_hidden
{
	overflow:hidden;
	width:95%;	
}

div.OC_hidden
{
	visibility:hidden;	
	position:absolute; 
	
} 

div.OC_show
{
	margin-left:20px;
	margin-right:2px;
	width:100%;
	overflow:hidden;	
} 
div.IconOC_hidden
{
	height:20px;
	width:20px;
	margin-right:5px;
	float:left;
}
div.IconOC_hidden::after
{
	font-family:FontAwesome;
	content: "\f105";		
}

div.IconOC_show
{
	height:20px;
	width:20px;
	float:left;	
	margin-right:5px;
}

div.IconOC_show::after
{
	font-family:FontAwesome;
	
	content: "\f107";
	
}

.contentCB
{
	float: left;
    display: block;
    width: 20px !important;
    height: 20px;
	margin-right:10px;
	overflow:hidden;
}



a.OC_link
{	
	color:inherit;
	line-height:15px;

}

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

	div.OC_show
	{
		margin-left:5px;		
	} 
}	







.iconDisabled
{
	display:block;
	opacity:.2;
	
}

div.kbCount
{
	position:relative;
}

div.contentText
{
	margin:15px;
	max-width:700px;
}

div.animateCollapse
{
	-webkit-transition: max-height 0.8s ease;
	-o-transition: max-height 0.8s ease;
	transition: max-height 0.8s ease;
	
}
/* display:table; */
div.appRecord
{
	
	width:100%;
	padding-bottom:10px;
	margin-bottom:15px;
	padding:6px;	
	min-height:40px;
	background-color:#f2f2f2;
	/* 	#fcfced;*/
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);	
	border-radius: 0px 0px 20px 0;	
}

div.appRecordHeader
{		
	display:table-row;
	width:100%;
	margin-top:5px;	
}

div.appRecordCount
{
	display:table-cell;
	color:grey;
	margin-right:2px;
}


div.appRecordFav
{
	display:table-cell;
	margin-right:5px	
}

div.appRecordName
{
	margin-right:5px;	
	font-size:18px;
	display: table-cell;
	vertical-align: middle;
	color: #133985;
	width:100%;

}

div.journalCitInfoDiv
{
	transition: height 1s ease 0s;
}


div.appRecordIcons
{
	display:table-cell;
	margin-left:4px;
	margin-right:4px;
	bo/rder:1px solid purple;
	po/sition:relative;
}
div.appRecordContent
{
	margin-bottom:5px;
	margin:2px;	
}

div.appRecordSjrCont
{
	min-height:30px;
	display:flex;
	align-items:center;
}
div.appRecordSjr
{
	float:left;
	padding-right:5px;	
}
div.appRecordIcon
{
	display:table-cell;
	padding-right:5px;
	vertical-align:middle;
}
div.appRecordFooterIcons
{
	display:table;
	
	
}
div.appRecordFooterIcon
{
	display:table-cell;
	padding-right:10px;
	
}
	

div.icon30
{
	width:30px;
	height:30px;
	font-size:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
}
div.orange
{
	color:#F7A71B;
}

div.sjrQ
{
	display:table-cell;
	width:23px;
	height:28px;
	background-image: url(./images/sjr_23.png);
	background-repeat:repeat-x;
	margin-right:3px;
	color:white;
	padding:3px;
	padding-top:12px;
	
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	
}
div.sjrQ1
{
	background-color:rgb(164, 207, 99);	
	
}

div.sjrD1
{
	background-color:rgb(164, 207, 99);	
	
}


div.sjrQ2
{
	background-color:rgb(232, 213, 89);
}

div.sjrQ3
{
	background-color:	rgb(251, 163,83);
}

div.sjrQ4
{
	background-color:	rgb(221,90,78);
}

span.strong
{
	font-weight:bold;
}


div.dataverseRight
{
	background-color:#f6f6f6;	
}

@media screen and (min-width: 767px)
{

	div.dataverseContainer
	{
		display: grid;
		grid-template-columns: 80% 20%;
		
	}
	div.dataverseRight
	{		
		margin-top:20px;
	}
	div.dataverseData
	{
		
	}
}



/*
div.appRecord
{
	float:none;
	padding-bottom:10px;
	margin-bottom:1px;
	border-top:1px solid #d0d0d0;	
	min-height:40px;
	background-color:#fcfced;
}

div.appRecordHeader
{		
	float:left;
	width:100%;
	margin-top:5px;
	
}

div.appRecordCount
{
	float:left;
	color:grey;
	margin-right:2px;
}


div.appRecordFav
{
	float:right;
	margin-right:5px	
}

div.appRecordName
{
	margin-right:5px;	
	font-size:18px;
	display: inline-block;
	vertical-align: middle;
	color: #133985;

}


div.appRecordIcons
{
	float:left;
	margin-left:4px;
	margin-right:4px;
	bo/rder:1px solid purple;
	po/sition:relative;
}
div.appRecordContent
{
	margin-bottom:5px;
	margin:2px;	
}

*/

div.appRecordMoreInfoButton
{
	margin-top:3px;
	margin-bottom:3px;
}

div.dbSearchDiv
{
	max-width:700px;
}

div.catalogTable
{
	max-width:700px;
}



@media screen and (max-width: 767px)
{
	div.appRecordName
	{
		m/ax-width:76%;
	}
	
}

/*  Content */
@media screen and (max-width: 767px)
{
	img.gPic
	{
		width:100%;
	
	}	
}

.contentListLower
{
	font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 22px;
    
    

	
}

@media screen and (max-width: 425px)
{
	.contentListHigher
	{
		padding-left:20px;		
		
	}
	.contentListLower
	{
		padding-left: 20px;
	}

	
}

.contentListHigher
{
	f/ont-size: 20px;
	
	list-style-type: disc;
}
.contentListHigher li
{
	c/olor: #00597B;
}




/*Publications*/

span.italic
{
	font-style:italic;
}
div.sepubAwardContainer
{
	display:flex;
	flex-wrap:wrap;
}
div.sepubAwardBox
{
	border:1px solid #E5EBF0;
	width:145px;
	height:80px;	
	margin:5px;
	position:relative;
	border-radius: 10px 10px 5px 0;
	box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);	
}
div.sepubAwardBoxTitle
{
	position:absolute;
	bottom:0;
	font-size:12px;
	text-align: center;
    width: 100%;
	
}
div.sepubAwardBoxValue
{
	width:80px;
	margin: 0 auto;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
}

div.sepubArticleJournal
{
	font-weight:bold;
	
}

div.publicationsTitle
{
	float:left;
	margin-right:5px;
}
span.publicationsHighlight
{
	background:yellow;	
}
span.explainIcon:hover .explainBox
{
	vis/ibility:visible;	
	display:block;
}
div.explainBox
{
	width:200px;
	border:1px solid #E5EBF0;
	color:black;		
	v/isibility:hidden;	
	display:none;
	position:absolute;	
	l/eft:30px;
	z-index: 10;
	background-color:white;	
	padding-left:0px;
	margin-left:0px;	
}

div.rankingTarget
{
	margin-left:10px;
}

div.sepubFooter
{
	font-size: 12px;
	margin-top:140px;
}




/* DataBases*/
div.dbSearchNameInput
{
	w6idth:100%;
}

span.contentBlue
{
	color:#1C315A;
}

/* STAFF */
.staffDepartHeader h2
{
	font-weight
}

.staffPic
{
	float:left;
	margin-right:10px;
}

.flex21
{
	display:flex;
	flex-wrap:wrap;
	f/lex-direction: column;
}
.staffNameCard
{
	width:40%;
}
.staffName
{
	fo/nt-weight:bold;
	font-size:18px;
}

@media screen and (max-width: 767px)
{
	.staffNameCard
	{
		width:90%;
	}
	
}

/* Favorites */

div.favLinkRow
{
	
	display:table-row;
	margin-top:5px;
	margin-bottom:5px;
}

div.favLinkTitle
{
	display:table-cell;
}

div.favLinkSectionArea
{
	max-width:500px;
	margin-left:5px;
	margin-right:5px;
	border-spacing:3px 6px;	
	display:table;
	width:100%;
}

div.favLinkDelete
{
	display:table-cell;
	width:30px;
	margin-top:5px;
	margin-right:5px;
	vertical-align:middle;
}








/******
Publications

*/

div.pubGraphArea
{
	position:relative;
	width:90%;
	float:left;
	bor/der: 1px solid;
	margin-left:5%;
	margin-right:5%;
}
div.pubGraph
{
	position: relative;
	float:left;
	width:70%;
	
}

div.pubInfo
{
	float:left;
	width:50%;
	ba/ckground:green;
}

@media screen and (max-width: 767px)
{
	div.pubGraph
	{
		position: relative;
		float:none;
		width:100%;		
	}
	canvas.canvasPub
	{
		height:500px;
	}

	
	
}



/*****
Buttons, inputs

*/


div.iLabel
{
	float:none;
	margin-top:2px;
}





/***************
Main

*/

.floatLeft
{
	float:left;	
}
.floatRight
{
	float:right;
}

a
{
	text-decoration:none;
	color:#133985;
}


body
{	
	margin:0px;
	padding:0px;	
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	
	
}

@media screen and (max-width: 767px)
{
	.desktopOnly	
	{
		display:none !important;
	}	
}
@media screen and (min-width: 767px)
{
	.mobileOnly	
	{
		display:none !important;
	}	
}



div.content
{
	overflow:hidden;
}

div.main
{	
	width:100%;
	margin-left:auto;
	margin-right:auto;	
	margin-top:0px;
	f/ont-size: 1em;		
	bo/rder: 1px solid #73AD21;
	box-sizing: border-box;
	o/verflow:hidden;
	
}
div.container
{
	width:100%;
	border: 1px solid #73AD21;
}


div.fleft
{
	float:left;
}
 



.nav
{
	display:block;	
}

.noMargin
{
	margin:0px;
	padding:0px;
}


.headerMain
{
	position:fixed;
	z-index:1000;
	background-color:white;
}


/*
Moblie Headline
*/

@media screen and (max-width: 328px)
{
	.mTogglers
	{
		width:34px;	
		height:34px;
		
	}
	
}


@media screen and (min-width: 329px)
{
	.mTogglers
	{
		width:34px;	
		height:34px;
		
	}
	
}

/*
width:37.5px;	
	height:37.5px;
	*/
div.togglerCont
{
	position:absolute;
	right:0px;
}

.mTogglers
{
	
	margin-top:5px;
	margin-bottom:5px;	
	margin-right:2px;
	position:relative;
	float:left;
	background-color:white;	
}


#togglerButton
{
	width:100%;
	height:100%;	
	background:transparent;
	border:0px;
	text-decoration:none;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(31, 66, 135, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	
}

#searchToggler
{
	margin-top:9px;
	margin-right:0px;
	font-size:25px;
	color: #1F4287;	
}

#langToggler
{
	margin-top:9px;	
	margin-right:6px;
}



#mobileHeader
{
	height:74px;
	margin-left:10px;
	m/argin-right:18px;
	overflow:hidden;
	border:1px;
}
#mobileHeaderInside
{
	height:50px;
	margin-top:15px;
	margin-bottom:15px;
}
#mLogo
{
	position:relative;
	float:left;
	height:48px;
	padding-top:4px;
	
}

#mSiteName
{
	height:48px;	
	position:relative;	
	float:left;		
	color: #1F4287;
	margin-left:10px;	
	display: table;	
}

#mTitleBox
{
	vertical-align: middle;
	display: table-cell;
}

div.mSiteName
{
	margin-left:6px;	
	
}
h2.mSiteName a
{
	color: #1F4287;
	text-decoration:none;
}
h2.mSiteName
{
	margin:0px;
	padding:0px;
	padding-bottom:2px;
	font-size:15px;
	font-weight:bold;	
}
h5.mSiteName
{
	padding:0px;
	margin:0px;
	font-size:3.2vw;
	font-weight:bold;	
}

/* Mobile Header */




/* Normal Header*/


#normalHeader
{
	height:125px;
	margin-left:25px;
	margin-right:25px;
	overflow:hidden;
	border:1px;
}
#normalHeaderInside
{
	height:50px;
	margin-top:15px;
	margin-bottom:15px;
}
#Logo
{
	position:relative;
	float:left;
	height:48px;
	
}

#SiteName
{
	height:48px;	
	position:relative;	
	float:left;		
	color: #1F4287;
	margin-left:10px;	
	display: table;	
}

#titleBox
{
	vertical-align: middle;
	display: table-cell;
}

div.SiteName
{
	margin-left:6px;	
	
}
h2.SiteName a
{
	color: #1F4287;
	text-decoration:none;
}
h5.mSiteName a
{
	color: #1F4287;
	text-decoration:none;
}
h5.SiteName a
{
	color: #1F4287;
	text-decoration:none;
}



media screen and (min-width: 1024px)
{
	
	

	
}



h2.SiteName
{
	margin:0px;
	padding:0px;
	padding-top:12px;		
	padding-bottom:2px;	
	font-weight:bold;	
}
h5.SiteName
{
	padding:0px;
	margin:0px;
	font-size:3.2vw;
	font-weight:bold;	
}

div.headerRow
{
	display:table-row;
}
div.headerT
{
	display:table;
	position:absolute;
	right:0px;
	margin-right:30px;
}


div.headerRight
{
	/* */
	display:block;
}

.searchform
{
	display:flex;
}


div.headerC
{
	display:table-cell;
}
div.search-input
{
	border-right: 1px solid #1F4287;
}
div.search-input input
{
	box-shadow: none;
    width: 100%;
    border: none;
    text-align: right;
    padding: 1px 2px;
	
	font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;	
	
}

.my-2
{
	font-family: 'Montserrat', sans-serif;
}


div.search-submit
{
	float:left;
	color:#1F4287;
	font-size:24px;
	padding-left:10px;
}

/* Normal Header */




#common-menu
{
	clear:both;
	display:block; 
	overflow: hidden;	
	
	height: 155px;
	max-height: 100px;
	margin-top: 0;
	-webkit-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
	transition: height 0.3s ease;
	position: relative;
	z-index: 10;
	background-color: #313B40;
	
	
	color: white;
	f/ont-size: 0.7em;
 
}


@media screen and (min-width: 1024px)
{
	#common-menu .menu-nav_menu2-container
	{
		padding-left:15px !important;
	}	
	
}



#common-menu .menu-nav_menu2-container
{
	margin-top:auto;
	margin-bottom:auto;
	padding-left:0px;
	
}
#menu-nav_menu2
{
	padding-left:10px;
}


#common-menu .nav-secondary
{
	top:35px;
	position:absolute;
	width:100%;
	height:36px;	
	
}


#common-menu .nav-secondary .nav li
{
	height: 1rem;	
	max-width: 200px;
	float:left;
    padding-right: 0.5rem;
    line-height: 15px;
    border-right: 1px solid #fff;
    margin: 0 0 0.5rem 0.5rem;	
	list-style: none;
	font-size:13px;
	
}

#common-menu .nav-secondary .nav li a
{
	color:white;	
}

div.nav2buttons
{	
	margin-top: 10px;
	margin-left: 10px;
	height:36px;
	
	margin-bottom:5px;
}

@media screen and (min-width: 1024px)
{
	div.nav2login a
	{
		padding-right:6px;
	}
}	


div.nav2login img
{
	float:left;
	margin-right:12px;
	padding-left:4px;	
	margin-top:10px;
	padding-bottom: 10px;
}

.nav2loginLogo
{
	font-size:15px !important;
	padding-top:10px;
	padding-left:4px;	
	margin-right:13px;
	margin-left:0px;
	
}

div.nav2loginBlue:hover 
{
	background-color:#00597B;
}

div.nav2loginGold:hover 
{
	background-color:#9c8c5f !important;
}

div.nav2loginGold a:hover
{
	background-color: transparent;
}

div.nav2loginGold
{
	background-color:#b3a16e !important;	
}

div.nav2login2
{
	display:flex;

}

div.nav2login
{
	height:36px;
	line-height:36px;
	background-color:#4E83A8;	
	padding-left:5px;
	padding-right:5px;
	text-transform: uppercase;	
	font-weight:600;
	display:flex;
	border-radius: 2px;
	
	
}
div.nav2login a 
{
	color:white;
}

@media screen and (max-width: 1023px)
{
	div.nav2login
	{
		margin-left:5px;
	}
	
}


/*
@media screen and (max-width: 426px)
{
	div.main
	{
		max-width: 320px;
	}
	
}

*/

.contentHeader
{
	//argin-left:10px;
	margin-top:3px;
}

div.appHeader
{
	position: relative;
    background-color: #1C315A;
	/*background-color: #4F84C4;*/
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
	color:white;
	overflow:hidden;
	min-height:100px;	
	
}


.appHeader:before {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(0, 89, 123, 0.4);
    background-image: url(./images/pattern-white.png);
    opacity: 0.1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}	

div.appFavLink
{
	position:absolute;
}


div.appHeaderIcons
{
	position:absolute;
	right:0px;
	margin-right:10px;
}

div.appHeader h1
{
	font-size:30px;
}

.appHeaderTitle
{
	font-size:30px;
	font-weight:900;	
	text-transform: uppercase;	
	position:absolute;
	left:40px;
	
	
}

div.appHeaderRoute
{	
	margin-right: 5px;
	margin-left:4px;
	margin-top: 4px;
}



@media screen and (max-width: 767px)
{
	.appHeaderTitle
	{
		font-size:15px;
		font-weight:700;	
		text-transform: uppercase;		
	}

	
}

a.redMenu
{
	color:#c70404 !important; 			
}

a.redMenu:hover
{
	color:white !important; 		
	background-color: #c70404 !important;
}

span.contentRed
{
	color:#c70404;
}




@media screen and (max-width: 1023px)
{
	div.appHeader
	{
		min-height:80px;
	}
	
	#mobileHeader 
	{
		display:block;
	}
	#normalHeader 
	{
		display:none;
	}
	
	.scrollable
	{
		padding-top:174px;	
	
	}

	
	/* MegaMenu */
	
	
	/* MegaMenu */
	div.mClosed
	{
		display:none;
	}
	
	
	div.megaMenu
	{
		font-family: 'Montserrat', sans-serif;			
		position:absolute;		
		z-index:100;
		background-color:white;
		width:100%;		
		text-transform: uppercase;
		
	}
	
	
	div.megaMenu ul
	{
		list-style-type:none;
		font-size:16px;		
		padding-top:1px;
		padding-left:0px;
		padding-bottom:5px;
		background-color:#778899;
		
	}
	div.megaMenu  ul li
	{
		display:block;	
	}
	
	div.megaMenu  ul li a
	{
		color:white;		
	}	


	div.megaMenu ul li ul
	{
		background-color:#D3E0E9;
		/*width:100%;	*/
		float:none;
		
	}
	div.megaMenu ul li ul li
	{
		float:none;
		
	}

	div.megaMenu ul li ul li a
	{
		color:#00597B;
	}
	
	div.megaMenu ul li ul li ul
	{
		display:block;
		left:5px;
		height:100%;
		
	}
	
	.menuLine
	{
		background-color:#778899		
		margin:0px;
		
	}		
	.dropdown
	{
		margin-left:5px;
		margin-right:5px;		
		line-height:18px;
		margin-bottom:15px;
		margin-top:15px;		
		
	}		

		
	.dropdown-menu
	{
		position:absolute;
		left:1000px;
		top: 10px;
		-webkit-transition: left 0.3s ease;
		-o-transition: left 0.3s ease;
		transition: left 0.3s ease;
		overflow-y:scroll;
		height:500px;
		
	}
	
		
	
	
	.dropdown
	{
		l/ine-height:38px;
		background-color:#778899;				
	}
	.menuLink
	{
		margin-top:16px;
	}
	
	.leftArrow::after
	{
		font-size: 16px;
		margin-right:15px;		
		color:#00597B;
		font-family:FontAwesome;
		content: "\f104";		
	}
	
	.caret::after
	{
		font-size: 16px;
		margin-right:15px;
		float:right;
		color:white;
		font-family:FontAwesome;
		content: "\f105";		
	}
	
	.mobileBack
	{
		margin-bottom: 16px;
		padding-bottom: 5px;
		margin-top: 5px;
		padding-left: 15px;    
		border-bottom: 1px solid white;
		font-weight: bold;
		font-size: 15px;		
		
	}
	.subMenuItem1
	{
		margin-bottom:16px;
		margin-left:15px;
	}
	
	.dropdown a
	{
		color:white;			
	}
	/*
	.dropdown:hover a
	{
		color:#00597B;
	}
	*/
	/*
	.dropdown:hover
	{
		background-color:#D3E0E9;
		color:#00597B;
	}
	*/
	.dropdown-nochild
	{
		font-weight:bold;
		font-size:15px;
	}
	
	.dropdown-header
	{
		margin-left: 15px;
		font-size:15px;
		font-weight:bold;		
	}
	.dropdown-header div
	{
		border-bottom:2px solid rgba(112, 112, 112, 0.5);
		width:100%;		
	}
	.dropdown-header div a
	{
		color:#707070 !important;
	}
	
	ul.dropdown-item
	{
		text-transform:none;
		font-size:15px;
		font-weight:normal;
	}
	ul.dropdown-item li
	{
		margin-top:10px;
		margin-bottom:10px;
	}
	
	
	
	
	.m2show
	{
		left: 10px;
	}
	
	
		
	
	/* MegaMenu End */
	

	
	
	/* MegaMenu end */
	
	.content
	{
		
		
	}

	
	
	
}

/* Navigation menu  */

li.navig
{
	padding-left:20px;
	list-style:none;
	border-left: 5px solid #00597B;
	line-height:22px;
}

li.actualMenuBlock
{
	border-left:5px solid #F7A71B;	
}



li.actualMenuItem
{
	font-weight:bold;
}





li.navig ul
{	
	list-style:none;	
	padding:0px;
	padding-left:20px;
	margin:0px;
	margin-bottom:5px;
	
}

li.navig ul li
{
	margin-bottom:5px;
}

@media screen and (min-width: 768px)
{
	div.nav2login
	{
		max-width:300px;
		overflow:hidden;
	}

}	


@media screen and (max-width: 768px)
{
	div.nav2loginBlue
	{
		max-width:250px;
		overflow:hidden;
	}

}	
@media screen and (max-width: 490px)
{
	div.nav2loginBlue
	{
		max-width:185px;
		overflow:hidden;
	}

}	




@media screen and (max-width: 420px)
{
	div.nav2loginBlue
	{
		max-width:175px;
		overflow:hidden;
	}

}	



@media screen and (max-width: 374px)
{
	div.main
	{
		min-width:314px !important;
	}
	div.nav2loginBlue
	{
		font-size:3.74vw;
		max-width:152px;
		overflow:hidden;
	}
	
	div.nav2loginGold
	{
		font-size:3.74vw;
		max-width:173px;
		overflow:hidden;
		
	}
	div.nav2buttons
	{
		margin-left:2px !important;
	}
	
	
}
	

@media screen and (min-width: 375px) and (max-width: 410px)
{
	
	div.nav2loginBlue
	{
		font-size:.94em;
		max-width:170px;
		overflow:hidden;
	}
	
	div.nav2loginGold
	{
		font-size:.94em;
		max-width:195px;
		overflow:hidden;
		
	}
	div.nav2buttons
	{
		margin-left:2px !important;
	}
	
	
}




@media screen and (min-width: 426px)
{
	
	#normalHeader 
	{
		display:none;
	}	
	div.main
	{
		/*max-width:576px;*/
	}
	h2.mSiteName
	{
		font-size:18px;
	}
	h5.mSiteName
	{
		font-size:16px;
	
	}

}

@media screen and (min-width: 768px)
{
	div.main
	{
		max-width: 768px;		
	}
	.scrollable
	{
		padding-top:174px;	
	
	}
	
	h2.SiteName
	{
		font-size:30px;		
	}
	h5.SiteName
	{
		font-size: 17px;
		line-height: 23px;
	}

	
}


@media screen and (min-width: 1024px) /* Menu*/
{	
	.scrollable
	{
		padding-top:230px;	
	
	}

	#common-menu
	{
		max-height: 55px;
	}
	#mobileHeader 
	{
		display:none;
	}
	#normalHeader 
	{
		display:block;
	}	
	div.nav2login2
	{
		float:right;
	}
	
	div.nav2login
	{
		position: relative;		
		margin-right:30px;
	}
	
	#common-menu .nav-secondary
	{
		top:5px;			
		width:100%;
		height:36px;	
	}
	#common-menu .nav-secondary .nav li
	{
		font-size:15px;	
	}
	#menu-nav_menu2
	{
		padding-left:4px;
	}
	
	.langButton
	{
		border:1px solid;
		height: 25px;
		margin-top:0px;
		margin-bottom:10px;		
		border-color: #807f7f;
		border-radius: 0;
		padding: 0px;
		font-family: 'Montserrat', sans-serif;		
		line-height: 25px;
		font-size: 15px;
		letter-spacing: 3px;
		text-transform: uppercase;
		display: inline-block;
		font-weight: 600;
		text-align: center;		
		float:right;
		padding-left:10px;
		padding-right:10px;
		
	}	
	.langButton a
	{
		color:#1F4287;
	}
	h5.langButton:hover
	{
		background-color:#1F4287;
	}
	.langButton a:hover
	{
		color:white;
		
	}
	
	
	/* MegaMenu */
	.caret::after
	{
		font-size: 16px;
		margin-left:10px;
		color:white;
		font-family:FontAwesome;
		content: "\f107";		
	}
	div.megaMenu
	{
		font-family: 'Montserrat', sans-serif;			
		position:absolute;		
		z-index:100;
		background-color:white;
		width:100%;
		display:block;
		text-transform: uppercase;
		
	}
	

	div.megaMenu ul
	{
		list-style-type:none;						
		float:left;
		padding-left:15px;
		/*display:block;*/
		/*width:100%;					*/
	}
	
	
	

	div.megaMenu  ul li
	{		
		float:left;
		margin-left:5px;
		
	}

	
	
	div.megaMenu ul li ul
	{
		background-color:#D3E0E9;
		/*width:100%;*/		
		float:none;
		
	}
	div.megaMenu ul li ul li
	{
		float:none;
		
	}

	div.megaMenu ul li ul li a
	{
		color:#00597B;
	}
	
	div.megaMenu ul li ul li ul
	{
		display:block;
		left:5px;
		height:100%;
		
	}
	
	.menuLine
	{
		background-color:#778899;
		position:absolute;
		height:50px;
		margin-right:4px;
		margin-top:0px;
		margin-left:0px;
		margin-bottom:0px;
		padding:0px;
		width:100%;
		
	}	
	.dropdown
	{
		margin-left:5px;
		margin-right:5px;		
		line-height:49px;			
	}			
	

	.dropdown-menu
	{
		
		position:absolute;
		width:758px;
		left:10px;
		display:none;		
		top: 49px;		
		
		max-height:600px;		
       	
		flex-direction: column;
		flex-wrap: wrap;
		flex-grow:0;
		align-items: flex-start;
	}
	.m2show
	{
		/*left: 10px;*/
		display:flex;
		color:#00597B;
		
	}
	
	.dropdown-menu li
	{
		min-width:250px;		
		max-width:250px;
		line-height: normal;
		margin-top: 15px;
	}
	/*
	.dropdown-menu ul
	{
		position:relative;		
		top:0px;
	}
	*/
	
	/*
	
	#limheight
	{
		height: 300px; 
		-webkit-column-count: 3;
		-moz-column-count: 3;
            column-count: 3; 
	}

	#limheight li 
	{
		display: inline-block; 
	}
	*/
	
	
	
	.dropdown
	{
		font-size:12.5px;						
	}
	
	li.dropdown a
	{
		width:96%;
		color:white;			
		display:inline-block;
		
	}
	
	li.dropdown ul li a
	{
		
		display:inline;		
	}
	
	
	.dropdown:hover
	{
		b/ackground-color:red;
		background-color:#00597B;		
		color:#00597B;
		
	}
	.dropdown-nochild:hover
	{
		background-color:#00597B;				
	}
	
	
	
	a.menuLink:hover
	{
		color:#D3E0E9;		
		background-color:#00597B;				
	}
	
	a.dropdown:hover
	{
		color:#D3E0E9;		
		background-color:#00597B;		
	}
	
	
	
	.dropdown:hover
	{
		
		
		
	}
	
	.dropdown-nochild
	{
		font-weight:bold;
		font-size:15px;
	}
	
	.dropdown-header
	{
		color:#707070;
		font-size:15px;
		font-weight:bold;		
	}
	.dropdown-header div
	{
		border-bottom:2px solid rgba(112, 112, 112, 0.5);
		width:100%;
	}
	
	ul.dropdown-item
	{
		text-transform:none;
		font-size:15px;
		font-weight:normal;
	}
	
	ul.dropdown-item li::before
	{
		content: "\21E2";
		font-family: FontAwesome;
		font-size: 12px;
		margin-right: 0.2rem;
		margin-left: -20px;
		border: none;
		display: inline-block;
		vertical-align: 2px;
	}
	
	
	
	
	li.mobileBack
	{
		display:none;		
	}
		
	
	/* MegaMenu End */
	
		
	
}

@media screen and (min-width: 990px)
{
	div.main
	{
		max-width: 990px;
	}
	
	
	h2.SiteName
	{
		font-size:36px;
	}
	h5.SiteName
	{
		font-size:17px;
	
	}
	.dropdown-menu
	{
		width:990px;
		padding:6px;
		padding-bottom:10px;
	}
	.dropdown
	{
		font-size:12.5px;						
	}
	
}


@media screen and (min-width: 1280px)
{
	div.main 
	{
		max-width: 1280px;
	}
	.dropdown
	{
		font-size:15px;					
	}
	.dropdown-menu
	{
		width:1280px;
	}
	.section-title
	{
		padding-left: 50px;
		padding-right: 50px;
		
	}
	
}

@media screen and (min-width: 1280px)
{
	.appHeaderTitle
	{
		
	}
}




div.red
{
	background:red;
}

div.blue
{
	background:blue;
}

.border
{
	border: 1px solid #73AD21;
}

/* -------------------------------------------------------------------------
* Application items 
*/

.appManiRight
{
	
}


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

@media screen and (max-width: 868px)  
{
	.sideNav
	{
		display:none;		
	}
	

}

	
@media screen and (min-width: 769px)  
{	
	
	.sideNav
	{
		position:absolute;
		width:220px;		
	}
	
	.appBesideNavLink
	{
		position:relative;
		left:240px;
		width:66%;
	}
	
}

@media screen and (max-width: 1024px)  
{
	.appMainLeft
	{
		margin-left:5px;
		margin-right:5px;
		
	
	}
	
}

@media screen and (min-width: 1025px)  
{
	.sideNav
	{
		width:350px;	
		margin-left:25px;
	}
	
	.appBesideNavLink
	{
		left:380px;
	}
	
	.appMainLeft
	{
		margin-left:38px;
		margin-right:38px;
		
	
	}

}	

	
	
	

.appMainLeft
{
	font-family: 'PT serif', serif;
	
	
	margin-bottom:55px;
	padding-top:10px;	
}

.contentBox
{
	    font-family: 'PT serif', serif;
		font-size:20px;
		overflow:hidden !important;
}
@media screen and (max-width: 425px)
{
	.contentBox
	{
	    font-size:17px;
	}
	
	.contentBox p
	{
		m/argin:1px;
	}
	
}





/*
*-------------------------------------------------------------------------
* Tables
*/

  .fullW
  {
	  width:100%;
  }
  
  div.hiddenFormRow
  {
	 display:none !important;	 	  
  }
  div.showFormRow
  {
	 
  }
  

  div.formTable
  {
    display: table;	
  }
    
  div.formTableRow
  {
    display: table-row;
	
	/*line-height:32px;*/
  }
  div.formTableCell
  {
    display: table-cell;
	vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
  }

@media screen and (min-width: 768px)  
{
	div.formTable
	{
		margin-top:10px;
		margin-bottom:10px;
		margin-left:3px;
	}
}
  
  
@media screen and (max-width: 767px)
{
	div.formTable
	{
		display: block;
	}
		
	div.formTableRow
	{
		display: block;
		margin-top:5px;
	}
	div.formTableCell
	{
		display: block;
		padding-left: 5px;
		padding-right: 5px;
	}
		

	
}

body
{
	overflow-x:hidden;
}


div.aTable
  {
    display: table;
	width:100%;	
	border-bottom:1px solid #778899;
	border-right:1px solid	#778899;
		
   
  }
    
  div.aTableRow
  {
    display: table-row;
	
  }
  div.aTableCell
  {
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;	
	border: 1px solid #778899;
	border-bottom:0px;
	border-right:0px;
  }
  
  div.aTableHeaderCell
  {
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;	
	border: 1px solid;
	border-bottom:0px;
	border-right:0px;
	background-color:#778899;
	/*	#1F4287;*/
	color:white;
  }
  div.aTableCellLabel
  {
	display:none;
  }
  
  div.aTableSelectedCol
  {
    background-color:#eff3ff;
	
  }
  
@media screen and (min-width: 768px)  
{
	div.aTable
	  {
		display: block;
		width:100%;
		max-height:500px;
		overflow:auto;
		
	   
	  }
	
}
  
  
  
@media screen and (max-width: 767px)
{
	
	div.aTableTitleCol
	{
		border:none !IMPORTANT;
		width:60% !IMPORTANT;
		font-size:18px;
		margin-bottom:10px;
	}
	
	div.aTableCounterCol
	{
		border:none !IMPORTANT;
		max-width:30px !IMPORTANT;
	}
	
	div.aTableLastCol
	{
		border-bottom:1px solid gray !IMPORTANT;
	}
	
	
	div.aTableMobileCell 
	{
		display:flex;
		border:1px solid gray;
		border-bottom:0px;
	}
	
	div.aTableMobileCellValue 
	{
		width:20%;
		border:1px solid gray;
		border-bottom:0px;
		border-left:0px;
	}
	
	
	div.aTable
	{
		display: block;	
		border:0px;
	}
		
	div.aTableRow
	{
		display:flex;
		flex-wrap:wrap;
		margin-bottom:10px;
		background-color:#fcfced;
		
	}
	div.aTableCell
	{
		disp/lay: block;		
		b/order:none;
		padding-left: 0px;
		padding-right: 0px;		
	}
	div.aTableCellLabel
	{
		display:block;
		f/lex-grow:6;
		width:70%;
		f/loat:left;
	}
	div.aTableHeaderCell
	{
		display:none;
	}
		

	
}






  


/*
*-------------------------------------------------------------------------
* Buttons
*/
input.appI, textarea.appI, select.appI, input.appI2, textarea.appI2, select.appI2 
{	
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 23px;
    border: 1px solid grey;    
    box-shadow: 0 3px 10px rgba(0,0,0,0.1) ;    
    padding: 0.5rem;    
	margin-bottom:5px;
	outline:none;
	
}
.w100
{
	width:100%;
}

input.appI, textarea.appI
{	
    
	/*width:100%;*/
}


input.appISearch
{
	
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 23px;
    border: 1px solid grey;
    
    box-shadow: 0 3px 10px rgba(0,0,0,0.1) ;
    
    padding: 0.5rem 2rem ;
    background-image: url('./images/search.png');
        /*, url('../images/icons/section.png');*/
    background-position: 0.5em center, right 2.5em center ;
    background-repeat: no-repeat, no-repeat ;
	outline:none;
}

.appTag
{
	background-color: #1F4287;
	color: #FFFFFF;
	padding:1px 5px;
}

span.red
{
	background-color: red;
	color: #FFFFFF;
	padding:1px 5px;
}

span.green
{
	background-color: green;
	color: #FFFFFF;
	padding:1px 5px;
}

span.blue
{
	background-color: blue;
	color: #FFFFFF;
	padding:1px 5px;
}


.green2
{
	background-color: green;
	color: #FFFFFF;	
	
}


.green
{
	background-color: green;
	color: #FFFFFF;
	padding:1px 5px;
}


.redB
{
	background-color:red !important;
}

.appB
{
	background-color: #1F4287;
    color: #FFFFFF;
	font-size: 16px;
    letter-spacing: 3px;
	height: 45px;
    line-height: 45px;
	border: 1px solid;
	padding: 0 20px;
	margin-top:5px;
	margin-bottom:5px;
	outline:none;
}
.appB:hover
{
	color: #313B40;
    background-color: #EB9050;
    cursor: pointer;
}


input.sfor {
    padding: 0.5rem 2rem ;
    background-image: url('../images/icons/search.png'),
        url('../images/icons/section.png');
    background-position: 0.5em center, right 2.5em center ;
    background-repeat: no-repeat, no-repeat ;
}

@media screen and (max-width: 767px)
{
	input.appI, textarea.appI, select.appI 	
	{	
		width:100%;
	}
	
}

a:hover
{
	
	text-decoration: none;
    color: white;
    background-color: #00597B;	
}

.noHover:hover
{
	background-color:transparent;
}




/*
*-------------------------------------------------------------------------
* Application Tab Control
*/

.AppTabHeader ul
 {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
    text-transform: uppercase;
	line-height: 23px;	
}
	
.AppTabHeader li 
{
	display: inline;	
	border-bottom:2px solid #F7A71B;
	padding: 0.5rem 1px;
	
}
	
.AppTabHeader a
 {
	padding: 0 1em;
	text-decoration: none;
	color: black;	
	
}
	
.AppTabHeader a:hover
{	
	color: white;	
}

li.AppTabSelected
{
	border:2px solid #F7A71B;
	border-bottom: 2px solid #FFFFFF;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
	
}

div.AppTabHeader li.AppTabSelected a:hover
{
	color:white;
}
	
div.AppTabHeader li.AppTabSelected a 
{	
	
	padding-bottom: 2px;	
	color: black;	
	
}
	
div.AppTabFrame
{
	
	padding: 1px;
	margin-bottom:2px;
	
}

div.AppTabHidden
{
	/*visibility:hidden !important;
	position:absolute;*/
	display:none;
}
	
div.AppTabContent
{
	margin: 0;
	padding-top: 1em;
	background: white;
}

@media screen and (max-width: 767px)
{
	.AppTabHeader ul
	 {
		font-size: 13px;
		text-transform: none;
		line-height: 23px;	
	}
	
	div.AppTabHeader
	{
		margin-left: -5px;
		margin-right: -5px;
	}

	
}








/*
*-------------------------------------------------------------------------
* Error Window
*/
/*
	div.errorWindow
	{
		width:100%;
		height:100%;
		position:fixed;		
		z-index:1000;		 
		background-color:rgba(0,0,0,0.5);
		visibility:hidden;
		
	}
	
	div.errorWindowInside
	{
		width: 50%;
		height: 50%;
		overflow: auto;
		margin: auto;
		background-color: white;
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		
		
	}
*/	

/*
@media screen and (max-width: 767px)
{
	div.errorWindowInside
	{
		width:90%;
	}
	
}
*/	
	
/*
div.errorWindow
{
	font-size:1em;
	position:absolute;	
	
	top:10px;
	width: 200px;
	border:1px outset;	
	b/ackground-color:white;
	z-index: 2000;		
	padding: 5px 15px 5px 15px;	
	visibility:hidden;	
}

*/
/*
div.errorWindowHeader
{
	display:block;
	background-color:#d8170e;
	color:white;
	
	z-index:1001;
}


div.errorWindowContent
{
	 padding:1px;	
	 background-color:white;
	
}

div.errorWindowButtons
{
	margin:5px;
	float:right;
	position:absolute;
    bottom:0;
    right:0;
}*/

.error
{
	color:red;
	background-color:white;
}

.noError
{
	color:green;
}


/*-------------------------------------------------------------------------
* Modal Window
*/

div.helperClass
{
	background-color: black;
    width: 100%;
    height: 100%;
    z-index: 1500;
    position: fixed;
	opacity:0;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;	
	visibility:hidden;	
	
	
}

div.modalWindow, div.errorWindow, div.fullScreenWindow
{
	width:90%;	
	top:20px;
	position:fixed;		
	z-index:2000;		 
	background-color:rgba(0,0,0,0.5);
	visibility:hidden;	
	border-radius: 5px;
		
}


	
@media screen and (max-width: 767px)
{
	div.modalWindow, div.errorWindow, div.fullScreenWindow
	{
		width:90%;
	}
	
}

@media screen and (min-width: 1024px)
{
	div.modalWindow, div.errorWindow, div.fullScreenWindow
	{
		width:1000px;
	}
	
}


div.modalWindowHeader
{
	display:block;
	background-color:#1F4287;
	color:white;
	margin:2px;	
	z-index:1001;
}

div.errorWindowHeader
{
	display:block;
	background-color:#d8170e;
	color:white;
	margin:2px;	
	z-index:1001;
}



div.modalWindowContent, div.errorWindowContent
{
	 margin:5px;
	 padding:1px;	
	 background-color:black;
	 border-radius: 5px;	
	 color:white;
	 max-width:400px;
	 
	 
}

div.fullScreenWindowContent
{
	margin:5px;
	 padding:1px;	
	 background-color:#a6a3a3;
	 border-radius: 5px;	
	 color:white;
}


div.modalWindowButtons, div.errorWindowButtons
{
	margin:5px;
	float:right;	
    bottom:0;
    right:0;
}
div.fullScreenWindowButtons
{
	display:none;
}




/*-------------------------------------------------------------------------
* Footer
*/












/*
*-------------------------------------------------------------------------
* Applications tree
*/




div.tree
{
	padding-left:15px;
	margin-top:2px;
	clear:left;
}

div.openLink
{
	padding-left:2px;
	padding-right:2px;
	float:left;
	
}

div.closeButton
{
	float:right;
}
div.itemList
{
	margin-left:4px;
}
div.itemBox
{
	m/argin-left:16px;
}

div.editFolder, div.editItem
{	
	m/in-width:600px;
	background:#E7E9F4;	
    f/ont-size:0.95em;	
    margin:2px;
	padding-left:2px;	
	padding-right:2px;	

	
}

/*
*-------------------------------------------------------------------------
* Context menu
*/

ul.contextMenu 
{
	list-style: none;			
	margin-top: 1px;
	padding-top: 1px;	
	padding-left: 0px;
	display:block;
	color: #D8170E;	
	font-size: 0.9em;
	margin-left:1px;	
	margin-right:2px;	
	min-width:90px;
	max-width:190px;
	/*width:100px;*/
	
}

ul.contextMenu li 
{
	margin-top:2px;
	background: white;				
}

ul.contextMenu li:hover
{	
	background: #E7EBF2;			
}

ul.contextMenu a:hover
{	
	color: #D8170E;		
}

ul.contextMenu a {
	display: block;	
	color: #000000; 
	text-decoration: none;		
}
a.contextMenu
{
	color: #000000; 
	text-decoration: none;		
}


div.contextMenu
{
	border: 1px gray;
	border-style: outset;		
	visibility:hidden;	
	position:absolute;	
	left:auto;
	z-index: 10;
	background-color:white;	
	padding-left:0px;
	margin-left:0px;	
}

div.closeBtn
{
	float:right;	
}



/*-------------------------------------------------------------------------
* Footer
*/

footer
{
	o/verflow:hidden;
}


@media screen and (max-width: 767px)
{
	
	.AppTabHeader ul
	 {
		font-size: 13px;
		text-transform: none;
		line-height: 23px;	
	}
	
}



*, *::before, *::after { box-sizing: border-box; }

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

.text-uppercase { text-transform: uppercase; }

.row { display: flex; flex-wrap: wrap; width: 100%; }

.flex { display: flex; }

.align-center { align-items: center; }

.justify-center { justify-content: center; }

.bold { font-weight: 700 !important; }

[class*="col-"] { padding-left: 50px; padding-right: 50px; }

.col-12 { width: 100%; }

.col-10 { width: 83.33%; }

.col-6 { width: 50%; }

.col-4 { width: 33.33%; }

.col-3 { width: 25%; }

.col-2 { width: 16.66%; }

.col-1 { width: 8.33%; }

@media screen and (max-width: 576px) { /* xs */
  .col-xs-12 { width: 100%; }
  .col-xs-6 { width: 50%; }
  .col-xs-4 { width: 33.33%; }
  .col-xs-3 { width: 25%; }
  .col-xs-2 { width: 16.66%; }
  .col-xs-1 { width: 8.33%; } 
  footer .gotop a { font-size: 13px; }
  }

@media screen and (min-width: 576px) { /* sm */
  .col-sm-12 { width: 100%; }
  .col-sm-6 { width: 50%; }
  .col-sm-4 { width: 33.33%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66%; }
  .col-sm-1 { width: 8.33%; } 
  footer .gotop a { font-size: 15px; }}

@media screen and (min-width: 767px) { /* md */
  .col-md-12 { width: 100%; }
  .col-md-6 { width: 50%; }
  .col-md-4 { width: 33.33%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66%; }
  .col-md-1 { width: 8.33%; } }

@media screen and (min-width: 992px) { /* lg */
  .col-lg-12 { width: 100%; }
  .col-lg-6 { width: 50%; }
  .col-lg-4 { width: 33.33%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66%; }
  .col-lg-1 { width: 8.33%; } }

@media screen and (min-width: 1200px) { /* xl */
  .col-xl-12 { width: 100%; }
  .col-xl-6 { width: 50%; }
  .col-xl-4 { width: 33.33%; }
  .col-xl-3 { width: 25%; }
  .col-xl-2 { width: 16.66%; }
  .col-xl-1 { width: 8.33%; } }

.offset-2 { margin-left: 16.66%; }

/*.pattern-white:before { content: ''; display: block; position: absolute; background-color: rgba(0, 89, 123, 0.4); background-image: url(../images/pattern-white.png); opacity: 0.1; top: 0; left: 0; width: 100%; height: 100%; }
*/
div.footerDiv
{
	overflow:hidden;
}
footer { color: #fff; width: 100%; margin-top: 100px;  }

footer a { font-size: 15px; }

footer .gotop { display: flex; align-items: center; background-color: #4E83A8; float: right; height: 55px; line-height: 55px; letter-spacing: 3px; padding-left: 10px; padding-right: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 50px; margin-top: -92.4px; position: relative; border-radius: 2px; font-size: 16px; font-weight: 400; color: #212529; border: 1px solid transparent; text-align: center; }

footer .gotop i { color: #4E83A8; margin: auto; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); }

footer .gotop a { text-decoration: none; color: inherit; }

footer .gotop:hover { background-color: #fff; border: 1px solid #4E83A8; }

footer .gotop:hover a { color: #4E83A8; }

footer .footer-widgets { background-color: #707070; padding-top: 4rem; padding-bottom: 1.5rem; box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1); position: relative; }

footer .footer-widgets span .divide { width: 1rem; }

footer .footer-widgets h3 { font-size: 24px; }

footer .footer-widgets h3 .fa-copyright { margin-left: -28px; }

footer .footer-widgets h5 { font-size: 17px; line-height: 23px; }

footer .footer-widgets h6 { font-size: 15px; line-height: 22px; font-weight: 300; margin-bottom: 15px; margin-top: 0; }

footer .footer-widgets h3, footer .footer-widgets h4, footer .footer-widgets h5, footer .footer-widgets h6, footer .footer-widgets h7, footer .footer-widgets h8 { display: block; }

footer .footer-widgets h3 a, footer .footer-widgets h4 a, footer .footer-widgets h5 a, footer .footer-widgets h6 a, footer .footer-widgets h7 a, footer .footer-widgets h8 a { text-decoration: none; color: #fff; }

footer .footer-widgets .footer-cimer-bg { position: absolute; background: transparent url(../se_new_skin_2018/images/aok-white.png) no-repeat; background-position: 25px 25px; background-size: 380px 380px; overflow: hidden; opacity: 0.1; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; }

footer .footer-widgets .follow-box { display: inline-flex; justify-content: center; align-items: center; width: 60px; height: 60px; text-align: center; margin-right: 1rem; font-size: 26px; line-height: 60px; border: 1px solid #F9F9F9; text-decoration: none; }

footer .footer-widgets .follow-box:hover { background-color: #F9F9F9; color: #707070; }

footer .footer-widgets .evhonlapja { display: block; width: 100%; }

footer .footer-widgets .evhonlapja picture > img { display: block; }

footer .footer-widgets .evhonlapja .overlay { display: none; }

footer .footer-widgets .evhonlapja:hover { background-color: #fff; }

footer .footer-widgets .evhonlapja:hover picture > img { display: none; }

footer .footer-widgets .evhonlapja:hover .overlay { display: block; }

@media screen and (max-width: 767px) { footer .footer-widgets .evhonlapja { text-align: center; text-align: -webkit-center; padding-bottom: 1rem; } }

footer .footer-widgets .ujsagdoboz { position: relative; background-color: #1F4287; padding: 1rem; float: right; clear: left; width: 83%; margin-bottom: 1rem; padding-left: 0; }

footer .footer-widgets .ujsagdoboz .ujsaglink { display: block; float: left; margin: 1rem 0.5rem 1rem -25%; width: 212px; height: 300px; }

@media screen and (max-width: 1234px) and (min-width: 1180px) { footer .footer-widgets .ujsagdoboz .ujsaglink { margin-left: -30%; } }

@media screen and (max-width: 1179px) and (min-width: 992px) { footer .footer-widgets .ujsagdoboz .ujsaglink { margin-left: -38%; } }

@media screen and (max-width: 1179px) and (min-width: 992px) { footer .footer-widgets .ujsagdoboz .ujsaglink { margin-left: -44%; } }

@media screen and (max-width: 767px) { footer .footer-widgets .ujsagdoboz .ujsaglink { width: 50%; margin: 1rem 0.5rem 1rem -10%; }
  footer .footer-widgets .ujsagdoboz .ujsaglink img { width: 100%; } }

footer .footer-widgets .ujsagdoboz .ujsagnev-doboz { width: 70%; float: right; line-height: 1em; }

footer .footer-widgets .ujsagdoboz .ujsagnev-doboz .ujsagnev { margin-top: 1rem; font-size: 38px; line-height: 42px; }

footer .footer-widgets .ujsagdoboz .ujsagnev-doboz .ujsagnev-1 { font-weight: normal; }

footer .footer-widgets .ujsagdoboz .ujsagnev-doboz .row { flex-wrap: nowrap; }

footer .footer-widgets .ujsagdoboz .ujsagnev-doboz [class*="col-"] { padding-left: 0; padding-right: 0; }

footer .footer-widgets .ujsagdoboz .ujsagnev-doboz .aktualis-szam-cim dd { margin-left: 16.66% !important; }

footer .footer-widgets .ujsagdoboz .ujsagnev-doboz dd { margin: 0; }

footer .footer-widgets .ujsagdoboz .ujsagnev-doboz a { text-decoration: none; color: #fff; }

@media screen and (max-width: 767px) { footer .footer-widgets .ujsagdoboz .ujsagnev-doboz { width: 100%; float: none; }
  footer .footer-widgets .ujsagdoboz .ujsagnev-doboz .ujsagnev { font-size: 18px; margin-top: 1rem; margin-left: 39%; line-height: 1; text-align: left; }
  footer .footer-widgets .ujsagdoboz .ujsagnev-doboz .row { width: initial; text-align: left; } }

@media screen and (max-width: 767px) { footer .footer-widgets { padding-bottom: 0 !important; text-align: center; } }

footer .footer-links { background-color: #4E83A8; padding-bottom: 5px; padding-top: 20px; position: relative; text-align: left; overflow: hidden; }

footer .footer-links a { text-decoration: none; font-size: 15px; line-height: 20px; color: #f2f2f2; }

footer .footer-links [class*="col-"] { padding-bottom: 0.25rem; }

@media screen and (max-width: 767px) { footer .footer-links { font-size: 12px; text-align: center; }
  footer .footer-links a { font-size: inherit; } }

footer .footer-impressum { background-color: #707070; padding-top: 1rem; padding-bottom: 1rem;  }

@media screen and (max-width: 767px) { footer .footer-impressum { font-size: 12px; }
  footer .footer-impressum a { font-size: inherit; } }

footer .footer-impressum ul { display: flex; }

footer .footer-impressum ul li { list-style-type: none; display: inline-block; padding-right: 0.5rem; line-height: 15px; border-right: 1px solid; margin-left: 0.5rem; }

footer .footer-impressum ul li:last-child { border-right: none; }

footer .footer-impressum ul li a { color: #e0e0e0; text-decoration: none; }

@media screen and (max-width: 767px) { footer .col-12 { padding-left: 10px !important; padding-right: 10px !important; } }






/* Admin Table */
tr.odd   {
background-color:#C1C8D4;
color:#000000;
}

/*color:#000000;*/
table.adminTable a:link, table.adminTable a:visited {

}

table.adminTable td, table.adminTable th{
border:1px solid #A8B2C3;
fon/t-size:1em;
padding:3px 7px 2px;
}
table.adminTable th{
background-color:#3E547B;
color:#ffffff;
}

.adminTableFilter{
f/ont-size:0.98em;
border:1px solid #A8B2C3;

}


table.adminTable {
border-collapse:collapse;
display:block;
overflow:auto;
width:100%;
f/ont-family:sans-serif;
fo/nt-size:1em;
}

tr:hover.adminTable, tr:hover.odd
{
	background:white;
}



tr.visibleRow  td.visibleRow {
color:#000000;
/*border: 2px dotted;*/
border: 0px solid;
border-collapse:collapse;
padding:1px;
margin:1px;
}

.hiddenRow {
display:none;
color:#ff0000;
}