/*
------------------------------------------------
	IKVC CSS Overrides
------------------------------------------------
*/

/*green*/
#cartForm .row.day .row.connection .connectionDetails .connectionItem .trainNumber span.r, 
#cartForm .row.day .row.connection > .col-xs-12 > .row.connection-train table.table-timetable tr td.trainNumber span.r, 
#ticketsForm #booking #singleTicket .selectedTrain table.table-timetable tr td.trainNumber span.r, 
#ticketsForm #services #singleTicket .selectedTrain table.table-timetable tr td.trainNumber span.r, 
#ticketsForm #tickets #singleTicket .selectedTrain table.table-timetable tr td.trainNumber span.r,
#connections .connection-body h3 span.r,
#connections #connectionChooser .connection .connectionDetails .connectionItem .trainNumber span.r {
    color: green;
}
/*yellow*/
#cartForm .row.day .row.connection .connectionDetails .connectionItem .trainNumber span.en, 
#cartForm .row.day .row.connection > .col-xs-12 > .row.connection-train table.table-timetable tr td.trainNumber span.en, 
#ticketsForm #booking #singleTicket .selectedTrain table.table-timetable tr td.trainNumber span.en, 
#ticketsForm #services #singleTicket .selectedTrain table.table-timetable tr td.trainNumber span.en, 
#ticketsForm #tickets #singleTicket .selectedTrain table.table-timetable tr td.trainNumber span.en,
#connections .connection-body h3 span.en,
#connections #connectionChooser .connection .connectionDetails .connectionItem .trainNumber span.en {
    color:  #d59d13;
}
/*blue*/
#cartForm .row.day .row.connection .connectionDetails .connectionItem .trainNumber span.os, 
#cartForm .row.day .row.connection > .col-xs-12 > .row.connection-train table.table-timetable tr td.trainNumber span.os, 
#ticketsForm #booking #singleTicket .selectedTrain table.table-timetable tr td.trainNumber span.os, 
#ticketsForm #services #singleTicket .selectedTrain table.table-timetable tr td.trainNumber span.os, 
#ticketsForm #tickets #singleTicket .selectedTrain table.table-timetable tr td.trainNumber span.os,
#connections .connection-body h3 span.os,
#connections #connectionChooser .connection .connectionDetails .connectionItem .trainNumber span.os {
    color: #2969b5;
}
/*orange*/
#cartForm .row.day .row.connection .connectionDetails .connectionItem .trainNumber span.ic, 
#cartForm .row.day .row.connection > .col-xs-12 > .row.connection-train table.table-timetable tr td.trainNumber span.ic, 
#ticketsForm #booking #singleTicket .selectedTrain table.table-timetable tr td.trainNumber span.ic, 
#ticketsForm #services #singleTicket .selectedTrain table.table-timetable tr td.trainNumber span.ic, 
#ticketsForm #tickets #singleTicket .selectedTrain table.table-timetable tr td.trainNumber span.ic,
#connections .connection-body h3 span.ic,
#connections #connectionChooser .connection .connectionDetails .connectionItem .trainNumber span.ic {
    color: #fc833d;
}

#searchParamForm #setPassengerGroup {
	display: block;
}

/* farba placeholdera v inputoch odkial a kam */
#searchParamForm .form-group:not(.checkbox-form-group) input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #dbdbdb;
}
#searchParamForm .form-group:not(.checkbox-form-group) input::-moz-placeholder { /* Firefox 19+ */
  color: #dbdbdb;
}
#searchParamForm .form-group:not(.checkbox-form-group) input:-ms-input-placeholder { /* IE 10+ */
  color: #dbdbdb;
}
#searchParamForm .form-group:not(.checkbox-form-group) input:-moz-placeholder { /* Firefox 18- */
  color: #dbdbdb;
}

#ticketsForm .error-message {
	margin-top:-5px!important;
	margin-bottom:12px!important;
}

