li  {
    text-align: left;
}
.liGreen    {
    background-color: #d3ffd3;
}
.liRed    {
    background-color: #ffead3;
}
.liYellow    {
    background-color: #fbf495;
}
.liViolet    {
    background-color: #eccfe5;
}
.timeLabel, .autorLabel, .firmaLabel, .akceLabel, .adresaLabel, .hodnotaLabel    {
    color: #0aa6d9;
    font-family: consolas;
    font-size: 0.85em;
}
.time, .autor, .firma, .akce, .adresa, .hodnota    {
    color: #164f62;
    font-family: consolas;
}
.swal-height    {
    height: 90vh;
}
.fail   {
    font-size: 0.8em;
    color: #eee;
    background-color: red;
    border: solid 2px black;
    font-weight: bold;
    margin: 2px;
    padding: 1px;
}
.tabulka
{
  background-image: url(panelBck.svg);
  border-collapse: collapse;
  margin: 0 0;
  font-size: 0.9em;
  font-family: sans-serif;
  width: 400px;
  height: 226px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.tabulka thead tr {
    color: #ffffff;
    text-align: center;
    position: initial;
    top: 0px;
    z-index: 1;
}
.tabulka th    { text-align: left; }
.tabulka th,
.tabulka td {
    color: #fff;
    padding: 2.3px 2.3px;
    /*padding: 5px 5px;*/
}

.tabulka tbody tr:last-of-type {
    border-bottom: 2px solid #006698;
}
.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #006698;
}
.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr {
    background-color: #006698;
    color: #ffffff;
    text-align: center;
    position: sticky;
    top: 65px;
    z-index: 1;
}
.styled-table th,
.styled-table td {
    padding: 12px 15px;
}
.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #006698;
}
.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #006698;
}
.mensi07  {
    font-size: 0.7em;
}
.mensi08  {
    font-size: 0.65em;
    color: green;
    font-weight: bold;
}
.mensi09  {
    font-size: 0.65em;
    color: red;
    font-weight: bold;
}
.tabs .slider {
    width: 25%;
}

.toggler-wrapper.style-23 .toggler-slider:before {
    content: "Aktivní";
}
.toggler-wrapper.style-23 .toggler-slider:after {
    content: "Neaktivní";
}
.menu {
    position: sticky;
    top: 0;
    background-color: #fff;
    padding: 22px;
    z-index: 1;
}
.spotreby  {
    display: none;
}
.verzovani  {
    font-size: 0.75em;
}
.buttonSmall    {
    font-size: 0.8em;
}
.content-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    min-width: 400px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.content-table thead tr, .content-table tbody th {
  background-color: #278bc8;
  color: #ffffff;
  font-weight: bold;
}

.content-table th,
.content-table td {
  padding: 8px 15px;
  border: 1px solid #eee;
}

.content-table tbody tr {
  border-bottom: 1px solid #dddddd;
}

.content-table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

.content-table tbody tr:last-of-type {
  border-bottom: 2px solid #278bc8;
}
.battype  {
  padding: 1px 5px;
  background-color: white;
  border: thin solid black;
}
.battypeblack  {
  padding: 1px 5px;
  background-color: black;
  border: thin solid gray;
  color: white;
}
.battypeyellow  {
  padding: 1px 5px;
  background-color: yellow;
  border: thin solid gray;
}
.battypeblue  {
  padding: 1px 5px;
  background-color: lightblue;
  border: thin solid gray;
}
.battypeorange  {
  padding: 1px 5px;
  background-color: orange;
  border: thin solid gray;
}
.battypered  {
  padding: 1px 5px;
  background-color: #c61616;
  border: thin solid gray;
  color: white;
  font-weight: bold;
}
.battypegreen  {
  padding: 1px 5px;
  background-color: lightgreen;
  border: thin solid gray;
}

