/*
 * easyInteractive Floorplan v3.0b1
 * Theme Name: Standard
 * Copyright 2011-2012, Metroplex 360
 * 
*/

/* -----------------------------------------------------------
 *	What CSS file is complete witout Eric Meyer's CSS Reset?
 *	http://meyerweb.com/eric/tools/css/reset/index.html
 * ------------------------------------------------------------
*/ 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
    background: transparent;
    border: 0;
	margin: 0;
    padding: 0;
    vertical-align: baseline;
}
body {
	overflow: hidden;
    line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
blockquote {
    quotes: none;
}
blockquote:before, blockquote:after {
    content: '';
    content: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img {
    border: none;
}
:focus {
	outline:none;
}

/* Additional CSS styles that we've added */

canvas, img {
/*	-ms-interpolation-mode: bicubic; */
}

html { height: 100%; }
html, body {
	padding:0; margin:0;
	height: 100%;
	width: 100%;
}
body {
	display: flex;
	flex-direction: column;
	background: #eee;
	font: 12px Oswald, sans-serif;
	color: #607088;
	overflow: hidden;
}
h2  { /* Floorplan Name */
	color: #333333; 
	font-size: 14px;
	font-weight: bold;
}
h2 span  {
	color: #f00
}
h3 {	/* 1st Floor / 2nd Floor Label */
	margin: 5px 0px 5px 0px;
	border-bottom: 1px solid #a5a5a5;
	padding-bottom: 4px;
}
h3 a:link, h3 a:visited {
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}


/* Printable Labels */
.printOnly {
	display: none !important;
	background: #000;
}

/* Title Area */

#title { position: absolute; top: 5px; right: 5px; z-index: 99; text-align: right;}
#title select { max-width: 300px ; border: 1px solid #ccc; background: #fff; height: 32px; line-height: 32px; font-size: 14px; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
#title select option { font-size: 14px; font-family: 'Oswald', sans-serif; text-transform: uppercase; }


/* Header Area */
#header {
	box-sizing: border-box;
	position: relative;
	text-align: left;
	color: #000;
}
#branding {
	position: absolute;
	top: 0px; right: 0px;
	z-index: 999;
}
#branding div {
	font-family: courier;
	text-transform: uppercase;
	font-size: 9px;
	color: #444;
	font-weight: bold;
	line-height: 28px;
	padding-right: 1em;
}
#branding div a:link, #branding div a:visited {
	text-decoration: none;
	color: #444;
}
#trash {
    z-index: -1;
    position: absolute;
    bottom: 20px;
    right: 32px;
    width: 64px;
    height: 64px;
    display: block;
}
#trashdrop {
    z-index: 1;
    position: absolute;
    width: 64px; height: 64px;
    bottom: 20px;
    right: 32px;
    display: block;
    background: transparent;
    background-image: url('/v3/img/1x1.png');
}
#trashdrop:hover {
    background: rgba(255,255,255,.3);
}
#selectFloor {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9999;
	text-align: right;
	display: flex;
	gap: 0;
}
#selectFloor li {
	border: 1px solid rgba(0,0,0,0.15);
	border-right-width: 0;
	background: #fff;
	display: block;
	white-space: nowrap;
	padding: 0 16px;
	color: #333;
	text-align: center;
	line-height: 32px;
	font-size: 13px;
	cursor: pointer;
	transition: background-color 0.15s, color 0.15s;
}
#selectFloor li:first-child {
	border-radius: 6px 0 0 6px;
}
#selectFloor li:last-child {
	border-right-width: 1px;
	border-radius: 0 6px 6px 0;
}
#selectFloor li:hover {
	background: #f0f0f0;
}
#selectFloor li {
	display: block;
}
#selectFloor li.navZoomIn, #selectFloor li.navZoomOut, #selectFloor li.navResetZoom {
	display: none;
}
h1  {
	color: #000;
	font-size: 1.6em;
	display: block;
	margin:0;
	padding: 0;
	font-weight:normal;
	font-weight: bold;
}
h2  {
	color: #aaa; 
	font-size: 1.2em; 
	font-weight:normal; 
}
h2 span  {
	color: #f00
}
h3 {
	margin: 5px 0 0;
}

