body {
	background: #f5f5f5;
	font-family: 'Lato', sans-serif;
	line-height: 1.1em;
	padding: 0 0 10px;
}

/* Layout */

header,
footer,
nav,
section {
	display: block;
}

#wrap {
	width: 95%;
	margin: 0 auto;
}

div.l {
	float: left;
}

div.r {
	float: right;
}

/* Generics */

.hidden {
	display: none;
}

.unselectable {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.linkdisabled {
	color: #a0a0a0;
}

.borderbox,
.borderbox * {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box;
}

/* Login */

#login {
	background: url(/content/themes/base/images/logo-metro.png) no-repeat center 80px;
	padding: 208px 0 0;
	width: 400px;
	margin: 0 auto;
}

#login div.inner {
	font-weight: normal;
	padding: 0;
}

#login div.editor-field input {
	border: 0 none;
	box-shadow: none;
	height: 42px;
	line-height: 42px;
	border: 1px solid #e0e0e0;
	text-indent: 5px;
}

#login p input {
	border-radius: 0;
	height: 42px;
	background: #4b87c6;
	color: #fff;
}

#login label {
	color: #868686;
	height: 42px;
}

#login .rememberme {
	float: left;
	padding: 0 0 0 8px;
}

#login .rememberme input,
#login .rememberme label {
	font-size: 13px;
	line-height: 42px;
	margin: 0 0 0 2px;
	padding: 0;
	vertical-align: middle;
}

#login .credits {
	border-top: 1px solid #e0e0e0;
	margin: 40px 0 0;
	padding: 10px 0 0;
	text-align: center;
}

#login .credits p {
	font-size: 12px;
	line-height: 16px;
	color: #868686;
	margin: 12px 0;
}

#login div.validation-summary-errors {
	background: #f00000;
	padding: 16px;
	margin: 0 0 16px;
}

#login div.validation-summary-errors ul {
	list-style-type: none;
}

#login div.validation-summary-errors li {
	padding: 0;
	line-height: 18px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

/* Header */

header, #header {
	/* background: url("/content/themes/base/images/logoheader-metro.png") no-repeat scroll left bottom / auto 100% #303030; */
	background: #303030;
	position: fixed;
	width: 100%;
	z-index: 90;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
}

header,
header * {
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}

header .logo {
	display: block;
	height: 36px;
	width: 36px;
	background: url("/content/themes/base/images/logoheader-metro.png") no-repeat 0 0 #303030;
	background-size: 100% 100%;
	cursor: pointer;
	float: left;
}

.mainouter {
	padding: 36px 0 0;
}

/* User */

#user {
	float: right;
	text-align: right;
	line-height: 36px;
	font-size: 13px;
	color: #f0f0f0;
	text-transform: capitalize;
	margin: 0 20px 0 0;
}

#user span {
	color: #a0a0a0;
}

#user a {
	color: #f0f0f0;
	text-decoration: none;
	text-transform: none;
}

/* Instance */

.instance {
	float: right;
	text-align: right;
	line-height: 36px;
	font-size: 13px;
	color: #f0f0f0;
	text-transform: capitalize;
	margin: 0 20px 0 0;
}

.instance span {
	color: #a0a0a0;
}

.instance a {
	color: #a0a0a0;
	text-decoration: none;
	text-transform: none;
}

.instance.NZ .NZ {
	color: #f0f0f0;
}

.instance.AUS .AUS {
	color: #f0f0f0;
}

/* Navigation Metro */

nav, #menucontainer {
	font-weight: normal;
	padding: 0;
	float: left;
	/*margin: 0 0 0 36px;
    height: 36px;*/
}

nav ul,
#menucontainer ul {
	list-style-type: none;
	margin: 0;
}

nav li,
#menucontainer li {
	float: left;
}

nav li a,
#menucontainer li a {
	display: block;
	line-height: 36px;
	margin: 0 0 0 20px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #f0f0f0;
}

nav li span,
#menucontainer li span {
	display: block;
	line-height: 36px;
	margin: 0 0 0 20px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
}

/* Search metro */


.mainsearch {
	background: #E9E9E0;
}

.mainsearch #search {
	float: left;
}

.mainsearch .module .inner {
	padding: 20px;
}

.mainsearch .editor-autocomplete,
.mainsearch .editor-search {
	width: 260px;
	float: left;
	margin: 0 4px 0 0;
}

.mainsearch .editor-autocomplete input,
.mainsearch .editor-search input {
	height: 36px;
	line-height: 36px;
	border: 0;
	padding: 0 12px;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
	width: 100%;
}

.mainsearch .editor-search input {
	color: #a0a0a0;
}

.mainsearch .editor-search input:focus {
	color: #303030;
}

.mainsearch .buttonrow {
	float: left;
	color: #606060;
}

.mainsearch .buttonrow a {
	text-decoration: none;
}

.mainsearch #searchbuttons {
	float: right;
	color: #606060;
	line-height: 36px;
	padding: 20px;
}

.mainsearch #searchbuttons a,
.mainsearch #searchbuttons span {
	line-height: 36px;
	margin: 0 10px;
	font-size: 13px;
	color: #303030;
	text-decoration: none;
	vertical-align: top;
}

.mainsearch #searchbuttons a:last-child {
	margin-right: 0;
}

.mainsearch #searchbuttons span.fa {
	color: #303030;
	margin: 0 10px 0 0;
	line-height: inherit;
	font-size: 16px;
	vertical-align: top;
}

.mainsearch #searchbuttons span,
.mainsearch #searchbuttons span.linkdisabled span.fa {
	color: #a0a0a0;
}


#mainsearchoverlay {
	position: absolute;
	width: 100%;
	padding: 24px 24px 36px 24px;
	background: #fff;
	letter-spacing: -1em;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	z-index: 80;
}

#mainsearchoverlaycontents {
	position: relative;
}

#mainsearchoverlay h6 {
	letter-spacing: 0;
	line-height: 32px;
	font-size: 15px;
	font-weight: normal;
	color: #4b87c6;
	border-bottom: 1px solid #4b87c6;
}

#mainsearchoverlay a,
#mainsearchoverlay p,
#mainsearchoverlay .no-link {
	border-bottom: 1px solid #E0E0E0;
	color: #303030;
	display: inline-block;
	font-size: 13px;
	letter-spacing: 0;
	line-height: 17px;
	padding: 9px 0 8px;
	text-decoration: none;
	width: 100%;
	position: relative;
}

#mainsearchoverlay a:last-child,
#mainsearchoverlay p:last-child {
	border-bottom: 0 none;
}

#mainsearchoverlay p {
	font-style: italic;
	color: #bbb;
}

#mainsearchoverlay .block {
	display: inline-block;
	width: 30%;
	margin-right: 54px;
	vertical-align: top;
}

#mainsearchoverlay .block.half {
	width: 15%;
}

#mainsearchoverlay .line-1,
#mainsearchoverlay .line-2 {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#mainsearchoverlay .line-2 {
	color: #b0b0b0;
}

#mainsearchoverlay a:hover:after {
	content: '\f105';
	display: block;
	line-height: 28px;
	right: 0;
	top: 50%;
	margin: -14px 0 0;
	color: inherit;
	font-size: 21px;
	position: absolute;
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
}

#mainsearchoverlay a:hover .line-2 {
	color: inherit;
}

#mainsearchoverlay .fullsearch {
	border-top: 1px solid #4b87c6;
	margin: 24px 0 0;
}

#mainsearchoverlay .fullsearch a {
	width: auto;
	border: 0;
	line-height: 42px;
}

#mainsearchoverlay .fullsearch a,
#mainsearchoverlay .close {
	color: #606060;
}

#mainsearchoverlay .fullsearch span,
#mainsearchoverlay .close span {
	font-size: 17px;
	margin: 0 6px 0 0;
	vertical-align: top;
}

#mainsearchoverlay .close {
	position: absolute;
	right: 0;
	top: 0;
	letter-spacing: 0;
	font-size: 12px;
}

#mainsearchoverlay .close,
#mainsearchoverlay .close span {
	cursor: pointer;
}

/* Navigation 

nav, #menucontainer {
    font-weight: normal;
    padding: 0; 
    width: 714px;
    float: left;  
    background: url(/content/themes/base/images/logoheader.png) no-repeat left 10px transparent;
}
nav ul, 
#menucontainer ul {
    list-style-type: none;
    height: 60px;
    background: url(/content/themes/base/images/nav-divider-i.png) no-repeat left top transparent;
    margin: 0 0 0 128px;
}
nav li, 
#menucontainer li {
    float: left;
    height: 60px;
    background: url(/content/themes/base/images/nav-divider-i.png) no-repeat right top transparent;
}
nav li a, 
#menucontainer li a {
    display: block;
    line-height: 26px;
    padding: 28px 0 5px;
    text-align: center;
    width: 72px;
    margin: 1px 0 0;
    text-decoration: none;
    font-size: 11px;
    color: #f0f0f0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
    opacity: 0.9;
    background-repeat: no-repeat;
    background-position: center 8px;
    background-color: transparent;
    
}    

nav a.processes,
#menucontainer a.processes {
    background-image: url(/content/themes/base/images/nav-processes-i.png);
}
nav a.models,
#menucontainer a.models {
    background-image: url("/content/themes/base/images/nav-models-i.png");
}
nav a.customers,
#menucontainer a.customers {
    background-image: url("/content/themes/base/images/nav-customers-i.png");
}
nav a.sites,
#menucontainer a.sites {
    background-image: url("/content/themes/base/images/nav-sites-i.png");
}
nav a.franchisees,
#menucontainer a.franchisees {
    background-image: url("/content/themes/base/images/nav-franchisees-i.png");
}
nav a.users,
#menucontainer a.users {
    background-image: url("/content/themes/base/images/nav-users-i.png");
}
nav a.technicians,
#menucontainer a.technicians {
    background-image: url("/content/themes/base/images/nav-technicians-i.png");
}
nav a.reporting,
#menucontainer a.reporting {
    background-image: url("/content/themes/base/images/nav-reporting-i.png");
}
nav a.advanced,
#menucontainer a.advanced {
    background-image: url(/content/themes/base/images/nav-advanced-i.png);
}
nav a.search,
#menucontainer a.search {
    background-image: url(/content/themes/base/images/nav-search-i.png);
}

*/
/* Navigation disabled

nav li span, 
#menucontainer li span {
    display: block;
    line-height: 26px;
    padding: 28px 0 0;
    text-align: center;
    width: 72px;
    margin: 1px 0 0;
    text-decoration: none;
    font-size: 11px;
    color: #f0f0f0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
    opacity: 0.45;
}    
nav span.processes,
#menucontainer span.processes {
    background: url(/content/themes/base/images/nav-processes-i.png) no-repeat scroll center 8px transparent;
}
nav span.models,
#menucontainer span.models {
    background: url("/content/themes/base/images/nav-models-i.png") no-repeat scroll center 8px transparent;
}
nav span.customers,
#menucontainer span.customers {
    background: url("/content/themes/base/images/nav-customers-i.png") no-repeat scroll center 8px transparent;
}
nav span.sites,
#menucontainer span.sites {
    background: url("/content/themes/base/images/nav-sites-i.png") no-repeat scroll center 8px transparent;
}
nav span.franchisees,
#menucontainer span.franchisees {
    background: url("/content/themes/base/images/nav-franchisees-i.png") no-repeat scroll center 8px transparent;
}
nav span.users,
#menucontainer span.users {
    background: url("/content/themes/base/images/nav-users-i.png") no-repeat scroll center 8px transparent;
}
nav span.technicians,
#menucontainer span.technicians {
    background: url("/content/themes/base/images/nav-technicians-i.png") no-repeat scroll center 8px transparent;
}
nav span.reporting,
#menucontainer span.reporting {
    background: url("/content/themes/base/images/nav-reporting-i.png") no-repeat scroll center 8px transparent;
}
nav span.advanced,
#menucontainer span.advanced {
    background: url(/content/themes/base/images/nav-advanced-i.png) no-repeat scroll center 8px transparent;
}
nav span.search,
#menucontainer span.search {
    background: url(/content/themes/base/images/nav-search-i.png) no-repeat scroll center 8px transparent;
}
*/

/* Main */

#mainwrap {
	font-weight: normal;
	margin: 0 auto;
	padding: 20px;
}

#main {
	display: block;
}

/* Footer */

footer {
	padding: 0 20px;
}

footer .debug {
	font-size: 11px;
	line-height: 14px;
	color: #a0a0a0;
}

/* Search */

#main #search {
	width: 50%;
	float: left;
}

#main #search div.editor-field {
	margin: 0 0 8px;
}

#main #search div.editor-field input {
	width: 100%;
}

#main #search p.buttonrow {
	height: 36px;
}

#main #search p.buttonrow input {
	height: 36px;
	line-height: 36px;
}

/*
#main #searchbuttons
{
    width: 40%;
    padding: 24px;
    float: right;    
}
#main #searchbuttons li {
    display: table;
    margin: 0 0 0 10px;
    background: #E9E9E0;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
    border-radius: 2px;
    width: 47%;
    float: right;
}
#main #searchbuttons li a,
#main #searchbuttons li span {
    color: #303030;
    display: table-cell;
    font-size: 14px;
    font-weight: normal;
    height: 75px;
    line-height: 18px;
    padding: 0 50px;
    text-decoration: none;
    text-indent: 0;
    vertical-align: middle;
    width: 100%;
}
#main #searchbuttons li a.newstockitem, 
#main #searchbuttons li span.newstockitem {
    background: url(/content/themes/base/images/button-newstockitem.png) no-repeat 10px center;
}
#main #searchbuttons li a.initiateplacement,
#main #searchbuttons li span.initiateplacement {
    background: url(/content/themes/base/images/button-initiateplacement.png) no-repeat 10px center;
}
#main #searchbuttons li span.linkdisabled {
    opacity: 0.5; 
}
*/

/* Sidebar */

#sidebar {
	float: left;
	width: 23%;
}

#sidebar .module {
	width: 100%;
	margin: 0 10px 5px 0;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
	border-radius: 3px 3px 3px 3px;
	background: #fff;
}

.has-sidebar {
	float: right;
	width: 77%;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Buttons */

#sidebar .module .inner {
	padding: 15px;
}

#sidebar .module.buttons {
	border: none;
	width: 100%;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.15);
	padding: 15px 0;
	margin: 10px 0;
}

#sidebar .module.buttons h2 {
	background: none;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	padding: 4px 15px 8px;
	text-indent: 0;
	color: #3b3b3b;
	height: initial;
}

#sidebar .module.buttons li {
	display: block;
	margin: 0;
	/*background: #E9E9E0;*/
	/*border: 1px solid #C9C9BF; */
	/*border-radius: 2px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.15);*/
}

#sidebar .module.buttons li a {
	display: inline-block;
	line-height: 39px;
	text-indent: 50px;
	font-size: 13px;
	color: #3b3b3b;
	text-decoration: none;
	/*text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    border-top: 1px solid #fff;*/
}

#sidebar .module.buttons li a.newstockitem {
	background: url(/content/themes/base/images/button-newstockitem.png) no-repeat 10px 7px;
}

#sidebar .module.buttons li a.initiateplacement {
	background: url(/content/themes/base/images/button-initiateplacement.png) no-repeat 10px 7px;
}

#sidebar .module.buttons li a.pickup {
	background: url(/content/themes/base/images/button-pickup.png) no-repeat 10px 7px;
}

#sidebar .module.buttons li a.selfplacement {
	background: url(/content/themes/base/images/button-selfplacement.png) no-repeat 10px 7px;
}

#sidebar .module.buttons li a.repair {
	background: url(/content/themes/base/images/button-repair.png) no-repeat 10px 7px;
}

#sidebar .module.buttons li a.recordmaintenance {
	background: url(/content/themes/base/images/button-recordmaintenance.png) no-repeat 10px 7px;
}

#sidebar .module.buttons li a.sell {
	background: url(/content/themes/base/images/button-sell.png) no-repeat 15px 7px;
}

#sidebar .module.buttons li a.dump {
	background: url(/content/themes/base/images/button-dump.png) no-repeat 10px 7px;
}

