#layout_area {
  position: relative;
  margin-top: 3px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#layout_statusbar {
  bottom: 0px;
  position: absolute;
  height: 30px;
  padding-top: 30px;
  width: 250px;
  margin: 0px auto;
  border-bottom: 1px solid #777;
  color: black;
}

#layout_statusbar_content {
  font: 15px/18px arial;
  padding: 10px 0 0 0px;
}

.lock_seats {
  cursor: pointer;
}

#layout_scene {
  position: absolute;
  height: 10px;
  background: white;
}

#layout_scene_description {
  text-align: center;
  padding-top: 13px;
  font: 16px/16px arial;
  color: black;
  position: absolute;
}

.layout_section {
  position: absolute;
  width: 100px;
  height: 100px;
  margin: 30px 0 0 0;
  padding: 8px 8px 0px 8px;
  padding: 0px;
}

.layout_section.balcony {
  padding: 10px 10px 8px 10px;
  background: #dcc6e5;
  border: none;
}

.layout_section_name {
  font: 12px/14px arial;
  position: absolute;
  text-align: center;
}

.layout_section_name div {
  background: #dcc6e5;
  height: 6px;
  width: 6px;
  display: inline-block;
}

.seat {
  background: #336799;
  position: absolute;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
}

.seat.booked {
  background: #b24242;
}

.seat.hcp {
  background: #337faa;
}

.seat.hcp.booked {
  background: #b24242;
}

.seat.assistant {
  background: #cccc00;
}

.seat.assistant.booked {
  background: #b24242;
}

.seat.hover {
  background: #68a915;
  padding: 2px;
  top: -2px;
  left: -2px;
}

.seat.hoverinvalid {
  background: #b24242;
}

.seat.locked {
  background: #cf9d25;
}

.seat.admlocked {
  background: black;
}

.seat.sdist {
  background: #813a35;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43%, #813a35 45%, #813a35 55%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, transparent 0%, transparent 43%, #813a35 45%, #813a35 55%, transparent 57%, transparent 100%);
  background-size: 85% 85%;
  background-position: center center;
  background-repeat: no-repeat;
}

.seat.selected {
  background: #68a915;
}

.seat.invalid {
  background: white;
}

.layout_section.has_selected_seats .seat {
  background-color: #68aa15;
}

.layout_section.hover .seat {
  background-color: #68aa15;
  padding: 2px;
  top: -2px;
  left: -2px;
}

@keyframes selectedSeatAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes selectedSeatAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes selectedSeatAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes selectedSeatAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.seat.selected.animate {
  -webkit-animation: selectedSeatAnimation 1500ms infinite;
  -moz-animation: selectedSeatAnimation 1500ms infinite;
  -o-animation: selectedSeatAnimation 1500ms infinite;
  animation: selectedSeatAnimation 1500ms infinite;
}

ul.seat_instructions {
  margin: 35px 0 0 0;
  padding: 0px 0px 0px 0px;
  font: 16px/24px arial;
  color: black;
  list-style: none;
}

.seat_instructions li {
  margin: 10px 0 0 0;
}

.seat_instructions .fa {
  color: black;
}

div#selected_seats_description,
div#detailed_hover_seats_description {
  margin: 30px 0 0 0px;
  font: 15px/15px arial;
  background: #68aa15;
  color: white;
  padding: 10px 10px 10px 10px;
  min-width: 156px;
}

div#detailed_hover_seats_description {
  background: #dc4646;
}

div#detailed_hover_seats_description.hcp {
  background: #7577DB;
}

div#detailed_hover_seats_description.bookable {
  background: #68aa15;
}

div#detailed_hover_seats_description .hover_info {
  margin: 6px 0 15px 0px;
}

.hover_hcp_desc {
  clear: both;
  font: 12px/14px arial;
  margin: 0 0 10px 0;
}

.hover_hcp_icon_container {
  float: left;
  font: 16px/16px arial;
}

.hover_hcp_info {
  float: left;
  margin: 15px 0 0 10px;
  font: 14px/16px arial;
  text-align: right;
}

.selected_seats_icon_container {
  float: left;
  font: 16px/16px arial;
  margin: 6px 0 0 10px;
}

.selected_seats_icon_info {
  float: left;
  margin: 28px 0 0 11px;
  font: 17px arial;
}

span.selected_section_name {
  font: 13px/11px arial;
}