.ribbon {
	background: #2C3E50;
	padding: 6px;
	min-height: 70px;
	/* overflow: hidden; */

	border-top: 1px solid #bec7ce;
	border-bottom: 1px solid #000;
	position: relative;
	font-size: 10px;
}
#footer { height: 42px; }
#controls {
	z-index: 999;
	position: relative;
	background: var(--ribbon-bg, #2c3e50);
	border-top: 1px solid #000;
	border-bottom: 0px;
	width: 100%;
	height: 40px;
	overflow: hidden;
	text-align: center;
	cursor: default;
}
#controls a {
	line-height: 40px; 
	padding: 0 16px; 
	line-height: 40px; display: inline-block; cursor: pointer;
	color: #fff;
}
#controls a:hover {
	transition: background-color 0.3s ease, text-shadow 0.25s ease-in-out;
	text-shadow: -1px -1px 10px rgba(0,0,0,0.8);
}

.ribbon a:link, .ribbon a:visited, .ribbon a {
	display: block;
	float: left;
	width: 90px;
	height: 58px;
	overflow: hidden;
	line-height: 100px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	background-color: transparent;
	background-position: 29px 6px;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: background-color 0.3s ease;
	padding-bottom: 10px;
}
.ribbon a:hover {
	background-color: #999;
	transition: background-color 0.3s ease;
}
.ribbon a.chosen:link {
	background-color: #888;
}
.ribbon span {
	margin-top: 40px;
}

@media screen and (max-width: 400px) {
	div.logo { display: none !important; }
}
div.logo {
	float: left;
	display: inline;
	line-height: 58px;
	margin-right: 5px;
	height: 58px;
	text-align: center;
	width: 204px;
	color: #fff;
	font-size: 14px;
}
div.logo img { max-width: 100%; height: auto; }
div.logo.logo-text { font-size: 13px; font-weight: 600; letter-spacing: 0.02em; padding: 0 12px; line-height: 1.3; display: flex; align-items: center; }
.ribbonLeft {
    /* float: left; */
}
.ribbonLeft div.logo img {
	max-width: 180px;
}
.ribbonRight {
	display: none;
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}

.ribbon #btnMatterport { display: none }
.ribbon #btnVideo { display: none }
.ribbon #btnFlip { display: none }
.ribbon #btnMobile {
	background-image: url('../img/ico-mobile.png');
}
.ribbon #btnMobileColumn {
	background-image: url('../img/ico-options.png');
}
.ribbon #btnExport {
	background-image: url('../img/ico-image.png');
}
.ribbon #btnOptions {
	background-image: url('../img/ico-options.png');
}
.ribbon #btnToDos {
	background-image: url('../img/ico-about.png');
}
.ribbon #btnFurniture {
	background-image: url('../img/ico-editor.png');
}
.ribbon .btnPrint {
	background-image: url('../img/ico-print.png');
}
.ribbon #btnSave {
	background-image: url('../img/ico-save.png');
}
.ribbon #btnLoad {
	background-image: url('../img/ico-open.png');
}
.ribbon #btnShare {
	background-image: url('../img/ico-share.png');
}
.ribbon #btnReset {
	background-image: url('../img/ico-eraser.png');
}
.ribbon .navZoomIn {
	background-image: url('../img/ico-zoom-in.png');
}
.ribbon .navZoomOut {
	background-image: url('../img/ico-zoom-out.png');
}
.ribbon .navResetZoom {
	background-image: url('../img/ico-zoom-reset.png');
}
.ribbon .navPanLeft {
	background-image: url('../img/ico-left.png');
}
.ribbon .navPanRight {
	background-image: url('../img/ico-right.png');
}
.ribbon .navPanUp {
	background-image: url('../img/ico-up.png');
}
.ribbon .navPanDown {
	background-image: url('../img/ico-down.png');
}

