body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: arial;
  overflow: hidden;
  overflow-y: hidden;
  touch-action: none;
  position: fixed;
  top: 0 !important;
  font-size: 14px;
}
body {
  overscroll-behavior-y: contain;
}
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  background: rgba(159, 159, 159, 0.8);
}
/* ::-webkit-scrollbar-button{
	box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	border-radius:8px;
	background:rgba(159, 159, 159, 0.8);
} */
th {
  text-align: center;
}
form {
  margin: 0;
}
input[type='checkbox'] {
  /* display:none; */
}
/* input[type="checkbox"] + label span {
	display:inline-block;
	width:15px;
	height:15px;
	margin:-1px 4px 0 0;
	vertical-align:middle;
	background:url(../images/unchecked.jpg) left top no-repeat;
	cursor:pointer;
	display:none;
}
input[type="checkbox"]:checked + label span {
	background:url(../images/checked.jpg) left top no-repeat;
} */
input[type='radio'],
input[type='checkbox'] {
  height: 14px;
  width: 14px;
}
input[type='radio'] {
}
/* input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image:	url('../images/checkbox_2.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
} */
.checkboxAdjustMrg {
  margin-top: 2px;
  display: inline-block;
  vertical-align: top;
  margin-left: 2px;
}
.checkboxToggleAll {
  text-decoration: underline;
}
.verySmallInput {
  width: 46px !important;
}
.smallInput {
  width: 72px !important;
}
/* input[type="checkbox"]:disabled {
	background-image: url('../images/checkbox_2_disabled.png');
}
input[type="checkbox"]:checked {
	background-image:	url('../images/checkbox_checked_2.png');
}
input[type="checkbox"]:disabled:checked {
	background-image: url('../images/checkbox_checked_2_disabled.png');
} */
select:disabled,
input:disabled {
  background-color: rgb(222, 222, 222) !important;
  color: rgb(84, 84, 84);
  opacity: 1;
}
input[readonly] {
  cursor: default;
}
.ul {
  text-decoration: underline;
}
.em {
  font-style: italic;
}
.red {
  color: #de0000;
}
.highlight {
  background-color: yellow;
}
.subLabel {
  font-weight: 700;
  font-size: 18px;
}
.subSectionLabel {
  font-weight: 700;
  border-bottom: 1px solid #ececec;
  padding: 10px 0 5px;
  margin-bottom: 10px;
}
.midFont {
  font-size: 24px;
}
.trans_orange_background {
  background-color: #cc470f80 !important;
}
.overflowAuto {
  overflow: auto;
}
.checkboxColorBox {
  width: 12px;
  height: 12px;
  float: left;
  margin: 4px 5px 0;
  border: 1px solid #c5c5c5;
}
.checkboxLabel {
  cursor: default;
  padding-top: 2px;
  padding-left: 5px;
  /* float: left; */
  margin-left: 16px;
  /* display: inline-block; */
}
.checkWrapWithColor .checkboxLabel {
  margin-left: 36px;
}
.advFilterTabsWrap .tab:not(.activeTab) .checkboxLabel {
  cursor: pointer;
}
.checkboxLabelInner {
  display: inline;
}
.checkboxAddNotes {
  width: 14px;
  height: 14px;
  float: left;
  background: #005970 url('../images/plus.png') no-repeat center/75%;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 3px;
  cursor: pointer;
}
.checkboxWrap {
  /* display: inline-block; */
}
.checkbox.checkboxEle,
.radio.checkboxEle {
  margin: 2px;
  margin-right: 0;
  float: left;
  margin-top: 4px;
}
.checkboxWOutLabel .checkbox {
  margin-right: 2px;
}
.buttonWrap {
  text-align: center;
}
.none,
.noShow {
  display: none !important;
}
.hideNoClose,
.hideNoClose.block {
  display: none !important;
}
.tempNone {
  display: none !important;
}
.hidden {
  visibility: hidden !important;
}
.small {
  font-size: 11px;
}
.small_12 {
  font-size: 12px;
}
.med_small {
  font-size: 13px;
}
.marg_bot {
  margin-bottom: 7px !important;
}
.placeHolder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.36);
}
.fieldMedBold {
  font-weight: 700 !important;
}
.fieldBold {
  font-weight: 900 !important;
}
.fieldUnderline {
  text-decoration: underline !important;
}
.fieldItalic {
  font-style: italic !important;
}
.link {
  text-decoration: underline;
  color: #005970;
  cursor: pointer;
}
.nowrap {
  white-space: nowrap;
}
.disabledRow {
  background-color: #dcdcdc;
}
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ' ';
  clear: both;
  height: 0;
}
* html .cf {
  height: 1%;
}
.cf {
  display: block;
}
.noPointerEvents {
  pointer-events: none;
}
.pointerEvents {
  pointer-events: all;
}
.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pointerCursor {
  cursor: pointer !important;
}
.defaultCursor {
  cursor: default !important;
}
.grabbing {
  cursor: -webkit-grabbing !important;
}
.postScript {
  font-size: 11px;
}
.someMoreInfo {
  margin-top: 5px;
}
.normalLink {
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.discreteLink {
  display: inherit;
  text-decoration: none;
  color: inherit;
}
.fullElementWrap {
  position: relative;
  /* min-height: 230px; */
  background-color: black;
  overflow: hidden;
}
.fullElement {
  display: block;
  position: absolute;
}
.imgSizeCheck {
  position: fixed;
  left: 9999999px;
  top: 99999999px;
  visibility: hidden;
}
.borderCollapse {
  border-collapse: collapse;
}
.ol-attribution button,
.ol-attribution ul {
  display: block !important;
}
.ol-attribution li,
.ol-attribution li > a {
  /*vertical-align: top;*/
}
.ol-attribution.olAttributionVisible {
  position: fixed;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
  height: auto !important;
  padding: 5px;
  position: absolute;
}
.ol-attribution.ol-logo-only button,
.ol-attribution.ol-uncollapsible button {
  display: none !important;
}
.ol-attribution.olAttributionVisible li {
  display: block;
  text-align: left;
}
.olAttributionVisible .ol-attribution button,
.ol-attribution ul {
  text-align: left;
}
.olAttributionWrap {
  position: fixed;
  cursor: pointer;
}
.ol-attribution {
  white-space: nowrap;
}
.ol-attribution ul {
  max-width: none;
}
.olAttributionWrap.attributionOpen {
  background-color: rgba(0, 60, 136, 0.5);
  color: white;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  font-size: 12px;
}
.accountBox.panelTempHide,
.panel.panelTempHide {
  display: none !important;
}
html .gm-style img {
  max-width: 100%;
}
/*time input*/
.timeInputItem {
  width: 42px !important;
  background: transparent !important;
  background-color: white !important;
}
.timeAMPMSelect.timeInputItem {
  width: 48px !important;
}
.timeNumItem.timeInputItem {
  width: 44px !important;
  padding: 0;
  text-align: right;
}
.timeInputEle {
  float: left;
}
.timeInputWrap {
  background-color: #eeeeee;
  display: inline-block;
  padding: 5px;
  border: 1px solid rgb(178, 178, 178);
  border-radius: 5px;
}
.timeInterval {
  margin: 4px 2px 0;
}
#refreshInstruction {
  font-size: 12px;
}
#timestamp {
  font-size: 10px;
  float: right;
}
.discreteLink:visited,
.discreteLink:active {
  color: inherit;
}
.block {
  display: block !important;
}
.inlineBlock {
  display: inline-block !important;
}
.inline {
  display: inline !important;
}
.right {
  text-align: right !important;
}
.left {
  text-align: left !important;
}
.center {
  text-align: center !important;
}
.italic {
  font-style: italic !important;
}
.hauto {
  height: auto !important;
}
.marginAuto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.cursorDefault {
  cursor: default !important;
}
.centerMargin {
  margin: 0 auto;
}
.smallFont {
  font-size: 12px;
}
.bold {
  font-weight: 900 !important;
}
.semibold {
  font-weight: 700 !important;
}
.pointer {
  cursor: pointer !important;
}
.transform45 {
  transform: rotate(45deg);
}
.stdMrgTop {
  margin-top: 4px;
}
.stdMrgBottom {
  margin-bottom: 4px;
}
.stdMrgRight {
  margin-right: 4px;
}
.stdMrgLeft {
  margin-left: 4px;
}
.normMrgTop {
  margin-top: 10px;
}
.normMrgBottom {
  margin-bottom: 10px;
}
.normMrgRight {
  margin-right: 10px;
}
.normMrgLeft {
  margin-left: 10px;
}
.mrgTop20 {
  margin-top: 20px;
}
.mrgBottom20 {
  margin-bottom: 20px;
}
.mrgLeft20 {
  margin-left: 20px;
}
.mrgRight20 {
  margin-right: 20px;
}
.noMrgBottom {
  margin-bottom: 0;
}
.noMrgTop {
  margin-top: 0;
}
.stdPadRight {
  padding-right: 4px;
}
.childrenInline > * {
  display: inline-block;
}
.stdTable {
  border-collapse: collapse;
  border: 1px solid #ececec;
  background-color: white;
}
.stdTable td,
.stdTable th {
  padding: 6px;
  box-sizing: border-box;
}
.stdTable:not(.stdTableNoRowBGColor) tbody tr:nth-child(odd) {
  /* background-color: #eee; */
  background-color: #fbfbfb;
}
.stdTable thead tr:nth-child(odd) {
  background-color: #dcdcdc;
}
.stdTable tfoot tr:nth-child(odd) {
  background-color: #dcdcdc;
}
.stdTable th {
  /* word-break: break-word; */
}
.stdTableTRHover {
  background-color: #dcdcdc !important;
}
.stdTableDiv {
  max-height: 348px;
  overflow-y: auto;
}
.tableNoMaxHeight .stdTableDiv {
  max-height: 600px;
}
.tableNoMaxHeight .stdTableTheadWrap .stdTableDivWStickyCols {
  margin-right: 0 !important;
}
.verticalAlignTop {
  vertical-align: top;
}
/* .stdTableDiv.stdTableHasStickyCols {
	max-width: 648px;
	overflow-x: auto;
	position: relative;
} */
.stdTableStickyColsWrapWrap {
  position: relative;
  overflow-x: auto;
  /* max-width: 600px; */
  overflow-y: hidden;
}
.stdTable.stdTableStickyCols {
  position: absolute;
  left: 0;
  z-index: 99;
  top: 0;
}
.stdTable.stdTableStickyCols td:last-child,
.stdTable.stdTableStickyCols th:last-child {
  border-right: 2px solid #b9b9b9;
}
.stdTableTbody > tr {
  background-color: transparent !important;
}
.stdTableTbody > tr > td {
  padding: 0;
}
.stdTableDiv {
  overflow-x: hidden;
}
.stdTablePrimaryScroller,
.stdTableDiv.stdTablePrimaryScroller {
  overflow-x: auto;
}
.fullHeight {
  height: 100%;
}
.table {
  display: table;
}
.tc {
  display: table-cell;
  vertical-align: middle;
}
.fullWidth {
  width: 100%;
  box-sizing: border-box;
}
.subDetails {
  font-size: 12px;
  margin: 10px 0;
}
.subHeader {
  font-size: 28px;
  margin: 0 0 7px 0;
}
.subSubHeader {
  font-size: 17px;
  margin: 0 0 7px 0;
}
.subSubSubHeader {
  font-size: 16px;
  margin: 0 0 7px 0;
}
.fLeft {
  float: left;
}
.fRight {
  float: right;
}
.clearRight {
  clear: right;
}
.checkLabel {
  cursor: pointer;
}
.checkboxesWrap,
.radiosWrap {
  display: inline-block;
  width: 100%;
}
.inline .checkboxesWrap {
  margin-right: 10px;
  width: auto;
}
.multiMoreContainer {
  display: none;
}
.shelfForm {
  /* width:100%; */
  margin: 0 auto;
}
.shelfForm th {
  text-align: left;
}
.shelfForm th > .tdLiner {
  margin: 10px 0;
}
.toolBoxDesc {
  font-size: 14px;
  /* border-bottom: 1px solid black; */
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.uiInput {
  /* width: 140px; */
}
.textareaInput {
  min-height: 64px;
}
.innerWrap {
  overflow-y: auto;
  height: 100%;
}
.formsWelcome {
  margin-bottom: 10px;
}
.formTable {
  /* width:100%; */
  margin: 0 auto;
  width: auto;
}
table.fullWidthTable {
  table-layout: fixed;
  width: 100%;
}
.form .formTable > tbody > tr > td:first-child {
  max-width: 300px;
}
.formTR > td {
  padding: 4px 0;
}
.formTopButtons {
  text-align: left;
}
.inputErrorContainer {
  background-color: rgb(255, 188, 188);
  padding: 2px;
  display: none;
  margin-top: 2px;
  font-size: 12px;
}
.errorBG {
  background-color: rgb(255, 188, 188) !important;
}
.formTitle {
  font-size: 20px;
  margin-bottom: 6px;
}
.formDesc {
  border-bottom: 1px solid black;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-top: 1px solid black;
  padding-top: 5px;
}
.formDesc p:first-of-type {
  margin-top: 0;
}
.formDesc p:last-of-type {
  margin-bottom: 0;
}
.formDetailsLabel {
  font-weight: 900;
}
.reqSpan {
  cursor: default;
}
.reqNotRequired {
  margin-left: 4px;
  font-style: italic;
}
.formFieldDesc {
  font-size: 12px;
  font-style: italic;
  word-break: break-word;
}
.fieldTitle {
  font-size: 18px;
  font-weight: 900;
  margin: 5px 0;
}
.fieldPreField {
  font-style: italic;
  font-weight: 700;
}
.fieldDesc {
  margin-left: 20px;
}
.map {
  height: 100%;
  width: 100%;
}
#mainMap {
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 0px;
}
.mapWrap {
  height: 100%;
  width: 100%;
}
#mapContainerWrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  overflow: hidden;
}
#gmapContainerWrap,
#mainMapContainerWrap {
  height: 100%;
  width: 100%;
}
#gmap {
  /* display:none; */
  /* z-index:-1; */
}
#mapBlock {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.adding {
  /* cursor:crosshair!important; */
  cursor: url('../images/crosshair.png') 14 14, auto;
}
.grab {
  cursor: -webkit-grab;
}
.gmapHidden {
  position: fixed;
  left: 99999999px;
  top: 99999999px;
}
.gmapHidden2 {
  position: fixed;
}
.googAttAdjust {
  bottom: 20px !important;
}
.static {
  position: static !important;
}
.popup {
  /* max-width: 300px;
	min-width: 200px; */
  background: white;
  padding: 5px;
  position: relative;
  box-shadow: 0 0 5px black;
  cursor: default;
  z-index: 999;
}
.popupButton {
  background: #666665;
  float: right;
  width: 18px;
  height: 18px;
  text-align: center;
  /* color: white; */
  cursor: pointer;
  border-radius: 3px;
}
.popupLabel {
  font-weight: 900;
  border-bottom: 1px solid black;
}
.popupContent {
  max-height: 300px;
  overflow-y: auto;
  position: relative;
  z-index: 9999;
  border-bottom: 1px solid black;
  padding: 5px;
}
.popupImgLeft {
  float: left;
  width: 84px;
  margin-right: 6px;
}
.puBotButtonsWrapWLeft .popupImgLeft {
  height: 100px;
}
.popup.popupWithLeft .popupTable,
.puBotButtonsWrap.puBotButtonsWrapWLeft .puBotButtons {
  float: left;
  width: -webkit-calc(100% - 90px);
  width: -moz-calc(100% - 90px);
  width: calc(100% - 90px);
}
.popupLeftImg,
.popupTopImg {
  max-width: 100%;
  max-height: 100%;
  display: block;
  cursor: pointer;
  margin: 0 auto;
}
.popupTopImg {
  max-height: 154px;
  margin-bottom: 6px;
}
.puNoTrees {
  margin: 10px;
}
.popup.inventoryPopUp {
  min-height: 136px;
}
.puBotButtons {
  z-index: 9999;
  position: relative;
}
.puBotButtons > * {
  margin-right: 5px;
  margin-top: 5px;
  float: left;
}
.puBotButtons > *:last-child {
  margin-right: 0;
}
.puBotButtons .photoHTMLPkg .stdButton {
  /* display: block; */
  margin: 0;
  /* margin-bottom: -4px; */
}
.photoHTMLPkg .button.viewPhotos {
  display: block;
}
.viewPhotosSC {
  cursor: pointer;
}
.otherFeaturesDesc {
  margin-right: 5px;
}
.otherFeaturesWrapEle {
  float: left;
}
.otherFeatsTogWrap {
  float: left;
  cursor: pointer;
  height: 16px;
  width: 9px;
}
.otherFeatsTog {
  height: 100%;
  width: 100%;
}
.otherFeatsTogWrap.togLeft {
  margin-right: 4px;
}
.otherFeatsTog.togLeft {
  background: url('../images/arrow_left_small.png') no-repeat;
}
.otherFeatsTog.togRight {
  background: url('../images/arrow_right_small.png') no-repeat;
}
.popup .popupTable {
  table-layout: fixed;
  width: 100%;
}
.popup .popupTable .tdLiner {
  word-break: break-word;
  font-size: 14px;
}
.popupTable,
.advFTable {
  border-collapse: collapse;
  background: #dfeebf;
  box-shadow: 0 0 5px black;
}
.popupTable td,
.popupTable th {
  border: 1px solid black;
  /* border-top: 0; */
}
.popupTable tr:last-child td {
  /*  border-bottom: 0; */
}
/* .popupInnerContent {
	max-height: 276px;
	overflow-y: auto;
	box-shadow: inset 0 0 5px black;
	padding: 3px;
} */
.popupTopLabel {
  float: left;
  width: -webkit-calc(100% - 23px);
  width: -moz-calc(100% - 23px);
  width: calc(100% - 23px);
}
.otherFeaturesWrap {
  width: 100%;
  float: left;
  margin-top: 5px;
}
.popupButtons {
  position: relative;
  z-index: 9999;
  float: right;
}
.popupTop {
  padding: 2px 0;
  /* border-bottom: 1px solid black; */
  position: relative;
  z-index: 9999;
}
.popupWorkPreviewWrap {
  padding: 10px;
}
.popupWorkPreviewWrap > .subLabel {
  text-align: center;
  margin-bottom: 12px;
}
.workPreviewContent td,
.workPreviewContent th {
  padding: 2px 4px;
}
table.puWorkItemSummaryTable tr:nth-child(odd) {
  background-color: #ebebeb;
}
table.puWorkItemSummaryTable tr > td:first-child {
  padding-right: 26px;
}
table.puWorkItemSummaryTable tr > td {
  padding: 4px;
}
.popUpRow .tdLiner {
  min-width: 64px;
  padding: 2px;
}
.ttListUL {
  margin: 0;
  padding-left: 20px;
  min-width: 252px;
}
.pointerWrap {
  position: absolute;
  width: 0;
  height: 0;
  overflow: visible;
  background: inherit;
}
.popupTable.popupCountTable {
  width: 270px;
  font-size: 14px;
}
.popup.popupWithCount {
  max-width: none;
}
.popupCountTopEle {
  float: left;
  /* width: 50%; */
  width: 135px;
  box-sizing: border-box;
  padding: 5px;
  font-weight: 500;
}
.popupCountMiddleEle > * {
  float: left;
}
.popupCountMiddleLeft,
.popupCountMiddleRight {
  width: 60px;
  height: 100%;
  padding-top: 11px;
  box-sizing: border-box;
}
.popupCountMiddleMid {
  width: -webkit-calc(100% - 120px);
  width: -moz-calc(100% - 120px);
  width: calc(100% - 120px);
  height: 100%;
  border-bottom: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.popupCountMiddleRight {
  text-align: right;
}
.popupCountBottom {
  margin-top: 10px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 10px;
}
.popupCountIcon {
  position: absolute;
  bottom: 0;
  left: 27%;
  max-height: 100%;
  max-width: 100%;
}
#svg {
  width: 100%;
  height: 100%;
  position: absolute;
}
.popupCountMiddleEle.cf {
  height: 30px;
}
.popupCountMiddle {
  padding-bottom: 24px;
  position: relative;
}
.popupCountIconWrap {
  position: absolute;
  bottom: 0;
  left: 60px;
  width: -webkit-calc(100% - 120px);
  width: -moz-calc(100% - 120px);
  width: calc(100% - 120px);
  height: 100%;
}
.popupCountMiddle {
  padding-bottom: 24px;
  position: relative;
}
.popupWithCount .popupTopLabel {
  font-weight: 500;
  max-width: 262px;
}
.popup.geocoded .arrowLeft,
.popup.introPanelQuickActivity .arrowLeft,
.layerPopup .arrowLeft,
.popup.geocoded .arrowRight,
.popup.introPanelQuickActivity .arrowRight,
.layerPopup .arrowRight {
  top: 0;
}
.popup.geocoded {
  min-width: 50px;
}
.pointerLeft {
  left: 0;
  top: 0;
}
.pointerRight {
  right: 0;
  top: 0;
}
.pointerTop {
  left: calc(50% + 18px);
  top: 5px;
}
.pointerBottom {
  left: calc(50% - 18px);
  bottom: 5px;
}
.pointerWrapInner {
  position: absolute;
  background: inherit;
}
.arrowLeft {
  top: 106px;
  left: 5px;
}
.arrowRight {
  top: 106px;
  right: 5px;
  -ms-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.arrowTop {
  top: 0;
  left: 0;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.arrowBottom {
  top: 0;
  left: 0;
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.arrowP {
  position: absolute;
  top: 10px;
  left: -13px;
  background: inherit;
  width: 15px;
  height: 15px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 999;
  box-shadow: 0 0 5px black;
}
.arrowCov {
  position: absolute;
  top: 4px;
  left: -5px;
  width: 15px;
  height: 25px;
  background: inherit;
  z-index: 9999;
}
.popupTopBottom .arrowLeft {
  top: 0;
  left: 144px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.containerImg {
  max-height: 100%;
  max-width: 100%;
}
.selectNoSelect {
  pointer-events: none;
  outline: 0 !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0 !important;
  font-size: 16px;
  border-radius: 0;
  margin-top: 0px;
  padding: 0;
  background-color: transparent !important;
}
.stdButton.showButton {
  display: none;
}
.stdButton.settingButton {
  margin-right: 0;
}
.iconButton,
.mobileMenuButton {
  width: 58px;
  height: 56px;
  color: white;
  /* box-shadow: 0 0 5px black; */
  box-sizing: border-box;
}
.iconButton:active {
  box-shadow: none;
}
.onlyIconButton {
  width: 29px;
  height: 29px;
  box-sizing: border-box;
  padding: 2px !important;
}
.onlyIconButton.button {
  display: inline-block;
}
.symButton .iconButtonIcon {
  /* width: 60%;
	max-height: 60%;
	position: absolute;
	top: 20%;
	left: 20%;
	margin: 0 auto; */
  /* margin: 20% auto 0;
	height: 18px;
	max-height: none; */
  margin: 20% auto 0;
  max-height: 18px;
  max-width: 18px;
}
.headerButtonsNoText .symButton.iconButton.headerButton {
  margin-top: 7px;
}
.headerButtonsNoText .symButton .iconButtonContent {
  display: none;
}
.mobileMenuButton .iconButtonIcon {
  margin-top: 8px;
  /* margin-top: 3px; */
}
.button.circleButton {
  background-color: rgba(0, 0, 0, 0) !important;
}
.circleButton .buttonContent.buttonEle {
  border-radius: 50%;
  width: 100%;
  padding-bottom: 100%;
}
.symButton .buttonContent {
  width: 100%;
}
.womDoneAddFromMapButton,
.doneAddingFromMapButton,
.crosshairsSelectButton {
  bottom: 10px;
  left: 10px;
}
.freeFloatingButton.stdButton {
  position: absolute;
  width: 70px;
  height: 70px;
  z-index: 7;
  border: 3px solid white;
}
.symButton .iconButtonContent {
  font-size: 12px;
  text-align: center;
}
.symButton .iconButtonIconWrap {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
  box-shadow: inset 0 0 8px rgb(106, 106, 106);
  position: relative;
  margin: 0 auto;
}
.symButton:active .iconButtonIconWrap {
  box-shadow: inset 0 0 16px rgb(106, 106, 106);
}
.iconButtonIconWrap {
  display: table;
  width: 100%;
  height: 100%;
}
.iconButtonIconInner {
  display: table-cell;
  width: 10px;
  padding: 0;
  height: 10px;
  vertical-align: middle;
}
.onlyIconButton .buttonContent {
  height: 100%;
}
.onlyIconButton .iconButtonIWrap {
  width: 100%;
  height: 100%;
}
.iconButtonIcon {
  max-width: 100%;
  /* max-height: 100%; */
  display: block;
  margin: 0 auto;
}
.onlyIconButton .iconButtonIcon {
  max-width: 20px;
  max-height: 20px;
}
.button.elExportPhotos .iconButtonIcon {
  margin-top: 3px;
}
.bgIconButtonContent {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 58% 58%;
  width: 100%;
  height: 100%;
}
.buttonContent svg {
  width: 100%;
  height: 100%;
}
.containImg {
  max-width: 100%;
  max-height: 100%;
}
.toolBoxButton {
  color: white;
  border-radius: 3px;
}
.toolBoxButton {
  background-color: #005970;
}
/* .shelf.opened>.shelfButtonWrap>.button.toolBoxButton {
	background-image: url(../../main/images/Sort_Arrow_Down_Up.png);
} */
.toolBoxButton.shelfDisabled {
  background-color: #4b6177;
}
.shelfContentWrap .shelfButtonWrap > .button.toolBoxButton {
  /*  background: #008CB2!important; */
}
.matrixTable {
  /*max-height:350px;
	overflow: scroll;*/
}
.stdButton.button {
  display: inline-block;
  min-width: 47px;
  margin-right: 5px;
  padding: 6px 10px;
  font-size: 12px;
}
.stdButton:last-child:not(.fRight):not(.centerMargin):not(.alertConfirmButton):not(.canopyHomeButton):not(.closeCanopyButton) {
  margin-right: 0;
}
.button {
  background: #666665;
  color: white;
  font-size: inherit;
  cursor: pointer;
  padding: 5px;
  overflow: hidden;
  font-weight: 500;
  /* box-shadow: 0 0 3px black; */
  border-radius: 3px;
  text-align: center;
  /* border: 1px solid white; */
  border: none;
  position: relative;
  text-transform: uppercase;
}
.button.bulkAddButton {
  float: right;
  margin: 0px 5px 3px;
}
.button.stdButton.stdButtonWIcon {
  background-repeat: no-repeat;
  background-position: 6px center;
  padding-left: 30px;
  background-size: auto 20px;
}
.thirdPartyLoginButtons {
  margin-top: 16px;
}
.button.stdButton.thirdPartyButton {
  height: 40px;
  background-size: auto;
  background-color: white !important;
  color: black !important;
  padding-left: 40px;
  margin-bottom: 10px;
  border: 1px solid rgb(178, 178, 178);
  box-sizing: border-box;
}
.sharePanel .button.stdButton.thirdPartyButton {
  margin-bottom: 0;
}
.button.stdButton.thirdPartyButton.googleButton {
  background-position-x: -3px;
}
.button.stdButton.thirdPartyButton.facebookButton {
  background-size: auto 24px;
  background-position-x: 10px;
}
.button.stdButton.thirdPartyButton.twitterButton {
  background-size: auto 26px;
  background-position-x: 10px;
}
.button.thirdPartyButton .buttonContent {
  padding-top: 8px;
  margin-left: 10px;
  /* float: none; */
  width: auto;
  text-align: left;
  font-size: 12px;
}
.deleteNurseryItemButton {
  display: inline-block;
  padding: 3px;
}
.iconButton,
.mobileMenuButton {
  background-color: #80bd01;
}
.emphasisButton,
.emphasisButton.stdButton,
.emphasisButton.onlyIconButton {
  background-color: #cc470f;
}
.button.buttonWBelowBottomContent {
  margin-bottom: 20px;
  overflow: visible;
}
.belowButtonContent {
  position: absolute;
  bottom: -17px;
  color: black;
  width: 100%;
  text-align: center;
  left: 0;
  box-sizing: border-box;
}
.closeImg {
  max-width: 12px;
}
.button:active {
  box-shadow: inset 0 0 8px rgb(106, 106, 106);
}
.uploaderTable {
  margin: 0 auto;
}
.uploaderTable .checkbox {
  margin-top: 2px;
}
.formConcButtons {
  margin-top: 10px;
  padding-top: 10px;
}
.formConcWrap .formConcButtons {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}
.postForm {
  border-top: 1px solid black;
  padding-top: 10px;
  margin-top: 10px;
}
.formConcWrap {
  margin-top: 10px;
  border-top: 1px solid black;
  padding-top: 10px;
}
.formConcWrap > * {
  margin-bottom: 5px;
}
.formConcWrap > *:last-child {
  margin-bottom: 5px;
}
.formConcButton {
  vertical-align: top;
  margin-right: 5px;
}
.formConcButton:last-child {
  margin-right: 0;
}
.buttonExtras {
  float: right;
  margin-right: 2px;
}
.buttonExtras:last-of-type {
  margin-left: 0;
}
.toolBoxButton .buttonContent {
  width: auto;
  position: relative;
}
.buttonWithExtra .buttonContent {
  width: auto;
}
.button.toolBoxButton .buttonContent,
.exportTempPicker .button .buttonContent {
  padding-top: 1px;
}
.buttonContent {
  float: left;
  width: 100%;
}
.buttonExtra {
  border: 1px solid white;
  padding: 0 2px;
  border-radius: 3px;
}
.buttonExtra.contentExtra {
  border: 0;
}
.submitButton {
  border: none;
}
.submitInputWrap {
  float: left;
}
.formConcExtras > *:first-child {
  padding-top: 5px;
  border-top: 1px solid black;
}
.submitRowSwitchWrap {
  margin-left: 58px;
}
.prompt {
  display: none;
}
.promptButton {
  float: left;
  background: rgb(119, 253, 162);
  width: 92px;
  font-size: 14px;
  text-align: center;
}
.promptContent {
  margin-top: 5px;
}
.promptButtons {
  margin-top: 5px;
}
.shelf {
  margin: 4px 0;
}
.boxyClass {
  display: inline-block;
  width: -webkit-calc(50% - 6px);
  width: -moz-calc(50% - 6px);
  width: calc(50% - 6px);
  margin-right: 6px;
  vertical-align: top;
}
.boxyClass .shelfButtonWrap {
  /* display:inline-block; */
}
.discreteShelf.closed {
  margin: 0;
  float: left;
}
.toolBoxButton .iconButtonIconWrap {
  float: left;
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin-right: 10px;
}
.iconButtonIconWrap.iconButtonIconWrapHTML {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: #057953;
  border: 4px solid white;
  margin-top: 10px;
}
.iconButtonIconHTML {
  font-size: 66px;
}
.toolBoxButton .buttonContent.buttonContentHasIcon {
  float: left;
  width: -webkit-calc(100% - 94px);
  width: -moz-calc(100% - 94px);
  width: calc(100% - 94px);
}
.preShelfContent {
  font-size: 12px;
  padding: 5px;
  border: 1px solid black;
  border-bottom: 0;
  background-color: #dfeebf;
  box-shadow: 0 0 5px black;
}
.inventoryTable .onlyIconButton {
  width: 30px;
  height: 30px;
}
.inventoryTable .iconButtonIconInner {
  width: 20px;
  height: 20px;
}
.stdSection {
  margin-bottom: 5px;
  box-shadow: 0 0 5px black;
  padding: 5px;
  border: 1px solid black;
}
.stdSection > *:first-child {
  margin-top: 0;
}
.stdSection > *:first-child {
  margin-bottom: 0;
}
.shelfform select,
.shelfform input[type='text'],
.shelfform input[type='number'] {
  width: 164px;
}
.shelf:last-of-type {
  margin-bottom: 0;
}
.shelf:first-of-type {
  margin-top: 0;
}
.fullAccordion .shelf {
  margin: 0;
}
.fullAccordion .toolBoxButton {
  padding: 20px 20px 20px 60px;
}
.switchWrap {
  height: 24px;
  width: 100%;
  max-width: 120px;
  background: rgb(217, 217, 217);
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  box-shadow: inset 0 0 3px black;
  width: 90px;
}
.switchButton {
  height: 100%;
  width: 50%;
  background: grey;
  position: absolute;
  border-radius: inherit;
  box-shadow: inset 0 0 3px white;
}
.switchBackground {
  height: 100%;
}
.switchContent {
  float: left;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
  padding-top: 3px;
}
.shelf > .shelfContentWrap:not(.parentOfAccordionShelf),
.shelf > .dataContentWrap:not(.parentOfAccordionShelf),
.shelf > .uploaderContentWrap:not(.parentOfAccordionShelf) {
  padding: 10px 20px;
}
.shelf > .shelfContentWrap,
.shelf > .dataContentWrap,
.shelf > .uploaderContentWrap {
  display: none;
  background-color: white;
}
.shelfContentWrap,
.dataContentWrap,
.uploaderContentWrap {
  overflow-y: auto;
}
.fullHeightAccordion .shelfContentWrap {
  padding-right: 6px;
}
.header {
  padding: 6px;
  position: relative;
  background: white;
  z-index: 99999;
  border-bottom: 1px solid black;
  height: 54px;
}
.headerSection {
  float: left;
  box-sizing: border-box;
  height: 100%;
  /* display: table;
	table-layout: fixed; */
}
.headerW2Imgs .headerCenter {
  width: 324px;
}
.headerW2Imgs .headerContentWrap {
  text-align: center;
}
.headerW2Imgs .headerContEle {
  /* float: left; */
  display: inline-block;
}
.headerW2Imgs .headerContEle:first-child {
  margin-right: 20px;
}
.headerW2Imgs .mobileHeader .headerContEle:last-child {
  display: none;
}
.headerCenter {
  width: 196px;
}
.headerLeft {
  /* padding-right: 24px; */
  padding-left: 10px;
}
.headerRight {
  /* padding-left: 24px; */
  padding-right: 10px;
  float: right;
}
.headerButton {
  float: left;
  margin-right: 5px;
  border-radius: 3px;
  /* max-width: calc(25% - 15px); */
}
.headerButton:last-of-type {
  margin-right: 0;
}
.headerRight .headerButton {
  float: right;
}
.headerRight .editingSCPkg .headerButton {
  float: left;
}
.headerRight .editingSCPkg .headerButton {
  /* max-width: calc(50% - 15px); */
  /* max-width: calc(50% - 3px); */
}
.headerRight,
.headerLeft {
  padding-top: 4px;
  width: -webkit-calc(50% - 98px);
  width: -moz-calc(50% - 98px);
  width: calc(50% - 98px);
}
.headerW2Imgs .headerLeft,
.headerW2Imgs .headerRight {
  width: -webkit-calc(50% - 162px);
  width: -moz-calc(50% - 162px);
  width: calc(50% - 162px);
}
.headerTitle {
  text-align: center;
  font-weight: 900;
  font-size: 20px;
  color: #80bd01;
  height: 100%;
  /* display: table-cell;
	vertical-align: middle; */
}
/* .headerContEle.icon:first-of-type {
	margin-right: 10px;
} */
/* .headerContEle.icon:last-of-type {
	margin-left: 10px;
} */
.headerContEle {
  /* float: left; */
  clear: none;
}
.headerContEle.icon {
  /* cursor: pointer; */
  margin-top: 4px;
  /* margin-left: 6px; */

  /* max-width: -webkit-calc(33% - 10px);
	max-width: -moz-calc(33% - 10px);
	max-width: calc(33% - 10px); */
  color: white;
  font-size: 16px;
}
.headerContEle.text {
  max-width: 33%;
}
.headerImg {
  max-width: 200px;
  max-height: 46px;
  display: block;
  margin: 0 auto;
}
.headerW2Imgs .headerImg {
  max-width: 168px;
}
.headerContEle.text {
  /* display: table-cell; */
  /* vertical-align: middle; */
  cursor: pointer;
}
.titleSup {
  margin-left: 2px;
}
.headerContentWrap {
  /* display: table; */
  margin: 0 auto;
  height: 100%;
}
/*share*/
.panel.sharePanel {
  max-width: 300px;
}
.shareSectionLeft {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.shareSectionRight {
  float: left;
  width: calc(100% - 50px);
}
.shareSectionWrap {
  margin: 10px 0;
}
.shareSectionWrap:first-child {
  margin-top: 0;
}
.shareURLWrap {
  cursor: pointer;
}
.button.stdButton.linkedInButton {
  background-color: #0077b5;
}
/*loader*/
.loader {
  display: none;
}
.loaderWrap {
  position: fixed;
  top: -webkit-calc(50% - 70px);
  top: -moz-calc(50% - 70px);
  top: calc(50% - 70px);
  left: -webkit-calc(50% - 88px);
  left: -moz-calc(50% - 88px);
  left: calc(50% - 88px);
  z-index: 99999999999;
  width: 176px;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 0 5px black;
  padding: 7px;
  box-sizing: border-box;
  border: 3px solid black;
  text-align: center;
  font-weight: 900;
  font-size: 20px;
  padding: 12px 0;
}
.loaderImg {
  margin: 0 auto;
  display: block;
}
.loaderAnim span {
  margin: 0 2px;
  cursor: default;
  height: 4px;
}
.loaderActive {
  color: transparent;
}
/*about*/
.aboutLogo {
  max-width: 50px;
  max-height: 50px;
}
.aboutLogoLink {
  display: inline-block;
  margin-right: 5px;
  vertical-align: bottom;
}
.aboutVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.aboutVideoWrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin-bottom: 14px;
}
.aboutLogoLink:last-child {
  margin-right: 0;
}
/*inFormTable*/
.inFormTable {
  max-width: 100%;
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  margin: 10px 0;
  padding: 10px 0;
}
.inFormTableWrap input[type='number'] {
  text-align: right;
}
.inFormTitle th {
  font-size: 18px;
  border-bottom: 1px solid black;
}
.inFormInstructions th {
  font-weight: 500;
  text-align: left;
  font-style: italic;
  border-bottom: 1px solid black;
}
.inFormTableWrap input[type='number'],
.inFormTableWrap input[type='text'] {
  width: 60px;
}
.inFormTable .tdLiner {
  text-align: right;
}
.inFormTable .formLabel .tdLiner {
  text-align: left;
}
.sumRowTD.sumRowTitle .tdLiner {
  text-align: left;
}
.sumRowTD {
  text-align: right;
}
.subSecHeader {
  background: #e6f0cf;
  box-shadow: 0 0 5px black;
}
.tableHeader {
  background: #def5f4;
}
.sumRow.tableTotals {
  background: #e6f0cf;
}
/*app manager*/
.label {
  font-size: 20px;
  margin-bottom: 10px;
}
.appManagerSectionWrap {
  margin: 20px 0;
}
.rowLeft {
  float: left;
  width: 150px;
  margin-right: 20px;
  min-height: 1px;
}
.rowLeft.rowLeftFull {
  width: auto;
  float: none;
  margin-right: 0;
}
.rowLeft.rowBasic {
  width: auto;
  margin-right: 0;
}
.rowRight {
  float: left;
  vertical-align: top;
}
.appManagerMapButton {
  margin-right: 14px;
  vertical-align: top;
  margin-top: 2px;
}
.row {
  margin-bottom: 6px;
}
.row:last-child {
  margin-bottom: 0;
}
.appManagerHomeMinZoom,
.appManagerHomeMsxZoom,
.appManagerHomeZoom {
  width: 38px !important;
}
.appManagerHomeCenter {
  width: 254px !important;
}
.appManagerSourceOptionsL2Wrap {
  margin-left: 40px;
  width: 240px;
  clear: both;
}
.appMngrInvtryFieldsTBody .editableListWrap {
  width: 234px;
}
.appMngrInvtryFieldsTable {
  margin: 0 auto;
}
.appMngrInvtryFieldsTBody .editableListItem {
  border: none;
  border-bottom: 1px solid black;
}
.appMngrInvtryFieldsTBody .editableListItem:first-child {
  border-top: 1px solid black;
}
.appMngrInvtryFieldsTBody .button {
  box-shadow: none;
  /*width: 12px;
	height: 18px;*/
  transition: 0.2s ease;
}
.appMngrInvtryFieldsTBody .button:hover {
  background-color: #1680ff;
}
.inventoriesManagerPanel .panelContent {
  width: auto;
}
.appMngrInvtryFieldsTBody .elEditableInput {
  width: 204px;
}
.appManagerSourceOptionsL1Wrap .radioWrap,
.appMgrLegendLayersWrap .radioWrap,
.appManagerSourceOptionsL1Wrap .checkboxWrap,
.appMgrLegendLayersWrap .checkboxWrap {
  float: left;
}
.appMgrTRHandle,
.proposalActivityRowHandle {
  background-image: url('../images/handle.png');
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: 50%;
  height: 37px;
  cursor: -webkit-grab;
  /* width: 22px; */
  min-width: 22px;
}
.proposalActivityRow,
.appMgrTR {
  pointer-events: none;
}
.proposalActivityRow *,
.appMgrTR * {
  pointer-events: all;
}
.propActivityDisplay {
  min-height: 18px;
}
.addActivitiesTBody td {
  vertical-align: top;
  padding: 4px;
}
.appMgrTR,
.proposalActivityRow {
  background-color: white;
}
.appMngrInvtryFieldsTBody select {
  display: block;
}
.appMngrInvtryFieldsTBody td.appMngrInvtryFieldsTHead th {
  padding: 5px;
}
.appMgrLookupSelect {
  margin-top: 5px;
}
.appMgrUserTypeDescInput {
  height: 56px;
}
.appMgrColorTable td {
  min-width: 56px;
  text-align: center;
}
.appMgrHTMLInput {
  height: 100px;
}
.appMgrLayerFiltersWrap {
  margin-left: 24px;
}
select.appMgrTabSelect {
  width: 100px;
}
.panel.panelFullScreen {
  width: 100% !important;
  left: 0 !important;
  height: 100% !important;
  top: 0 !important;
  max-width: none;
  border-radius: 0;
}
.panel.panelFullScreen .panelTop {
  border-radius: 0;
}
.panel.transparentPanel {
  background-color: transparent;
  box-shadow: none;
}
.panel.transparentPanel .panelTop {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.panel.panelFullResizeable {
  max-width: none;
}
.panel.panelFullResizeable {
  max-width: none;
}

.appMgrFieldPermissions .checkboxLabel {
  display: inline-block;
  margin-left: 0px;
}
.appMgrFieldPermissions .checkboxWrap .moreInfoWrap {
  margin-left: 5px;
}
.appMgrFieldPermissions .inlineMoreInfo .mIActivate {
  margin-top: 2px;
}

.appMgrFieldPermissions .inlineMoreInfo.moreInfoWrap {
  margin-top: 0px;
}

.appMgrFieldPermFieldsWrap,
.appMgrTablePermTableWrap {
  margin-left: 30px;
}
.appMgrFieldPermWrapNonBoolTable textarea {
  height: 52px;
}
.appMgrTablePermissions {
  display: inline-block;
  text-align: left;
}
.appMngrUserTypeWrap > table td {
  vertical-align: top;
}
.appMgrPanel .tabsTopLeft {
  background-color: rgb(74, 151, 133);
}
.appMgrPanel .tabsTitle {
  background-color: #003d7d;
  color: white;
}
.appMgrPanel .tabsVertical > .tabsWrap > .tab.activeTab {
  background-color: white;
  color: black;
}
.appMgrPanel .tabsVertical > .tabsWrap > .tab {
  background-color: #003d7d;
  color: white;
}
.appMgrPanel .fullAccordion .toolBoxButton {
  background-color: transparent;
  color: black;
}
.appMgrPanel .fullAccordion .toolBoxButton {
  background-color: transparent;
  color: black;
  border-bottom: 1px solid #ececec;
}
.appMgrPanel .fullAccordion .toolBoxButton:first-child {
  border-top: 1px solid #ececec;
}
.appMgrPanel
  .fullAccordion
  .shelf.opened
  > .shelfButtonWrap
  > .button.toolBoxButton {
  background-image: url(../../main/images/Sort_Arrow_Up.png);
}
.appMgrPanel .fullAccordion .toolBoxButton {
  background-image: url(../../main/images/Sort_Arrow_Down.png);
}
/*job briefing*/
.jobBriefingAccordionWrap {
  max-height: 500px;
  overflow: auto;
  padding: 5px;
  max-width: 490px;
  margin: 0 auto;
}
.printJobBriefingUnit .rowLeft {
  width: auto;
  margin-right: 1px;
}
.printJobBriefingUnit .rowRight {
  margin-top: 2px;
}
.jobBriefingUnit .row {
  border-bottom: 1px solid black;
  padding-bottom: 6px;
}
.jobBriefingUnit .rowLeft {
  width: 124px;
}
.appMgrSectionLeft {
  float: left;
  width: 440px;
}
.appMgrSectionRight {
  float: left;
  width: -webkit-calc(100% - 480px);
  width: -moz-calc(100% - 480px);
  width: calc(100% - 480px);
  margin-left: 40px;
  min-width: 344px;
}
#appMgrMapContainer {
  width: 364px;
  height: 364px;
  margin: 0 auto;
  max-width: 100%;
}
.appMgrMngFieldsSCButton {
  margin-top: 110px;
}
/*Jobs*/
.jobCostsWrap input[type='number'] {
  width: 80px;
}
.jobCostsWrap select {
  width: 150px;
}
.workCostsSubtotal {
  text-align: right;
}
.costsViewMore {
  max-width: 300px;
}
.duplicateJobExcludeFields {
  max-height: 200px;
  overflow-y: auto;
}
.jobAddItemWrap .womUnitWrapEle {
  min-height: 0;
  float: none;
}
.smallIconImg {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  cursor: pointer;
}
.smallerTransParentIconButton {
  width: 16px;
  height: 16px;
  background-size: 100% auto;
  vertical-align: middle;
}
.jobMngItemZoomTo {
  background-image: url('../images/crosshairs.png');
}
.jobMngAddNewItemFromWork {
  background-image: url('../images/plus-black.png');
}
.jobMngPreviewEntity,
.jobMngItemLinkTo {
  background-image: url('../images/details.png');
}
.jobMngTD {
  position: relative;
  min-width: 54px;
}
.jobMngTH {
  min-width: 54px;
}
.cellUnitClose {
  width: 14px;
  height: 14px;
  background-image: url(../images/close-black.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 6px;
  padding: 0 !important;
}
.cellDisplayUnit {
  /* min-height: 26px;
	min-width: 44px; */
  display: inline-block;
  max-height: 100px;
  overflow-y: auto;
  min-width: 100%;
}
.dataTablePkgInnerWrapWrap .cellDisplayUnit,
.womWorkMngTable .cellDisplayUnit {
  max-width: 176px;
  min-width: 0;
}
.cellEditable {
  /* cursor: pointer; */
  position: relative;
  /* display: inline-block; */
}
.cellEditable .cellDisplayUnit {
  cursor: pointer;
}
.dataTablePkgInnerWrapWrap .stdTableStickyCols .thWrapInner {
  max-width: 110px;
}
.cellEditUnit {
  max-width: 100%;
  display: inline-block;
  position: relative;
  padding-top: 28px;
  min-width: 80px;
}
.cellEditable.cellEditableEditing {
  cursor: default;
  padding: 4px 0;
  max-width: 100%;
}
.jobMngTabWrap {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 530px;
}
.noneChecked .showIfChecked {
  display: none !important;
}
.jobTableButtonsWrap .bgIconButton,
.dtButtonsTopBsWrap .bgIconButton {
  display: inline-block;
  margin-right: 5px;
}
.womWorkMngTable {
  font-size: 12px;
  margin: 0 auto;
}
.jobAddItemWrap .womInvSelectFromMapWrap {
  width: auto;
}
.jobMngAddWorkInnerWrap > * {
  margin-left: 20px;
  border-left: 1px solid #ececec;
  padding-left: 20px;
  float: left;
  /* padding-top: 20px; */
  border-collapse: separate !important;
}
.jobMngAddWorkInnerWrapInv.jobMngAddWorkInnerWrap > * {
  padding-top: 0;
}
.jobMngAddWorkInnerWrap .womSelectFromMapTable {
  margin-left: 20px;
}
.jobMngAddWorkInnerWrap > *:first-child {
  margin-left: 0px;
  border-left: none;
  padding-left: 0;
}
.jobMngAddWorkInnerWrapTop {
  /* border-bottom: 1px solid #ececec;
	padding-bottom: 12px; */
}
.jobMngAddSec .checkboxLabel {
  padding-top: 4px;
}
select.jobAddWorkLayerSelect,
select.jobWorkLayerSelect {
  width: auto;
}
.jobAddItemWrap .womUnitAddWrap {
  padding: 0;
}
.jobMngAddSec {
  float: left;
}
.jobMngAddSec:last-child {
  border-left: 1px solid #ececec;
  padding-left: 12px;
  margin-left: 12px;
}
.jobMngAddSecInnerOnlyOne.jobMngAddSec:last-child {
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
}
.jobMngAddNumber {
  font-size: 30px;
  margin-right: 14px;
  padding: 10px;
  border: 1px solid black;
  border-radius: 50%;
  height: 34px;
  width: 34px;
  font-weight: 900;
  text-align: center;
  line-height: 34px;
}
.jobInventoryModeWrap {
  max-height: 595px;
  overflow-y: auto;
}
.jobMngWorkContent {
  display: none;
  padding: 10px 0;
}
.jobMngWorkMore {
  display: inline-block;
  margin-left: 10px;
}
.jobMngWorkWrap {
  display: block;
  margin-left: 10px;
}
.jobInventoryModeOptionsWrap .checkboxWrap {
  display: inline-block;
  margin-left: 10px;
}
.hiddenSection {
  border-top: 1px solid #ececec;
  padding: 10px;
  display: none;
  background-color: #cccccc;
}
.horzSubSection {
  float: left;
  padding: 10px 20px;
  height: auto;
  box-sizing: border-box;
  overflow: auto;
  /* border-right: 2px solid grey; */
  margin: 20px 0;
}
/* .horzSubSection.dtSubSectionColumns {
	height: auto;
} */
.horzSubSection:last-child {
  border-right: none;
}
.horzSubSection > .subLabel {
  margin-bottom: 16px;
  font-size: 24px;
}
.dtMyViewsWrap {
  text-align: center;
  margin: 20px 0 10px;
}
.dtMyViewsWrap .button,
.massUpdateManageWrap .button {
  vertical-align: middle;
  margin-left: 6px;
}
.dtViewsWrap {
  max-width: 600px;
}
.templateQuickLoad {
  margin-bottom: 10px;
}
.jobCurrentWorkingRow {
  background-color: #c6e6df !important;
}
.jobWorkCostWrap .womWorkMngTablesWrap {
  margin-bottom: 0;
}
.jobNoResults {
  max-width: 400px;
  margin: 10px auto;
}
.jobMngFieldsWrapWrap {
  display: inline-block;
  text-align: left;
}
.jobMngSettingsWrapOuter .massUpdateWrap {
  width: auto;
}
.jobMngMassUpdateWrap .massUpdateMiddleLeft {
  display: none;
}
.jobMngMassUpdateWrap .massUpdateMiddleRight {
  height: auto;
  min-height: 0;
  margin: 0 auto;
  float: none;
}
.jobMngMassUpdateWrap .massUpdateMiddleRightWrap {
  border-bottom: none;
  border-top: 1px solid #ececec;
}
.jobMngMassUpdateWrap .massUpdateNewValWrap,
.jobMngMassUpdateWrap .massUpdateMultiFieldsWrap {
  border-bottom: 1px solid #ececec;
  border-top: 1px solid #ececec;
}
.jobEntityWrap {
  max-width: 700px;
}
.jobEntityPreviewLandscape.jobEntityWrap {
  max-width: none;
}
.jobEntityPreviewWrap {
  display: none;
  position: relative;
  padding: 20px;
  border: 1px solid #ececec;
  margin-top: 40px;
  /* width: 700px; */
  width: 100%;
  box-sizing: border-box;
}
.jobEntityPreviewLabel {
  position: absolute;
  background-color: white;
  padding: 10px;
}
.jobEntityPreviewLabelLeft {
  top: -18px;
  left: 30px;
  font-size: 16px;
  font-weight: 700;
}
.jobEntityPreviewLabelRight {
  top: -25px;
  right: 30px;
}
.jobEntityPreviewTopLeft {
  float: left;
  width: 40%;
  max-width: 260px;
}
img.jobEntityPreviewLogo {
  max-width: 220px;
  max-height: 66px;
}
.jobEntityPreviewTopLeft > *,
.jobEntityPreviewTopRight > * {
  margin-bottom: 20px;
}
.jobEntityPreviewTopRight {
  float: right;
  width: 56%;
}
.jobEntityPreviewTopRight > table {
  table-layout: fixed;
  max-width: 100%;
}
.jobEntityPreviewTop > * {
  box-sizing: border-box;
  padding: 10px;
}
.jobFullRow {
  text-align: center;
  font-weight: 700;
  font-size: 14px;
}
.jobEntityPreviewTopRightJobInfo .rowLeft {
  /* text-align: right; */
  width: 72px;
  margin-right: 6px;
}
.jobEntityPreviewTopRightJobInfo .rowRight {
  width: -webkit-calc(100% - 78px);
  width: -moz-calc(100% - 78px);
  width: calc(100% - 78px);
}
.jobEntityPreviewTop table {
  table-layout: fixed;
  width: 100%;
}
.jobEntityPreviewTopRightJobInfo td {
  word-break: break-word;
}
.jobPreviewSectionWrap {
  position: relative;
  min-height: 1px;
}
input.jobPreviewSectionCheck {
  margin: 0;
  position: absolute;
  left: -22px;
}
.jobEntityPreviewTopRightJobInfo .row {
  margin-bottom: 0px;
}
.jobEntityPreviewTopLabel {
  font-weight: 100;
  font-size: 48px;
  text-align: center;
  margin-bottom: 10px;
}
.jobEntityPreviewTopLeft > *:last-child,
.jobEntityPreviewTopRight > *:last-child {
  margin-bottom: 0;
}
.jobEntityPreviewInner > * {
  margin-bottom: 20px;
}
.jobEntityPreviewInner > *:last-child {
  margin-bottom: 0;
}
/* .jobEntityPreviewBottomLeft, */
.jobEntityPreviewVeryBottomLeft {
  float: left;
  width: 80%;
}
.jobEntityPreviewBottomLeft .cellEditUnit {
  width: 100%;
}
.jobEntityPreviewBottomRow > *,
.jobEntityPreviewVeryBottom > * {
  box-sizing: border-box;
  padding: 6px;
}
.jobEntityPreviewBottomRight {
  /* float: left;
	width: 100%; */
  text-align: right;
}
.jobEntityPreviewVeryBottomRight {
  float: right;
  width: 20%;
}
.jobEntityTotalsLeft.jobEntityPreviewTotalLabel {
  font-size: 26px;
  font-weight: 700;
  text-align: center;
}
.jobEntityPreviewTotal {
  font-weight: 700;
  font-size: 26px;
  text-align: right;
}
.jobEntityTotalsLeft {
  float: right;
  /*  width: calc(50% - 10px); */
  /*  text-align: right; */
  margin-right: 20px;
}
.jobEntityTotalsRight {
  /* width: 50%; */
  float: right;
}
.jobEntityPreviewVeryBottomRight {
  width: 100%;
}
.jobEntityPreviewVeryBottomLeft {
  width: 60%;
}
.jobEntityPreviewNotes {
  width: 100%;
  height: 98px;
}
.womPreviewInput {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0;
  max-width: 100%;
}
.jobEntityPreviewInner .cellEditUnit > input[type='text'],
.jobEntityPreviewInner .cellEditUnit > input[type='number'],
.jobEntityPreviewInner .cellEditUnit > textarea {
  max-width: 100%;
  padding-right: 24px;
}
.cellEditUnit .filePkgWrap {
  margin-top: 26px;
}
input.jobOtherCostInputCost {
  width: 80px;
}
.otherCostsTDCost .cellDisplayUnit {
  text-align: right;
}
.jobMngChkWrap {
  text-align: center;
}
.jobEntityPreviewInner {
  font-size: 12px;
}
.jobEntityPreviewLandscape .jobEntityPreviewInner {
  width: 1080px;
}
.jobEntityPreviewSubTotal {
  font-size: 20px;
}
.jobEntityPreviewWrap .massUpdateWrap {
  max-width: 100%;
  box-sizing: border-box;
}
.otherCostsTD[data-field='cost'] {
  white-space: nowrap;
}
.otherCostsTBody .cellDisplayUnit {
  min-width: 120px;
  min-height: 18px;
}
.childrenInline .cellDisplayUnit {
  min-width: auto;
}
.rowEditable .cellDisplayUnit {
  width: 100%;
  min-height: 64px;
  border: 1px solid #ececec;
  padding: 10px;
  box-sizing: border-box;
}
.rowEditable textarea {
  width: 100%;
  border: 1px solid #ececec;
}
/* .efSCInput {
	float: right;
} */
select.jobStatusSC,
select.jobLayerSelect {
  width: 100px;
}
.jobStatusHTML {
  display: inline;
}
/*account*/
.accountBox {
  position: absolute;
  left: 0;
  bottom: 57px;
  background: inherit;
  z-index: 99;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid black;
  display: none;
  background-color: white;
  max-width: 200px;
}
.accountBoxHolder {
  position: absolute;
  left: 10px;
  bottom: 0;
  z-index: 3;
}
.accountBoxHeader {
  text-align: center;
}
.accountBoxInfo {
  word-wrap: break-word;
  font-size: 12px;
  margin: 2px 0;
}
.accountBoxInfoEle {
  display: inline;
}
.accountBoxInfoLabel {
  margin-right: 3px;
}
.accountBoxButton {
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
  color: #005970;
  display: inline-block;
}
.accountManageActs input,
.accountManageActs select,
.accountRequest input,
.accountRequest select {
  margin-bottom: 10px;
  padding-left: 4px;
}
.loginWrap.externalLoginForm .formConcButtons {
  padding-top: 0;
  margin-top: 0;
}
select.accountRoleChange,
.styleForm select.accountRoleChange {
  width: 200px !important;
  margin-top: 2px;
}
.accountOrgNameWLookUp {
  cursor: pointer;
  min-width: 80px;
  min-height: 50px;
}
#all_users_org_ids,
#all_users_org_admin_ids {
  max-height: 210px;
  overflow-y: auto;
  margin-bottom: 10px;
}
.org_ids_alias,
.org_admin_ids_alias {
  max-height: 210px;
  overflow-y: auto;
}
.styleForm input[type='text'],
.styleForm input[type='password'],
.styleForm input[type='email'],
.styleForm select,
.styleForm textarea {
  height: 30px !important;
  width: 100% !important;
  max-width: 225px !important;
  border-radius: 2px !important;
  padding-left: 4px;
  margin-bottom: 10px;
}
.styleFormInput {
  height: 30px !important;
  width: 100% !important;
  max-width: 225px !important;
  border-radius: 2px !important;
  padding-left: 4px;
}
.styleForm input:last-of-type,
.styleForm select:last-of-type,
.styleForm textarea:last-of-type {
  /*  margin-bottom: 0; */
}
.styleForm textarea {
  height: 176px !important;
}
.styleForm {
  /* background-color: #E9E8E7; */
  padding: 10px;
}
.styleForm .subDetails {
  margin: 0;
  font-size: 13px;
}
.styleForm button[type='submit'],
.styleForm button[type='button'],
.styleForm .button,
.styleForm .button[type='submit'],
.styleForm .button[type='button'] {
  width: 100%;
  max-width: 225px;
  box-sizing: border-box;
  margin-bottom: 5px;
  margin-right: 0;
  margin-left: 0;
}
.styleForm button[type='submit']:last-of-type,
.styleForm button[type='button']:last-of-type,
.styleForm .button:last-of-type {
  margin-bottom: 0;
}
.styleForm .button:last-of-type {
  margin-bottom: 0;
}
.styleForm .button {
  font-size: 13px;
}
#tblOrgs_wrapper,
#tblAllUsers_wrapper,
#tblSelfRegUsers_wrapper {
  margin-top: 20px;
  overflow: auto;
  max-height: 500px;
}
.bodyContentWrap {
  position: relative;
  z-index: 100009;
}
#mapPrintContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999999999999999999999999999;
  top: -9999999px;
  left: -9999999px;
}
.sidePanel {
  position: absolute;
  left: 0;
  top: 0;
  max-height: 100%;
  box-sizing: border-box;
  padding: 6px;
  background: white;
  /* z-index: 999; */
  /* overflow-y: auto; */
  display: none;
  height: 100%;
  /* box-shadow: 0 0 5px black; */
  max-width: 100%;
}
.sidePanelContent {
  overflow-y: auto;
  padding: 5px;
  box-sizing: border-box;
  height: -webkit-calc(100% - 30px);
  height: -moz-calc(100% - 30px);
  height: calc(100% - 30px);
}
.sPTopButtons {
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  left: 0;
  padding: 5px;
  border-top: 1px solid white;
  background-color: #365000;
}
.sidePanel.sidePanelRight {
  left: auto;
  right: 0;
}
.extSidePanel {
  min-width: 50% !important;
}
.permExtSidePanel {
  min-width: 50% !important;
}
.sidePanelWidthTest {
  width: 352px;
}
.scrollWidthOuter {
  width: 400px;
  height: 400px;
  left: -9999999px;
  top: -9999999px;
  position: fixed;
  overflow-y: auto;
}
.scrollWidthInner {
  width: 100%;
  height: 800px;
}
/* .sidePanel.sidePanelClosed {
	display: none!important;
} */
.sidePanel.sidePanelClosed > * {
  display: none;
}
.sidePanel.sidePanelClosed > *:not(.spOpenButton) {
  display: block;
}
.panelAtBottom {
  width: 100% !important;
  left: 0 !important;
  bottom: 0 !important;
  max-width: none !important;
}
/*Log In*/
.alreadySignedIn {
  display: none;
}
.loginFormContent {
  text-align: center;
}
/*Dashboard*/
.summaryPanelLabel {
  font-size: 20px;
  color: #057953;
  font-weight: 900;
}

/*New Matrix report styling*/
.matrixTableLinks {
  height: 50px;
}
.matrix-table-menu {
  display: inline-block;
  list-style: none;
  padding: 0px;
  margin-top: 0;
}
.matrix-table-menu {
  float: right;
}
.matrix-table-item {
  opacity: 0.3;
  transition: all 100ms ease-in-out 0s;
  position: relative;
  display: block;
  z-index: 1;
  background-color: rgb(217, 217, 217);
  color: rgb(0, 0, 0);
  border-radius: 3px;
  padding: 5px;
  margin: 1px 1px 0px 0px;
}

.matrix-table-item:hover {
  opacity: 0.5;
}
.matrix-table-item > a {
  text-align: center;
  padding: 0px;
}
.matrix-table-label {
  display: block;
  cursor: default;
  padding: 0.5em 1em;
}

.dbChartsTitle {
  text-align: center;
}
.dbChartsTitle b {
  font-size: 20px;
}
.dbChartsTitle {
  font-size: 15px;
}
.dash_chart_no_data {
  text-align: center;
  margin: 20px;
  font-weight: 900;
  border: 1px solid black;
  padding: 10px;
}
.dbSummaryUnit,
.dbSummaryUnit_dashboard {
  display: inline-block;
  /*border: 4px solid #057953;*/
  /*border-radius: 37%;
	border-radius: 15px;*/
  height: 100px;
  /*width: 138px;*/
  width: 155px;
  margin: 7px;
  box-shadow: 0px 1px 2px 0px rgb(0, 0, 0, 0.5);
  /*cursor: default;*/
}
.dbSummaryPanel {
  text-align: center;
}
.dbSummaryInner {
  /*margin-top: 16px;*/
}
.dbSummaryAlias {
  font-size: 18px;
  /*color: #1371BE;*/
}
.dbChartsChartsWrap {
  text-align: center;
}
.dbChartGroup h3 {
  border-bottom: 1px solid black;
}
.dbChartUnit {
  text-align: left;
  width: 95%;
  padding: 5px;
  position: relative;
  display: inline-block;
  margin: 7px;

  border: 1px solid #a9a9a9;
  box-shadow: 0px 0px 4px 0px rgb(0, 0, 0, 0.5);
  /*box-shadow: 0 0 5px black;
	border: 1px solid black;*/
}
.dbChartUnit.dbChartUnitNoData {
  height: auto;
}
.dbChartsSettings {
  position: absolute;
  bottom: 0;
  background-color: rgb(223, 223, 223);
  padding: 5px;
  right: 0;
  width: 116px;
  box-shadow: 0 0 5px black;
  display: none;
}
.dbChartsSettingsWrap {
  position: absolute;
  bottom: 8px;
  right: 8px;
}
.countNumEle {
  float: left;
  text-align: left;
  margin-right: 5px;
}
.countNumLabel {
  width: calc(25% - 5px);
}
.countNumUnit {
  border: 1px solid #a9a9a9;
  box-shadow: 0px 0px 4px 0px rgb(0, 0, 0, 0.5);
  /*box-shadow: 0 0 5px black;*/
  margin-bottom: 8px;
  padding: 5px;
  line-height: 26px;
}
.summaryPLargeSumsWrap {
  /*box-shadow: 0 0 5px black;*/
  margin-bottom: 8px;
  text-align: center;
}
.countNumUnit:last-child {
  margin-bottom: 0;
}
.countNumValSelectWrap {
  width: calc(40% - 5px);
}
.countNumValSelect {
  width: 100%;
}
.countNumTotal {
  width: calc(18% - 5px);
  /*color: #057953;*/
  font-weight: 900;
  text-align: right;
  /*line-height: 18px;*/
}
.countNumTotalPerc {
  width: calc(17% - 5px);
  /*color: #1371BE;*/
  font-weight: 900;
  /*line-height: 18px;*/
}
ul.dbChartsSettingsList {
  margin: 0;
  padding: 0;
  list-style: none;
}
li.dbChartsSettingsListLI {
  cursor: pointer;
  padding: 4px;
  border-bottom: 1px solid white;
}
li.dbChartsSettingsListLI:last-child {
  border-bottom: 0;
}
li.dbChartsSettingsListLI:hover {
  background-color: rgb(229, 229, 229);
}
.dbSummaryAliasBottom {
  margin-top: 5px;
  font-size: 14px;
}
.dbSummaryAliasTop {
  text-align: right;
  padding-right: 5px;
  padding-top: 5px;
}
.dbSummaryData {
  font-weight: 900;
  color: #057953;
  font-size: 25px;
  line-height: 20px;
  margin-top: 10px;
}
.dbTab {
  height: 100%;
  min-height: 400px;
}
.dbTab div.dashTabularWrap {
  max-height: 100%;
  overflow: auto;
  height: 490px;
}
table.dashTabular {
  width: 100%;
  text-align: left;
}
.dbCharts table.dashTabular {
  margin-top: 2em;
}
table.dashTabular th:nth-last-child(-n + 2),
table.dashTabular td:nth-last-child(-n + 2) {
  text-align: right;
}
table.dashTabular tr:nth-child(2n) {
  background-color: rgba(220, 220, 220, 1);
}
ul.chartReorder .button {
  margin-bottom: 5px;
}
ul.chartReorder .button:last-child {
  margin-bottom: 0;
}
/*Simple Legend*/
.flExtraCSSGradient {
  height: 174px;
  width: 44px;
  display: block;
  margin: 24px auto;
  position: relative;
}
.flExtraLabel {
  position: absolute;
  right: 100%;
  padding-right: 10px;
}
/*Filter Legend*/
.timeCompareIndTableWrap {
  margin-bottom: 5px;
  padding: 7px;
  box-shadow: 0 0 5px black;
}
.timeCompareIndTableTableWrap {
  max-height: 224px;
  overflow: auto;
}
.timeCompareIndTableWrap:last-child {
  margin-bottom: 0;
}
.timeTabLabel {
  text-align: center;
  font-weight: 900;
  margin-bottom: 7px;
}
.timeCompareIndLabel {
  text-align: center;
  border-bottom: 1px solid black;
  padding-bottom: 3px;
  margin-bottom: 3px;
}
.timeCompareIndTable {
  border-collapse: collapse;
  margin: 0 auto;
}
.timeCompareIndTable .tdLiner {
  padding: 2px;
}
/*Filter Legend*/
.filterLegend {
  padding: 0 2px 2px 2px;
  position: relative;
}
.flLogoImg {
  max-width: 200px;
  max-height: 200px;
  display: inline-block;
}
.flLogoWrap {
  padding: 10px 0;
}
.flLogoWrap.flLogoWrapDark {
  background-color: #365000;
}
.flLogoWrapW2 .flLogoImg {
  max-width: -webkit-calc(50% - 30px);
  max-width: -moz-calc(50% - 30px);
  max-width: calc(50% - 30px);
}
.flLogoImg2 {
  margin-left: 10px;
}
.flTextTitle {
  font-weight: 700;
}
.filterLegendPanel.flLocalized .panelBody {
  /* overflow-y:hidden; */
}
.loader.flLoader {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
}
.flLoader .loaderWrap {
  position: absolute;
}

.loader.dtLoader {
  position: absolute;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 999;
}
.dtLoader .loaderWrap {
  position: absolute;
}

.viewAllHTML {
  border: 1px solid black;
  padding: 5px;
  margin-bottom: 7px;
  position: relative;
}
.viewAllHTMLShadow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.28);
  pointer-events: none;
}
.viewAllHTMLToggleWrap {
  margin-bottom: 5px;
  border-bottom: 1px solid black;
  padding-bottom: 3px;
}
.nbSymbol {
  margin-right: 3px;
}
.naturalBreakUnit {
  margin-bottom: 2px;
}
.filterGroupUnit {
  padding: 3px;
  border: 1px solid black;
  border-bottom: none;
}
.filterGroupUnit.isFLClickable {
  cursor: pointer;
}
.filterGroupUnit.isFLClickable:nth-child(even) {
  background-color: #dfeebf;
}
.fLNotLoadable.isFLClickable {
  cursor: default;
}
.filterGroupUnit.isFLClickable.fLNotLoadable:hover {
  background-color: inherit !important;
}
.filterGroupUnit.isFLClickable.fLNotLoadable:nth-child(even):hover {
  background-color: #dfeebf !important;
}
.filterGroupUnit:last-child {
  border-bottom: 1px solid black;
}
.filterGroupUnit.isFLClickable:hover {
  background-color: rgb(229, 229, 229) !important;
}
.naturalBreakUnit:last-of-type,
.filterGroupUnit:last-of-type {
  margin-bottom: 0;
}
.flGUEle {
  float: left;
  margin-right: 3px;
}
.filterGroupUnitNoSVG .flGroupSymbol {
  display: none;
}
.filterGroupUnitNoSVG .flGroupLabel {
  margin-left: 24px;
}
.filterGroupsHTML .flGroupTogCheck {
  margin-top: 2px;
}
.flGroupToggle {
  margin-right: 5px;
}
.flGUEle:last-of-type {
  margin-right: 0;
}
.flGroupLabel {
  margin-left: 41px;
  float: none;
}
.flGroupLabel.flGroupLabelNoMargin {
  margin-left: 0px;
}
.dont_render_on_map .flGroupLabel {
  margin-left: 0;
}
.dont_render_on_map
  .filterGroupsHTMLWrapInner:not(.filterGroupsHTMLWrapInnerMaxHeightTrue) {
  max-height: none !important;
}
.filterLOptionsWrapEle {
  padding-bottom: 5px;
}
/* .filterLOptionsWrapEle>* {
	float: left;
} */
.flFieldSymbologySettings {
  cursor: pointer;
  width: 16px;
  margin-left: 6px;
  padding: 2px;
}
.flLoadMoreWrap {
  /* margin-bottom: 7px; */
  background: white;
  padding: 5px;
  /* border: 1px solid black; */
}
.loadMoreButton.lMDEle {
  float: left;
}
.loadMoreDetailsWrap {
  /* font-size: 15px; */
}
.filterLOptionsWrap,
.flNoResultsWrap,
.flTopButtons,
.midButtonsWrap {
  /* margin-bottom: 7px; */
  background: white;
  padding: 5px;
  /* border: 1px solid black; */
  padding-bottom: 0;
}
.flFilteredByShowItem {
  font-weight: 700;
}
.loadMoreDetailsWrap > * {
  margin-top: 5px;
}
.loadMoreDetailsWrap > *:first-child {
  margin-top: 0;
}
.loadMoreDetailsWrap.withFlFilteredByShow > * {
  margin-top: 0;
}
/* .flFilteredByShow {
	margin-bottom: 5px;
} */
.flDependentUponShowItem {
  font-weight: 700;
}
.flTopButtons .button {
  /* margin-bottom: 5px; */
}
.flNoResultsWrap {
  text-align: center;
  padding-bottom: 5px;
}
.flOptionsSelect,
.flLayerSearch,
.flFieldSymbologySelect,
.flAdvFiltersSelect {
  width: 154px !important;
  /* width: 214px!important; */
  box-sizing: border-box;
  height: 26px !important;
}
.flSecondaryLegend {
  max-height: 500px;
  overflow-y: auto;
  max-width: 230px;
}
select.flLayerSelect.flOptionsSelect.fLeft.selectNoSelect {
  margin-top: 7px;
  height: auto !important;
  font-size: 15px;
}
.flOptionsLabel {
  width: 94px;
  padding-top: 5px;
}
.flOptionsWithRange .flOptionsLabel {
  display: none !important;
}
.flOptionsWithRange .flLayerSearchWrapWrap {
  width: 100%;
  float: none;
}
.flOptionsSearchWrap,
.flLoadMoreWrap,
.flRadiusWrap {
  display: none;
}
.filterGroupsHTMLWrapInner {
  overflow-y: auto;
  padding: 5px;
  /* border: 1px solid black; */
}
.filterGroupLabel {
  font-weight: 900;
  text-align: center;
  font-size: 13px;
  border: 1px solid black;
  border-bottom: 0;
}
.flList:last-child {
  margin-bottom: 0;
}
.flList {
  box-shadow: 0 0 5px black;
  margin-bottom: 10px;
}
.filterGroupsHTML {
  padding: 5px;
  border: 1px solid black;
}
.flToggleAll {
  margin-right: 12px !important;
}
.filterGroupsHTMLTop {
  /* border: 1px solid black; */
  /* border-bottom: 0; */
  padding-left: 5px;
}
.dont_render_on_map .filterGroupsHTMLTop {
  display: none;
}
.filterGroupsCharts,
.filterLNACharts {
  margin-top: 7px;
}
.filterGroupsChartsExtrasTop .button {
  float: left;
}
.filterGroupsChartsExtras {
  margin-top: 7px;
  border: 1px solid black;
  padding: 5px;
  background: white;
}
.filterGroupsCharts {
  position: relative;
  min-height: 30px;
  padding: 0 5px;
}
/* .filterGroupsCharts.filterGroupsChartsNotVisible {
	margin-bottom: 30px;
} */
.filterGroupsCharts .toggleButton {
  position: absolute;
  top: 0;
  right: 5px;
  /* z-index: 5; */
}
.fLChart {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  height: auto !important;
}
.filterLegendSidePanel.sidePanel {
  background-color: white;
}
/* .filterLegendPanel.panel {
	width: 342px!important;
} */
.noLoadForScenario .filterLegendPanel.panel {
  display: none !important;
}
/* .filterLegendPanel.minimized .flLoader {
	display:none!important;
} */
.filterGroupsChartsExtrasWrap {
  display: none;
  margin-top: 4px;
  border-top: 1px solid black;
}
.fLFLWrap {
  background: #dfeebf;
  padding: 5px;
  box-shadow: 0 0 5px black;
}
.flLabel,
.otherLayersLabel {
  font-weight: 900;
  text-align: center;
  margin-bottom: 7px;
  padding: 0 5px;
}
/* .filterGroupsHTMLWrap {
	background: white;
} */
.otherLayersWrapWrap,
.customImageryWrapWrap,
.flCanopyWrap {
  background: #dfeebf;
  padding: 5px;
  margin-top: 7px;
  box-shadow: 0 0 5px black;
}
.simpleLegendWrap .otherLayersWrapWrap,
.simpleLegendWrap .customImageryWrapWrap {
  background-color: transparent;
}
.fLFLWrap > *:first-child {
  margin-top: 0;
}
/* .filterLegendPanel.canopyFLPanel {
	width: 300px!important;
	min-width: 0;
} */
.flCanopyWrapWrap {
  /* background-color: white; */
  margin-bottom: 5px;
}
.canopyFLPanel .flCanopyWrap {
  background: inherit;
  box-shadow: none;
  border-top: 1px solid black;
  margin-top: 0;
}
.canopyFLPanel .filterGroupsHTMLTop {
  border: none;
  border-top: 1px solid black;
  padding-left: 3px;
  text-decoration: underline;
}
.canopyFLPanel .filterGroupsHTMLWrapInner {
  padding: 0;
  border: 0;
}
.canopyFLPanel .filterGroupsHTMLWrapO {
  box-shadow: none;
}
.canopyFLPanel .filterGroupUnit {
  border-left: 0;
  border-right: 0;
}
.canopyFLPanel .filterGroupsHTML {
  border: none;
  padding: 0;
}
.canopyGrowAccordion .shelfContentWrap {
  padding: 6px 0;
}
.flCanopyLabel {
  font-weight: 900;
  font-size: 14px;
  text-align: center;
}
.canopyFLPanel .loaderWrap {
  max-width: 100%;
  left: 0;
}
.otherLayersWrap,
.customImageryWrap {
  background: white;
}
.otherLayersLayers {
  padding: 5px;
  border: 1px solid black;
}
.otherLayersWrapTop {
  padding-left: 5px;
  border: 1px solid black;
  border-bottom: 0;
}
.legendRow.otherItem.legendRowActive .layerPreview {
  visibility: hidden;
}
.panel.flRadiusPanel {
  max-width: 500px;
}
.flRadiusContentWrap .button {
  width: 200px;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}