#sidebar .module.buttons li a.delete {
	background: url(/content/themes/base/images/button-delete.png) no-repeat 17px 7px;
}

/* Disabled Buttons */

#sidebar .module.buttons li span {
	display: block;
	width: 200px;
	line-height: 59px;
	text-indent: 50px;
	font-size: 13px;
	color: #303030;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	border-top: 1px solid #fff;
	opacity: 0.5;
}

#sidebar .module.buttons li span.newstockitem {
	background: url(/content/themes/base/images/button-newstockitem.png) no-repeat 10px 17px;
}

#sidebar .module.buttons li span.initiateplacement {
	background: url(/content/themes/base/images/button-initiateplacement.png) no-repeat 10px 17px;
}

#sidebar .module.buttons li span.pickup {
	background: url(/content/themes/base/images/button-pickup.png) no-repeat 10px 17px;
}

#sidebar .module.buttons li span.repair {
	background: url(/content/themes/base/images/button-repair.png) no-repeat 10px 17px;
}

#sidebar .module.buttons li span.recordmaintenance {
	background: url(/content/themes/base/images/button-recordmaintenance.png) no-repeat 10px 17px;
}

/* Search */

#sidebar .module #search {
	background: #fff;
}

#sidebar .module #search .inner {
	padding: 20px;
}

#sidebar .module #search .editor-field input {
	font-size: 15px;
	margin: 0 0 10px 0;
}

#sidebar .module #search p {
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 7px 0;
	color: #303030;
}

#sidebar .module #search p.buttonrow {
	margin: 0 0 3px 0;
}

#sidebar .module #search div.savedsearch {
	border-top: 1px solid #E0E0E0;
	margin: 10px 0 0;
}

#sidebar .module #search div.savedsearch a {
	font-size: 11px;
	line-height: 13px;
	color: #303030;
	text-decoration: none;
}

#sidebar #activity li {
	border-top: 1px solid #E0E0E0;
	padding: 5px 0 0;
	margin: 5px 0 0;
}

#sidebar #activity li:first-child {
	border-top: none;
	padding: 0;
	margin: 0;
}

#sidebar #activity li p {
	font-size: 11px;
	line-height: 15px;
	color: #3b3b3b;
}

#sidebar #activity li p.user {
	font-weight: bold;
}

/* Modules */

#main div.module {
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
	/*overflow: auto;*/
	/*
    border: 1px solid #C9C9BF; 
    border-radius: 3px 3px 3px 3px;
    background: #fff;  
*/
}

#main div.module:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#main div.module.wide {
	margin: 0;
}

#main div.module.bottommargin {
	margin-bottom: 10px;
}

div.module div.inner {
	padding: 24px;
	overflow-x: auto;
	overflow-y: hidden;
}
/*
div.module h2 {
    background: none repeat scroll 0 0 #4b87c6;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    line-height: 48px;
    text-indent: 24px;
}
div.module h2 a {
    float: right;
    width: 120px;
    height: 48px;
    line-height: 48px;
    border-left: 1px solid #C9C9BF;
    text-align: center;
    font-size: 11px;
    text-decoration: none;
    text-indent: 0;
    color: #fff;
    cursor: pointer;
}
div.module h2 a.exit {
    width: 48px;
    background: url(/content/themes/base/images/module-exit.png) no-repeat center center transparent;
    opacity: 0.7;
}
*/

div.module h2 {
	background: none repeat scroll 0 0 #E9E9E0;
	color: #606060;
	font-size: 16px;
	font-weight: normal;
	height: 48px;
	line-height: 48px;
	text-indent: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.module h2 a {
	float: right;
	/*width: 120px;*/
	height: 48px;
	line-height: 48px;
	border-left: 1px solid #C9C9BF;
	text-align: center;
	font-size: 11px;
	text-decoration: none;
	text-indent: 0;
	color: #3b3b3b;
	cursor: pointer;
	padding: 0 24px;
}

div.module h2 a:last-child {
	margin-left: 24px;
}

div.module h2 a.exit {
	width: 48px;
	padding: 0;
	/*background: url(/content/themes/base/images/module-exit.png) no-repeat center center transparent;
	opacity: 0.7;*/
}

div.module h2 a.exit:after {
	display: inline-block;
	vertical-align: top;
	content: '\f00d';
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	font-size: 18px;
	color: #606060;
}

div.module h2 img.partnerlogo {
	display: block;
	float: right;
	margin: 17px 24px 0 0;
}

div.module h3 {
	color: #3b3b3b;
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
	text-transform: uppercase;
	/*word-break: break-all;*/
}

div.module h4 {
	border-bottom: 1px solid #E0E0E0;
	color: #303030;
	font-size: 15px;
	font-weight: normal;
	line-height: 15px;
	margin: 4px 0 20px;
	padding: 0 0 4px;
}

div.module h5 {
	border-bottom: 1px solid #E0E0E0;
	color: #303030;
	font-size: 15px;
	font-weight: normal;
	line-height: 23px;
	margin: 4px 0 20px;
	padding: 0 0 4px;
}

div.module span.headersearch {
	display: block;
	float: right;
	height: 48px;
	border-left: 1px solid #C9C9BF;
}

div.module span.headersearchinput {
	display: block;
	background: none repeat scroll 0 0 #FBFBFB;
	border: 1px solid #E0E0E0;
	box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
	color: #303030;
	font-size: 13px;
	line-height: 1em;
	margin: 12px 10px 0;
	outline: medium none;
	overflow: hidden;
	width: 152px;
}

div.module span.headersearchinput input#searchstring,
div.module span.headersearchinput input#SearchTerm {
	border: 0;
	background: transparent;
	float: left;
	margin: 0 3px;
	padding: 3px 0;
	width: 80%;
}

div.module span.headersearchinput input.headersearchsubmit {
	border: 0 none;
	float: right;
	height: 22px;
	padding: 0;
	width: 22px;
	background: url(/content/themes/base/images/headersearch-submit.png) no-repeat 3px center;
	opacity: 0.7;
	cursor: pointer;
}

#main div.snapshotpanel h3 {
	background: none repeat scroll 0 0 transparent;
	color: #3B3B3B;
	font-size: 22px;
	font-weight: bold;
	line-height: 27px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	word-break: break-all;
}

#main div.snapshotpanel h5 {
	border-bottom: 1px solid #E0E0E0;
	color: #303030;
	font-size: 15px;
	font-weight: normal;
	line-height: 23px;
	margin: 16px 0 0;
	padding: 0 0 4px;
}

#main div.snapshotpanel h3 a {
	color: #4b87c6;
}

#main div.validation-summary-errors {
	border-color: #ac4242;
	background-color: #ac4242;
	background-image: url(/content/themes/base/images/dialog-error-metro2.png);
	margin: 0 0 20px 0;
	padding: 10px 10px 10px 42px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	text-indent: 0;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 0 none;
	line-height: 18px;
	text-shadow: none;
	text-transform: none;
	background-repeat: no-repeat;
	background-position: 6px center;
	color: #fff;
	border-radius: 2px;
}

#main div.validation-summary-errors ul,
#main div.validation-summary-errors li {
	margin: 0;
	padding: 0;
}

#main div.validation-summary-errors li {
	font-size: inherit;
	text-indent: inherit;
}

#main h3.error li,
#main h3.warning li,
#main div.validation-summary-errors li {
	background: none;
}

/* Inline alerts */

#main h3.error,
#main h3.warning,
#main h3.message,
#main h3.success,
#main h3.fyi {
	background-color: transparent;
	margin: 0 0 24px 0;
	padding: 8px 0;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	line-height: 18px;
	text-shadow: none;
	text-transform: none;
	color: #606060;
	word-break: normal;
	word-wrap: normal;
	height: auto;
}

#main h3.error:before,
#main h3.warning:before,
#main h3.message:before,
#main h3.success:before,
#main h3.fyi:before {
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	background: #4b87c6;
	color: #fff;
	text-align: center;
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	margin: -8px 10px 10px 0;
	font-size: 14px;
	float: left;
	border-radius: 50%;
}

#main h3.error.center,
#main h3.warning.center,
#main h3.message.center,
#main h3.success.center,
#main h3.fyi.center {
	text-align: center;
}

#main h3.error.center:before,
#main h3.warning.center:before,
#main h3.message.center:before,
#main h3.success.center:before,
#main h3.fyi.center:before {
	float: none;
	margin: -8px auto 10px auto;
}

#main h3 a {
	color: inherit;
}

#main h3.error {
	color: #ca4a3d;
}

#main h3.error:before {
	content: "\f071";
	background-color: #d56e64;
}

#main h3.fyi {
	color: #c172be;
}

#main h3.fyi:before {
	content: "\f005";
	background-color: #c172be;
}

#main h3.warning {
	color: #e5b134;
}

#main h3.warning:before {
	content: "\f071";
	background-color: #eac15d;
}

#main h3.message {
	color: #4b87c6;
}

#main h3.message:before {
	content: "\f075";
	background-color: #6f9fd1;
}

#main h3.success {
	color: #70ae47;
}

#main h3.success:before {
	content: "\f00c";
	background-color: #8dbe6c;
}

/*
#main h3.error,
#main h3.warning,
#main h3.message,
#main h3.success,
#main h3.fyi,
#main div.validation-summary-errors {
    background-color: inherit;
    margin: 0 0 20px 0;
    padding: 10px 10px 10px 42px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    text-indent: 0;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 0 none;
    line-height: 18px;
    text-shadow: none;
    text-transform: none;
    background-repeat: no-repeat;
    background-position: 6px center; 
    color: #fff;   
    border-radius: 2px;
}
#main h3 a {
    color: #fff;   
}
#main div.validation-summary-errors ul, 
#main div.validation-summary-errors li {
    margin: 0;
    padding: 0;    
}
#main div.validation-summary-errors li {
    font-size: inherit;
    text-indent: inherit;    
}
#main h3.error,
#main div.validation-summary-errors {
    border-color: #ac4242;
    background-color: #ac4242;
    background-image: url(/content/themes/base/images/dialog-error-metro2.png);
}
#main h3.fyi {
    border-color: #c49fd1;
    background-color: #c49fd1;
    background-image: url(/content/themes/base/images/dialog-fyi-metro2.png);
}
#main h3.warning {
    border-color: #55aca8;
    background-color: #55aca8;
    background-image: url(/content/themes/base/images/dialog-warning-metro2.png);
}
#main h3.error li,
#main h3.warning li,
#main div.validation-summary-errors li {
    background: none;
}
#main h3.message {
    border-color: #4b87c6;
    background-color: #4b87c6;
    background-image: url(/content/themes/base/images/dialog-message-metro2.png);
}
#main h3.success {
    border-color: #77ac55;
    background-color: #77ac55;
    background-image: url(/content/themes/base/images/dialog-success-metro2.png);
}
#main h3.message.home,
#main h3.warning.home,
#main h3.error.home,
#main h3.success.home {
    margin-bottom: 24px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
*/

/* Submodules */

#main div.submodule {
	margin: 36px 0 0;
}

#main div.submodule.first {
	margin: 0;
}

#main div.submodule h2 {
	border: 0 none;
	color: #4b87c6;
	font-size: 15px;
	font-weight: normal;
	line-height: 33px;
	margin: 0;
	text-indent: 10px;
	border-bottom: 1px solid #4b87c6;
	background: none;
	height: unset;
}

#main div.submodule div.inner {
	background: transparent;
	padding: 0;
}

#main div.submodule div.inner .inner {
	border-radius: 0;
	padding: 0;
	background: transparent;
}

#main div.submodule h2 a {
	float: right;
	padding: 0 10px;
	margin: 0 10px 0 0;
	height: 25px;
	line-height: 25px;
	border: 0;
	text-align: center;
	font-size: 11px;
	text-decoration: none;
	text-indent: 0;
	color: inherit;
	cursor: pointer;
	background: #e9e9e0;
	width: auto;
}

/*
#main div.submodule h2 {
    background: none repeat scroll 0 0 #303030;
    border: 0 none;
    border-radius: 2px;
    color: #F0F0F0;
    font-size: 14px;
    font-weight: normal;
    line-height: 33px;
    margin: 0 0 2px;
    text-indent: 21px;
}
#main div.submodule div.inner {
    background: #E9E9E0;
    border-radius: 2px;
    padding: 12px;
}
#main div.submodule div.inner .inner {
    border-radius: 0;
    padding: 0;
    background: transparent;
}
#main div.submodule h2 a {
    float: right;
    width: 20%;
    height: 33px;
    line-height: 33px;
    border: 0;
    text-align: center;
    font-size: 11px;
    text-decoration: none;
    text-indent: 0;
    color: #f0f0f0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
    background: url("/content/themes/base/images/nav-divider-i.png") no-repeat scroll left top transparent;
}
*/

/*
#main div.submodule a.text {
    width: 170px;    
}
*/
#main div.submodule div.inner h6 {
	color: #707070;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	padding: 0 0 4px;
}

#main div.submodule div.defaultcharges a.text {
	width: 260px;
}

#main div.submodule div.headerform {
	background: #edf3f9;
	margin: 0 0 10px;
	padding: 12px;
}

#main div.submodule div.headerform form {
}

/*#main div.submodule div.headerform div.editor-field,
#main div.submodule div.headerform div.editor-dropdown,
#main div.submodule div.headerform div.editor-label {
	width: 60%;
	min-width: 100px;
}*/

#main div.submodule div.headerform div.editor-field {
	margin: 0 0 10px 0;
	background: #fff;
	border: 0 none;
}

#main div.submodule div.headerform div.editor-label label {
	color: #606060;
}

#main div.submodule div.headerform input.submit {
	border: 0;
	font-size: 13px;
	background: #4b87c6;
	color: #fff;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-family: inherit;
	cursor: pointer;
	margin: 0;
}

#main div.submodule div.headerform input.ui-autocomplete-input {
	height: 30px;
	line-height: 30px;
}

/* V2 - General */

div.module .v2 * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

div.module .v2 div.inner {
	padding: 32px;
}

div.module .v2 .validationresults {
	margin: 24px 0;
}

div.module .v2 .validationresults p {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	color: #ca4a3d;
}

#main div.module .v2 .validationresults ul {
	margin: 14px 0;
	padding: 0;
	list-style-type: none;
}

#main div.module .v2 .validationresults ul ul {
	margin: 0 14px 14px 14px;
	list-style-type: disc;
}

#main div.module .v2 .validationresults li {
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;
}

#main div.module .v2 .validationresults li li {
	font-weight: normal;
}

div.module .v2 h3 {
	background: none;
	padding: 0;
	border: 0 none;
	border-radius: 0;
	color: #303030;
	font-size: 17px;
	font-weight: bold;
	line-height: 28px;
	margin: 0 0 8px;
	text-transform: none;
}

div.module .v2 h3 span.fa {
	background: #303030;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	line-height: inherit;
	margin: 0 5px 0 0;
	text-align: center;
	vertical-align: top;
	width: 28px;
}

div.module .v2 .h3-subtitle {
	font-size: 15px;
	line-height: 19px;
	color: #777;
	margin: 0 0 24px;
}

div.module .v2 .col,
div.module .v2 .col.bottommargin {
	margin: 0 0 32px;
	float: none;
}

div.module .v2 p.buttonrow {
	margin: 0;
	padding: 0;
	border-top: 0 none;
	height: auto;
}

div.module .v2 p.buttonrow:after {
	display: block;
	content: ".";
	height: 0;
	overflow: hidden;
	clear: both;
}

div.module .v2 p.buttonrow .right {
	float: right;
}

div.module .v2 div.selectgroup .actions {
	margin: 0 0 16px;
	color: #b0b0b0;
}

div.module .v2 div.selectgroup .actions a {
	font-size: 12px;
	font-weight: bold;
	line-height: 23px;
	padding: 0;
	cursor: pointer;
}

div.module .v2 div.selectrow {
	border: 0 none;
	color: #3B3B3B;
	cursor: pointer;
	padding: 0;
	margin: 0 0 8px;
}

div.module .v2 .checkbox-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 18px 0px 10px;
}

div.module .v2 .checkbox-group.two-up .selectrow {
	width: calc(50% - 16px);
}