/* App */
#mapHolder {
	flex: 1;
	padding:0 !important;
	overflow: hidden;
	position: relative;
}
#holder {
	flex: 1;
	min-height: 0;
	display: flex;
	overflow: hidden;
	position: relative;
}

/* Navigation Controls */
.controls {
	position: absolute;
	display: block;
	border-radius: 20px;
}
.controls:hover {
	opacity: 1;
}
.controls a {
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 5px;
	background: #eee;
	border: 2px solid #ccc;
	text-align: center;
	line-height: 20px;
	font-family: serif;
	font-weight: bold;
	font-size: 18px;
	position: absolute;
	transition: background-color 0.3s ease;
}
.controls a:hover {
	background: #fff;	

}
#navigationzoom {
	bottom: 10px;
	right: 5px;
	width: 120px;
	height: 30px;
}
#navigation {
	bottom: 100px;
	right: 5px;
	width: 120px;
	height: 78px;
}
#navigation div {
	display: block;
	width: 188px;
	height: 78px;
	position: relative;
}
#navPanLeft {
	top: 24px;
	left: 10px;
}
#navPanRight {
	top: 24px;
	left: 80px;
}
#navPanUp {
	top: 5px;
	left: 45px;
}
#navPanDown {
	top: 43px;
	left: 45px;
}
#navCenter {
	display: none !important;
	top: 24px;
	left: 50px;
}


/* Column */

#floorplanOptions { position: absolute; left: 0; top: 0; height: 100%; box-sizing: border-box; text-align: left; z-index: 1; }
#floorplanOptions span { display: block; width: 100%; }

/* Alternate Column Content */
#furnitureoptions { display: none; white-space: nowrap; }

#column {
    z-index: 100;
    box-sizing: border-box;
	width: 195px;
	flex-shrink: 0;
	order: -1;
	padding: 0px 10px 0px 0px;
	background: #1C2D40;
}

#column {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #999 transparent;
}
#column::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
}
#column::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px;
}
#column::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #999;
}	
#column #elevations, #column #options {
	padding: 0px 5px;
}
#elevations img { max-width: 100%; height: auto; }
#elevations.flip img { transform: scaleX(-1);}
#column #options {
	position: relative;
	margin-bottom: 20px;
}
#column #elevations a.elevation {
	display: block;
	margin: 10px auto 0 auto;
	min-height: 50px;
	width: 100%;
	height: auto;
	text-align: center;
}
#column h2 {
	margin-top: 10px;
	line-height: 18px;
	text-transform: uppercase;
	text-align: left;
	font-size: 9px;
	font-weight: normal;
	padding-left: 10px;
	border: 1px solid #B3B3B3;
	background: #464646;
	color: #eee;
}
#column h2.plantitle { line-height: 1.5; margin-bottom: 1em !important; text-align: center; padding-left: 0;}
.plantitle i { text-transform: none ;}
#column h2 a:link, #column h2 a:visited {
	text-decoration: none;
	color: #eee;
	display: block;
	text-indent: 10px;
	font-weight: normal;
}
#elevations {
	text-indent: 0px !important;
	text-align: center;
	border-bottom: 0px;
	border-radius: 5px;
	padding-top: 5px;
	/* max-height: 160px !important; */
}

#column div div,
.list li a,
.list li a:link,
.list li a:visited {
	display: block;
	color: #2F3E46;
	cursor: pointer;
	font-size: 11px;
	text-decoration: none;
	overflow: hidden;
	line-height: 28px;
	max-height: 28px;
	overflow-x: hidden;
	background: #eee;
	border: 1px solid #ccc /*{a-bup-border}*/;
	border-top: 0px;
	background: #eee /*{a-bup-background-color}*/;
	font-weight: bold;
	color: #444 /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #f6f6f6 /*{a-bup-shadow-color}*/;
	text-indent: 10px;	
}
#column div#elevations div {
	text-indent: 0px;
}