div.selected_seats_spacer {
  line-height: 0px;
  font-size: 0px;
  height: 6px;
}

.separateSeatsInstructions {
  display: inline-block;
  width: 44px;
  height: 22px;
  background: url("../../../_base/images/venue/buttons_grey/divided.png") no-repeat;
  position: absolute;
  margin-left: 116px;
  margin-top: -1px;
}

.separateSeats {
  display: inline-block;
  width: 61px;
  height: 26px;
  background: url("../../../_base/images/venue/buttons_grey/divided_normal.png") no-repeat;
  cursor: pointer;
}

.separateSeats.active {
  background: url("../../../_base/images/venue/buttons_grey/divided_active.png") no-repeat;
}

.lock_seats_instructions {
  display: inline-block;
  width: 23px;
  height: 22px;
  background: url("../../../_base/images/venue/buttons_grey/check.png") no-repeat;
  position: absolute;
  margin-left: 117px;
  margin-top: 29px;
}

.lock_seats {
  display: inline-block;
  width: 30px;
  height: 28px;
  background: url("../../../_base/images/venue/buttons_grey/check_normal.png") no-repeat;
  cursor: pointer;
}

.lock_seats.active {
  background: url("../../../_base/images/venue/buttons_grey/check_active.png") no-repeat;
}

.guest_seat_name {
  float: right;
  display: inline-block;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
  color: black;
  padding: 2px 10px 2px 10px;
}

.mobileapp .guest_seat_name {
  margin-top: 6px;
  margin-right: 10px;
}

#bk_content_bg {
  width: 650px;
}

#layout_area {
  margin-bottom: 0px;
}

#ticket_order_1_5 .order_s2_prev_container {
  width: 494px;
}

div#selected_seats_description, div#detailed_hover_seats_description {
  position: absolute;
  z-index: 10;
  margin: 50px 0 0 160px;
}

.venue_overview_tabs {
  z-index: 1;
  position: absolute;
  height: 48px;
  margin-left: 6px;
}
.venue_overview_tabs .vo_tab {
  padding: 10px 50px 0 50px;
  font: 20px/38px arial;
  color: #333;
  float: left;
}
.venue_overview_tabs .vo_tab.active {
  border-top: 1px solid #C2C2C2;
  border-left: 1px solid #C2C2C2;
  border-right: 1px solid #C2C2C2;
  background: white;
}
.venue_overview_tabs .vo_standing_tab {
  margin-top: 4px;
  border-top: 1px solid #C2C2C2;
  border-right: 1px solid #C2C2C2;
  padding: 10px 50px 0 50px;
  font: 17px/30px arial;
  color: #333;
  float: left;
  height: 33px;
  cursor: pointer;
  background: white;
}

.venue_overview_container {
  margin-left: 6px;
  margin-bottom: 50px;
  padding-top: 48px;
  width: 594px;
}

.mobileapp .venue_overview_container {
  margin-left: 0px;
  width: 100%;
  padding-top: 20px;
}

.venue_overview_container_inner {
  border: 1px solid #C2C2C2;
  padding: 20px 20px 30px 20px;
  position: relative;
  background: white;
}
.venue_overview_container_inner .vo_event_title {
  margin: 0 0 35px 30px;
  font: 20px/25px arial;
  color: #333;
}
.venue_overview_container_inner .vo_event_title i {
  font-size: 10px;
  margin: 0 4px 0 0;
}

.mobileapp .venue_overview_container_inner {
  border: none;
  padding: 0 0 0 0;
}
.mobileapp .venue_overview_container_inner .vo_event_title {
  display: none;
}

.mobileapp .venue_overview {
  margin: 0;
}

.mobileapp .venue_overview_graphics_container {
  transform-origin: top left;
}

.venue_overview_cart_container {
  margin: 20px 0 0 0;
}

.mobileapp .venue_overview_cart_container {
  margin: 40px 0 0 0;
}

