/* 
	
	Bevers App
	2024 Always Awake bv
	
	theme 2025-12-10

	info@alwaysawake.be
	
	mrld grid theme

	Colors
	 	
	text		#141719
	hyperlink	#006BB0
	hover		#4A89DC 74,137,220
	active		#5D9CEC
	menu		#141718
	btn			color: #FFFFFF; background: #1F4788; box-shadow: 0px 0px 0px 0px #1F4788;
	label btn	color: #FFFFFF; background: #5D9CEC; box-shadow: 0px 0px 0px 0px #5D9CEC;
	btn hover	color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC;
	box hover	box-shadow: 0px 0px 0px 5px #4A89DC;
	btn alt bg & lines		#CCD1D9	
	input bg	#E6E9ED
	tag			color: #141719; background: #EEF0F3;
	page title	color: #141719; background: #DFDBDA; 
	accent 		#E9573F
	text-decoration-color	#FC6E51
	highlight	#FC6E51
	accent bg	#EBE1F6
	main title 	#141719
	bg nav		#FFFFFF
	bg alt		#283C66
	shade		#E7E4E4
	overlay		18,18,18
	
	font-family: "Font Awesome 7 Pro"; font-weight: 300;
	
	Font stacks
	Text		font-family: 'Inter', Arial, sans-serif;
	Menu		font-family: 'Inter', Verdana, sans-serif; font-weight: 600;
	Title		font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; text-transform: none;
	Title alt	font-family: 'Inter', Tahoma, sans-serif; font-weight: 600;
	 
*/

@import url("src/fontawesome/v7.1.0/css/fontawesome.min.css");
@import url("src/fontawesome/v7.1.0/css/light.min.css");
@import url("src/fontawesome/v7.1.0/css/brands.min.css");

