.font-roboto { font-family: 'Roboto Slab', serif; }
.font-ubuntu { font-family: 'Ubuntu', sans-serif; }
.font-bold	 { font-weight: bold; }
.padding-left-40 { padding-left: 40px; }

#div-ticket {
	margin-right: 0;
}

#div-ticket #tab-ticket-nav {
	font-family: 'Roboto Slab', serif;
	margin-left: -1px;
	margin-right: -2px;
}

#div-ticket #tab-ticket-nav li {
	width: 25%;
	height: 65px;
	border-radius: 0;

}

#div-ticket #tab-ticket-nav li a { 
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFF; 
	border-radius: 0; 
}
#div-ticket #tab-ticket-nav li a[href="#tab-ticket-entry"],
#div-ticket #tab-ticket-nav li a.tab-ticket-entry   { background-color: #064150 !important; }
#div-ticket #tab-ticket-nav li a[href="#tab-ticket-camping"],
#div-ticket #tab-ticket-nav li a.tab-ticket-camping { background-color: #ff3838; }
#div-ticket #tab-ticket-nav li a[href="#tab-ticket-house"],
#div-ticket #tab-ticket-nav li a.tab-ticket-house   { background-color: #0084a6; }
#div-ticket #tab-ticket-nav li a[href="#tab-ticket-other"],
#div-ticket #tab-ticket-nav li a.tab-ticket-other   { background-color: #005a04; }

#div-ticket #tab-ticket-nav li.active a:after,
#div-ticket #tab-ticket-nav li.active a::after {
	position: absolute;
	top: 100%;
	left: 50%;
	left: calc( 50% - 10px );
	content: '';
	width: 0;
	height: 0;
	border-top: solid 11px transparent;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
}

#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-entry"]:after,
#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-entry"]::after,
#div-ticket #tab-ticket-nav li.active a.tab-ticket-entry:after,
#div-ticket #tab-ticket-nav li.active a.tab-ticket-entry::after
{ border-top-color: #064150; }
#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-camping"]:after,
#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-camping"]::after,
#div-ticket #tab-ticket-nav li.active a.tab-ticket-camping:after,
#div-ticket #tab-ticket-nav li.active a.tab-ticket-camping::after
{ border-top-color: #ff3838; }
#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-house"]:after,
#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-house"]::after, 
#div-ticket #tab-ticket-nav li.active a.tab-ticket-house:after,
#div-ticket #tab-ticket-nav li.active a.tab-ticket-house::after  
{ border-top-color: #0084a6; }
#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-other"]:after,
#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-other"]::after,   
#div-ticket #tab-ticket-nav li.active a.tab-ticket-other:after,
#div-ticket #tab-ticket-nav li.active a.tab-ticket-other::after
{ border-top-color: #005a04; }


#div-ticket .tab-content {
	margin-top: 62px;
}

/* Jegy tartalmak */
#div-ticket .box-ticket {
	border: 1px solid #DDD;
	/*padding-left: 40px;*/
	padding-top: 25px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	position: relative;
}

#div-ticket .box-ticket .ticket-type {
	font-size: 13px;
	display: none; /* Átmenetileg kikapcsolva */
}


#div-ticket .box-ticket .ticket-name {
	font-family: 'Roboto Slab', serif;
	font-size: 38px;
	font-weight: bold;
	margin-top: 0;
}



/** Lista - Jegy árak **/
#div-ticket .box-ticket .ticket-list-prices {
	padding-left: 0;
}

#div-ticket .box-ticket .ticket-list-prices li {
	display: inline;
	list-style-type: none;
	/*padding-right: 20px;*/
	font-size: 12px;
	color: #BBB;
	white-space: nowrap;
}

#div-ticket .box-ticket .ticket-list-prices li:after {
	content: " >";
	width: 20px;
	text-align: center;
	display: inline-block;
	color: #BBB;
	font-weight: normal;
}

#div-ticket .box-ticket .ticket-list-prices li:last-child:after {
	content: none;
}

#div-ticket .box-ticket .ticket-list-prices li.active {
	font-weight: bold;
	color: #000;
}

/** Lista - Szolgáltatások **/
#div-ticket .box-ticket .ticket-list-services {
	padding-left: 0;
}