.venue_overview_cart {
  border: 1px solid #C2C2C2;
  text-transform: uppercase;
  background: white;
  color: #666;
}
.venue_overview_cart table {
  width: 100%;
}
.venue_overview_cart tr.header td {
  border-bottom: 1px solid #C2C2C2;
}
.venue_overview_cart td {
  padding: 5px 20px 5px 20px;
}
.venue_overview_cart td.seat_req_msg {
  font-weight: bold;
  text-align: center;
  padding-top: 10px !important;
}
.venue_overview_cart tbody tr:first-child td {
  padding-top: 15px;
}
.venue_overview_cart tbody tr:last-child td {
  padding-bottom: 15px;
}
.venue_overview_cart i {
  font-size: 15px;
}
.venue_overview_cart i.green {
  color: #68AA15;
}
.venue_overview_cart i.orange {
  color: #ff9900;
}
.venue_overview_cart i.red {
  color: red;
}

.mobileapp .venue_overview_cart {
  border-right: none;
  border-left: none;
  margin: 20px -10px 0 -20px;
  font-size: 14px;
  padding-left: 15px;
}
.mobileapp .venue_overview_cart td {
  padding: 5px 5px 5px 5px;
}

.venue_wide_view_container {
  margin-bottom: 0px;
  margin-left: 6px;
  padding-top: 0px;
  width: 594px;
}

#separate_seats_container {
  position: absolute;
  width: 350px;
  z-index: 10;
}

ul.seat_instructions {
  position: relative;
  height: 50px;
  margin: 0px 0px 0px 24px;
  padding: 0px 0px 0px 0px;
  font: 17px/35px arial;
  color: #333;
  list-style: none;
}

.seat_instructions li {
  margin: 0px;
}

.seat_instructions span {
  position: absolute;
  margin: 0 0 0 32px;
}

.separateSeats2 {
  cursor: pointer;
  position: absolute;
  margin: 5px 0 0 1px;
}

.seat_instructions .fa {
  color: #333;
  font-size: 28px;
}

.layout_section {
  height: 0px;
  width: 0px;
}

#seats_selection_countdown_container_overview {
  margin: 13px 27px 0 0;
  color: #333;
  font: 16px arial;
}

#seats_selection_countdown_container_overview span {
  color: #333;
  font: 16px arial;
}

#layout_scene,
#layout_scene_description {
  display: none;
}