div.module .v2 .checkbox-group.three-up .selectrow {
	width: calc(33.3333% - 16px);
}

div.module .v2 .checkbox-group.four-up .selectrow {
	width: calc(25% - 16px);
}

#main div.module .v2 div.editor-label {
}

#main div.module .v2 .col ul {
	list-style-type: disc;
	margin: 0 20px;
	padding: 0;
}

#main div.module .v2 .col li {
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 4px 0;
}

#main div.module .v2 div.editor-field input,
#main div.module .v2 div.editor-date input,
#main div.module .v2 div.editor-daterange input,
#main div.module .v2 div.editor-time input,
#main div.module .v2 div.search-value input {
	font-family: inherit;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	-moz-appearance: textfield;
}

#main div.module .v2 div.editor-field input::placeholder,
#main div.module .v2 div.editor-date input::placeholder,
#main div.module .v2 div.editor-daterange input::placeholder,
#main div.module .v2 div.editor-time input::placeholder,
#main div.module .v2 div.search-value input::placeholder {
	color: inherit;
	opacity: 0.55;
}

#main div.module .v2 div.editor-static {
	font-family: inherit;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}

div.module .v2 table td {
	border: 0 none;
	color: #3B3B3B;
	font-size: 13px;
	line-height: 19px;
	overflow: hidden;
	padding: 8px 20px 8px 0;
	text-decoration: none;
	vertical-align: top;
	width: auto;
	word-break: normal;
}

div.module .v2 table.portal-order-details {
	width: auto;
}

div.module .v2 table.portal-order-details tr {
	border: 0 none;
}

div .module .v2 table.portal-order-details td {
	border: 0 none;
	color: #303030;
	font-size: 13px;
	line-height: 19px;
	overflow: hidden;
	padding: 4px 40px 4px 0;
	text-decoration: none;
	vertical-align: top;
	width: auto;
	word-break: normal;
}

div .module .v2 table.portal-order-details td:first-child {
	color: #777;
}

div .module .v2 .availablestock {
	margin: 32px 0 0;
}

div.module .v2 div.snapshotpanel div.image {
	margin: 24px 0;
	padding: 0;
}

#main div.module .v2 .advancedactions {
	background: none repeat scroll 0 0 #f9f9f9;
	border: 0 none;
	border-radius: 0;
	margin: 32px;
	padding: 0;
	width: 25%;
}

#main div.module .v2 .advancedactions h4 {
	border-bottom: 0 none;
	color: #b0b0b0;
	font-size: 17px;
	font-weight: bold;
	line-height: 23px;
	margin: 4px 0 20px;
	padding: 0 0 4px;
}

#main div.module .v2 .columns {
	margin: 0 0 0 -32px;
	letter-spacing: -1em;
}

#main div.module .v2 form .columns {
	margin-bottom: 32px;
}

#main div.module .v2 .columns .col {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0 0 0 32px;
	letter-spacing: 0;
}

#main div.module .v2 .columns .col.join-above {
	margin: 10px 0 0;
}

#main div.module .v2 .columns .col.half {
	width: 50%;
}

#main div.module .v2 .columns .col.third {
	width: 33.3333%;
}

#main div.module .v2 .columns .col.two-thirds {
	width: 66.6667%;
}

#main div.module .v2 .columns .col.quarter {
	width: 25%;
}

#main div.module .v2 .columns .col.fifth {
	width: 20%;
}

/* Field Parts */

#main div.module .v2 .parts {
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
}

#main div.module .v2 .parts .part {
	display: table-cell;
	vertical-align: top;
	padding: 0 5px 0 5px;
}

#main div.module .v2 .parts .part:first-child {
	padding-left: 0;
}

#main div.module .v2 .parts .part:last-child {
	padding-right: 0;
}

#main div.module .v2 .parts .part.join-small {
	width: 32px;
	white-space: nowrap;
	text-align: center;
	color: #777;
	font-size: 12px;
	font-weight: bold;
}

#main div.module .v2 .parts .part.checkbox {
	width: 37px;
}

#main div.module .v2 .parts .part .text-action {
	font-size: 13px;
	line-height: 32px;
	font-weight: normal;
	cursor: pointer;
}

#main div.module .v2 .removing-message {
	font-size: 13px;
	line-height: 32px;
	font-weight: normal;
	color: #a0a0a0;
	font-style: italic;
	margin: 0 0 10px;
}

/* Tool form - v2 */

div.module #tools.v2 div.inner {
	overflow: visible;
	padding: 0;
	display: table;
	width: 100%;
	table-layout: fixed;
}

div.module #tools.v2 div.form {
	padding: 32px;
	margin: 0;
	border: 0 none;
}

div.module #tools.v2 div.form .fieldset {
	margin: 0 0 32px;
}

div.module #tools.v2 div.toolform {
	display: table-cell;
	width: auto;
	padding: 32px;
	margin: 0;
	border: 0 none;
	vertical-align: top;
}

div.module #tools.v2 div.toolform.fullwidth {
	width: 100%;
}

div.module #tools.v2 div.snapshotpanel {
	display: table-cell;
	/*width: 40%;*/
	width: 370px;
	padding: 32px;
	margin: 0;
	border: 0 none;
	background: #f9f9f9;
	border-radius: 0;
	float: none;
	vertical-align: top;
}

div.module #tools.v2 div.snapshotpanel.sticky .inner {
	position: fixed;
	width: 306px;
	top: 67px;
}

#main .external-request-link {
	font-size: 13px;
	color: #777;
}

#main .external-request-link a {
	font-weight: normal;
	color: inherit;
	cursor: pointer;
}

/* Datalist */

div.datalist {
	/*border: 1px solid #BBBBBB; */
	margin: 10px 0 0;
}

div.datalist.first,
div.datalist:first-child {
	margin: 0;
}

div.datalist div.row {
	height: 32px;
	overflow: hidden;
	clear: both;
	background: #fff;
	border-top: 1px solid #E0E0E0;
}

div.datalist div.row:first-child {
	border-top: 0 none;
}
/*
div.datalist div.row:nth-child(even) {
     background: #f5f5f5;
}*/
div.datalist div.datalabel {
	color: #303030;
	float: left;
	font-size: 13px;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	text-indent: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 120px;
}

div.datalist div.datatext {
	float: left;
	width: 185px;
	height: 32px;
	line-height: 32px;
	font-size: 13px;
	font-weight: bold;
	color: #303030;
}

div.datalist div.datatext .no-value {
	font-weight: normal;
	font-style: italic;
	color: #a0a0a0;
}

#main div.datalist div.datatext .download-link {
	font-weight: normal;
}

#main div.datalist div.datatext .download-link a {
	text-decoration: underline;
	font-weight: normal;
}

#main div.datalist div.datatext .download-link:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	font-size: 11px;
	color: #a0a0a0;
	content: '\f08e';
	margin: 0 0 0 6px;
	display: inline-block;
	vertical-align: middle;
}

div.datalist p.noresults {
	color: #a0a0a0;
	font-size: 13px;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	text-indent: 10px;
	font-style: italic;
}

#main p.noresults a {
	color: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-decoration: underline;
}

div.datalist.wide div.datatext {
	width: 529px;
}
/* Specific column widths */
div.datalist.labelwidth-half div.datalabel {
	width: 50%;
}

div.datalist.labelwidth-half div.datatext {
	width: 48%;
}

div.datalist.labelwidth-third div.datalabel {
	width: 33%;
}

div.datalist.labelwidth-third div.datatext {
	width: 65%;
}

div.datalistmini {
	background: url("/content/themes/base/images/datagridmini-bg.png") repeat scroll 0 0 transparent;
	clear: both;
}

div.datalistmini div.row {
	text-indent: 0;
	height: 15px;
	overflow: hidden;
}
/*
div.datalistmini div.row:first-child {    
    margin: 0;
    border-top: 1px dotted #bbb;
}
*/
div.datalistmini div.datalabel {
	float: left;
	width: 110px;
	height: 15px;
	line-height: 15px;
	font-size: 11px;
	color: #303030;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.datalistmini div.datatext {
	float: left;
	width: 162px;
	height: 15px;
	line-height: 15px;
	text-indent: 10px;
	font-size: 11px;
	color: #303030;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* border-left: 1px dotted #bbb; */
}

div.datalistmini div.row.free {
	height: auto;
	overflow: visible;
}

div.datalistmini div.row.free div.datatext {
	height: auto;
}

div.datalistmini div.row.free ul {
}

#main div.datalistmini div.row.free li {
	text-indent: 10px;
	font-size: 11px;
	line-height: 15px;
}

/* Datalist - Large */

.datalist.large {
}

.datalist.large .row {
	height: 42px;
	line-height: 42px;
	position: relative;
}

.datalist.large .datalabel {
	height: inherit;
	line-height: inherit;
	font-size: 13px;
	width: 25%;
}

.datalist.large .datatext {
	height: inherit;
	line-height: inherit;
	float: none;
	margin: 0 0 0 30%;
	border: 0 none;
	width: auto;
}

.datalist.large .actions {
	float: none;
	position: absolute;
	top: 0;
	right: 0;
}

.datalist.large .actions a {
	line-height: 32px;
	font-size: 13px;
	background: #E9E9E0;
	color: #303030;
	display: block;
	float: right;
	margin: 3px 0 0 10px;
	padding: 0 10px;
	text-indent: 0;
}

#main .datalist.large .datatext input.ui-autocomplete-input {
	margin: 0;
}

/* Select row */

div.selectrow {
	border-top: 1px solid #E0E0E0;
	color: #3B3B3B;
	padding: 4px 0;
	cursor: pointer;
}

div.selectrow:first-child {
	border: 0;
}

div.selectrow div.cb {
	float: left;
	height: 32px;
	margin: 0 10px 0 0;
	width: 32px;
}

#main div.selectrow p {
	line-height: 32px;
	font-size: 14px;
	margin-left: 42px;
}

#main div.editor-field div.selectrow p {
	background: transparent;
	line-height: 32px;
}

#main div.selectrow p span {
	color: #3B3B3B;
	display: block;
	font-size: 17px;
	font-weight: bold;
	line-height: 32px;
}

#main div.selectrow p span.single {
	color: #3B3B3B;
	font-size: 14px;
	font-weight: normal;
	line-height: 32px;
}

#main div.selectrow p span.sub {
	color: #A0A0A0;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	text-transform: uppercase;
}

#main div.selectrow p span.line1 {
	color: #3B3B3B;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
}

#main div.selectrow p span.line2 {
	color: #A0A0A0;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	text-transform: uppercase;
}

#main .toolform h4 {
	/*color: #BBBBBB;*/
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	margin: 24px 0 8px;
	padding: 0;
	border: 0 none;
}

#main .toolform h4.sub {
	color: #3b3b3b;
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
	margin: 16px 0 10px;
	padding: 0;
	border: 0 none;
}

#main .toolform .editor-field.naked {
	border: 0 none;
	box-shadow: none;
	margin: 4px 0 0;
}

#main div.selectrow div.vm {
	float: right;
	padding: 4px 0 0;
}

/* Use inside form field */

div.editor-field div.selectrow {
	padding: 7px;
	border-top: 0 none;
	border-bottom: 1px dotted #e0e0e0;
}

#main div.editor-field div.selectrow input {
	width: auto;
}

div.editor-field.columns div.selectrow {
	width: 33.3333%;
	float: left;
}

/* DataLabelValuePair */

div.datalabelpair {
	width: 934px;
}

div.datalabelpair .item {
	width: 211px;
	height: 36px;
	margin: 0 22px 3px 0;
	background: #E9E9E0;
	float: left;
	overflow: hidden;
}

div.datalabelpair .item .label {
	float: left;
	margin: 0 0 0 10px;
	padding: 6px 0 0;
	width: 119px;
}

div.datalabelpair .item .label span {
	width: 119px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 12px;
	font-size: 11px;
	display: block;
}

div.datalabelpair .item .label span:first-child {
	font-weight: bold;
}

div.datalabelpair .item .data {
	width: 60px;
	height: 36px;
	line-height: 36px;
	float: left;
	font-size: 11px;
	margin: 0 0 0 12px;
}

div.datalabelpair .item .data input {
	height: 26px;
	line-height: 26px;
	width: 58px;
	text-align: right;
	padding: 0 6px 0 0;
	border: 0;
	margin: 4px 0 0;
	float: right;
	border: 1px solid #C9C9BF;
	border-radius: 2px;
}

/* Contract Rates */

#termselector {
	width: 180px;
	float: left;
}

#main #termselector li {
	background: url("/content/themes/base/images/bullet-arrowsolid.png") no-repeat scroll 0 center transparent;
	line-height: 26px;
	padding: 0 0 0 10px;
	text-indent: 0;
}

#main #termselector li a {
	padding: 0 0 0 4px;
}

#main #termselector li a.selected {
	background: #138DE5;
	color: #fff;
	display: block;
	line-height: 26px;
}

#termselector p.noresults,
#ratesmatrix p.noresults {
	font-size: 11px;
	margin: 0;
	line-height: 15px;
}

#termselector .newterm {
	margin: 32px 0 0;
}

#termselector .field {
	margin: 0 0 10px;
}

#termselector .field label {
	font-size: 12px;
	color: #303030;
}

#ratesmatrix {
	margin: 0 0 0 212px;
}

#termselector,
#ratesmatrix {
	padding: 1px 0 0;
}

#ratesmatrix h4 {
	font-weight: normal;
}

#ratesmatrix h4 span {
	float: right;
}

#ratesmatrix h4 a {
	font-weight: normal;
}

#ratesmatrix h5 {
	font-weight: normal;
	font-size: 13px;
	line-height: 19px;
	text-transform: uppercase;
	border-bottom: 1px solid #E0E0E0;
	color: #a0a0a0;
	margin: 30px 0 0;
	padding: 0;
	cursor: pointer;
}

#ratesmatrix h5:hover {
	color: #4b87c6;
}

#ratesmatrix h5 .arrow {
	float: right;
	font-size: 11px;
	line-height: inherit;
}

#ratesmatrix h5 .arrow:before {
	float: right;
	font-size: 14px;
	line-height: inherit;
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	content: '\f107';
}

#ratesmatrix .items {
	display: none;
}

#ratesmatrix .rate-group.expanded .items {
	display: block;
}

#ratesmatrix .rate-group.expanded h5 .arrow:before {
	content: '\f106';
}

/*.floatingjumplist {
	position: absolute;
	top: 120px;
	right: 60px;
	background: #fff;
	padding: 10px;
	height: 32px;
	overflow: hidden;
}

.floatingjumplist div {
	line-height: 32px;
	padding: 0 32px 0 0;
}
.floatingjumplist ul {
	display: none;
}*/

.matrix {
	margin: 0 0 20px 0;
}

.matrix .items {
	letter-spacing: -1em;
	position: relative;
}

.matrix .item {
	width: 25%;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: top;
	line-height: 24px;
	font-size: 12px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box;
}

/*.matrix .item:nth-child(4n-3):after {
	display: block;
	position: relative;
	left: 0;
	right: 0;
	content: '';
	margin: -1px 0 0;
	border-top: 1px solid #E0E0E0;
	height: 1px;
	background: transparent;
	position: absolute;
}*/

.matrix .item .inner {
	/*height: 44px;*/
	padding: 10px 20px 0 0;
	margin: 0;
	/*border-bottom: 1px solid #E0E0E0;*/
	overflow: hidden;
}

.matrix .item .data {
	width: 60px;
	float: left;
}

.matrix .item .data input {
	width: 50px;
	text-align: right;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box;
}

.matrix .item .label {
	margin: 0 0 0 54px;
	padding: 0;
	overflow: hidden;
}

/* Customers */

div.customereditname {
	background: none repeat scroll 0 0 #FBFBFB;
	border: 1px solid #E0E0E0;
	box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
	color: #303030;
	font-family: inherit;
	font-size: 24px;
	font-weight: 200;
	margin: 0 0 24px;
	outline: medium none;
	overflow: hidden;
}

div.customereditname input.text {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	box-shadow: none;
	font-size: 17px;
	height: 23px;
	line-height: 23px;
	margin: 0;
	padding: 3px 2px 3px 0;
	width: 90%;
	text-indent: 7px;
}

