:root{
	--main-color:#186FEA;
	--second-color:#1376CD;
	--third-color:#338DE7;
	--hover-color:#69ABED3D;
}
.btn-primary {
	background-color: var(--main-color);
	border-color: var(--main-color);
}
.btn-primary:hover{
	background-color: var(--second-color);
	border-color: var(--second-color)
}
.btn-primary:focus{
	box-shadow: 0 0 0 .25rem var(--hover-color);
	background-color: var(--main-color);
	border-color: var(--main-color);
}
.btn-outline-primary {
	color: var(--main-color);
	border-color: var(--main-color);
}
.accordion-button:focus{
	border-color:var(--third-color);
	box-shadow:0 0 0 .25rem var(--main-color);
}
.accordion-button:not(.collapsed) {
	background-color: var(--hover-color);
	color: var(--second-color)
}
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.btn-outline-primary:hover {
	background-color: var(--second-color);
	border-color: var(--second-color);
}
.bg-info {
	background-color: var(--third-color) !important;
}
.dropdown-item.active{
	background-color: var(--main-color)
}
.dropdown-item:hover{
	background-color: var(--third-color)
}
.dropdown-item:focus{
	box-shadow: 0 0 0 .25rem var(--hover-color);
	background-color: var(--main-color);
	border-color: var(--main-color);
}
.yasr_btn.selected {
	color: var(--main-color) !important;
	fill: var(--main-color) !important;
	border-bottom: 2px solid var(--main-color) !important;
}
body a {
	color: var(--main-color);
}
body a:hover {
	color: var(--second-color);
}
.form-check-input:checked {
	color: white;
	background-color: var(--main-color);
	border-color: var(--second-color);
}
.form-check-input:focus {
	border-color: var(--third-color);
	box-shadow: 0 0 0 .25rem var(--hover-color);
}

input.awesomplete {
	margin-top:0.75rem !important;
}
.home-presentation > h1{
	font-weight: bold;
	margin-bottom:2rem;
}
.home-text{
	display:initial;
}
.home-link{
	margin-top:2rem;
	margin-bottom:2rem;
	padding-right:2.5rem;
}
.home-link > h4{
	font-weight:bold;
}
.home-presentation > h2{
	font-weight: bold;
}
.datamodel > h2 {
	font-weight: bold;
}
.button-home{
	margin-top:0.5rem;
	margin-left:0.75rem;
	margin-bottom:-0.5rem;
}
.home-paragraph{
	margin-top:1rem;
}
.illustration {
	text-align: center;
	margin-top:1rem;
}
.illustration > a > img {
	vertical-align: middle;
}
body {
	font-family: Roboto,sans-serif;
}

#title {
	margin-left: 10% ;
	margin-bottom: 2% ;
	margin-top:2%;
}
#sparnatural {
	width:100% !important;
}
#graphs {
	margin-bottom: 1%;				
}

#langMenuLink {
	display: inline-flex;
	align-items: center;
}
#langMenuSelect{
	display: inline-flex;
	margin-left : 0.25rem;
	margin-right : 0.25rem;
}

.graph {
	width: 25%;
	margin-bottom: 2%;				
}

.graphCheck {
	margin-left: 10%;
	margin-top:5%;	
}
			
label.form-check-label {
	width:80%;	
}

.graphButton {
	padding-left:5%;
}

#toggle-section{
	color: var(--main-color);
	margin-bottom: 1%;
	margin-left: 1%;
}

.accordion-icn {
	margin-right: 1rem;
	margin-top:0.30rem;
	align-items: left;
	justify-content: center;
}
.accordion-icn-spatial {
	margin-left: 0.25rem;
	margin-right: 1.25rem;
}

.accordion-body br {
	line-height: 0.65rem;
	
}

#error-message {
	display: none;
	font-size: 1.5rem;
	margin-left: 30%;
  	margin-bottom: 2%;
  	margin-top: 2%;
}

.navbar { 
	margin-bottom:2.5%;
	display:flex;
  	justify-content: space-between;
  	font-family: Roboto,sans-serif;
	background: linear-gradient(90deg, var(--second-color) 0%, var(--main-color) 75%, var(--third-color) 90%);
	flex-direction: row;
}

.navbar-brand {
	padding-top: .3125rem;
	padding-bottom: .3125rem;
	margin-right: 1rem;
	margin-left: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
  }

.navbar-brand img{
	display:inline-flex;
}

.navbar-title {
	display:inline-flex;
	white-space: pre-line;
	margin-left: 1rem;
	text-align:center;
	font-weight: bold;
}

.nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
	font-weight: bold;
	color:rgb(0, 0, 0) !important;
}
.navbar-nav {
	display:flex;
	align-items: center;
	justify-content: center;
}
.nav-page {
	margin-left: 2.5rem;
	padding-right: 1rem;
    padding-left: 1rem;
  }

.nav-item.active {
	background-color: rgba(0,0,0,.1);
	border-radius: 0.35rem;
}

.dropdown-item-catalog {
	font-weight: bold;
	
}
#catalog-menu {
	border-width: medium;
}

.nav-flex-icons {
	margin-left: auto;
	margin-right:3rem;
}
.accordion-content {
	display:flex;
	margin-top:0.5rem;
}
.accordion-content-text {
	overflow-wrap:anywhere;
}

summary {
	font-size: 2.0em;
	font-weight: bold;
	margin-bottom: 1%;
}
			
#checkall {
	display:table;
	bottom:0;
    right:0;
	margin-left : auto;
	margin-right:1%;
	font-size: 1.0em;
	margin-bottom: 1%;
	
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
}
#loading-dataset{
	float:inline-end;
	margin-top:0.5rem

}			
.block {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
	border-top-left-radius: calc(-1px + 0.25rem);
	border-top-right-radius: calc(-1px + 0.25rem);
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	padding: .75rem 1.25rem;
	margin-bottom: 1%;
	background-color: #fbfbfb;
	border-bottom: 1px solid rgba(0,0,0,.125);
}
			
