/* BACKGROUND */

body {
background-color: #020202;
background-image: url(https://www.moshtix.com.au/directory/uploads/images/751-SITG19-BookingSkin-Background-Image.png);
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size:cover;
padding:0px;
}

#wrapper #container > header {background-image:none;}

/* HEADER AND FOOTER IMAGE */
#container > header, #container > footer {
width: 100%;
border:0px solid #fff!important;
padding:0px!important;
text-align:center;
height:auto;
}

header img{padding: 40px 5px 0px 5px;}
footer img {padding: 15px 20px;}


#container > footer {background-image: url(https://www.moshtix.com.au/directory/uploads/images/751-SITG19-BookingSkin-Footer.png);
background-repeat: no-repeat;
background-position: center bottom;
margin-top:0px;}

#container > footer{min-height:110px;}

/* Moshtix Navigation */
#header > nav {
display: none;
}

.nav {width:100%;
background-color:transparent!important;
color:#fff;}

.nav ul li a{color:#fff;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
font-size:15px;
}

 .nav ul li {padding:5px;
margin:0px 20px 20px 20px;
display:inline-block;
border-bottom:3px solid #fc3584;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-shadow: 0px 0px 8px #000;
} 

 .nav ul li:hover {
border-bottom:3px solid #59ff57;} 

/* remove the selector that hides the support button */
a[href*="tixsupport.moshtix.co"] {
    display: inline-block;}




/* - Mobile Nav - */

header#mobile-nav, #mobile-ad-top{display:none;}

.nav > ul > li:first-child
{
margin-right:10px;
}


/* BUY TICKETS BUTTON */
.button_orange, .button_orange:active, .button_orange:visited {
background: /* UPDATE COLOUR */;
}


#container > #content {
margin:auto;
max-width: 1000px;
width:auto;
padding: 15px;
margin-top: 0;
background-color: #fff;

}


#wrapper > #container {
max-width: 1000px;
width:auto;
background-color: transparent;
}

#wrapper {
padding-bottom: 0px;
}


h1.titlebar, h1.titlebar>a {font-weight: bold;
background: #000;
}





h2.titlebar, h2.titlebar > a {
position: relative;
display: block;
background: #000;
padding: 2px;
padding-left: 10px;
margin-bottom: 10px;
font-weight: bold;
font-size: 21px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}


.alertbox_error a, .panel_error, .panel_info, .panel_success {
width: 97%;
}

.event-tickettypetable{background-color:#fff;}

/* - Common Mosh Styles Overides - */

#wrapper > #container {
box-shadow: none;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}



.page_headleftimage {
width: 140px;
height: 140px;
padding-bottom: 10px;
}

.col-quantity {
text-align: right;
}


/* Pop Up Modal */

.popup{width: 600px;
    max-width: 100%;
    top: 20%;
    left: 50%;
    margin-left: unset;
    margin-top: unset;
    transform: translate(-50%, -50%);}



/*errors success */
.alertbox_error a, .panel_error, .panel_info, .panel_success{width:100%;
padding:15px 10px;
box-sizing: border-box;}

.panel_info p, .panel_error p, .panel_success p,.panel_info a, .panel_error a, .panel_success a,.validation-summary-errors ul{
font-weight:400!important;}

.panel_info p, .panel_error p, .panel_success p{
padding-left: 30px;}

.panel_info a, .panel_error a, .panel_success a{
font-weight:800;}


#divPanelError {
margin-right: 20px;}

#col_main_mobile #event-tickets-section .panel_info, #col_main_mobile #event-tickets-section .alertbox_error a, #col_main_mobile #event-tickets-section .panel_error,  #col_main_mobile #event-tickets-section .panel_success{ width: 100%!important;
padding-right:60px!important;
font-size:16px!important;}




/* - My order column - */

#content > #col_context {
float: right;
width: 300px;
z-index: 5;
background: none repeat scroll 0 0 transparent;
}


/* - Green Room - */

.visible-md.visible-lg {
display:none;
}

.visible-lg {
display:none;
}

.col-md-6 {
width: 100%;
padding-bottom:15px;
}

.container {background:transparent;
width:100%;
max-width:1000px;}