.vo_section_guide {
  float: right;
  margin-right: 20px;
  padding-left: 15px;
}
.vo_section_guide .vo_venue_name {
  text-transform: uppercase;
  font: 12px/20px arial;
  color: black;
}
.vo_section_guide ul {
  list-style: none;
  margin: 0px 0 0 1px;
  padding: 0;
}
.vo_section_guide li {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.vo_section_guide i {
  font-size: 9px;
  line-height: 10px;
  vertical-align: middle;
  margin-right: 6px;
}
.vo_section_guide i.seat_indicator {
  color: #68AA15;
}
.vo_section_guide i.standing_indicator {
  color: #9a65cd;
}
.vo_section_guide i.wheelchair_indicator {
  color: #DBD907;
}
.vo_section_guide span {
  vertical-align: middle;
  line-height: 14px;
  letter-spacing: 1px;
  font-size: 11px;
  color: #666;
}

.mobile_venue_info_container .mobile_venue_info_header {
  background: #4A66AA;
  color: white;
  padding: 15px;
  font: 20px/20px arial;
  margin-left: -10px;
  margin-right: -10px;
}
.mobile_venue_info_container .mobile_venue_info_header .infobox_button {
  background: url("../../../_base/images/mobile/infobutton_white.png") right top no-repeat;
  background-size: 100% 100%;
}
.mobile_venue_info_container .dropdown_button {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #aaa;
  background: #eee;
  padding: 10px;
  border-radius: 5px;
  width: 50%;
  font: 15px arial;
}
.mobile_venue_info_container .dropdown_button i {
  float: right;
  font-size: 25px;
  line-height: 20px;
}

.section_hover_content.menutrailer {
  width: auto;
  min-width: 220px;
}

.venue_dialog_overlay {
  position: absolute;
  top: 0px;
  width: 1001px;
  z-index: 1000;
  background: white;
  opacity: 0.01;
  -moz-opacity: 0.01;
  filter: alpha(opacity=1);
}

.venue_dialog_loading {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0px;
  z-index: 1100;
  -webkit-transform: scale(0);
}

.venue_dialog_loaded {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0px;
  z-index: 1100;
  color: black;
  font: 13px/16px arial;
  -webkit-transform: scale(1);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
}

.venue_dialog_button {
  cursor: pointer;
  color: white;
  padding: 15px 30px 15px 30px;
  text-align: center;
  box-sizing: border-box;
  font: 18px/18px arial;
  text-transform: uppercase;
}

.venue_dialog {
  width: 1000px;
}
.venue_dialog #venue_dialog_close {
  display: none;
}
.venue_dialog #layout_area_container {
  overflow: visible;
}
.venue_dialog #layout_area {
  width: auto;
  padding: 0 6px 0 6px;
}
.venue_dialog #layout_statusbar {
  height: 30px;
  bottom: auto;
  position: absolute;
  margin: 350px 0 0 240px;
  width: 460px;
  border: none;
  padding: 0px;
  color: #777;
}
.venue_dialog #layout_statusbar_content {
  font: 40px arial;
  padding: 10px 20px 10px 20px;
  background: #68A814;
  color: white;
  display: none;
}
.venue_dialog #layout_statusbar_content .selected_seats_spacer {
  line-height: 0px;
  font-size: 0px;
  height: 6px;
}
.venue_dialog #layout_statusbar_content div {
  font: 20px arial;
  margin: 5px 0 0 0;
  text-align: center;
}
.venue_dialog ul.seat_instructions {
  margin: 10px 0 0 5px;
}
.venue_dialog ul.seat_instructions li {
  margin: 0;
}
.venue_dialog .row_number_indicator {
  position: absolute;
  color: #333;
  font: 14px arial;
}
.venue_dialog .row_number_indicator span {
  font: 13px arial;
  margin-right: 2px;
}
.venue_dialog .seat {
  background: #336799;
  position: absolute;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  color: white;
  font-size: 10px;
}
.venue_dialog .seat.hcp {
  background: #337faa;
}
.venue_dialog .seat.booked {
  background: #b24242;
}
.venue_dialog .seat.locked {
  background: #cf9d25;
}
.venue_dialog .seat.admlocked {
  background: black;
}
.venue_dialog .seat.sdist {
  background: #813a35;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43%, #813a35 45%, #813a35 55%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, transparent 0%, transparent 43%, #813a35 45%, #813a35 55%, transparent 57%, transparent 100%);
  background-size: 85% 85%;
  background-position: center center;
  background-repeat: no-repeat;
}
.venue_dialog .seat.sdisthover {
  background: #813a35;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43%, #813a35 45%, #813a35 55%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, transparent 0%, transparent 43%, #813a35 45%, #813a35 55%, transparent 57%, transparent 100%);
  background-size: 85% 85%;
  background-position: center center;
  background-repeat: no-repeat;
}
.venue_dialog .seat.sdisthoverinvalid {
  background: #b24242;
}
.venue_dialog .seat.hover {
  background: #68a915;
}
.venue_dialog .seat.hoverinvalid {
  background: #b24242;
  /*        background:
              linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#fff 45%,#fff 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%),
              linear-gradient(135deg, #b24242 0%,#b24242 43%,#fff 45%,#fff 55%,#b24242 57%,#b24242 100%);*/
}
.venue_dialog .seat.selected {
  background: #68a915;
}
.venue_dialog .seat.invalid {
  background: white;
}
.venue_dialog #seats_selection_countdown_container {
  position: absolute;
  color: #333;
  font: 16px arial;
  margin: 9px 0 0 750px;
}
.venue_dialog #seats_selection_countdown_container span {
  font: 16px arial;
  margin: 0 0 0 6px;
}
.venue_dialog .venue_sidebar {
  position: absolute;
  margin: 10px 0 0 900px;
  width: 303px;
  z-index: 101;
}
.venue_dialog .venue_sidebar .section_info_container {
  margin: 20px 0 0 0;
  border: 1px solid #C2C2C2;
}
.venue_dialog .venue_sidebar .section_info_container h3 {
  text-align: center;
  display: block;
  color: #696969;
  font: 40px/50px arial;
  margin: 15px 0 15px 0;
  text-transform: uppercase;
}
.venue_dialog .venue_sidebar .section_info_container .venue_overview_cart {
  border: none;
}
.venue_dialog .venue_sidebar .section_info_container .venue_overview_cart tr.header td {
  border-top: 1px solid #C2C2C2;
}
.venue_dialog .confirm_seats_button_container {
  margin-left: 830px;
  height: 49px;
}
.venue_dialog .confirm_seats_button {
  background: #69A915;
  width: 100%;
  margin: 8px 0 0 0;
}
.venue_dialog .confirm_seats_button:hover {
  background: #51840D;
}
.venue_dialog .confirm_seats_button.disabled {
  background: #999999;
}
.venue_dialog .undo_seats_button_2 {
  background: #ECC112;
  margin: 8px 0 0 -188px;
  position: absolute;
}
.venue_dialog .undo_seats_button_2:hover {
  background: #C09D0F;
}
.venue_dialog .undo_seats_button {
  background: #ECC112;
  margin: 8px 0 0 -150px;
  position: absolute;
}
.venue_dialog .undo_seats_button:hover {
  background: #C09D0F;
}
.venue_dialog .seat_number_indicator {
  position: absolute;
  font: 12px arial;
  color: black;
  text-align: center;
}

