#header {
    border: 2px solid #5B7E91;
    background-color: #FFFFFF;
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

#tinfo {
    padding: 20px;
    width: 60%;
    float: left;
}

#choise {
    padding: 3px;
    width: 35%;
    float: right;
    text-align: center;
    font-size: small;
    font-weight: bolder;
}

    #choise select {
        width: 100%;
        margin-top: 3px;
        margin-bottom: 3px;
        font-size: small;
    }

.blacklist {
    border: 2px solid #5B7E91;
    background-color: #FFFFFF;
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

    .blacklist h1 {
        color: #ff2525;
        padding: 3px;
        text-align: center;
        font-size: large;
    }

    .blacklist p {
        margin-left: 8px;
        font-size: 18px;
        text-align: center;
    }

.tinfo h1 {
    border-style: none none solid none;
    border-width: 2px;
    border-color: #8A93AC;
    padding: 3px;
    text-align: center;
    font-size: large;
}

.tinfo p {
    font-size: small;
    font-family: 'trebuchet MS';
    font-weight: bolder;
    margin: 3px;
    clear: both;
}

.item {
    padding: 4px;
    margin-bottom: 8px;
    margin-right: 8px;
    margin-left: 8px;
}

    .item h1 {
        border-bottom-style: solid;
        border-width: 2px;
        border-color: #455B65;
        margin-bottom: 10px;
        text-align: center;
        font-size: medium;
        color: #3F506B;
        margin-top: 10px;
    }

p.inf {
    padding: 10px 5px 10px 20px;
    border: 1px solid #FEECD6;
    color: #52535F;
    font-family: Tahoma;
    text-indent: 15px;
    text-align: justify;
    background-color: #FEFDF5;
    background-image: url('../../photos/images/inf.png');
    background-repeat: no-repeat;
}

.ttable {
    margin-bottom: 5px;
}

.tpl {
    background-color: #ACC8E3;
}

    .tpl .odd {
        background-color: #FAFCFE;
    }

    .tpl tr {
        background-color: #F2F9FF;
    }

    .tpl th {
        background-color: #65748B;
        color: #FFFFFF;
        font-size: small;
    }

    .tpl td {
        padding: 3px;
        font-size: small;
        width: 8%;
        text-align: center;
        font-weight: bold;
    }

        .tpl td.num {
        }

        .tpl td.pl {
            width: 40%;
            text-align: left;
        }

            .tpl td.pl a {
                color: #4F6099;
                text-decoration: none;
            }

                .tpl td.pl a:hover {
                    text-decoration: underline;
                }

        .tpl td.pos {
            width: 20%;
            color: #4B4A4D;
            font-style: italic;
            text-align: left;
        }

.ycrd {
    background-position: 45%;
    background-repeat: no-repeat;
    background-image: url('../../photos/images/ye.png');
}

.rcrd {
    background-position: 45%;
    background-repeat: no-repeat;
    background-image: url('../../photos/images/red.png');
}

.teamAw {
    background-color: #FDFEFF;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .teamAw a {
        font-size: medium;
        font-family: 'trebuchet MS';
        color: #4E5594;
        text-decoration: none;
    }

        .teamAw a:hover {
            text-decoration: underline;
        }

.hd {
    border-bottom-style: solid;
    border-width: 2px;
    border-color: #455B65;
    margin-bottom: 10px;
    text-align: center;
    font-size: medium;
    color: #3F506B;
    margin-top: 10px;
}

.fst, .snd, .trd, .striving-for-victory {
    height: 34px;
    background-repeat: no-repeat;
    background-position: 15px 0px;
}

.fst {
    background-image: url('../../photos/images/gold.png');
}

.snd {
    width: 10px;
    background-image: url('../../photos/images/silver.png');
}

.trd {
    width: 10px;
    background-image: url('../../photos/images/bronse.png');
}
.striving-for-victory
{
    background-image: url('../../photos/images/striving-for-victory.png');
}

.aTo {
    width: 80%;
}

.done a {
    border: 1px solid #C0C0C0;
    padding: 4px 7px 4px 7px;
    text-decoration: none;
    color: #225095;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    margin-top: 30px;
    margin-right: 15px;
    cursor: pointer;
    float: right;
}

    .done a:hover {
        background-color: #FFFDE6;
        float: right;
    }

#addTeam p.done {
    text-align: center;
    width: 600px;
    float: right;
}

#add p.done {
    padding: 7px;
    clear: both;
    background-color: #FFFFFF;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    text-align: center;
    float: right;
}

.team-photo-container {
    border: 2px solid #5B7E91;
    background-color: #FFFFFF;
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 10px;
    margin-top: 10px;
    display: inline-block;
    position: relative;
}
.team-photo-container h1 {
        border-bottom-style: solid;
        border-width: 2px;
        border-color: #455B65;
        margin-bottom: 10px;
        text-align: center;
        font-size: medium;
        color: #3F506B;
        margin-top: 10px;
    }

.photo-list ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}

.photo-list li {
    flex-grow: 1;
    margin-left: 3px;
}

.photo-list li:last-child {
    flex-grow: 10;
}

.photo-list img {
    max-height: 100%;
    min-width: 100%;
    object-fit: cover;
    vertical-align: bottom;
}

@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
    .photo-list {
        flex-direction: row;
    }

    .photo-list li {
        height: auto;
        width: 100%;
    }

    .photo-list img {
        width: 100%;
        max-height: 75vh;
        min-width: 0;
    }
}

.average-age-value {
    font-size: 15px;
}