/*INPUTS*/

  table{
    border-collapse: collapse;
    border: 1px solid black;
  }
  table td{
    border: 1px solid black;
  }

input[type=text] {
	padding:5px;
	margin:5px;
}

select {
	padding:5px;
	margin:5px;
}


input[type=password] {
	padding:5px;
	margin:5px;
}

input[type=button] {
	padding:5px;
    margin:5px;
}

/*HEADER PAGE*/

#body, html {
	margin:0px;
    padding:0px;
    font-family: sans-serif;
	width:100%;
	height:100%;
}

#content-wrapper {
    text-align:left;
	height:auto;
	width:100%;

}


#content {
	width:100%;
	height:auto;
	display:block;

	position:relative;

}


#header {
    background-color:#e5e5e5;
}

#header-links {
	

}

#header-links ul {
	white-space:nowrap;
    margin:0px;
    padding:0px;
    vertical-align:middle;
}

a {
    color:#797979;
    text-decoration:none;
}

a:hover {
    color:black;
    text-decoration:underline;
}

#header-links li {
    line-height:40px;
	font-style:normal;
	font-size:14px;
	
	white-space:normal;
	text-align:left;
	height:40px;
    margin:0px;
	padding:0px 20px 0px 20px;
	
	cursor:pointer;
    color:#797979;
    border:1px;
    vertical-align: middle;
    display:inline-block;
}

#header-links li:hover {
	color:white;
    background-color:#434343;
}

#header-links a {
	text-decoration:none;
}





.notification {
	width:50px;
	height:100%;
	text-align:center;
	display:block;
}
  








#entrance {
    width:75px;
    height:75px;
    display:block;
    right:0;
    position:absolute;
    top:175px;
}


.showing-image {
        float:left;
        margin-right:20px;
        margin-bottom:20px;
}





#balcony-seating {
    text-align:center;
}

.row-label {
    width:10px;
    height:10px;
    display:inline-block;
    text-align:center;
    line-height:10px;
    font-size:9px;
color:#918f8f;
}


	







.reserved {
    background-color:rgb(200,200,200);
    border-color:rgb(220,220,220);
}


.seat:hover {
    background-color:#fffde1;
}

.seat-key {
    width:15px;
	height:15px;
    margin:10px;
    display:inline-block;
    border-style:solid;
    border-width:1px;
}

.seat-key-text {
    vertical-align:top;
    line-height:35px;
    font-size:15px;
}

#seat-key-wrapper {
    display:inline-block;
    width:150px;
    text-align:left;
    vertical-align:top;
    margin-top:15px;
    
}



.concert-details {
    font-size:1.2em;
    font-weight: 600;
    line-height:22px; 
    margin-bottom:15px;
    display:block;
}

.concert-details-more {
    font-size:1.0em;
    font-weight: 300;
    line-height:22px;   
}

#display-table {
	display:table;
}

.display-row {
	display:table-row;
    width:100%;
}

.display-row-content {
	background-color:#FAFAFA;
        width:100%;
}

.display-row-spacer {
	width:100%;
	height:15px;
}

.grid .row {
  display: grid;
  grid-template-columns: 2fr 3fr 1fr 1fr 1fr 1fr 2fr 1fr 1fr;
  border-bottom: 1px solid gray;
}

.grid .row div {
  padding: 10px;
  display: flex;
  align-items: center;
}

.grid .row:last-child {
  border: none;
}

.grid .row:hover {
  background-color: #cccccc;
  transition: .2s all;
  cursor:pointer;
}

.grid .red {
    background-color:#c0655c;
}

.grid .header {
    background-color:grey;
    color:white;
}


.display-row-content:hover {
	background-color:#E6E6E6;
    cursor:pointer;
}

.display-cell {
	display:table-cell;
	padding:10px;
}

.add-borders {
	border-bottom-color:#D8D8D8;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-right-color:#D8D8D8;
	border-right-width:1px;
	border-right-style:solid;
}

#field-editor {
	display:none;
	border-color:#D8D8D8;
	border-width:1px;
	border-style:solid;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-500px;
	margin-top:-275px;
	width:1000px;
	height:550px;
	background-color:white;
	z-index:101;
	overflow-y:scroll;
	
}

#field-editor-content {
	padding:15px;

}

#background-disabler {
	pointer-events:none;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.75);
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

#close-link {
	position:absolute;
	right:0;
	top:0;
	margin-right:10px;
	margin-top:10px;
	cursor:pointer;
}

#control-bar {
	height:50px;
	line-height:50px;
	width:100%;
	text-align:left;
}


#concert-wrapper {
    display:inline-block;
    position:relative;
    width:100%;
    overflow:hidden;
}
 
#right-col-image {
    display:block;
    clear:both;
    margin-left:auto;
    margin-right:auto;
    margin:10px;
}



#left-col {
	float:left;
	width:640px;
}

#right-col {
	float:right;
}

#stage {
    width:400px;
    height:50px;
    display:block;
    background-color:#888176;
    margin-left:auto;
    margin-right:auto;
    margin-top:25px;
    margin-bottom:25px;
    line-height:50px;
    font-size:1.5em;
    text-align:center;
    color:white;
}








