.logo-title{
    vertical-align: middle;
    padding:20px;
}

#map {
    height: 700px;
    width: 100%;
    border:1px solid #ccc;
}
#prm-panel{
    margin:20px 0;
}
#prm-detail-panel{
    display: flex;
}
#prm-detail-panel div:first-child, #prm-detail-panel div:nth-child(2){
    margin-right: 10px;
}
.radio-inline{
    padding-right:20px;
}
#map-tool{
    min-width: min-content;
    padding:20px 0;
}
div#view-select-menu{
    float:left;
}
div#view-select-button{
    float: right;
    padding-left: 25px;
}
.view-select-label{
    font-weight: normal;
}
#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;
}

div#reference{
  text-align:left;
  margin:20px 0;
}
#footer{
  clear:both;
    border-top:4px solid #005aaa;
    padding:10px 15px 40px 15px;
    color:#999;
}
#copyright{
  text-align:left;
  float:left;
}
#footer a{
  text-align:right;
  float:right;
}

div#questionnare{
    background-color: yellow;
    font-size: 18px;
    font-weight: bold;
    width: fit-content;
}