#div-ticket .box-ticket .ticket-list-services li {
	font-family: 'Ubuntu', sans-serif;
	display: inline-block;
	list-style-type: none;
	/*padding-right: 20px;*/
	font-size: 13px;
	text-align: center;
	width: 80px;
	vertical-align: top;
	color: #232323;
}

/** Jobb oldali jegy árak **/
#div-ticket .box-ticket .right-price-original {
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	display: block;
	padding-top: 32px;
	margin-bottom: -18px;
	color: #6c6c6c;
	text-decoration: line-through;
}

#div-ticket .box-ticket .right-price-actual {
	font-family: 'Roboto Slab', serif;
	font-size: 52px;
	display: block;
	font-weight: bold;
	margin-top: 0;
	color: #064150;
}

#div-ticket .box-ticket .right-price-button {
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	display: block;

	width: 170px;
	height: 70px;

	border-radius: 5px;
	line-height: 64px;
}

#div-ticket .box-ticket .right-price-button:disabled {
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	display: block;

	width: 170px;
	height: 70px;

	border-radius: 5px;
	line-height: 64px;

	border-color: transparent;
	background-color: #dddddd !important;
	color: #6c6c6c;
	font-size: 16px;
}


/** More info - close **/
#div-ticket a[data-toggle="collapse"] {
	width: 110px;
	height: 22px;
	line-height: 22px;
	padding: 0;
	font-weight: bold;
	border: 0;
	text-align: left;
	margin-left: 40px;
}

#div-ticket a[data-toggle="collapse"]:hover {
	background-color: transparent;
}

#div-ticket a[data-toggle="collapse"] .read-more,
#div-ticket a[data-toggle="collapse"] .read-close {
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	padding-left: 10px;
	border-radius: 3px;
}
#div-ticket a[data-toggle="collapse"] > .read-more  { display: none; }
#div-ticket a[data-toggle="collapse"] > .read-close { display: block; color: #005a04; background-color: transparent; padding-left: 5px; }
#div-ticket a[data-toggle="collapse"].collapsed > .read-more  { display: block; color: #FFF; background-color: #498493; }
#div-ticket a[data-toggle="collapse"].collapsed > .read-close { display: none;  }

#div-ticket .info-more-list {
	padding-left: 0;

}

#div-ticket .info-more-list li {
	width: 49%;
	display: inline-block;
	list-style-type: none;
	white-space: nowrap;
	margin-bottom: 5px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
}

#div-ticket .info-more-list li:before {
	content: " >";
	width: 20px;
	text-align: center;
	display: inline-block;
	color: #BBB;
	font-weight: normal;
}

/** Ikonok */
i.sziget-service {
	background-image: url(../images/ticket-services-sprite.png);
	background-repeat: no-repeat;
	width: 49px;
	height: 49px;
	display: block;
	margin: 0 auto 5px auto;
}

i.sziget-service.one 		{ background-position: -11px  -11px; }
i.sziget-service.five 		{ background-position: -155px -11px; }
i.sziget-service.seven 		{ background-position: -83px  -11px; }
i.sziget-service.camping 	{ background-position: -227px -11px; }
i.sziget-service.shower 	{ background-position: -299px -11px; }
i.sziget-service.upgrade 	{ background-position: -371px -11px; }
i.sziget-service.baggage 	{ background-position: -443px -11px; }

i.sziget-service.cocktail 	{ background-position: -11px  -83px; }
i.sziget-service.camping2 	{ background-position: -84px  -83px; }
i.sziget-service.charger 	{ background-position: -155px -83px; }
i.sziget-service.watch 		{ background-position: -227px -83px; }
i.sziget-service.wifi 		{ background-position: -299px -83px; }
i.sziget-service.lock 		{ background-position: -371px -83px; }
i.sziget-service.polyfoam 	{ background-position: -443px -83px; }

i.sziget-service.swimming	{ background-position: -515px -13px; }
i.sziget-service.extrashower{ background-position: -660px -13px; }
i.sziget-service.additional { background-position: -588px -83px; }
i.sziget-service.dolce		{ background-position: -588px -13px; }
i.sziget-service.french		{ background-position: -516px -82px; }
i.sziget-service.caravan 	{ background-position: -660px -83px; }

