@charset "utf-8";
/* CSS Document */
body {
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica,  sans-serif;
}
.position_line {
	margin: 60px auto 30px auto;
	max-width: 400px;
	width: 90%;
	border: 1px #DDD solid;
	position: relative;
}
.position_number {
	position: absolute;
	background-color: #DDD;
	width: 30px;
	height: 24px;
	border-radius: 50px;
	margin: -15px -5px;
	color: white;
	font-weight:bold;
	text-align:center;
	padding-top: 6px;
}
.position_1 {
	left: 1%;
}
.position_2 {
	left: 33%;
}
.position_3 {
	left: 66%;
}
.alter2 {
	left: 50%;
}
.position_4, .alter3 {
	left: 99%;
}
.position_popis {
	position: absolute;
	width: 100px;
	color: #DDD;
	margin: 20px 0 0 -35px;
	text-align:center;
}
.position_selected {
	background-color: #55b30c;
	width: 50px;
	height: 35px;
	margin-top: -25px;
	padding-top: 15px
}
.position_selected .position_popis {
	margin-left:-25px;
	color: gray;
}
.datum_select, .vyber_select, .udaje_select, #dokonceni {
	position: relative;
	margin: 100px auto;
	max-width: 500px;
	width: 100vw;
	border: solid 1px gray;
	min-height:100px;
	
	text-align:center;
	background-color: white;
}
.dokonceni {
	position: relative;
	margin: -90px auto;
	max-width: 500px;
	text-align:center;
}
.poplatky_div {
	position: relative;
	margin: 10px auto;
	width: 80%;
	border: solid 1px gray;
	padding: 40px 0;
	
	text-align:center;
}
.div_popis {
	position: relative;
	margin:  -12px auto;
	width: 100px;
	padding: 5px;
	background-color: white;
	text-align:center;
	color: gray;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 0.9em;
	
	
	
}
.div_popis_hlavni {
    
}
.red {color:#BB0003 !important;}
.div_popis2 {
	margin-top: -20px;
    width: 250px;
    margin-bottom: 10px;
}
.datum_vyber {
	margin-top: 50px;
	color: gray;
}
.tlacitko {
	margin:30px;
}
input, select {
	font-size: 1.5em;
	border: 2px solid #BBB;
	padding:3px;
}
@keyframes blink { 
   50% { background-color: #AEDCA7; } 
}
.pick_field {
	animation: blink 1.0s step-end infinite alternate;
}
.cal_in .ui-state-default {
	border: #3fa105 1px solid;
	border-bottom: #dd0000 1px solid;
	border-right: #dd0000 1px solid;
	background: green url("../jquery-ui-host/images/cal_in.png") center center;
	background-size: 100% 100%;
}
.cal_out .ui-state-default{
	border: #3fa105 1px solid;
	border-bottom: #dd0000 1px solid;
	border-left: #dd0000 1px solid;
	background: green url("../jquery-ui-host/images/cal_out.png") center center;
	background-size: 100% 100%;
}
.ikona {
	width: auto;
	height: 35px;
	fill: black;
}
/* input checkbox  */
input[type=checkbox] {
  display: block;
  height: 53px;
  margin: 0 0 -53px -9999px;
  order: 4;
  outline: none;
  counter-increment: undone-items;
}

input[type=checkbox]:checked {
  order: 2;
  counter-increment: done-items;  
}

label {
  /*display: block;*/
  position: relative;
  padding: 5px 0 0px 45px;
  /*border-top: 1px dashed #fff;*/
  order: 4;
  cursor: pointer;
  animation: undone .5s;
}

label::before {
  content: '\f1db'; /* thin circle outline */
  display: block;
  position: absolute;
  top: 11px;
  left: 10px;
  font: 2.2em 'FontAwesome';
  color: gray;
}

label:hover, input:focus + label {
  background-color: rgba(255, 255, 255, .2);
}

input:checked + label {
  order: 2;
  animation: done .5s;
}

input:checked + label::before {
  content: '\f058'; /* circle checkmark */
  color: #55b30c;
}
.tlacitko_zpet  {
	-webkit-filter: brightness(1.8) grayscale(1);
}
.spatne {
	/*animation: blink_spatne 1.0s step-end infinite alternate;*/
	border: red solid 2px;
}
@keyframes blink_spatne { 
   50% { border: red solid 2px; } 
}
.spravne {
	 border: green solid 2px;
}
.result {
	color: black;
}
.result_cena {
	color: #BB0003;
	font-weight:bold;
	font-size: 110%;
}
.trasa td {
	color: gray;
	font-size: 110%;
}
.trasa .sml {
	font-size: 80%;
}
#map {
	width: 100%;
	height:350px;
}
.podminky, .souhlas {
	width: 100%;
	height: 300px;
	overflow:auto;
	display: none;
	font-size: 70%;
	margin-top: 30px;
}
.vyber_select, .udaje_select, .dokonceni {
	display:hide;
}
#zaver {
	margin-top: 100px;
}
@media print
{
    div {
		-webkit-print-color-adjust:exact;
	}
	.position_line, #spodek, .ui-tooltip  {
		display: none !important;
	}
	.dokonceni {
		margin-top: -100px;
	}
	
}
.bublina_obal_info {
	width: 90%;
	
	background-color: rgba(0,83,161,0.30);
	border: rgba(0,83,161,1) solid 2px;
	position:relative;
	padding: 30px 30px 30px 60px;
	font-family: arial, sans-serif;
	color: rgba(0,83,161,1);
	margin:auto;
}
.bublina_i {
	color: rgba(0,83,161,1);
	font-size:60px;
	position:absolute;
	top: -12px;
	left: 4px;
}

.bublina_obal_alert {
	width: 80%;
	
	background-color: rgba(215,0,3,0.30);
	border: rgba(215,0,3,1.00) solid 2px;
	position:relative;
	padding: 30px 30px 30px 60px;
	font-family: arial, sans-serif;
	color: rgba(215,0,3,1.00);
	margin:auto;
}
.bublina_al {
	color: rgba(215,0,3,1.00);
	font-size:60px;
	position:absolute;
	top: -12px;
	left: 4px;
}