#dialogKorisniciSelectPopup h3{
text-align:center;
}
#dialogKorisniciSelectPopup p{
padding:1em;
}
#postavkeControl div.ui-controlgroup-controls
{
width:100%;
}
#frmEmailObavijest div.ui-submit{
width:100%;
}
#headerD img{
margin:0;
}
#headerM  a {
text-decoration:none;
color:white;
}
#headerD  a.zaglavljeErezervacija {
float:left;
display:inline;
}
#headerD  a.zaglavljeKlub {
display:inline;
}
#rezervacijeKorisnika  table tbody th,
#rezervacijeKorisnika  table thead th,
#rezervacijeKorisnika  table tbody td{
	/*border-bottom: 1px solid red;*/
	/*border-bottom: 1px solid rgba(0, 0, 0, 0.05);*/
	border-bottom: 1px solid rgba(80, 80, 80, 0.5);
}
#rezervacijeKorisnika{
padding:1em;
}
#dialogKorisniciSelect .ui-link-inherit{
/* lista korisnika kada se poziva iz rezervacije */
padding:1em 15px;
}
.ui-dialog-contain {
margin:3% auto 15px auto;
}
#erezervacija .ui-listview-filter{
margin:0;
}
#erezervacija  .ui-content .ui-listview, .ui-panel-inner > .ui-listview{
margin:0;
}
*/
/* container gumba novi korisnik */
div.gumbContainer{
/*width:100%;*/
/*margin:0 -15px 0 -15px;*/
}
.formaKorisnikaContainer,
.formaPromjenaLozinkeContainer
{
padding:2em;
}
.formaKorisnikaContainer  label.ui-input-text,
.formaKorisnikaContainer  label.ui-select,
.formaKorisnikaContainer  div.ui-controlgroup-label{
width:25%;
}
.formaKorisnikaContainer div.ui-input-text,
.formaKorisnikaContainer div.ui-select,
.formaKorisnikaContainer  div.ui-controlgroup-controls{
width:72%;
}
#erezervacijaPopup{
max-width:420px;
}
#odabraniDatum:hover{
cursor:pointer;
}
#navAlati{
margin-right:0;
}
#dialogKorisniciEdit{
/*margin: 15px;*/
}
/* isključivanje raznih stilova up, hover zbog lakšeg skroljanja */
*.ui-listview *.ui-btn-up-a,
*.ui-listview *.ui-btn-down-a,
*.ui-listview *.ui-btn-hover-a
  {
  	border: 1px solid #588222 /*{a-bup-border}*/;
	background: #588222 /*{a-bup-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #444444 /*{a-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #74ab2c /*{a-bup-background-start}*/), to( #3b5817 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #74ab2c /*{a-bup-background-start}*/, #3b5817 /*{a-bup-background-end}*/);/* Copy your .ui-btn-up styles here */
}

#datumSelektor.ui-field-contain .ui-input-datebox  {
width:99%;
}
#Frezervacija .ui-disabled ,
#FrezervacijaEdit .ui-disabled {
	filter: Alpha(Opacity=80);
	opacity: .8;
	zoom: 1;
}
#Frezervacija .ui-select .ui-disabled,
#FrezervacijaEdit .ui-checkbox.ui-disabled 
  {
	filter: Alpha(Opacity=40);
	opacity: .40;
	zoom: 1;
}
#btnKorisnikRezervacije ,
#btnTrajanjeTermina,
#btnPeriodObavijesti{
position:relative;
width:100%;
margin:0;
}
/* uključivanje wordwrap opcije teksta na gumbu zbog dugih opisa usluga */
#btnTrajanjeTermina .ui-btn-text,
#dialogTrajanjeTermina .ui-btn-text a
{
white-space:normal;
}
hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #84C233;
    margin: 1em 0; padding: 0; }

/* definicija dimezija popupa */
#popupOdabirKategorije,
#popupDiv,
#dialogRezervacija,
#popupIzbornikKorisnici,
#popupOdabirAlata
{
min-width:300px;
max-width:460px;
}
/* smanjio nepotrebno velike margine tittle u popapu */
.ui-header .ui-title {
margin: .6em 10% .8em;
}
.ui-loader-background {
    width:100%;
    height:100%;
    top:0;
    margin: 0;
    background: rgba(0, 0, 0, 0.3);
    display:none;
    position: fixed;
    z-index:1500;
}

