* {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
body
{
	background-color: #DADADA ;
}

.container 
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;	
	margin-right: 10px;
}
.lijevo {
	float: left;
	width:33.33333%;
	text-align:left;
}
.sredina {
	float: left;
	width:33.33333%;
	text-align:center;
}
.desno{	
	 float: left;
	 width:33.33333%;
	 text-align:right;
}
.err
{
	font-size: 15pt; 
	color: #FF0000;
}
.info
{
	font-size: 15pt; 
	color: #27a824;	
}
/********************************
*rid-onli sa divom
********************************/
#rid_onli
{
    background-color:#ffefc6;
}

/********************************
*Nevidljiva polja
********************************/
.geth 
{
	visibility: hidden;	
	display: none
}
/********************************
*Vidljivo
********************************/
.getv 
{

}

/**********************
*Tab 
**********************/
.tab {
	overflow: hidden;
}
.tab_prostor {
	overflow: hidden;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color: #f8eaab;
	border: none;
}
/* Style the buttons inside the tab */
.tablink {
	background-color: #555;
	color: white;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	font-size: 17px;
}
.tab button {
	background-color: #f8eaab;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
	color: #000000; 
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ecab00;*/
}

/* Create an active/current tablink class */
.tab button.active {
	background-color: #f8eaab;
	color: #000000; 
}

/* Style the tab content */
.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}
.unos
{
	color: #8bbe7c;
}
a
{
	text-decoration: none;
	color: #336699;
}
a:hover {
	color : #000000;
}

/**********************
*Klasik forma
**********************/
.klasik
{
	width:400px;
	margin:auto;
	margin-right: auto;
	margin-left: auto;
}
.klasik input[type=submit], .klasik input[type=button]
{
	width:148px;
	height:45px;
	background-color:#FFBC00;
	color:#fff;
	border:2px solid #FFCB00;
	padding:10px;
	font-size:20px;
	color:#000000;
	cursor:pointer;
	border-radius:5px;
	margin:25px 0px 10px 20px;

}
.klasik input[type=text], .klasik input[type=date] 
{
	margin:25px 0px 10px 0px;	
	width:60%;
	padding:10px;
	border:1px solid #ccc;
	padding-left:5px;
	font-size:16px;
	border-radius:5px;
	background-color:#FDFDC7;
}
.klasik label
{
	width:148px;	
}
/**********************
 * Login Form styles
 **********************/
.login 
{
	width:530px;
	margin:auto;
}
.login form 
{
	width:300px;
	margin: 70px;
	border-radius:10px;
	border:2px solid #ccc;
	padding:10px 40px 25px;
	background-color:#FEFFED;
}
.login h2 {	
	text-align:center;
	padding:15px;
}
.login input[type=text], .login input[type=password] 
{
	width:99.5%;
	padding:10px;
	margin-top:8px;
	border:1px solid #ccc;
	padding-left:5px;
	font-size:16px;
	border-radius:5px;
	background-color:#FDFDC7;
}
.login input[type=submit] 
{
	width:100%;
	background-color:#FFBC00;
	color:#fff;
	border:2px solid #FFCB00;
	padding:10px;
	font-size:20px;
	cursor:pointer;
	border-radius:5px;
	margin-bottom:15px;
	margin-top:15px;
}
.login select
{
	width:99.5%;
	padding:10px;
	margin-top:8px;
	border:1px solid #ccc;
	padding-left:5px;
	font-size:16px;
	border-radius:5px;
	background-color:#FDFDC7;
}	
.login span
{
	font-size: 15pt; 
	color: #FF0000;
	margin-left:15px;
}

/*************************
*   tabela izbor
*************************/
.izbor table
{
margin-top:-35px;	
}
/********************************
*Pregledi stil
********************************/
.pregled{
	float: none;
	background-color:#FDFDC7;
	width:auto;
	overflow-x:auto;
	text-align: left; 
}
.pregled h2
{
	background:#FFBC00;
	text-align:center; 	
}
.pregled label
{
	margin-left: 20px;	
}
.pregled input[type=text],.pregled input[type=password],.pregled select, .pregled input[type=email] 
{
	padding: 8px 20px;
	margin: 1px 0;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
	background-color:#f0fecd;
	text-align:left;    
}

