


/* General */
body{
  font-family: 'TMSans', Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-repeat: no-repeat;
      background-position: center top;
      background-attachment: fixed;
      background-color: #f7f7f7;
      color: #4E565C;
	  display: table;
	  width: 100%;
}

[lang="el"] {
  font-family: Arial, sans-serif;
}

.fontBold {
  font-family: 'TMSans-Bold';
}

[lang="el"] .fontBold {
  font-family: Arial, sans-serif;
  font-weight: bold;
}

.ui-state-default .ui-icon {
    background-image: url(/img/ticketmaster/master-sprite.png) !important;
}


img{max-width:100%;border:none;vertical-align:middle;}
a, a:visited, a:link, a:active {
    color: rgb(2, 108, 223);;
    text-decoration: none;
}
a:hover {
	color:#a5adb5;
}

.floatLeft {
  float:left;
}

.floatRight {
  float: right !important;
}


.eventlist-right {
    width: 20%;
    padding: 0px 0px;
    background-color: #fff;
    padding: 0px 10px 0px 10px;
    margin-right: 1%;
    -moz-box-shadow: -3px 3px 12px 0px #00000057;
    -webkit-box-shadow: -3px 3px 12px 0px #00000057;
    box-shadow: -3px 3px 12px 0px #00000057;
    position: relative;
    min-height: 750px;
    float: right;
}

.homeRightFeatured {
float: left;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 10px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(182, 201, 210, 0.45);
    -moz-box-shadow: 1px 1px 5px 0px rgba(182, 201, 210, 0.45);
    box-shadow: 1px 1px 5px 0px rgba(182, 201, 210, 0.45);
    -webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.homeRightFeatured:hover {
	-webkit-box-shadow: 1px 1px 6px 0px rgb(191, 191, 191);
    -moz-box-shadow: 1px 1px 6px 0px rgb(191, 191, 191);
    box-shadow: 1px 1px 6px 0px rgb(191, 191, 191);

}

.homeRightFeatured img {
	float:left;
	border-radius: 4px;
}

.eventlist-rightTitle {
    font-size: 23px;
    color: #353c42;
    margin: auto;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    display: table;
    line-height: 38px;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    margin-top: 40px;
}

.eventlist-rightTitle::before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0px;
    width: 40px;
    border-bottom: 4px solid rgb(208, 0, 111);
    left: 50%;
    margin-left: -20px;
}

@media screen and (min-width: 1270px) {

	.eventlist-left {
		width: 79% !important;
    float: left;
        padding-left: 15px;
	}
	
	

}

@media screen and (min-width: 1150px) {
	.headerBottomWrapper {
		display: table;
    	padding: 15px 0px;
	}
	
	.header {
		height: 140px !important;
	}
	
	.filterOption {
	    padding: 40px 15px;
	    margin-top: -15px;
	}
}

@media screen and (min-width: 1000px) {

	.eventlist-left {
		width:72%;
    	float: left;
        padding-left: 15px;
	}
}

@media screen and (min-width: 1000px) {
  .eventlist-right {
      max-width: 320px;
      /*min-height: 100vw;*/
  }
  

}

.mpMenu .mpMenuItem a, .mpMenu .mpMenuItem a:visited, .mpMenu .mpMenuItem  a:link, .mpMenu .mpMenuItem  a:active{
	color: #465666;
    text-decoration: none;
}
.mpMenu .mpMenuItem a:hover{
	color: #FFF;
    text-decoration: none;
}

/* Language Changer */
.languageChangerContainer
{
	position: absolute;
	top: 104px;
	left: 880px;
}
ol, ul {
  list-style: none;
}
.lngLanguage
{
	float: left;
	opacity: 0.5;
	margin: 15px 1px;
}

.lngCurrent
{
	opacity: 1.0;
}

.lngLanguage:hover
{
	opacity: 1.0;
}

.lngLanguage a
{
	display: block;
}

/***timer****/

#Stage_jbeeb_3 {
  position: fixed !important;
      right: 300px !important;
      top: 0px !important;
      left: initial !important;
      width: 90px !important;
      background-color: #D0006F  !important;
          z-index: 6;
}



#Box_jbeeb_8, #Box_jbeeb_12, #TextBox_jbeeb_9, #TextBox_jbeeb_13 {
  display: none;
}

#TextBox_jbeeb_7, #TextBox_jbeeb_11 {
  font-size: 18px !important;
  position: relative !important;
  float: left !important;
}

#Container_jbeeb_6, #Container_jbeeb_10 {
  left: initial !important;
  float: left !important;
  position: relative !important;
  margin: 0px;
  border-radius: 0px !important;
  height: 35px !important;
  padding-top: 7px !important;
  background-color: transparent !important;
}

#Container_jbeeb_6:after {
  content: ":";
  position: absolute;
  color: #fff;
  z-index: 9999;
  top: 4px;
  left: 1px;
  width: 100%;
  text-align: right;
  font-size: 20px;
}

.inputWrapper {
  float: left;
      width: 100%;
          margin-bottom: 10px;
}

.inputLabelCont {
  float: left;
  width: 100%;
  font-size: 12px;
      margin-bottom: 5px;
}

.inputContainer {
  float: left;
  width: 100%;
  position: relative;
  font-size: 13px;
}

.inputContainer input[type="text"], .inputContainer input[type="password"], .inputContainer input[type="email"], .inputContainer input[type="tel"] {
  font-family: 'TMSans', sans-serif;
  font-size: 13px;
  height: 38px;
  padding: 6px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgb(224, 224, 224) !important;
}
.errorMessage .errors {
    color:red;
}


form[name="pwdrecForm"] input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid {
    background-image: url(/img/ticketmaster/tooltip.png);
    background-position: right top;
    background-repeat: no-repeat;
    box-shadow: none;
}

form[name="pwdrecForm"] input:required:valid,textarea:required:valid{
    background-image:url(/img/ticketmaster/valid_tooltip.png);
    background-position:right top;
    background-repeat:no-repeat
}

.requiredInput {
	position: relative;
}

.requiredInput:before {
    content: "*";
    position: absolute;
    left: -12px;
    font-size: 15px;
    color: #ff0000;
    top: 12px;
}

.inputContainer select {
  font-family: 'TMSans', sans-serif;
  font-size: 13px;
  height: 38px;
  padding: 6px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgb(224, 224, 224) !important;
}

.inputContainer input[type="radio"] {
  width: 15px;
      height: 15px;
}

.inputContainer.secondaryButton input[type="button"], .inputContainer.secondaryButton input[type="submit"] {
      background-color: rgb(2, 108, 223);
}

.inputContainer input[type="button"], .inputContainer input[type="submit"] {
  font-family: 'TMSans-Bold', Arial, sans-serif;
  margin: 0px;
  width: 100%;
  float: left;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  font-size: 15px;
}

.inputContainer input[type="button"]:hover, .inputContainer input[type="submit"]:hover {
  opacity: 0.9;
}

.socialInputContainer a {
  width: 100%;
      float: left;
      text-align: center;
      padding: 5px 5px 0px 5px;
      font-size: 14px;
}

.socialInputContainer.secondaryButton a {
  background-color: #D0006F;
}


.successMessage {padding : 15px 15px 15px 40px ; margin-bottom: 5 px; font-weight : bold; font-size : 14px; color : black; background : #32CD32 left center no-repeat; border : 1 px solid green;background :url ("/img/tick.ico")}
.footerImage { width: 120px; position: relative; top: -3px; left: 3px; opacity: 0.3; -webkit-transition: opacity 0.8s linear;}
.footerImage:hover { -webkit-transition: opacity 0.8s linear; opacity: 1; }
.alertify-log-success {
    font-size: 12px !important;
    text-align: center;
    text-shadow: initial !important;
    font-weight: bold;
    background-color: rgba(0, 156, 222, 0.82) !important;
    color: #ffffff !important;
    
}

.alertify-logs {
    /*top: 102px;*/
}

.alertify-log-show {
    right: 0;
    opacity: 1;
}

.alertify-log {
    display: block;
    margin-top: 10px;
    position: relative;
    right: 0px !important;
    opacity: 0;
    padding: 5px 0px 5px 0px !important;
}

.alertify, .alertify-show, .alertify-log {
    -webkit-transition: all 500ms ease-in-out 500ms !important;
    -moz-transition: all 500ms ease-in-out 500ms !important;
    -ms-transition: all 500ms ease-in-out 500ms !important;
    -o-transition: all 500ms ease-in-out 500ms !important;
    transition: all 500ms ease-in-out 500ms !important;
}

.titleBar .type { float: right; /*width: 15%;*/ position: absolute; top: 0; right: 15px;background-color: white;}
.titleBar .typeText {
    display: block;
    float: left;
    color: #465666;
    font-size: 14px;
    padding: 22px 0 0 2px;
}
.titleBar .typeImage {
    display: block;
    float: left;
    padding-top: 3px;
    width: 50px;
    height: 50px;
}
#showEventInfo .image {
    width: 49.9%;
    height: 350px;
}
#showEventInfo .infoSection .infoContent {
    width: 100%;
    float: left;
}

#showEventInfo .infoSection {
	padding: 0px;
}


.categoryBox {
    float: left;
    width: 100%;
    padding: 15px 15px 0px 15px;
}

.categoryBox .homepageCategoryTitle {
    font-size: 23px;
    color: #353c42;
    margin: auto;
    position: relative;
    text-align: center;
  
    font-weight: bold;
    display: table;
    line-height: 38px;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}

.categoryBox .homepageCategoryTitle::before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0px;
    width: 40px;
    border-bottom: 4px solid rgb(208, 0, 111);
        left: 50%;
    margin-left: -20px;
}

.categoryBox .homepageCategoryTitle:hover {
	color: #D0006F;
}

.categoryBox .event a {
	
}

.categoryBox .homepageCategoryTitle.popular {
	    margin-top: 20px;
}

.categoryBox .homepageCategoryTitle.popular:hover {
	color: #353c42;
}

.spotlight {width:100%;overflow: hidden;box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, 0.42);max-width: 100vw;}
.spotlight .image img{width:100%;display: block;}


.slick-initialized .slick-slide {
	position: relative;
}

.slick-prev {
position: absolute;
    z-index: 1;
    color: rgba(255, 255, 255, 0.7);
    font-size: 50px;
    background-color: transparent;
    border: none;
    outline: none;
    top: 38%;
    left: 12px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.64);
}

.slick-next {
position: absolute;
    z-index: 1;
    color: rgba(255, 255, 255, 0.7);
    font-size: 50px;
    background-color: transparent;
    border: none;
    outline: none;
    top: 38%;
    right: 0px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.64);
}
.spotlight-title {
	line-height: 30px;
    text-indent: 10px;
    color: #fff;
    font-size: 25px;
    background-color: transparent;
    bottom: 3%;
    position: absolute;
    left: 3%;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.64);
    cursor: pointer;
}

.spotlight-title span {
	float: left;
	text-indent: 0px;
}


.spotlight-text {
	width:100%;
	overflow:hidden;
}

.productImageOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top:-3px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+14,000000+100&0+14,0.75+100 */
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 44%,rgba(0, 0, 0, 0.67) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 44%,rgba(0, 0, 0, 0.67) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 44%,rgba(0, 0, 0, 0.67) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}

.productMobileBuyButton {
  display: none;
}

.stepItems {display: block;}
.stepItem {width:16.66%;float:left;  min-width: 55px;}
.upper{  float: left; width:100%;}
.inner {margin: 2px; border: white solid 1px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background-color: #e31c79; padding: 4px;color:#FFF;}
.inner a {color:#FFF;}
.lastDone, .done {background-color: #f70777;}
.current {background-color: #dd71a3;}
.doSelectPaymentButton{background-color:#465666;border-top-right-radius:8px;border-top-left-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;width:222px;height:38px;margin-bottom:10px;margin-left:20px;text-align:left; font-size:1.1em;text-indent:5px;}
/* Main Content */
.content{
  display: block;
    padding: 0px;
    background-color: rgb(246, 247, 249);
    margin: 0 auto;
    width: 100%;
    float: left;
}

.searchBar .searchQuery:focus {
    outline: none !important;
    box-shadow: 0 0 10px #719ECE;
}

.searchBar #clearButton {
background-color: transparent;
    padding: 2px;
    width: 9%;
    float: left;
    margin: 0px;
    display: none;
    color: rgb(105, 116, 124);
    cursor: pointer;
    border: none;
}

.searchBar #searchButton {
	background-color: transparent;
    padding: 2px;
    width: 9%;
    float: right;
    margin: 0px;
        color: rgb(0, 156, 222);
    border: none;
}

.searchInputandButtons {
    width: 100%;
    float: left;
    padding: 8px 10px;
}

.searchBar #clearButton i, .searchBar #searchButton i {
	font-size: 18px;
}

.searchBar #searchQuery {
width: 82%;
    float: left;
    height: 20px;
    background-color: transparent;
    color: #fff;
        -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.searchBar #searchQuery.turnWhite {
	background-color: #fff;
	color: #20262d;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.searchBar .searchQuery.turnWhite {
	background-color: #fff;
	color: #20262d;
}



.searchBar #searchQuery::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.searchBar #searchQuery:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.searchBar #searchQuery::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}


.searchQueryResults {
width: 100%;
    float: left;
    
}

.searchBar #searchButton i {
	color: #fff;
}

.searchBar #clearButton i {
	color: #20262d;
}

.searchBar .searchQuery.turnWhite #searchButton i {
	color: rgb(1, 108, 223);
}



.searchQueryResults .queryResults {
	padding: 10px;
	background-color: #fff;
	padding: 10px;
    background-color: #fff;
    float: left;
    width: 100%;
    border-radius: 0px 0px 3px 3px;
	-moz-box-shadow: 0px 2px 12px 0px #c7c7c736;     
    -webkit-box-shadow: 0px 2px 12px 0px #c7c7c736;     
    box-shadow: 0px 2px 12px 0px #c7c7c736;       
}

.event-search,
.venue-search {
    float: left !important;
    width: 100% !important;
    padding: 0px;
	
}

.event-search a,
.venue-search a {
    color: #4E565C !important;
    padding: 10px !important;
    width: 100%;
    float: left;
}

.event-search span,
.venue-search span {
	padding: 10px !important;
    float: left;
    width: 100%;
    color: #B4B9BD;
}

.event-search a:hover,
.venue-search a:hover {
	opacity: 0.7;
}


/* Auxiliary Menu */
.auxMenu {
    width: 100%;
    background: rgb(234,234,234);
    background: -moz-linear-gradient(45deg, rgba(234,234,234,1) 0%, rgba(255,255,255,1) 68%);
    background: -webkit-linear-gradient(45deg, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 68%);
    background: linear-gradient(45deg, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 68%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=1 );
    height: 0;
overflow: hidden;
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
}

.auxMenu.active {
  height: 380px;
  -webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
}





.auxMenu ul {
  width: 100%;
      padding: 5px 15px;
      float: left;
}

.auxMenu ul li a {
  font-size: 16px;
  line-height: 35px;
  color: rgb(2, 108, 223);;
}

.auxMenuItem {
    background-color: #fff;
    margin-bottom: 10px;
    height: 45px;
    line-height: 46px;
    font-size: 15px;
}

.auxMenuItemText {
    background-attachment: fixed;
    display: block;
    color: #414141;
    font-size: 15px;
    line-height: 45px;
    text-decoration: none;
    text-indent: 30px;
    margin: 0 .77em;
}

.auxMenuItemTextarab {
    background-attachment: fixed;
    display: block;
    color: #414141;
    font-size: 15px;
    line-height: 45px;
    text-decoration: none;
    text-indent: 30px;
    margin: 0 .77em;
}

.auxMenuItemText.tickets {
    background: url(/img/ticketmastersaudi/menuIconTickets.png) transparent 0 50% no-repeat;
    color: #414141;
}
.auxMenuItemTextarab.tickets {
    background: url(/img/ticketmastersaudi/menuIconTickets.png) transparent 100% 50% no-repeat;
    color: #414141;
}

.auxMenuItemText.basket {
    background: url(/img/ticketmastersaudi/menuIconBasket.png) transparent 0 50% no-repeat;
    color: #414141;
}
.auxMenuItemTextarab.basket {
    background: url(/img/ticketmastersaudi/menuIconBasket.png) transparent 100% 50% no-repeat;
    color: #414141;
}


.auxMenuItemText.orders {
    background: url(/img/ticketmastersaudi/menuIconOrders.png) transparent 0 50% no-repeat;
    color: #414141;
}
.auxMenuItemTextarab.orders {
    background: url(/img/ticketmastersaudi/menuIconOrders.png) transparent 100% 50% no-repeat;
    color: #414141;
}

.auxMenuItemText.profile {
    background: url(/img/ticketmastersaudi/menuIconProfile.png) transparent 0 50% no-repeat;
    color: #414141;
}
.auxMenuItemTextarab.profile {
    background: url(/img/ticketmastersaudi/menuIconProfile.png) transparent 100% 50% no-repeat;
    color: #414141;
}

.auxMenuItemText.login {
    background: url(/img/ticketmastersaudi/menuIconLogin.png) transparent 0 50% no-repeat;
    color: #414141;
}
.auxMenuItemTextarab.login {
    background: url(/img/ticketmastersaudi/menuIconLogin.png) transparent 100% 50% no-repeat;
    color: #414141;
}

