BODY { font-family:Calibri; xfont-size:2.5em; font-size:24pt; background:black; color:white; xoverflow: hidden; margin:none; padding:none; xborder-bottom:1px solid #f60; xborder-right:1px solid #f60; xwidth:962px; xheight:600px }
A { color:orange; text-decoration:none }
.prevStep { background-color: #4471ff; }
.currentStep { background-color: #ff6600; }
.nextStep { background-color:#C2C2C2; }


.header { display:flex; justify-content:space-between; align-items: flex-start; gap:10px; font-size:1.2em }
.header DIV { width:40%; background: rgb(50,50,50) }
.header A { display:block; color: white; text-decoration: none; width:100%; text-align:center; padding:50px 0px; }
.header-val { text-align:center; display:block; background:#666 }
.header-pozor { background:#d00 }
.header-ok { background:#090 }

.button, .buttonSave, .buttonDelete, .buttonGrey, .buttonOrange { font-size:1em; text-transform:uppercase; padding:8px 10px 8px 10px; background:#025A9B; border:0; color:white}
.buttonGrey { background:#333; color:white; }
.buttonBlue { background:#025A9B; color:white; }
.buttonSave { background:green; color:white; }
.buttonOrange { background:orange; color:white; }
.buttonDelete { background:#d00; color:white; }
.buttonAct { border:8px solid white}

.custom-file-input { color: transparent; }
.custom-file-input::-webkit-file-upload-button { visibility: hidden; }
.custom-file-input::before {
  content: 'Přidat';
  color: white;
  display: inline-block;
  background:#d00;
  padding: 10px 20px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  xfont-size: 20pt;
  
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}
.hidden { display:none }

.poznamky { xfont-size:1em; color:#fc0 }

.tbl { display:flex; align-items: flex-start; gap:20px; margin-bottom:50px; font-size:1.6rem; width:100%; }
.tblLeft { background: rgb(50,50,50); xpadding-left:20px; min-width:200px; padding:10px 20px  }
.tblRight { xflex:1 }

.palivo-container { display:flex;  flex-direction:row;  justify-content:center;  align-items:stretch; align-content:center; gap:10px; text-align:center }
.palivo-container DIV { flex-grow:1; font-size:1em; padding-top:1em; padding-bottom:0.8em; xbackground:#444 }
#palivoVypujceni { border:8px solid white }

.battery-info { padding:0px 5px }
.battery-info1 { background:orange }
.battery-info2 { background:#d00 }
.battery-info3 { animation:blinkingText 1.2s infinite; }
@keyframes blinkingText{
    0%{     background-color: #d00;    }
    49%{    background-color: #d00; }
    60%{    background-color: transparent; }
    99%{    background-color:transparent;  }
    100%{   background-color: #d00;    }
}