/*Custom Legend*/
.flExtraLegendRowSymbolWrap {
  width: 14px;
  height: 14px;
  border: 1px solid black;
  border-radius: 50%;
  margin: 0 8px 0 5px;
}
.flExtraLegendRowEle {
  float: left;
}
.flExtraLegendRow {
  margin-bottom: 5px;
}
.flExtraLegendRow:last-child {
  margin-bottom: 0;
}
.flExtraLegendLayerTitle {
  margin-bottom: 5px;
  font-weight: 700;
  text-align: center;
  border-bottom: 1px solid black;
  padding: 2px 0 4px;
}
/*Legend*/
.layersWrap {
  margin-top: 5px;
}
.noLayersWrap {
  display: none;
}
.legendRowEle {
  float: left;
  margin-right: 3px;
}
.legendOpacityImg {
  height: 16px;
  width: 16px;
  filter: invert(50%);
  cursor: pointer;
  padding-top: 2px;
}
.legendRowOpacityRangeWrap {
  /* display: none; */
  position: absolute;
  background-color: white;
  width: 200px;
  z-index: 1;
  box-shadow: 0 0 5px #b2b2b2;
  border-radius: 5px;
  top: 0;
  left: -webkit-calc(100% + 4px);
  left: -moz-calc(100% + 4px);
  left: calc(100% + 4px);
}
/* .legendOpacityImg:hover ~ .legendRowOpacityRangeWrap, .legendRowOpacityRangeWrap:hover {
	display: block;
} */
.legendRowOpacityWrap {
  position: relative;
}
.legendRow .handle {
  height: 16px;
  background-size: auto 100%;
  margin-top: 3px;
}
.layerLabelWrap,
.layerPreview {
  padding-top: 2px;
}
/* .layerLabel {
	cursor:pointer;
} */
.legendRowEle:last-child {
  margin-right: 0;
}
.layerLabelWrap {
  float: none;
  margin-left: 40px;
}
.customImageryLayers .layerLabelWrap {
  margin-left: 22px;
}
.layerLabelWrap > * {
  float: left;
}
.flOutOfRangeNotice {
  margin-left: 10px;
  font-size: 10px;
  margin-top: 4px;
}
.layerPreview {
  /* width: 16px;
	height: 16px; */
  display: table;
}
.layerPreviewInner {
  display: table-cell;
  /* height: 100%;
	width: 100%; */
  height: 16px;
  width: 16px;
  vertical-align: middle;
  position: relative;
}
.layerPreviewContent.fill {
  width: 100%;
  height: 100%;
  border: 1px solid black;
  box-sizing: border-box;
}
.layerPreviewContent.isLineStringLayerPrev {
  height: 0;
}
.layerPreviewContent.img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  display: block;
}
.legend .panelTop {
  border-bottom: none;
}
/*Filter*/
.filterPkgWrap {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.filterContent {
  position: absolute;
  top: 3px;
  right: 0;
  display: none;
  background: rgb(221, 230, 255);
  width: 200px;
  box-shadow: 0 0 5px black;
  padding: 5px;
  z-index: 999;
  font-weight: 500;
}
.inputPkg {
  text-align: left;
}
.filterPkgLabel {
  font-weight: 700;
  border-bottom: 1px solid black;
  margin-bottom: 2px;
}
.textInput.filterInput {
  width: 100%;
}
.chkPkg .checkboxWrap {
  background: white;
  margin-bottom: 2px;
}
.chkPkg .checkboxWrap:last-of-type {
  margin-bottom: 0;
}
.activeFilter {
  z-index: 1111;
}
/*Image Viewer*/
.scroller {
  background: #80bd01;
  width: 16px;
  padding: 4px;
  cursor: pointer;
  margin-top: 24px;
}
.associeatedImageTNs {
  width: 100%;
  height: 100px;
  margin-top: 7px;
  overflow: hidden;
  padding-top: 7px;
  border-top: 1px solid rgb(41, 41, 41);
}
.associeatedImageTNsEle {
  float: left;
}
.tnContainer {
  width: 524px;
  margin: 0 7px;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.imgViewerPanel {
  width: 600px !important;
  /* background: black!important; */
  background: #737373 !important;
  z-index: 9999999999 !important;
}
.imgViewerAddImagePanel {
  z-index: 10000000000 !important;
}
.videoViewPanel {
  width: 600px !important;
  /* background: black!important; */
  background: #737373 !important;
  z-index: 9999999999 !important;
}
.associatedImagesViewer {
  width: 100%;
}
.photoHTMLPkgFirstPhoto {
  margin: 0 auto;
  display: block;
  max-width: 96%;
  max-height: 300px;
  cursor: pointer;
}
.scrollRight {
  float: right;
}
.tnBackgroundWrap {
  height: 100%;
  position: absolute;
  width: 999999999999999999999px;
  left: 0;
}
.tnBackground {
  height: 100%;
  position: absolute;
  left: 0;
}
.tnBGImg {
  max-height: 100%;
  margin-right: 5px;
  cursor: pointer;
  float: left;
}
.tnBGImg:last-of-type {
  margin-right: 0;
}
.noActive {
  opacity: 0.1;
  cursor: default;
}
.associatedImagesMainImgWrap {
  width: 100%;
  height: 400px;
}
.associatedImagesMainImg {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.ivOtherInfoEle {
  float: left;
  box-sizing: border-box;
  width: -webkit-calc(50% - 18px);
  width: -moz-calc(50% - 18px);
  width: calc(50% - 18px);
  padding: 0 5px;
  color: rgb(148, 148, 148);
  border-right: 1px solid rgb(41, 41, 41);
}
.ivOtherInfo .exportPT.panelButtonsEle:last-of-type {
  float: left;
  margin-left: 10px;
}
.ivOtherInfo {
  padding-top: 7px;
  margin-top: 7px;
  border-top: 1px solid rgb(41, 41, 41);
}
.ivfileNameShow {
  text-align: right;
}
.ivOtherInfoEle:last-child {
  border-right: 0;
}
#shade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.79);
  display: none;
  /* z-index: 999999999; */
  z-index: 1;
}
#shade.permaShade {
  display: block !important;
}
/*Support*/
.supportSec {
  margin-bottom: 10px;
  border-bottom: 1px solid black;
  padding-bottom: 10px;
}

.supportSec:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.supportLogo {
  max-height: 80px;
  max-width: 200px;
}
textarea.supportTextarea {
  width: 100% !important;
  max-width: none !important;
  height: 200px !important;
}
.supportDeviceContainer .supportDeviceInput {
  width: 95px;
  margin-right: 5px;
  display: inline-block;
}
/*Slider*/
.sliderInput {
  width: 100%;
  margin: 0;
}
.sliderPkgTop {
  margin-bottom: 5px;
}
.sliderPkg {
  margin-bottom: 5px;
}
.sliderPkgLabel {
  font-weight: 700;
}
/*input type=range*/
input[type='range'] {
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type='range']:focus {
  outline: none;
}
input[type='range']::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #e51b24;
  border: 0.2px solid #010101;
}
input[type='range']::-webkit-slider-thumb {
  border: 1px solid #9d968e;
  height: 18px;
  width: 12px;
  background: #e51b24;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-top: -7px;
}
input[type='range']::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #e51b24;
  border: 0.2px solid #010101;
}
input[type='range']::-moz-range-thumb {
  border: 1px solid #9d968e;
  height: 18px;
  width: 12px;
  background: #e51b24;
  cursor: pointer;
}
input[type='range']::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 12px 0;
  color: transparent;
}
input[type='range']::-ms-fill-lower {
  background: #e51b24;
  border: 0.2px solid #010101;
}
input[type='range']::-ms-fill-upper {
  background: #e51b24;
  border: 0.2px solid #010101;
}
input[type='range']::-ms-thumb {
  border: 1px solid #9d968e;
  height: 18px;
  width: 12px;
  background: #e51b24;
  cursor: pointer;
}
/*Range*/
.rangeHTMLWrap {
  position: relative;
  padding: 2px;
  /* background-color: white; */
  margin: 2px;
}
.rangeBottom {
  margin-top: 2px;
}
.rangeBottom.rangeBottomEmpty {
  margin-top: 0;
}
.rangeWrapWrap {
  width: 100%;
  background: white;
  padding: 0 6px;
  box-sizing: border-box;
}
.advFilterPanel .rangeWrapWrap {
  background-color: transparent;
}
.rangeWrap {
  position: relative;
  height: 18px;
  float: none;
  width: -webkit-calc(100% - 12px);
  width: -moz-calc(100% - 12px);
  width: calc(100% - 12px);
  margin: 0 auto;
}
.rangeWrap.rangeWrapNotVisible {
  /* visibility:hidden; */
  display: none;
}
.range {
  width: 100%;
  margin: 0 auto;
  display: none;
  margin-top: 5px;
}
.rangeInputWrap {
  margin-top: 6px;
}
.rangeInputWrap.rangeInputsNoShow {
  margin-top: 0;
}
.timeRange .showInputsWrap {
  float: none;
  display: inline-block;
}
.timeRange .rangeInputWrap {
  text-align: center;
}
.showInput1.showInputs {
  float: left;
}
.showInputsWrap1 {
  float: left;
}
.showInputsWrap2 {
  float: right;
}
.showInput2.showInputs {
  float: right;
}
input[type='text'].showInputs,
input[type='number'].showInputs {
  width: 95px;
  max-width: 49%;
  box-sizing: border-box;
}
.seasonDateContainer,
.showInputWraps {
  width: 111px;
  max-width: 49%;
  box-sizing: border-box;
}
.rangeHandle {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 12px;
  border: 1px solid #9d968e;
  z-index: 110;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f4f4f4;
  background: -moz-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #f4f4f4),
    color-stop(100%, #e2e2e2)
  );
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
  background: -o-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
  background: linear-gradient(to bottom, #f4f4f4 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e2e2e2',GradientType=0 );
}
.rangeHandle:active {
  background: #f4f4f4; /* Old browsers */
  background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #f4f4f4),
    color-stop(100%, #efefef)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #f4f4f4 0%,
    #efefef 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #f4f4f4 0%,
    #efefef 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f4f4 0%, #efefef 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f4f4f4 0%, #efefef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
.rangeHandle:hover {
  background: #f4f4f4; /* Old browsers */
  background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #f4f4f4),
    color-stop(100%, #efefef)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #f4f4f4 0%,
    #efefef 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #f4f4f4 0%,
    #efefef 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f4f4 0%, #efefef 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f4f4f4 0%, #efefef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
.fieldPkg .rangeTrack,
.fieldPkg .rangeHandle,
.fieldPkg .rangeTrackMiddle {
  background: #e51b24;
}
.fieldPkg .rangeTrack.rangeTrackWithMiddle {
  background: #c7c7c7;
}
.handleOutPut {
  position: absolute;
  top: 20px;
  left: -6px;
}
.rangeWrapWrap.wHandleOutPut {
  min-height: 34px;
}
.topHandle {
  z-index: 115;
}
.rangeTrack {
  background: #e3ddd8;
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 90;
  cursor: pointer;
}
.rangeTrack.rangeTrackWithMiddle {
  background: #c7c7c7;
}
.rangeTrackMiddle {
  position: absolute;
  height: 100%;
  background: #e3ddd8;
  z-index: 99;
  left: 0;
  right: 0;
}
.rangeGradient {
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.avgIndicator {
  position: absolute;
  bottom: -12px;
  height: 12px;
  width: 2px;
  background-color: black;
}
.rangeLabelWrap {
  margin-bottom: 2px;
  float: left;
}
.rangeLabelWrap.labelForOne {
  max-width: 90%;
}
.bringDownLabel {
  margin-bottom: 0;
  width: auto;
}
.rangeLabelMax {
  text-align: right;
  padding-left: 5px;
  float: right;
  margin-left: 1%;
}
.rangeLabelMin {
  padding-right: 5px;
  float: left;
  text-align: left;
  margin-right: 1%;
}
.rangeValue {
  width: 49%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  padding: 0 2px;
}
.rangeWrapEle {
  /*display: inline-block;*/
  vertical-align: top;
}
.rangePkgTop {
  margin-bottom: 2px;
}
.rangePkgTop .moreInfoWrap {
  float: right;
  position: relative;
}
.rangePkgTop.rangePkgTopEmpty {
  margin-bottom: 0;
}
.onlyOutput {
  float: right;
  text-align: right;
  margin-right: 0;
  width: auto;
}
.filterExtrasTop {
  border-bottom: 1px solid black;
  margin-bottom: 2px;
}
.filterExtras {
  background: white;
  margin-top: 4px;
  border-top: 1px solid black;
  padding-top: 2px;
}
.showNullsSelect {
  width: auto;
}
.showNullsOptionsWrap,
.checkAndOrOptionsWrap,
.advFilterNotWrap {
  /* float: left; */
}
.rangeLabel {
  float: none;
  font-weight: 700;
}
.avgLabel {
  margin-top: 6px;
}
.rangeScale.rangeWithOutScaleBar {
  height: 18px;
}
.rangeScale.rangeScaleWOutBottomLine {
  height: 26px;
}
.rangeScale {
  position: relative;
  width: -webkit-calc(100% - 12px);
  width: -moz-calc(100% - 12px);
  width: calc(100% - 12px);
  height: 32px;
  margin: 3px auto 0;
}
.avgLabelAvg {
  text-decoration: underline;
}
.avgLabelContent {
  text-align: center;
}
.bottomLine {
  position: absolute;
  left: 0;
  top: 13px;
  width: 100%;
  height: 1px;
  background: black;
}
.scaleNotch {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 14px;
  background: black;
}
.rangeScaleWOutBottomLine .scaleNotch {
  height: 6px;
}
.notchLabels {
  position: absolute;
  width: 100%;
  height: 100%;
}
.notchLabel:first-child {
  left: 0 !important;
  text-align: left;
}
.notchLabel {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 46px;
  height: 16px;
  text-align: center;
  cursor: default;
}
.notchLabel.rangeLabelAsButton {
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: underline;
}
.notchLabel:last-child {
  right: 0 !important;
  left: auto !important;
  text-align: right;
}
.notchLabel.rangeLabelAsButton:hover {
  color: #dbdbdb;
}
.rangeScale.discreteScale .notchLabels {
  display: none;
}
.rangeScale.discreteScale .scaleNotch {
  top: 4px;
  height: 8px;
}
.rangeScale.discreteScale {
  height: 14px;
  margin-top: -10px;
}
.rangeScale.discreteScale .bottomLine {
  display: none;
}
.rangeScale.discreteScale .scaleNotch:first-child {
  display: none;
}
.rangeScale.discreteScale .scaleNotch:last-child {
  display: none;
}

.scaleWrap {
  width: 90%;
  margin: 0 auto;
  margin-top: -4px;
}
.scaleBackground {
  height: 16px;
  position: relative;
}
.scalePoint {
  position: absolute;
  height: 100%;
}
.scalePointer {
  border-right: 1px solid black;
  height: 5px;
  width: 0;
  position: absolute;
}
.scalePointLabel {
  width: 24px;
  overflow: hidden;
  font-size: 10px;
  left: -12px;
  position: absolute;
  bottom: -2px;
  text-align: center;
}
.colorGrdCnvs {
  position: fixed;
  left: 10px;
  top: 73px;
  z-index: 9999999999;
  display: none;
}
/*Drop Down List*/
.dropDownListWrap {
  display: none;
  position: fixed;
  background-color: white;
  z-index: 999999;
  border: 1px solid grey;
  padding: 5px;
  max-height: 300px;
  overflow-y: auto;
}
.dropDownListRow {
  margin-bottom: 4px;
  padding: 2px;
}
.dropDownListRow:not(.dropDownListRowNoClick) {
  cursor: pointer;
}
.dropDownListRow:not(.dropDownListRowNoClick):hover {
  background-color: #c6e6df;
}
.dropDownListRow:last-child {
  margin-bottom: 0;
}
/*Editable List*/
.editableListWrap {
  /* border: 1px solid black; */
}
.editableListItem {
  border: 1px solid black;
  margin-bottom: 2px;
  cursor: pointer;
  padding: 2px;
  word-break: break-all;
}
.editableListItem.elEditableLI {
  cursor: default;
  border: none;
}
.editableListItem:last-of-type {
  margin-bottom: 0;
}
.editableList {
  padding: 2px;
  margin: 0;
}
.filePkgWrap .editableListWrap {
  margin-bottom: 5px;
}
.editableListButtonsWrap {
  text-align: right;
  padding: 2px;
}
.editableListButtonsWrap .button {
  display: inline-block;
}
.editableListItem.elEditableLI .eLRemove {
  margin-top: 2px;
}
.eLRemove {
  padding: 0 2px;
  margin-right: 2px;
  width: 12px;
}
.editableListUnRemoveable .elLabel {
  margin-left: 0;
}
.elLabel,
.elEditable {
  margin-right: 26px;
  padding-left: 4px;
}
.editableListImg {
  max-height: 150px;
  max-width: 150px;
}
.appMngrInvtryFieldsTBody .checkbox {
  float: none;
}
.appMngrInvtryFieldsTBody .checkboxWrap {
  text-align: center;
}
.smMedCol {
  width: 74px !important;
}
.medCol {
  width: 122px !important;
}
.medLgCol {
  width: 176px !important;
}
/*map controls*/
.ol-rotate.ol-control {
  display: none;
}
.mapToolsItems .ol-rotate.ol-control {
  display: block;
}
.mapToolsItems .ol-control {
  position: relative;
  background-color: transparent;
  border-radius: inherit;
  padding: 6px 6px;
  top: 0;
  left: 0;
  transition: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.mapToolsItems .ol-control:hover {
  background-color: transparent;
}
.mapToolsItems .ol-control button {
  width: 12px;
  height: 12px;
  background-color: transparent;
  cursor: inherit;
  position: relative;
}
.mapToolsItems .ol-control button:hover {
  background-color: transparent;
}
.mapToolsItems .ol-control .ol-compass {
  font-size: 20px;
}
.gmapVisible .mapToolItem.rotate {
  display: none;
}

/*Fix blue background on rotate button in map tools from OpenLayers when focused*/
.mapToolItem.rotate.noSelect .ol-control button:focus,
.mapToolItem.rotate.noSelect .ol-control button:hover {
  background-color: transparent;
  outline-color: transparent;
}
/*Fix rotate icon position and spacing*/
.mapToolItem.rotate.noSelect .ol-control {
  padding: 6px 0px;
}
.mapToolItem.rotate.noSelect .ol-control button {
  width: 21px;
}

/*Tabs*/
.tab {
  display: inline-block;
  padding: 5px;
  border: 1px solid black;
  border-left: none;
  background-color: #80bd01;
  cursor: pointer;
  color: white;
  box-sizing: border-box;
  min-width: 50px;
  text-align: center;
}
.tabsWrap {
  position: relative;
  top: 1px;
  border-left: 1px solid black;
  border-radius: 4px 0 0 0;
}
.tabHidden {
  display: none;
}
.tabsContentWrap {
  /* border: 1px solid black; */
}
.activeTab {
  z-index: 9999;
  background-color: white;
  color: #000000;
  cursor: default;
  /* box-shadow: 0 0 3px black inset; */
}
.tabClickCurrentHides .tab.activeTab {
  cursor: pointer;
}
.tab.noTabTab {
  display: none;
}
.tab:first-child {
  border-radius: 4px 0 0 0;
}
.tab:last-child {
  border-radius: 0 4px 0 0;
}
.tabContent {
  display: none;
  padding: 5px;
  background: white;
}
.tabsContentWrapWrap {
  position: relative;
}
.tabsWArrows .tabsContentWrap {
  /* padding: 0 60px; */
}
.tabsNoArrows .tabsContentWrap {
  padding: 0 !important;
}
.tabContentWArrow:active {
  /*grey*/
  background-color: #e2e2e2;
}
.tabContentWArrow {
  position: absolute;
  top: 28px;
  width: 34px;
  height: 34px;
  cursor: pointer;
  /*grey*/
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  padding: 4px 11px;
  box-sizing: border-box;
  font-weight: 900;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.tabContentWArrowL {
  left: 10px;
  background-image: url('../images/arrow-left-black-small.png');
}
.tabContentWArrowR {
  right: 10px;
  background-image: url('../images/arrow-right-black-small.png');
}
.tabsWArrows .tabContent {
  min-height: 76px;
}
.tabsNoBorderRadius .tabsWrap {
  border-radius: 0;
}
.tabsNoBorderRadius .tab:first-child {
  border-radius: 0;
}
.tabsNoBorderRadius .tab:last-child {
  border-radius: 0;
}
.activeTab .tabExtraContent {
  background-color: green;
  color: white;
}
.tabLeftContent {
  float: left;
}
.tabExtraContent {
  font-size: 14px;
  height: 14px;
  width: 14px;
  background-color: white;
  color: green;
  border-radius: 50%;
  padding: 2px;
  line-height: 14px;
  margin-right: 4px;
}
.editFormTab {
  box-shadow: 0 0 5px black;
  background: #dfeebf;
}
.optionsLabel {
  text-align: center;
  font-weight: 900;
}
.tabsVertical > .tabsWrap > .tab {
  display: block;
  padding: 20px 10px;
  font-weight: 900;
  font-size: 18px;
}
.tabsVertical > .tabsWrap > .tab:first-child {
  border-top: none;
}
.tabsVertical > .tabsWrap {
  float: left;
  width: 220px;
}
.tabsVertical > .tabsContentWrapWrap {
  margin-left: 221px;
}
.tabsVertical > .tabsContentWrapWrap > .tabsContentWrap {
  border: none;
  float: left;
  width: -webkit-calc(100% - 2px);
  width: -moz-calc(100% - 2px);
  width: calc(100% - 2px);
}
.tabsVertical > .tabsContentWrapWrap > .tabsContentWrap > .tabContent {
  padding-left: 20px;
}
.tabsTitleWrap {
  height: 102px;
  border: 1px solid #ececec;
}
.tabsTitle {
  float: left;
  height: 100%;
  width: -webkit-calc(100% - 220px);
  width: -moz-calc(100% - 220px);
  width: calc(100% - 220px);
  box-sizing: border-box;
  padding: 31px;
  font-size: 30px;
}
.tabsTopLeft {
  float: left;
  width: 219px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 80%;
  border-right: 1px solid #ececec;
}
.tabsInvisible > .tabsWrap {
  display: none;
}
.tabsInvisible > .tabsContentWrapWrap > .tabsContentWrap {
  border: none;
}
.tabsInvisible > .tabsContentWrapWrap > .tabsContentWrap > .tabContent {
  padding: 0;
}
/*SubForm*/
.subForm {
  margin: 10px 0;
}
.subFormTitle {
  text-align: center;
  font-weight: 900;
  margin: 10px 0;
}
.subFormTopContent {
  margin-bottom: 10px;
}
.subFormTable {
  table-layout: fixed;
  max-width: 100%;
  border-collapse: collapse;
}
.subFormTable .tdLiner {
  padding: 2px;
  max-height: 72px;
  overflow-y: auto;
}
.subFormTable th {
  padding: 2px;
}
.subFormTable .th {
  padding: 2px;
}
.subFormContentTableWrap {
  max-height: 384px;
  overflow-y: auto;
  border: 1px solid black;
}
.efSignOffInfo {
  text-align: center;
  margin: 10px 0;
}
.efSignOffTableWrap {
  max-height: 336px;
  overflow-y: auto;
}
.efSignOffNotesDiv {
  width: 100%;
  height: 100%;
  min-height: 20px;
  max-height: 100px;
  overflow-y: auto;
}
textarea.efSignOffNotesTA {
  min-height: 60px;
}
.efOptionsSection {
  border-bottom: 1px solid black;
  padding-bottom: 7px;
  margin-bottom: 7px;
}
.efOptionsSection:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.editFormFieldsPreview {
  margin-top: 5px;
  border-top: 1px solid black;
  padding: 5px;
}
.efPreviewFieldUnit:nth-child(odd) {
  background-color: #f3f7ea;
}
.editFormFieldsPreviewContent {
  background-color: #dfeebf;
  border: 1px solid black;
}
.efPreviewFieldUnit {
  padding: 2px;
  border-bottom: 1px solid black;
}
.efPreviewFieldUnit:last-child {
  border-bottom: 0;
}
.efPreviewFieldUnitEle {
  float: left;
}
.efPreviewFieldUnitLabel {
  margin-right: 10px;
  border-right: 1px solid black;
  padding-right: 10px;
  max-width: 160px;
  word-wrap: break-word;
}
.efSignOffTable,
.efHistoryTable,
.inspectionsOriginalValuesTable {
  border-collapse: collapse;
  margin: 0 auto;
  background-color: white;
}
.efSignOffTable thead tr:nth-child(odd),
.efHistoryTable thead tr:nth-child(odd),
.inspectionsOriginalValuesTable thead tr:nth-child(odd) {
  background-color: #dcdcdc;
}
.efSignOffTable th,
.efSignOffTable td,
.efHistoryTable th,
.efHistoryTable td,
.inspectionsOriginalValuesTable th,
.inspectionsOriginalValuesTable td {
  padding: 4px;
}
.efSignOffRow:nth-child(odd) {
  background-color: #eee;
}
.efHistoryContent {
  max-height: 500px;
  overflow-y: auto;
}
.historyBaseline {
  color: #003d7d;
}
.efActivitiesContentWrap .subLabel {
  margin: 10px 0 0;
}
.efGeneralLocationSection .buttonWrap {
  margin: 10px 0;
}
.multiDBHTable {
  border-collapse: collapse;
  border: 1px solid #eeeeee;
}
.multiDBHTBody .tdLiner {
  min-width: 0 !important;
}
.hasMultiDBHCalcButton .checksableWrap {
  display: block;
}
.multiDBHTBody .formInput {
  width: 73px;
}
.multiDBHTRWrapTD {
  text-align: center;
}
.multiDBHTableWrap {
  display: inline-block;
}
.multiDBHCalcButton {
  margin-top: 7px;
}
.ol-scale-line {
  bottom: 26px !important;
}
/*Shade*/
.fullShade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999999;
  background-color: rgb(0, 0, 0);
}
.aboveShade {
  /* z-index: 9999999999991!important; */
}
/*Panels*/
.panelsContainer {
  position: absolute;
  bottom: 22px;
  right: 10px;
  text-align: right;
  max-width: -webkit-calc(100% - 124px);
  max-width: -moz-calc(100% - 124px);
  max-width: calc(100% - 124px);
  min-width: 112px;
  /* z-index: 9; */
  /* z-index: 99; */
  /* z-index: 1; */
  z-index: 8;
}
.panelsContainer.beforeSidePanelsPanelsContainer {
  z-index: 5;
}
.minPanelsContainer {
  position: absolute;
  bottom: 22px;
  right: 10px;
  text-align: right;
  max-width: -webkit-calc(100% - 124px);
  max-width: -moz-calc(100% - 124px);
  max-width: calc(100% - 124px);
  min-width: 112px;
  /* z-index: 9; */
  /* z-index: 99; */
  /* z-index: 1; */
  z-index: 8;
}
.panel {
  display: none;
  position: fixed;
  z-index: 99999;
  padding: 7px;
  box-sizing: border-box;
  box-shadow: 0 0 5px black;
  max-width: -webkit-calc(100% - 14px);
  max-width: -moz-calc(100% - 14px);
  max-width: calc(100% - 14px);
  max-height: 100%;
  background: white;
  min-height: 100px;
  min-width: 250px;
  /* overflow-y: auto; */
  text-align: left;
}
/* .panel.paneldEmbeddedBottom{
	width: 100%;
  bottom: 0;
  left: 0;
  max-width: none;
  border-radius: 0;
  box-shadow: none;
} */
.panel.measuerPanel {
  bottom: initial !important;
  right: initial !important;
}
.activePanel {
  z-index: 999999;
}
.panelFillPage {
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  padding: 0;
  overflow-y: auto;
}
.panelFillPage .panelBodyWrap {
  height: auto;
  padding: 7px;
}

.panelFillPage .panelBody {
  height: auto;
  overflow-y: hidden;
}
.panelFullBGImg {
  /* background: url(images/bg.jpg) no-repeat center center fixed;  */
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.scrollToTop {
  position: absolute;
  background-color: #005970;
  height: 26px;
  width: 26px;
  z-index: 99;
  text-align: center;
  cursor: pointer;
  right: 23px;
  top: -webkit-calc(50% - 13px);
  top: -moz-calc(50% - 13px);
  top: calc(50% - 13px);
  box-sizing: border-box;
  font-weight: 900;
  box-shadow: 0 0 2px black;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/arrow-up-white.png);
  background-size: 14px;
}
.resizeHandle {
  position: absolute;
  background-color: transparent;
  z-index: 999999;
}
.resizeDisabled .resizeHandle {
  cursor: default;
}
.minimized .resizeHandle {
  cursor: default;
}
.minimized .scrollToTop {
  display: none;
}
.cornerHandle {
  z-index: 9999999;
  height: 5px;
  width: 5px;
}
.hW {
  top: 0;
  left: 0;
  height: 100%;
  width: 3px;
  cursor: w-resize;
}
.hE {
  top: 0;
  right: 0;
  height: 100%;
  width: 3px;
  cursor: e-resize;
}
.hN {
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  cursor: n-resize;
}
.hS {
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  cursor: s-resize;
}
.hNW {
  top: 0;
  left: 0;
  cursor: nw-resize;
}
.hNE {
  top: 0;
  right: 0;
  cursor: ne-resize;
}
.hSW {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
}
.hSE {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.panelLabel {
  font-size: 18px;
  font-weight: 900;
}
.panelContent {
  display: inline-block;
  width: 100%;
  padding-top: 7px;
  box-sizing: border-box;
}
.panelBody.panelBodyWTop .panelContent {
  padding-top: 0;
}
.panelTop {
  border-bottom: 1px solid black;
  padding-bottom: 2px;
  position: absolute;
  box-sizing: border-box;
  background: #dfeebf;
  padding: 5px;
  top: 0;
  left: 0;
  right: 0;
  cursor: move;
  z-index: 99;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 0 5px black;
}
.panelBodyWrap {
  height: -webkit-calc(100% - 23px);
  height: -moz-calc(100% - 23px);
  height: calc(100% - 23px);
  margin-top: 23px;
}
.panelBody {
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  width: 100%;
}
.panelBody.panelBodyWTop {
  /* box-shadow: 0 0 5px black; */
  padding: 5px;
  /* border: 1px solid #ececec; */
}
.topContentWrap {
  background-color: white;
  /* box-shadow: 0 0 5px black; */
  padding: 7px;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.panel.panelWTop {
  overflow-x: hidden;
}
.advFWhereShow {
  font-size: 12px;
  /* margin-bottom: 5px; */
}
.advFWhereShowContent {
  margin-left: 5px;
  max-height: 140px;
  overflow-y: auto;
}
.advFWhereShowLabel {
  font-weight: 900;
}
.sheetPrepForm {
  min-width: 400px;
}
.paneltitle,
.panelTopRightContent {
  margin-top: 3px;
  font-size: 12px;
  text-transform: uppercase;
  color: #666665;
  font-weight: 700;
}
.paneltitle {
  float: left;
}
.panelTopRightContent {
  float: right;
}
.panelbuttons {
  float: right;
}
.closeSidePanel {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/arrow-left-white-small.png);
  background-size: 6px;
}
.sidePanelRight .closeSidePanel.sPTopButton {
  float: left;
  background-image: url(../images/arrow-right-white-small.png);
}
.sPOpenButton {
  position: absolute;
  left: 100%;
  bottom: 70px;
  background-color: #666665;
  padding: 6px;
  color: white;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid white;
  border-right: none;
}
.sidePanelRight .sPOpenButton {
  right: calc(100% + 1px);
  left: auto;
}
img.sPOpenButtonImg {
  margin: 0 auto;
  display: block;
  margin-bottom: 6px;
}
.sidePanel:not(.sidePanelClosed) .sPOpenButtonHideOnOpen.sPOpenButton {
  display: none;
}
.panelButtonsEle,
.sPTopButton,
.invEditorDeleteButton,
.smallButton {
  float: right;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: white;
  background-color: #666665;
  padding: 4px;
  font-weight: 900;
  margin-left: 2px;
  font-size: 13px;
  line-height: 12px;
  box-sizing: border-box;
  text-align: center;
  /* box-shadow: 0 0 2px black; */
  /* border: 1px solid white; */
  border-radius: 5px;
  border: none;
}
.panelButtonsEle:hover,
.sPTopButton:hover,
.invEditorDeleteButton:hover,
.smallButton:hover {
  background-color: #c4c4c4;
}
.panelButtonsEle,
.closePopup,
.invEditorDeleteButton,
.generalSmallButtonWIcon {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: auto 70% !important;
}
.toggleButton {
  background-image: url(../images/arrow-down-white-small.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  cursor: pointer;
}
.toggleButton.upToggleButton {
  background-image: url(../images/arrow-up-white-small.png);
}
.minimizePanel {
  background-image: url(../images/minimize-white.png);
}
.maximizePanel {
  background-image: url(../images/maximize-white.png);
}
.closePanel,
.closePopup,
.invEditorDeleteButton,
.generalDeleteButton {
  background-image: url(../images/close-white.png) !important;
}
.closePanel,
.closePopup,
.invEditorDeleteButton,
.generalDeleteButton {
  background-image: url(../images/close-white.png) !important;
}
.onlyIconButton.generalDeleteButton.closeBox {
  background-repeat: no-repeat;
  border-radius: 5px;
  background-size: auto 70%;
  background-position: center;
  width: 20px;
  height: 20px;
}
.generalPlusButton {
  background-image: url(../images/plus-white.png);
}
.generalMinusButton {
  background-image: url(../images/minus.png);
}
/* .panel.closeMeansMinimizedPanel.minimized .closePanel {
	display: none;
} */
/* .smallButton{
	width: 18px;
	height: 18px;
	cursor: pointer;
	color: white;
	padding: 3px;
	font-size: 15px;
	line-height: 12px;
	box-sizing: border-box;
	text-align: center;
	box-shadow: 0 0 2px black;
	border: 1px solid white;
	border-radius: 3px;
} */
.panelButtonsEle:active,
.sPTopButton:active {
  box-shadow: none;
}
.panelButtonsEle:last-of-type {
  margin-left: 0;
}
.maximizePanel {
  display: none;
}
.minimizePanelInner {
  border-bottom: 3px solid white;
}
.exportPT {
  background-image: url('../images/download_white_small.png');
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
}
.addPT {
  background-image: url('../images/add.png');
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
}
.innerButton {
  height: 100%;
  box-sizing: border-box;
}
.maximizePanelInner {
  border: 1px solid white;
  border-bottom: 3px solid white;
}
.minimized {
  width: 122px !important;
  height: 30px !important;
  top: auto;
  left: auto;
  position: static;
  margin-right: 4px;
  margin-bottom: 4px;
  display: inline-block !important;
  min-width: 0;
  min-height: 0;
  padding: 0;
  max-width: none;
}
.panel.minimized {
  background: white !important;
  border-radius: 0 0 10px 10px;
  overflow-y: hidden;
  width: 112px !important;
}
.minimized .panelTop {
  border-bottom: none;
  position: static;
  cursor: default;
}
.panel.minimalPanel {
  cursor: pointer;
}
.panel.minimalPanel .panelBodyWrap {
  height: 63px;
  overflow: hidden;
  pointer-events: none;
}
.panelTop.minimalEnabledTop,
.panelTop.minimalEnabledTop.notMovablePanel {
  cursor: pointer;
}
.panel.minimalPanel .panelBody {
  overflow: hidden;
}
/*Inventories/Templates, Add By Address*/
.templateUnit,
.addMethodOption {
  padding: 5px;
  border: 1px solid black;
  cursor: pointer;
  border-bottom: 0;
}
.addMethodOptions {
  border-bottom: 1px solid black;
}
.panel.addMethodPanel {
  min-width: 276px;
}
.templateUnit.notemplate {
  margin-bottom: 7px;
  border: 1px solid black;
}
.templateUnit:last-of-type {
  border-bottom: 1px solid black;
}
.templateUnit:hover,
.addMethodOption:hover {
  background-color: rgb(229, 229, 229);
}
.addByAddressEle {
  margin-bottom: 5px;
}
.addByAddressEle:last-child {
  margin-bottom: 0;
}
.addByAddressButtons {
  text-align: right;
}
.editingSCPkg {
  float: right;
  /* margin-right: 18px; */
  /* max-width: calc(50% - 10px); */
}
.headerRight .headerButton:last-of-type {
  margin-right: 5px;
}
.headerRight .headerButton:first-of-type {
  margin-right: 0;
}
.addByGPSPanel .panelContent {
  width: 332px;
}
.addByGPSButtons .viewMoreWrap {
  margin: 0 5px;
}
.addByGPSButtons .unit {
  text-align: left;
}
.addByGPSButtons .unit {
  text-align: left;
}
.addByGPSButtons > * {
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  width: calc(100% - 10px);
  box-sizing: border-box;
  margin: 0 0 5px 0;
}
.addByGPSButtonsButtons .button {
  width: -webkit-calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
  box-sizing: border-box;
  margin: 5px;
}
.addByGPSButtons {
  text-align: center;
}
.addByGPSButtons > *:last-child {
  margin-bottom: 0;
}
/*Intro Panel*/
.introPreDesc {
  /* border-bottom: 1px solid white; */
  /* border-bottom: 1px solid black; */
  padding: 10px 0;
}
.introPreDesc p {
  margin: 0;
}
.introImg {
  max-width: 30%;
}
.introPanelSubImg {
  padding: 12px;
  display: inline-block;
  max-height: 52px;
}
.introPanelButtonContentHeader {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 15px;
}
.introPanelButtonContentText {
  font-size: 12px;
}
.introPanelButtonContent {
  height: 100px;
  text-align: left;
}
.introPanelDontShowWhenLoggedIn {
  display: none !important;
}
.introPanelNotLoggedIn input.introPanelDontShowWhenLoggedIn {
  display: inline-block !important;
}
.introPanelNotLoggedIn .introPanelDontShowWhenLoggedIn {
  display: block !important;
}
.introPanelNotLoggedIn .introPanelShowWhenLoggedIn {
  display: none !important;
}
.introPanelSmall .introPanelButtonContent {
  height: auto;
  margin-top: -8px;
}
.introPanelSmall .accordion.intro .shelf.boxyClass .button.toolBoxButton {
  padding-top: 8px;
}
.introFormTable.styleForm,
.introCreateAccountForm.styleForm,
.introMngAccountForm.styleForm,
.introForgotUsernameForm.styleForm,
.introForgotPasswordForm.styleForm,
.introChangePasswordForm.styleForm {
  background-color: transparent;
  padding: 0;
}
.introFormTable .rowLeft,
.introCreateAccountForm .rowLeft,
.introMngAccountForm .rowLeft,
.introForgotUsernameForm .rowLeft,
.introForgotPasswordForm .rowLeft,
.introChangePasswordForm .rowLeft,
.introPanelConnectWrap .rowLeft {
  font-weight: 700;
  width: 100%;
  margin: 0;
}
.introPanelLoggedInNotMe {
  font-weight: 500 !important;
}
.introFormTable .row,
.introCreateAccountForm .row,
.introMngAccountForm .row,
.introForgotUsernameForm .row,
.introForgotPasswordForm .row,
.introChangePasswordForm .row {
  margin-bottom: 12px;
}
.introPanelBottomButtons .row {
  margin-bottom: 6px;
}
.introPanelBottomButtons {
  margin-top: 24px;
  text-align: center;
  clear: both;
}
.row.introRecaptchaContainerWrap {
  margin-top: 16px;
  margin-bottom: 20px;
}
.introRecaptchaContainerWrap {
  margin-top: 16px;
}
.introCreateAccountForm .closeBox,
.introMngAccountForm .closeBox,
.introForgotUsernameForm .closeBox,
.introForgotPasswordForm .closeBox,
.introChangePasswordForm .closeBox {
  position: absolute;
  top: 10px;
  right: 10px;
}
.tabsContentWrapWrap .onlyIconButton.generalDeleteButton.closeBox {
  top: 0;
}
.introPanelAltLoginForm .tabContentWArrow {
  display: none;
}
.introCreateAccountForm,
.introMngAccountForm,
.introForgotUsernameForm,
.introForgotPasswordForm,
.introChangePasswordForm {
  position: relative;
}
.introFormTable .rowRight input,
.introFormTable .rowRight select,
.introCreateAccountForm .rowRight input,
.introCreateAccountForm .rowRight select,
.introMngAccountForm .rowRight input,
.introMngAccountForm .rowRight select,
.introForgotUsernameForm .rowRight input,
.introForgotUsernameForm .rowRight select,
.introForgotPasswordForm .rowRight input,
.introForgotPasswordForm .rowRight select,
.introChangePasswordForm .rowRight input,
.introChangePasswordForm .rowRight select {
  max-width: -webkit-calc(100% - 22px);
  max-width: -moz-calc(100% - 22px);
  max-width: calc(100% - 22px);
  box-sizing: border-box;
  /* max-width: 100%; */
  width: 177px !important;
}
.introFormTable .button,
.introCreateAccountForm .button,
.introMngAccountForm .button,
.introForgotUsernameForm .button,
.introForgotPasswordForm .button,
.introChangePasswordForm .button,
.introPanelBottomButtons .button {
  max-width: 100%;
  box-sizing: border-box;
  /* margin: 0!important; */
}
/*.introWrap {
	width: 570px;
}*/
.introPanelHomeShelf {
  text-align: center;
}
.introPanelHomeIconButton.onlyIconButton.bgIconButton {
  width: 108px;
  height: 108px;
  display: inline-block;
  background-color: transparent;
}
.introPanelHomeIconButton.onlyIconButton.bgIconButton:active {
  box-shadow: none;
}
.introPanelHomeIconButton.onlyIconButton.bgIconButton .bgIconButtonContent {
  background-size: 100%;
}
.accordion.intro .shelf .button.toolBoxButton {
  background-color: #38291a;
}
.normPublicUILogIn .normMrgBottom {
  margin-bottom: 6px;
}
/* .accordion.intro .shelf .button.stdButton {
	background: #DFEEBF;
	background: -webkit-linear-gradient(#DFEEBF, #CFF25D);
	background: -o-linear-gradient(red, yellow);
	background: -moz-linear-gradient(red, yellow);
	background: linear-gradient(#DFEEBF, #CFF25D);
	color:black;
} */
.introDescWrap {
  /* color: white; */
  /* background: url(../images/maple_transparent.png) no-repeat; */
  background: url(../images/oak-leaf-transparent.png) no-repeat;
  background-size: auto 100%;
  background-position: center;
}
.introWrap {
  /* background: linear-gradient(rgba(0,0,0,0.20),rgba(0,0,0,0.20)),url("../images/trees_in_park.jpg") no-repeat center center fixed;
	background-size: cover; */
  padding: 20px;
}
.introPanelSidePanelInnerwrap {
  position: relative;
}
.introUnit {
  /*  float: left; */
}
.introTitle {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  /* border-bottom: 1px solid white; */
  /* border-bottom: 1px solid black; */
  padding-bottom: 5px;
}
.introButtonsWrap {
  text-align: center;
  margin-top: 10px;
}
.introPanelSmall .boxyClass .iconButtonIconWrap.iconButtonIconWrapHTML {
  width: 42px;
  height: 42px;
  margin-top: 0;
}
.introPanelSmall
  .boxyClass
  .iconButtonIconWrap.iconButtonIconWrapHTML
  .iconButtonIconHTML {
  font-size: 38px;
}
.introPanelSmall .introPanelButtonContent {
  height: auto;
}
.publicUIHomeImg {
  float: left;
  width: -webkit-calc(50% - 3px);
  width: -moz-calc(50% - 3px);
  width: calc(50% - 3px);
}
.publicUIHomeImg:first-child {
  margin-right: 6px;
}
.introPanelSmallSmall .publicUIHomeImg {
  width: 100%;
  margin-right: 0;
}
.introPanelSmallSmall .publicUIHomeImg:first-child {
  margin-bottom: 6px;
}
.homePublicUIImages {
  margin-top: 30px;
}
.optionsSectionWrap {
  padding: 16px 10px 16px 0;
  /* background-image: url("../images/oak-leaf-transparent.png");
	background-repeat:no-repeat;
	background-size: 68%;
	background-position: center; */
  text-align: left;
}
.introPanelLoggedInInfo {
  font-size: 20px;
}
.introPanelLoggedInCount {
  font-size: 16;
}
.processLabel {
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #d2d2d2;
  padding: 2px;
  border-top: 1px solid #d2d2d2;
}
.introPanelButton,
.stdButton.introPanelButton {
  margin-right: 0;
}
.introLink:active,
.lookupLink:active {
  background: #dfeebf;
  background: -webkit-linear-gradient(#cff25d, #dfeebf);
  background: -o-linear-gradient(#cff25d, #dfeebf);
  background: -moz-linear-gradient(#cff25d, #dfeebf);
  background: linear-gradient(#cff25d, #dfeebf);
  box-shadow: inset 0px 0px 3px 0px black;
}
.introLink,
.lookupLink {
  cursor: pointer;
  display: inline-block;
  margin: 8px;
  font-size: 20px;
  /* background-color: #DFEEBF; */
  color: black;
  padding: 3px 10px;
  border-radius: 14px;
  background: #dfeebf;
  background: -webkit-linear-gradient(#dfeebf, #cff25d);
  background: -o-linear-gradient(#dfeebf, #cff25d);
  background: -moz-linear-gradient(#dfeebf, #cff25d);
  background: linear-gradient(#dfeebf, #cff25d);
  text-decoration: none;
  border: 1px solid black;
}
li.introLink,
.accordion.intro .shelf .button.stdButton,
.introFormTable .button.stdButton,
.introCreateAccountForm .button.stdButton,
.introMngAccountForm .button.stdButton,
.introForgotUsernameForm .button.stdButton,
.introForgotPasswordForm .button.stdButton,
.introChangePasswordForm .button.stdButton,
.introPanelAddTreesPanel .button.stdButton,
.introPanelAddTreesAddingPanel .button.stdButton,
.introPanelUpdatePanel .button.stdButton,
.introPanelUpdateSubmitPanel .button.stdButton,
.introPanelViewUpdatesPanel .button.stdButton,
.intro.sidePanel .introWrap > div:not(.publicDashWrap) .button.stdButton {
  /* background: #057953;
	color: white;
	border-radius: 3px; */
  width: 216px;
  /* transition: 0.2s ease;
	border: none;
	box-shadow: none;
	margin: 5px; */
}
.accordion.intro .shelf .dataContentWrap .button.stdButton,
.intro.sidePanel .dataContentWrap .button.stdButton {
  width: auto;
  padding: 5px;
  margin-right: 5px;
}
.buttonPrependImg {
  max-height: 12px;
  max-width: 12px;
  margin-right: 10px;
}
.introPanelAddTreesPanel .button.stdButton,
.introPanelAddTreesAddingPanel .button.stdButton {
  margin: 0;
}
.introPanelLoginPanel {
  width: 400px !important;
}
.introPanelLoginPanel .introFormTable,
.introCreateAccountForm .introFormTable,
.introMngAccountForm .introFormTable,
.introForgotUsernameForm .introFormTable,
.introForgotPasswordForm .introFormTable,
.introChangePasswordForm .introFormTable {
  margin: 10px 0;
  padding: 0 10px;
}
.button.stdButton.introGetStarted {
  height: 30px;
  font-size: 18px;
  padding-top: 14px;
  margin-right: 0;
}
/* li.introLink:hover,.accordion.intro .shelf .button.stdButton:hover,.introFormTable .button.stdButton:hover,.introPanelAddTreesPanel .button.stdButton:hover,.introPanelAddTreesAddingPanel .button.stdButton:hover,.introPanelUpdatePanel .button.stdButton:hover,.introPanelUpdateSubmitPanel .button.stdButton:hover,.introPanelViewUpdatesPanel .button.stdButton:hover,.intro.sidePanel .button.stdButton:hover {
	background-color: #21ce99;
} */
.introLink:hover {
  /* color: #d3ffc2; */
}
.introPanelSmall .boxyClass {
  width: 100%;
  margin: 0 0 10px;
}
.introPanelAddTreesSection {
  display: none;
  margin-left: 40px;
}
/* .intro.sidePanel .tab {
	background-color: #057953;
} */
.intro.sidePanel .tab.activeTab {
  background-color: white;
}
.intro.sidePanel.sidePanelBottomMobile .tab {
  font-size: 9px;
  height: 30px;
  vertical-align: top;
}
.inlineMoreInfo.moreInfoWrap {
  display: inline;
  margin-left: 8px;
  margin-top: 1px;
}
.inlineMoreInfo .mIActivate {
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
}
.noTopMarginMoreInfo.moreInfoWrap {
  margin-top: 0;
}
.noTopMarginMoreInfo .mIActivate {
  margin-top: 0;
}
.intro.sidePanel.sidePanelBottomMobile .introPanelAddTreesSection,
.intro.sidePanel.sidePanelBottomMobile .introPanelLocationWrap,
.intro.sidePanel.sidePanelBottomMobile .introPanelGeneralTreesTable {
  margin-left: 0;
}
.intro.sidePanel.sidePanelBottomMobile .tabsContentWrap {
  border: none;
}
.intro.sidePanel.sidePanelBottomMobile .tabsWrap {
  top: 0;
}
/* .intro.sidePanel.sidePanelBottomMobile .button.stdButton:not(.thirdPartyButton) {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
} */
.intro.sidePanel.sidePanelBottomMobile .canopyContainer .button.stdButton,
.intro.sidePanel.sidePanelBottomMobile
  .introPanelMyActivitiesWrap
  .button.stdButton,
.intro.sidePanel.sidePanelBottomMobileFull .canopyContainer .button.stdButton,
.intro.sidePanel.sidePanelBottomMobileFull
  .introPanelMyActivitiesWrap
  .button.stdButton {
  margin-left: 0;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
}
.introPanelAddTreesMyAddressWrap .introPanelGeneralLocationSection {
  box-shadow: none;
}
/* .introPanelAddFromIcons .introPanelAddTreesMyAddressWrap {
	margin-top: 18px;
} */
.introPanelAddFromIcons .introPanelLocationRow {
  margin-bottom: 0;
  float: left;
  width: -webkit-calc(33% - 8px);
  width: -moz-calc(33% - 8px);
  width: calc(33% - 8px);
  text-align: center;
  margin: 0 4px;
}
.introPanelAddFromIcons .introPanelLocationRow > .rowLeft {
  float: none;
}
.introPanelAddFromIcons .introPanelLocationRow > .rowLeft .button {
  display: inline-block;
}
.introPanelAddFromIcons .introPanelAddTreesMyAddressInput {
  margin-left: 0;
}
.introPanelAddFromIcons .introPanelAddTreesMyAddressInput:first-child {
  margin-right: 16px;
}
.introPanelAddFromIcons .introPanelLocationRow > .rowRight {
  float: none;
  width: 534px;
  box-sizing: border-box;
  margin-top: 18px;
}
.introPanelAddFromIcons
  .introPanelLocationRow
  > .rowRight
  .introPanelAddTreesMyAddressWrap {
  background-color: white;
  padding: 14px;
}
.introPanelAddFromIcons
  .introPanelLocationRow
  > .rowRight
  .introPanelGeneralLocationSection {
  background-color: transparent;
  padding-bottom: 0;
}
.introPanelAddFromIcons
  .introPanelLocationRow
  > .rowRight
  .introPanelGeneralLocationSection {
  background-color: transparent;
  padding-bottom: 0;
}
.button.onlyIconButton.bgIconButton.introPanelAltAddAddButton,
.button.circleButton.introPanelAltAddAddButton {
  width: 120px;
  height: 120px;
  max-width: 100%;
}
.button.introPanelAltAddAddButton .bgIconButtonContent,
.button.introPanelAltAddAddButton .bgCircleButtonContent {
  background-size: 100%;
}
.button.introPanelAltAddAddButton .belowButtonContent {
  bottom: -27px;
}
.introPanelAddFromIcons
  .introPanelAddTreesMyAddressInput.introPanelAddTreesMyAddressZipInput {
  margin-left: 0;
}
.intro.sidePanel.sidePanelBottomMobile .introPanelGeneralLocationSection,
.intro.sidePanel.sidePanelBottomMobile .introPanelSpecificLocationWrap {
  padding: 10px 10px;
}
.intro.sidePanel.sidePanelBottomMobile .introPanelGeneralTreesTable td,
.intro.sidePanel.sidePanelBottomMobile .introPanelGeneralTreesTable th {
  padding: 4px 0px;
}
.intro.sidePanel.sidePanelBottomMobile input.introPanelAddTreesMyAddressInput,
.intro.sidePanel.sidePanelBottomMobile input.introPanelLocationDisplay {
  width: auto !important;
}
.intro.sidePanel.sidePanelBottomMobile .introPanelGeneralTreesTable th {
  font-size: 12px;
}
.intro.sidePanel.sidePanelBottomMobile
  .introPanelGeneralTreesTable
  th:last-child {
  padding-left: 10px;
}
.introPanelGeneralTreesTable td {
  /* text-align: center; */
}
.intro.sidePanel.sidePanelBottomMobile input.introPanelGeneralTreeCount {
  width: 62px !important;
}
.intro.sidePanel.sidePanelBottomMobile .introPanelGeneralSpeciesSelect {
  width: auto;
  min-width: 128px;
}
.intro.sidePanel.sidePanelBottomMobile .introPanelAddTreesContent {
  padding: 10px 0;
}
.intro.sidePanel.sidePanelBottomMobile .optionsSectionWrap {
  padding: 16px;
}
.intro.sidePanel.sidePanelBottomMobile .introPanelLoggedInInfoRow {
  margin-top: 14px;
  text-align: center;
  margin-bottom: 20px;
  /* padding: 0 48px; */
  word-break: break-word;
}
.intro.sidePanel.sidePanelBottomMobile .introPanelMyActivitiesWrap,
.intro.sidePanel.sidePanelBottomMobile .introPanelConnectWrap {
  padding-left: 48px;
  padding-right: 48px;
}
.introPanelComOptions a:first-of-type,
.introPanelGroupOptions a:first-of-type {
  margin-top: 10px;
  display: inline-block;
}
.introPanelConnectWrap > * {
  margin-bottom: 20px;
}
.introPanelConnectWrap > *:last-child {
  margin-bottom: 0;
}
.introGroupButtons {
  margin-top: 50px;
}
.introPanelSmall .introGroupButtons {
  text-align: center;
}
.introPanelSmall .introGroupButtons .button {
  float: none;
}
.introGroupButtons .button {
  margin: 5px;
}
.introGroupContentInner {
  padding-top: 0px;
  border-top: 1px solid #dcdcdc;
  margin-top: 25px;
}
.introGroupContentInner .womSelectFromMapTable {
  margin: 10px 0;
}
.intro.sidePanel.sidePanelBottomMobile .introAddMobile .subTitle {
  margin-top: 12px;
  margin-bottom: 26px;
  padding: 0 48px;
}
.sidePanelTopContentWrap {
  display: none;
  width: 100%;
}
.introPanelSpeciesLookUp,
.introPanelViewUpdatesPanel {
  z-index: 9999999999 !important;
}
/* .intro.sidePanel.sidePanelBottomMobile  .tabsNoArrows.tabsContsWrap, */
.intro.sidePanel.sidePanelBottomMobile .tabsNoArrows .tabsContentWrapWrap,
.intro.sidePanel.sidePanelBottomMobile .tabsNoArrows .tabsContentWrap,
.intro.sidePanel.sidePanelBottomMobile .tabsNoArrows .tabContent,
.intro.sidePanel.sidePanelBottomMobile .tabsNoArrows .introWrap {
  box-sizing: border-box;
  height: 100%;
}
.tabsNoArrows .tabContentWArrow {
  display: none;
}
.introPanelAddTreesSectionWrapByGeneral .introPanelAddTreesSection {
  display: block;
}
.introPanelAddTreesWrap .rowLeft,
.introPanelAddTreesAddingPanel .rowLeft,
.introPanelUpdateSubmitPanel .rowLeft,
.introPanelViewUpdatesPanel .rowLeft {
  width: auto;
  margin-right: 0;
}
.panel.editFormDescriptionPanel {
  max-width: 500px;
}
.panel.introPanelViewUpdatesPanel.block {
  width: 692px !important;
}
.panel.introPanelViewUpdatesPanel.block.viewUpdatesPanelSmall {
  width: 488px !important;
}
.introPanelActivityDate {
  width: 100px !important;
}
.subTitle {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
}
.description {
  font-size: 12px;
}
.introPanelAddTreesWrap .subTitle {
  margin-bottom: 10px;
  margin-top: 10px;
}
.introPanelAddTreesWrap .description {
  margin-bottom: 14px;
}
.introPanelAddTreesMyAddressInput {
  margin-left: 20px;
}
.introPanelAddTreesMyAddressInput.introPanelAddTreesMyAddressZipInput {
  margin-left: 5px;
  width: 120px;
}
.introPanelLocationRowsWrap {
  /* padding-left: 20px;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid black; */
}
.introPanelLocationWrap,
.introPanelSpecificLocationContentWrap,
.introPanelSpecificLocationSelectContent {
  margin-left: 20px;
  /* border: 1px solid black; */
  padding: 10px;
}
/* .introPanelExtraFieldWrap {
	max-height: 100px;
	overflow: auto;
} */
.panelAtBottom .introPanelSpecificLocationWrapWrap {
  max-height: 200px;
  overflow: auto;
}
.introPanelExtraFieldTable {
  text-align: left;
}
.introPanelExtraFieldTable input[type='text'],
.introPanelExtraFieldTable input[type='password'],
.introPanelExtraFieldTable input[type='email'],
.introPanelExtraFieldTable input[type='number'],
.introPanelExtraFieldTable input[type='file'],
.introPanelExtraFieldTable select,
.introPanelExtraFieldTable textarea {
  width: 210px;
}
input[type='text'],
input[type='password'],
input[type='email'],
input[type='number'],
input[type='file'],
select,
textarea
  .introPanelAddTreesAddingPanel
  .introPanelExtraFieldTable
  .introPanelAddInput:not(.checkboxEle) {
  width: 150px;
}
.introPanelGeneralTreesTBodyWExtraFields .bulkTreeAddInput:not(.checkboxEle) {
  width: 100px !important;
}
.introPanelAddTreesSelectingLocation {
  display: none;
}
.introPanelAddTreesPanelSelectingLocation .introPanelAddTreesSelectingLocation {
  display: block;
}
.introPanelAddTreesPanelSelectingLocation .introPanelAddTreesWrapMain {
  display: none;
}
.introPanelGeneralLocationSection {
  margin-bottom: 16px;
}
.introPanelGeneralLocationSection:last-child {
  margin-bottom: 0;
}
.button.stdButton.introPanelGeneralTreeButton {
  width: 18px !important;
  min-width: 0;
  height: 18px !important;
  display: block;
  box-sizing: content-box;
  padding: 5px !important;
}
.introPanelUpdateFormActivities {
  max-height: 210px;
  overflow: auto;
}
.introPanelActivitiesTable,
.efActivitiesTable {
  border-collapse: collapse;
  background-color: white;
  color: black;
}
.advFilterActivitiesWrapInner {
  border-bottom: 1px solid black;
  padding: 5px 0;
  position: relative;
}
.addAnotherActivitiesFilter {
  margin-top: 5px;
}
.advFilterActivitiesAdvanced {
  display: none;
}
.advFilterRemoveActivityFilter {
  background-image: url('../images/x_white.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
  width: 10px;
  height: 10px;
  padding: 5px;
  background-color: #005970;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.introPanelActivityRow:nth-child(odd) {
  background-color: white;
}
.introPanelActivityRow:nth-child(even) {
  background-color: #f3f3f3;
}
.efActivitiesTBody .checkboxColorBox,
.introPanelActivitiesTable .checkboxColorBox {
  margin: 1px 7px 0 0;
}
.introPanelGeneralTreesTable,
.introPanelActivitiesTable,
.efActivitiesTable {
  margin-left: 20px;
}
.efActivitiesTable {
  margin: 0 auto;
  font-size: 14px;
}
.efActivitiesContentWrap .activitiesTableLimitedTo {
  display: none;
  margin-bottom: 5px;
}
.introPanelGeneralTreesTable th:last-child,
.introPanelGeneralTreesTable td:last-child {
  width: 20px;
}
.introPanelActivitiesNone,
.efActivitiesNone,
.efHistoryNone,
.viewWorkNone {
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  margin: 20px 0;
}
.introPanelActivitiesNone {
  max-width: 400px;
  margin: 0 auto;
}
.introPanelActivitiesWrap,
.efActivitiesWrap {
  max-height: 300px;
  overflow: auto;
}
.introPanelActivitiesSummary,
.efActivitiesSummary {
  padding: 10px 0;
  float: none;
  clear: both;
  /* max-width: 494px; */
  font-size: 12px;
}
.introPanelActivitiesSummary {
  max-width: 494px;
}
.efActivitiesAddWrap {
  margin: 0px 0 4px 0;
  /* border-top: 1px solid grey;
	border-bottom: 1px solid grey; */
  padding: 5px 5px 0 5px;
  display: none;
}
.massUpdateActivitiesWrap .efActivitiesAddWrap {
  display: block;
}
.efActivitiesAddWrap .buttonWrap {
  text-align: left;
}
.introPanelGeneralTreesTable td,
.introPanelGeneralTreesTable th,
.introPanelActivitiesTable td,
.introPanelActivitiesTable th,
.efActivitiesTable td,
.efActivitiesTable th {
  padding: 4px 10px;
}
.introPanelActivityItemZoom {
  cursor: pointer;
  background: url('../images/crosshairs.png') no-repeat;
  background-size: 17px;
  background-position: center;
}
.introPanelQuickAddContent {
  width: 93px;
}
.introPanelPopupDescription {
  font-size: 11px;
  margin-bottom: 10px;
}
.introPanelQuickAddItem {
  width: 24px;
  height: 24px;
  float: left;
  background-color: blue;
  padding: 10px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 2px;
  margin-right: 5px;
  cursor: pointer;
  transition: 0.2s ease;
  margin-bottom: 5px;
  border-radius: 5px;
}
.introPanelQuickActivity .popupTop {
  display: none;
}
.introPanelQuickActivity .popupContent {
  padding: 0;
  border-bottom: 0;
}
.popup.introPanelQuickActivity {
  min-width: 0;
  padding-bottom: 0;
  border-radius: 5px;
}
.introPanelQuickAddItem:last-child {
  margin-right: 0;
}
.introPanelQuickAddItem:hover {
  /* background-color: #9e9eff; */
}
.introPanelQuickAddItem:nth-child(even) {
  margin-right: 0;
}
.introPanelAddTreesContent {
  /* border-top: 1px solid black; */
  padding: 10px 20px;
}
.addActivitiesForm {
  margin: 0 0 40px;
  /* box-shadow: 0 0 5px black inset; */
  padding: 10px;
}
.massUpdateActivitiesWrap .addActivitiesForm {
  display: block;
}
.addActivitiesForm table {
  margin: 0 auto;
}
.activitiesGeneralNotes {
  height: 60px;
}
.addActivitiesForm td:first-child {
  padding-right: 28px;
}
.addActivitiesForm .buttonWrap {
  margin-top: 10px;
  text-align: center;
}
.efAddActivitiesDescription {
  margin: 10px 0;
  font-size: 14px;
  /* text-align: center; */
}
.introPanelLocationRow {
  min-height: 26px;
}
/* .introPanelAddTreesWrap .moreInfoWrap,.introPanelAddTreesAddingPanel .moreInfoWrap,.introPanelUpdateSubmitPanel .moreInfoWrap,.introPanelViewUpdatesPanel .moreInfoWrap {
	margin-left: 8px;
	margin-top: 1px;
} */
.introPanelLocationDisplay {
  margin-top: 5px;
}
.introPanelMyLocationRow {
  padding: 6px;
  text-align: center;
  text-decoration: underline;
  /* margin: 0 auto;
	width: 326px;
	max-width: 100%;
	box-sizing: border-box; */
}
.introPanelMyLocationRow .rowRight,
.introPanelMyLocationRow .rowLeft {
  float: none;
}
.introPanelGeneralLocationSection,
.introPanelSpecificLocationWrap,
.viewWorkContent {
  margin-bottom: 16px;
  padding: 10px;
  /* background: #f3f3f3; */
  /* border-radius: 5px; */
  /* box-shadow: 0 0 5px #c1c1c1; */
}
.bulkAddWrap > .row {
  overflow-x: auto;
}
.introPanelAddTreesAddingPanel .introPanelSpecificLocationWrap {
  margin-bottom: 0;
}
.introPanelAddTreesPanel {
  width: 688px !important;
}
.panel.introPanelAddTreesPanel.panelAtBottom {
  width: 100% !important;
}
.introPanelAddTreesAddingPanel,
.introPanelAddTreesPanel.introPanelAddTreesPanelSelectingLocation {
  width: 308px !important;
}
.introPanelAddTreesAddingPanel.panelAtBottom,
.introPanelAddTreesPanel.introPanelAddTreesPanelSelectingLocation.panelAtBottom {
  width: 100% !important;
  left: 0 !important;
  bottom: 0 !important;
  max-width: none;
  top: auto !important;
  border-radius: 0;
}
.introPanelUpdateSpeciesListWrap {
  max-height: 262px;
  overflow: auto;
  border: 1px solid black;
  margin-bottom: 10px;
}
.introPanelUpdateSpeciesWrap {
  padding-left: 20px;
  border-top: 1px solid black;
  padding-top: 10px;
}
.updateSpeciesWrapNoResults .checkboxWrap {
  display: none;
}
.introPanelUpdateSpeciesWrap.updateSpeciesWrapNoResults {
  padding: 0;
}
.updateSpeciesWrapNoResults .introPanelUpdateSpeciesListWrap {
  border: none;
  padding: 10px;
}
/* .intro.sidePanel.sidePanelBottomMobileFull .button.stdButton:not(.thirdPartyButton) {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
} */
.panelAtBottom.introPanelUpdatePanel .subTitle {
  font-size: 14px;
  margin: 0;
}
.panelAtBottom.introPanelUpdatePanel .description {
  font-size: 10px;
  margin-bottom: 4px;
}
.panelAtBottom.introPanelUpdatePanel .introPanelUpdateSpeciesWrap {
  padding-top: 4px;
}
.panelAtBottom.introPanelUpdatePanel
  .introPanelUpdateSpeciesWrap
  .introPanelUpdateSpeciesListWrap {
  max-height: 82px;
}
.introPanelUpdateSpeciesWrap .checkboxLabelInner {
  display: block;
}
.introPanelUpdatePanel {
  max-width: 262px;
}
.introPanelUpdateSubmitPanel .buttonWrap .button {
  margin-right: 0;
}
.introCheckRowHighlight {
  background-color: #05805a;
  color: white;
}
.introPanelUpdateFormSummary {
  margin-bottom: 16px;
}
.introPanelTopContent .sidePanelTopButton {
  float: left;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid black;
  padding: 5px;
  cursor: pointer;
  font-weight: 700;
  background-color: #057953;
  color: white;
}
.introPanelTopContent .sidePanelTopButton.activeSidePanelTopButton {
  background-color: white;
  color: black;
  cursor: default;
}
.introPanelTopContent {
  padding-bottom: 5px;
  margin-bottom: 5px;
}
/*Public Dashboard*/
.introPanelWithPublicDashboard .sidePanelContent {
  overflow: hidden;
}
.introPanelWithPublicDashboard .introWrap {
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 0;
}
.publicDashPreview {
  /* max-height:500px; */
  margin-top: 30px;
}
.publicDashWrap {
  height: 100%;
}
.publicDashWrap .leftColumn {
  width: 128px;
  margin-right: 10px;
  height: 100%;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.publicDashWrap .leftColumn::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.publicDashWrap .rightColumn {
  width: calc(100% - 138px);
  overflow-y: auto;
  height: 100%;
}
.publicDashWrap .leftColumn .button.stdButton.publicDashButton {
  width: 100%;
  box-sizing: border-box;
  margin-right: 0;
}
.introPanelSmallSmall .publicDashWrap .leftColumn {
  height: auto;
  float: none;
  margin: 30px auto;
}
.introPanelSmallSmall .publicDashWrap .rightColumn {
  width: 100%;
  height: auto;
  float: none;
}
.introPanelSmallSmall.introPanelWithPublicDashboard .sidePanelContent {
  overflow: auto;
}
.publicDashSelect {
  width: 140px;
}
.publicDashListTBody tr:nth-child(even) {
  background-color: #efefef;
}
.publicDashListTBody tr:hover {
  background-color: #dcdcdc;
  cursor: pointer;
}
.publicDashListTBody td {
  padding: 10px;
}
.publicDashGroupsWrap .introGroupContentInner {
  border-top: none;
  margin-top: 0;
}
.detailsLogosWrap {
  float: left;
  margin-right: 10px;
}
.detailsLogosWrap img {
  max-width: 112px;
  max-height: 112px;
  margin-top: 10px;
}
.detailsLogosWrap:last-child {
  margin-right: 0;
}
.efLargeLogoImg {
  max-width: 300px;
  max-height: 300px;
  margin: 20px auto;
  display: block;
}
.publicDashEFCalendar {
  max-width: 520px;
  margin: 70px auto;
  background-color: #efefef;
  color: black;
  padding: 20px;
}
.publicDashExpandedWrap {
  font-size: 16px;
  color: white;
  background-color: #262626;
}
.pdTopSec {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* height: 500px; */
  position: relative;
}
.pdTitleImg {
  max-height: 48px;
  max-width: 150px;
  margin-right: 42px;
}
.pdTitle {
  padding: 20px;
  height: 50px;
  background-color: rgba(0, 88, 38, 0.5);
}
.pdTitleText {
  vertical-align: top;
  margin: 12px 0 0;
  font-size: 24px;
  text-align: center;
}
.publicDashExpandedWrapMini .pdTitleText {
  margin: 40px 0 0;
}
/* .pdBotLeftSec {
	width: 35%;
} */
/* .pdBotSec {
	height: 700px;
} */

/* .pdBotSec>* {
	float: left;
} */

/* .pdBotRightSec {
	width: 65%;
} */
.pdBigNumbers {
  margin-top: 40px;
  text-align: center;
}
.publicDashExpandedWrapMini .pdBigNumbers {
  margin-top: 50px;
  margin-bottom: 40px;
}
.pdBigNumberWrap {
  display: inline-block;
  margin: 0 50px 40px;
  text-align: center;
  vertical-align: top;
}
.publicDashExpandedWrapMini .pdBigNumberWrap {
  margin-bottom: 50px;
}
.pdBigNumberNumber {
  font-size: 66px;
  margin-bottom: 6px;
  padding-bottom: 0px;
  border-bottom: 2px solid white;
}
.pdBigNumberText {
  font-size: 16px;
  text-transform: uppercase;
}
.pdEcoBensSec {
  width: 50%;
  display: inline-block;
  min-width: 368px;
  vertical-align: top;
}
.pdBotLeftTopRow {
  padding: 22px;
  background-color: #262626;
  text-transform: uppercase;
}
.pdBotLeftTopRow > * {
  float: left;
}
.pdBotLeftTopRowText {
  width: -webkit-calc(100% - 100px);
  width: -moz-calc(100% - 100px);
  width: calc(100% - 100px);
  height: 38px;
}
.pdBotLeftTopRowStat {
  width: 100px;
  text-align: right;
}
.pdBotLeftTopRow:nth-child(even) {
  background-color: #2b2b2b;
}
.pdBotLeftBotSec {
  background-color: #262626;
}
.pdBotLeftBotSecChart {
  height: 500px;
}
.publicDashChartWrap {
  width: 100%;
}
.pdBotRightTopSec {
  /* background-color: rgba(0, 88, 38, 0.70); */
}
.pdDashGradient {
  background: #005826;
  background: -moz-linear-gradient(top, #005826 1%, #009c43 100%);
  background: -webkit-linear-gradient(top, #005826 1%, #009c43 100%);
  background: linear-gradient(to bottom, #005826 1%, #009c43 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005826', endColorstr='#009c43',GradientType=0 );
}
.pdSectionTitle {
  margin-bottom: 10px;
  font-weight: 900;
  text-align: center;
  font-size: 25px;
}
.pdTitle > .expand {
  position: absolute;
  filter: invert(100%);
  top: 34px;
  right: 34px;
}
.publicDashDashWrap {
  position: relative;
}
.pdChartTitle {
  padding: 20px 20px;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 20px;
}
.pdBotRightTopSecChart {
  height: 430px;
}
.pdListTableWrap {
  max-height: 500px;
  overflow: auto;
}
.pdListTable {
  border-collapse: collapse;
  margin: 0 auto;
  color: black;
  background-color: #fcfdf5;
}
.pdListTable th {
  padding: 12px;
}
.pdListTable thead {
  background-color: #003800;
  color: white;
}
.pdTopSecButtonsWrap {
  padding: 0 30px 30px 0;
}
.pdTopSecButton {
  background-color: white;
  color: rgba(0, 88, 38, 0.7);
  padding: 12px;
  border-radius: 20px;
  text-transform: uppercase;
  cursor: pointer;
  float: right;
}
.pdBotRightBotSec {
  height: 559px;
}
.pdBotRightBotSec > * {
  float: left;
  height: 100%;
  width: 50%;
}
.pdBotRightLeftSec {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.pdBotRightRightSecTop {
  background-color: #262626;
}
.pdBotRightRightSecBot {
  background-color: rgb(0, 88, 38);
  width: -webkit-calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
  display: inline-block;
  margin-top: -4px;
  margin: 5px;
  min-width: 420px;
}
.pdBotRightRightSecTopTitle,
.pdBotRightRightSecBotTitle {
  padding: 10px 20px;
}
.pdBotRightRightSecBotTitle {
  padding-bottom: 11px;
}
.pdBotRightRightSecTopChart,
.pdBotRightRightSecBotChart {
  height: 380px;
}
.pdBotChartWrap {
  float: left;
  width: 33.333%;
  background-color: #262626;
}

.pdBotChartWrap:nth-child(even) {
  background-color: #2b2b2b;
}
.pdBotChart {
  height: 250px;
}
.pdChartChart {
  height: 180px;
}
.efTopContentWrap .pdChartWrap {
  margin: 20px 0;
}
.pdProjectSponsorsWrap {
  margin: 20px 0;
}
.fc-event {
  cursor: pointer;
}
.pdChartWrapInner {
  float: left;
  width: 50%;
}
.pdHomeProjsProgsWrap > *:first-child {
  margin-right: 40px;
}
.pdHomeProjsProgsWrap > * {
  float: left;
  width: -webkit-calc(50% - 20px);
  width: -moz-calc(50% - 20px);
  width: calc(50% - 20px);
}
.pdHomeProgProjList {
  max-height: 254px;
  overflow-y: auto;
}
.pdHomeProgramWrap {
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  margin-bottom: 5px;
  background-color: #b2c200b0;
  cursor: pointer;
}
.pdHomeProgramWrap:last-child {
  margin-bottom: 0;
}
.pdHomeProgramData {
  padding-left: 18px;
}
.pdHomeProgramTitle {
  margin-bottom: 2px;
  font-weight: 700;
}
.pdHomeNumbers {
  text-align: center;
  margin-top: 40px;
}
.pdHomeNumberWrap {
  margin-bottom: 30px;
}
.pdHomeNumberNumber {
  font-size: 23px;
  border-bottom: 1px solid white;
  padding-bottom: 4px;
  margin-bottom: 4px;
  display: inline-block;
}
.pdHomeWrap > *:not(.ttfIntro) {
  margin-bottom: 20px;
}
.publicDashWrap .tabsContsWrap.editFormTabs {
  color: black;
}
.pdHomeSponsorWrap {
  float: left;
  margin-right: 40px;
}
.pdHomeSponsorInnerWrap {
  width: 1680px;
  background-color: white;
}
.pdHomeSponsors {
  width: 100%;
  overflow: auto;
}
/* .publicDashExpandedWrapMini .pdTopSec {
	height: 350px;
} */

.publicDashExpandedWrapMini .pdTopSecButton {
  bottom: 10px;
  padding: 5px 12px;
}

/* .publicDashExpandedWrapMini .pdBigNumbers {
	top: 162px;
} */

.publicDashExpandedWrapMini .pdBigNumberWrap {
  margin: 0 30px 30px;
}

.publicDashExpandedWrapMini .pdBigNumberNumber {
  font-size: 46px;
}

.publicDashExpandedWrapMini .pdBotLeftSec {
  width: 100%;
}

.publicDashExpandedWrapMini .pdBotRightSec {
  width: 100%;
}
/* .publicDashEpandedTitle {
	text-align: center;
	font-size: 40px;
	margin: 30px 0;
} */
/* .publicDashExpandedChartsWrap {
	text-align: center;
} */
/* .publicDashExpDashChart {
  width: 340px;
  height: 340px;
  max-width: 100%;
  padding: 10px;
  margin: 10px;
  background-color: #e2e2e2;
	display: inline-block;
} */
/*Argon*/
#argonWrap {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 500px;
  min-height: 500px;
}
#argon {
  position: absolute;
  left: 76px;
}
/*My Tree ID*/
.myTreeCategoriesWrapWrap {
  text-align: center;
}
.myTreeCategoryUnit,
.myTreeTreeUnit {
  display: inline-block;
  cursor: pointer;
}
.myTreeCategoryUnit {
  max-width: 190px;
}
.myTreeTreeUnit {
  max-width: 190px;
  position: relative;
}
.myTreeTitle {
  color: #127239;
  text-align: center;
  margin-bottom: 16px;
  font-weight: 900;
  font-size: 36px;
}
.myTreeDescription {
  color: #127239;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.myTreeOppArranged {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 18px;
  height: 18px;
  border: 3px solid #f69420;
  border-radius: 50%;
}
.myTreeCategoryImg,
.myTreeTreeImg {
  max-width: 100%;
}
.myTreeTreesWrapLeft {
  float: left;
  margin-right: 20px;
  width: 144px;
}
.myTreeTreesWrapRight {
  float: left;
  width: -webkit-calc(100% - 166px);
  width: -moz-calc(100% - 166px);
  width: calc(100% - 166px);
}
.myTreeTreesWrapTop {
  margin-bottom: 20px;
}
.myTreeTreesWrapTopLeft {
  float: left;
  width: 144px;
  padding-top: 16px;
  margin-right: 20px;
}
.myTreeTreesWrapTopRight {
  float: left;
  width: -webkit-calc(100% - 166px);
  width: -moz-calc(100% - 166px);
  width: calc(100% - 166px);
}
.myTreeTreesWrap,
.myTreeCategoriesWrap {
  padding-top: 30px;
}
.myTreeCategoryOppArrangedImg {
  width: 300px;
  margin-top: 50px;
  max-width: 100%;
}
.myTreeTreeImgLarge {
  max-width: 100%;
  max-height: 100%;
}
.treeIDShowing .minPanelsContainer {
  display: none;
}
/*LoaderBar*/
.noTopPanel .panelBodyWrap {
  margin-top: 0;
}
.noTopPanel .panelContent {
  padding: 0;
}
.panel.loaderBarPanel {
  min-height: 0;
  min-width: 0;
}
.loaderBarImageWrapOuter {
  padding: 2px;
  border: 1px solid black;
  margin-top: 4px;
}
.loaderBarImageWrapInner {
  width: 200px;
  height: 8px;
  position: relative;
}
.loaderBarImageWrap {
  height: 100%;
  position: absolute;
  /* background-color: #0DA716; */
  width: 50%;
  background: url('../images/loaderbar.jpg');
}
.loaderBarLabelWrap {
  font-size: 12px;
}
.loaderBarLabel {
  float: left;
}
.loaderBarLabelPerc {
  float: right;
}
/*Custom Imagery*/
.customImageryOption > * {
  float: left;
}
.customImageryOptionCheck {
  margin-right: 5px;
}
.customImageryOptionLabel {
  padding-top: 2px;
}
/*Geocoder*/
.tbGEoInputWrapEle {
  float: left;
}
input.tbGeocoderInput.tbGEoInputWrapEle {
  width: 214px;
}
.tbGeocoderInputLabel {
  margin-top: 5px;
}
input.mTTbGeocoderInput.tbGeocoderInput {
  float: left;
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
}
.mapToolExtraContentWrap .tbGeoInputWrap {
  width: 300px;
}
.mapToolExtraContentWrap .tbGEoInputWrap {
  width: 344px;
  max-width: 100%;
}
.mapToolExtraContentWrap .tbGEoInputWrap .rowLeft {
  width: auto;
  margin-right: 0;
  margin-top: 5px;
}
/*Save Map Scenario*/
textarea.mapScenarioURLWrap {
  width: 100%;
  border: 0;
  resize: none;
  /* cursor: pointer; */
  outline: 0px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.panel.mapScenarioResultsPanel {
  width: 456px !important;
}
/*Signature*/
.signature {
  width: 374px;
  max-width: 100%;
}
.smallSidePanel .signature {
  width: 265px;
}
.sigCanvas {
  width: 300px;
  height: 70px;
  cursor: default;
  max-width: 100%;
}
.signatureCanvasWrap {
  border: 1px solid black;
  display: inline-block;
  width: 100%;
  max-width: -webkit-calc(100% - 82px);
  max-width: -moz-calc(100% - 82px);
  max-width: calc(100% - 82px);
}
.sigExtras {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 5px;
  width: 67px;
}
.sigExtra {
  cursor: pointer;
  padding: 1px 2px;
  border: 1px solid black;
  font-size: 12px;
  margin-bottom: 4px;
  width: 100%;
  box-sizing: border-box;
}
.sigExtra:last-of-type {
  margin-bottom: 0;
}
.sigSignedStatus {
  cursor: default;
}
.notSigned {
  background: rgb(255, 188, 188);
}
.signed {
  background: rgb(188, 255, 194);
}
/*Exporter Field Mngr*/
.exportFieldMngPIO {
  width: 78px !important;
}
.fieldMngTable th {
  border-bottom: 1px solid black;
}
.panel.optionsInPanel {
  max-width: 398px;
}
/*Lookup Table Editor*/
.itemEditorList {
  border-collapse: collapse;
}
.luEditorTH {
  cursor: pointer;
}
.luEditUnitTD {
  cursor: pointer;
}
.luEditListTR:hover {
  background: rgb(229, 229, 229);
}
.luEditInputWrap {
  cursor: default;
}
.luELI {
  padding: 3px;
  cursor: pointer;
  border: 1px solid black;
  border-bottom: none;
}
.luELI > *:first-child {
  width: -webkit-calc(100% - 23px);
  width: -moz-calc(100% - 23px);
  width: calc(100% - 23px);
}
.luELI > * {
  float: left;
}
.luEditorExportButton,
.exportButton {
  width: 18px;
  height: 18px;
  background: rgb(122, 122, 122) url('../images/download_white_small.png')
    no-repeat;
  float: right;
  background-size: auto 65%;
  background-position: center;
  cursor: pointer;
}
.luEUL {
  list-style: none;
  padding: 0;
}
.luELI:last-child {
  border-bottom: 1px solid black;
}
.luELI:hover {
  background: rgb(229, 229, 229);
}
/*cost editor*/
.lookUpCostsNoResults {
  font-weight: 700;
  text-align: center;
  margin: 20px 0;
}
.lookUpCostsWrap .stdTable {
  margin: 0 auto;
}
.lUCostsWrap .stdTable {
  margin: 30px auto;
  table-layout: fixed;
  min-width: 168px;
}
.lUCostsWrap .stdTable td:nth-child(2) {
  text-align: right;
}
/* .lUCostsWrap tr td:not(.workCostNoSelect):not(.luCostTDNoHaveBoth) { */
.lUCostsWrap tr td:not(.workCostNoSelect) {
  cursor: pointer;
}
.costTableTHead .checkboxWrap {
  display: inline-block;
  margin-right: 4px;
}
.costTableTHead .checkboxWrap input {
  margin-bottom: 0;
}
.luListCostsCell {
  max-width: 156px;
}
/*Map Point, Map Polygon*/
.mapPointButtons,
.mapPolygonButtons {
  width: 133px;
  padding: 5px;
  box-sizing: border-box;
}
.showMapPoints,
.removeMapPoints {
  margin-top: 5px;
}
.mapPointStop,
.removeMapPoints,
.mapPolygonStop,
.removeMapPolygons {
  display: none;
}
.mapPointButton,
.mapPolygonButton {
  border-bottom: 1px solid white;
  font-size: 15px;
  margin-right: 0;
}
.mapPointButton:last-of-type,
.mapPolygonButton:last-of-type {
  border-bottom: none;
}
/*Lookup List*/
.lookUpListUL {
  list-style: none;
  padding: 0;
  margin: 0;
}
.lookUpItem {
  padding: 5px;
  border-bottom: none !important;
  cursor: pointer;
  border: 1px solid black;
  position: relative;
}
.luItemEdit {
  background: url(../images/pencil.png) no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 78%;
  cursor: pointer;
}
.luItemEdit:hover {
  background-color: #f4f4f4;
}
.lookUpItem:last-of-type {
  border-bottom: 1px solid black !important;
}
.lookUpItem:hover {
  background: rgb(229, 229, 229);
}
.lookUpItem.lookUpItemDisabled {
  cursor: default;
}
.lookUpItem.lookUpItemDisabled:hover {
  background: white;
}
.lookUpListEle {
  margin: 0;
  margin-bottom: 14px;
}
.lookUpTops.lookUpListEle {
  border-bottom: 2px solid black;
  padding-bottom: 7px;
  margin-bottom: 7px;
}
.lookUpListEle:last-child {
  margin-bottom: 0;
}
.lookupTableSearch {
  width: 100% !important;
  height: 31px;
  border-radius: 12px;
  padding: 0 5px;
  font-size: 16px;
}
.itemNotFoundNotice {
  float: left;
  clear: both;
  margin-top: 7px;
  font-size: 14px;
}
.lookupFormButton {
  float: right;
  margin-left: 5px;
  margin-top: 5px;
}
.lookUpItemRemove {
  float: right;
  padding: 0px 5px;
  background-color: rgb(229, 229, 229);
}
.topListLabel {
  text-align: center;
  font-weight: 900;
  font-size: 13px;
}
.panel.lookUpTablePanel {
  min-width: 313px;
  max-width: 600px;
}
.lookUpItemFilterLI .lookUpItemLabel {
  margin-left: 23px;
}
.lookUpItemFilterCheckWrap {
  float: left;
  margin-right: 5px;
}
.lookUpItemRemove:hover {
  background-color: rgb(229, 229, 229) !important;
}
.lookupTableSearchAdd {
  /* cursor:pointer;
	background:#03afa8 url("../images/plus.png") no-repeat;
	height:20px;
	width:20px;
	border-radius: 12px; */
}
.lookupFormButton:last-child {
  margin-left: 0;
  margin-right: 5px;
}
.lookupTableSearchWrap {
  margin-bottom: 7px;
}
.xwalkAddFormWrapWrap {
  overflow: auto;
  max-width: 500px;
  max-height: 500px;
}
.xwalkAddFormTitle {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  border-bottom: 1px dotted black;
  padding-bottom: 5px;
}
.xwalkAddFormWrapFullWrap {
  margin-top: 20px;
  border-top: 1px solid black;
  padding-top: 10px;
  margin-bottom: 10px;
}
.luAddFormInfoDesc {
  margin: 10px 0 20px;
  border-bottom: 1px solid black;
  padding-bottom: 10px;
}
.luAddFormInfoDescEdits {
  font-style: italic;
}
.luAddFormInfoDesc {
  margin: 10px 0 20px;
  border-bottom: 1px solid black;
  padding-bottom: 10px;
  font-style: italic;
}
.lookUpCategoryTitle {
  cursor: pointer;
  margin-bottom: 6px;
  font-weight: 700;
}
.lookUpCategoryWrap {
  margin-bottom: 10px;
}
.lookUpCategoryWrap:last-child {
  margin-bottom: 0;
}
/* .lookUpCategoryWrap:first-child {
	margin-top: 10px;
} */
.lookUpCategoryList {
  display: none;
}
/*Editor*/
.inventoryContainerLabel {
  text-align: center;
  font-size: 18px;
  font-weight: 900;
}
.in_editor_desc {
  font-size: 14px;
  padding: 4px;
  border-bottom: 1px solid black;
  margin-bottom: 4px;
  border-top: 1px solid black;
}
/*Edit Form*/
.editForm .popupTable,
.editForm .editFormTabTable {
  /* width: 100%; */
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}
/* .popUpRow:nth-child(odd),.advFTR:nth-child(odd),.efHistoryTBody tr:nth-child(odd),.inspectionsOriginalValuesTBody tr:nth-child(odd) {
	background-color: #F3F7EA;
} */
.popupTable .efTitleRow.popUpRow,
.popupTable .efPreFieldRow.popUpRow {
  background-color: transparent;
}
.editForm .htmlRow .tdLiner {
  max-width: 772px;
  font-size: 12px;
}
.efTitleRow.popUpRow > td {
  font-weight: 900;
  padding: 20px 0;
}
.editFormPanel .popupRowLabel {
  min-width: 176px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.editForm .popupTable td:first-child .tdLiner,
.editForm .editFormTabTable td:first-child .tdLiner {
  min-width: 200px;
}
.toolBox input[type='text'],
.toolBox input[type='password'],
.toolBox input[type='email'],
.toolBox input[type='number'],
.toolBox input[type='file'],
.toolBox select,
.toolBox textarea {
  width: 142px;
}
/*if this changes, also change dateInputWrap input width*/
input[type='text'],
input[type='password'],
input[type='email'],
input[type='number'],
input[type='file'],
select,
textarea {
  height: 26px;
  width: 231px;
  border-radius: 5px;
  border: 1px solid rgb(178, 178, 178);
  background-color: white;
  padding: 2px;
  box-sizing: border-box;
}
.button.dateModClear {
  display: inline;
  border-radius: 0 5px 5px 0;
  padding: 2px 5px;
  float: left;
  height: 20px;
  border: 1px solid rgb(178, 178, 178);
  border-left: none;
}
.dateInputWrap input {
  width: 174px;
  border-radius: 5px 0 0 5px;
  float: left;
}
.dateInputWrap.noEditDateMod input {
  width: 100%;
  border-radius: 5px;
  float: none;
}
.dateInputWrap {
  width: 229px;
  max-width: 100%;
}
input[type='number'].phoneInput3 {
  width: 32px;
  margin-right: 6px;
}
input[type='number'].phoneInput4 {
  width: 40px;
}
.phoneInputWrap input[type='number']::-webkit-outer-spin-button,
.phoneInputWrap input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.button.zoomModSetZoom {
  margin-top: 5px;
}
.button.zoomModSetZoom {
  margin-top: 5px;
  display: inline-block;
  margin-right: 3px;
}
textarea {
  height: auto;
}
.popupTable input,
.editFormTabTable input {
  /* padding: 0 4px; */
}
/* .popupTable input, .popupTable select,.editFormTabTable input, .editFormTabTable select {
	border-radius: 5px;
	border: 1px solid rgb(178, 178, 178);
	height: 22px;
	width: 277px;
	margin: 3px;
} */
/* .editFormTabTable input[type="checkbox"], .editFormTabTable input[type="radio"]{
	height: auto;
} */
.editFormPanel .tabsContsWrap {
  /* width: 500px; */
  max-width: 100%;
}

.editFormPanel
  .tabContent:not(.managementTabContent):not(.inspectionsTabContent):not(.childTabContent):not(.featureHistoryTabContent):not(.historyTopLevelTabContent):not(.workHistoryTabContent) {
  width: 500px;
  max-width: 100%;
}

.editFormPanel .tabContent.inspectionsTabContent {
  width: 800px;
  max-width: 100%;
}

.featureHistoryTabContent {
  width: 650px;
  max-width: 100%;
}

.editFormPanel .tabContent .childInvWrapper {
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  max-width: 900px;
}

.childInvOuterWrapper {
}

.editFormPanel .tabsContsWrap.autoWideTabsContsWrap {
  width: auto !important;
}
.editFormTabTable {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.editFormTabTable > tbody > tr > td:first-child {
  vertical-align: top;
}
.editFormTop {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid black;
}
.editFormTopButtons {
  padding: 0 5px;
  float: left;
}
.editFormTopButtonsRight {
  float: right;
  margin-right: 10px;
}
.efExtraDataWrap {
  padding: 10px 20px;
}
.editFormTop .photoHTMLPkg {
  display: inline-block;
}
.editFormTop .button,
.editFormTop .editFormTopButtons > * {
  margin-right: 5px;
}
.editFormTop .button:last-of-type {
  margin-right: 0;
}
.efTopImg {
  margin: 0 auto;
  max-height: 170px;
  max-width: 500px;
  display: block;
}
.propActivityAmount,
.addActivityProposalAmount {
  width: 104px !important;
}
.addActivitiesTableWrap {
  max-height: 418px;
  overflow: auto;
}
.propActivityDesc {
  height: 100px;
  width: 231px;
}
.activityProposalTable,
.activityProposalPrintTable {
  border-collapse: collapse;
  margin: 0 auto;
}
.activityProposalNoActivity,
.activityProposalPrintNoActivity {
  text-align: center;
  margin: 40px 0;
}
.proposalActivityTableWrap,
.proposalActivityTablePrintWrap {
  overflow-y: auto;
  max-height: 448px;
}
.proposalActivityTableWrap {
  max-height: 448px;
}
.proposalActivityTableWrap {
  border-top: 1px solid black;
  padding: 10px 0;
  border-bottom: 1px solid black;
}
.proposalFinePrint {
  height: 166px;
  width: 388px;
}
.proposalIconPrevImg {
  margin: 10px 0;
  max-width: 160px;
  max-height: 160px;
  display: block;
}
input.proposalFromInput,
input.proposalToInput,
input.proposalGeneralInput {
  width: 220px !important;
}
.proposalPrintActivityRight {
  text-align: right;
}
.activityProposalPrintTotal,
.activityProposalTotal {
  margin-top: 10px;
  margin-bottom: 20px;
}
.activityProposalTotal {
  width: 356px;
  margin: 0 auto;
  margin-top: 10px;
}
.activityProposalPrintTotalLeft,
.activityProposalTotalLeft {
  float: left;
  margin-left: 150px;
  margin-top: 5px;
}
.addActivitiesTBody td {
  vertical-align: top;
  padding: 4px;
}
.activityProposalPrintTable td:nth-child(2) {
  max-width: 200px;
  word-break: break-word;
}
table.activityProposalPrintTable td {
  padding: 6px;
}
.activityProposalTotalLeft {
  margin-left: 76px;
}
.activityProposalPrintTotalRight,
.activityProposalTotalRight {
  float: right;
  font-weight: 900;
  margin-right: 7px;
}
/*Inspections*/
.inspectionTable {
  margin-bottom: 30px;
  border-collapse: collapse;
}
input.inspCheck {
  margin: 0;
}
.inspIntraFieldTR {
  border-bottom: 1px solid #dadada;
}
input.inspIntraFieldCheck {
  margin: 0;
}
.inspectUpdateCheckWrap.checkboxWrap,
.inspectCreateWRCheckWrap.checkboxWrap {
  display: inline-block;
}
.inspectionBottomSection {
  max-width: 500px;
  margin: 0 auto;
}
.inspectionUserInputAccordion {
  margin-bottom: 30px;
}
/* .inspectionCreateWRWrap .jobInventoryModeWrap {
	text-align: center;
}
.inspectionCreateWRWrap .jobInventoryModeOptionsWrap {
	display: inline-block;
	text-align: left;
} */
.inspectionsToggleWrap,
.scrollToggleWrap {
  height: 20px;
  padding: 10px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
}
.scrollToggleWrap {
  position: relative;
}
.inspectionsToggleButton,
.scrollToggleButton {
  position: absolute;
  width: 10px;
  height: 20px;
  top: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
}
.inspectionsToggleRight,
.scrollToggleRight {
  right: 0;
  background-image: url(../images/arrow-right-black-small.png);
}
.scrollToggleRight {
  right: 10px;
}
.inspectionsToggleLeft,
.scrollToggleLeft {
  left: 0;
  background-image: url(../images/arrow-left-black-small.png);
}
.inspectionsToggleLeft {
  left: 10px;
}
.inspectionsWrap {
  position: relative;
}
.inspectionsWrap > .subLabel {
  max-width: calc(100% - 40px);
  margin: 0 auto;
}
.inspectionsOriginalValuesWrap {
  max-height: 270px;
  overflow-y: auto;
}
/*Alignment*/
.alignment {
  width: 58px;
  height: 58px;
}
.alignmentsWrap {
  width: 100%;
  height: 100%;
}
.alignmentEle {
  width: 33.3333%;
  height: 33.3333%;
  box-sizing: border-box;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  cursor: pointer;
}
.alignmentEle:nth-child(3n-2) {
  border-left: 1px solid black;
}
.alignmentEle:nth-child(1),
.alignmentEle:nth-child(2),
.alignmentEle:nth-child(3) {
  border-top: 1px solid black;
}
.activeAlignmentEle {
  background-color: rgb(121, 156, 251);
}
.activeAlignmentEle:hover {
  background-color: rgb(121, 156, 251) !important;
}
.alignmentEle:hover {
  background-color: rgb(234, 239, 255);
}
/*availability selector*/
.availSelTable {
  border-collapse: collapse;
}
.availSelTR .tdLiner {
  max-width: 108px;
}
.availSelTable .tdLiner {
  padding: 2px;
}
.availSelQuantInput {
  width: 62px !important;
}
.asNonTableCell {
  float: left;
  margin-right: 5px;
}
.availSelWrap.asSizeFormat {
  border: 1px solid black;
  padding: 7px;
  max-height: 600px;
  padding-bottom: 0px;
}
.availSelNoItems {
  margin-bottom: 7px;
  text-align: center;
}
.availSelGroup {
  width: 100%;
  /* border-bottom: 1px solid black; */
  margin-bottom: 7px;
}
.availSelGroupsWrap {
  width: 256px;
}
.availSelGroupList .availSelTR {
  padding: 3px;
}
.availSelCount {
  width: 20px;
  text-align: right;
  padding-top: 3px;
}
.availSelAlias {
  padding-top: 3px;
  width: -webkit-calc(100% - 69px);
  width: -moz-calc(100% - 69px);
  width: calc(100% - 69px);
  margin-right: 0;
}
.availSelGroupLabel {
  background: #e6f0cf;
  box-shadow: 0 0 5px black;
  padding: 2px;
}
.availSelTR.activeAvailSelect {
  background-color: rgb(211, 221, 249);
}
.availSelWrap {
  max-height: 242px;
  overflow-y: auto;
}
/*translate*/
body > .skiptranslate:first-child {
  display: none;
}
/*export field manager*/
.exportTempPicker .button {
  margin: 7px auto 0;
  /* width: -webkit-calc(100% - 16px);
	width: -moz-calc(100% - 16px);
	width: calc(100% - 16px); */
  display: block;
  font-size: 14px;
}
.exportTempPicker .button:first-child {
  margin-top: 0;
}
.saveTempWrap .button:first-child {
  margin-top: 0;
}
.saveTempWrap .button:last-child {
  margin-bottom: 5px;
}
.saveTempWrapAdd {
  padding: 10px 0;
  border-bottom: 1px solid black;
}
.saveTempWrap {
  /* margin-top: 10px; */
  overflow-y: auto;
  max-height: 400px;
  padding-top: 10px;
  /* padding: 10px 0; */
}
.templatesNoTemplates {
  text-align: center;
  font-weight: 700;
}
.templateAliasPromptWrap > div:last-child {
  margin-top: 5px;
}
/* .fieldMngHasTmp.button {
	background-color: #079CC3;
} */
.saveTempWrap.loadOnlyDelete .saveTempButton.fieldMngHasTmp {
  /* background-color: transparent; */
  /* color: black; */
  border-bottom: 1px solid #efefef;
  pointer-events: none;
  border-radius: 0;
}
.saveTempWrap.loadOnlyDelete .saveTempButton.fieldMngHasTmp:first-child {
  border-top: 1px solid #efefef;
}
.saveTempWrap.loadOnlyDelete .saveTempButton.fieldMngHasTmp .buttonExtras {
  pointer-events: auto;
}
.exportTempPicker .panelContent {
  padding-top: 0;
}
/*inventory editor*/
.invEditorListLIEle {
  display: inline-block;
  margin-right: 7px;
  vertical-align: top;
}
.invEditorListLIEle:last-child {
  margin-right: 0;
}
.invEditorListLIDelete {
  float: right;
}
input.invEditorListLICountInput {
  width: 40px !important;
}
ul.invEditorList {
  list-style: none;
  padding-left: 0;
  display: inline-block;
  margin: 0;
  margin-top: 7px;
  max-height: 377px;
  overflow-y: auto;
  width: 100%;
}
.invEditorUnitsWrap {
  max-height: 800px;
  overflow: auto;
}
.invEditorListLI {
  border: 1px solid black;
  padding: 5px;
  border-bottom: 0;
  text-align: left;
}
.invEditorListLI select {
  width: 422px !important;
}
.invEditorListLI > table {
  margin: 0 auto;
}
.invEditorListLI:last-child {
  border-bottom: 1px solid black;
}
.invEditorListWrap {
  text-align: center;
}
.invEditorUnitTop .button {
  float: right;
}
.invEditorLabel {
  float: left;
  font-weight: 700;
  margin-top: 8px;
}
.invEditorUnit {
  padding: 7px;
  box-shadow: 0 0 5px black;
  margin-bottom: 7px;
}
.invEditorUnit:last-child {
  margin-bottom: 0;
}
/*data tables*/
.dataTablePkgWrap {
  position: relative;
  padding: 5px;
}
.tpdataTableRow {
  background-color: white;
}
.activeRow {
  /* background-color: rgb(191, 222, 230)!important; */
  background-color: #dcdcdc !important;
  /*  border-top: 2px solid rgba(0, 89, 112, 1);
	border-bottom: 2px solid rgba(0,89,112,1); */
}
.tpdataTableRow:nth-child(odd) {
  background: #dfeebf;
}
.dataTablePkgWrap table {
  border-collapse: collapse;
}
.dtButtonsTop .zoomToDTButton {
  /* display:none; */
}
.dataTableWrap {
  overflow-y: scroll;
  max-height: 340px;
  min-height: 165px;
  margin-top: -5px;
  margin-bottom: -4px;
}
.dtNoResultsWrap {
  text-align: center;
  padding: 20px 0;
  font-weight: 900;
  font-size: 20px;
  display: none;
}
.dtNoResults .dtNoResultsWrap {
  display: block;
}
.dtNoResults
  .dtButtonsTopBsWrap
  .button:not(.loadButton):not(.dtViewButton):not(.dtAddNewRecordButton):not(.womWorkMngAddItemButton) {
  display: none;
}
.dtNoResults .dataTablePkgInnerWrapWrap {
  /* display: none; */
}
.dtNoResults .dtTopButtonsWrap .expand.topButton {
  display: none;
}
.dtNoResults .dtButtonsTopBsWrap {
  text-align: center;
}
.dtNoResults .dtButtonsTop {
  width: 100%;
}
.dtNoResults.dtNoResultsNoHeaderIfNoResults .dataTablePkgInnerWrapWrap {
  display: none;
}
/*start comment out for new datatable*/
/* .mainTbody,.dtStickyColumnsTbody {
	cursor: -webkit-grab;
}
.dtScrollPosBar {
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 8px;
	background: rgba(159, 159, 159, 0.8);
}
.dtScrollPos {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 12px;
	background-color: white;
	height: 100%;
	border-radius: 8px;
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.dtButtons {
	margin-top: 5px;
	border-top: 1px solid black;
	padding-top: 5px;
} */
/*end comment out for new datatable*/
/*
.dtButton {
	border-right: 1px solid white;
}
.dtButton:last-of-type {
	border-right: none;
} */
.tpdataTable {
  border-left: 0;
}
.tpdataTable .tpdataTableRow > td,
.dtStickyColumnsTbody .tpdataTableRow > td {
  padding-top: 0px;
  padding-bottom: 0px;
}
.dtStickyColumnsTbody .tpdataTableRow > td {
  border-top: none;
}
.tpdataTable .tpdataTableRow > td .cellDisplayUnit {
  overflow-y: auto;
  max-height: 100px;
  overflow-x: hidden;
  min-height: 14px;
  min-width: 54px;
}
.mainDataTableHeader {
  border-left: 0;
}
.dataTablePanel .dataTableWrap {
  max-height: 700px;
}
.dtSortableTHead {
  cursor: pointer;
}
.dataTableSigImg {
  max-width: 99%;
  max-height: 100%;
}
.dtBotButton {
  float: left;
}
.tHeadSortWrap {
  width: 13px;
}
.tHeadSortArrow {
  width: 100%;
  height: 8px;
  cursor: pointer;
}
.dataTableLabelContent {
  margin-right: 16px;
}
.dtColHead {
  float: right;
}
.dtColHeadEle {
  margin-bottom: 4px;
}
.dtColHeadEle:last-of-type {
  margin-bottom: 0;
}
.filterButton {
  height: 12px;
  width: 12px;
  cursor: pointer;
}
.tHeadSortArrow.tHSAsc {
  background: url('../images/Sort_Arrow_Up_Unselected.png') no-repeat;
  margin-bottom: 4px;
}
.tHeadSortArrow.tHSAsc.arrowSelected {
  background: url('../images/Sort_Arrow_Up.png') no-repeat;
}
.tHeadSortArrow.tHSDesc {
  background: url('../images/Sort_Arrow_Down_Unselected.png') no-repeat;
}
.tHeadSortArrow.tHSDesc.arrowSelected {
  background: url('../images/Sort_Arrow_Down.png') no-repeat;
}
.dataTableTdLiner {
  overflow-y: auto;
  max-height: 100px;
  min-width: 110px;
  max-width: 252px;
  padding: 0 2px;
  min-height: 20px;
  font-size: 12px;
}
/* .button.printRowDTButton, .button.viewTableDTButton {
	margin: 5px 0;
} */
.dataTableWrap .dataTableCurrent {
  height: 28px;
  overflow: auto;
}
.editingBox.dataTableTdLiner {
  min-width: 0;
  overflow: visible;
}
.panelHTML .dtButtonsTop {
  float: none;
  margin-bottom: 2px;
}
.dtButtonsTop {
  float: left;
  width: -webkit-calc(100% - 19px);
  width: -moz-calc(100% - 19px);
  width: calc(100% - 19px);
}
.viewMoreWrap {
  font-size: 12px;
  text-align: right;
}
.viewMoreBotButtons {
  text-align: right;
}
.viewMoreInstructsInfo {
  background-color: #666665;
  background-image: url(../images/question_white.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  color: white;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
}
.descContentPrev {
  text-align: left;
}
.vMWithIcon .descContentPrev {
  display: inline-block;
  width: -webkit-calc(100% - 28px);
  width: -moz-calc(100% - 28px);
  width: calc(100% - 28px);
}
.vMWithIcon .viewMoreBotButtons {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}
.dtButtonsTop > * {
  vertical-align: top;
  margin-bottom: 5px;
  margin-top: 5px;
}
.dtButtonsTopBsWrap .stdButton,
.dtButtonsTopBsWrap .onlyIconButton {
  margin-bottom: 5px;
  margin-right: 5px;
}
.dtButtonsTopBsWrap {
  margin-bottom: 0;
}
.dTCustomReportsWrap {
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 5px;
  margin-right: 5px;
}
.dTCustomReportsWrap > * {
  float: left;
}
.dTCustomReportsSelect {
  width: 105px;
  margin-left: 6px;
}
.dTCustomReportsWrap > *:first-child {
  margin-top: 4px;
}
.dtButtonsTop > *:last-child {
  margin-right: 0;
}
.transferToAskFieldRowEle {
  float: left;
}
.transferToAskFieldRowLabel {
  margin-right: 5px;
  margin-top: 2px;
}
.transferToBottomButtons {
  text-align: center;
  margin-top: 7px;
  padding-bottom: 5px;
}
.pageDetailsWrap {
  width: 100%;
  font-size: 11px;
}
.dtSortButtons {
  margin-top: 5px;
  text-align: right;
}
.dtSortWrap {
  float: left;
  margin-right: 5px;
}
.dtSortWrap:last-child {
  margin-right: 0;
}
.sortOptionsTable {
  margin: 0 auto;
}
.dataTablePkgWrap .tab {
  font-size: 12px;
}
.sortOptionsTable th {
  font-size: 12px;
}
.sortOptionsTable td {
  font-size: 12px;
}
.dtFieldOptionsTable {
  margin: 0 auto;
}

/*start comment out for new datatable*/
/* .editBoxWrap,.dTCheckBoxWrap {
	display: table;
}
.dtFieldOptionsWrap {
	max-height: 278px;
	overflow: auto;
}
.dtFieldOptionsLI>*,.fieldOptionsCheckAllWrap>* {
	float: left;
}
.dtFieldOptionsCheck,.dtFieldOptionsCheckAll {
	margin-right: 5px;
}
.dtFieldOptionsLabel,.fieldOptionsCheckAllLabel {
	margin-top: 2px;
}
.dtFieldOptionsUL {
	margin: 0;
	padding: 0;
}
.checkAllEle {
	display: table-cell;
	vertical-align: middle;
}
.dTCheckAllLabel {
	font-weight: normal;
}
.editBoxEle {
	display: table-cell;
}
.dtRCheckB,.dtRCheckAll {
	margin-right: 16px;
}
.dTCheckBWrap {
	margin-right: 20px;
	vertical-align: middle;
	margin-top: -4px;
}
.tableEleWrap.stickyHeaderWrap {
	min-width: 0;
	background-color: white;
	position: absolute;
}
.dtStickyCols {
	border-right: 2px solid black;
	border-top: 0;
	background-color: inherit;
}
.stickyDTHeader {
	border-right: 2px solid black;
} */
/*end comment out for new datatable*/
/*start uncomment out for new datatable*/
.tpdataTable {
  border-top: 0;
}
.dtFieldOptionsUL {
  margin: 0;
  padding: 0;
  max-height: 150px;
  overflow: auto;
}
.dtFieldOptionsTBody td:nth-child(1),
.dtFieldOptionsTBody td:nth-child(2),
.dtFieldOptionsTBody td:nth-child(3) {
  text-align: center;
}
.handle {
  background-image: url('../images/handle.png');
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: 50%;
  height: 37px;
  cursor: -webkit-grab;
  cursor: grab;
  min-width: 22px;
}
.dtViewSaveButtons .button.stdButton {
  display: block;
  margin-bottom: 10px;
  width: 100px;
  margin: 0 0 10px;
}
.dtFieldOptionsWrap {
  float: left;
  padding: 10px;
}
/*end uncomment out for new datatable*/
.fieldOptionsCheckAllWrap {
  margin-bottom: 5px;
  border-bottom: 1px solid black;
  padding-bottom: 5px;
}
.dtInstructs {
  font-size: 12px;
}
.dtSortSelector {
  width: 96px !important;
  height: 22px !important;
  /* line-height: 5px; */
  font-size: 12px;
}
input[type='number'].dtSortSelector {
  width: 64px !important;
}
.changePagButton {
  height: 26px;
  width: 15px;
  cursor: pointer;
  margin-right: 9px;
  float: left;
  margin-top: 2px;
}
.changePagButton:last-child {
  margin-right: 0;
}
.loadPrevSet {
  background: url('../images/pointer_left_med.png') no-repeat;
}
.loadNextSet {
  background: url('../images/pointer_right_med.png') no-repeat;
}
.dtSortLabel {
  font-size: 11px;
}
.tableEleWrap {
  display: inline-block;
  min-width: 100%;
}
.tableHeaderWrap.tableEleWrap:not(.stickyHeaderWrap) {
  border-bottom: 1px solid black;
}
.stickyColumnsWrap.tableEleWrap {
  display: block;
  min-width: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: white;
}
.dtStickyColsWrap {
  max-height: 340px;
  min-height: 165px;
  position: absolute;
  z-index: -1;
  background-color: white;
}
.dataTablePkgInnerWrap {
  overflow-x: auto;
  position: relative;
  overflow-y: hidden;
}
.dataTablePkgInnerWrapWrap {
  position: relative;
  /* border-right: 1px solid black; */
  font-size: 12px;
}
.tableHeaderTBody {
  opacity: 0;
}
.dataTableLabelTD {
  vertical-align: top;
}
th.dataTableLabelTD:first-child {
  border-left: 0;
}
.editingBoxCheckAll {
  vertical-align: middle;
}
.dataTableLabelTDLiner {
  min-width: 68px;
  text-align: center;
  font-size: 11px;
  position: relative;
  height: 37px;
  word-wrap: break-word;
  padding: 0 2px;
  overflow: hidden;
}
.dataTableLabelTDLiner.editingBox {
  text-align: left;
  min-width: 0;
}
.dataTableEdit {
  display: none;
}
.dataTableTd,
.editBoxWrap {
  position: relative;
}
.dataTableTd:first-child {
  border-left: 0;
}
.editorImg {
  max-width: 100%;
  max-height: 100%;
}
.dataTableEditLink,
.dataTableDoneEditLink {
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  background: white;
  padding: 2px;
  border: 1px solid black;
}
.outerEditingW {
  position: relative;
}
.transferToCopiesInput {
  width: 44px !important;
}
.dtLastOfTab {
  border-right: 5px solid black;
}
.dtLastOfTab:last-child {
  border-right: none;
}
.tabLabelTd {
  border-right: 5px solid black;
  background-color: #80bd01;
  color: white;
  padding-left: 10px;
}
.tabLabelTd:last-child {
  border-right: 0;
}
.editing:hover .dataTableDoneEditLink {
  display: block;
}
.notEditing:hover .dataTableEditLink {
  display: block;
}
.topEle {
  float: right;
  margin-top: 5px;
}
.dtTop {
  /* padding: 0 5px; */
}
.topButton {
  cursor: pointer;
  width: 19px;
  height: 19px;
  float: left;
}
.topButtonImg {
  max-width: 100%;
  max-height: 100%;
}
.panelTitleCondensed {
  display: none;
  width: 56px;
}
/*View More*/
.viewMore,
.viewIntro {
  text-decoration: underline;
  color: #005970;
  cursor: pointer;
}
.viewMoreContent {
  display: none;
  padding: 5px;
  /* box-shadow: 0 0 5px black; */
  margin: 5px;
  /* border: 1px solid #ececec; */
  text-align: left;
}
.viewMoreContent .checkbox.checkboxEle,
.viewMoreContent .radio.checkboxEle {
  margin-top: 1px;
}
/* .contract {
	display:none;
} */
/* End View More */
.streetViewMapWrap {
  max-width: 100%;
  max-height: 100%;
  width: 500px;
  height: 500px;
}
/*Map Tools*/
.panel.mapTools .panelTop {
  display: none;
}
/* .panel.mapTools:hover {
	background-color:rgba(255,255,255,.6);
} */
.panel.mapTools .panelBodyWrap,.panel.mapTools .panelBody, /* .panel.welcomeWindow .panelBodyWrap,.panel.welcomeWindow .panelBody,  */ .panel.advFilterPanel .panelBodyWrap, .panel.advFilterPanel .panelBody, .panel.loaderBarPanel .panelBodyWrap, .panel.loaderBarPanel .panelBody,/* .panel.alertPanel .panelBodyWrap, .panel.alertPanel .panelBody,*/ .panel.autoHeightPanel .panelBodyWrap, .panel.autoHeightPanel .panelBody/* , .panel.filterLegendPanel .panelBodyWrap, .panel.filterLegendPanel .panelBody */ {
  height: auto;
}
.panel.mapTools {
  width: 31px !important;
  min-width: 0;
  border-radius: 4px;
  padding: 2px;
  min-height: 0;
  background-color: white;
  max-height: none;
  box-shadow: none;
  overflow: visible;
  border: 1px solid #666665;
}
.panel.mapTools .panelBody {
  overflow: visible;
}
.mapToolExtraContentWrap {
  position: absolute;
  top: 0;
  left: -webkit-calc(100% + 12px);
  left: -moz-calc(100% + 12px);
  left: calc(100% + 12px);
  z-index: 99;
  background: rgba(255, 255, 255, 1);
  color: black;
  padding: 5px;
  font-size: 14px;
  text-align: left;
  border-radius: 5px;
  border: 1px solid #c5c5c5;
  box-shadow: 0 0 5px #c5c5c5;
}
.mapToolItem {
  /* background-color: rgba(0,60,136,.5); */
  height: 25px;
  box-sizing: border-box;
  cursor: pointer;
  margin: 1px;
  text-align: center;
  font-size: 23px;
  color: white;
  position: relative;
}
/* .mapToolItem:hover {
	background-color: rgba(0,60,136,.7);
} */
.panel.mapTools .panelBodyWrap {
  margin-top: 0;
  overflow: visible;
}
.panel.mapTools .panelContent {
  padding-top: 0;
  display: block;
}
.minimalMap .panel.minimized {
  display: none !important;
}
.mapToolItem:first-child {
  border-radius: 2px 2px 0 0;
}
.mapToolItem:last-child {
  border-radius: 0 0 2px 2px;
}
.mapToolImg {
  margin: 0 auto;
  display: block;
  max-height: 16px;
  padding-top: 4px;
  max-width: 16px;
}
.mapToolImg,
.mapToolsItems .ol-control .ol-compass {
  -webkit-filter: invert(56%);
  -moz-filter: invert(56%);
  filter: invert(56%);
}
.mapToolsTransparencyWrap {
  width: 200px;
}
.mapToolsTransparencyWrap .rangeWrapWrap {
  background-color: transparent;
}
.mapToolsTransparencyWrap .rangeHTMLWrap {
  padding: 0;
  margin: 0;
}
.mapToolsTransparencyWrap .rangeTrack {
  background: rgba(0, 60, 136, 0.5);
}
.mapToolsBaseMapWrap {
  width: 254px;
}
/*Geocoder*/
.geocoderPkg {
  margin-top: 4px;
  vertical-align: bottom;
}
.geocoderBtn {
  float: left;
  margin-right: 3px;
}
.geocoderBtn:last-of-type {
  margin-right: 0;
}
.geocoderListWrap {
  position: relative;
  clear: both;
}
.geocoderList {
  position: absolute;
  background-color: white;
  padding: 10px;
  box-shadow: 0 0 5px #c5c5c5;
}
.geocodeListRow {
  cursor: pointer;
  padding: 2px;
}
.geocodeListRow:hover {
  background-color: rgb(229, 229, 229) !important;
}
/*ToolTip*/
.fixedContainer {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99999999;
}
.toolTip {
  position: fixed;
  width: 120px;
  max-height: 200px;
  background: #ffffff;
  box-shadow: 0 0 5px black;
  padding: 5px;
  z-index: 999;
  pointer-events: none;
  display: none;
  max-width: 240px;
}
.transparentTT {
  background: rgba(255, 255, 255, 0.76);
}
/*view manager*/
.viewManagerSection {
  max-height: 240px;
  overflow-y: auto;
}
/*comments*/
.commentRow {
  width: 300px;
  position: relative;
  margin: 6px 0;
  padding: 6px;
  border: 1px solid grey;
}
.commentRow:first-child {
  /* border-top: 1px solid #cacaca; */
}
.commentTop {
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #cacaca;
}
.commentTop > * {
  width: 33%;
}
.commentTop .commentDelete {
  /* position: absolute;
	top: 4px;
	right: 4px; */
  cursor: pointer;
  float: right;
  width: auto;
}
/* .commentLeft {
	float: left;
	width: 64px;
} */
/* .commentRight {
	margin-left: 70px;
	max-height: 400px;
	overflow-y: auto;
	border-left: 1px solid #c5c5c5;
	padding-left: 6px;
} */
.commentContent {
  min-height: 18px;
}
.commentExtras {
  /* border-top: 1px solid #c5c5c5;
	margin-top:6px; */
  padding-top: 6px;
  cursor: pointer;
  text-align: right;
}
.commentsWrap {
  position: relative;
}
.commentsWrapWrap {
  max-height: 400px;
  overflow-y: auto;
}
.addCommentWrap {
  margin-top: 20px;
}
.addCommentTA,
.replyTA {
  display: block;
  margin: 0 auto 10px;
  width: 100%;
  height: 80px;
}
.addCommentTA {
  width: 384px;
}
.commentRepliesWrap {
  margin-left: 70px;
}
.commentRepliesWrap .commentRepliesWrap {
  margin-left: 0;
}
.replyWrap {
  display: none;
}
/*HoverTip*/
.hoverTip {
  position: fixed;
  left: 0;
  right: 0;
  width: 274px;
  background-color: white;
  box-shadow: 0 0 5px black;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
}
#hoverTipsContainer {
  z-index: 999999999;
}
.hoverTipTitle {
  font-weight: 900;
  text-align: center;
  margin-bottom: 10px;
}
/*save map scenario*/
.templatePreAliasInput {
  font-size: 12px;
}
.templateAliasInputWrap {
  margin: 10px 0;
}
.mapScenarioWrap .viewMoreWrap {
  margin: 10px 0;
}
/*InfoTip*/
.infoTip {
  /*border: 4px solid #49181C;*/
  border: 1px solid #000;
  box-shadow: 0 0 2px black;
  background-color: #f2f2f2;
  position: fixed;
  width: 262px;
  padding: 5px;
  z-index: 999;
  display: none;
  border-radius: 5px;
}
.itHeadLabelRow {
  background-color: transparent;
}
.canopyITSelectTR {
  display: none;
}
.itExtrasWrap {
  text-align: center;
}
.itExtra.zoomToBlock {
  background-color: #666666;
  padding: 6px 30px;
  border-radius: 5px;
  color: white;
  margin-top: 10px;
}
.itExtra.zoomToBlock:hover {
  background-color: #c4c4c4;
}
.canopyValueIT.itSubLabel {
  display: none;
}
.itTitleTR {
  display: none;
}
.infoTipTR:hover {
  background-color: #eaeaea;
}
.itBlockLabel.itSubLabel {
  font-size: 14px;
  padding: 6px 0;
}

.infoTip.planIT {
  width: 172px;
}
.infoTipTbody {
  font-size: 14px;
}
.infoTipTbody tr:nth-child(even) {
  background-color: transparent;
}
.itExtra {
  color: #00539b;
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
}
.canopyITContent {
  border-collapse: collapse;
  width: 100%;
  border-color: rgba(0, 0, 0, 0);
}
table.canopyITContent td {
  padding: 0;
}
table.canopyITContent .tdLiner {
  padding: 1px;
}
.canopyITPlanGraphWrap {
  background-color: #bfbfbf;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}
.canopyITIcon {
  background-position: center;
  height: 20px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  margin-top: 10px;
}
.canopyITBarOuter {
  height: 70px;
  position: relative;
}
.canopyITPlanGrapUnit {
  width: 30px;
  box-sizing: border-box;
  margin: 0 5px;
  display: inline-block;
}
.canopyITPlanGrapUnit:first-child {
  margin-left: 0;
}
.canopyITPlanGrapUnit:last-child {
  margin-right: 0;
}
.canopyITBar {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #70ad47;
}
.rankTitleWrap {
  font-weight: 900;
}
.infoTipVal {
  text-align: right;
}
.infoTipColor {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
}
.infoTipValContent {
  display: inline-block;
}
.tdLiner.infoTipVal.curVal.infoTipValWColor {
  min-width: 84px;
}
/*Advanced Filter*/
.advFilterPanel .chkPkg .checkboxWrap {
  background: transparent;
}
.advFilterPanel .filterExtras {
  background: transparent;
}
.advFilterPanel .rangeTrack {
  background: #e3ddd8 !important;
}
.advFilterPanel .panelBodyWrap {
  width: 365px;
  max-width: 100%;
}
.advFilterPanel .rangeHandle {
  background: #f4f4f4 !important;
  background: -moz-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #f4f4f4),
    color-stop(100%, #e2e2e2)
  ) !important;
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%) !important;
  background: -o-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%) !important;
  background: -ms-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%) !important;
  background: linear-gradient(to bottom, #f4f4f4 0%, #e2e2e2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e2e2e2',GradientType=0 ) !important;
}
.advFFields .inputPkgContent {
  max-height: 300px;
  overflow-y: auto;
}
.advFilterPanel .panelBody {
  /* min-width: 430px; */
}
.advFSelectorsItemWrapEle {
  float: left;
}
.advFSelectorsItemLabel {
  width: 104px;
}
.advFSelectorsItemWrap {
  margin-top: 5px;
  padding: 5px;
}
.advAdvancedWrap .advFSelectorsItemWrapEle {
  float: none;
}
.advAdvancedWrap .advFSelectorsItemLabel {
  width: auto;
}
.advFSelectorsItemWrap:first-child {
  margin-top: 0;
  border-top: 0;
}
.advFSaveViewWrap {
  text-align: right;
  margin-top: 10px;
}
.aFTopsWrapEle {
  margin-top: 5px;
  /* box-shadow: 0 0 5px black; */
  padding: 5px;
}
.advFLayerSelectWrap {
  float: left;
  width: calc(100% - 136px);
  width: -webkit-calc(100% - 136px);
  width: -moz-calc(100% - 136px);
  max-height: 140px;
  overflow-y: auto;
  margin-right: 10px;
}
.advFWithSetTabs .advFLayerSelectWrap {
  display: none;
}
.advFilterPanel:not(.advFWithSetTabs) .advFTopButtonsWrap {
  float: left;
  width: 126px;
}
.advFilterPanel:not(.advFWithSetTabs) .advFTopButtonsWrap .button {
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  margin-right: 0;
}
.advFLayerSelectWrap > div {
  padding: 2px 5px;
}
.advFLayerSelectWrap > div:nth-child(even) {
  background-color: #eee;
}
.advFLayerSettings {
  float: left;
  margin-top: 3px;
}
.advFLayerSelectWrap .checkboxWrap {
  float: left;
  width: calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
}
.accordion.afFields {
  padding: 10px 10px 10px 0;
}
.actChkShelf .shelfContentWrap {
  margin-left: 32px;
}
.leftContentShelf .shelfContentWrap {
  margin-left: 102px;
}
.accordion.afFields .luFilterPkg {
  text-align: center;
}
.accordion.afFields .luShowFilteredValues {
  text-align: left;
}
.showFilteredValuesUL {
  padding: 5px;
  padding-left: 28px;
  margin: 8px 0;
}
.actCheckWrap,
.shelfLeftContentWrap {
  float: left;
}
.actCheckWrap {
  width: 30px;
}
.shelfLeftContentWrap {
  width: 100px;
}
.actCheckWrap .checkboxWrap {
  margin: 6px 6px 0 6px;
}
.advFSelectorsItemWrap.noDec {
  margin-bottom: 0;
  border-bottom: 0;
}
.aFTopsWrapEle:first-child {
  margin-top: 0;
}
.advFTopBs .button {
  margin-bottom: 5px;
}
.advFTopBs.aFTopsWrapEle {
  margin-bottom: 0;
  padding-bottom: 0;
}
.simpleAdvFilter .advFilterViewTemplatesWrap, .simpleAdvFilter .advFilterSelectLayerWrap, .simpleAdvFilter .advFilterAddFieldWrap, .simpleAdvFilter .advFilterSelectAppliesToWrap, .simpleAdvFilter .advFilterAdvancedWrap, .simpleAdvFilter .advFilterBoundResultsToMapWrap, .simpleAdvFilter .advFilterAdvancedWrap, .simpleAdvFilter .advancedFilterWrapHTML .removableButton/*, .simpleAdvFilter .actCheckWrap*/, .simpleAdvFilter .filterExtras, .simpleAdvFilter .advFilterRangeDesc {
  display: none;
}
.simpleAdvFilter .actChkShelf .shelfContentWrap {
  padding-left: 0;
  /*margin-left: 0;*/
}
.simpleAdvFilter .actChkShelf .shelfButtonWrap {
  pointer-events: none;
}
.simpleAdvFilter .actChkShelf .shelfButtonWrap .button.toolBoxButton {
  background-image: none;
  padding-left: 0;
  color: black;
  background-color: transparent;
}
.advFLayerPromptWrap .button {
  display: block;
  margin: 10px 0;
  text-align: left;
}
.tabsWrap.advFilterTabsWrap .checkbox {
  margin-top: 2px;
}
.tabsWrap.advFilterTabsWrap .checkboxLabel {
  padding-top: 0;
}
.advFSelectorsItem .templateQuickLoad {
  margin-bottom: 0;
}
.advFilterSCWrapWrap {
  position: absolute;
  width: 154px;
  /* left: calc(50% - 77px);
  left: -webkit-calc(50% - 77px);
  left: -moz-calc(50% - 77px); */
  top: 0;
  z-index: 2;
  right: 0;
}
.advFilterSCContent {
  padding: 10px 5px 5px;
  overflow-y: auto;
  max-height: 200px;
}
.advFilterSCWrap {
  box-sizing: border-box;
  background-color: white;
  position: absolute;
  width: 100%;
  top: 0;
}
.advFilterSCHasFilters .advFilterSCBar {
  background-color: #ffee9b;
}
.advFilterSCBar {
  background-repeat: no-repeat;
  background-position: right center;
  height: 13px;
  background-size: 10px;
  text-align: center;
  padding: 5px;
}
.advFilterSCBar > * {
  float: left;
}
.advFilterSCBarContent {
  width: calc(100% - 28px);
  width: -webkit-calc(100% - 28px);
  width: -moz-calc(100% - 28px);
}
.advFilterSCButton {
  background-repeat: no-repeat;
  height: 14px;
  width: 14px;
  cursor: pointer;
  background-position: center;
}
.advFilterSCOpenFilter {
  background-image: url(../../main/images/filter_black.png);
  background-size: auto 100%;
  -webkit-filter: invert(56%);
  -moz-filter: invert(56%);
  filter: invert(56%);
}
.advFilterSCMoreButton {
  background-image: url(../../main/images/Sort_Arrow_Down.png);
}
.advFilterSCMoreButton.advFilterSCMoreButtonOpen {
  background-image: url(../../main/images/Sort_Arrow_Up.png);
}
.advFilterSCWrap:not(.advFilterSCHasFilters) .advFilterSCMoreButton {
  display: none;
}

/*crosshair*/
.crosshair {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 4;
}
.crosshairEle {
  position: absolute;
  background-color: white;
}
.crosshairVert {
  width: 2px;
  height: 100%;
  top: 0;
  left: calc(50% - 2px);
  left: -webkit-calc(50% - 2px);
  left: -moz-calc(50% - 2px);
  border-left: 1px solid grey;
  border-right: 1px solid grey;
}
.crosshairHorz {
  width: 100%;
  height: 2px;
  top: calc(50% - 2px);
  top: -webkit-calc(50% - 2px);
  top: -moz-calc(50% - 2px);
  left: 0;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
}
.crosshairMid {
  width: 4px;
  height: 4px;
  top: calc(50% - 2px);
  top: -webkit-calc(50% - 2px);
  top: -moz-calc(50% - 2px);
  left: calc(50% - 2px);
  left: -webkit-calc(50% - 2px);
  left: -moz-calc(50% - 2px);
}
.crosshairVert.crosshairTop {
  height: 90px;
  top: calc(50% - 95px);
  top: -webkit-calc(50% - 95px);
  top: -moz-calc(50% - 95px);
}
.crosshairVert.crosshairBot {
  height: 90px;
  top: auto;
  bottom: calc(50% - 95px);
  bottom: -webkit-calc(50% - 95px);
  bottom: -moz-calc(50% - 95px);
}
.crosshairHorz.crosshairLeft {
  width: 90px;
  left: calc(50% - 95px);
  left: -webkit-calc(50% - 95px);
  left: -moz-calc(50% - 95px);
}
.crosshairHorz.crosshairRight {
  width: 90px;
  left: auto;
  right: calc(50% - 95px);
  right: -webkit-calc(50% - 95px);
  right: -moz-calc(50% - 95px);
}
.smallScreenMode .crosshairVert.crosshairTop,
.smallScreenMode .crosshairVert.crosshairBot {
  height: 50px;
}
.smallScreenMode .crosshairHorz.crosshairLeft,
.smallScreenMode .crosshairHorz.crosshairRight {
  width: 50px;
}
.smallScreenMode .crosshairVert.crosshairTop {
  top: calc(50% - 55px);
  top: -webkit-calc(50% - 55px);
  top: -moz-calc(50% - 55px);
}
.smallScreenMode .crosshairVert.crosshairBot {
  bottom: calc(50% - 55px);
  bottom: -webkit-calc(50% - 55px);
  bottom: -moz-calc(50% - 55px);
}
.smallScreenMode .crosshairHorz.crosshairLeft {
  left: calc(50% - 55px);
  left: -webkit-calc(50% - 55px);
  left: -moz-calc(50% - 55px);
}
.smallScreenMode .crosshairHorz.crosshairRight {
  right: calc(50% - 55px);
  right: -webkit-calc(50% - 55px);
  right: -moz-calc(50% - 55px);
}
.crossHairNotFullScreenMid {
  width: 7px;
  height: 7px;
  border: 2px solid white;
  border-radius: 50%;
  top: calc(50% - 5px);
  top: -webkit-calc(50% - 5px);
  top: -moz-calc(50% - 5px);
  left: calc(50% - 5px);
  left: -webkit-calc(50% - 5px);
  left: -moz-calc(50% - 5px);
  background-color: transparent;
}
/*canopy*/
.canopyDescEle {
  border-bottom: 1px solid black;
  padding: 4px;
  border-bottom: 1px solid black;
}
.canopyDescEle:last-of-type {
  border-bottom: none;
}
.canopyElesWrap,
.canopyElesWrap.fieldPkg {
  /* border: 1px solid black; */
  padding: 4px;
  background: white;
  font-size: 14px;
}
.planTools.canopyTools .rangeLabel {
  font-weight: normal;
}
.overAllWeightWrap,
.canopySelectGeoLabelWrap,
.weightFilterWrap,
.planToolsOptions {
  margin-top: 15px;
}
.canopySelectGeoLabel {
  font-weight: 700;
  margin-bottom: 4px;
}
.overallPlanSliderPkg .rangeLabel {
  /* font-weight: normal; */
}
.canopyOptionsTop {
  text-align: center;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid white;
}
.canopyOptions {
  border: 1px solid black;
  padding: 4px;
  background: #5e8706;
  font-size: 14px;
  color: white;
}
.canopyDescButtons {
  padding: 4px;
}
.canopyDescEle ul {
  padding-left: 22px;
}
.canopyDescLabel {
  width: 40px;
  float: left;
}
.canopyDescLegendEleItem {
  float: left;
  width: 23px;
}
.canopyTable {
  width: 100%;
}
.growSettingsTable.canopyTable {
  margin-top: 10px;
}
.canopyDescLegendEleLabel {
  margin-left: 30px;
}
.canopyDescLegend {
  /* margin-left: 45px; */
}
.canopyLegendItem {
  width: 14px;
  height: 14px;
  border: 1px solid black;
  margin: 0 auto;
}
.canopyLegendEle {
  margin-bottom: 5px;
}
.canopyDescLabelText {
  -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari */
  transform: rotate(-90deg);
  /* margin-right: 29px; */
  position: relative;
  top: 28px;
  font-weight: 700;
}
.canopyTabContent > * {
  margin-bottom: 6px;
  border-radius: 5px;
}
.canopyTabContent > *:last-child {
  margin-bottom: 0;
}
.canopySelectLayer {
  width: 100%;
  height: 28px;
  cursor: pointer;
  border: 1px solid black;
}
.growSelectLayer.canopySelectLayer {
  margin-top: 4px;
}
.canopyTools .rangeHTMLWrap {
  background-color: transparent;
}
.fieldPkgIcon {
  background-position: center;
  width: 26px;
  height: 26px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  float: left;
  top: 19px;
  position: relative;
  left: 3px;
}
.fieldPkgWIcon .fieldPkgEle {
  margin-left: 30px;
}
.fieldPkg {
  background: white;
  margin-bottom: 5px;
  border-radius: 10px;
  /* overflow: hidden; */
  padding: 2px;
  background: gainsboro;
  font-size: 13px;
  border: 1px solid black;
  background: #eeeeee; /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #eeeeee),
    color-stop(100%, #cccccc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #eeeeee 0%,
    #cccccc 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #eeeeee 0%,
    #cccccc 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.wizardWindow {
  max-width: 55%;
  /*width:50%!important;
	height:60%!important;*/
}
.wizardButtonNext {
  float: right;
  margin-right: 20px !important;
}
.wizardButtonNext:disabled {
  opacity: 0.2;
}
.wizardButtonPrev {
  float: left;
  margin-left: 20px;
}
.wizardRange {
  background-color: transparent !important;
}
.wizardRange .rangeWrapEle {
  background-color: transparent !important;
}
.wizardRange .rangeWrapWrap {
  background-color: transparent !important;
}
.wizardValSelect {
  margin-left: 28px;
}
.wizardfieldPkg.plan {
  float: left;
}
.wizardfieldPkg {
  margin: 0 auto;
  border-radius: 10px;
  /* overflow: hidden; */
  padding: 2px;
  background: gainsboro;
  font-size: 13px;
  border: 1px solid black;
  background: #eeeeee; /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #eeeeee),
    color-stop(100%, #cccccc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #eeeeee 0%,
    #cccccc 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #eeeeee 0%,
    #cccccc 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
  width: 300px;
  /*float:left;*/
}
.rangePkgGroupWrap {
  padding: 5px;
  background-color: #5e8706;
  border-radius: 5px;
  border: 1px solid black;
}
.rangePkgGroupSelectLabel {
  color: white;
  margin-bottom: 2px;
  float: left;
}
.rangePkgGroupSelectWrap {
  margin-bottom: 5px;
}
.rangePkgGroupTop .moreInfoWrap {
  float: right;
}
.fieldPkgOfGroup {
  display: none;
}
.fieldPkgLabel {
  font-weight: 700;
}
.fieldPkgLeft {
  float: left;
  width: 22px;
}
.sidePanel.canopy .fieldPkg .rangeTrack,
.sidePanel.canopy .fieldPkg .rangeHandle,
.sidePanel.canopy .fieldPkg .rangeTrackMiddle {
  background: #9ac014;
}
.sidePanel.canopy .fieldPkg .rangeHandle,
.rangeHandle {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  border-color: #000000;
  background-color: #bfbfbf;
  border-width: 2px;
}
.canopyActivate {
  position: relative;
  top: 16px;
}
.fieldPkgRight {
  margin-left: 26px;
}
.noFieldPkgLeft {
  margin-left: 0;
}
.fieldPkg .rangeValue,
.fieldPkg .rangeWrapWrap {
  background-color: transparent;
}
.increaseCanopy.fieldPkg {
  display: none;
}
.growSettingsSelect {
  width: 154px;
}
.savedScenIDInput {
  width: 100px !important;
}
.reportScenTableTitle {
  width: 200px !important;
}
.canopyReportsTableWrap {
  overflow: auto;
  max-height: 500px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.reportScenTableTitleWrap > * {
  float: left;
  margin-right: 7px;
}
.reportScenTableTitleWrap > *:last-child {
  margin-right: 0;
}
.reportScenTable,
.canopyReportsTable {
  border-collapse: collapse;
  margin-top: -1px;
  margin-bottom: -1px;
}
.reportScenTableDetailsWrap {
  margin-bottom: 5px;
}
.reportScenTableTitleLabel {
  padding-top: 2px;
}
.growChartChart {
  height: 10%;
  height: 50px !important;
  width: 100%;
}
#growChartTreesChart {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  max-height: 200px;
  min-height: 150px;
}
.canopyEcoBenAccordion .ecoSubGroupWrapLabel {
  font-size: 18px;
  margin-top: 4px;
}
.canopyNoGrowYet {
  text-align: center;
}
.growChartNumTree {
  box-shadow: 0 0 5px;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  margin: 5px;
  position: relative;
  border-radius: 3px;
}
.growChartNumCurrent {
  float: left;
  box-shadow: 0 0 5px;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  margin: 5px;
  position: relative;
  border-radius: 3px;
}
.growChartNumModel {
  float: right;
  box-shadow: 0 0 5px;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  margin: 5px;
  position: relative;
  border-radius: 3px;
}
.growChartWrap {
  text-align: center;
  /* box-shadow: 0 0 5px; */
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  margin: 5px 0;
  position: relative;
  border-radius: 3px;
  /* max-height: 200px; */
  width: 100%;
  box-sizing: border-box;
}
.EcoBensWrap {
  box-shadow: 0 0 5px;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  margin: 5px;
  position: relative;
  border-radius: 3px;
}
.growEcoSubGroupWrap {
  width: 150px;
  /* box-shadow: 0 0 5px; */
  display: inline-block;
  height: 96px;
  vertical-align: top;
  padding: 5px;
  margin: 5px;
  position: relative;
  border-radius: 3px;
}
.canopyReportsTable {
  background-color: white;
}
.detailedGrowReportWrap .tdLiner {
  text-align: center;
}
.detailedGrowReportButtons {
  margin-top: 7px;
}
.canopyGrowAccordion .rangeHTMLWrap {
  background-color: transparent;
}
.canopyGrowAccordion .switchWrap {
  width: 102px;
}
.canopyGrowAccordion.accordion {
  padding: 0;
}
.reportScenTableWrap {
  max-height: 266px;
  overflow-y: auto;
  margin-bottom: 5px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.paintGrowLabel {
  font-weight: 700;
  text-align: center;
}
.reportScenWrap {
  margin-bottom: 5px;
  border-bottom: 1px solid black;
  padding-bottom: 5px;
}
.growDetailsLabel {
  text-align: center;
  padding: 5px 0;
  font-weight: 900;
}
.detailedGrowReportWrap > * {
  margin-bottom: 7px;
}
.scenarioDetailsWrap {
  /* box-shadow: 0 0 5px black; */
  padding: 5px;
}
.detailedGrowReportWrap > *:last-child {
  margin-bottom: 0;
}
.canopyHomeTopTop {
  box-sizing: border-box;
  border: 3px solid white;
}
.canopyHomeImg {
  width: 44%;
  position: relative;
  border-right: 3px solid white;
  /* cursor: pointer; */
  /* max-width: 200px; */
}
.canopyHomeTypeImg {
  width: 100%;
  display: block;
}
.canopyDescWrap > * {
  float: left;
  box-sizing: border-box;
}
.canopyHomeTypeDesc {
  width: 56%;
  padding: 10px 20px;
}
.canopyDescWrap {
  margin-bottom: 10px;
  background: #f2f2f2;
  border: 3px solid white;
}
.canopyDescWrap:last-child {
  margin-bottom: 0;
}
.canopyHomeTypeDesc li {
  margin-bottom: 10px;
}
.canopyHomeTypeDesc li:last-child {
  margin-bottom: 0;
}
.canopyHomeTypeDesc li:last-child {
  font-style: italic;
  font-size: 14px;
}
.canopyHomeTypeDesc ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.canopyHomeMoreInfo {
  margin-top: 5px;
}
.canopyHomeButton {
  float: right;
}
.button.stdButton.canopyHomeButton {
  margin-right: 5px;
  margin-top: 5px;
}
.button.stdButton.canopyHomeButton:first-child {
  margin-right: 0;
}
.canopyHomeTop .button.canopyHomeButton {
  font-size: 14px;
}

.canopyHomeDescription {
  background-color: #f2f2f2;
  color: black !important;
  font-size: 14px !important;
  border: 3px solid white;
  display: flex;
  margin-bottom: 10px;
}
.canopyHomeDescription a {
  color: black !important;
}
.canopyLogoHolder {
  width: 44%;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: auto;
  margin-bottom: auto;
}
.canopyLogoHolder img {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.canopyHomeDescriptionText {
  width: 56%;
  margin-left: 10px;
  margin-right: 10px;
}

.canopyHomeTopTopImg {
  width: 100%;
  height: auto;
  display: block;
}
.canopyHomeTypeContent {
  position: absolute;
  color: white;
  font-weight: 700;
  font-size: 44px;
  text-align: center;
  width: 100%;
  top: -webkit-calc(50% - 25px);
  top: -moz-calc(50% - 25px);
  top: calc(50% - 25px);
  text-shadow: 0 0 2px black;
}
.sidePanel.canopy_home .sidePanelContent .canopyHomeTop {
  background-color: #365000;
  padding-bottom: 10px;
  /*background-color: rgb(28, 95, 23);*/
}
.sidePanel.canopy_home {
  max-width: 666px !important;
}
.nonSmallScreenMode .sidePanel.canopy_home.permExtSidePanel {
  width: 50% !important;
  min-width: 0 !important;
}
.canopyHomeChart {
  width: 492px;
  margin: 0 auto;
}
.canopyHomeCharts {
  margin-top: 24px;
}
.canopyHomeTitle {
  margin: 20px 0;
  color: white;
  text-align: center;
  font-size: 24px;
}
.canopyHomeDescription,
.canopyHomeOrgSelectWrap {
  color: white;
  /*margin: 20px 0;*/
  /*padding: 0 20px;*/
  font-size: 13px;
}
.canopyHomeOrgSelect {
  color: black;
}
.sidePanel.smallCanopyHomeSidePanel .canopyHomeImg {
  float: none;
  width: 100%;
  border-right: none;
  border-bottom: 3px solid white;
}
.sidePanel.smallCanopyHomeSidePanel .canopyHomeTypeDesc {
  width: 100%;
  box-sizing: border-box;
  float: none;
}
.homeDescLeftWCount .canopyHomeTypeContent {
  position: static;
  padding: 20px;
  border-radius: 50%;
  border: 4px solid white;
  width: 40px;
  height: 40px;
  top: auto;
  margin: 10px;
  background-color: rgb(48, 82, 38);
  line-height: 39px;
}
.homeDescLeftWCount .canopyHomeImg {
  border-right: none;
  width: auto;
}
.homeDescLeftWCount .canopyHomeTypeDesc {
  width: -webkit-calc(100% - 108px);
  width: -moz-calc(100% - 108px);
  width: calc(100% - 108px);
}
/*Appraisals CTLA*/
input[type='number'].ctlaConditionInput,
input[type='number'].ctlaLocationInput,
input[type='number'].ctlaSpeciesRatingChangeInput {
  width: 54px;
  height: 62px;
  font-size: 52px;
  text-align: right;
  text-shadow: 0 0 1px black;
}
input[type='number'].ctlaLocationInput,
input[type='number'].ctlaSpeciesRatingChangeInput {
  width: 108px;
}
.ctlaTable th {
  text-align: left;
}
.ctlaConditionSubTotal {
  text-align: center;
  font-size: 52px;
  text-shadow: 0 0 1px black;
}
.ctlaWrap .subLabel {
  text-align: center;
  margin-top: 10px;
}
.ctlaRating.ratingWRating {
  font-size: 48px;
  text-shadow: 0 0 1px black;
}
.ctlaRating {
  text-align: center;
  margin: 10px 0;
}
.ctlaRating:not(.ratingWRating) {
  margin: 28px 0;
  text-decoration: underline;
}
.ctlaLocationInputWrap {
  white-space: nowrap;
}
.ctlaSectionWrap[data-type='location'] th,
.ctlaSectionWrap[data-type='total'] th {
  text-align: center;
}
.ctlaTotalErrorTable {
  margin: 20px 0px;
}
.ctlaTable.ctlaTotalDescriptionTable th,
.ctlaTable.ctlaTotalDescriptionTable td,
.ctlaLocationTable th,
.ctlaLocationTable td,
.ctlaConditionTable th,
.ctlaConditionTable td,
.ctlaConditionScoring th,
.ctlaConditionScoring td,
.ctlaSpeciesTable th,
.ctlaSpeciesTable td {
  padding: 6px;
}
.ctlaConditionScoring td {
  padding: 2px 6px;
}
.ctlaSpeciesTable {
  margin: 0 auto;
}
.ctlaTotalDescriptionTable,
.ctlaLocationTable,
.ctlaConditionTable {
  border-collapse: collapse;
  border-color: #ececec;
}
.ctlaConditionTable {
  margin-top: 20px;
}
.ctlaTable.ctlaLocationTable thead tr:first-child th {
  background-color: #ececec;
}
.total_table_val.ctla_total_no_value,
.ctlaTabSC {
  cursor: pointer;
  text-decoration: underline;
}
.ctlaTotalDescriptionTable .ctlaTotalRatingRow .total_table_val {
  text-shadow: 0 0 1px black;
  text-align: center;
  font-size: 36px;
}
.ctlaTotalDescriptionTable tbody tr td:last-child {
  text-align: right;
}
.ctlaTotalRatingRow .total_table_val.ctla_total_no_value {
  font-size: inherit;
  text-shadow: none;
  text-align: left;
}
input[type='number'].ctlaTotalPropertyInput,
.ctlaDDropdown {
  width: 66px;
}
input[type='number'].ctlaTotalPropertyInput {
  text-align: right;
}
.ctlaTotalPropertyInputWrap {
  white-space: nowrap;
}
.ctlaConditionSubTotalTotal {
  text-align: right;
}
.ctlaSpeciesTable tr td:first-child {
  font-weight: 500;
}
.ctlaTable.ctlaConditionScoring {
  margin-bottom: 10px;
}
/*Account*/
.form-loginSystem .moreInfoWrap {
  margin-bottom: 5px;
}
#doneAddMapPoint,
#addMapPoint {
  margin-bottom: 0;
}
.cssTestsWrap {
  position: fixed;
  left: -999999px;
  top: -9999999px;
  visibility: hidden;
  z-index: -999999;
}
/*Mass Update*/
.panel.massUpdatePanel {
  max-width: 800px;
}
.massUpdateWrap {
  width: 650px;
  padding: 5px;
}
.massUpdateTopEle {
  display: inline-block;
  margin-right: 7px;
}
.massUpdateTopEle:last-child {
  margin-right: 0;
}
select.massUpdateFieldSelect {
  max-width: 178px;
}
.massUpdateFieldSelectLabel {
  padding-top: 2px;
  font-weight: 700;
}
.massUpdateTop {
  text-align: center;
}
.massUpdateTopTop {
  text-align: center;
  font-weight: 900;
}
.massUpdateWarning {
  font-weight: normal;
  margin-top: 3px;
  display: inline-block;
}
.massUpdateEle {
  /* box-shadow: 0 0 5px black; */
  margin-bottom: 5px;
  padding: 5px;
}
.massUpdateEle:last-child {
  margin-bottom: 0;
}
.massUpdateMiddleEle {
  float: left;
  padding: 5px;
  box-sizing: border-box;
  border-right: 1px solid black;
  min-height: 237px;
  height: 327px;
  overflow: auto;
}
.massUpdateDeleteWrapButtons {
  padding-top: 5px;
  border-top: 1px solid black;
}
.massUpdateMiddleRight {
  height: 100%;
  position: relative;
}
.massUpdateDeleteWrap {
  /* position: absolute;
	bottom: 5px;
	left: 5px;
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	width: calc(100% - 10px);
	box-sizing: border-box;
	border-top: 1px solid black; */
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid black;
  margin-top: 10px;
}
.massUpdateMiddleLeft {
  width: -webkit-calc(100% - 174px);
  width: -moz-calc(100% - 174px);
  width: calc(100% - 174px);
}
.massUpdateMiddleRight {
  width: 174px;
}
.massUpdateMultiTopWrap.cf {
  margin-bottom: 5px;
}
.massUpdateMultiTopWrap .massUpdateMultiTopButtons {
  float: right;
}
.massUpdateMiddleRightWrap {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
}
.massUpdateMultiTopWrap .viewMoreWrap {
  width: -webkit-calc(100% - 76px);
  width: -moz-calc(100% - 76px);
  width: calc(100% - 76px);
  float: left;
}
.massUpdateMiddleEle:last-child {
  border-right: 0;
}
.massUpdatenNwValButtons {
  text-align: right;
}
.massUpdateNewValWrap .formInput,
.massUpdateMultiFieldsWrap .formInput {
  max-width: 100%;
}
.massUpdateNewValWrap,
.massUpdateMultiFieldsWrap {
  margin-bottom: 5px;
  padding: 5px 0;
  overflow: auto;
  border-bottom: 1px solid black;
  box-sizing: border-box;
  border-top: 1px solid black;
}
.massUpdateNewValWrap {
  max-height: 170px;
}
.massUpdateMultiFieldsWrap {
  max-height: 320px;
}
.massUpdateNewValLabel {
  font-weight: 700;
  padding-top: 5px;
  background-color: #dfeebf;
  padding: 5px;
}
.massUpdateButtonsTop {
  text-align: right;
}
.massUpdateSelectionDescription {
  font-size: 12px;
  margin: 14px 0;
  text-align: center;
}
.massUpdateWorkMainButtonWrap {
  text-align: center;
  margin-top: 20px;
  border-top: 1px solid grey;
  padding-top: 20px;
}
.massUpdateButtonsTop .button {
  display: inline-block;
}
.massUpdateItemsTable {
  border-collapse: collapse;
  margin: 0 auto;
  background: #dfeebf;
}
.massUpdaterItemRow:nth-child(odd) {
  background-color: #f3f7ea;
}
.massUpdateWTemplates .massUpdateMiddleRight {
  width: auto;
  padding: 0;
}
.massUpdateWTemplates .massUpdateWrap {
  width: auto;
}
.massUpdateWrap.massUpdateWTemplates {
  width: auto;
  max-width: 600px;
  margin: 0 auto;
}
.massUpdateWTemplates .massUpdateMiddleRight.massUpdateMiddleEle {
  float: none;
  min-height: 0;
  height: auto;
}
.massUpdateWTemplates .massUpdatenNwValButtons {
  text-align: center;
  margin-top: 20px;
}
.massUpdateWTemplates .massUpdateMultiFieldsWrap.massUpdateMiddleRightEle {
  max-height: 500px;
  border: 0;
}
.layerSubLabel {
  font-size: 10px;
}
.massUpdateWTemplates .massUpdateNewValLabel {
  display: none;
}
.massUpdateWTemplates .massUpdateMiddleRightWrap {
  border: 0;
}
.massUpdateWTemplates .massUpdateOpenAdvFilter {
  display: none;
}
.updateWorkHistoryPanel {
  max-width: 400px;
}
.updateWorkHistoryTA {
  height: 106px;
}
/*WOM*/
.womPanel.editFormPanel .tabsContsWrap,
.womInvPanel.editFormPanel .tabsContsWrap {
  width: 800px;
}
.womUnitWrapEle {
  float: left;
  padding: 5px;
  box-sizing: border-box;
  border-right: 1px solid black;
  min-height: 283px;
}
.tableContentTableWrap {
  height: 238px;
  overflow: auto;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.modifyTWContentBottomButtons,
.refreshAttributesContentBottomButtons,
.massUpdateMultiBottomButtons,
.womUpdateBottomButtons,
.srBottomButtons,
.customChartsBottomButtons {
  text-align: center;
  padding: 5px 0;
  margin-top: 10px;
}
.modifyTWLabel,
.refreshAttLabel {
  margin: 10px 0;
  border-bottom: 1px solid black;
  padding-bottom: 10px;
  border-top: 1px solid black;
  padding-top: 10px;
  font-size: 12px;
}
.modifyTWInputWrap {
  max-height: 400px;
  overflow-y: auto;
}
.srTitleText {
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
  margin-left: 20px;
}
.srTitleWrap {
  height: 48px;
}
.srPanel .panelContent,
.srPanelContent {
  height: 100%;
}
.srPanelContent .tabsContsWrap {
  max-height: calc(100% - 200px);
  overflow: auto;
}
.srContentWrap .formFieldDesc {
  max-width: 188px;
}
.srPanelContent.srPanelWRecaptcha .tabsContsWrap {
  max-height: calc(100% - 302px);
}
.g-recaptcha > div > div {
  margin: 0 auto;
}
.srTitleWrap img {
  max-height: 100%;
}
.srLinkedWrap {
  min-width: 400px;
  min-height: 200px;
}
.srBottomButtons {
  position: relative;
}
.button.srButton.srNextButton,
.button.srButton.srPrevButton {
  position: absolute;
}
.button.srButton.srNextButton {
  right: 16px;
}
.button.srButton.srPrevButton {
  left: 16px;
}
.button.srButton.nextButton,
.button.srButton.prevButton {
  overflow: visible;
}
.button.stdButton.nextButton:before,
.button.stdButton.prevButton:before {
  transition: 0.2s ease;
  width: 0;
  top: 0px;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  content: '';
  height: 0;
  position: absolute;
}
.button.stdButton.nextButton {
  border-radius: 3px 0 0 3px;
}
.button.stdButton.nextButton:hover:before {
  border-left: 14px solid #c4c4c4;
}
.button.stdButton.nextButton:before {
  border-left: 14px solid #666665;
  right: -14px;
}
.button.stdButton.prevButton {
  border-radius: 0 3px 3px 0;
}
.button.stdButton.prevButton:hover:before {
  border-right: 14px solid #c4c4c4;
}
.button.stdButton.prevButton:before {
  border-right: 14px solid #666665;
  left: -14px;
}
.womUnitWrapEle:last-child {
  border-right: 0;
}
.womInvTableWrap {
  width: -webkit-calc(100% - 174px);
  width: -moz-calc(100% - 174px);
  width: calc(100% - 174px);
}
.womInvTableWrap.efWOMNoAddTableWrap {
  width: 100%;
}
.womAddFromMapButtonsWrap,
.womAddButtonsWrap,
.womAddNewButtonsWrap {
  text-align: center;
  margin-top: 6px;
}
.womAddFromMapButtonsWrap .button,
.womAddButtonsWrap .button {
  margin-right: 0;
  margin-left: 5px;
}
.womAddFromMapButtonsWrap .button:last-child,
.womAddButtonsWrap .button:last-child {
  margin-left: 0;
}
.womUnitNoAssocInv {
  padding-top: 83px;
  text-align: center;
  font-style: italic;
}
.womInvSelectFromMapWrap {
  width: 174px;
}
.efPrintOptionsDesc {
  font-size: 12px;
  margin: 10px 0;
}
.womInvUnitSelection {
  width: 118px;
  margin-left: 5px;
}
.womInvUnit {
  padding: 5px;
  box-shadow: 0 0 5px black;
}
.invAssociatedLabel,
.womAssociatedLabel,
.invWOMLabel {
  text-align: center;
  font-weight: 900;
  padding: 5px 0;
  box-shadow: 0 0 5px black;
  margin-bottom: 5px;
  background-color: #dfeebf;
}
.womAddFromIDInput {
  width: 141px !important;
}
.womUnitTableTR:nth-child(odd) {
  /* background-color: #F3F7EA; */
}
.womInvTable .tdLiner,
.womInvTable th,
.massUpdateItemsTable .tdLiner,
.massUpdateItemsTable th,
.efSignOffTable th,
.efSignOffTable td {
  padding: 2px;
}
.womInvTable {
  /*  border-collapse: collapse; */
  margin: 0 auto;
  /* background: #DFEEBF; */
  table-layout: fixed;
  max-width: 100%;
  font-size: 12px;
}
.womSelectFromMapTable > tbody > tr:last-child .womUnitAddWrap {
  margin-bottom: 0;
}
.womUnitAddWrap {
  margin-bottom: 5px;
  padding: 5px;
  box-shadow: 0 0 5px black;
}
.womAddingLabel {
  text-align: center;
  font-weight: 700;
  background-color: #e6e6e6;
  margin-bottom: 5px;
}
.hiddenSection .womAddingLabel {
  background-color: transparent;
}
.viewWorkTop {
  margin-bottom: 10px;
}
.viewWorkTable th,
.viewWorkTable td {
  padding: 4px;
}
.tableSortTH {
  cursor: pointer;
}
.efPrintTopButtons,
.efProposalTopButtonsWrap {
  text-align: center;
  padding: 5px;
}
.efPrintTopButtons .jobPrintTopLeft {
  text-align: left;
}
.jobPrintPreviewIFrame {
  min-width: 830px;
  min-height: 620px;
}
.efPrintTopButtons > * {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  vertical-align: middle;
}
.efPrintTopButtons > *:first-child {
  padding-right: 20px;
}
.efPrintTopButtons {
  margin-bottom: 20px;
}
.efEmailBottomButtons,
.efSrEmailBottomButtons {
  text-align: center;
  margin-top: 5px;
  padding: 5px;
}

.eFPrintBoundMapButton {
  margin: 5px 0;
}
.editFormPrintPanel .subSectionLabel + * {
  margin-left: 10px;
}

.jobPrintOptionsOptionsWrap > * {
  margin: 5px 0;
}
/*.editFormPrintPanel .panelBodyWrap,*/
.modifyTWPanel .panelBodyWrap,
.refreshAttrPanel .panelBodyWrap,
.updateWorkCompletedPanel .panelBodyWrap {
  width: 415px;
}
.invAssociatedContent > .invAssociatedButtons {
  margin-bottom: 0;
}
.invAssociatedContent > .invAssociatedButtons .button {
  margin-bottom: 5px;
}
.womInvUnitTableButtons .button,
.oppWOMAssociatedButtons .button {
  margin-bottom: 5px;
}
.womUnitLocInv,
.massUpdateZoomTo,
.womUnitInvDetails {
  cursor: pointer;
  max-height: 20px;
  max-width: 20px;
}
.invAssociatedContent > * {
  margin-bottom: 5px;
}
.invMngVMWrap {
  box-shadow: 0 0 5px black;
  padding: 5px;
}
.eFOpenAdvFilter {
  float: right;
}
.invMngVMWrap .viewMoreBotButtons {
  text-align: left;
}
.viewMoreEmphasis {
  font-weight: 900;
}
.invAssociatedContent > *:last-child {
  margin-bottom: 0;
}
.womInvLabel {
  text-align: center;
  border-bottom: 1px solid black;
  padding-bottom: 5px;
}
.closeOutSectionWrap {
  margin-left: 20px;
}
.closeOutWorkTable {
  max-height: 290px;
  overflow-x: auto;
}
.closeOutWorkTable .multiMaintUpdateWrap {
  display: block;
  margin-right: 0;
}
.closeOutNotes {
  width: 100%;
  height: 74px;
}
.closeOutEmailRecipients,
.closeOutEmailMessage {
  width: 100%;
  height: 74px;
}
.womWorkMngTablesWrap {
  margin-bottom: 24px;
  margin-top: 10px;
}
.womWorkMngTable > table {
  table-layout: fixed;
  width: 100%;
}
.womWorkMngTable > table > thead {
  word-wrap: break-word;
}
.womMngNotes {
  width: 100%;
  height: 90px;
}
th.womMngTableLabel {
  text-align: left;
  padding: 20px 6px 6px;
}
tr.womMngTableLabelTR {
  background-color: transparent !important;
}
.womWorkMngTable tbody td[data-fieldname='subtotal'] {
  text-align: right;
}
.womWorkMngTable tbody td[data-fieldname='priority'] select {
  width: 56px;
}
.womWorkMngTable tbody td[data-fieldname='recurrence'] select {
  width: 136px;
}
.womWorkMngTable tbody td[data-fieldname='cycle'] select {
  width: 106px;
}
.womWorkMngTable tbody td[data-fieldname='unit_cost'] input,
.womWorkMngTable tbody td[data-fieldname='hrs'] input,
.womWorkMngTable tbody td[data-fieldname='dbh_exact'] input,
.womWorkMngTable tbody td[data-fieldname='item_count'] input {
  width: 68px;
}
.womWorkMngTable tbody td[data-fieldname='work'] select {
  width: 178px;
}
.womWorkMngTable tbody td[data-fieldname='condition'] select,
.womWorkMngTable tbody td[data-fieldname='species_latin'] select {
  width: 172px;
}
/* Notifications */
.notificationWrap {
  position: absolute;
  top: -5px;
  right: -5px;
  background-color: red;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  font-size: 14px;
  z-index: 1;
}
.toolBoxButton .notificationWrap {
  top: -3px;
  right: -20px;
}
.notificationWorkUnitTitle {
  font-weight: 700;
  margin-bottom: 5px;
}
.notificationUnitSectionTitle {
  text-decoration: underline;
}
.notificationUnit {
  margin-bottom: 5px;
}
.notificationWorkUnit {
  margin-bottom: 20px;
}
.notificationWorkUnit:last-child {
  margin-bottom: 0;
}
.notificationUnit:last-child {
  margin-bottom: 0;
}
.notificationUnitItem {
  cursor: pointer;
  margin-bottom: 2px;
  text-decoration: underline;
}
.notificationUnitItem[data-status='overdue'] {
  color: red;
}
.notificationUnitItem[data-status='dueIn1Days'] {
  color: #ff6200;
}
.notificationUnitItem[data-status='dueIn7Days'] {
  color: #ff9104;
}
.notificationUnitItem[data-status='dueIn30Days'] {
  color: green;
}
.notificationsFrequencySelectWrap {
  margin-top: 30px;
}
select.notificationsFrequencySelect {
  width: auto;
}
/*More Info*/
.mIContainer {
  display: none;
  position: absolute;
  max-width: 339px;
  background-color: #666665;
  color: white;
  right: 0;
  padding: 4px;
  z-index: 9999;
  box-shadow: 0 0 5px black;
  border-radius: 4px;
  bottom: 16px;
  border: 1px solid white;
  box-sizing: border-box;
}
.mIActivate {
  background-color: #666665;
  background-image: url('../images/question_white.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  color: white;
  border-radius: 50%;
}
.moreInfoWrap {
  position: relative;
}
.checkboxWrap .moreInfoWrap {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.toolBoxButton .moreInfoWrap {
  float: left;
  margin-left: 10px;
}
.mITitle {
  font-weight: 900;
  font-weight: 900;
  padding-bottom: 5px;
  border-bottom: 1px solid white;
  margin-bottom: 5px;
}
.mIContainer.moreInfoActive {
  position: fixed;
  top: 20px;
  left: 5px;
  right: auto;
  bottom: auto;
  display: block;
}
.mIContainer.moreInfoActive.mIContainerFullPage {
  width: 96%;
  left: 2% !important;
  right: 2% !important;
  top: 10% !important;
  max-height: -webkit-calc(100% - 20%);
  max-height: -moz-calc(100% - 20%);
  max-height: calc(100% - 20%);
  max-width: none;
}
.mIContentContainer {
  word-break: break-word;
}
.mIContentContainer a {
  color: white;
}
#moreInfosContainer {
  z-index: 9999999999;
}
/*Splash*/

.splashContent {
  color: white;
  max-width: 500px;
  float: right;
  margin: 0 36px;
  font-family: 'Lato', sans-serif;
}
.splashTitle {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-size: 83px;
  margin-top: 18px;
  text-align: center;
  margin-right: 24px;
  padding-right: 22px;
  text-shadow: 0 0 2px black;
}
.splashSubTitle {
  font-size: 32px;
}
.splashLogo {
  max-width: 134px;
  position: fixed;
  top: 10px;
  max-height: 46px;
  position: static;
}
.splashLogoLeft {
  left: 10px;
}
.splashLogoRight {
  right: 10px;
}
.splashDescriptionEmphasis {
  font-weight: 700;
}
.splashBottomButtons {
  text-align: right;
  /*  margin-top: 15px;
	margin-bottom: 50px; */
  margin-top: 24px;
  margin-bottom: 24px;
}
.splashBottomButtons .button,
.splashBottomButtons .button.stdButton {
  width: 120px;
  color: black;
  background-color: white;
  border-radius: 24px;
  padding: 6px 50px 9px;
  transition: 0.4s ease;
  margin: 10px;
}
.splashPanel .button.stdButton:hover {
  background-color: rgba(0, 0, 0, 0.33);
  color: white;
}

.splashDescription {
  padding: 10px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.33);
}
.splashDescription:hover {
  /* background-color: rgba(0, 0, 0, 0.33); */
}
.splashDescription p:first-child {
  margin-top: 0;
}
.splashDescription p:last-child {
  margin-bottom: 0;
}
.splashContent.leftDemo {
  float: none;
}
.leftDemo .splashTitle {
  text-align: left;
}
.leftDemo .splashBottomButtons {
  text-align: left;
}
/*Canopy Legend*/
.panel.canopyLegend {
  background-color: rgba(255, 255, 255, 0.84);
  min-width: 0;
  width: 152px !important;
}
.canopyLegendTitle {
  text-align: center;
  font-weight: 900;
  font-size: 13px;
}
.canopyLegendGraphicWrapWrap {
  text-align: center;
}
.canopyLegendGraphicWrap {
  margin: 10px 0 5px;
  display: inline-block;
}
.canopyLegendScaleWrap {
  float: right;
  position: relative;
  width: 34px;
}
.canopyLegendMax {
  top: 0;
}
.canopyLegendMiddle {
  top: 48%;
}
.canopyLegendMin {
  bottom: 0;
}
.canopyScaleEle {
  position: absolute;
  right: 1px;
  font-size: 12px;
}
#canopyLegendGradient {
  float: right;
  border: 1px solid black;
}
/*Auto Increment*/
.autoIncrementTable {
  border-collapse: collapse;
  margin-top: 5px;
}
.autoIncrementTable .tdLiner {
  padding: 2px;
}
/*Mass Updater*/
.massUSlectedShowerListTREle {
  float: left;
}
.massUShowPropWrap {
  padding-top: 2px;
}
.massUAddByIDTAButton {
  margin-top: 5px;
}
.massUAddButtons {
  float: right;
  margin-top: 10px;
  margin-right: -webkit-calc(100% - 142px);
  margin-right: -moz-calc(100% - 142px);
  margin-right: calc(100% - 142px);
}
.massUAddByIDTA {
  margin-top: 10px;
}
.massUSelectedShowerList {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid black;
  margin: 3px 0;
}
.massUSelectedShowerWrap {
  padding: 5px;
  margin: 10px 0;
  border-top: 1px solid black;
}
.massUBottomButtons {
  text-align: center;
  /*  border-top: 1px solid black; */
  padding-top: 10px;
}
.massUListButtons > .button {
  margin-top: 5px;
  margin-right: 5px;
}
.massUListButtons > .button:last-child {
  margin-right: 5px;
}
input.multicheckUpdateCheck {
  margin: 0;
  margin-right: 3px;
}
.multiMaintUpdateWrap {
  display: inline-block;
  margin-right: 10px;
}
.massUSelectedLabel {
  text-align: center;
  font-weight: 900;
}
.massUpdateMultiWrap table,
.stdWOMWorkTable table {
  border-collapse: collapse;
}
.workPreviewContent .workOrderInvTable {
  margin: 0 auto;
}
.massUpdateMultiWrap .primRow,
.stdWOMWorkTable .primRow {
  background-color: #ebebeb;
}
.womTableLabel {
  font-weight: 900;
  margin: 10px 0;
  /* margin-left: 20px; */
  text-align: center;
}
.massUpdateMultiWrapOuter {
  max-height: 400px;
  overflow-y: auto;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.massUpdateMultiWrap .woPrintInvExtra > *,
.stdWOMWorkTable .woPrintInvExtra > * {
  float: left;
  box-sizing: border-box;
}
.massUpdateMultiWrap .woPrintInvColSubLabel,
.stdWOMWorkTable .woPrintInvColSubLabel {
  width: 100px;
  margin-left: 44px;
}
.massUpdateMultiWrap .woPrintInvColSubContent,
.stdWOMWorkTable .woPrintInvColSubContent {
  width: -webkit-calc(100% - 144px);
  width: -moz-calc(100% - 144px);
  width: calc(100% - 144px);
}
.massUpdateMultiWrap .woPrintInvExtra,
.stdWOMWorkTable .woPrintInvExtra {
  border-bottom: 1px solid black;
  padding: 2px 0;
}
.massUpdateMultiWrap .woPrintInvExtra:first-child,
.stdWOMWorkTable .woPrintInvExtra:first-child {
  /* padding-top: 0; */
}
.massUpdateMultiWrap .woPrintInvExtra:last-child,
.stdWOMWorkTable .woPrintInvExtra:last-child {
  border-bottom: none;
  /* padding-bottom: 0; */
}
/*SwipeLayers*/
.slideSwipeRange.rangeHTMLWrap {
  position: absolute;
  width: 100%;
  pointer-events: none;
  margin: 0;
  padding: 0;
  top: -webkit-calc(50% - 9px);
  top: -moz-calc(50% - 9px);
  top: calc(50% - 9px);
  z-index: 3;
}
.slideSwipeRange .rangeWrapWrap {
  background: transparent;
  padding: 0;
}
.slideSwipeRange .rangeHandle {
  pointer-events: all;
  cursor: ew-resize;
}
.slideSwipeRange .rangeTrack {
  display: none;
}
.swipeSeperator {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: white;
}
.swipeSeperatorWrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6px;
  right: 6px;
  pointer-events: none;
  z-index: 1;
}
/*Alerts*/
.alertWrap {
  position: relative;
  padding: 20px 30px 0;
}
.alertBottom {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 14px;
}
.alertBottomVertical .button {
  display: block;
  margin-bottom: 6px;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
.alertBottom.alertBottomVertical {
  max-height: 280px;
  overflow-y: auto;
}
.alertContent {
  margin: 10px 0;
}
.panelTop.notMovablePanel {
  cursor: default;
}
.panel.alertPanel {
  z-index: 99999999999 !important;
  width: 370px !important;
  pointer-events: all;
  /* box-sizing: border-box; */
  /* padding: 0 30px; */
  /* height: auto!important; */
}
.alertPanel .panelTop {
  display: none;
}
.alertPanel .panelBodyWrap {
  height: 100%;
  margin-top: 0;
}
.alertPanel .closePanel.panelButtonsEle {
  position: absolute;
  top: 5px;
  right: 5px;
}
.alertBottom .button {
  margin-right: 24px;
  margin-left: 24px;
}
/*Export*/
.exportTypeRadios {
  margin-bottom: 5px;
}
.exportButtonsWrap {
  text-align: center;
}
.exporterWrap .tdLiner {
  min-width: 106px;
}
.exporterWrap input[type='number'],
.exporterWrap input[type='text'],
.exporterWrap select {
  max-width: 190px;
}
.exporterExportButton {
  margin: 10px 0;
}
.dxfExportFieldsWrap {
  max-height: 400px;
  overflow-y: auto;
}
/*Reporting*/
.reportWindow {
  position: absolute;
  top: 10px;
  left: 10px;
  border: 1px solid black;
  min-height: 100%;
  min-width: 90%;
  padding: 1px;
  z-index: 1000;
  background-color: Azure;
  display: none;
}
.closeButton {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 50px;
  height: 20px;
  background-color: white;
}
table.report {
  padding: 5px;
}
table.report caption {
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
}
table.report th {
  font-weight: bold;
  font-size: 12px;
}
table.report tr.colNames td {
  background: #fff;
}
table.report tr:nth-child(even) {
  background: #ddf;
}
table.report tr:nth-child(odd) {
  background: #dfd;
}
table.report col:nth-child(even) {
  border: 1px solid black;
}
/*Welcome*/
.welcomeWindow {
  max-width: 788px;
}
#welcomeWindow {
  width: 30%;
  background: rgba(255, 255, 255);
  z-index: 99999;
  max-width: 800px;
  max-height: 600px;
  padding: 5px;
  border-radius: 10px;
  left: 30%;
  top: 77px;
  max-height: 80%;
}
.welcomButton {
  /* color: white; */
  /* background-color:#4A9785; */
  /* background-position:center center; */
  /* height:50px; */
  width: 140px;
  cursor: pointer;
  margin-bottom: 5px;
  max-width: -webkit-calc(100% - 10px);
  max-width: -moz-calc(100% - 10px);
  max-width: calc(100% - 10px);
  /* display: inline-block; */
}
.welcomButton:last-child {
  margin-bottom: 0;
}
.welcomeRibbon {
  background-color: #003d7d;
  padding: 5px;
  color: white;
  border-radius: 10px;
}
.welcomeRibbon .subHeader {
  margin: 0;
}
.welcomeLogo {
  max-height: 75px;
  padding: 0px 2.5px;
  display: inline-block;
  max-width: -webkit-calc(25% - 5px);
  max-width: -moz-calc(25% - 5px);
  max-width: calc(25% - 5px);
}
.welcomeMainImg {
  max-height: 118px;
  margin-right: 6px;
  max-width: 248px;
}
.welcomeTopRow {
  margin: 10px 0;
}
.welcomeTopRowOneChild > .welcomeTopRowEle {
  width: 100%;
  text-align: center;
}
#countTitle {
  margin: 10px 0;
  text-align: center;
  /* margin-left: 6px; */
}
#countValue {
  margin-left: 6px;
  padding: 0 6px;
  background-color: #d1ff70;
}
.moreDetailColumn2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding: 0 5px;
  font-size: 14px;
  text-align: center;
}
.welcomeTop {
  padding-bottom: 2px;
  cursor: default;
  position: absolute;
  box-sizing: border-box;
  background: white;
  padding: 5px;
  top: 0;
  left: 0;
  right: 0;
  cursor: move;
  z-index: 99;
}
.attributes {
  margin-top: 7px;
  text-align: center;
  font-size: 11px;
}
.welcomeWindow .panelTop {
  border-bottom: none;
}
.welcomeLogos {
  width: 100%;
  /* max-height: 75px; */
  /* height: 75px; */
  margin-top: 10px;
  text-align: center;
}
.welcomeLinkBoxInner {
  display: table-cell;
  max-height: 100%;
  vertical-align: bottom;
}
.welcomelink {
  display: block;
}
.welcomeLogosEle {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  max-height: 75px;
}
.welcomeLinkBox {
  width: 25%;
}
.welcomeLogosMiddle {
  width: 50%;
  text-align: center;
}
.welcomeTopTopRow .imgWrap {
  width: 100%;
  height: 100%;
}
.reportingWrapFloatLeft,
.dtReportingSelect,
.dtReportingDateSelect,
.runButton,
.dtWHReportingSelect,
.dtWHReportingDateSelect {
  float: left;
  margin: 4px;
}
.dtReportingSelect,
.dtReportingDateSelect,
.runButton,
.dtWHReportingSelect,
.dtWHReportingDateSelect {
  margin-top: 0;
}
.dtReportingWrap,
.dtWHReportingWrap {
  overflow: auto;
}
.runButton {
  width: 100px;
}
.dtWHReportingWrap {
  display: none;
}
.moreDetail {
  text-align: center;
}
.moreDetailButtonColumn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.3333%;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  background-position: center center;
  bottom: 0px;
}
.welcomeLabel p {
  margin-top: 0;
  font-weight: 900;
}
.moreDetailColumn:last-of-type {
  border-right: none;
}
.moreDetail.bottom .moreDetailColumn2 {
  float: left;
  width: auto;
}
.moreDetail.bottom .moreDetailColumn2 img {
  height: 66px;
}
.nextPages {
  height: 99px;
}
.nextPages {
  height: 99px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 6px 0;
}
.welcomeEle {
  margin-bottom: 5px;
}
.welcomeEle:last-of-type {
  margin-bottom: 0;
}
.moreDetailColumn2.links a {
  display: block;
  text-align: right;
}
.moreDetailColumn2.links {
  float: right !important;
}
/* season */
.seasonDateContainer .seasonSelect {
  margin-bottom: 4px;
}
.seasonDateContainer select {
  max-width: 100%;
}
/* login */
.loginModal {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  background: rgba(255, 255, 255, 0.4);
  z-index: 1001;
  opacity: 1;
  -webkit-transition: opacity 800ms ease-in;
  -moz-transition: opacity 800ms ease-in;
  transition: opacity 800ms ease-in;
}
.loginWindow {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 1002;
  border: 1px solid black;
  min-height: 150px;
  min-width: 250px;
  padding: 20px;
  background-color: Beige;
  display: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.loginForm {
  padding: 20px;
}
.loginForm input,
button {
  display: block;
  margin: 10px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.userIcon {
  width: 44px;
  height: 44px;
  background-color: #fff !important;
  color: white;
  background-image: url('../images/userIcon.png');
  background-position: center;
  background-repeat: no-repeat;
}
#userInfoWindow {
  position: relative;
  top: 45;
  left: 80;
  width: 120;
  height: 80;
  padding: 5px;
  border: solid 1px grey;
  font: bold 0.8em Arial, sans-serif;
  z-index: 1000;
  background-color: white;
  display: none;
  overflow-y: auto;
}
.userIcon:hover #userInfoWindow {
  display: block;
}
#userInfoWindow:hover {
  display: block;
}
/*Uploader*/
#previewUploadData {
  position: absolute;
  top: 30px;
  left: 30px;
  height: 60%;
  width: 80%;
  background-color: white;
  opacity: 0.95;
  border: solid 1px;
  font-size: 0.7em;
  z-index: 20;
  display: none;
  overflow: hidden;
}
#pudBody {
  opacity: 0.9;
  overflow: auto;
  max-height: 90%;
}

#wizBg {
  width: 100%;
  /* height: 100%; */
  margin: auto 0;
  /* position: absolute; */
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
#wizardUpload .wizard > .content {
  overflow-y: auto;
  margin: 0;
}
#wizBg a span {
  display: block;
}
#afterUploadDiv {
  width: 100%;
  min-width: 90%;
}
#wizardUpload {
  background-color: white;
  padding-top: 10px;
  margin-top: 5px;
}
#sourceFieldButtons,
#destFieldButtons {
  width: 210px;
  padding: 10px;
  border: 1px solid black;
}
#sourceFieldButtons {
  float: left;
  text-align: left;
  margin-right: 50px;
}
#destFieldButtons {
  float: right;
  text-align: right;
}
.uploaderToolSpanCheck {
  margin-left: 10px;
  padding: 1px 4px 1px 1px;
}
.speciesFieldBtn {
  border: 2px solid orange !important;
}
.multiValueBtn {
  border: 2px solid green !important;
}
#sourceFieldButtons button,
#destFieldButtons button {
  padding: 1px;
  margin: 1px 0;
  border-radius: 2px;
  background-color: #003333;
  color: white;
  font-size: 0.7em;
  line-height: 1.75em;
  width: 100%;
  border: none;
  cursor: pointer;
}
#dataButtonsWrap {
  margin-top: 10px;
}
#pudTop {
  padding: 5px;
  font-size: 14px;
}
#pudBody table {
  border-collapse: collapse;
}
#pudBody table th {
  vertical-align: top;
}
#pudBody table th,
#pudBody table td {
  padding: 2px;
}
#mappingArea {
  max-width: 600px;
}
#dataDisplay {
  background-color: #fff;
  /* position: fixed; */
  /* top: 200px; */
  /* right: 20px; */
  height: 200px;
  overflow-y: scroll;
  width: 140px;
  float: right;
  border: 1px solid black;
  font-size: 0.7em;
  margin-left: 20px;
  margin-top: 86px;
  padding: 4px;
}
#uploaderToolHTML .wizard > .steps > ul > li {
  width: 16%;
}
#uploaderToolHTML .wizard > .content {
  overflow-y: auto;
  background-color: transparent;
  border: 1px solid #eee;
}
.ddTitle {
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid black;
}
#crosswalkInfo {
  margin-top: 10px;
}
#dataButtons {
  /*
	background-color: #fff;
	*/
  max-height: 600px;
  overflow-y: auto;
}
#mainArea {
  width: 100%;
  /* min-width: 770px; */
  border-top: 1px solid black;
  padding-top: 10px;
  margin-top: 10px;
  /* float:left; */
  /*
	background-color: #ddd;
	overflow-y: auto;
	*/
}
#mainArea > * {
  float: left;
}
#fieldButtonArea > * {
  overflow-y: auto;
  max-height: 386px;
}
#sourceDataDiv,
#destDataDiv {
  padding: 10px;
  width: 37%;
  background-color: #ddd;
  height: 300px;
  max-height: 400px;
  overflow-y: auto;
}
#sourceDataDiv {
  float: left;
}
#sourceDataDiv .sourceDataButton {
  cursor: pointer;
}
#destDataDiv {
  float: right;
}
#finalCopyTreeNotification {
  margin-top: 20px;
}
.sourceDataButton {
  padding: 3px;
  background-color: #003366;
  color: white;
  font-size: 12px;
  display: inline;
  border: none;
  border-radius: 2px;
}
.destDataButton {
  padding: 3px;
  background-color: #003333;
  color: white;
  font-size: 12px;
  display: inline;
  border: none;
  border-radius: 2px;
}
#sourceMappedDataDiv {
  width: 45%;
  float: left;
  background-color: #ddd;
}
#destMappedDataDiv {
  width: 45%;
  float: right;
}
.clear {
  clear: both;
}
.contentArea {
}
#currentStep {
  text-align: center;
  font: bold 16px Arial, Helvetica, sans-serif;
  border-bottom: 1px solid black;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#showMappingTitleRow > div {
  float: left;
  /* flex-grow: 1; */
  font: bold Arial, Helvetica, sans-serif;
  text-decoration: underline;
  margin: auto;
  text-align: center;
  font-size: 1.2em;
}
#showMapping div {
  font: bold Arial, Helvetica, sans-serif;
  margin: auto;
  text-align: center;
  font-size: 20px;
}
#showMapping > * {
  float: left;
}
#showMapping {
  margin-bottom: 5px;
}
#currentArrow,
#showMappingTitleRow div:nth-child(2) {
  width: 100px;
  min-height: 1px;
}
#currentSourceField,
#currentDestField,
#showMappingTitleRow div:nth-child(1),
#showMappingTitleRow div:nth-child(3) {
  width: 214px;
  min-height: 1px;
}
button.btnUp {
  background-color: #9fbea0;
  color: white;
  display: inline-block;
  width: auto;
  margin: 0 0.2em 0.2em;
  padding: 4px;
  text-decoration: none;
  /* border: none; */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.wizard > .actions {
  display: flex !important;
  justify-content: space-between;
  margin-top: 8px;
}
#wizardUpload .btnUp {
  cursor: pointer;
}
#closeWin {
  cursor: pointer;
}
#wizardUpload section {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}
button.btnUp:hover {
  background-color: #7aa27b;
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
}
.clearfix:before,
.clearfix:after {
  content: ' '; /* 1 */
  display: table; /* 2 */
}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
#uploaderToolHTML {
  width: 838px;
  min-height: 490px;
  padding: 10px;
  box-sizing: border-box;
}
/*ecobens*/
.ecoSubGroupWrap {
  /*width: 114px;*/
  /*height: 96px;*/
  /*display: inline-block;
	position: relative;*/
  /*box-shadow: 0 0 5px;
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	margin: 5px;
	position: relative;
	border-radius: 3px;*/
  padding-bottom: 10px;
}