#main-body{background-color:#d0d0d0;
text-align:center;
   
    max-width: 600px;
  border: 2px solid;
  border-bottom-color: #8b8b8b;
  border-right-color: #8b8b8b;
  border-left-color: #fbfbfb;
  border-top-color: #fbfbfb;
}


/* HEADER IMAGE */


div#header {
    max-width: 540px;
background-image: url(https://www.moshtix.com.au/directory/uploads/images/751-SITG19-BookingSkin-Logo-Transparent.png);
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 100px;
    height: 20VH;
    max-height: 250px;
    background-size: contain;
margin-top:30px!important;
padding-bottom:20px!important;
}


h3 {
margin-top: 45px;
margin-bottom: 10px;
color:#000;
font-weight:bold;
}

h2, .h2 {
font-size: 18px;
color: #000;
}

.col-lg-12{max-width:1000px;
    width: 100%;
display: inline-block;margin-top:30px;}

.row#header, .row#main-body {
   margin: 0px auto!important;
    width: 100%;
}
	

#chair {
display:none;
}

/* FOOTER IMAGE */
#footer {

background-image: url(https://www.moshtix.com.au/directory/uploads/images//* UPDATE IMAGE */);
background-repeat: no-repeat;
background-position: center bottom;
width: 1000px;
}


p {
margin: 0 0 10px;
color: #000;
}

ul, ol {
margin-top: 0;
margin-bottom: 10px;
color: #000;
}

#tickets-live > div, #tickets-live > div:nth-child(2) > div:nth-child(1),#tickets-live > div:nth-child(2) > div.hidden-xs, #tickets-live > div:nth-child(2) > div.visible-xs {
    margin-left: 0 !important;
    width: 100%!important;
background-color: transparent !important;
padding-right:0px;
padding-left:0px;
padding-bottom:5px;
color: transparent !important;
		background-repeat: no-repeat;
	text-align: center!important;
    background-position: center top!important;
	display: inline-block;
	background-size:contain!important;
}


#tickets-live > div{padding-top: 40px;
padding-left:20px!important;
padding-right:20px!important;}

#tickets-live > div:nth-child(2) > p:nth-child(3) > em{

color:#fc3584!important;}

#tickets-live > div:nth-child(2) > div:nth-child(1) {
    display: none!important;}

#tickets-live > div:nth-child(2) > div.hidden-xs {
 background-image: url(https://www.moshtix.com.au/directory/uploads/images/751-SITG19-BookingSkin-GreenRoom.gif)!important;
    color: #000;
max-height:420px;
}




/* - Green Room Mobile - */

#tickets-live > div:nth-child(2) > div.visible-xs {background-image: url(https://www.moshtix.com.au/directory/uploads/images/751-SITG19-BookingSkin-GreenRoom-Mobile.gif)!important;
    color: #000;
padding-top:0px!important;
}

.col-md-12{
float:none;
}

@media only screen and (max-device-width: 480px) {

	
#header {
 background-size: 100% auto;
 width: 100%;
}


#header-image {
padding-top:20px;
padding-bottom:10px;
}

#tickets-live > div{padding-top:20px;}

.container {
width: 100%;
}
.col-lg-12{max-width:1000px;
    width: 100%;
display: inline-block;}

.row#header, .row#main-body {
   margin: 0px auto!important;
    width: 100%;
}
	
.col-md-6, .col-lg-12 {
    padding-right: 0px;
    padding-left: 0px;}


}

/* - Mobile Skin overrides - */
@media (max-width: 600px) {



  #wrapper > #container {
    padding-top: 0px;
    width:100%;
	padding-bottom:0px;
  }


/* MOBILE HEADER IMAGE */
  #container > header {
    background-size: 100% auto;
	background-image: url(https://www.moshtix.com.au/directory/uploads/images//* UPDATE IMAGE */);
    width: 100%;
    border:0px solid #fff!important;
    padding:0px!important;
  }


/* MOBILE FOOTER IMAGE */
  #container > footer {
    background-size: 100%;
	background-image: url(https://www.moshtix.com.au/directory/uploads/images//* UPDATE IMAGE */);
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
	border-bottom:0px;
	  border-top: 0px;}


  a.page_headleftimage {
    width: 140px;
    height: auto;
}

.small-image-holder {
    width: 31.25%;
    box-sizing: border-box;
    float: left;
    margin-right: 31px;
}