.ui-loading .ui-loader-background {
    display:block;
}
.skriven,
label.skriven
{
/* klasa za skrivene elemente */
display:none;
}
#naslovStranice{
margin:.5em 4em .5em .5em;
text-align:left;
font-size:1em;
}
.ui-header  img{
/* logotip e-rezervacija - miš */
margin-right:0.4em;
vertical-align:middle;
}
div#datumSelektor{
margin:0;
padding:0;
}
div#datumSelektor>div{
/*border:0;*/
margin:0;
padding:0;
width:100%;
}
div#content{
border:0;
/*margin-top:37px;*/
background:none;
}
#login_form{
/*position:relative;*/
/*max-width:28em;*/
margin-left:auto;
margin-right:auto;
padding:1em;
}
label.error {
float: left;
color: red;
padding: .5em 0 0.5em 0;
vertical-align: top;
/*font-weight:bold*/
}
#odabraniDatum{
text-align:center;
}
.ui-input-datebox {
/*padding: 0;
width:100%;*/
}
label.ui-input-text{
/*clear:left;*/
}
label#labelaOdabraniDatum.ui-input-text{
/*display:inline-block;*/
}
.bar_nazivi_terena{
/*position:fixed;*/
width:100%;
max-width:959px;
height:2.5em;
}
.teren{
position:relative;
padding:0;
float:left;
/*margin-top:2.5em;*/
/*outline:thin inset #D2D2D2;*/
border-radius: 3px 3px 0 0;
}