/* primefaces validation messages */
.ui-messages-info, 
.ui-messages-warn, 
.ui-messages-error,
.ui-messages-fatal,
.ui-message-info, 
.ui-message-warn, 
.ui-message-error, 
.ui-message-fatal {
	color:#f04e37!important;
    border:none!important;
    background: none!important;
    padding:0 0!important;
}

.ui-messages-info-icon, 
.ui-messages-warn-icon, 
.ui-messages-error-icon,
.ui-messages-fatal-icon,
.ui-message-info-icon, 
.ui-message-warn-icon, 
.ui-message-error-icon, 
.ui-message-fatal-icon {
	height:0!important;
	width:0!important;
	background: none!important;
}

.ui-messages-info-detail, 
.ui-messages-warn-detail, 
.ui-messages-error-detail,
.ui-messages-fatal-detail,
.ui-message-info-detail, 
.ui-message-warn-detail, 
.ui-message-error-detail, 
.ui-message-fatal-detail {
	margin-left: 0!important;	
}

/* aby neutekali lavy a pravy obrazok */
.wagon-seats .wagon-whole {
    width: 977px;
}

.wagon-seats .wagon-left {
    float: left;
    height: 151px;
    margin: 0 0 0 10px;
    padding: 0;
}

.wagon-seats .wagon-centre {
    position: relative;
    margin: 0;
    float: left;
    padding: 0 0 0 0;
}

.seat-tabs{
	margin-bottom: 10px;
}

.tmp-custom div,
.tmp-custom span,
.tmp-custom applet,
.tmp-custom object,
.tmp-custom iframe,
.tmp-custom h1,
.tmp-custom h2,
.tmp-custom h3,
.tmp-custom h4,
.tmp-custom h5,
.tmp-custom h6,
.tmp-custom p,
.tmp-custom blockquote,
.tmp-custom pre,
.tmp-custom a,
.tmp-custom abbr,
.tmp-custom acronym,
.tmp-custom address,
.tmp-custom big,
.tmp-custom cite,
.tmp-custom code,
.tmp-custom del,
.tmp-custom dfn,
.tmp-custom em,
.tmp-custom img,
.tmp-custom ins,
.tmp-custom kbd,
.tmp-custom q,
.tmp-custom s,
.tmp-custom samp,
.tmp-custom small,
.tmp-custom strike,
.tmp-custom strong,
.tmp-custom sub,
.tmp-custom sup,
.tmp-custom tt,
.tmp-custom var,
.tmp-custom b,
.tmp-custom u,
.tmp-custom i,
.tmp-custom center,
.tmp-custom dl,
.tmp-custom dt,
.tmp-custom dd,
.tmp-custom ol,
.tmp-custom ul,
.tmp-custom li,
.tmp-custom fieldset,
.tmp-custom form,
.tmp-custom label,
.tmp-custom legend,
.tmp-custom table,
.tmp-custom caption,
.tmp-custom tbody,
.tmp-custom tfoot,
.tmp-custom thead,
.tmp-custom tr,
.tmp-custom th,
.tmp-custom td,
.tmp-custom article,
.tmp-custom aside,
.tmp-custom canvas,
.tmp-custom details,
.tmp-custom embed,
.tmp-custom figure,
.tmp-custom figcaption,
.tmp-custom footer,
.tmp-custom header,
.tmp-custom hgroup,
.tmp-custom menu,
.tmp-custom nav,
.tmp-custom output,
.tmp-custom ruby,
.tmp-custom section,
.tmp-custom summary,
.tmp-custom time,
.tmp-custom mark,
.tmp-custom audio,
.tmp-custom video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.wagon-seats .wagon-right {
    float: left;
    height: 151px;
    margin: 0;
    padding: 0;
}

/* product.xhtml - unchecked dummy radio */
 ul.ticket-options__selector li > div.option > div.radioContainer {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/javax.faces.resource/theme/img/icon-radio-unchk.png.xhtml);
  vertical-align: middle;
  margin: 0 5px !important;
}