.newEcoSubGroupWrap {
  padding-bottom: 10px;
  padding-top: 10px;
  max-width: 25%;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.iTreeAttributeContainer {
  display: flex;
  justify-content: center;
}

.newEcoValueWrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.flip-container .ecoSubGroupWrap {
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
}
.EcoBens {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

.ecobensContentWrap {
  overflow-y: scroll;
}

.newEcoBens {
  display: flex;
  flex-direction: row; /* can be column on mobile */
  justify-content: flex-start;
  align-items: center;
  column-gap: 50px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

.newEcoBens img {
  height: 80px;
}
.EcoBens .containerImg {
  display: block;
  margin: 0 auto;
  margin-bottom: 6px;
}
.newEcobensPanel {
  overflow-y: scroll;
}

.ecoSubGroupWrapLabel {
  /*color: #005970;*/
  color: black;
  /*vertical-align: middle;
	display: table-cell;*/
  /*height: 152px;*/
  /*width: 225px;*/
  /* font-size: 20px;
	margin-top: 46px; */
  font-size: 14px;
  /*padding-top: 32px;*/
}
.ecobensCatLI .containerImg {
  margin: 0 auto;
  display: block;
  margin-top: 5px;
}
.ecoSubGroupWrapContent {
  /*background-color: #005970;
	padding: 10px 0;
	color: white;
	position: absolute;
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	width: calc(100% - 10px);
	bottom: 5px;
	box-sizing: border-box;*/
  /*padding-top: 10px;*/
  /*padding-bottom: 10px;*/
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
}

.ecoSubGroupWrapToolTip {
  width: 0px;
  display: inline-block;
}

.ecoSubGroupWrapToolTip .moreInfoWrap.inlineMoreInfo.noTopMarginMoreInfo {
  margin-left: 4px;
}

.ecobensUL li {
  list-style: none;
}
.ecobensCatLI:last-child {
  margin-bottom: 0;
}
.ecobensCatLI {
  box-shadow: 0 0 5px black;
  margin-bottom: 10px;
  padding: 5px;
}
.ecobensUL {
  margin: 0;
  padding: 0 5px;
  padding-bottom: 5px;
}
.ecoCatSubLI {
  margin-bottom: 5px;
}
.ecoCatSubLI:last-child {
  margin-bottom: 0;
}
.ecoCatLabel {
  background-color: #005970;
  color: white;
  padding: 5px;
  border-radius: 0 0 5px 5px;
}
.ecoCatSubUL {
  margin: 5px 8px;
  padding: 5px;
  box-shadow: 0 0 5px black;
}
.ecoCatSubLILabel {
  padding: 5px;
  border: 1px solid green;
  margin-bottom: 5px;
}
.ecoCatSubLIDetailsInner {
  background-color: green;
  width: 60px;
  padding: 5px;
  color: white;
  text-align: center;
}

.ecoBensHolder {
  text-align: left;
  margin-top: 5px;
}

.ecoBottomHolder {
  display: flex;
}

@media (max-width: 667px) {
  .ecoBottomHolder {
    display: block;
  }

  .ecoBottomHolder .statsStatsContainer {
    margin-bottom: 20px;
  }
}

.newEcobensContentDefinition {
  max-width: 650px;
}
.ecobensContentDefinition {
  max-width: 266px;
  /*  margin: 0 auto; */
}
.prettyEcoBens {
  /*background-color: #BDE6E8;*/
  background-color: #efedec;
  padding: 20px;
}
.ecoBenCategoryWrap {
  margin-bottom: 5px;
}
.ecoBenLeft {
  /*width: 100px;
	height: 140px;*/
  width: 75px;
  height: 110px;
  background-size: 100% auto;
  margin: auto;
  /*float: left;*/
  background-repeat: no-repeat;
  background-position: center;
}

.ecoBenFloatLeft {
  width: 75px;
  height: 110px;
  margin-right: 20px;
  background-size: 100% auto;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
}

.ecoBenTopRight {
  float: left;
  width: -webkit-calc(100% - 120px);
  width: -moz-calc(100% - 120px);
  width: calc(100% - 120px);
  margin-top: 23px;
}
.ecoBenTopRight.ecoBenLabelWOutImg {
  width: 100%;
}
.medSidePanel .EcoBens .ecoBenLeft {
  position: relative;
  top: auto;
  float: none;
  /* width: auto; */
  margin-right: auto;
  margin-left: auto;
}
.medSidePanel .EcoBens .ecoBenTopRight {
  margin-left: 0;
  width: auto;
  margin-top: 10px;
}
.medSidePanel .EcoBens .statsStatsContainer {
  margin-left: 0;
}
.statsStatsContainer {
  /*margin-left: 120px;*/
}
.ecoBenTopLabel {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}

.EcoBens .flip-container {
  width: 225px;
  height: 250px;
  margin: 5px;
}
.EcoBens .flip-back {
  padding: 5px;
  font-size: 12px;
  text-align: left;
}
/*https://davidwalsh.name/css-flip*/
.reportUnitContentWrap {
  overflow-y: -webkit-paged-y;
  margin-bottom: 12px;
}
.flip-container,
.flip-front,
.flip-back {
  display: inline-block;
}
/* entire container, keeps perspective */
.flip-container {
  /*perspective: 1000px;*/
}
/* flip the pane when hovered */
.flip-container:hover .flipper,
.flip-container.hover .flipper {
  /*transform: rotateY(180deg);*/
}

/* flip speed goes here */
.flipper {
  /*transition: 0.6s;
	transform-style: preserve-3d;*/
  position: relative;
  width: 100%;
  height: 100%;
}

/* hide back of pane during swap */
.flip-front,
.flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

/* front pane, placed above back */
.flip-front {
  z-index: 2;
  /* for firefox 31 */
  /*transform: rotateY(0deg);*/
}

/* back, initially hidden pane */
.flip-back {
  /*display: none;*/
  /*transform: rotateY(180deg);*/
}
@media (max-width: 1054px) {
  .headerTitle {
    font-size: 14px;
  }
}
.tourBottomRowEle {
  float: left;
  width: 95%;
}
#tour_image {
  max-width: 686px;
  max-height: 686px;
}
.slideCounterRow {
  text-align: center;
}
.tourBottomRowEle:first-of-type {
  float: left;
  width: auto;
}
.tourBottomRowEle:last-of-type {
  float: right;
  width: auto;
}
#tourText {
  text-align: center;
}
/* @media (max-width : 768px){
	.toolBoxButton {
		font-size: 26px;
	}
	.stdButton  {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	input[type="checkbox"] {
		height: 30px;
		-webkit-appearance: none;
		-moz-appearance: none;
		width: 30px;
		background-color: white;
		border: 1px solid grey;
		border-radius: 8px;
		box-shadow: inset 0 0 5px black;
	}
	input[type="checkbox"]:checked {
		background-color: blue;
	}
	input[type="text"], input[type="password"], select {
		height: 36px;
		border-radius: 10px;
		font-size: 20px;
	}
	.popupButton {
		width: 28px;
		height: 28px;
		font-size: 22px;
	}
	.innerButton {
		height: 22px;
	}
	.panelButtonsEle {
		height: 28px;
		width: 28px;
		font-size: 26px;
	}
} */
/*Mobile Header*/
.mobileHeader {
  display: none;
  height: 100%;
  position: relative;
}
.nonMobileHeader {
  height: 100%;
}
/* .mobileMenuAlwaysOn .mobileHeader {
	display:block;
}
.mobileMenuAlwaysOn .nonMobileHeader {
	display:none;
} */
.mobileMenu {
  display: none;
}
.mobileMenuWrap {
  bottom: 0;
  position: absolute;
  right: 0;
}
.mobileMenu {
  position: fixed;
  /* position: absolute;
	top: 4px;
	right: -6px; */
  top: 69px;
  right: 0px;
  width: 150px;
  background-color: white;
  padding: 5px;
  box-shadow: 0 0 5px black;
  z-index: -1;
  /* Extra rules */
  max-height: -webkit-calc(100% - 69px);
  max-height: -moz-calc(100% - 69px);
  max-height: calc(100% - 69px);
  box-sizing: border-box;
  overflow: auto;
}
.mobileMenuItemLabel {
  font-size: 12px;
}
.mobileMenuItemIconImg {
  max-width: 25px;
  max-height: 25px;
}
.mobileMenuItem {
  background-color: #80bd01 !important;
  margin-bottom: 5px;
}
.button.headerButton.mobileMenuButton {
  float: right;
  margin-left: 10px;
}
.headerSection.mobileHeaderInfo {
  width: -webkit-calc(100% - 72px);
  width: -moz-calc(100% - 72px);
  width: calc(100% - 72px);
}
.mediaQueryTest,
.mediaQueryNoDoubleSidePanelTest {
  display: none;
}
.measureClass {
  position: fixed !important;
  left: -9999999px !important;
  top: -9999999px !important;
  display: block !important;
}
/* .mobileMenuItem.intro{
	display:none;
} */
@media (max-width: 1080px) {
  /*dual side panel mode test*/
  .mediaQueryNoDoubleSidePanelTest {
    float: left;
  }
}
@media (max-width: 667px) {
  .mobileHeader {
    display: block;
  }
  .nonMobileHeader {
    display: none;
  }
  .sidePanel {
    /* z-index: 99999999; */
  }
  .advFilterPanel .panelBody {
    min-width: 282px;
    max-height: none !important;
    height: auto !important;
    margin-bottom: 7px;
  }
  input[type='text'],
  input[type='password'],
  input[type='number'],
  input[type='file'],
  select,
  textarea {
    max-width: 200px;
  }
  .iconButtonIWrap {
    padding-top: 0 !important;
  }
  .header {
    height: 56px !important;
    /* z-index: 9999999999!important; */
    /* z-index: 999999999!important; */
  }
  .panel.mapTools.block {
    width: 50px !important;
    top: 76px !important;
    left: 6px !important;
  }
  .mapToolItem {
    height: 42px !important;
    font-size: 26px !important;
    font-weight: 900;
  }
  .mapToolImg {
    padding-top: 9px !important;
    height: 57%;
    width: auto;
    max-height: none;
    max-width: none;
  }
  .mapToolsItems .ol-control button {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .mapToolItem.rotate.noSelect .ol-control button {
    width: 100%;
  }
  .mapToolsItems .ol-control .ol-compass {
    font-size: 32px;
  }
  /* .welcomeSmallScreenNotice {
		display:block;
	} */
  .sidePanelContent {
    /* height: calc(100% - 39px); */
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: calc(100% - 40px);
  }
  .shelf.uploadertool,.shelf.measureAndGraphics,.shelf.tour/* ,.expand.topButton */,.mobileMenuItem.dashboard,.moreDetailButtonColumn[data-button="Apply"],.moreDetailButtonColumn[data-button="Learn"] {
    display: none;
  }
  /* .mobileMenuItem.intro{
		display:block;
	} */
  .sidePanel.filterLegendSidePanel .sPOpenButton {
    display: none;
  }
  .noMobile {
    display: none;
  }
  .panelTopOnMobile {
    z-index: 9999999999 !important;
  }
  .womUnitWrapEle {
    float: none;
    width: 100%;
  }
  .editForm .popupTable td:first-child .tdLiner,
  .editForm .editFormTabTable td:first-child .tdLiner {
    min-width: 0;
  }
  .editForm .popupTable,
  .editForm .editFormTabTable {
    max-width: 100%;
    table-layout: fixed;
  }
  /*mobile test*/
  .mediaQueryTest {
    float: left;
  }
  .sidePanelBottomMobile {
    height: 50%;
    bottom: 0;
    top: 50%;
    width: 100% !important;
  }
  .sidePanel.sidePanelBottomMobile160 {
    height: -webkit-calc(100% - 160px);
    height: -moz-calc(100% - 160px);
    height: calc(100% - 160px);
    top: 160px;
  }
  .sidePanel.sidePanelBottomMobile44 {
    height: 0;
    padding: 0;
    /* height: 44px; */
    bottom: 0;
    top: auto;
    overflow: hidden;
  }
  .sidePanelBottomMobileFull {
    height: 100%;
    top: 0;
  }
  .sidePanelBottomMobile .sidePanelContent::-webkit-scrollbar {
    width: 4px;
  }
  .sidePanelBottomMobile.intro .sPTopButtons {
    display: none;
  }
  .sidePanelBottomMobile.intro .sidePanelContent {
    height: 100%;
  }
  .introPanelUpdateSpeciesListWrap {
    max-height: 154px;
    overflow: auto;
    border: 1px solid black;
    margin-bottom: 10px;
  }
  .introPanelGeneralTreesTable,
  .introPanelActivitiesTable {
    margin-left: 0;
  }
  .introPanelActivitiesTable,
  .efActivitiesTable {
    font-size: 10px;
  }
  .mapToolLabel {
    height: 100%;
    line-height: 23px;
  }
  .sidePanelTopContentWrap {
    display: block;
  }
  .aboutTBContent {
    font-size: 11px;
  }
  .sidePanel {
    box-shadow: none;
  }
  .sidePanelShowing:not(.sidePanelShowing44) .panel.editFormPanel {
    display: none !important;
  }
  /* .closeSidePanel {
		background-size: 10px;
	} */
  /* .filterLegendPanel.panel.minimized {
		display: none!important;
	}
	.welcomeWindow.panel.minimized {
		display: none!important;
	} */
  .panelWithoutClose.panel.minimized {
    display: none !important;
  }
  .panelWithoutClose .minimizePanel {
    /* background-image: url(../images/close-white.png)!important; */
    display: block;
  }
  .minimizePanel {
    display: none;
  }
  .mapToolsHiddenFixedExtraVisible {
    z-index: 99999999999 !important;
    visibility: hidden;
  }
  .mapToolExtraContentWrap {
    position: fixed;
    z-index: 9999999;
    left: 10px;
    top: 40%;
    right: 10px;
    visibility: visible;
  }
  .mapToolExtraContentWrap.mapToolExtraContentWrapFullMobile {
    top: 156px;
    max-height: 336px;
    overflow-y: auto;
  }
  .bodyContentWrapAddTreesPanelSelectingLocation .mapToolExtraContentWrap {
    top: 100px;
  }
  /*welcome*/
  .splashTitle {
    text-align: left;
    margin-right: 0;
    font-size: 58px;
    font-weight: 900;
    padding-top: 50px;
    margin-top: 0;
  }
  .splashLogo {
    position: absolute;
  }
  .splashBottomButtons {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .splashContent {
    margin: 0;
    float: none;
    position: relative;
  }
  .splashBottomButtons .button {
    margin: 0 10px;
    float: left;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    box-sizing: border-box;
  }
  .splashDescription {
    background-color: rgba(0, 0, 0, 0.33);
    font-size: 14px;
  }
  .associatedImagesMainImgWrap {
    height: 300px;
  }
  ::-webkit-scrollbar {
    width: 0px;
  }
  .statsStatsContainer {
    margin-left: 0;
    margin-bottom: 50px;
  }
  .ecoBenLeft {
    float: none;
    margin: 20px auto;
    position: static;
  }
  .ecoBenTopRight {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .commentRow {
    width: 238px;
  }
  .commentRepliesWrap {
    margin-left: 50px;
  }

  /* public dashboard */
  /* .publicDashWrap .leftColumn{
		display: none;
	} */
  /* .publicDashWrap .rightColumn {
	  width: 100%;
	} */
}

@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }
}
#frmCustomChart label {
  margin-top: 3px;
  display: inline-block;
}
#frmCustomChart input {
  float: right;
  max-width: 55%;
}
#frmCustomChart select {
  float: right;
  margin-left: 5px;
  margin-bottom: 1px;
  max-width: 55%;
}
#frmCustomChart br {
  clear: both;
}
.disabledLabel {
  background-color: rgba(159, 159, 159, 0.8);
}
.disabledBackground {
  background-color: lightgray;
  opacity: 0.5;
  pointer-events: none;
}
.sp-picker-container .sp-input[type='text'] {
  width: 100%;
}
.customChartsPanel .filterLOptionsWrap {
  padding-bottom: 5px;
}

