@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?aa534af');
  src:  url('../fonts/icomoon.eot?aa534af#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?aa534af') format('truetype'),
    url('../fonts/icomoon.woff?aa534af') format('woff'),
    url('../fonts/icomoon.svg?aa534af#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* for maps */


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-pencil:before {content: "\e904";}
.icon-dots:before {content: "\e905";}
.icon-down:before {content: "\e903";}
.icon-1:before {content: "\e900";color: #215905;font-size:1.3em;text-shadow: 1px 1px black;}
.icon-2:before {content: "\e901";color: #d66f20;font-size:1.3em;text-shadow: 1px 1px black;}
.icon-3:before {content: "\e902";color: #6d260c;font-size:1.3em;text-shadow: 1px 1px black;}
.icon-file-picture:before {content: "\e927";}
.icon-equalizer:before {content: "\e992";}
.icon-download2:before {content: "\e9c5";}
.icon-warning:before {content: "\ea07";}
.icon-notification:before {content: "\ea08";}
.icon-plus:before {content: "\ea0a";}
.icon-minus:before {content: "\ea0b";}
.icon-cancel-circle:before {content: "\ea0d";}
.icon-play2:before {content: "\ea15";}
.icon-pause:before {content: "\ea16";}
.icon-stop:before {content: "\ea17";}
.icon-sort-amount-asc:before {content: "\ea4c";}
.icon-sort-amount-desc:before {content: "\ea4d";}
.icon-radio-unchecked:before {content: "\ea56";}
.icon-share2:before {content: "\ea82";}
.icon-file-pdf:before {content: "\eadf";}
.icon-file-openoffice:before {content: "\eae0";}
.icon-file-word:before {content: "\eae1";}
.icon-bell:before {content: "\e951";}
.icon-user:before {content: "\e971";}
.icon-users:before {content: "\e972";}
.icon-user-check:before {content: "\e975";}
.icon-search:before {content: "\e986";}
.icon-warning1:before {content: "\ea09";}
.icon-info:before {content: "\ea0c";}
.icon-cross:before {content: "\ea0f";}
.icon-arrow-down:before {content: "\ea36";}
.icon-arrow-left:before {content: "\ea38";}
.icon-pencil:before {content: "\e904";}
.icon-dots:before {content: "\e905";}
.icon-down:before {content: "\e903";}
.icon-checkmark:before {content: "\ea10";}



/* Model CSS */
/* body {overflow:hidden;} */
.modal-open {overflow:hidden;}
.modal {
  display: none; 
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
  overflow: auto;
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.7); 
}

/* Modal Content/Box */
.popup-content {
    background-color: #fefefe;
    margin: 5% auto; 
    border-radius:5px;
    border: 1px solid #888;
    width: 90%;
    padding:0% 3%;
}
.popupClose {}



.mapContent {
  position: fixed;
  right:0;
  overflow: auto;
  height: 100%;width:100%;max-width:100%;max-height:100%;min-height:100%;
  background-color: #fcfaea;
}

.mapModal {z-index:9999}



.modal-content {
  position: fixed;
  
  right:0;
  overflow: auto;
  height: 100%;
  background-color: #fcf0de;
  margin-left:auto;
  border-left: 1px solid #888;
  min-width:600px;
  width: 60%; 
  padding-left:20px;
  padding-right:20px;
    box-shadow: -9px 0px 23px 5px rgba(0,0,0,0.76);
-webkit-box-shadow: -9px 0px 23px 5px rgba(0,0,0,0.76);
-moz-box-shadow: -9px 0px 23px 5px rgba(0,0,0,0.76);
}
@media screen and (max-width: 600px)
{
  .modal-content {margin:0px;left:0px;padding:0px;width:100%;}
  .popup-content {margin:0px;left:0px;padding:0px;width:100%;min-height:100%;box-sizing: border-box}
}



.assetLink:hover {
  filter:brightness(50);
}

@media screen and (min-width: 1000px) {
	#body {margin:0px 50px 0px 120px;}
}

body {background-color:#f7f5ed;}
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
}

.testCalc {height: calc(100% - 100px);}

#inner_fixed {
}

#inner_remaining {
  background-color: #DDDDDD;
  min-height:100%;
  height: 100%;
}


/* PM */
.pmTaskRow {cursor:pointer;}
.pmTaskRow:hover {background:#d1e9f9}

/* Form Stuff */
input {border-color: #252a31;}
.select2bg, textarea, select, input {background-color: #f7f0d9;}
textarea{box-sizing: border-box;max-width:100%;}
input:disabled {background-color: #AAA;color:#000;}
input[type="submit"] {background-color: #ede4c4;}
input[type="text"], input[type="password"]  {padding:3px 4px;box-sizing: border-box;}
.formDescription {padding-left:20px;padding-top:5px;font-size:.9em;line-height:1.2em;color:#555}
.formTitle {font-weight:bold;letter-spacing:1px;}
.formElement {margin-bottom: 7px;}
select {padding:2px 3px;}
option {font-size:1.1em;}



/* Schedule */
.scheduleEditDay {margin-left:10%;width:80%;}
.scheduleEditDay:disabled {background: #888888;}
textarea:disabled, input:disabled {background: #888888 !important;}
.scheduleButton {background-color:#3071db !important;color:white;padding:2px 20px;}


/* Tags */
.basicList {margin-top:0px;margin-bottom:0px;}

.unusable {opacity: 0.4;}

/* Messags */
.errorBox {background:#6b2128;color:white;border:1px solid white;position:relative;padding:10px 10px 10px 40px;border-radius:7px;width:inherit;}
.errorBox img { position:absolute;left:0px;top:0px;width:35px }
.successBox {background:#bcffcf;color:black;border:1px solid black;position:relative;padding:10px 10px 10px 40px;border-radius:7px;width:inherit;}
.successBox img { position:absolute;left:0px;top:0px;width:35px }

/* Links */
.divLink, a, a:visited {color:#416399;cursor:pointer}
.iconLink {cursor:pointer;}
.iconLink:hover, .divLink:hover, a:hover{color:#729ee5;}


/* pagination */
.pagination a {padding:3px;background-color:#003284;color:#FFF;text-decoration:none;border:1px dotted #000;}
.pagination a:hover {background-color:#c0ebf9;color:black;}
a.currentPage {background-color:#3071db}

/* Various 'simple' styles */
.simpleH2 {margin:0px;margin-bottom:10px;padding:10px 5px;border-bottom:1px solid black;}
.simpleH3 {margin:0px;margin-bottom:10px;padding:10px 5px;}
.simpleButton {padding:3px 7px;border:1px solid black;background: #3071db;color:white;border-radius:15px;cursor:pointer;}

/* Work Orders */
.orderHeader {font-size:1.4em;font-weight:bold;font-family: Georgia, serif;padding:5px;}
.orderNumber {color:#555;}
.orderPriority {padding:4px;border:1px solid #555;border-radius: 10px;}
.orderPriorityNone {color:#222;background: #CCC;}
.orderPriorityLow {color:#354707;background: #dcedaf;}
.orderPriorityMedium {color:#a34e00;background: #f7e0b2;}
.orderPriorityHigh {color:#471006;background: #ffac7f;}

.tags a {border:1px solid black;border-radius:20px;padding:2px 4px;background: #3071db;color:white;white-space:nowrap;}
.tags + .tags {margin-left:5px;}
.tags a:hover {background: #c0ebf9;color:black;}

.tagSmall {padding:1px 2px;font-size:.8em;}
.tagSmall + .tagSmall {margin-left:0px;}

.sexy {border-collapse: collapse; border-spacing:0;border:1px solid #AAA;}
.sexy th {padding:3px;background: #dae3f2;border:1px solid #555;}
.sexy td {padding:5px;border-bottom:1px solid #888;}
.sexy tr:hover {background: #9bddf7 !important;cursor:pointer;}
.sexy tr:nth-child(even) { background: #ddd;}

.monthlyInspectionClosed {color:#888;text-decoration: line-through;}


.tab {padding:5px;font-weight:bold;border-bottom:2px solid black;}
.tabSpacing {display:inline-block;font-size:1.3em;vertical-align: bottom;}
.tabSpacing + .tabSpacing {margin-left:30px;}


.plantLocation {
  position: relative;
  display: inline-block;
  width: 11px;
  height: 11px;
  padding: 8px;
  border-radius: 50%;
  line-height: 90%;

  
  color: white;
  font-family: Helvetica, Arial Black, sans;
  font-size: 1em;
  text-align: center;
  text-shadow: 1px 1px black;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
}
.plantSouth {background: #146840;}
.plantNorth {background: #7b3dba;}




.mini {border-collapse: collapse;border:0px;padding:0px;width:100%;margin:0px;}
.mini td {
   padding: 0px; 
   margin: 0px;
   vertical-align:top;
}

table.classic {border:1px solid black;color: #333;border-collapse: collapse; border-spacing: 0; }
.classic th {background: #DFDFDF;font-weight: bold;}
.classic td {background: #FAFAFA;padding:4px;border:1px solid #666;} 
.classic tr:nth-child(even) td { background: #F1F1F1; }         
.classic tr:nth-child(odd) td { background: #FEFEFE; }  


.filter {margin:5px 0px;}

.filterWrap {display:inline;position:relative;border:1px solid black;background: lightblue;padding:2px 3px;}
.filterWrap + .filterWrap {margin:5px;}
.filterDrop {
	display:none;
	position: absolute;
	left:0px;
	z-index:75;
	background: #eaefd0;
	padding:6px;
	border:1px solid black;
	white-space: nowrap;

}
.filterDrop > label
{
	white-space:pre;

}

.select2-selection__choice {
    font-size:.9em;
    padding: 0 2px;
}


.switch-field {
	display: flex;
	margin-bottom: 36px;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #AAA;
	color: rgba(0, 0, 0);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: #acc2e5;
	box-shadow: none;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}



.basic-half {width:100%;}


/* Styles for hiding the native checkbox */
input[type='checkbox'].check-custom {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}



/* Styles for the basic appearance of the custom checkbox */
input[type='checkbox'].check-custom ~ .check-toggle {
  width: 1rem;
  height: 1rem;
  
  margin-left:14px;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #969696;
  border-radius: 50%;
  cursor: pointer;
}

/* Styles for the hover state appearance of the custom checkbox */
input[type='checkbox'].check-custom:hover ~ .check-toggle {
  border-color: #4a4a4a;
}

/* Styles for the focus state appearance of the custom checkbox */
input[type='checkbox'].check-custom:focus ~ .check-toggle {
  border-color: #b0d5ff;
  box-shadow: 0 0 0 2px rgba(23, 133, 255, 0.25);
}

/* Styles for the checked state appearance of the custom checkbox */
input[type='checkbox'].check-custom:checked ~ .check-toggle {
  border-color: #1785ff;
  background: #1785ff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
  background-size: 75%;
}



/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
}
.custom-select-wrapper select {
  display: none;
}
.custom-select {
  position: relative;
  display: inline-block;
}
.custom-select-trigger {
  position: relative;
  display: block;
  width: 130px;
  padding: 0 15px 0 15px;
  font-size: 1.2em;
  font-weight: 300;
  color: #fff;
  line-height: 40px;
  background: #5c9cd8;
  border-radius: 4px;
  cursor: pointer;
}
.custom-select-trigger:after {
  position: absolute;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateY(-50%);
  transition: all 0.4s ease-in-out;
  transform-origin: 50% 0;
}
.custom-select.opened .custom-select-trigger:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%);
}
.custom-options {
  position: absolute;
  display: block;
  z-index:200;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 100%;
  margin: 7px 0;
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
  background: #fff;
  transition: all 0.4s ease-in-out;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);
}
.custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0);
}
.custom-options:before {
  position: absolute;
  display: block;
  content: "";
  bottom: 100%;
  right: 25px;
  width: 7px;
  height: 7px;
  margin-bottom: -4px;
  border-top: 1px solid #b5b5b5;
  border-left: 1px solid #b5b5b5;
  background: #fff;
  transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}
.option-hover:before {
  background: #f9f9f9;
}
.custom-option {
  position: relative;
  display: block;
  padding: 0 11px;
  border-bottom: 1px solid #b5b5b5;
  font-size: 18px;
  font-weight: 600;
  color: black;
  line-height: 47px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.custom-option:first-of-type {

  border-radius: 4px 4px 0 0;
}
.custom-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
}
.custom-option:hover,
.custom-option.selection {
  background: #f9f9f9;
}

.workOrderStatus-Complete {background-color: #444}
.workOrderStatus-Inprogress {background-color: green}
.workOrderStatus-Onhold {background-color: #898637}