body {
	background-color:#fff;
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	box-sizing:border-box;
	overflow: hidden;
}

#id {
	border:0;
	font-size:12px;
}

.nadpis {
	color:rgb(0,126,255);
	font-size:35px;
	font-weight:bold;	
}

.nadpis2 {
	color:rgb(0,126,255);
	font-size:15px;
	font-weight:bold;	
}

#polievka, #jedlo  {
	color:rgb(255,255,255);
	font-size:100px;
	font-weight:bold;
}

 #doplatok {
	color:rgb(255,255,255);
	font-size:70px;
	font-weight:bold;
}

#meno {
	color:rgb(255,255,255);
	font-size:30px;
	font-weight:bold;
}

input[type=text] {
	
	margin:0px 0px 0px 0px;
	background-color: #000000; 
	border:2px solid rgb(0,126,255);
	min-width:50px;
	height:30px;
	font-size:15px;
	border-radius: 12px;
	
}

input[type=number] {
	
	margin:0px 0px 0px 0px;
	background-color: #fff; 
	border:1px solid rgb(255,0,0);
	width:150px;
	height:50px;
	font-size:15px;
	
	
}
    input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        input[type="number"] {
            -moz-appearance: textfield;
        }


#polievka span, #jedlo span, #doplatok span {
	font-size:35px;
	font-weight:bold;
    width: 20%;
    display: inline-block;
	color:rgb(187,0,0);
	
}

#meno span {
	color:rgb(187,0,0);
	font-size:35px;
	font-weight:bold;
}

#zostavajuce {
	font-size:25px;
	font-weight:bold;
	color:#FFFFFF;
}

#zostavajuce span {
	font-size:25px;
	width:50%;
	display:inline-block;
	font-weight:bold;
	color:#FFFFFF;
}

#upozornenie {
	padding:10px;
	background-color:rgb(126,0,0);
	color:rgb(255,255,255);
	font-weight:bold;
	text-align:center;
}

#login_form {
	font-size:30px;
	text-align:center;
	margin-top:15%;
}

#hromadna_vypis {
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}

#hromadna_vypis td {
	padding:10px;
	color:#ffffff;
}



#objednavka_error {
	position:fixed;
	top:25%;
	left:25%;
	z-index:9999;
	background-color:rgba(255,255,255,0.8);
	color:rgb(255,0,0);
	font-size:45px;
	font-weight:bold;
	text-align:center;
	width:50%;
	height:50%;
	padding:5%;
	border:double;
	border-color:rgb(255,0,0);
}

.vertical-line {
  border-right: 1px solid #0080c9; 
  height: 100vh; 
  padding-right: 15px; 
  background-color:#0080c9;
}


#datum {
	text-align: center ;
	color: rgb(255,255,255);
	font-size:16px;
	font-weight:bolder;
	
	
}

#cas {
	
	font-weight:bolder;
	color: rgb(255,255,255);
	font-size:18px;
	font-weight:bolder;

	
	
}


  .top-menu {
            background-color: #0080c9; /* Nastavte barvu pozadí podle potřeby */
			
        }

        .top-menu ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            justify-content: space-around;
        }

        .top-menu ul li {
            margin-right: 10px;
        }

        .top-menu ul li a {
            color: white; /* Nastavte barvu textu podle potřeby */
            text-decoration: none;
        }

 .col-lg-1 {
            width: 8.333333%;
            padding: 0; /* Odstraní výplň pro vnitřní prvky */
        }

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgb(0,128,200); 
    text-align: center; 
}

.footer-logo img {
    max-width: 50px;
	align-items:center;
}	
 .neprihlaseny {
      color: #f00; 
      padding-left: 30px;
	  font-weight:bold;
}
	  
    #result-container-right {
      overflow: auto;
      height: calc(100vh - 100px); 
	  
    }
