:root {
/* THESE ARE AUTO GENERATED BY @imagetrend/elite-theme. EDITS SHOULD BE MADE TO theme.ts */
	--accent: #f2a20c;
	--black: #000000;
	--aaa: #aaaaaa;
	--bbb: #bbbbbb;
	--ccc: #cccccc;
	--ddd: #dddddd;
	--eee: #eeeeee;
	--ubuntu: "Ubuntu", Helvetica, Arial, sans-serif;
	--solid-teal: teal;
	--solid-gold: #ba7d03;
	--solid-purple: #76318d;
	--solid-green: #006f1d;
	--solid-blue: #103f7a;
	--solid-orange: #9b4200;
	--rounded-corner: 5px;
	--white: #ffffff;
	--white-text: var(--black);
	--white-border: var(--light-grey);
	--white-hover: var(--light-grey);
	--white-disabled: var(--light-grey);
	--white-disabled-hover: var(--light-grey);
	--white-disabled-text: var(--black);
	--grey100: #e7e7e7;
	--grey200: #c9c9c9;
	--light-grey: #b0b0b0;
	--grey300: #b6b6b6;
	--grey400: #a5a5a5;
	--grey500: #919191;
	--grey600: #757575;
	--grey700: #606060;
	--dark-grey: #424242;
	--grey900: #252525;
	--primary: #0065a8;
	--primary-text: var(--white);
	--primary-border: var(--dark-grey);
	--primary-hover: var(--primary);
	--primary-disabled: var(--aaa);
	--primary-disabled-hover: var(--aaa);
	--primary-disabled-text: #bababa;
	--light: linear-gradient(to bottom, var(--white) 5%, #d9d9d9 100%);
	--light-text: var(--black);
	--light-border: var(--light-grey);
	--light-hover: linear-gradient(to bottom, #d9d9d9 5%, var(--white) 100%);
	--light-disabled: var(--light);
	--light-disabled-hover: var(--light);
	--light-disabled-text: #686868;
	--dark: linear-gradient(to bottom, var(--grey400) 5%, var(--grey700) 100%);
	--dark-text: var(--white);
	--dark-border: var(--dark-grey);
	--dark-hover: linear-gradient(to bottom, var(--grey700) 5%, var(--grey400) 100%);
	--dark-disabled: var(--dark-hover);
	--dark-disabled-hover: var(--dark);
	--dark-disabled-text: #171717;
	--all-white: var(--white);
	--all-white-text: var(--black);
	--all-white-border: var(--white);
	--all-white-hover: var(--white);
	--all-white-disabled: var(--white);
	--all-white-disabled-hover: var(--white);
	--all-white-disabled-text: var(--light-grey);
	--gold: linear-gradient(to top,  var(--solid-gold) 0, #906c0c 100%);
	--gold-text: var(--white);
	--gold-border: #5e4200;
	--gold-hover: linear-gradient(to top, #906c0c 0, var(--solid-gold) 100%);
	--gold-disabled: linear-gradient(to top, #ceaa6a 0, #bf9237 100%);
	--gold-disabled-hover: linear-gradient(to top, #bf9237 0, #ceaa6a  100%);
	--gold-disabled-text: var(--black);
	--green: linear-gradient(to top, #00711d 0, #005315 100%);
	--green-text: var(--white);
	--green-border: #002f0c;
	--green-hover: linear-gradient(to top, #005315 0, #00711d 100%);
	--green-disabled: linear-gradient(to top, #609b62 0, #2d7f36 100%);
	--green-disabled-hover: linear-gradient(to top, #2d7f36 0, #609b62 100%);
	--green-disabled-text: var(--black);
	--light-green: linear-gradient(to bottom, #1eac36 5%, #208931 100%);
	--light-green-text: var(--white);
	--light-green-border: var(--dark-grey);
	--light-green-hover: linear-gradient(to bottom, #208931 5%, #1eac36 100%);
	--light-green-disabled: linear-gradient(to bottom, #5ebe64 5%, #8acf8b 100%);
	--light-green-disabled-hover: linear-gradient(to bottom, #8acf8b 5%, #5ebe64 100%);
	--light-green-disabled-text: var(--black);
	--blue: linear-gradient(to top, var(--solid-blue) 0, #062d5e 100%);
	--blue-text: var(--white);
	--blue-border: #000b18;
	--blue-hover: linear-gradient(to top, #062d5e 0, var(--solid-blue) 100%);
	--blue-disabled: linear-gradient(to top, #5676a2 0, #295188 100%);
	--blue-disabled-hover: linear-gradient(to top, #295188 0, #5676a2 100%);
	--blue-disabled-text: var(--white);
	--orange: linear-gradient(to top, #9c4200 0, #722e00 100%);
	--orange-text: var(--white);
	--orange-border: #631200;
	--orange-hover: linear-gradient(to top, #722e00 0, #9c4200 100%);
	--orange-disabled: linear-gradient(to top, #bd7b5a 0, #a75528 100%);
	--orange-disabled-hover: linear-gradient(to top, #a75528 0, #bd7b5a 100%);
	--orange-disabled-text: var(--black);
	--teal: linear-gradient(to top, var(--solid-teal) 0, #294f4b 100%);
	--teal-text: var(--white);
	--teal-border: #09221f;
	--teal-hover: linear-gradient(to top, #294f4b 0, var(--solid-teal) 100%);
	--teal-disabled: linear-gradient(to top, #66a5a5 0, #338c8c 100%);
	--teal-disabled-hover: linear-gradient(to top, #338c8c 0, #66a5a5 100%);
	--teal-disabled-text: var(--black);
	--purple: linear-gradient(to top, #77328e 0, #581b6c 100%);
	--purple-text: var(--white);
	--purple-border: #080417;
	--purple-hover: linear-gradient(to top, #581b6c 0, #77328e 100%);
	--purple-disabled: linear-gradient(to top, #9f70b1 0, #84489a 100%);
	--purple-disabled-hover: linear-gradient(to top, #84489a 0, #9f70b1 100%);
	--purple-disabled-text: var(--black);
	--red: linear-gradient(to top, #991319 0, #bc1319 100%);
	--red-text: #fff;
	--red-border: var(--dark-grey);
	--red-hover: linear-gradient(to top, #bc1319 0, #991319 100%);
	--red-disabled: linear-gradient(to top, var(--white) 0, var(--white) 100%);
	--red-disabled-hover: var(--red-disabled);
	--red-disabled-text: #000;
	--error: #c70000;
	--success: #007000;
	--table-stripe-odd: var(--white);
	--table-stripe-even: var(--ddd);
	--table-selected: #e0f3ff;
	--light-yellow: lightyellow;
	--touch-friendly-button-border: #5aabe0;
	--error-modal-inactive-background: linear-gradient(0, #c8c8c8 15%,#e1e1e1 85%);
	--envoy-primary: #001f51;
	--topmost-navigation: #cce3f1;
	--warning-primary: #856404;
	--danger-border: #ebccd1;
	--danger-primary: #a94442;
	--calendar-background: #b3e1f7;
	--calendar-border: #81cdf2;
	--cell-accepted: #9fdfbf;
	--row-accepted: #8eceae;
	--cell-rejected: #ff8080;
	--row-rejected: #ee6f6f;
	--error-alert-border: #f5c6cb;
	--quill-yellow: #ffff00;
	--cqi-blue: #aac6f6;
	--modal-background: rgb(0 0 0 / 0.5);
	--dark-modal-background: rgb(0 0 0 / 0.8);
	--light-modal-background: rgb(200 200 200 / 0.8);
	--shadow: rgb(0 0 0 / 0.1);
	--dark-shadow: rgb(0 0 0 / 0.3);
	--backing-circle-border: rgb(255 255 255 / 0.2);
	--cert-dashboard-edit: rgb(0 128 0 / 0.1);
	--dashboard-input-edit: rgb(0 114 188 / 0.5);
	--document-tool-table-row: rgb(0 99  128 / 0.09);
	--document-selected-row: rgb(220 189 75 / 0.31);
	--exclamation-triangle-orange: #f57900;
	--worksheet-grey: linear-gradient(to top, #c1c1c1 0%, #e8e8e8 100%);
	--worksheet-grey-inverted: linear-gradient(to top, #e8e8e8 0, #c1c1c1 100%);
	--crew-dash-background: linear-gradient(to top,#848484 0,#a8a8a8 100%);
	--crew-remove-btn-background: linear-gradient(to top,#a8a8a8 0,#848484 100%);
	--tiles-background: linear-gradient(to top,#3d3d3d 0,#484848 100%);
	--dark-dark: linear-gradient(to bottom, #232323 0%, #0b0b0b 100%);
	--dark-dark-inverted: linear-gradient(to top, #232323 0%, #0b0b0b 100%);
	--power-tool-countdown-background: linear-gradient(1270deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 90%);
	--light-orange: linear-gradient(to top, #aa661d 0%, #c77722 100%);
	--light-orange-inverted: linear-gradient(to top, #c77722 0%, #aa661d 100%);
	--light-teal: linear-gradient(to bottom, #7fd9f1 0%, #4ca8bf 100%);
	--yellow: linear-gradient(to bottom, #f8e56d 1%, #eba829 100%);
	--light-red: linear-gradient(to bottom, #e70808 0%, #c20d0e 100%);
	--light-blue: linear-gradient(to bottom, #0185da 0%, #0164a5 100%);
	--light-blue-inverted: linear-gradient(to bottom, #0164a5 0%, #0185da 100%);
	--core-alert-border: rgb(242 162 12 / 0.4);
	--is-saving-button: linear-gradient(to bottom, #d6d6d6 0%, #adacac 100%);
	--run-form-light-green: #ddf7cb;
	--field-inspections-dark-red: #450000;
	--situation-dark-blue: #043d91;
	--lime: #00ad00;
}
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/

/*NOTE: this file provides a common set of fallback styles in order to erase differences in default css behavior across browsers.*/
/*It should always be included first so that all other css overrides it.*/

* { margin: 0; padding: 0;}

html{color:var(--black);background:var(--white)}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend,input,button,select{color:var(--black)}

.clear { clear: both; display: block; }
/* BEGIN: Rotate */
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% { 
    transform: rotate(360deg);
  }
}
/* END: Rotate */


/* BEGIN: Reverse Rotate */
@keyframes rev-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% { 
    transform: rotate(-360deg);
  }
}
/* END: Reverse Rotate */

/* BEGIN: Loading Animation White to Grey */
@keyframes loading-bg-white-to-blue-1 {
	0% {
		background: var(--primary);
		transform: translate3d(0,0,0);
	}
	20% {
		background: var(--primary);
		transform: translate3d(0,0,0);
	}
  21% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
  100% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
}

@keyframes loading-bg-white-to-blue-2 {
  0% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
  20% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
	21% {
		background: var(--primary);
		transform: translate3d(0,0,0);
	}
	40% {
		background: var(--primary);
		transform: translate3d(0,0,0);
	}
  41% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
  100% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
}

@keyframes loading-bg-white-to-blue-3 {
  0% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
  40% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
	41% {
		background: var(--primary);
		transform: translate3d(0,0,0);
	}
	60% {
		background: var(--primary);
		transform: translate3d(0,0,0);
	}
  61% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
  100% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
}

@keyframes loading-bg-white-to-blue-4 {
  0% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
  60% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
	61% {
		background: var(--primary);
		transform: translate3d(0,0,0);
	}
	80% {
		background: var(--primary);
		transform: translate3d(0,0,0);
	}
  81% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
  100% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
}

@keyframes loading-bg-white-to-blue-5 {
  0% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
  80% {
    background: var(--white);
    transform: translate3d(0,0,0);
  }
	81% {
		background: var(--primary);
		transform: translate3d(0,0,0);
	}
	100% {
		background: var(--primary);
		transform: translate3d(0,0,0);
	}
}

/* END: Loading Animation White to Grey */
/* BEGIN fonts */

@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 300;
	src: local('Ubuntu Light'), local('Ubuntu-Light'), url(fonts/Ubuntu-Light.woff) format('woff');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: local('Ubuntu'), local('Ubuntu'), url(fonts/Ubuntu-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 500;
	src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(fonts/Ubuntu-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
	src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(fonts/Ubuntu-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-weight: 400;
	src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(fonts/Ubuntu-Italic.woff) format('woff');
}

@font-face {
	font-family: 'Titillium Web';
	font-weight: 800;
	src: local('Titillium Web Black'), local('Titillium Web-Black'), url(fonts/TitilliumWeb-Black.woff) format('woff');
}

@font-face {
	font-family: 'Orbitron-Bold';
	src: local('Orbitron Bold'), local('Orbitron-Bold'), url('fonts/Orbitron-Bold.woff') format('woff');
		font-weight: 800;
}

@font-face {
	font-family: 'Orbitron-Medium';
	src: local('Orbitron Medium'), local('Orbitron-Medium'), url('fonts/Orbitron-Medium.woff') format('woff');
		font-weight: 500;
}

.titillium-caps {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}

/* END fonts */

html {
	background: var(--grey900) url('images/bg.png');
	font-family: var(--ubuntu);
	height: 100%;
}

body {
	height: 100%;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.3em 0;
	font-weight: 800;
	line-height: 1.2em;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.75em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.25em;
}

h5 {
	font-size: 1.125em;
}

h6 {
	font-size: 1.1em;
}

a,
a:visited,
span.link {
	padding: 0em 0.2em;
	color: var(--primary);
	display: inline-block;
	line-height: 2em;
	text-decoration: underline;
	cursor: pointer;
}

a:hover, 
span:hover.link,
a:focus {
	background: var(--primary);
	color: var(--primary-text);
	text-decoration: none;
}

a.dashboard:hover {
	background: transparent;
	color: inherit;
}

a.inline-text {
	color: var(--primary);
	font-size: 1.1em;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
	padding: 0 0 0 0;
	line-height: normal;
}

a.inline-text:hover {
	background: transparent;
	text-decoration: none;
	color: var(--black);
}

input {
	margin: 0;
}

input[disabled] {
	background: var(--eee);
}

/*Not guaranteeing this is correct in all cases, but will at least set something so its not up to the browser*/
select[disabled] option {
	color: var(--grey900);
}

select:hover:not([disabled]), option:hover:not([disabled]) {
	cursor: pointer;
}

hr {
	height: 1px;
	margin: 5px 0;
	border: none;
	border-bottom: 1px solid var(--ccc);
}

em {
	font-size: 0.9em;
	font-style: oblique;
}

strong {
	font-weight: 800;
}

.underline {
	text-decoration: underline;
}

/* The Page */
#thepage {
	height: 100%;
}

.height100 {
	height: 100%;
}

/* Loading Icon */
.loading-icon {
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.dialog-modal-content-element .loading-icon-outer {
	position: relative;
}
.loading-icon-outer {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -55px;
	width: 110px;
	height: 45px;
	background: var(--grey300);
	border-radius: 3px;
	border: 1px solid var(--grey600);
	z-index: 99998;
	box-shadow: 0px 0px 5px var(--shadow);
}

#loading-icon-container {
	display: table-cell;
	vertical-align: middle;
	padding: 0 9px;
}

.loading-icon-inner {
	float: left;
	margin: 0 4px;
	width: 10px;
	height: 10px;
	border-radius: var(--rounded-corner);
	background: var(--white);
	animation-duration: 1s;
	z-index: 99999;
}

#loading-icon-inner-1 {
	animation-name: loading-bg-white-to-blue-1;
}

#loading-icon-inner-2 {
	animation-name: loading-bg-white-to-blue-2;
}

#loading-icon-inner-3 {
	animation-name: loading-bg-white-to-blue-3;
}

#loading-icon-inner-4 {
	animation-name: loading-bg-white-to-blue-4;
}

#loading-icon-inner-5 {
	animation-name: loading-bg-white-to-blue-5;
}

/* Blink */

@keyframes blinker {
	from {
		opacity: 1.0;
	}

	to {
		opacity: 0.0;
	}
}

.blink {
	animation: blinker 1s cubic-bezier(1.0,0,0,1.0) infinite;
}
/* END: Blink */
.bold{
	font-weight:bold;
}

.loading-modal{
	text-align:center;
	display:block;
}
.content-wrap {
	margin: 2em 20px 4em 20px;
	position: relative;
}

.content-wrap-inner {
	max-width: 1280px;
	min-width: 600px;
	min-height: 300px;
	margin: 0 auto;
	color: var(--black);
	font-size: 0.9em;
	position: relative;
}

.content-wrap-inner.supportingunit-list-wrap {
		min-width: 1180px;
}

.content-wrap-inner.incident-list-wrap {
	max-width: none;
	padding: 0 2em;
}

.content-wrap-inner h1,
.content-wrap-inner h2,
.content-wrap-inner h3,
.content-wrap-inner h4,
.content-wrap-inner h5,
.content-wrap-inner h6 {
	color: var(--black);
}

.content-wrap-inner p {
	max-width: 620px;
}

p.documents-name-width {
	max-width: 325px;
	word-wrap: break-word;
}

.content-wrap-inner hr {
	margin: 15px 0;
}

#modal-container ul,
.content-wrap-inner ul,
.content-wrap-inner ol {
	margin: 0 0 2em 0;
}

#modal-container ul li,
.content-wrap-inner ul li {
	margin: 0 0 0 1.4em;
	list-style-type: disc;
}

#modal-container .scrollable-container {
	padding-bottom: 4em;
	margin: 0;
	width: 100%;
}

#modal-container aside.lookup-modal.run-form ul li {
	margin: 0px;
}

#modal-container ul li {
	margin: 0.4em 0.4em 0.4em 1.4em;
}

.content-wrap-inner ol li {
	margin: 0 0 0 1.4em;
	list-style-type: decimal;
}

.content-wrap-inner .content-row {
	width: 100%;
	margin: 0 0 20px 0;
}

.content-wrap-inner .content-row:after {
	content: '';
	display: block;
	clear: both;
}

.content-wrap-inner .col {
	vertical-align: top;
	display: inline-block;
}

.content-wrap-inner .col-10 {
	width: 10%;
}

.content-wrap-inner .col-20 {
	width: 18%;
}

.content-wrap-inner .col-25 {
	width: 23%;
}

.content-wrap-inner .col-33 {
	width: 31%;
}

.content-wrap-inner .col-40 {
	width: 38%;
}

.content-wrap-inner .col-50 {
	width: 48%;
}

.content-wrap-inner .col-66 {
	width: 64%;
}

.content-wrap-inner .col-75 {
	width: 73%;
}

.content-wrap-inner .col-100 {
	width: 100%;
}

.content-wrap-inner .col-margin {
	margin: 0 3% 0 0;
}

.content-wrap-inner .span1 {
	width: 31%;
}

.content-wrap-inner .span2 {
	width: 64%;
}

.content-wrap-inner .span3 {
	width: 98%;
}

.content-wrap-inner .panel {
	min-height: 6.2em;
	margin: 0 0 20px 0;
	box-shadow: 0 4px 16px var(--modal-background);
	position: relative;
}

.content-wrap-inner .panel li p {
	margin: 0;
}

.content-wrap-inner .panel-red {
	background: var(--error);
}

.content-wrap-inner .panel-orange {
	background: var(--accent);
}

.content-wrap-inner .panel-green {
	background: var(--success);
}

.content-wrap-inner .panel-blue {
	background: var(--primary);
}

.content-wrap-inner .panel-purple {
	background: var(--solid-purple);
}

.content-wrap-inner .fa fa-green {
	color: var(--success);
}

.content-wrap-inner .fa fa-red {
	color: var(--error);
}

.content-wrap-inner .panel-title {
	max-width: 80%;
	padding: 0 2.6em 0 1em;
	border-bottom-right-radius: 4em;
	position: absolute;
	z-index: 1;
}

.content-wrap-inner .panel-title h2 {
	max-width: 100%;
	margin: 0.1em 0;
	color: var(--white);
	font-size: 2em;
	font-weight: 300;
	line-height: 1.3em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content-wrap-inner .panel-orange .panel-title h2,
.content-wrap-inner .panel-orange .panel-title h3,
.content-wrap-inner .panel-orange .panel-title h4 {
	color: var(--black);
}

.content-wrap-inner .panel-title h3 {
	max-width: 100%;
	margin: 0.1em 0;
	color: var(--white);
	font-size: 2.0em;
	font-weight: 300;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content-wrap-inner .panel-title h4 {
	max-width: 100%;
	margin: 0.1em 0;
	color: var(--white);
	font-size: 1.5em;
	font-weight: 300;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content-wrap-inner .panel-red .panel-title,
.content-wrap-inner .panel-red .panel-actions {
	background: var(--error);
}

.content-wrap-inner .panel-green .panel-title,
.content-wrap-inner .panel-green .panel-actions {
	background: var(--success);
}

.content-wrap-inner .panel-blue .panel-title,
.content-wrap-inner .panel-blue .panel-actions {
	background: var(--primary);
}

.content-wrap-inner .panel-orange .panel-title,
.content-wrap-inner .panel-orange .panel-actions {
	background: var(--accent);
}

.content-wrap-inner .panel .panel-actions {
	display: flex;
	flex-flow: row wrap;
	justify-content: start;
	gap: 0.5rem;
	background: none;
	margin-bottom: 0.77em;
	width: 100%;
}

.content-wrap-inner .panel .panel-actions.panel-actions-bottom {
	margin-top: 0.77em;
	margin-bottom: 0;
}

.content-wrap-inner .panel-actions.panel-actions-bottom {
	margin-bottom: 0;
}

.content-wrap-inner .panel .panel-actions > *,
.content-wrap-inner .panel .panel-actions .panel-action-buttons-container > * {
	margin-top: auto;
	margin-bottom: auto;
	height: fit-content;
	white-space: nowrap;
	text-wrap: nowrap;
}

.panel .panel-actions > button,
.panel .panel-actions > shell-button button,
.panel .panel-actions more-menu > button,
.panel .panel-actions new-menu > button,
.panel .panel-actions program-enrollment-button > button,
.panel .panel-actions .panel-action-buttons-container > button {
	margin-right: .56em;
	padding: 0.75rem;
	display: inline-block;
	font-size: 1rem;
}

.panel .panel-actions > button i,
.panel .panel-actions .panel-action-buttons-container > button i{
	display: inline-block;
	font-size: 0.95rem;
}

.pagination, shell-list-pagination, list-pagination {
	margin-left: auto;
	margin-right: 0;
	display: inline-flex;
	flex-flow: row nowrap;
	justify-content: end;
	align-items: center;
	justify-self: end;
	flex-shrink: 1;
}

/* We want the pagination all the way to the right, but if the page size container is there, it will handle the margin*/
.page-size-container ~ .pagination,
.page-size-container ~ shell-list-pagination,
.page-size-container ~ list-pagination {
	margin-left: 0;
}

.pagination .page-label {
	margin-right: 0.5rem;
	max-height: 18px;
	display: flex;
	flex-flow: row nowrap;
	column-gap: 2px;
}

.pagination-number {
	color: var(--primary);
}

.page-btn {
	padding: 0.5rem 0.75rem;
}

.page-btn:first-of-type {
	border-right: 0;
}

.page-btn i {
	display: inline-block;
	font-size: 0.8rem;
}

.panel-inner-actions .page-label {
	margin-right: .3em;
	font-size: 1.05em;
	font-weight: 400;
	margin-top: 0.8em;
}

.panel-actions-bottom .page-label,
.table-wrapper .page-label {
	margin-right: 0.7em;
}

.content-wrap-inner .panel .panel-actions .spacer {
	border-right: 1px solid var(--grey200);
	margin-right: 1.18em;
	padding-right: 0.63em;
	height: 1.88em;
	margin-top: auto;
	margin-bottom: auto;
	width: 0;
	display: inline-block;
}

.content-wrap-inner .panel .panel-inner-actions .spacer {
	border-right: 1px solid var(--grey200);
	margin-right: 0.35em;
	padding-right: 0.63em;
	height: 1.88em;
	margin-top: auto;
	margin-bottom: auto;
	width: 0;
	display: inline-block;
}

.select-all-no-spacer {
	margin-top: .8em;
	display: inline-block;
	height: 1em;
}

.content-wrap-inner .panel .panel-actions .divider,
.content-wrap-inner .panel .panel-inner-actions .divider {
	border-top: 1px solid var(--grey200);
	padding-bottom: 0.63em;
	width: 90%;
}

.content-wrap-inner .panel-inner {
	width: 100%;
	min-height: 100px;
	padding: 3.27em 0 0 0;
	background: var(--white);
	position: relative;
	top: 4px;
	left: 4px;
}

.panel-inner-actions {
	padding: 0.1em 0;
	position: absolute;
	top: 0.8em;
	right: 1.0em;
	text-align: right;
}

.panel-inner .panel-inner-filters {
	position: absolute;
	width: 60em;
	top: 0;
	right: 7.5em;
}

.panel-inner-actions > *,
.panel-inner-actions > .panel-filters-container > *,
.panel-inner-actions .search-filter-container > *,
.panel-inner-actions .search-filter-container > .search-container > *{
	display: inline-block;
	vertical-align: middle;
}

.panel-inner-actions .btn:not(.search-box-go-button),
.panel-inner-actions button:not(.search-box-go-button):not(.modal-search-box-go-button) {
	margin-left: 0.28em;
}

.panel-inner-actions .btn.short {
	height: 1.88em;
}

.panel-inner-actions button.short {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.panel-inner-actions .btn.wide,
.panel-inner-actions button.wide {
	width: auto;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.panel-inner-actions .btn.wide i {
	font-size: 13pt;
}

.panel-inner-actions .btn i {
	font-size: 1.3em;
	display: inline-block;
	vertical-align: top;
}

.panel-inner-actions .btn.short i {
	font-size: .9em;
	height: 2.1em;
}

.panel-inner-actions .btn.short .label {
	font-size: .9em;
	line-height: 2.2em;
}

.panel-inner-actions .btn.short .more-menu {
	top: 2.35em;
}

.panel-inner-actions .btn i.southpaw-icon {
	margin-right: 0.25rem;
	margin-left: inherit;
	float: none;
}

.content-wrap-inner .panel-sec .panel-inner {
	background: var(--white);
}

.content-wrap-inner .panel-sec {
	font-size: 0.9em;
}

.content-wrap-inner .panel-contents {
	padding: 1.2em 1.0em;
}

.content-wrap-inner .dashboard-tile-holder {
	padding: 1.2em 1.0em;
	display: flex;
}

.content-wrap-inner .panel-contents li p {
	margin: 0;
}

.content-wrap-inner .panel-contents img {
	max-width: 100%;
}

.content-wrap-inner .panel-contents .center {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.content-wrap-inner .panel-contents .panel-label {
	margin-top: .75em;
	font-size: 1.28em;
}


/* Tables */
.table,
.content-wrap-inner .table {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.table .list,
.content-wrap-inner .table .list {
	display: table-row-group;
}

.table-wrapper {
	border: 1px solid var(--grey200);
	padding: 0.49em;
	margin-bottom: 0.5rem;
}

.table-wrapper .edit-column.edit-one-column {
	border: none;
}

.table .row,
.content-wrap-inner .table .row {
	display: table-row;
	border: 1px solid var(--white);
	background: var(--table-stripe-even);
}

.table .row.clickable:hover,
table tr.clickable:hover,
.content-wrap-inner .table .row.clickable:hover {
	cursor: pointer;
}

.table .row-odd,
.table .row.row-odd,
.table .row.odd {
	background: var(--table-stripe-odd);
}

.table .row-active,
.table .row.row-active,
.table .row-active-orange,
.table .row.row-active-orange{
	background: var(--table-selected);
	border-bottom: 1px solid var(--white);
}

.table .row-active p,
.table .row-active-orange p {
	color: var(--black);
}

.table .row-active-green {
	background: var(--success);
	border-top: 1px solid var(--success);
	border-bottom: 1px solid var(--success);
}

.table .row-active-green p {
	color: var(--white);
}

.table .row-active-red {
	background: var(--error);
	border-top: 1px solid var(--error);
	border-bottom: 1px solid var(--error);
}

.table .row-active-red p {
	color: var(--white);
}

.table .row-active p {
	color: var(--black);
}

.table .text-link {
	color: var(--primary);
	text-decoration: underline;
	cursor: pointer;
}

.table .row-active .text-link {
	color: var(--black);
}

.table .row:after {
	content: '';
	display: none;
	clear: both;
}

.table .row p {
	margin: 0;
	margin-left: 1.16em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 300;
	font-size: 0.9em;
	line-height: 2.7em;
}

table tbody tr p {
	margin: 0;
	margin-left: 1.16em;
}

inline-list-page table tbody tr p,
list-page table tbody tr p {
	word-break: normal;
}

/* If the row is clickable, don't let the user select the text while trying to click the row */
tbody tr.clickable p,
tbody tr.clickable span,
tbody tr.clickable button {
	user-select: none;
}

.no-word-break {
	word-break: normal;
}

.table .row.wrapText p,
table tbody tr p.wrapText {
	white-space: normal;
	overflow: auto;
}

.table .col,
.content-wrap-inner .table .col {
	display: table-cell;
}

.table .col-status {
	font-size: 0.7em;
	font-weight: 800;
}

.table .col-status div {
	display: inline-block;
}

.table .dot {
	width: 10px;
	height: 10px;
	margin: 6px 0 0 0;
	border-radius: var(--rounded-corner);
}

.table .col-status-active p {
	color: var(--success);
}

.table .col-status-active .dot {
	background: var(--success);
}

.table .col-status-setup p {
	color: var(--accent);
}

.table .col-status-setup .dot {
	background: var(--accent);
}

.table .col-status-inactive p {
	color: var(--error);
}

.table .col-status-inactive .dot {
	background: var(--error);
}

.table .row-active-green .col-status-active p,
.table .row-active-orange .col-status-setup p,
.table .row-active-red .col-status-inactive p {
	color: var(--white);
}

.table .row-active-green .col-status-active .dot,
.table .row-active-orange .col-status-setup .dot,
.table .row-active-red .col-status-inactive .dot {
	background: var(--white);
}

.table .header,
.content-wrap-inner .table .header {
	display: table-header-group;
	background:var(--ddd);
	border-top: 1px solid var(--eee);
	border-bottom: 1px solid var(--grey400);
	font-size: 1.05em;
	font-weight: 500;
}

.table .header .row {
	border: none;
}

.table .header .row p {
	margin-left: 1.03em;
	font-weight: 500;
}

.table .header .row:hover {
	border: none;
}

.table .header .col {
	border-right: 1px solid var(--bbb);
	border-left: 1px solid var(--eee);
	border-bottom: 1px solid var(--bbb);
}

.table .header p {
	color: var(--black);
}

.table .footer .actions {
	margin: 1em 0 0 0;
}

.table .footer .actions:after {
	content: '';
	display: block;
	clear: both;
}

.table .footer .actions .btn {
	width: 8em;
	margin-right: 4px;
}

.table .footer .actions .btn .label {
	width: 100%;
	font-size: 1em;
	font-weight: 700;
	text-align: center;
	position: relative;
	top: 8px;
}



.active-flag {
	color: var(--success);
}

.inactive-flag {
	color: var(--error);
}

.italics {
	font-style: italic;
}

/* Buttons */
.btn, button {
	text-align: center;
	cursor: pointer;
	display: block;
	padding: 0.5rem;
	font-family: var(--ubuntu);
	height: fit-content;
	width: auto;
	position: relative;
}

.btn .label, button .label {
	display: inline-block;
}

.btn[disabled], button[disabled] {
	cursor: default;
}

.btn-green {
	background: var(--light-green);
	border: 1px solid var(--light-green-border);
	color: var(--light-green-text);
	font-family: Trebuchet MS;
	font-weight: normal;
	text-decoration: none;
	stroke: var(--success);
}

.btn-green:active, .btn-green:hover {
	background: var(--light-green-hover);
	border: 1px solid var(--light-green-border);
	color: var(--light-green-text);
	font-family: Trebuchet MS;
	font-weight: normal;
	text-decoration: none;
	stroke: var(--success);
}

.btn-green[disabled] {
	background: var(--light-green-disabled);
	color: var(--light-green-disabled-text);
}

.btn-green[disabled]:active, .btn-green[disabled]:hover {
	background: var(--light-green-disabled);
}

.btn-dark {
	background: var(--dark);
	border: 1px solid var(--dark-border);
	color: var(--dark-text);
}

.btn-dark[disabled] {
	background: var(--dark-disabled);
	color: var(--dark-disabled-text);
}

.btn-dark:active, .btn-dark:hover {
	background: var(--dark-hover);
}

.btn-dark[disabled]:active, .btn-dark[disabled]:hover {
	background: var(--dark-disabled-hover);
}

.btn-light {
	color: var(--light-text);
	border: 1px solid var(--light-border);
	background: var(--light);
}

.btn-light[disabled] {
	color: var(--light-disabled-text);
	background: var(--light-disabled);
}

.btn-light:active, .btn-light:hover {
	background: var(--light-hover);
}

.btn-light[disabled]:active, .btn-light[disabled]:hover {
	background: var(--light-disabled-hover);
}

.btn-all-white {
	background: var(--all-white);
	border: 0;
	color: var(--light-grey); /*See elite-core-ui/Modal.tsx, this isn't true everywhere, but this basically just gets used in modals*/
}

.btn-all-white:active, .btn-all-white:hover {
	background: var(--all-white-hover);
	color: var(--black);
}

.btn-all-white[disabled] {
	background: var(--all-white-disabled);
	color: var(--all-white-disabled-text);
}

.btn-all-white[disabled]:active, .btn-all-white[disabled]:hover {
	background: var(--all-white-disabled-hover);
}

.list-open-btn {
	text-align: center;
}

.list-open-btn i {
	padding: 0.25em;
}

/* This needs a little extra room to be visually centered*/
.list-open-btn i.fa-external-link {
	padding-left: 0.4rem;
}

.action-button i.fa-external-link {
	padding-left: 2px;
}

/* Actions */

.actions .filter-btn {
	width: 2.83em;
	position: relative;
}

.actions .filter-wrapper {
	position: relative;
}

.actions .btn .label {
	font-weight: 400;
	text-align: center;
	margin-left: 0.33em;
	vertical-align: middle;
}

.actions .btn .label.southpaw-label {
	margin-right: 0;
	vertical-align: initial;
}

.actions .items-found-wrapper {
	margin: 0 10px 0 0;
}

.actions .items-found-number {
	color: var(--primary);
}


/* dashboard content panes */
.panes {
}

.panes:after,
.panes .pane-inner:after {
	content: '';
	display: block;
	clear: both;
}

.panes h4 {
	margin: 0;
	font-size: 1.7em;
	font-weight: 300;
}

.panes p {
	margin: 0;
	color: var(--primary);
}

.panes p.usage {
	color: var(--grey500);
	font-size: 0.8em;
}

.panes .pane-inner {
	padding: 8px;
}

.panes .item {
	width: 100%;
	margin: 0 2px 2px 0;
	background: var(--eee);
	cursor: pointer;
}

.panes .item:hover .pane-content h4 {
	color: var(--primary);
}

.panes .icon {
	margin: 0 0.4em 0 0;
	float: left;
}

.panes .pane-content {
	width: 90%;
	height: 90px;
	margin: 0;
	float: left;
	position: relative;
}

.panes .pane-content p.usage {
	position: absolute;
	right: 0;
	bottom: 0;
}

@media (min-width:850px) {
	.panes .item {
		width: 49%;
		margin: 0 2px 2px 0;
		background: var(--eee);
		cursor: pointer;
		float: left;
	}

	.panes .pane-content {
		width: 80%;
		height: 140px;
	}

	.content-wrap-inner .panes h4 {
		margin: 0 0 0.5em 0;
		line-height: 1em;
	}

	.content-wrap-inner .panes p {
		line-height: 1.4em;
	}

	.panes input {
		width: 150px;
	}
}

@media (min-width:1024px) {
	.panes .pane-content {
		width: 84%;
		height: 110px;
	}

	.panes input {
		width: 200px;
	}
}

@media (min-width:1280px) {
	.panes .pane-content {
		width: 88%;
		height: 90px;
	}

	.panes input {
		width: 250px;
	}
}

/* For Larger monitors, keeps the Agency list controls inside modal */
@media screen and (min-width: 1921px) and (min-height: 1080px) {
	#agency-picker .content-wrap {
		left: 50%;
		transform: translateX(-50%);
		max-width: 50%;
	}
	#panel-inner .content-wrap-inner {
		min-width: 100%;
	}
}

/* font sizes */
.fs-10 {
	font-size: 1em;
}

.fs-09 {
	font-size: 0.9em;
}

.fs-08 {
	font-size: 0.8em;
}

/* list items */
ul.nodots {
	list-style-type: none;
}

/* Icons */
.icon {
	width: 34px;
	height: 34px;
	padding: 0;
	display: inline-block;
}

.icon .inner {
	width: 32px;
	height: 32px;
	margin: 1px 0 0 1px;
}

.icon .fa fa-close:hover {
	opacity: 1;
}

.alert {
	width: 64px;
	height: 64px;
	background: var(--light-modal-background);
	border: 1px solid var(--core-alert-border);
	border-radius: 32px;
}

.alert-icon {
	width: 32px;
	height: 32px;
	margin: 10px 0 0 16px;
}



/* Full page modal & enterprise selection window */
.modal-full-bg,
#agency-select {
	width: 100%;
	height: 100%;
	background: var(--dark-modal-background);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

.modal-full-bg .modal-full {
	height: 61px;
	margin: 0 auto;
	background: none;
	font-size: 0.8em;
	position: relative;
	top: 10em;
}

.modal-full-bg.user-log .modal-full {
	font-size: 1em;
	width: 50%;
}

.modal-full-wide {
	width: 50% !important;
}

.modal-full-bg .modal-verbage {
	padding-top: 0.25rem;
}

.lookup-modal {
	position: fixed;
	top: 2.5em;
	left: 50%;
	width: 37.29em;
	min-width: 37.29em;
	margin-left: -16.5em;
	background: var(--white);
	cursor: default;
	max-height: calc(100% - 5em);
	min-height: 40em;
	overflow: auto;
	font-size: 0.9em;
	border-top-left-radius: 0.4em;
	border-top-right-radius: 0.4em;
}

.location-lookup-modal.run-form.streets-and-highways {
	min-height: 35em;
}

.lookup-modal-header {
	min-height: 3em;
	margin: 0.25rem 2%;
	display: flex;
	flex-flow: row nowrap;
	gap: 0.5rem;
}

.lookup-modal-message {
	margin-bottom: 1em;
}

.lookup-modal.run-form,
.lookup-modal.primary-list {
	position: relative;
	top: auto;
	left: auto;
	margin-left: 0;
	width: 38em;
}

.lookup-modal.run-form {
	min-height: 20em;
}

ul.lookup-filters {
	background: var(--eee);
	padding-bottom: 1em;
	padding-top: 0.67em;
	margin-bottom: 3em;
	border-bottom: 1px solid var(--bbb);
	border-top: 1px solid var(--bbb);
	min-width: 37em;
}

ul.lookup-filters li {
	display: inline-block;
	padding-left: 0.4em;
	padding-right: 0.4em;
	border-left: 1px solid var(--bbb);
}

ul.lookup-filters li label select {
	display: block;
	height: 2em;
}

.lookup-modal.inspection-list {
	width: 65em;
	max-width: 100%
}

.lookup-modal.primary-list .create-repair-btn {
	line-height: 2.5em;
	float: left;
	padding: 0 0.5em;
	margin: 0.75em 0.75em 0.2em 2%;
}

.lookup-modal header {
	color: var(--black);
	text-align: left;
	margin: 1em 0 1em 1em;
	display: flex;
	flex-flow: row nowrap;
}

.lookup-modal header h4 {
	flex-grow: 1;
	margin-top: auto;
	margin-bottom: auto;
}

.lookup-modal header .close-modal {
	position: absolute;
	top: 0.25em;
	right: 2%;
	color: var(--aaa);
	cursor: pointer;
	transition: color 250ms;
	padding-left: 1.25em;
	padding-bottom: 1.25em;
}

.lookup-modal header .close-modal:hover {
	color: var(--error);
}

.lookup-modal .scrollable-container {
	display: block;
	height: 350px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#modal-container .lookup-modal.run-form .scrollable-container {
	height: 100%;
	max-height: calc(80vh - 20em);
	min-height: 8em;
	padding-bottom: 1em;
}

#modal-container .lookup-modal.run-form ul.lookup-filters {
	margin: 0 0 1em 0;
}

.location-lookup-modal.streets-and-highways .scrollable-container {
	height: 290px;
}

.lookup-modal.primary-list .search {
	width: 22.5em;
	margin: 0;
	border-right: none;
	display: inline-block;
	vertical-align: top;
}

.lookup-modal.primary-list .search input {
	border-radius: 2.5em;
	line-height: 2.5em;
	display: inline-block;
	box-sizing: border-box;
	font-weight: 400;
	border: 1px solid var(--bbb);
	height: 2.3em;
	width: 90%;
}

.lookup-modal.primary-list .search .fa-times-circle {
	font-size: 16px;
}

.lookup-modal.primary-list .primary-secondary-toggle {
	display: inline-block;
	vertical-align: top;
}

.lookup-modal .pagination-filter {
	display: inline-block;
	width: 7em;
}

.lookup-modal .pagination-filter select {
	padding-left: 0.5em;
}

.lookup-modal .lookup-filters input {
	padding: 0 0.3em;
}

#occupant-location-lookup .lookup-filters
#death-victim-death-incident-lookup .lookup-filters {
	display: inline-block;
	padding: 0.8em 0 0 0.5em;
}

#occupant-location-lookup .search-paging .panel
#death-victim-death-incident-lookup .search-paging .panel {
	width: 49%;
	display: inline-block;
}

#occupant-location-lookup .search input,
#death-victim-death-incident-lookup .search input {
	border-radius: 2.5em;
	line-height: 2.5em;
	display: block;
	width: 100%;
	box-sizing: border-box;
	font-weight: 400;
	border: 1px solid var(--bbb);
	height: 2.3em;
	width: 100%;
}

.lookup-modal .lookup-filters input,
.lookup-modal .pagination-filter select {
	display: block;
	width: 100%;
	box-sizing: border-box;
	font-weight: 400;
	border: 1px solid var(--bbb);
	height: 2em;
}

.lookup-modal .secondary-filter {
    position: absolute;
    left: 1em;
    top: 2.8em;
}

.lookup-modal .lookup-list {
	border: 1px solid var(--bbb);
	width: 96%;
	margin: 0.25em 2%;
	border-collapse: separate;
}

.lookup-modal .lookup-list thead tr {
	background: var(--ddd);
	border-bottom: 2px solid var(--bbb);
}

.lookup-modal .lookup-list th {
	border-right: 1px solid var(--bbb);
	border-bottom: 1px solid var(--bbb);
	height: 2.5em;
}

.lookup-modal .lookup-list th:last-child {
	border-right: none;
}

.lookup-modal .lookup-list tbody tr {
	height: 2.5em;
}

.lookup-modal .lookup-list th {
	padding-left: 0.25em;
}

.lookup-modal .lookup-list tbody td {
	padding-left: 0.25em;
	font-size: 0.8em;
}

.lookup-modal .lookup-list tbody tr:nth-child(odd) {
	background: var(--table-stripe-odd);
}

.lookup-modal .lookup-list tbody tr:nth-child(even) {
	background: var(--table-stripe-even);
}

.lookup-modal .lookup-list tbody tr.lookup-list-item-selected {
	background: var(--table-selected);
	border-bottom: 1px solid var(--white);
}

.lookup-modal.run-form tfoot td {
	height: 8em;
}

.lookup-modal tfoot td {
	text-align: center;
	height: 12em;
	padding: 2em;
}

.lookup-modal tfoot td:empty {
	display: none;
	height: 0;
}

.lookup-modal footer {
	background: var(--ddd);
	border-top: 1px solid var(--bbb);
	text-align: center;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	column-gap: 0.5rem;
}

.big-row.search-modal-result.selected {
	background-color: var(--table-selected);
	border-bottom: 1px solid var(--white);
}

.btn-lookup {
	height: 2.71em;
	margin: 1em 0.5em;
	width: 5em;
	cursor: pointer;
}

.modal-full.message-modal {
	width: 35%;
	background: var(--white);
}

.modal-full.close-icon {
	margin: 0;
}

.modal-full.message-modal .modal-verbage {
	min-width: 200px;
}

.modal-full.message-modal .modal-verbage .modal-header {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
	flex-flow: row nowrap;
	margin-left: 1.5rem;
}

.modal-full.message-modal .modal-verbage h4 {
	flex-grow: 1;
	margin-top: auto;
	margin-bottom: auto;
}

.js-error-modal.modal-full-bg {
	cursor: auto;
}

.js-warning-modal .modal-full.message-modal,
.js-error-modal .modal-full.message-modal,
.js-confirm-modal .modal-full.message-modal {
	margin: 0 auto;
	top: 10em;
	background: none;
}

.js-warning-modal .modal-verbage,
.js-error-modal .modal-verbage,
.js-confirm-modal .modal-verbage {
	padding: 0;
	background: var(--white);
}

.modal-verbage .warning-header,
.modal-verbage .error-header,
.modal-verbage .confirm-header,
.modal-verbage .request-access-header {
	border-bottom: 1px solid var(--ccc);
	margin: .5em;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	vertical-align: middle;
}

.modal-verbage .error-header h4 {
	width: 100%;
	text-align: center;
}

.modal-verbage .error-tabs {
	margin: 0 .5em;
}

.modal-verbage .error-tabs .button {
	padding: 1em;
	display: inline-block;
	cursor: pointer;
	border: 1px solid var(--grey500);
	border-bottom: none;
	padding: .8em 1em;
	vertical-align: bottom;
	width: 4em;
	text-align: center;
	background: var(--worksheet-grey);
}

.modal-verbage .error-tabs .button.open {
	background: var(--eee);
	padding: 1em;
}

.modal-verbage .main-container {
	background: var(--eee);
	border: 1px solid var(--grey500);
	padding: .5em;
	margin: 0 .5em;
	position: relative;
}

.modal-verbage .main-container .error-shim {
	background: var(--eee);
	position: absolute;
	top: -1px;
	left: 0;
	height: .2em;
	width: 6em;
}

.modal-verbage .main-container .error-shim.move-right {
	left: 6.39em;
	width: 5.99em;
}

.modal-verbage .main-container .message {
	background: var(--white);
	overflow-y: auto;
	overflow-x: hidden;
	word-wrap: break-word;
	height: 10em;
	padding: .5em;
	border: 1px solid var(--grey300);
}

.modal-verbage .warning-footer,
.modal-verbage .error-footer,
.modal-verbage .confirm-footer {
	background: var(--ddd);
	border-top: 1px solid var(--grey500);
	margin-top: .6em;
	text-align: center;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	column-gap: 0.5rem;
}

.modal-verbage .warning-footer .closeButton,
.modal-verbage .error-footer .closeButton,
.modal-verbage .confirm-footer .closeButton {
	padding: .8em 4em;
	width: 11em;
}

.modal-full.message-modal .table .col {
	display: table-cell;
}

.modal-verbage .closeButton {
	padding: 0.4em 2em;
	margin-top: 1em;
	margin-bottom: 0.6em;
}

.modal-full .modal-close {
	background-color: var(--grey700);
	position: absolute;
	height: 1.7em;
	width: 1.7em;
	z-index: 10;
	right: 0.8em;
	top: 0.8em;
	border-radius: 1.8em;
	cursor: pointer;
}

.modal-full .js-warning-message,
.modal-full .js-confirm-message {
	padding: 1em 2em;
}

.modal-full .modal-close span {
	font-weight: bold;
	color: var(--white);
	display: block;
	margin-left: 30%;
	margin-top: 10%;
}

.panel-close {
	width: 32px;
	height: 32px;
	background: var(--primary);
	border-radius: 32px;
	position: absolute;
	top: -20px;
	right: -20px;
	z-index: 900;
}

.panel-close-filter {
	background: var(--white);
	border-radius: 0px;
	top: 8px;
	right: 4px;
	z-index: 900;
}

.panel-close .icon {
	margin: -1px 0 0 3px;
}

/* Filters panel */
.selected-filters-text .fa.fa-times-circle {
	padding-right: .2em;
}

.filter-overlay {
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	width: 100%;
	z-index: 100;
}

.filter-overlay.close {
	height: 0%;
}

.panel-filters {
	position: absolute;
	top: 4.3em;
	right: 0;
	background: var(--eee);
	border: 1px solid var(--white-border);
	z-index: 102;
	min-width: 10em;
}

.search-filter-container {
	position: relative;
}

.panel-filters-icon {
	border: 1px solid var(--light-border);
	background: var(--light);
	position: relative;
}

.panel-filters-fa.fa-active {
	border: 1px solid transparent;
	background: var(--primary);
	color: var(--primary-text);
}

.panel-filters-fa.fa-active:before, .panel-filters-fa.fa-active:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-bottom: 0;
}

.fa-active.panel-filters-fa::after {
	top: calc(100% + 1px);
	right: 0;
	border-top-color: var(--primary);
	border-width: 1.43em;
	z-index: 101;
}

.panel-filters-box div.panel-filters-hide {
	display: none;
}

.panel-filters-heading {
	border-bottom: 1px solid var(--ddd);
	font-size: 1.4em;
	font-weight: 100;
	color: var(--primary);
	text-align: center;
	margin-top: .2em;
	width: 100%;
}

.panel-filters .filter-item {
	margin-bottom: 0.5em;
	width: 100%;
}

.filter-item-active {
	font-weight: 800;
}

.panel-filters .label {
	font-size: 0.8em;
	margin-left: .5em;
	vertical-align: top;
}

.button-label, input[type=checkbox], .stretched-link {
	cursor: pointer;
}

.panel-filters .filter-category {
	padding: .75em;
	width: calc(100% - 1.5em);
	text-align: left;
}

.panel-filters .filter-category:after {
	content: '';
	display: block;
	clear: both;
}

.filter-spacer {
	width: 100%;
	border-bottom: 1px solid var(--black);
	margin-top: -0.3em;
	margin-bottom: 0.3em;
}

/* misc */
.clear {
	content: '';
	display: block;
	clear: both;
}

#agency-select {
	color: var(--black);
	cursor: default;
	display: none;
	font-size: 0.9em;
}

#agency-select p {
	line-height: 1.8em;
}

#agency-select .panel {
	width: 80%;
	min-width: 615px;
	margin: 4em auto;
	box-shadow: 0 4px 16px var(--modal-background);
	position: relative;
}

	#agency-select .panel-blue {
		background: var(--primary);
	}

#agency-select .panel-title {
	max-width: 80%;
	padding: 0 2.6em 0 1em;
	border-bottom-right-radius: 4em;
	position: absolute;
	z-index: 100;
}

#agency-select .panel-title h3 {
	max-width: 100%;
	margin: 0.1em 0;
	color: var(--white);
	font-size: 2.0em;
	font-weight: 300;
	line-height: 1.3em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

	#agency-select .panel-blue .panel-title,
	#agency-select .panel-blue .panel-actions {
		background: var(--primary);
	}

#agency-select .panel-inner {
	width: 100%;
	min-height: 500px;
	padding: 3em 0 0 0;
	background: var(--white);
	position: relative;
	top: 4px;
	left: 4px;
}

#agency-select .panel-inner-actions {
	width: 60%;
	padding: 0.1em 0;
	position: absolute;
	top: 0.4em;
	right: 0.6em;
	text-align: right;
}

#agency-select .panel-inner-actions div {
	display: inline-block;
	vertical-align: middle;
}

#agency-select .panel-contents {
	padding: 1.2em;
}

#agency-select .row:after {
	content: '';
	display: block;
	clear: both;
}

#agency-select .col {
	display: inline-block;
}

#agency-select .panel .panel-actions {
	padding: 4px 4px 0 4px;
	position: absolute;
	top: -39px;
	right: 0;
}

#agency-select .panel .panel-actions div {
	display: inline-block;
}

#agency-select .panel .panel-actions .btn {
	border: none;
}

/* Search */
input.search {
	width: 11em;
	height: 1.5em;
	margin: .5em 0 .5em 0;
	padding: 0 .5em;
	border: 1px solid var(--white-border);
	border-radius: 3em;
	outline: none;
}

/* Gradients */
.gradient.grey-to-white {
	background: var(--light);
}

.gradient.grey-to-dark-grey {
	background: var(--worksheet-grey);
}

.gradient.grey-to-light-grey {
	background: var(--light);
}

/* Tool Tips*/
.tooltip-parent {
	position: relative;
	display: inline;
}

/* handle a dynamic list filter case */
.filter-input + .tooltip-parent {
	margin-top: -1.5em;
	position: fixed;
}

.tooltip {
	background-color: var(--white);
	color: var(--black);
	position: absolute;
	padding: 0.5em;
	border: 1px solid var(--black);
	z-index: 99;
	margin-top: 5px;
	font-size: 14px;
	width: 375px;
	left: -10px;
	box-shadow: 0 0 3px 1px var(--aaa);
	white-space: pre-wrap;
	word-wrap: break-word;
}

@media(max-width: 900px) {
	.tooltip {
		width: 200px;

	}
}

/* for use on tooltips that are over 512 characters in length */
.tooltip-box {
	background-color: var(--white);
	color: var(--black);
	position: relative;
	padding: 0.5em;
	border: 1px solid var(--black);
	z-index: 99;
	margin-top: 5px;
	font-size: 14px;
	width: 98%;
	box-shadow: 0 0 3px 1px var(--aaa);
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* for use with fa-info-circle inside of a tooltip-box */
.fa.fa-info-circle.fa-tooltip-box {
	color: var(--black);
}

.fa.fa-info-circle:hover {
	color: var(--accent);
}

.postal-lookup .fa.fa-times-circle:hover {
	cursor: pointer;
}

.tooltip-spacer {
	margin-left: 1em;
	margin-right: 1em;
}

.tooltip.tooltip-left {
	left: -385px;
}

@media(max-width: 900px) {
	.tooltip.tooltip-left {
		left: -215px;

	}
}

.tooltip.tooltip-top {
	bottom: 0px;
	margin-bottom: 1.5em;
}

.content-wrap-inner .tooltip ul {
	margin: 0;
}

.spaced-tooltip-icon {
	margin-left: 1em;
}

.postalcode-btn {
	cursor: pointer;
	position: relative;
	display: inline-block;
	font-size: .95em;
	font-weight: 400;
	margin-top: .51em;
	margin-right: .37em;
}

.postalcode-btn.lookup-btn {
	width: 3.75rem;
}

.postalcode-btn.set-btn {
	width: 11.1em;
}

.postalcode-btn div {
	vertical-align: middle;
	text-align: center;
	margin: .5em;
}

.remove-profile-picture-btn{
	cursor: pointer;
	position: relative;
	display: inline-block;
	font-size: .95em;
	font-weight: 400;
	margin-top: .51em;
	margin-right: .37em;
	float: left;
}

.remove-profile-picture-btn div {
	vertical-align: middle;
	text-align: center;
	margin: .5em;
}

.edit-column {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	padding: 0 1em;
	/* take 100% of the container and divide by 3 for each cell
		Then take the containing element padding (.98em) and divide it
		evenly and subtract that. Finally subtract the 2em padding these containers have */
	width: calc(100% / 3 - 0.98em/3 - 2em);
}

.edit-column.edit-two-column {
	/* take 100% of the container and divide by 2 for each cell
		Then take the containing element padding (.98em) and divide it
		evenly and subtract that. Finally subtract the 2em padding these containers have */
	width: calc(100% / 2 - 0.98em/2 - 2em);
}

.edit-column.edit-one-column {
	/* take 100% of the container for each cell
		Then take the containing element padding (.98em) and divide it
		evenly and subtract that. Finally subtract the 2em padding these containers have */
	width: calc(100% - 0.98em - 2em);
	margin-top: 1em;
}

.edit-column.edit-three-column .details-view-label.blank-label {
	display: none;
}

.edit-column.edit-three-column .postalcode-btn.lookup-btn {
	width: 10.1em;
}

.edit-column.edit-three-column .postalcode-btn.set-btn {
	margin-right: 0;
	margin-left: 0.05em;
	width: calc(100% - 11.1em);
}

.edit-column.edit-two-column:nth-of-type(even) {
	border-left: 1px solid var(--grey200);
	border-right: 1px solid var(--grey200);
	padding-left: 1.43em;
}

.edit-column.edit-two-column:nth-of-type(even) {
	border-right: 0;
	padding: 0 1em 0 1.49em;
}

.table-wrapper .edit-column .single-row {
	width: 100%;
}

/*We want all child elements of the single row except for the first (the label) and the second (the style below this handles this case)
			so that we have nice spacing between the fields in a single editable row.
		*/
.table-wrapper .edit-column .single-row *:not(:first-child) {
	margin-left: 2em;
}

.table-wrapper .edit-column .single-row *:nth-child(2) {
	margin-left: 0;
}

.table-wrapper .edit-column .single-row select.edit,
.table-wrapper .edit-column .single-row input,
.table-wrapper .edit-column .single-row .button-container {
	width: auto;
}

.edit-column .field-group {
	border: 1px solid var(--grey200);
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.5em;
}

.edit-column .field-group .log-btn {
	float: right;
	margin-left: 1em;
	padding: 0.4em;
	margin-right: 0.4em;
	cursor: pointer;
}

.edit-column.centered-column {
	text-align: center;
}

.details-view-label {
	display: inline-block;
	width: 14.5em;
	font-weight: bold;
	padding: 1px;
	margin-right: 0.5em;
	vertical-align: middle;
}

.edit-column .details-view-label {
	width: 11em;
	margin: 0.5em 0 0 0;
	font-weight: 500;
	vertical-align: top;
}

.edit-column .wide-label .details-view-label {
	width: 11.5em;
}

.edit-column .wide-label select {
    width: calc(100% - 13.5em);
}

.edit-column .wide-label textarea.edit{
	width: calc(100% - 13.94em);
}

.edit-column .details-view-label + span {
	margin-top: .5em;
	display: inline-block;
}

.edit-column .details-view-readonly-value {
	vertical-align: bottom;
}


.agency-select-menu {
	width: 32em;
}

#select-agency-panel #agency-select-content kosingleselect input.koSingleselect-searchbar-input {
margin-left: 0;
}

.edit-column > div,
.edit-column > .field-group > div,
.edit-column shell-label-and-field,
.edit-column shell-label-and-field > div {
	margin-top: 1.04em;
	margin-bottom: .63em;
}

.edit-column .details-view-label.tall {
	vertical-align: top;
}

.details-view-label.tall + select,
.details-view-label.tall + shell-editable-multi-select select,
.details-view-label.tall + shell-editable-slushbox select {
	margin: 0.375em 0;
	height: inherit;
	vertical-align: bottom;
}

input.slush-search + select.slush-select {
	margin-top: -1px;
	height: 7.5em;
}

.edit-column .button-container {
	display: inline-block;
}

.edit-column shell-editable-yes-no {
	display: inline-block;
	height: fit-content;
}

.edit-column shell-editable-yes-no .button-container {
	max-width: 10em;
	display: flex;
	flex-flow: row nowrap;
	justify-content: start;
}

.edit-column .button-container .toggle-btn {
	max-width: 15em;
	width: auto;
}

.edit-column shell-editable-toggle .button-container .toggle-btn {
	max-width: 10em;
	width: auto;
}

.fa-info-circle:hover {
	color: var(--accent);
}

.edit-column .button-container .toggle-btn.third-toggle-btn {
	max-width: 10em;
	width: auto;
}

.edit-column .button-container .toggle-btn.read-only-btn .third-toggle-btn-spacer {
	margin-left: 1.5em;
	margin-right: 1.5em;
}

.edit-column .readonly-multi-select {
	display: inline-block;
	width: calc(100% - 11.25em - 2px);
	word-break: break-all;
}

.edit-column .immunization-date {
	width: auto;
}

.edit-column input {
	width: calc(100% - 13em);
	height: 1.95em;
	padding-left: .3em;
	border-style: groove;
	border-bottom-style: ridge;
	border-right-style: ridge;
	border-color: var(--eee);
}

input.sort-order {
	width: 4em;
}

.edit-column input[type=checkbox]{
	width: auto;
}

.edit-column div.required input {
	width: calc(100% - 11.9em);
	height: 2em;
}

.edit-column div.required input.not-value {
	width: calc(100% - 14em);
}

div#agencyInformation .edit-column div.required input.phone_first,
div#agencyInformation .edit-column div.required input.phone_second,
div#agencyInformation .edit-column div.required input.phone_third {
	width: 3em;
}

.edit-column textarea {
	width: calc(100% - 12em);
	resize: none;
	padding-left: .3em;
}

.edit-column shell-editable-textarea span {
	width: calc(100% - 12em);
	display: inline-block;
}

.edit-column select {
	width: calc(100% - 11.42em);
	padding-left: .3em;
}

.edit-column select.has-not-values {
	width: calc(100% - 13.7em);
}

/* Don't apply height to selects that specify size */
.edit-column select:not([size]) {
	height: 2.22em;
}

.edit-column shell-editable-slushbox .slush-side {
	width: calc(50% - 1.5em);
	display: inline-block;
}

.edit-column shell-editable-slushbox select {
	height: 2.22em;
	width: 100%;
}

.edit-column div.required shell-editable-slushbox input,
.edit-column shell-editable-slushbox input {
	width: calc(100% - 0.57em);
}

.slush-box {
	display: inline-block;
	text-align: left;
}

.slush-box.wide {
	width: 100%;
}

.slush-box .multiple-select.wide {
	width: 100%;
	height: inherit;
}

.slush-box .multiple-select {
	width: 15em;
	height: inherit;
}

.slush-box .slush-buttons {
	display: inline-block;
	width: 3em;
	text-align: center;
	margin-left: 2em;
	margin-right: 2em;
	cursor: pointer;
	float: left;
}

.slush-box .slush-buttons .btn {
	padding: .13em;
	width: 2.5em;
	display: inline-block;
}

.slush-box .slush-left {
	float: left;
}

.slush-box.wide .slush-left {
	width: 45%;
}

.slush-box .slush-right {
	float: left;
}

.slush-box.wide .slush-right {
	width: 45%;
}

.slush-box .slush-title {
	font-size: 1.2em;
}

.slush-box input.search {
	width: 14em;
	border: 1px solid var(--white-border);
}

.slush-box input.search.wide {
	width: calc(68% - .7em);
	margin: 0.5em 16%;
}

.slush-box .slush-buttons.searchable.titles {
	margin-top: 10.5em;
	width: 6%;
	margin-left: 2%;
	margin-right: 2%;
}

.slush-box p {
	text-align: center;
}

.rightmost {
	float: right;
}

.inline {
	display: inline;
}

#save-button.is-saving {
	background-image: var(--is-saving-button);
	color: var(--dark-grey);
}

.note-box {
	font-size: .765rem;
	border: 1px solid;
	background-color: var(--light-yellow);
	padding: .5em;
	display: inline-block;
	margin: .5em 0 .7em 0;
}

.users-page-top-panel-note-box {
	font-size: .765rem;
	border: 1px solid;
	background-color: var(--light-yellow);
	padding: .5em;
	display: inline-block;
	margin: .5em 0 .7em .5em;
	
}

.panel-note-box {
	margin: 0;
	padding-bottom: 0.5em;
	padding-top: 0.8em;
	padding-left: 1em;
}

.note-box.field-incident-cloud {
	margin-bottom: 1em;
	width: calc(100% - 1em);
}

.note-text {
	font-size: .765rem;
}

.note-multi {
	padding-bottom: 1em;
}

/*********** COMPONENTS ***********/

/** more-menu */

.more-menu {
	background-color: var(--white);
	position: absolute;
	left: -16em;
	top: 3.2em;
	width: 22em;
	text-align: left;
	padding-top: .6em;
	padding-bottom: .6em;
	box-shadow: 0 0 .3em var(--dark-shadow);
	border: var(--grey600) 1px solid;
	z-index: 999;
}

.more-menu.open-right {
	left: 0;
}

.menu-outside-click-catcher {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
}

.more-menu .triangle {
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: .5em solid var(--white);
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
	margin-left: 18.01em;
	margin-top: -1.03em;
	z-index: 1000;
}

.more-menu::before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-bottom: .5em solid var(--grey600);
	border-left: 1.01em solid transparent;
	border-right: 1.01em solid transparent;
	margin-left: 18em;
	margin-top: -1.1em;
}

.more-menu.open-right .triangle,
.more-menu.open-right::before {
	margin-left: 1em;
}

.more-menu .action-item {
	background: none repeat scroll 0 0 var(--white);
	font-weight: 700;
	border-bottom: 1px solid var(--dark-grey);
	border-top: 1px solid var(--dark-grey);
	margin-top: -1px;
	padding: 0 1em;
	z-index: 9980;
	color: var(--black);
	font-size: 1.1em;
	line-height: 2.5em;
	display: flex;
	flex-flow: row nowrap;
}

.more-menu .action-item i {
	color: var(--black);
	line-height: 2.5em;
	height: 2.5em;
}

.more-menu .action-item.action-item-disabled i {
	background-color: var(--eee);
	color: var(--grey700);
}

.more-menu .action-item.action-item-disabled {
	background-color: var(--eee);
	color: var(--grey700);
	font-style: italic;
}

.more-menu .action-item:hover,
.more-menu .action-item:hover i,
.more-menu .action-item:focus,
.more-menu .action-item:focus i{
	background-color: var(--primary);
	color: var(--white);
}

.more-menu .action-item.action-item-disabled:hover,
.more-menu .action-item.action-item-disabled:hover i,
.more-menu .action-item.action-item-disabled:focus,
.more-menu .action-item.action-item-disabled:focus i{
	background-color: var(--eee);
	color: var(--grey700);
	cursor: default;
}

.btn.wide-more-menu {
	width: 10em;
}

.action-item i.left-icon {
	margin-right: 0.97em;
}

.action-item i:not(.left-icon) {
	margin-left: auto;
	margin-right: 0;
}

.panel .panel-actions .btn i.left-icon {
	margin-left: 0;
}

i.allocation-grey-icon.left-icon {
    height: 1em;
}

.allocation-icon {
	background: url('images/allocation-icon.svg');
	padding: 0px 0.7em;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

.allocation-black-icon {
	background: url('images/allocation-black-icon.svg');
	padding: 0px 0.7em;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

.allocation-blue-icon {
	background: url('images/allocation-blue-icon.svg');
	padding: 0px 0.7em;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

.allocation-white-icon {
	background: url(images/allocation-white-icon.svg);
	margin-top: .4em;
	background-repeat: no-repeat;
	background-size: 40px;
	padding: 0 1.5em;
}

a:hover .allocation-blue-icon,
a:focus .allocation-blue-icon {
	background: url('images/allocation-white-icon.svg');
	padding: 0px 0.7em;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

.allocation-grey-icon {
	background: url('images/allocation-grey-icon.svg');
	padding: 0px 0.4em;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	margin-top: 0.7em;
}

.fa.switcheroo-icon-fa {
	padding-right: 0.3em;
}

.gear-wrench {
	background: url('images/gear-wrench.svg');
	padding: 0px 0.7em;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

.gear-wrench-blue {
	background: url('images/gear-wrench-blue.svg');
	padding: 0px 0.7em;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

a:hover .gear-wrench-blue,
a:focus .gear-wrench-blue {
	background-image: url('images/gear-wrench-white.svg');
}

.action-item i.gear-wrench.left-icon {
	background-image: url('images/gear-wrench-grey.svg');
	margin: 0;
	margin-top: 0.6em;
	height: 16px;
}

.action-item:hover i.gear-wrench.left-icon {
	background-image: url('images/gear-wrench-white.svg');
}

.fire-truck-blue-icon {
	background: url(images/fire-truck_blue.svg);
	background-repeat: no-repeat;
	background-size: 1.6em;
	padding: 2px 0.8em;
}

a:hover .fire-truck-blue-icon,
a:focus .fire-truck-blue-icon {
	background-image: url(images/fire-truck_white.svg);
	background-repeat: no-repeat;
	background-size: 1.6em;
	padding: 2px 0.8em;
}

.fire-flame-curved-grey {
	background: url(images/fire-flame-curved_grey.svg);
	background-repeat: no-repeat;
	font-size: .9em;
	padding: 1px 0.45em;
}

.fire-flame-curved-red {
	background: url(images/fire-flame-curved_red.svg);
	background-repeat: no-repeat;
	font-size: .9em;
	margin-left: 2em;
}

.fire-flame-curved {
	background: url(images/fire-flame-curved_blue.svg);
	background-repeat: no-repeat;
	padding: 2px 0.5em;
}

a:hover .fire-flame-curved,
a:focus .fire-flame-curved {
	background-image: url(images/fire-flame-curved_white.svg);
	background-repeat: no-repeat;
	padding: 2px 0.5em;
}

.action-item:hover .allocation-grey-icon {
	background: url('images/allocation-white-icon.svg');
	padding: 0px 0.7em;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

.inventory-nav-tree-icon {
	background: url('images/inventory-nav-tree-icon.svg');
	padding: 0px 0.7em;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}

.inventory-nav-tree-blue-icon {
	background: url('images/inventory-nav-tree-blue-icon.svg');
	padding: 0px 0.7em;
	background-repeat: no-repeat;
	background-size: 14.5px 14.5px;
}

a:hover .inventory-nav-tree-blue-icon,
a:focus .inventory-nav-tree-blue-icon {
	background: url('images/inventory-nav-tree-white-icon.svg');
	padding: 0px 0.7em;
	background-repeat: no-repeat;
	background-size: 14.5px 14.5px;
}

/* Controls spacing b/wn icon and link text in upper nav */
.icon-link-text-spacing {
	padding: 0px 0px 0px 4px; 
}

/** END more-menu **/

/** click-to-edit **/
click-to-edit {
	font-size: 2em;
	display: inline-block;
	width: 50%;
	font-weight: 300;
}

click-to-edit .edit-elem {
	width: 100%;
	background-color: transparent;
	border: 1px dashed var(--white);
	color: var(--white);
}

click-to-edit .edit-elem:hover {
	border: 1px dashed var(--white);
	cursor: text;
}

click-to-edit input[disabled]
{
	pointer-events: none;
}

/** END click-to-edit **/

/** tabhost **/
.tabhost .tab {
	float: left;
	border: 1px solid var(--bbb);
	margin-bottom: -1px;
	margin-left: -1px;
	background: var(--eee);
	cursor: pointer;
}

.tabhost .tab div {
	height: 1.75em;
	border-top: 1px solid var(--eee);
}

.tabhost .tab span {
	line-height: 1.75em;
	margin: 0 1.5em;
}

.tabhost .tab span .tab-dirty-flag {
	margin: 0;
}

.tabhost .tab:first-of-type {
	margin-left: 0;
}

.tabhost .tab.selected-tab {
	background: var(--white);
	border-bottom-color: var(--white);
}

tabhost .tab-contents {
	display: none;
	padding: 1em;
}

.content-wrap-inner tabhost hr {
	margin-top: 2em;
	margin-bottom: 2em;
}

tabhost .tab-contents.selected-tab {
	display: block;
}
/** END tabhost **/

/** toggle **/
.toggle-btn {
	min-width: 5em;
	border: 1px solid var(--light-border);
	cursor: pointer;
	display: inline-block;
	font-size: .95em;
	font-weight: 400;
	background: var(--light);
	color: var(--light-text);
}

.button-container.floating-toggles .toggle-btn {
	float: left;
	border-left-width: 0;
}

.button-container.floating-toggles .toggle-btn:first-of-type {
	border-left-width: 1px;
}

.toggle-btn div {
	vertical-align: middle;
	text-align: center;
	margin: .5em;
	white-space: nowrap;
}

.toggle-btn.active {
	background: var(--primary);
	border: 1px solid var(--primary);
	color: var(--primary-text);
	cursor: default;
}

.toggle-btn.disabled {
	color: var(--light-disabled-text);
	cursor: default;
}

.toggle-btn.active.disabled {
	background: var(--grey600);
	border: 1px solid var(--aaa);
	color: var(--white);
}

/** END toggle **/

/** placeholder-input **/
placeholder-password-input,
placeholder-input {
	display: block;
	width: calc(50% + 1em);
	margin-left: calc(25% - 0.5em);
	margin-right: calc(25% - 0.5em);
	position: relative;
}
placeholder-password-input > input,
placeholder-input > input {
	width: 100%;
	box-sizing: border-box;
	padding: 0.4em 0.8em;
	position: relative;
	top: 2em;
	border: 1px solid var(--bbb);
}

placeholder-password-input > input:invalid,
placeholder-input > input:invalid {
	border-color: var(--error);
}

placeholder-password-input .validation-exclamation,
placeholder-input .validation-exclamation {
	color: var(--error);
	position: absolute;
	top: 2em;
	line-height: 2em;
	left: -1em;
}

placeholder-password-input > input::placeholder,
placeholder-input > input::placeholder {
	opacity: 0;
	color: var(--bbb);
	transition: opacity 0s linear 250ms;
}

placeholder-password-input > input:invalid::placeholder,
placeholder-input > input:invalid::placeholder {
	opacity: 1;
	transition: opacity 0s linear 250ms;
}

placeholder-password-input .animated-input-placeholder,
placeholder-input .animated-input-placeholder {
	height: 2em;
	line-height: 2em;
	padding-left: calc(1px + .8em);
	color: var(--bbb);
	position: relative;
	top: calc(-1.8em - 4px);
	transition: top 250ms linear 0s;
	visibility: visible;
}

placeholder-password-input > input[placeholder] + .animated-input-placeholder,
placeholder-input > input[placeholder] + .animated-input-placeholder {
	top: calc(-1.8em - 4px);
	visibility: visible;
}

placeholder-password-input > input[placeholder]:invalid + .animated-input-placeholder,
placeholder-input > input[placeholder]:invalid + .animated-input-placeholder {
	visibility: hidden;
	top: 0;
	transition-delay: 0s, 250ms;
	transition-duration: 250ms, 0s;
	transition-property: top, visibility;
	transition-timing-function: linear, linear;
}

/** END placeholder-input **/

/** BEGIN not value and/or pertinent negative button and selection styles **/
shell-not-value-control {
	color: var(--black);
}

shell-editable-slushbox .edit.not-value {
	width: 100%;
}

select.edit.not-value {
	width: calc(100% - 13.7em);
}

textarea.edit,
.edit.not-value {
	display: inline-block;
	width: calc(100% - 14.28em);
}

.weight-control.edit.not-value {
	width: calc(50% - 9.5em);
}

.not-value-wrapper {
	position: relative;
	display: inline-block;
}

.not-value-wrapper.tall {
	vertical-align: top;
}

.btn.not-value, button.not-value {
	border: 1px solid var(--light-border);
	background: var(--light);
	width: 1.5em;
	text-align: center;
	display: inline-block;
	padding: .1em 0em;
	margin-left: 0.1em;
}

.btn.not-value:hover, button.not-value:hover {
	background: var(--light-hover);
}

.btn.not-value[disabled]:hover, button.not-value[disabled]:hover {
	background: var(--light-disabled-hover);
}

.btn.not-value.disabled, button.not-value[disabled] {
	color: var(--light-disabled-text);
}

.btn.not-value-active,
button.not-value-active,
.btn.not-value-active:hover,
button.not-value-active:hover {
	border: 1px solid transparent;
	background: var(--primary);
	color: var(--primary-text);
}

.panel-not-value {
	/* Styling block element, not required */
	position: absolute;
	bottom: 2.4em;
	right: -0.7em;
	padding: 0.75em;
	border: 1px solid var(--grey500);
	background: var(--eee);
	width: 9em;
	z-index: 10;
}

/* override .edit-column input style */
.not-value-item input, .not-value-item select {
	width: 1em;
	margin-right: .25em;
	height: inherit;
}

/* Required for Down Triangle */
.panel-not-value:before, .panel-not-value:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-bottom: 0;
}

/* Stroke */
.panel-not-value:before {
	bottom: -10px;
	right: 10px;
	/* If 1px darken stroke slightly */
	border-top-color: var(--grey600);
	border-width: 10px;
}

.panel-not-value-click-catcher {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

/* Fill */
.panel-not-value:after {
	bottom: -9px;
	right: 11px;
	border-top-color: var(--eee);
	border-width: 9px;
}

.panel-not-value-hide {
	display: none;
}

.edit.multiple-select.not-value {
	margin: 0;
}
/** END not value and/or pertinent negative button and selection styles **/

/** BEGIN shell-file-upload-button */
shell-file-upload-button .upload-btn {
	display: inline-block;
	padding: 0.25em;
    margin: 0.5em 0.5em 0.5em 0;
    height: 2em;
    box-sizing: border-box;
}

/** END shell-file-upload-button */

/** BEGIN photo-capture **/
photo-capture .capture-photo-button {
	background: var(--grey100);
    cursor: pointer;
	height: 1.5em;
    margin-top: .5em;
    margin-left: .3em;
    display: inline-block;
}

/* shell specific styling */
.shell-body photo-capture .capture-photo-button {
	background: var(--light);
	border: 1px solid var(--light-border);
	padding: 0.25em;
    height: 2em;
    box-sizing: border-box;
}

/* runform specific styling */
.runform-body photo-capture .capture-photo-button,
/* override usual shell styling for incident list attachments modal */
.attachments-modal photo-capture .capture-photo-button {
	width: 8.3em;
	padding: .5em;
	background: var(--light);
	border: 1px solid var(--light-border);
    border-radius: .4em;
	font-weight: 700;
    font-size: .9em;
	padding-bottom: .2em;
	margin-left: .3em;
    box-sizing: content-box;
}

.runform-body photo-capture .capture-photo-button .fa-camera, .attachments-modal photo-capture .capture-photo-button .fa-camera{
	padding-left: .2em;
	padding-right: .2em;
}

.shell-body .attachments-modal photo-capture .capture-photo-button {
    height: 1.5em;
}

.modal-photo-capture .photo-capture-modal-inner {
	padding: 0.5em;
	position: relative;
}

.modal-photo-capture .photo-capture-video {
	margin-left: auto;
	margin-right: auto;
	display: block;
	cursor: pointer;
}

.modal-photo-capture .photo-capture-review {
	margin-left: auto;
	margin-right: auto;
}

.modal-photo-capture .photo-capture-actions-container {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 5em;
	background: var(--dark-modal-background);
}

.modal-photo-capture .photo-capture-review-button {
	width: 5em;
	border-radius: .3em;
	padding: .6em;
	cursor: pointer;
	text-align: center;
	margin: 0 2.5em;
	background: var(--primary);
	background-image: var(--light-blue);
	color: var(--white);
}

.modal-photo-capture .photo-capture-review-button .fa{
	padding-right: .4em;
}

.modal-photo-capture .photo-capture-review {
	margin-left: auto;
	margin-right: auto;
}

.modal-window-default.modal-window-white.modal-photo-preview {
	overflow: initial;
	min-width: 400px;
}

.modal-photo-preview .photo-capture-preview {
	max-width: 98%;
	max-height: calc(80vh - 70px);
	min-height: 3em;
	margin-left: auto;
	margin-right: auto;
}

.modal-photo-preview .photo-preview-modal-inner {
	text-align: center;
}

.modal-photo-preview .description-one {
	text-align: left;
	padding: .6em 1em 0em 1em;
	font-size: .9em;
	font-weight: 500;
}

.modal-photo-preview .description-two {
	text-align: left;
	padding: .6em 1em .2em 1em;
	font-size: .8em;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
	/** END photo-capture **/
	/*********** END COMPONENTS ***********/
div .required:before {
	content: "!";
	color: var(--error);
	left: -0.9em;
	position: absolute;
	top: 0.7em;
}

td.required:before {
    color: var(--error);
    position: relative;	
    margin-right: -8px;
    top: inherit;
}

div.required input,
div.required textarea,
td.required input,
td.required textarea,
td.required select,
div.required komultiselect {
	border: 0.1em solid var(--error);
}

input.required {
	border: 0.1em solid var(--error);
}

div.required .not-value-item input {
	/* Because not values are within the required div we don't want the checkboxes to be all messed up */
	width: 1em;
	height: inherit;
	border: none;
}

div.required select {
	border: 0.1em solid var(--error);
}

div.required {
	position: relative;
}

.context-panel-element.required {
	margin-left: 0.5em;
}

.context-panel-element.required input {
	width: auto;
	height: auto;
	border: 2px solid var(--error);
}

.context-panel-element.required:before {
	left: -0.6em;
	top: 0em;
}

.edit-column:nth-child(2) > div.required:before {
	left: -0.8em;
}

.barrel_roll {
	transition: transform 4s ease;
	transform: rotate(360deg);
}

.non-collapsing-h1 {
	margin-bottom: 0.5em;
	height: 1.2em;
}

.noSelect {
	user-select: none;
}

.content-wrap-inner .panel-inner .containsNoteBox.panel-contents {
	padding: 0 1.2em 1em;
}

shell-label-and-field .field-contents {
	display: inline;
}

.dialog-modal-content .dialog-modal-content-element.center-text {
	text-align: center;
}

.clickable {
	cursor: pointer;
}

.existing-user-input-field {
	margin-top: 1em;
	height: 1.5em;
}

.document-flag-icon {
	background: url(images/document-flag-icon.svg);
	padding: .9em;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	margin-left: .1em;
	margin-top: .05em;
}

#timeline-tool.slider-selected .inventory-nav-tree-icon {
	background: url(images/inventory-nav-tree-white-icon.svg);
	background-repeat: no-repeat;
	background-size: 24px;
	display: block;
	padding: 1.3em;
	margin-left: 1.4em;
}

/* runform-datetime component */

/* Override default interceptor styling and give the inputs a fixed width */
runform-datetime input.runform-datetime-input,
.form-composer-container .single-row-control  .input-wrapper runform-datetime input.runform-datetime-input {
	width: 7em;
    margin-right: 0.5em;
}

runform-datetime .controltype-DateTime .today-action {
	width: 2.3em;
	height: 2.3em;
}

runform-datetime .controltype-DateTime .today-action i.fa-clock-o {
	position: relative;
	top: 0;
}

runform-datetime {
	display: block;
	margin-top: 0.5em;
}

/* END runform-datetime component */
#loading-modal.error {
	color: var(--error);
	font-weight: bold;
}
#loading-modal .modal-full.message-modal {
    width: 31em;
	background: none; /*Otherwise the top rounded corners get covered*/
}

#loading-modal .modal-verbage {
	padding: .5em;
	background: var(--white);
}

#loading-modal .progress-bar {
	margin-bottom: 1.7em;
}

#loading-modal.error .progress-bar {
    border-color: var(--error);
}

#loading-modal.error .progress-bar-fill {
    background-color: var(--error);
}

#loading-modal.error .progress-bar-tick:after {
    border-bottom-color: var(--error);
}

#loading-modal-message {
	height: 2.5em;
}

.internet-explorer-support-warning {
	background-color: var(--light-yellow);
	position: absolute;
	left: 0;
	right: 0;
	color: var(--black);
	padding: .2em;
	text-align: center;
}

.elite-field-ie-banner {
	z-index: 1;
	position: relative;

}

.internet-explorer-support-warning-text {
	font-size: 0.8em;
	font-weight: 700;
}

.internet-explorer-support-warning-text-elite-field {
	font-size: 1em;
}

a#internet-explorer-support-warning-link {
	cursor: pointer;
}

/* sandboxed-iframe component */
.sandboxed-iframe {
	border: none;
	width: 100%;
}
/* END sandboxed-iframe component */

/********************** Utility classes **********************/

/***** Size *****/
.width-100 {
	width: 100%;
}

/***** Text *****/
.text-align-center {
	text-align: center;
}

.text-nowrap {
	white-space: nowrap;
}

/***** Margin  *****/
.margin-left-0 {
	margin-left: 0 !important;
}

/***** Padding *****/

.padding-0 {
	padding: 0;
}

/***** Flex *****/

.flex {
	display: flex;
}

.flex.row-nowrap, .flex.row {
	flex-flow: row nowrap;
}

.flex.column-nowrap, .flex.column {
	flex-flow: column nowrap;
}

.flex.column-wrap {
	flex-flow: column wrap;
}

.flex.justify-start {
	justify-content: start;
}

.flex.justify-end {
	justify-content: end;
}

.flex.justify-between {
	justify-content: space-between;
}

.flex.align-center {
	align-items: center;
}

.flex > .flex-grow {
	flex-grow: 1;
}

/*a la Bootstrap numbering*/
.flex.gap-1 {
	gap: 0.25rem;
}

.flex.gap-3 {
	gap: 1rem;
}

.flex.align-center {
	align-items: center;
}

/*END Utility classes*/