div.customereditname input.submit {
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
	width: 29px;
	height: 29px;
	display: block;
	background: url(/content/themes/base/images/customeredit-namesave.png) no-repeat center center #fff;
	opacity: 0.7;
	cursor: pointer;
}


/* Footer */

footer, #footer {
	border-top: 1px solid #e0e0e0;
	padding-top: 16px;
	padding-bottom: 16px;
}

/* Generic content */

#main h2 {
}

#main h3 {
}

#main h4 {
}

#main p {
}

#main a {
	color: #303030;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}


#main em {
	font-style: italic;
}

#main strong {
	font-weight: bold;
}

#main ul,
#main ol {
	list-style-type: none;
}

#main .advanced ul {
	list-style-type: disc;
	margin: 0 0 24px 24px;
}

#main li {
	font-size: 13px;
	line-height: 20px;
	padding: 4px 0;
}

#main hr {
	border: 0 none;
	height: 1px;
	background: rgba(0, 0, 0, 0.15);
	margin: 24px 0;
}


/* Forms - Login */

div.editor-field input {
	background: none repeat scroll 0 0 #FBFBFB;
	border: 1px solid #E0E0E0;
	box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
	font-family: inherit;
	font-size: 24px;
	font-weight: 200;
	margin-bottom: 16px;
	margin-right: 6px;
	margin-top: 2px;
	outline: medium none;
	padding: 3px;
	width: 97%;
	color: #303030;
}

label {
	color: #777777;
	font-size: 14px;
}

p input {
	background: none repeat scroll 0 0 #303030;
	border: 0 none;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0 4px 0 0;
	padding: 0 16px;
}

p input.delete {
	background: #ca4a3d;
}

/* Floating button bar */

p.floatingbuttonbar {
	background: none repeat scroll 0 0 #FFFFFF;
	border-top: 1px solid #C9C9BF;
	bottom: 0;
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
	left: 0;
	outline: medium none;
	padding: 10px 2.5%;
	position: fixed;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

p.floatingbuttonbar input {
	float: right;
	margin: 0 24px 0 0;
}

#main .module.wide.hasfloatingbuttonbar {
	margin-bottom: 36px;
}

/* standard button row */

p.buttonrow {
	height: 36px;
	color: #d0d0d0;
	font-size: 13px;
	line-height: 36px;
}

p.buttonrow.margin {
	border-top: 1px solid #E9E9E0;
	margin: 24px 0 0;
	padding-top: 24px;
}

p.buttonrow.top-margin {
	margin: 24px 0 0;
}

p.buttonrow a,
#main p.buttonrow a {
	margin: 0 5px;
	color: #303030;
	font-weight: normal;
	cursor: pointer;
}

p.buttonrow a.first {
	margin: 0 5px 0 10px;
}

p.buttonrow span.linkdisabled {
	margin: 0 5px;
}

p.buttonrow span.r {
	display: block;
	text-align: right;
}

span.field-validation-error {
	display: block;
	float: right;
	line-height: 23px;
	font-size: 11px;
	color: #d00000;
	text-align: right;
	margin: 0;
	text-transform: uppercase;
}

/* Faux button */

a.fauxbutton,
#main a.fauxbutton,
#main p.buttonrow a.fauxbutton {
	background: none repeat scroll 0 0 #303030;
	border: 0 none;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 36px;
	line-height: 36px;
	margin: 0 4px 0 0;
	padding: 0 16px;
}

a.fauxbutton.delete,
#main a.fauxbutton.delete,
#main p.buttonrow a.fauxbutton.delete {
	background: #ca4a3d;
}

a.fauxbutton.disabled,
#main a.fauxbutton.disabled {
	background: none repeat scroll 0 0 #909090;
	color: #e0e0e0;
	cursor: default;
}

.buttonrow.center {
	text-align: center;
}

.buttonrow.center a.fauxbutton,
#main .buttonrow.center a.fauxbutton,
#main .buttonrow.center p.buttonrow a.fauxbutton {
	display: inline-block;
	float: none;
}

/* Faux text link */

input.fauxtextlink {
	background: none;
	text-align: left;
	padding: 0;
	margin: 0 0 0 10px;
	box-shadow: none;
	color: #3b3b3b;
	font-size: 13px;
}

/* Cols */

div.module .col {
	width: 100%;
	float: left;
}

div.module .twocol,
#assetmain .twocol {
	width: 48%;
	float: right;
	margin: 0;
}

div.module .twocol.first,
#assetmain .twocol.first {
	float: left;
}
/*
div.module .threecol,
#assetmain .threecol {
    width: 32%;    
    float: right;
    margin: 0 0 0 2%;
}
div.module .threecol.first,
#assetmain .threecol.first {
    float: left; 
    margin: 0;   
}
*/
.col.bottommargin {
	margin-bottom: 24px;
}

.col.topmargin {
	margin-top: 24px;
}
/* Advanced actions panel */

#main .advancedactions {
	width: 25%;
	float: right;
	border: 1px solid #E9E9E0;
	border-radius: 5px 5px 5px 5px;
}

#main .advancedactions .inner {
	padding: 24px;
}

#main .advancedactions li {
	background: url("/content/themes/base/images/bullet-arrowsolid.png") no-repeat scroll 0 center transparent;
	text-indent: 14px;
	font-size: 12px;
}

/* Forms - Application */

#main div.editor-label label {
	font-size: 13px;
	line-height: 25px;
	padding: 0;
	font-weight: bold;
}

#main div.editor-label label input {
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#main .optionrow {
	border-top: 1px solid #E0E0E0;
	padding: 12px 0 0;
}


#main .v2 .optionrow {
	border-top: 0 none;
	padding: 0;
}

#main .optionrow.topmargin {
	margin-top: 24px;
}

#main div.editor-description {
	margin: 12px 0 10px 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
}

#main div.editor-description h6 {
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
}

#main div.editor-description p {
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #777777;
}

#main div.editor-field,
#main div.editor-date,
#main div.editor-time,
#main div.editor-file,
#main div.search-value,
#main div.editor-daterange div {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #E0E0E0;
	box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
	color: #303030;
	font-family: inherit;
	font-size: 14px;
	font-weight: 200;
	margin: 0 0 10px 0;
	outline: medium none;
	overflow: hidden;
}

#main div.editor-file {
	line-height: 38px;
	margin: 0 0 10px;
}

#main div.editor-field p,
#main div.editor-date p {
	background: none repeat scroll 0 0 #F5F5F5;
	color: #3B3B3B;
	line-height: 22px;
	text-indent: 3px;
	cursor: default;
}

#main div.editor-field input,
#main div.editor-date input,
#main div.editor-daterange input,
#main div.editor-time input,
#main div.search-value input {
	background: transparent;
	border: none;
	box-shadow: none;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	margin: 0;
	padding: 3px 0;
	width: 100%;
	text-indent: 3px;
	font-family: inherit;
}

#main div.editor-field textarea {
	background: transparent;
	border: none;
	box-shadow: none;
	line-height: 24px;
	font-size: 14px;
	margin: 0;
	padding: 3px;
	height: 145px;
	width: 100%;
	font-family: inherit;
	resize: none;
	display: block;
	overflow: auto;
}

#main div.editor-field textarea.height-two-fields {
	height: 95px;
}

#main div.editor-field textarea.height-three-fields {
	height: 160px;
}

#main div.editor-date {
	position: relative;
}

#main div.editor-date input,
#main div.editor-time input {
	position: relative;
	z-index: 1;
	background: transparent;
}

#main div.editor-date input::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

#main div.editor-date:before {
	display: block;
	content: '\f073';
	width: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	font-size: 14px;
	color: #777;
	z-index: 0;
}

#main div.editor-time {
	position: relative;
}

#main div.editor-time input {
	padding-right: 28px;
}

#main div.editor-time:before {
	display: block;
	content: '\f017';
	width: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	font-size: 14px;
	color: #777;
	cursor: pointer;
}

#main div.editor-file {
	position: relative;
}

#main div.editor-file input {
	padding-right: 28px;
}

#main div.editor-file:before {
	display: block;
	content: '\f093';
	width: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	font-size: 14px;
	color: #777;
	cursor: pointer;
}

#main div.editor-file .filename-display {
	background: transparent;
	border: none;
	box-shadow: none;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	margin: 0;
	padding: 0;
	width: 100%;
	text-indent: 3px;
	font-family: inherit;
	color: #a0a0a0;
	cursor: pointer;
}

#main div.editor-file .filename-display.selected {
	color: inherit;
}

#main div.editor-checkbox {
	margin: 0 0 10px 0;
}

#main div.module.wide .twocol textarea {
	width: 435px;
}
/*
#main div.editor-field input.input-validation-error,
#search div.editor-field input.input-validation-error,
#main div.editor-date input.input-validation-error,
#main div.editor-daterange input.input-validation-error,
#main div.datalabelpair .item .data input.input-validation-error {
    background: url(/content/themes/base/images/validationerror-inputbg.png) repeat 0 0;    
}
*/
#search input.input-validation-error,
#main div.editor-field input.input-validation-error,
#main div.editor-date input.input-validation-error,
#main div.editor-time input.input-validation-error,
#main div.editor-dropdown input.ui-autocomplete-input.input-validation-error,
#main div.editor-field textarea.input-validation-error {
	background-color: #faedec;
}

#main div.datalabelpair .item .data input.input-validation-error {
	border: 1px solid #ff0000;
}

#main div.editor-readonly {
	background: none repeat scroll 0 0 #F9f9f9;
	border: 1px dotted #E0E0E0;
	color: #303030;
	font-family: inherit;
	font-size: 16px;
	line-height: 24px;
	font-weight: 200;
	margin: 0 0 10px;
	padding: 3px 0;
	text-indent: 3px;
	outline: medium none;
	overflow: hidden;
}

#main .module .note {
	margin: 0 0 6px 0;
}

#main .module .note p {
	color: #3B3B3B;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	line-height: 19px;
	margin: 20px 0;
}

#main .module .note.indent p {
	padding: 0 10px;
}

#main .module .note.indent p span {
	display: block;
}

/* Delete views */

div.display-combined {
	margin: 0 0 10px 0;
}

div.display-combined div.display-field {
	border-bottom: 1px dotted #C9C9C9;
	font-size: 12px;
	line-height: 26px;
}

div.display-combined div.display-field span {
	font-weight: bold;
}

/* Tables */

div.fauxtable {
	font-size: 13px;
	font-weight: normal;
	line-height: 27px;
	margin: 0 0 2px;
}

div.fauxtable div.headerrow {
	background: none repeat scroll 0 0 #303030;
	border: 0 none;
	border-radius: 4px 4px 4px 4px;
	color: #F0F0F0;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}

#main div.fauxtable div.headerrow a {
	color: #F0F0F0;
}

div.fauxtable div.datarow {
	border-bottom: 1px solid #E0E0E0;
	color: #3B3B3B;
}


div.fauxtable input.system-checkbox {
	margin: 7px 0 0;
	padding: 0;
}

div.fauxtable div.col1,
div.fauxtable div.col1 a,
div.fauxtable div.col2,
div.fauxtable div.col2 a,
div.fauxtable div.col3,
div.fauxtable div.col3 a,
div.fauxtable div.col4,
div.fauxtable div.col4 a,
div.fauxtable div.col5,
div.fauxtable div.col5 a,
div.fauxtable div.col6,
div.fauxtable div.col6 a,
div.fauxtable div.col7,
div.fauxtable div.col7 a {
	float: left;
	text-indent: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* width: 100px; */
	min-height: 22px;
	text-decoration: none;
}


div.fauxtable p.noresults {
	color: #3B3B3B;
	font-style: italic;
	text-indent: 12px;
	border-top: 1px solid #E0E0E0;
}

#openprocesses div.fauxtable p.noresults {
	border-top: 0;
	border-bottom: 1px solid #E0E0E0;
}

/* Tables - Submodules */

div.submodule div.fauxtable {
	background: #fff;
	border: 1px solid #E0E0E0;
	font-size: 12px;
	line-height: 26px;
}

div.submodule div.fauxtable div.datarow {
	border-bottom: 0;
	border-top: 1px solid #E0E0E0;
}

div.submodule div.fauxtable div.headerrow {
	background: transparent;
	border: 0 none;
	border-radius: 0;
	color: #3b3b3b;
	text-shadow: none;
	font-weight: bold;
}

#main div.submodule div.fauxtable a.action {
	background: none repeat scroll 0 0 #E9E9E0;
	border: 1px solid #BFBFBF;
	border-radius: 2px 2px 2px 2px;
	color: #303030;
	display: block;
	float: right;
	font-size: 11px;
	height: auto;
	line-height: 14px;
	margin: 5px 0 0 10px;
	min-height: 0;
	padding: 0 7px;
	text-indent: 0;
	width: auto;
}


/* Open processes */

#openprocesses div.fauxtable div.col1 {
	width: 90px;
}

#openprocesses div.fauxtable div.col2 {
	width: 90px;
}

#openprocesses div.fauxtable div.col3 {
	width: 160px;
}

#openprocesses div.fauxtable div.col4 {
	width: 160px;
}

#openprocesses div.fauxtable div.col5 {
	width: 247px;
}

#openprocesses div.fauxtable div.col6 {
	width: 120px;
}

#openprocesses div.fauxtable div.col7 {
	width: 32px;
}

/* Search results */

#searchresults p.resultcount {
	color: #303030;
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 10px;
	text-indent: 10px;
}

#searchresults p.loadmoreresults {
	color: #303030;
	font-size: 13px;
	font-weight: normal;
	margin: 24px 0 0;
	text-indent: 10px;
}

#main #searchresults h3 {
	margin: 12px 0;
}

#searchresults .displayall {
	margin: 12px 0 0;
}

/* Advanced Search */

#advancedsearch div.searchblock {
	border: 1px solid #E0E0E0;
	border-radius: 4px 4px 4px 4px;
	padding: 12px 12px 8px;
	position: relative;
	margin: 12px 0 0;
}

#advancedsearch div.searchblock.first {
	margin: 0;
}

#advancedsearch div.searchblock input.searchsubmit {
	position: absolute;
	bottom: 12px;
	right: 12px;
}

#advancedsearch div.row {
	height: 34px;
}

#advancedsearch div.search-label {
	float: left;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	margin: 0 10px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 160px;
}

#advancedsearch div.search-compare {
	height: 22px;
	float: left;
	margin: 0 10px 0 0;
}

#advancedsearch div.search-compare,
#main #advancedsearch div.search-compare input.ui-autocomplete-input {
	width: 110px;
}

#advancedsearch div.editor-field,
#advancedsearch div.editor-date {
	width: 240px;
	float: left;
	margin: 0;
}

#advancedsearch div.editor-daterange {
	width: 242px;
	height: 22px;
	float: left;
	margin: 0;
}

#advancedsearch div.editor-daterange div {
	width: 95px;
}

#advancedsearch div.editor-daterange div.start {
	float: left;
}

#advancedsearch div.editor-daterange div.end {
	float: right;
}

#advancedsearch div.editor-daterange span {
	color: #777777;
	display: block;
	float: left;
	font-size: 12px;
	font-style: italic;
	height: 32px;
	line-height: 32px;
	text-align: center;
	width: 48px;
}

/* Client access */

#clientaccess .top {
	margin: 0 0 36px;
}

/*
#clientaccess div.fauxtable a:hover {
    background: #f5f5f5;
    display: block;
    height: 27px;
}
*/
#clientaccess div.fauxtable div.col1 {
	width: 100px;
}

#clientaccess div.fauxtable div.col2 {
	width: 100px;
}

#clientaccess div.fauxtable div.col3 {
	width: 120px;
}

#clientaccess div.fauxtable div.col4 {
	width: 160px;
}

#clientaccess div.fauxtable div.col5 {
	width: 416px;
}

/* Maintenance */

div.maintenance div.fauxtable div.col1 {
	width: 84px;
}

div.maintenance div.fauxtable div.col2 {
	width: 120px;
}

div.maintenance div.fauxtable div.col3 {
	width: 120px;
}

div.maintenance div.fauxtable div.col4 {
	width: 219px;
}

