@font-face {
    font-family: Geomanist;
    src: url("fonts/Geomanist-Regular.otf") format("opentype");
}

@font-face {
    font-family: Geomanist;
    font-weight: bold;
    src: url("fonts/Geomanist-Bold.otf") format("opentype");
}

@font-face {
    font-family: Geomanist;
    font-style: italic;
    src: url("fonts/Geomanist-Regular-Italic.otf") format("opentype");
}

@font-face {
    font-family: Geomanist;
    font-style: italic;
    font-weight: bold;
    src: url("fonts/Geomanist-Bold-Italic.otf") format("opentype");
}

html,
body,
body>.root {
    font-family: Geomanist;
    font-style: italic;
    /* color: #086BAC; */
}

.tab-bar-view .item {
    color: #086BAC;
}

.menu-view .item {
    color: #086BAC;
}

.tab-bar-view .item.selected,
.menu-view .item.selected {
    background-color: #086BAC;
}

.tab-bar-view .item:active,
.menu-view .item:active {
    color: #086BAC;
}

.button-view {
    background-color: #086BAC;
}

.button-view:active {
    background-color: #086BAC;
}

.title-bar-view .button-view {
    color: #086BAC;
}

.title-bar-view .button-view .label-view {
    border: 1px solid #086BAC;
}

.title-bar-view .button-view:active {
    color: #086BAC;
}

.table-view-controller>.title.label-view {
    background-color: #086BAC;
}

.table-view>.header {
    color: #086BAC;
    background-color: #D9D9D9;
}

.table-view>div>div {
    border: 1px solid #D9D9D9 !important;
}

.table-view.alternatingBackgroundColor>.cell:nth-child(odd) {
    background-color: #f1f1f1;
}

.root.header.image-view {
    background-color: #086BAC;
}

.root.header.image-view img {
    width: 50%;
    height: auto;
    display: block;
    margin: -8% auto;
}

.root.body-title-bar {
    background-color: #FFE0A6;
}

.table-view {
    color: #086BAC;
}

.ranking-view-controller .table-view>div>div:not(.player.view),
.tournament-players-view-controller .table-view>div>div:not(.player.view),
.players-view-controller .table-view>div>div:not(.name.view) {
    width: 1px;
    text-align: center;
}

.tournament-detail-view-controller .content.view-controller {
    display: flex;
    flex-direction: row;
}

.tournament-detail-view-controller .content.view-controller div {
    width: 100%;
}

.tournament-tree-view-controller .table-view {
    border-spacing: 0;
}

.tournament-tree-view-controller .table-view>div>div {
    border: 0 !important;
}

.tournament-tree-view-controller .table-view .category>div {
    padding: .5em 1.5em;
    font-size: 1.2em;
}

.tournament-tree-view-controller .table-view .container {
    padding: .5em .5em;
}

.tournament-tree-view-controller .table-view>.cell:hover {
    background-color: inherit !important;
}

.tournament-tree-view-controller .table-view .category>div {
    text-transform: uppercase;
}

.tournament-tree-view-controller .sub-table {
    border: 1px solid #086BAC;
}

.tournament-tree-view-controller .sub-table .header>div {
    color: yellow;
    background-color: #086BAC;
}

.tournament-tree-view-controller .match.label-view {
    width: 1em;
    text-align: right;
}

.tournament-tree-view-controller .time.label-view {
    width: 3em;
    text-align: right;
}

.tournament-tree-view-controller .result.label-view {
    width: 3em;
    text-align: right;
}

.tournament-tree-view-controller .table-view .dropbox-view {
    min-width: min-content;
}

.tournament-tree-view-controller .table-view .dropbox-view>span {
    display: none;
}

.tournament-tree-view-controller .table-view .dropbox-view>select {
    width: 100%;
    border: 1px solid black;
    font-size: 1em;
    padding: 0;
    border-radius: 0;
}

.tournament-tree-view-controller .sub-table .cell.selected {
    color: inherit;
    font-weight: 700;
    background-color: inherit;
}

.warning.label-view {
    width: calc(100% - 1em);

    padding: 1em 0;
    margin: .5em;

    text-align: center;

    background-color: yellow;
}

.player-view-controller .filter,
.player-view-controller .canvas {
    display: flex;
}

.player-view-controller .filter .challenge {
    width: 50%;
}

.player-view-controller .filter .game {
    width: 20%;
}

.player-view-controller .filter .enemy {
    width: 30%;
}

.player-view-controller .canvas .canvas-view {
    width: 50%;
}

@media screen and (max-height: 480px) {
    .root.header.image-view.view {
        display: none;
    }
}

@media screen and (orientation: landscape) and (min-width: 1024px) {

    .admin-view-controller .body-view-controller .content.view-controller>div,
    .challenge-view-controller .body-view-controller .content.view-controller>div,
    .tournament-view-controller .body-view-controller .content.view-controller>div {
        width: calc(1024px - 10em);
    }
}