.modal input,
.modal button,
#column div div a:visited, 
.list li a,
.list li a:link,
.list li a:visited,
select {
    background: #fff;
    border: 1px solid #eee;
	transition: background 0.3s ease;
}
select {
	text-indent: 0px;
	padding: 5px;
	border: 0px;
	width: 95%;
	margin: 0px auto;
}
option {
	background: #fff;
	text-shadow: none;
}
#options span { position: absolute; right: 0 }

#options div.active, 
#column ul li.active {
	margin-top: -1px;
	border: 1px solid #808080;
	background: #dadada;
	font-weight: bold;
	color: #101010;
	text-shadow: 0 1px 1px #fff;
	transition: background 0.3s ease;
}
#column div div:hover, 
#column ul li a.btn:hover {
	margin-top: -1px;
	border: 1px solid #808080;
	background:	#fdfdfd;
	font-weight: bold;
	color: 	#111111 /*{a-bdown-color}*/;
	text-shadow: 0 1px 1px #ffffff /*{a-bdown-shadow-color}*/;
	transition: background 0.3s ease;
}
#options div.active:before {
	content: "✔ ";
}
#options div.active:before {
	content: "✔ ";
}
#options div.disabled {
	opacity: 0.25;
}

.radio1 { border-left: 3px solid #00c !important }
.radio2 { border-left: 3px solid #c00 !important }
.radio3 { border-left: 3px solid #0c0 !important }
.radio4 { border-left: 3px solid #c0c !important }
.radio5 { border-left: 3px solid #0cc !important }
.radio6 { border-left: 3px solid #cc0 !important }
.radio7 { border-left: 3px solid #333 !important }
.radio8 { border-left: 3px solid #0c0 !important }
.radio9 { border-left: 3px solid #777 !important }


/* Action Window! */

#modalBG {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 10000;
	display: none;
	height: 100%;
	background: white;
}
.modal {
	background: #fff;
	z-index: 10001;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 92%;
	max-width: 680px;
	max-height: 80vh;
	border-radius: 12px;
	cursor: default;
	color: #333;
	box-shadow: 0 8px 40px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.06);
	overflow: hidden;
}
.modal svg {
	width: 100%;
	height: auto;
}
.modal .inner {
	position: relative;
	width: 100%;
	height: calc(80vh - 52px);
	max-height: 520px;
}
.modal h3 {
	border: 0;
	padding: 0;
	text-align: center;
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 50px;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.modal div.help {
	clear: both;
	background: var(--ribbon-bg, #2C3E50);
	color: #fff;
	font-size: 12px;
	padding: 12px 16px;
	margin-top: 0.5em;
}
.modal div.closeWindowOuter {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 12px;
	right: 12px;
	width: 28px;
	height: 28px;
	overflow: hidden;
	z-index: 99;
	border-radius: 50%;
	border: 0;
	padding: 0;
	background: rgba(0,0,0,0.06);
	box-shadow: none;
	cursor: pointer;
	transition: background 0.15s;
}
.modal div.closeWindowOuter:hover {
	background: rgba(0,0,0,0.12);
}
.modal div.closeWindow {
	background-image: url('../img/icons-18-white.png');
	background-repeat: no-repeat;
	background-position: -72px 50%;
	background-color: transparent;
	background-origin: padding-box;
	background-clip: border-box;
	box-shadow: none;
	text-indent: 100px;
	width: 18px;
	height: 18px;
	overflow: hidden;
	border-radius: 9px;
	border: 0px;
	cursor: pointer;
	filter: invert(0.3);
}
.modal ul.list {
	display: flex;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.modal ul.list li {
	flex: 1 0 auto;
	display: block;
	box-sizing: border-box;
	padding: 0;
	float: none;
	min-width: 0;
}
.modal .list li a,
.modal .list li a:link,
.modal .list li a:visited {
	display: block;
	height: 44px;
	line-height: 44px;
	max-height: 44px;
	padding: 0 10px;
	font-size: 11px;
	white-space: nowrap;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	background: #f5f5f5;
	color: #555;
	text-decoration: none;
	text-align: center;
	text-indent: 0;
	text-shadow: none;
	transition: background 0.15s, color 0.15s;
	border: 0;
	border-right: 1px solid rgba(0,0,0,0.1);
	cursor: pointer;
	overflow: visible;
}
.modal ul.list li:last-child a {
	border-right: 0;
}
.modal .list li a:hover {
	background: #e8e8e8;
}
.modal .list li a.active,
.modal .list li a.btn-down,
.modal .list li .btn-down {
	background: var(--ribbon-bg, #2C3E50);
	color: #fff;
}
.modal #furnitureSelection, .modal blockquote {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: calc(80vh - 110px);
	max-height: 460px;
	overflow: hidden;
	position: relative;
	padding: 0; margin: 0;
}
.modal #furnitureSelection span.label {
	font-size: 13px !important;
}
.modal blockquote {
	margin-top: 10px;
	padding: 16px;
	overflow-y: auto;
}
.modal blockquote .form {
	max-width: 400px;
	margin: 20px auto;
}
.modal blockquote p {
	font-size: 14px;
	line-height: 1.6;
}
.modal blockquote label {
	font-size: 16px;
}
.modal button,
.modal input {
	clear: both;
	cursor: default;
	border: 1px solid #ddd;
	border-radius: 6px;
	width: 100%;
	font-size: 15px;
	line-height: 36px;
	margin-bottom: 1em;
}
.modal #furnitureSelection div {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: calc(80vh - 110px);
	max-height: 460px;
}
.modal #furnitureSelection div#bedroomDisp {
	display: block;
}
#furnitureCategories #venues { display: none; }
.modal #furnitureSelection span.label {
	position: absolute;
	z-index: 9999;
	display: block !important;
	box-sizing: border-box;
	width: 20%;
	height: 22px;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	color: #333;
}

/* Debug Window */
#loading {
    background: var(--ribbon-bg, #2C3E50);
	z-index: 9999;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -160px;
	margin-top: -75px;
	height: auto;
	width: 300px;
	line-height: 2;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	border-radius: 10px;
}
#loading h1, #loading h2, #loading p {
	margin-botton: 1em;
}
#spinner { padding-top: 30px; margin-top: 20px; margin-bottom: 30px; }

/* Furniture Tools */
#furnitureOptions {
	display: none; position: absolute; width: auto; min-width: 140px; height: auto;
	padding: 8px 14px; border-radius: 8px;
	background: rgba(0,0,0,0.82); backdrop-filter: blur(8px);
	z-index: 9999; color: #fff; text-align: center;
	box-shadow: 0 4px 16px rgba(0,0,0,0.3);
	pointer-events: auto;
}
#furnitureOptions h2 { white-space: nowrap; font-size: 12px; font-weight: 600; margin: 0 0 1px; letter-spacing: 0.02em; }
#furnitureOptions #sDimensions { font-size: 13px; font-weight: 700; margin-bottom: 4px; }
#furnitureOptions #sDimensions2 { font-size: 10px; color: rgba(255,255,255,0.6); margin-bottom: 4px; }
#furnitureOptions a { color: rgba(255,255,255,0.7); font-size: 16px; padding: 2px 8px; line-height: 24px; transition: color 0.15s; }
#furnitureOptions a:hover { color: #fff; }

/* Debug Box */
#debug { display: none; position: absolute; bottom: 20px; right: 0px; background: #000; padding: 10px; z-index: 99999;}
#debug #dc, #inputs {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 10px 0 10px;
	color: #fff;
}
#debug #inputs { width: 100%;  position: relative }
#debug #inputs:after { clear: both }
#debug #inputs label { width: 60px; display: block; }
#debug #inputs input { width: 60px !important; display: inline-block}

/* Mobile Options */
@media screen and (max-width: 1080px) {
	#title { position: relative; display: block; float: none; text-align: right; top: auto; right: auto; text-align: right; background: #fff; padding: 2px;}
	#title select { }
}
@media screen and (max-width: 875px) {

	.ribbon { overflow: visible !important; }
    .ribbonRight { display: block }
    .ribbonLeft { top: 100% !important; position: absolute; left: 0; width: 100%; background: #fff; display: none; z-index: 1000; border-top: 2px solid #000; padding-bottom: 20px; border-bottom: 1px solid #000; box-shadow: 0px 10px 10px rgba(0,0,0,.5); }
	.ribbonLeft .btnFurniture { display: none !important }
    .ribbon .ribbonLeft a { width: 33%; background-position: top center; margin-top: 20px !important; padding-bottom: 20px !important; font-size: 16px; color: #000}
    #header .ribbon a:first-child { margin-left: 0 !important;}
    #header .ribbon a:last-child:after { clear: both;}
    
    #controls { text-align: center; }
	#selectFloor { position: absolute; top: 10px; left: 10px; }
	#trash { bottom: 40px; right: 10px }
	#trashdrop { bottom: 40px; right: 10px }
}

@media screen and (max-width: 640px) {
    #floorplanOptions { display: none; }
    #column { display: none; width: 100%; padding-bottom: 50px }
    #holder { flex-direction: column; }
	.modal input, .modal button, #column div div, .list li a, .list li a:link, .list li a:visited { line-height: 42px; max-height: 42px; font-size: 14px; }
	#column h2 { font-size: 14px }
}
@media screen and (min-width: 875px) {
	.ribbonLeft { display: block !important }
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}

#hotspots { display: none; }

/* GLightbox — hide nav arrows, white overlay */
.glightbox-clean .gnext, .glightbox-clean .gprev { display: none !important; }
.goverlay { background: rgba(255,255,255,0.85) !important; }

/* SweetAlert2 overrides — prevent it from breaking the flexbox layout */
.swal2-container { z-index: 10001 !important; background: rgba(255,255,255,0.7) !important; }
html.swal2-height-auto { height: 100% !important; }
html.swal2-height-auto body.swal2-height-auto { height: 100% !important; }
body.swal2-shown { padding-right: 0 !important; overflow: hidden !important; }
.swal2-popup { border-radius: 12px !important; padding: 2em !important; font-family: inherit !important; box-shadow: 0 12px 40px rgba(0,0,0,0.2) !important; }
.swal2-title { font-size: 1.4em !important; font-weight: 600 !important; color: #333 !important; }
.swal2-html-container { font-size: 14px !important; color: #666 !important; }
.swal2-popup .form { text-align: left; margin-top: 1em; }
.swal2-popup .form label { display: block; margin-top: 1em; font-weight: 500; font-size: 13px; color: #555; text-transform: uppercase; letter-spacing: 0.03em; }
.swal2-popup .form input.show { display: block; width: 100%; box-sizing: border-box; padding: 10px 12px; font-size: 15px; border: 1px solid #ddd; border-radius: 6px; transition: border-color 0.15s; }
.swal2-popup .form input.show:focus { outline: none; border-color: var(--ribbon-bg, #2C3E50); box-shadow: 0 0 0 2px rgba(0,0,0,0.08); }
.swal2-actions { gap: 8px !important; }
.swal2-styled.swal2-confirm { border-radius: 6px !important; font-size: 14px !important; padding: 10px 24px !important; }
.swal2-styled.swal2-cancel { border-radius: 6px !important; font-size: 14px !important; padding: 10px 24px !important; }

.tooltip { background: #fff; position: absolute; top: -1px; z-index: 9999; padding: 0 10px; line-height: 1.5; border: 1px solid #000; opacity: 1; color: #000; display: none;}

.neverShow { display: none !important; }

@media (orientation:landscape) {
    html.ipad.ios7 > body {
        position: fixed;
        bottom: 0;
        width:100%;
        height: 672px !important;
    }
}

.goverlay { z-index: -1; }

@media screen and (max-width: 640px) {
	.modal input, .modal button, #column div div, .list li a, .list li a:link, .list li a:visited { font-size: 14px !important; }
	.modal h3 { font-size: 18px !important;}
}
@media screen and (max-width: 340px) {
	.modal h3 { font-size: 14px !important;}
	.modal input, .modal button, #column div div, .list li a, .list li a:link, .list li a:visited { font-size: 12px !important; }
	.logo { display: none !important }
}