div.maintenance div.fauxtable div.col5 {
	width: 110px;
	text-indent: 0;
	text-align: right;
}

/* Rental Statement */

div.rentalstatement div.fauxtable div.col1 {
	width: 90px;
}

div.rentalstatement div.fauxtable div.col2 {
	width: 90px;
}

div.rentalstatement div.fauxtable div.col3 {
	width: 90px;
}

div.rentalstatement div.fauxtable div.col4 {
	width: 110px;
}

div.rentalstatement div.fauxtable div.col5 {
	width: 80px;
}

div.rentalstatement div.fauxtable div.col6 {
	width: 70px;
	text-indent: 0;
	text-align: right;
}

div.rentalstatement div.fauxtable div.col7 {
	width: 118px;
	text-indent: 0;
	text-align: right;
}

/* Logistics */

div.logistics div.fauxtable div.col1 {
	width: 100px;
}

div.logistics div.fauxtable div.col2 {
	width: 100px;
}

div.logistics div.fauxtable div.col3 {
	width: 170px;
}

div.logistics div.fauxtable div.col4 {
	width: 167px;
}

div.logistics div.fauxtable div.col5 {
	width: 110px;
	text-indent: 0;
	text-align: right;
}

/* Activity Logs */

#activity div.fauxtable div.col1 {
	width: 84px;
}

#activity div.fauxtable div.col2 {
	width: 80px;
}

#activity div.fauxtable div.col3 {
	width: 490px;
}

/* Export */

.export {
	margin: 0;
	padding: 24px 24px 34px;
	background: #f5f5f5;
}

.export .fields {
	max-width: 520px;
}

div.module .export h3 {
	background: none;
	padding: 0;
	color: #303030;
	font-size: 17px;
	font-weight: bold;
	line-height: 23px;
	margin: 0 0 8px;
	text-transform: none;
}

#main .export .editor-field {
	margin: 0 0 20px;
}

#main .export .buttonrow {
	margin: 16px 0 0;
}

/* Filters */

.filters {
	margin: 0;
	padding: 24px 24px 8px 24px;
	/*background: #f5f5f5;*/
	border-bottom: 1px solid #e9e9e9;
}

.filters .filter {
	display: inline-block;
	width: 20%;
	margin: 0 10px 10px 0;
	vertical-align: top;
}

.filters label {
	font-size: 12px;
	font-weight: bold;
	line-height: 23px;
}

#main .filters a {
	margin: 23px 0 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 32px;
	color: #a0a0a0;
	display: inline-block;
}

/* Update tool */

.updatetool {
	background: #f5f5f5;
	padding: 24px;
}

.updatetool.complete {
	background: #fff;
}

.updatetool .fields {
	max-width: 520px;
}

div.module .updatetool h3 {
	background: none;
	padding: 0;
	color: #303030;
	font-size: 17px;
	font-weight: bold;
	line-height: 23px;
	margin: 0 0 8px;
	text-transform: none;
}

/* -- */

div.fauxtable a.rowlink {
	display: block;
	float: left;
}

div.fauxtable a.delete {
	background: url("/content/themes/base/images/datagrid-delete.png") no-repeat scroll 2px 2px transparent;
	display: block;
	height: 20px;
	opacity: 0.7;
	width: 20px;
	margin: 3px 0 0 12px;
}


/* Real tables */

table {
	/* border: 1px solid #BBBBBB; */
	background: #fff;
	width: 100%;
}

table.widthauto {
	width: auto;
}

table.noborder {
	border: 0;
}

table.topmargin {
	margin: 14px 0 0;
}

table tr {
	border-top: 1px solid #E0E0E0;
}

table tr:first-child {
	border: 0;
}

table td {
	border: 0;
	text-decoration: none;
	color: #3B3B3B;
	vertical-align: top;
	width: auto;
	overflow: hidden;
	font-size: 13px;
	line-height: 19px;
	padding: 8px 40px 8px 10px;
	word-break: normal;
}

table td.r {
	text-align: right;
	padding-left: 40px;
	padding-right: 10px;
}

table td:last-child {
	padding-right: 10px;
}

table td:first-child {
	padding-left: 10px;
}


table td.status {
	padding-left: 10px;
	padding-right: 10px;
}

table tr.headerrow td {
	font-weight: bold;
}

table td.value {
	font-weight: bold;
}

table td.whitespace-nowrap {
	white-space: nowrap;
}

#main ul.textlist li a,
#main table a.action {
	background: none repeat scroll 0 0 #E9E9E0;
	color: #4b87c6;
	display: block;
	float: right;
	font-size: 11px;
	height: auto;
	line-height: 19px;
	margin: 0 0 0 8px;
	min-height: 0;
	padding: 0 7px;
	text-indent: 0;
	width: auto;
}

table td.noresults {
	color: #a0a0a0;
	font-style: italic;
}

p.resultssummary {
	margin: 20px 0 0;
	font-size: 13px;
	line-height: 18px;
	color: #3B3B3B;
	font-style: italic;
}

table a {
	text-transform: capitalize;
}

#main table td.modestlink a {
	font-weight: normal;
}

table a.delete {
	background: url("/content/themes/base/images/datagrid-delete.png") no-repeat scroll 2px 2px transparent;
	display: inline-block;
	height: 20px;
	opacity: 0.7;
	width: 20px;
	margin: 3px 0 0 12px;
}

table a.edit,
table span.edit {
	background: url("/content/themes/base/images/datagrid-edit.png") no-repeat scroll 2px 2px transparent;
	display: block;
	height: 21px;
	opacity: 0.7;
	width: 21px;
	margin: 3px 0 0 12px;
}

#main table a.delete.fa,
#main table span.delete.fa,
#main table a.edit.fa,
#main table span.edit.fa {
	background: none;
	display: inline-block;
	line-height: inherit;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #606060;
	vertical-align: top;
	height: 19px;
	width: 19px;
}

#main table span.delete.fa.linkdisabled,
#main table span.edit.fa.linkdisabled {
	color: #a0a0a0;
}

table .system-checkbox {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
}

/* Real Table - Other look */

table.master {
	border: 0 none;
	margin: 0;
}

table.master.dashboard-bottom-margin {
	margin-bottom: 36px;
}

table.master tr {
	border-top: 0 none;
	border-bottom: 1px solid #E0E0E0;
}

table.master.nobottomborder tr:last-child {
	border-top: 0 none;
	border-bottom: 0 none;
}

table.master td.home-count {
	width: 20%;
}

table.master td.forcewrap {
	word-break: break-all;
	min-width: 10%;
}

table.master.secondary td,
#main table.master.secondary td a {
	color: #707070;
}

table.master tr.headerrow {
	border: 0;
}

table.master tr.headerrow td {
	border-bottom: 1px solid #4b87c6;
	color: #4b87c6;
	font-weight: normal;
	font-size: 15px;
}

table.master.secondary tr.headerrow td {
	background: none repeat scroll 0 0 #E9E9E0;
	color: #4b87c6;
	text-shadow: none;
	font-weight: normal;
}

#main table.master tr.headerrow td a {
	color: inherit;
	font-weight: inherit;
}

/*
table.master tr.headerrow {
    border: 0;
}
table.master tr.headerrow td {
    background: none repeat scroll 0 0 #303030;
    color: #F0F0F0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    font-weight: normal;
}
table.master.secondary tr.headerrow td {
    background: none repeat scroll 0 0 #E9E9E0;
    color: #303030;
    font-weight: bold;
    text-shadow: none;
}
#main table.master tr.headerrow td a {
    color: #F0F0F0;
}

table.master tr.headerrow td:first-child {
    border-radius: 2px 0 0 2px;
}
table.master tr.headerrow td:last-child {
    border-radius: 0 2px 2px 0;
}
table.master tr.headerrow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
*/
table.master td.r a.delete,
table.master td.r a.edit {
	float: right;
	margin: 0 0 0 10px;
}

table.master td.r a:last-child {
	margin: 0;
}

table.master .rating {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}

table.master .rating span {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	color: #E0E0E0;
}

table.master .rating span.selected {
	color: #4b87c6;
}

/* Status */
table.master td.status {
	width: 36px;
	text-align: center;
	font-size: 14px;
	background: #eee;
	color: #888;
	padding: 0;
	line-height: 35px;
}

/*table.master td.status.ok {
	color: #bbbbbb;
}*/

table.master td.status.alert {
	background: none repeat scroll 0 0 #dbe7f4;
	color: #4b87c6;
}

table.master td.status.rejected,
table.master td.status.warning {
	background: none repeat scroll 0 0 #f4dbd8;
	color: #ca4a3d;
}


p.maxresults {
	font-size: 13px;
	color: #606060;
	font-style: italic;
	line-height: 18px;
	margin: 10px 0 0 10px;
}


/* Delivery types */

span.deliverytype {
	display: inline-block;
}

span.deliverytype.delivery .fa {
	background: #6f9fd1;
	color: #fff;
}

span.deliverytype.pickup .fa {
	background: #8dbe6c;
	color: #fff;
}

span.deliverytype .fa {
	margin: 0 8px 0 0;
	border-radius: 50%;
	width: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 10px;
	display: inline-block;
	vertical-align: top;
}

/* Filtering */

div.module h2 .tablefilter,
div.module h2 .responsive-datalist-filter {
	border-left: 1px solid #C9C9BF;
	color: #3B3B3B;
	cursor: pointer;
	float: right;
	height: 48px;
	line-height: 48px;
	text-decoration: none;
	text-indent: 0;
	width: 200px;
}

div.module h2 .tablefilter .phrasewrap,
div.module h2 .responsive-datalist-filter .phrasewrap {
	display: block;
	margin: 8px 12px;
	background: #fff;
	line-height: 32px;
	padding: 0 4px;
	border-radius: 2px;
}

div.module .submodule h2 .tablefilter,
div.module .submodule h2 .responsive-datalist-filter {
	height: 33px;
	line-height: 33px;
}

div.module .submodule h2 .tablefilter .phrasewrap,
div.module .submodule h2 .responsive-datalist-filter .phrasewrap {
	line-height: 17px;
}

div.module h2 .tablefilter .phrasewrap span.fa,
div.module h2 .responsive-datalist-filter .phrasewrap span.fa {
	color: #a0a0a0;
	font-size: 14px;
}

div.module h2 .tablefilter .phrasewrap input,
div.module h2 .responsive-datalist-filter .phrasewrap input {
	border: 0;
	padding: 0;
	margin: 0;
	width: 146px;
	color: #a0a0a0;
}

div.module h2 .tablefilter .phrasewrap input:focus,
div.module h2 .tablefilter .responsive-datalist-filter input:focus {
	color: #303030;
}

table tr.filtered {
	display: none;
}

/* Responsive Data List */

#main .responsive-datalist .item {
	display: block;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	padding: 12px 0 12px 10px;
	border-top: 1px solid #E0E0E0;
	position: relative;
}

#main .responsive-datalist .item:first-child {
	border-top: 0 none;
	margin: 6px 0 0;
}

#main .responsive-datalist .item.filtered {
	display: none;
}

#main .responsive-datalist a {
	display: block;
	color: #fff;
	background: #4b87c6;
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	font-size: 22px;
	line-height: 42px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	text-align: center;
	font-weight: normal;
	position: absolute;
	top: 12px;
	right: 12px;
}

#main .responsive-datalist a:after {
	content: "\f0ad";
}

.responsive-datalist span {
	display: block;
	margin: 0 0 0 70px;
	line-height: inherit;
	font-size: inherit;
}

.responsive-datalist label {
	display: block;
	width: 70px;
	float: left;
	line-height: inherit;
	font-size: inherit;
	color: #909090;
}

#main .responsive-datalist .item.complete {
	color: #909090;
}

#main .responsive-datalist .item.complete a {
	background: #8dbe6c;
}

#main .responsive-datalist .item.complete a:after {
	content: "\f00c";
}

/* List - Vertical 

.listvertical {
}
.listvertical .item {
    border-top: 1px solid #E0E0E0;
    padding: 10px;
    margin: 0;
}
.listvertical .item:first-child {
    border-top: 0 none;
}
.listvertical .item p {
    font-size: 13px;
    line-height: 23px;
    margin: 4px 0;
    font-weight: bold;
}
.listvertical .item span {
    display: inline-block;
    width: 25%;
    font-weight: normal;
}
*/
/* Dropdowns - Autocomplete */

#main div.module div.editor-dropdown {
}

#main div.module div.editor-dropdown {
	position: relative;
}

#main div.module div.editor-dropdown input {
	position: relative;
	z-index: 1;
	background: transparent;
}

#main div.module div.editor-dropdown input::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

#main div.module div.editor-dropdown:before {
	display: block;
	content: '\f0d7';
	width: 32px;
	line-height: 32px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	font-size: 14px;
	color: #777;
	z-index: 0;
}


#main div.module input.ui-autocomplete-input {
	/*background: url("/content/themes/base/images/dropdown-bg.png") no-repeat scroll right center #fff;*/
	border: 1px solid #E0E0E0;
	border-radius: 0;
	box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
	color: #303030;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	margin: 0 0 10px;
	padding: 3px 20px 3px 0;
	text-indent: 3px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*
#main div.module input.ui-autocomplete-input.input-validation-error {
    background: url(/content/themes/base/images/dropdown-invalid-bg.png) no-repeat right center #fff;
}
*/
#main div.module div.headerform input.ui-autocomplete-input {
	border: none;
}

#main div.module input.ui-autocomplete-loading {
	background: url(/content/themes/base/images/dropdown-loading-bg.png) no-repeat right center #fff;
}

/* Message */

#message ul.results {
	margin: 0 0 24px 24px;
	padding: 0;
	list-style-type: disc;
}

#message ul.results li {
	font-size: 13px;
	line-height: 28px;
}

/* Progress Bar */

.progress-bar {
	display: block;
	height: 22px;
	background: #f9f9f9;
	position: relative;
}

.progress-bar .indicator {
	display: block;
	height: 22px;
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	background: #4b87c6;
	transition: all ease 2s;
}

/* Asset View */
#sidebar #barcode {
	color: #3b3b3b;
	font-size: 22px;
	font-weight: bold;
	line-height: 60px;
	text-transform: uppercase;
	background: #fff;
	border: 1px solid #C9C9BF;
	border-radius: 2px;
	background: #fff;
	text-align: center;
	margin: 0 0 5px 0;
	width: 100%;
}

#asset {
	float: right;
	width: 77%;
	padding-left: 20px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box;
}

#assetnav {
	height: 48px;
	position: relative;
	background: #E9E9E0;
}

#assetnav ul li {
	background: transparent;
	float: left;
	/*width: 15%;*/
	height: 48px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
}

#assetnav ul li a {
	/*float: left;*/
	height: 48px;
	line-height: 48px;
	/*width: 100%;*/
	padding: 0 40px;
	text-indent: 0;
	text-align: center;
	/*border-top: 1px solid #FFFFFF;*/
	color: #303030;
	display: block;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
}

#assetnav.general li.general a,
#assetnav.location li.location a,
#assetnav.financial li.financial a,
#assetnav.contract li.contract a,
#assetnav.maintenance li.maintenance a,
#assetnav.documents li.documents a,
#assetnav.assetgeneral li.assetgeneral a,
#assetnav.assetlocation li.assetlocation a,
#assetnav.assetmaintenance li.assetmaintenance a,
#assetnav.asset li.asset a,
#assetnav.assethistory li.assethistory a {
	background: #fff;
	text-decoration: none;
	color: #303030;
}

#assetmain {
	/*
    border-left: 1px solid #C9C9BF;
    border-right: 1px solid #C9C9BF;
    border-bottom: 1px solid #C9C9BF;*/
	border-radius: 0 0 2px 2px;
	background: #fff;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.15);
}

#assetmain div.inner {
	padding: 24px;
}

p.displaylabel {
	font-size: 11px;
	color: #303030;
	margin: 0;
}

p.displaytext {
	font-size: 13px;
	line-height: 13px;
	margin: 0 0 10px 0;
	color: #303030;
}

#images,
#map {
	padding: 10px;
}

#map .address,
#images .imagelist {
	float: left;
}

.maptwocol img {
	display: block;
	width: 100%;
	border-radius: 2px;
}