/*Start Data Field Editor CSS*/

.dataFieldEditorPanel .tabsTopLeft {
  background-color: #282828;
}

.dataFieldEditorPanel .tabsTitle {
  background-color: #282828;
}

.dataFieldEditorPanel .material-icons,
.dataFieldEditorTabsPanel .material-icons {
  vertical-align: middle;
}

.dataFieldEditorPanel .material-icons.gray,
.dataFieldEditorTabsPanel .material-icons.gray {
  color: gray;
}

.dataFieldEditorPanel > .panelBodyWrap {
  margin-top: 32px;
}

.dataFieldEditorPanel .dataFieldEditorInvtryFieldsTable {
  margin: 0px;
}

.dataFieldEditorPanel .appMngrInvtryFieldsWrap .buttonWrap {
  text-align: left;
}

.dataFieldEditorPanel .dataFieldEditorSectionWrap .rowLeft {
  width: 170px;
}

/*.dataFieldEditorPanel .stdButton.dataFieldEditorOptionsOpen {
	padding-bottom: 5px;
	padding-top: 5px;
	margin: auto !important;
	display: block;
}

.dataFieldEditorPanel .stdButton.dataFieldEditorFieldPermissionsOpen {
	padding-bottom: 5px;
	padding-top: 5px;
	margin: auto !important;
	display: block;
}*/