.concert-title {
    font-size:20px;
}

.event-date {
    font-size:1.2em;
    line-height:20px;
}

#concert-hall-wrapper {
 
    margin-bottom:5px;
}

#concert-hall-label {
    text-align:center;
    display:block;

}

.concert-hall-label-title {
    font-size:1.5em; 
}

.concert-hall-label-description {
    margin-top:5px;
    font-size:1em;
}


#seating-wrapper {
    margin-left:auto;
    margin-right:auto;
}

/* The old fixed-zoom map containers (#orchestra-seating, #seating-map
   and their wrappers) are gone: every map now runs through the shared
   engine in css/seat-map.css and js/seat-map.js. The #seating-map rule
   in particular (zoom 2.5, margin-top 45%) kept applying to the hall
   editor's container of the same name and blew the whole page up. */

#concert-stage {

}

#stage-label {
    background-color:lightgray;
    font-size:13px;
    line-height:30px;
    height:30px;
    width:300px;
    text-align:center;
    margin-bottom:15px;
    margin-left:auto;
    margin-right:auto;
}

#register-wrapper {
    height:90vh;
    position:relative;
    
    
}

#map-wrapper {
    overflow:hidden;
    height:100%;
    position:relative;
    border-right-width:2px;
    border-right-style:solid;
    border-right-color:lightgray;
}

#menu-wrapper {
    float: right;
    width: 350px;
    height:100%;
    padding: 10px;

        
}


#entrance-left {
    width:64px;
    height:28px;
    display:block;
    left:0;
    position:absolute;
    top:165px;
}

#entrance-right {
    width:64px;
    height:28px;
    display:block;
    right:0;
    position:absolute;
    top:165px;
}


#stairs-top-left {
	position:absolute;
	left:60px;
	top:0px;
}

#stairs-top-right {
	position:absolute;
	left:500px;
	top:0px;
}

#handi-left {
	position:absolute;
	left:50px;
	top:75px;
}

#handi-right {
	position:absolute;
	left:525px;
	top:75px;
}

#stairs-bottom-left {
	position:absolute;
	left:85px;
	top:195px;
}

#stairs-bottom-right {
	position:absolute;
	left:475px;
	top:195px;	
}

#stairs-bottom-left-vert {
	position:absolute;
	left:125px;
	top:215px;
}

#stairs-bottom-right-vert {
	position:absolute;
	left:460px;
	top:215px;	
}

#stairs-bottom-left-vert-2 {
	position:absolute;
	left:165px;
	top:157px;
}

#stairs-bottom-right-vert-2 {
	position:absolute;
	left:420px;
	top:157px;
}

#main-label {
	position:absolute;
	left:290px;
	top:0px;	
}

#upper-label {
	position:absolute;
	left:75px;
	top:180px;	
}

#showing-info {
    display:inline-block;
    position:relative;
}


.reserve-item {
    background-color:#EBEBEB;
}



.row-spacer {
    height:14px;
    display:block;
}

#register-receipt-total-box {
	border:0;
	text-align:center;
	font-size:80px;
	width:250px;
}

.register-receipt-item-wrapper {
	cursor:pointer;
	background-color:#e5e5e5;
	margin-bottom:5px;
	position:relative;
	padding:5px;
	position:relative;
	min-height:40px;
}

.item-total-box {
	right:0;
	top:0;
	margin-top:15px;
	font-size:25px;
	position:absolute;
}

.discount-item-box {
	font-size:15px;
	color:#c0392b;
	display:block;
}

.item-selected {
	background-color:#3d566e;
	color:white;
}

.register-receipt-item-content {

}

.register-receipt-cart-container {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	
}

.register-receipt-item-button {
	padding-left:5px;
	padding-right:5px;
	height:50px;
	line-height:50px;
	cursor:pointer;
	font-size:15px;
}

#register-receipt-header {
	background-color:#e5e5e5;
	padding:5px;
	margin-bottom:5px;
	height:56px;
	line-height:56px;
	text-align:center;
	cursor:pointer;
}


#register-receipt-content {
    
    
}

#register-receipt-controls-wrapper {
	display:block;
    width:220px;
	font-size:0;
    position:absolute;
    z-index:999;
    right:0;
}

#get-discounts{
    display:none;

}


#main-menu {

}



#register-receipt-controls-content {
	position:absolute;
    overflow:hidden;

	
}

.register-receipt-controls-content-frame {

		display:inline-block;
		margin-right:5px;
        width:100%;
        
}


#register-receipt-total {
	border-color:#e5e5e5;
	border-style:solid;
	border-width:1px;
	text-align:center;
	height:150px;
	line-height:150px;
	font-size:80px;
	width:100%;
	bottom:0;
} 

.register-receipt-button {
	height:50px;
	line-height:50px;
	width:100%;
	text-align:center;
	display:block;
	cursor:pointer;
	margin-bottom:5px;
	font-size:15px;
}



.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.red {
	background-color:#c0392b;
	color:white;
}

.light-red {
	background-color:#c0655c;
	color:white;
}

.red:hover {
	color:black;
}