/* product.xhtml - checked dummy radio */
 ul.ticket-options__selector li.selected > div.option > div.radioContainer {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/javax.faces.resource/theme/img/icon-radio-chk.png.xhtml);
  vertical-align: middle;
  margin: 0 5px !important;
}

 ul.ticket-options__selector {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}
/*
  .ticket-options__seat-selector {
  position: relative;
  margin-left: -220px;
  float: left;
  width: 958px;
  height: 880px;
  background-color: #d5e0ee;
  padding: 20px;
  text-align: center;
} 
*/
 ul.ticket-options__selector li {
  float: left;
  display: inline-block;
  width: 190px;
  height: 60px;
  padding: 0 10px;
  margin: 0 10px 10px 0;
  text-align: left;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #d5e0ee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
 ul.ticket-options__selector li .title {
  float: left;
  width: 100%;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
}
 ul.ticket-options__selector li .option {
  float: left;
  width: 100%;
  height: 34px;
  line-height: 34px;
}
 ul.ticket-options__selector li .option label {
  color: #f94f2e;
  font-size: 16px;
  font-weight: bold;
}
 ul.ticket-options__selector li.selected {
  background-color: #2969b5;
  color: #ffffff;
  border-color: #2969b5;
}
 ul.ticket-options__selector li.selected label {
  color: #ffffff;
}

body.ui-mobile-viewport, div.ui-mobile-viewport {
    overflow-x: hidden;
}


.ui-mobile,.ui-mobile body{
	height:99.9%;
	}

.ui-mobile-viewport {
    margin: 0;
    overflow-x: visible;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


.canvas {
  max-width: 650px;
  align-items: center;
  background: #ccc;
  border-radius: 50%;
  box-shadow: 0 5px 20px rgba(0,0,0,0.2);
  display: flex;
  justify-content: center;
  margin: 1em auto;
  height: 4.5vw;
  width: 4.5vw;
}

.spinner4 {
  animation: spinnerFour 1s linear infinite;
  border: solid 7px transparent;
  border-top: solid 7px #000;
  border-radius: 100%;
  width: 3vw;
  height: 3vw;
}

@keyframes spinnerFour {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.printContainer {
	display: none;
}


.searchConnectionCart {
	color:#e86726;
	font-size: 22px;
}
	
.searchConnectionCartDisabled {
	color:grey;
	font-size: 22px;
}

.my-account-menu {
	top: 416px;
	position: absolute;
	padding-left: 16px;
	border-top: dashed 1px #e86726;
	width: 100%;
	padding-top: 4px;
}

.btn.btn-primary span.sub {
	font-size:16px;
	font-weight:400;
	display:block;
}

/* Uprava pre spiatocne spojenia na stranke suhrnu */
#cartForm .row.day .row.connection .connectionDetails .connectionItem {
	
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

#cartForm .row.day .row.connection .tickets .passenger,
#cartForm .row.day .row.connection .tickets .tickets-summary
 {
	margin-right: -15px; 
    margin-left: -15px;
	padding: 20px 0px; 
}

#cartForm .row.day .row.connection .connectionSummary {
	margin-right: -15px;
    margin-left: -15px;	
	padding: 7px 0px 15px;
}

@media (min-width: 992px) {}
	#searchParamForm .btn.btn-primary {
		margin-top: 10px;
    	margin-bottom: 15px;
    	width: 100%;
	}

/*/////////////*/
/*only explorer*/
/*/////////////*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .train-services img {
        vertical-align: auto;
   }
}
#ticketsForm #booking .ticketFinalPrice .btn-add-to-cart i {
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	font-style: normal
}

@media ( max-width :370px) {
	#ticketsForm #booking .ticketFinalPrice .btn-add-to-cart i {
		font-size: 13px
	}
}

.smallerPadding {
	padding-right:1px; 
	padding-left:1px
}

/* zrusenie nakupu */
#cartForm .btn.btn-cancel-buy
{
	background-color:#fff;
	border:1px solid #e86726;
	border-radius:0;
	padding:10px 15px;
	width:100%;
	line-height:16px;
	font-weight:inherit;
	font-size:13px;
	color:#e86726;
	max-width:335px
}

#cartForm .btn.btn-cancel-buy:active,#cartForm .btn.btn-cancel-buy:active:focus,#cartForm .btn.btn-cancel-buy:focus,#cartForm .btn.btn-cancel-buy:hover
{
	border-color:#da4a01;color:#da4a01
}

@media (min-width:768px)
{
	#cartForm .btn.btn-cancel-buy
	{
		width:335px;
		display:block;
		border:0;
		text-decoration:underline
	}
	
	#cartForm .btn.btn-cancel-buy{float:right}
	#cartForm .btn.btn-cancel-buy.left{float:left}
}

@media (max-width:767px)
{
	#cartForm .row.submit .btn.btn-cancel-buy{float:none;display:block;margin-top:15px;}
}

.passenger-label {
	font-size: 13px;
	font-weight: normal;
}

.mcd-sleep-only-info {
	color: black;
	width: 84%;
}

.sidebar-button {
	width: 105% !important;
	margin-left: -7px;
}

.cart-item-message {
	font-weight: bold;
	color: #e86726;
}

.timeline.timeline-before>li:first-child {
    color: #898989;
    font-weight: 700;
    font-size: 13px;
}

#connections .connection-body .tab-pane.train .timeline.timeline-before>li:first-child>.timeline-badge {
    display: block;
	top: 3px;
    border: 3px solid #595959;
}

