* {
  box-sizing: border-box;
}

body {
    margin-left: 25px;
	margin-right: 25px; 
	margin-top: 25px; 
  font-family: 'Arial';
}


.inputDiv { 
	background: #fff;
	width: 100%;
	margin: 25px auto;
}


input {
background-image: url('../images/lupa.png');
  background-position: 5px 10px;
  background-repeat: no-repeat;
  padding-right: 8px;
  font-size: 14px;
  padding: 8px 4px 8px 10px;
  border: 2px solid #cccccc;
  border-radius: 3px;
  margin-bottom: -1.2rem;
  margin-right: 6px;
}


input:focus {
background-image: none;
}


#data-table {
  width: 100%;
  margin: 25px auto;
  border-collapse: collapse;
  border-radius: 10px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.10),
     0px 10px 20px rgba(0,0,0,0.05),
     0px 20px 20px rgba(0,0,0,0.05),
     0px 30px 20px rgba(0,0,0,0.05);
	 border-radius: 10px;
	 table-layout:auto;
}

#data-table tr {
    font-size: 14px;
}

#data-table tr.header {
    background:rgb(238,221,198);;
    color:#555;
    text-transform: uppercase;
    font-size: 16px;
}

#data-table th{
  text-align: left;
	padding: 12px 10px 12px 10px;
    border: 1px solid #555;
    user-select: none;
}

#search-inputs-table td{
  text-align: left;
  padding: 12px 10px 12px 10px;
}


#data-table {
  display:block;
}


#data-table td {
  text-align: left;
  padding: 10px;
  color: #555;
  border: 1px solid #555;
}

	  
#data-table tr:hover {
    background: #f4f4f4;
  }

	  
#data-table tr.header:hover {
    background:rgb(238,221,198);
}
     
      
#data-table th {
  cursor: pointer;
}




#title-container {
  font-size: 26px;
  font-weight: bold;
  color:#555;
  text-transform: uppercase;
  margin-bottom: 15px;
  background:rgb(238,221,198);
  padding:20px;
  width: 100%;
  margin: auto;
  border:2px solid grey;
  border-radius: 15px 15px 15px 15px;
  box-shadow: 0px 0px 30px rgba(0,0,0,0.10),
     0px 0px 0px rgba(0,0,0,0.05),
     0px 20px 20px rgba(0,0,0,0.05),
     0px 0px 0px rgba(0,0,0,0.05);
	 border-radius: 10px;
  margin-bottom: 35px;
}

#title {
  font-size: 26px;
  font-weight: bold;
  margin:0px;
  margin-bottom:15px;
  text-shadow: 3px 3px 10px white;
}

#subtitle {
  font-size: 16px;
  font-weight: normal;
  font-style:italic;
  text-transform: initial;
}

#subtitle a {
  color:#555;
}



a.no-underline {
  text-decoration:none;
}

 #project-note {
  margin-top:10px;
}


#language-switch {
  height:40px;
  padding:10px;  
  margin-left:auto;
  margin-top:-25px;
  border:2px solid grey;
  border-radius: 10px 10px 10px 10px;
  cursor:pointer;
  text-decoration:none;
  background-color:white;
}



a {
  color:black;
}


#filters-container input[type=checkbox]:checked{
  background: #FFFF99;
}



input[type="checkbox"] { 
  filter: hue-rotate(180deg);
}


input:focus{
    outline: 2px solid #555;
}



th:first-of-type {
  border-top-left-radius: 10px;
}

th:last-of-type {
  border-top-right-radius: 10px;
}



#clear-filter{
  cursor: pointer;
  font-size: 16px;
  font-weight:bold;
  border: 2px solid #555;
  width:135px;
  height:40px;
  background-color: white;
  color:#555;
  border-radius: 10px;
  margin-top:40px;
  display:flex;
}

#clear-filter span{
    margin: 8px auto 8px auto; 
}


#clear-filter:hover,#language-switch:hover{
  background:rgb(238,221,198);
}








h2{
  color: #555;
  font-size: 16px;
  margin:auto;
  float:left;
  vertical-align:bottom;
}

#counter{
  color: #555;
  font-size: 26px;
  font-weight: bold;
  margin-right:60px;
  padding: 12px;
  border: 2px solid #555;
  border-radius: 10px;
  background:rgb(238,221,198);
  
}


#control-container{
  display:flex;
  margin: auto;
  margin-bottom: 10px;
  height:118px;
  background-image: url('../images/mapa.png');
  background-position:right;
  background-repeat:no-repeat;
  
}


.header-input{
  width:100%;
}



#filters-container, #languages-filter-container{
display: flex;

}



#languages-filter-container{
margin-left:auto;

}


.languages-filter-checkbox-div{
margin-left:20px;
}



.rs-container .rs-scale span ins {
    font-size: 16px;
    font-weight:bold;
}


.rs-tooltip{
    font-weight:bold;
    font-size: 16px;
    background:rgb(238,221,198);
    border-radius: 10px;
}


.rs-container{
margin:0px 32px 0px 32px;
}

.rs-container .rs-selected{
    background:rgb(238,221,198);
    border: 1px solid #555;
}


.rs-container .rs-scale span{
    display:none;
}




#slider-min-max-container{
    display:flex;
    font-weight:bold;
    margin:-20px 16px 15px 16px;
}

#slider-max{
   margin-left:auto;
}