/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	*/
/* EUROPEAN COMMISSION - IPSC - ELSA - EUROPLEXUS
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	*/

/* #################################################################### */
/* CORPORATE OVERWRITE
/* #################################################################### */

/* ------------------------------------ */
/* BANNER				*/
/* ------------------------------------ */
/*
@media all
{
	.title-en {
		background-image: url("../images/europlexus.gif");
	}
}

/* -------------------------------- */
/* TITLE
/* -------------------------------- */

@media all
{
h1{font-size: 180%;}
}

/* #################################################################### */
/* RESET
/* #################################################################### */

/* -------------------------------- */
/* LINKS
/* -------------------------------- */
/*
@media screen
{

}
/* ... */

/* -------------------------------- */
/* SITE specific directive
/* -------------------------------- */
@media screen {
	#explorer hr {
		border:1px solid #036;
	}

	#explorer li.closedfld {
		list-style-image: url("../images/fonts/fld_c.jpg");
		background-image:none;
	}

	#explorer li.openfld {
		list-style-image: url("../images/fonts/fld_o.jpg");
		background-image:none;
	}

	#explorer li li.closedfld {
		list-style-image: url("../images/fonts/fld1_o.jpg");
		background-image:none;
	}

	#explorer li li.openfld {
		list-style-image: url("../images/fonts/fld1_o.jpg");
		background-image:none;
	}

	#explorer li.doc {
		list-style-image: url("../images/fonts/document.jpg");
		background-image:none;
	}

	#docdetails table{width:auto;}
	#docdetails table th {
		text-align:right;
		background-color: inherit;
	}

	.doclist {border-collapse:collapse; border-width:1px;}
	.doclist td{ padding:10px }
	.doclist h3 { padding:10px; }
	.doclist h5 { padding:0; margin:0; font-size:110%;}

	.doclist td:hover {background-color:rgba(51, 102, 153, 0.3);}
	.doclist td:hover *{color:white; }
	.doclist td:hover h5 {color:#284F75;}

	.author {font-style:italic;}
	.doctype {font-style:italic; font-weight: bold; color:#369}

	#docsubtitle{margin-top:-10px; margin-bottom:20px}

	div.filter {
		width: 100%;
		margin-bottom: 10px;
		clear: both;
		padding-top: 10px;
        overflow: hidden;
	}
	.filter select {
		padding: 1%;
		color: grey;
		width: 20%;
		float: left;
	}

	.keywords-container .pure-button {
		float: right;
		margin: 10px 2px 0 8px;
	}

	.keywords-list fieldset .row,
	.keywords-list fieldset .element {
		float:left;
	}

	.keywords-list input {
		position: absolute;
		left: -9999px;
	}

	.keywords-list label {
		display: inline-block;
		border: 1px solid #074A8B;
		padding: 2px 5px;
		margin: 0 5px 5px 0;
		border-radius: 2px;
		color: #074A8B;
		box-shadow: 2px 2px 2px 0 #cccccc;
		-webkit-transition: all .3s; /* Safari prior 6.1 */
		transition: all .3s;
	}
	.keywords-list label:hover {
		cursor: pointer;
	}
	.keywords-list input:checked + label {
		background: #074A8B;
		color:#FFFFFF;
	}

	#KEY {
		display:none;
		position: fixed;
		top:0;
		right:0;
		bottom: 0;
		left:0;
		background: rgba(0,0,0,.5);
		z-index: 10;
		transform: translate3d( 0, 0, 0);

	}

	#KEY > div {
		background: #FFFFFF;
		width: 90%;
		max-width: 450px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);

	}

	#KEY > div > div {
		overflow: hidden;
		padding:0 20px 20px;
		position: relative;
	}

	#KEY span.close {
		cursor: pointer;
		top: 0;
		right: 0;
		position: absolute;
		width: 40px;
		height: 40px;
		background: #0065A2;
		color: #ffffff;
		border: 0;
		font-size: 25px;
		text-align: center;
		line-height: 40px;
	}

	#KEY select {
		width:100%;
	}

	#KEY input[type=submit] {
		margin-top: 10px;
		width:100%;
	}

	#KEY .errors {
		margin-top: 10px;
		display: block;
		color: red;
	}

		/* -- SEARCH PAGE ------------ */
	#search_page select { display:block;}

	/* -- ec.css rules Adjustmnet -- */
	.homePage div.layout-content {
		margin: 0;
		padding: 10px;
	}
	
	/* CONTACT FORM */
	#security_image_container { 
		/*float: left;
		z-index: 99;
		position: relative;
		margin-top: -170px;*/
	}
	#captcha_field_name {visibility: hidden; margin-top: 80px;}
	
	.nowrap  {white-space:nowrap;}
}
@media (max-width: 480px) {

    .filter select {
        width: 100%;
    }

}

.rotate-scale-up{-webkit-animation:rotate-scale-up .65s linear both;animation:rotate-scale-up .65s linear both}
/* ----------------------------------------------
 * Generated by Animista on 2019-7-22 17:33:15
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes rotate-scale-up{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(2) rotateZ(180deg);transform:scale(2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@keyframes rotate-scale-up{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(2) rotateZ(180deg);transform:scale(2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}