#map img,
#images .imageview {
	float: right;
}

img.map {
	display: block;
	width: 100%;
}

.submodule .noresults {
	font-size: 14px;
	color: #a0a0a0;
	font-style: italic;
}

.submodule .address {
	padding: 10px;
}

.submodule .street-view {
	display: inline-block;
	height: 297px;
	width: 100%;
	vertical-align: top;
	background-position: center;
	background-size: cover;
}

.submodule .address p {
	font-size: 13px;
	line-height: 19px;
}

#main .submodule a.openmap {
	width: 38px;
	height: 38px;
	float: right;
	margin: 0 0 0 20px;
	background: none repeat scroll 0 0 #303030;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	font-size: 20px;
	font-weight: normal;
	line-height: 38px;
	text-align: center;
}

#images .imageview {
	width: 50%;
	position: relative;
}

#images .imagedelete {
	width: 50%;
	float: left;
}

#main div.submodule .imagedelete .inner {
	padding: 0 24px 0 0;
}

#images .imageview img {
	width: 100%;
}

#images .imageview .delete {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	display: block;
	font-weight: normal;
	background: #f4dbd8;
	color: #ca4a3d;
	font-size: 28px;
	border-radius: 50%;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
}

#images .imageview .delete:hover {
	text-decoration: none;
}

#images p {
	font-size: 13px;
	margin: 0 0 9px;
}

#images .imagelist a {
	cursor: pointer;
}

#map p {
	color: #3B3B3B;
	font-size: 13px;
	line-height: 16px;
	padding: 4px 0;
}

#map h4 {
	color: #3B3B3B;
	font-size: 17px;
	font-weight: bold;
	line-height: 21px;
}

#main ul.textlist {
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 0;
	margin: 10px 0 0;
}

#main ul.textlist.first,
#main ul.textlist:first-child {
	margin: 0;
}

#main ul.textlist li {
	border-top: 1px solid #E0E0E0;
	padding: 8px 10px;
	background: none;
}

#main ul.textlist li:first-child {
	border-top: none;
}

ul.textlist li p {
	font-size: 12px;
	line-height: 15px;
	color: #3b3b3b;
	text-indent: 0;
}

#main ul.textlist li p.heading {
	font-weight: bold;
	margin: 0 0 4px 0;
}

#main ul.textlist li p.note {
	font-size: 12px;
	line-height: 18px;
}

#main ul.textlist li p.noresults {
	color: #a0a0a0;
	font-size: 13px;
	font-style: italic;
	line-height: 16px;
}


/* Checkboxes */

.jquery-checkbox {
	display: inline;
	font-size: 32px;
	line-height: 32px;
	cursor: pointer;
}

.jquery-checkbox .mark {
	display: inline;
}

.jquery-checkbox img {
	vertical-align: middle;
	width: 32px;
	height: 32px;
	display: block;
}

.jquery-checkbox img {
	background: transparent url(/content/themes/base/images/checkbox-desktop.png) no-repeat;
}

.jquery-checkbox img {
	background-position: 0px 0px;
}

.jquery-checkbox-hover img {
	background-position: 0px -32px;
}

.jquery-checkbox-checked img {
	background-position: 0px -64px;
}

.jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -96px;
}

.jquery-checkbox-disabled img {
	background-position: 0px -128px;
}

.jquery-checkbox-checked .jquery-checkbox-disabled img {
	background-position: 0px -160px;
}

/* Asset info */

#assetinfo,
#assetinfo * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#assetinfo {
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 0 0 10px;
	width: 100%;
}

#assetinfo .inner {
	border-radius: 2px;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.15);
	/*border: 1px solid #C9C9BF;
    border-radius: 3px 3px 3px 3px;*/
	padding: 0;
	position: relative;
}

#assetinfo .mobile-home {
	position: absolute;
	top: 8px;
	right: 12px;
	color: #303030;
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
}

#assetinfo .mobile-home:before {
	content: "\f00d";
}

#assetinfo .barcode {
	color: #303030;
	font-size: 22px;
	font-weight: bold;
	line-height: 24px;
	margin: 0;
	padding: 15px;
	word-break: break-all;
}

#assetinfo .model {
	color: #303030;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	margin: 0;
	padding: 6px 0 0;
}

#assetinfo .image {
	padding: 0;
}

#assetinfo .image a {
	display: block;
	padding: 0;
	margin: 0;
}

#assetinfo img {
	display: block;
	margin: 0;
	min-width: 100%;
	max-width: 100%;
	padding: 0;
}

#assetinfo .imageupload {
	padding: 0 15px;
}

#assetinfo .imageupload.technician {
	padding-top: 10px;
}

#assetinfo .uploader {
	/* display: none; */
	height: 0;
	overflow: hidden;
}

#assetinfo #uploadbutton {
	line-height: 32px;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}

#assetinfo #uploadbutton:before {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background: #303030;
	color: #fff;
	content: "\f030";
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	font-size: 12px;
	font-weight: normal;
	border-radius: 50%;
	margin: 0 8px 0 0;
	text-align: center;
	vertical-align: middle;
}

#assetinfo .historybutton {
	line-height: 32px;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
	float: right;
}
/*
#assetinfo .maintenancebutton {
    padding: 0 15px 15px 15px;
}
#assetinfo .maintenancebutton a {
    line-height: 32px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #3b3b3b;
}
#assetinfo .maintenancebutton a:before {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    background: #303030;
    color: #fff;
    content: "\f0ad";
    font-family: 'Font Awesome 5 Pro';
    font-size: 12px;
    font-weight: normal;
    border-radius: 50%;
    margin: 0 8px 0 0;
    text-align: center;
}
*/

#assetinfo .state {
	margin: 15px 15px 0 15px;
	color: inherit;
	font-weight: normal;
	font-size: 11px;
	line-height: 42px;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

#assetinfo .state a {
	color: inherit;
	text-decoration: none;
}

#assetinfo .state a:hover {
	color: inherit;
	text-decoration: underline;
}

#assetinfo .state.contractexpired {
	color: #ca4a3d;
}

#assetinfo .state.oncontractholiday {
	color: #b24fae;
}

#assetinfo .state.requireswork {
	color: #f6a230;
}

#assetinfo .state.islost {
	color: #e5b134;
}

#assetinfo .contract {
	margin: 0;
	padding: 15px;
}

#assetinfo p {
	color: #3B3B3B;
	font-size: 13px;
	line-height: 16px;
	padding: 4px 0;
}

#assetinfo p.sub {
	color: #a0a0a0;
}

#assetinfo p a {
	color: #3B3B3B;
	font-weight: bold;
	text-decoration: none;
}

#assetinfo h4 {
	color: #3B3B3B;
	font-size: 17px;
	font-weight: bold;
	line-height: 23px;
}

/* Process info */

.processinfo,
.processinfo * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.processinfo {
	border-top: 1px solid #e0e0e0;
	margin: 6px 0 0;
	padding: 15px;
}

.processinfo p {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 6px 0;
	color: #303030;
}

.processinfo p.processcomplete {
	font-weight: normal;
	font-style: italic;
}

#assetinfo .processinfo .maintenancebutton {
	margin: 8px 0;
	padding: 0;
}

.processinfo .maintenancebutton a {
	display: inline-block;
	line-height: 38px;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	background: #4b87c6;
	padding: 0 10px;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}

.processinfo .maintenancebutton a:before {
	display: inline-block;
	line-height: inherit;
	color: #fff;
	content: "\f0ad";
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	font-size: 18px;
	font-weight: normal;
	margin: 0 8px 0 0;
	text-align: center;
	vertical-align: top;
}

/* Activity */

#activity {
	/*border: 1px solid #C9C9BF;*/
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.15);
	border-radius: 2px;
	margin: 10px 0 0;
	background: #fff;
}

#activity .inner {
	padding: 24px;
}

/* Snapshot panel */

div.snapshotpanel * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

div.snapshotpanel {
	width: 34%;
	float: right;
	border: 1px solid #E9E9E0;
	border-radius: 5px 5px 5px 5px;
	margin: 0;
}

div.module div.snapshotpanel .inner,
div.module div.toolform .inner {
}

div.snapshotpanel h4 {
	font-size: 15px;
	line-height: 23px;
	border: 0;
	margin: 0 0 10px;
}

div.snapshotpanel div.image {
	margin: 0 0 11px 0;
	padding: 10px 0 0;
}

div.snapshotpanel img {
	display: block;
	width: 100%;
}

.bulkmovement {
	margin: 3px 0 0;
	line-height: 23px;
	font-size: 14px;
}

.bulkmovement span {
	background: none repeat scroll 0 0 #303030;
	color: #FFFFFF;
	display: inline-block;
	height: 23px;
	line-height: 23px;
	text-align: center;
	width: 23px;
	margin: 0 3px 0 0;
}

div.snapshotpanel .jobnumber {
	width: 56px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background: #303030;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	float: right;
	margin: 0 0 21px 21px;
	border-radius: 50%;
}

div.snapshotpanel .jobnumber.type-pickup {
	background: #8dbe6c;
}

div.snapshotpanel .jobnumber.type-delivery {
	background: #6f9fd1;
}

div.snapshotpanel .pickup {
	width: 50%;
	float: right;
	padding: 0 0 0 16px;
}

div.snapshotpanel .destination {
	width: 50%;
	float: left;
	padding: 0 16px 0 0;
}

div.snapshotpanel .type {
	font-size: 15px;
	line-height: 21px;
	font-weight: bold;
	margin: 29px 0 0;
	padding: 0;
	text-transform: uppercase;
	color: #3b3b3b;
}

div.snapshotpanel .type .icon {
	font-size: 19px;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 6px;
	width: 21px;
	text-align: center;
}

div.snapshotpanel .type-repair {
	color: #ca4a3d;
}

div.snapshotpanel p {
	color: #303030;
	margin: 0;
	font-size: 14px;
	line-height: 23px;
	word-break: break-word;
}

div.snapshotpanel p.label {
	color: #b0b0b0;
	font-size: 14px;
	font-weight: bold;
	margin: 24px 0 0;
	padding: 0;
}

div.snapshotpanel div.allocationformbutton {
	background: #E9E9E0;
	border: 1px solid #C9C9BF;
	border-radius: 3px 3px 3px 3px;
	margin: 0 0 20px;
}

div.snapshotpanel div.allocationformbutton a {
	border-top: 1px solid #fff;
	color: #303030;
	display: block;
	font-size: 13px;
	line-height: 46px;
	text-decoration: none;
	text-indent: 50px;
	text-shadow: 0 1px 0 #FFFFFF;
	background: url("/content/themes/base/images/button-print.png") no-repeat scroll 10px 10px transparent;
}


div.checkfirst {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 20px;
	padding: 10px 64px 10px 10px;
	text-align: left;
	text-shadow: none;
	text-transform: none;
	background: url("/content/themes/base/images/dialog-checkfirst.png") no-repeat scroll top right transparent;
	border: 1px dotted #F57900;
	color: #F57900;
}

/* Tools */

div.offlineactivity {
	color: #6f9fd1;
	font-size: 15px;
	font-weight: bold;
	line-height: 19px;
	margin: 0 0 32px;
	text-align: left;
	text-shadow: none;
	text-transform: none;
}

div.toolform {
	border: 1px solid #E9E9E0;
	border-radius: 5px 5px 5px 5px;
	float: left;
	width: 65%;
	margin: 10px 0 0;
}

div.toolform.first {
	margin: 0;
}

div.toolform .col.first {
	margin: 0;
}
/*
div.toolform h3 {
    border-bottom: 1px solid #E0E0E0;
    color: #3B3B3B;
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
    margin: 0 0 12px;
    text-transform: none;    
}
*/
div.toolform h3,
div.module h3 {
	background: none repeat scroll 0 0 #E9E9E0;
	border: 0 none;
	border-radius: 2px 2px 2px 2px;
	color: #303030;
	font-size: 15px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 0 12px;
	padding: 10px;
	text-transform: none;
}

div.toolform h3.topmargin,
div.module h3.topmargin {
	margin: 24px 0 12px 0;
}

div.ajaxpresets {
}

#main div.ajaxpresets a {
	display: inline-block;
	margin: 0 5px 10px 0;
	padding: 0 10px;
	line-height: 32px;
	font-size: 13px;
	background: #303030;
	color: #fff;
	border-radius: 3px;
	font-weight: normal;
	cursor: pointer;
}

#main ul.ajaxlist {
	margin: 0 0 32px;
	padding: 0;
	list-style-type: none;
}

#main ul.ajaxlist li {
	padding: 10px 0;
	background: none;
	text-indent: 0;
}

#main ul.ajaxlist li:last-child {
	padding: 10px 0 0;
}

#main ul.ajaxlist li.default {
	color: #3B3B3B;
	font-style: italic;
	font-size: 12px;
	line-height: 14px;
}

#main div.module .v2 form ul.ajaxlist .columns {
	margin-bottom: 0;
}

#main ul.ajaxlist a.delete {
	display: inline-block;
	line-height: 14px;
	cursor: pointer;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	color: #a0a0a0;
}

#main ul.ajaxlist a.delete i {
	font-size: 14px;
	margin: 0 3px 0 0;
}

#main div.toolform div.matchingstock {
	background: none repeat scroll 0 0 #F5F5F5;
	border-radius: 2px 2px 2px 2px;
	float: right;
	padding: 12px;
	width: 194px;
}

#main div.toolform div.matchingstock p {
	border-top: 1px solid #E0E0E0;
	padding: 6px 0 0;
	margin: 6px 0 0;
	font-size: 11px;
	line-height: 13px;
	color: #707070;
}

#main div.toolform div.matchingstock p:first-child {
	border-top: none;
	padding: 0;
	margin: 0;
}

#main div.toolform ul.infoblock {
	margin: 21px -3px -3px;
}

#main div.toolform ul.infoblock li {
	background: none repeat scroll 0 0 transparent;
	display: block;
	float: left;
	line-height: 15px;
	padding: 3px;
	text-indent: 0;
	width: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#main div.toolform ul.infoblock p {
	border: 1px solid #E0E0E0;
	color: #303030;
	font-size: 13px;
	line-height: 19px;
	margin: 0;
	padding: 12px;
}

#main div.toolform ul.infoblock p span {
	color: #A0A0A0;
	display: block;
}

/* Delete Form */

.deleteform {
	border: 1px solid #E9E9E0;
	border-radius: 5px 5px 5px 5px;
}

.deleteform p {
	line-height: 17px;
	font-size: 13px;
}

/* Print */

#printheader {
	background: #E9E9E0;
	border-bottom: 1px solid #C9C9BF;
	position: fixed;
	width: 100%;
}

#printheader div.inner {
	width: 600px;
	margin: 0 auto;
	padding: 8px 0;
}

#printdonebutton.enabled div.enabled,
#printdonebutton.disabled div.disabled {
	display: block;
}

#printdonebutton.enabled div.disabled,
#printdonebutton.disabled div.enabled {
	display: none;
}

#printdonebutton .disabled span {
	color: #d00000;
	display: none;
	float: left;
	font-size: 11px;
	font-weight: bold;
	line-height: 36px;
	padding: 0 0 0 4px;
}

#printheader a.done {
	float: left;
}

#printheader a.print {
	float: right;
	line-height: 34px;
	padding: 0 36px 0 0;
	font-size: 11px;
	color: #3b3b3b;
	text-decoration: none;
	background: url(/content/themes/base/images/button-print.png) no-repeat right 1px;
	cursor: pointer;
}

#printbody {
	margin: 0 auto;
	width: 600px;
	background: #fff;
	font-size: 19px;
	line-height: 26px;
}

#printbody h3 {
	font-size: 28px;
	line-height: 30px;
	margin: 0 0 20px;
}

#printbody h4 {
	font-size: 24px;
	margin: 0;
}

#printbody div.inner {
	padding: 70px 32px 32px 32px;
	border: 1px solid #000;
}

#printbody table {
	border: 0;
	width: 100%;
}

#printbody tr {
	border-top: 1px solid #E0E0E0;
}

#printbody tr:last-child {
	border-bottom: 1px solid #E0E0E0;
}

#printbody td {
	padding: 6px 32px 6px 0;
	line-height: 16px;
	vertical-align: top;
}