/* definicije za tablicu rezervacija početak */
.naziv_terena{
float:left;
/*height:2.5em;*/
background-color:#357707;
outline:1px inset black;
text-align:center;
color:white;
/*margin-top:5px;*/
padding:10px 0 10px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url(ellipsis.xml#ellipsis);
}

.scroll{
padding:8px 0 0 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url(ellipsis.xml#ellipsis);
}
div.sloter{
/*outline:thin inset #D2D2D2;*/
position:relative;
height:2.5em;
border:0px;
border-right:1px outset #357707;
border-bottom:1px outset #357707;
background-color:#A2C6A2;
text-shadow:none;
}
div.sloter>a>span{
color:#357707;
/*color:black; */
font-weight:normal;
/*display:inline-block;
float:right;*/
}
div.zagEditRez,
div.zagRez{
position:relative;
height:2.5em;
border:0px;
text-shadow:none;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
}
div.zagEditRez
{
border-right:1px outset #357707;
/*border-bottom:1px solid #DEDB70;*/
border-bottom:1px dotted gray;
background-color:#DEDB70;
color:#357707;
}
div.zagRez{
border-right:1px outset #357707;
/*border-bottom:1px solid #D06F52;*/
border-bottom:1px dotted gray;
background-color:#E68E73;
color:#29311C;
}
div.zagRez img,
div.zagEditRez img{
/*position:absolute;*/
float:right;
margin:0 5px 0 0;
/*left:1px;*/
/*right:10px;*/
}
div.zagrez>span,
div.zagrez>a>span,
div.zagEditRez>a>span{
/*padding:0 0 0 4px;*/
color:#29311C;
text-shadow:none;
font-weight:normal;

}
div.zagEditRez>a,
div.sloter>a{
text-decoration:none
}
div.editrezervacija,
div.rezervacija{
position:relative;
height:2.5em;
border:0px;
text-shadow:none;
font-weight:normal;
/*text-align:right;*/
}
div.editrezervacija 
{
border-right:1px outset #357707;
border-bottom:1px solid #E4E182;
background-color:#FDFA8F;
text-align:right;
padding-right:6px;
color: #7D8676;

}
span.labelaSat{
/*margin-right:2px;*/
float:right;
}
div.rezervacija
{
border-right:1px outset #357707;
border-bottom:1px dotted gray;
border-bottom:1px solid #B98B82;
/*background-color:#DBA497;*/
background-color:#EFC3B9;
/*color:#B98B82;*/
color:#735751;
padding-right: 6px;
text-align: right;
}
div.zadnjiTerminRezervacije{border-bottom:1px outset #357707;}

span.empty/*sluzi za tretiranje cijelog <div> polja kao linka*/
{ 
  position:absolute; 
  width:100%;
  height:100%;
  /*margin: 0 auto;*/
  /* edit: added z-index */
  z-index: 1 
  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('empty.gif');
  /*box-shadow: 10px 10px 5px #888888;*/
} 
.zagEditRez span.empty:hover{
background-color:#FFFF2A;
}
.sloter >a>span.empty:hover
{
background-color:#65A265;
}
span.empty >span.vrijeme{
	width:32px;
	display: inline-block;
	float: right;
	/*color: #357707;*/
	color: #7F9073;
	color: #613932;
}
a>span.empty >span.vrijeme{
	color: #357707;
}
span.empty >span.rezerviranoZa{
	display: inline-block;
	/*margin: 0 32px;*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left:3px;
	/*width: 80%;*/
	/*width:80%;*/
	float:left;
	width:60%;
}


/* definicije za tablicu rezervacija kraj */

#erezervacija>div.ui-content{
/* poništavanje defaultnog style-a */
padding:0;
}
.ui-datebox-container>.ui-header.ui-bar-a{
display:none;
}
.ui-popup-container .ui-datebox-container {
border: 2px solid #97E232 !important;
}
.ui-datebox-griddate-label{
color:white;
}
.ui-btn-up-e{
/*background:red;*/
color:red;
background:white;
border: 1px solid #BBBBBB;;
}
.ui-btn-down-e{
/*background:red;*/
background:#FFEDED;
border: 1px solid red;
}
.ui-datebox-grid .ui-btn-up-a,
.ui-datebox-grid .ui-btn-down-a
{
background:#C3C3C3;
color: #333333;
/*color: green*/;
/*text-shadow: 0 1px 0 #FFFFFF;*/
/*font-size: 14px;*/
font-weight: bold;
}

.ui-datebox-griddate-disable {
  color:#D4D4D4;
}
/* postavke html */

.ui-page, .ui-header, .ui-content{
max-width:960px;
}
@media only screen and (max-width: 960px){
#headerD{
display:none;
}
}

@media (max-width: 481px) {
	span.empty >span.rezerviranoZa,
	span.empty >span.vrijeme,
	div.editrezervacija>span.labelaSat,
	div.rezervacija>span.labelaSat
	{
		font-size:0.9em;
	}	
	span.empty >span.vrijeme,
	span.labelaSat
	{
	width:28px;
	}
	div.editrezervacija{
		padding-right:4px;
	}
}
@media (max-width: 401px) {
	span.empty >span.rezerviranoZa,
	span.empty >span.vrijeme,
	div.editrezervacija >span.labelaSat,
	div.rezervacija>span.labelaSat
	{
		font-size:0.8em;
	}	
	span.empty >span.vrijeme,
	span.labelaSat
	{
	width:23px;
	}
	div.editrezervacija{
		padding-right:2px;
	}
}


@media (min-width: 600px) {
	/* Show the table header rows and set all cells to display: table-cell */ 
	.tablicaAktivneRezervacije td,
	.tablicaAktivneRezervacije th,
	.tablicaAktivneRezervacije tbody th,
	.tablicaAktivneRezervacije tbody td,
	.tablicaAktivneRezervacije thead td,
	.tablicaAktivneRezervacije thead th {
		display: table-cell;
		margin: 0;
	}
	/* Hide the labels in each cell */ 
	.tablicaAktivneRezervacije td .ui-table-cell-label,
	.tablicaAktivneRezervacije th .ui-table-cell-label { 
		display: none;
	}
}
@media only screen and (min-width: 960px){
.ui-page  {
margin: 0 auto;
position: relative !important;
}
.ui-header {
margin: 0 auto;
}
.ui-navbar.ui-mini  >ul >li >a{
margin:0 !important;
}
#headerM{
display:none;
}
}