.isochrone-container {
  display: flex;
  flex-direction: column;
  /* margin: 10px; */
  /* border: thin solid #ddd; */
  font-size: 14px;
}

.isochrone-container >
.isochrone-header {
  display: none;
  flex: 0 0 auto;
  align-items: center;
  height: 10%;
  padding: 10px;
}

.isochrone-container >
.isochrone-header >
i {
  font-size: 20px;
  margin-right: 5px;
}

.isochrone-container >
.isochrone-content {
  flex: 0 0 auto;
  height: 80%;
  /* border-top: 1px solid #ddd; */
}

.isochrone-container >
.isochrone-content > 
.isochrone-content-block {
  padding: 5px;
  border: 1px solid lightgrey;
}

.isochrone-container >
.isochrone-content > 
.isochrone-content-block label {
    font-weight: bold;
}

.isochrone-container >
.isochrone-content >
.isochrone-content-block > 
.content-section {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: 100%;
  min-height: 50px;
  padding: 5px 10px 0 10px;
  flex-wrap: wrap;
}

.isochrone-container >
.isochrone-content >
.content-section:first-child {
  padding: 5px 10px 0 10px;
}


.isochrone-container >
.isochrone-content >
.content-section:last-child {
  padding: 0 7px 7px;
  border: 1px solid lightgrey;
}

.isochrone-container >
.isochrone-content >
.content-section.chips-section {
  padding-bottom: 0px;
}

.isochrone-container >
.isochrone-content >
.isochrone-content-block > 
.content-section > span:first-child{
  display: block;
  width: 100%;
  font-weight: 700;
}
.isochrone-content >
.content-section > span.address-content{
  font-weight: 300;
  border-bottom: 1px solid  #9e9e9e;
  height: 70px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 240px;
  padding: 0 15px 0 10px;
}

.isochrone-content >
.content-section > span.address-content i.fa-spinner{
   margin-left: 100px;
   margin-top: 5px;
   font-size: 30px;
   color: #ddd;

   }

.isochrone-content >
.content-section >
span.address-content:hover{
  cursor: text;
}

.isochrone-content >
.content-section >
a.calculate-isochrony-btn {
  width: 100%;
  margin: 5px 0 0 0;
}

.isochrone-content >
.content-section >
a.calculate-isochrony-btn >
i {
  float: left;
}

.isochrone-content .location-filter-input{

font-weight: 300;

font-size: 14px;

padding: 0 15px 0 5px;

height: 69px;

width: 240px;

margin: 0;

/* word-wrap: normal; */
}

.isochrone-content >
.content-section >
div.collection{
  /* margin-top: 106px; */
  font-size: 12px;
  max-height: 140px;
  overflow: auto;
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  margin-bottom: 10px;
  position: absolute;
  width: 240px;
  z-index: 2;
  top: 179px;
}

.isochrone-content >
.content-section >
div.collection .collection-item{
  padding: 3px;
}

.isochrone-content >
.content-section >
div.collection a.collection-item {
  color: #4e4e4e;
  font-weight: 300;
}

.isochrone-content >
.content-section > span{
  margin: 0;
}

.isochrone-content >
.content-section > .btn {
  margin: 5px;
}

.isochrone-content >
.content-section > .btn i {
  margin: 0;
}

.isochrone-content >
.content-section > .btn.active {
  color: rgb(148, 190, 32);
}

.isochrone-content-block >
.content-section > input[type=text] {
  margin: 5px;
  max-width: calc(50% - 45px);
  padding: 0 3px;
  font-weight: 300;
  height: 30px;
  margin-bottom: 5px;
  font-size: 14px;
}

.isochrone-content-block input.coordinates-input {
  margin: 5px;
  max-width: calc(50% - 20px);
  padding: 0 3px;
  font-weight: 300;
  height: 30px;
  margin-bottom: 5px;
  font-size: 14px;
}


.isochrone-content >
.content-section > .chips-list {
  width: 100%;
  margin: 0;
}

.isochrone-content i.address-searching {
  margin: 5px;
  position: absolute;
  top: 5px;
  right: -20px;
}

.isochrone-container >
.isochrone-footer {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  /* height: 10%; */
  justify-content: center;
  border-top: 1px solid #ddd;
  padding: 10px;
}

.isochrone-container >
.isochrone-footer >
a.btn{
  margin: 5px;
}

.chips-list-warning {
  color: #f44336;
}

.chips-section >
.chips-list >
.chip-item {
  margin: 0 8px 8px 0;
}

span.address-content {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.isochrone-content .location-suggestions {
  z-index: 1000;
  position: absolute;
  width: 240px;
  max-height: 275px;
  overflow-y: auto;
  font-size: smaller;
}
.isochrone-content .location-suggestions .collection-item {
    padding: 5px 10px;
}