.tlacModre{
    background-image: linear-gradient(to bottom right, #5BCEA5, #2BCBDD, #0E88B5);
    border-radius: 0.8em;
    cursor:pointer;
    height: 2em;
}
.lowBatVoltError  {
    background-color: #000;
    animation: blinkingBack 2s infinite;
}
@keyframes otacej {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(-20deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(20deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
.otacej  {
    pointer-events:none;
    color:#AAA;
    background:#F5F5F5;
    border-radius: 5px;
    animation-name: otacej;
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

@keyframes blinkingBack{
    0%		{ background-color: #10c018;}
    25%		{ background-color: #1056c0;}
    50%		{ background-color: #ef0a1a;}
    75%		{ background-color: #254878;}
    100%	{ background-color: #04a1d5;}
}
@media (min-width:1000px){.distribuce{display:none}.prikazy{width:230px}}
@media (min-width:1400px){.distribuce{display:table-cell}.prikazy{width:auto}}
.lowBatError  {
  background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 8px, rgba(255,0,0,0.5) 16px, rgba(255,255,255,0.5) 24px, rgba(255,255,255,0.5) 95px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.5) 8px, rgba(255,0,0,1) 16px, rgba(255,255,255,0.5) 24px, rgba(255,255,255,0.5) 95px)
}
.chargeNetFull  {
  background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 8px, rgba(0,255,0,0.5) 16px, rgba(255,255,255,0.5) 24px, rgba(255,255,255,0.5) 95px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.5) 8px, rgba(0,255,0,1) 16px, rgba(255,255,255,0.5) 24px, rgba(255,255,255,0.5) 95px)
}
.noHomeConsumption  {
  background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 8px, rgba(0,0,255,0.5) 16px, rgba(255,255,255,0.5) 24px, rgba(255,255,255,0.5) 95px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.5) 8px, rgba(0,0,255,1) 16px, rgba(255,255,255,0.5) 24px, rgba(255,255,255,0.5) 95px)
}
.activateBattery  {
  background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 8px, rgba(248,252,0,0.5) 16px, rgba(255,255,255,0.5) 24px, rgba(255,255,255,0.5) 95px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.5) 8px, rgb(244, 0, 252) 16px, rgba(255,255,255,0.5) 24px, rgba(255,255,255,0.5) 95px)
}
.assymetricPhase  {
  background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 8px, rgba(229, 6, 14, 0.5) 16px, rgba(255,255,255,0.5) 24px, rgba(255,255,255,0.5) 95px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.5) 8px, rgb(252, 189, 0) 16px, rgba(255,255,255,0.5) 24px, rgba(255,255,255,0.5) 95px)
}
.itSystemEnabled  {
  background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 8px, rgba(0, 63, 252, 0.5) 16px, rgba(255,255,255,0.5) 24px, rgba(255,255,255,0.5) 95px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.5) 8px, rgb(250, 9, 25) 16px, rgba(255,255,255,0.5) 24px, rgba(255,255,255,0.5) 95px)
}
.generalError   {
    background-image: url('stop.png');
}
.zarovnaniOver  {
  background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 8px, rgba(245, 76, 217, 0.5) 16px, rgba(255,255,255,0.5) 24px, rgba(255,255,255,0.5) 95px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.5) 8px, rgb(97, 11, 97) 16px, rgba(255,255,255,0.5) 24px, rgba(255,255,255,0.5) 95px)
}

#nacitani{
    display: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    z-index: 2;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
}
.ring{
    position: absolute;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    animation: ring 2s linear infinite;
}
@keyframes ring {
    0%{
        transform: rotate(0deg);
        box-shadow: 1px 5px 2px #e65c00;
    }
    50%{
        transform: rotate(180deg);
        box-shadow: 1px 5px 2px #18b201;
    }
    100%{
        transform: rotate(360deg);
        box-shadow: 1px 5px 2px #0456c8;
    }
}
.ring:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(255,255,255,.3);
}
#spanNacitani{
    color: #737373;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 200px;
    animation: text 3s ease-in-out infinite;
    }
    @keyframes text {
    50%{
        color: black;
    }
}
.view-switch-mini{
    display:inline-block;
    border:1px solid #bfc6d2;
    border-radius:7px;
    overflow:hidden;              /* drží vše jako jeden celek */
    background:#fff;
  }
  .view-switch-mini .view-btn{
    border:0;
    border-right:1px solid #d6dce6; /* oddělení linkou */
    
    margin:0;
    padding:5px 8px;
    font-size:12px;
    line-height:1.1;
    font-weight:600;
    white-space:nowrap;
    background:#fff;
    color:#2d3748;
    cursor:pointer;
  }
  .view-switch-mini .view-btn:last-child{
    border-right:0;
  }
  .view-switch-mini .view-btn.active{
    background:#0E88B5;
    color:#fff;
  }
  .view-switch-mini .view-btn.sprava{
    background:#369f2d;
    color:#fff;
  }
  .view-switch-mini .view-btn.linkadole{
    border-bottom: 1px solid #d6dce6;
  }
  .view-switch-mini .view-btn.disabled{
    color:#bfc6d2;
    cursor:default;
  }