/* Security */

#noaccess {
	width: 400px;
	margin: 140px auto 0 auto;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E0E0E0;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	font-weight: normal;
}

#noaccess .inner {
	padding: 12px 24px;
}

#noaccess h2 {
	color: #ff0000;
	font-size: 28px;
	font-weight: normal;
	text-align: center;
	margin: 10px 0 0 0;
}

#noaccess p {
	text-align: center;
	margin: 16px 0;
	font-size: 13px;
	color: #303030;
}

#noaccess p.buttongroup {
	margin: 24px 0 14px 0;
	text-align: center;
}

#noaccess p.buttongroup a {
	float: none;
	display: inline-block;
	margin: 0 6px;
	text-decoration: none;
}

/* Overlay */

#overlay div.background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 980;
	background: #fff;
	filter: alpha(opacity=75); /* internet explorer */
	-khtml-opacity: 0.75; /* khtml, old safari */
	-moz-opacity: 0.75; /* mozilla, netscape */
	opacity: 0.75; /* fx, safari, opera */
}

#overlay div.messagewrap {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 990;
}

#overlay div.message {
	width: 72px;
	background: #fff;
	border: 1px solid #C9C9BF;
	margin: 200px auto 0 auto;
	border-radius: 10px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

#overlay div.message div.inner {
	padding: 20px;
}

#overlay div.message div.anim {
	width: 32px;
	height: 32px;
	margin: 0;
	background: url(/content/themes/base/images/overlay-spinner.png) no-repeat 0 0;
	opacity: 0.75;
}

#overlay div.message p {
	line-height: 19px;
	text-align: center;
	color: #303030;
}


/* Alert */

#alert {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #FFFFFF;
	cursor: pointer;
	font-size: 11px;
	line-height: 36px;
	padding: 0;
	position: fixed;
	right: 2.5%;
	text-align: right;
	top: 0;
	z-index: 400;
}

#alert .message {
}

/* Settings */

#settings div.datalist div.datalabel {
	padding: 0 48px 0 0;
}

#settings div.datalist div.datatext {
}

#settings div.datalist div.actions {
	float: right;
	height: 28px;
	margin: 2px 0 0;
}

/* Add charge */

#main div.assetaddcharge {
	background: none repeat scroll 0 0 #E9E9E0;
	border-radius: 4px 4px 4px 4px;
	margin: 22px 0 10px;
	padding: 10px 0;
}

#main div.assetaddcharge table {
	background: transparent;
}

#main div.assetaddcharge table td {
	font-size: 15px;
	line-height: 19px;
}

#main div.assetaddcharge div.editor-date {
	margin: 0;
	width: 100px;
	border: 1px solid #bbbbbb;
}

/* Datagrids */

div.datagrid {
	background: #fff;
}

div.datagrid p.maxresults {
	font-size: 13px;
	font-weight: bold;
	margin: 24px 10px;
}

div.datagrid div.datacell a.delete,
div.datagrid div.datacell span.delete {
	float: left;
	display: block;
	width: 20px;
	height: 100%;
	background: url(/content/themes/base/images/datagrid-delete.png) no-repeat center center transparent;
	margin: 0 0 0 10px;
	opacity: 0.7;
}

#main div.datagrid div.datacell a.islocked {
	margin: 0;
	float: right;
	color: #ca4a3d;
	font-size: 14px;
	vertical-align: top;
}

#main div.datagrid div.datacell a.islocked:after {
	content: "UNLOCK";
	font-family: inherit;
	font-size: 10px;
	vertical-align: top;
}

div.datagrid div.datacell span.delete {
	opacity: 0.4;
}

div.datagrid div.datacell {
	display: block;
	float: left;
	overflow: hidden;
	width: 100%;
}

div.datagrid div.datacell .inner {
	border-bottom: 1px solid #E0E0E0;
	background: #fff;
	margin: 0;
	padding: 0;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
}

div.datagrid.auto div.datacell {
	width: 33%;
}


div.datagrid.halves div.datacell {
	width: 50%;
}

div.datagrid.thirds div.datacell {
	width: 33%;
}

div.datagrid.quarters div.datacell {
	width: 25%;
}

div.datagrid.fifths div.datacell {
	width: 20%;
}

div.datacell a.text,
div.datacell span {
	display: block;
	float: left;
	color: #3b3b3b;
	text-decoration: none;
	margin: 0 0 0 7px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

div.datacell a.text:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
}

div.datacell a.text.disabled {
	cursor: default;
	opacity: 0.4;
}

#main div.datacell a.text.disabled:hover {
	color: inherit;
	text-decoration: none;
}

#main div.datagrid a {
	font-weight: normal;
}

div.datacell div.l {
	width: 20%;
	float: left;
}

div.datacell div.r {
	width: 60%;
	float: left;
}

/* UI ovverides */

table.ui-datepicker-calendar {
	border: 0;
}

table.ui-datepicker-calendar tr {
	border: 0;
}

table.ui-datepicker-calendar td {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	overflow: inherit;
	text-decoration: inherit;
	overflow: inherit;
	border: inherit;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	margin: 0 2px;
	width: 44%;
}

.ui-menu {
	max-height: 168px;
	overflow-y: scroll;
}

/* Dynamic forms */

#main div.module div.editor-dropdown input.disabled,
#main div.module div.editor-field input.disabled,
#main div.module div.editor-field textarea.disabled,
#main div.module div.editor-date input.disabled,
#main div.module div.editor-time input.disabled {
	background: #f5f5f5;
	color: #909090;
	box-shadow: none;
}

#main div.module div.editor-dropdown input.disabled::placeholder,
#main div.module div.editor-field input.disabled::placeholder,
#main div.module div.editor-field textarea.disabled::placeholder,
#main div.module div.editor-date input.disabled::placeholder,
#main div.module div.editor-time input.disabled::placeholder {
	opacity: 0;
}

/* Home */

div.chart {
	border: 1px solid #000;
	overflow: hidden;
	border: 1px solid #C9C9BF;
	border-radius: 4px 4px 4px 4px;
	padding: 12px;
	margin: 0;
}

div.chart.topmargin {
	margin: 36px 0 0;
}

div.chart.bottommargin {
	margin: 0 0 36px;
}

#chart-overview {
	width: 100%;
	height: 280px;
}

div.closedtasks {
	margin: 36px 0 0;
}

div.warnings {
	margin: 0 0 36px;
}

/* Advanced search */

.addfields .selector {
	width: 222px;
	float: left;
}

#main div.module .addfields .selector input.ui-autocomplete-input {
	margin-bottom: 0;
}

.addfields .button input {
	height: 32px;
	line-height: 32px;
	margin: 0 0 0 12px;
	border-radius: 0;
	background: transparent;
	color: #4b87c6;
	padding: 0;
	box-shadow: none;
	text-decoration: underline;
	border: 0 none;
}

.searchfields td span.invalid {
	display: none;
	margin: 0 0 0 4px;
	color: #d00000;
	font-weight: bold;
}

.searchfields td.invalid span.invalid {
	display: inline;
}

.searchresults {
	/*border-top: 1px dotted #E0E0E0;
	margin: 12px 0 0;
	padding: 12px 0 0;*/
}

.searchresults p.no-results {
	color: #a0a0a0;
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
}

.searchresults .summary {
	color: #323232;
	float: left;
	font-size: 17px;
	font-weight: bold;
	line-height: 36px;
	width: 70%;
}

.searchresults .save {
	width: 30%;
	float: right;
}

#main .searchresults .save a.fauxbutton {
	float: right;
}

#advancedsearch .search-button {
	margin: 20px 0 0;
}

#advancedsearch .search-button a {
	background: none repeat scroll 0 0 #303030;
	border: 0 none;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0 4px 0 0;
	padding: 0 16px;
	font-weight: normal;
	text-decoration: none;
}

#advancedsearch .search-button a:hover {
	background: none repeat scroll 0 0 #4b87c6;
	color: #FFFFFF;
	text-decoration: none;
}

#advancedsearch .search-button.disabled a,
#advancedsearch .search-button.disabled a:hover {
	background: #f5f5f5;
	color: #bbb;
}

#advancedsearch .searchfields {
	margin: 20px 0 0;
}

#advancedsearch .searchfields table {
	width: auto;
	border: 0 none;
}

#advancedsearch .searchfields table .delete {
	vertical-align: middle;
	margin: -1px 0 0;
	cursor: pointer;
}

#advancedsearch .searchfields table td {
	padding: 10px 48px 10px 5px;
	vertical-align: middle;
}

#advancedsearch .searchfields table td:last-child {
	padding-right: 5px;
}

#advancedsearch .searchfields table select,
#advancedsearch .searchfields table input {
	border: 1px solid #e0e0e0;
	height: 28px;
	box-sizing: border-box;
}

#advancedsearch .searchfields table input {
	padding: 0 4px;
}

#advancedsearchresults .searchresults.expired {
	opacity: 0.65;
}

#advancedsearchresults .results {
	padding: 32px 0 0;
}

#advancedsearchresults table td:first-child {
	white-space: nowrap;
}

#advancedsearchresults table td .status {
	width: 14px;
	line-height: 19px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	color: #bbb;
	margin: 0 5px 0 0;
}

/* Error */

.error .message {
	border: 1px solid #d00000;
	background: #fff;
	margin: 21px 0 0;
	padding: 21px;
	border-radius: 3px 3px 3px 3px;
}

.error .message h2 {
	color: #d00000;
	margin: 0 0 12px;
	font-size: 18px;
}

.error .message p {
	color: #d00000;
	margin: 0;
	font-size: 15px;
	line-height: 19px;
}

.error .stacktrace {
	border: 1px solid #303030;
	background: #fff;
	margin: 21px 0 0;
	padding: 21px;
	border-radius: 3px 3px 3px 3px;
}

.error .stacktrace p {
	color: #303030;
	margin: 0 0 12px;
	font-size: 15px;
	line-height: 21px;
}

.error .stacktrace pre {
	font-family: inherit;
	font-size: 12px;
	line-height: 19px;
	margin: 12px 0 0;
	white-space: pre-wrap;
}

/* System output */

.systemoutput {
	padding: 35px 56px;
}

.systemoutput h2 {
	font-size: 22px;
	line-height: 28px;
	margin: 21px 0;
}

.systemoutput pre {
	font-family: inherit;
	font-size: 13px;
	line-height: 21px;
	margin: 21px 0;
}

/* Import */

#import h4 {
	color: #303030;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 22px;
	padding: 0;
	border: 0;
}

#import-results {
	font-size: 13px;
	line-height: 25px;
}

#import-results p {
	margin: 0 0 22px;
}

#import-results span {
	display: block;
	padding: 5px;
	border-top: 1px solid #eaeaea;
}

#import-results span:nth-child(even) {
	background: #fafafa;
}

#import-results span.warning,
#import-results span.error {
	color: #a0a0a0;
	position: relative;
}

#import-results span.warning::before,
#import-results span.error::before {
	display: block;
	content: '!';
	right: 5px;
	top: 50%;
	margin: -8px 0 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	position: absolute;
	color: #fff;
	text-align: center;
	line-height: 15px;
	font-size: 11px;
}

#import-results span.warning::before {
	background: #777;
}

#import-results span.error::before {
	background: #ca4a3d;
}

/*#import .results {
	padding: 0;
	margin: 22px 0;
	border-top: 1px solid #E9E9E0;
}

#import .results.indicator {
	border: 0 none;
}

#import .results p {
	padding: 6px 0 6px 48px;
	font-size: 11px;
	line-height: 17px;
	color: #606060;
	position: relative;
	border-bottom: 1px solid #E9E9E0;
}

#import .results span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 36px;
	height: 100%;
	margin: 0 12px 0 0;
	font-size: 11px;
	line-height: 28px;
	color: #606060;
}

#import .results .result {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 1px 1px 0;
}

#import .results .result.Successful {
	color: #8dbe6c;
	background: #e2efda;
}

#import .results .result.NotImported {
	color: #ca4a3d;
	background: #f4dbd8;
}

#import .results .result.EmptyRow {
	color: #BBBBBB;
	background: #E9E9E0;
}

#import .results .result:before {
	display: block;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-family: 'Font Awesome 5 Pro';
	margin: 0;
	font-size: 10px;
}

#import .results .result:first-child:before {
	border-left: 0 none;
}

#import .results .result.Successful:before {
	content: "\f00c";
}

#import .results .result.NotImported:before {
	content: "\f071";
}

#import .results .result.EmptyRow:before {
	content: "\f141";
}*/
#main div.snapshotpanel .importinstructions h3 {
	text-transform: none;
}

#main div.snapshotpanel .importinstructions h4 {
	border: 0 none;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 12px;
	text-decoration: underline;
}

#main .importinstructions p {
	margin: 22px 0;
}

#main .importinstructions p.validvalues {
	font-size: 11px;
	line-height: 17px;
	margin: 0 0 11px;
}

#main div.snapshotpanel hr {
	border: 0 none;
	height: 1px;
	background: rgba(0, 0, 0, 0.15);
	margin: 22px 0;
}

/* Progress bar */

.progress {
	height: 64px;
	width: 100%;
	background: #C9C9BF;
	position: relative;
}

.progress .bar {
	height: 64px;
	width: 0;
	background: #4b87c6;
	position: absolute;
	top: 0;
	left: 0;
	transition: all ease-in-out 1s;
	z-index: 20;
}

.progress .status {
	width: 100%;
	height: 64px;
	line-height: 64px;
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	transition: all ease-in-out 1s;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	z-index: 30;
}

/* Columns */

.columns {
	margin: 0 0 23px -60px;
}

.columns,
.columns * {
	box-sizing: border-box;
}

.columns:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
}

.columns .column {
	padding: 0 0 0 60px;
	float: left;
	letter-spacing: 0;
}

.columns .column *:first-child {
	margin-top: 0;
}

.columns .column *:last-child {
	margin-bottom: 0;
}

.columns.max-2 .column {
	width: 50%;
}

.columns.max-3 .column {
	width: 33.3333%;
}

.columns img {
	width: 100%;
}

/* Warning and Summary Lists */

#main .warning-list,
#main .summary-list {
	display: block;
	margin: 24px 0;
	padding: 0;
}

#main .warning-list li,
#main .summary-list li {
	display: block;
	margin: 0;
	padding: 0;
}

#main .warning-list li:before,
#main .summary-list li:before {
	color: #ca4a3d;
	margin: 0 5px;
}

#main .warning-list li:before {
	content: '\25CF';
}

#main .warning-list li.title,
#main .summary-list li.title {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

#main .warning-list li.title:before {
	content: 'Warning';
	background: #ca4a3d;
	display: inline-block;
	padding: 5px;
	margin: 0 10px 0 0;
	color: #fff;
}

/* Modal */

.modal-overlay {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	z-index: 100;
}

.modal-overlay:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.modal-wrap {
	display: inline-block;
	width: 280px;
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
}

.modal-content {
	text-align: left;
}

.modal-content h3 {
	font-size: 17px;
	line-height: 21px;
	font-weight: bold;
	margin: 0 0 14px;
}

.modal-content p {
	font-size: 13px;
	line-height: 17px;
	margin: 14px 0;
}

.modal-buttons {
	border-top: 1px solid #E9E9E0;
	margin: 24px 0 0;
	padding-top: 24px;
}

.modal-buttons input {
	background: none repeat scroll 0 0 #303030;
	border: 0 none;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0 4px 0 0;
	padding: 0 16px;
}

.modal-buttons input.disabled {
	opacity: 0.5;
	cursor: default;
}

.modal-buttons a {
	font-size: 14px;
	line-height: 36px;
	font-weight: normal;
	float: right;
	cursor: pointer;
}

.modal-buttons a:hover {
	text-decoration: underline;
}

.modal-buttons .delete-confirmation {
	background: #ca4a3d;
	color: #fff;
}

/* Tag Plugin */

#main div.module .v2 ul.tag-editor {
	list-style-type: none;
	padding: 3px 0 0 3px;
	margin: 0;
	overflow: hidden;
	cursor: text;
	min-height: 30px;
}