/*add inventory manager*/
.dataFieldEditorPanel .dataFieldEditorInvtryWrap > .tabsContsWrap > .tabsWrap {
  display: none;
}

.dataFieldEditorPanel
  .dataFieldEditorInvtryWrap
  > .tabsContsWrap
  .tabsContentWrap {
  border: none;
}

.dataFieldEditorPanel .dataFieldEditorDragHandle,
.dataFieldEditorTabsPanel .dataFieldEditorDragHandle,
.dataFieldEditorOptionsManagerPanel .dfeOptionsDragHandle {
  cursor: -webkit-grab;
  cursor: grab;
}

.dataFieldEditorOptionsManagerPanel .dfeOptionsDragHandle {
  color: gray;
}

.dataFieldEditorOptionsManagerPanel .dfeOptionsDragHandle .material-icons {
  vertical-align: middle;
}

.dataFieldEditorPanel tbody.appMngrInvtryFieldsTBody > tr.appMgrTR {
  background-color: white !important;
}

.appMngrInvtryFieldsTBody .button:hover {
  background-color: #62d8bc;
}

.panel.dataFieldEditorOptionsManagerPanel {
  padding: 12px;
}

.dataFieldEditorOptionsManagerPanel .elEditable {
  margin-right: 0px;
}

.dataFieldEditorPanel .dataFieldEditorAddButtonWrap {
  text-align: right;
}

