/*!
 * hall.css v3.1.1
 * Package: woocommerce-halls
 * Author: Andrii Serb <imsadhappy@gmail.com>
 * License: GPLv3 or later
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* iOS 11.0: supports constant() css function. (Assume all other inset vars are supported.) */
:root {
    --safe-area-inset-top:      0;
    --safe-area-inset-right:    0;
    --safe-area-inset-bottom:   0;
    --safe-area-inset-left:     0;
}

/* iOS 11.0: supports constant() css function. (Assume all other inset vars are supported.) */
@supports (padding-top: constant(safe-area-inset-top))  {
    :root {
        --safe-area-inset-top:      constant(safe-area-inset-top, 0);
        --safe-area-inset-right:    constant(safe-area-inset-right, 0);
        --safe-area-inset-bottom:   constant(safe-area-inset-bottom, 0);
        --safe-area-inset-left:     constant(safe-area-inset-left, 0);
    }
}
/* iOS 11.2 and latest Chrome webviews support the env() css function. (Assume all other inset vars are supported.) */
@supports (padding-top: env(safe-area-inset-top))  {
    :root {
        --safe-area-inset-top:      env(safe-area-inset-top, 0);
        --safe-area-inset-right:    env(safe-area-inset-right, 0);
        --safe-area-inset-bottom:   env(safe-area-inset-bottom, 0);
        --safe-area-inset-left:     env(safe-area-inset-left, 0);
    }
}

*::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
    height: 5px;
}
*::-webkit-scrollbar-thumb {
    background: black;
}

#wc_hall_iframe_document,
#wc_hall_iframe_document body {
	background: white;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	 user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
	-webkit-overflow-scrolling: touch;
}

.hall-wrap *::-moz-selection {
  background: inherit;
  color: inherit;
}

.hall-wrap *::selection {
  background: inherit;
  color: inherit;
}

#wc_hall_iframe_document[data-loading="start"] #focal,
#wc_hall_iframe_document[data-loading="wait"] #focal {
  animation-name: blur;
  animation-duration: .3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  opacity: .5;
}

#vhshallnameanddate {
	font-size: 20px;
	font-weight: bold;
	position: fixed;
	padding: 10px 0; top: 0;
	right: 0;
	left: 0;
	z-index: +5;
	text-align: center;
	background: #333;
	color: #FFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#ticket-tooltip {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: +6;
	text-align: center;
	background: #FFF;
	color: #333;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	padding: 5px 10px 3px;
	font-weight:normal;
	border-bottom: 5px solid;
	transform: translateX(-50%) translateY(-100%);
	max-width: 150px;
	min-width: 150px;
}

@keyframes blur {
  0% {
    filter: blur(1px);
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='svgMask'><feGaussianBlur stdDeviation='1' /></filter></svg>#svgMask");

  }
  20% {
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='svgMask'><feGaussianBlur stdDeviation='2' /></filter></svg>#svgMask");

  }
  40% {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='svgMask'><feGaussianBlur stdDeviation='3' /></filter></svg>#svgMask");

  }
  60% {
    filter: blur(4px);
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='svgMask'><feGaussianBlur stdDeviation='4' /></filter></svg>#svgMask");

  }
  80% {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='svgMask'><feGaussianBlur stdDeviation='5' /></filter></svg>#svgMask");
  }
  100% {
    filter: blur(6px);
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='svgMask'><feGaussianBlur stdDeviation='6' /></filter></svg>#svgMask");
  }
}

#hall-loading #hall-loading-indicator { /*disabled*/
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: auto;
	background: #333;
	color: white;
	text-align: center;
	padding: 10px 20px;
	border-radius: 0;
	font-size: 12px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#hall-loading #hall-loading-overlay {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: transparent
}

#hall-loading #hall-loading-message {
	border-radius: 6px;
    border: 1px solid #666;
    position: absolute;
    max-height: 500px;
    bottom: 10px;
    left: 10px;
    height: auto;
    background: white;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

#hall-loading #hall-loading-message ul {
	list-style: none;
	margin: 20px 40px 20px 20px;
	padding: 0;
}
#hall-loading #hall-loading-message a {
	font-weight: bold;
	display: block;
	color: #FFF !important;
}

#hall-loading #hall-loading-message .xclose {
	text-decoration: none;
	position: absolute;
	top: 25%;
	right: 12px;
	font-weight: bold;
	font-size: 30px;
}

html.adminbar-showing #hall-loading {
    top: 33px;
    height: calc(100% - 33px);
}

@media screen and (max-width: 782px) {
	html.adminbar-showing #hall-loading {
		top: 47px;
		height: calc(100% - 47px);
	}
}

.zoom-instructions {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 0;
    padding-top: 80px;
}
html.has-touch[data-loading="start"] #zoom-instructions-touch,
html.has-mouse[data-loading="start"] #zoom-instructions-scroll {
    display: block;
}
html[data-loading="wait"] #zoom-instructions-touch,
html[data-loading="wait"] #zoom-instructions-scroll {
    display: none !important;
}

#focal {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	background: transparent;
}
/*
#focal:before,
#focal:after {
content: '';
position: fixed;
z-index: 0;
}

#focal:before {
top: 0;
bottom: 0;
left: 50%;
width: 1px;
background: #EEE;
}
#focal:after {
left: 0;
right: 0;
top: 50%;
height: 1px;
background: #EEE;
}
*/

