.logo-title{
    margin:20px 0;
    display:flex;
    align-items: center;
}

#map {
    height: 500px;
    width: 100%;
    border:1px solid #ccc;
}
#prm-panel{
    margin:20px 0;
}
.radio-inline{
    padding-right:20px;
}
#map-tool{
    padding:20px 0;
}
#legend{
    float:right;
}
#ddlpanel{
    clear:both;
}
.ddl-menu {
    list-style-position: inside;
    margin: 0 0 2em;
    padding: 0;
}
.ddl-menu ul {
    list-style-position: inside;
    margin: 0.5em 0 1em 1em;
    padding: 0;
}
.ddl-menu li, .ddl-menu ul li {
    margin: 0 0 0.5em;
    padding: 0;
}
/* Attribution style*/

div.olControlAttribution{
	bottom:0;
	right:0;
    opacity:0.7;
    filter:alpha(opacity=70);
    background-color:#f5f5f5;
    font-size:13px;
    display:block;
    bottom:3px;
}
.short-attr{
	width:100px;
	padding:2px;
	text-align:center;
}

div#long-attr,#div#long-attr-ortho{
    padding:1px 5px;
    width:300px;
}
div#long-attr.openattr, div#long-attr-ortho.openattr{
    display:block;
    white-space:normal;
}
div#long-attr.closeattr, div#long-attr-ortho.closeattr{
    display:block;
    width:300px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}
.accordion-hat::after {
  content: "▲";
  display: inline-block;
  transition: none;
  margin-left: 0.3em;
  transform: rotate(0deg);
}

.panel-title a:not(.collapsed) .accordion-hat::after {
  transform: rotate(180deg);
}