.dataFieldEditorNewPermissionsPanel .permissionsTitle {
  text-decoration: underline;
}

.dataFieldEditorPanel .dataFieldPanelTitle {
  font-weight: bold;
  padding-bottom: 10px;
}

.dataFieldEditorOptionsManagerPanel .dataFieldPanelTitle {
  font-weight: bold;
}

.dataFieldEditorPanel .button.dataFieldEditorSaveChanges {
  background-color: #e55c33;
}

.dataFieldEditorPanel .button.dataFieldEditorSaveChanges:hover {
  background-color: #62d8bc;
}

.dataFieldEditorPanel .invMgrButtons {
  margin-bottom: 10px;
}

.dataFieldEditorPanel
  .dataFieldEditorInvtryFieldsTHead
  .inlineMoreInfo
  .mIActivate,
.dataFieldEditorTabsPanel .inlineMoreInfo .mIActivate {
  margin-top: 1px;
}

.dataFieldEditorPanel
  .dataFieldEditorInvtryFieldsTHead
  .inlineMoreInfo.moreInfoWrap,
.dataFieldEditorTabsPanel .inlineMoreInfo.moreInfoWrap {
  margin-left: 5px;
}

.dataFieldEditorPanel
  .dataFieldEditorInvtryFieldsTHead
  .tableHeadOrder
  > .inlineMoreInfo.moreInfoWrap {
  margin-left: 0px;
}