#connections .connection-body .tab-pane.train .timeline li:first-child .timeline-badge {
    background-color: #fff;
}
 
.timeline>li>.timeline-badge-active {
    display: block;
    border: 3px solid #fff;
    background-color: #2969b5;
    box-shadow: inset 0 0 0 1px #fff;	
}

.timeline.timeline-before>li>.timeline-badge-active,
.timeline.timeline-after>li>.timeline-badge-active {
	top: 3px;	
}


.timeline>li:first-child>.timeline-badge-active, 
.timeline>li:last-child>.timeline-badge-active {
    background-color: #2969b5;
    box-shadow: inset 0 0 0 1px #fff;	
}

#connections .connection-body .tab-pane.train .timeline.timeline-before>li:last-child>.timeline-badge-active,
#connections .connection-body .tab-pane.train .timeline.timeline-after>li:first-child>.timeline-badge-active {
	display: block;
	border: 3px solid #fff;
}

#connections .connection-body .tab-pane.train .timeline li:first-child .timeline-badge-active,
#connections .connection-body .tab-pane.train .timeline li:last-child .timeline-badge-active,
#connections .connection-body .tab-pane.train .timeline.timeline-before li:first-child .timeline-badge-active,
#connections .connection-body .tab-pane.train .timeline.timeline-before li:last-child .timeline-badge-active,
#connections .connection-body .tab-pane.train .timeline.timeline-after li:last-child .timeline-badge-active,
#connections .connection-body .tab-pane.train .timeline.timeline-after li:first-child .timeline-badge-active {
	background-color: #2969b5;
	
}

#connections #connectionChooser .connection .connectionDetails table.table-timetable tr .trainNumber { 
	width:45px
}

#cartForm .row.day .row.connection .connectionDetails table.table-timetable tr .trainNumber,
#cartForm .row.day .row.connection>.col-xs-12>.route-wrapper>.row.connection-train table.table-timetable tr td.trainNumber,
#cartForm .row.day .row.connection>.col-xs-12>.row.connection-train table.table-timetable tr td.trainNumber,
#floatingCartForm #booking #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#floatingCartForm #cancellation #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#floatingCartForm #floating-cart #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#floatingCartForm #services #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#floatingCartForm #tickets #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#ticketsForm #booking #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#ticketsForm #cancellation #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#ticketsForm #floating-cart #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#ticketsForm #services #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#ticketsForm #tickets #singleTicket .selectedTrain table.table-timetable tr td.trainNumber {
	width:45px
}

