div {
	font-family:'Exo-2',Verdana,Arial;
}

/* Flex box define */
.accordion-list {
	position:absolute; top:10px; bottom:0px; left:10px; right:10px;
    display:flex;
    flex-direction:column;
    padding:0px;
     background:rgba(255,255,255,1);
}

.accordion-list:before {
	content: '';
	position:absolute; top:0px; bottom:0px; left:0px; right:10px;
    background:rgba(255,255,255,0.5); background-image:url('../../../images/logo_bright.png');
    background-repeat:no-repeat; background-position:center center; background-size:150px;
    opacity:0.5; 
}

.accordion-item {
	position:relative;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    width:100%;
    min-height:60px;
    max-height:60px;
    flex-grow:1;
    border:0px solid black; 
    border-width:0px 0px 0px 0px;
    box-sizing: border-box;
    overflow:auto;
}

.accordion-item-title {
	position:relative;
	top:0px; left:0px; right:0px; 
	height:50px; line-height:50px;
	padding:0px 20px 0px 20px;
	color:white;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
	background:#39A7B7;
	box-sizing: border-box;
	font-size:16px;
	overflow:hidden;
	cursor:pointer;
}

.accordion-item-title-active {
	background:#5EC1D3
}

.accordion-item-active {
    background-color:white;
    flex-grow:100;
    max-height:4000px;
}

.accordion-search {
	display:flex; flow-direction:row; justify-content:flex-end;
}

.accordion-search-invisible {
	display:none;
}

.search-input {
	
}

.list-item-hidden {
	display:none;
}

.for-input {
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.departure-row {
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    position:absolute; top:0px; left:0px; right:0px; height:0px; background-color:white; overflow:hidden;
}

.invisible {
	display:none;
}

.animated-element {
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.direction-shown {
	top:0px; margin:10px;
}

.direction-description {
	top:0px; height:100%; width:300px; right:-300px;
}

.direction-description-shown {
	right:0px;
}

.legend-button {
	position:absolute; top:-45px; right:10px; width:65px; height:30px; background:#5ec1d3; border-radius:15px; color:white; 
	overflow:hidden; text-align:left; -ms-overflow-style: none;
}

.legend-button::after {
	content: 'legenda';
	color: white;
	position:absolute; top:5px; left:5px;
}

.legend-button:hover {
	width:300px; height:350px; border-radius:5px; background:#5ec1d3;
}

.legend-button::after:hover {
	content:''
}

.stop-point {
	margin:10px; padding-left:20px; font-family:'Exo-2',Arial,Verdana; font-size:18px; color:#39a7b7; cursor:hand;
}

.stop-point:hover {
	color:#5ec1d3
}

.material-icons {
	opacity:0.8
}

.material-icons:hover {
	opacity:1
}

.list-row {
	width:100%; height:40px; line-height:40px; padding-left:20px; border:1px solid lightGrey; border-width:0px 0px 1px 0px; cursor:pointer;
	font-family:'Exo-2',Verdana,Arial
}

.list-row:hover {
	color:#5ec1d3
}

.departures-lack-info {
	position:absolute; top:0px; left:0px; width:100%; height:100px; line-height:100px; text-align:center; font-family:"Exo-2"; color:#5ec1d3; 
	display:block; background:white; font-size:30px;
}

.info-hidden {
	display:none;
}

.on-stop-point {
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0% {
    color: #5ec1d3;
  }
  100% {
    color: transparent;
  }
}

.direction-stop-point {
	color:grey;	cursor:pointer;
}

.direction-stop-point:hover {
	color: #5ec1d3;
}