/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 #insurance_choice_field .woocommerce-input-wrapper{
   height: 4rem;
   width: 125px;
   display: block;	
}
.woocommerce-input-wrapper input[type=radio], .input-radio {
    background: 0 0;
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}
.wallet-pay-partial{display:none;}

.checkout .shop_table tfoot th {
    text-align: right;
    padding: 20px 30px 20px 0px;
    width: 70%;    
}
 
body{position:relative;}
.overlay{position: fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color: rgba(255, 255, 255, 0.8);z-index: 99999;}
.overlay img {position: absolute;    top: 50%;     left: 50%;     transform: translate(-50% , -50%);     max-width: 100px; }
.wrap{z-index: -1;}
.no-items{text-align:center;}

.location_area{
    margin: 5px 0px;
 }

#upcoming_events_area .search-box{
	margin:10px;
}


#ticket_display_area a{
	text-decoration: none;
}

/*progress bar*/
#msform {
  	width: 100%;
    margin: 2rem auto;
    text-align: center;
    position: relative;
    background-color: #fff;
    z-index: 999;
    padding: 10px 0px;
    clear:both;
}

#progressbar {
  clear: both;
	margin: 0;
	padding: 0;
	counter-reset: step;
	/*margin-bottom: 30px;*/
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
#progressbar li {
	list-style-type: none;
	 width: 25%; 
	float: left;
	font-size: 12px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	color: #56bdf1;
	font-weight: bolder;
	letter-spacing: 0.05em;
}
#progressbar li:before {
	width: 30px;
	height: 30px;
	content: counter(step);
	counter-increment: step;
	line-height: 27px;
	border: 2px solid #56bdf1;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	background-color: white;
}
#progressbar li:after {
	width: 100%;
	height: 2px;
	content: '';
	position: absolute;
	background-color: #56bdf1;
	top: 15px;
	left: -50%;
	z-index: -1;
}
#progressbar li:first-child:after {
	content: none;
}
#progressbar li.active {
	color: #0073aa;
}
#progressbar li.deactive {
  color: #dc3232;
}

#progressbar li.active.success {
    color: #00b907;
}

#progressbar li.active:before {
    border-color: #0073aa;
    background-color: #0467b5;
    color: #fff;
}
#progressbar li.active + li:after {
	background-color: #0073aa;
}
.div-table {
  display: table;         
  width: auto;         
  background-color: #eee;         
  border: 1px solid #666666;         
  border-spacing: 5px; /* cellspacing:poor IE support for  this */  
}
.div-table-row {
  display: table-row;
  width: auto;
  clear: both;

}

/*.div-table-row:first-child .div-table-col{
	min-height: 20px;
}*/

#sessionnetwork_process_1 .div-table-col:first-child,#sessionnetwork_process_2 .div-table-col:first-child{
	width: 1rem;
}

.div-table-col {
    float: left;
    display: table-column;
    width: 12.5rem;
    background-color: #e0dddd;
    min-height: 55px;
    padding: 5px;
    border-bottom: 1px solid #fff;
}

#div-view-tickets-table{	
	display:none;
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
}

#div-view-tickets-table-header{
	margin-top:20px;
	display:none;       
    width: 100%;
}

#div-view-tickets-table-header .div-table-row .div-table-col,#div-view-event-table-header .div-table-row .div-table-col {
	min-height: 20px;
}

.div-table-col:first-child{
	width: 1rem;
}

.event_thumbnail{width:150px;}
.capacity_positive{color:green;font-weight:bolder;}
.capacity_negative{color:red;font-weight:bolder; }

/*dialog-ovelay  Start */
.dialog-ovelay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 999999
}
.dialog-ovelay .dialog {
    width: 550px;
    margin: 100px auto 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    border-radius: 3px;
    overflow: hidden
}
.dialog-ovelay .dialog header {
    padding: 10px 8px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e5e5e5
}
.dialog-ovelay .dialog header h3 {
    font-size: 14px;
    margin: 0;
    color: #555;
    display: inline-block
}
.dialog-ovelay .dialog header .fa-close {
    float: right;
    color: #c4c5c7;
    cursor: pointer;
    transition: all .5s ease;
    padding: 0 2px;
    border-radius: 1px    
}
.dialog-ovelay .dialog header .fa-close:hover {
    color: #b9b9b9
}
.dialog-ovelay .dialog header .fa-close:active {
    box-shadow: 0 0 5px #673AB7;
    color: #a2a2a2
}
.dialog-ovelay .dialog .dialog-msg {
    padding: 12px 10px
}
.dialog-ovelay .dialog .dialog-msg p{
    margin: 0;
    font-size: 15px;
    color: #333
}
.dialog-ovelay .dialog footer {
    border-top: 1px solid #e5e5e5;
    padding: 8px 10px
}
.dialog-ovelay .dialog footer .controls {
    direction: rtl
}
.button {
  cursor: pointer
}
.button-default {
    background-color: rgb(248, 248, 248);
    border: 1px solid rgba(204, 204, 204, 0.5);
    color: #5D5D5D;
}
.button-danger {
    background-color: #f44336 !important;
    border: 1px solid #d32f2f !important;
    color: #f5f5f5 !important;
}
.link {
  padding: 5px 10px;
  cursor: pointer
}
/*dialog-ovelay  End */


/* Custom Scrollbar */

#div-view-tickets-table::-webkit-scrollbar {
 width: 3px;
}

#div-view-tickets-table::-webkit-scrollbar-track-piece {
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}