#floatingCartForm #booking #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#floatingCartForm #cancellation #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#floatingCartForm #floating-cart #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#floatingCartForm #services #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#floatingCartForm #tickets #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#ticketsForm #booking #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#ticketsForm #cancellation #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#ticketsForm #floating-cart #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#ticketsForm #services #singleTicket .selectedTrain table.table-timetable tr td.trainNumber,
#ticketsForm #tickets #singleTicket .selectedTrain table.table-timetable tr td.trainNumber {
	width:55px
}

/* radio button - disabled  */
.radio.disabled label {
	opacity: 1;
	color: #b1b1b1!important;	
	cursor:not-allowed
}

.radio.disabled label::before {
	opacity: 1;
    border-color: #bdcce5;
}

/* tooltip place-info */
.tooltip.in {
	opacity: 1 !important;
}

#ticketsForm #tickets .ticketFinalPrice .product-description {
	border-bottom: 1px #a4a4a4 dashed;
    margin-top: 20px;
}

#ticketsForm #tickets .ticketFinalPrice .product-description h3 {
	margin: 0 0 15px -10px;
}

#ticketsForm #tickets .ticketFinalPrice .product-description p {
	font-style: italic;
    margin: 0 -10px;
    padding: 0 0 20px;
}

@media (min-width: 992px) {

	#ticketsForm #tickets .ticketFinalPrice .product-description p {
	    margin: 0 0 0 -15px;
	}
	
	#ticketsForm #tickets .ticketFinalPrice .product-description h3 {
		margin: 0 0 15px -15px;
	}
}

	#ticketsForm #tickets #singleTicket .selectedTrain .panel-group .panel.panel-default .panel-heading a h2.panel-title span.price {
	    color: #F06037;
	    font-weight: 700;
	    margin-left: 12px;
	}

#cartForm .row.payment-options ul.radio-group li label .payment-type-name {
	float: left;
}

/* Pridanie stylu pre linku na zbalovanie blokov s vyuzitim novej js funkcie - block_extend_ico */
a.block_extend_ico {
    text-align: left;
    bottom: 0;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
}

#cartForm.cart-passengers .row.day .row.connection .order-connection-passengers .row.passenger a.block_extend_ico {
    color: #898989;
    font-size: 13px;
    text-decoration: underline;
    margin-top: 5px;
    display: block
}

#cartForm.cart-passengers .row.day .row.connection .order-connection-passengers .row.passenger a.block_extend_ico:hover {
    color: #898989;
    text-decoration: none
}

/* Pridanie zalamovania do zoznamu navrhov */
.typeahead.dropdown-menu li a {
	white-space: normal;
}

/* Uprava velkosti textu v tlacidle */
@media (min-width:370px) and (max-width:767px) {

	#connections #connectionChooser .connection-body .btn.btn-add-service {
        font-size: 12px
    }
}

/* Debug modal */
#debugModal .modal-dialog.modal-lg {
	width: 1200px;
}

#debugModal .modal-header {
	text-align: center;
	padding: 15px;
}

#debugModal .modal-body {
	text-align: left;
	padding: 0px 15px;
}

#debugModal .modal-footer {
	text-align: center;
	padding: 15px;
}

/* Sidebar */
#floatingCartForm #floating-cart .price-contents {
    margin: 10px 0 0 0
}

#floatingCartForm #floating-cart .price-contents ul li h5, #ticketsForm #tickets .ticketFinalPrice .price-contents ul li h5 {
    min-width: 60px;
}

#floatingCartForm #floating-cart .price-contents ul.block-space, #ticketsForm #tickets .ticketFinalPrice .price-contents ul.block-space {
	padding-bottom: 10px;
}