.auxMenuItemText.resetPass {
    background: url(/img/ticketmastersaudi/menuIconReset.png) transparent 0 50% no-repeat;
    color: #414141;
}
.auxMenuItemTextarab.resetPass {
    background: url(/img/ticketmastersaudi/menuIconReset.png) transparent 100% 50% no-repeat;
    color: #414141;
}

.auxMenuItemText.register {
    background: url(/img/ticketmastersaudi/menuIconRegister.png) transparent 0 50% no-repeat;
    color: #414141;
}
.auxMenuItemTextarab.register {
    background: url(/img/ticketmastersaudi/menuIconRegister.png) transparent 100% 50% no-repeat;
    color: #414141;
}

.auxMenuItemText.myTicketsMenuItem {
    background: url(/img/ticketmastersaudi/menuIcon-eTicket3.png) transparent 0 50% no-repeat;
    color: #414141;
}
.auxMenuItemTextarab.myTicketsMenuItem {
    background: url(/img/ticketmastersaudi/menuIcon-eTicket3.png) transparent 100% 50% no-repeat;
    color: #414141;
}

.auxMenuItemText.tickets:hover,
.auxMenuItemText.basket:hover,
.auxMenuItemText.orders:hover,
.auxMenuItemText.profile:hover,
.auxMenuItemText.login:hover,
.auxMenuItemText.resetPass:hover,
.auxMenuItemText.register:hover,
.auxMenuItemText.myTicketsMenuItem:hover {
    color: #414141;
    text-decoration: none;
}

.auxMenuItem:hover {
    background-color: #C4D1E0;
}

#fbSync{width:165px;height:30px;}
#twitterSync{width:165px;height:30px;}
#gplusSync{width:165px;height:30px;}