.unnumbered_seats_container {
  width: 362px;
  background: white;
  border: 1px solid #aaa;
  padding: 20px 26px 20px 26px;
  color: #696969;
  margin: -11px 0 0 210px;
}
.unnumbered_seats_container .seat_type_title {
  font: 20px/24px arial;
  text-align: center;
  margin: 38px 0 10px 0;
}
.unnumbered_seats_container .available_count_container {
  font: 20px/25px arial;
  margin: 0 0 34px 0;
  text-align: center;
}
.unnumbered_seats_container .section_reservation_select_label {
  text-align: center;
  margin: 25px 0 12px 0;
  font: 20px/20px arial;
}
.unnumbered_seats_container .venue_dialog_button {
  width: 100%;
}
.unnumbered_seats_container #set_section_reservation_count_button {
  height: 70px;
  padding: 25px 30px;
  text-transform: inherit;
  font: 20px/20px arial;
}
.unnumbered_seats_container .quant_select_container {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #aaa;
  background: white;
  padding: 12px 0 12px 100px;
}
.unnumbered_seats_container .quant_select_container input {
  font: 24px/34px arial;
}
.unnumbered_seats_container #section_reservation_spinner {
  display: none;
  position: absolute;
  margin: 4px 0 0 209px;
}
.unnumbered_seats_container .all_seats_already_selected {
  margin: 20px 0 0 0;
  font: 15px/18px arial;
  text-align: center;
}

.mobileapp .unnumbered_seats_container {
  width: 100%;
  border: 1px solid #aaa;
  padding: 20px 26px 20px 26px;
  box-sizing: border-box;
  margin: 0;
}

.mobile_venue_info_dialog_unnumbered_container {
  position: fixed;
  width: 100%;
  top: 40px;
  z-index: 2000;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  box-sizing: border-box;
  background: white;
  height: calc(100vh - 40px);
  padding: 20px;
  /*	.mobile_venue_info_dialog_unnumbered {
  		position: absolute;
  		width: 90%;
  		top: 0;
  		bottom: 0;
  		right: 0;
  		left: 0;
  		margin: auto;
  		height: 400px;
  	}*/
}
.mobile_venue_info_dialog_unnumbered_container.visible {
  opacity: 1;
}

.mobile_venue_info_dialog_unnumbered .seat_type_title {
  margin-top: 0px;
}
.mobile_venue_info_dialog_unnumbered .confirm_seats_button {
  background: #69A915;
  width: 100%;
  margin: 8px 0 0 0;
}
.mobile_venue_info_dialog_unnumbered .confirm_seats_button:hover {
  background: #51840D;
}
.mobile_venue_info_dialog_unnumbered .confirm_seats_button.disabled {
  background: #999999;
}
.mobile_venue_info_dialog_unnumbered .undo_seats_button {
  background: #ECC112;
  margin: 8px 0 0 0;
  position: absolute;
}
.mobile_venue_info_dialog_unnumbered .undo_seats_button:hover {
  background: #C09D0F;
}
.mobile_venue_info_dialog_unnumbered .buttons_table_container {
  margin: 10px -10px 0px -10px;
}
.mobile_venue_info_dialog_unnumbered .buttons_table {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 0px;
}
.mobile_venue_info_dialog_unnumbered .buttons_table div {
  display: table-cell;
  width: 50%;
  padding: 20px 15px;
  height: 60px;
  position: relative;
}