#floatingCartForm #floating-cart .price-contents h3:not(.without-price):before,
#floatingCartForm #floating-cart .price-contents h4:not(.without-price):before,
#ticketsForm #tickets .ticketFinalPrice .price-contents h3:not(.without-price):before,
#ticketsForm #tickets .ticketFinalPrice .price-contents h4:not(.without-price):before {
	border-bottom-style: none;
}

#floatingCartForm #floating-cart .price-contents~.col-xs-12>h2,
#ticketsForm #tickets .ticketFinalPrice .price-contents~.col-xs-12>h2 {
    margin-top: 10px;
    padding-top: 10px;
}

/* Zrusenie spodnej ciary pri schovani sumaru ceny na desktope */
#ticketsForm #services #singleTicket .selectedTrain:last-of-type,
#ticketsForm #tickets #singleTicket .selectedTrain:last-of-type {
	border-bottom: none;
}

/* Zobrazenie deleneho spojenia */
@media (min-width: 992px) {

	.common .single.head {
		margin-bottom: 10px;
	}
	
}

/* Zobrazenie mena prihlaseneho v menu */
.user-menu {
    background-color: rgba(252, 239, 233);
}

.user-menu .user-details {
	width: calc(100% - 63px);
}

.user-menu .user-details .user-name {
	position: relative;
    white-space: nowrap;
    overflow: hidden;    
}

.user-menu .user-details .user-name:after {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    content: '';
    top: 0;
	background: -moz-linear-gradient(left, rgba(252,239,233,0) 0, rgba(252,239,233,1) 100%);
	background: -webkit-linear-gradient(left, rgba(252,239,233,0) 0, rgba(252,239,233,1) 100%);
	background: linear-gradient(to right, rgba(252,239,233,0) 0, rgba(252,239,233,1) 100%);    
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcefe9', endColorstr='#fcefe9', GradientType=1 );
}

/* Zobrazenie grafickej rezervacie */

#floatingCartForm #booking #singleTicket .selectedTrain .panel-group .seat-choice .wagon h4,
#ticketsForm #booking #singleTicket .selectedTrain .panel-group .seat-choice .wagon h4,
.services-box #booking #singleTicket .selectedTrain .panel-group .seat-choice .wagon h4 {
    margin-bottom: 0px
}

#floatingCartForm #booking #singleTicket .selectedTrain .panel-group .seat-choice .wagon .wagon-seats,
#ticketsForm #booking #singleTicket .selectedTrain .panel-group .seat-choice .wagon .wagon-seats,
.services-box #booking #singleTicket .selectedTrain .panel-group .seat-choice .wagon .wagon-seats {
   margin-top: 5px
}

.wagonThumbs {
	padding-bottom: 25px;
}

.wagon-thumb {
	height: 40px;
}

.wagon-thumb .wagon-border {
	fill: #a9a9a9;
}

.wagon-thumb .wagon-body {
	fill: #79de79;
}

.wagon-thumb.selected .wagon-border {
	fill: black;
}

.wagon-thumb.occupied .wagon-body {
	fill: #fb6962;
}

.wagon-thumb .wagon-number {
	fill: #000;
	font-family: Arial-BoldMT, Arial;
	font-size: 35px;
	font-weight: 700;
	pointer: default;
	user-select: none;
	text-anchor:middle;
}

.wagon-thumb.occupied .wagon-number {
	fill: #a9a9a9;
}

@media (max-width:991px) {
	.svgWagon {
		height: 130px;
	}
}

.svgPlace .placeNumber {
	pointer: default;
	user-select: none;
}

.svgPlace .defaultPlace {
	fill: #cccccc;
}

.svgPlace.free .defaultPlace {
	fill: #ffffff;
}

.svgPlace.filter .defaultPlace {
	fill: #fcfc99;
}

.svgPlace.selected .defaultPlace {
	fill: #79de79;
}

.svgPlace.blocked .defaultPlace {
	fill: #cccccc;
}

.svgPlace.occupied .defaultPlace {
	fill: #fb6962;
}