section.separatorline, div.separatorline {
    padding-bottom: 15px;
    border-bottom: 0px;
}



#image > img {
    border: 0;
    display: none !important;
}


}


/* - Eager Beaver - */

#tickets-not-live {
background-color: transparent;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/static.moshtix.com.au/directory/uploads/images/751-SITG19-BookingSkin-Eagerbeaver.png);
    background-position:  center center!important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;

display:inline-block;

 min-height: 100px;
    height: 20VH;
    max-height: 150px;
}

.container #tickets-not-live {
background-color: transparent !important;
	color: transparent !important;
 
}

/* - Eager Beaver mobile - */
@media (max-width: 600px) {

#tickets-not-live {
background-color: transparent;
    background-image: url(https://www.moshtix.com.au/directory/uploads/images/751-SITG19-BookingSkin-Eagerbeaver.png);
    background-position: center center!important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;

}

.container #tickets-not-live {background-color: #000000;
background-position: center top;
background-attachment: scroll;
background-size: contain;
	width: 100%;
}

}


/* Enable Resizing */
/* TABLET + MOBILE */

.small-image-holder {
display:inline-block;
width:100%;}

.small-image-holder img {margin:auto;}



@media (max-width: 700px) {

header img, #header img{width:auto;
max-width:90%;}

/* remove flex */
#content > div {display:block!important;
width:100%;
}

 .nav ul li {
display:inline-block;} 

/* Event Details */



.page_headtitle, .page_headtitle_withleftimage{
width:unset!important;
min-width: 80%!important;
    max-width: 100%!important;
min-height:unset;}

#event-summary-block .event-date-venue-info {
    position: initial;}

.page_headleftimage img{max-width:200px;}

#event-summary-block{padding:0px;}

.page_headtitle p{
    margin-top: 0 !important;}



/* Buy tickets */
section#event-tickets-section{
    margin-left: 0px!important;
}


/* Content */
p > iframe, p > span > iframe {
width:100%;
max-width:640px;}

#progress-bar{margin-bottom:20px;}

/* BOOKING PAGE */
#content > #col_main{ -webkit-flex: 1 1 100% !important;
    -ms-flex: 1 1 100%!important;
    flex: 1 1 100%!important;
	-webkit-order: 2!important;
    -ms-flex-order: 2!important;
order:2!important;
padding-right: 0px;
	-webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;}

#content > #col_context{ -webkit-flex: 1 1 100% !important;
    -ms-flex: 1 1 100%!important;
    flex: 1 1 100%!important;
	-webkit-order: 1!important;
    -ms-flex-order: 1!important;
order:1!important;
width:100%;
	-webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;}

.sub_col{padding-right:10px;
width:100%;}

/* Guest Checkout Modal */
#popup-button-cancel .button_orange, #popup-button-ok .button_orange, #popup-button-confirm .button_orange{max-width:100px!important;}
.popup_footer input{max-width:100px!important;}

.popup{width:85%;}

/*Booking Conf Page */
#important-panel-icon img{width:85%;}

}


@media (max-width: 450px) {


.sub_col{ -webkit-flex: 1 1 100%!important;
    -ms-flex: 1 1 100%!important;
    flex: 1 1 100%!important;
    padding-right: 0px;
	-webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;}

/*Booking Conf Page */
#important-panel-icon {float:none;display:block;}

#important-panel-icon img{min-width:50px;}

#important-panel-message{padding-left:0px!important;}

}

@media (max-width: 350px) {



.order-table-total, tr.ticket-type-total-row,td.order-total-text,td.order-total-value td{display:block!important;    text-align: left;}


/* Content */
p > iframe, p > span > iframe  {
width:100%;
max-width:280px;}
}



.event-display-group-header.event-offercodeapplied {
       background-color: #d1f5d1!important;
    background-color: rgba(0,165,0,.1)!important;
border:1px solid #ff665b!important;}

.event-offercodeapplied:nth-child(odd) {
    background-color: #d1f5d1!important;
    background-color: rgba(0,165,0,.1)!important;}

.event-offercodeapplied:nth-child(even) {
    background-color: #d1f5d1!important;
    background-color: rgba(0,165,0,.06)!important;}

#search_main{display:none;}