.infobox {
float:right;
color:#FFFFFF;
background:#EDEDED;
box-shadow:0 0 7px 0 rgba(0,0,0,0.5);
border-radius:6px;
}
.panel-bar{
background:#376492;
padding:.25em !important;
column-span: all;
border-radius: 6px 6px 0 0;
}
.title{
font-family: Roboto Slab;
font-size: 1.2em;
color: #FFFFFF;
padding: 10px;
text-align: center;
column-span:all;
}
.infoboxImage{
text-align: center;
}
.infobox .title, .infobox .label{
background:#06305B;
}
.infobox .row{
display:flex;
flex-direction:row;
}
.infobox .label{
padding:5px;
flex:1;
text-align:right;
vertical-align: top;
}
.infobox .content{
padding:5px;
flex:2;
background:#4e79a4;
text-align:left;
vertical-align: top;
}
.infobox .content a{
color:#9DEEFF !important;
}
@media (max-width:720px){
.infobox{
width:100%;
margin:5px 0 5px 0;
}
.tabber.infoboxTab{
width:100%;
}
}
@media (min-width:720px){
.infobox {
width:360px;
margin:5px;
}
}