#list-checked-graphs {
	font-size: 0.5em;
	font-style: italic;
	font-weight: normal;
}
.block-title {
	display: inline-flex;
	margin-left:0.75rem;
}
#queries-form{
	margin-left:auto;
	width:40%;
	margin-top: -1.75rem;
	margin-right: 1.25rem;
}
footer {
  font-size: 0.8em;
  padding-top: 2em;
  padding-bottom: 2em;
  color: #B0B0B0;
  text-align: center;
}

.dataset-content {
	display:flex;
	font-size:1.10em;
}


.dataset-content-value{
	width:60%;
	padding-left:0.25rem
}
.dataset-content-title {
	font-weight: bold;
	display:flex;
}

#description-dataset-content {
	font-size:1.20em;
}
#source-dataset {
	margin-top: 0.25rem;
	margin-bottom:1rem;
}
#modified-dataset{
	margin-top: 0.25rem;
	margin-bottom:1rem;
}
#publisher-dataset{
	margin-top: 0.25rem;
	margin-bottom:1rem;
}
#period-dataset{
	margin-top: 0.25rem;
	margin-bottom:1rem;
}
#spatial-dataset{
	margin-bottom:1rem;
}
#keyword-dataset{
	margin-bottom:1rem;
}
#button-dataset{
	display:table;
	bottom:0;
    right:0;
	margin-left : auto;
	margin-right:1.25rem;
	margin-bottom:1.0rem;
	border-color: var(--main-color);
	text-decoration:none;
}
#download-button {
	font-size:0.95em;
	font-weight: bold;
	text-decoration:none;
	color: white;
}
#download-menu {
	margin-left:32% !important;
}

#loading-button{
	margin-left:2%;
}
.download-item{
	font-weight: bold;
	cursor: pointer;
}
#content-button{
	margin-right:1rem;
	margin-bottom:0.5rem;
	font-size:0.95em;
	font-weight: bold;
	text-decoration:none;
	color: white;
	
	
}
.button-text{
	font-size:1.10em;
	font-weight: bold;
	text-decoration:none;
	color: white;
}
#block-catalog{
	background-color: #ffffff;
}
.catalog-title{
	font-size:2.0rem;
	font-weight: bold;
	
}
#catalog-metadata{
	display: inline-flex;
	margin-top: 1em;
}
#button-model{
		margin-right:1rem;
		font-weight:bold;
		margin-bottom: 1rem;
		margin-top: 0.5rem;
		width:82%;
		display:inline-flex;
		font-size:0.9em;
		
}
#button-model::after{
	margin-top:inherit;
}
#button-model-text{
	text-wrap:auto
}

#button-jsonld{
		margin-right:1rem;
		font-size: 1.0em;
		font-weight:bold;
		margin-bottom: 1rem;
		margin-top: 1.5rem;
		width:100%;
		padding-right:3rem;
}
#button-jsonld-text{
	font-weight: bold;
}
.oa-model-item {
	cursor: pointer;
	font-weight: bold;
}
#description-catalog{
	white-space: pre-wrap;
	text-align: justify;
	left:0;
	width: 85%;
	margin-right: 2.0em;

}
.catalog-content{
	display:flex;
	margin-top: 1.5rem;
	padding-left:1.5rem;
	
}
.catalog-content-title{
	font-weight: bold;
}
.catalog-content-value{
	margin-left:0.5em;
}

#block2-catalog{
	background-color: #ffffff;
}
#block-dataset-list{
	display: inline-flex;
	width:100%;	
}

#filter-catalog{
	margin-top:2rem;
	width:35%;
	top:1rem;
	border-radius:10px;
	height:min-content;
	
}
.filter-title{
	font-weight: bold;
}
.dataset-list{
	margin-top:2rem;
	border-top-style: solid !important;
	border-top-width: 1px !important;
	border-radius: 10px !important;
	cursor:pointer;
}
.dataset-list-metadata{
	display:flex;
}
#list-catalog{
	position:relative;
	width:75%;
	right:0;
	margin-left: 1.5rem;
}
.dataset-list-title{
	font-weight: bold;
}
.dataset-list-metadata-title{
	font-weight: bold;

}
.dataset-list-description{
	text-align: justify;
	margin-right:2rem;
	width:70%;
}
.dataset-list-metadata-content{
	margin-left:0.25rem;
}
.dataset-list-type{
	font-weight:bold;
	font-style:italic;
}
.filter-element{
	margin-left:0.25rem ;
	margin-right: 0.25rem;
	margin-top:0.25rem;
	margin-bottom:0.25rem;
	border-radius: 10px !important;
	padding-block:0.05rem;

}
.filter-part{
	margin-bottom:1rem;
}

#keyword-filter-list{
	margin-top:1rem;
}

.filter-more{
	margin-top:1rem;
	margin-left:16rem;
	font-size:smaller;
	font-weight:bold;
	color:#ffffff;
	padding-block:0.025rem;
}

#clear-filters-btn{
	margin-left: 6rem;
	font-weight: bold;
	font-size: smaller;
  }

.card-title {
	display:initial;
	font-weight: bold;
}

#endpoint-list > small {
	margin-left:1rem;
	margin-bottom: 1.5rem;
}

#endpoint-link {
	margin-bottom: 1rem;
	margin-top:1rem;
}

.card {
	margin-bottom: 2rem;
	border-radius : 2rem;
}

.yasqe {
	margin-top:0.2rem;
}