#pasekbocznycointeiner {
    height: 700px;
    left: 10px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    width: 300px;
}

#pasekbocznycointeiner #pasekboczny {
    background-color: #F1F1F1;
    border: 1px solid #C7C7C7;
    float: left;
    height: 698px;
    width: 265px;
    position: sticky;
}

#pasekbocznycointeiner #pasekbocznyin {
    height: 623px;
    margin-top: 20px;
    width: 257px;
}

#pasekbocznystrzalka {
    display: inline-block;
    float: left;
    height: 150px;
    width: 33px;
}

.showhidepb {
    cursor: pointer;
    margin-top: 25px;
}

.pasekbocznynaglowek { margin: 18px 0 0 6px }

#pasekbocznycointeiner .pasekbocznynaglowek span {
    color: var(--main-color);
    font-family: Titillium Web;
    font-size: 20px;
}

#pasekbocznycointeiner .pasekbocznylinia {
    background-color: var(--main-color);
    border: 0;
    color: var(--main-color);
    float: left;
    height: 4px;
    margin: 0;
    width: 215px;
}

.pasekbocznyarrdow {
    float: left;
    height: 25px;
    margin-top: -10px;
    width: 25px;
}

.pbwiadomosc {
    float: left;
    margin: 0 0 0 8px;
    width: 150px;
}

#pasekbocznycointeiner .pbwiadomoscgodzina {
    color: var(--main-color);
    font-size: 13px;
    margin: 0
}

.pbwiadomosctytul {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--main-color);
    cursor: pointer;
    display: -webkit-box;
    font-family: Titillium Web;
    font-size: 14px;
    line-height: 21px;
    margin: 0;
    max-height: 42px;
    overflow: hidden;
    padding-bottom: 1px;
    text-overflow: ellipsis;
}

.pbwiadomosctag {
    color: var(--main-color);
    cursor: pointer;
    font-size: 13px;
    margin: 6px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

.pbwiadomoscfoto {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    float: right;
    height: 57px;
    width: 57px;
}

#pasekbocznycointeiner .pbwiadomoscpasek {
    background-color: #BABABA;
    border: 0;
    color: #BABABA;
    float: left;
    height: 1px;
    margin: 5px 0 10px 11px;
    width: 237px;
}

#pasekbocznycointeiner.narrow { width: 230px }

#pasekbocznycointeiner.narrow #pasekboczny { width: 195px }

#pasekbocznycointeiner.narrow #pasekbocznyin { width: 190px }

#pasekbocznycointeiner.narrow .pasekbocznynaglowek span { font-size: 16px }

#pasekbocznycointeiner.narrow .pasekbocznylinia { width: 155px }

#pasekbocznycointeiner.narrow .pbwiadomoscgodzina {
    font-size: 13px;
    font-size: 13px;
    max-height: 15px;
    max-height: 15px;
    word-break: break-all;
    word-break: break-all
}

#pasekbocznycointeiner.narrow .pbwiadomoscpasek { width: 177px }