#fbLogin{float: left;margin-bottom: 10px;margin-left: 20px;}
#gplusLogin{float: left;margin-bottom: 10px;margin-left: 20px;}
#twitterLogin{float: left;margin-bottom: 10px;margin-left: 20px;}
.buttonAtLogin{background-color:#e31c79;color: #FFF;width:130px;height:38px;margin-bottom:10px;margin-left:20px;text-align:left;font-size:1.1em;text-indent:5px;}

.buttonAtLogin:hover {cursor:pointer;}
/* Generic Styles */

.primary{/*background-color: #e31c79;*/ line-height: 42px; color: #FFF;}
.secondary{background-color: #e31c79; line-height: 42px; color: #FFF;border-bottom: aliceblue solid 1px;}
.heading{    background-color: #d1cfda;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    color: #393939;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    text-indent: unset;
    width: 20%;}
.heading.qty { width: 15%;}
.heading.delete { width: 5%;}
.heading.title{text-align:left;}
.heading.total {color: rgb(2, 108, 223);;}
.headings .deliveryType{width:100%;text-align:left;}
.sectionContent .total.table { width: 200px; float: right;}
.noProducts{text-align:left;padding:0px;}
.noProducts .message{display:block;text-align:center;color:#707070;font-size:14px;font-style:italic;font-weight:700;}

.basketSectionContent input[name="doAddProduct"] {
    float: left;
    margin: 0px;
    margin-top: 10px;
}
.sectionContentContainer{

}
.sectionContent{
  width: 100%;
      float: left;

}
.sectionContent .comment {
    font-size: 16px;
    padding: 15px;
        float: left;
        width: 100%;
}

.eventHeaderSection {
      width: 29%;
      padding: 15px;
      margin-bottom: 20px;
      background-color: #ffffff;
      margin: 20px 2.1%;
      -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
    -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
    box-shadow: 1px 1px 5px 0px #b7c9d3;
    float:left;
}

.eventHeaderSection span {
  display: contents;
      line-height: 25px;
      float:left;
}

.eventHeaderSectionTitle {
width: 25px;
margin: 0px 5px 0px 0px;
float:left;
}

.ticketSelectionSectionTitle {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 20px 0px 20px;
  font-size: 15px;
}

.ticketSelectionSectionTitle .comment {
  font-weight: bold;
      font-size: 16px;
      padding: 15px;
      width: initial;
      float: none;
}

.productList .comment {
    font-size: 16px;
    padding: 15px;
        float: left;
        width: 100%;
}

.productItemsForm .product .productType {
      color: #414141;
      display: block;
      width: 35%;
      padding: 15px;
      font-family: 'TMSans-Bold', Arial;
      font-size: 16px;
}

.productItemsForm {
  padding: 15px;
}

.productItemsForm .product {
    border-bottom: 1px dashed #666664;
    font-size: 12px;
    padding: 5px 0;
}

.productItemsForm .product .productTitle {
    font-weight: 700;
}
.productItemsForm .button{
	margin-left: 3px;
}

.productCountSelection {
  width: 50%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0px 20px 0px 20px;
  float:left;
}


.productCountSelectionTitle {
  width: 100%;
  float: left;
  text-align: left;
}

.productCountSelectionHeadings {
  width: 100%;
      margin-top: 10px;
      display: inline-block;
}

.productCountSelectionHeadings span {
  font-size: 14px !important;
      padding: 5px 15px !important;
      text-indent: unset !important;
      background-color: transparent !important;
      font-weight: normal;
}



.productCountSelection .headings, .deliveryMethods .headings {
  background-color: transparent;
}

.productCountSelection .heading, .deliveryMethods .heading {
  line-height: inherit;
      text-indent: initial;
      padding: 15px;
      font-size: 16px;
      color: #414141;
      background-color: rgba(183, 201, 211, 0.2);
      border: none;
}

.productCountSelection .products {
  width: 100%;
  float: left;
}

.productCountSelection .product {
      font-size: 14px;
      background-color: #fff;
      padding: 10px 0px 10px 0px;
      margin-bottom: 10px;
          margin-top: 5px;
      border: none;
      -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
      -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
      box-shadow: 1px 1px 5px 0px #b7c9d3;
}

.productCountSelection .headings span:nth-of-type(1), .productCountSelection .product .productType {
  width: 30% !important;
  text-align: left !important;;
}

.productCountSelection .headings span:nth-of-type(2), .productCountSelection .product .productDelivery {
  width: 18% !important;;
  text-align: center !important;;
}

.productCountSelection .headings span:nth-of-type(3), .productCountSelection .product .productPrice {
  width: 17% !important;;
  text-align: center !important;;
}

.productCountSelection .headings span:nth-of-type(4), .productCountSelection .product .productQty {
  width: 35% !important;;
  text-align: center !important;;
}

.productCountSelection .product .productQty {
    float: left;
    padding: 8px 40px;
}

.productItemsForm .deliveryMethods {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 50%;
  padding: 0px 20px 0px 20px;
  float: right;
}

#checkoutForm .comment {
  font-size: 16px;
  padding: 15px;
      float: left;
      width: 100%;
}
.sectionContent .comment .accent{border-bottom: 1px solid #373737;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;display: block;}
.sectionContent .text{padding:0 10px;}
.userInput{margin:10px 0;}
.userInputText{
  margin-bottom: 10px;
  float: left;
  width: 100%;
  margin-top: 10px;

}
.userInputElement{height: 30px;  padding: 6px 10px;  width: 215px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  border: 1px solid rgb(2, 108, 223);; border-radius: 0;}
.userInputElement.hide { display: none; }
.userInputCaption{display:block;}
.userInputCaption a, .userInputCaption a:hover, .userInputCaption a:visited{color:black;font-weight:bold;}
.userInputBoolElement{}
.userTextQty{width:25%;text-align:center;float:left;}
.userButtonQty{width:33%;max-width:32px;float: left;}
.userButtonQty:nth-of-type(2) {
  float: right;
}
.userTextElementQty {
  font-size: 16px;
    border: none;
    height: 34px;
    width: 45px;
    text-align: center;
    font-weight: bold;
    color: #4E565C;
}

.noAvailableTicketsInput {
	display: none;
}

.noAvailableTicketsImg {
	display: none;
}

.userTextQty input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #4E565C;
}
.userTextQty input::-moz-placeholder { /* Firefox 19+ */
  color: #4E565C;
}
.userTextQty input:-ms-input-placeholder { /* IE 10+ */
  color: #4E565C;
}
.userTextQty input:-moz-placeholder { /* Firefox 18- */
  color: #4E565C;
}

.userTextElementDYNPKGQty{   font-size: 13px; border: 1px solid #bbb; height: 38px; width: 28px; text-align: center; float: left; }
.mandatory{background:url(/img/ticketmaster/mandatoryField.png) transparent 0 14px no-repeat;}
.userButton {
  margin-top: 20px;
  float: left;
  width: 100%;
}
.button{font-weight: bold;font-family:'TMSans-Bold', Arial, sans-serif; width:220px;height:40px;cursor: pointer;background-color: rgb(2, 108, 223);;margin-top:40px;line-height:35px;color:white;font-size: 15px;text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;}
.buttonMax{font-weight: bold;font-family:'TMSans-Bold', Arial, sans-serif;width:246px;height:40px;cursor: pointer;background-color: #e31c79;margin-top:40px;line-height:35px;color:white;font-size: 15px;text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-appearance: none; border-radius: 0;}
.button:hover, .buttonMax:hover {
	cursor: pointer;
	opacity: 0.8;
	}
	
.externalLinkButton {
	color: rgb(2, 108, 223);;
    font-size: 15px;
    margin-bottom: 19px;
    margin-top: 20px;
}


	
.errorMessage {
  padding: 15px;
  font-size: 15px;
  color: #b7c9d3;
  font-weight: bold;
  display: flex;

}

.regularMessage {
  padding: 15px;
  font-size: 15px;
  color: #b7c9d3;
  font-weight: bold;
  display: flex;

}

.errorMessage .errorMessageText, .regularMessage .errorMessageText {
 padding: 4px 10px 0px 10px;
}

.errorMessage i {

}

.orderMessage {
  font-size: 19px;
  margin: 10px 0px;
}

.orderMessage i {
  font-size: 31px;
}

.primary {
    line-height: 50px;
    text-indent: 15px;
    color: #4E565C;
    font-size: 21px;
    background-color: #fff;
    font-weight: bold;
}

.title .type {
  float: right;
padding: 0px 15px;
}


.accountInfo {font-size: 13px;}
.infoSection {
  padding: 9px 20px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
  }
.accountInfo .caption{
  display: block;
font-weight: bold;
color: #414141;
margin-bottom: 2px;
width: 50%;
padding: 5px 0;
line-height: 16px;
float: left;
}
.accountInfo .info{
  display: block;
    padding: 5px 0;
    width: 50%;
    padding: 5px 0;
    line-height: 16px;
    color: rgb(2, 108, 223);;
    float: right;
    text-align: right;
}


/* Show Payment */
.content {}
.content .menu {font-size: 22px;color:white;}
.content .menuItems {margin:0;padding:0;list-style-type: none;font-weight: bold;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;}
.content .menuItem {float:left;width:50%;line-height: 45px;text-indent:20px;position:relative;cursor: pointer;background-color: #c5c4c4;}
.content .arrow {display:none;border-left: 20px solid transparent;border-right: 20px solid transparent;height: 1px;left: 25px;position: absolute;top: 45px;}
.content .current {background-color:#e31c79;}
.content .arrow{border-top: 16px solid #e31c79;}
.content .current .arrow {display: block;}
.content .table .item{
  cursor: inherit;
    float: left;
    width: 100%;
    padding: 5px;
    margin-top: 10px;
    border-bottom: 0px;
    background-color: #fff;
}
.content .table .registrant{border-top: 1px solid #f0f0f0;display:block;padding-top:10px;}
.content .table .registrant .fields{margin-top:0;}
.content .table .registrant .button{margin:5px 0;}
.content .table .registrant .seats{color:#000;}
.content .registrant .seatInfo{color:#e31c79;}
.content .button{float:right;margin:20px 0;}

.content .checkoutSection{color: black;}
.content .checkoutSectionContent{padding:30px 20px;}
.content .checkoutCaption{font-size: 20px;color:#767676;margin-bottom:10px;}
.content .coAccountInfo{border-bottom: 1px solid #000;margin-bottom: 20px;padding-bottom: 10px;}
.content .coAccountInfo .infoElement{line-height: 35px;}
.content .infoElement .caption{font-size: 18px;color:#767676; text-indent: 10px;display: inline-block;font-weight: bold;}
.content .infoElement .info{font-size: 18px;color:#97969a; text-indent: 10px;display: inline-block;}
.content .coAccountInfo .infoElement.accent{background-color: #eeeef2;}
.content .service {border-bottom: 1px solid #000;padding-bottom: 10px;}
.content .service .checkoutCaption{color:#393939;}
.content .fields{margin: 10px 0;}
.content .field{float:left;margin-right: 10px;margin-bottom: 10px;border-right: 1px solid #f0f0f0;padding-right: 10px;}
.content .fields .label{ color:#373737;margin-bottom: 3px;}

.content .service .note{color:#e31c79; margin-bottom: 10px;}

.content .fee.table{width:50%;float:right;margin-top: 20px;}
.content .fee.table .heading{width:50%;padding: 0px;}
.content .fee.table .itemText{
  width: 50%;
    text-align: right;
    padding: 10px;
}
.content .fee.table .itemText.feeTitle{text-align: left;text-indent: 5px;}

.basketUserInputs {
  float: left;
  width: 50%;
  margin-top: 10px;
}

.basket-deleteall .button-delete {
    width: auto;
    text-align: left;
    padding-left: 25px;
    line-height: 28px;
    color: #414141;
    font-size: 12px;
    background: url(/img/ticketmaster/master-sprite.png) 0px -487px no-repeat;
    border: 0px solid #414141;
    cursor: pointer;
}

.basketActionButtons {
  width: 100%;
  float: left;
  margin-top: 20px;
}

.basketActionButtons .button {
      margin: 0px !important;
}

.basketActionButtons .button:nth-of-type(1) {
  float: left;
}

.basketActionButtons .button:nth-of-type(2) {
  float: right;
}

.totalFeeTable {
margin-top: 40px !important;
}

.totalFeeTable .item {
  background-color: transparent !important;
  padding: 0px !important;
}

.totalFee {
  font-size: 20px !important;
      font-weight: bold !important;
      text-align: right !important;
      padding: 0px 10px !important;
}

.content .total.table{width:200px;float:right;}
.content .total.table .heading{width:100%;}
.content .total.table .itemText{width:100%;}
.content .button.pay{float:none;margin:0 auto;}

.content .paymentSection{color: black;}
.content .paymentSectionContent{padding:30px 20px;}
.content .paymentCaption{font-size: 20px; color:#767676;margin-bottom:10px;}

.content .payment.table{width:50%;}
.content .payment.table .heading{width:100%;}
.content .payment.table .heading.payservices{padding-top: 3px;line-height: inherit;}
.content .payment.table .itemText{width:50%;text-align:left;text-indent: 10px;}
.content .payment.table .itemText.itemTitle{text-align:right;}
.content .payment.table .itemText.select{width:50%;}
.content .payment.table .itemText.select select{width:90%;}
.content .payment.table .itemText.text input{width:87%;}
.content .payment.table .itemText.feeTitle{text-align: left;text-indent: 10px;}


/* Show Event Info Calendar */
.calendarContainer {

}
.calendar {width:320px; font-size:14px; color: #ffffff; margin: 0px 0px 10px 0px; text-align:center;}
.calendar .cnt {}
.calendar .pad {padding:0px; float:left;width: 84%;}
.calendar .rowHdr {padding: 10px;}
.calendar .cellHdr {
  color: #4E565C;
font-size: 14px;
}

#calendarContent div {
  padding-top: 7px;
      padding-bottom: 7px;
}
.calendar .row {width:100%;}
.calendar .rowleft {float:left; overflow:hidden; margin-top: 34%; padding: 0; width: 8%; }
.calendar .rowright {float:left; overflow:hidden; margin-top: 34%; padding: 0; width: 8%; }
.calendar .cellMonth {
  overflow: hidden;
  width: 100%;
  background-color: #b7b7b7;
  color: #fff;
  padding: 7px 0px;
  font-size: 14px;

}
.calendar .cellMonth .cell {text-align:center; width: 100%; }
.calendar .cellDOW {
  float: left;
  width: 14.27%;
  margin: 0px;
  text-align: center;
  background: #c5c5c5;
  font-size: 12px;
  padding: 10px;
  color: #414141;
}
.calendar .cellDAY {float: left; width: 14.27%; margin: 0px; text-align: center; color: #fff; background: #dedede; }
.calendar .cellDAYG {float: left; width: 14.27%; margin: 0px; text-align: center; color: #a7a8a9; background: #ddd;}

.calendar .cellDAYSel {float: left; width: 14.27%; margin: 0px; color: #e7e8e9 !important; text-align: center; background: #004a69 !important;}
.calendar .cellDAYSel:hover {background: #006088;}
.calendar .cellDAYSel a:link {color: #e7e8e9; text-align: center; background: transparent;}
.calendar .cellDAYSel a:visited {color: #e7e8e9; text-align: center; background: transparent;}
.calendar .cellDAYSel a:hover {color: #e7e8e9; text-align: center; background: transparent;}
.calendar .cellDAYSel a:active {color: #e7e8e9; text-align: center; background: transparent;}

.calendar .cellDAYAva {
  float: left;
    width: 14.27%;
    margin: 0px;
    color: #fff;
    text-align: center;
    background: rgb(2, 108, 223);;
  }
.calendar .cellDAYAva:hover {background: #02aaf1;}
.calendar .cellDAYAva a:link {color: #e7e8e9; text-align: center; background: transparent;}
.calendar .cellDAYAva a:visited {color: #e7e8e9; text-align: center; background: transparent;}
.calendar .cellDAYAva a:hover {color: #e7e8e9; text-align: center; background: transparent;}
.calendar .cellDAYAva a:active {color: #e7e8e9; text-align: center; background: transparent;}

.calendar .cellEmpty {float: left; width: 14.27%; margin: 0px; text-align: center; color: #ffffff; background: #000000;}
.calendar a {
  text-decoration: none;
  color: #fff !important;
width: 100%;
float: left;
}
.calendar .mrgBottom {overflow: hidden; height: 12px}

.calendar .showAllEvents {
color: #fff !important;
    padding: 10px;
    font-size: 16px;
    width: 100%;
    float: left;
    background-color: rgb(2, 108, 223);;
    margin-top: 10px;
    box-shadow: 0 0 black;
}

.calendar .showAllEvents:hover {
  background-color: #0088c1;
}

/* Info */
.iTicketAvailability
{
	display: block;
	float: left;
}

.iAvailabilityLabel
{
	display: block;
	margin-bottom: 5px;
	margin-top: 10px;
	font-weight: bold;
}

.availabilityLegend
{
	margin-top: 25px;
}

.availabilityLegendItem
{
	float: left;
	margin-right: 35px;
	font-size: 14px;
}

.eventTicketTypes
{
	margin-top: 10px;
}

.ticketType
{
	margin: 10px 0px 5px 0px;
}

.tAvail
{
	list-style: url(../../img/tkhrcy/availabilityGreen.png);
}

.tMid
{
	list-style: url(../../img/tkhrcy/availabilityOrange.png);
}

.tUnavail
{
	list-style: url(../../img/tkhrcy/availabilityRed.png);
}

.iLocationInfo
{
	padding: 15px;
}

.iLocationTitle
{
font-size: 14px;
}

.iGoogleMap
{
	margin-top: 10px;
	border: 1px solid black;
	height: 450px;
}
.seiButtons {
  clear: both;
  margin-top: 10px;
  text-align: right;
  overflow: auto;
}
.seiEventImage {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.seiEventLocation
{
	float: left;
	font-weight: bold;
	font-size: 14px;
}

.seiEventInfoTitle
{
	float: left;
	clear: left;
	font-weight: bold;
	font-size: 14px;
}

.seiEventInfo
{
	float: left;
	width: 100%;
}

.seiSocial
{
	clear: both;
	text-align: right;
	padding-top: 20px;
	padding-bottom: 15px;
	/*border-bottom: 1px solid #babbad;*/
	margin-bottom: 10px;
}

.seiFbButton
{
	background-image: url(../../img/th-www3/4273uaqa.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
}

.seiPerformances
{
	margin-top: 10px;
	width: 60%;
}

.seiNoAvailPerfs
{
	margin-top: 20px;
	text-align: center;
	border-bottom: 1px solid #babbad;

	padding-bottom: 20px;
}

.seiNoAvailPerfsMsg
{
    display: block;
    font-style: italic;
    font-size: 18px;
    margin-bottom: 20px;
    clear: both;
    padding-top: 30px;
}

.serviceSubmitButton .button {
	background: #768692 !important;
}

.slideshow {
  background-color: #f3f3f3;
  background-image: url(../../img/tkhrcy/slideshow/loading.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 100%;
  height: 427px;
  margin-bottom: 5px;
  overflow: hidden;
  z-index: -10;
}

/* Product List */
.productList{float: left;width: 100%;}
.productList a,.productList a:hover,.productList a:active,.productList a:visited{text-decoration:none;color:#000;display:block;}
.productList a,.productList p a:hover,.productList p a:active,.productList p a:visited {text-decoration:none;color:#000;display:initial;}
.productList .products{background-color:transparent;}
.productList .product {
    /*height: 120px;*/
    /* border-bottom: #e1e1e1 solid 2px; */
    background-color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
  	-moz-box-shadow: 0px 0px 10px 0px rgba(179, 179, 179, 0.43);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(179, 179, 179, 0.43);
    box-shadow: 0px 0px 10px 0px rgba(179, 179, 179, 0.43);
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.seiAvailCalendar {
  background-color: #fff;
  -moz-box-shadow: 0px 0px 5px 3px #c7c7c76e;
  -webkit-box-shadow: 0px 0px 5px 3px #c7c7c76e;
  box-shadow: 0px 0px 5px 3px #c7c7c76e;
  position: absolute;
  right: 0px;
top: 40px;
display: none;
z-index: 2;
}

.closeCalendar {
    color: #d0006f;
    float: right;
    padding: 10px;
    font-size: 18px;
    font-family: sans-serif;
    cursor: pointer;
}

.eventInfoCalendarLink {
    float: right;
    color: #fff !important;
    font-size: 14px;
    margin-top: -10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: rgb(2, 108, 223);;
    padding: 6px 5px 2px 5px;
}

.eventInfoCalendarLink:hover {
  background-color: #0088c1;
}

.eventInfoCalendarLink span {
  float: right;
  padding: 5px;
}

.eventPageProducts {
  width: 100%;
  float: left;
    overflow: hidden;
    padding-left: 5px;    
}

#eventForm .productsRight.closed {
	
  
    margin-bottom: 40px;
}

.showAllPerformancesCont {
	 width: 100%;
	 float: left;
	 padding-left: 5px;
}

.showAllPerformances {
    padding: 4px;
    width: 100%;
    cursor: pointer;
    background-color: rgb(2, 108, 223);;
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin-bottom: 50px !important;
}

.searchCategoryTitle {
	    font-size: 23px;
    color: #353c42;
    margin: auto;
    position: relative;
    text-align: center;
    font-weight: bold;
    display: table;
    line-height: 38px;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    display: none;
}

.searchCategoryTitle::before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0px;
    width: 40px;
    border-bottom: 4px solid rgb(208, 0, 111);
    left: 50%;
    margin-left: -20px;
}



.eventPageProducts .product:after {
  content: ">";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 30px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 30px;
  font-family: cursive;
  line-height: 118px;
  text-align: center;
}

.product.BUY:after {
  background-color: rgb(2, 108, 223);;
}

.product.SOLD_OUT:after {
  background-color: #D0006F;
}

.product.SYS_NA:after {
 background-color: #B4B9BD;
}

.product.SOLD_OUT, .product.SYS_NA {
	pointer-events: none;
}

.product.HIDDEN {
  display: none;
  pointer-events: none;
}

.product.LIMITED:after {
  background-color: #4a5a9e;

}

.productList .product:hover {
  -moz-box-shadow: 0px 0px 10px 0px rgba(142, 142, 142, 0.53);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(142, 142, 142, 0.53);
    box-shadow: 0px 0px 10px 0px rgba(142, 142, 142, 0.53);
}
.productList .text {
    padding: 10px;
    height: 100%;
}

.productDescWrapper {
	padding: 15px;
    overflow: hidden;
    position: relative;
    padding-bottom: 25px;
}

.productDescWrapper.closed {
	height: 350px;
}

.productDescWrapperInner {
	position: absolute;
	bottom: 0px;
    width: 100%;
   

}



.productDescWhite {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+58,f6f7f9+92&0+58,1+92 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,247,249,1) 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(246,247,249,1) 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(246,247,249,1) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f6f7f9',GradientType=0 ); /* IE6-9 */
 height: 70px;

}

.productDescMore {
  position: absolute;
      bottom: 0px;
      cursor: pointer;
      background-color: #768692;
      color: #fff !important;
      padding: 5px;
      border-radius: 3px;
      opacity: 0.8;
}

.productDescMore:hover {
  opacity: 1;
}

.productList .productTitle {
    display: block;
    /*text-transform: uppercase;*/
    font-weight: bold;
    font-size: 16px;
    line-height: 17px;
}

.productList .productVenue {
    display: block;
    font-size: 14px;
    margin-top: 10px;
    line-height: 17px;
}

.productList .productType {
    display: block;
    
    font-size: 12px;
    margin-top: 10px;
    line-height: 17px;
}

#venueViewID {
	width: 700px;
}


.productList .availability{background-attachment:fixed;background:url(/img/tkhrcy/productArrow.png) green 50% 50% no-repeat;width:42px;float:right;height:86px;}
.productList .availability.mid{background-color:#f0a90c;}
.productList .availability.low{background-color:red;}
.availabilityList{
background-color: green;
width: 20px;
color: #fff;
float: left;
height: 20px;
padding: 5px;
}
.availabilityList.mid{background-color:#f0a90c;}
.availabilityList.low{background-color:red;}

.productList-inner {
  float: left;
}

.availabilityList-title {
  float: left;
      padding: 5px;
      margin-right: 15px;
}

.availabilityList-section {
  float: left;
  margin-right: 10px;
  font-size: 11px;
}

.availabilityList-section span {
  float: left;
  padding: 5px;
}

.availabilityList-section.BUY .availabilityList {
background-color: rgb(2, 108, 223);;
}

.availabilityList-section.LIMITED .availabilityList {
background-color: #4a5a9e;
}

.availabilityList-section.SOLD_OUT .availabilityList {
background-color: #D0006F;
}

.availabilityList-section.SYS_NA .availabilityList {
background-color: #B4B9BD;
}

.productList .productImage{float:left;height:70px;width:70px;padding:7px;}




.productsLeft {
    width: 50%;
    padding-right: 10px;
    float: left;
}

.productsLeft .menu li {
  
  float: left;
}

.productsLeft .seiSocial {
	padding: 15px;
}

/* two items */
.eventInfoDescLinks:first-child:nth-last-child(2),
.eventInfoDescLinks:first-child:nth-last-child(2) ~ .eventInfoDescLinks {
    width: 50%;
}

/* three items */
.eventInfoDescLinks:first-child:nth-last-child(3),
.eventInfoDescLinks:first-child:nth-last-child(3) ~ .eventInfoDescLinks {
    width: 33.3333%;
}

.productsLeft .eventImg, .productsLeft .eventImg img {
  width: 100%;
  float: left;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.02);
}

.productsRight {
    width: 50%;
    padding: 10px;
    margin-top: 20px;
    float: right;
        position: relative;
}

/* Preemptions */
.preemptions{ padding:10px;}
.preemptions .title{background:url(/img/tkhrcy/boxTitle.png) #000 repeat-x;font-size:23px;color:#fff;text-indent:0;padding:10px;}

/* Login */
.loginLinks{padding:10px;}
.loginText{padding:10px;}
.loginLinks .caption{font-weight:700;display:block;margin-top:10px;}
.loginLinks .link{font-weight:400;text-decoration:none;color:#000;}

.loginLogoutContainer {
	margin: 15px;
}

.loginPageWrapper {
  width: 60%;
  margin: auto;
  padding-top: 40px;
}

.loginPageWrapper .left-column {
    width: 49%;
    padding: 50px 50px;
    float:left;
}

.loginPageWrapper .right-column {
    width: 49%;
    padding: 50px 50px;
    float:right;
}

.loginPageWrapper .form-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.loginPageWrapper .midColumn {
    width: 2%;
    height: 400px;
    float: left;
}

.loginPageWrapper .midColumn span {
    width: 1px;
    margin: auto;
    background-color: #B7C9D3;
    height: 100%;
    display: block;
}

.loginPageWrapper .accountRegisterDesc {
  font-size: 15px;
  margin-bottom: 40px;
  margin-top: 60px;
  display: block;
}

.loginPageWrapper .accountRegisterDesc ul {
    list-style: disc;
    padding: 15px;
}

/* Login DX */
.box{width:100%;float:left;}
.loginDx {width:19%; float:left;padding:10px 10px 10px 0;}
.loginDx .data{padding-top:5px;}
.loginDx .data .text{text-indent: 5px; float: left;}
.loginDx .data .user{text-indent: 15px;color:#465666;font-weight:bold;font-style:italic;}
.loginDx .details {border: #e9e9e9 solid 1px;}
.loginDx .links {padding:0;width:100%;}
.loginDx .links ul {list-style-type:none;text-decoration:none;margin:0;padding:0;font-size:0.7em;}
.loginDx .links ul li {text-align:left; font-weight:bold;height:21px;padding:6px 0 0 0;text-indent:20px;border-bottom: thin solid #222;}
.loginDx .links ul li:hover {text-decoration:none; color:#FFF; background-color:#465666;}
.loginDx .links ul li a {color:#231F20;text-decoration:none; display: block; height:21px;   font-weight: bold; font-size: 1.2em;}
.loginDx .links ul li a:hover { color:#FFF; }

/* Account Password Policy Tooltip */
.passwordContainer {
	position: relative;
    display: table;
}

.passwordTooltip {
	position: absolute;
	background-color: #d25151;
	display: none;
	bottom: 41px;
	padding: 10px;
	box-shadow: 0px 0px 10px 0px #0006;
	max-width: 380px;
	min-width: 320px;
	left: 17px;
	border-radius: 5px;
}

.passwordTooltip ul {
	list-style-type: disc;
	padding: 0px 15px;
	color: #fff;
}

.passwordTooltip ul li {
	margin-bottom: 5px;
}

.passwordTooltip:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 10px 0 10px;
	border-color: #d25151 transparent transparent transparent;
	content: "";
	position: absolute;
	bottom: -7px;
	left: 10px;
}

.inputContainer {
    position: relative;
    display: table;
}
.tooltipOpen {
    display: block;
}


/***********myAccountAndBasket*********/

.myAccountAndBasketContainer {
  padding: 0px;
}

.myAccountBasketWrapper {
padding: 35px;
width: 80%;
float: left;
}

.myAccountBasketWrapperRightMenu  {
  width: 15%;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
  -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
  box-shadow: 1px 1px 5px 0px #b7c9d3;
  margin-right: 35px;
  margin-top: 72px;
  float: right;
}

[lang="ar"] .myAccountBasketWrapperRightMenu {
  margin-right: 0px;
  margin-left: 35px;
}

.myAccountBasketWrapperRightMenu ul {
  height: 50%;
}

.myAccountBasketWrapperRightMenu ul li {
  width: 100%;
}

.myAccountBasketWrapperRightMenu ul li a {
  width: 100%;
  text-align: center;
  height: 100%;
  text-decoration: none;
  color: #414141;
  padding: 20px;
}

.myAccountBasketWrapperRightMenu ul li a:hover i {
  color: #019CDE;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.myAccountBasketWrapperRightMenu ul li a.active {
  color: #019CDE;
  background: rgb(249,249,249);
  background: -moz-linear-gradient(45deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 76%);
  background: -webkit-linear-gradient(45deg, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 76%);
  background: linear-gradient(45deg, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 76%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=1 );
}

.myAccountBasketWrapperRightMenu ul li a div {

}

.myAccountBasketWrapperRightMenu ul li a div i {
      font-size: 26px;
}

.myAccountBasketWrapperRightMenu ul li a div span {
      font-size: 14px;
      margin: 6px;

}

.myAccountBasketWrapperHeadings {

}

.myAccountBasketWrapperHeadings .heading {
  float: left;
  background-color: transparent;
  border: none;
  font-size: 14px;
  padding: 5px 15px;
  text-indent: unset;
  text-align: left;
  font-weight: normal;
}

.myAccountBasketWrapperHeadings .heading:nth-of-type(1), .myAccountBasketProducts .productText:nth-of-type(1) {
  width: 35%;
}

.myAccountBasketWrapperHeadings .heading:nth-of-type(2), .myAccountBasketProducts .productText:nth-of-type(2) {
  width: 16%;
}

.myAccountBasketWrapperHeadings .heading:nth-of-type(3), .myAccountBasketProducts .productText:nth-of-type(3) {
  width: 15%;
  text-align: center;
}

.myAccountBasketWrapperHeadings .heading:nth-of-type(4), .myAccountBasketProducts .productText:nth-of-type(4) {
  width: 14%;
  text-align: center;
}

.myAccountBasketWrapperHeadings .heading:nth-of-type(5), .myAccountBasketProducts .productText:nth-of-type(5) {
  width: 15%;
  text-align: center;
}

.myAccountBasketWrapperHeadings .heading:nth-of-type(6), .myAccountBasketProducts .productText:nth-of-type(6) {
  width: 5%;
  text-align: right;
}

.myAccountBasketProducts {
  width: 100%;
  float: left;
}

.myAccountBasketProducts .productText {
  float: left;
  font-size: 14px;
    padding: 5px 15px;
}

.basketProduct {
  width: 100%;
      margin-bottom: 20px;
      -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
      -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
      box-shadow: 1px 1px 5px 0px #b7c9d3;
      position: relative;
      background-color: #fff;
      padding: 10px;
      line-height: 25px;
}

.delete i {
  color: #B4B9BD;
  font-size: 18px;
}



/* Section Selection */
.sectionSelectionForm{padding:10px;}
.sectionSelectionForm .selectionMethodTitle{font-weight:700;font-size:16px; display:block;color:#465666;margin-bottom: 10px;}
.sectionSelectionForm .fieldSection{display:block;width:280px;height:40px; font-size:26px;}
.sectionSelectionForm .userInput{margin:10px 2px;padding:0;}
.sectionSelectionSection{float:left;margin-right:10px;margin-bottom:10px;}
.titleBar .title { display: block; font-size: 19px; line-height: 55px; color: rgb(2, 108, 223);; font-weight: bold;}
/* Tickets Selection */
.productItemsForm .products{padding:5px 0 10px;}
.productItemsForm .product{border-bottom:1px solid black;padding:5px 0;}
.productItemsForm .product .productText{float:left;width:20%;text-align:center;line-height:38px;}
.productItemsForm .total{border-bottom:1px solid black;padding:5px 0;}
.productItemsForm .product .productType{font-weight:700;text-align:left;}
.deliveryMethods{margin-bottom: 10px;}
.deliveryMethods .productText{display:block;text-align:left;font-weight:bold;font-size: 14px;line-height:38px;text-indent:5px;}
.deliveryMethods .productText input {height:38px;width:38px;vertical-align:middle;}

/* Register */

/* Profile */
.mainContent {}
.mainContent a, .mainContent a:hover, .mainContent a:active, .mainContent:visited {color:rgb(2, 108, 223);;}
.mainContent p a, .mainContent p a:hover, .mainContent p a:active, .mainContent:visited {display:inline-block;}
.mainContent .menu {font-size: 22px;color:white;}
.mainContent .menuItems {margin:0;padding:0;list-style-type: none;font-weight: bold;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;}
.mainContent .menuItem {float:left;width:25%;line-height: 45px;text-indent:20px;position:relative;cursor: pointer;background-color: #c5c4c4;}
.mainContent .arrow {display:none;border-left: 20px solid transparent;border-right: 20px solid transparent;height: 1px;left: 25px;position: absolute;top: 45px;}
.mainContent .current {background-color:#e31c79;}
.mainContent .arrow{border-top: 16px solid #e31c79;}
.mainContent .current .arrow {display: block;}

.mainContent .regSectionContent{}
.mainContent .regFieldTitle{}

.mainContent .info{}
.mainContent .infoCaption{display:inline-block;width:100%;margin-right:5px;line-height:28px;text-align:left;font-size: 16px;}

.mainContent .note{font-size: 15px;}
.mainContent .button{margin: 0 50px 0 0; float:right;}
.mainContent .accent{}
.mainContent .accent .infoCaption{width:60%;}
.mainContent .accent .info{margin:0;}
.mainContent #profLogoutButton{display:none;}

.mainContent .basketSection{color: black;}
.mainContent .basketSectionContent{}
.mainContent .basketCaption{font-size: 18px;margin-bottom:20px;}
.mainContent .basketTotalTickets{font-weight: bold;}
.mainContent .basketTotalCost{font-weight: bold;}

.mainContent .ordersSection{color: black;}
.mainContent .ordersSectionContent{padding:30px 20px;}
.mainContent .ordersCaption{font-size: 18px;margin-bottom:20px;}
.mainContent .ordersTotalTickets{font-weight: bold;}
.mainContent .ordersTotalCost{font-weight: bold;}
.mainContent .ordersSection .table .heading {width: 50%;}
.mainContent .ordersSection .table .item .itemText {width:50%;}

.mainContent .wlSectionContent{padding:35px 10px 15px 40px;}
.mainContent .wlSectionContent .itemEmpty{color:#000;text-align:center;font-size:18px;}
.mainContent .wishListItem{color:black;}
.mainContent .wlItemSeparator{border-bottom:1px solid black;margin-bottom: 5px;}
.mainContent .wishListItem{position:relative;background-color: #fbfbfb;padding:15px;border-top: 1px solid #545555;margin-bottom: 10px;}
.mainContent .wishListItem .title{text-indent: 5px;line-height:25px;margin-bottom: 10px;float:left;width:50%;}
.mainContent .wishListItem .subtitle{text-indent: 5px;line-height:25px;font-size:18px;font-weight:bold;margin-bottom: 10px;float:left;width:50%;text-align: right;}
.mainContent .wishListItem .image img{width:400px;height:200px;}
.mainContent .wishListItem .image {position:absolute;top:50px;left:15px;}
.mainContent .wishListItem .info { font-size: 14px;padding-left:420px;}
.mainContent .contributors .contributor {width:165px;float: left;margin-top:10px;}
.mainContent .contributor .field {display: block;}

.mainContent .suggestionsContainer{padding:15px;color:black;}
.mainContent .suggestionsContainer .title{text-indent:0;}
.mainContent .suggestions .image img{width:160px;height:160px;}
.mainContent .suggestion{position:relative;width:50%;min-width:200px;float:left;font-size: 14px;  }
.mainContent .suggestions .suggestionTitle{font-weight: bold;}
.mainContent .suggestion .image{float:left;clear:left;min-width:160px;padding-right:10px;}
.mainContent .wlButtonContainer{position:absolute; bottom:10px;right:10px;}
.mainContent .wlButtonWrapper{position:static;}

.mainContent .wlRemove{background-color:#6c6c6c;width:40px;}
.mainContent .wlRemoveMobile{display:none;background-color:#6c6c6c;width:90%;}
.mainContent .button{margin: 10px 0 0 16px; float:right;}
.registerSection {
    width: 75%;
    margin: auto;
    float: none;
}

.registerFormSectionRow {
    width: 100%;
    display: inline-block;
}

.registerFormSectionBoxWrapper {
    width: 42%;
    margin: 2% 4% 0 4%;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(182, 201, 210, 0.45);
    -moz-box-shadow: 1px 1px 5px 0px rgba(182, 201, 210, 0.45);
    box-shadow: 1px 1px 5px 0px rgba(182, 201, 210, 0.45);
    float:left;
}

.registerFormSectionBox {
    padding: 10px 30px;
    background-color: #fff;
    float:left;
    width: 100%;
    font-size: 14px;
}

.registerFormSectionBoxTitle {
    width: 100%;
    padding: 10px;
    background: rgb(252,252,252);
    background: -moz-linear-gradient(45deg, rgba(252,252,252,1) 42%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(252,252,252,1) 42%,rgba(255,255,255,1) 100%);
    background: linear-gradient(45deg, rgba(252,252,252,1) 42%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ffffff',GradientType=1 );
    float: left;
}

.registerFormSectionBoxTitle i {
    color: #B7C9D3;
    font-size: 25px;
    float: left;
}

.registerFormSectionBoxTitle span {
  float: left;
      font-size: 14px;
      padding-top: 5px;
      padding-left: 10px;
}


.registerSection .day, .registerSection .month, .registerSection .year {width: 32%; height:38px;}

.registerTerms {
  font-size: 14px;
float: left;
width: 100%;
}

.registerTerms .infoCaption {
  font-size: 12px;
    margin-top: 10px;
}

.registerButtonsWrapper .userButton {
  width: 100%;
  float: left;
  padding: 2% 4% 0 4%;
}

.registerButtonsWrapper .userButton .button {
  /*margin: 0px;*/
}

.registerButtonsWrapper .userButton .button:nth-of-type(1) {
  float: left !important;
  background-color: #69747C;
}

.registerButtonsWrapper .userButton .button:nth-of-type(2) {
  float: right !important;
}

.registerSocialLogin {
  width: 100%;
  float: right;
  padding: 15px 4% 15px 4%;
}


.registerSocialLogin .userButton {
  margin-top: 0px;
}

.registerSocialLogin .userButton a {
  float: right;
  width: 220px;
  height: 40px;
  padding: 12px;
  margin-left: 10px;
}


.sectionContent .menu {
    font-size: 22px;
    color: white;
}
.menu .menuItem {
    float: left;
    width: 25%;
    line-height: 45px;
    text-indent: 20px;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    color: #4E565C;
}
.menu .menuItems {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-weight: bold;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}
.menu .current {
    background-color: rgb(2, 108, 223);;
}
.menu .arrow {
    border-top: 16px solid rgb(2, 108, 223);;
    display: none;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    height: 1px;
    left: 25px;
    position: absolute;
    top: 45px;
}
.menu .current .arrow {
    display: block;

}
/* Checkout */
.checkoutForm .product .productText{
  float: left;
  width: 25%;
    padding: 10px 15px 0px 15px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.checkoutForm .product .productText.qty{width:15%;}
.checkoutForm .product .productText.delete{width:5%;}
.checkoutForm .product .productType{font-weight:700;color:#e31c79;display:block;}
.checkoutForm .total .caption{display:block;float:left;width:75%;text-align:right;font-weight:700;color:#465666;}
.checkoutForm .total .amount{display:block;float:left;width:25%;text-align:center;}
.checkoutForm .fees{border-top:1px solid #bbb;}
.checkoutForm .fees .caption{display:block;float:left;width:50%;text-align:left;font-weight:700;color:#465666;}
.checkoutForm .fees .amount{display:block;float:left;width:25%;}
.checkoutForm .feesItem .caption{display:block;float:left;width:50%;text-align:left;}
.checkoutForm .feesItem .amount{display:block;float:left;width:25%;text-align:center;}
.checkoutForm{}
.checkoutForm .product,.checkoutForm .total,.checkoutForm .fees,.checkoutForm .feesItem{}
.checkoutForm .product .productTitle{font-weight:700;text-align:left;}
.productExtras{
  float: left;
    width: 100%;
}
.itemInfoContainer{}
.itemInfoContainer .caption{color:#465666;font-weight:bold;}
.itemInfoContainer .accountSelection{float:left;width:50%;line-height:20px;min-width:300px;}
.itemInfoContainer .seatInfo{float:left;width:50%;line-height:20px;text-align:right;}
.showSeatContainer{padding:3px; display:none;}
.productExtras a.showSeat,.productExtras a.showSeat:hover,a.showSeat:active,a.showSeat:visited{float:right;text-decoration:none;color:black;border: 1px solid #000;display:block;width:100px;text-align:center;background-color:#F3DA07;padding:5px;cursor:pointer;font-weight:bold;}

.checkoutPageContainer {
    width: 34%;
    margin: 40px 2% 20px 2%;
    float: left;
}

.checkoutPageContainerSecond {
    width: 58%;
    margin: 40px 2% 20px 1%;
    float: right;
}

.checkoutPage {
  padding: 5px 15px;
}

.checkoutPageContainer .checkoutPage {
  -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
  -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
  box-shadow: 1px 1px 5px 0px #b7c9d3;
  background-color: #fff;
}

.checkoutPage {
  -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
  -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
  box-shadow: 1px 1px 5px 0px #b7c9d3;
  background-color: #fff;
}

.productList {
  margin-top: 30px;
}

.checkoutPage.sectionContent .comment {
  padding: 15px 0px;
}

.checkoutPage .secondary {
  color: #414141;
      font-size: 16px;
      font-family: 'TMSans-Bold';
      text-indent: unset;
      padding: 0px 15px;
      background-color: transparent;
      border: none;
}

.checkoutPageContainer .infoSection {
  background-color: rgba(183, 201, 211, 0.2);
  margin-bottom: 10px;
}

.checkoutPageContainerSecond .checkoutPage {

}

.checkoutPageProductLabel {
  position: absolute;
  width: 7px;
  height: 100%;
  background-color: rgb(2, 108, 223);;
  top: 0px;
  left: 0px;
  float: left;
}

.checkoutAccountInfo {

}

.checkoutAccountInfo .button {
  margin: 10px 0px;
background-color: #768692;
}

.checkoutFormHeadings {
background-color: transparent;
margin-top: 0px;
}

.checkoutFormHeadings .heading {
  background-color: transparent !important;
  border: none;
  color: #414141;
  line-height: 15px;
  float:left;
  text-align: left;
}

.checkoutFormHeadings .heading:nth-of-type(1) {
  width: 30%;
  padding: 0px 15px 0px 15px;
}

.checkoutFormHeadings .heading:nth-of-type(2) {
  width: 20%;
  text-align: center;
}

.checkoutFormHeadings .heading:nth-of-type(3) {
  width: 17%;
  text-align: center;
}

.checkoutFormHeadings .heading:nth-of-type(4) {
  width: 15%;
  text-align: center;
}

.checkoutFormHeadings .heading:nth-of-type(5) {
  width: 15%;
  text-align: center;
}

.checkoutForm .products {  }

.checkoutForm .product.four-columns .productText { width:25%; }

.checkoutForm .product .productText .checkout-name-input { width:100%; background-color:#fff!important; height:25px; line-height: 25px; padding: 0 10px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #fff; margin-top:5px; }

.checkoutForm .product .productType {
    font-weight: 700;
    color: #04243B;
    display: block;
}

.checkoutForm .product, .checkoutForm .total, .checkoutForm .fees, .checkoutForm .feesItem {
    font-size: 14px;
    padding: 5px 0;
    text-align: right;
    color: #414141;
    font-weight: bold;
}

.checkoutForm .product .productTitle {
    font-weight: 700;
}

.checkoutForm .total {
    padding: 15px;
    font-size: 18px;
}

.checkoutForm .feesItem, .checkoutForm .fees {
    padding: 10px 15px;
}

.checkoutForm .seatNumber {
  font-family: 'TMSans-Bold';
  font-style: normal;
}

.checkoutForm .seatName {
  font-style: normal;
}

.checkoutForm .seatNameFirst {
margin: 0px 15px 0px 0px;
font-family: 'TMSans-Bold';
font-style: normal;
}

.updateButton {
  background-color: #768692;
  margin-top: 40px;
}

.updateButton:hover {
  background-color: #56636d;
}

.checkoutAddRegistrantOrContinue {
  width: 100%;
}

.checkoutAddRegistrant {
  width: 50%;
}

.checkoutAddRegistrantOrContinue .clickNext {
  width: 50%;
}

.checkoutAddRegistrantOrContinue .clickNext .coWarning {

}

.checkoutAddRegistrantOrContinue .checkoutRegistrantButton {
  float: right;
}

.checkoutPage .heading {
  background-color: transparent !important;
      border: none;
      color: #414141;
      line-height: 15px;
      padding: 5px 0px;
      text-align: left;
      font-size: 14px;
      text-indent: unset;
      margin-bottom: 10px;
    margin-top: 10px;
}

.couponRow {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.couponRow i {
  font-size: 16px;
}

.checkoutForm .product .productText:nth-of-type(1) {
  width: 30%;
  color: rgb(2, 108, 223);;
}

.checkoutForm .product .productText:nth-of-type(2) {
  width: 20%;
  text-align: center;
  font-weight: normal;
}

.checkoutForm .product .productText:nth-of-type(3) {
  width: 17%;
  text-align: center;
  font-weight: normal;
}

.checkoutForm .product .productText:nth-of-type(4) {
  width: 15%;
  text-align: center;
  font-weight: normal;
}

.checkoutForm .product .productText:nth-of-type(5) {
  width: 15%;
  text-align: center;
  font-weight: normal;
}


.checkoutForm .product .productText.productPrice,  .product .productText.productPrice {  }


.checkoutForm .product .productType {
    font-weight: 700;
    color: rgb(2, 108, 223);;
    display: block;
}

.checkoutForm .product {
    font-size: 12px;
    padding: 5px 0;
    background-color: #fff;
}

.checkoutForm .productExtras .itemInfoContainer {
  margin-bottom: 10px;
    margin-top: 10px;
}

.checkoutFormProduct {
  margin: 15px 0px 20px 0px;
  -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
  -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
  box-shadow: 1px 1px 5px 0px #b7c9d3;
  position: relative;
  float: left;
width: 100%;
}

.checkoutForm .product .productTitle {
    font-weight: 700;
}
.checkoutForm .button{
    margin-left: 3px;
}

.checkoutPageTotal {
  width: 100%;
    display: block;
    margin-top: 40px;
}

.checkoutGoDown {
  display: none !important;
}

.checkoutFormProductDetails {
  float: left;
      width: 100%;
      border-bottom: 1px solid #dadada;
}

.checkoutFormProductDetailsLeft {
float: left;
width: 40%;
padding-right: 15px;
}

.checkoutFormProductDetailsRight {
  float: left;
  width: 60%;
  padding-left: 15px;
}

.checkoutFormProductDetailsLeft .info, .checkoutFormProductDetailsRight .info {
  width: 100%;
      float: left;
  margin-bottom: 10px;
}

.checkoutFormProductDetailsLeft .info .infoCaption, .checkoutFormProductDetailsRight .info .infoCaption {
  width: 50%;
      float: left;
      margin: 0px;
      font-size: 13px;
}

.checkoutFormProductDetailsLeft .info .infoInput, .checkoutFormProductDetailsRight .info .infoInput {
  width: 50%;
      float: left;
      margin: 0px;
      font-size: 13px;
}

.checkoutFormProductDetailsLeft .info .infoInput .userInputElement, .checkoutFormProductDetailsRight .info .infoInput .userInputElement {
  font-family: 'TMSans', sans-serif;
  font-size: 13px;
  height: 38px;
  padding: 6px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgb(224, 224, 224) !important;

}

.combodate select {
  padding: 9px;
}


#SMS_TKHWEBForm .userInput {
	width: 50%;
    float: right;
    margin-top: -50px;
}

input[name="addService"], .couponButton input {
	background-color: #768692;
}

.checkoutFeeTable {
	float: left !important;
}

.checkoutTotalFeeTable {
float: right !important;
    width: 50% !important;
    margin-top: 40px !important;
}

.checkoutTotalFeeTable .totalFee {
	float:right !important;
}

.checkoutSubmits {
	margin-top: 40px;
}

/**********seating plan*****************/

.productCountSelection .headings, .deliveryMethods .headings {
    background-color: transparent;
}

.productCountSelection .headings, .deliveryMethods .headings {
  background-color: transparent;
}

.productCountSelection .heading, .deliveryMethods .heading {
  line-height: inherit;
      text-indent: initial;
      padding: 15px;
      font-size: 16px;
      color: #414141;
      background-color: rgba(183, 201, 211, 0.2);
      border: none;
}

.productCountSelection .products {
  width: 100%;
  float: left;
}

.productCountSelection .product {
      font-size: 14px;
      background-color: #fff;
      padding: 10px 0px 10px 0px;
      margin-bottom: 10px;
          margin-top: 5px;
      border: none;
      -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
      -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
      box-shadow: 1px 1px 5px 0px #b7c9d3;
}



.deliveryMethods {

}



.deliveryMethods .productText {
    display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 38px;
    text-indent: 5px;
    font-weight: normal;
    color:#414141;
    width: 100%;
    float: left;
    -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
    -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
    box-shadow: 1px 1px 5px 0px #b7c9d3;
    background-color:#FFF;
    margin-top: 10px;
}

#showProductForm .deliveryMethods .productText span {
    float: left;
    width: 75%;
    font-weight: bold;
    font-size: 14px;
    padding-top: 9px;
}

.productCountSelection .product .productText {
    float: left;
    width: 20%;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 15px;
}


.deliveryMethods .productText input {
  display: block;
  visibility: initial;
  height: 25px;
  width: 25px;
  margin: 15px;
  float: left;
}

.deliveryMethods .productText input:checked {

}

.deliveryMethods .productText input:checked + .deliveryTypeWrapper {
  /*background-color: rgb(2, 108, 223);;
  color: #fff;*/
}

.deliveryMethods .deliveryTypeWrapper {
  cursor: pointer;
  display: block;
  float: left;
  width: 100%;
}

.deliveryTypeWrapper .deliveryTypeTitle {
  float: left;
  width: 75%;
  font-family: 'TMSans-Bold';
  font-size: 15px;
  padding-top: 9px;
}



.deliveryTypeWrapper .deliveryTypeDesc {
  float: left;
  width: 100%;
  line-height: 20px;
  padding: 15px 15px 15px 15px;
}

.productText .deliveryTypeRadioButton {
  float: left;
    width: 25px;
    height: 25px;
    background-color: #efefef;
    border-radius: 20px;
    box-shadow: inset 0px 0px 8px 0px #0000007a;
    -webkit-box-shadow: inset 0px 0px 8px 0px #0000007a;
    -moz-box-shadow: inset 0px 0px 8px 0px #0000007a;
    margin: 15px 5px 10px 15px;
}

[lang="ar"] .productText .deliveryTypeRadioButton {
  float: right;
}

.deliveryMethods .productText input:checked + .deliveryTypeWrapper .deliveryTypeRadioButton {
  background-color: #666;
      border: 7px solid #dedede;
      box-shadow: 0px 0px 1px 0px #000000;
      -webkit-box-shadow: 0px 0px 1px 0px #000000;
      -moz-box-shadow: 0px 0px 1px 0px #000000;
}

.addToBasketWrapper {
  float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.seatingMapComment {
    width: 100%;
    text-align: center;
    font-size: 22px;
    padding: 10px;
    color: rgb(2, 108, 223);;
    font-weight: bold;
    margin-top: 20px;
}

.miniMapContainer {
  position: absolute;
      top: 120px;
      background-color: #fff;
      padding: 15px 15px 5px 15px;
      -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
      -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
      box-shadow: 1px 1px 5px 0px #b7c9d3;
      width: 220px;
      right: 0px;
      text-align: center;
      cursor: pointer;
}

.miniMapContainer div {
  line-height: 20px;
      font-size: 14px;
      color: rgb(2, 108, 223);;
}

#availabilities {
  width: 100%;
  display: block;
  float: left;
  margin-top: 20px;
}

.seatingMap #availabilities {
  position: relative;
}

.availabilityContainer {
  background-color: #fff;
      padding: 15px;
      -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
      -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
      box-shadow: 1px 1px 5px 0px #b7c9d3;
      width: 150px;
      position: absolute;
      left: 0px;
      top:200px;
}

.availabilityContainer .availabilityList {
  color: #414141;
}

.availabilityContainer .availabilityList-section {
  width: 100%;
}


.showSectionsButton {
display: none;
}

.seatImageOver {
-webkit-filter:opacity(0.5) ;
}


@media screen and (max-width: 750px) {

.showSectionsButton {
display: block;
margin: auto;
color: #fff !important;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select:none;
user-select:none;
-o-user-select:none;
}

.showSectionsButton:hover, .showSectionsButton:focus, .showSectionsButton:visited {
text-decoration: none;
}

}

.seatmapSelectionWrapper {
      width: 100%;
}

.seatmapSelectionToolbarButton {
  background: rgb(2, 108, 223); !important;
  color: #fff !important;
  border: none !important;
  padding: 4px !important;
}

.seatmapSelectionToolbarButton .ui-button-icon-primary {
  -moz-filter:brightness(100);
  -webkit-filter:brightness(100);
  filter:brightness(100);
}

.seatSelectionProducts #sellable th {
  border: none;
  color: #768692;
  text-align: center !important;
}

.seatSelectionProducts #sellable {
border-spacing: 0 15px;
font-size: 14px;
}

.seatSelectionProducts #sellable td select {
      border: 1px solid rgb(234, 234, 234);
    background-color: #fff;
    color: #000;
}

.seatSelectionProducts #sellable tbody tr {
  -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
  -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
  box-shadow: 1px 1px 5px 0px #b7c9d3;
}

.seatSelectionProducts #sellable tbody tr i {
  font-size: 20px;
}

.seatSelectionProducts .headings {
  background-color: transparent;
}

.seatSelectionProducts .headings .heading {
line-height: inherit;
text-indent: initial;
padding: 15px;
font-size: 16px;
color: #414141;
background-color: rgba(183, 201, 211, 0.2);
border: none;
}

.seatSelectionProducts hr {
  display: none;
}

.seatSelectionFixedPart {
  width: 50%;
  padding: 0px 40px;
  float: left;
}

.seatSelectionFixedPart2 {
  width: 50%;
  padding: 0px 40px;
  float: left;
}

.seatSelectionItemsLeft {
  width: 50%;
  padding: 0px 40px;
}

.seatmapSelectionWrapper .deliveryMethods {
  margin-top: 0px;
  padding: 0px 40px;
}

.seatSelectionSection .sectionSelectionForm .userInput {
  width: 100%;
  padding: 20px;
  float: left;
}

.seatmapSelectionWrapper .deliveryMethods .productText input {
  display: block;
  visibility: initial;
  height: 25px;
  width: 25px;
  margin: 15px;
  float: left;
}

.seatmapSelectionWrapper .deliveryMethods .productText span {
  float: left;
width: 75%;
font-weight: bold;
font-size: 15px;
padding-top: 9px;
}

/* Selected items */
#sellable { width:100%; text-align: center; }
#sellable th { border-bottom: 1px solid rgb(2, 108, 223);; padding: 0 20px; line-height: 30px; color: rgb(2, 108, 223);; font-size:14px; }
#sellable td { padding: 10px 20px; color: #000;font-weight: bold;font-size: 14px;width: initial !important;}
#sellable td#deleteIcon {
  color: transparent;
width: 10px !important;
padding: 0px !important;
margin: 0px !important;
}
#sellable td select { background-color: rgb(2, 108, 223);; font-weight:bold; color: #FFF; border: 1px solid #414141; height: 30px; margin: 10px 0; line-height: 30px; padding: 0 10px; width: 70%; }
#sellable tr:nth-child(even) td { background-color:#FFF; }
#sellable tr:nth-child(odd) td { background-color:#fff; }





#paymentItems .item {border-bottom: 1px solid black;}
#paymentItems .item.noBottomLine {border-bottom: initial;}
#paymentItems .itemEmpty {font-size: 16px;font-style:italic;text-align: center;border-bottom: 1px solid black;line-height: 30px;}
#paymentItems .item .itemText {float: left;text-align: left;padding: 5px 0; line-height: 30px;}
#paymentItems .item .itemText.itemTitle {text-align: right;}
#paymentItems .item .itemText.total {border-right: none;}
#paymentItems .item .itemType {color: #e31c79;display: block;font-weight: 700;text-align:left;}
#PaymentExpirationMonth, #PaymentExpirationYear,
#paymentItems  .userInputElement {border: 1px solid rgb(2, 108, 223);; box-sizing: border-box; height: 30px; padding: 6px 10px;width:220px;}
.coupons .heading{width:50%}

/* Payment */
.showPaymentForm .paymentCards{text-align:center;margin-bottom:10px;}
.securityInfo{position:absolute;bottom:-10px;right:0;}
.paymentInfo .total .caption{color:#465666;font-weight:bold;font-size:16px;}
.paymentInfo .total .amount{font-weight:bold;font-size:16px;}
.paymentInfo .expDateSelect{width: 122px; height:38px;}

.paymentFirstContainer {
  width: 100%;
padding: 20px;
float: left;
}

.paymentTypeRadioDiv {
  font-size: 14px;
  float: left;
  width: 100%;
  display: none;
}

.paymentTypeRadioDiv input[type="radio"] {
  width: 20px;
  height: 20px;
  float: left;
}

.paymentTypeRadioDiv label {
  float: left;
  padding: 5px;
}

.paymentTypeText {
  width: 100%;
  float: left;
  padding-top: 20px;
  font-size: 14px;
}

.paymentCardTypes {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.showPayment-add-ticket .button {
    margin: 0px;
    margin-top: 20px;
}

.paymentSecondContainer {
  width: 30%;
      margin: auto;
      background-color: #ffffff;
      -moz-box-shadow: 0px 0px 5px 3px #c7c7c76e;
      -webkit-box-shadow: 0px 0px 5px 3px #c7c7c76e;
      box-shadow: 0px 0px 5px 3px #c7c7c76e;
      margin-top: 40px;
      text-align: center;
      padding: 15px;
      display: table;
}

.paymentTotalOrder {
  font-size: 18px;
  font-weight: bold;
}
.paymentBoxLine {
  width: 100%;
  float: left;
  font-size: 16px;
  margin-top: 5px;
}

.paymentBoxLine:nth-of-type(1) .itemTitle {
  padding-top: 0px !important;
}

.paymentBoxLine .itemTitle {
  width: 55%;
  float: left;
  text-align: left !important;
  padding: 0px !important;
  padding-top: 9px !important;
}

.paymentBoxLine .select {
  width: 45%;
  float: left;
}

.paymentBoxLine select {
 background-color: #fff !important;
 border: 1px solid rgb(224, 224, 224) !important;
     height: 38px !important;
     width: 100% !important;
}

.paymentBoxLine input[type="text"], #tokenNickname input[type="text"]{
  background-color: #fff !important;
  border: 1px solid rgb(224, 224, 224) !important;
      height: 38px !important;
      width: 100% !important;
}

.payment-checkbox {
  margin: 0px;
    float: left;
    width: 100%;
}

.payment-checkbox .label input {
  margin: 0px;
  float: left;
  width: 20px;
  height: 20px;
}

.payment-checkbox .caption-checkbox {
  float: left;
      padding: 5px;
}

#showPaymentForm .items  {
  width: 100%;
      float: left;
}

#showPaymentForm .payservices {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

#showPaymentForm .payservices img {
  height: 20px;
  float: left;
  margin-right: 5px;
}

.savedCards {
font-size: 18px;
    float: left;
    width: 100%;
    margin-top: 30px;
    font-weight: bold;
}

.paymentTypeText .cardTypePayment input[type="radio"] {
	width: 20px;
	height: 20px;
	display: none;
}

.payment-methods {
	background-color: #fff;
	    margin-top: 20px;
	        -moz-box-shadow: 0px 0px 5px 3px #c7c7c76e;
    -webkit-box-shadow: 0px 0px 5px 3px #c7c7c76e;
    box-shadow: 0px 0px 5px 3px #c7c7c76e;
        padding: 10px;
        cursor: pointer;
    float: left;
    width: 100%;
}

.payment-methods.active {
	background-color: rgb(2, 108, 223);;
	color: #fff;
}

.payment-methods .cardNamePayment, .payment-methods .cardTypePayment, .payment-methods .cardIssuePayment {
	width: 100%;
	float: left;
	margin-top: 5px;
}

.paymentTypeText ul {
	width: 50%;
	float: left;
}

.showPayment .addCardButton {
background-color: #69747C;
    font-size: 11px;
    float: left;
    margin: 0px;
    width: 150px;
}

.showPayment .addCardButton:before {
	content:"+";
}

#installmentsBox {
	float: left;
	width: 100%;
}

#idQtInstallment {
	padding: 15px;
}

.showPayment-add-ticket {
	float: left;
	width: 25%;
	padding: 0px 0px 0px 20px;
}

.showPayment .payment-button {
	margin: 0px;
}
/****show tokens****/

.showStoredTokens {
	padding: 15px;
}

.showStoredTokens .notice {
	font-size: 14px;
} 

.savedCardContainer {
	    float: left;
    width: 30%;
        background-color: #fff;
    -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
    -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
    box-shadow: 1px 1px 5px 0px #b7c9d3;
        margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 2%;
}

.savedCardContainer .upperCard {
float: left;
    width: 100%;
    background-color: rgb(2, 108, 223);;
    color: #fff;
    padding: 15px 10px 15px 15px;	
}

.savedCardContainer .upperCard a {
	color: #fff;
	float: right;
}

.savedCardContainer .upperCard a i {
    float: right;
    font-size: 18px;
}

.savedCardContainer .upperCard a span {
	float: left;
	padding-top: 7px;
}

.savedCardContainer .upperCard .title span {
	float: left;
	    padding-top: 5px;
}

.savedCardContainer .lowerCard {
    float: left;
    width: 100%;
    padding: 15px;		
}

.lowerCardDetails:nth-of-type(1) {
	float: left;
	width: 50%;
	margin-top: 10px;
}

.lowerCardDetails:nth-of-type(2) {
	float: right;
	width: 50%;
	    text-align: right;
	        margin-top: 10px;
}

.lowerCardDetails:nth-of-type(3) {
	float: left;
	width: 50%;
	    margin-top: 24px;
}

.lowerCardDetails:nth-of-type(4) {
		float: right;
	width: 50%;
	    text-align: right;
	        margin-top: 15px;
}

.addTokenCard {
	padding: 30px;
}

.savedCardsLeft {
	float:left;
	width: 75%;
	padding: 20px;
}

.enterCardTokenWrapper {
    width: 50%;
    margin: auto;
    background-color: #fff;
    display: table;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(182, 201, 210, 0.45);
    -moz-box-shadow: 1px 1px 5px 0px rgba(182, 201, 210, 0.45);
    box-shadow: 1px 1px 5px 0px rgba(182, 201, 210, 0.45);
    padding: 15px 30px 30px 30px;
}

.enterCardTokenWrapper .userInputCaption, .enterCardTokenWrapper .userInputSubCaption {
	width: 100%;
	float: left;
	line-height: 18px;
	color: #414141;
}

.enterCardTokenWrapper .input-wrapper {
	    float: left;
    width: 100%;
        margin-top: 10px;
}

.enterCardTokenWrapper .userInputCaptionWrapper {

	float: left;
}

.enterCardTokenWrapper .paymentCards {
    float: left;
    margin: 0px;
        padding: 4px 0px 0px 20px;
}

.enterCardTokenWrapper  #tokenNickname input[type="text"] {
	width: 215px !important;
}

.enterCardTokenWrapper .small-input {
width: initial;
    float: left;
}

.enterCardTokenWrapper .select-divider {
float: left;
    padding: 20px 0px 0px 0px;
    text-align: center;
    width: 30px;
}

.enterCardTokenWrapperCardNumber {
	float: left;
}

.enterCardTokenWrapperSubmits {
	margin: 0px;
}

.enterCardTokenWrapperSubmits input {
    float: left !important;
    margin: 20px 20px 0px 0px !important;
}

.enterCardTokenWrapperSubmits input[name="doBack"] {
	background-color: #69747C;
	float: right !important;
}

.enterCardTokenWrapper option[value=""][disabled] {
  display: none;
}

.enterCardTokenWrapper .userInputElement, .enterCardTokenWrapper select {
	height: 38px !important;
}



.enterCardTokenWrapper select:required:invalid {
  color: #B4B9BD;
}

.enterCardTokenWrapper option {
  color: #4E565C;
}


.enterCardTokenWrapper ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #B4B9BD;
    opacity: 1; /* Firefox */
}

.enterCardTokenWrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #B4B9BD;
}

.enterCardTokenWrapper ::-ms-input-placeholder { /* Microsoft Edge */
    color: #B4B9BD;
}

/* Show Order */
.showOrderForm .product .productText{float:left;width:25%;text-align:center;}
.showOrderForm .product .productType{font-weight:700;color:#465666;display:block;}
.showOrderForm .total .caption{display:block;float:left;width:75%;text-align:right;font-weight:700;color:#465666;}
.showOrderForm .total .amount{display:block;float:left;width:25%;text-align:center;}
.showOrderForm .total {border-top:1px solid #bbb;}
.showOrderForm .fees{border-top:1px solid #bbb;}
.showOrderForm .fees .caption{display:block;float:left;width:50%;text-align:left;font-weight:700;color:#465666;}
.showOrderForm .fees .amount{display:block;float:left;width:25%;}
.showOrderForm .feesItem .caption{display:block;float:left;width:50%;text-align:left;}
.showOrderForm .feesItem .amount{display:block;float:left;width:25%;text-align:center;}
.showOrderForm{padding:5px 5px 10px;}
.showOrderForm .product,.showOrderForm .total,.showOrderForm .fees,.showOrderForm .feesItem{border-bottom:1px solid black;padding:5px 0;}
.showOrderForm .product .productTitle{font-weight:700;text-align:left;}

/* Search Orders */
.headings .orderTitle{width:75%;text-align:left;}
.headings .orderTotal{width:25%;}
.orderHistoryForm .orderText{display:block;}
.orderHistoryForm .orderItems{}
.orderHistoryForm .orderItem{border-bottom:1px solid black;padding:5px 0;cursor:pointer;}
.orderHistoryForm .orderItem .orderText{float:left;width:25%;text-align:center;}
.orderHistoryForm .orderItem .orderInfo{text-align:left;width:75%;line-height:16px;}
.orderHistoryForm .orderItem .orderStatus{display:block;}
.orderHistoryForm .orderItem .orderDate{display:block;}
.orderHistoryForm .orderItem .orderTotal{width:25%;font-weight:bold;line-height:38px;}
.orderHistoryForm .orderItemInfo{display:block;font-weight:bold;}
.orderHistoryForm .orderItem .orderStatus .invalid{font-weight:bold;color:red;}
.orderHistoryForm .orderItem .orderStatus .valid{font-weight:bold;color:green;}
.titleBar .subtitle {display:block;font-size:23px;text-indent:40px; color:#24910e;}

.orderContent {
	padding: 30px;
}

.orderStatusWrapper {
  width: 30%;
      padding: 10px;
      margin-top: 30px;

    float: left;
}

.orderStatusWrapperInner {
	width: 100%;
	float: left;
	      background-color: #fff;
      -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
    -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
    box-shadow: 1px 1px 5px 0px #b7c9d3;
    margin-bottom: 20px;
}

.orderValidInfo {
	padding: 20px;
}

.orderValidInfo img {
    width: 35px;
    float: left;
    margin-right: 10px;
}

.orderValidInfo div {
	float: none;
    line-height: 20px;
    font-size: 13px;
}

.orderDetailsWrapper {
  width: 68%;
      padding: 10px 20px 20px 20px;
      margin-top: 30px;
      background-color: #fff;
      -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
    -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
    box-shadow: 1px 1px 5px 0px #b7c9d3;
    float: right;
        margin-bottom: 30px;
}

.orderDetailsWrapper .headings {
  background-color: transparent;
}

.orderDetailsWrapper .headings .heading {
  line-height: inherit;
      text-indent: initial;
      padding: 10px 15px;
      font-size: 14px;
      color: #fff;
      background-color: #B7C9D3;
      border: none;
}

.orderDetailsWrapper .headings .heading:nth-of-type(2), .orderDetailsWrapper .headings .heading:nth-of-type(3) {
  text-align: center !important;
}

.orderDetailsWrapper .orderDetailsSecContent {
  background-color: transparent;
}

.orderDetailsAmount {
  width: 100% !important;
}

.orderDetailsAmount .total {
padding: 0px !important;
    margin-top: 10px;
    border-top: 1px solid #b7c9d3;
    float: right;
    width: 100%;
    padding-top: 20px !important;
}

.orderDetailsAmount .caption {
	float: right !important;
    width: initial !important;
}

.orderDetailsAmount .amount {
float: right !important;
    width: 15% !important;
}

.orderDetailsWrapper .headings .heading:nth-of-type(1), #showOrderForm .product .productText:nth-of-type(1) {
  width: 30%;
 text-align: left;
}

.orderDetailsWrapper .headings .heading:nth-of-type(2), #showOrderForm .product .productText:nth-of-type(2) {
  width: 18%;
  text-align: left;
}

.orderDetailsWrapper .headings .heading:nth-of-type(3), #showOrderForm .product .productText:nth-of-type(3) {
  width: 17%;
  text-align: center;
}

.orderDetailsWrapper .headings .heading:nth-of-type(4), #showOrderForm .product .productText:nth-of-type(4) {
  width: 15%;
  text-align: center;
}

.orderDetailsWrapper .headings .heading:nth-of-type(5), #showOrderForm .product .productText:nth-of-type(5) {
  width: 15%;
  text-align: center;
}

#showOrderForm .fee {
	float: right;
    width: 50%;
    margin-top: 20px;
}

#showOrderForm .fee .type {
	float: left;
    width: 70%;
    background-color: transparent;
    color: #4E565C;
    padding: 0px;
    margin-bottom: 5px;
}

#showOrderForm .fee .total {
	float: right;
    width: 30%;
    background-color: transparent;
    color: #4E565C;
    padding: 0px;
    margin-bottom: 5px;
}

#showOrderForm .fee .itemText:nth-of-type(1) {
	float: left;
	width: 70%;
}

#showOrderForm .fee .itemText:nth-of-type(2) {
	float: right;
	text-align: center;
	width: 30%;
	
}


.orderHistoryPage {
	padding: 15px;
}

.orderHistoryPage .headings {
  background-color: transparent;
}

.orderHistoryPage .headings .heading {
  background-color: transparent;
  color: #414141;
  font-size: 16px;
  font-weight: normal;
  border:none;
}

.orderHistoryPage .headings .heading:nth-of-type(1) {
	width: 75%;
}

.orderHistoryPage .headings .heading:nth-of-type(2) {
	width: 25%;
}

.orderHistoryForm .orderText {
    display: block;
}


.orderHistoryForm .orderItem {
    font-size: 14px;
    padding: 15px;
    background-color: #fff;
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-shadow: 1px 1px 5px 0px #b7c9d3;
    -moz-box-shadow: 1px 1px 5px 0px #b7c9d3;
    box-shadow: 1px 1px 5px 0px #b7c9d3;
    position: relative;
    border: none;
}

.orderHistoryPage {
	width: 75%;
    float: left;
    padding-left: 30px;
}



.orderItem:before {
  width: 7px;
  height: 100%;
  content: "";
  position: absolute;
  background-color: rgb(2, 108, 223);;
  left: 0px;
  top: 0px;
}

.orderHistoryForm .orderItem a {
    color: rgb(2, 108, 223);;
}


.orderHistoryForm .orderItem .orderText {
    width: 25%;
    color: #414141;
}

.orderHistoryForm .orderItem .orderInfo {
    width: 75%;
    line-height:20px;
}

.orderHistoryForm .orderItem .orderStatus {
    display: block;
    line-height:20px;
}

.orderHistoryForm .orderItem .orderDate {
    display: block;
    line-height:20px;
}

.orderHistoryForm .orderItem .orderTotal {
    width: 25%;
    font-weight: bold;
    line-height: 60px;
    font-size:13px;
}

.orderHistoryForm .orderItemInfo {
    display: block;
    font-weight: bold;
}

.orderHistoryForm .paging {
	
}


.orderDetailContainer {
	    background-color: #f5fafd;
    width: 100%;
    float: left;
	margin-bottom: 30px;
}


.orderDetailSection {
	width: 100%;
    float: left;
    padding: 15px;
    background-color: #e3ecf1;
	
}

.orderDetailSection span{
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    padding: 7px 5px 0px 1px;
}



.orderDetailProductName {
    font-size: 16px;
    font-weight: bold;
    color: rgb(2, 108, 223);;
    float: left;
    padding-top: 7px;
}



.orderDetailProductDate {
    font-size: 16px;
    font-weight: bold;
	float: left;
	padding-top: 7px;
}

.orderDetailTitles {
	float: left;
    width: 100%;
    padding: 10px;
    font-weight: bold;
}

.orderDetailTitle {
	display: inline-block;
    padding: 0px 5px;
    text-align: center;
}

.orderDetailTitle:nth-of-type(1), .orderDetailValue:nth-of-type(1) {
	width: 30%;
	text-align: left;
}

.orderDetailTitle:nth-of-type(2), .orderDetailValue:nth-of-type(2) {
	width: 9%;
}

.orderDetailTitle:nth-of-type(3), .orderDetailValue:nth-of-type(3) {
	width: 9%;
}

.orderDetailTitle:nth-of-type(4), .orderDetailValue:nth-of-type(4) {
	width: 20%;
	text-align: left;
}

.orderDetailTitle:nth-of-type(5), .orderDetailValue:nth-of-type(5) {
	width: 10%;
}

.orderDetailTitle:nth-of-type(6), .orderDetailValue:nth-of-type(6) {
	width: 20%;
	text-align: right;
}

.orderDetailValues {
	float: left;
    width: 100%;
    padding: 10px;
}

.orderDetailValue {
	display: inline-block;
    padding: 0px 5px;
    text-align: center;
    vertical-align: middle;
}

.orderDetailExtraText {
	width: 100%;
	float: left;
	margin-bottom: 5px;
}

.orderDetailDownloadButton {
    width: 100%;
    padding: 2px;
    line-height: 25px;
    height: inherit;
    font-size: 12px;
    max-width: 100px;
    float: none !important;
    margin: 0px !important;
    margin-bottom: 10px !important;
    background-color: #009CE4;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.orderDetailDownloadButton:hover {
	opacity: 0.8;
}

.orderDetailWalletButton {
	
}

.orderDetailWalletButton a {
	display: block;
}

 

.orderDetailWalletButton a img {
	width: 100%;
	max-width: 100px;
}

.orderDetailSection .addtocalendar {
	float: right;
}

.orderDetailSection .addtocalendar .atcb-link {
	background-color: #ffffff;
    box-shadow: none;
    color: #4E565C;
    font-size: 12px;
    font-family: 'TMSans', Arial, sans-serif;
    font-weight: bold;
    padding-left: 30px;
    padding-right: 15px;
    position: relative;
    border: 1px solid #4e565c;
}

.orderDetailSection .addtocalendar .atcb-link:before {
	content: "date_range";
    color: #4e565c;
    font-family: 'Material Icons';
    position: absolute;
    left: 10px;
    font-size: 16px;
    font-weight: normal;
}

.orderDetailSection .addtocalendar .atcb-link:hover, .orderDetailSection .addtocalendar .atcb-link:active, .orderDetailSection .addtocalendar .atcb-link:focus {
	background-color: #fdfdfd;
    box-shadow: none;
    color: #4e565c;
    font-size: 12px;
    font-family: 'TMSans', Arial, sans-serif;
    font-weight: bold;
    padding-left: 30px;
    padding-right: 15px;
    opacity: 0.9;
}

.orderDetailSection .addtocalendar .atcb-list .atcb-item-link, .orderDetailSection .addtocalendar .atcb-list .atcb-item {
	-webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}  

/* News */
.newsSection{margin-bottom:10px;}

.newsContent iframe {
	width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
}

/* Contact Info */
.contactInfoContainer{min-height:55px;}
.info h3{float:left;width:32%;color:#FFF; font-size:1.5em;font-weight:400;line-height:1.5em;letter-spacing:-1px;margin:.3em 0 .3em 2%;}
.info h3 a {color:#FFF;text-decoration:none;}
.infoName{color:#F8E004;}

/* Sitemap */
.siteMapItem{color:#fff;float:left;width:32%;margin-left:2%;line-height:1.7em;}
.siteMapItem h2{ font-size:1.7em;letter-spacing:-1px;line-height:1.7em;border-bottom:1px solid #FFF;font-weight:400;text-transform:capitalize;}
.siteMapItem li{margin:0;padding:0;}
.siteMapItemContent{margin-top:-10px;}
.siteMapItemContent ul{padding-left:15px;}
.info.first h3,.siteMapItem.first{margin-left:0;}

.footer {
  width: 100%;
    margin: 0 auto;
    padding: 40px 15px 0px 15px;
    background-color: rgb(31, 38, 45);
    float: left;
    position: relative;
}

.ticketmastercopywright {
  text-align: center;
    color: #fff;
    padding: 30px 0px;
    width: 100%;
    float: left;
}
.ticketmasterlinks{width:33.3%;padding: 0 10px;float: left;}
.ulwrapper {width:100%;}
.ulwrapper .footerlinksul {list-style-type:none;}
.ulwrapper .footerlinksul li  a{padding:5px 5px;display: list-item;font-size:14px;color:#fff;}
.ulwrapper .footerlinksul li  a:hover, ulwrapper .footerlinksul li  a:visited{padding:5px 5px;display: list-item;font-size:14px;color:#dedede;text-decoration:none;}

.footerlinkscontact div {
  color: #fff;
  padding: 2px 5px;
}

.footerlinkscontact a {
  padding: 2px 5px !important;
  font-size: 14px !important;
}

.footerlinkscontact li {
  padding-bottom: 60px;
  width: 50%;
  float: left;
  height: 50px;
  font-size: 12px;
}

.footerlinkscontact li:nth-of-type(1) {
  width: 100%;
}

.footerlinksCert li {
  padding-top: 20px;
}

.footerlinksSocial a {
  width: 35px;
height: 35px;
border: 1px solid #0d5471;
float: left;
margin: 5px;
}

.footerlinksheader h4 {
  text-transform: uppercase;
}

.ticketmastersponsors{width:30%;padding: 0 10px;}
.footerSocialLinks {
  width:30%;padding: 0 10px;
}
.footerlinksheader {color:#fff; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #fff; font-size:16px;}
.footerlinks {width:100%;}

.footerDownloadContainer {
  width: 100%;
      float: left;
      margin-top: 30px;
      color: #fff;
      font-size: 14px;
}

.footerDownloadLink {
  margin-top: 10px;
  margin-right: 20px;
}

.footerDownloadLink:hover {
  opacity: 0.8;
}

[lang="ar"] .footerDownloadLink {
  margin-right: 0px;
  margin-left: 20px;
}

.footerDownloadTerms {
  width: 100%;
      margin-top: 20px;
      font-size: 16px;
}

.footerDownloadTerms a {
  text-decoration: underline;
}


/* Sponsors/Supporters */
.footer .sponsor{display:none;background-color:#042f25;text-align:center;padding:10px 0;}
.footer .supporters{display:none;background-color:#fff;}
.footer .supportersContainer{width:300px;padding-top:10px;text-align:center;margin:0 auto;}
.footer .supporter{width:100px;height:60px;float:left;}
.footer .ads{display:none;width:100%;margin:0 auto;}
.footer .ad{float:left;margin-left:10px;}
.poweredBy{font-size:14px; max-width:970px;width:97%;text-align:center;margin:10px auto 30px;}
.poweredBy a, .poweredBy a:hover, .poweredBy a:visited{}
.mLogoImage,.mNav{display:none;}

/* Media Queries */
@media all and (max-width: 1250px) {
	.orderDetailTitle:nth-of-type(6), .orderDetailValue:nth-of-type(6) {
		width: 18%;
	}
}

@media all and (max-width: 935px) {
	.loginDx{display: none}
	.box{width:100%;}
	#showEventInfo .infoSection .infoContent{width:100%;}
	#showEventInfo .infoSection .relatedContent{width:96%;margin-top:20px;}
}

@media all and (max-width: 800px) {
	.content{padding-bottom:0;}
	.siteMapItem ul{list-style-image:url(/img/tkhrcy/list_arrow.png);}
	.header .sponsor {display:none;}
	.siteMapItem.first{display:none;}
	.siteMapItem{width:100%;margin:0;}
	.footer .sponsor,.footer .supporters,.footer .ads{display:block;}
	
	.spotlight-title input {
		display: none;
	}
	
	.spotlight-title {
		width: 100%;
	    top: 0px;
	    height: 100%;
	    padding-top: 17%;
	    left: 0px;
	}
	
	.spotlight-title span {
	    width: 100%;
	    text-align: center;
	    font-size: 12px;
	}
	
	.slick-next, .slick-prev {
		font-size: 20px;
    	color: #fff;
    	top: 40%;
	}
	
	
	.passwordTooltip {
		max-width: 280px;
		min-width: 280px;
		left: 0px;
		padding: 6px;
   }
}

@media all and (max-width: 715px) {
	.itemInfoContainer .seatInfo{text-align:left;}
	.inner a span {display:none;}
	.userInputElement.priceSelect { width: 180px; }
	
	.slick-slide img {
		width: 100% !important;
		max-width: initial;
	}
	

	
}

@media all and (max-width: 600px) {
	#slide{display:none;}

}
@media all and (max-width: 600px) {

	.logoImage{display:none;}

	.mLogoImage{display:block;}
	.productList .productImage {display:none;}
}
@media (max-width: 575px) {
	.mainContent .infoCaption{width:100%;text-align:left;}
	.mainContent .accent .infoCaption{width:100%;}
	.mainContent .accent .infoInput{text-align:center;}

	#showRegistration .infoCaption{width:100%;text-align:left;}
	#showRegistration .accent .infoCaption{width:100%;}
	#showRegistration .accent .infoInput{text-align:center;}

	#showLogin .infoCaption{width:100%;text-align:left;}
	#showLogin .accent .infoCaption{width:100%;}
	#showLogin .accent .infoInput{text-align:center;}

	.content .infoElement .caption{display: block;line-height: 25px;}
	.content .infoElement .info{text-indent: 20px;line-height: 20px;}
	.userInputElement.priceSelect { width: 150px; }
	
	.orderDetailTitle:nth-of-type(6)  {
	display: none;
	}
	
	.orderDetailValue:nth-of-type(6) {
	    width: 100%;
	    text-align: center;
	}
	
	.orderDetailValue input {
	width: 100%;
    max-width: 150px;
    margin-top: 10px !important;
    font-size: 12px;
	}
	.orderDetailWalletButton a img {
	width: 150px;
    max-width: inherit;
	}
	
	.orderDetailSection span {
	display: none;
	}
	
	.orderDetailProductName, .orderDetailProductDate {
	width: 100%;
	font-size: 12px;
	}
	
	.orderDetailSection .addtocalendar {
	width: 100%;
	text-align: center;
	}
	
	.orderDetailSection .addtocalendar .atcb-link {
	max-width: 150px;
	display: inline-block;
    position: relative;
    margin-top: 5px;
	}
	
	.orderDetailSection {
	text-align: center;
	padding: 5px 15px 10px 15px;
	}
	
	.orderDetailTitle:nth-of-type(1), .orderDetailValue:nth-of-type(1) {
	    width: 28%;
	}
	
	.orderDetailTitle {
		font-size: 9px;
	}
	
	.orderDetailValue {
		font-size: 10px;
	}
	
	.orderDetailTitle:nth-of-type(2), .orderDetailValue:nth-of-type(2) {
		width: 12%;
	}
	
	.orderDetailTitle:nth-of-type(3), .orderDetailValue:nth-of-type(3) {
		width: 12%;
	}
	
	.orderDetailTitle:nth-of-type(4), .orderDetailValue:nth-of-type(4) {
		width: 25%;
		text-align: left;
	}
	
	.orderDetailTitle:nth-of-type(5), .orderDetailValue:nth-of-type(5) {
		width: 17%;
	}

}

@media all and (max-width:510px) {
	.userBar{display:none;}
	.mobileUserBar{display:block;}
	.logo{padding-top:50px;}
	.menu .menuItem {text-indent: 10px; font-size:initial; font-size: 14px;}
	#paymentItems .item .itemText.itemTitle { text-align: left; float: left; }
	#paymentItems .item .itemText { float: left; text-align: left; width: 50%; padding: 5px 0; line-height: 30px;}
	#PaymentExpirationMonth, #PaymentExpirationYear, #paymentItems .userInputElement {width: 100%;}
	.mainContent.mobile{padding:10px 0 0 0;}
	.event .evCategory {height:5px;padding:0;text-indent: -9999px;}
	.event .evCategory img {display:none;}
	.event .evPrice {display:block;}
	.event .evLocation {display:block;}
	.event .evDate {display:block;}
	.event .accent{font-weight: bold;}
	.event .evTitle {margin-bottom: 5px;height: 40px;}
	.event .evLocation { min-height:initial; }
	.event .evButton {display:none;}
	.mainContent .infoCaption, .userInputElement, .titleBar .title,.heading,.deliveryMethods .productText, .content .fee.table .heading {font-size: 12px;}
	.content .checkoutCaption {font-size: 16px;}
	.content .infoElement .caption, .content .infoElement .info {font-size: 14px;}
	.button {font-size: 18px;}
	body,
	.basketForm .product,.content .fee.table .itemText { font-size: 0.8em;}


	.headings .orderTotal,.headings .orderTitle {width:50%;}
	.headings .item .itemText{width:25%;font-size: 14px;}
	.headings .item .itemText.qty{width:15%;}
	.headings .item .itemText.delete{width:10%;}
	.products .product .productText.price{display:none;}
	.checkoutForm .product .productText,
	.products .product .productText{width:25%;font-size: 11px; line-height: 16px;}
	.products .product .productText.qty{width:15%;}
	.products .product .productText.delete{width:10%;}


	.searchFilters{width:100%;margin:0 auto;}
	.filterName {text-indent:10px;}
	.filterOptions {width:95%;padding:10px 0px 0 10px;}
	.filterOption {margin-right: 4px; width:23%; margin-bottom: 5px;}

	#showEventInfo .type{display:none;}
	#showEventInfo .menu{font-size:16px;}
	#showEventInfo .menuItem{text-indent:10px;}
	#showEventInfo .infoSection .relatedContent{margin-left: 0;}
	.mobileContentContainer{width:100%;}
	
	


	#showRegistration .menu{font-size:16px;}
	#showLogin .menu{font-size:16px;}

	#showProfile .menu{font-size: 18px;}
	#showProfile .menuItem{text-indent:5px;}
	#showProfile .basketSectionContent{padding:20px 10px;}
	#showProfile .ordersSectionContent{padding:20px 10px;}
	#showProfile .wlRemove{display: none;}
	#showProfile .wlRemoveMobile{display:block;}
	#showProfile .button{margin: 10px auto; width:95%;float:none;}

	.content .field{border-right:none;padding-right:0;}
	.content .service .button{margin:0 auto;float:none;}
	.content .fee.table{width:100%;}
	.content .total.table{width:100%}

	#showOrder .fee.table{width:100%;}
	#showOrder .total.table{width:100%}

	.tabletContact .contactUs .caption {text-align: left;text-indent: 25px;}
	.tabletContact .contactUs .phoneNumbers{ font-size: 13px;}
	.tabletContact .contactUs .caption {font-size: 15px;}
	.event .evTitle{ font-size: 11px;}
	.copyrightAboutTablet {padding:0; }
	.userInputElement.priceSelect,
	.userInputElement.couponCode  { width: 110px; }
	.menu .menuItem {text-indent: 5px;text-align: center;}
	.content .checkoutSectionContent,
	.mainContent .basketSectionContent {}
}


@media all and (max-width: 450px) {
	.searchBar {
    float: left;
    width: 100%;
    padding: 0px 15px 10px 15px;
	}
	.searchBar .searchQuery {
	width: 100%;
    margin: 0px;
	}
	
	.productImageOverlay {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 44%,rgba(0, 0, 0, 0.67) 60%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 44%,rgba(0, 0, 0, 0.67) 60%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 44%,rgba(0, 0, 0, 0.67) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bf000000',GradientType=0 );
	}
	

	.spotlight .button {
    width: 100%;
    padding: 0px;
    margin-bottom: 5px;
	}
	
	.spotlight-title span {
    width: 100%;
	}
	
		
	.slick-next, .slick-prev {
		top:38%;
	}
	
	.slick-slide img {
		width: 100% !important;
		max-width: initial;
	}
	
	.spotlight-title {
	    padding-top: 15%;
	}
	
	.searchBar #searchQuery {
		width: 82% !important;
	}
}

@media all and (max-width: 400px) {

	.stepItem{  width: 100%;}
	.userInputElement.priceSelect { width: 80px; }
	.menu .menuItem {text-indent: 2px;}
}




/***************NewCSS*************/
* {-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{min-height:100%;position:relative}
a, li, .header * {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}


a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
    /*background: transparent;*/
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

area {

}

button {
    font-family: arial, sans-serif
}

input::-ms-clear {
    display: none
}

a, a:visited {
    outline: none;
    text-decoration: none;
    cursor: pointer
}

input, textarea {
    outline: none
}

* {
    outline: none
}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none
}

ul {
    list-style-type: none
}

html {
    font-family: 'TMSans', Arial, sans-serif;
    font-size: 0.75em
}

body {
    background-color: #FFF;
}

.no-touch body {
    min-width: 960px
}

.center-container {
    zoom: 1;
    width: 900px;
    margin: 0 auto
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0px 9999px white;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

@font-face{font-family:'TMSans-Regular';src:url("fonts/tmsans/TMSans-Regular.woff") format("woff"),url("fonts/tmsans/TMSans-Regular.ttf") format("truetype")}
@font-face{font-family:'TMSans-Light';src:url("fonts/tmsans/TMSans-Light.woff") format("woff"),url("fonts/tmsans/TMSans-Light.ttf") format("truetype")}
@font-face{font-family:'TMSans-Italic';src:url("fonts/tmsans/TMSans-Italic.woff") format("woff"),url("fonts/tmsans/TMSans-Italic.ttf") format("truetype")}
@font-face{font-family:'TMSans-Bold';src:url("fonts/tmsans/TMSans-Bold.woff") format("woff"),url("fonts/tmsans/TMSans-Bold.ttf") format("truetype")}
@font-face{font-family:'TMSans';src:url("fonts/tmsans/TMSans-Regular.woff") format("woff"),url("fonts/tmsans/TMSans-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:'TMSans';src:url("fonts/tmsans/TMSans-Italic.woff") format("woff"),url("fonts/tmsans/TMSans-Italic.ttf") format("truetype");font-weight:normal;font-style:italic}
@font-face{font-family:'TMSans';src:url("fonts/tmsans/TMSans-Bold.woff") format("woff"),url("fonts/tmsans/TMSans-Bold.ttf") format("truetype");font-weight:bold;font-style:normal}


@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdn.rawgit.com/google/material-design-icons/a6145e16/iconfont/MaterialIcons-Regular.eot');
  /* For IE6-8 */
  src: url('https://cdn.rawgit.com/google/material-design-icons/a6145e16/iconfont/MaterialIcons-Regular.woff2') format('woff2'),
       url('https://cdn.rawgit.com/google/material-design-icons/a6145e16/iconfont/MaterialIcons-Regular.woff') format('woff'),
       url('https://cdn.rawgit.com/google/material-design-icons/a6145e16/iconfont/MaterialIcons-Regular.ttf') format('truetype');
}

.header {
  width: 100%;
  margin: 0px auto 0 auto;
  height: 108px;
  /*overflow: hidden;*/
background-color: rgb(2, 108, 223);
    background-image: linear-gradient(90deg, rgb(1, 80, 167), rgb(2, 108, 223), rgb(1, 80, 167));
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
  position: sticky;
  position: -webkit-sticky;
  top: 0; /* required */
  z-index: 5;
      box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}

.header-fixed {
	
    
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.headerBottomWrapper {
 width: 100%;

}
.header .logo {width: 200px; height: 57px; padding: 12px 12px;}
.header .logo svg {
	fill: #fff;
  margin: 5px;
}
.tmheaderlinks {
    width:100%;
    padding: 10px 10px 4px 10px;
   	background-color: rgb(31, 38, 45);
}
.tmheaderlinks ul.tmheaderlinksul {list-style-type:none;}
.tmheaderlinks ul.tmheaderlinksul li {padding: 5px 5px 0px 5px;}
.tmheaderlinks ul.tmheaderlinksul li a{color:#fff;}
.tmheaderlinks ul.tmheaderlinksul li a:visited, a:hover {color:#fff;text-decoration:none;}
.header .mLogoImg {display: none;}
.header .logo a:hover {filter: alpha(opacity=85);-khtml-opacity: 0.85;-moz-opacity: 0.85;opacity: 0.85;-webkit-backface-visibility: hidden;}


.headerMenuTitle {overflow: hidden;}
.header .headTitle {width: 100%; background-color: #EAF1F9; height: 100px; height: 49px; line-height: 49px; text-indent: 15px; font-size: 24px; font-weight: normal; color: #003F72;}

.languagesMenuContainer {background-color: #FFF;}
.languagesMenu {line-height: 40px; height: 40px;}
.languagesMenuItem {float: left; font-size: 12px; font-weight: normal; font-style: normal;}
.languagesMenuItem:hover {}
.languagesMenuItem a {display: block; padding: 0 10px;color: rgb(2, 108, 223);;}
.languagesMenuItem a:hover {color: rgb(2, 108, 223);; text-decoration: none; background-color: #FFF;}

.headerLanguageButton a {
  color: #fff !important;
  font-size: 12px;
  float: left;
}

[lang="ar"] .headerLanguageButton a {
  font-size: 12px;
  float: right;
}

.headerLanguageButton svg {
  font-size: 12px;
  fill:#fff;
  float: left;
}

[lang="ar"] .headerLanguageButton svg {
  float: right;
}

.headerLanguageButton .langShort {
    padding: 5px 1px 0px 0px;
    float: left;
}

.changeCountryWrapper {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 6;
}

.changeCountryWrapper.open {
	display: block;
}

.changeCountryWrapperBG {
	position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.changeCountry {
	    position: fixed;
    background-color: #fff;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 40%;
    
}

.changeCountry a {
	font-size: 16px;
    color: rgb(53, 60, 66);
    padding: 16px;
    border-top: 1px solid rgb(223, 228, 231);
        float: left;
    width: 100%;
}

.changeCountry a div {
 width: 100%;
 float: left;
}

.changeCountry a div div {
	    width: initial;
    padding-left: 10px;
    padding-top: 3px;
}

.changeCountry a span {
	border: 1px solid rgb(105, 116, 124);
	border-radius: 50%;
	width: 25px;
	height: 25px;
	float: left;
	overflow: hidden;
	position: relative;
}

.changeCountry a span:before {
    content: " ";
    width: 21px;
    height: 21px;
    border: 1px solid #fff;
    position: absolute;
    left: 0px;
    border-radius: 50%;
    top: 0px;
}

.changeCountry a span svg {
width: 120%;
    float: left;
    margin-left: -10.5%;
}

.changeCountryLink {
float: left;
    color: #fff;
    font-size: 15px;
    margin-top: -5px;
    height: 35px;
    padding: 5px;
    cursor: pointer;
    margin-right: 5px;
    padding-left: 10px;
    padding-right: 10px;
    
}

.changeCountryLink:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.176));
}

.changeCountryIcon:before {
content: " ";
    width: 14px;
    height: 14px;
    border: 1px solid #fff;
    position: absolute;
    left: 0px;
    border-radius: 50%;
    top: 0px;
}

.changeCountryLink svg {
	    width: 100%;
    float: left;
}

.changeCountryIcon {
	width: 18px;
    height: 18px;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    position: relative;
    border: 1px solid rgb(105, 116, 124);
        margin-top: 3px;
}

.changeCountryIconText {
    float: left;
    padding: 3px;
}

.closeCountry {
    position: absolute;
    left: 10px;
    top: 13px;
    cursor: pointer;
}

.closeCountry svg {
	width: 24px;
	float: left;
	transform: rotate(90deg);
	fill: rgb(105, 116, 124);
}

.countryList {
padding-left: 30px;
    width: 100%;
    float: left;
    padding-top: 10px;
        height: 100%;
    overflow: scroll;
    padding-bottom: 100px;
}

.countryListCountriesTitle {
	    color: rgb(105, 116, 124);
	        padding: 2px;
}

.countryListCountriesText {
	 font-weight: bold;
	     padding: 2px;
}

.firstCountryRight {
	    width: 100%;
    padding-left: 40px;
    font-size: 16px;
        margin-bottom: 20px;
}

.firstCountry {
    border: 1px solid rgb(105, 116, 124);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    float: left;
    overflow: hidden;
    position: relative;
}

.firstCountry:before {
content: " ";
    width: 21px;
    height: 21px;
    border: 1px solid #fff;
    position: absolute;
    left: 0px;
    border-radius: 50%;
    top: 0px;
}

.firstCountry svg {
    width: 120%;
    float: left;
    margin-left: -10.5%;
}

.otherCountries {
	padding-left: 40px;
	    padding-right: 30px;
}

.changeCountryTitle {
	position: relative;
	padding-top: 10px;
	    width: 100%;
    float: left;
}
.changeCountryTitleH {
width: 100%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #353c42;
    letter-spacing: 0.3px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(223, 228, 231);
    padding-top: 5px;
    padding-bottom: 15px;
}

.headMenuContainer {
	background-color: transparent;
	width: 50%;
	height: 20px;
	padding: 18px 10px;
	float: left;
  display: none;
}


.loginMenuForMobile {
  display: none;
}

.myAccountLink {
	float: right;
    padding: 17px;
}

.accountPasswordLink, .accountPasswordLink:visited, .accountPasswordLink:focus {
  color: rgb(2, 108, 223);;
}


.myAccountLink.open .myAccountContainer {
  opacity: 1;
  height: inherit;
  padding: 0px 0px 200px 200px;
}


.myAccountLink.open {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,ffffff+76 */
background: rgb(249,249,249); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 76%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 76%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.myAccountLink svg {
	fill: #fff;
	float: left;
  webkit-transition: all 0.01s ease-in-out;
  -moz-transition: all 0.01s ease-in-out;
  -ms-transition: all 0.01s ease-in-out;
  -o-transition: all 0.01s ease-in-out;
  transition: all 0.01s ease-in-out;
}


.myAccountLink .myAccountTitle {
	color: #fff;
    float: left;
    padding: 5px;
    font-size: 14px;
    max-width: 200px;
    overflow: hidden;
    line-height: 20px;
    white-space: nowrap;
}

.myAccountLink.open .myAccountTitle {
  color: #414141;
}

.myAccountLink.open svg {
  fill: #414141;
}

.myAccountContainer {
  padding: 0px;
  position: absolute;
  right: 0;
  margin-top: 40px;
  z-index: 9999;
  opacity: 0;
  height: 0px;
  overflow: hidden;

}


.myAccountWrapper {
  box-shadow: -4px 4px 17px 0px #00000085;
  -moz-box-shadow: -4px 4px 17px 0px #00000085;
  -webkit-box-shadow: -4px 4px 17px 0px #00000085;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,ffffff+68 */
  background: rgb(234,234,234); /* Old browsers */
  background: -moz-linear-gradient(45deg, rgba(234,234,234,1) 0%, rgba(255,255,255,1) 68%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 68%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  width: 350px;
  float: left;
}


.myAccountWrapper .input-wrapper  {
  width: 100%;
  padding: 15px;
}

.myAccountWrapper .text {
  width: 100%;
  padding: 0px 15px 5px 15px;
  float: left;
}

.myAccountWrapper .input-username, .myAccountWrapper .input-password {
  width: 100%;
  border: none !important;
  margin-top: 10px;
}

.myAccountWrapper .input-username input, .myAccountWrapper .input-password input{
  width: 100%;
  border: 1px solid #eaeaea;
  height: 40px;
}

.myAccountWrapper .text input {
  margin: 15px 0px 10px 0px;
  width: 100%;
}

.mbButton span:nth-of-type(1) {
display: inline-block;
}

.mbButton span:nth-of-type(2) {
  display: inline-block;
  font-size: 12px;
  padding: 10px 5px;
}

.mbButton span:nth-of-type(1) i {
  margin: 0px;
      padding: 2px;
      /*width: 30px;*/
      /*height: 30px;*/
}

.myAccountWrapper .loginLinks {
  padding: 5px 15px 15px 15px;
}

.myAccountWrapperOr {
  padding: 0px 15px 0px 15px;
  color: #414141;
  text-align: center;
  width: 100%;
  float: left;
}

.myAccountWrapperOr span:nth-of-type(2) {
  width: 20%;
  float: left;
  text-align: center;
  padding-top: 3px;
  letter-spacing: 5px;
  font-family: sans-serif;
  font-size: 18px;
}

.myAccountWrapperOr span:nth-of-type(1), .myAccountWrapperOr span:nth-of-type(3) {
  border-bottom: 1px solid #414141;
  width: 40%;
  float: left;
}

.myAccountWrapper .register-link {
  font-weight: bold;
  color: #fff;
  border: 2px solid rgb(2, 108, 223);;
  background-color: rgb(2, 108, 223);;
  line-height: 20px;
  display: block;
  font-size: 15px;
  padding: 10px 50px;
  text-align: center;
  margin-top: 15px;
}

.myAccountWrapper .register-link:hover {
	opacity: 0.8;
}

.myAccountWrapper .details {
  padding: 15px;
}

.myAccountWrapper .details .userName {
  text-transform: uppercase;
  font-size: 16px;
  color: #768692;
  margin-bottom: 15px;
  width: 80%;
}

.myAccountWrapper .details .logout {
  font-size: 14px;
  width: 20%;
  padding-top: 2px;
}

.myAccountWrapper .details .links {
  width: 100%;
  display: flex;

}

.myAccountWrapper .details .logout a {
  color: #414141;
}

.myAccountWrapper .details .links a {
  color: #414141;
  font-size: 14px;
  font-family: 'TMSans-Bold',Arial;
  font-weight: bold;
  margin-top: 10px;
  display: block;
  width: 98%;
}

.myAccountWrapper.accountWrapperLinks {
  width: 300px;
}

.myAccountWrapper .details .links a:hover .material-icons{
  color: rgb(2, 108, 223);;
}

.myAccountWrapper .details .links ul li {
  width: 100%;
  float: left;
}

.myAccountWrapper .details .links .material-icons {
  font-size: 22px;
  float: left;
}

.myAccountWrapper .details .links span {
  padding: 4px;
  float: left;
}

.mobileLoginButton {
  display: none;
}

.eventInfoMobileBuy {
  display: none;
}


@media screen and (max-width: 1000px) {
  .mNav {
        display: block;

        margin-top: 14px;
        margin-left: 10px;
            margin-right: 10px;
      }
      .mNav .navItem  .navItemarab{width: 100%;border: none;}

      .navItem > a {
        text-indent: inherit;
  color: #fff !important;
  line-height: unset;
  font-size: 24px;
  border: none;
      text-shadow: none;
      outline: none;
          margin-top: 3px;
      }

      .myAccountTitle {
        display: none;
      }

      .myAccountWrapper {
  width: 100%;
  height: 100vh;
      }

      .myAccountLink.open .myAccountContainer {
        height: 100vh !important;
      }

      .myAccountContainer {
        padding: 0px !important;
        width: 100%;
        top: 104px;
        background-color: rgba(30, 69, 111, 0.92);
        margin-top: inherit;
      }

      .tmheaderlinksul {
        display: none;
      }

      .hiddenMobile {
        display: none;
      }


      .header {height: auto; background-color: #EAF1F9;}
      .header .logo {
        width: 130px;
        margin-top: 12px;
        padding: 0px;
        height: 26px;
      }
      .headerMenuTitle {width: 100%;}
      .headMenuContainer, .headTitle {display: none;}
      .languagesMenuItem {width: 33.3333%; text-align: center;}
      .bannertop {display:none;}


  	.eventlist {width:100%!important;}
  	.eventlist .eventlist-left {width:100%;padding:5px 0px;}


    .mobileLoginButton {
      color: #bbbbbb;
          font-size: 25px;
          font-family: 'TMSans-Bold';
          width: 66px;
          height: 56px;
          text-align: center;
          right: 0px;
          line-height: 53px;
          position: absolute;
          background-color: #fff;
          margin-top: 45px;
          display: none;
          z-index: 3;
    }


    .myAccountLink {
      float: right;
      padding: 18px;
      width: 66px;
      height: 60px;
    }



    .myAccountLink.open svg, .myAccountLink a.loginMenuForDesktop {
      pointer-events: none;
    }

    .loginMenuForDesktop {
      display: none;
    }

    .loginMenuForMobile {
      display: block;
          position: absolute;
          right: 0px;
          width: 66px;
          height: 56px;
          text-align: center;
          margin-top: 45px;
          padding-top: 15px;
          z-index: 2;
    }

    .loginMenuForMobile svg {
      fill:#fff;
    }


    .myAccountWrapper .details {
      padding: 25px 0px;
    }
    
    
    .header.menuOpen {
    box-shadow: 0px 0px 500px 500px rgb(40, 90, 144);
        -moz-box-shadow: 0px 0px 500px 500px rgb(40, 90, 144);
        -webkit-box-shadow: 0px 0px 500px 500px rgb(40, 90, 144);
        position: relative;
      z-index: 1;
      -webkit-transition: all 700ms ease;
      -moz-transition: all 700ms ease;
      -o-transition: all 700ms ease;
      transition: all 700ms ease;

  }

  .header {
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    position: relative;
  }
  
  .filterOptions {
  display: none;
  }
  
  .mobileCategoryBox {
	float: left;
	width: 100%;
  }
  
  .mobileCategoryBox a {
	float: left;
	width: 100%;
	padding: 10px 15px;
	font-size: 16px;
	color: rgb(2, 108, 223);;
  }
  
    .eventlist-right {
    max-width: 100%;
    width: 100%;
    min-height: initial;
    padding: 15px !important;
    margin: 0px;
  }
  
  .spotlight .image img {
    width: 270%;
    max-width: inherit;
    margin-left: -85%;
}

.categoryBox {
	padding: 0px;
}


.ticketmasterlinks {
	width: 100%;
    margin-bottom: 20px;
    padding: 0px;
}

.footerlinkscontact div {
    color: #fff;
    font-size: 12px;
}

.ulwrapper .footerlinksul li a {
        font-size: 12px !important;
}

.ticketmasterlinks .ulwrapper {
    overflow: hidden;
    height: 0px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .footerOpen {
    height: inherit !important;
  }
  
  .productsLeft {
	    width: 100%;
	    padding-right: 0px;
	    
	}
	
#showEventInfo .menuItem {
	width: 100%;
	margin: 0px;
}	

.productsRight {
	width: 100%;
}

.productList-inner .availabilityList-title {
	width: 100%;
	margin-top: 20px;
}

.productList-inner .availabilityList-section {
    float: left;
    margin: 0px;
    width: 33.3%;
    font-size: 9px;
}

.productList-inner .availabilityList {
    width: 10px;
    height: 10px;
    padding: 0px;
        margin-top: 4px;
}

.eventInfoCalendarLink {
	width: 100%;
	text-align: center;
}

.eventInfoCalendarLink span {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.primary {
    font-size: 12px;
    height: 50px;
    overflow: hidden;
}

.registerSection {
    width: 100%;
}

.registerFormSectionBoxWrapper {
	width: 100%;
	    margin: 10px 0px;
}

.registerButtonsWrapper .userButton input {
    width: 100%;
    margin: 5px 0px;
}

.registerSocialLogin .userButton a {
    width: 100%;
        text-align: center;
}

.sectionSelectionSection {
    width: 320px;
}

#venueViewID {
	width: 320px;
}

.eventHeaderSection {
    width: 100%;
    margin: 5px 0px;
    padding: 5px;
    font-size: 12px;
}	

.seatingMapComment {
	    font-size: 16px;
}

.productCountSelection .product span {
	font-size: 12px !important;
}

.productCountSelection .headings span:nth-of-type(4), .productCountSelection .product .productQty {
    width: 25% !important;
    padding: 0px;
   
}


.productCountSelection .headings span:nth-of-type(1), .productCountSelection .product .productType {
    width: 15% !important;
    text-align: left !important;
}

#Stage_jbeeb_3 {
	    right: 0px !important;
	    position: absolute !important;
}

.miniMapContainer {
	display: none;
}

#toolbar {
	padding: 0px !important;
}

.seatSelectionFixedPart {
	width: 100%;
	padding: 0px;
}

.seatSelectionFixedPart2 {
    width: 100%;
	padding: 0px;
}

.seatSelectionProducts #sellable th {
	padding: 3px;
}

#sellable td {
	padding: 3px;
	font-size: 12px;
}

.seatmapSelectionWrapper .deliveryMethods {
	padding: 0px;
}

.areaWithNoSeats {
	
}

.loginPageWrapper .accountRegisterDesc {
	font-size: 14px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.checkoutPageContainer {
    width: 100%;
    margin: 0px;
}

#SMS_TKHWEBForm .userInput {
    width: 100%;
    margin-top: 0px;
}

#SMS_TKHWEBForm .userInput input {
	width: 100%;
}

.checkoutAccountInfo .button {
	width: 100%;
}

.checkoutPageContainerSecond {
	width: 100%;
	margin: 0px;
	padding: 10px;
}

.paymentTypeText ul {
    width: 100%;
}

.showPayment-add-ticket {
	width: 100%;
	padding: 15px;
	margin: 0px;
}

.showPayment-add-ticket input {
	width: 100% !important;
}

.paymentSecondContainer {
	width: 100%;
	
}

.payment-checkbox .caption-checkbox {
    float: none;
    text-align: left;
    padding-left: 25px;
}

.myAccountBasketWrapper {
	width: 100%;
	padding: 15px;
}

.mainContent .basketCaption {
	font-size: 14px;
}

.myAccountBasketWrapperHeadings .heading:nth-of-type(1), .myAccountBasketProducts .productText:nth-of-type(1) {
  width: 35%;
}

.myAccountBasketWrapperHeadings .heading:nth-of-type(2), .myAccountBasketProducts .productText:nth-of-type(2) {
  width: 16%;
}

.myAccountBasketWrapperHeadings .heading:nth-of-type(3), .myAccountBasketProducts .productText:nth-of-type(3) {
  width: 15%;
  text-align: center;
}

.myAccountBasketWrapperHeadings .heading:nth-of-type(4), .myAccountBasketProducts .productText:nth-of-type(4) {
  width: 14%;
  text-align: center;
}

.myAccountBasketWrapperHeadings .heading:nth-of-type(5), .myAccountBasketProducts .productText:nth-of-type(5) {
  width: 15%;
  text-align: center;
}

.myAccountBasketWrapperHeadings .heading:nth-of-type(6), .myAccountBasketProducts .productText:nth-of-type(6) {
  width: 5%;
  text-align: right;
}

.checkoutTotalFeeTable {
	width: 100% !important;
}

.checkoutSubmits {
    margin-top: 20px;
    width: 100%;
}

.checkoutSubmits input {
    width: 100%;
}

.myAccountWrapper.accountWrapperLinks {
	width: 100%;
	padding: 15px;
}

.basketActionButtons .button {
	width: 100%;
	margin-bottom: 10px !important;
} 

.myAccountBasketWrapperRightMenu {
	display: none;
}

.orderHistoryPage {
	width: 100%;
	padding:5px;
}

.orderHistoryForm .userInput input {
	width: 100%;
}

.orderContent {
    padding: 15px;
}

.orderStatusWrapper {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.orderStatusWrapperInner {
	padding: 10px;
}

.orderMessage {
	font-size: 16px;
}

.orderMessage i {
	font-size: 20px;
}

.orderStatusWrapper .infoSection {
	padding: 0px;
}

.orderDetailsWrapper {
	width: 100%;
	margin-top: 10px;
}

.orderDetailsWrapper .headings .heading:nth-of-type(1), #showOrderForm .product .productText:nth-of-type(1) {
  width: 25%;
 text-align: left;
}

.orderDetailsWrapper .headings .heading:nth-of-type(2), #showOrderForm .product .productText:nth-of-type(2) {
  width: 20%;
  text-align: left;
}

.orderDetailsWrapper .headings .heading:nth-of-type(3), #showOrderForm .product .productText:nth-of-type(3) {
  width: 18%;
  text-align: center;
}

.orderDetailsWrapper .headings .heading:nth-of-type(4), #showOrderForm .product .productText:nth-of-type(4) {
  width: 18%;
  text-align: center;
}

.orderDetailsWrapper .headings .heading:nth-of-type(5), #showOrderForm .product .productText:nth-of-type(5) {
  width: 19%;
  text-align: center;
}

.orderDetailsAmount .amount {
    width: 27% !important;
}

.savedCardsLeft {
	width: 100%;
}

.savedCardContainer {
	width: 100%;
}

.savedCardsLeft input {
	width: 100%;
}


.serviceSubmitButton {
	width: 100%;
}

.calendar {
	width: 100%;
}

.footerlinkscontact li {
	
}

.changeCountry {
	width: 100%;
}

.eventInfoMobileBuy {
    display: block;
    text-align: center;
    padding: 15px;
    width: 100%;
    float: left;
}

.eventInfoBuyBtn {
	width: 100%;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    height: initial;
    padding: 5px;
    cursor: pointer;
}

#showEventInfo .current {
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    color: #000000;
	
}

#showEventInfo .current:hover, #showEventInfo .current:focus, #showEventInfo .current:active {
	background-color: #eaeaea;
}

}


/***end1000px****/


@media screen and (max-width: 1200px) {

.productCountSelection {
	width: 100%;
	    padding: 0px;
	    margin-bottom: 5px;    
}

.productItemsForm .deliveryMethods {
	margin-top: 5px;   
   	width: 100%;
   	    padding: 0px;
}

#showProductForm .deliveryMethods .productText span {
	font-size: 13px;
	    line-height: 20px;
}

.addToBasketButton {
	width: 100%;
}

.loginPageWrapper {
    width: 100%;
}

.paymentSecondContainer {
	width: 100%;
	
}

.footerlinkscontact li {
    padding-bottom: 10px;
    height: inherit;
    font-size: 11px;
}

}	

@media screen and (max-width: 1300px) {
.paymentSecondContainer {
	width: 100%;
	
}	
	
}

@media screen and (max-width: 600px) {

.productCountSelection .product span {
	font-size: 10px !important;
}

.productCountSelection .headings span:nth-of-type(1), .productCountSelection .product .productType {
    width: 30% !important;
    text-align: left !important;
    font-size: 11px !important;
}

.productCountSelection .headings span:nth-of-type(4), .productCountSelection .product .productQty {
    width: 20% !important;
    padding: 0px;
   font-size: 11px !important;
}

.productCountSelection .headings span:nth-of-type(3), .productCountSelection .product .productPrice {
    width: 22% !important;
    text-align: center !important;
    font-size: 11px !important;
}

.productCountSelection .headings span:nth-of-type(2), .productCountSelection .product .productDelivery {
    width: 22% !important;
    text-align: center !important;
    font-size: 11px !important;
}

.userTextElementQty, .noAvailableTicketsInput {
	width: 33.3%;
    height: 25px;
    margin-top: 5px;
}

.userButtonQty {
    margin-top: 5px;
}

.productCountSelection .heading, .deliveryMethods .heading {
	font-size: 13px;
}

.ticketSelectionSectionTitle {
    font-size: 13px;
}

.ticketSelectionSectionTitle .comment {
    font-size: 13px;

}

.loginPageWrapper .left-column, .loginPageWrapper .right-column {
    width: 100%;
    padding: 15px;
}

.loginPageWrapper .midColumn span {
    width: 100%;
    height: 1px;
}

.loginPageWrapper .midColumn {
    height: 10px;
    width: 100%;
}

.loginPageWrapper .form-title {
    display: none;
}
	
}







