/* CSS Document */
.ui-header .ui-title, .ui-footer .ui-title {
	margin-left:15%;
	margin-right:15%;
}
.ui-content {
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
}
#rezervace .ui-content {
	max-width:none;
	margin-left:0;
	margin-right:0;
}
.ui-form-narrow {
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
}
.custom-corners {
	margin-top:0;
	margin-bottom: 1em;
}
.ui-footer [class*=ui-grid-] [class*=ui-block-] .ui-btn { display:block; }
.ui-icon-inline {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: auto !important;
}
html .ui-nodisc-icon:after {
	background-color:transparent!important;
}
.ui-input-color {
	position:absolute;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	padding:0.4em;
	min-height:1.4em;
	margin-top:0;
	margin-right:0;
}
.sp-preview {
	width:1.5em;
}
.sp-dd {
	width:1em;
}

/* dialogové okno dotazů uživatele */
#dialogPrompt div.buttons { text-align:center; margin-top:1.2em }

/* Custom indentations are needed because the length of custom labels differs from
   the length of the standard labels */
.vozidlo-vyrazene-flipswitch.ui-flipswitch .ui-btn.ui-flipswitch-on {
	text-indent: -5.9em;
}
.vozidlo-vyrazene-flipswitch.ui-flipswitch .ui-flipswitch-off {
	text-indent: 0.5em;
}
/* Custom widths are needed because the length of custom labels differs from
   the length of the standard labels */
.vozidlo-vyrazene-flipswitch.ui-flipswitch {
	width: 8.875em;
	display:block;
	float:left;
}
.vozidlo-vyrazene-flipswitch.ui-flipswitch.ui-flipswitch-active {
	padding-left: 7em;
	width: 1.875em;
}
.vozidlo-vyrazene-info {
	margin-left:9.5em;
	padding-top:8px;
}
.form-buttons {
	clear:both;
}

.vozidlo-foto-corners .ui-bar,
.rezervace-corners .ui-bar {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius: inherit;
	padding: 0.6em 1em;
}
.vozidlo-foto-corners .ui-body {
	border-top-width: 0;
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
}
.rezervace-vozidlo-corners .ui-bar {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
}
.rezervace-vozidlo-corners .ui-body {
  border-top-width: 0;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

/* Hide the number input */
.full-width-slider .ui-slider input.ui-slider-input {
	display: none!important;
}
.full-width-slider .ui-slider-track {
	margin-left: 15px!important;
}
.progressbar .ui-slider-handle {
	display: none!important;
}

/* Datum a čas v jednom řádku */
.ui-date-time .ui-block-a>div,
.ui-date-time .ui-block-b>div { margin-top:0; margin-bottom:0; }
.ui-date-time label { margin-bottom:0.5em; }
.ui-date-time .ui-block-a { width:65%; }
.ui-date-time .ui-block-b { width:35%; }
.ui-date-time .ui-block-a>div { border-top-right-radius:0;border-bottom-right-radius:0;border-right-style:none; }
.ui-date-time .ui-block-b>div { border-top-left-radius:0;border-bottom-left-radius:0; }

/* Rezervace */

#rezervace-header-fixed {
	/* 200×72px */
	position:absolute;
	width:183px;
	height:40px;
	padding:27px 8px 4px;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	z-index:200;
	background-color:rgb(240,240,240);
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:black;
}
#rezervace-header-date {
	position:absolute;
	margin-left:200px;
	white-space:nowrap;
	z-index:101;
}
#rezervace-header-date div {
	/* 40×72px */
	display:inline-block;
	width:27px;
	height:63px;
	padding:4px 0 4px 12px;
	border-right:1px solid rgb(221,221,221);
	border-bottom:1px solid gray;
	text-align:center;
	background-color:rgb(240,240,240);
	overflow:hidden;
}
#rezervace-header-date div span {
	display:block;
	width:63px;
	height:63px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#rezervace-header-date .past { color:#999999; text-shadow:none; }
