#metadataContent {
    position: absolute;
    top: 120px;
    right: 0px;
    font-size: 12px;
    width: 27%;
    max-width: 350px;
    max-height: calc(80% - 200px);
    height: calc(80% - 200px);
    /* min-width: 330px; */
    border: 1px solid #5555553b;
    background: rgba(250, 250, 250, 0.9);
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 0 0 5px;
    z-index: 1000;
}

#chartsPanel {
    padding: 10px 10px 10px 10px;
}

.mapChart {
    padding: 5px 2px;
}

#metadataContent a.link-collapse-icon, #metadataContent button.link-collapse-icon {
    display: inline-block;
    background-size: 20px 20px;
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 3px solid #fff;
    height: 25px;
    margin-bottom: 0;
    padding: 0;
    position: absolute;
    top: -12px;
    right: auto;
    left: -15px;
    width: 25px;
    z-index: 5;
    cursor: pointer;
    outline: none;
}

#metadataContent a.icon-arrow-right, #metadataContent button.icon-arrow-right {
    background: url(../img/arrowhead-collapsed-white-right.png) no-repeat 2.5px 2px #c70d30;
}

#metadataContent a.icon-arrow-left, #metadataContent button.icon-arrow-left {
    background: url(../img/arrowhead-collapsed-white-left.png) no-repeat 2.5px 2px #c70d30;
}

#metadataContent a.link-collapse-icon:hover, #metadataContent button.link-collapse-icon:hover{
	background-color:#303641;
}