/* Drużyny - lista graczy w kolorowej ramce */

.zadania-cont .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}

.zadania-cont .row > .zadania-col {
    display: flex;
    padding: 0;
}

.druzyna {
    width: 100%;
    padding: 12px 22px 18px 22px;
    margin-bottom: 0;
    border-right: none !important;
    background: #0e0e0e;
    display: flex;
    flex-direction: column;
}

/* Kolorowy pasek po lewej kazdej kolumny - zawsze pelna wysokosc */
.left-zadania.druzyna {
    border-left-width: 22px;
    border-left-style: solid;
}

.druzyna-zieloni    { border-left-color: #27ae60; }
.druzyna-niebiescy  { border-left-color: #2980b9; }
.druzyna-czerwoni   { border-left-color: #c0392b; }
.druzyna-zolci      { border-left-color: #f1c40f; }

.druzyna-title-zieloni    { color: #6fdc8c; }
.druzyna-title-niebiescy  { color: #5dade2; }
.druzyna-title-czerwoni   { color: #e74c3c; }
.druzyna-title-zolci      { color: #f4d03f; }

.druzyna .zadania-title {
    text-align: center;
    width: 100%;
    margin: 4px 0 6px 0;
    float: none;
}

.druzyna-lista {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    flex: 1;
}

.druzyna-lista li {
    display: flex;
    align-items: center;
    padding: 7px 4px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    font-size: 14px;
    color: #fff;
}

.druzyna-lista li:last-child {
    border-bottom: none;
}

.druzyna-lista .avatar {
    width: 28px;
    height: 28px;
    margin-right: 10px;
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    flex-shrink: 0;
}

.druzyna-lista .nick {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.druzyna-lista .ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: 4px;
    border-radius: 3px;
    flex-shrink: 0;
    transition: opacity .15s;
}

.druzyna-lista .ico svg {
    width: 16px;
    height: 16px;
    fill: #fff;
    display: block;
}

.druzyna-lista .ico-yt { background: #cc181e; }
.druzyna-lista .ico-tw { background: #6441a5; }

.druzyna-lista .ico:hover {
    opacity: .75;
}

@media (max-width: 991px) {
    .zadania-cont .row {
        display: block;
    }
    .zadania-cont .row > .zadania-col {
        display: block;
        margin-bottom: 18px;
    }
}