:root {
/* THESE ARE AUTO GENERATED BY @imagetrend/elite-theme. EDITS SHOULD BE MADE TO theme.ts */
	--accent: #006EB8;
	--black: #000;
	--aaa: #AAAAAA;
	--bbb: #BBBBBB;
	--ccc: #CCCCCC;
	--ddd: #DDDDDD;
	--eee: #EEEEEE;
	--ubuntu: "Ubuntu", Helvetica, Arial, sans-serif;
	--provider-action-teal: teal;
	--provider-action-teal-border: #09221f;
	--provider-action-gold: darkgoldenrod;
	--provider-action-gold-border: #5e4200;
	--provider-action-purple: #76318d;
	--provider-action-purple-border: #080417;
	--provider-action-green: #006f1d;
	--provider-action-green-border: #002f0c;
	--provider-action-blue: #103f7a;
	--provider-action-blue-border: #000b18;
	--provider-action-orange: #9b4200;
	--provider-action-orange-border: #631200;
	--rounded-corner: 5px;
	--primary: #006EB8;
	--primary-text: #FFF;
	--primary-border: #424242;
	--primary-hover: #006EB8;
	--primary-disabled: #AAAAAA;
	--primary-disabled-hover: #AAAAAA;
	--primary-disabled-text: #BABABA;
	--light: linear-gradient(to bottom, #ffffff 5%, #d9d9d9 100%);
	--light-text: #000;
	--light-border: #B0B0B0;
	--light-hover: linear-gradient(to bottom, #d9d9d9 5%, #ffffff 100%);
	--light-disabled: linear-gradient(to bottom, #ffffff 5%, #d9d9d9 100%);
	--light-disabled-hover: linear-gradient(to bottom, #ffffff 5%, #d9d9d9 100%);
	--light-disabled-text: #b8b8b8;
	--dark: linear-gradient(to bottom, #9e9e9e 5%, #5d5d5d 100%);
	--dark-text: #FFF;
	--dark-border: #424242;
	--dark-hover: linear-gradient(to bottom, #5d5d5d 5%, #9e9e9e 100%);
	--dark-disabled: linear-gradient(to bottom, #5d5d5d 5%, #9e9e9e 100%);
	--dark-disabled-hover: linear-gradient(to bottom, #9e9e9e 5%, #5d5d5d 100%);
	--dark-disabled-text: #A9A9A9;
	--all-white: #FFF;
	--all-white-text: #000;
	--all-white-border: #FFF;
	--all-white-hover: #FFF;
	--all-white-disabled: #FFF;
	--all-white-disabled-hover: #FFF;
	--all-white-disabled-text: #B0B0B0;
	--white: #FFF;
	--white-text: #000;
	--white-border: #B0B0B0;
	--white-hover: #B0B0B0;
	--white-disabled: #B0B0B0;
	--white-disabled-hover: #B0B0B0;
	--white-disabled-text: #000000;
	--gold: linear-gradient(to top, darkgoldenrod 0, #906c0c 100%);
	--gold-text: #FFF;
	--gold-border: #5e4200;
	--gold-hover: linear-gradient(to top, #906c0c 0, darkgoldenrod 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: #000;
	--green: linear-gradient(to top, #00711d 0, #005315 100%);
	--green-text: #FFF;
	--green-border: #B0B0B0;
	--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: #000;
	--light-green: linear-gradient(to bottom, #1eac36 5%, #208931 100%);
	--light-green-text: #FFF;
	--light-green-border: #B0B0B0;
	--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: #FFF;
	--blue: linear-gradient(to top, #103f7a 0, #062d5e 100%);
	--blue-text: #FFF;
	--blue-border: #B0B0B0;
	--blue-hover: linear-gradient(to top, #062d5e 0, #103f7a 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: #000;
	--orange: linear-gradient(to top, #9c4200 0, #722e00 100%);
	--orange-text: #FFF;
	--orange-border: #B0B0B0;
	--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: #000;
	--teal: linear-gradient(to top, teal 0, #294f4b 100%);
	--teal-text: #FFF;
	--teal-border: #B0B0B0;
	--teal-hover: linear-gradient(to top, #294f4b 0, 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: #000;
	--purple: linear-gradient(to top, #77328e 0, #581b6c 100%);
	--purple-text: #FFF;
	--purple-border: #B0B0B0;
	--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: #000;
	--grey100: #E7E7E7;
	--grey200: #C9C9C9;
	--light-grey: #B0B0B0;
	--grey300: #B6B6B6;
	--grey400: #A5A5A5;
	--grey500: #919191;
	--grey600: #757575;
	--grey700: #606060;
	--dark-grey: #424242;
	--grey900: #252525;
	--error: red;
	--success: #60A821;
	--table-stripe-odd: #FFF;
	--table-stripe-even: #DDD;
	--note-box-background: lightyellow;
	--touch-friendly-button-border: #5aabe0;
	--error-modal-inactive-background: linear-gradient(0, #C8C8C8 15%,#E1E1E1 85%);
}
/*
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:#000;background:#FFF}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:#000}

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

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


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

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

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

@-webkit-keyframes loading-bg-white-to-blue-1 {
  0% {
    background: #006EB8;
    transform: translate3d(0,0,0);
  }
  20% {
    background: #006EB8;
    transform: translate3d(0,0,0);
  }
  21% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
  100% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
}

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

@-webkit-keyframes loading-bg-white-to-blue-2 {
  0% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
  20% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
  21% {
    background: #006EB8;
    transform: translate3d(0,0,0);
  }
  40% {
    background: #006EB8;
    transform: translate3d(0,0,0);
  }
  41% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
  100% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
}

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

@-webkit-keyframes loading-bg-white-to-blue-3 {
  0% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
  40% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
  41% {
    background: #006EB8;
    transform: translate3d(0,0,0);
  }
  60% {
    background: #006EB8;
    transform: translate3d(0,0,0);
  }
  61% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
  100% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
}

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

@-webkit-keyframes loading-bg-white-to-blue-4 {
  0% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
  60% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
  61% {
    background: #006EB8;
    transform: translate3d(0,0,0);
  }
  80% {
    background: #006EB8;
    transform: translate3d(0,0,0);
  }
  81% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
  100% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
}

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

@-webkit-keyframes loading-bg-white-to-blue-5 {
  0% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
  80% {
    background: #FFFFFF;
    transform: translate3d(0,0,0);
  }
  81% {
    background: #006EB8;
    transform: translate3d(0,0,0);
  }
  100% {
    background: #006EB8;
    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 */

*:focus {
	outline: 0;
}

html {
	background: #212121 url('images/bg.png');
	font-family: "Ubuntu", Helvetica, Arial, sans-serif;
	height: 100%;
	-ms-touch-action: none; /* Disables all pan/zoom behaviors and fire pointer events in JavaScript instead. */
}

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: #006EB8;
	display: inline-block;
	line-height: 2em;
	text-decoration: underline;
	cursor: pointer;
}

a:hover, 
span:hover.link,
a:focus {
	background: #006EB8;
	color: #FFF;
	text-decoration: none;
}

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

a.inline-text {
	color: #006EB8;
	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: #000000;
}

input {
	margin: 0;
}

hr {
	height: 1px;
	margin: 5px 0;
	border: none;
	border-bottom: 1px solid #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;
	-webkit-animation-iteration-count: infinite;
	-webkit-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: #B6B6B6;
	border-radius: 3px;
	border: 1px solid #717171;
	z-index: 99998;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

#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: 5px;
	background: #FFFFFF;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	z-index: 99999;
}

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

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

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

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

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

/* Blink */
@-webkit-keyframes blinker {
	from {
		opacity: 1.0;
	}

	to {
		opacity: 0.0;
	}
}

@-moz-keyframes blinker {
	from {
		opacity: 1.0;
	}

	to {
		opacity: 0.0;
	}
}

@keyframes blinker {
	from {
		opacity: 1.0;
	}

	to {
		opacity: 0.0;
	}
}

.blink {
	-webkit-animation: blinker 1s cubic-bezier(1.0,0,0,1.0) infinite;
	-o-animation: blinker 1s cubic-bezier(1.0,0,0,1.0) infinite;
	-moz-animation: blinker 1s cubic-bezier(1.0,0,0,1.0) infinite;
	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: #424242;
	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: #424242;
}

.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 rgba(0,0,0,0.4);
	position: relative;
}

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

.content-wrap-inner .panel-red {
	background: #DA050E;
}

.content-wrap-inner .panel-orange {
	background: #F2A20C;
}

.content-wrap-inner .panel-green {
	background: #91B319;
}

.content-wrap-inner .panel-blue {
	background: #006EB8;
}

.content-wrap-inner .panel-purple {
	background: #4C117D;
}

.content-wrap-inner .fa fa-green {
	color: #91B319;
}

.content-wrap-inner .fa fa-red {
	color: #DA050E;
}

.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: #FFF;
	font-size: 2em;
	font-weight: 300;
	line-height: 1.3em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content-wrap-inner .panel-title h3 {
	max-width: 100%;
	margin: 0.1em 0;
	color: #FFF;
	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: #FFF;
	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: #DA050E;
}

.content-wrap-inner .panel-green .panel-title,
.content-wrap-inner .panel-green .panel-actions {
	background: #91B319;
}

.content-wrap-inner .panel-blue .panel-title,
.content-wrap-inner .panel-blue .panel-actions {
	background: #006EB8;
}

.content-wrap-inner .panel-orange .panel-title,
.content-wrap-inner .panel-orange .panel-actions {
	background: #F2A20C;
}

.content-wrap-inner .panel .panel-actions {
	display: inline-block;
	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 div {
	display: inline-block;
}

.panel .panel-actions .btn {
	height: 2.71em;
	margin-right: .56em;
}

.panel .panel-actions .btn i {
	display: inline-block;
	font-size: 1.08em;
	margin-left: 0.97em;
}

.panel .panel-actions .btn-disabled i {
	color: #BABABA;
}

.lookup-modal .pagination-filter .page-btn,
.panel .panel-actions .page-btn {
	height: 1.95em;
	width: 2.64em;
	margin-right: 0em;
	margin-left: -0.07em;
	margin-top: 0.42em;
	float: right;
}

.lookup-modal .pagination-filter .page-btn i,
.panel .panel-actions .page-btn i {
	display: inline-block;
	font-size: 1.08em;
	margin-left: 1.16em;
	height: 2.32em;
	line-height: 2.32em;
	font-size: 0.9em;
}

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

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

.lookup-modal.primary-list .page-label  {
	margin-right: 0.3em;
}

.pagination {
	float: right;
	margin-right: 1em;
}

.pagination-number {
	color: #0065A8;
}

.content-wrap-inner .panel .panel-actions .spacer {
	border-right: 1px solid #C9C7C8;
	margin-right: 1.18em;
	padding-right: 0.63em;
	height: 1.88em;
	margin-bottom: -0.58em;
}

.content-wrap-inner .panel .panel-inner-actions .spacer {
	border-right: 1px solid #C9C7C8;
	margin-right: 0.35em;
	padding-right: 0.63em;
	height: 1.88em;
	margin-bottom: -0.58em;
}

.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 #C9C7C8;
	padding-bottom: 0.63em;
	width: 90%;
}

.content-wrap-inner .panel-inner {
	width: 100%;
	min-height: 100px;
	padding: 3.27em 0 0 0;
	background: #FFF;
	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 div {
	display: inline-block;
	vertical-align: middle;
}

.panel-inner-actions .btn {
	height: 2.71em;
	width: 2.71em;
	margin-left: 0.28em;
}

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

.panel-inner-actions .btn.wide {
	width: auto;
}

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

.panel-inner-actions .btn i {
	font-size: 1.3em;
	display: inline-block;
	float: left;
	margin-left: 0.7em;
	height: 2.1em;
	line-height: 2.1em;
}

.panel-inner-actions .btn.short i {
	font-size: .9em;
	height: 2.1em;
	line-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.97em;
	margin-left: inherit;
	float: none;
}

.content-wrap-inner .panel-sec .panel-inner {
	background: #FFFFFF;
}

.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 #C9C7C8;
	padding: 0.49em;
}

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

.table .row,
.content-wrap-inner .table .row {
	display: table-row;
	border: 1px solid #FFF;
}

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

.table .row-odd {
	background: #EEE;
	border: 1px solid #EEE;
}

.table .row-active,
.table .row-active-orange {
	background: #E0F3FF;
	border-top: 1px solid #E0F3FF;
	border-bottom: 1px solid #FFFFFF;
}

.table .row-active p,
.table .row-active-orange p {
	color: Black;
}

.table .row-active-green {
	background: #91B319;
	border-top: 1px solid #91B319;
	border-bottom: 1px solid #91B319;
}

.table .row-active-green p {
	color: #FFF;
}

.table .row-active-red {
	background: #DA050E;
	border-top: 1px solid #DA050E;
	border-bottom: 1px solid #DA050E;
}

.table .row-active-red p {
	color: #FFF;
}

.table .row-active p {
	color: Black;
}

.table .text-link {
	color: #006EB8;
	text-decoration: underline;
	cursor: pointer;
}

.table .row-active .text-link {
	color: 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;
}

.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: 5px;
}

.table .col-status-active p {
	color: #91B319;
}

.table .col-status-active .dot {
	background: #91B319;
}

.table .col-status-setup p {
	color: #F2A20C;
}

.table .col-status-setup .dot {
	background: #F2A20C;
}

.table .col-status-inactive p {
	color: #DA050E;
}

.table .col-status-inactive .dot {
	background: #DA050E;
}

.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: #FFF;
}

.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: #FFF;
}

.table .header,
.content-wrap-inner .table .header {
	display: table-header-group;
	background: #E1DFE0;
	border-top: 1px solid #EFEDEE;
	border-bottom: 1px solid #A6A6A6;
	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 #BCBCBC;
	border-left: 1px solid #EFEDEE;
	border-bottom: 1px solid #BCBCBC;
}

.table .header p {
	color: #000;
}

.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;
	float: left;
}

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



.active-flag {
	color: #007A00;
}

.inactive-flag {
	color: #CC1F00;
}

.italics {
	font-style: italic;
}

/* Buttons */
.btn-dark {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9e9e9e), color-stop(1, #5d5d5d));
	background: -moz-linear-gradient(top, #9e9e9e 5%, #5d5d5d 100%);
	background: -webkit-linear-gradient(top, #9e9e9e 5%, #5d5d5d 100%);
	background: -o-linear-gradient(top, #9e9e9e 5%, #5d5d5d 100%);
	background: -ms-linear-gradient(top, #9e9e9e 5%, #5d5d5d 100%);
	background: linear-gradient(to bottom, #9e9e9e 5%, #5d5d5d 100%);
	background-color: #9e9e9e;
	border: 1px solid #474747;
}

.btn-dark:active {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5d5d5d), color-stop(1, #9e9e9e));
	background: -moz-linear-gradient(top, #5d5d5d 5%, #9e9e9e 100%);
	background: -webkit-linear-gradient(top, #5d5d5d 5%, #9e9e9e 100%);
	background: -o-linear-gradient(top, #5d5d5d 5%, #9e9e9e 100%);
	background: -ms-linear-gradient(top, #5d5d5d 5%, #9e9e9e 100%);
	background: linear-gradient(to bottom, #5d5d5d 5%, #9e9e9e 100%);
	background-color: #5d5d5d;
}

.btn-green {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1eac36), color-stop(1, #208931));
	background: -moz-linear-gradient(top, #1eac36 5%, #208931 100%);
	background: -webkit-linear-gradient(top, #1eac36 5%, #208931 100%);
	background: -o-linear-gradient(top, #1eac36 5%, #208931 100%);
	background: -ms-linear-gradient(top, #1eac36 5%, #208931 100%);
	background: linear-gradient(to bottom, #1eac36 5%, #208931 100%);
	background-color: #1eac36;
	border: 1px solid #474747;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-weight: normal;
	text-decoration: none;
	stroke: #0b6113;
}

.btn-green: active {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #208931), color-stop(1, #1eac36));
	background: -moz-linear-gradient(top, #208931 5%, #1eac36 100%);
	background: -webkit-linear-gradient(top, #208931 5%, #1eac36 100%);
	background: -o-linear-gradient(top, #208931 5%, #1eac36 100%);
	background: -ms-linear-gradient(top, #208931 5%, #1eac36 100%);
	background: linear-gradient(to bottom, #208931 5%, #1eac36 100%);
	background-color: #208931;
	border: 1px solid #474747;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-weight: normal;
	text-decoration: none;
	stroke: #0b6113;
}



.btn-dark .label {
	color: #FFF;
}

.btn-dark i {
	color: #FFF;
}

.btn-light {
	color: #000;
	border: 1px solid #b0b0b0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d9d9d9));
	background: -moz-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
	background: -webkit-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
	background: -o-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
	background: -ms-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
	background: linear-gradient(to bottom, #ffffff 5%, #d9d9d9 100%);
	cursor: pointer;
}

.btn-light:active {
	border: 1px solid #b0b0b0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d9d9d9), color-stop(1, #ffffff));
	background: -moz-linear-gradient(top, #d9d9d9 5%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #d9d9d9 5%, #ffffff 100%);
	background: -o-linear-gradient(top, #d9d9d9 5%, #ffffff 100%);
	background: -ms-linear-gradient(top, #d9d9d9 5%, #ffffff 100%);
	background: linear-gradient(to bottom, #d9d9d9 5%, #ffffff 100%);
}

.btn-light i {
	color: #000;
}

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

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



/* Actions */
.actions {
}

.actions .btn {
	width: auto;
	height: 2.4em;
	cursor: pointer;
	position: relative;
}

.actions .filter-btn.btn {
	width: 2.75em;
}

.actions .btn .label {
	font-size: 1.05em;
	font-weight: 400;
	text-align: center;
	height: 2.45em;
	line-height: 2.45em;
	margin-right: 0.86em;
	margin-left: 0.33em;
}

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

.actions .btn-disabled,
.actions .btn-disabled:active,
.slush-buttons .btn-disabled {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d9d9d9));
	background: -moz-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
	background: -webkit-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
	background: -o-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
	background: -ms-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
	background: linear-gradient(to bottom, #ffffff 5%, #d9d9d9 100%);
	background-color: #ffffff;
	border: 1px solid #b0b0b0;
	color: #b8b8b8;
	cursor: default;
}

.actions .btn-disabled-dark {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9e9e9e), color-stop(1, #5d5d5d));
	background: -moz-linear-gradient(top, #9e9e9e 5%, #5d5d5d 100%);
	background: -webkit-linear-gradient(top, #9e9e9e 5%, #5d5d5d 100%);
	background: -o-linear-gradient(top, #9e9e9e 5%, #5d5d5d 100%);
	background: -ms-linear-gradient(top, #9e9e9e 5%, #5d5d5d 100%);
	background: linear-gradient(to bottom, #5d5d5d 5%, #9e9e9e 100%);
	background-color: #9e9e9e;
	border: 1px solid #474747;
	cursor: default;
}

.actions .btn-disabled-dark .label,
.actions .btn-disabled-dark i {
	color: #A9A9A9;
}

.actions .btn-disabled .label,
.actions .btn-disabled i,
.slush-buttons .btn-disabled .label,
.slush-buttons .btn-disabled i {
	color: #b8b8b8;
}

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

.actions .items-found-number {
	color: #006EB8;
}


/* 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: #006EB8;
}

.panes p.usage {
	color: #848484;
	font-size: 0.8em;
}

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

.panes .item {
	width: 100%;
	margin: 0 2px 2px 0;
	background: #EEE;
	cursor: pointer;
}

.panes .item:hover .pane-content h4 {
	color: #006EB8;
}

.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: #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: rgba(33,33,33,0.2);
	border: 1px solid rgba(242,162,12,0.4);
	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: rgba(0,0,0,0.8);
	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: 0;
	background: #FFF;
	position: absolute;
	top: 4px;
	left: 4px;
}

.lookup-modal {
	position: fixed;
	top: 2.5em;
	left: 50%;
	width: 37.29em;
	min-width: 37.29em;
	margin-left: -16.5em;
	background: #FFFFFF;
	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;
	padding-right: 0.6em; /* Extra padding for scrollbar in Firefox */
}

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

.lookup-modal-header {
	min-height: 3em;
	margin: 0 2%;
}

.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: #EEEEEE;
	padding-bottom: 1em;
	padding-top: 0.67em;
	margin-bottom: 3em;
	border-bottom: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	min-width: 37em;
}

ul.lookup-filters li {
	display: inline-block;
	padding-left: 0.4em;
	padding-right: 0.4em;
	border-left: 1px solid #BBBBBB;
}

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

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

.lookup-modal.inspection-list .pagination-filter {
	width: 8em;
}

.lookup-modal.primary-list .pagination {
	margin: 0 1.0em 0.5em 0; /* Extra right margin for scrollbar in Firefox */
}

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

.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: #000;
	text-align: left;
	margin: 1em 0 1em 1em;
}

.lookup-modal header .close-modal {
	position: absolute;
	top: 0.25em;
	right: 2%;
	color: #A9A9A9;
	cursor: pointer;
	-moz-transition: color 250ms;
	-webkit-transition: color 250ms;
	transition: color 250ms;
	padding-left: 1.25em;
	padding-bottom: 1.25em;
}

.lookup-modal header .close-modal:hover {
	color: #F31D1D;
}

.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;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 400;
	border: 1px solid #BBBBBB;
	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%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 400;
	border: 1px solid #BBBBBB;
	height: 2.3em;
	width: 100%;
}

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

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

.lookup-modal .lookup-list {
	border: 1px solid #B9B9B9;
	width: 96%;
	margin: 0.25em 2%;
	border-collapse: separate;
}

.lookup-modal .lookup-list thead tr {
	background: #DDDDDD;
	border-bottom: 2px solid #B9B9B9;
}

.lookup-modal .lookup-list th {
	border-right: 1px solid #B9B9B9;
	border-bottom: 1px solid #B9B9B9;
	height: 2.5em;
}

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

.lookup-modal .lookup-list tbody tr {
	height: 2.5em;
	cursor: pointer;
	-moz-transition: background 250ms;
	-webkit-transition: background 250ms;
	transition: background 250ms;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.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: #FFFFFF;
}

.lookup-modal .lookup-list tbody tr:nth-child(even) {
	background: #EEEEEE;
}

.lookup-modal .lookup-list tbody tr.lookup-list-item-selected {
	background: #E0F3FF;
}

.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: #DDDDDD;
	border-top: 1px solid #BBBBBB;
	text-align: center;
}

.big-row.search-modal-result.selected {
	background-color: #E0F3FF;
}

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

.modal-full.message-modal {
	width: 25%;
}

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

.modal-full.message-modal .modal-verbage .modal-header {
	text-align: center;
	margin-top: 10px;
    margin-bottom: 10px;
}

.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;
}

.modal-verbage .warning-header,
.modal-verbage .error-header,
.modal-verbage .confirm-header,
.modal-verbage .request-access-header {
	border-bottom: 1px solid #D3D3D3;
	margin: .5em;
}


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

.modal-verbage .warning-header .close,
.modal-verbage .error-header .close,
.modal-verbage .confirm-header .close,
.modal-verbage .request-access-header .close {
	color: #D3D3D3;
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	cursor: pointer;
}

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

.modal-verbage .error-tabs .button {
	padding: 1em;
	display: inline-block;
	cursor: pointer;
	border: 1px solid #919191;
	border-bottom: none;
	padding: .8em 1em;
	vertical-align: bottom;
	width: 4em;
	text-align: center;
	background: #C8C8C8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(0, #C8C8C8 15%, #E1E1E1 85%); /* FF3.6+ */
	background: -webkit-gradient(linear, bottom, top, color-stop(15%,#C8C8C8), color-stop(85%,#E1E1E1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(0, #C8C8C8 15%,#E1E1E1 85%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(0, #C8C8C8 15%,#E1E1E1 85%); /* Opera 11.10+ */
	background: -ms-linear-gradient(0, #C8C8C8 15%,#E1E1E1 85%); /* IE10+ */
	background: linear-gradient(0, #C8C8C8 15%,#E1E1E1 85%); /* W3C */
}

.modal-verbage .error-tabs .button.open {
	background: #EBEBEB;
	padding: 1em;
}

.modal-verbage .main-container {
	background: #EBEBEB;
	border: 1px solid #919191;
	padding: .5em;
	margin: 0 .5em;
	position: relative;
}

.modal-verbage .main-container .error-shim {
	background: #EBEBEB;
	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: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	word-wrap: break-word;
	height: 10em;
	padding: .5em;
	border: 1px solid #B5B5B5;
}

.modal-verbage .warning-footer,
.modal-verbage .error-footer,
.modal-verbage .confirm-footer {
	background: #D5D5D5;
	border-top: 1px solid #919191;
	margin-top: .6em;
	text-align: center;
}

.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: #5d5d5d;
	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: #fff;
	display: block;
	margin-left: 30%;
	margin-top: 10%;
}

.panel-close {
	width: 32px;
	height: 32px;
	background: #006EB8;
	border-radius: 32px;
	position: absolute;
	top: -20px;
	right: -20px;
	z-index: 900;
}

.panel-close-filter {
	background: #FFFFFF;
	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%;
}

.auto-narrative-list-wrapper .panel-filters {
	right: 13em;
}

.panel-filters {
	position: absolute;
	top: 4.3em;
	right: 0;
	background: #EEEEEE;
	border: 1px solid #b0b0b0;
	z-index: 102;
	min-width: 10em;
}

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

.panel-filters-icon {
	border: 1px solid #b0b0b0;
	background: linear-gradient(to bottom, #ffffff 5%, #d9d9d9 100%);
	position: relative;
}

.panel-filters-fa.fa-active {
	border: 1px solid transparent;
	background: #006EB8;
	color: #FFFFFF;
}

.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: #006EB8;
	border-width: 1.43em;
}

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

.panel-filters-heading {
	border-bottom: 1px solid #d9d9d9;
	font-size: 1.4em;
	font-weight: 100;
	color: #006EB8;
	text-align: center;
	margin-top: .2em;
	width: 100%;
}

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

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

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

.button-label, input[type=checkbox] {
	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 #000;
	margin-top: -0.6em;
}

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

#agency-select {
	color: #424242;
	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 rgba(0,0,0,0.4);
	position: relative;
}

#agency-select .panel-blue {
	background: #006EB8;
}

#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: #FFF;
	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: #006EB8;
}

#agency-select .panel-inner {
	width: 100%;
	min-height: 500px;
	padding: 3em 0 0 0;
	background: #FFF;
	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 #B2B2B2;
	border-radius: 3em;
	outline: none;
}

/* Fix for stupid IE bug */
/* Starting in IE10 Microsoft added a clear text field button on text fields, useful
	for touch users one might think. However as with all things that make you bang your
	head on the desk there is no event triggered to say the textbox changed (not even on changed!)
	Fortunately they gave us a way of hiding it */
input[type=text]::-ms-clear {
	display: none;
}

/* Gradients */
.gradient.grey-to-white {
	background: #eeeeee; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #eeeeee 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right, #eeeeee 0%,#ffffff 100%); /* W3C */
}

.gradient.grey-to-dark-grey {
	background: #aaaaaa; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(45deg, #aaaaaa 15%, #dddddd 85%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(15%,#aaaaaa), color-stop(85%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #aaaaaa 15%,#dddddd 85%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #aaaaaa 15%,#dddddd 85%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #aaaaaa 15%,#dddddd 85%); /* IE10+ */
	background: linear-gradient(45deg, #aaaaaa 15%,#dddddd 85%); /* W3C */
}

.gradient.grey-to-light-grey {
	background-image: linear-gradient(bottom, rgb(231,231,231) 0%, rgb(252,252,252) 100%);
	background-image: -o-linear-gradient(bottom, rgb(231,231,231) 0%, rgb(252,252,252) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(231,231,231) 0%, rgb(252,252,252) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(231,231,231) 0%, rgb(252,252,252) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(231,231,231) 0%, rgb(252,252,252) 100%);
	background-image: -webkit-gradient(linear, bottom, top, color-stop(0, rgb(231,231,231)), color-stop(1, rgb(252,252,252)) );
	background-color: rgb(231,231,231);
}

/* 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: #FFFFFF;
	color: #000000;
	position: absolute;
	padding: 0.5em;
	border: 1px solid #000000;
	z-index: 99;
	margin-top: 5px;
	font-size: 14px;
	width: 375px;
	left: -10px;
	-moz-box-shadow: 0 0 3px 1px #A9A9A9;
	-webkit-box-shadow: 0 0 3px 1px #A9A9A9;
	box-shadow: 0 0 3px 1px #A9A9A9;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	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: #FFFFFF;
	color: #000000;
	position: relative;
	padding: 0.5em;
	border: 1px solid #000000;
	z-index: 99;
	margin-top: 5px;
	font-size: 14px;
	width: 98%;
	-moz-box-shadow: 0 0 3px 1px #A9A9A9;
	-webkit-box-shadow: 0 0 3px 1px #A9A9A9;
	box-shadow: 0 0 3px 1px #A9A9A9;
	/* white-space: pre-wrap; */
	white-space: -moz-pre-wrap;
	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: #000000
}

.fa.fa-info-circle:hover {
	color: #f2a20c;
}

.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: 4.1em;
}

.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 - 2.5em);
	width: -webkit-calc(100% / 3 - 0.98em/3 - 2.5em);
}

.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);
	width: -webkit-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);
	width: -webkit-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);
	width: -webkit-calc(100% - 11.1em);
}

.edit-column.edit-two-column:nth-of-type(even) {
	border-left: 1px solid #C9C7C8;
	border-right: 1px solid #C9C7C8;
	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 #C9C7C8;
	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;
	width: calc(100% - 12em);
	width: -webkit-calc(100% - 12em);
	vertical-align: sub;
}

.edit-column shell-editable-yes-no .button-container {
	max-width: 10em;
}

.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: #f2a20c
}

.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% - 12em);
	width: -webkit-calc(100% - 12em);
	height: 1.95em;
	padding-left: .3em;
	border-style: groove;
	border-bottom-style: ridge;
	border-right-style: ridge;
	border-color: #F5F5F5;
}

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

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

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

.edit-column div.required input.not-value {
	width: -webkit-calc(100% - 14em);
	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);
	width: -webkit-calc(100% - 12em);
	-moz-resize: none;
	-ms-resize: none;
	-o-resize: none;
	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 #B2B2B2;
}

.slush-box input.search.wide {
	width: calc(68% - .7em);
	width: -webkit-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 {
	height: 2.50em;
}

#save-button.is-saving {
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #D6D6D6), color-stop(1, #ADACAC) );
	background-image: -o-linear-gradient(bottom, #D6D6D6 0%, #ADACAC 100%);
	background-image: -moz-linear-gradient(bottom, #D6D6D6 0%, #ADACAC 100%);
	background-image: -webkit-linear-gradient(bottom, #D6D6D6 0%, #ADACAC 100%);
	background-image: -ms-linear-gradient(bottom, #D6D6D6 0%, #ADACAC 100%);
	background-image: linear-gradient(to bottom, #D6D6D6 0%, #ADACAC 100%);
}

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

.users-page-top-panel-note-box {
	font-size: .765rem;
	border: 1px solid;
	background-color: lightyellow;
	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: #FFFFFF;
	position: absolute;
	left: -16em;
	top: 3.2em;
	width: 22em;
	text-align: left;
	padding-top: .6em;
	padding-bottom: .6em;
	-webkit-box-shadow: 0 0 .3em rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 .3em rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 .3em rgba(0, 0, 0, 0.3);
	border: #7c7c7c 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 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 #7c7c7c;
	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 #FFFFFF;
	font-weight: 700;
	border-bottom: 1px solid #4E4E4E;
	border-top: 1px solid #4E4E4E;
	margin-top: -1px;
	padding: 0 1em;
	z-index: 9980;
	width: 17.95em;
	color: #7c7c7c;
	font-size: 1.1em;
	line-height: 2.5em;
}

.more-menu .action-item span {
	max-width: calc(100% - 1.7em);
}

.more-menu .action-item i {
	color: #7c7c7c;
	float: right;
	line-height: 2.5em;
	height: 2.5em;
}

.more-menu .action-item.action-item-disabled i {
	background-color: #EDEDED;
	color: #b8b8b8;
}

.more-menu .action-item.action-item-disabled {
	background-color: #EDEDED;
	color: #b8b8b8;
	font-style: italic;
}

.more-menu .action-item:hover,
.more-menu .action-item:hover i {
	background-color: #7c7c7c;
	color: #FFFFFF;
}

.more-menu .action-item.action-item-disabled:hover,
.more-menu .action-item.action-item-disabled:hover i {
	background-color: #EDEDED;
	color: #b8b8b8;
	cursor: default;
}

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

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

.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 {
	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 #FFFFFF;
	color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.05); /* partial opacity */
}

click-to-edit .edit-elem:hover {
	border: 1px dashed #FFFFFF;
	background-color: rgba(255, 255, 255, 0.05); /* partial opacity */
	cursor: text;
}

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

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

/** tabhost **/
.tabhost .tab {
	float: left;
	border: 1px solid #BCBCBC;
	margin-bottom: -1px;
	margin-left: -1px;
	background: #EEEEEE;
	cursor: pointer;
}

.tabhost .tab div {
	height: 1.75em;
	border-top: 1px solid #F6F6F6;
}

.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: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

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 #b0b0b0;
	cursor: pointer;
	position: relative;
	display: inline-block;
	font-size: .95em;
	font-weight: 400;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d9d9d9));
	background: -moz-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
	background: -webkit-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
	background: -o-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
	background: -ms-linear-gradient(top, #ffffff 5%, #d9d9d9 100%);
	background: linear-gradient(to bottom, #ffffff 5%, #d9d9d9 100%);
	background-color: #ffffff;
	color: #000000;
}

.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: #006EB8;
	border: 1px solid #006EB8;
	color: #FFF;
	filter: none;
	cursor: default;
}

.toggle-btn.disabled {
	color: #AAAAAA;
	cursor: default;
}

.toggle-btn.active.disabled {
	background: #AAAAAA;
	border: 1px solid #AAAAAA;
	color: #eeeeee;
}

.toggle-btn.documents-large{
	width: 7em;
}
/** 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 #BFBFBF;
}

placeholder-password-input > input:invalid,
placeholder-input > input:invalid {
	border-color: #df0000;
}

placeholder-password-input .validation-exclamation,
placeholder-input .validation-exclamation {
	color: #df0000;
	position: absolute;
	top: 2em;
	line-height: 2em;
	left: -1em;
}

/* do not group these placeholder selectors, they won't work if you do */
placeholder-password-input > input::-webkit-input-placeholder,
placeholder-input > input::-webkit-input-placeholder {
	opacity: 0;
	color: #BFBFBF;
	transition: opacity 0s linear 250ms;
}

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

placeholder-password-input > input::-moz-placeholder,
placeholder-input > input::-moz-placeholder {
	opacity: 0;
	color: #BFBFBF;
}

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

placeholder-password-input > input:-ms-input-placeholder,
placeholder-input > input:-ms-input-placeholder {
	color: #BFBFBF;
}

placeholder-password-input .animated-input-placeholder,
placeholder-input .animated-input-placeholder {
	height: 2em;
	line-height: 2em;
	padding-left: calc(1px + .8em);
	color: #BFBFBF;
	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: #000;
}

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 {
	border: 1px solid #b0b0b0;
	background: linear-gradient(to bottom, #ffffff 5%, #d9d9d9 100%);
	width: 1.5em;
	text-align: center;
	display: inline-block;
	padding: .1em 0em;
	margin-left: 0.1em;
}

.btn.not-value.disabled{
	color: #b8b8b8;
}

.btn.not-value:hover {
	cursor: pointer;
}

.btn.not-value-active {
	border: 1px solid transparent;
	background: #006EB8;
	color: #FFFFFF;
}

.panel-not-value {
	/* Styling block element, not required */
	position: absolute;
	bottom: 2.4em;
	right: -0.7em;
	padding: 0.75em;
	border: 1px solid #999;
	background: #f3f3f3;
	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: #777;
	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: #f3f3f3;
	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: #E7E7E7;
    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: linear-gradient(180deg, #FFFFFF 5%, #D9D9D9 100%);
	border: 1px solid #B0B0B0;
	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: linear-gradient(0deg, #E7E7E7, #FCFCFC);
	border: 1px solid #CCCCCC;
    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: rgba(0, 0, 0, 0.7);
}

.modal-photo-capture .photo-capture-review-button {
	width: 5em;
	border-radius: .3em;
	padding: .6em;
	cursor: pointer;
	text-align: center;
	margin: 0 2.5em;
	background: #0185DA;
	background-image: linear-gradient(to bottom, #0185DA 0%, #0164A5 100%);
	color: #FFFFFF;
}

.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: #F31D1D;
	left: -0.9em;
	position: absolute;
	top: 0.7em;
}

td.required:before {
    color: #F31D1D;
    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 #F31D1D;
}

input.required {
	border: 0.1em solid #F31D1D;
}

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 #F31D1D;
}

div.required {
	position: relative;
}

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

.context-panel-element.required input {
	width: auto;
	height: auto;
	border: 2px solid #F31D1D;
}

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

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

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

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

.noSelect {
	-webkit-user-select: none; /* Webkit */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE 10 */
	/* Currently not supported in Opera but will be soon */
	-o-user-select: none;
	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 inteceptor 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: #d42220;
	font-weight: bold;
}
#loading-modal .modal-full.message-modal {
    width: 31em;
}

#loading-modal .modal-verbage {
	padding: .5em;
}

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

#loading-modal.error .progress-bar {
    border-color: #d42220;
}

#loading-modal.error .progress-bar-fill {
    background-color: #d42220;
}

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

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

.internet-explorer-support-warning {
	background-color: lightyellow;
	position: absolute;
	left: 0;
	right: 0;
	color: 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 */