#infocal {
	background: transparent;
	position: absolute;
	z-index: 1;
}

#map {
	cursor: move;
}

/* admin */

#hallbar {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    width: 190px;
    background: rgba(255,255,255,.98);
    border-radius: 6px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    z-index: 100501;
}

#hallbar .panel-heading a {
	padding: 10px 15px;
	color: #222;
	display: block;
	text-decoration: none;
}

#hallbar .panel-heading a.pull-left {
	width: 70%;
}

#hallbar .panel-heading a.pull-left + .pull-right {
	padding: 10px 15px 10px 0;
	margin: 0;
}

#hallbar .panel {
	box-shadow: none !important;
	border-radius: 0;
}

#hallbar .panel-default,
#hallbar .panel-heading {
	padding: 0;
	border: 0;
	background: transparent;
}

#hallbar .panel-default {
	border-bottom: 1px solid #ccc;
}

#hallbar .panel-group .panel+.panel {
	margin-top: 0 !important;
}

#hallbar .form-control {
	max-width: 300px !important;
}

#hallbar .form-control.width-half {
	max-width: 150px !important;
}

#hallbar .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top: 0;
	background: transparent;
}

#hallbar input[type="checkbox"],
#hallbar input[type="radio"] {
	vertical-align: text-bottom;
}

#hallbar label {
	cursor: pointer;
	font-weight: normal;
}

#hallbar .btn-group .form-control.ticker {
	margin-top: 1px;
	width: 52px !important;
}

#hallbar input {
	outline: none !important;
}

#hallbar #center-work-space {
	position: fixed;
	bottom: 10px;
	right: 10px;
	border-radius: 0;
	color: #0073aa;
	padding: 5px 8px 3px;
}

#hallbar #booking-active[disabled="disabled"] + small {
	opacity: .5;
}

#editor-instructions{
position: fixed;
top: 0;
left: 0;
right: 0;
margin: auto;
overflow-y: auto;
background: white;
z-index: +100502;
padding: 10px 25px 25px;
max-width: 600px;
max-height: 600px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
border: 1px solid #ddd;
border-top: 0;
}

#editor-instructions:before {
    content: '';
    background: rgba(255, 255, 255, 0.5);
    position: fixed;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

#editor-instructions [type="checkbox"]{
	margin: 0;
    vertical-align: middle;
}

#show-editor-instructions {
	position: fixed;
	bottom: 10px;
	left: 10px;
	border-radius: 0;
	color: #0073aa;
	padding: 5px 8px 3px;
	z-index: +1;
}

/* helpers */

.btn {
	text-decoration: none !important;
	outline: none !important;
}

.btn-black {
	background: black;
}

.color-white {
	color: #FFF !important;
}

.bold {
	font-weight: bold;
}

.form-group-two-halfs *:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	width: 50%;
	float: left;
}

.form-group-two-halfs *:first-child+* {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0;
	width: 50%;
}

.angle-input {
	width: 49px;
	border: 0;
	padding-left: 5px;
	text-align: right;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu>.dropdown-menu.vertical {
    left: 0;
    margin-top: -1px;
    margin-left: 0;
    top: auto;
    border-radius: 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: white;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* margins */

.margin {
	margin: 6px !important;
}

.margin-top {
	margin-top: 6px !important;
}

.margin-bottom {
	margin-bottom: 6px !important;
}

.margin-left {
	margin-left: 6px !important;
}

.margin-right {
	margin-right: 6px !important;
}

.margin-2x {
	margin: 12px !important;
}

.margin-top-2x {
	margin-top: 12px !important;
}

.margin-bottom-2x {
	margin-bottom: 12px !important;
}

.margin-left-2x {
	margin-left: 12px !important;
}

.margin-right-2x {
	margin-right: 12px !important;
}

.margin-5x {
	margin: 30px !important;
}

.margin-top-5x {
	margin-top: 30px !important;
}

.margin-bottom-5x {
	margin-bottom: 30px !important;
}

.margin-left-5x {
	margin-left: 30px !important;
}

.margin-right-5x {
	margin-right: 30px !important;
}

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

.margin-bottom-0 {
	margin-bottom: 0 !important;
}

.margin-left-0 {
	margin-left: 0 !important;
}

.margin-right-0 {
	margin-right: 0 !important;
}

.padding-top-0 {
	padding-top: 0 !important;
}

.padding-bottom-0 {
	padding-bottom: 0 !important;
}

.padding-left-0 {
	padding-left: 0 !important;
}

.padding-right-0 {
	padding-right: 0 !important;
}

.no-radius {
	border-radius: 0;
}

.width-half {
	width: 50% !important;
}

.width-half + .width-half,
.width-third + .width-third {
	border-left: 0;
}

.width-third {
	width: 33.3% !important;
}

.clear-both {
	clear: both;
}

.visible-when-any-selected,
.visible-when-sit-selected,
.visible-when-scene-selected {
	display: none;
}

.cursor-pointer {
	cursor: pointer;
}

.backslash-separated span + span:before {
	content: '/';
	margin: 0 5px 0 2px;
	color: #ccc;
}

.inline-block {
	display: inline-block;
}