@charset "utf-8";


body {
	color: #373737;
	text-transform: capitalize;
}

.forms_ticket {
	border:1px solid black;
	box-shadow: 0px 0px 3px 1px #666;
	background-color: rgba(160,190,244,0.50);
	border-radius: 5px;
}

.link_button, .link_button:active, .link_button:visited, .link_button:link {
	background-color: rgba(132,132,132,1.00);
	border: rgba(30,30,30,1.00) 1px solid;
	border-radius: 5px;
	padding:10px 20px;
	text-align: center;
	margin: auto;
	color: rgba(11,11,11,1.00);
	transition: all 1s;
}

.link_button:hover {
	background-color: rgba(79,79,79,1.00);
	color: rgba(199,180,180,1.00);
	border-color:rgba(13,13,13,1.00);
}

.textlink, .textlink:active, .textlink:visited, .textlink:link {
	color: rgba(0,0,0,1.00);
	background-color: #5B5B5B;
	border: none;
	padding:5px 8px;
	transition: all 1s;
}

.textlink:hover {
	color: rgba(130,130,130,1.00);
}


.shopstyle {
	display: block;
	border-spacing: 5px;
	text-align: center;
	margin:auto;
	background-color: transparent;
	width:100%;
}

.shoprow {  }

.shopitem_A {
	display:inline-table;
	width:300px;
	max-width: 90%;
}
.shopitem {
	display:table-cell;
	width: 90%;
	background-color:white;
	border:1px solid black;
	border-radius: 10px 0px 10px 0px;
	overflow: hidden;
	font-size: 0.8em;
	padding:5px 4px;
	margin:auto 5px;
	text-align: center;
	
}

.shopitem .tickettitle {
	font-weight: bold;
	color: #064776;
	font-size: 1.4em;
	text-align: center;
}

.shopitem .ticketimage {
	width:250px;
	padding:5px;
}

.shopitem .ticketimage .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

.shopitem .ticketimage:hover .tooltiptext {
  visibility: visible;
}

.shopitem .ticketprice {
	font-weight: bold;
	color: #FF0004;
	font-size: 1.6em;
	text-align: center;
}

.shopitem .forms {
	background-color:#CDCACA;
	width: 95%;
	border-radius:10px;
	padding:5px;
	margin:auto 5px;
	text-align: center;
	font-size: 1.2em;
}
.replyForm {
	background-color: #7DF8E7;
	padding:5px;
	text-align: center;
	display: none;
}


.shopitem .forms br {
	line-height: 10px;
}

.shopitem .ticketdetails {
	font-weight: bold;
	padding: 10px 0;
}

#shop .forms {
	background-color: white;
	border:none;
	box-shadow:none;
}


#shop {
		width:100%
	}
	
	#shop #title {
		font-weight: bold;
		text-transform: uppercase;
		font-size:1.2em;
	}

#shop #left {
	float:left;
	width:49%;
}

#shop #right {
	float:right;
	width:49%;
	clear:right;
}

.basket {
	display: table;
	width:100%;
	font-size: 0.85em;
	border-top: 1px solid rgba(152,152,152,0.50);
}

.basket_row {
	display: table-row;
	background-color: white;
	color:black;
}


.basket_row_items {
	display: table-row;
	background-color: white;
	color:black;
}

.basket_row_items:not(:first-child):hover {
	background-color:rgba(200,200,200,1.00);
}


.row_header {
	display: table-row;
	background-color:rgba(124,1,3,1.00);
	color:white;
	font-weight: bold;
}

.box {
  display: table-cell;
  text-align: left;
  vertical-align:middle;
  line-height: 1.7em;
	padding:0 5px;
	border-right: 1px solid rgba(152,152,152,0.50);
	overflow: hidden;
}

.box:last-child {
	border-right:none;
}

.basketimage {
	width:100px;
	float:left;
	padding:10px;
}

.show_price {
	font-weight: bold;
	text-align: right;
}



.item_details {
	width:50%;
}

.box2 {
  background: @green;
}

.box3 {
  background: @yellow;
}

.item_remove {
	width:15%;
}

#shop_menu {
	display: inline-table;
	background-color: rgba(72,138,255,0.93);
	color:white;
	width: 18%;
	text-align: center;
	overflow:hidden;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#shop_menu_title {
	display: block;
	border-bottom: 2px solid rgba(72,188, 188, 1.00);
	line-height: 1.8em;
	font-weight: bold;
	background-color: rgba(11,1,146,1.00);
}

#shop_smallprint {
	font-size: 0.7em;
	display: block;
	padding: 0 8px
}

#shop_main {
	display: inline-table;
	background-color: #fff;
	color:black;
	width: 80%;
	text-align: center;
}

#shop_menu a:link, #shop_menu a:active, #shop_menu a:visited {
	display: block;
	font-size:0.8em;
	color:white;
	text-decoration: none;
	text-transform: uppercase;
}

#shop_menu a:hover {
	color:rgba(167,167,167,1.00);
	text-decoration: underline;
}



@media screen and (max-width: 1000px) {
	#shop_menu {
		width:100%;
		height:50px;
	}
	
	#shop_main {
		width:100%;
		height: auto;
	}
	
	#shop_menu a:link, #shop_menu a:active, #shop_menu a:visited, , #shop_menu a:hover {
		display: inline-block;
	}
	
}

@media screen and (min-width:850px) {
	
	
}

@media screen and (max-width: 850px) {
	
	.shopitem {
		padding:3px 0px;
	}
}