/* Ikona pohyblivej ruky */

#floatingCartForm #booking #singleTicket .selectedTrain .panel-group .seat-choice .wagon:after,
#ticketsForm #booking #singleTicket .selectedTrain .panel-group .seat-choice .wagon:after,
.services-box #booking #singleTicket .selectedTrain .panel-group .seat-choice .wagon:after {
    display: none;
}

#ticketsForm #booking #singleTicket .selectedTrain .panel-group .seat-choice .wagon .wagonThumbs:after  {
	content: " ";
    float: right;
    width: 26px;
    height: 38px;
    position: absolute;
    bottom: -35px;
    right: 20px;
    background-image: url(/javax.faces.resource/2_0/images/booking/handmove.png.xhtml);
    background-size: contain;
    animation: handmove 5s infinite;
    animation-direction: alternate;
}

@media (min-width:992px) {
    #ticketsForm #booking #singleTicket .selectedTrain .panel-group .seat-choice .wagon .wagonThumbs:after {
        display: none;
    }
}


/* Input pre hodnotu prevozneho listka */
.ticketReferenceInput {
	padding-top: 15px;
	padding-left:15px;
	padding-right: 15px;
}

@media (min-width: 992px) {

	.ticketReferenceInput {
		padding-top: 15px;
		padding-left: 0px;
		padding-right: 20px;
	}
}

/* Upozornenie na platnost rezervacie pri volbe miesta */
#floatingCartForm #booking .ticketFinalPrice #seat-chosen,
#ticketsForm #booking .ticketFinalPrice #seat-chosen,
.services-box #booking .ticketFinalPrice #seat-chosen {
    display: block;
}	

/* Zmensenie hlavneho napisu pre IDS */
.homepage h2.ids {
	font-size: 30px;
}

#homepage h2.europaregional {
  text-transform: none !important;
}

/* Ukladanie platobnych kariet */
ul.radio-group.no-border {
    border: none;
}

ul.radio-group.no-border li {
    border-bottom: none;
}

#cartForm .row.payment-options ul.radio-group li .store-card {
    display: none;
    overflow: auto;
    padding-left: 30px;
    padding-bottom: 20px;
}

#cartForm .row.payment-options ul.radio-group li.checked .store-card {
    display: block
}

ul.radio-group li .store-card .radio label,
ul.radio-group li .store-card .checkbox label {
    padding: 5px 10px 5px 40px
}

ul.radio-group li .store-card .radio label:after {
    top: 10px
}

ul.radio-group li .store-card .checkbox label:after {
    top: 5px
}

@media (min-width:768px) {
   
    #cartForm .row.payment-options ul.radio-group li .store-card label {
        padding: 5px 10px 5px 50px
    }
    
    #cartForm .row.payment-options ul.radio-group li .store-card label:before {
        margin-left: 20px
    }
    
    #cartForm .row.payment-options ul.radio-group li .store-card label:after {
        top: 10px;
        left: 15px;
    }    
    
	#cartForm .row.payment-options ul.radio-group li .store-card .checkbox label {
        padding: 0px 10px 0px 50px
    }    
    
    #cartForm .row.payment-options ul.radio-group li .store-card .checkbox label:after {
        top: 0px;
        left: 10px;
    }
    
}

#cartForm .row.payment-options .store-card .checkbox label {
    color: #333;
    text-decoration: none;
}

#cartForm .row .store-card .btn.btn-delete {
    border-radius: 0;
    background: 0 0;
    font-size: 14px;
    color: #898989;
    font-weight: 600;
    padding: 0px 0px 0px 15px; 
}

#cartForm .row .store-card .btn.btn-delete:after {
    font-family: FontAwesome;
    content: "\f00d";
    font-size: 14px;
    color: #f04e37;
    margin-left: 5px;
    vertical-align: inherit
}

#cartForm.cart-confirmation .row.order-status h2.danger {
    color: #f04f38;
}

