.chartDiscogs {
    float: left;
    width: 160px;
}

    .chartDiscogs div {
        /* */
    }

    .chartDiscogs a {
        /* */
    }

        .chartDiscogs a img {
            /* */
        }

.chartHistory {
    float: right;
    width: 430px;
}

    .chartHistory div {
        font-size: x-small;
    }

    .chartHistory .chartType {
        font-weight: bold;
        /* background-color: black; */
        color: rgba(236, 228, 210, 0.9);
        background-color: rgba(0, 0, 10, 0.8);
        padding: 2px;
    }

    .chartHistory .chartSong {
        font-size: small;
        font-weight: bold;
        margin-left: 5px;
    }

        .chartHistory .chartSong span {
            font-size: smaller;
            font-weight: normal;
        }

    .chartHistory .chartLastPoll {
        margin-left: 15px;
    }

    .chartHistory .chartModerated {
        margin-left: 15px;
        color: red;
    }

h3.ChartHeader a {
    color: rgba(236, 228, 210, 0.9);
}

h3.ChartHeader {
    font-size: 1.1rem;
    font-style: oblique 90deg;
    color: rgba(236, 228, 210, 0.9);
    background-color: rgba(0, 0, 10, 0.8);
    font-weight: bold;
    text-align: left;
    height: 1.25rem;
    line-height: 1.20rem;
    padding-left: 4px;
    margin-top: 1.0rem;
    margin-bottom: 1rem;
    transform: scale(1.1,2.0);
    width: 285px;
    margin-left: 22px;
}
.mainArticleFrame {
    overflow: visible !important;
}
.bravo-bkg {
    background-image: url("/img/BravoFakturaStrony.jpg");
    background-size: 100%;
    /* background:url("/img/lightpaperfibers.png") repeat top center; */
    padding: 2rem;
    margin-right: 0px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #212529;
    text-align: left;
    filter: blur(0.45px);
}

    .bravo-bkg .border-bottom {
        border-bottom: 1.5px solid #343a40 !important;
    }

    .bravo-bkg .border-top {
        border-top: 1.5px solid #343a40 !important;
    }

    .bravo-bkg .border-right {
        border-right: 1.5px solid #343a40 !important;
    }

    .bravo-bkg .col-sm-6 {
        padding-right: 0px;
        padding-left: 0px;
    }

.songChartTooltip {
    display: none;
    width: 600px;
    background-image: url(/img/BravoFakturaStrony.jpg);
    box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
    position: absolute;
    z-index: 1;
    border: 1px solid gray;
    padding: 4px;
}

    .songChartTooltip img {
        width: 150px;
        margin: 3px;
        border: 1px solid black;
    }

    .songChartTooltip:hover,
    .songChart:hover + .songChartTooltip {
        display: flex;
        /*display: block;*/
    }

.bravo-bkg h2 {
    font-size: 1.8rem;
}

.songChartTitle {
    font-size: 20px;
    font-weight: 700;
    transform: scale(0.7,1);
    width: 385px;
    margin-left: -76px;
    margin-top: -2px;
}

.songChartArtist {
    font-size: 11px;
    font-weight: 900;
    transform: scale(1.2,1);
    margin-left: 4px;
    margin-top: -1px;
    margin-bottom: 1px;
}

.songChartRank {
    font-size: 20px;
    font-weight: 900;
    transform: scale(1.25,1);
    width: 20px;
    margin-left: -10px;
    margin-top: -2px;
}

.songChartInfo {
    font-size: 10px;
    font-weight: 500;
    margin-left: -14px;
    margin-top: -1px;
    margin-bottom: 1px;
}

img.bravo-bkg {
    opacity: 0.7;
}

.nowosc {
    background-color: rgba(221, 130, 119, 0.7);
}

.czerownytytul {
    color: rgba(183, 42, 38, 0.8);
    font-weight: bolder;
}