/* INSERT app_metadata -> elementVar -> css(text/css) */

#app_metadata {
float: left;
position: relative;
box-sizing: border-box;
font-family: Helvetica,Roboto,Arial,sans-serif;
color: #777;
font-style: normal;
font-weight:700;
letter-spacing: 1px;
padding-right:10px;
line-height: 50px;
display: block;
cursor:pointer;
margin-left: 20px;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
height:51px;
}

#app_metadata:hover {
color:#333;
background-color: #EEE;
}



.appMetadataContainerOpened svg {
transform: rotate(0deg) !important;
}

#app_metadata svg {
padding: 0px 5px;
margin: 16px auto;
}
#app_metadata svg, #appMetadataLogo, #appMetadataTitle {
position:relative;
float:left;
}

#appMetadataLogo {
width:100px;
top:0;
bottom:0;
position:absolute;
}
#appMetadataLogo img {
max-height:49px;
max-width:100px;
border:none;
margin: auto 0;
top: 0;
bottom: 0;
position: absolute;
right: 0;
}

#appMetadataTitle{
max-width: calc(100vw - 664px);
max-height: 50px;
overflow:hidden;
margin-left:110px;
}

#appMetadataContainer{
margin-top: 52px;
width: 452px;
padding: 5px;
list-style-type: none;
position: absolute;
display: none;
max-height:150px;
box-shadow: 0px 5px 10px -2px rgb(201, 202, 202);
overflow: hidden;
background-color:white;
border-left: 2px solid #DDD;
border-right: 2px solid #DDD;
margin-left: -3px;
box-sizing: border-box;
border-bottom:2px solid #DDD;
overflow-y: auto;
font-size:12px;
font-weight:normal;
line-height:15px;
}
#appMetadataContainer br {margin-top: 5px;display: block;}

.appMetadataContainerOpened {
background-color: #EEE;
color:#333 !important;
border-left: 2px solid #DDD !important;
border-right: 2px solid #DDD !important;
}

@media (max-width: 968px) {
#app_metadata{line-height:25px;font-weight:normal;}
#appMetadataTitle{width: calc(100vw - 672px);}
#appMetadataContainer{width: calc(100vw - 519px);min-width:238px;max-height:150px;}
}
@media (max-width: 820px) {
#appMetadataTitle{display:none;}
#app_metadata svg{float:right !important;}
#app_metadata{width:150px;}
#appMetadataContainer{width:238px;max-height:300px;}
}

@media (max-width: 675px) {
#app_metadata{display:none;}
}

/* END INSERT app_metadata-> elementVar -> css(text/css) */