.venue_dialog.mini {
  width: 416px;
}
.venue_dialog.mini .unnumbered_seats_container {
  margin: 20px 0 0 0;
}
.venue_dialog.mini .undo_seats_button {
  margin: 10px 0 0 1px;
  width: 199px;
  height: 60px;
  padding: 20px 15px;
}
.venue_dialog.mini #confirm_seats_button {
  margin: 10px 0 0 216px;
  width: 199px;
  height: 60px;
  padding: 20px 15px;
}
.venue_dialog.mini #seats_selection_countdown_container {
  margin: -25px 0 0 0;
  padding-right: 26px;
  float: right;
  position: relative;
}

.mobile_venue_info_dialog {
  position: fixed;
  width: 100%;
  top: 40px;
  z-index: 2000;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
}
.mobile_venue_info_dialog.visible {
  opacity: 1;
}

#mobile_venue_dialog_bottom_notification {
  position: fixed;
  width: 100%;
  bottom: 0px;
  padding: 10px;
  background: rgba(105, 169, 21, 0.9);
  z-index: 2001;
  color: white;
  transition: bottom 0.2s ease-in-out;
  text-align: center;
}
#mobile_venue_dialog_bottom_notification.visible {
  bottom: 76px;
}

.mobile_venue_dialog_bottom_statusbar {
  position: fixed;
  width: 100%;
  bottom: 0px;
  background: black;
  color: white;
  z-index: 2002;
}
.mobile_venue_dialog_bottom_statusbar .next_button {
  float: right;
  margin: 10px;
  padding: 20px 20px 20px 20px;
  text-transform: uppercase;
  background: green;
  font-size: 15px;
}
.mobile_venue_dialog_bottom_statusbar .section_info_container {
  display: inline-block;
  margin: 10px;
}
.mobile_venue_dialog_bottom_statusbar .section_info_container #current_section_selection_available {
  padding-top: 2px;
  font: 13px arial;
}
.mobile_venue_dialog_bottom_statusbar .section_info_container #current_section_selection_status {
  font: 13px arial;
  padding-top: 4px;
  display: inline-block;
  padding-right: 10px;
}
.mobile_venue_dialog_bottom_statusbar .section_info_container #current_section_selection_trash {
  display: inline-block;
  position: absolute;
  margin-top: -6px;
}
.mobile_venue_dialog_bottom_statusbar .section_info_container #current_section_selection_trash i {
  font-size: 26px;
}
.mobile_venue_dialog_bottom_statusbar .section_info_container #current_section_name {
  font-weight: bold;
}

@media screen and (max-width: 360px) {
  .mobile_venue_dialog_bottom_statusbar .next_button {
    padding: 20px 10px 20px 10px;
    font-size: 14px;
  }
}
#mobile_venue_drag_wrapper {
  margin: 0px 0px 0px 0px;
  background: red;
  width: 100%;
  height: calc(100vh - 60px);
  position: relative;
  overflow: hidden;
}

#mobile_venue_drag {
  touch-action: auto;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: white;
}

#midcirclelogo {
  position: absolute;
  transform: scale(0.16);
  transform-origin: top left;
  margin: 1096px 0 0 1175px;
  z-index: 2500;
}

.venue_overview_instructions {
  position: absolute;
  margin: 45px 0 0 36px;
  background: white;
  width: 440px;
  height: 251px;
  /*	border-radius: 50px;*/
  opacity: 0;
  transition: opacity 600ms linear;
}
.venue_overview_instructions ul {
  list-style: none;
  margin: 70px 0 0 84px;
  padding: 0px;
  font: 22px/30px arial;
  text-transform: uppercase;
  color: #333;
}
.venue_overview_instructions li {
  margin: 0 0 15px 0;
}
.venue_overview_instructions.visible {
  opacity: 0.9;
}

#section_overview_imagemap_container {
  position: absolute;
  margin-left: 0px;
  margin-top: 10px;
  text-align: left;
}

.venue_overview {
  background: url("../venue/venue_overview.jpg") no-repeat;
  margin-left: -19px;
  width: 591px;
  height: 463px;
}

.venue_overview_container_inner {
  padding-bottom: 6px;
}

.vo_section_guide {
  padding-top: 25px;
  min-height: 90px;
}

.venue_sections_svg {
  width: 563px;
  height: 436px;
  padding-top: 13px;
  margin-left: 14px;
  font-weight: 300 !important;
}

.bg-sta, .bg-sitt, .bg-sitt-ovre, .bg-rullstol {
  transition-duration: 300ms;
}

