#library div.TabLabelText{
margin: 4px;
width: 170px;
}
#library div.TabLabelText div.label{
border:2px solid rgba(199, 199, 255, .75);
background-color: rgba(77, 85, 96, .35);
color: rgba(255, 255, 255, .75);
width: 170px;
height: 30px;
line-height: 24px;
padding: 6px;
margin: 0;
font-size:24px;
text-align:center;
}
#library div.selected div.label{
border:2px solid #ffff00;
color: #ffff00;
}
@media screen and (max-width: 890px) {
#library div.TabLabel{
padding: 6px;
margin: 4px;
border:2px solid #fff;
background-color: rgba(28, 46, 50, .40);
flex-wrap: nowrap;
overflow-y: auto;
overflow-x: hidden;
min-width: 200px;
max-height: 420px;
border-radius: 0 15px 0 0;
}
#library div.Tabs.tabLabelRight.reverse {
border:0 solid #fff;
border-top:0;
height:auto;
flex-wrap: wrap-reverse;
}
#library .TabContent {
border:2px solid #fff;
background-color:rgba(22,22,22,0.2);
}
}
@media screen and (min-width: 890px) {
#library div.TabLabel{
padding: 6px;
margin: 4px;
border:2px solid #fff;
background-color: rgba(28, 46, 50, .40);
flex-wrap: nowrap;
width: 200px;
min-width: 200px;
overflow-y: auto;
overflow-x: hidden;
border-radius: 0 15px 0 0;
}
#library div.Tabs.tabLabelRight.reverse {
border:0 solid #fff;
border-top:0;
height:100%;
}
#library .TabContent {
border:2px solid #fff;
background-color:rgba(22,22,22,0.2);
overflow-y: auto;
overflow-x: hidden;
}
}