.pregled input[type=number],.pregled select{
	border: 1px solid black;
	padding: 8px 20px;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
	background-color:#f0fecd;
	text-align:right;    
}
.pregled input[type=date],.pregled input[type=time],.pregled input[type=tel]
{

	background-color: #f0fecd;
	text-align:center;
	padding:8px 20px;
	border:1px solid #ccc;
}
.pregled input[type=submit], .pregled input[type=button]
{
	background-color:#FFBC00;
	color:#fff;
	border: 1px solid #ccc;
	padding:10px;
	font-size:20px;
	color:#000000;
	cursor:pointer;
	border-radius:5px;
	float: left;
	margin-left: 53px;
	margin-top: 25px;
}
.pregled textarea
{
	width:178px;
	height: 50px;
	margin:5px 0px 10px 1px;
	border: 1px solid #ccc;
	background-color:#f0fecd;
	text-align:left;  
}
.pregled img{
margin: 4px 2px;
 }
 .pregled button
 {
	background-color: #FFBC00;
	cursor: pointer;
 }
.pregled p
{
	cursor: help;	
}
.pregled input:-moz-read-only 
{ 
/* For Firefox */
	background-color: yellow;
}

.pregled input:read-only {
  background-color:#ffefc6;
} 
.pregled select
{
  text-align: left;
}
.pregled i
{
	float: right;
	font-size: 12pt;
	margin-top: 4px;
	margin-right: 7px;
	padding-left:-1200px;
}

.pregled select[name="rJazik"] 
{
	float: right;
	width:120px;	
	height:25px;
	margin:0px;
	padding: 0px;
	margin-top: -2px;
	margin-left:7px;
	background-color:#F0FECD;
	border: 1px solid #444444;
}
/*********************
* Tabele
*********************/
.pr-table-all
{
	border-collapse:collapse;
	border-spacing:0;
	font-size: 10pt;
	width: 100%;
	border: 1px solid #ddd;
}
		
.pr-bordered tr,.pr-table-all tr
{
	border-bottom:1px solid #ddd;
	text-align:center;	
}
.pr-striped tbody tr:nth-child(even)
{
	background-color:#FDFDC7;
}
.pr-table-all tr:nth-child(odd)
{
	background-color:#fff;
}
.pr-table-all tr:nth-child(even)
{
	background-color:#FDFDC7;
}

.pr-table-all th
{
	border:1px solid #ccc;
	background-color: #FFBC00;	
}

.pr-table-all td
{
background-color:#FDFDC7;	
}
.pr-table-all td#C0
{
	background-color:#FDFDC7;
}
.pr-table-all td#C1
{
	background-color:#e2e3fc;;
}
.pr-table-all td#C2
{
	background-color:#fff;
}

/*********************
* Medjutabela
*********************/
.medjutabela
{
	border-collapse:collapse;
	border-spacing:0;
	font-size: 10pt;
	width: 40%;
	border: 1px solid #ddd;
}
		
.medjutabela th
{
	border:1px solid #ccc;
	background-color: #ffe295;	
}

.medjutabela td
{
	border:1px solid #ccc;
	background-color: #fefed3;;	
}
.mis
{
	cursor: pointer;	
}


/*********************
* Tabela rezervacija
*********************/
.rezervacije
{
	border-collapse:collapse;
	border-spacing:0;
	font-size: 10pt;
	width: 100%;
	border: 1px solid #ddd;
}
		
.rezervacije-bordered tr,.rezervacije tr
{
	border-bottom:1px solid #ddd;
	text-align:center;	
}
.rezervacije-striped tbody tr:nth-child(even)
{
	background-color:#FDFDC7;
}
.rezervacije tr:nth-child(odd)
{
	background-color:#FDFDC7;
}
.rezervacije tr:nth-child(even)
{
	background-color:#FDFDC7;
}

.rezervacije th
{
	border:1px solid #ccc;
	background-color: #FFBC00;	
}
 caption
{
	border-bottom:1px solid #fec9bc;
}
.rezervacije td
{
	border:1px solid #ccc;
}
tr.border_bottom td 
{
	
border-top: solid 2px #bec2c0;	
}
.zapisi 
{
	display: flex;
	justify-content: center;
	align-items: center; 
	margin-top: 20px;
	margin-bottom: 30px;
}
.futer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #FFBC00;
	color: white;
	text-align: center;
}