#tournament .card .card-header {
    cursor: pointer;
}

#tournament .card {
    display: grid;
    grid-template-rows: 3.5em 1fr;
    min-height: 5.5em;
}

#tounament ng-datatable td.create-message {
    font-size: 1.5rem !important;
    text-align: center;
    cursor: pointer;
}

#teams-table tbody {
    height: 30vh;
}

#teams-table td.number { flex: 1.5; }
#teams-table td.name { flex: 4; }
#teams-table td.cityState { flex: 2; }
#teams-table td.country { flex: 2; }
#teams-table td.affiliation { flex: 2; }
#teams-table td.coach1 { flex: 2; }
#teams-table td.coach2 { flex: 2; }
#teams-table td.judgingGroup { flex: 3; }
#teams-table td.pitLocation { flex: 2; }
#teams-table td.translationNeeded { flex: 2; }
#teams-table td.actions { flex: 2; }

.card.structure tbody {
    max-height: 30vh;
}

#stages-table td.name { flex: 1; }
#stages-table td.rounds { flex:1; }
#stages-table td.actions { flex: 1; }

#referees-table td.name { flex: 3; }
#referees-table td.actions { flex: 1; }

#tables-table td.name { flex: 3; }
#tables-table td.actions { flex: 1; }

#stages-table .currentStage {
    background: lightgrey;
}

#tournament .card.structure .card-body {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-gap: 1.5em;
}

#tournament .card.challenge select {
    margin: 1em;
}

#team-import-dialog:not(.ng-hide) {
    transition: z-index linear 0s, opacity linear 0.2s, background linear 0.1s;
}

#team-import-dialog .dialog-body {
    display: grid;
    grid-template: 1fr 1fr / 2fr 1fr;
    grid-gap: 1em;
}

#team-import-dialog .dialog-body textarea {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

#teams-data-formatting-container .field {
    display: flex;
    margin-top: 0.2rem;
    align-items: end;
}

#teams-data-formatting-container .field > * {
    flex: 1;
}

#teams-data-formatting-container .field input {
    flex: 0;
}

#teams-data-formatting-container .field input[type="checkbox"] {
    margin-right: 0.3em;
}

#teams-data-formatting-container .field input[type="number"], #team-import-dialog .dialog-body .field input[type="text"] {
    width: 3em;
}

#teams-data-formatting-container .field .description {
    font-size: x-small;
    font-weight: bold;
}

#teams-data {
    grid-column: span 2;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

#teams-data > .table-container {
    overflow-y: scroll;
}

#teams-data table {
    width: 100%;
}

#team-import-dialog:not(.dragover) .drag-indication {
    display: none;
    transition: all linear 0.1s;
}

#team-import-dialog.dragover .fll-dialog > *:not(.drag-indication) {
    opacity: 0.5;
}

#team-import-dialog.dragover .drag-indication {
    position: absolute;
    font-size: 10vh;
    width: inherit;
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2000;
}

@media screen and (max-width: 1300px) { #teams-table td.translationNeeded { display: none; } }
@media screen and (max-width: 1180px) { #teams-table td.cityState, #teams-table td.country { display: none; } }
@media screen and (max-width: 1040px) { #teams-table td.pitLocation { display: none; } }
@media screen and (max-width: 800px) {
    #teams-table td.judgingGroup { display: none; }
    #tournament .card.structure .card-body { grid-template-columns: 2fr 1fr; }
    #tables-table { display: none; }
}
@media screen and (max-width: 660px) {
    #teams-table td.affiliation { display: none; }
    #tournament .card .card-header i { display: none; }
    #tournament .card .card-menu .btn { display: none; }
    #tournament .card.structure .card-body { grid-template-columns: 1fr; }
    #referees-table { display: none; }
}
@media screen and (max-width: 540px) { #teams-table td.coach2 { display: none; } }
@media screen and (max-width: 470px) and (min-width: 100vh) { #teams-table td.coach1 { display: none; } }
@media screen and (max-width: 420px) { #tournament .card .card-menu .input-container { display: none; } }
@media screen and (max-width: 350px) { #stages-table td.actions { display: none; } }
@media screen and (max-width: 320px) { #teams-table td.coach1 { display: none; } }