i.sziget-assets,
div.sziget-assets {
	background-image: url(../images/ticket-assets-sprite.png);
	background-repeat: no-repeat;
}
i.sziget-assets.cart {
	background-position: -408px -48px;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-bottom: -5px;
	line-height: 27px;
}
i.sziget-assets.more-arrow {
	width: 12px;
	height: 12px;
	display: inline-block;
	background-position: -426px -95px;
	float: left;
	margin-top: 4px;
	margin-right: 4px;
}
i.sziget-assets.close-arrow {
	width: 12px;
	height: 12px;
	display: inline-block;
	background-position: -403px -95px;
	float: left;
	margin-top: 4px;
	margin-right: 4px;
}
#div-ticket div.sziget-assets.left-border {
	width: 22px;
	height: 43px;
	display: block;
	position: absolute;
	top: 125px;
	left: -1px;
	background-position: -398px 0px;
	z-index: 100;
}

#div-ticket div.sziget-assets.right-border {
	width: 22px;
	height: 43px;
	display: block;
	position: absolute;
	top: 125px;
	right: -1px;
	background-position: -420px 0px;
	z-index: 100;
}

#div-ticket div.box-ticket {
	background-image: url(../images/ticket-background-sziget.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 400px 270px;
	background-position: 0 45px;
}

#div-ticket .box-ticket .right-price-button 	  { background-color: #ff3838 !important; outline: none; }
#div-ticket .box-ticket .right-price-button:hover { background-color: #ff3838 !important; outline: none; }
#div-ticket .box-ticket .right-price-button:focus { background-color: #d02a2c !important; outline: none; }

#div-ticket i.sziget-assets.sziget-tab-entry {
	width: 50px;
	height: 30px;
	display: inline-block;
	background-position: -393px -115px;
	margin-top: -14px;
}

#div-ticket i.sziget-assets.sziget-tab-camping {
	width: 50px;
	height: 30px;
	display: inline-block;
	background-position: -393px -148px;
	margin-top: -14px;
}

#div-ticket i.sziget-assets.sziget-tab-house {
	width: 50px;
	height: 35px;
	display: inline-block;
	background-position: -393px -181px;
	margin-top: -18px;
	float: right;

}

#div-ticket i.sziget-assets.sziget-tab-other {
	width: 50px;
	height: 50px;
	display: inline-block;
	background-position: -393px -218px;
	margin-top: -24px;
}
/**** Fejléc ***/
#div-ticket-header-container {
margin-top: -20px;
margin-left: -15px;
margin-bottom: 10px;
}

#div-ticket-header {
	background-image: url(../images/ticket-background-header.jpg);
	min-height: 228px;
	width: 100%;
	position: relative;
}

#div-ticket-header h1 {
	font-family: 'Roboto Slab', serif;
	font-size: 32px;
	background-color: #ff3838;
	color: #FFF;
	display: inline;
	position: relative;
	top: 30px;
	left: 95px;
	padding: 5px 0;
	line-height: 50px;
	white-space: nowrap;
}

#div-ticket-header #service-list-status {
	padding: 0;
	position: relative;
	left: 95px;
	top: 50px;
}

#div-ticket-header #service-list-status li {
	width: 175px;
	height: 59px;
	background: #FFF;
	display: inline-block;
	margin-right: 25px;
	position: relative;
	/*padding: 5px 10px;*/
	padding: 9px 12px;
	color: #bebebe;
}

#div-ticket-header #service-list-status li:before {
	background-image: url(../images/ticket-assets-sprite.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 60px;
	display: inline-block;
	background-position: -377px -60px;
	content: "";
	left: -14px;
	position: absolute;
	top: 0;
}

#div-ticket-header #service-list-status li:after {
	background-image: url(../images/ticket-assets-sprite.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 60px;
	display: inline-block;
	background-position: -377px 0px;
	content: "";
	right: -15px;
	position: absolute;
	top: 0;
}

#div-ticket-header #service-list-status li.actual,
#div-ticket-header #service-list-status li.active 			   { color: #000; }
#div-ticket-header #service-list-status li.first-status:before { content: none; }
#div-ticket-header #service-list-status li.last-status:after   { content: none; }

#div-ticket-header #service-list-status li .title {
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	font-weight: bold;
	display: block;
}

#div-ticket-header #service-list-status li .dates {
	font-family: 'Ubuntu', sans-serif;
	font-size: 10px;
	display: bold;
}

