@font-face {
    font-family: 'Kumbh Sans';
    src: url('fonts/KumbhSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Kumbh Sans';
    src: url('fonts/KumbhSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Kumbh Sans';
    src: url('fonts/KumbhSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Kumbh Sans';
    src: url('fonts/KumbhSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Kumbh Sans';
    src: url('fonts/KumbhSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Kumbh Sans';
    src: url('fonts/KumbhSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Kumbh Sans';
    src: url('fonts/KumbhSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Kumbh Sans';
    src: url('fonts/KumbhSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Kumbh Sans';
    src: url('fonts/KumbhSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
 

html, body {
    overflow: hidden; /* Skryje scrollbar */
    height: 100%;    /* Zajistí, že stránka zabere celou výšku okna */
    margin: 0;       /* Odstraní výchozí okraje prohlížeče */
}


html, body{
    
    font-family: 'Kumbh Sans', sans-serif;
    font-size:.75vw;
}
body{

    background-color: var(--background-color) ;

}

#platform-info{
    font-size: 3rem;
    opacity: .81;
    margin-top:1.8rem;
}

.dark #platform-info, .dark thead th, .hc #platform-info, .hc thead th{
    color:white !important;
}

thead {
    border-color:transparent;
}

#refresh-timer {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: bold;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    /* opacity:.42; */
    opacity: 0;
}


body.dark {
    /* background-color: #121212; */
    background: rgb(77,77,77);
    background: linear-gradient(180deg, rgba(77,77,77,1) 0%, rgba(0,0,0,1) 100%);
    color: #ffffff;
}

body.hc {
    background-color: #121212;
    color: #ffffff;
}


.dark td{
    color:#ffffff;
    background-color: rgb(0, 0, 0);
    border-color:transparent;
}

.mymaxwidth{
    width:96%;
    margin:0 auto;
}


#current-date{
    font-size: 2.4rem;
    line-height: 2.4rem;
}
#current-time{
    font-size:5.4rem;
    line-height: 5.4rem;
}

.tarifbox {
  background-color: var(--maincolor);
  color: var(--revmaincolor);
  padding: 0.6em 1.5rem;
  border-radius:.6rem ;
  -webkit-border-radius:.6rem ;
  -moz-border-radius:.6rem ;
  -ms-border-radius:.6rem ;
  -o-border-radius:.6rem ;
  margin-top: .6rem;
}
/* .tarifbox .titlebox{
    font-size: .9rem;
    line-height: .9rem;
} */
#tariff-zone{
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: bold;
    color:var(--revmaincolor) !important;
}

.maxheight{min-height: 100%;}

h1#station-name, h1#station-name-test{
    font-size: 5.7rem;
/* font-size: 9rem; */
}

thead{font-size:2.4rem}
tbody{
    font-size: 4rem;;
}

table {
    border-collapse: separate; /* Musí být 'separate', ne 'collapse' */
    border-spacing: 0 .6rem; /* První hodnota je horizontální mezera, druhá vertikální mezera */
}

th {background-color: transparent !important;}
tbody tr{
    background-color: transparent;
    box-shadow:0.13rem 0.13rem 0.26rem rgba(0,0,0,0.10);

}

/* tbody tr td{
 
    box-shadow:0.13rem 0.13rem 0.26rem rgba(0,0,0,0.10);
} */

tbody tr td:first-child {
    border-top-left-radius: 0.6rem; /* Zaoblení horního levého rohu */
    border-bottom-left-radius: 0.6rem; /* Zaoblení spodního levého rohu */
    text-align: center;
}

tbody tr td:last-child {
    border-top-right-radius: 0.6rem; /* Zaoblení horního pravého rohu */
    border-bottom-right-radius: 0.6rem; /* Zaoblení spodního pravého rohu */
}

td{padding:.6rem;}

.tddealy{
   
    text-align: center;
    position: relative;
    padding:0px !important;
}
.delaybox{
    background-color: var(--maincolor);
    color: var(--revmaincolor);
    font-size:1.8rem;
    text-align: center;
    position: relative;
    /* margin-top:0rem; */
    margin:0 auto;
    position: relative;
    height:4.2rem;
    width:9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:.6rem;
    -webkit-border-radius:.6rem;
    -moz-border-radius:.6rem;
    -ms-border-radius:.6rem;
    -o-border-radius:.6rem;

}

.station-name-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden; /* Skryje přetékající text */
    white-space: nowrap; /* Zakáže zalamování textu */
}

#station-name {
    display: inline-block;
    white-space: nowrap;
    transform: translateX(0);
    transition: transform 5s linear; /* Plynulý pohyb */
}


#station-name {
    display: inline-block;
    white-space: nowrap;
    transform: translateX(0); /* Výchozí pozice */
    transition: transform 5s linear; /* Pomalejší pohyb */
}








.myop{
    opacity: .45;
}

.dealboxcont{
    position: absolute;
    height:100%;
    width:100%;
    /* background-color: pink !important; */
    display: flex;
    justify-content: center;
    align-items: center;
}


#station-info{opacity:0;}