#map {
    width: 100%; 
    height: 320px;    
}

.ui-state-highlight {
    height: 100px;
}

.empty {
    display: none !important;
    visibility: hidden !important;
}
/* Rank panel */
.qf-row-1 {
    display: flex;
    justify-content: space-evenly;
}
.qf-row-1 > div,
.qf-row-2 > div {
    padding: 15px;
    vertical-align: top;
    text-align: center;
}
.qf {
    text-align: center;
}
.qf .rank-val {
    font-size: 20px;
}
.qf .xsmall {
    font-size: 16px;
}
.qf-chart {
    margin: 5px 0 5px 0;
    vertical-align: bottom;
    height: 30px;
}
.qf-bar {   
    vertical-align: bottom;
    display: inline-block;
    width: 30px;
}
.qf-bar-left {
    margin-right: 5px;
    background-color: #3A87AD;
}
.qf-bar-right {
    background-color: #BBB;
}

/* Score panel */
.panel-score, .panel-bb-score {
    padding: 0;
    text-align: center;
    border-style: dashed;
}
.panel-bb-score {
    background: #F9F5D1;
}
.panel-score > div:first-child, .panel-bb-score > div:first-child {
    padding: 10px;
    margin: 0;
}
.score-title {
    font-size: 115%;
}
.panel-bb-score .score-val {
    font-size: 150%;
    padding-bottom: 10px;
}
.panel-score .score-val {
    font-size: 150%;
    border-bottom: 1px solid #EEE;
    padding-bottom: 10px;
}
.score-col {
    margin-top: 10px;
    display: inline-block;
    width: 50%;
}
.score-stars {
    font-size: 115%;
}
.score-stars-VeryPoor {
    color: #C00;
}
.score-stars-Poor {
    color: #F89A37;
}
.score-stars-Fair {
    color: #A0CB85;
}
.score-stars-Good {
    color: #40A132;
}
.score-stars-VeryGood {
    color: #1C7B23;
}
.score-stars-NA {
    color: #CCC;
}
.score-comment-condensed {
    font-size: 80%;
    text-align: center;
    border-top: 1px solid #EEE;
    margin-top: 8px;
    padding-top: 10px;
}
.score-comment-condensed > span {
    padding: 2px 4px 2px 4px;
    border-radius: 2px;
    margin-right: 3px;
}
.score-comment-condensed > span:last-child {
    margin-right: 0;
}
.score-comment {
    font-size: 80%;
    text-align: center;
    padding: 3px 6px 3px 6px;
    border-radius: 2px;
}
.score-comment-VeryPoor {
    color: #FFF;
    background-color: #C00;
}
.score-comment-Poor {
    color: #FFF;
    background-color: #F89A37;
}
.score-comment-Fair {
    color: #FFF;
    background-color: #A0CB85;
}
.score-comment-Good {
    color: #FFF;
    background-color: #40A132;
}
.score-comment-VeryGood {
    color: #FFF;
    background-color: #1C7B23;
}
.score-comment-NA {
    color: #FFF;
    background-color: #CCC;
}

.sv-table tr td {
    padding: 2px 0px 0px 5px;
    vertical-align: top;
}

.loading-anim {
    text-align: center;
    margin-top: 4em;
    color: #337AB7;
}

.more500 h1, .more500 h2, .more500 h3, .more500 h4 {
    font-size: 14px;
    font-weight: bold;
}

@media(max-width: 768px) {
    .more500 h1, .more500 h2, .more500 h3, .more500 h4 {
        font-size: 80%;
    }
    .panel-title small{
        display:none;
    }
}
@media(max-width: 992px) {
    .more500 h1, .more500 h2, .more500 h3, .more500 h4 {
        font-size: 100%;
    }
}

.management-review{
    max-height: 200px;
    overflow: scroll;
    overflow-x: hidden;
}

/* allowed html tags from xbrl ie user created that must be styled. Other allowed user created tags (table,div,p,etc.) do not need to be styled */
.management-review h1, .management-review h2, .management-review h3, .management-review h4, .management-review h5, 
.management-review strong,
.management-review b
{ 
    font-size: 14px !important;
    font-weight: bold !important;
}

/* h6 only allowed for Bisbase (used to highlight the individual 'review-sections') */
.management-review h6{
    font-size: 15px;
    font-weight: bold;
}
.management-review h6:not(:first-child) {
    margin-top: 25px;
}


@media(min-width: 844px) {
    .right-col .score-comment {
        font-size: 70%;
    }
    .left-col .score-col {
        font-size: 80%;
        display: block;
        border: none !important;
        width: 100%;
    }
    .left-col .score-col .small {
        font-size: 105%;
    }
    .right-col .score-col .small {
        font-size: 65%;
    }
}
@media (max-width: 1320px) and (min-width: 768px) {
    .right-col .panel-score .score-col {
        font-size: 90%;
        border: none;
    }
    .score-col{
        width: 50%;
    }
    .score-title {
        font-size: 90%;
    }
    .score-val {
        font-size: 80%;
    }
    .score-comment {
        font-size: 70%;
    }
    .panel-score > div:first-child {
        padding: 7px;
    }
    .small {
        font-size: 80%;
    }
    .right-col .panel[data-bb-panel-id="ScoreRank"] .col-xs-12, .left-col .panel[data-bb-panel-id="ScoreRank"] .col-xs-12 {
        padding: 5px;
    }
}           

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}