#rezervace-header-date .day-sat { background-color:#ccc; }
#rezervace-header-date .day-sun { background-color:#ccc; }
#rezervace-header-date .today {	background-color:#fff0f0; font-weight:bold; }
#rezervace-header-date .day-sat.today { color:#999; }
#rezervace-header-date .day-sun.today { color:#999; }
#rezervace-header-vozidla {
	position:absolute;
	margin-top:72px;
	z-index:100;
}
#rezervace-header-vozidla .majitel {
	display:block;
	height:22px;
	padding:4px 4px 0px 4px;
	color:black;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	width:auto;
	width:182px;
	background-color:#DBDBD7;
	border-bottom:1px solid rgb(221,221,221);
}
#rezervace-header-vozidla .majitel div {
	position:absolute;
}
#rezervace-header-vozidla .vozidlo {
	/* 200×80px */
	display:block;
	width:187px;
	height:71px;
	padding:4px 8px 4px 4px;
	border-right:1px solid gray;
	border-bottom:1px solid rgb(221,221,221);
	background-color:rgb(240,240,240);
	font-weight:normal;
	text-decoration:none;
	color:black;
	text-shadow:rgb(243,243,243) 0px 1px 4px;
	overflow:hidden;
}
#rezervace-header-vozidla .vozidlo .name {
	padding:0;
	margin:0;
	font-weight:bold;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	height:20px;
}
#rezervace-header-vozidla .vozidlo .info {
	font-size:80%;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
#rezervace-header-vozidla .darkcolor {
	color:white;
	text-shadow:rgb(12,12,12) 0px 1px 4px;
}
#rezervace-header-vozidla .darkcolor img {
	border-color:rgb(34,34,34);
}
#rezervace-data {
	margin-left:200px;
	margin-top:72px;
}
#rezervace-data a {
	text-decoration:none;
}
#rezervace-data .row {
	height:80px;
	white-space:nowrap;
}
#rezervace-data .row a {
	display:inline-block;
	width:39px;
	height:79px;
	border-right:1px solid rgb(221,221,221);
	border-bottom:1px solid rgb(221,221,221);
	vertical-align:top;
}
#rezervace-data .majitel {
	display:block;
	height:26px;
	background-color:#dbdbd7;
	border-bottom:1px solid rgb(221,221,221);
	border-right:1px solid rgb(221,221,221);
}
#rezervace-data .cell {
	display:block;
	height:71px;
	padding:4px 8px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:normal;
	font-weight:normal;
	font-size:80%;
	color:black;
}
#rezervace-data .free { background-color:white; }
#rezervace-data .today { background-color:#fff0f0; }
#rezervace-data .past { background-color:#f0f0f0; }
#rezervace-data .rezervace {
	background-color:#33cc00;
	-moz-box-shadow:    inset 0 0 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	box-shadow:         inset 0 0 6px rgba(0,0,0,0.5);
}
#rezervace-data .vraceno { background-color:#999999; }
#rezervace-data .zapujceno { background-color:#ff9900; }
#rezervace-data .rezervace.locked { background-color:#bbeeaa; }
#rezervace-data .vraceno.locked { background-color:#cccccc; }
#rezervace-data .zapujceno.locked { background-color:#e6d1b3; }
#rezervace-data .selected { background-color:#33ccff; }
#rezervace-data .today {
	width:35px;
}
#rezervace-data .today .cell {
	border-left:2px solid red;
	border-right:2px solid red;
}

/* jednotka vložená za prvek INPUT */
input.ui-input-unit {
	display:inline-block;
	padding-right:2.2em;
}
input.ui-input-unit+span {
	position:absolute;
	margin-left:-2em;
	margin-top:0.5em;
}

/* ikony vozidel */
.vozidlo-small-icon {
	display:block;
	background-size:90% auto;
	background-clip:background-box;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:white;
	border:3px solid #cccccc;
	width:44px;
	height:44px;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	box-shadow:1px 1px 5px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow:1px 1px 5px 1px rgba(0,0,0,0.25);
	-moz-box-shadow:1px 1px 5px 1px rgba(0,0,0,0.25);
	-webkit-transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-moz-transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-o-transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}
.vozidlo-small-icon:hover {
	background-size:100% auto;
	-webkit-transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-moz-transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-o-transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}
.vozidlo-small-icon::after {
	display:block;
	box-shadow:-2px -2px 6px 3px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow:-2px -2px 6px 3px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:-2px -2px 6px 3px rgba(0,0,0,0.1) inset;
	width:44px;
	height:44px;
	content:"";
	border-radius:25px;
	-webkit-border-radius:25px;
}
.vozidlo-icon {
	display:block;
	border:4px solid #cccccc;
	background-size:90% auto;
	background-clip:background-box;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:white;
	width:144px;
	height:144px;
	border-radius:80px;
	-webkit-border-radius:80px;
	-moz-border-radius:80px;
	box-shadow:1px 1px 10px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow:1px 1px 10px 1px rgba(0,0,0,0.25);
	-moz-box-shadow:1px 1px 10px 1px rgba(0,0,0,0.25);
	-webkit-transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-moz-transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-o-transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}
.vozidlo-icon:hover {
	background-size:100% auto;
	-webkit-transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-moz-transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	-o-transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
	transition: background-size 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}