@media (max-width: 767px) {
	#div-ticket #tab-ticket-nav li a {
		font-size: 15px !important;
		padding: 5px;
		min-height: 75px;
		text-align: center;
	}

	#div-ticket-header h1 {
		font-size: 24px;
		top: 10px;
		left: 10px;
		line-height: 40px;
	}

	#div-ticket-header #service-list-status {
		left: 30px;
	}
	#div-ticket-header #service-list-status li:before { content: none; display: none; }
	#div-ticket-header #service-list-status li:after  { content: none; display: none; }

	#div-ticket-header #service-list-status li:not(.actual) {
		display: none;
	}
}

 /* Tabok */

#div-ticket #tab-ticket-nav {
	font-family: 'Roboto Slab', serif;
	margin-left: -1px !important;
	margin-right: -2px!important;
}

#div-ticket #tab-ticket-nav li {
	width: 25%!important;
	height: 65px!important;
	border-radius: 0!important;

}

#div-ticket #tab-ticket-nav li a { 
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: bold!important;
	color: #FFF!important; 
	border-radius: 0!important; 
}

#div-ticket #tab-ticket-nav li a:hover {
	background-color: #000000 !important;
}

#div-ticket #tab-ticket-nav li.active a:hover:after,
#div-ticket #tab-ticket-nav li.active a:hover::after {
	border-top-color: #000000 !important;
}

#div-ticket #tab-ticket-nav li a[href="#tab-ticket-entry"],
#div-ticket #tab-ticket-nav li a.tab-ticket-entry   { background-color: #064150; }
#div-ticket #tab-ticket-nav li a[href="#tab-ticket-camping"],
#div-ticket #tab-ticket-nav li a.tab-ticket-camping { background-color: #ff3838; }
#div-ticket #tab-ticket-nav li a[href="#tab-ticket-house"],
#div-ticket #tab-ticket-nav li a.#tab-ticket-house   { background-color: #0084a6; }
#div-ticket #tab-ticket-nav li a[href="#tab-ticket-other"],
#div-ticket #tab-ticket-nav li a.tab-ticket-other   { background-color: #005a04; }

#div-ticket #tab-ticket-nav li.active a:after,
#div-ticket #tab-ticket-nav li.active a::after {
	position: absolute;
	top: 100%;
	left: 50%;
	left: calc( 50% - 10px );
	content: '';
	width: 0;
	height: 0;
	border-top: solid 11px transparent;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
}

#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-entry"]:after,
#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-entry"]::after,
#div-ticket #tab-ticket-nav li.active a.tab-ticket-entry:after,
#div-ticket #tab-ticket-nav li.active a.tab-ticket-entry::after   
{ border-top-color: #064150; }
#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-camping"]:after,
#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-camping"]::after,   
#div-ticket #tab-ticket-nav li.active a.tab-ticket-camping:after,
#div-ticket #tab-ticket-nav li.active a.tab-ticket-camping::after   
{ border-top-color: #ff3838; }
#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-house"]:after,
#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-house"]::after,   
#div-ticket #tab-ticket-nav li.active a.tab-ticket-house:after,
#div-ticket #tab-ticket-nav li.active a.tab-ticket-house::after 
{ border-top-color: #0084a6; }
#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-other"]:after,
#div-ticket #tab-ticket-nav li.active a[href="#tab-ticket-other"]::after, 
#div-ticket #tab-ticket-nav li.active a.tab-ticket-other:after,
#div-ticket #tab-ticket-nav li.active a.tab-ticket-other::after  
{ border-top-color: #005a04; }


/* Illés állandó style CSS -be áttenni */
#tab-ticket-entry h4 {
     color: #064150;
  }
  
  #tab-ticket-camping h4 {
  color: #ff3838;
  }
  
  #tab-ticket-house h4 {
  color: #0084a6;
  }
  
  #tab-ticket-other h4 {
  color: #005a04;
  }
  
  .ticket-extratitle {
  font-family: "Roboto Slab",serif;
  color: #999;
  font-size: 16px;
  }
  
  /*FELÜLÍRÁS*/
  #div-ticket .info-more-list li {
  white-space: normal;
  vertical-align: top;
  width: 100%;
  }
  
  #tab-ticket-nav i {
  float: right;
  }
  
#div-ticket .info-more-list {
  
  padding-right: 15px;
}