#main div.module .v2 ul.tag-editor li {
	display: block;
	float: left;
	overflow: hidden;
	margin: 0 3px 3px 0;
	padding: 0;
}

#main div.module .v2 ul.tag-editor li:first-child {
	display: none;
}

#main div.module .v2 .tag-editor div {
	float: left;
	/*padding: 0 4px;*/
}

#main div.module .v2 .tag-editor .placeholder {
	/*padding: 0 8px;*/
	color: #bbb;
}

#main div.module .v2 .tag-editor .tag-editor-spacer {
	display: none;
	/*padding: 0;
	width: 8px;
	overflow: hidden;
	color: transparent;
	background: none;*/
}

#main div.module .v2 div.editor-field .tag-editor input {
	vertical-align: inherit;
	border: 0;
	outline: none;
	padding: 0;
	margin: 0;
	cursor: text;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	font-style: inherit;
	box-shadow: none;
	background: none;
	color: inherit;
	height: 24px;
	line-height: 24px;
}

#main div.module .v2 .tag-editor-hidden-src {
	position: absolute !important;
	left: -99999px;
}

#main div.module .v2 .tag-editor ::-ms-clear {
	display: none;
}

#main div.module .v2 .tag-editor .tag-editor-tag {
	padding: 0 5px;
	color: #777;
	background: #f5f5f5;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	margin: 0;
	line-height: 24px;
	font-size: 12px;
}

#main div.module .v2 .tag-editor .tag-editor-delete {
	background: #f5f5f5;
	cursor: pointer;
}

#main div.module .v2 .tag-editor .tag-editor-delete i {
	line-height: 24px;
	display: inline-block;
}

#main div.module .v2 .tag-editor .tag-editor-delete i:before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	font-size: 10px;
	color: #ccc;
	content: "\f00d";
	font-style: normal;
	padding: 0 5px 0 0;
}

#main div.module .v2 .tag-editor .tag-editor-delete:hover i:before {
	color: #d65454;
}

#main div.module .v2 .tag-editor .tag-editor-tag.active + .tag-editor-delete, .tag-editor .tag-editor-tag.active + .tag-editor-delete i {
	visibility: hidden;
	cursor: text;
}

#main div.module .v2 .tag-editor .tag-editor-tag.active {
	background: none !important;
	padding: 0;
	font-size: 14px;
	color: inherit;
}

/*.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	font-size: 14px;
}
.ui-front {
	z-index: 9999;
}
.ui-menu {
	list-style: none;
	padding: 1px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.4;
	min-height: 0;
}
.ui-widget-content {
	border: 1px solid #bbb;
	background: #fff;
	color: #555;
}
.ui-widget-content a {
	color: #46799b;
}
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background: #e0eaf1;
}
.ui-helper-hidden-accessible {
	display: none;
}*/

/* Models */

.model-title {
	color: #303030;
}

.model-title .model-number {
	line-height: 24px;
	font-size: 20px;
	font-weight: bold;
	display: block;
}

.model-title .model-description {
	line-height: 13px;
	font-size: 13px;
	display: block;
	padding: 4px 0 2px;
}

.model-image {
	padding: 20px 15px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

.model-image img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 320px;
}

#main div.module .v2 .model-feature-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

#main div.module .v2 .model-feature-list li {
	padding: 0 10px;
	line-height: 32px;
	font-size: 13px;
	border-top: 1px solid #E0E0E0;
}

#main div.module .v2 .model-feature-list li:first-child {
	border-top: 0 none;
}

#main div.module .v2 .model-notes {
	font-size: 13px;
	line-height: 16px;
	padding: 8px 10px;
}

.model-stock-levels .title {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #303030;
	margin: 0 0 5px;
}

.model-stock-levels p.no-results {
	color: #a0a0a0;
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
}

.model-stock-levels table {
	margin: 0;
	border-spacing: 0;
	table-layout: fixed;
	width: 100%;
}

.model-stock-levels table tr {
	border-top: 0 none;
}

.model-stock-levels table td {
	padding: 3px 0;
	vertical-align: top;
	font-size: 13px;
	line-height: 16px;
}

.model-stock-levels table td:first-child {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.model-stock-levels table td:last-child {
	font-weight: bold;
	text-align: right;
	width: 40px;
}

.model-stock-levels a {
	cursor: pointer;
}

/* Model Stock Levels Breakdown */

div.module .v2 .tab-content-stock table {
	margin: 0;
}

div.module .v2 .tab-content-stock table td {
	padding: 8px 10px;
}

div.module .v2 .tab-content-stock table .headerrow td {
	color: #a0a0a0;
	width: 100px;
}

div.module .v2 .tab-content-stock table .headerrow td:first-child {
	color: #4b87c6;
	width: unset;
}

div.module .v2 .tab-content-stock table tbody tr:last-child {
	border-bottom: 0 none;
}

/* Link lists */

#main div.module .v2 ul.link-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main div.module .v2 ul.link-list li {
	font-size: 13px;
	line-height: 20px;
	padding: 4px 0;
}

/* */

.response-time-message {
	position: relative;
	padding: 0;
}

/*.response-time-message:before {
	content: '';
	display: block;
	height: 120px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 3px;
	border-radius: 0 3px 3px 0;
	background: #e0e0e0;
}

.response-time-message:after {
	content: '';
	position: absolute;
	left: 3px;
	top: 50%;
	margin: -2px 0 0;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 4px solid #e0e0e0;
	border-bottom: 4px solid transparent;
}*/

.response-time-message .icon {
	display: inline-block;
	border-radius: 50%;
	color: #8dbe6c;
	text-align: center;
	line-height: 32px;
	margin: 0;
	font-size: 21px;
	vertical-align: top;
}

.response-time-message .text {
	display: inline-block;
	color: #a0a0a0;
	line-height: 32px;
	margin: 0;
	font-style: italic;
	font-size: 14px;
}

.response-time-message .service-level-not-attained .icon {
	color: #ca4a3d;
}

/*.response-time-message .service-level-not-attained .text {
	line-height: 14px;
	padding: 2px 0 0;
	font-size: 12px;
}*/

/* Form parts */

form .parts {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0 none;
}

form .parts .part {
	display: table-cell;
	margin: 0;
	padding: 0 5px;
}

form .parts .part:first-child {
	padding-left: 0;
}

form .parts .part:last-child {
	padding-right: 0;
}

form .parts .part.number {
	width: 42px;
}

form .parts .part.date {
	width: 122px;
}

form .parts .part.quarter {
	width: 25%;
}

form .parts .part.third {
	width: 33.3333%;
}

/*form .parts .part .editor-field,
form .parts .part .editor-dropdown {
	width: 100%;
	min-width: 10px;
}*/

/* H2 Tabs */

div.module h2 .tabs a {
	float: none;
	border-left: 0 none;
}

div.module h2 .tabs {
	height: 48px;
	position: relative;
}

div.module h2 .tabs .tab {
	background: transparent;
	float: left;
	height: 48px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
}

#main div.module h2 .tabs .tab a {
	height: 48px;
	line-height: 48px;
	text-indent: 0;
	text-align: center;
	color: #303030;
	display: block;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	padding: 0 40px;
	margin: 0;
}

div.module h2 .tabs .tab.selected {
	background: #fff;
	text-decoration: none;
	color: #303030;
}

/* Table Key */
.table-key,
div.module .v2 .table-key {
	border: 1px solid #e5e5e5;
	padding: 9px;
}

.table-key table,
div.module .v2 .table-key table {
	width: auto;
	margin: 0 0 12px;
}

.table-key table tr,
div.module .v2 .table-key table tr {
	border: 0 none;
}

.table-key table tr td,
div.module .v2 .table-key table tr td {
	font-size: 12px;
	line-height: 16px;
	padding: 3px 0;
}

.table-key table tr td:first-child,
div.module .v2 .table-key table tr td:first-child {
	padding-right: 20px;
	/*color: #a0a0a0;*/
	text-transform: uppercase;
}

.table-key sup {
	vertical-align: top;
	font-size: 10px;
	color: #a0a0a0;
	line-height: 10px;
}

.table-key .note-description {
	font-size: 11px;
	font-style: italic;
	color: #a0a0a0;
}

/* Movement -Summary */

.movement-summary .summary {
	text-align: center;
}

.movement-summary .summary-details {
	display: inline-block;
}

.movement-summary .chiller-details {
	margin: 0 0 28px;
	border-top: 1px solid #e5e5e5;
	padding: 32px 0 0;
}

.movement-summary .chiller-details .barcode {
	display: block;
	font-weight: bold;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	color: #4b87c6;
}

.movement-summary .chiller-details .model {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #909090;
}

.movement-summary .movement-details,
.movement-summary tag-and-test-details {
	display: block;
	vertical-align: top;
	text-align: left;
}

.movement-summary .movement-details {
	margin: 0 0 32px;
	padding: 0 32px;
}

.movement-summary .movement-details .site-details {
	display: inline-block;
	vertical-align: top;
}

.movement-summary .movement-details .site-name {
	line-height: 24px;
	display: block;
	font-weight: bold;
	color: #303030;
}

.movement-summary .movement-details .site-address {
	line-height: 16px;
	font-size: 13px;
	display: block;
	color: #909090;
}

.movement-summary .movement-details .icon {
	padding: 0 20px;
	line-height: 40px;
	font-size: 19px;
	color: #ccc;
	text-align: center;
}

/*.movement-summary .tag-and-test-details {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}*/

.movement-summary .job-details {
	display: table;
	margin: 0;
	table-layout: fixed;
}

.movement-summary .job-details .no-results {
	font-size: 12px;
	line-height: 19px;
	color: #a0a0a0;
	font-style: italic;
}

.movement-summary .job-item {
	display: table-cell;
	border-left: 1px solid #e5e5e5;
	padding: 0 32px;
	text-align: left;
}

.movement-summary .job-item:first-child {
	border-left: 0 none;
}

.movement-summary .job-item .job-title {
	font-size: 13px;
	line-height: 21px;
	display: block;
	color: #909090;
	margin: 0 0 7px;
}

.movement-summary .job-item .job-title .icon {
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
}

.movement-summary .job-item .job-line {
	display: block;
	line-height: 19px;
	font-size: 12px;
}

.movement-summary .job-item .job-line:empty {
	color: #a0a0a0;
}

.movement-summary .job-item .job-line:empty:before {
	content: '\2013';
}

#main .movement-summary .job-item .job-line a {
	color: #4b87c6;
	text-decoration: underline;
	font-weight: normal;
	margin: 7px 0 0;
}

#main .movement-summary .buttonrow {
	margin: 38px 0 0;
}

.rich-dropdown {
	position: relative;
}

.rich-dropdown .current-value {
	border: 1px solid #E0E0E0;
	border-radius: 0;
	box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
	color: #303030;
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	margin: 0 0 10px;
	text-indent: 3px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.rich-dropdown .current-value i {
	display: block;
	width: 32px;
	line-height: 32px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	color: #777;
	z-index: 0;
}

.rich-dropdown .options-dialog {
	display: none;
	max-height: 206px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #E0E0E0;
	padding: 9px 5px;
	position: absolute;
	top: 31px;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 10;
}

.rich-dropdown.show-options .options-dialog {
	display: block;
}

.rich-dropdown .options {
	display: table;
	font-size: 13px;
	line-height: 17px;
	width: 100%;
}

.rich-dropdown .options .option {
	display: table-row;
	cursor: pointer;
}

.rich-dropdown .options .option:hover {
	background: #f9f9f9;
}

.rich-dropdown .options .option > span {
	display: table-cell;
	padding: 7px 10px;
}

.rich-dropdown .options .option > span.text-align-right {
	text-align: right;
}

.rich-dropdown .options .option .rating {
	white-space: nowrap;
}

.rich-dropdown .options .option .rating i {
	font-size: 10px;
	color: #e0e0e0;
}

.rich-dropdown .options .option .rating .selected i {
	color: #4b87c6;
}

/* Rating - Global */

.rating .star {
	display: inline-block;
	color: #f0f0f0;
}

.rating.score-5 .star-1,
.rating.score-5 .star-2,
.rating.score-5 .star-3,
.rating.score-5 .star-4,
.rating.score-5 .star-5,
.rating.score-4 .star-1,
.rating.score-4 .star-2,
.rating.score-4 .star-3,
.rating.score-4 .star-4,
.rating.score-3 .star-1,
.rating.score-3 .star-2,
.rating.score-3 .star-3,
.rating.score-2 .star-1,
.rating.score-2 .star-2,
.rating.score-1 .star-1 {
	color: #4b87c6;
}

/* Technican Details */

#TechnicianDetails {
	position: relative;
}

div.module .technician-details {
	display: flex;
	justify-content: left;
	margin: 0 0 32px 4px;
	font-size: 13px;
	line-height: 21px;
}

div.module .technician-details > div {
	padding-right: 64px;
}

div.module .technician-details h5 {
	font-size: 13px;
	line-height: 21px;
	border: 0;
	color: #777;
	margin: 0 0 4px;
	padding: 0;
}

div.module .technician-rating {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 3px;
	line-height: 21px;
}

div.module .technician-rating .rating .star {
	font-size: 12px;
}

/* Modal-2 */

.modal-2,
.modal-2 * {
	box-sizing: border-box;
}

.modal-2.modal-overlay {
	background: rgba(0, 0, 0, 0.7);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	opacity: 0;
	z-index: 99;
	transition: all ease-in 0.1s;
}

.modal-2.modal-overlay.show {
	opacity: 1;
}

.modal-2.modal-overlay .loading-spinner {
	display: none;
}

.modal-2.modal-overlay.processing .loading-spinner {
	display: block;
	opacity: 0.5;
	width: 36px;
	line-height: 36px;
	text-align: center;
	margin: -18px auto 0 auto;
	color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 36px;
}

.modal-2.modal-overlay .modal-content {
	background: #fff;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	opacity: 1;
	transition: all ease-in 0.2s;
}

.modal-2.modal-overlay.processing .modal-content {
	opacity: 0;
}

.modal-2 .modal-content .viewport {
	padding: 30px;
	overflow-y: auto;
}

.modal-2.modal-overlay .modal-content h3 {
	font-size: 19px;
	line-height: 25px;
	font-weight: bold;
	margin: 0;
}

.modal-2.modal-overlay .modal-content p {
	font-size: 14px;
	line-height: 21px;
	margin: 21px 0;
}

.modal-2 .modal-content .buttons {
	padding: 30px;
	border-top: 1px solid #ededed;
}
.modal-2 .modal-content .buttons .button {
	background: #303030;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	color: #fff;
	cursor: pointer;
	display: block;
	display: inline-block;
	font-family: inherit;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0 4px 0 0;
	padding: 0 16px;
}

/* Technician Details Modal */

.modal-2 .details {
	display: flex;
	justify-content: space-between;
}

.modal-2 .details > div {
	width: calc(50% - 16px);
}

.modal-2 .details p > span {
	color: #777;
	display: block;
	margin: 0 0 10.5px;
}

.modal-2 .rating {
	display: inline-block;
	margin: 10px 0 10.5px -1px;
}

.modal-2 .rating .star {
	font-size: 18px;
}

/* Table sort */

table.sortable .sort {
	position: relative;
	cursor: pointer;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

table.sortable .handle {
	position: absolute;
	top: 9px;
	right: 40px;
	display: block;
	font-size: 18px;
	box-shadow: -10px 0 10px white;
	background: #fff;
	opacity: 0.3;
	pointer-events: none;
}

table.sortable td:hover .handle {
	opacity: 1;
}

table.sortable td:last-child .handle {
	right: 10px;
}

td.sort.asc .handle, 
td.sort.desc .handle {
	opacity: 1;
}

table.sortable .sort .fa-sort {
	display: block;
}

table.sortable .sort .fa-sort-up,
table.sortable .sort .fa-sort-down {
	display: none;
}

table.sortable .sort.desc .fa-sort-down {
	display: block;
}

table.sortable .sort.desc .fa-sort,
table.sortable .sort.desc .fa-sort-up {
	display: none;
}

table.sortable .sort.asc .fa-sort-up {
	display: block;
}

table.sortable .sort.asc .fa-sort,
table.sortable .sort.asc .fa-sort-down {
	display: none;
}