.col-xs-10 iframe {
    width: 100%;
  		
    border: none;
    overflow: auto; /* Umožní posúvanie v rámci iframe, ak je potrebné */
}
	
	.modern-button {
    background: linear-gradient(90deg, #0080c9, #81C784); /* Gradient pozadie */
    border: none; /* Žiadne okraje */
    color: white; /* Farba textu */
    padding: 15px 30px; /* Výplň tlačidla */
    text-align: center; /* Zarovnanie textu */
    text-decoration: none; /* Žiadne podčiarknutie textu */
    display: inline-block; /* Zobrazenie ako inline-block */
    font-size: 14px; /* Veľkosť písma */
    margin: 10px 2px; /* Margin okolo tlačidla */
    cursor: pointer; /* Kurzor ukazujúci na možnosť kliknutia */
    border-radius: 25px; /* Zaoblené rohy */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Jemný tieň */
    transition: all 0.3s ease-in-out; /* Plynulá animácia prechodu */
}

.modern-button:hover {
    background: linear-gradient(90deg, #81C784, #0080c9); /* Zmena gradientu pri prechode kurzora */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2); /* Zvýšenie tieňa */
    transform: translateY(-2px); /* Jemný pohyb nahor */
}

.modern-button:active {
    transform: translateY(1px); /* Jemný pohyb nadol pri stlačení */
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); /* Zníženie tieňa pri stlačení */
	
}

.white-button {
    background:  #fff;
	border: none; /* Žiadne okraje */
    color: #000; /* Farba textu */
	width: 99.5%; /* Definovaná šírka tlačidla */
    height: 50px; /* Definovaná výška tlačidla */
    padding: 10px 20px; /* Výplň tlačidla */
    text-align: center; /* Zarovnanie textu */
	font-weight:bold;
    text-decoration: none; /* Žiadne podčiarknutie textu */
    display: inline-block; /* Zobrazenie ako inline-block */
    font-size: 14px; /* Veľkosť písma */
    margin: 10px 2px; /* Margin okolo tlačidla */
    cursor: pointer; /* Kurzor ukazujúci na možnosť kliknutia */
    
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Jemný tieň */
    transition: all 0.3s ease-in-out; /* Plynulá animácia prechodu */
}
.red-button {
    background:  #f00;
	border: none; /* Žiadne okraje */
    color: #fff; /* Farba textu */
    padding: 10px 20px; /* Výplň tlačidla */
	width: 99.5%; /* Definovaná šírka tlačidla */
    height: 50px; /* Definovaná výška tlačidla */
    text-align: center; /* Zarovnanie textu */
	font-weight:bold;
    text-decoration: none; /* Žiadne podčiarknutie textu */
    display: inline-block; /* Zobrazenie ako inline-block */
    font-size: 14px; /* Veľkosť písma */
    margin: 10px 2px; /* Margin okolo tlačidla */
    cursor: pointer; /* Kurzor ukazujúci na možnosť kliknutia */
    
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Jemný tieň */
    transition: all 0.3s ease-in-out; /* Plynulá animácia prechodu */
}
.orange-button {
    background:  orange;
	border: none; /* Žiadne okraje */
    color: #fff; /* Farba textu */
    padding: 10px 20px; /* Výplň tlačidla */
	width: 99.5%; /* Definovaná šírka tlačidla */
    height: 50px; /* Definovaná výška tlačidla */
    text-align: center; /* Zarovnanie textu */
	font-weight:bold;
    text-decoration: none; /* Žiadne podčiarknutie textu */
    display: inline-block; /* Zobrazenie ako inline-block */
    font-size: 14px; /* Veľkosť písma */
    margin: 10px 2px; /* Margin okolo tlačidla */
    cursor: pointer; /* Kurzor ukazujúci na možnosť kliknutia */
    
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Jemný tieň */
    transition: all 0.3s ease-in-out; /* Plynulá animácia prechodu */
}
.green-button {
    background:  #0f0;
    border: none; /* Žiadne okraje */
    color: #fff; /* Farba textu */
    padding: 10px 20px; /* Výplň tlačidla */
	width: 99.5%; /* Definovaná šírka tlačidla */
    height: 50px; /* Definovaná výška tlačidla */
    text-align: center; /* Zarovnanie textu */
	font-weight:bold;
    text-decoration: none; /* Žiadne podčiarknutie textu */
    display: inline-block; /* Zobrazenie ako inline-block */
    font-size: 14px; /* Veľkosť písma */
    margin: 10px 2px; /* Margin okolo tlačidla */
    cursor: pointer; /* Kurzor ukazujúci na možnosť kliknutia */
    
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Jemný tieň */
    transition: all 0.3s ease-in-out; /* Plynulá animácia prechodu */
}

.grey-button {
    background:  grey;
    border: none; /* Žiadne okraje */
    color: #fff; /* Farba textu */
    padding: 10px 20px; /* Výplň tlačidla */
	width: 99.5%; /* Definovaná šírka tlačidla */
    height: 50px; /* Definovaná výška tlačidla */
    text-align: center; /* Zarovnanie textu */
	font-weight:bold;
    text-decoration: none; /* Žiadne podčiarknutie textu */
    display: inline-block; /* Zobrazenie ako inline-block */
    font-size: 14px; /* Veľkosť písma */
    margin: 10px 2px; /* Margin okolo tlačidla */
    cursor: pointer; /* Kurzor ukazujúci na možnosť kliknutia */
    
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Jemný tieň */
    transition: all 0.3s ease-in-out; /* Plynulá animácia prechodu */
}

.navbar {
    display: flex;
    background-color: #0080c9;
    padding: 1px;
}

.dropdown {
    position: relative;
    display: inline-block;
    margin-right: 10px; /* Medzera medzi rozbaľovacími položkami */
}

.dropbtn {
    background-color: #0080c9;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropbtn2 {
    background-color: #0080c9;
    color: white;
    padding: 1px;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.show {
    display: block;
}