#content {
    /*padding-top: 10vh; */
    /*padding-bottom: 10vh;*/
    min-height: 100vh;
}

/* tv mode */
.tv.menu .option.item {
    background-color: #183d72!important;
    color: rgba(255,255,255,.9);
}

.tv.menu .option.item:hover {
    background-color: #183d72!important;
    color: #FFF!important;
}

.tv.menu {
    border: 0!important;
}


/*.ui.card > :first-child, .ui.cards > .card > :first-child {
    border-radius: 0 !important;
    border-top: none !important
}

.ui.card > :last-child, .ui.cards > .card > :last-child {
    border-radius: 0 !important;
}

.ui.card > :only-child, .ui.cards > .card > :only-child {
    border-radius: 0 !important;
}*/

/*.card .info {
    font-size: 1.2em;
    visibility: hidden;
    position: absolute;
    top: 5px;
    left: 5px;
    color: #ffe23f;
}

.card.selected .info {
    visibility: visible;
}*/

.card img {
    border-radius: unset!important;
}

.cover.card .dimmer {
    height: 100%!important;
    /*top: 70%!important;*/
    /*top: unset!important;*/
    /*bottom: 0!important;*/
    /*padding: 0!important;*/
    background: rgba(0,0,0,.38)!important;
}

.cover.card .header {
    font-weight: 700;
    /*color: #FFF!important;*/
    /*text-shadow: 0 0 0.5em #000, 1px 1px 0.5em #000, 2px 2px 1em #000;*/
    /*text-shadow: 0 0 0.2em #333, 0 0 0.2em #333, 0 0 0.2em #333;*/
    /*-webkit-text-stroke-width: 0.5px;*/
    /*-webkit-text-stroke-color: #333;*/
}

/*.card:hover {
    box-shadow: 0 0px 10px 5px #ffe23f,0 0 0 1px #ffe21f!important;
}*/

/*.card .image:hover .header, .card:focus .image .header {
    color: #ffe21f!important;
}*/

.selected {
    outline-style: none!important;
    /*outline: #ffe21f 2px solid!important;*/
    box-shadow: 0 0px 10px 5px #ffe23f,0 0 0 1px #ffe21f!important;
}

.selected.text {
    outline-style: none!important;
    color: #ffe23f!important;
    text-shadow: 0 0 0.2em #ffe21f, 0 0 0.2em #ffe21f, 0 0 0.2em #ffe21f!important;
    box-shadow: none!important;
}

#info-bar {
    position: fixed;
    top: 80vh;
    left: 0;
    font-size: 1.5em;
    width: 100vw; 
    height: 20vh;
    background-color: #333!important;
    opacity: 0.75;
    z-index: 11000;
}

#back-to-top {
    position: fixed;
    top: 80vh;
    right: 0px;
    font-size: 1vw!important;
    width: 5vw!important; 
    /*height: 20vh;*/
    background-color: #333!important;
    opacity: 0.75;
    z-index: 11000;
}

.center.playeroption .button {
    /*font-size: 3.8em!important;*/
    font-size: 2.5vw!important;
    padding: 0.5em!important;
}

.floated.playeroption .button {
    font-size: 2em!important;
    padding: 0.35em!important;
}

.close.button {
    font-size: 2vw!important;
    padding: 0.5em!important;
}

.options .button {
    font-size: 3.2vh!important;
}

#settings-page .close.button {
    font-size: 5vh;
}

#settings-page b {
    display: inline!important;
}

#settings-page .close.segment {
    position: fixed;
    width: 95vw;
    z-index: 11000;
}

#settings-page .playeroption.segment {
    /*min-height: 35vh; */
    margin-top: 0vh;
}

#settings-page .result.segment {
    margin:  0;
    padding: 0;
}

#settings-page .player.header {
    font-size: 7vh
}

#settings-page .checked.text {
    font-size: 3vh;
}

#settings-page .setonly.header {
    font-size: 6vh;
}

#settings-page .setonly.header .sub.header {
    font-size: 3vh;
}

#settings-page .current.header, #settings-page .target.header {
    font-size: 3vh;
}

#settings-page .playercheck.segment {
    margin-top: -2vh;
    font-size: 3vh!important;
}

#settings-page .playercheck.button {
    font-size: 2.8vh!important;
}