.dataFieldEditorInvtryFieldsTBody td.dataFieldEditorInvtryFieldsTHead th {
  padding: 5px;
}

.dataFieldEditorNewOptionsManagerPanel .elEditable {
  margin-right: 0px;
}

.dataFieldEditorPanel .toolInstructions {
  max-width: 750px;
}

.dataFieldEditorNewFieldPanel .dataFieldEditorNewFieldInputType {
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
}

.dataFieldEditorNewFieldPanel .dataFieldEditorAddField {
  float: right;
  margin-right: 5px !important;
}

.dataFieldEditorPanel .dataFieldEditorDisabledTab {
  pointer-events: none;
  color: gray;
}

.dataFieldEditorPanel select.dataFieldEditorTabSelect {
  width: 130px;
  margin-left: auto;
}

.dataFieldEditorPanel .dataFieldEditorTabNoEdit {
  width: 130px;
  margin-left: auto;
}

.dataFieldEditorTabsPanel .dataFieldEditorAddButtonWrap {
  text-align: right;
}

.dataFieldEditorTabsPanel .manageTabsSubTab {
  padding-left: 25px;
}

.dataFieldEditorTabsPanel .manageTabsSubTab input {
  width: 100%;
}

.dataFieldEditorTabsPanel .manageTabsTraqTab {
  padding-left: 25px;
}