#div-view-tickets-table::-webkit-scrollbar-thumb:vertical {
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 background: #cccccc;
}

#div-view-tickets-table::-webkit-scrollbar-thumb:window-inactive {
 background: #cccccc;
}

#sessionnetwork_process_3 #div-view-tickets-table-header , #sessionnetwork_process_3 #div-view-tickets-table{
	display:block;
}

#sessionnetwork_process_3 #div-view-event-table-header .div-table-col:first-child{
	width: 11rem;
}

.session_table{
  border-collapse: collapse;
  width: 100%;
} 

.session_table td, .session_table th {
  border: 1px solid #cccccc;
  padding: 8px;  
}

.session_table tr:nth-child(even){background-color: #f2f2f2;}

.session_table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #7ea5c3;
  color: #000;
  text-transform: uppercase;
  font-weight: 400; 
}

.session_table tr:hover {background-color: #ddd;}

.session_table.ticket_table tfoot tr {background-color: #7ea5c361;}

.session_table.summary_table{
    width: 45%;
    float: right;
    margin-top: 50px;
}

.session_table.payment_table{
    width: 50%;
    float: left;
    margin-top: 50px;
}
.session_table.payment_table img{
    width: 50px;
    display: inline-block;
    margin-left: 5px;
}

.session_table.billing_table input{
	width: 100%;
}

.session_table.billing_table label, .payment_table label{
	font-weight: bold;
	margin-bottom:10px; 
}

.session_table.summary_table tr:hover,.session_table.selected_event_table tr:hover,.payment_table tr:hover {background-color:unset;}
.payment_table .button-primary {
  width:400px;
  background: #0085ba;
  border-color: #0073aa #006799 #006799;
  box-shadow: 0 1px 0 #006799;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
  font-size: 13px;
  line-height: 26px;
  margin: 0;
  padding: 0 10px 1px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  -webkit-appearance: none;
  border-radius: 3px;
  white-space: nowrap;
  box-sizing: border-box;
}
.payment_table input[type="text"]{width:80%;}

/*.session_table.ticket_table th {
  background-color: #98c2e4;
  color: #000;
}*/

.card_details{
  display: flex;
  flex-flow: row wrap; 
  justify-content: space-between; 
  margin: 0 10px;
}

.session_table table td {border: none;}
.card_details input[type="text"]{width:100%; }
.card_details .cardno {width:48%; }
.card_details .exp {width:23%}
.card_details .cvv {width:23%}

#progressbar li.active a{
  text-decoration: none;
  /*cursor:pointer;*/
  z-index: 9999;
}

/*#progressbar li.active a:hover {
    color: #ff2500 !important;
}*/
.card-form-row{margin:0 10px;}

.goback a { 
  text-decoration:none;
  display: inline-table;
}
.goback img {width:25px;}

.sessionnetwork_title_area{
  display:block;width:auto;height:20px
}

.sessionnetwork_title{
    width:80%;float:left
}

.sessionnetwork_backbtn{
    width: 10%;float: right;
    margin-right: 10px;
    text-align: right;
    margin-top: 10px;
} 

#table-body{
  background-color: #fff;
  padding: 5px;
}

#error_display_area .error{
  color: #dc3232;
  font-size: 14px;
  font-weight: 600px;
  padding-right:10px;
}

.price_th{
  text-align: center !important;
}

.div-table-col.small{width:50px;}

.summary_table.checkout_area{clear:both;margin:0;}

.session_table td {word-break: break-all;}

/*Table with sticky header*/


.stickytable table{
  width:100%;
  table-layout: fixed;
}
.stickytable .tbl-header{
  background-color: rgba(255,255,255,0.3);
 }
.stickytable .tbl-content{
  height:auto;
  overflow-x:auto;
  margin-top: 0px;
  border: 1px solid rgba(255,255,255,0.3);
}

.stickytable th{
  padding: 20px 15px;
  text-align: left;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  background-color: #2d475d;
}

.stickytable td {
  padding: 15px;
  text-align: left;
  vertical-align:middle;
  font-weight: 300;
  font-size: 12px;
  color: #000;
  border-bottom: solid 1px #436b8e40;
  border-left: 1px solid #436b8e40;  
}

.stickytable section{
  margin: 50px;
}

/* for custom scrollbar for webkit browser*/

::-webkit-scrollbar {
 width: 1px;
 height:2px;
}

::-webkit-scrollbar-track-piece {
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}

::-webkit-scrollbar-thumb {
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 background: #000;
}

::-webkit-scrollbar-thumb:window-inactive {
 background: #000;
}

/*End of Table with sticky header*/

#payment_table .stripe_disabled_notification{display:none;background-color:#ffccd2 !important;}
.payment_method_wallet {display:none;}
#success_display_area {overflow-x:auto;}
#payment_summary{opacity:0.2;}

@media screen and (max-width: 782px){
 .wrap{z-index: 9;width:100%;}
 .session_table.summary_table{
     float:left;
     width:100%;
 }
 .session_table.payment_table{
     float:left;
     width:100%;
 }
}

@media only screen and (min-width:1024px) {
    .wrap{z-index: 9;width:100%;}
}

@media only screen and (min-width:1400px) {
    .wrap{z-index: 9;width:100%;}
    .div-table-col {
        width: 15rem;
    }
}


/*Admin css*/

/* link expired message - 11-06-2019 */
  .link-expired-section {
    text-align: center;
  }

  .link-expired-section h2 {
    color: #c40031;
  }
/* link expired message - 11-06-2019 */