@charset "UTF-8";

.timeline-item{ padding-left: 26px; padding-bottom: 20px; position: relative; }
.timeline-item:after{ width: 10px; height: 10px; border: 2px solid #D72133; background: #f1f5f4; position: absolute; top: 3px; left: 0; content: ''; border-radius: 7px;}
.timeline-item:before{ width: 2px; height: 100%; background: #D72133; position: absolute; top: 3px; left: 4px; content: ''; }
.timeline .timeline-item:last-child:before{ display: none; }


/* ha qf tool */
.filters-space{ margin-left: 40px; }
.filters-space .filters-header{ font-weight: bold; color: #FFF; font-size: 14px; padding: 15px 25px; background: #354049; cursor: pointer; position: relative; }
.filters-space .filters-filters{ padding: 10px 25px 25px 25px; background: #354049; margin-top: 1px; }
.filters-space.inactive .filters-filters{ max-height: 0; }
.filters-space .filters-filters .filters-parent{ font-weight: bold; color: #868c92; font-size: 14px; padding-top: 15px; }
.filters-space .filters-filters .filters-children{ color: #FFF; padding: 6px 20px 6px 30px; font-size: 14px; position: relative; cursor: pointer;  }
.filters-space .filters-filters .filters-children a { display:inline-block; height:18px; width:18px; overflow:hidden; float:right; position:absolute; top:3px; right:0; }
.filters-space .filters-filters .filters-children a img { margin-left:-72px; max-width:none; }
.filters-space .filters-filters .filters-children a:hover { top:0px; }
.filters-space .filters-filters .filters-children:before{ content: ''; position: absolute; top:4px; left:1px; height: 18px; width: 18px; border-radius: 100%; background-image: url('/layout/webtool-sprite.png'); background-repeat: no-repeat; background-position:-54px 0; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease; }
.filters-space .filters-filters .filters-children.active:before{  background-position:-36px 0; }



.filters-space .filters-filters .haqf-filter-all,
.filters-space .filters-filters .haqf-filter-none{ color: #FFF; padding: 6px 0 6px 30px; font-size: 14px; position: relative; cursor: pointer;  }
.filters-space .filters-filters .haqf-filter-all a,
.filters-space .filters-filters .haqf-filter-none a{ color: #FFF; display: inline; line-height: 1.3em; }
.filters-space .filters-filters .haqf-filter-all:before,
.filters-space .filters-filters .haqf-filter-none:before{ content: ''; position: absolute; top: 6px; left:1px; height: 18px; width: 18px; border-radius: 100%; background-image: url('/layout/webtool-sprite.png'); background-repeat: no-repeat; background-position:; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease; }
.filters-space .filters-filters .haqf-filter-none:before{ background-position:-18px 0; }
.filters-space .filters-filters .haqf-filter-all:hover,
.filters-space .filters-filters .haqf-filter-none:hover { opacity:0.8; }

.lvl0-header{ font-size: 16px; font-weight: bold; color: #FFF; line-height: 19px; padding: 13px 30px 13px 50px; background-color: #00aeef; position: relative; }
.lvl1-header{ font-size: 14px; font-weight: bold; color: #354049; line-height: 19px; padding: 9px 30px; background-color: #d9f3fd; }
.lvl1-content{ padding: 13px 30px; background-color: #d9f3fd; }
.lvl2-header{ font-size: 16px; font-weight: bold; color: #FFF; line-height: 19px; padding: 13px 30px; background-color: #354049; }
.lvl3-header{ font-size: 14px; font-weight: bold; color: #FFF; font-style: italic; line-height: 19px; padding: 13px 30px; background-color: #868c92; position: relative; }
.lvl4-header{ font-size: 14px; font-weight: bold; color: #354049; line-height: 19px; padding: 13px 30px; background-color: #f1f5f4; position: relative; }
.lvl4-content{ padding: 13px 30px; background-color: #f1f5f4; }

.ha-qf-levels { margin-left:0 !important; }

.ha-qf-levels .lvl0-header:before{ content: ''; display: block; position: absolute; top: 12px; left: 12px; height: 21px; width: 21px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.ha-qf-levels .lvl0-header-1:before{ background-image: url('/layout/filter-1.png'); }
.ha-qf-levels .lvl0-header-2:before{ background-image: url('/layout/filter-2.png'); }
.ha-qf-levels .lvl0-header-3:before{ background-image: url('/layout/filter-3.png'); }
.ha-qf-levels .lvl0-header-4:before{ background-image: url('/layout/filter-4.png'); }
.ha-qf-levels .lvl0-header-5:before{ background-image: url('/layout/filter-5.png'); }
.ha-qf-levels .lvl0-header-6:before{ background-image: url('/layout/filter-6.png'); }

.filter-blue-header{ display: inline-block; color: #00aeef; margin-right: 10px; }

.lvl0-header,
.lvl1-header,
.lvl3-header,
.lvl4-header{ cursor: pointer; }

.filters-header:after,
.lvl0-header:after,
.lvl3-header:after,
.lvl4-header:after,
.categorisation-table .ct-item .cti-header:after{ content: ''; position: absolute; top: 20px; right: 20px; background-image: url('/data/euhap/haqf-filter-white-arrow.png'); background-repeat: no-repeat; background-size: contain; background-position: top left; width: 12px; height: 8px;
-webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease; }
.lvl4-header:after{ background-image: url('/layout/haqf-filter-dark-arrow.png'); }
.filters-header:after,
.lvl0.active .lvl0-header:after,
.lvl3.active .lvl3-header:after,
.lvl4.active .lvl4-header:after,
.categorisation-table .ct-item.active .cti-header:after{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.hide-filters .filters-header:after{ -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }

.lvl1,
.lvl2,
.lvl4{ display: none; }

.lvl2{ margin: 10px 0; }

.lvl0{ margin-top: 1px; }
.lvl3{ margin-top: 1px; }
.lvl4{ margin-bottom: 2px; }

.lvl0 .lvl2:last-child{ margin-bottom: 20px; }

.lvl1-content{ display: none; }
.lvl4-content{ display: none; }

.big-blue-border-bottom{ border-bottom: 12px solid #00aeef; }
.haqf-tool-header{ font-size: 18px; font-weight: bold; line-height: 22px; padding: 12px 10px 12px 20px; cursor: pointer; }
.haqf-tool-header.haqf-tool-header-1{ background-color: #00aeef; color: #FFF; }
.haqf-tool-header.haqf-tool-header-2{ background-color: #354049; color: #FFF; }
.haqf-tool-header.haqf-tool-header-3{ background-color: #f07060; color: #FFF; }
.haqf-tool-header.haqf-tool-header-4{ background-color: #dcdcdc; color: #354049; }

.haqf-tool-excerpt{ display: none; }
.haqf-tool-excerpt.active{ display: block; }
.haqf-tool-excerpt .span10{ padding: 17px 10px; line-height: 1.3em; }
.haqf-tool-excerpt.haqf-tool-excerpt-1{ background-color: #00aeef; color: #FFF; }
.haqf-tool-excerpt.haqf-tool-excerpt-2{ background-color: #354049; color: #FFF; }
.haqf-tool-excerpt.haqf-tool-excerpt-3{ background-color: #f07060; color: #FFF; }
.haqf-tool-excerpt.haqf-tool-excerpt-4{ background-color: #dcdcdc; color: #354049; }

.haqf-tool-box{ padding: 30px 0; position: relative; }
.haqf-tool-box{ image-rendering: optimizeQuality; }
.haqf-tool-box .haqf-tool-info{ font-size: 16px; line-height: 20px; color: #00aeef; padding: 16px 0; border-bottom: 1px solid #49535b; }
.haqf-tool-box2{ padding: 30px 0; position: relative; }
.haqf-tool-box2{ image-rendering: optimizeQuality; }
.haqf-tool-box2 .haqf-tool-info{ font-size: 16px; line-height: 20px; color: #00aeef; padding: 16px 0; border-bottom: 1px solid #49535b; }
.haqf-tool-box:after{ content: ''; position: absolute; bottom: -20px; left: 50%; margin-left: -20px; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 20px; border-color: transparent transparent #f1f5f4 transparent; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease; }
.haqf-tool-box.active:after{ bottom: 0; }

.height-correct{height: 73px;}

.haqf-tool-info-change ul{margin-bottom: 20px;}
.haqf-tool-info-change{ padding: 18px 0; height: 115px; font-size: 14px; line-height: 1.3em; color: #000; display: none; }
.haqf-tool-info-change.active{ display: block; }

.haqf-webtool-content-section{ padding: 40px 0; background: #f1f5f4; }

.width-dark-cc-icon{ padding-left: 45px !important; position: relative; }
.width-dark-cc-icon:before{ content: ''; position: absolute; top: 2px; left: 0; background: url('/layout/cc-icon-dark.png') no-repeat top left; width: 32px; height: 32px; background-size: contain; }
.width-dark-cc-icon.haqf-cc:before { top:8px; }

.homepage-project-partners{ padding: 30px 0; border-bottom: 1px solid #e6e6e6; }
.homepage-project-partners h2{ font-size: 21px; color: #f07060; margin-bottom: 1em; }


/* DATABASE */
.database.row-fluid{margin-bottom: 20px;}
.database-item{background: #FFF; padding: 25px; position: relative;margin: 20px 0;}
.database-item:first-child{	margin-top: 40px;}
.database-item:last-child{margin-bottom: 40px;}
.database-item h2{ margin-top: 10px;font-size: 18px;}
.database-item .col-sm-2{min-height: 130px;}
.database-item .col-sm-2 a{
	display: block;
	width: 100%;
	border-color: #fff;    color: #fff;
	background-color: #35b0e4;     padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
  text-align: center;   cursor: pointer;  vertical-align: middle;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: auto;
}
.database-item a:hover{	text-decoration: none;cursor: pointer;}



.database-div{
	font-size: 14px;
	padding: 10px 16px;
	border: 1px solid white;
	background-color: #428bca;
	color: #fff;
	text-align: center;
	margin:3px;
	line-height: 1.33;
  border-radius: 6px;
	display: none;
}


.categorisation-table .ct-item{ margin-bottom: 5px; }
.categorisation-table .ct-item .cti-header {
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  line-height: 19px;
  padding: 13px 30px 13px 13px;
  background-color: #D72133;
  position: relative;
	cursor: pointer;
}
.categorisation-table .ct-item .cti-header h2{ margin: 0; color: #FFF; font-size: 16px; line-height: 19px; }

.categorisation-table .ct-item .cti-content{
	display: none;
  font-size: 14px;
  color: #354049;
  line-height: 1.3em;
	padding: 13px 30px;
  background-color: #f1f5f4;
  position: relative;
}
.categorisation-table .ct-item .cti-content .cti-section:not(:last-child){ padding-bottom: 13px; }
.categorisation-table .ct-item .cti-content .cti-section .ctis-name{
	font-weight: bold;
	display: inline-block;
    color: #D72133;
    margin-right: 10px;
}

@media screen and (min-width: 26.26rem) {
	.article-post--thumb img {
		min-width: 100%;
		min-height: 100%;
		width: 100%;
		height: auto;
		object-fit: cover;
	}
}