.dataFieldEditorTabsPanel .manageTabsTraqTab input {
  width: 100%;
}

.dataFieldEditorPanel .dataFieldEditorAddSecondaryTab {
  float: left;
}

.dataFieldEditorPanel .secondaryTabSelectContainer {
  float: right;
}

.dataFieldEditorPanel .secondaryTabSelectContainer .dataFieldEditorTabSelect {
  margin-top: 5px;
}

.dataFieldEditorPanel table.dataFieldEditorInvtryFieldsTable,
.dataFieldEditorPanel table.dataFieldEditorInvtryFieldsTable tr,
.dataFieldEditorPanel table.dataFieldEditorInvtryFieldsTable th,
.dataFieldEditorPanel table.dataFieldEditorInvtryFieldsTable tr td {
  border: 1px solid lightgray;
}

.dataFieldEditorOptionsManagerPanel .dataFieldEditorOptionsText {
  font-size: 14px;
  width: 277px;
}

.dataFieldEditorOptionsManagerPanel .dataFieldEditorWarningText {
  color: red;
  text-align: center;
}

.dataFieldEditorOptionsManagerPanel .editableListWrap input {
  /*width: 285px;*/
}

.dataFieldEditorOptionsManagerPanel .editableListItem {
  border: none;
}

.dataFieldEditorOptionsManagerPanel .editableListItem .elEditable {
  display: inline-block;
}

.dataFieldEditorOptionsManagerPanel .editableListItem .editableListLabel {
  display: inline-block;
}

.dataFieldEditorOptionsManagerPanel .editableListItem .editableListLabel input {
  width: 35px;
  text-align: center;
}

/*.dataFieldEditorOptionsManagerPanel .appMgrAdvancedInput {
	width: 180px;
}*/

.dataFieldEditorPanel .dataFieldEditorWarningText {
  color: #de0000;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}

.dataFieldEditorPanel .dfeHideInactiveRow {
  display: none !important;
}

/*Landing Page Template 1 Styling*/

.lp1template {
  --lp1-primary-color: #26699d;
  --lp1-secondary-color: #6994b8;
}

/*Remove Extra Default Padding*/
.lp1template.intro.sidePanel .shelfContentWrap {
  padding: 0px;
}

.lp1template.intro.sidePanel .introWrap {
  padding: 0px;
}

.lp1template.intro.sidePanel .introPreDesc {
  padding: 0px;
}

/*.lp1template.intro.sidePanel .sidePanelContent {
	padding: 0px;
}*/

.lp1template.intro.sidePanel {
  padding: 0px;
}

.lp1template.intro.sidePanel .sidePanelContent .introDescWrap.introUnit {
  background: none;
}

/*Public UI Shelf Styling*/
.lp1template.intro.sidePanel .iconButtonIconWrap.iconButtonIconWrapHTML {
  background-color: var(--lp1-secondary-color);
}

.lp1template.intro.sidePanel .accordion.intro .shelf .button.toolBoxButton {
  background-color: var(--lp1-primary-color);
}

.lp1template.intro.sidePanel .shelf.introPanelHomeShelf:first-of-type {
  margin-top: 4px;
}

/*Landing Page Content Styling*/
.lp1template .lp1MainImage img {
  width: 100%;
}

.lp1template .lp1Welcome {
  background-color: var(--lp1-primary-color);
  color: white;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
  padding-left: 8px;
}

.lp1template .lp1WelcomeBar {
  background-color: var(--lp1-secondary-color);
  color: white;
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
}

.lp1template .lp1TreeCounter {
  background-color: var(--lp1-secondary-color);
  color: white;
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 10px;
}

.lp1template .lp1TemplateContent {
  margin-bottom: 10px;
}

.lp1template .lp1ButtonsContainer .lp1Button {
  border: 1px solid var(--lp1-secondary-color);
  color: var(--lp1-primary-color);
  font-weight: 500;
  padding: 4px;
  margin: 4px;
  cursor: pointer;
}

.lp1template .lp1Logos img {
  max-height: 70px;
  max-width: 100%;
}

.lp1template .lp1TextContainer {
  margin-left: 10px;
  margin-right: 10px;
}

.lp1template .lp1TextContainer p {
  margin-top: 10px;
  margin-bottom: 10px;
}

.lp1template .lp1TextContainer p:first-of-type {
  margin-top: 0px;
}

.lp1template .lp1TextContainer p:last-of-type {
  margin-bottom: 0px;
}

.lp1template .lp1HeaderContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-height: 110px;
}

.lp1template .lp1HeaderLeft {
  width: 40%;
}

.lp1template .lp1HeaderRight {
  width: 60%;
}

.lp1template .lp1Logos {
  display: flex;
  flex-direction: row;
}

.lp1template .lp1Logos .logo1 {
  margin-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.lp1template .lp1Logos .logo2 {
  margin-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.lp1template .lp1ButtonsContainer {
  display: flex;
  flex-direction: row;
}

.lp1template .lp1ButtonsContainer .lp1FirstColumnButtons {
  width: 50%;
}

.lp1template .lp1ButtonsContainer .lp1SecondColumnButtons {
  width: 50%;
}

.lp1template .lp1EcoBensContainer {
  display: flex;
  flex-direction: row;
}

.lp1template .lp1BodyContainer {
  margin-top: 10px;
}

.lp1template .lp1EcoBensTitle {
  color: var(--lp1-primary-color);
  font-weight: 500;
  font-size: 24px;
  margin-left: 10px;
}

.lp1template .lp1EcoBenImg {
  text-align: center;
}

.lp1template .lp1EcoBenImg img {
  max-width: 50%;
}

.lp1template .lp1EcoBenText {
  text-align: center;
}

.lp1template .lp1EcoBen {
  margin: 4px;
}

/*Landing Page Template 2 Styling*/

.lp2template {
  --lp2-primary-color: #365c00;
  --lp2-secondary-color: #81a61f;
}

/*Remove Extra Default Padding*/
.lp2template.intro.sidePanel .shelfContentWrap {
  padding: 0px;
}

.lp2template.intro.sidePanel .introWrap {
  padding: 0px;
}

.lp2template.intro.sidePanel .introPreDesc {
  padding: 0px;
}

/*.lp2template.intro.sidePanel .sidePanelContent {
	padding: 0px;
}*/

.lp2template.intro.sidePanel {
  padding: 0px;
}

.lp2template.intro.sidePanel .sidePanelContent .introDescWrap.introUnit {
  background: none;
}

/*Public UI Shelf Styling*/
.lp2template.intro.sidePanel .iconButtonIconWrap.iconButtonIconWrapHTML {
  background-color: var(--lp2-secondary-color);
}

.lp2template.intro.sidePanel .accordion.intro .shelf .button.toolBoxButton {
  background-color: var(--lp2-primary-color);
}

.lp2template.intro.sidePanel .shelf.introPanelHomeShelf:first-of-type {
  margin-top: 4px;
}

/*Landing Page Content Styling*/

.lp2template .lp2WelcomeBar {
  background-color: var(--lp2-primary-color);
  color: white;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
  padding-left: 8px;
}

.lp2template .lp2TreeCounter {
  background-color: var(--lp2-secondary-color);
  color: white;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 500;
  margin-top: 6px;
  margin-bottom: 10px;
}

.lp2template .lp2TemplateContent {
  margin-bottom: 10px;
}

.lp2template .lp2ButtonsContainer .lp2Button {
  border: 2px solid var(--lp2-secondary-color);
  padding: 4px;
  margin: 4px !important;
  cursor: pointer;
  width: 25%;
  text-align: center;
}

.lp2template .lp2Logos img {
  max-height: 80px;
  max-width: 80px;
}

.lp2template .lp2TextContainer {
  margin-left: 10px;
  margin-right: 10px;
}

.lp2template .lp2TextContainer p {
  margin-top: 10px;
  margin-bottom: 10px;
}

.lp2template .lp2TextContainer p:first-of-type {
  margin-top: 0px;
}

.lp2template .lp2TextContainer p:last-of-type {
  margin-bottom: 0px;
}

.lp2template .lp2BackgroundContainer {
  background-size: cover;
  background-repeat: no-repeat;
}

.lp2template .lp2Logos {
  display: flex;
  flex-direction: column;
  width: 120px;
}

.lp2template .lp2Logos .logo1 {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: white;
  border: 2px solid var(--lp2-primary-color);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 75%;
}

.lp2template .lp2Logos .logo2 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: white;
  border: 2px solid var(--lp2-primary-color);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 75%;
}

.lp2template .lp2ButtonsContainer {
  display: table;
  border-collapse: separate;
  border-spacing: 4px;
  width: 100%;
}

.lp2template .lp2EcoBensContainer {
  display: flex;
  flex-direction: row;
}

.lp2template .lp2BodyContainer {
  margin-top: 6px;
}

.lp2template .lp2EcoBensTitle {
  color: var(--lp2-primary-color);
  font-weight: 500;
  font-size: 24px;
  margin-left: 10px;
  margin-top: 6px;
}

.lp2template .lp2EcoBenImg {
  text-align: center;
}

.lp2template .lp2EcoBenImg img {
  max-width: 45%;
}

.lp2template .lp2EcoBenText {
  text-align: center;
}

.lp2template .lp2EcoBen {
  margin: 4px;
}

.lp2Button {
  display: table-cell !important;
  vertical-align: middle !important;
}

/*Landing Page Template 3 Styling*/

.lp3template {
  --lp3-primary-color: #4a8000;
  --lp3-secondary-color: #80db00;
}

/*Remove Extra Default Padding*/
.lp3template.intro.sidePanel .shelfContentWrap {
  padding: 0px;
}

.lp3template.intro.sidePanel .introWrap {
  padding: 0px;
}

.lp3template.intro.sidePanel .introPreDesc {
  padding: 0px;
}

/*.lp3template.intro.sidePanel .sidePanelContent {
	padding: 0px;
}*/

.lp3template.intro.sidePanel {
  padding: 0px;
}

.lp3template.intro.sidePanel .sidePanelContent .introDescWrap.introUnit {
  background: none;
}

/*Public UI Shelf Styling*/
.lp3template.intro.sidePanel .iconButtonIconWrap.iconButtonIconWrapHTML {
  background-color: var(--lp3-secondary-color);
}

.lp3template.intro.sidePanel .accordion.intro .shelf .button.toolBoxButton {
  background-color: var(--lp3-primary-color);
}

.lp3template.intro.sidePanel .shelf.introPanelHomeShelf:first-of-type {
  margin-top: 4px;
}

/*Landing Page Content Styling*/

.lp3template .lp3Welcome {
  background-color: var(--lp3-primary-color);
  color: white;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
  padding-left: 8px;
}

.lp3template .lp3WelcomeBar {
  background-color: var(--lp3-primary-color);
  color: white;
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
}

.lp3template .lp3TreeCounter {
  background-color: var(--lp3-primary-color);
  color: white;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 500;
}

.lp3template .lp3TemplateContent {
  margin-bottom: 15px;
}

.lp3template .lp3ButtonsContainer .lp3Button {
  color: var(--lp3-primary-color);
  font-weight: 400;
  padding: 4px;
  margin: 4px;
  cursor: pointer;
  text-align: center;
}

.lp3template .lp3Logos img {
  max-height: 80px;
  max-width: 100%;
}

.lp3template .lp3TextContainer {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.lp3template .lp3TextContainer p {
  margin-top: 10px;
  margin-bottom: 10px;
}

.lp3template .lp3TextContainer p:first-of-type {
  margin-top: 0px;
}

.lp3template .lp3TextContainer p:last-of-type {
  margin-bottom: 0px;
}

.lp3template .lp3BackgroundContainer {
  height: 300px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.lp3template .lp3Logos {
  display: flex;
  flex-direction: row;
}

.lp3template .lp3Logos .logo1 {
  /*margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;*/
  margin-left: 5px;
}

.lp3template .lp3Logos .logo2 {
  /*margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;*/
  margin-left: 5px;
}

.lp3template .lp3ButtonsContainer {
  display: flex;
  flex-direction: row;
  /*margin-top: 43px;
	width: fit-content;
	margin-left: auto;*/
  justify-content: flex-end;
}

.lp3template .lp3EcoBensContainer {
  display: flex;
  flex-direction: row;
  margin: 10px;
}

.lp3template .lp3BodyContainer {
  margin-top: 10px;
}

.lp3template .lp3EcoBensTitle {
  color: black;
  font-weight: 400;
  font-size: 20px;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: underline;
  text-decoration-color: var(--lp3-secondary-color);
  text-underline-position: under;
  line-height: 30px;
}

.lp3template .lp3EcoBenImg {
  text-align: center;
}

.lp3template .lp3EcoBenImg img {
  max-width: 45%;
}

.lp3template .lp3EcoBenText {
  text-align: center;
}

.lp3template .lp3EcoBen {
  margin: 4px;
}

.lp3template .lp3BodyHeading {
  color: black;
  font-weight: 500;
  font-size: 20px;
  margin-left: 10px;
  margin-right: 10px;
}

.lp3template .lp3BodySubHeading {
  color: black;
  font-weight: 400;
  font-size: 20px;
  margin-left: 10px;
  text-decoration: underline;
  text-decoration-color: var(--lp3-secondary-color);
  text-underline-position: under;
  line-height: 30px;
}

.lp3template .lp3FooterHeading {
  color: black;
  font-weight: 500;
  font-size: 20px;
}

.lp3template .lp3FooterSubHeading {
  color: black;
  font-weight: 400;
  font-size: 20px;
  text-decoration: underline;
  text-decoration-color: var(--lp3-secondary-color);
  text-underline-position: under;
  line-height: 30px;
}

.lp3template .lp3HeaderContainer {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  max-height: 110px;
}

.lp3template .lp3HeaderLeft {
  width: 30%;
}

.lp3template .lp3HeaderRight {
  width: 70%;
}

.lp3template .lp3BackgroundText {
  font-weight: 500;
  font-size: 30px;
  text-decoration: underline;
  text-decoration-color: var(--lp3-secondary-color);
  text-underline-position: under;
  color: white;
  margin-left: 20px;
  line-height: 40px;
  text-shadow: -1px -1px 3px rgb(0, 0, 0, 0.5), 1px -1px 3px rgb(0, 0, 0, 0.5),
    -1px 1px 3px rgb(0, 0, 0, 0.5), 1px 1px 3px rgb(0, 0, 0, 0.5);
}

.lp3template .lp3FooterButton {
  background-color: var(--lp3-secondary-color);
  color: white;
  width: fit-content;
  padding-top: 5px;
  padding-left: 15px;
  padding-bottom: 5px;
  padding-right: 15px;
  cursor: pointer;
}

.lp3template .lp3FooterTop {
  display: flex;
  flex-direction: row;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.lp3template .lp3FooterLeft {
  width: 70%;
}

.lp3template .lp3FooterRight {
  width: 30%;
}

.lp3template .lp3FooterRightImage img {
  max-width: 100%;
}

.lp3template .lp3FooterRightImage {
  margin-left: 10px;
}

.lp3template .lp3FooterBottomImage img {
  max-width: 100%;
}

.lp3template .lp3FooterDescription {
  margin-top: 10px;
  margin-bottom: 10px;
}

.bookmark,
.bookmark_border,
.star,
.star_border,
.fa-thumbtack {
  cursor: pointer;
}

.reportsAppliedFilter input {
  margin-top: 0px;
  margin-bottom: 0px;
}

table.card-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #dee2e6;
}

.card-table tr td {
  border-top: 1px solid #dee2e6;
  padding: 12px;
  font-size: 15px;
}

.card-table tbody tr:first-child td {
  border-top: 0px;
}

.card-table tbody tr td:first-child {
  padding-left: 24px;
}

.card-table tbody tr td:last-child {
  padding-right: 24px;
}

.card-table tr th:first-child {
  padding-left: 24px;
}

.card-table tr th:last-child {
  padding-right: 24px;
}

.card-table thead tr th {
  /*color: #9aa0ac;
	font-weight: normal;*/
  font-weight: bold;
  color: black;

  text-align: left;
  padding: 12px;
  /*text-transform: uppercase;*/
  font-size: 14px;
  border-bottom: 1px solid #dee2e6;
}

.card-table tbody tr:nth-of-type(even) {
  background-color: #f7f7f7;
}

.ecoBenDescriptionText {
  font-size: 12px;
  padding-top: 5px;
}

.pinnedTrue {
  color: #357ae8;
}

.pinnedFalse {
  color: gray;
}

.bookmarkIconHolder {
  font-size: 15px;
  position: absolute;
  right: 8px;
  top: 10px;
}

.bookmarkIconHolderSum {
  font-size: 15px;
  padding-left: 2px;
  padding-top: 2px;
}

/*BS5837 Custom Quality Category Legend*/

#bsCustomFilterLegend {
  display: none;
}

#customQualityCategoryLegend {
  margin-top: 5px;
  margin-bottom: 12px;
}

#customQualityCategoryLegend .flGroupLabel {
  margin-left: 21px;
}

#customQualityCategoryLegend .filterGroupsHTMLWrapInner {
  padding-bottom: 0px;
}

#customQualityCategoryLegend .filterGroupUnit:first-of-type {
  border-top: 1px solid #efefef;
}

.button.exportSurveyButton {
  margin-top: 10px;
}

/*FME Import Reference Layer Holder*/

#fmeRefLayerHolder {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.fmeLayerTitle,
.bsLayerTitle {
  padding-left: 5px;
  font-weight: 700;
  font-size: 18px;
}

#fmeRefLayerHolder .referenceLayerHolder {
  display: flex;
  word-break: break-word;
}

#fmeRefLayerHolder .referenceLayerHolder .snapToButton,
#fmeRefLayerHolder .referenceLayerHolder .deleteButton {
  margin-left: 5px;
  margin-bottom: 5px;
  min-width: 51px;
  max-height: 14px;
}

#fmeRefLayerHolder .snapClicked {
  background-color: #708c34 !important;
}

/*Styling for select2 multi select container*/
.select2-results li.select2-results__option {
  min-height: 16px;
}
.select2-container {
  z-index: 9999999;
}
.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: solid rgb(74, 144, 217) 1px;
}

/*make datepicker appear on top of data table*/
.ui-datepicker {
  z-index: 9000000 !important;
}

.headerButtonSelected,
.headerButtonSelected.mobileMenuItem {
  background-color: #358d9c !important;
}

.mapToolItem.rotate .ol-rotate.ol-hidden {
  opacity: 1;
  visibility: visible;
}

.infoTip.canopyPlanTip {
  width: 335px;
}

.childInvWrapper .dataTables_length select {
  width: 70px;
}

.dt-button-collection .dt-button {
  margin: unset;
}

.childInvWrapper .dataTables_scrollHead .dataTables_scrollHeadInner {
  width: 100% !important;
}

.childInvWrapper
  .dataTables_scrollHead
  .dataTables_scrollHeadInner
  table.dataTable {
  margin: 0 auto !important;
}

.descriptionViewMore {
  display: inline;
  text-align: unset;
  font-style: normal;
  font-size: 12px;
}

.formFieldDescViewMore {
  display: inline;
}

.luCostRow .costsPriceInput {
  width: 150px !important;
}

.luCostRow td {
  text-align: center;
}

.costTableTHead .costFieldSelectHolder {
  display: inline-block;
}
/*Map Scenario Manager*/

.mapScenarioWrapper .dataTables_scrollHead .dataTables_scrollHeadInner {
  width: 100% !important;
}

.mapScenarioWrapper
  .dataTables_scrollHead
  .dataTables_scrollHeadInner
  table.dataTable {
  margin: 0 auto !important;
}

.mapScenarioWrapper {
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  max-width: 900px;
}

#mapScenarioManagerDataTable {
  width: 700px !important;
}

.mapScenarioManagerInstructions {
  margin-left: 10px;
  margin-top: 5px;
}

#dfeInventorySelect {
  width: 200px;
}

.appMgrFieldSortByContainer {
  margin-bottom: 20px;
}

.dfeOrderValuesTitle {
  padding-left: 26px;
}
.dateInputWrap input.scheduleWorkStartDate,
.dateInputWrap input.scheduleJobStartDate {
  width: 126px;
}

#cookieNotification {
  max-width: 425px;
  display: block;
  z-index: 1000;
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: white;
  max-height: 100%;
  overflow-y: auto;
  border-radius: 5px 0px 0px 0px;
  box-shadow: 0 0 2px black;
}

#cookieNotification .cookieTextHolder {
  margin: 10px;
}

#cookieNotification h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

#cookieNotification .yesButtonCookies {
  margin-top: 10px;
}

#cookieNotification .selectCookiesText {
  margin-bottom: 5px;
  margin-top: 5px;
}

#cookieNotification h3 {
  text-decoration: underline;
}

.bs5837LayerContainer {
  margin-left: 6px;
}