.vozidlo-icon::after {
	display:block;
	box-shadow:-6px -6px 18px 8px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow:-6px -6px 18px 8px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:-6px -6px 18px 8px rgba(0,0,0,0.1) inset;
	width:144px;
	height:144px;
	content:"";
	border-radius:80px;
	-webkit-border-radius:80px;
}

/* formulář pro editaci rezervací */
#rezervace-edit .ui-table-columntoggle-btn { display:none }

/* kompaktn datum a čas */
.ui-date-time .ui-mini {
	margin-left:0;
	margin-right:0;
}

#rezervace-vozidlo .ui-content {
	max-width:960px;
}

.rezervace-vozidlo-fields .name {
	font-size:120%;
	font-weight:bold;
}

.rezervace-vozidlo-fields .field label {
	color:rgb(51,51,51);
	display:block;
	margnin-right:2%;
	width:20%;
	font-weight:bold;
	float:left;
	clear:left;
}

.rezervace-vozidlo-fields .field div {
	color:rgb(51,51,51);
	display:block;
	margin-left:22%;
}

#rezervace-header-vozidla .vozidlo .vozidlo-small-icon {
	margin:1px 4px 0 0;
	float:left;
}

.rezervace-vozidlo-fields .vozidlo-icon {
	float:right;
	margin-left:8px;
}

@media (max-width: 447px) {
	.rezervace-vozidlo-fields .field label {
		float:none;
		clear:none;
		margin:0.5em 0 0;
		padding:0.5em 0 0;
		width:100%;
	}
	.rezervace-vozidlo-fields .field div {
		margin:0.5em 0;
		padding:0 0 0.5em;
		border-bottom:1px solid silver;
	}
	.rezervace-vozidlo-fields .vozidlo-icon {
		display:none;
	}
}

#rezervace-vozidlo-calendar,#rezervace-vozidlo-empty { margin-top:0.5em; }
#rezervace-vozidlo-calendar .ui-bar h3 { margin:0.75em 0; }
#rezervace-vozidlo-calendar .ui-bar button { height:11px; padding: 0.7em; }
#rezervace-vozidlo-calendar .ui-calendar {
	text-align:center;
	max-width:50em;
	margin: 0 auto;
	font-size:9pt;
}

#rezervace-vozidlo-calendar .month {
	display:inline-block;
	width:11.6em;
	height:12.1em;
	text-align:left;
	line-height:1em;
	overflow:hidden;
	vertical-align:top;
	padding:0 0 0 0.3em;
}
#rezervace-vozidlo-calendar .month .name {
	display:block;
	background-color:#3366cc;
	color:white;
	font-weight:normal;
	color:white;
	width:11em;
	height:1.2em;
	padding:0.1em 0.2em 0 0;
	text-align:center;
}
#rezervace-vozidlo-calendar .daynames {
	font-weight:bold;
	width:11.2em;
}
#rezervace-vozidlo-calendar .day {
	display:inline-block;
	width:1.6em;
	height:1em;
	line-height:0.9em;
	padding:0.2em 0;
	white-space:nowrap;
	text-align:center;
	overflow:hidden;
	text-shadow:none;
}
#rezervace-vozidlo-calendar .daynames .day {
	background-color:#99ccff;
	border-width:0px;
}
#rezervace-vozidlo-calendar .daynames .weekend {
	background-color:#77bbff;
}

#rezervace-vozidlo-calendar .rezervace { background-color:#33cc00; color:white; cursor:pointer; }
#rezervace-vozidlo-calendar .vraceno { background-color:#999999; }
#rezervace-vozidlo-calendar .zapujceno { background-color:#ff9900; }
#rezervace-vozidlo-calendar .rezervace-start { border-top-left-radius:0.7em; border-bottom-left-radius:0.7em; }
#rezervace-vozidlo-calendar .rezervace-end { border-top-right-radius:0.7em; border-bottom-right-radius:0.7em; }

@media (min-width: 28em) {
	#vozidlo-edit .ui-dialog-contain {
		margin-top:24px;
	}
}

@media (min-width: 28em) {
	/*Repeated from rule .ui-flipswitch above*/
	.ui-field-contain > label + .vozidlo-vyrazene-flipswitch.ui-flipswitch {
		width: 1.875em;
	}
}