/* Uprava zobrazenia dostupnych zliav v kosiku */
#cartForm .row.summary .row.discount ul.radio-group li label span.price {
    float: right;
    text-decoration: none;
    color: #E86726;
    font-weight: 700;
    font-size: 16px
}	

.timepicker-container.lineTimePicker .timepicker-radios {
	display: none;
}

#connections .connection-body .warning {
	background-color: #F8F8FA;
}

h4.operational-warning {
color: #F04E37;
   font-weight: 700;
   font-size: 13px;
   font-style: normal;
   padding: 0;
   margin-left: 0;
   display: inline;
}

.warning-row {
		border-top: 1px solid grey;
		padding: 5px;
		padding-left: 0px;
		margin-left: 0px;
}
	
.operational-box {
	margin-left: 15px;
}

.delay .delayed {
	padding-left: 0px;
	margin-left: 15px;
}

.operational-warning {
	color:  #F04E37;
	font-weight: 700;
	font-size: 13px;
	font-style: normal;
}

.inline-elements {
	display: inline-block;
	vertical-align: middle;
}

span.train-delay {
	color: #F04E37;
   	font-weight: 700;
}

div.operational-collapsed {
	margin-top: 10px;
}

.operational-collapsed.inline-elements {
	padding-top: 1px !important;
}

span.styled-span-grey {
	border: 1px grey solid !important;
	border-radius: 6px !important;
	color: grey !important;
	padding: 0px 8px 23px !important;
	display: inline-block !important;
	font-size: 13px;
	height: 20px;
	font-family: 'Montserrat', sans-serif;
}

span.styled-span-orange {
	border: 1px #F04E37 solid !important;
	border-radius: 6px !important;
	color: #F04E37 !important;
	padding: 0px 8px 23px !important;
	display: inline-block !important;
	font-size: 13px;
	height: 20px;
	font-family: 'Montserrat', sans-serif;
}

div.warning {
	background-color: #F8F8FA;
	padding: 15px 20px;
	color: #333;
	font-size: 13px;
/*     border: 1px solid #BDCCE5; */
}

@media (min-width: 990px) {
	div.operational-warning-window {
		margin-right: -15px;
	    margin-left: -15px;
	    padding-right: 5px;
	}
}

.vyluky-picture {
	margin-bottom: 3px;
}

@media (min-width: 990px) {
  #floatingCartForm #booking #singleTicket .selectedTrain .selectedTicket .selectedTicket_type,
  #floatingCartForm #cancellation #singleTicket .selectedTrain .selectedTicket .selectedTicket_type,
  #floatingCartForm #floating-cart #singleTicket .selectedTrain .selectedTicket .selectedTicket_type,
  #floatingCartForm #services #singleTicket .selectedTrain .selectedTicket .selectedTicket_type,
  #floatingCartForm #tickets #singleTicket .selectedTrain .selectedTicket .selectedTicket_type,
  #ticketsForm #booking #singleTicket .selectedTrain .selectedTicket .selectedTicket_type,
  #ticketsForm #cancellation #singleTicket .selectedTrain .selectedTicket .selectedTicket_type,
  #ticketsForm #floating-cart #singleTicket .selectedTrain .selectedTicket .selectedTicket_type,
  #ticketsForm #services #singleTicket .selectedTrain .selectedTicket .selectedTicket_type,
  #ticketsForm #tickets #singleTicket .selectedTrain .selectedTicket .selectedTicket_type,
  .services-box #booking #singleTicket .selectedTrain .selectedTicket .selectedTicket_type,
  .services-box #cancellation #singleTicket .selectedTrain .selectedTicket .selectedTicket_type,
  .services-box #floating-cart #singleTicket .selectedTrain .selectedTicket .selectedTicket_type,
  .services-box #services #singleTicket .selectedTrain .selectedTicket .selectedTicket_type,
  .services-box #tickets #singleTicket .selectedTrain .selectedTicket .selectedTicket_type {
    white-space: normal;
  }
}