/* teko-300 - latin */
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/teko-v10-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../fonts/teko-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/teko-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/teko-v10-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/teko-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/teko-v10-latin-300.svg#Teko') format('svg'); /* Legacy iOS */
}
/* teko-regular - latin */
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/teko-v10-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../fonts/teko-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/teko-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/teko-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/teko-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/teko-v10-latin-regular.svg#Teko') format('svg'); /* Legacy iOS */
}
/* teko-500 - latin */
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/teko-v10-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../fonts/teko-v10-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/teko-v10-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/teko-v10-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/teko-v10-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/teko-v10-latin-500.svg#Teko') format('svg'); /* Legacy iOS */
}
/* teko-600 - latin */
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 600;
    src: url('../../fonts/teko-v10-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../fonts/teko-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/teko-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/teko-v10-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/teko-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/teko-v10-latin-600.svg#Teko') format('svg'); /* Legacy iOS */
}
/* teko-700 - latin */
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/teko-v10-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../../fonts/teko-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/teko-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/teko-v10-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/teko-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/teko-v10-latin-700.svg#Teko') format('svg'); /* Legacy iOS */
}

html {
    #background: url(../../images/bg2019.jpg) no-repeat center center fixed;
    background-color: #0E0E0E;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    font-family: Teko;
    font-weight: 400;
    color: #FEFEFE;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

h1 {
    display: inline-block;
    margin: 0px 0px 40px 0px;
    padding: 6px 15px 0px 15px;
    text-align: center;
    color: #FEFEFE;
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 400;
    background-color: #000000;
}

h2 {
    margin: 0px;
    text-align: center;
    color: #FEFEFE;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 400;
}

.admin_input_l {
    width: 200px;
    height: 30px;
}

select {
    width: 200px;
    height: 30px;
}

input {
    border: 0px;
}

a {
    color: #FEFEFE;
}

td {
    margin: 1px;
    color: #FEFEFE;
    text-transform: uppercase;
    font-size: 22px;

    height: 32px;

    vertical-align: middle;
    background-color: #272E34;
    padding: 0px 10px;
}

#metanav {
    background-color: #222222;
    padding: 5px;
    text-align: right;
}

#mainnav {
    position: fixed;
    top: 0px;
    left: 0px;
    font-size: 22px;
    text-transform: uppercase;
    z-index: 2;
}

#mainnav > a, #mainnav > i {
    /*width: 100%;*/
    padding: 5px 10px 0px 10px;
    margin: 0px 5px;
    background-color: #000000;
    text-decoration: none;
}

#content {
    /*flex-grow: 1;*/
    /*padding: 0px 100px;*/

    text-align: center;
    /*margin-top: 50px;*/
}

.container {
    /*display: flex;*/
    /*justify-content: center;*/
}

.box {

}

#content-left {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding: 0px 10px;
}

#content-right {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    padding: 0px 10px;
}

#content-right-kids {
    width: 100%;
    padding: 0px 25px;
}

.overall-ranking {
    width: 100%;
}

.player {
    margin: 1px;
    padding: 1px;
    color: #FEFEFE;
    text-transform: uppercase;
    font-size: 22px;

    display: flex;
    justify-content: left;
}

.last {
    font-size: 14px;
}

.player > * {
    height: 32px;

    vertical-align: middle;
    background-color: #272E34;
    padding: 0px 10px;
}

/** FULL TABLE **/
.full-ranking {
    width: 100%;
    border-collapse: collapse;
    margin: 0px;
    border-spacing: 2px;
}

.full-ranking td {
    border: 1px solid #0E0E0E;
}

.full-ranking .none {
    background-color: transparent;
}

.full-ranking .rank {
    text-align: center;
}

.full-ranking .result {
    border-left: 0px;
    padding: 0px 10px 0px 0px;
    text-align: right;
}

.full-ranking .image {
    text-align: left;
}

.full-ranking .image-cell {
    padding: 0px;
}

.full-ranking .name {
    text-align: left;
}

.full-ranking .points {
    text-align: center;
    margin-left: 2px;
    background-color: #FEFEFE;
    color: #313131;
}

.full-ranking .firstplace {
    background-color: #FFD700;
}

.full-ranking .lastplace {
    background-color: #7b695f;
    color: #FEFEFE;
}

.full-ranking .joker {
    text-align: center;
}

.full-ranking .even {
    background-color: #008DD5;
}

.full-ranking .minirank {
    padding: 0px 5px;
    border-right: none;
    margin-right: 0px;
}

.overall-ranking .rank {
    width: 10%;
    text-align: center;
}

.overall-ranking .image {
    width: 10%;
    text-align: left;
}

.overall-ranking .name {
    width: 60%;
    text-align: left;
}

.overall-ranking .points {
    width: 10%;
    text-align: center;
    margin-left: 2px;
    background-color: #FEFEFE;
    color: #313131;
}

.overall-ranking .player:first-child .points {
    background-color: #FFD700;
}

.overall-ranking .player:last-child .points {
    background-color: #7b695f;
    color: #FEFEFE;
}

.overall-ranking .joker {
    width: 10%;
    text-align: center;
}

.game-ranking .rank {
    width: 10%;
    text-align: center;
}

.game-ranking .name {
    width: 50%;
    text-align: left;
}

.game-ranking .points {
    width: 10%;
    text-align: center;
}

.game-ranking .joker {
    width: 10%;
    text-align: right;
}

.game-ranking .result {
    width: 20%;
    text-align: right;
}

.game-image {
    max-width: 300px;
}

.start-order {
    color: #FFFFFF;
    font-size: 14px;
}

#countdown {
    position: relative;
    margin: auto;
    height: 40px;
    width: 40px;
    text-align: center;
}

#countdown-number {
    color: white;
    display: inline-block;
    line-height: 40px;
}

svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    transform: rotateY(-180deg) rotateZ(-90deg);
}

svg circle {
    stroke-dasharray: 113px;
    stroke-dashoffset: 0px;
    stroke-linecap: round;
    stroke-width: 2px;
    stroke: white;
    fill: none;
    animation: countdown 30s linear infinite forwards;
}

.tableFixHead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}

#content-right .slick-prev,
#content-right .slick-next {
    top: 25px;
    bottom: unset;
}

#content-right .slick-prev {
    left: 10px;
}

#content-right .slick-next {
    right: 10px;
}

.homepage_event {
    position: relative;
    vertical-align: bottom;
    background-color: #000000;
    width: 300px;
    min-height: 400px;
    display: inline-block;
    margin: 20px 10px;
    padding: 10px 10px 10px 0px;
    text-align: left;
}

.tvmode {
    height: 28px;
}

@media only screen and (min-width: 960px) {
    #content-left {
        width: 50%;
    }

    #content-right {
        width: 50%;
    }
}