g.enabled {
  cursor: pointer !important;
}

g.disabled .bg-sta,
g.disabled .bg-sitt,
g.disabled .bg-sitt-ovre,
g.disabled .bg-rullstol {
  fill: #999;
}

g#section_sta.enabled:hover .bg-sta,
g#section_sta.has_selected_seats .bg-sta {
  fill: #30125e;
}

g#section_rullstol.enabled:hover .bg-rullstol,
g#section_rullstol.has_selected_seats .bg-rullstol {
  fill: #1e5b70;
}

g#section_a_nedre.enabled:hover .bg-sitt,
g#section_b_nedre.enabled:hover .bg-sitt,
g#section_c_nedre.enabled:hover .bg-sitt,
g#section_d_nedre.enabled:hover .bg-sitt,
g#section_e_nedre.enabled:hover .bg-sitt,
g#section_g_nedre.enabled:hover .bg-sitt,
g#section_a_nedre.has_selected_seats .bg-sitt,
g#section_b_nedre.has_selected_seats .bg-sitt,
g#section_c_nedre.has_selected_seats .bg-sitt,
g#section_d_nedre.has_selected_seats .bg-sitt,
g#section_e_nedre.has_selected_seats .bg-sitt,
g#section_g_nedre.has_selected_seats .bg-sitt {
  fill: #335e01;
}

g#section_a_ovre.enabled:hover .bg-sitt-ovre,
g#section_b_ovre.enabled:hover .bg-sitt-ovre,
g#section_c_ovre.enabled:hover .bg-sitt-ovre,
g#section_d_ovre.enabled:hover .bg-sitt-ovre,
g#section_f_ovre.enabled:hover .bg-sitt-ovre,
g#section_f_ovre.has_selected_seats .bg-sitt-ovre,
g#section_a_ovre.has_selected_seats .bg-sitt-ovre,
g#section_b_ovre.has_selected_seats .bg-sitt-ovre,
g#section_c_ovre.has_selected_seats .bg-sitt-ovre,
g#section_d_ovre.has_selected_seats .bg-sitt-ovre {
  fill: #2F4205;
}

g.enabled.soldout .bg-sitt {
  fill: url(#soldOutHatch);
}

g#section_a_nedre.enabled.soldout:hover .bg-sitt,
g#section_b_nedre.enabled.soldout:hover .bg-sitt,
g#section_c.enabled.soldout:hover .bg-sitt,
g#section_c_nedre.enabled.soldout:hover .bg-sitt,
g#section_d_nedre.enabled.soldout:hover .bg-sitt,
g#section_e_nedre.enabled.soldout:hover .bg-sitt,
g#section_f_ovre.enabled.soldout:hover .bg-sitt-ovre,
g#section_a_ovre.enabled.soldout:hover .bg-sitt-ovre,
g#section_b_ovre.enabled.soldout:hover .bg-sitt-ovre,
g#section_c_ovre.enabled.soldout:hover .bg-sitt-ovre,
g#section_d_ovre.enabled.soldout:hover .bg-sitt-ovre {
  fill: url(#soldOutHatch);
}

.venue_dialog .venue_sidebar {
  margin-top: 53px;
  width: 302px;
}

#venue_mini_overview_container {
  width: 302px;
  height: 228px;
}
#venue_mini_overview_container #venue_mini_overview {
  position: absolute;
  width: 302px;
  height: 227px;
  background: url(../venue/venue_mini_overview.png) no-repeat;
}

#venue_sections_mini_overview_svg {
  position: absolute;
  margin: 3px 0 0 3px;
  width: 296px;
  height: 223px;
}

.venue_dialog #layout_statusbar {
  margin: 400px 0 0 240px;
}

.layout_area_container_section_e_nedre {
  padding-left: 0px;
  padding-top: 200px;
}

.layout_area_container_section_f_ovre {
  padding-left: 0px;
  padding-top: 245px;
  margin-left: -20px;
}

.layout_area_container_section_rullstol {
  padding-left: 0px;
  padding-top: 245px;
  margin-left: -20px;
}

.venue_dialog_section_e_nedre #layout_statusbar {
  margin: 296px 0 0 330px;
}

.venue_dialog_section_f_ovre #layout_statusbar {
  margin: 296px 0 0 330px;
}