.light-red:hover {
	color:black;
}



.orange {
	background-color:#d35400;
	color:white;
}

.green {
	background-color:#27ae60;
	color:black;
}

.light-green {
	background-color:#82ca9c;
	color:black;
}


.purple {
	background-color:#5c326d;
	color:white;
}

.blue {
	background-color:#3498db;
	color:white;
}

.yellow {
	background-color:#f1c40f;
	color:black;
}

.light-yellow {
	background-color:#f1d976;
	color:black;
}

.light-blue {
	background-color:#c8d3db;
	color:black;
}







	
.seat {
    width:10px;
	height:10px;
    margin:2px;
    display:inline-block;
	vertical-align:top;
  	text-align:center;
	font-size:6px;
	cursor:pointer;
    border-style:solid;
    border-width:1px;
	line-height:10px;
}





.section {
	font-size:0;
}

.section-label {
	position:absolute;
	font-size:15px;
}





.search-receipt {
    border-color:#FF00E9;
    background-color:#930095;
    color:white;
    
    }



.table-cell {
	display:table-cell;
	padding:15px;
	
}

.table-row {
	display:table-row;

}

.table-row:hover {
	display:table-row;
	background-color:lightgrey;
}


.table {
	display:table;
}

#details-window {
	display:none;
	position:absolute;
	background-color:rgba(255,255,255,.95);
	width:100%;
	height:400px;
	border-bottom-width:5px;
	border-bottom-color:black;
	border-bottom-style:solid;
	clear:both;
	z-index:1;
	color:black;
	background-repeat:no-repeat;
	background-position:center center;
	
}

.details-buttons {
	right:0;
	bottom:0;
	position:absolute;
	display:block;
}

.close-button {
	background-color:black;
	color:white;
	padding:10px;
	margin:5px;
	width:150px;
	text-align:center;
	cursor:pointer;
	
}

.close-button:hover {
	background-color:grey;
	color:black;
}
.purchased-online {
	border-color:blue;
	border-width:1px;
	border-style:solid;
	 background-color:rgb(200,200,200);
}

.online-reserve {
	border-color:green;
	border-width:1px;
	border-style:solid;
	background-color:lime;
	color:green;
}

#details-wrapper {
	line-height:20px;
}

.details-block {
	display:inline-block;
	margin-right:15px;
	vertical-align:top;
	width:300px;
}

.details-line {
	min-height:15px;
	text-align:right;

}

#details-copy-buttons {
	left:0;
	bottom:0;
	position:absolute;
	
}

#details-copy-buttons .close-button {
	display:inline-block;
	font-size:12px;
	width:50px;
	
}

  .levelA {
      background-color:rgb(225,240,251);
      border-color:rgb(173,205,236);
  }

  .levelB {
      background-color:rgb(173,205,236);
      border-color:rgb(121,182,228);
  }

  .levelC {
      background-color:rgb(121,182,228);
      border-color:rgb(121,182,228);
  }

  .levelPRM {
	  background-color:#065eae;
	  border-color:#065eae;
  }




.premium {
    background-color:#f28d1d;
    border-color:#f28d1d;
    color:white;
}

.general {
    background-color:#3D8E61;
    border-color:#bcbec0;
    color:black;
}

.reserved-live {
    background-color:rgb(0,0,255);
    border-color:rgb(0,0,220);
}


.reserved-session {
    background-color:rgb(255,0,0);
    border-color:rgb(200,0,0);
}

.customer-seat {
   background-color:#8AE234;
   border-color:#4E9A06;
}

.avoid-clicks {
  pointer-events: none;
}

  
  .seperator {
	height:50px;
  }
  
  .table-label {
	padding-top:10px;
	width:100px;
	display:inline-block;
	text-align:right;
	margin-right:15px;
  }
  
  .table-input {
	  display:inline-block;
  }
  
  .table-together {
	  display:inline-block;
	  vertical-align:top;
	  margin-top:10px;
  }
  
  .not-processed {
	  
  }
  
  
  .page-wrapper {
	  display:block;
	  margin:5px;
	  padding:5px;
  }
  
  .page-button {
	display:inline-block;
	margin:5px;
	padding:15px;
	background-color:#e5e5e5;
	color:#797979;
  }
  
  .page-button:hover {
	color:white;
    background-color:#434343;
	cursor:pointer;
  }

  .page-selected {
	color:white;
    background-color:#434343;
	
  } 

#progress { 
	display:none;
	height:20px;
}

#progress img {
	height:20px;
}
	
#customer-data-div {
	display:inline-block;
	vertical-align:top;
	margin-right:15px;
}

#customer-purchase-history {
	vertical-align:top;
	display:inline-block;
}

#customer-reservations {
	vertical-align:top;
	display:inline-block;
}



/* The reservation-map overlay is styled in admin.css (.iv-map-modal). */

#customer-loader {
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
}

#seat-info-wrapper {
	padding:25px;
	border-color:black;
	border-width:1px;
	border-style:solid;
	z-index:200;
	position:fixed;
	background-color:white;
	display:none;

}

#seat-info {

}

.controls-right {
    
}