@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('src/webfonts/inter-regular.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: italic; font-weight: 400; src: url('src/webfonts/inter-italic.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; src: url('src/webfonts/inter-semibold.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; src: url('src/webfonts/inter-bold.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: italic; font-weight: 700; src: url('src/webfonts/inter-bolditalic.woff2') format('woff2'); }

/* Basics */

#overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.2); z-index: -1; display: none; }
#overlay.active { display: block; z-index: 100; }
#overlay.active.z-index-200 { display: block; z-index: 200; }

html { color: #141719; font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 62.5%; width: 100%; margin: 0px; padding: 0px; height: 100%; box-sizing: border-box; }
body { margin: 0px; padding: 0px; height: 100%; min-height: 100%; overflow-y: scroll; overflow-x: hidden; font-size: 1.5rem; background: #EEF0F3; }

*, *:before, *:after { box-sizing: border-box; }
img { position: relative; display: block; border: 0; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, a { padding: 0; margin: 0; }
b, strong, b a, strong a { font-weight: 700; }
button:hover, .linkable:hover { cursor: pointer; }
td { vertical-align: top; }
iframe { border: 0; }
figure { margin: 0; }
.clear { clear: both; }
.responsive-show, .responsive-show-inline-block { display: none !important; }
.display-none { display: none; }
.nowrap { white-space: nowrap; }
.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.float-right { float: right; }
.text-align-center { text-align: center; }
a {	color: #141719;	text-decoration: none; }
.txt a { text-decoration: underline; }
a:hover { color: #4A89DC; }

@media only screen and (hover:hover) {
	a, a > i, .add-transition, .add-transition > * { transition: all 200ms ease-in-out; }
	a:hover, a:hover > i, .add-transition:hover, .add-transition:hover > * { transition: all 100ms ease-in-out; }
}

/* Header */

.header-scroll { transition: transform 0.2s ease-in-out; }

nav, .lang { position: relative; text-align: right; padding: 0px; }
nav a, .lang a { position: relative; display: inline-block; font-size: 1.5rem; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; text-transform: none; color: #141718; padding: 10px; margin: 0px; overflow: hidden; vertical-align: bottom; transition: all 500ms ease-in-out; }
nav a:hover, .lang a:hover { color: #4A89DC; transition: all 0ms ease-in-out; }
nav a.active, .lang a.active { color: #5D9CEC; }
.logo { flex: 0 0 auto; width: auto; margin: 0px; padding: 10px; }
.logo img { width: auto; max-width: 100%; }

#action { position: relative; padding: 2rem 0rem; background: #5D9CEC; z-index: 9; }
#action .centerize .box { text-align: center; color: #FFFFFF; }
#action .centerize .box h1 { color: #FFFFFF; }
#action .centerize .box .icon i { font-size: 5.6rem; }

/* mrld grid */

.component { padding: 0px 30px; margin: 0px; display: flex; flex-wrap: wrap; justify-content: center; }
.component.align-left { justify-content: flex-start; }
.component.align-right { justify-content: flex-end; }
.component.edge-to-edge { padding: 0px; }
.centerize { margin: 0 auto; }
.grid { position: relative; }
.w-12 { width: 100%; } .w-11 { width: 91.666666%; } .w-10 { width: 83.333333%; } .w-9 { width: 75%; } .w-8 { width: 66.666666%; } .w-7 { width: 58.333333%; } 
.w-6 { width: 50%; } .w-5 { width: 41.666666%; } .w-4 { width: 33.333333%; } .w-3 { width: 25%; } .w-2 { width: 16.666666%; }.w-1 { width: 8.333333%; }

.box { position: relative; display: flex; flex-direction: column; height: calc(100% - 30px); text-align: left; padding: 30px; margin: 15px; }
.box-main { flex: 1 0 auto; }
.box-footer { flex: none; padding-top: 20px; }

.box.edge-to-edge { margin: 0px; height: 100%; }
.box.no-padding { padding: 0px; }
.box.no-border-radius { border-radius: 0; }
.box.no-lr-padding { padding-left: 0px; padding-right: 0px; }
.box.glue-bottom { padding-bottom: 0px; margin-bottom: 0px; }
.box.no-lr-margin { margin-left: 0px; margin-right: 0px; }
.box.has-img-edge-to-edge { overflow: hidden; }

.box-item { position: relative; margin: 0px; padding: 0px 0px 20px 0px; flex-shrink: 0; }
.box-item.ytb, .box-item.vmo { margin-bottom: 20px; }
.box-item:last-child, .box-item.glue-bottom { padding-bottom: 0px; margin-bottom: 0px; }
.box-item.img img { height: auto; }
.box-item.edge-to-edge { margin: 0px -30px 0px -30px; }
.box-item.edge-to-edge:first-child { margin-top: -30px; }
.box-item.edge-to-edge:only-child { margin-bottom: -30px; }

.add-background { background: #FFFFFF; border-radius: 9px; }
.add-background.info, .add-background.info .icon i { background: #C9EDE4; }
.add-background.warning, .add-background.warning .icon i { background: #FCE7BB; }
.add-background.success, .add-background.success .icon i { background: #D6E9C1; }
.flexbox-centering { height: 100%; display: flex; justify-content: center; align-items: center; }
.flexbox-centering > .flexbox-centering-inside { position: relative; }

/* mrld box elements */

.box .eyb { position: relative; padding-bottom: 4px; }
.box .eyb p { font-size: 1.5rem; color: #E9573F; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; }
.box .ttl h1, .box .ttl h2, .box .ttl h3, .box .ttl h4 { margin: 0px; line-height: 1.2em; font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; text-transform: none; font-size: 3.6rem; z-index: 1; }
.box .ttl h1 a, .box .ttl h2 a, .box .ttl h3 a, .box .ttl h4 a { font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; text-transform: none; }
.box:not(.has-text):not(.has-icon):not(.has-img) .ttl.centered { height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }
.box .ttl.has-go-back { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.box .ttl.has-go-back h1, .box .ttl.has-go-back h2, .box .ttl.has-go-back h3, .box .ttl.has-go-back h4 { padding-right: 20px; }
.box .ttl a.go-back { order: 99; margin-top: -1.6rem; margin-right: -1.6rem; }
.box .ttl a.go-back i { position: relative; font-size: 3.2rem; line-height: 3.2rem; width: 6.4rem; height: 6.4rem; padding: 1.6rem; vertical-align: top; color: #141719; background: transparent; box-shadow: 0px 0px 0px 0px #5D9CEC; text-align: center; border-radius: 50%; transition: all 200ms ease-in-out; }
.box .ttl a.go-back:hover i { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; transition: all 100ms ease-in-out; }
.box .txt h1, .box .txt h2, .box .txt h3, .box .txt h4 { margin-bottom: 20px; line-height: 1.2em; font-weight: 700; }
.box .txt h1 a, .box .txt h2 a, .box .txt h3 a, .box .txt h4 a { font-weight: 700; }
.box .txt h5, .box .txt h6, .box .txt p { margin-bottom: 20px; line-height: 1.6em; }
.box .txt h1 { font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; text-transform: none; font-size: 3.6rem; line-height: 1.2em; }
.box .txt h2 { font-size: 2.4rem; }
.box .txt h3 { font-size: 2.0rem; }
.box .txt h4 { font-size: 1.8rem; }
.box .txt h5 { font-size: 1.6rem; }
.box .txt h6 { font-size: 1.6rem; }
.box .txt h6 a { position: relative; display: inline-block; vertical-align: middle; color: #FFFFFF; background: #1F4788; box-shadow: 0px 0px 0px 0px #1F4788; border-radius: 32px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; text-transform: none; text-decoration: none; font-size: 1.8rem; padding: 2rem 3rem; margin: 0px; z-index: 1; transition: all 200ms ease-in-out; }
.box .txt h6 a i { margin-right: .5em; }
.box .txt h6 a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; transition: all 100ms ease-in-out; }
.box .txt p, .box .txt { font-size: 1.5rem; line-height: 1.8em; }
.box .txt a[href*="tel"] { white-space: nowrap; }
.box .txt > *:last-child { margin-bottom: 0px; }
.box .txt ul { list-style-type: none; padding: 0px; margin: 0px; text-align: left; }
.box .txt ul > li { position: relative; padding: 0px .5rem 1rem 2.4rem; }
.box .txt ul li:before { position: absolute; left: 0px; top: 0px; content: "\f105"; font-family: "Font Awesome 7 Pro"; font-weight: 300; color: #006BB0; font-size: inherit; }
.box .txt .long-arrow-right { margin-left: 1rem; } 
.box .txt .long-arrow-right i { vertical-align: text-bottom; color: #4A89DC; font-size: 120%; margin-bottom: .2rem; }
.box .txt figure { position: relative; display: block; padding: 0; margin: 0px 0px 20px 0px; text-align: left; }
.box .txt figure img { position: relative; display: inline-block; vertical-align: top; max-width: 100%; border-radius: 0px; }
.box .txt figcaption { font-style: italic; font-size: 80%; line-height: 1.2em; padding-top: .5rem; }
.box .txt .img a { text-decoration: none; }
.box .txt blockquote { margin: 20px; padding: 2rem; font-style: italic; }
.box .txt blockquote > *:last-child { margin-bottom: 0px; }
.box .txt cite { position: relative; display: block; font-size: 80%; margin-top: 10px; }
.box .txt table { margin: 0; border-collapse: collapse; }
.box .txt table td { padding: 1rem; }
.box .txt table tr:not(:last-child) td { border-bottom: 1px solid #EAEAEA; }

.box .img img { display: block; height: auto; margin: 0 auto; max-width: 100%; }
.box:not(.has-img-edge-to-edge) .img img { border-radius: 9px; }
/*
.box .img.add-play-icon:before { position: absolute; top: 50%; left: 50%; margin-top: -4.6rem; margin-left: -4.8rem; color: #141719; content: "\f04b"; font-family: "Font Awesome 7 Pro"; font-weight: 300; font-size: 3.6rem; width: 9.6rem; height: 7.2rem; line-height: 7.2rem; text-align: center; padding-left: .5rem; vertical-align: middle; z-index: 2; background: rgba(0,0,0,.6); border-radius: 64px; transition: all 200ms ease-in-out; }
*/
.box.has-float-img .img.float-img { position: relative; display: inline-block; float: right; padding-left: 2rem; padding-bottom: 2rem; max-width: 33.333333%; }
.linkable .box:hover .img.add-play-icon:before { background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; transition: all 100ms ease-in-out; }
.img.has-ratio { position: relative; height: 0px; overflow: hidden; }
.img.has-ratio.ratio-16-9 { padding-top: 56.25%; }
.img.has-ratio.ratio-4-3 { padding-top: 75%; }
.img.has-ratio.ratio-square { padding-top: 100%; }
.img.has-ratio > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }	
.img.has-ratio img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.img.has-ratio + .box-item { padding-top: 20px; }
.has-centered-img .box-item.img { position: relative; height: 0; padding-top: 100%; }
.centered-img-container, .centered-img-container > a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; }
.centered-img-container img { position: relative; display: inline-block; max-height: 100%; max-width: 100%; top: 50%; transform: translateY(-50%); }
.box .img figcaption { font-style: italic; font-size: 80%; line-height: 1.2em; padding-top: .5rem; }

.box .ytb, .box .vmo {  position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.box .ytb.square, .box .vmo.square {  padding-bottom: 100%; }
.box .ytb iframe, .box .vmo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.box .spo { position: relative; width: 100%; padding-bottom: 60vh; height: 0; overflow: hidden; height: auto; }
.box .spo > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.google-map { width: 100%; position: relative; }
.google-map iframe { width: 100%; height: 300px; border: 0; display: block; }
.osm-map { width: 100%; position: relative; }
.osm-map > div { width: 100%; min-height: 350px; height: 40vh; border: 0; display: block; z-index: 1; }

.box iframe.box-item { height: 400px; min-height: 60vh; }

/* mrld out of container oc with panel menu */

.oc-panel-tag { }
.oc-panel-tag p { position: relative; display: inline-flex; align-items: center; font-size: 1.8rem; text-transform: uppercase; padding: .5rem 1rem; border-radius: 8px; overflow: hidden; }
.oc-panel-tag p:before { font-family: "Font Awesome 7 Pro"; font-weight: 300; font-weight: normal; margin-right: .6rem; }
.oc-panel-tag.dev p { background: #DDEAF9; color: #1D3758; }
.oc-panel-tag.dev p:before { content: "\f135"; }
.oc-panel-tag.database p { background: #C9EDE4; color: #164B3E; }
.oc-panel-tag.database p:before { content: "\f1c0"; }
.oc-panel-tag.database.warning p { background: #FCE7BB; color: #594317; }
.oc-panel-tag.database.warning p:before { font-size: 300%; content: "\f071"; animation: aa-ani-pulse 1s infinite ease-out; border-radius: 50%; }
.oc-panel-toggle-btn { color: #141719; border: 0; overflow: hidden; transition: all 100ms ease-in-out; }
.oc-panel-toggle-btn:hover { cursor: pointer; }

#oc-container { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; z-index: -1; }
#oc-container .oc-panel-toggle-btn { font-size: 4.2rem; font-family: "Font Awesome 7 Pro"; font-weight: 300; padding: 20px 30px; display: none; }

#oc-panel-container { position: absolute; top: 0px; bottom: 0px; right: -50vw; min-height: 100vh; width: 50vw; min-width: 300px; max-width: 380px; background: #FFFFFF; box-shadow: -12px 0px 48px -36px #141719; }
#oc-panel { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: stretch; align-items: flex-start; align-content: flex-start; gap: 4rem 8rem; min-height: 100vh; padding: 8rem 6rem; }
#oc-panel nav { position: relative; display: flex; width: 100%; flex-direction: column; justify-content: center; text-align: left; padding: 1.6rem 0rem; }
#oc-panel .oc-panel-column { flex: 1 0 auto; width: 100%; }
#oc-panel .oc-panel-title { box-shadow: 0px -1px 0px 0px #CCD1D9; text-align: right; width: 100%; padding: 1rem 0rem 0rem 0rem; }
#oc-panel .oc-panel-title p { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.8rem; }
#oc-panel .oc-panel-menu a { font-weight: 400; font-size: 1.6rem; text-transform: none; padding: 1.6rem 0rem; }
#oc-panel .oc-panel-menu a:hover, #oc-panel .oc-panel-menu a.active { box-shadow: 0 0; }
#oc-panel .oc-panel-user { position: relative; padding: 1.6rem 0rem; }
#oc-panel .oc-panel-user p { }
#oc-panel .oc-panel-user p i { margin-right: .5em; }
#oc-panel .oc-panel-menu-btns { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; gap: 4px; padding: 1.6rem 0rem; }
#oc-panel .oc-panel-menu-btns a { position: relative; display: inline-block; font-size: 1.5rem; padding: 1rem; min-width: 3.9rem; width: auto; color: #141719; background: #CCD1D9; box-shadow: 0px 0px 0px 0px #CCD1D9; border-radius: 3px; text-align: center; }
#oc-panel .oc-panel-menu-btns a:hover { background: #4A89DC; color: #FFFFFF; box-shadow: 0px 0px 0px 5px #4A89DC; }
#oc-panel .oc-panel-column:last-child .oc-panel-menu-btns { justify-content: flex-end; }

#theme-header-with-panel { position: relative; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; width: 100vw; }
#theme-header-with-panel .theme-header-with-panel-left-pane, #theme-header-with-panel .theme-header-with-panel-right-pane { position: relative; padding: 0rem 2rem; width: calc(50% - 100px); }
#theme-header-with-panel .theme-header-with-panel-left-pane { display: flex; flex-direction: row; justify-content: flex-start; }
#theme-header-with-panel .logo { padding: 10px 20px; width: 200px; }
#theme-header-with-panel .logo img { position: relative; display: inline-block; vertical-align: top; height: 60px; width: auto; }
#theme-header-with-panel .theme-header-with-panel-right-pane { position: relative; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: .4rem; text-align: right; flex: 1 1 auto; }
#theme-header-with-panel .oc-panel-toggle-btn { display: flex; flex-direction: row-reverse; align-items: center; padding: 20px; }
#theme-header-with-panel .oc-panel-toggle-btn:before { position: relative; display: inline-block; content: "\f0c9"; font-family: "Font Awesome 7 Pro"; font-weight: 300; font-size: 32px; width: 32px; height: 32px; transition: all 100ms ease-in-out; }

#theme-header-with-panel-fixed { position: fixed; top: 0; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; width: 100vw; background: rgba(255,255,255,.9); transform: translateY(-100%); }
#theme-header-with-panel-fixed .theme-header-with-panel-left-pane, #theme-header-with-panel-fixed .theme-header-with-panel-right-pane { position: relative; padding: 0rem 2rem; width: calc(50% - 100px); }
#theme-header-with-panel-fixed .theme-header-with-panel-left-pane { display: flex; flex-direction: row; justify-content: flex-start; }
#theme-header-with-panel-fixed .logo { padding: 10px 20px; width: 200px; }
#theme-header-with-panel-fixed .logo img { position: relative; display: inline-block; vertical-align: top; height: 60px; width: auto; }
#theme-header-with-panel-fixed .theme-header-with-panel-right-pane { position: relative; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: .4rem; text-align: right; }
#theme-header-with-panel-fixed .oc-panel-toggle-btn { display: flex; flex-direction: row-reverse; align-items: center; padding: 20px; }
#theme-header-with-panel-fixed .oc-panel-toggle-btn:before { position: relative; display: inline-block; content: "\f0c9"; font-family: "Font Awesome 7 Pro"; font-weight: 300; font-size: 32px; width: 32px; height: 32px; transition: all 100ms ease-in-out; }
#theme-header-with-panel-fixed.header-scroll.nav-down[data-st="1"] { transform: translateY(0); } 
#theme-header-with-panel-fixed.header-scroll.nav-up[data-st="1"] { transform: translateY(0); }

#container-overlay { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,.3); backdrop-filter: blur(12px); display: none; }
#loading-overlay { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; justify-content: center; align-items: center; background: rgba(128,128,128,.3); backdrop-filter: blur(12px); z-index: 101; display: none; }
#loading-overlay.active { display: flex; }
#loading-overlay .loading i { font-size: 16rem; color: #FFFFFF; animation: aa-ani-loading-spinner 1.2s linear infinite; }
@keyframes aa-ani-loading-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* mrld oc-active */

body.oc-active { overflow-y: clip; }
body.oc-active #oc-container { display: block; z-index: 104; }
body.oc-active #container-overlay { display: block; z-index: 103; animation: aa-ani-active-container-overlay 200ms ease-out; animation-fill-mode: forwards; }
#oc-container.panel-active #oc-container { display: block; }
#oc-container.panel-active #oc-panel-container { overflow-y: auto; animation: aa-ani-oc-panel-container-active 200ms ease-out; animation-fill-mode: forwards; }
#oc-container.panel-active .oc-panel-toggle-btn { position: fixed; display: block; right: 10px; top: 0px; animation: aa-ani-oc-panel-toggle-btn-active 400ms ease-in-out; animation-fill-mode: forwards; z-index: 105; }
#oc-container.panel-active .oc-panel-toggle-btn:before { font-size: 32px; color: #141719; background: 0; font-family: "Font Awesome 7 Pro"; font-weight: 300; content: "\f00d"; transition: all 100ms ease-in-out; }	
@keyframes aa-ani-oc-panel-container-active { 0% { right: -50vw; opacity: 0; } 100% { right: 0px; opacity: 1; } }
@keyframes aa-ani-oc-panel-toggle-btn-active { 0% { transform: rotate(-90deg); opacity: 0; } 100% { transform: rotate(0deg); opacity: 1; } }
@keyframes aa-ani-active-container-overlay { 0% { opacity: 0; } 100% { opacity: 1; } }

/* mrld out of container oc with panel menu responsive */

@media only screen and (max-height: 1080px) {
	#oc-panel .oc-panel-menu a { padding: 1rem 0rem; }
	#oc-panel nav { padding: 1rem 0rem; }
}

@media only screen and (min-width: 821px) {
	#oc-panel-container { min-width: 780px; }
	#oc-panel.has-align-content-space-between { align-content: space-between; }
	#oc-panel .oc-panel-column:not(.has-full-width) { width: calc(50% - 8rem); }
	#oc-panel .oc-panel-column.has-full-width { width: 100%; }
}

@media only screen and (max-width: 820px) {
	#theme-header-with-panel .oc-panel-toggle-btn, #theme-header-with-panel-fixed .oc-panel-toggle-btn { padding: 10px 20px; }
	#theme-header-with-panel .logo { width: auto; }
	#theme-header-with-panel .logo img { height: 60px; }
	#oc-container.panel-active .oc-panel-toggle-btn { right: 0px; }
}

@media only screen and (max-width: 640px) {
	.oc-panel-tag p { font-size: 1.4rem; }
	#oc-panel { padding: 8rem 6rem; }
	#theme-header-with-panel .theme-header-with-panel-left-pane, #theme-header-with-panel .theme-header-with-panel-right-pane, #theme-header-with-panel-fixed .theme-header-with-panel-left-pane, #theme-header-with-panel-fixed .theme-header-with-panel-right-pane { width: auto; }
	#theme-header-with-panel .theme-header-with-panel-left-pane, #theme-header-with-panel-fixed .theme-header-with-panel-left-pane { padding: 10px 0px; }
	#theme-header-with-panel .theme-header-with-panel-right-pane, #theme-header-with-panel-fixed .theme-header-with-panel-right-pane { padding: 10px 0px; }
	#theme-header-with-panel .logo, #theme-header-with-panel-fixed .logo { width: auto; padding: 0px 10px; }
	#theme-header-with-panel .logo img, #theme-header-with-panel-fixed .logo img { height: 50px; }
}

@media only screen and (max-width: 420px) {
	#theme-header-with-panel .logo img, #theme-header-with-panel-fixed .logo img { height: 40px; }
	#theme-header-with-panel .oc-panel-toggle-btn:before { font-size: 24px; width: 24px; height: 24px; }
	#theme-header-with-panel-fixed .oc-panel-toggle-btn:before { font-size: 24px; width: 24px; height: 24px; }
	#oc-container.panel-active .oc-panel-toggle-btn:before { font-size: 24px; }	
	#theme-header-with-panel .theme-header-with-panel-left-pane p a, #theme-header-with-panel-fixed .theme-header-with-panel-left-pane p a { padding: 10px 10px; }
	#oc-panel .oc-panel-menu a { font-size: 1.8rem; }
}

/* mrld animation */

.is-in-viewport { animation: aa-ani-is-in-viewport 1s ease-in-out; animation-fill-mode: forwards; animation-delay: 300ms; }
.is-in-viewport.is-in-viewport-onload { animation-delay: 0ms !important; }
@keyframes aa-ani-is-in-viewport { 0% { opacity: 0; } 100% { opacity: 1; } }

/* mrld responsive */

@media only screen and (min-width: 821px) and (max-width: 1024px) { .centerize { width: 100%; margin: 0; } }
@media only screen and (min-width: 1025px) and (max-width: 1240px) { .centerize { width: 100%; } }
@media only screen and (min-width: 1241px) and (max-width: 1900px) { .centerize { width: 100%; max-width: 1520px; } }
@media only screen and (min-width: 1901px) { .centerize { width: 100%; max-width: 1820px; } }
@media only screen and (max-width: 1240px) { .w-6 { width: 50%; } }
@media only screen and (max-width: 820px) { 
	html { font-size: 50%; }
	.responsive-hide { display: none !important; }
	.responsive-show { display: block !important; }
	.responsive-show-inline-block { display: inline-block !important; }
	.responsive-full-width { width: 100% !important; }	
	.centerize { width: 100%; margin: 0; }
	.component { padding: 0px 10px; }	
	.component.responsive-flex-direction-column-reverse { display: flex; flex-direction: column-reverse; }
	.component.responsive-flex-direction-column-reverse > .grid { flex: 1 0 auto; }
	[class^="w-"], [class*=" w-"] { width: 100%; }
	.box .txt .table-container { overflow-x: auto; display: block; background: radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)), radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 100% 0; background-color: #fefefe; background-repeat: no-repeat; background-size: 20px 100%; margin-bottom: 15px; }
	.box .txt .table-container table { min-width: 100%; background: linear-gradient(to right, #fefefe 30%, rgba(255,255,255,0)), linear-gradient(to left, #fefefe 30%, rgba(255,255,255,0)) 100% 0; background-size: 50px 100%; background-repeat: no-repeat; max-width: none; margin-bottom: 0;	}
	.box .txt .table-container::-webkit-scrollbar {	-webkit-appearance: none;	width: 14px; height: 14px; }
	.box .txt .table-container::-webkit-scrollbar-thumb {	border-radius: 8px;	border: 3px solid #fefefe;	background-color: #a8a8a8; }
	.google-map iframe { height: 200px; }
	.box iframe.box-item { min-height: 70vh; }
	header { min-height: 60px; }
}
@media only screen and (min-width: 481px) and (max-width: 820px) { .w-3, .w-4, .w-5, .w-6 { width: 50%; } }
@media only screen and (max-width: 480px) { 
	.centerize { width: 100%; margin: 0; }
	[class^="w-"], [class*=" w-"] { width: 100%; }
	.view-magazine > .grid > .box > .flex-item.caption { width: 100%; padding: 20px; }
	.view-magazine > .grid > .box:not(.has-box-bg) > .flex-item.img { width: 100%; min-height: 20vh; }
	.view-magazine > .grid > .box.has-box-bg > .flex-item.img { display: none; }
	.view-magazine .grid .box.has-linear-gradient-bg { background: #FFFFFF !important; }
	.view-services .box .ttl h1, .view-services .box .ttl h1 a, .view-services .box .ttl h2, .view-services .box .ttl h2 a, .view-services .box .ttl h3, .view-services .box .ttl h3 a, .view-services .box .ttl h4, .view-services .box .ttl h4 a { font-size: 2.1rem;  }
	.view-magazine .box .ttl h1, .view-magazine .box .ttl h1 a, .view-magazine .box .ttl h2, .view-magazine .box .ttl h2 a, .view-magazine .box .ttl h3, .view-magazine .box .ttl h3 a, .view-magazine .box .ttl h4, .view-magazine .box .ttl h4 a { font-size: 2.1rem;  }

	.box .ttl h1, .box .ttl h2, .box .ttl h3, .box .ttl h4, .box .txt h1 { font-size: 2.4rem; }
	.box .txt h2 { font-size: 2.0rem; }
	.box .txt h3 { font-size: 1.8rem; }
	.box .txt h4 { font-size: 1.6rem; }
	.box .txt h5 { font-size: 1.5rem; }
	.box .txt h6 { font-size: 1.5rem; }	

}

/* Template */

#container { position: relative; min-height: 100%; display: flex; flex-direction: column; }

header { position: relative; flex: none; z-index: 102; }
footer { position: relative; flex: none; z-index: 64; min-height: 20vh; padding-top: 40px; margin-top: 0px; background: #EEF0F3; }
main { position: relative; flex: 1 0 auto; padding: 15px 0px; }

.paginate-table { clear: both; position: relative; padding: 20px; margin: 0px; z-index: 1; text-align: center; }
.paginate-table a, .paginate-table span { position: relative; display: inline-block; font-weight: 700; font-size: 1.6rem; color: #141719; background: #FFFFFF; line-height: 1em; padding: 16px 20px; text-transform: uppercase; margin: 2px; border-radius: 3px; }
.paginate-table a i { margin-bottom: -2px; } 
.paginate-table a:hover { color: #FFFFFF; background: #4A89DC; }
.paginate-table a.active, .paginate-table span { color: #FFFFFF; background: #5D9CEC; }

/* Masonry */

.masonry-container { margin: 0 auto; width: 100% !important; }
.extra-img-container.masonry-container .masonry-item { width: 33.333333%; padding: 15px; }
.extra-img-container.masonry-container .masonry-item img { width: 100%; height: auto; }

@media only screen and (min-width: 641px) and (max-width: 1240px) {	.extra-img-container.masonry-container .masonry-item { width: 50%; } }
@media only screen and (max-width: 640px) { .extra-img-container.masonry-container .masonry-item { width: 100%; } }

/* BX Slider */

.bx-wrapper { overflow: hidden; }
.bx-prev, .bx-next { z-index: 62; position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; margin-top: -50px; left: 10px; height: 100px; width: 50px; background: rgba(0,0,0,0.6); color: #ccc; border-radius: 6px; transition: all 200ms ease-in-out; }
.bx-next { left: auto; right: 10px; }
.bx-prev i, .bx-next i { font-size: 2.4rem; }
.bx-prev:hover, .bx-next:hover { color: #141719; box-shadow: 0px 0px 0px 5px #4A89DC; transition: all 100ms ease-in-out; }

/* BX Slider carousel */

.slider-carousel-container { position: relative; visibility: hidden; }
.slider-carousel-container .bx-wrapper { position: relative; max-width: 100vw !important; padding: 10px 0px; }
.slider-carousel-container .bx-wrapper .bx-viewport { }
.slider-carousel { position: relative; width: 100%; }
.slider-carousel .item { position: relative; display: block; width: 600px !important; max-width: 25vw !important; }
.slider-carousel .item img { position: relative; display: block; width: 100%; }
@media only screen and (min-width: 641px) and (max-width: 1280px) { .slider-carousel .item { width: 300px !important; max-width: 50vw !important; } }
@media only screen and (max-width: 640px) { .slider-carousel .item { width: 50vw !important; max-width: 50vw !important; } }

/* BX Slider banner */

.slider-banner .bx-slider { position: relative; }
.slider-banner .item { position: absolute; top: 0; left: 0; }
.slider-banner .item:first-child { position: relative; }
.slider-banner .item img { width: 100%; height: auto; }
.slider-banner .caption { position: absolute; display: flex; align-items: center; top: 0; bottom: 0; left: 0; right: 0; box-sizing: border-box; text-align: center; padding: 20px; z-index: 61; background: rgba(0,0,0,0.4); background-size: auto; }
.slider-banner .caption-txt { flex: 1; }
.slider-banner .caption-txt .tagline { position: relative; font-size: 2.4rem; font-weight: 700; padding-bottom: 4rem; }
.slider-banner .caption-txt .tagline:before { position: absolute; content: ""; bottom: 2rem; left: 35%; width: 30%; border-bottom: 2px solid rgba(255,255,255,.2); }
.slider-banner .caption-txt .forward a { margin: 5px; padding: 2rem; border-radius: .6rem; }
.slider-banner .caption-txt .forward a:before { display: none; }

@media only screen and (max-width: 820px) { .slider-banner .caption { position: relative; background: rgba(0,0,0,0.4); } }

/* Autocomplete */

.autocomplete-suggestions { box-sizing: border-box; background: rgba(255,255,255,.9); overflow: auto; margin-top: 5px; }
.autocomplete-suggestion { padding: 2rem; white-space: nowrap; overflow: hidden; font-size: 2.4rem; text-overflow: ellipsis; cursor: pointer; }
.autocomplete-no-suggestion { padding: 2rem; white-space: nowrap; overflow: hidden; font-size: 1.6rem; text-overflow: ellipsis; font-weight: 700; font-style: italic; }
.autocomplete-selected { background: #DAF3ED; }
.autocomplete-suggestions strong { font-weight: 700; color: #141719; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000000; }

@media only screen and (max-width: 1240px) { .autocomplete-suggestion { font-size: 1.6rem; } }

/* Animations */

.aa-ani-fade-in { animation: aa-ani-fade-in 0.8s ease-in-out; animation-fill-mode: forwards; }
.aa-ani-showtime { animation: aa-ani-showtime 0.4s ease-out; animation-fill-mode: forwards; }
.aa-ani-softslidein { animation: aa-ani-softslidein 0.4s ease-out; }
.aa-ani-softslidein-left { animation: aa-ani-softslidein-left 0.4s ease-out; }
.aa-ani-softslidein-bottom { animation: aa-ani-softslidein-bottom 0.4s ease-out; }
.aa-ani-shake { animation: aa-ani-shake 1.2s ease-in-out; }
.aa-ani-pulse { animation: aa-ani-pulse 1s infinite ease-out; }

@media only screen and (min-width: 821px) and (hover: hover) {
	.theme-grid-ani-fade-in .grid .box > div { opacity: 0; animation: aa-ani-fade-in 0.4s ease-in-out; animation-fill-mode: forwards; }
	.theme-grid-ani-fade-in .grid:nth-child(12n+1) .box > div { animation-delay: 0s; }
	.theme-grid-ani-fade-in .grid:nth-child(12n+2) .box > div { animation-delay: 50ms; }
	.theme-grid-ani-fade-in .grid:nth-child(12n+3) .box > div { animation-delay: 100ms; }
	.theme-grid-ani-fade-in .grid:nth-child(12n+4) .box > div { animation-delay: 150ms; }
	.theme-grid-ani-fade-in .grid:nth-child(12n+5) .box > div { animation-delay: 200ms; }
	.theme-grid-ani-fade-in .grid:nth-child(12n+6) .box > div { animation-delay: 250ms; }
	.theme-grid-ani-fade-in .grid:nth-child(12n+7) .box > div { animation-delay: 300ms; }
	.theme-grid-ani-fade-in .grid:nth-child(12n+8) .box > div { animation-delay: 350ms; }
	.theme-grid-ani-fade-in .grid:nth-child(12n+9) .box > div { animation-delay: 400ms; }
	.theme-grid-ani-fade-in .grid:nth-child(12n+10) .box > div { animation-delay: 450ms; }
	.theme-grid-ani-fade-in .grid:nth-child(12n+11) .box > div { animation-delay: 500ms; }
	.theme-grid-ani-fade-in .grid:nth-child(12n) .box > div { animation-delay: 550ms; }
}

@keyframes aa-ani-softslidein {	0% { transform: translate3d(2%,0,0); visibility: visible; opacity: 0; }	100% { transform: translateZ(0); } }
@keyframes aa-ani-softslidein-left { 0% { transform: translate3d(-2%,0,0); visibility: visible; opacity: 0; } 100% { transform: translateZ(0); } }
@keyframes aa-ani-softslidein-bottom { 0% { transform: translate3d(0, 2%,0); visibility: visible; opacity: 0; } 100% { transform: translateZ(0); } }
@keyframes aa-ani-shake {	0% { transform: rotate(0deg); }	8%, 24%, 40%, 56% {	transform: rotate(-2deg); } 16%, 32%, 48% { transform: rotate(2deg); } 64% { transform: rotate(1deg); } 80% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); }	}
@keyframes aa-ani-hoverboard { 0%, 100% { transform: translate3d(0px,10px,0); } 50% { transform: translate3d(0px,-10px,0); } }
@keyframes aa-ani-showtime { 0% { opacity: 0; transform: translate3d(10%,0,0); } 100% { opacity: 1; transform: none; } }
@keyframes aa-ani-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes aa-ani-pulse { 0% { transform: scale(.9); box-shadow: 0 0 0 0 rgba(255, 255, 255, 1); } 70% { transform: scale(1); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); } 100% { transform: scale(.9); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

/* Forms */

input, button, .frm-input-placeholder { position: relative; color: #141719; font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 1.6rem; background: #E6E9ED; width: 100%; padding: 10px; padding-block: .75rem; min-height: 4rem; border: 0; box-shadow: 0px 0px; -webkit-appearance: none; outline: none; border-radius: 0px; }
select { position: relative; color: #141719; font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 1.6rem; text-transform: none; opacity: 1; font-style: normal !important; background: #E6E9ED; width: 100%; padding: 10px;  min-height: 4rem; border: 0; box-shadow: 0px 0px; -webkit-appearance: none; outline: none; border-radius: 0px; } 
textarea { color: #141719; font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 1.8rem; background: #E6E9ED; width: 100%; padding: 10px; min-height: 4rem; border: 0; box-shadow: 0px 0px; resize: vertical; -webkit-appearance: none; outline: none; border-radius: 0px; }
label, form .label { display: block; color: #141719; font-size: 1.6rem; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; text-transform: none; }
label a { text-decoration: underline; font-weight: inherit; }
label:hover { cursor: pointer; }
.frm-input-placeholder { background: transparent; }
.size-lrg input, .size-lrg select, .size-lrg textarea { font-size: 2.4rem; min-height: 4.8rem; }
.size-lrg input::-webkit-input-placeholder, .size-lrg select::-webkit-input-placeholder, .size-lrg textarea::-webkit-input-placeholder { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.4rem; }
.size-lrg input:-ms-input-placeholder, .size-lrg select:-ms-input-placeholder, .size-lrg textarea:-ms-input-placeholder { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.4rem; }
.size-lrg input::placeholder, .size-lrg select::placeholder, .size-lrg textarea::placeholder { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.4rem; }
.frm-item.highlight-label label { background: #EAF4DF; box-shadow: 0px 0px 0px 4px #EAF4DF; border-radius: 3px; z-index: 1; }
.input-width-8-rem input { width: 8rem; }
::-webkit-input-placeholder { position: relative; color: #141719; font-size: 1.6rem; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; text-transform: none; opacity: 1; font-style: normal !important; top: 0px; left: 0px; transition: top 100ms linear, color 100ms linear; }
:-ms-input-placeholder { position: relative; color: #141719; font-size: 1.6rem; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; text-transform: none; opacity: 1; font-style: normal !important; top: 0px; left: 0px; transition: top 100ms linear, color 100ms linear; }
::placeholder { position: relative; color: #141719; font-size: 1.6rem; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; text-transform: none; opacity: 1; font-style: normal !important; top: 0px; left: 0px; transition: top 100ms linear, color 100ms linear; }
input:focus::placeholder, textarea:focus::placeholder { color: transparent; top: -10px; transition: top 100ms cubic-bezier(.3,0,.3,1), color 100ms cubic-bezier(.3,0,.3,1); }
input[type=color] { padding: 0px; margin: 0px; width: auto; min-width: 4rem; border-radius: 3px; }
input[type=time] { min-width: 7em; }
input[type=color]:hover { cursor: pointer; }
input[type="color"]::-webkit-color-swatch-wrapper { padding: 0px; }
.frm-item { position: relative; padding: 10px 20px; }
.frm-item.display-inline-flex { display: inline-flex; }
.frm-ttl { padding: 20px 20px 0px 20px; }
.frm-ttl:not(:first-child) { margin-top: 20px; box-shadow: 0px -1px 0px 0px #CCD1D9; }
.frm-ttl h3 { font-family: 'Inter', Arial, sans-serif; font-weight: 600; font-size: 2.1rem; }
.frm-desc { padding: 0px 20px 0px 20px; margin-top: -4px; }
.frm-desc p { font-size: 1.4rem; }
.frm-desc p:not(:first-child) { margin-top: 4px; }
.frm-desc p strong { padding: 3px; background: #DAF3ED; }
.frm-desc-lrg p { font-size: 1.8rem; }
.frm-ttl + .frm-desc, .frm-checkbox + .frm-desc { margin-top: 0px; }
 .frm-input input:focus, .frm-sc input:focus, .frm-textarea textarea:focus, .frm-select select:focus { color: #141719; border-color: #4A89DC; box-shadow: 0px 2px 0px 0px #4A89DC; }
.frm-input, .frm-select, .frm-textarea { display: flex; flex-direction: column-reverse; align-items: flex-start; }
.frm-input.width-auto input, .frm-select.width-auto select { width: auto; }
.frm-item.label-as-placeholder label { position: absolute; top: 25px; z-index: 1; transition: top 100ms cubic-bezier(.3,0,.3,1), font-size 100ms cubic-bezier(.3,0,.3,1); }
.frm-item.label-as-placeholder input:focus + label, .frm-item.label-as-placeholder input:not(:placeholder-shown) + label, .frm-item.label-as-placeholder select:focus + label, .frm-item.label-as-placeholder select:not(:placeholder-shown) + label, .frm-item.label-as-placeholder textarea:focus + label, .frm-item.label-as-placeholder textarea:not(:placeholder-shown) + label { font-size: 75%; top: 5px; }
/*
.frm-item.frm-input input:not(:focus):not(:placeholder-shown), .frm-item select:not(:focus):not(:placeholder-shown), .frm-item textarea:not(:focus):not(:placeholder-shown), .frm-item.frm-sc input:not(:focus):not(:placeholder-shown) { box-shadow: 0px 2px 0px 0px #EAEAEA; }
.frm-input.mandatory:before, .frm-sc:before { font-family: "Font Awesome 7 Pro"; font-weight: 300; position: absolute; top: 10px; right: -14px; font-size: 1.0rem; content: "\f005"; color: #efefef; }
.frm-file.mandatory:before { font-family: "Font Awesome 7 Pro"; font-weight: 300; position: absolute; top: 36px; right: -14px; font-size: 1.0rem; content: "\f005"; color: #efefef; }
*/
.frm-file { position: relative; height: auto; }
.frm-file label { display: block; position: relative; margin-bottom: 6px; }
.frm-file.has-label-button input[type="file"] { display: none; }
.frm-file.has-label-button label { }
.frm-file.has-label-button label { position: relative; display: block; vertical-align: middle; color: #FFFFFF; background: #5D9CEC; box-shadow: 0px 0px 0px 0px #5D9CEC; border-radius: 3px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; text-transform: none; text-decoration: none; text-align: center; font-size: 1.8rem; padding: 2rem 3rem; margin: 0px; z-index: 1; transition: all 200ms ease-in-out; }
.frm-file.has-label-button label:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; transition: all 100ms ease-in-out; }
input::file-selector-button { font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 1.6rem; padding: 1rem; color: #FFFFFF; background: #5D9CEC; border: none; box-shadow: 0px 0px 0px 0px #5D9CEC; border-radius: 3px; transition: all 200ms ease-in-out; }
input::file-selector-button:hover { cursor: pointer; color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; transition: all 100ms ease-in-out; }
.frm-input-info { }
.frm-submit { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin: 20px 0px 0px 0px; text-align: center; }
.frm-date .frm-date-day { width: 25%; }
.frm-date .frm-date-month { width: 50%; }
.frm-date .frm-date-year { width: 25%; }
.frm-select option:disabled { color: #BFC5CD; text-decoration: line-through; text-decoration-color: #656D78; }
.frm-checkbox { position: relative; }
.frm-checkbox.display-inline { display: inline-block; }
.frm-checkbox label { font-size: 1.6rem; padding-left: 3.4rem; font-weight: 400; }
.frm-checkbox input[type=checkbox] { display: none; }
.frm-checkbox input[type=checkbox] + label:before { position: absolute; left: 20px; font-family: "Font Awesome 7 Pro"; font-weight: 300; display: inline-block; width: 4rem; font-size: 2.4rem; content: "\e105";  color: #000000; vertical-align: top; margin-top: -.4rem; }
.frm-checkbox input[type=checkbox] + label:hover { color: #006BB0; }
.frm-checkbox input[type=checkbox] + label:hover:before { color: #006BB0; content: "\f111"; }
.frm-checkbox input[type=checkbox]:checked + label { color: #006BB0; text-decoration: underline; text-decoration-thickness: .3rem; text-decoration-color: #5D9CEC; }
.frm-checkbox input[type=checkbox]:checked + label:before { content: "\f058"; color: #006BB0; }
.frm-checkbox-lrg label { padding: 2rem 2rem 2rem 5.4rem; background: #EEF0F3; border-radius: 32px; }
.frm-checkbox-lrg input[type=checkbox] + label:before { left: 40px; }
.frm-checkbox-lrg input[type=checkbox]:checked + label { color: #FFFFFF; background: #006BB0; }
.frm-checkbox-lrg input[type=checkbox]:checked + label:before { color: #FFFFFF; }
.frm-radio { position: relative; }
.frm-radio label { font-size: 1.6rem; }
.frm-radio input[type=radio] { display:none; }
.frm-radio input[type=radio] + label:before { font-family: "Font Awesome 7 Pro"; font-weight: 300; display: inline-block; width: 4.0rem; font-size: 2.4rem; content: "\e105"; color: #000000; vertical-align: top; margin-top: -.4rem; }
.frm-radio input[type=radio] + label:hover { color: #006BB0; }
.frm-radio input[type=radio]:checked + label { color: #006BB0; }
.frm-radio input[type=radio]:checked + label:before { content: "\f058"; color: #006BB0; }
.frm-textarea textarea { min-height: calc(4em + 20px); }
.frm-textarea.height-12-em textarea { min-height: calc(12em + 20px); }
.frm-sc .frm-sc-code { display: inline-block; color: #006BB0; font-family: 'Courier New', Courier, monospace; font-weight: 700; margin: 0px 10px; font-size: 2.2rem; }
.frm-sc label { display: inline-block; }
.frm-sc input { display: inline-block; width: 60px; } 
option[default] { display: none; }
input[type=submit], button, a.btn { position: relative; display: inline-block; vertical-align: middle; width: auto; color: #FFFFFF; background: #1F4788; box-shadow: 0px 0px 0px 0px #1F4788; border-radius: 32px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; text-transform: none; text-decoration: none; font-size: 1.8rem; padding: 2rem 6rem; margin: 0px; transition: all 200ms ease-in-out; white-space: nowrap; z-index: 1; transition: all 200ms ease-in-out; }
input[type=submit]:hover, button:hover, a.btn:hover { cursor: pointer; color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; transition: all 100ms ease-in-out; }
.being-submitted input[type=submit], .being-submitted button, .being-submitted a.btn { pointer-events: none; opacity: .4; }
button i { margin-right: .6rem; }

select.empty, input.empty, textarea.empty, select.invalid, input.invalid, textarea.invalid { box-shadow: 0px 0px 0px 2px #ED5565 !important; }
 select::-ms-expand { display: none; }  
select:hover { cursor: pointer; }
option { color: #141719; }

form div[class^="w-"] { position: relative; display: inline-block; vertical-align: top; }

.frm-files-container { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 4px; }
.frm-files-container .file { position: relative; margin: 0px; flex: 0 1 auto; max-width: 100%; }
.frm-files-container .file-content { position: relative; color: #141719; font-size: 16px; padding: 6px 14px 40px 14px; background: #CCD1D9; border-radius: 3px; min-height: 98px; }
.frm-files-container .file-content:hover { color: #FEFEFF; background: #4A89DC; }
.frm-files-container .file-content:hover .file-info, .frm-files-container .file-content:hover .file-title, .frm-files-container .file-content:hover .file-title a, .frm-files-container .file-content:hover .file-view a, .frm-files-container .file-content:hover .file-edit a { color: #FFFFFE; }
.frm-files-container .file-content:hover div.box-remove input[type=checkbox] + label:before { color: #FFFFFF; }
.frm-files-container .file-countrycode { position: relative; display: inline-block; vertical-align: top; top: -2px; }
.frm-files-container .file-countrycode .tag { margin: 0px 4px 0px 0px; }
.frm-files-container .file-content:hover div.file-countrycode .tag { color: #4A89DC; background: #FEFEFF; }
.frm-files-container .file-view { position: absolute; top: 14px; right: 12px; z-index: 1; }
.frm-files-container .file-view a { color: #141719; }
.frm-files-container .file-edit { position: absolute; top: 14px; right: 54px; z-index: 1; }
.frm-files-container .file-edit a { color: #141719; }
.frm-files-container .file-title { position: relative; color: #141719; padding: 5px 90px 5px 5px; }
.frm-files-container .file-title .title { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; text-transform: none; font-size: 18px; }
.frm-files-container .file-title a { color: #141719; }
.frm-files-container .file-title i { font-weight: 400; }
.frm-files-container .file-info { position: absolute; font-size: 14px; bottom: 10px; left: 20px; margin-right: 50px; }
.frm-files-container .file-info b { margin-right: 10px; }
.frm-files-container .file .box-remove { position: absolute; bottom: 14px; right: 10px; }
.frm-files-container .file .box-remove input[type=checkbox] { display: none; }
.frm-files-container .file .box-remove input[type=checkbox] + label { float: right; width: 24px; height: 18px; display: inline; text-align: center; padding: 0; margin: 0; }
.frm-files-container .file .box-remove input[type=checkbox] + label:before { font-family: "Font Awesome 7 Pro"; font-weight: 300; content: "\f2ed"; display: inline-block; width: 24px; font-size: 18px; color: #141719; }

.frm-files-container .file.to-be-removed .file-content { background: #FECBC0; }
.frm-files-container .file.to-be-removed .box-remove input[type=checkbox] + label:before { content: "\e2ad"; }

.frm-images-container { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 4px; }
.frm-images-container .image { position: relative; flex: 1 1 auto; background: #CCD1D9; padding: 5px; border-radius: 3px; min-height: 178px; max-width: 172px; }
.frm-images-container.is-readonly .image { display: flex; flex-wrap: wrap; align-items: center; }
.frm-images-container.is-readonly .image .title { width: 100%; padding: 4px 10px; text-align: center; }
.frm-images-container .image a { position: relative; text-align: center; }
.frm-images-container .image:hover { background: #4A89DC; }
.frm-images-container .image:hover .box-remove input[type=checkbox] + label:before, .frm-images-container .image:hover .box-fav input[type=radio] + label:before, .frm-images-container .image:hover .box-favorite input[type=radio] + label:before { color: #FFFFFE; }
.frm-images-container .image-thumb { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 128px; min-width: 128px; }
.frm-images-container .image-thumb i { font-size: 2.4rem; }
.frm-images-container .image-thumb img { position: relative; object-fit: cover; }
.frm-images-container .image .title { position: relative; padding: 6px 10px 34px 10px; font-size: 1.3rem; }
.frm-images-container .image .box-remove { position: absolute; bottom: 14px; right: 10px; }
.frm-images-container .image .box-remove input[type=checkbox] { display: none; }
.frm-images-container .image .box-remove input[type=checkbox] + label { float: right; width: 24px; height: 18px; display: inline; text-align: center; padding: 0; margin: 0; }
.frm-images-container .image .box-remove input[type=checkbox] + label:before { font-family: "Font Awesome 7 Pro"; font-weight: 300; content: "\f2ed"; display: inline-block; width: 24px; font-size: 18px; color: #141719; }
.frm-images-container .image .box-favorite { position: absolute; bottom: 14px; left: 10px; }
.frm-images-container .image .box-favorite input[type=radio] { display: none; }
.frm-images-container .image .box-favorite input[type=radio] + label { float: right; width: 24px; height: 18px; display: inline; text-align: center; padding: 0; margin: 0; }
.frm-images-container .image .box-favorite input[type=radio] + label:before { font-family: "Font Awesome 7 Pro"; font-weight: 300; content: "\e105"; display: inline-block; width: 24px; font-size: 18px; color: #141719; }
.frm-images-container .image .box-favorite input[type=radio]:checked + label:before { content: "\f00c"; }
.frm-images-container .image:not(:hover):has(.box-favorite input[type=radio]:checked) { background: #DAF3ED; }

.frm-images-container .image.to-be-removed { background: #FECBC0; }
.frm-images-container .image.to-be-removed .box-remove input[type=checkbox] + label:before { content: "\e2ad"; }

.has-select-filter .select-filter-input { }
.has-select-filter select.is-filter-open option { padding: 4px 6px; }
.has-select-filter label { order: 3; }
.has-select-filter .select-filter-input { order: 2; margin-bottom: 3px; }
.has-select-filter select { order: 1; }

/* Theme footer */

.view-sa-ft-debug { position: relative; clear: both; margin-top: 10px; padding: 40px 70px; background: #001C33; color: #F5F7FE; font-family: monospace; }
.view-sa-ft-debug strong { color: #FF2B41; }

/* Bevers App Theme */

#theme-login-bg { position: fixed; width: 100%; height: 100vh; background-size: cover; z-index: -1; overflow: hidden; }
.theme-login-form { display: flex; min-height: 100vh; justify-content: center; align-items: center; }
.theme-login-form .grid.w-6 { max-width: 480px; }
.theme-login-form .box .img img { height: 80px; width: auto; margin-top: -60px; }
.theme-login-form .grid.w-6 .box .frm-submit { margin: 0px; padding: 30px 20px 10px 20px; }
.theme-login-form input#login_authentication_with_email_code { text-transform: uppercase; font-size: 3.2rem; letter-spacing: .6rem; font-weight: 700; }
.theme-login-form button.resend { padding: 1.4rem 2.8rem; font-size: 1.5rem; color: #141719; background: #CCD1D9; box-shadow: 0px 0px 0px 0px #CCD1D9; }
.theme-login-form button.resend:hover { background: #4A89DC; color: #FFFFFF; box-shadow: 0px 0px 0px 5px #4A89DC; }

#ba-action-message .grid.w-12 { width: auto; }
#ba-action-message .box { height: auto; }
#ba-action-message .box .txt h4 { margin-bottom: .4rem; }
#ba-action-message .box .txt ul.warning-list > li { padding: 0px .5rem .2rem 2.4rem; }
#ba-action-message .box .txt ul:not(:last-child) { padding-bottom: 1rem; }
.btn.cancel:not(:hover) { color: #141719; background: #CCD1D9; }
button i, .btn i { margin-right: .5em; }

.body-login main { display: flex; flex-direction: column; flex-wrap: wrap; padding: 0px 0px; }

.img-container { position: relative; display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 4px; }
.img-container .image { position: relative; flex: 0 1 auto; border-radius: 3px; background: #CCD1D9; box-shadow: 0px 0px #4A89DC; overflow: hidden; transition: all 200ms linear; }
.img-container .image:hover { background: #4A89DC; box-shadow: 0px 0px 0px 3px #4A89DC; border-radius: 12px; transition: all 40ms linear; }
.img-container .image-thumb img { position: relative; object-fit: cover; width: 64px; height: 64px; }

.box.has-light-theme { border-radius: 18px; }
.box.has-light-theme.no-border-radius { border-radius: 0; }
.box.has-light-theme.with-background { background: #FFFFFF; }
.box.has-light-theme.with-box-shadow { box-shadow: inset 0px 0px 0px 2px #EEF0F3; }
.box.has-light-theme.with-background.with-box-shadow { box-shadow: inset 0px 0px 0px 2px #EEF0F3; }
.box.has-light-theme.theme-default, .box.has-light-theme.theme-default .icon i { background: #FFFFFF; }
.box.has-light-theme.theme-default .box-item:is(.units-as-items, .appliances-as-items, .tickets-as-items, .events-as-items) .item { border: 2px solid #FFFFFF; }
.box.has-light-theme.theme-info, .box.has-light-theme.theme-info .icon i { background: #DDEAF9; color: #1D3758; }
.box.has-light-theme.theme-info .box-item.txt a:not(:hover) { color: #1D3758; }
.box.has-light-theme.theme-info .box-item:is(.units-as-items, .appliances-as-items, .tickets-as-items, .events-as-items) .item { border: 2px solid #DDEAF9; color: #1D3758; }
.box.has-light-theme.with-box-shadow.theme-info { box-shadow: inset 0px 0px 0px 2px #DDEAF9; }
.box.has-light-theme.theme-info-alt, .box.has-light-theme.theme-info-alt .icon i { background: #C9EDE4; color: #164B3E; }
.box.has-light-theme.theme-info-alt .box-item.txt a:not(:hover) { color: #164B3E; }
.box.has-light-theme.theme-info-alt .box-item:is(.units-as-items, .appliances-as-items, .tickets-as-items, .events-as-items) .item { border: 2px solid #C9EDE4; color: #164B3E; }
.box.has-light-theme.with-box-shadow.theme-info-alt { box-shadow: inset 0px 0px 0px 2px #C9EDE4; }
.box.has-light-theme.theme-warning, .box.has-light-theme.theme-warning .icon i { background: #FCE7BB; color: #594317; }
.box.has-light-theme.theme-warning .box-item.txt a:not(:hover) { color: #594317; }
.box.has-light-theme.theme-warning .box-item:is(.units-as-items, .appliances-as-items, .tickets-as-items, .events-as-items) .item { border: 2px solid #FCE7BB; color: #594317; }
.box.has-light-theme.with-box-shadow.theme-warning { box-shadow: inset 0px 0px 0px 2px #FCE7BB; }
.box.has-light-theme.theme-success, .box.has-light-theme.theme-success .icon i { background: #D6E9C1; color: #384D20; }
.box.has-light-theme.theme-success .box-item.txt a:not(:hover) { color: #384D20; }
.box.has-light-theme.theme-success .box-item:is(.units-as-items, .appliances-as-items, .tickets-as-items, .events-as-items) .item { border: 2px solid #D6E9C1; color: #384D20; }
.box.has-light-theme.with-box-shadow.theme-success { box-shadow: inset 0px 0px 0px 2px #D6E9C1; }
.box.has-light-theme.theme-error, .box.has-light-theme.theme-error .icon i { background: #F7D4D7; color: #4E181E; }
.box.has-light-theme.theme-error .box-item.txt a:not(:hover) { color: #4E181E; }
.box.has-light-theme.theme-error .box-item:is(.units-as-items, .appliances-as-items, .tickets-as-items, .events-as-items) .item { border: 2px solid #F7D4D7; color: #4E181E; }
.box.has-light-theme.with-box-shadow.theme-error { box-shadow: inset 0px 0px 0px 2px #F7D4D7; }
.box.has-light-theme:is(.theme-info, .theme-info-alt, .theme-warning, .theme-success, .theme-error) .box-item:is(.units-as-items, .appliances-as-items, .tickets-as-items, .events-as-items) .item { background: rgba(255,255,255,.9); }
.box.has-light-theme .box-item.ttl .tag.number { background: #EAF4DF; box-shadow: 0px 0px 0px 4px #EAF4DF; }
.box.has-light-theme:is(.theme-info, .theme-info-alt, .theme-warning, .theme-success, .theme-error) .box-item.ttl .tag.number { background: #FFFFFF; box-shadow: 0 0 0 4px #FFFFFF; }

.box.has-dark-theme { border-radius: 18px; color: #FFFFFF; }
.box.has-dark-theme.theme-info, .box.has-dark-theme.theme-info .icon i { background: #569CEC; }
.box.has-dark-theme.theme-info .box-item:is(.units-as-items, .appliances-as-items, .tickets-as-items, .events-as-items) .item { border: 2px solid #569CEC; }
.box.has-dark-theme.theme-info-alt, .box.has-dark-theme.theme-info-alt .icon i { background: #48CFAD; }
.box.has-dark-theme.theme-info-alt .box-item:is(.units-as-items, .appliances-as-items, .tickets-as-items, .events-as-items) .item { border: 2px solid #48CFAD; }
.box.has-dark-theme.theme-warning, .box.has-dark-theme.theme-warning .icon i { background: #FC6E51; }
.box.has-dark-theme.theme-warning .box-item:is(.units-as-items, .appliances-as-items, .tickets-as-items, .events-as-items) .item { border: 2px solid #FC6E51; }
.box.has-dark-theme.theme-success, .box.has-dark-theme.theme-success .icon i { background: #8CC152; }
.box.has-dark-theme.theme-success .box-item:is(.units-as-items, .appliances-as-items, .tickets-as-items, .events-as-items) .item { border: 2px solid #8CC152; }
.box.has-dark-theme.theme-error, .box.has-dark-theme.theme-error .icon i { background: #E9573F; }
.box.has-dark-theme.theme-error .box-item:is(.units-as-items, .appliances-as-items, .tickets-as-items, .events-as-items) .item { border: 2px solid #E9573F; }
.box.has-dark-theme .box-item:is(.units-as-items, .appliances-as-items, .tickets-as-items, .events-as-items) .item { background: rgba(255,255,255,.3); }
.box.has-dark-theme .box-item.ttl .tag.number { color: #141719; background: #FFFFFF; box-shadow: 0px 0px 0px 4px #FFFFFF; }

.box-item.ttl .date, .box-item.ttl .event { display: inline-flex; flex-wrap: wrap; align-items: center; font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-size: 1.8rem; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; }
.box-item.txt .tag-step, .frm-item.txt .tag-step, .frm-desc .tag-step { position: relative; display: inline-block; line-height: 1em; padding: .4rem; background: #EAF4DF; box-shadow: 0px 0px 0px 4px #EAF4DF; border-radius: 32px; margin-right: 1rem; }
.box-item.txt .empty { font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-style: italic; }
.box-item.hint { padding: 14px 20px; background: #EAF4DF; border-radius: 18px; }
.box-item.hint h3 { margin-bottom: 4px; }
.box.warning h4 { margin-bottom: 10px; }
.box-item.icon { position: absolute; left: -10px; top: -10px; }
.box-item.icon i { background: #FFFFFF; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-size: 30px; border-radius: 50%; }
.box-item.align-self-flex-end { align-self: flex-end; }

.box-item.blocks { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; }
.box-item-block { display: flex; flex-direction: column; flex-wrap: wrap; gap: 4px; padding: 20px; border-radius: 9px; background: #FFFFFF; }
.box-item-block .add-padding-bottom { padding-bottom: 8px; }
.box-item-block .add-padding-top { padding-top: 8px; }

.box-item.list .item { position: relative; display: flex; flex-direction: row; justify-content: space-between; padding: 20px 0px; }
.box-item.list .item:not(:last-child) { box-shadow: 0px 1px 0px 0px #CCD1D9; }
.box.has-dark-theme .box-item.list .item:not(:last-child) { box-shadow: 0px 1px 0px 0px rgba(255,255,255,.3); }
.box-item.list .item .thumb { position: relative; width: 84px; min-width: 84px;}
.box-item.list .item .thumb img { position: relative; width: 64px; height: 64px; object-fit: cover; border-radius: 9px; }
.box-item.list .item .thumb .placeholder { position: relative; background: linear-gradient(45deg, rgba(0,0,0,.3), rgba(0,0,0,0.1)); width: 64px; height: 64px; object-fit: cover; border-radius: 9px; opacity: .4; }
.box-item.list .item .title { flex: 9 1 auto; }
.box-item.list .item .title h3 { font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-size: 2.1rem; }
.box-item.list .item .title .number { font-weight: 400; font-size: 1.6rem; font-variant-numeric: tabular-nums; }
.box-item.list .item .action { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 4px; padding-left: 10px; }
.box-item.list .item .action a { font-size: 2.4rem; padding: 1rem; min-width: 4.8rem; color: #FFFFFF; background: #1F4788; box-shadow: 0px 0px 0px 0px #1F4788; border-radius: 3px; text-align: center; }
.box-item.list .item .action a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; }
.box-item.list .item .tags { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 4px; }
.box-item.list .item .tags.has-tag-groups { justify-content: space-between; flex-wrap: wrap; }
.box-item.list .item .tags .tag-group { position: relative; display: flex; justify-content: flex-start; align-items: center; gap: 4px; }
.box-item.list .item .tag { position: relative; font-size: 1.2rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; }
.box-item.list .item .tag.percentage { font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; }
.box-item.list .item .tag.icon-only { display: flex; justify-content: center; align-items: center; width: 2.4rem; height: 2.4rem; padding: 0rem; }
.box-item.list .item .tag.cancelled, .box-item.list .item .tag.unavailable, .box-item.list .item .tag.overflowing, .box-item.list .item .tag.needs-follow-up, .box-item.list .item .tag.score.score-low { color: #4E181E; background: #F7D4D7; }
.box-item.list .item .tag.missing, .box-item.list .item .tag.score.score-med { color: #594317; background: #FCE7BB; }
.box-item.list .item .tag.event, .box-item.list .item .tag.info-alt, .box-item.list .item .tag.locked { color: #164B3E; background: #C9EDE4; }
.box-item.list .item .tag.success, .box-item.list .item .tag.score.score-high { color: #384D20; background: #D6E9C1; }
.box-item.list .item .tag.ticket { color: #594317; background: #FCE7BB; }
.box-item.list .item .tag.license-plate { font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; color: #BB0000; border: 2px solid #BB0000; background: #FFFFFF; font-size: 1.6rem; padding: .2rem 1rem; border-radius: 4px; }
.box-item.list .item .tag.tag-lrg { font-size: 2.1rem; }
.box-item.list .item .tag.text-transform-unset { text-transform: unset; }
.box-item.list-unit-history .item { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px 20px; padding: 20px 0px; }
.box-item.list-unit-history .item:not(:last-child) { box-shadow: 0px 1px 0px 0px #CCD1D9; }
.box-item.list-unit-history .item .txt-and-action { display: flex; flex-direction: row;  width: 100%; }
.box-item.list-unit-history .item .txt-and-action .txt { flex: 9 1 auto; }
.box-item.list-unit-history .item .txt-and-action .action { position: relative; display: flex; justify-content: flex-end; align-items: center; gap: 4px; }
.box-item.list-unit-history .item .txt-and-action .action a { font-size: 2.4rem; padding: 1rem; min-width: 4.8rem; color: #FFFFFF; background: #1F4788; box-shadow: 0px 0px 0px 0px #1F4788; border-radius: 3px; text-align: center; }
.box-item.list-unit-history .item .txt-and-action .action a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; }
.box-item.list-unit-history .item .remarks { display: block; width: 100%; }
.box-item.list-unit-history .item .tag { position: relative; background: #EEF0F3; color: #141719; font-size: 1.1rem; text-transform: uppercase; padding: .5rem 1rem; border-radius: 8px; }
.box-item.list-unit-history .item .tag.cancelled, .box-item.list-unit-history .item .tag.unavailable { background: #F7D4D7; color: #4E181E; }
.box-item.list-unit-history .item .tag.ticket { background: #FCE7BB; color: #594317; }
.box-item.list-unit-deployment .item { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; gap: 10px 20px; padding: 20px 0px; }
.box-item.list-unit-deployment .item:not(:last-child) { box-shadow: 0px 1px 0px 0px #CCD1D9; }
.box-item.list-unit-deployment .item .year { font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; }

.box-item.list-event-locked-history .item { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px 20px; padding: 20px 0px; }
.box-item.list-event-locked-history .item:not(:last-child) { box-shadow: 0px 1px 0px 0px #CCD1D9; }
.box-item.list-event-locked-history .item .txt-and-action { display: flex; flex-direction: row; align-items: center; width: 100%; }
.box-item.list-event-locked-history .item .txt-and-action .tag { margin-right: 1rem; }
.box-item.list-event-locked-history .item .txt-and-action .txt { flex: 9 1 auto; }
.box-item.list-event-locked-history .item .txt-and-action .action { position: relative; display: flex; justify-content: flex-end; align-items: center; gap: 4px; }
.box-item.list-event-locked-history .item .txt-and-action .action a { font-size: 2.4rem; padding: 1rem; min-width: 4.8rem; color: #FFFFFF; background: #1F4788; box-shadow: 0px 0px 0px 0px #1F4788; border-radius: 3px; text-align: center; }
.box-item.list-event-locked-history .item .txt-and-action .action a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; }
.box-item.list-event-locked-history .item .remarks { display: block; width: 100%; }
.box-item.list-event-locked-history .item .tag { position: relative; font-size: 1.5rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; }
.box-item.list-event-locked-history .item .tag.icon-only { display: flex; justify-content: center; align-items: center; width: 2.8rem; height: 2.8rem; padding: 0rem; }
.box-item.list-event-locked-history .item .tag.locked { background: #C9EDE4; color: #164B3E; }
.box-item.list-event-locked-history .item .tag.cancelled, .box-item.list-event-locked-history .item .tag.unavailable { color: #4E181E; background: #F7D4D7; }

.box-item.list-audit-survey .item { align-items: center; gap: 10px; }
.box-item.list-audit-survey .item .title h3 { font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 1.8rem; }
.box-item.list-audit-survey .item .tag { font-size: 1.8rem; }
.box-item.list-audit-survey .item .tag.icon-only { width: 3.2rem; height: 3.2rem; }

.box-item.list-products .item.subproduct { padding-left: 30px; }
.box-item.list-products .item.subproduct:before { position: absolute; left: 0px; top: calc(50% - 14px); font-size: 24px; font-family: "Font Awesome 7 Pro"; font-weight: 300; content: "\e634"; color: #CCD1D9; }

.box-item.tags { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 4px; }
.box-item.tags .tag { position: relative; font-size: 1.5rem; text-transform: uppercase; color: #141719; background: #FFFFFF; padding: .5rem 1rem; border-radius: 8px; white-space: nowrap; }
.box.has-light-theme:is(.with-background, .theme-default) .box-item.tags .tag:not(:is(.cancelled, .unavailable, .needs-follow-up, .ticket, .locked, .info-alt, .success, .license-plate, .delivery-status)) { background: #EEF0F3; }
.box-item.tags .tag.icon-only { display: flex; justify-content: center; align-items: center; width: 2.8rem; height: 2.8rem; padding: 0rem; }
.box-item.tags .tag.cancelled, .box-item.tags .tag.unavailable, .box-item.tags .tag.needs-follow-up { background: #F7D4D7; color: #4E181E; }
.box-item.tags .tag.ticket { background: #FCE7BB; color: #594317; }
.box-item.tags .tag.locked, .box-item.tags .tag.info-alt { background: #C9EDE4; color: #164B3E; }
.box-item.tags .tag.success { background: #D6E9C1; color: #384D20; }
.box-item.tags .tag.license-plate { font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; color: #BB0000; border: 2px solid #BB0000; background: #FFFFFF; font-size: 1.8rem; padding: .2rem 1rem; border-radius: 4px; }
.box-item.tags .tag.unit-number { font-variant-numeric: tabular-nums; }

.box-item.paginate { position: relative; display: flex; flex-wrap: wrap; gap: 4px; align-items: center; padding: 20px; }
.box-item.paginate a, .box-item.paginate span { position: relative; display: inline-block; font-size: 18px; padding: 12px 8px; min-width: 46px; color: #141719; background: #CCD1D9; box-shadow: 0px 0px 0px 0px #CCD1D9; border-radius: 3px; text-align: center; }
.box-item.paginate span { color: #FFFFFF; background: #1F4788; box-shadow: 0px 0px 0px 0px #1F4788; }
.box-item.paginate a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; }

.box-item.table-count { position: relative; padding: 20px; }
.box-item.table-count .tag { position: relative; display: inline-block; line-height: 1em; padding: .4rem; background: #EAF4DF; box-shadow: 0px 0px 0px 4px #EAF4DF; border-radius: 32px; margin-left: .4rem; margin-right: .4rem; }

.box-item.search-and-more { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; gap: 4px; justify-content: space-between; padding: 20px; }
.box-item.search-and-more form { display: flex; flex-wrap: wrap; flex-direction: row; gap: 4px; }
.box-item.search-and-more form input, .box-item.search-and-more form select, .box-item.search-and-more form button { width: auto; display: inline-block; vertical-align: bottom; font-size: 16px; padding: 12px 18px; border-radius: 3px; }
.box-item.search-and-more form input[type=text], .box-item.search-and-more form select { width: 40vw; max-width: 240px; background: #E6E9ED; box-shadow: 0px 0px; }
.box-item.search-and-more form button { min-width: auto; }
.box-item.search-and-more form button i { margin-right: 0px; }
.box-item.search-and-more .search i { display: flex; align-items: center; font-size: 18px; }
.box-item.search-and-more .more { display: flex; flex-wrap: wrap; flex-direction: row; gap: 4px; }
.box-item.search-and-more .more a { width: auto; display: inline-block; vertical-align: bottom; font-size: 18px; padding: 12px 18px; border-radius: 3px; }

.box-item.sort { position: relative; display: flex; flex-wrap: wrap; gap: 4px; padding: 0px 20px; }
.box-item.sort a { position: relative; display: inline-block; font-size: 1.5rem; padding: 1rem; min-width: 3.9rem; color: #141719; background: #CCD1D9; box-shadow: 0px 0px 0px 0px #CCD1D9; border-radius: 3px; text-align: center; }
.box-item.sort a i { margin-left: 4px; }
.box-item.sort a.active { color: #FFFFFF; background: #1F4788; box-shadow: 0px 0px 0px 0px #1F4788; }
.box-item.sort a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; }

.box-item.summary:not(:first-child) { padding: 2rem 0rem 0rem 0rem; }
.box-item.summary:not(:last-child) { padding-bottom: 2rem; }
.box-item.summary p:not(:last-child) { margin-bottom: 9px; }
.box-item.summary p { font-size: 2.1rem; }

.box-item.empty { display: flex; justify-content: center; align-items: center; text-align: center; height: 24vh; min-height: 200px; font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-style: italic; }

.box-dash-container { justify-content: flex-start; }

.box-dash-whatsnew { z-index: 2; }
.box-dash-whatsnew-footer.box.has-light-theme.theme-success { background: 0; padding: 0px 40px 30px 40px; margin-top: -14px; height: auto; z-index: 1; }
.box-dash-whatsnew-footer .box-item.whatsnew-footer-desc { position: relative; font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-size: 1.8rem; }
.box-dash-whatsnew-footer .box-item.whatsnew-footer-desc i { position: relative; margin-right: 1rem; font-size: 2.8rem; bottom: -.3rem; }
.box-dash-whatsnew-footer .box-item.whatsnew-footer-desc strong { position: relative; font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; }
.box-dash-whatsnew-footer .box-item.whatsnew-footer-desc strong:before { position: absolute; content: ""; background: #EAF4DF; top: -1rem; right: -1rem; bottom: -1rem; left: -1rem; z-index: -1; }

.box-dash-back-to-top { padding: 40px; }
.box-dash-back-to-top button { font-size: 4.2rem; padding: 2rem 4rem; }
.box-dash-back-to-top button:not(:hover) { background: 0; color: #CCD1D9; }
.box-dash-back-to-top button i { margin: 0; }

.box-unit-hrh { justify-content: stretch; }
.box-unit-hrh .box-item:not(:last-child) { padding-bottom: 6px; }
.box-unit-hrh .box-item.time { }
.box-unit-hrh .box-item.time p { display: inline-block; font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 1.8rem;  }
.box-unit-hrh .box-item.tags { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 4px; }
.box-unit-hrh .box-item.tags .tag { position: relative; font-size: 1.2rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; }
.box-unit-hrh .box-item.tags .tag.unavailable { background: #F7D4D7; color: #4E181E; }
.box-unit-hrh .box-item.tags .tag.ticket { background: #FCE7BB; color: #594317; }
.box-unit-hrh .box-item.caption { flex-grow: 1; }
.box-unit-hrh .box-item.caption h4 { font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-size: 1.8rem; }
.box-unit-hrh .box-item.caption p { font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 1.6rem; }
.box-unit-hrh .box-item.info { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; align-items: center; text-align: right; padding-bottom: 0px; }
.box-unit-hrh .box-item.info .title-and-date { flex: 1 1 0px; }
.box-unit-hrh .box-item.info .title-and-date .number p { font-weight: 700; }
.box-unit-hrh .box-item.info .thumb { position: relative; width: 64px; min-width: 64px;}
.box-unit-hrh .box-item.info .thumb img { position: relative; width: 64px; height: 64px; object-fit: cover; border-radius: 9px; }
.box-unit-hrh .box-item.info .thumb .placeholder { position: relative; background: linear-gradient(45deg, rgba(0,0,0,.3), rgba(0,0,0,0.1)); width: 64px; height: 64px; object-fit: cover; border-radius: 9px; opacity: .4; }
.box-unit-hrh .box-item.title-and-date { text-align: right; padding-bottom: 0px; }
.box-unit-hrh .box-item.title-and-date .title p { font-size: 1.5rem; }
.box-unit-hrh .box-item.title-and-date .date p { font-size: 1.5rem; }

.box-ticket { justify-content: stretch; }
.box-ticket:before { position: absolute; top: 10px; right: 10px; font-family: "Font Awesome 7 Pro"; font-weight: 300; content: "\f0ad"; color: #FFFFFF; font-size: 4rem; }
.box-ticket.status-1 { background: #DDEAF9; }
.box-ticket.status-2 { background: #C9EDE4; }
.box-ticket.status-3 { background: #D6E9C1; }
.box-ticket .tag.ticket-status.status-1 { background: #569CEC; color: #FFFFFF; }
.box-ticket .tag.ticket-status.status-2 { background: #48CFAD; color: #FFFFFF; }
.box-ticket .tag.ticket-status.status-3 { background: #8CC152; color: #FFFFFF; }
.box-ticket .tag.new { background: #FCE7BB; color: #594317; }

.box-ticket .box-item:not(:last-child) { padding-bottom: 6px; }
.box-ticket .box-item.time { }
.box-ticket .box-item.time p { display: inline-block; font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 1.8rem;  }
.box-ticket .box-item.tags { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 4px; }
.box-ticket .box-item.tags .tag { position: relative; font-size: 1.2rem; text-transform: uppercase; padding: .5rem 1rem; border-radius: 8px; }
.box-ticket .box-item.tags .tag.unavailable { background: #F7D4D7; color: #4E181E; }
.box-ticket .box-item.tags .tag.ticket-type, .box-ticket .box-item.tags .tag.ticket-priority:not(.priority-1) { color: #141719; background: #FFFFFF; }
.box-ticket .box-item.creator-and-assignee { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 4px; }
.box-ticket .box-item.creator-and-assignee .assignee { font-weight: 600; }
.box-ticket .box-item.description { flex-grow: 1; }
.box-ticket .box-item.description p { font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 1.8rem; }
.box-ticket .box-item.info { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; align-items: center; text-align: right; padding-bottom: 0px; }
.box-ticket .box-item.info .title-and-date { flex: 1 1 0px; }
.box-ticket .box-item.info .title-and-date .number p { font-weight: 700; }
.box-ticket .box-item.info .thumb { position: relative; width: 64px; min-width: 64px;}
.box-ticket .box-item.info .thumb img { position: relative; width: 64px; height: 64px; object-fit: cover; border-radius: 9px; }
.box-ticket .box-item.info .thumb .placeholder { position: relative; background: linear-gradient(45deg, rgba(0,0,0,.3), rgba(0,0,0,0.1)); width: 64px; height: 64px; object-fit: cover; border-radius: 9px; opacity: .4; }
.box-ticket .box-item.title-and-date { text-align: right; padding-bottom: 0px; }
.box-ticket .box-item.title-and-date .title p { font-size: 1.5rem; }
.box-ticket .box-item.title-and-date .date p { font-size: 1.5rem; }

.box-odometer { text-align: center; justify-content: center; }
.box-odometer .box-item.number { font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-size: 5.8rem; padding: 0px 0px 20px 0px; }
.box-odometer .box-item.caption { font-size: 1.6rem; }

.box-dash.has-justify-content-space-between { justify-content: space-between; }
.box-dash.has-justify-content-space-between .box-item.has-fill-space-and-align-end { flex: 9 1 auto; display: flex; flex-direction: row; align-items: flex-end; }

.box-dash .box-item.ttl { text-align: left; width: 100%; padding: 1rem 0rem 0rem 0rem; }
.box-dash .box-item.ttl h2 { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 4.2rem; }
.box-dash .box-item.ttl h3 { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 3.2rem; }
.box-dash .box-item.ttl h4 { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.4rem; }
.box-dash .box-item.ttl .tag { position: relative; display: inline-flex; justify-content: center; align-items: center; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.6rem; line-height: 1.6rem; height: 2rem; padding: .3rem; min-width: 2rem; text-align: center; background: #EAF4DF; box-shadow: 0px 0px 0px 4px #EAF4DF; border-radius: 32px; margin-right: 1rem; top: -.3rem; }
.box-dash .box-item.ttl .tag.number { top: -1rem; margin-right: 0; margin-left: 1rem; }
.box-dash.box-dash-greeting .box-item.ttl h3 { font-weight: 400; }
.box-dash .box-item.date { font-size: 2.4rem; }
.box-dash .box-item.staffing-hours { padding: 20px 0px; }
.box-dash .box-item.staffing-hours h3 { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 5.6rem; }
.box-dash .box-item.staffing-hours.unknown h3 { font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 4.2rem; line-height: 5.6rem; }
.box-dash .box-item.txt { text-align: left; width: 100%; }
.box-dash .box-item.txt:not(:first-child) { padding: 2rem 0rem 0rem 0rem; }
.box-dash .box-item.btns { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; gap: 4px; padding: 1.6rem 0rem; }
.box-dash .box-item.btns a { position: relative; display: inline-block; font-size: 1.5rem; padding: 1rem; min-width: 3.9rem; width: auto; color: #141719; background: #CCD1D9; box-shadow: 0px 0px 0px 0px #CCD1D9; border-radius: 32px; text-align: center; }
.box-dash .box-item.btns a:hover { background: #4A89DC; color: #FFFFFF; box-shadow: 0px 0px 0px 5px #4A89DC; }
.box-dash .box-item.btns { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; gap: 4px; padding: 1.6rem 0rem; }
.box-dash .box-item.btns.btns-large { gap: 10px; justify-content: center; }
.box-dash .box-item.btns.btns-large a { font-size: 2.4rem; padding: 2rem 4rem; border-radius: 48px; }

.box-dash .box-item.units-as-items { display: flex; flex-direction: row; flex-wrap: wrap; }
.box-dash .box-item.units-as-items .item { position: relative; flex: 0 1 0px; min-width: 33.333333%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background: #FFFFFF; border: 2px solid #EEF0F3; padding: 10px; border-radius: 9px; }
.box-dash .box-item.units-as-items .item .thumb { position: relative; width: 84px; min-width: 84px;}
.box-dash .box-item.units-as-items .item .thumb img { position: relative; width: 64px; height: 64px; object-fit: cover; border-radius: 9px; }
.box-dash .box-item.units-as-items .item .thumb .placeholder { position: relative; background: linear-gradient(45deg, rgba(0,0,0,.3), rgba(0,0,0,0.1)); width: 64px; height: 64px; object-fit: cover; border-radius: 9px; opacity: .4; }
.box-dash .box-item.units-as-items .item .title { flex: 9 1 auto; max-width: calc(100% - 132px); }
.box-dash .box-item.units-as-items .item .title h3 { font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 1.6rem; }
.box-dash .box-item.units-as-items .item .title .number { font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-size: 1.8rem; font-variant-numeric: tabular-nums; }
.box-dash .box-item.units-as-items .item .desc { font-size: 1.4rem; }
.box-dash .box-item.units-as-items .item .action { position: relative; display: flex; justify-content: flex-end; align-items: center; gap: 4px; }
.box-dash .box-item.units-as-items .item .action a { font-size: 2.4rem; padding: 1rem; min-width: 4.8rem; color: #CCD1D9; box-shadow: 0px 0px 0px 0px #1F4788; border-radius: 32px; text-align: center; }
.box-dash .box-item.units-as-items .item .action a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; }
.box-dash .box-item.units-as-items .item .tags { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 4px; }
.box-dash .box-item.units-as-items .item .tag { position: relative; font-size: 1.1rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; }
.box-dash .box-item.units-as-items .item .tag.cancelled, .box-item.list .item .tag.unavailable { color: #4E181E; background: #F7D4D7; }
.box-dash .box-item.units-as-items .item .tag.event { color: #164B3E; background: #C9EDE4; }
.box-dash .box-item.units-as-items .item .tag.license-plate { font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; color: #BB0000; border: 2px solid #BB0000; background: #FFFFFF; font-size: 1.6rem; padding: .2rem 1rem; border-radius: 4px; }
.box-dash .box-item.units-as-items .item .badge { position: relative; display: inline-block; font-size: 1.1rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; margin: 0px 0px 0px 8px; }
.box-dash .box-item.units-as-items .item .badge.circle { padding: .4rem; width: 1rem; height: 1rem; border-radius: 50%; }
.box-dash .box-item.units-as-items .item .badge.success { background: #8CC152; }
.box-dash .box-item.units-as-items .item .badge.warning { background: #F6BB42; }
.box-dash .box-item.units-as-items .item .badge.error { background: #E9573F; }

.box-dash .box-item.appliances-as-items { display: flex; flex-direction: row; flex-wrap: wrap; }
.box-dash .box-item.appliances-as-items .item { position: relative; flex: 0 1 0px; min-width: 33.333333%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background: #EEF0F3; border: 2px solid #FFFFFF; padding: 10px; border-radius: 9px; }
.box-dash .box-item.appliances-as-items .item .thumb { position: relative; width: 84px; min-width: 84px;}
.box-dash .box-item.appliances-as-items .item .thumb img { position: relative; width: 64px; height: 64px; object-fit: cover; border-radius: 9px; }
.box-dash .box-item.appliances-as-items .item .thumb .placeholder { position: relative; background: linear-gradient(45deg, rgba(0,0,0,.3), rgba(0,0,0,0.1)); width: 64px; height: 64px; object-fit: cover; border-radius: 9px; opacity: .4; }
.box-dash .box-item.appliances-as-items .item .title { flex: 9 1 auto; max-width: calc(100% - 132px); }
.box-dash .box-item.appliances-as-items .item .title h3 { font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 1.6rem; }
.box-dash .box-item.appliances-as-items .item .action { position: relative; display: flex; justify-content: flex-end; align-items: center; gap: 4px; }
.box-dash .box-item.appliances-as-items .item .action a { font-size: 2.4rem; padding: 1rem; min-width: 4.8rem; color: #CCD1D9; box-shadow: 0px 0px 0px 0px #1F4788; border-radius: 32px; text-align: center; }
.box-dash .box-item.appliances-as-items .item .action a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; }
.box-dash .box-item.appliances-as-items .item .tags { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 4px; }
.box-dash .box-item.appliances-as-items .item .tag { position: relative; font-size: 1.1rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; }

.box-dash .box-item.tickets-as-items { display: flex; flex-direction: row; flex-wrap: wrap; }
.box-dash .box-item.tickets-as-items .item { position: relative; flex: 0 1 0px; min-width: 33.333333%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background: #EEF0F3; border: 2px solid #FFFFFF; padding: 10px; border-radius: 9px; }
.box-dash .box-item.tickets-as-items .item.status-1 { background: #DDEAF9; }
.box-dash.box.has-light-theme.theme-info .box-item.tickets-as-items .item.status-1 { background: rgba(255, 255, 255, .9); }
.box-dash .box-item.tickets-as-items .item.status-2 { background: #C9EDE4; }
.box-dash .box-item.tickets-as-items .item.status-3 { background: #D6E9C1; }
.box-dash .box-item.tickets-as-items .item .tag.new { background: #FCE7BB; color: #594317; }
.box-dash .box-item.tickets-as-items .item .thumb { position: relative; width: 84px; min-width: 84px;}
.box-dash .box-item.tickets-as-items .item .thumb img { position: relative; width: 64px; height: 64px; object-fit: cover; border-radius: 9px; }
.box-dash .box-item.tickets-as-items .item .thumb .placeholder { position: relative; background: linear-gradient(45deg, rgba(0,0,0,.3), rgba(0,0,0,0.1)); width: 64px; height: 64px; object-fit: cover; border-radius: 9px; opacity: .4; }
.box-dash .box-item.tickets-as-items .item .title { flex: 9 1 auto; max-width: calc(100% - 132px); }
.box-dash .box-item.tickets-as-items .item .title h3 { font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 1.6rem; }
.box-dash .box-item.tickets-as-items .item .action { position: relative; display: flex; justify-content: flex-end; align-items: center; gap: 4px; }
.box-dash .box-item.tickets-as-items .item .action a { font-size: 2.4rem; padding: 1rem; min-width: 4.8rem; color: #CCD1D9; box-shadow: 0px 0px 0px 0px #1F4788; border-radius: 32px; text-align: center; }
.box-dash .box-item.tickets-as-items .item .action a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; }
.box-dash .box-item.tickets-as-items .item .tags { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 4px; }
.box-dash .box-item.tickets-as-items .item .tag { position: relative; font-size: 1.1rem; text-transform: uppercase; padding: .5rem 1rem; border-radius: 8px; }
.box-dash .box-item.tickets-as-items .item .tag.unavailable { background: #F7D4D7; color: #4E181E; }
.box-dash .box-item.tickets-as-items .item .tag.ticket-type, .box-dash .box-item.tickets-as-items .item .tag.ticket-priority:not(.priority-1) { color: #141719; background: #FFFFFF; }
.box-dash .box-item.tickets-as-items .item .tag.ticket-status.status-1 { background: #569CEC; color: #FFFFFF; }
.box-dash .box-item.tickets-as-items .item .tag.ticket-status.status-2 { background: #48CFAD; color: #FFFFFF; }
.box-dash .box-item.tickets-as-items .item .tag.ticket-status.status-3 { background: #8CC152; color: #FFFFFF; }

.box-dash .box-item.events-as-items { display: flex; flex-direction: row; flex-wrap: wrap; }
.box-dash .box-item.events-as-items .item { position: relative; flex: 0 1 0px; min-width: 33.333333%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background: #EEF0F3; border: 2px solid #FFFFFF; padding: 10px; border-radius: 9px; }
.box-dash .box-item.events-as-items .item .title { flex: 9 1 auto; max-width: calc(100% - 48px); }
.box-dash .box-item.events-as-items .item .title h3 { font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 1.6rem; }
.box-dash .box-item.events-as-items .item .date { font-size: 1.8rem; }
.box-dash .box-item.events-as-items .item .action { position: relative; display: flex; justify-content: flex-end; align-items: center; gap: 4px; }
.box-dash .box-item.events-as-items .item .action a { font-size: 2.4rem; padding: 1rem; min-width: 4.8rem; color: #CCD1D9; box-shadow: 0px 0px 0px 0px #1F4788; border-radius: 32px; text-align: center; }
.box-dash .box-item.events-as-items .item .action a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; }
.box-dash .box-item.events-as-items .item .tags { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 4px; }
.box-dash .box-item.events-as-items .item .tag { position: relative; font-size: 1.1rem; text-transform: uppercase; padding: .5rem 1rem; border-radius: 8px; }
.box-dash .box-item.events-as-items .item .tag.cancelled { background: #F7D4D7; color: #4E181E; }

@media only screen and (max-width: 1420px) { .box-dash-container .grid.w-3 { width: 50%; } }
@media only screen and (max-width: 1240px) { .box-dash .box-item.units-as-items .item, .box-dash .box-item.appliances-as-items .item, .box-dash .box-item.tickets-as-items .item, .box-dash .box-item.events-as-items .item { min-width: 50%; } }
@media only screen and (max-width: 640px) { 
	.box-dash-container .grid.w-3 { width: 100%; }
	.box-dash .box-item.units-as-items .item, .box-dash .box-item.appliances-as-items .item, .box-dash .box-item.tickets-as-items .item, .box-dash .box-item.events-as-items .item { min-width: 100%; } 
}

.box-dash .box-item.list.event-days-list .date { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.4rem; }
.box-dash .box-item.list.event-days-list .info { padding-top: 6px; }
.box-dash .box-item.list.event-days-list .opening_hours { padding-bottom: 6px; }
.box-dash .box-item.list.event-days-list .action a { min-width: 7.6rem; padding: 2.4rem; }

.box-dash .box-item.list.event-buildup-teardown-days-list .item { flex-direction: column; }
.box-dash .box-item.list.event-buildup-teardown-days-list .item .item-header { display: flex; align-items: center; flex-wrap: wrap; }
.box-dash .box-item.list.event-buildup-teardown-days-list .item .item-header .date { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.4rem; }
.box-dash .box-item.list.event-buildup-teardown-days-list .item .item-header .title { font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-size: 2.1rem; padding-left: 1rem; }
.box-dash .box-item.list.event-buildup-teardown-days-list .item .item-header .total-staff-count { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.4rem; }
.box-dash .box-item.list.event-buildup-teardown-days-list .item .item-header .total-staff-count i { color: #CCD1D9; }
.box-dash .box-item.list.event-buildup-teardown-days-list .item .item-remarks { padding-top: 6px; }
.box-dash .box-item.list.event-buildup-teardown-days-list .item .item-time-slots { position: relative; display: flex; flex-wrap: wrap; gap: 4px; padding-top: 8px; }
.box-dash .box-item.list.event-buildup-teardown-days-list .item .item-time-slots .item-time-slot { position: relative; flex: 1 1 auto; display: inline-flex; flex-direction: column; flex-wrap: wrap; gap: 4px; background: rgba(255, 255, 255, .9); padding: 10px 40px 10px 10px; border-radius: 9px; }
.box-dash .box-item.list.event-buildup-teardown-days-list .item .item-time-slots .item-time-slot .title { position: relative; display: block; font-size: 1.8rem; font-weight: 700; width: 100%; }
.box-dash .box-item.list.event-buildup-teardown-days-list .item .item-time-slots .item-time-slot .time { white-space: nowrap; }
.box-dash .box-item.list.event-buildup-teardown-days-list .item .item-time-slots .item-time-slot .break { white-space: nowrap; }
.box-dash .box-item.list.event-buildup-teardown-days-list .item .item-time-slots .item-time-slot .count { position: absolute; top: 10px; right: 10px; display: inline-flex; justify-content: center; align-items: center; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.6rem; line-height: 1.6rem; height: 2rem; padding: .3rem; min-width: 2rem; text-align: center; background: #EAF4DF; box-shadow: 0px 0px 0px 4px #EAF4DF; border-radius: 32px; }

.tbl-ttl { padding: 20px 0px 0px 0px; }
.tbl-ttl:not(:first-child) { margin-top: 20px; box-shadow: 0px -1px 0px 0px #CCD1D9; }
.tbl-ttl h3 { font-family: 'Inter', Arial, sans-serif; font-weight: 600; font-size: 3.2rem; }

.form-table-pos-for-zones .table-container { overflow-x: auto; }
.form-table-pos-for-zones table { border-spacing: 0px; min-width: 100%; }
.form-table-pos-for-zones .frm-item { padding: 0px; }
.form-table-pos-for-zones .frm-item input, .form-table-pos-for-zones .frm-item select { width: 100%; }
.form-table-pos-for-zones td { position: relative; background: #FFFFFF; }
.form-table-pos-for-zones td.pos.extension:has(input:checked):before { position: absolute; left: 0px; top: calc(50% - 14px); font-size: 24px; font-family: "Font Awesome 7 Pro"; font-weight: 300; content: "\f148"; color: #141719; }
.form-table-pos-for-zones th { padding: 4px 4px 0px 0px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.6rem; }
.form-table-pos-for-zones th.position { width: 8rem; }
.form-table-pos-for-zones td { padding: 4px 4px 4px 0px; }
.form-table-pos-for-zones td.specialty { position: sticky; left: 0px; z-index: 1; }
.form-table-pos-for-zones td.specialty .frm-item { box-shadow: 4px 0px 0px #FFFFFF; }
.form-table-pos-for-zones td.specialty select:disabled, .form-table-pos-for-zones td.form select:disabled, .form-table-pos-for-zones tr:nth-child(odd) td.specialty select:disabled, .form-table-pos-for-zones tr:nth-child(odd) td.form select:disabled { background: #FFFFFF; }
.form-table-pos-for-zones td.pos.extension { width: 92px; }
.form-table-pos-for-zones td.pos .frm-checkbox label { padding: 0px; }
.form-table-pos-for-zones td.pos .frm-checkbox label:before { position: relative; left: auto; margin-top: auto; }
.form-table-pos-for-zones td.handle, .form-table-pos-for-zones td.pricelist, .form-table-pos-for-zones td.staffing, .form-table-pos-for-zones td.extension { vertical-align: middle; text-align: center; }
.form-table-pos-for-zones td.pos.specialty, .form-table-pos-for-zones td.pos.title { min-width: 20rem; }
.form-table-pos-for-zones td.pos.form { min-width: 14rem; }
.form-table-pos-for-zones td.pos.subcontractor { min-width: 14rem; }
.form-table-pos-for-zones td.pos.position { min-width: 6rem; }
.form-table-pos-for-zones td.day { }
.form-table-pos-for-zones td.day .frm-input { }
.form-table-pos-for-zones td.day input { min-width: 7rem; width: 100%; }
@media only screen and (max-width: 640px) { .form-table-pos-for-zones td.specialty { position: relative; left: auto; } }

.form-table-pos-for-zones .frm-item.has-orig-value input, .form-table-pos-for-zones .frm-item.has-orig-value select{ background: #EAF4DF; }
.form-table-pos-for-zones tr:nth-child(odd) .frm-item.has-orig-value input, .form-table-pos-for-zones tr:nth-child(odd) .frm-item.has-orig-value select { background: #E5F1D7; }
.form-table-pos-for-zones input.has-value, .form-table-pos-for-zones select.has-value, .form-table-pos-for-zones .frm-item.has-orig-value input.has-value, .form-table-pos-for-zones .frm-item.has-orig-value select.has-value { background: #DAF3ED; }
.form-table-pos-for-zones tr:nth-child(odd) input.has-value, .form-table-pos-for-zones tr:nth-child(odd) select.has-value, .form-table-pos-for-zones tr:nth-child(odd) .frm-item.has-orig-value input.has-value, .form-table-pos-for-zones tr:nth-child(odd) .frm-item.has-orig-value select.has-value { background: #D1F0E8; }
.form-table-pos-for-zones .btn-add-row { position: relative; display: inline-block; font-size: 1.5rem; padding: 1rem; min-width: 3.9rem; width: auto; border-radius: 3px; color: #141719; text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: #141719; text-align: center; }
.form-table-pos-for-zones .btn-add-row:hover { color: #4A89DC; text-decoration-color: #4A89DC; cursor: pointer; }

.form-table-pos-for-zones tr:nth-child(odd) input, .form-table-pos-for-zones tr:nth-child(odd) select { background: #D9DDE3; }
.form-table-pos-for-zones tr.ui-sortable-helper { box-shadow: 0px 0px 24px -18px #141719; }
.form-table-pos-for-zones tr.sortable-placeholder td { height: 48px; background: #DAF3ED; }
.form-table-pos-for-zones td.handle { width: 20px; font-size: 1.6rem; }
.form-table-pos-for-zones td.handle:hover { cursor: pointer; }

.form-table-pricelist .table-container { overflow-x: auto; }
.form-table-pricelist table { border-spacing: 0px; min-width: 100%; }
.form-table-pricelist .frm-item { padding: 0px; }
.form-table-pricelist .frm-item input, .form-table-pricelist .frm-item select { width: auto; }
.form-table-pricelist td { position: relative; background: #FFFFFF; }
.form-table-pricelist th { padding: 4px 4px 0px 0px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.6rem; }
.form-table-pricelist td { padding: 4px 4px 4px 0px; }
.form-table-pricelist td .frm-checkbox label { padding: 0px; }
.form-table-pricelist td .frm-checkbox label:before { position: relative; left: auto; margin-top: auto; }
.form-table-pricelist .frm-input, .form-table-pricelist .frm-select { align-items: stretch; }

.form-table-pricelist .frm-item.has-orig-value input, .form-table-pricelist .frm-item.has-orig-value select{ background: #EAF4DF; }
.form-table-pricelist tr:nth-child(odd) .frm-item.has-orig-value input, .form-table-pricelist tr:nth-child(odd) .frm-item.has-orig-value select { background: #E5F1D7; }
.form-table-pricelist input.has-value, .form-table-pricelist select.has-value, .form-table-pricelist .frm-item.has-orig-value input.has-value, .form-table-pricelist .frm-item.has-orig-value select.has-value { background: #DAF3ED; }
.form-table-pricelist tr:nth-child(odd) input.has-value, .form-table-pricelist tr:nth-child(odd) select.has-value, .form-table-pricelist tr:nth-child(odd) .frm-item.has-orig-value input.has-value, .form-table-pricelist tr:nth-child(odd) .frm-item.has-orig-value select.has-value { background: #D1F0E8; }
.form-table-pricelist .btn-add-row { position: relative; display: inline-block; font-size: 1.5rem; padding: 1rem; min-width: 3.9rem; width: auto; border-radius: 3px; color: #141719; text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: #141719; text-align: center; }
.form-table-pricelist .btn-add-row:hover { color: #4A89DC; text-decoration-color: #4A89DC; cursor: pointer; }

.form-table-pricelist tr:nth-child(odd) input, .form-table-pricelist tr:nth-child(odd) select { background: #D9DDE3; }
.form-table-pricelist tr.ui-sortable-helper { box-shadow: 0px 0px 24px -18px #141719; }
.form-table-pricelist tr.sortable-placeholder td { height: 48px; background: #DAF3ED; }
.form-table-pricelist td.handle, .form-table-pricelist td.vegetarian { vertical-align: middle; text-align: center; }
.form-table-pricelist td.handle { width: 20px; font-size: 1.6rem; }
.form-table-pricelist td.handle:hover { cursor: pointer; }

.form-pos-checkboxes .pos-items { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
.form-pos-checkboxes .zone-title { position: relative; font-size: 18px; font-weight: 700; padding-top: 10px; padding-bottom: 4px; }
.form-pos-checkboxes .pos-items .frm-item { padding: 0px; }
.form-pos-checkboxes .pos-items .frm-checkbox { display: flex; }
.form-pos-checkboxes .pos-items .frm-checkbox input[type=checkbox] + label:before { display: none; }
.form-pos-checkboxes .pos-items .frm-checkbox input[type=checkbox] + label { padding: 6px; box-shadow: 0px 0px 0px 2px #D9DDE3; background: #D9DDE3; border-radius: 3px; }
.form-pos-checkboxes .pos-items .frm-checkbox input[type=checkbox] + label .title { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; }
.form-pos-checkboxes .pos-items .frm-checkbox input[type=checkbox] + label .specialty { font-size: 1.2rem; text-transform: uppercase; }
.form-pos-checkboxes .pos-items .frm-checkbox input[type=checkbox]:checked + label { color: #FFFFFF; text-decoration: none; background: #569CEC; box-shadow: 0px 0px 0px 2px #569CEC; }

.form-checkboxes-inline { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
.form-checkboxes-inline .frm-item { padding: 0; }
.form-checkboxes-inline .frm-checkbox label { padding: 1.2rem 1.2rem 1.2rem 4.2rem; background: #EEF0F3; border-radius: 32px; }
.form-checkboxes-inline .frm-checkbox input[type=checkbox] + label:before { left: 10px; color: #CCD1D9; }
.form-checkboxes-inline .frm-checkbox input[type=checkbox] + label:hover:before { color: #006BB0; }
.form-checkboxes-inline .frm-checkbox input[type=checkbox]:checked + label { color: #FFFFFF; background: #569CEC; }
.form-checkboxes-inline .frm-checkbox input[type=checkbox]:checked + label:before { color: #FFFFFF; }
.form-checkboxes-inline .frm-checkbox input[type=checkbox]:checked:disabled + label { color: #FFFFFF; background: #48CFAD; text-decoration-color: #48CFAD; }
.form-table-units-for-event-header-txt p strong { padding: 3px; background: #DAF3ED; }
.form-table-units-for-event .table-container { overflow-x: auto; }
.form-table-units-for-event table { border-collapse: collapse; min-width: 100%; }
.form-table-units-for-event .frm-item { padding: 0px; }
/*
.form-table-units-for-event .frm-item input, .form-table-units-for-event .frm-item select { width: auto; }
*/
.form-table-units-for-event tr { }
.form-table-units-for-event th { padding: 4px 4px 0px 0px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.6rem; }
.form-table-units-for-event th.day { text-align: center; }
.form-table-units-for-event td { padding: 4px 4px 4px 0px; }
.form-table-units-for-event tr.pos td:not(.zone-color) { padding: 14px 0px 14px 0px; font-size: 17px; border-bottom: 1px solid #CCD1D9; }
.form-table-units-for-event tr.days-header th { padding: 14px 0px 14px 0px; font-size: 17px;  }
.form-table-units-for-event tr.pos td:not(.zone-color) { border-top: 1px solid #CCD1D9; }
.form-table-units-for-event tr.pos td.specialty-and-form { padding-left: 14px; }
.form-table-units-for-event tr.pos td.specialty-and-form .pos-title { font-size: 2.4rem; }
.form-table-units-for-event tr.pos td.day { text-align: center; }
.form-table-units-for-event tr.unit td:not(.zone-color) { border-bottom: 1px solid #CCD1D9; vertical-align: top; }
.form-table-units-for-event tr.unit td.specialty-and-form { padding-left: 14px; vertical-align: top; }
.form-table-units-for-event tr td.none-available { padding: 4px 14px; font-style: italic; vertical-align: middle; height: 48px; }
.form-table-units-for-event td.specialty-and-form .frm-item:not(.has-orig-value) select:not(.has-value) { background: repeating-linear-gradient( -45deg, #E6E9ED, #E6E9ED 10px, #FFFFFF 10px, #FFFFFF 20px); }
.form-table-units-for-event td.specialty-and-form select:focus { color: #141719; background: #8BB3E9; border-color: #4A89DC; box-shadow: 0px 2px 0px 0px #4A89DC; }
.form-table-units-for-event td.specialty-and-form select option { background: #FFFFFF; }
.form-table-units-for-event td.specialty-and-form .frm-item { box-shadow: 4px 0px 0px #FFFFFF; }
.form-table-units-for-event td.day { text-align: center; border-left: 1px dashed #CCD1D9; }
.form-table-units-for-event td.day input { min-width: 7rem; width: 100%; }
.form-table-units-for-event td.day.day-presence .frm-item { }
.form-table-units-for-event td.day.day-presence input { min-width: auto; max-width: 12rem; }
.form-table-units-for-event td.day .frm-checkbox label { padding: 0px; }
.form-table-units-for-event td.day .frm-checkbox label:before { position: relative; left: auto; margin-top: auto; }
.form-table-units-for-event td.day .frm-item.timeslot { display: inline-flex; flex-direction: column; margin: 4px; }
.form-table-units-for-event td.day .frm-item.timeslot p.time { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; }
.form-table-units-for-event td.day > .frm-input { display: inline-flex; align-items: center; margin: 4px; }
.form-table-units-for-event td.day .frm-input ::-webkit-input-placeholder { font-weight: 400; }
.form-table-units-for-event td.day .frm-input :-ms-input-placeholder { font-weight: 400; }
.form-table-units-for-event td.day .frm-input ::placeholder { font-weight: 400; }
.form-table-units-for-event .tbl-ttl { position: relative; display: inline-block; margin-left: -32px; margin-top: -4px; padding: 10px 30px; color: #FFFFFF; }
.form-table-units-for-event .tbl-txt i { margin-right: 1rem; }

.form-table-units-for-event td.specialty-and-form { border-left: 1px solid #CCD1D9; } 
.form-table-units-for-event td.day:last-child { border-right: 1px solid #CCD1D9; } 

.form-table-staffing-pos-layout tr.pos td.staffed-by-club { text-align: center; vertical-align: middle; }
.form-table-staffing-pos-layout tr.pos td.staffed-by-club .frm-checkbox label { padding: 0px; }
.form-table-staffing-pos-layout tr.pos td.staffed-by-club .frm-checkbox label:before { position: relative; left: auto; margin-top: auto; }
.form-table-staffing-pos-layout tr.pos td.club-name, .form-table-staffing-pos-layout tr.pos td.supervisor-name  { padding-right: 4px; vertical-align: middle; }
.form-table-staffing-pos-layout tr.pos td.supervisor-phone { padding-right: 14px; vertical-align: middle; }
.form-table-staffing-pos-layout tr.pos td:last-child { border-right: 1px solid #CCD1D9; }

.table-audits-for-event-layout tr.zone-audit-result td .tags { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; gap: 4px; }
.table-audits-for-event-layout tr.zone-audit-result td .tag { position: relative; display: inline-block; font-size: 1.8rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .8rem 1.6rem; border-radius: 8px; }
.table-audits-for-event-layout tr.zone-audit-result td .tag.score.score-low { color: #4E181E; background: #F7D4D7; }
.table-audits-for-event-layout tr.zone-audit-result td .tag.score.score-med { color: #594317; background: #FCE7BB; }
.table-audits-for-event-layout tr.zone-audit-result td .tag.score.score-high { background: #D6E9C1; color: #384D20; }

.table-audits-for-event-layout tr.pos td:last-child { border-right: 1px solid #CCD1D9; text-align: right; padding-right: 14px; }
.table-audits-for-event-layout tr.pos.pos-has-audit td:not(:first-child) { border-bottom: 0px; border-top: 4px solid #CCD1D9 }
.table-audits-for-event-layout tr.pos .action { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 4px; padding-left: 10px; }
.table-audits-for-event-layout tr.pos .action a { font-size: 2.4rem; padding: 1rem; min-width: 4.8rem; color: #FFFFFF; background: #1F4788; box-shadow: 0px 0px 0px 0px #1F4788; border-radius: 3px; text-align: center; }
.table-audits-for-event-layout tr.pos .action a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; }
.table-audits-for-event-layout tr.audit td { padding: 14px 0px; }
.table-audits-for-event-layout tr.audit td.needs-follow-up { padding-left: 14px; border-left: 1px solid #CCD1D9; }
.table-audits-for-event-layout tr.audit td.needs-follow-up .tags { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; gap: 4px; }
.table-audits-for-event-layout tr.audit td:last-child { border-right: 1px solid #CCD1D9; }
.table-audits-for-event-layout tr.audit td.role { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; }
.table-audits-for-event-layout tr.audit:not(.has-last-row):not(.has-remarks) td:not(:first-child) { border-bottom: 1px dashed #CCD1D9; }
.table-audits-for-event-layout tr.audit.has-last-row td:not(:first-child) { border-bottom: 1px solid #CCD1D9; }
.table-audits-for-event-layout tr.audit-remarks td.remarks { padding-left: 14px; border-left: 1px solid #CCD1D9; }

.theme-box-audits-needs-follow-up { max-height: 40vh; overflow-y: auto; }
.box-item.list-audits-needs-follow-up { display: flex; flex-wrap: wrap; gap: 4px; }
.box-item.list-audits-needs-follow-up .item { flex: 1 1 auto; background: rgba(255, 255, 255, .9); border-radius: 9px; padding: 10px 16px; }
.box-item.list-audits-needs-follow-up .item .pos { font-size: 1.6rem; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; }
.box-item.list-audits-needs-follow-up .item .role { font-size: 1.4rem; text-transform: uppercase; }
.box-item.list-audits-needs-follow-up .item .date { font-size: 1.2rem; }

.audits-pos-for-zone-header-summary .box-item.units-as-items .item { min-width: 50%; }
.audit-header-summary .box-item.tags .tag { font-size: 3rem; width: 5.6rem; height: 5.6rem; }

.table-audits-pos-for-zone-layout .table-container { overflow-x: auto; }
.table-audits-pos-for-zone-layout table { border-collapse: collapse; min-width: 100%; }
.table-audits-pos-for-zone-layout tr.audit td { padding: 14px 0px; vertical-align: middle; }
.table-audits-pos-for-zone-layout tr.audit td.needs-follow-up { padding-left: 14px; }
.table-audits-pos-for-zone-layout tr.audit td.needs-follow-up .tags { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; gap: 4px; }
.table-audits-pos-for-zone-layout tr.audit td:last-child { padding-right: 14px; }
.table-audits-pos-for-zone-layout tr.audit td.role { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; }
.table-audits-pos-for-zone-layout tr.audit td .action { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 4px; }
.table-audits-pos-for-zone-layout tr.audit td .action a { font-size: 2.4rem; padding: 1rem; min-width: 4.8rem; color: #FFFFFF; background: #1F4788; box-shadow: 0px 0px 0px 0px #1F4788; border-radius: 3px; text-align: center; }
.table-audits-pos-for-zone-layout tr.audit td .action a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; }

.table-audits-pos-for-zone-layout tr.audit-remarks td.remarks { padding-left: 14px; }
.table-audits-pos-for-zone-layout tr.audit-remarks:not(:last-child) td, .table-audits-pos-for-zone-layout tr.audit:not(.has-remarks):not(:last-child) td { border-bottom: 1px solid #CCD1D9; }

.table-audits-layout tr.audit .tag { position: relative; display: inline-block; font-size: 1.2rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; }
.table-audits-layout tr.audit .tag.icon-only { display: flex; justify-content: center; align-items: center; width: 2.4rem; height: 2.4rem; padding: 0rem; }
.table-audits-layout tr.audit .tag.needs-follow-up, .table-audits-layout tr.audit .tag.score.score-low { color: #4E181E; background: #F7D4D7; }
.table-audits-layout tr.audit .tag.score.score-med { color: #594317; background: #FCE7BB; }
.table-audits-layout tr.audit .tag.score.score-high, .table-audits-layout tr.audit .tag.success { background: #D6E9C1; color: #384D20; }
.table-audits-layout tr.audit-remarks td { padding-top: 0px; }
.table-audits-layout tr.audit-remarks.has-images td.remarks p { padding-top: 6px; }

th.zone-color, td.zone-color { width: 18px; box-shadow: 0px 0px; }
tr.title td.zone-color { border-right: 0px; }
tr.zone-color-1 th.zone-color, tr.zone-color-1 td.zone-color { border-left: 12px solid #569CEC; }
tr.zone-color-2 th.zone-color, tr.zone-color-2 td.zone-color { border-left: 12px solid #48CFAD; }
tr.zone-color-3 th.zone-color, tr.zone-color-3 td.zone-color { border-left: 12px solid #FC6E51; }
tr.zone-color-4 th.zone-color, tr.zone-color-4 td.zone-color { border-left: 12px solid #AC92EC; }
tr.zone-color-5 th.zone-color, tr.zone-color-5 td.zone-color { border-left: 12px solid #EC87C0; }
tr.zone-color-6 th.zone-color, tr.zone-color-6 td.zone-color { border-left: 12px solid #8CC152; }

tr.zone-color-1 td .tbl-ttl { background: #569CEC; }
tr.zone-color-2 td .tbl-ttl { background: #48CFAD; }
tr.zone-color-3 td .tbl-ttl { background: #FC6E51; }
tr.zone-color-4 td .tbl-ttl { background: #AC92EC; }
tr.zone-color-5 td .tbl-ttl { background: #EC87C0; }
tr.zone-color-6 td .tbl-ttl { background: #8CC152; }

.form-table-units-for-event .frm-item.has-orig-value input, .form-table-units-for-event .frm-item.has-orig-value select{ background: #EAF4DF; }
.form-table-units-for-event tr:nth-child(odd) .frm-item.has-orig-value input, .form-table-units-for-event tr:nth-child(odd) .frm-item.has-orig-value select { background: #E5F1D7; }
.form-table-units-for-event input.has-value, .form-table-units-for-event select.has-value, .form-table-units-for-event .frm-item.has-orig-value input.has-value, .form-table-units-for-event .frm-item.has-orig-value select.has-value { background: #DAF3ED; }
.form-table-units-for-event tr:nth-child(odd) input.has-value, .form-table-units-for-event tr:nth-child(odd) select.has-value, .form-table-units-for-event tr:nth-child(odd) .frm-item.has-orig-value input.has-value, .form-table-units-for-event tr:nth-child(odd) .frm-item.has-orig-value select.has-value { background: #D1F0E8; }
.form-table-units-for-event .btn-add-row { position: relative; display: inline-block; font-size: 1.5rem; padding: 1rem; min-width: 3.9rem; width: auto; border-radius: 3px; color: #141719; text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: #141719; text-align: center; }
.form-table-units-for-event .btn-add-row:hover { color: #4A89DC; text-decoration-color: #4A89DC; cursor: pointer; }

.box-item.cal-controls { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; gap: 4px; justify-content: space-between; background: #FFFFFF; box-shadow: 0px 0px 0px 10px #FFFFFF; border-radius: 2px; }
.box-item.cal-controls form input, .box-item.cal-controls form select, .box-item.cal-controls form button { width: auto; display: inline-block; vertical-align: bottom; font-size: 18px; padding: 12px 18px; border-radius: 3px; }
.box-item.cal-controls form button i { margin-right: 0px; }
.box-item.cal-controls .jump form { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; gap: 4px; }
.box-item.cal-controls .jump form select { width: 80px; background: #E6E9ED; box-shadow: 0px 0px; }
.box-item.cal-controls .jump form select#filter { width: 240px; max-width: 40vw; }
.box-item.cal-controls .jump .frm-item { padding: 0px; }
.box-item.cal-controls div.prev, .box-item.cal-controls div.next { display: flex; flex-wrap: wrap; flex-direction: row; gap: 4px; }
.box-item.cal-controls div.prev a, .box-item.cal-controls div.next a { width: auto; display: inline-block; vertical-align: bottom; font-size: 18px; padding: 12px 18px; border-radius: 3px; }
.box-item.cal-controls div.prev a i, .box-item.cal-controls div.next a i { margin: 0px; }
.box-item.cal-controls .search-and-paginate { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; gap: 4px; }
.box-item.cal-controls .search-and-paginate .search-and-more, .box-item.cal-controls .search-and-paginate .paginate { display: inline-flex; padding: 0px; max-width: 100%; }
.box-item.cal-controls .search-and-paginate .search-and-more button { margin-right: 20px; } 

.table-events-calendar .table-container { overflow-x: auto; }
.table-events-calendar table { border-collapse: collapse; min-width: 100%; }
.table-events-calendar tr { position: relative;}
.table-events-calendar tr.days button { position: relative; display: inline-block; font-size: 1.5rem; padding: 1rem; margin-right: .4em; min-width: 3.9rem; width: auto; color: #141719; background: #CCD1D9; box-shadow: 0px 0px 0px 0px #CCD1D9; border-radius: 3px; text-align: center; }
.table-events-calendar tr.days button i { margin: 0px; }
.table-events-calendar tr.days button:hover { background: #4A89DC; color: #FFFFFF; box-shadow: 0px 0px 0px 5px #4A89DC; }
.table-events-calendar th { padding: 8px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.6rem; }
.table-events-calendar th.day { text-align: center; width: 8%; }
.table-events-calendar td { position: relative; padding: 8px; border: 1px solid #CCD1D9; }
.table-events-calendar tr.event-is-cancelled td, .table-events-calendar tr.unit.is-extension.event-is-cancelled td.title:before { color: #AAB2BD; }
.table-events-calendar tr.event td.title h4 { font-size: 24px; font-weight: 700; }
.table-events-calendar tr.event td.title h4 .cancelled { position: relative; display: inline-block; margin-left: .4em; vertical-align: top; font-size: 60%; color: #4E181E; background: #F7D4D7; text-transform: uppercase; padding: .5rem 1rem; border-radius: 8px; }
.table-events-calendar tr.event td p { padding: 4px 0px; }
.table-events-calendar tr.event td p strong { padding: 3px; background: #DAF3ED; }
.table-events-calendar tr.event td.day.active { background: #569CEC; }
.table-events-calendar tr.zone td { background: #EEF0F3; }
.table-events-calendar tr.zone td.title p { font-size: 18px; font-weight: 700; }
.table-events-calendar tr.pos td.title p { font-size: 16px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; }
.table-events-calendar tr.unit td.lend-period { background: repeating-linear-gradient(-45deg, #CDBEF4, #CDBEF4 4px, transparent 4px, transparent 8px); }
.table-events-calendar tr.unit td.is-planned { background: #AC92EC; }
.table-events-calendar tr.unit td.title { padding-left: 20px; border-right: 0px; }
.table-events-calendar tr.unit td.title .remarks { position: relative; font-style: italic; padding-left: 6px; }
.table-events-calendar tr.unit td.title .tag { position: relative; display: inline-block; font-size: 1.2rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; margin: -.4rem 4px -.4rem 0px; top: -.1rem; }
.table-events-calendar tr.unit td.title .tag.icon-only { }
.table-events-calendar tr.unit td.title .tag.cancelled, .table-events-calendar tr.unit td.title .tag.unavailable { background: #F7D4D7; color: #4E181E; }
.table-events-calendar tr.unit td.title .tag.ticket { background: #FCE7BB; color: #594317; }
.table-events-calendar tr.unit td.number { vertical-align: middle; text-align: right; border-left: 0px; font-variant-numeric: tabular-nums; }
.table-events-calendar tr.unit.is-extension td.title { padding-left: 40px; }
.table-events-calendar tr.unit.is-extension td.title:before { position: absolute; left: 20px; top: calc(50% - 12px); font-size: 18px; font-family: "Font Awesome 7 Pro"; font-weight: 300; content: "\e634"; color: #141719; }
.table-events-calendar tr.event-divider td { border: 0px; height: 40px; }
.table-events-calendar tr.event-divider.has-border-top td { border-top: 4px solid #CCD1D9; }
.table-events-calendar tr.empty td p { display: flex; justify-content: center; align-items: center; text-align: center; height: 10vh; min-height: 140px; font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-style: italic; }
.table-events-calendar tr.event.event-is-cancelled td.day.active, .table-events-calendar tr.unit.event-is-cancelled td.lend-period, .table-events-calendar tr.unit.event-is-cancelled td.is-planned  { opacity: .3; }

.table-units-calendar .table-container { overflow-x: auto; }
.table-units-calendar table { border-collapse: collapse; min-width: 100%; animation: aa-ani-fade-in 0.4s ease-in-out; animation-fill-mode: forwards; }
.table-units-calendar tr { position: relative;}
.table-units-calendar th { padding: 8px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.6rem; }
.table-units-calendar th.day { text-align: center; min-width: 58px; border-left: 1px solid #FFFFFF; border-right: 1px solid #CCD1D9; }
.table-units-calendar th.month, .table-units-calendar th.day-of-month-1, .table-units-calendar td.day-of-week-1, .table-units-calendar th.day-of-week-1 { border-left: 4px solid #CCD1D9; }
.table-units-calendar th.current-day-of-year, .table-units-calendar td.current-day-of-year { border-left: 4px solid #569CEC; } 
.table-units-calendar td { position: relative; padding: 8px; border: 1px solid #CCD1D9; }
.table-units-calendar tr.empty td p { display: flex; justify-content: center; align-items: center; text-align: center; height: 10vh; min-height: 140px; font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-style: italic; }
.table-units-calendar tr.unit td.title { position: sticky; left: 0px; background: #FFFFFF; min-width: 240px; max-width: 40vw; border: 0px; border-top: 1px solid #CCD1D9; z-index: 3; }
.table-units-calendar tr.unit:last-child td.title { border-bottom: 1px solid #CCD1D9; }
.table-units-calendar tr.unit td.title h3 { font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 240px; }
.table-units-calendar tr.unit td.title .number { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.8rem; font-variant-numeric: tabular-nums; }
.table-units-calendar tr.unit td.lend-period { background: repeating-linear-gradient(-45deg, #CDBEF4, #CDBEF4 4px, transparent 4px, transparent 8px); }
.table-units-calendar tr.unit td.is-planned { background: #AC92EC; }
.table-units-calendar tr.unit td.is-filter-event.lend-period { background: repeating-linear-gradient(-45deg, #91E2CE, #91E2CE 4px, transparent 4px, transparent 8px); }
.table-units-calendar tr.unit td.is-filter-event.is-planned { background: #48CFAD; }
.table-units-calendar tr.unit.unit-is-unavailable td:before { position: absolute; content: ""; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #F7D4D7; z-index: -1; }
.table-units-calendar tr.unit.unit-has-open-ticket:not(.unit-is-unavailable) td:before { position: absolute; content: ""; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #FCE7BB; z-index: -1; }
.table-units-calendar .tag-event-title { position: absolute; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 15px; white-space: nowrap; max-width: 222px; text-overflow: ellipsis; overflow: hidden; padding: 4px; background: #FFFFFF; border-radius: 4px; z-index: 2; top: 4px; left: 4px; }
.table-units-calendar .tag-zone-title { position: absolute; font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 14px; white-space: nowrap; max-width: 222px; text-overflow: ellipsis; overflow: hidden; padding: 4px; background: #FFFFFF; border-radius: 4px; z-index: 2; bottom: 4px; left: 4px; }

.table-eventmanagers-calendar .table-container { overflow-x: auto; }
.table-eventmanagers-calendar table { border-collapse: collapse; min-width: 100%; animation: aa-ani-fade-in 0.4s ease-in-out; animation-fill-mode: forwards; }
.table-eventmanagers-calendar tr { position: relative;}
.table-eventmanagers-calendar th { padding: 8px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.6rem; }
.table-eventmanagers-calendar th.day { text-align: center; min-width: 58px; border-left: 1px solid #FFFFFF; border-right: 1px solid #CCD1D9; }
.table-eventmanagers-calendar th.month, .table-eventmanagers-calendar th.day-of-month-1, .table-eventmanagers-calendar td.day-of-week-1, .table-eventmanagers-calendar th.day-of-week-1 { border-left: 4px solid #CCD1D9; }
.table-eventmanagers-calendar th.current-day-of-year, .table-eventmanagers-calendar td.current-day-of-year { border-left: 4px solid #569CEC; } 
.table-eventmanagers-calendar td { position: relative; padding: 8px; border: 1px solid #CCD1D9; }
.table-eventmanagers-calendar tr.empty td p { display: flex; justify-content: center; align-items: center; text-align: center; height: 10vh; min-height: 140px; font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-style: italic; }
.table-eventmanagers-calendar tr.eventmanager td.title { position: sticky; left: 0px; background: #FFFFFF; min-width: 240px; max-width: 40vw; border: 0px; border-top: 1px solid #CCD1D9; z-index: 3; }
.table-eventmanagers-calendar tr.eventmanager:last-child td.title { border-bottom: 1px solid #CCD1D9; }
.table-eventmanagers-calendar tr.eventmanager td.title h3 { font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 240px; }
.table-eventmanagers-calendar tr.eventmanager td.event-period { background: repeating-linear-gradient(-45deg, #CDBEF4, #CDBEF4 4px, transparent 4px, transparent 8px); }
.table-eventmanagers-calendar tr.eventmanager td.event-period.event-period-rank-2 { background: repeating-linear-gradient(-45deg, #95DAF2, #95DAF2 4px, transparent 4px, transparent 8px); }
.table-eventmanagers-calendar tr.eventmanager td.event-period.event-period-rank-3 { background: repeating-linear-gradient(-45deg, #91E2CE, #91E2CE 4px, transparent 4px, transparent 8px); }
.table-eventmanagers-calendar tr.eventmanager td.is-planned { background: #AC92EC; }
.table-eventmanagers-calendar tr.eventmanager td.is-planned.is-planned-rank-2 { background: #4FC1E9; }
.table-eventmanagers-calendar tr.eventmanager td.is-planned.is-planned-rank-3 { background: #48CFAD; }
.table-eventmanagers-calendar tr.eventmanager td.activity-period { background: repeating-linear-gradient(-45deg, #FEA897, #FEA897 4px, transparent 4px, transparent 8px); }
.table-eventmanagers-calendar tr.eventmanager.eventmanager-is-unavailable td:before { position: absolute; content: ""; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #F7D4D7; z-index: -1; }
.table-eventmanagers-calendar .tag-event-title, .table-eventmanagers-calendar .tag-activity-title { position: absolute; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 15px; white-space: nowrap; max-width: 222px; text-overflow: ellipsis; overflow: hidden; padding: 4px; background: #FFFFFF; border-radius: 4px; z-index: 2; top: 4px; left: 4px; }

.table-crewmembers-calendar .table-container { overflow-x: auto; }
.table-crewmembers-calendar table { border-collapse: collapse; min-width: 100%; animation: aa-ani-fade-in 0.4s ease-in-out; animation-fill-mode: forwards; }
.table-crewmembers-calendar tr { position: relative;}
.table-crewmembers-calendar th { padding: 8px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.6rem; }
.table-crewmembers-calendar th.day { text-align: center; min-width: 58px; border-left: 1px solid #FFFFFF; border-right: 1px solid #CCD1D9; }
.table-crewmembers-calendar th.month, .table-crewmembers-calendar th.day-of-month-1, .table-crewmembers-calendar td.day-of-week-1, .table-crewmembers-calendar th.day-of-week-1 { border-left: 4px solid #CCD1D9; }
.table-crewmembers-calendar th.current-day-of-year, .table-crewmembers-calendar td.current-day-of-year { border-left: 4px solid #569CEC; } 
.table-crewmembers-calendar td { position: relative; padding: 8px; border: 1px solid #CCD1D9; }
.table-crewmembers-calendar tr.empty td p { display: flex; justify-content: center; align-items: center; text-align: center; height: 10vh; min-height: 140px; font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-style: italic; }
.table-crewmembers-calendar tr.crewmember td.title { position: sticky; left: 0px; background: #FFFFFF; min-width: 240px; max-width: 40vw; border: 0px; border-top: 1px solid #CCD1D9; z-index: 3; }
.table-crewmembers-calendar tr.crewmember:last-child td.title { border-bottom: 1px solid #CCD1D9; }
.table-crewmembers-calendar tr.crewmember td.title h3 { font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 240px; }
.table-crewmembers-calendar tr.crewmember td.event-period { background: repeating-linear-gradient(-45deg, #CDBEF4, #CDBEF4 4px, transparent 4px, transparent 8px); }
.table-crewmembers-calendar tr.crewmember td.is-planned { background: #AC92EC; }
.table-crewmembers-calendar tr.crewmember td.activity-period { background: repeating-linear-gradient(-45deg, #FEA897, #FEA897 4px, transparent 4px, transparent 8px); }
.table-crewmembers-calendar tr.crewmember.crewmember-is-unavailable td:before { position: absolute; content: ""; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #F7D4D7; z-index: -1; }
.table-crewmembers-calendar .tag-event-title, .table-crewmembers-calendar .tag-activity-title { position: absolute; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 15px; white-space: nowrap; max-width: 222px; text-overflow: ellipsis; overflow: hidden; padding: 4px; background: #FFFFFF; border-radius: 4px; z-index: 2; top: 4px; left: 4px; }

.unit-container-header .box { height: auto; }
.unit-container-header .box .box-item.number { padding-bottom: 0px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 3.2rem; font-variant-numeric: tabular-nums; }
.unit-container-header .box .box-item.number .number-old { font-weight: 400; font-size: 70%; }
main > .component.unit-container:not(:first-child):not(.view-scenery) { padding-top: 0px; }

.product-container-header .box { height: auto; }
.product-container-header .box .box-item.display-title { padding-bottom: 0px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.4rem; }

body.body-go-quick-edit-unit main, body.body-go-quick-edit-unit-update main, body.body-go-dash main, body.body-go-dash-from-login main, body.body-go-quick-edit-delivery main { display: flex; flex-direction: column; justify-content: center; }

.box-quick-edit-basics { height: auto; padding: 10px 0px; }
.box-quick-edit-basics input, .box-quick-edit-basics select { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.4rem; padding: 2rem; min-height: 6vh; }
.box-quick-edit-basics textarea { font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 2.4rem; padding: 2rem; min-height: 6vh; }
.box-quick-edit-basics ::-webkit-input-placeholder { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.4rem; }
.box-quick-edit-basics :-ms-input-placeholder { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.4rem; }
.box-quick-edit-basics ::placeholder { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.4rem; }
.box-quick-edit-basics .frm-submit { gap: 4rem; justify-content: stretch; }
.box-quick-edit-basics input[type=submit], .box-quick-edit-basics button, .box-quick-edit-basics a.btn { flex: 1 1 auto; border-radius: 6.4rem; font-size: 2.4rem; padding: 3rem 2rem; }
@media only screen and (max-width: 420px) { .box-quick-edit-basics .frm-submit { flex-direction: column-reverse; } .box-quick-edit-basics { margin: 0px; } }

.box-quick-edit-unit .frm-item.unit-header { position: relative; display: flex; flex-direction: row; gap: 2rem; }
.box-quick-edit-unit .frm-item.unit-header .thumb { }
.box-quick-edit-unit .frm-item.unit-header .thumb img { position: relative; width: 64px; height: 64px; object-fit: cover; border-radius: 9px; }
.box-quick-edit-unit .frm-item.unit-header .number { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 3.2rem; font-variant-numeric: tabular-nums; }
.box-quick-edit-unit .frm-item.unit-header .title { font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 2.1rem; }

.box-quick-edit-unit .frm-checkbox label { display: flex; align-items: center; font-size: 2.4rem; font-weight: 400; background: #E6E9ED; padding: 2rem 2rem 2rem 6rem; min-height: 6vh; }
.box-quick-edit-unit .frm-checkbox input[type=checkbox] + label:before { left: 4.2rem; width: 2.8rem; font-size: 2.8rem; margin-top: 0rem; }
.box-quick-edit-unit .frm-checkbox.form-checkbox-event.is-hidden { display: none; }
.box-quick-edit-unit .frm-checkbox.frm-checkbox-unavailable input[type=checkbox]:checked + label { color: #4E181E;  background: #F7D4D7 }
.box-quick-edit-unit .frm-file.has-label-button input[type="file"] { display: none; }
.box-quick-edit-unit .frm-file.has-label-button label { }
.box-quick-edit-unit .frm-file.has-label-button label { position: relative; display: block; vertical-align: middle; color: #FFFFFF; background: #5D9CEC; box-shadow: 0px 0px 0px 0px #5D9CEC; border-radius: 3px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; text-transform: none; text-decoration: none; text-align: center; font-size: 1.8rem; padding: 2rem 3rem; margin: 0px; z-index: 1; transition: all 200ms ease-in-out; }
.box-quick-edit-unit .frm-file.has-label-button label:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; transition: all 100ms ease-in-out; }

.body-go-quick-edit-unit .autocomplete-suggestion { font-size: 3.6rem; }
@media only screen and (max-width: 1240px) { .body-go-quick-edit-unit  .autocomplete-suggestion { font-size: 3.6rem; } }

.table-day .table-container { overflow-x: auto; }
.table-day table { border-collapse: collapse; min-width: 100%; }
.table-day tr { position: relative;}
.table-day td { position: relative; padding: 8px; border: 1px solid #CCD1D9; }
.table-day tr.event-is-cancelled td, .table-day tr.unit.is-extension.event-is-cancelled td.title:before { color: #AAB2BD; }
.table-day tr.event td.title h4 { font-size: 24px; font-weight: 700; }
.table-day tr.event td.title h4 .cancelled { position: relative; display: inline-block; margin-left: .4em; vertical-align: top; font-size: 60%; color: #4E181E; background: #F7D4D7; text-transform: uppercase; padding: .5rem 1rem; border-radius: 8px; }
.table-day tr.event td p { padding: 4px 0px; }
.table-day tr.event td p strong { padding: 3px; background: #DAF3ED; }
.table-day tr.event td.day.active { background: #569CEC; }
.table-day tr.zone td { background: #EEF0F3; }
.table-day tr.zone td.title p { font-size: 18px; font-weight: 700; }
.table-day tr.zone td.time-slot { vertical-align: top; text-align: center; min-width: 100px; }
.table-day tr.zone td.time-slot p.title { font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 1.5rem; }
.table-day tr.zone td.time-slot p.time { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.1rem; }
.table-day tr.pos td.title p { position: relative; display: inline-block; font-size: 16px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; }
.table-day tr.unit td.title { padding-left: 20px; min-width: 240px; border-right: 0px; }
.table-day tr.unit td.title .remarks { position: relative; font-style: italic; padding-left: 6px; }
.table-day tr.unit td.title .badge { position: relative; display: inline-block; font-size: 1.1rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; margin: 0px 0px 0px 8px; }
.table-day tr.unit td.title .badge.circle { padding: .4rem; width: 1rem; height: 1rem; border-radius: 50%; }
.table-day tr.unit td.title .badge.success { background: #8CC152; }
.table-day tr.unit td.title .badge.warning { background: #F6BB42; }
.table-day tr.unit td.title .badge.error { background: #E9573F; }
.table-day tr.pos td.title .tag, .table-day tr.unit td.title .tag { position: relative; display: inline-block; font-size: 1.2rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; margin: -.4rem 4px -.4rem 0px; top: -.1rem; }
.table-day tr.pos td.title .tag { margin: -.4rem 0px -.4rem 4px; }
.table-day tr.pos td.title .tag.club { background: #DDEAF9; color: #1D3758; }
.table-day tr.unit td.title .tag.icon-only { }
.table-day tr.unit td.title .tag.cancelled, .table-day tr.unit td.title .tag.unavailable { background: #F7D4D7; color: #4E181E; }
.table-day tr.unit td.title .tag.ticket { background: #FCE7BB; color: #594317; }
.table-day tr.unit td.time-slot { text-align: center; }
.table-day tr.unit.is-extension td.title { padding-left: 40px; }
.table-day tr.unit.is-extension td.title:before { position: absolute; left: 20px; top: calc(50% - 12px); font-size: 18px; font-family: "Font Awesome 7 Pro"; font-weight: 300; content: "\e634"; color: #141719; }
.table-day.has-filter tr.unit td { background: #EAF4DF; }
.table-day tr.event-divider td { border: 0px; height: 40px; }
.table-day tr.event-divider.has-border-top td { border-top: 4px solid #CCD1D9; }
.table-day tr.empty td p { display: flex; justify-content: center; align-items: center; text-align: center; height: 10vh; min-height: 140px; font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-style: italic; }
.table-day tr.unit td.number { vertical-align: middle; text-align: right; border-left: 0px; font-variant-numeric: tabular-nums; }
.table-day tr.time-slots-sum td.desc { vertical-align: middle; text-align: right; border: 0px; }
.table-day tr.time-slots-sum td:not(.desc) { text-align: center; font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 2.4rem; }
.table-day tr.time-slots-sum.add-weight td { font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; }
.table-day tr.time-slots-sum.add-weight td:not(.desc) { background: #EEF0F3; }

/* generic table layout for units, tickets and deliveries */
.table-basics .table-container { overflow-x: auto; }
.table-basics table { border-collapse: collapse; min-width: 100%; }
.table-basics tr { position: relative;}
.table-basics td { position: relative; padding: 16px 8px; border-bottom: 1px solid #CCD1D9; }
.table-basics tr.unit td { vertical-align: middle; }
.table-basics tr.unit.has-images td, .table-basics tr.unit.has-remarks td, .table-basics tr.unit.has-description td, .table-basics tr.unit-remarks.has-images td, .table-basics tr.unit-description.has-images td { border-bottom: 0px; padding-bottom: 0px; }
.table-basics tr.unit td.number { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.8rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.table-basics tr.day td { vertical-align: bottom; }
.table-basics tr.day td h4 { font-size: 24px; font-weight: 700; }

.table-units-history tr.unit td .tags { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; gap: 4px; }
.table-units-history tr.unit td .tag { position: relative; display: inline-block; font-size: 1.1rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; }
.table-units-history tr.unit td .tag.unavailable { background: #F7D4D7; color: #4E181E; }
.table-units-history tr.unit td .tag.ticket { background: #FCE7BB; color: #594317; }

.table-tickets tr.day td p { font-size: 16px; font-weight: 700; }
.table-tickets tr.unit td { max-width: 320px; }
.table-tickets tr.unit td .tag { position: relative; display: inline-block; font-size: 1.1rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; margin: 0px 4px 0px 0px; }
.table-tickets tr.unit td .tag.unavailable { background: #F7D4D7; color: #4E181E; }
.table-tickets tr.unit td.status-and-type .tag, .table-tickets tr.unit td.unavailable-and-completion-date .tag { margin: 2px; }
.table-tickets .action { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 4px; padding-left: 10px; }
.table-tickets .action a { font-size: 2.4rem; padding: 1rem; min-width: 4.8rem; color: #FFFFFF; background: #1F4788; box-shadow: 0px 0px 0px 0px #1F4788; border-radius: 3px; text-align: center; }
.table-tickets .action a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; }
.tag.ticket-status.status-1, .table-tickets tr.unit td .tag.ticket-status.status-1 { background: #DDEAF9; color: #1D3758; }
.tag.ticket-status.status-2, .table-tickets tr.unit td .tag.ticket-status.status-2 { background: #C9EDE4; color: #164B3E; }
.tag.ticket-status.status-3, .table-tickets tr.unit td .tag.ticket-status.status-3 { background: #D6E9C1; color: #384D20; }
.tag.ticket-priority.priority-1, .table-tickets tr.unit td .tag.ticket-priority.priority-1 { background: #F7D4D7; color: #4E181E; }

.form-ticket .frm-item.unit-header { position: relative; display: flex; flex-direction: row; gap: 2rem; }
.form-ticket .frm-item.unit-header .thumb { }
.form-ticket .frm-item.unit-header .thumb img { position: relative; width: 64px; height: 64px; object-fit: cover; border-radius: 9px; }
.form-ticket .frm-item.unit-header .number { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 3.2rem; font-variant-numeric: tabular-nums; }
.form-ticket .frm-item.unit-header .title { font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 2.1rem; }
.form-ticket textarea[readonly] { background: #FFFFFF; }

.form-table-pricelist .pricelist-item.deposit-icon select { font-size: 2.4rem; text-align: center; padding: 0px; }
.form-table-pricelist .pricelist-item.deposit-icon option { font-size: 3.2rem; }

.box-pricelist { background: #EEF0F3; }
.box-pricelist .box-item.ttl.has-logo { display: flex; }
.box-pricelist .box-item.ttl.has-logo h2 { flex: 1 1 auto; }
.box-pricelist .logo { padding: 0px; }
.box-pricelist .logo img { height: 120px; width: auto; }
.table-view-pricelist { min-width: 100%; font-size: 2.4rem; padding: 0; margin: 0; border-collapse: collapse; }
.table-view-pricelist td { padding: 16px 8px; }
.table-view-pricelist tr.item.product td { border-top: 2px solid #CCD1D9; }
.table-view-pricelist tr.item.product td i.vegetarian-icon { margin-left: 1rem; color: #00EE00; font-size: 80%; vertical-align: top; }
.table-view-pricelist tr.item.product td span.deposit-icon { margin-left: 1rem; line-height: 100%; color: #00CCFF; font-size: 80%; vertical-align: top; }
.table-view-pricelist tr.item.product td.view-pricelist-item { text-align: left; }
.table-view-pricelist tr.item.product td.view-pricelist-item.price { text-align: right; }
.table-view-pricelist tr.item.product-titles td { font-size: 2.1rem; font-weight: 700; padding-bottom: 0px; text-align: left; }
.table-view-pricelist tr.item.product-titles td.price { text-align: right; }
.table-view-pricelist tr.item.has-style-4 td { font-size: 1.8rem; }
.table-view-pricelist tr.item:not(.product) td span.deposit-icon { margin-right: 1rem; color: #00CCFF; font-size: 100%; vertical-align: top; }
.box-pricelist-pos .box-item.ttl h4 { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.4rem; }
.box-pricelist-pos .box-item.pos-items { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
.box-pricelist-pos .box-item.pos-items .item { display: flex; flex-direction: column; padding: 6px; box-shadow: 0px 0px 0px 2px #FFFFFF; background: #FFFFFF; border-radius: 3px; }
.box-pricelist-pos .box-item.pos-items .item .title { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; }
.box-pricelist-pos .box-item.pos-items .item .zone { font-size: 1.2rem; text-transform: uppercase; }
.box-pricelist-info .box-item.ttl h4 { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 2.4rem; }

.box-pricelist-print-preview .logo-event { display: flex; justify-content: flex-end; padding: 0px; }
.box-pricelist-print-preview .logo-event img { height: 60pt; width: auto; }
.box-pricelist-print-preview .logo-event-placeholder { position: relative; padding: 0px; height: 60pt; }
.box-pricelist-print-preview .view-pricelist-items { padding: 60pt 40pt 0pt 40pt; }
.table-view-pricelist-print-preview { min-width: 100%; padding: 0; margin: 0; border-collapse: collapse; font-size: 32pt; text-transform: uppercase; line-height: 1em; }
.table-view-pricelist-print-preview td { padding: 4pt 4pt; }
.table-view-pricelist-print-preview tr.item.product td { text-align: left; }
.table-view-pricelist-print-preview tr.item.product i.vegetarian-icon { margin-left: 4pt; color: #00EE00; font-size: 80%; vertical-align: top; }
.table-view-pricelist-print-preview tr.item.product span.deposit-icon { margin-left: 4pt; line-height: 100%; color: #00CCFF; font-size: 60%; vertical-align: top; }
.table-view-pricelist-print-preview tr.item.product td.view-pricelist-item.price { text-align: right; white-space: nowrap; }
.table-view-pricelist-print-preview tr.item.product td.view-pricelist-item.tokens { text-align: left; }
.table-view-pricelist-print-preview tr.item.product-titles td { font-size: 18pt; font-weight: 700; padding-bottom: 0pt; text-align: left; }
.table-view-pricelist-print-preview tr.item.product-titles td.price { text-align: right; }
.table-view-pricelist-print-preview tr.item.has-style-6 td span.deposit-icon { margin-right: 8pt; color: #00CCFF; font-size: 120%; vertical-align: top; }
.table-view-pricelist-print-preview tr.item.has-style-6 td p { line-height: 1em; }
.table-view-pricelist-print-preview tr.item.has-style-6 td p .bg-color { background: #FFFFFF; padding: 4pt 10pt; border-radius: 10pt; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.table-view-pricelist-print-preview tr.item.has-style-6 td p .bg-color .stack-context { position: relative; }
.table-view-pricelist-print-preview tr.item.product + tr.item.has-style-6 td { padding-top: 20pt; } 
.pricelist-print-preview-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.pricelist-print-preview-footer-image { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; }
.box-pricelist-print-preview .box-item.header { position: fixed; top: 6pt; left: 0; width: 100%; padding: 10pt; text-transform: uppercase; font-size: 7pt; text-align: center; }
.box-pricelist-print-preview .box-item.footer { position: fixed; bottom: 6pt; left: 0; width: 100%; padding: 10pt; text-transform: uppercase; font-size: 6pt; text-align: center; }
.box-pricelist-print-preview .box-item.footer .pos-items { }

.body-go-view-pricelist-print-preview footer { display: none; }

.table-pos-as-list .table-container { overflow-x: auto; }
.table-pos-as-list table { border-collapse: collapse; min-width: 100%; }
.table-pos-as-list tr { position: relative;}
.table-pos-as-list td { position: relative; padding: 8px; border: 1px solid #CCD1D9; }
.table-pos-as-list tr.zone td { background: #EEF0F3; vertical-align: middle; }
.table-pos-as-list tr.zone td.title p { font-size: 2.4rem; font-weight: 700; }
.table-pos-as-list tr.pos td.title { font-size: 1.8rem; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; }
.table-pos-as-list tr.pos td.title .badge { position: relative; display: inline-block; font-size: 1.1rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; margin: 0px 0px 0px 8px; }
.table-pos-as-list tr.pos td.title .badge.circle { padding: .4rem; width: 1rem; height: 1rem; border-radius: 50%; }
.table-pos-as-list tr.pos td.title .badge.success { background: #8CC152; }
.table-pos-as-list tr.pos td.title .badge.warning { background: #F6BB42; }
.table-pos-as-list tr.pos td.pricelists a { position: relative; display: inline-block; font-size: 1.4rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; margin: 0px 4px 0px 0px; }
.table-pos-as-list tr.pos td.pricelists a i { margin-right: .8rem; }
.table-pos-as-list tr.pos td.pricelists a:hover { background: #4A89DC; color: #FFFFFF; box-shadow: 0px 0px 0px 5px #4A89DC; }
.table-pos-as-list tr.empty td { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 10vh; min-height: 140px; font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-style: italic; }
.table-pos-as-list tr.empty td p a { position: relative; display: inline-block; font-size: 1.5rem; font-style: normal; padding: 1rem 2rem; margin: 1rem; min-width: 3.9rem; width: auto; border-radius: 32px; text-align: center; }
.table-pos-as-list tr.empty td p a:not(:hover) { color: #141719; background: #CCD1D9; box-shadow: 0px 0px 0px 0px #CCD1D9; }

.table-pos-as-list.table-pos-for-product-for-event tr.zone td { background: 0; border: 0px; }
.table-pos-as-list.table-pos-for-product-for-event tr.zone td:not(.title) { text-align: center; }
.table-pos-as-list.table-pos-for-product-for-event tr.pos td { vertical-align: middle; }
.table-pos-as-list.table-pos-for-product-for-event tr.pos td.amount .frm-item { padding: 0px; align-items: center; }
.table-pos-as-list.table-pos-for-product-for-event tr.pos td input[type=number] { width: 6em; text-align: right; }
.table-pos-as-list.table-pos-for-product-for-event .frm-item.has-orig-value input, .table-pos-as-list.table-pos-for-product-for-event .frm-item.has-orig-value select{ background: #EAF4DF; }
.table-pos-as-list.table-pos-for-product-for-event input.has-value, .table-pos-as-list.table-pos-for-product-for-event select.has-value, .table-pos-as-list.table-pos-for-product-for-event .frm-item.has-orig-value input.has-value, .table-pos-as-list.table-pos-for-product-for-event .frm-item.has-orig-value select.has-value { background: #DAF3ED; }
.table-pos-as-list.table-pos-for-product-for-event tr.footer-sum td.desc { vertical-align: middle; text-align: right; border: 0px; }
.table-pos-as-list.table-pos-for-product-for-event tr.footer-sum td.sum { text-align: center; font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 2.4rem; }

.table-view-loadinglist { min-width: 100%; font-size: 2.1rem; padding: 0; margin: 0; border-collapse: collapse; }
.table-view-loadinglist td { padding: 16px 8px; }
.table-view-loadinglist tr td { border: 1px solid #141719; }
.table-view-loadinglist tr.product td.selling-units { text-align: right; }
.table-view-loadinglist tr.product td.packages { text-align: right; font-weight: 700; }
.table-view-loadinglist tr.product td.check { min-width: 40px; }
.table-view-loadinglist tr.product-group-title td { vertical-align: middle; font-size: 2.4rem; font-weight: 700; }
.table-view-loadinglist tr.product-group-title td:not(:first-child) { text-align: center; }

.table-deliveries tr.day td p { font-size: 16px; font-weight: 700; }
.table-deliveries tr.delivery td { max-width: 480px; vertical-align: middle; }
.table-deliveries tr.delivery.has-remarks td { border-bottom: 0px; padding-bottom: 0px; }
.table-deliveries tr.delivery td .tag { position: relative; display: inline-block; font-size: 1.1rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; margin: 0px 4px 0px 0px; }
.table-deliveries tr.delivery td .tag.delivery-code { padding: 1.2rem 1.3rem 1.2rem 1.6rem; border-radius: 3px; font-size: 1.8rem; font-weight: 700; letter-spacing: .3rem; background: #1D3758; color: #FFFFFF; box-shadow: 0px 0px 0px 0px #1D3758; transition: all 200ms ease-in-out; }
.table-deliveries tr.delivery td a:hover .tag.delivery-code { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; transition: all 100ms ease-in-out; }
.table-deliveries tr.delivery td .tag { margin: 2px; }
.table-deliveries tr.delivery td.title strong { font-size: 1.8rem; }
.table-deliveries tr.delivery td.unit-number { font-variant-numeric: tabular-nums; }
.table-deliveries tr.delivery td.type, .table-deliveries tr.delivery td.status { text-align: center; }
.table-deliveries .action { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 4px; padding-left: 10px; }
.table-deliveries .action a { font-size: 2.4rem; padding: 1rem; min-width: 4.8rem; color: #FFFFFF; background: #1F4788; box-shadow: 0px 0px 0px 0px #1F4788; border-radius: 3px; text-align: center; }
.table-deliveries .action a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; }
.tag.delivery-status.status-draft, .table-deliveries tr.delivery td .tag.delivery-status.status-draft { background: #DDEAF9; color: #1D3758; }
.tag.delivery-status.status-confirmed, .table-deliveries tr.delivery td .tag.delivery-status.status-confirmed { background: #C9EDE4; color: #164B3E; }
.tag.delivery-status.status-delivered, .table-deliveries tr.delivery td .tag.delivery-status.status-delivered { background: #D6E9C1; color: #384D20; }
.tag.delivery-status.status-cancelled, .table-deliveries tr.delivery td .tag.delivery-status.status-cancelled { background: #F7D4D7; color: #4E181E; }

.box-item.ttl-delivery { display: flex; flex-direction: column; flex-wrap: wrap }
.box-item.ttl-delivery .label-delivery-code { align-self: flex-end; padding: 1.2rem 1.3rem 1.2rem 1.6rem; border-radius: 3px; font-weight: 700; font-size: 3.2rem; letter-spacing: .3rem; background: #1D3758; color: #FFFFFF; margin: -20px -20px 10px 10px; }
.box-item.ttl-delivery p.date { align-self: flex-start; }
.table-delivery-products .table-container { overflow-x: auto; }
.table-delivery-products table { min-width: 100%; padding: 0; margin: 0; border-collapse: collapse; }
.table-delivery-products td { padding: 16px 8px; vertical-align: middle; }
.table-delivery-products tr.product td { border: 1px solid #CCD1D9; }
.table-delivery-products tr.product.has-btn-copy-expected-all td { border: 0; }
.table-delivery-products tr.product.has-btn-copy-expected-all td:first-child { text-align: right; font-style: italic; }
.table-delivery-products tr.product td { font-size: 2.1rem; }
.table-delivery-products tr.product td.expected-packages { text-align: right; font-weight: 700; border-right: 0; }
.table-delivery-products tr.product td.package-name { border-left: 0; }
.table-delivery-products tr.product td.copy-expected { border-right: 0; }
.table-delivery-products tr.product td.copy-expected button { padding: 1rem; border-radius: 3px; }
.table-delivery-products tr.product td.copy-expected button i { margin-right: 0; }
.table-delivery-products tr.product td.delivered-packages { padding: 0px 8px; border-left: 0; }
.table-delivery-products tr.product td.delivered-packages input { width: 10rem; text-align: right; }
.table-delivery-products tr.product-group-title td { vertical-align: middle; font-size: 2.1rem; font-weight: 700; }
.table-delivery-products tr.product-group-title td:not(:first-child) { text-align: center; }
.table-delivery-products .frm-item.has-orig-value input, .table-delivery-products .frm-item.has-orig-value select{ background: #EAF4DF; }
.table-delivery-products input.has-value, .table-delivery-products select.has-value, .table-delivery-products .frm-item.has-orig-value input.has-value, .table-delivery-products .frm-item.has-orig-value select.has-value { background: #DAF3ED; }
.table-delivery-products tr.empty td { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 10vh; min-height: 140px; font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-style: italic; border: 1px solid #CCD1D9; }
.table-delivery-products tr.empty td p a { position: relative; display: inline-block; font-size: 1.5rem; font-style: normal; padding: 1rem 2rem; margin: 1rem; min-width: 3.9rem; width: auto; border-radius: 32px; text-align: center; }
.table-delivery-products tr.empty td p a:not(:hover) { color: #141719; background: #CCD1D9; box-shadow: 0px 0px 0px 0px #CCD1D9; }

.deliveries-by-product-header .box-item.ttl h4.delivery-status { display: inline-flex; padding: .5rem 1rem; border-radius: 8px; background: #FCE7BB; color: #594317; }
.deliveries-by-product-header .box-item.ttl h4.delivery-status.delivery-status-started { background: #C9EDE4; color: #164B3E; }
.deliveries-by-product-header .box-item.ttl h4.delivery-status.delivery-status-complete { background: #D6E9C1; color: #384D20; }
.deliveries-by-product-header .box-item.graph { flex: 9 1 auto; }

.table-deliveries-by-product table th { padding: 16px 8px; vertical-align: text-bottom; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.6rem; }
.table-deliveries-by-product table th:is(.expected, .delivered, .delta) { text-align: right; }
.table-deliveries-by-product table th.status { text-align: center; }
.table-deliveries-by-product table tr.product-group-title td h4 { font-size: 1.8rem; }
.table-deliveries-by-product table tr.product td { vertical-align: middle; }
.table-deliveries-by-product table tr.product td.num { text-align: right; font-variant-numeric: tabular-nums; }
.table-deliveries-by-product table tr.product td.delivered { font-weight: 700; }
.table-deliveries-by-product table tr.product td.status { text-align: center; }
.table-deliveries-by-product table tr.product td.status .tag { position: relative; display: inline-block; font-size: 1.1rem; text-transform: uppercase; padding: .5rem 1rem; border-radius: 8px; margin: 2px; }
.table-deliveries-by-product table tr.product td.status .tag:not([class^="delivery-product-status-"]):not([class*=" delivery-product-status-"]) { background: #EEF0F3; color: #141719; }
.table-deliveries-by-product table tr.product td.context .tag { position: relative; display: inline-block; font-size: 1.1rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; margin: 0px 4px 0px 0px; }
.table-deliveries-by-product table tr.product td.context { text-align: right; }
.table-deliveries-by-product table tr.product td.context tag.not_in_loadinglist {}
.table-deliveries-by-product table tr.product td.context tag.has_manual_lines {}

.tag.delivery-product-status-extra { background: #C9EDE4; color: #164B3E; }
.tag.delivery-product-status-ignore { background: #F7D4D7; color: #4E181E; }
.tag.delivery-product-status-extra_delivered { background: #C9EDE4; color: #164B3E; }
.tag.delivery-product-status-not_needed { background: #FCE7BB; color: #594317; }
.tag.delivery-product-status-not_delivered { background: #F7D4D7; color: #4E181E; }
.tag.delivery-product-status-partial { background: #FCE7BB; color: #594317; }
.tag.delivery-product-status-complete { background: #D6E9C1; color: #384D20; }
.tag.delivery-product-status-over_delivered { background: #DDEAF9; color: #1D3758; }

.deliveries-to-pos-header .box-item.ttl h4.delivery-status { display: inline-flex; padding: .5rem 1rem; border-radius: 8px; background: #FCE7BB; color: #594317; }
.deliveries-to-pos-header .box-item.ttl h4.delivery-status.delivery-status-started { background: #C9EDE4; color: #164B3E; }
.deliveries-to-pos-header .box-item.ttl h4.delivery-status.delivery-status-complete { background: #D6E9C1; color: #384D20; }
.deliveries-to-pos-header .box-item.graph { flex: 9 1 auto; }

.table-deliveries-by-pos {}
.table-deliveries-by-pos table tr.zone td { vertical-align: text-bottom; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; }
.table-deliveries-by-pos table tr.zone td.title h4 { font-weight: 700; font-size: 2.4rem; }
.table-deliveries-by-pos table tr.zone td.unit { text-align: right; }
.table-deliveries-by-pos table tr.zone td.completeness { text-align: center; }
.table-deliveries-by-pos table tr.zone td.expected { text-align: right; }
.table-deliveries-by-pos table tr.pos td { font-size: 1.8rem; vertical-align: middle; }
.table-deliveries-by-pos table tr.pos td.title { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; }
.table-deliveries-by-pos table tr.pos td.unit-number { text-align: right; font-variant-numeric: tabular-nums; }
.table-deliveries-by-pos table tr.pos td.status .tag, .table-deliveries-by-pos table tr.pos td.completeness .tag { position: relative; display: inline-block; font-size: 1.1rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; margin: 2px; }
.table-deliveries-by-pos table tr.pos td.status .tag.status-unplanned_delivery { background: #FCE7BB; color: #594317; }
.table-deliveries-by-pos table tr.pos td.status .tag.status-not_in_loadinglist { background: #EEF0F3; color: #141719; }
.table-deliveries-by-pos table tr.pos td.status .tag.status-not_delivered { background: #F7D4D7; color: #4E181E; }
.table-deliveries-by-pos table tr.pos td.status .tag.status-partial { background: #FCE7BB; color: #594317; }
.table-deliveries-by-pos table tr.pos td.status .tag.status-over_delivered { background: #DDEAF9; color: #1D3758; }
.table-deliveries-by-pos table tr.pos td.status .tag.status-extra_products { background: #C9EDE4; color: #164B3E; }
.table-deliveries-by-pos table tr.pos td.completeness { text-align: center; }
.table-deliveries-by-pos table tr.pos td.completeness .tag { font-weight: 700; font-variant-numeric: tabular-nums; }
.table-deliveries-by-pos table tr.pos td.completeness .tag.completeness-ignore { background: #EEF0F3; color: #141719; }
.table-deliveries-by-pos table tr.pos td.completeness .tag.completeness-none { background: #F7D4D7; color: #4E181E; }
.table-deliveries-by-pos table tr.pos td.completeness .tag.completeness-partial { background: #FCE7BB; color: #594317; }
.table-deliveries-by-pos table tr.pos td.completeness .tag.completeness-almost { background: #C9EDE4; color: #164B3E; }
.table-deliveries-by-pos table tr.pos td.completeness .tag.completeness-complete { background: #D6E9C1; color: #384D20; }
.table-deliveries-by-pos table tr.pos td.expected { text-align: right; font-variant-numeric: tabular-nums; }
.table-deliveries-by-pos .action { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 4px; padding-left: 10px; }
.table-deliveries-by-pos .action a { font-size: 2.4rem; padding: 1rem; min-width: 4.8rem; color: #FFFFFF; background: #1F4788; box-shadow: 0px 0px 0px 0px #1F4788; border-radius: 3px; text-align: center; }
.table-deliveries-by-pos .action a:hover { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; }

.table-deliveries-to-pos {}
.table-deliveries-to-pos table thead tr th { padding: 16px 8px; vertical-align: text-bottom; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.6rem; }
.table-deliveries-to-pos table thead tr th:is(.expected, .delivered) { text-align: right; }
.table-deliveries-to-pos table thead tr th.status { text-align: center; }
.table-deliveries-to-pos table thead tr th.delivery { text-align: center; white-space: nowrap; }
.table-deliveries-to-pos table thead tr th.delivery .delivery-time { font-weight: 700; font-size: 1.8rem; padding: 8px; }
.table-deliveries-to-pos table thead tr th.delivery .tag.delivery-code { padding: 1.2rem 1.3rem 1.2rem 1.6rem; border-radius: 3px; font-size: 1.8rem; font-weight: 700; letter-spacing: .3rem; background: #1D3758; color: #FFFFFF; box-shadow: 0px 0px 0px 0px #1D3758; transition: all 200ms ease-in-out; }
.table-deliveries-to-pos table thead tr th.delivery a:hover .tag.delivery-code { color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; transition: all 100ms ease-in-out; }
.table-deliveries-to-pos table tr.product td { vertical-align: middle; }
.table-deliveries-to-pos table tr.product td:is(.expected, .delivered, .cell) { text-align: right; font-variant-numeric: tabular-nums; }
.table-deliveries-to-pos table tr.product td.delivered { font-weight: 700; }
.table-deliveries-to-pos table tr.product td.status { text-align: center; }
.table-deliveries-to-pos table tr.product td.status .tag { position: relative; display: inline-block; font-size: 1.1rem; text-transform: uppercase; padding: .5rem 1rem; border-radius: 8px; margin: 2px; }
.table-deliveries-to-pos table tr.product td.status .tag:not([class^="delivery-product-status-"]):not([class*=" delivery-product-status-"]) { background: #EEF0F3; color: #141719; }
.table-deliveries-to-pos table tr.product td.status .tag {  }
.table-deliveries-to-pos table tr.product td.status .tag.status-not_in_loadinglist.attention { background: #FCE7BB; color: #594317; }

.table-view-delivery-products {}
.table-view-delivery-products table tr.product-group-title td { vertical-align: text-bottom; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; }
.table-view-delivery-products table tr.product-group-title td h4 { font-weight: 700; font-size: 2.4rem; }
.table-view-delivery-products table tr.product-group-title td p { text-align: center; }
.table-view-delivery-products table tr.product td { font-size: 1.8rem; vertical-align: middle; }
.table-view-delivery-products table tr.product td:is(.expected-packages, .delivered-packages) { text-align: right; font-variant-numeric: tabular-nums; }
.table-view-delivery-products table tr.product td.delivered-packages { font-weight: 700; }

.table-cups-as-list .table-container { overflow-x: auto; }
.table-cups-as-list table { border-collapse: collapse; min-width: 100%; }
.table-cups-as-list tr { position: relative;}
.table-cups-as-list td { position: relative; padding: 8px; border: 1px solid #CCD1D9; }
.table-cups-as-list thead th { background: 0; border: 0px; }
.table-cups-as-list thead th:not(.title) { text-align: center; }
.table-cups-as-list tr.cup td { vertical-align: middle; }
.table-cups-as-list tr.cup td:not(:last-child) { border-right: none; }
.table-cups-as-list tr.cup td:not(:first-child):not(:last-child) { border-left: none; }
.table-cups-as-list tr.cup td.thumb img { position: relative; width: 64px; height: 64px; object-fit: cover; border-radius: 9px; }
.table-cups-as-list tr.cup td.title { width: 100%; font-size: 1.8rem; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; }
.table-cups-as-list tr.cup td.type { text-align: right; }
.table-cups-as-list tr.cup td.type .tag { position: relative; display: inline-block; font-size: 1.1rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; margin: 0px 4px 0px 0px; }
.table-cups-as-list tr.cup td.type .tag.mismatch { background: #F7D4D7; color: #4E181E; }
.table-cups-as-list tr.cup td.type .tag.match { background: #D6E9C1; color: #384D20; }
.table-cups-as-list tr.cup td.amount .frm-item { padding: 0px; align-items: center; }
.table-cups-as-list tr.cup td.amount p, .table-cups-as-list tr.cup td.cups_per_crate p, .table-cups-as-list tr.cup td.crates_per_pallet p { text-align: right; white-space: nowrap; }
.table-cups-as-list tr.cup td input[type=number] { width: 6em; text-align: right; }
.table-cups-as-list .frm-item.has-orig-value input, .table-cups-as-list .frm-item.has-orig-value select{ background: #EAF4DF; }
.table-cups-as-list input.has-value, .table-cups-as-list select.has-value, .table-cups-as-list .frm-item.has-orig-value input.has-value, .table-cups-as-list .frm-item.has-orig-value select.has-value { background: #DAF3ED; }
.table-cups-as-list tr.footer-sum td.desc { vertical-align: middle; text-align: right; border: 0px; }
.table-cups-as-list tr.footer-sum td.sum { text-align: center; font-family: 'Inter', Arial, sans-serif; font-weight: 400; font-size: 2.4rem; }
.table-cups-as-list tr.empty td { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 10vh; min-height: 140px; font-family: 'Inter', Helvetica, sans-serif; font-weight: 600; font-style: italic; }
.table-cups-as-list tr.empty td p a { position: relative; display: inline-block; font-size: 1.5rem; font-style: normal; padding: 1rem 2rem; margin: 1rem; min-width: 3.9rem; width: auto; border-radius: 32px; text-align: center; }
.table-cups-as-list tr.empty td p a:not(:hover) { color: #141719; background: #CCD1D9; box-shadow: 0px 0px 0px 0px #CCD1D9; }

.table-billed-hours .table-container { overflow-x: auto; }
.table-billed-hours table { border-collapse: collapse; min-width: 100%; }
.table-billed-hours table th { padding: 14px 4px; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.6rem; }
.table-billed-hours table td { padding: 14px 4px; }
.table-billed-hours table tr:not(.remarks) td { border-top: 1px solid #CCD1D9; }

.table-changelog .table-container { overflow-x: auto; }
.table-changelog table { border-collapse: collapse; min-width: 100%; }
.table-changelog tr { position: relative;}
.table-changelog td { position: relative; padding: 16px 8px; }
.table-changelog table tr:not(.content):not(.month) td { border-top: 1px solid #CCD1D9; }
.table-changelog tr td.date { width: 12rem; }
.table-changelog tr td.title { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 1.8rem; text-align: right; }
.table-changelog tr.month td { vertical-align: bottom; }
.table-changelog tr.month td h4 { font-size: 24px; font-weight: 700; }
.table-changelog tr.content td .tag { position: relative; display: inline-block; font-size: 1.1rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; }
.table-changelog tr.content td .tag.unavailable { background: #F7D4D7; color: #4E181E; }
.table-changelog tr.content td ul { list-style: none; padding-left: 0; margin: 0; }
.table-changelog tr.content td li { position: relative; padding: 4px 0 8px 20px; line-height: 1.6; }
.table-changelog tr.content td li ul li::before { content: "–"; position: absolute; left: 0; top: 4px; font-weight: 600; color: #CCD1D9; }
.table-changelog tr.content td li ul { margin-top: 4px; padding-left: 16px; border-left: 2px solid #EEF0F3; }
.table-changelog tr.entry-title td { cursor: pointer; }
.table-changelog tr.content td { padding: 0; cursor: pointer; }
.table-changelog tr.content .ch-wrap { max-height: 120px; overflow: hidden; position: relative; transition: max-height .3s ease; padding: 16px 8px; }
.table-changelog tr.content .ch-wrap::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 36px; pointer-events: none; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.9)); }
.table-changelog tr.content.is-open .ch-wrap::after { display: none; }
.table-changelog tr.content.is-animating .ch-wrap { will-change: max-height; }

.table-logs tr.log td.type .tag { position: relative; display: inline-block; font-size: 1.1rem; text-transform: uppercase; color: #141719; background: #EEF0F3; padding: .5rem 1rem; border-radius: 8px; margin: 0px 4px 0px 0px; }
.table-logs tr.log td.type .tag.success { color: #384D20; background: #D6E9C1; }
.table-logs tr.log td.type .tag.login { color: #164B3E; background: #C9EDE4; }
.table-logs tr.log td.type .tag.error { color: #4E181E; background: #F7D4D7; }
.table-logs tr.log td.type .tag.warning { color: #594317; background: #FCE7BB; }

.box.has-circle-notch { }
.box-item.circle-notch { }
.svg-circle-notch { display: block; margin: 0px auto; max-width: 100%; max-height: 250px; }
.svg-circle-notch .bg { fill: none; stroke: #EEF0F3; stroke-width: 3.8; }
.svg-circle-notch .circle { fill: none; stroke: #4A89DC; stroke-width: 2.8; stroke-linecap: round; animation: aa-ani-circle-notch-progress 1s ease-out forwards; }
.svg-circle-notch .percentage { fill: #141719; font-family: 'Inter', Verdana, sans-serif; font-weight: 600; font-size: 0.5em; text-anchor: middle; }
@keyframes aa-ani-circle-notch-progress { 0% { stroke-dasharray: 0 100; } }
.svg-circle-notch.warning .circle { stroke: #F6BB42; }
.svg-circle-notch.complete .circle { stroke: #8CC152; }
.svg-circle-notch.overflowing .circle { stroke: #FC6E51; }

/* Theme stats */

.box-item.ttl.stats-ttl h2 { font-size: 6.4rem; }
.box-item.stats-note  p { font-style: italic; color: #777777; }
.stats-table .table-container { overflow-x: auto; }
.stats-table table { border-collapse: collapse; min-width: 100%; background: #FFFFFF; }
.stats-table tr { position: relative;}
.stats-table td { position: relative; padding: 16px 8px; border-top: 1px solid #CCD1D9; }
.stats-table thead th { background: 0; padding: 16px 8px; border: 0px; text-align: left; }
.box-item.chart { width: 100%; }

.stats-heatmap td span { font-size:0.85em; color:#444; padding-left: .4em; }

.stats-table.stats-units td { vertical-align: middle; }
.stats-table.stats-units .thumb { position: relative; width: 56px; min-width: 56px;}
.stats-table.stats-units .thumb img { position: relative; width: 48px; height: 48px; object-fit: cover; border-radius: 9px; }
.stats-table.stats-units .thumb .placeholder { position: relative; background: linear-gradient(45deg, rgba(0,0,0,.3), rgba(0,0,0,0.1)); width: 48px; height: 48px; object-fit: cover; border-radius: 9px; opacity: .4; }

/* Print */

.print-only { display: none; }

@media print {
	.print-only { display: block; }
	body { background-color: transparent; font-size: 10pt; }
	main { background: 0; }
	header, footer, #breadcrumbs, .hide-for-print { display: none !important; }
	.box { padding: 10pt; }
	.box.has-light-theme.with-background { box-shadow: 0 0; }
	.box-item.ttl h2 { font-size: 16pt; }
	.box-item.cal-controls { display: none; }
	table tr td, table tr th { break-inside: avoid-page; }
	.table-events-calendar { font-size: 9pt; }
	.table-events-calendar tr.event td.title h4 { font-size: 14pt; }
	.table-events-calendar tr.event td.title p { font-size: 10pt; }
	.table-events-calendar tr.zone td.title p { font-size: 12pt; }
	.table-events-calendar tr.pos td.title p { font-size: 10pt; }
	.loadinglist-print-header .box, .loadinglist-print-table .box, .loadinglist-print-footer .box { height: auto; margin: 4pt 10pt; padding: 8pt; }
	.loadinglist-print-header .box .box-item:not(:last-child), .loadinglist-print-table .box .box-item:not(:last-child), .loadinglist-print-footer .box .box-item:not(:last-child) { padding-bottom: 4pt; }
	.loadinglist-print-box-date { font-size: 8pt; text-align: right; }
	.box.loadinglist-print-box-managers { margin: 4pt 18pt; border: 1px solid #141719; border-radius: 9pt; font-size: 8pt; }
	.box.loadinglist-print-box-event-address { font-size: 12pt; }
	.box.loadinglist-print-box-event-title { display: flex; flex-direction: row; }
	.loadinglist-print-header .box.loadinglist-print-box-event-title .box-item { flex: 0 1 auto; padding-bottom: 0pt; }
	.box.loadinglist-print-box-event-title .logo { height: 36pt; width: auto; top: -4pt; left: -8pt; }
	.box.loadinglist-print-box-event-title .logo img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
	.box.loadinglist-print-box-event-title h2, .box.loadinglist-print-box-event-title p { font-size: 12pt; }
	.box.loadinglist-print-box-event-title p.date { font-size: 9pt; text-transform: uppercase; margin-bottom: 2pt; }
	.box.loadinglist-print-box-date h3 { font-family: 'Inter', Verdana, sans-serif; font-weight: 600; text-transform: uppercase; font-size: 12pt; margin-bottom: 2pt; }
	.box.loadinglist-print-box-date { font-size: 7pt; }
	.box.loadinglist-print-box-imposed-brands { font-size: 10pt; }
	.table-view-loadinglist td {padding: 4pt 8pt; font-size: 10pt; }
	.table-view-loadinglist tr.product-group-title td h4 { font-size: 14pt; }
	.table-view-loadinglist tr.product-group-title td p { font-size: 12pt; }
	.table-view-loadinglist tr.product-group-title td.product-group-title-check { font-size: 10pt; }
	.box.loadinglist-print-box-loaded-by { margin: 4pt 18pt; padding: 8pt 8pt 48pt 8pt; font-size: 10pt; text-align: center; border: 1px solid #141719; break-inside: avoid-page; }
	
	@page { margin-top: 0.4in; margin-bottom: 0.4in; margin-left: 0.2in; margin-right: 0.2in; }	
}

/* Responsive theme */

@media only screen and (max-width: 820px) {
	.box-dash .box-item.ttl h2 { font-size: 2.8rem; }
	.box-dash .box-item.ttl h3 { font-size: 2.4rem; }
	.box-dash .box-item.ttl h4 { font-size: 2.1rem; }
	.form-table-pos-for-zones .table-container { overflow-x: auto; display: block; background: radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)), radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 100% 0; background-color: #fefefe; background-repeat: no-repeat; background-size: 20px 100%; margin-bottom: 15px; }
	.form-table-pos-for-zones .table-container table { min-width: 100%; background: linear-gradient(to right, #fefefe 30%, rgba(255,255,255,0)), linear-gradient(to left, #fefefe 30%, rgba(255,255,255,0)) 100% 0; background-size: 50px 100%; background-repeat: no-repeat; max-width: none; margin-bottom: 0;	}
	.form-table-pos-for-zones .table-container::-webkit-scrollbar {	-webkit-appearance: none;	width: 14px; height: 14px; }
	.form-table-pos-for-zones .table-container::-webkit-scrollbar-thumb {	border-radius: 8px;	border: 3px solid #fefefe;	background-color: #a8a8a8; }
}

@media only screen and (max-width: 640px) {	.box-item.list .item { flex-direction: column; } }

/* IAS */

.ias-trigger { position: relative; padding: 2rem; width: 100%; }
.ias-trigger a { position: relative; display: inline-block; padding: 1.6rem 2.4rem; border-radius: 6px; color: #000000; background: transparent; box-shadow: 0px 0px 0px 2px #000000; font-weight: 700; text-transform: none; font-size: 1.6rem; text-decoration: none; width: auto; border: 0; transition: all 200ms ease-in-out; }
.ias-trigger a:hover { cursor: pointer; color: #FFFFFE; background: #4A89DC; box-shadow: 0px 0px 0px 5px #4A89DC; transition: all 100ms ease-in-out; }

/* Row Grid */

.row-grid-container { position: relative; width: 100%; }
*:not(.box-item) > .row-grid-container { padding: 0px 6px; }
.row-grid-item { position: relative; float: left; margin-bottom: 4px !important; }
.row-grid-item img { max-width: 100%; max-height: 100%; vertical-align: bottom; transition: background 200ms ease-in-out, box-shadow 200ms ease-in-out, border 200ms ease-in-out; border: 0px solid #4A89DC; }
.row-grid-item img:hover { background: #4A89DC; border: 6px solid #4A89DC; box-shadow: 0px 0px 0px 4px #4A89DC; transition: background 100ms ease-in-out, box-shadow 100ms ease-in-out, border 100ms ease-in-out; }
.row-grid-item .row-grid-first-item { clear: both; }
.row-grid-last-row, .row-grid-last-row ~ .row-grid-item { margin-bottom: 0; }

@media only screen and (min-width: 821px) {	*:not(.box-item) > .row-grid-container { padding: 0px 20px; } }

/* Colorbox */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; }
#cboxWrapper { max-width:none; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; height:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
.cboxPhoto { float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic; }
.cboxIframe { width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#colorbox button { min-width: auto; box-shadow: 0px 0px; }

#cboxOverlay { background: rgba(0,0,0,0.3); }
#colorbox { outline:0;}
    #cboxContent { margin-top:40px;}
        .cboxIframe { background:#FFFFFF;}
        #cboxError { padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ }
        #cboxTitle { position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent { position:absolute; top:-20px; right:40px; color:#ccc; visibility: hidden !important; }
        #cboxLoadingGraphic{ }
        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline:0; }
        #cboxSlideshow {position:absolute; top:-20px; right:90px; color:#FFFFFF;}
        #cboxPrevious, #cboxNext { position:absolute; top: 50%; margin-top: -50px; width: 50px; height: 100px; background: rgba(0,0,0,0.6); color: #ccc; outline: none; display: flex; align-items: center; justify-content: center; }
        #cboxPrevious { left: 10px; }
        #cboxPrevious:before { position: relative; font-size: 36px; font-family: "Font Awesome 7 Pro"; font-weight: 300; content: "\f053"; left: -2px; }
        #cboxNext:hover, #cboxPrevious:hover { color: #FFFFFF; background: rgba(0,0,0,0.8); }
        #cboxNext { right: 10px; }
        #cboxNext:before { position: relative; font-size: 36px; font-family: "Font Awesome 7 Pro"; font-weight: 300; content: "\f054"; right: -2px; }
        #cboxClose { position:absolute; top: -45px; right: -14px; display:block; width:45px; height:45px; color: #FFFFFF; outline: 0; }
        #cboxClose:before { font-family: "Font Awesome 7 Pro"; font-weight: 300; font-size: 24px; content: "\f00d"; }
        #cboxClose:hover { color: #4A89DC; }

/* Colorbox Inline */

#colorboxInline { position: relative; height: 100%; padding: 28px 20px 48px 60px; background: #FFFFFF; box-sizing: border-box; max-width: 520px !important; border-radius: 6px; }
#colorboxInline h3 { position: relative; padding: 10px 20px; font-size: 1.8rem; }
#colorboxInline p { position: relative; padding: 10px 20px; }
#colorboxInline p a { text-decoration: underline; }
#colorboxInline .forward { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; gap: 5px; padding: 20px 10px 10px 20px; }
#colorboxInline .forward .btn { padding: 2rem 3rem; }
#colorboxInline .icon { position: absolute; left: 16px; top: 24px; padding: 0px; width: 48px; height: 48px; text-align: center; }
#colorboxInline .icon i { font-size: 48px; color: #001C33; width: 48px; }
#colorboxInline .icon.warning i { color: #E9573F; }
@media only screen and (min-width: 821px) { #colorboxInline { min-width: 480px; } }