@media (max-width: 547px) {
	/* první sloupec na 120px */
	#rezervace-header-fixed { width:103px; }
	#rezervace-header-date { margin-left:120px; }
	#rezervace-header-vozidla .majitel { width:112px; }
	#rezervace-header-vozidla .vozidlo { width:107px; }
	#rezervace-header-vozidla .vozidlo img { display:none; }
	#rezervace-header-vozidla .vozidlo .name {
		font-weight:normal;
		white-space:normal;
		text-overflow:none;
		overflow:hidden;
		height:auto;
		display:block;
	}
	#rezervace-header-vozidla .vozidlo .info {
		white-space:normal;
		text-overflow:none;
		overflow:hidden;
		height:auto;
		display:block;
		font-style:italic;
	}
	#rezervace-header-vozidla .vozidlo .info br,
	#rezervace-header-vozidla .vozidlo .info br:after { content:', '; }
	#rezervace-header-vozidla .low-priority { display:none; }
	#rezervace-data { margin-left:120px;	}
}

@media (max-width: 338px) {
	#rezervace-vozidlo-calendar-minus { display:none; }
	#rezervace-vozidlo-calendar-plus { display:none; }
	#rezervace-vozidlo-calendar-year-button { border-radius:0.3125em; border-width:1px; }
}

/* Stav rezervací vozidel */

#stav [data-role="content"],
#pujcovna [data-role="content"] {
	text-align:left;
	max-width:960px;
	margin-left:auto;
	margin-right: auto;
}
.stav-vozidlo .ui-btn {
	white-space:normal;
	text-align:left;
}
.stav-vozidlo {
	display:inline-block;
	width:24%;
	padding:0 0.5%;
	vertical-align:top;
	white-space:normal;
}

.stav-vozidlo .name {
	font-size:120%;
	font-weight:bold;
}

.stav-vozidlo .field {
	clear:left;
	color:rgb(51,51,51);
	margin-top: 0.25em;
}

.stav-vozidlo .field label {
	display:block;
	width:80px;
	font-weight:bold;
	float:left;
	clear:left;
}

.stav-vozidlo .field div {
	display:block;
	margin-left:84px;
}

.stav-vozidlo .vozidlo-icon {
	margin:0 auto 8px;
}

.icon-stav-zapujceno,
.icon-stav-zapujceno-black,
.icon-stav-zapujceno-gold,
.icon-stav-zapujceno-white,
.icon-stav-rezervace-aktivni,
.icon-stav-rezervace-budouci,
.icon-stav-rezervace-prosla {
	padding-left:44px;
	min-height:38px;
	background-position:0 center;
	background-size:36px 36px;
	background-repeat:no-repeat;
	float:left;
}

.icon-stav-zapujceno, .icon-stav-zapujceno-black {
	background-image:url('/images/stav-zapujceno-black.svg');
}
.icon-stav-zapujceno-gold {
	background-image:url('/images/stav-zapujceno-gold.svg');
}
.icon-stav-zapujceno-white {
	background-image:url('/images/stav-zapujceno-white.svg');
}
.icon-stav-rezervace-aktivni {
	background-image:url('/images/stav-rezervace-aktivni.svg');
}
.icon-stav-rezervace-budouci {
	background-image:url('/images/stav-rezervace-budouci.svg');
}
.icon-stav-rezervace-prosla {
	background-image:url('/images/stav-rezervace-prosla.svg');
}

@media (max-width: 888px) {
	.stav-vozidlo {
		width:32.5%;
		padding:0 0.4%;
	}
}
@media (max-width: 666px) {
	.stav-vozidlo {
		width:49%;
		padding:0 0.49%;
	}
}
@media (max-width: 460px) {
	.stav-vozidlo {
		width:100%;
		padding:0;
	}
}
@media (max-width: 239px) {
	.stav-vozidlo .field label {
		float:none;
		clear:none;
		margin:0 0 0;
		padding:0.5em 0 0;
		width:100%;
	}
	.stav-vozidlo .field {
		border-bottom:1px solid silver;
	}
	.stav-vozidlo .field div {
		margin:0 0 0 0;
		padding:0 0 0.5em;
	}
	.stav-vozidlo .vozidlo-icon {
		display:none;
	}
	.icon-stav-zapujceno,
	.icon-stav-zapujceno-black,
	.icon-stav-zapujceno-gold,
	.icon-stav-zapujceno-white,
	.icon-stav-rezervace-aktivni,
	.icon-stav-rezervace-budouci,
	.icon-stav-rezervace-prosla {
		padding:0.5em 0;
		min-height:auto;
		background-image:none;
	}
}

/* editace role */
.icon-comment {
	font-style:italic;
	padding-left: 1.75em;
	margin-block-start: 0;
	margin-block-end: 0;
	margin: 0.2em 0 0 0;
}
.icon-comment .ui-icon,
.icon-comment .ui-alt-icon {
	display:block;
	position:absolute;
	height: 16px;
	margin: 0 0 0 -1em;
}