.aboutModal {
  max-width: 80vw;
  max-height: 80vh;
  width: 100%;
  margin-top: 100px;
}

.modalFooter {
  display: inline-flex;
  text-align: center;
}

.colorRed {
  color: red;
}

.displayNone {
  display: none;
}

h2 {
  text-align: center;
}

ul {
  list-style-type: circle;
  margin-left: 10;
}

.inheritFont {
  font-weight: inherit;
}

.bodyStyle {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 10rem);
  overflow-y: auto;
}

.linkStyle {
  color: blue;
  text-decoration: underline;
}

#EJVAboutContainer {
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px;
  background-color: rgb(233, 233, 233);
}

.EJVAboutSection {
  margin-top: 25;
  text-decoration: underline;
}

ul li::marker {
  color: rgb(0, 18, 182);
  font-size: 1.5em;
}
.accordion-buttonPadded {
    padding: 8px !important;
}



.accordion-header-mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.accordion-extra-info {
    font-size: 0.9rem;
    /* Adjust font size as needed */
    margin-top: 4px;
    /* Adds a small margin between the button text and the extra info */
}
/* Custom CSS for SketchViewModelStyler to reduce spacing */
.sketch-styler-card {
    width: 400px;
    max-height: 400px;
    overflow-y: scroll;
    margin: 0;
    /* Remove margin around the card */
    border: none;
    /* Optional: remove border */
}

/* Adjust padding for .col-form-label within a specific card */
.custom-padding-card .col-form-label {
    padding-top: 0;
    /* Adjust to your preferred value */
    padding-bottom: 0;
    /* Adjust to your preferred value */
}

.unique-list .list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.sketch-styler-card .card-header {
    padding: 0.25rem 0.5rem;
    /* Reduce padding in the header */
    background-color: #f8f9fa;
    /* Keep background or change as needed */
    border-bottom: none;
    /* Remove border bottom */
}

.sketch-styler-card .btn {
    padding: 0.25rem 0.5rem;
    /* Reduce button padding */
    font-size: 0.8rem;
    /* Adjust font size as necessary */
}

.sketch-styler-card .card-body {
    padding: 0.5rem;
    /* Reduce padding in the body */
}

.sketch-styler-card .form-control,
.sketch-styler-card .custom-select {
    padding: 0.25rem 0.5rem;
    height: auto;
    /* Adjust input height */
    font-size: 0.8rem;
    /* Smaller font size for form controls */
}

.sketch-styler-card .custom-control-label {
    margin-bottom: 0;
    /* Remove margin below labels */
}

.uniform-font {
    font-size: 14px !important;
    font-family: "Avenir Next", Avenir, "Segoe UI", sans-serif !important;
}
.warningModal {
  max-width: 80vw;
  max-height: 80vh;
  width: 100%;
  margin: auto;
  text-align: center;
  z-index: 9999;
}

.warningModalHeader {
  background-color: #EED202 !important;
}

.modalFooter {
  display: inline-flex;
  text-align: center;
}

.colorRed {
  color: red;
}

.displayNone {
  display: none;
}

h2 {
  text-align: center;
}

ul {
  list-style-type: circle;
  margin-left: 10;
}

.inheritFont {
  font-weight: inherit;
}

.bodyStyle {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 10rem);
  overflow-y: auto;
}

.linkStyle {
  color: blue;
  text-decoration: underline;
}

#EJVWarningContainer {
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px;
  background-color: rgb(233, 233, 233);
}

.EJVWarningSection {
  margin-top: 25;
  text-decoration: underline;
}

ul li::marker {
  color: rgb(0, 18, 182);
  font-size: 1.5em;
}
.error_DIV {
	background-color: #F8D7DA;
	border: 1px solid #D6D6D6;
	border-radius: 5px;
	padding: 10px;
}

.error_P {
	font-weight: bold;
	color: #721C24;
	margin-bottom: 10px;
}

.error_Font {
	font-size: 24px;
	color: #1E90FF;
	text-align: center;
}

.loadingSpinnerBig {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	/* height: '4rem';
	width: '4rem'; */
}

/* .dropdownUserProfile {
	position: absolute;
	inset: 0px 0px auto auto;
	margin: 0px;
	transform: translate3d(-14.6154px, 49.2308px, 0px);
} */

/* .pc-header {}

.header-user-profile {
	.pc-head-link {
		width: auto;
		padding: 7px;
		background: transparent;

		>span>i {
			font-size: 22px;
			margin-right: 8px;
		}

		.user-avtar {
			width: 24px;
			transition: all 0.08s cubic-bezier(0.37, 0.24, 0.53, 0.99);
		}

		@include media-breakpoint-down(sm) {
			width: 40px;

			.user-avtar {
				margin-right: 0;
			}

			>span,
			>span>i {
				display: none;
			}
		}
	}
}

.dropdown-user-profile {
	min-width: 290px;
	max-width: 100%;

	.drp-tabs {
		display: flex;
		margin-bottom: 10px;

		.nav-item {
			margin-bottom: -0px;

			.nav-link {
				position: relative;
				padding: 0.7rem;
				font-weight: 500;
				color: white;
				display: flex;
				align-items: center;
				justify-content: center;

				i {
					font-size: 18px;
					margin: 0 4px;
				}

				.material-icons-two-tone {
					font-size: 20px;
				}

				&:after {
					content: '';
					background: lightblue;
					position: absolute;
					transition: all 0.3s ease-in-out;
					left: 50%;
					right: 50%;
					bottom: -1px;
					height: 2px;
					border-radius: 2px 2px 0 0;
				}
			}
		}

		.nav-link:hover {
			border-color: transparent;
			color: white;

			.material-icons-two-tone {
				background-color: lightblue;
			}
		}

		.nav-item.show .nav-link,
		.nav-link.active {
			border-color: transparent;
			color: white;

			.material-icons-two-tone {
				background-color: lightblue;
			}

			&:after {
				left: 0;
				right: 0;
			}
		}
	}

	@media (max-width: 575.98px) {
		min-width: calc(100% - 30px);
	}
} */
/* OUTER stops the page from expanding horizontally */
.v8-table-outer {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
	/* or hidden if you need wider support */
	position: relative;
	contain: inline-size;
	/* isolates intrinsic inline sizing (modern browsers) */
}

.tableHeaderMaxHeight {
	max-height: 33.33px
}

/* the close button visually inside the tab */
.close-tab-btn {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
}

.tab-label-wrapper {
	position: relative;
	padding-right: 24px;
	/* space for the close button */
}

.tab-close-btn {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1;
	color: inherit;
}

.tab-wrapper {
	position: relative;
	padding-right: 32px;
	/* space for close button */
}

.close-btn-container {
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
}

/* Style the close X button */
.close-btn {
	background: none;
	border: none;
	padding: 0;
	margin-left: 0.25rem;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.close-btn:hover svg {
	opacity: 0.75;
}

/* Fix alignment inside Bootstrap tabs */
.nav-tabs .nav-link {
	position: relative;
}

/* INNER owns both scrollbars */
.v8-table-scroll {
	max-height: none !important;
	height: 100%;
	/* max-height: 500px; */
	/* adjust for your UI */
	overflow-x: auto;
	/* horizontal scroll here */
	overflow-y: auto;
	/* vertical scroll here */
}

/* Table: no min-width tricks that can force page-wide growth */
.v8-table-scroll>table {
	width: auto;
	/* NOT 100%, NOT max-content */
	border-collapse: collapse;
	/* make sure no stray min-width sneaks in */
	min-width: 0;
}

/* Readable cells, no forced ellipsis */
.v8-table-scroll th,
.v8-table-scroll td {
	white-space: nowrap;
	padding: 0.5rem;
}

/* If you use sticky headers */
.v8-table-scroll thead th {
	position: sticky;
	top: 0;
	z-index: 2;
	background: #fff;
}

.thAlignHeaderItems {
	align-items: end;
}

.csvDropdownMenu {
	z-index: 10;
}

.attributesPage_span {

	font-size: medium;
	/* margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 12px; */
	cursor: pointer;
}

.V8ColumnHeaders {
	font-size: 12px;
	white-space: normal;
	/* Allow text to wrap */
	word-wrap: break-word;
	/* Break long words if necessary */
	overflow: hidden;
	/* Hide overflow */
}

.v8TableBody {
	font-size: 12px;
}

/* aligns text in the tab title with the close icon */
.V8TabAlignText {
	/* align-items: baseline !important; */
	display: flex;
	align-items: center;
	gap: 0.4rem;
	/* spacing between text and X */
	padding-right: 1.25rem !important;
	/* ensures X never overlaps border */
}

.V8CenterReactIconInColumn {
	text-align: center;
}


.V8OrphanWellEditIcon {
	vertical-align: revert;
}

/* .v8TableContainerDIV {
	height: 100%;
	width: 100%;
	overflow: auto;
} */

.v8TableContainerDIV {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	/* Hide overflow to prevent page size increase */
}

.v8tab-content {
	flex: 1 1 auto;
	/* overflow: auto; */
	/* Enable scrolling within the tab content */
	display: flex;
	flex-direction: column;
	overflow-x: scroll;
}

.v8nav-tabs {
	flex-shrink: 0;
	/* Prevent nav-tabs for attrib table from shrinking */
}

.v8Tab-pane {
	flex: 1 1 auto;
	overflow: auto;
	display: flex;
	flex-direction: column;
}

.v8VisibilityDropdownMenu {
	z-index: 1050;
	/* Adjust as necessary to be above other content */
	right: 0;
	/* Align the right edge of the dropdown with the toggle button */
	left: auto;
	/* Override Bootstrap's default positioning */
}

.attributesPage_TabContent {
	height: 'calc(100% - 53px';
	width: '100%';
}

.attributesPage_TabPane {
	height: '100%';
}

/* ---- Attribute Table -- */

.attributesTable_sorter {
	padding-left: 4px;
	margin-top: -3px;
}

.attributesTable_sorter2 {
	padding-left: 4px;
	margin-top: -1px;
	cursor: pointer;
}

.attributesTable_styledDiv1 {
	display: flex;
}

.attributesTable_styledDiv2 {
	display: inline-flex;
	align-items: center;
	margin: unset;
}

.attributesTable_styledDiv3 {
	font-family: Montserrat;
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
}

.attributesTable_styledDiv4 {
	margin-left: auto;
	margin-right: unset;
}

.attributesTable_Modal {
	width: 'fit-content';
}

.attributesTable_ModalBody {
	overflow-y: scroll;
}

.attributesTable_ModalDiv {
	height: 32px;
}

.attributesTable_TabContent {
	height: 100%;
	clear: both;
}

.Attribute-Table-TD-Wrap {
	white-space: pre-wrap;
}

.attributeTable_divHidden {
	display: none;
}

.attributeTable_divBlock {
	display: block;
}

.attributesTable_Table {
	white-space: nowrap;
	height: calc(100% - 65px);
}

.attributesTable_thead {
	white-space: nowrap;
	position: sticky;


}

.attributesTable_div {
	cursor: pointer;
	margin-left: auto;
}

.attributesTable_p {
	font-family: 'Montserrat';
	font-size: 12px;
}

.attributesTable_input {
	width: 100px;
}

.attributesTable_HighlightedRow {
	background-color: #00ffff !important;
	white-space: nowrap;
}

.attributesTable_DefaultRow {
	background-color: #ffffff !important;
	white-space: nowrap;
}


/* Attribute Chart Style*/
.AttributeChart_custom-tooltip {
	background-color: #ffffff;
	padding: 2px;
	padding-bottom: 0px;
}
.basemap-gallery-component {
    width: 300px;
    max-height: 400px;
    overflow-y: auto;
    background-color: white;
}
.bookmarks_Form {
    flex: auto;
}

.bookmarks_Input {
    display: none;
}

.bookmarks_ModalBody {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 10rem);
}

.bookmarks_p {
    font-size: smaller;
}

.Bookmarks-sidebar-style {
    /* max-width: 310px; */
    width: 100%;
    box-sizing: border-box;
}
/* Container for the gallery */
.photo-gallery-container {
    display: block;
    /* Ensure it fits within its container */
    width: 100%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(7480%) hue-rotate(359deg) brightness(104%) contrast(101%);
}

/* Hide scrollbar */
.photo-gallery-container::-webkit-scrollbar {
    display: none;
}

/* Flexbox for inline images */
.photo-gallery {
    display: flex;
    gap: 10px;
    /* Space between the images */
}

/* Style individual images DESKTOP */
.photo-gallery img {
    flex: 0 0 auto;
    width: 150px;
    height: auto;
}

/* Style for the images in the photo gallery */
.photo-gallery img {
    height: 75px;
    width: auto;
    /* Maintains aspect ratio */
    border-radius: 8px;
    /* Adjust the value for more or less rounding */
    object-fit: contain;
    /* Ensures the image covers the area without distortion */
    display: block;
    margin: 0 auto;
    /* Centers the image horizontally */
}

/* Show the gallery on mobile devices */
@media only screen and (max-width: 767px) {
    .photo-gallery-container {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
    }

    /* Flexbox for inline images */
    .photo-gallery {
        display: flex;
        gap: 10px;
    }

    /* Image styling */
    /* .photo-gallery img {
        flex: 0 0 auto;
        width: 150px;
        height: 50px;
    } */
    /* Style for the images in the photo gallery */
    .photo-gallery img {
        height: 125px;
        width: auto;
        /* Maintains aspect ratio */
        border-radius: 8px;
        /* Adjust the value for more or less rounding */
        object-fit: contain;
        /* Ensures the image covers the area without distortion */
        display: block;
        margin: 0 auto;
        /* Centers the image horizontally */

        /* Add drop shadow */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    }

    /* Hide scrollbar */
    .photo-gallery-container::-webkit-scrollbar {
        display: none;
    }

    .photo-gallery-container {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}
.errorBoundaryContainer {
	text-align: center;
	margin: 30px;
	padding: 20px;
	background-color: #f2f2f2;
	border-radius: 8px;
	border: 1px solid #ccc;
}

/* button {
	padding: 10px 20px;
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

button:hover {
	background-color: #0056b3;
} */
.feedbackModal_label1 {
    font-size: 40px;
}

.subjectradio>label {
    margin-right: 10px;
    margin-left: 10px;
    height: 30px;
    width: 100px;
    text-align: center;
    cursor: pointer;
}

.feedbackModal_input1 {
    position: absolute;
    opacity: 0;
    width: 115px;
    height: 30px;
    cursor: pointer;
}

.feedbackModal_textArea1 {
    width: 70%;
}

.feedbackModal__a {
    text-decoration: none;
    cursor: pointer;
}

.feedbackModal_Header {
    padding-left: 38%;
    font-size: 20px;
}

.feedbackModal_Footer {
    color: red;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 700;
}

.feedbackModal_InlineFlex {
    display: inline-flex;
}

.feedbackModal_redLabel {
    color: red;
}

.feedbackModal_input1 {
    position: absolute;
    opacity: 0;
    width: 55px;
    height: 65px;
    cursor: pointer;
}

.feedbackModal {
    margin-top: 100px;
}

div.feedbackOpinion input[type='radio']:checked+label {
    outline: solid 2px #656363;
    background-color: #949494;
}

div.feedbackCategory input[type='radio']:checked+label {
    color: #656363 !important;
    font-weight: bolder;
    text-decoration: underline;
}

.feedbacktooltip {
  position: relative;
  display: inline-block;
}

.feedbacktooltip .feedbacktooltiptext {
  visibility: hidden;
  background-color: #888585;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  font-size: 13px;

  /* Position the tooltip below the emoji */
  position: absolute;
  bottom: -20px;   /* adjust for distance below emoji */
  left: 50%;
  transform: translateX(-50%);

  /* ✅ Ensure tooltip appears above emojis */
  z-index: 9999;
  white-space: nowrap; /* prevent wrapping */
}

.feedbacktooltip:hover .feedbacktooltiptext {
  visibility: visible;
}


.emojiButton {
  font-size: 40px;
  cursor: pointer;
  margin: 0 8px;
  transition: transform 0.2s ease, background-color 0.2s ease;
  border-radius: 6px;
  padding: 5px;
  border: none;
  background: none;
}

.emojiButton:hover {
  transform: scale(1.2);
}

.emojiButton:focus {
  outline: 2px solid #0d6efd; /* Blue focus ring for keyboard users */
}

.emojiButton.selected {
  background-color: #949494;
  outline: solid 2px #656363;
}

.emojiButton.selected:focus {
  outline: 2px solid #0d6efd;
}

.siteTitle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.siteAgency {
    font-size: 16px;
}

.logo-small {
    display: none;
}

.nav-item.menu-icons {
    display: flex;
    justify-content: center;
    /* Center horizontally */
    align-items: center;
    /* Center vertically */
    /*height: 100%;
     Set a height if necessary */
}

@media (max-width: 1199px) {
    .siteTitle {
        font-size: 14px;
        /* Adjust this value as needed */
    }

    .siteAgency {
        font-size: 12px;
    }

    .navbar-nav {
        justify-content: flex-start;
        /* Align items to the left when a hamburger menu */
    }

    .nav-item.menu-icons {
        flex-grow: 0;
        /* Prevent icons from taking extra space */
        margin-right: auto;
        /* Push everything else to the right */
    }
}

@media (max-width: 991px) {
    .siteTitle {
        font-size: 12px;
        /* Adjust this value as needed */
    }

    .siteAgency {
        font-size: 10px;
    }
}

@media (max-width: 767px) {
    .siteTitle {
        display: none;
    }

    /* show the small logo without text at this breakpoint */
    .logo-default {
        /* display: none; */
    }

    .logo-small {
        display: inline-block;
    }
}

@media (max-width: 575px) {


    .governor {
        display: none;
    }
}

.logo {
    padding-top: 8px;
    padding-bottom: 8px;
    /* Ensures the logo fits within the navbar height */
}

#govsec .navbar-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.quick-id-grid {
    display: grid;
    grid-template-columns: auto 1fr;
    /* First column auto-sizes to content, second takes remaining space */
    /* gap: 0.5rem; */
    /* Space between rows and columns */
    align-items: start;
    /* Align items to the top */
}

.pin-btn {
    background: none;
    border: none;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
}

.pin-btn.pinned {
    color: red;
}

.pagination-arrow-btn {
    background: none;
    border: none;
    padding: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    /* or 24px or 32px — just ensure it has a footprint */
    min-height: 28px;
}

.pagination-arrow-btn:focus-visible {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
}

.pagination-arrow-btn[disabled],
.pagination-arrow-btn[aria-disabled="true"] {
    opacity: 0.5;
    cursor: not-allowed;
}

.quick-id-grid span:first-child {
    /* text-align: right; */
    padding-right: 0.5rem;
    /* Space before the value */
}

.quick-id-container {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    /* Space between rows */
}

.data-row {
    display: flex;
    align-items: center;
    /* Vertically center label, colon, and value */
    gap: 0.5rem;
    /* Space between elements */
    padding-bottom: 8px;
}

.id-group-header-50 {
    min-width: 50PX !Important;
}

.id-group-header-175 {
    min-width: 175PX !Important;
}

/* these id classes set the label distance in EJV so the values line up better */
.id-group-header-1 {
    min-width: 200PX !Important;
}

.id-group-header-225 {
    min-width: 225PX !Important;
}

.id-group-header-250 {
    min-width: 250PX !Important;
}

.id-group-header-280 {
    min-width: 280PX !Important;
}

.label {
    min-width: 125px;
    /* Adjust based on longest label */
    text-align: left;
    /* Left-align labels */
}

.colon {
    flex: 0 0 auto;
    /* Fixed width for colon */
    text-align: center;
    /* Center colon visually */
}

.value {
    flex: 1;
    /* Take remaining space */
}
.esri-layer-list__item-actions {
    position: relative;
    /* Make sure this can hold the slider correctly */
}

.esri-slider {
    margin-top: 10px;
    /* Adjust spacing as needed */
}

.layer-controls {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.layer-controls label {
    font-weight: bold;
    margin-bottom: 5px;
}

.layer-controls div,
.layer-controls button {
    margin-bottom: 10px;
}

/* .esri-layer-list__item {
    --calcite-list-item-spacing-indent: 5px;
} */
.measurement-toolbar {
    display: flex;
}

@media (max-width: 768px) {
    .measurement-toolbar {
        margin-bottom: 20px;
    }
}
.navbar-light .navbar-nav .nav-link {
    color: #464646 !important;
}

.brand,
.alert {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'Open Sans', sans-serif;
}


/*Style for Banner Message*/
div.navbarBanner {
    padding-right: 45px;
    text-align: justify;
    position: relative !important;
    margin-bottom: 2px;
}

/*Style for Banner Message Paragraph*/
.navbarBanner p {
    margin: 0px !important;
    margin-right: 20px !important;
}

/*Style for Banner Message Close BUtton*/
div.navbarBannerClose {
    position: absolute;
    top: 10px;
    right: 10px;
    margin-left: 10px;
    cursor: pointer;
    font-size: xx-large;
    cursor: pointer;
}

.navbarbrandSpanWDivider {
    line-height: 1.2;
    /* display: inline-block; */
    vertical-align: middle;
    /* padding: 0px 0px 0px 15px; */
    /* white-space: normal; */

    height: 100%;
    /* margin-left: 10px; */
    color: #464646;
}

.navbarBrandB {
    display: block;
    font-weight: 400;
}

/* Navbar fixed at the top */
.navbar {
    /* position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    height: 40px; */
}

.navbarBrandFloat {
    flex-grow: 1
}

.mobileNavbarBrand {
    max-width: 250px;
    ;
}

/* The header section (fixed navbar + layer toggle section) */
.navbarPAMobile {
    /* top: 0;
    width: 100%;
    z-index: 1000; */
    background-color: #fff;
    /* padding: 0; */
}

.paTitle {
    font-family: "Plus Jakarta Sans", sans-serif;
    color: white;
}

.navbar2 {
    /* background-color: white;
    top: 40px;
    width: 100%;
    z-index: 1000; */
}

.navbar_dropdownStyle {
    z-index: 999;
}

.navbar_SocialMediaIcon {
    font-weight: unset;
    cursor: pointer;
}

.navbar_NavLinkCustom {
    font-weight: inherit;
    cursor: pointer;
    align-self: center;
    z-index: 100;
}
#nearmelayerlist li::marker {
  content: none;
}

#nearMeListHeader {
  background-color: transparent;
}

#nearMeListHeader :hover {
  background-color: transparent;
}

.showMapLoader {
  display: block !important;
}

#nearMeLocateBtn,
#prtLocateBtn {
  /* background-color: transparent; */
  height: auto;
  vertical-align: middle;
}

#nearMeLocateBtn span,
#prtLocateBtn span {
  color: white;
}

div#nearmelayerlist li input {
  margin-right: 15px;
  /*margin-top: 10px;*/
  margin-left: 10px;
}

div#nearmelayerlist li {
  /* border-bottom: 1px solid rgba(110, 110, 110, 0.3); */
  background-color: #fff;
  padding: 2px;
  text-align: left;
  text-transform: capitalize;
}

div#nearmelayerlist ul {
  padding: 5px;
  font-size: 15px;
  font-weight: 500;
  margin: 0px;
}

.company-action {
    width: 90px;
    /* tweak size you want */
    flex-shrink: 0;
}
.resizer {
    width: 100%;
    height: 24px;
    /* Increase height for better grip */
    cursor: ns-resize;
    position: relative;
    background-color: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.resizer-handle {
    width: 120px;
    height: 15px;
    background-color: #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

.resizerVertical {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1f1f1;
}

.resizer-handleVertical {
    width: 60px;
    height: 6px;
    background-color: #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    transform: rotate(90deg);
    /* Rotate for vertical layout */
}
.searchItems_div1 {
	display: flex;
	align-items: center;
}

.searchItems_span1 {
	/* color: #868786; */
	cursor: pointer;
}

.searchItems_label1 {
	color: #868786;
	cursor: pointer;
}

.searchItems_input1 {
	cursor: pointer;
}

.searchItems_td1 {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.searchItems_td2 {
	width: 20px;
	color: #868786;
}

.searchItems_td3 {
	width: 200px;
}

.searchItems_td4 {
	width: 150px;
	color: #868786;
}

.searchItems_span1 {
	cursor: pointer;
	padding: 0px 0px 0px 5px;
	color: black;
}

.searchItems_displayNone {
	display: none;
}

.searchItems_displayBlock {
	display: block;
}

.searchItems_pad50 {
	padding-left: 50px;
}
:root {
    --sidebar-width: 400px;
    /* Default width for larger screens */
}

.fontSize {
    font-size: 13px !important;
}

/* For Chrome, Safari, and Opera */
aside::-webkit-scrollbar {
    width: 12px;
    /* Adjust the width as needed */
}

aside::-webkit-scrollbar-thumb {
    background: #888;
    /* Color of the scrollbar thumb */
    border-radius: 6px;
    /* Rounded corners (optional) */
}

aside::-webkit-scrollbar-thumb:hover {
    background: #555;
    /* Color when hovered */
}

/* For Firefox */
aside {
    scrollbar-width: auto;
    /* Makes sure the scrollbar is the default width */
    scrollbar-color: #888 transparent;
    /* Thumb and track colors */
}

.cr-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: calc(-1 * var(--sidebar-width));
    z-index: 5;
    width: var(--sidebar-width);
    /* font-weight: 200; */
    color: #000;
    background-position: center center;
    background-size: cover;
    transition: left 0.1s ease-in;
    outline-width: 1px;
    font-family: 'Open Sans', sans-serif;
    overflow-y: auto;
}

.cr-sidebar+.cr-content {
    transition: margin 0.1s ease-in;
}

.cr-sidebar::after,
.cr-sidebar::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
}

.cr-sidebar::before {
    background: #000;
    opacity: 0.33;
}

.cr-sidebar::after {
    z-index: 3;
    background: #fff;
    /* fallback for old browsers */
    opacity: 1;
}

.cr-sidebar[data-image]:after {
    opacity: 1;
}

.cr-sidebar__content {
    position: relative;
    height: 100%;
    z-index: 4;
    /* height: calc(100vh - 120px); */
    /* height: -webkit-fill-available; */
    padding-bottom: 30px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background-color: white;
}

.cr-sidebar__content::-webkit-scrollbar {
    width: 0;
}

.cr-sidebar__background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.cr-sidebar__nav-item-collapse {
    display: flex !important;
    justify-content: space-between;
    cursor: pointer;
}

.cr-sidebar--open {
    left: 0;
    transition: left 0.2s ease-in;
}

.cr-sidebar--open+.cr-content {
    margin: 0 0 0 var(--sidebar-width);
    transition: margin 0.2s ease-in;
}

.cr-sidebar .collapse {

    /* margin-left: 15px;
  margin-right: 15px;
  padding: 15px;
  margin-bottom: 2px; */
    /* max-height: 400px; */
    /* overflow-y: auto; */
}

.cr-sidebar .navbar-fixed-bottom .navbar-collapse,
.cr-sidebar .navbar-fixed-top .navbar-collapse {
    max-height: none;
}

.cr-sidebar .nav {
    font-family: 'Open Sans', sans-serif;
}

.cr-sidebar .nav .nav-item {
    outline-width: 1px;
    background-color: rgb(235, 235, 235);
    font-family: 'Open Sans', sans-serif;
    /* margin: 5px 10px; */
    border-radius: 4px;
    opacity: 0.86;
}

.splitterSidebar_DisplayNone {
    display: none !important;
}

.splitterSidebar_NavItem {
    margin: 0px !important;
    margin-bottom: 2px !important;
    background-color: #fff;
}

.splitterSidebar_a {
    color: blue;
    text-decoration: 'underline'
}

.cr-sidebar__nav-item-icon {
    width: 1.5rem;
    height: 1.5rem;
    padding-right: 0.5rem;
}

.splitterSidebar_ArrowClass {
    padding: 0;
    transition-duration: 0.3s;
    transition-property: transform;
}

.cr-sidebar .nav .nav-link {
    flex-wrap: nowrap !important;
    font-size: 16px;
    font-weight: 500;
    /* aligns nav tabs for quarry search in sidebar */
    font-family: 'Open Sans', sans-serif !important;
}

.cr-sidebar .nav .nav-link:hover {
    background: #c4c4c4;
}

.sidebarTextOnlyLink {
    color: blue;
}

.sidebarScroll {
    overflow-y: scroll;
    height: calc(100vh - 85px);
    /* 94px is the height of the top menu */
    /* height: -moz-available; */
    /* height: -webkit-fill-available; */
    /* height: fill-available; */
    /* top: 35px; */
    position: absolute;
    overflow-x: hidden;
}

.sidebar .nav a {
    transition: all 150ms ease-in;
}

.flex-sidebarContainer {
    width: -webkit-fill-available !important;
    width: -moz-available;
}



/* :::::::::::::::::::::::::::::::::::::::::::::::::::: Change menu text size at breakpoints */
/*1rem = 16px*/

/* very small devices 
 -- reduce the size fo the sidebar a bit */
@media (max-width: 575px) {

    /* force the sidebar to a small width on the smallest breakpoint in bootstrap */
    .cr-sidebar {
        /* left: -300px !important; 
        width: var(--sidebar-width) !important;*/
    }

    .cr-sidebar--open+.cr-content {
        /* margin: 0 0 0 var(--sidebar-width) !important; */
    }

    .navbarAppNameTextSize,
    .navbarGovSecretaryLinks,
    .lowerMenuText {
        /* font-size: 14px !important; */
        padding-left: 15px;
    }


    .navbar-brand {
        font-size: 13px !important;
    }

    .modal-bookmarks {
        width: 80vw;
        height: 55vh;
    }
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 576px) {

    /* .navbar-brand {
		font-size: larger;
	} */
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
/* @media (min-width: 768px) {

     .modal-bookmarks {
        width: 80vw;
        height: 55vh;
    } 
} */

@media (max-width: 991px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .navbarAppNameTextSize {
        font-size: 20px !important;
    }

    .sidebarNav {
        height: 82px !important;
    }
}

@media (max-width: 1200px) {

    /* Hide the governor and secretary text below this width */
    .navbarGovSecretaryLinks,
    /* .hideNavContent {
    display: none;
  } */
    .sidebarNav {
        height: 82px !important;
    }
}

@media (max-width: 1300px) {

    /* Hide the governor and secretary text below this width */
    .navbarGovSecretaryLinks,
    .hideNavContent {
        display: none;
    }
}

/* @media (min-width: 1301px) {
    .navbarGovSecretaryLinks {
        display: flex;
    }
} */

/* Extra large devices (large desktops, 1400px and up) */
@media (min-width: 1401px) {
    .navbarAppNameTextSize {
        font-size: 20px !important;
    }

    .navbarGovSecretaryLinks {
        /* visibility: visible; */
        display: flex;
    }

    /* .sidebarNav {
    height: 87px !important;
  } */
}

/*mobile or tablet*/
@media (max-width: 1400px) {

    /* reduce height or modals get cut off on a smaller device or screen */
    .modal-content {
        height: calc(100vh - 300px);
        min-height: 275px;
    }

    .modal-content {
        height: max-content !important;
    }


}
.custom-card-padding {
    padding-top: 0px;
    padding-bottom: 0px;
}

.custom-card-title {
    font-size: 16px;
}

.custom-card-icon {
    width: 1.5rem;
    height: 1.5rem;
    padding-right: 0.5rem;
}




/* Custom CSS for Collapsible Arrows workaround for 4.6 until upgrade to 5+ */
.accordion .cr-sidebar__nav-item-collapse {
    cursor: pointer;
    display: flex;
    align-items: center;

}

.accordion .cr-sidebar__nav-item-collapse .arrow-icon {
    transition: transform 0.3s ease-in-out;
}

.accordion .cr-sidebar__nav-item-collapse.collapsed .arrow-icon {
    transform: rotate(-90deg);
}
.spinner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    /* Adjust height as needed */
}

.spinner {
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border-top: 5px solid blue;
    /* Use your primary color here */
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.img-thumbnail {
    height: 65px;
}

.containerDIV {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.customSwipeAccordion {
    flex-grow: 1;
    overflow-y: auto;
}

.swipe-basemap-selector {
    min-width: 450px;
}

.swipeFooter {
    bottom: 10px;
    /*Distance from the bottom of the viewport */
    border-top: 1px solid #ddd;
    /* Optional: adds a border to separate the footer */
    background-color: #f9f9f9;
    /* Optional: gives it a footer-like appearance */
    text-align: center;
}
.Toastify__toast {
    padding: 20px;
    margin-right: 16px;
}

.Toastify__close-button>svg {
    height: 24px;
    width: 24px
}
.theme-widget {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 450px;
    /* Ensure the container takes up the full height */
}

.customThemeStyleFlex {
    flex-grow: 1;
    overflow-y: auto;
    /* Allows the content to scroll */
    /* padding: 10px; */
    margin: 0;
    list-style-type: none;
}

.themeWidget_li {
    display: flex;
    align-items: center;
    /* Align image and text vertically */
    /* margin-bottom: 10px; */
    /* padding: 0; */
    /* Add some padding for better spacing */
}

.themeWidget_img {
    width: 50px;
    /* Example width */
    height: auto;
    margin-right: 15px;
    /* Spacing between image and text */
}

.themeWidget_label {
    text-align: left;
    font-size: 16px;
}

.theme-widget-footer {
    position: sticky;
    bottom: 0;
    background-color: white;
    padding: 0;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
.profileContentHeight {
    height: 400px;
}

#offcanvasUserProfile {
    width: 500px;
}

.pc-header {
    background: var(--pc-header-background);
    color: var(--pc-header-color);
    min-height: 75px;
    box-shadow: var(--pc-header-shadow);
    position: fixed;
    left: 260px;
    right: 0;
    z-index: 1025;
    display: flex;

    ul {
        margin-bottom: 0;
        display: inline-flex;
    }

    .m-header {
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 260px;
        padding: 16px 10px 16px 24px;
    }

    .header-wrapper {
        display: flex;
        padding: 0 25px;
        flex-grow: 1;

        @include media-breakpoint-down(sm) {
            padding: 0 15px;
        }
    }

    .header-search {
        position: relative;

        .form-control {
            border-radius: 4px;
            padding: 0.344rem 1.8rem;
            width: 200px;
            max-width: 100%;

            @media (max-width: 1024px) {
                width: 100%;
            }
        }

        .icon-search {
            position: absolute;
            top: 11px;
            left: 11px;
            width: 12px;
            height: 12px;
        }

        .btn-search {
            position: absolute;
            top: 7px;
            right: 9px;
            padding: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            height: 34px;
            border-radius: 4px;
        }
    }

    .pc-h-item {
        min-height: 60px;
        display: flex;
        align-items: center;
        position: relative;
    }

    .pc-head-link {
        margin: 0 4px;
        position: relative;
        font-weight: 500;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border-radius: 4px;
        color: var(--pc-header-color);
        overflow: hidden;

        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            background: var(--pc-active-background);
            border-radius: 50%;
            transform: scale(0);
            transition: all 0.08s cubic-bezier(0.37, 0.24, 0.53, 0.99);
        }

        >img,
        >span,
        >svg,
        >i {
            position: relative;
            z-index: 5;
            transition: all 0.08s cubic-bezier(0.37, 0.24, 0.53, 0.99);
        }

        >i {
            color: var(--pc-header-color);
        }

        >i {
            font-size: 20px;
        }

        >svg {
            width: 20px;
            height: 20px;
        }

        &.active,
        &:active,
        &:focus,
        &:hover {
            text-decoration: none;
            color: var(--pc-header-color);

            >svg,
            >i {
                color: var(--pc-header-color);
            }

            &::before {
                border-radius: 0;
                transform: scale(1);
            }

            .hamburger {
                .hamburger-inner {
                    background-color: lightgray;

                    &::after,
                    &::before {
                        background-color: lightgray;
                    }
                }
            }

            i.material-icons-two-tone {
                background-color: lightGray;
            }
        }

        .pc-h-badge {
            position: absolute;
            top: 2px;
            right: 2px;
            border-radius: 50%;
            font-size: 9px;
            z-index: 9;

            &.dots {
                width: 9px;
                height: 9px;
                top: 7px;
                right: 16px;
                padding: 0;
            }
        }

        .user-desc,
        .user-name {
            display: block;
            line-height: 1;
        }

        /* .user-name {
            margin-bottom: 5px;

            font: {
                size: 15px;
                weight: 600;
            }
        } */

        /* .user-desc {
            font: {
                size: 12px;
                weight: 400;
            }

            color: #141414;
        } */
    }

    .pc-h-dropdown {
        .ti-circle {
            font-size: 7px;
            vertical-align: middle;
        }

        transform: none !important;
        top: 100% !important;

        &.dropdown-menu-end {
            right: 0 !important;
            left: auto !important;
        }
    }

    .pc-level-menu {
        position: relative;

        &:hover {
            >.dropdown-menu {
                display: block;
                left: 100%;
                top: -18px !important;
            }
        }
    }

    .pc-mega-menu {
        position: static;

        .pc-mega-dmenu {
            transform: none !important;
            left: 20px !important;
            right: 20px !important;
            top: 100% !important;
            padding: 0;

            .image-block {
                padding: 30px;

                .img-charts {
                    margin-bottom: -20px;
                }
            }

            .row.g-0 {
                >.col:not(.image-block) {
                    padding: 15px 0;
                    border-right: 1px dashed #e6ebf1;
                }
            }

            .mega-title {
                margin: 10px 25px;
                position: relative;
            }

            .pc-mega-list {
                display: block;
                list-style: none;
                padding-left: 0;
            }
        }
    }

    .drp-search {
        min-width: 20rem;
    }

    #vertical-nav-toggle {
        margin-left: -15px;
    }

    .pc-cart-menu .drp-cart {
        min-width: 20rem;
        padding: 0;

        .cart-head {
            border-radius: 2px 2px 0 0;
            padding: 20px;
            background: transparentize(shift-color(blue, -90%), 0.8);
            border-bottom: 1px solid #e6ebf1;
        }

        .cart-item {
            display: flex;
            padding: 10px 20px;

            +.cart-item {
                border-top: 1px dashed #e6ebf1;
            }

            img {
                width: 60px;
            }

            .cart-desc {
                flex: 1;
            }

            .p-star {
                fill: currentColor;
            }

            &.table-responsive {
                border-top: 1px solid #e6ebf1;
                background: transparentize(shift-color(#1890ff, -90%), 0.8);
            }

            svg {
                width: 14px;
                height: 14px;
            }
        }
    }

    .user-avtar {
        width: 40px;
        margin-right: 10px;
        border-radius: 50%;
    }

    .header-user-profile {
        .pc-head-link {
            width: auto;
            padding: 7px;
            background: transparent;

            >span>i {
                font-size: 22px;
                margin-right: 8px;
            }

            .user-avtar {
                width: 24px;
                transition: all 0.08s cubic-bezier(0.37, 0.24, 0.53, 0.99);
            }

            @include media-breakpoint-down(sm) {
                width: 40px;

                .user-avtar {
                    margin-right: 0;
                }

                >span,
                >span>i {
                    display: none;
                }
            }
        }
    }



    .dropdown-notification {
        min-width: 420px;
        max-width: 100%;

        .dropdown-header,
        .dropdown-body {
            padding: 16px 20px;
        }

        .list-group-item-action {

            &:active,
            &:hover,
            &:focus {
                background: shift-color(#1890ff, -90%);
            }

            .user-avtar,
            h5 {
                cursor: pointer;
            }
        }

        .badge {
            font-size: 0.8125rem;
            padding: 0.43em 1em;
        }

        .user-avtar {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            font-size: 20px;
        }

        .notification-file {
            display: flex;
            align-items: center;

            i {
                font-size: 20px;
                margin-right: 16px;
            }
        }

        .card {
            cursor: pointer;

            &:hover {
                background: var(--pc-active-background);
            }
        }

        @media (max-width: 575.98px) {
            min-width: calc(100% - 30px);
        }
    }
}

.dropdown-user-profile {
    min-width: 290px;
    max-width: 100%;
    width: -webkit-fill-available;

    .drp-tabs {
        display: flex;
        margin-bottom: 10px;

        .nav-item {
            margin-bottom: -0px;

            .nav-link {
                position: relative;
                padding: 0.7rem;
                font-weight: 500;
                color: #212529;
                display: flex;
                align-items: center;
                justify-content: center;

                i {
                    font-size: 18px;
                    margin: 0 4px;
                }

                .material-icons-two-tone {
                    font-size: 20px;
                }

                &:after {
                    content: '';
                    background: #1890ff;
                    position: absolute;
                    transition: all 0.3s ease-in-out;
                    left: 50%;
                    right: 50%;
                    bottom: -1px;
                    height: 2px;
                    border-radius: 2px 2px 0 0;
                }
            }
        }

        .nav-link:hover {
            border-color: transparent;
            color: #1890ff;

            .material-icons-two-tone {
                background-color: #1890ff;
            }
        }

        .nav-item.show .nav-link,
        .nav-link.active {
            border-color: transparent;
            color: #1890ff;

            .material-icons-two-tone {
                background-color: #1890ff;
            }

            &:after {
                left: 0;
                right: 0;
            }
        }
    }

    @media (max-width: 575.98px) {
        min-width: calc(100% - 30px);
    }
}

.notification-modal.modal.fade .modal-dialog {
    transform: translate(100%, 0);
}

.notification-modal.modal.show .modal-dialog {
    transform: none;
}

.notification-modal {
    padding-right: 0 !important;

    .modal-dialog {
        margin: 0 0 0 auto;
    }

    .modal-content {
        min-height: 100vh;
        border: none;
        border-radius: 0;
        box-shadow: -1px 0 9px -3px rgba(0, 0, 0, 0.6);
    }
}

@media (max-width: 1024px) {
    .pc-header {
        top: 0;
        left: 0;
        transition: all 0.15s ease-in-out;

        .m-header {
            display: none;
        }

        .pc-head-link {

            .user-desc,
            .user-name {
                display: none;
            }
        }

        .pcm-logo {
            margin-left: 30px;

            img {
                max-width: 160px;
            }
        }

        &.mob-header-active {
            top: 60px;

            .header-wrapper {
                background: var(pc-header-background);
                position: relative;
                z-index: 5;
            }
        }

        .pc-md-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: 1;
            background: rgba(0, 0, 0, 0.2);
        }

        .pc-level-menu .dropdown-menu {
            left: 0;
            display: block;
            padding-left: 30px;
        }

        .pc-mega-menu .pc-mega-dmenu .row.g-0>.col.image-block {
            display: none;
        }

        .pc-mob-drp {
            &.mob-drp-active {
                .pc-h-item {
                    display: block;
                    min-height: auto;
                    position: relative;

                    .pc-head-link {
                        display: block;
                        margin: 5px 10px !important;
                    }

                    .dropdown-menu {
                        position: relative !important;
                        width: 100%;
                        float: none;
                        box-shadow: none;
                    }
                }

                ul {
                    display: block;
                }
            }
        }
    }

    .minimenu {
        .pc-header {
            left: 0;
        }
    }
}

#pc-noti-home {
    >.media {
        &:hover {
            margin: -15px;
            padding: 15px;
            background: rgba(#1890ff, 0.1);
        }
    }
}

@include media-breakpoint-down(md) {
    .pc-mega-menu .pc-mega-dmenu {
        max-height: calc(100vh - #{60px});
        overflow-x: auto;

        .row.g-0>.col {
            flex: 100%;
        }
    }
}

@include media-breakpoint-down(sm) {
    .pc-header {
        .pc-head-link {
            padding: 0.65rem;
            margin: 0 5px;
        }

        .pc-h-item {
            position: static;

            .pc-h-dropdown {
                left: 15px !important;
                right: 15px !important;
            }
        }
    }
}
.companiesSearchList {
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

/* Equal-width status chips for input-group */
.status-chip {
    /* pick a width that fits the longest label */
    /* --chip-w: 8rem; */
    /* tweak as needed */
    flex: 0 0 var(--chip-w);
    /* no grow, no shrink, fixed width */
    width: var(--chip-w);
    justify-content: center;
    /* center the text */
    display: inline-flex;
    /* aligns with BS .input-group-text behavior */
    white-space: nowrap;
    /* prevent wrap */
}
/* hide the webpack-dev-server overlay, it was showing for benign issues with button resizes */
iframe#webpack-dev-server-client-overlay {
  display: none !important;
}

/* Font Smoothing */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
a,
td,
button,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.navbar {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Montserrat, Arial, sans-serif;
  color: #464646;
}

body {
  /* padding-bottom: env(safe-area-inset-bottom) */
  height: 100%;
  margin: 0px;
  padding: 0px;
}

#root {
  /* padding-bottom: env(safe-area-inset-bottom) */
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.esri-search__submit-button {
  display: none !important;
}

.map-wrapper {
  position: relative;
  /* establishes positioning context */
  width: 100%;
  height: 100%;
}

.map-loading-overlay {
  position: absolute;
  top: 50%;
  /* center vertically */
  left: 50%;
  /* center horizontally */
  transform: translate(-50%, -50%);
  z-index: 9999;
  /* ensure it's above the map */
  pointer-events: none;
  /* do not block map interactions if desired */
}

.map-loading-overlay .spinner-border {
  width: 3rem;
  height: 3rem;
}

.arcgis-swipe.swipe-hidden {
  display: none !important;
}

.hideSwipe {
  display: none;
}

/* #root {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
  padding-top: env(safe-area-inset-top);
  padding-right: env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
} */

#mainContainer {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.forceFont {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
}

.mainPageContent {
  flex-grow: 1;
  display: flex;
  overflow: hidden;
  z-index: 0;
}

.btn-icon-split {
  padding: 0;
  overflow: hidden;
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
}

#desktopLayoutResultsContainer {
  width: 100%;
  /* Full width within its parent */
  max-width: 100%;
  /* Prevent overflow */
  overflow-x: overlay !important;
  /* Hide horizontal overflow */
  display: flex;
  flex-wrap: wrap;
  /* Wrap content if needed */
}


#mapView {
  height: 100%;
  width: 100%;
  outline: none !important;
  padding-right: 10px;
  max-width: 100%;
}

.esri-view {
  --esri-view-outline: 0px !important;
  /* Sets the outline to 0px, a blue border was showing around the map on mobile devices*/
}

/* text color when basicDisplay text is 'prohibited */
.text-prohibited {
  color: red;
}

/* Media query for mobile devices (width 768px or less) */


.mapLoadingProgressIndicator {
  position: relative;
  top: 150px;
}

.mapLoadingProgressIndicatorAlert {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  width: 65%;
  display: flex;
  /* Use flexbox for centering */
  justify-content: center;
  /* Center the text horizontally */
  align-items: center;
  /* Center the text vertically */
}

/* .loadingDiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  font-size: larger;
  z-index: 1;
    align-items: center;
} */

.loading-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  /* Ensure it appears above other content */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  /* Optional: semi-transparent background */
  padding: 20px;
  border-radius: 8px;
}

.identifyResultsCardTitle {
  width: 50%;
}

.loading-indicator-widget {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -20%);
  z-index: 1000;
  /* Ensure it appears above other content */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  /* Optional: semi-transparent background */
  padding: 20px;
  border-radius: 8px;
}

.identifyLoaderDisabled {
  display: none;
}

.spinnerMarginTop {
  margin-top: 1rem;
  font-size: larger;
  font-weight: bolder;
}

.ParentChildCombo_Form {
  width: 100%;
}

.spinner {
  margin-left: 10px;
  border: 5px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border-top: 5px solid #000000;
  width: 48px;
  height: 48px;
  animation: spin 1s linear infinite;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  /* Prevent text wrap */
  border: 0;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.nav-tabs {
  font-size: smaller;
}



.pagwisSearchForm_downloadToast {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}


.colorRed {
  color: '#FF0000';
}


.italic-text {
  font-style: italic;
}

.fontWeightBolder {
  font-weight: bolder;
}

.searchCustomDiv {
  flex: 1 100%;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
}

.custom-esri-legend__service-label {
  flex: 1 100%;
  margin-bottom: 0.5em;
}

.simTextWidgetH6 {
  margin-left: 15px;
  line-height: 1.6;
}

.attributeFilters_div {
  margin-top: 5;
}


.searchWidget_td {
  margin-top: 20%;
}

.searchWidget_table {
  width: 90%;
  margin-left: 8%;
  margin-top: 2%;
}

.singleTextSearchWidget_table {
  width: 100%;
}

.singleTextSearchWidget_td {
  vertical-align: top;
}

.singleTextSearchWidget_div {
  height: 250;
}

.spinner {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.cursorPointer {
  cursor: pointer;
}

.textAlignLeft {
  text-align: left;
}

.centeredSliderLegend {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}

.radarIntensityImage {
  padding-left: 10px;
  padding-right: 10px;
}

.hidetimeSliderContainer {
  display: none;
}

.showtimeSliderContainer {
  display: block;
}

.coordSwitcherButton {
  position: absolute;
  top: 0;
  right: 0;
}

.numberWidget_Progress {
  height: 8px;
}

.searchWidget_div {
  margin-left: 5%;
}

.searchWidget_select {
  max-width: 250;
}

.searchWidget_td {
  text-align: center;
}

.regionLayer_select {
  max-width: 250;
}

.intentToDrill_CardImg {
  width: fit-content;
  align-self: center;
}

.nuclearFacilities_form {
  line-height: 8px;
  width: 100%;
}

.nuclearFacilities_BottomUnset {
  margin-bottom: unset;
}

.nuclearFacilities_pieLabelStyle {
  width: 15%;
}

.nuclearFacilities_div1 {
  text-align: center;
}

.plumeModel_ul {
  font-size: smaller;
}

.plumeModel_InputGroupText {
  width: 30%;
}

.plumeModel_InputGroupAddon {
  width: 50%;
}

.plumeModel_InputGroupButton {
  width: 90%;
}

.plumeModel_div1 {
  text-align: center;
}

.plumeModel_Input {
  width: 25%;
}

.prt_list_ul {
  list-style: none;
  margin-left: -20px;
}

.traceDownstream_list_ul {
  list-style: none;
  margin-left: -20px;
}

.traceDownstream_list_li {
  text-align: initial;
}

.prt_list_li {
  text-align: initial;
}

.traceDownstream_customConnectingLine {
  width: 77%;
}

.traceDownstream_customNavTabs {
  flex-wrap: unset;
}

.traceDownstream_InputGroup {
  display: flex;
  flex-wrap: nowrap;
}

.prt_InputGroup {
  display: flex;
  flex-wrap: nowrap;
}

.traceDownstream_customFormikFieldAddon {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.prt_customFormikFieldAddon {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.traceDownstream_AlignCenter {
  text-align: center;
}

.orphanedWells_customNavTabs {
  flex-wrap: unset;
}

.orphanedWell_redText {
  color: red !important;
}

.orphanedWell_specialRowHeight {
  max-height: 10px;
}

.orphanedWell_specialRowHeight100 {
  max-height: 100px;
}

.nhd_locatorWizard {
  word-wrap: unset;
}

.card {
  word-wrap: unset;
}

.trackGPS_InlineFlex {
  display: inline-flex;
}

.trackGPS_a {
  text-decoration: underline;
  color: blue;
}

.trackGPS_file {
  background: linear-gradient(to bottom, #eee, #ddd);
  border-radius: 20px;
  display: flex;
  height: 120px;
  width: 120px;
  position: relative;
  z-index: 10;
  flex-direction: column;
  justify-content: center;
}

.trackGPS_info {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  padding-right: 10px;
}

.trackGPS_size {
  background-color: GREY_LIGHT;
  border-radius: 3px;
  margin-bottom: 0.5em;
  justify-content: center;
  display: flex;
}

.trackGPS_name {
  background-color: GREY_LIGHT;
  border-radius: 3px;
  font-size: 12px;
  margin-bottom: 0.5em;
}

.trackGPS_progressBar {
  bottom: 14px;
  position: absolute;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.trackGPS_zone {
  align-items: center;
  border: 2px dashed #ccc;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 20px;
}

.trackGPS_zoneHover {
  border-color: '#686868';
}

.detailsComponents_TransformNone {
  text-transform: none;
}

.detailsComponents_Capitalize {
  text-transform: capitalize;
}

.detailsComponents_span1 {
  text-transform: none;
  width: 160px;
  vertical-align: text-top;
}


.detailsComponents_td1 {
  text-transform: none;
  vertical-align: text-top;
}

.detailsComponents_a {
  text-transform: none;
  cursor: pointer;
  color: #531fff;
}

.displayComponents_td {
  text-transform: none;
  vertical-align: text-top;
  color: #000;
}

.displayComponents_yes-class {
  height: 32px;
  width: 32px;
  cursor: pointer;
}

.displayComponents_no-class {
  height: 32px;
  width: 32px;
  cursor: default;
}

.displayComponents_slideScrollDiv {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;
}

.brcChart-button-container {
  display: flex;
  justify-content: start;
}

.brcChartMainDiv {
  margin-left: 25px;
}

.brcChart_div1 {
  color: #fff;
  background-color: #4d4d4d;
  border: none;
}

.brcChart_pColorWhite {
  color: #fff;
}

.brcChart_groupLegend_ul {
  padding-left: 0px;
}

.brcChart_groupLegend_li {
  list-style: none;
  margin: 5px;
}

.brcChart_groupLegend_label {
  color: #000;
  font-size: 8px;
  font-weight: bold;
}

.brcChart_groupLegend_div {
  border-radius: 16px;
  display: inline;
}

.brcChart_otherText1 {
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #eeeee4;
  margin: 0px;
  text-align: center;
}

.brcChart_otherText2 {
  display: inline-flex;
}

.brcChart_otherText3 {
  padding-left: 0px;
}

.brcChart_ftext {
  border-right: #eeeee4 2px solid;
}

.brcChart_ftext2 {
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #eeeee4;
  margin: 0px;
  text-align: center;
}

.brcChart_textAlignCenter {
  text-align: center;
}

.brcChart_inlineFlex {
  display: inline-flex;
}

.displayComponents_Flex {
  display: flex;
}

.displayComponents_BGWhite {
  background-color: white;
}

.identifyResultsComponent_a {
  cursor: default;
  text-transform: none;
  align-items: center;
}

.identifyResults_PagingContainer {
  align-items: center;
}

.identifyResults_PagingLI {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: unset;
}

/* .identifyResultsComponentCardHeader {
  padding: 5px;
} */

.identifyResultsCustomCardBody {
  width: 90%;
  padding: 0px;
}

#identifyResultsComponentAccordion {
  padding: 3px;
}

.displayResultsComponent_customPadding {
  padding: 3px;
}

.identifyCardBodyPadding {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.identifyResultsComponent_span {
  color: gray;
}

.identifyResultsComponent_div1 {
  height: 40px;
  display: flex;
}

.identifyResultsComponent_div2 {
  display: flex;
  float: right;
}

.identifyResultsComponent_div3 {
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  width: 100%;
  text-align: center;
  color: black;
  /* Changed to black from gray for better visibility */
  align-items: center;
  /* vertically aligns content in the center */
  justify-content: center;
  /* horizontally aligns content in the center */
}

.identifyResultsComponent_button {
  border: none;
  display: contents;
  outline: none;
  padding: 0px;
  /* background-color: #ebebeb; */
  color: black;
}

.identifyResultsComponent_button2 {
  border: none;
  outline: none;
  padding: 4px;
  /* background-color: #ebebeb; */
  color: black;
  vertical-align: middle;
}

.identifyResultsComponent_CardButtonHeader {
  /* max-width: 200px; */
  word-wrap: break-word;
  text-align: left;
}

.identifyResultsComponent_PaginationBaseline {
  align-items: center;
}

.identifyResultsComponent_MdKeyboardArrowDown {
  padding: 0;
  transition-duration: 0.3s;
  transition-property: transform;
  float: right;
}

.identifyResultsComponent_rotate-open {
  transform: rotate(90deg);
}

.identifyResultsComponent_PagingArrowPointingLeft {
  transform: rotate(90deg);
}

.identifyResultsComponent_PagingArrowPointingRight {
  transform: rotate(-90deg);
}

.identifyResultsComponent_rotate-closed {
  transform: rotate(-90deg);
}

.identifyResultsComponent_FloatRight {
  float: right;
}

.identifyResultsComponent_Transition {
  transition-duration: 0.3s;
  transition-property: transform;
}

.rotate-negative {
  transform: rotate(-90deg);
}

.identifyResultsComponent_DetailsComponent {
  padding: 0px !important;
  width: 100% !important;
}



.tertiaryDetailInfo_div1 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-start;
  padding: 10px;
  margin: 0;
  list-style: none;
  /* height: 200px; */
  height: auto;
}

.tertiaryDetailInfo_div2 {
  display: flex;
  padding-right: 20px;
  padding-top: 20px;
}

.tertiaryDetailInfo_div3 {
  height: 32px;
  width: 32px;
}

.tertiaryDetailInfo_div4 {
  height: 32px;
  width: 32px;
  cursor: default;
}

.tertiaryDetailInfo_div4_pointer {
  cursor: pointer;
}

.pagwisSearch_div1 {
  flex: 1 100%;
}

.pagwisSearch_div2 {
  flex-flow: row-reverse;
}

.pagwisSearch_colorRed {
  color: red;
}

.clearMapTool_div {
  background-color: #fff;
  border-width: 0px;
  height: 32px;
  width: 32px;
  cursor: pointer;
  padding: 5px;
}


.spatialSearchWidget_tr {
  display: none;
}

.spatialSearchWidget_table {
  display: none;
}

.spatialSearchWidget_td {
  border-top: none;
}

.spatialSearchWidget_td2 {
  width: 150px;
}

.spatialSearchWidget_p {
  text-align: center;
  background-color: #eee;
}

.spatialSearchWidget_select {
  height: 300px;
}

.swipeWidget_span1 {
  margin-left: 60%;
}

.swipeWidget_ul {
  list-style: none;
}

.swipeWidget_inlineFlex {
  display: inline-flex;
}

.dropdown-toggle::after {
  display: none;
}

.dropdown-menu {
  position: absolute;
  z-index: 10;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.dropdown-item {
  padding: 5px;
  cursor: pointer;
}

.dropdown-item:hover {
  background-color: #f5f5f5;
}

.timeSlider {
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 80px;
  z-index: 10;
  /*visibility: hidden;  hidden on load */
}

.reserveButton {
  background-color: '#464646';
  color: '#fff';
  padding: '4px';
}

.paginationContainer {
  display: flex;
  padding: 8px;
}

.paginationSpan {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: bold;
  margin-left: 5px;
  display: inline-flex;
  align-items: center;
}

.Level4DetailInfo {
  padding-left: 20px;
  padding-bottom: 20px;
}

.arrowButton {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 0;
  position: absolute;
  top: 50%;

  /* left: 50%; */
  font-weight: bold;
}

.govsec a {
  text-decoration: none;
  color: inherit;
  font-size: small;
}

.govsec a:hover {
  text-decoration: none;
  /* still no underline on hover */
}


.secondMenu {
  top: 32px;
}


.paTitle {
  max-width: 100%;
  max-height: 100%;
}

#collapserButton>svg {
  margin: 2px !important;
}

/* reduce the size of the governor and secretary text in the mnavbar */
.navbarGovSecretaryLinks {
  font-size: small;
  line-height: 0.5em;
}


.table-responsive {
  overflow-y: auto;

}

@media only screen and (max-width: 767px) {
  .table-responsive {
    overflow-y: auto;
    height: unset;
    height: 200px;
  }
}

/* override the bootstrap background color for bg-light */
.bg-light {
  /* background-color: rgb(235, 235, 235) !important; */
}

.bg-gradient-theme {
  background: linear-gradient(to bottom,
      theme-color('primary'),
      theme-color('secondary'));
}

.bg-gradient-theme-top {
  background: linear-gradient(to top,
      theme-color('primary'),
      theme-color('secondary'));
}

.bg-gradient-theme-left {
  background: linear-gradient(to left,
      theme-color('primary'),
      theme-color('secondary'));
}

.bg-gradient-theme-right {
  background: linear-gradient(to right,
      theme-color('primary'),
      theme-color('secondary'));
}

.esri-swipe--horizontal .esri-swipe__container {
  outline: none;
}

.react-date-picker__wrapper {
  border: none !important;
}


@media (max-width: 768px) {
  .paTitle {
    max-width: 25%;
  }

  .react-datepicker-wrapper {
    width: 100%;
  }

  .react-datepicker__input-container {
    width: 100%;
  }
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* height: 25px; */
}

.formikField {
  text-transform: capitalize;
}

.formikError {
  font-size: 14px;
  color: red;
}

/* desktop 
@media (min-width: 1401px) {
  .modal-dialog {
    height: 100%;
  }
  .custom-modal-style {
    height: 50%;
    width: 75%;
    min-width: unset !important;
  }
  .flex-container-theme-widget {
    width: 350px;
  }
  .modal-content {
    width: 100% !important;
    
  }
}*/

.button-outline {
  border: 1px solid black;
  outline-style: solid;
  outline-color: black;
  outline-width: thin;
}

.btn.btn-secondary:disabled {
  background-color: #ebebeb;
  color: #464646;
}

.nav-item {
  font-family: 'Open Sans', sans-serif;
}

.nav-item .nav-link {
  display: flex;
  align-items: center;
}

.nav-item .nav-link.active {
  color: #000;
  opacity: 1;
  font-weight: bolder;
}

.no-transition {
  transition: none !important;
}

/* .no-table-margin {
  margin: 0px !important;
} */

.nav-link-icon {
  padding-top: 12px !important;
}

.row-override {
  margin-left: unset !important;
  margin-right: unset !important;
}

#QueryResultsDiv {
  padding-right: 5px;

  @media (max-width: 1400px) {
    padding-left: 10px;
  }

  /* padding-bottom: 30px; */
}

/* CSV <a> link match bootstrap font */
#CSVLink {
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: bold;
}

.svg-class {
  padding: 0px;
  transform: rotate(-90deg);
  transition-duration: 0.3s;
  transition-property: transform;
}

.esri-layer-list .esri-widget .esri-widget--panel {
  margin-left: 12px;
}

.accordion-body {
  font-size: 13px;
  width: 100%;
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  width: fill-available;
}

.accordion-text {
  color: #464646 !important;
}

.rowPaddingNone {
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.labelPaddingNone {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.verticalLine {
  border-left: 6px solid #464646;
  height: 100%;
  padding-left: 10px;
}

.mapToast {
  height: 100px;
  width: 60px;
  flex: 100px 1 0;
  border: solid 1px black;
  border-radius: 5px;
  margin-bottom: -80px;
  background-color: white;
  box-shadow: 3px 3px 3px gray;
}

.custom-link {
  color: #531fff !important;
}

.error {
  width: 200px;
  height: 20px;
  height: auto;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  bottom: 10px;
  background-color: #383838;
  color: #464646;
  font-family: 'Open Sans';
  font-size: 20px;
  padding: 10px;
  text-align: center;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
  -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
  box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
}

.card-subheader {
  font-size: smaller;
  font-style: italic;
  color: red;
}

.secondaryCardHeader {
  margin-left: 15px;
  text-transform: none;
}

.tertiaryCardHeader {
  margin-left: 30px;
  text-transform: none;
}

.tertiaryImgContainer_div {
  height: 32px;
  width: 32px;
}

.QuickIdContainer {
  /* display: flex;
  flex-direction: column;
  padding-left: 10px; */
  position: relative;
  /* padding: 20px; */
  /* Adjust as needed */
}

.QuickIdEmpty {
  margin-top: 5px;
  text-align: center;
}

.QuickIdComponent_button {
  height: 30px;
}

.QuickIdComponent_VscGlobe {
  font-size: 16px;
  vertical-align: unset;
}

.quickIDButtonAlignment {
  align-self: flex-start;
}

.QuickIdTR {
  padding: 0px !important;
}

.QuickIdTableOverride {
  margin-left: 10px;
  margin-bottom: 0px;
}

.regionOptions {
  text-transform: capitalize !important;
}

.regionValue_displayBlock {
  display: block;
}

.regionValue_displayNone {
  display: none;
}

.card-header-disabled {
  /* // color:#EBEBEB !important; */
  font-weight: lighter !important;
}

.badge:empty {
  display: inline-block;
}

.resultsCardOverride {
  margin-bottom: 0px !important;
  padding: 0px !important;
  font-weight: bolder !important;
}

.p-3-Override {
  padding: 0px !important;
}

.mb-5-Override {
  padding: 0px !important;
}

.th-no-border {
  border-top: none !important;
}

.navbar-brand {
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 7px;
  box-shadow: none;
}

.nav-item-header {
  margin-top: 0px !important;
  margin-right: 0px;
  margin-bottom: 0px !important;
  margin-left: 0px;
}

/* //  .Pane.horizontal.Pane2 {
	// 	overflow-x: auto;
	// 	overflow-y: hidden;
	// 	background-color: white;
	//  } */

.Pane2 {
  overflow-x: auto;
  overflow-y: auto;
}

.media-left {
  padding-top: 5px;
}

.media-body {
  padding-top: 5px;
}

/* //override some esri styles here as well as any tables
	//.esri-widget *, .esri-legend *, .table *{
	//  font-family: 'Open Sans', sans-serif !important;
	//} */

.esri-view-width-xsmall .esri-expand--auto .esri-expand__mask--expanded {
  background-color: transparent !important;
}

.esri-legend__layer-table .esri-legend__layer-table--size-ramp {
  visibility: hidden !important;
  height: 0px;
}

.esri-legend__layer-caption {
  visibility: hidden !important;
  height: 0px;
}

/* // .esri-legend__service > h3 {
	// 	visibility: hidden !important;
	//     height: 0px; }
	//div.esri-legend__message {
	//    display: none;
	// } */
div.esri-legend__message:after {
  content: 'No layers are currently visible on the map. Turn on a layer and/or change the zoom to view the legend for scale-dependent layers.';
  margin-left: -70px;
  background-color: #fff;
}

.navbar-font {
  font-family: 'Open Sans', sans-serif;
}


.flexLayout {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  display: inline-block;
  margin-left: -5px;
  margin-right: 5px;
  min-width: -webkit-fill-available;
}

.flexLayoutSpatialSearches {
  display: flex;
  flex-wrap: wrap;
  margin: 10px;
}



.customThemeStyleFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
  background-color: rgb(255, 255, 255);
}

.horizontalNav {
  padding-right: 15px !important;
}

.sidescroll::-webkit-scrollbar,
.Pane.horizontal.Pane2::-webkit-scrollbar {
  width: 12px;
  /* width of the entire scrollbar */
}

/* for smaller screens */
@media (max-width: 100px) {

  .skeleton {
    background-color: #f2f2f2;
    /* Background color of the skeleton */
    border-radius: 4px;
    /* Rounded corners for the skeleton */
    height: 16px;
    /* Height of the skeleton */
    width: 100px;
    /* Width of the skeleton */
    animation: skeleton-loading 1s infinite ease-in-out;
    /* Animation effect */
  }

  @keyframes skeleton-loading {
    0% {
      opacity: 0.6;
      /* Initial opacity of the skeleton */
    }

    50% {
      opacity: 0.8;
      /* Intermediate opacity of the skeleton */
    }

    100% {
      opacity: 0.6;
      /* Final opacity of the skeleton */
    }
  }

  .dropdown-menu .dropdown-menu-right .show {
    width: 94% !important;
  }



  .navbarbrandSpanWDivider {
    font-size: 12px;
    /* padding: 0px 0px 0px 5px; */
    width: 80%;
  }

  .esri-view-height-xsmall .esri-expand .esri-widget--panel,
  .esri-view-height-xsmall .esri-expand .esri-widget--panel-height-only,
  .esri-view-height-xsmall .esri-ui-corner .esri-component.esri-widget--panel,
  .esri-view-height-xsmall .esri-ui-corner .esri-component.esri-widget--panel-height-only {
    max-height: 240px;
  }

  .customThemeStyle {
    max-height: 240px;
  }

  .esri-view-height-xsmall .esri-ui-corner .esri-component .esri-expand__content {
    box-shadow: none;
  }
}

/* set the z-index of the scale bar negative or else it shows over top of other widgets */
.esri-component .esri-scale-bar .esri-widget .esri-scale-bar__line {
  z-index: -1 !important;
}

.SplitPane.vertical {
  height: calc(100vh - 110px);
  overflow-x: auto;
}


.navbar-light .navbar-brand {
  color: #000;
  /*padding-left: 10px; */
}

.nav .nav-item {
  outline-width: 1px;
  /* //background-color: #ebebe0; */
  font-family: 'Open Sans', sans-serif;

  @media (max-width: 1400px) {
    margin: 5px 10px;
  }

  border-radius: 4px;
}

.Resizer {
  flex: 0 0 auto;
  width: 18px;

  min-height: 11px;
  cursor: col-resize;
  z-index: 2;
}

.Resizer:hover {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.Resizer.horizontal {
  height: 11px;

  background: url(/PennEnviroScreen/01879d66de08b2407c2e.png) center center no-repeat #ebebeb;
  margin: -5px 0;
  border-top: 5px solid rgba(255, 255, 255, 0);
  border-bottom: 5px solid rgba(255, 255, 255, 0);
  cursor: row-resize;
  width: 100%;
  /* z-index: 10; */
}

.sash-horizontal:before {
  content: '';
  /* //position: absolute; */
  left: 0;
  right: 0;
  margin-top: -8px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  width: 0 !important;
  height: 0;
  border-bottom: 8px solid #000;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  display: flex;
}

.sash-horizontal:after {
  content: '';
  /* //position: absolute; */
  left: 0;
  right: 0;
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  width: 0;
  height: 0;
  border-top: 8px solid #000;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  display: flex;
}

.Resizer.vertical {
  width: 11px;
  background: url(/PennEnviroScreen/df1d65cbc73ba2c17f41.png) center center no-repeat #ebebeb;
  /*margin: 0 -5px;*/
  /*border-left: 5px solid rgba(255, 255, 255, 0);
			border-right: 5px solid rgba(255, 255, 255, 0);*/
  cursor: col-resize;
  /* //background-color: #007336;	 */
}

.Resizer.vertical:before {
  content: '';
  position: absolute;
  top: 50%;
  border-bottom: 16px solid transparent;
  /* left arrow slant */
  border-top: 16px solid transparent;
  /* right arrow slant */
  border-right: 11px solid #000;
  /* bottom, add background color here */
  margin-left: -11px;
  display: block;
  transform: translateY(-50%);
}

.Resizer.vertical:after {
  content: '';
  position: absolute;
  top: 50%;
  border-bottom: 16px solid transparent;
  /* left arrow slant */
  border-top: 16px solid transparent;
  /* right arrow slant */
  border-left: 11px solid #2f2f2f;
  /* bottom, add background color here */
  margin-left: 10px;
  display: block;
  transform: translateY(-50%);
}

.Resizer.disabled {
  cursor: not-allowed;
}

.Resizer.disabled:hover {
  border-color: #000000;
}

.sidescroll::-webkit-scrollbar-button:vertical,
.Pane.horizontal.Pane2::-webkit-scrollbar-button:vertical {
  /* background-color: transparent; */
  background-size: 10px 9px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 12px;
  width: 1em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAACXSURBVDhPnY9BEoAgCEXRTuBRPKF5QoeTuHVXwURjik72NqTA+2aOCxjgveeaUuKqMRTEGEFaxhgIIfB3i71rR+2dPFIXUHqLdkeoAi1x9IpOMEoitF4nmP2v1nsJZulCO/MSzNKFduYRfEkX6tlH8CVdqGdZsJIuyA4LVtIF2dmcc3sphQ+rICLYnPN9XId2LVn+gohwAkeUVKDDXfM/AAAAAElFTkSuQmCC);
}

.sidescroll::-webkit-scrollbar-button:end:increment:vertical,
.Pane.horizontal.Pane2::-webkit-scrollbar-button:end:increment:vertical {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAACTSURBVDhPnZDREQARDETRgUqMTnSiBCUaFd3dZjDu5Ix4PxGymx06hHA559QJpRRlTsUAWmOtra0caE2MsbZyoDU4aK3pQkLTkEFKiRoJTUMGQJJinO0GkhTjbDcAOym+My+DnRTfmZcBWKXg3iaDVQrubTIA3Ka/ZKwBt+kvGWsAxo3Lf7ke6nnCe08150x1Rqkbg2QfKlY89aEAAAAASUVORK5CYII=);
  cursor: pointer;
}

.sidescroll::-webkit-scrollbar-button:horizontal,
.Pane.horizontal.Pane2::-webkit-scrollbar-button:horizontal {
  background-color: transparent;
  background-size: 10px 9px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 12px;
  width: 1em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAB0SURBVDhPrdPbDYAgDIXhlo0YkRGYjHQSRvAWDkZCmrbxe1ETz/+AkY8LOdVaqfdOIkKuQCmF1tdNgd0Q1IA2hG3AMoRPwDOEJxAZQso5h8e3NK5hqbVGzDwe/f45xHE/hT/jyhJSA6CFTAHYhVwBeH9noRPjP3lGfgup0wAAAABJRU5ErkJggg==);
}

.sidescroll::-webkit-scrollbar-button:end:increment:horizontal,
.Pane.horizontal.Pane2::-webkit-scrollbar-button:end:increment:horizontal {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAB2SURBVDhPvdPbCcAgDIXhk27gJOImbuIIjuhI6QXPSyVELfR/agr5oEol56wxRoQQUErBalJr1f78JCK43vXJbwDYLGQCzINcgFnQNMDe0DLACB19Xk5VkVLaB9g2cH9Ca+3HQ9y+RmuRmYC3yAZgdpF9/J2BE3VdOeDQe3TsAAAAAElFTkSuQmCC);
  cursor: pointer;
}

.sidescroll::-webkit-scrollbar-track,
.Pane.horizontal.Pane2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  border-radius: 10px;
}

.sidescroll::-webkit-scrollbar-thumb,
.Pane.horizontal.Pane2::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-image: -webkit-gradient(linear,
      left bottom,
      left top,
      color-stop(0.44, rgba(0, 0, 0, 0.4)),
      color-stop(0.72, grey),
      color-stop(0.86, rgba(0, 0, 0, 0.3)));
}

.esri-widget--panel {
  padding-left: 10px;
}

.esri-legend__service {
  /* //display: flex; */
  flex-direction: row-reverse;
  /* //float: left; */
  align-items: flex-end;
}

.esri-legend__service>h3 {
  font-weight: normal;
  margin-left: 10px;
  margin-bottom: 0px;
}

/* Responsive
==================================== */
@media all and (max-width: '200px') {
  .Rtable--collapse {
    display: block;
  }

  .Rtable--collapse>.Rtable-cell {
    width: 100% !important;
  }

  .Rtable--collapse>.Rtable-cell--foot {
    margin-bottom: 1em;
  }
}

.no-flexbox .Rtable {
  display: block;
}

.no-flexbox .Rtable>.Rtable-cell {
  width: 25%;
}

.no-flexbox .Rtable>.Rtable-cell--foot {
  margin-bottom: 1em;
}

/* // utils */
.can-click {
  cursor: pointer;
}

.overflow-hidden {
  overflow: hidden;
}

/* Keep modal above Esri widgets / other UI */
.modal.show {
  z-index: 2000;
}

/* Prevent BS4’s default center animation when .fade sneaks in */
.modal .modal-dialog {
  transform: none !important;
}

/* Make sure content gets clicks even if parent uses pointer-events:none */
.modal .modal-dialog .modal-content {
  pointer-events: auto;
}

.modal-content {
  height: auto;
}

.modal-header {
  background-color: #ebebeb;
  color: #464646;
}

.modal-title {
  margin-left: 10px !important;
  color: #464646;
}

.modal-title {
  max-height: 250px;
  overflow-y: auto;
}

button.close {
  color: #464646;
}

#tabContent::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  /* width of the entire scrollbar */
}

#tabContent::-webkit-scrollbar-button:vertical {
  background-color: transparent;
  background-size: 10px 9px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 12px;
  width: 1em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAACXSURBVDhPnY9BEoAgCEXRTuBRPKF5QoeTuHVXwURjik72NqTA+2aOCxjgveeaUuKqMRTEGEFaxhgIIfB3i71rR+2dPFIXUHqLdkeoAi1x9IpOMEoitF4nmP2v1nsJZulCO/MSzNKFduYRfEkX6tlH8CVdqGdZsJIuyA4LVtIF2dmcc3sphQ+rICLYnPN9XId2LVn+gohwAkeUVKDDXfM/AAAAAElFTkSuQmCC);
}

#tabContent::-webkit-scrollbar-button:end:increment:vertical {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAACTSURBVDhPnZDREQARDETRgUqMTnSiBCUaFd3dZjDu5Ix4PxGymx06hHA559QJpRRlTsUAWmOtra0caE2MsbZyoDU4aK3pQkLTkEFKiRoJTUMGQJJinO0GkhTjbDcAOym+My+DnRTfmZcBWKXg3iaDVQrubTIA3Ka/ZKwBt+kvGWsAxo3Lf7ke6nnCe08150x1Rqkbg2QfKlY89aEAAAAASUVORK5CYII=);
  cursor: pointer;
}

#tabContent::-webkit-scrollbar-button:horizontal {
  background-color: transparent;
  background-size: 10px 9px;
  background-repeat: no-repeat;
  background-position: center center;
  height: 12px;
  width: 1em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAB0SURBVDhPrdPbDYAgDIXhlo0YkRGYjHQSRvAWDkZCmrbxe1ETz/+AkY8LOdVaqfdOIkKuQCmF1tdNgd0Q1IA2hG3AMoRPwDOEJxAZQso5h8e3NK5hqbVGzDwe/f45xHE/hT/jyhJSA6CFTAHYhVwBeH9noRPjP3lGfgup0wAAAABJRU5ErkJggg==);
}

#tabContent::-webkit-scrollbar-button:end:increment:horizontal {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAB2SURBVDhPvdPbCcAgDIXhk27gJOImbuIIjuhI6QXPSyVELfR/agr5oEol56wxRoQQUErBalJr1f78JCK43vXJbwDYLGQCzINcgFnQNMDe0DLACB19Xk5VkVLaB9g2cH9Ca+3HQ9y+RmuRmYC3yAZgdpF9/J2BE3VdOeDQe3TsAAAAAElFTkSuQmCC);
  cursor: pointer;
}

#tabContent::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  border-radius: 10px;
}

#tabContent::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-image: -webkit-gradient(linear,
      left bottom,
      left top,
      color-stop(0.44, rgba(0, 0, 0, 0.4)),
      color-stop(0.72, grey),
      color-stop(0.86, rgba(0, 0, 0, 0.3)));
}

div.locationEnable {
  background-color: darkgray !important;
  color: lightgray !important;
}

span.esri-icon-locate {
  margin-top: 1px;
}

/* on mobile setting width to unset prevents the div from going off the screen */
.esri-ui-corner .esri-expand .esri-widget--panel,
.esri-ui-corner .esri-expand .esri-widget--panel-height-only,
.esri-ui-corner .esri-component>.esri-widget--panel,
.esri-ui-corner .esri-component.esri-widget--panel {
  /* width: unset; */
}

/* .flex-container-theme-widget {
  display: flex;
  flex-direction: column;
  height: 350px;
  overflow-y: scroll;
  padding: 5px;
  background-color: #fff;
} */

/* .theme-widget-images {
  width: 100px;
  height: 80px;
  padding: 5px;
  cursor: pointer;
} */

/* .theme-widget-label {
  cursor: pointer;
} */

/* .themeselected {
  background: #49b0f247;
} */

/* fix for esri map expand buttons on phones */
@media (max-width: 1400px) {
  .esri-expand__container.esri-expand__container--expanded {
    position: relative !important;
    width: auto !important;
  }

}

/* //fix for esri map expand buttons on small screen phones */
@media (max-width: 500px) {
  .esri-view-width-xsmall .esri-expand--auto .esri-expand__container--expanded {
    position: relative;
    /* width: 255px !important; */
    /* height: 175px !important; */
  }

  .esri-view-width-xsmall .esri-expand--auto .esri-expand__container--expanded .esri-expand__panel {
    width: unset;
  }

  .react-toast-notifications__container {
    overflow: visible;
  }

  /* //make toast fit small screens */
  .react-toast-notifications__toast {
    width: unset !important;
  }

  .esri-distance-measurement-2d .esri-widget .esri-widget--panel {
    width: min-content;
  }
}

.dropdown {
  position: relative;
  display: inline-block;
}

.buffer-tool-dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.buffer-tool-dropdown-content a {
  color: black;
  padding: 6px 10px;
  text-decoration: none;
  display: block;
}

.buffer-tool-dropdown-content a:hover {
  background-color: #f1f1f1;
}

.show {
  display: flex;
}

.geometry-button:hover,
.geometry-button:focus {
  background: #0079c1;
  color: #e4e4e4;
}

.geometry-button-selected {
  background: #0079c1;
  color: #e4e4e4;
}

#infoDiv {
  position: absolute;
  top: 15px;
  left: 60px;
}

#infoDiv input {
  border: none;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
}

.esri-widget--button.active,
.esri-widget--button.active:hover,
.esri-widget--button.active:focus {
  cursor: default;
  background-color: #999696;
}

.esri-widget--button.active path,
.esri-widget--button.active:hover path,
.esri-widget--button.active:focus path {
  fill: #e4e4e4;
}

/* on mobile, there is an odd shadow showing up on the expand contents, this removes it */
.esri-expand__content {
  box-shadow: none;
}


.main {
  flex-direction: column;
  height: 100%;
}

/* Fix for some calcite styles */
.esri-widget h3 {
  font-size: 1rem;
}

.esri-widget li {
  margin: 0;
}

.modal-title {
  margin-left: 32%;
}

.pagination-icons {
  width: 1.5rem;
  height: 1.5rem;
}

.swipeWidget_pointer {
  cursor: pointer;
}

.swipeContainer li {
  list-style: none;
}

.swipeContainer {
  background-color: #fff;
  padding: 5px;
  top: 100px;
  width: 300px;
  right: 50px;
  overflow: auto;
  /* height: 60vh; */
  max-height: 350px;
}

.swipe_Label1 {
  font-size: 14px;
  font-family: 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 100;
  padding-left: 5px;
  display: inline-flex;
}

.swipe_a {
  display: inline-flex;
  cursor: pointer;
  font-size: 14px;
  font-family: 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 100;
  padding-left: 5px;
  color: black;
  outline: none;
  list-style: none;
  color: black;
  text-decoration: none;
}

.LODWidget {
  padding: 5px;
  font-weight: 700;
  background-color: white;
  opacity: .75;
}


.splitterSidebar_ArrowClassRotate0 {
  transform: rotate(0deg);
}

.splitterSidebar_ArrowClassRotate90 {
  transform: rotate(-90deg);
}

.themeWidget_label {
  /* min-width: max-content; */
  width: -webkit-fill-available;
  cursor: pointer;
  padding: 32px 0px 0px 0px;
}

.themeWidget_li {
  border: none;
  margin-right: 5px;
  width: 100%;
  border-left: solid #fff 5px !important;
  cursor: pointer;
  display: inline-flex;
}

.themeWidget_img {
  width: 100px;
  height: 80px;
  padding: 5px;
  cursor: pointer;
}

.authenticationApp_div1 {
  background-color: #f8d7da;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  padding: 10px;
}

.authenticationApp_p {
  font-weight: bold;
  color: #721c24;
  margin-bottom: 10px;
}

.authenticationApp_div2 {
  font-size: 24px;
  color: #1e90ff;
  text-align: center;
}

.formikSignin_container {
  height: 100vh;
}



.createLayerList_PennEviroScreen_a {
  color: slateblue;
  text-decoration: underline;
}

.esri-layer-list-panel__content--string {
  /* margin: 0px 0%; */
  text-align: justify;
}

div#swipebasemapGallery li {
  /* border-bottom: 1px solid rgba(110, 110, 110, 0.3); */
  background-color: #fff;
  padding: 2px;
  text-align: left;
  text-transform: capitalize;
}

div#swipebasemapGallery ul {
  padding: 5px;
  font-size: 15px;
  font-weight: 500;
  margin: 0px;
}

/*
	-removed this style as it made the search button bigger than all the rest of the buttons
.esri-expand__panel {

  padding: 2px !important;
}*/
div#swipebasemapGallery li input {
  margin-right: 15px;
  margin-top: 10px;
  margin-left: 10px;
}

div#swipelayerlist li input {
  margin-right: 15px;
  /*margin-top: 10px;*/
  margin-left: 10px;
}

div#swipelayerlist li {
  /* border-bottom: 1px solid rgba(110, 110, 110, 0.3); */
  background-color: #fff;
  padding: 2px;
  text-align: left;
  text-transform: capitalize;
}

div#swipelayerlist ul {
  padding: 5px;
  font-size: 15px;
  font-weight: 500;
  margin: 0px;
}

li.swipeliselected {
  background-color: #f9f9f9 !important;
}

.swipehidden {
  display: none;
}

.swipevisible {
  display: block;
}

div.BrcchartWin {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.esri-elevation-profile {
  display: grid !important;
}

.esri-elevation-profile__footer {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center;
  margin-top: 5px !important;
}

button.esri-elevation-profile-legend__checkbox {
  display: none !important;
}

.esri-elevation-profile-statistics__statistic--hidden {
  display: block;
}

.esri-elevation-profile__prompt-container p {
  display: none;
}

.esri-elevation-profile__prompt-container:after {
  content: 'Select "New Profile" below, then draw a line to generate an elevation profile.';
}

.esri-elevation-profile-statistics {
  /* width: 220px !important; */
  overflow: hidden;
}

button.esri-elevation-profile-settings {
  width: 40px !important;
}

.esri-elevation-profile__actions-container {
  justify-content: unset !important;
}

.esri-elevation-profile {
  display: grid !important;
  width: 100%;
}

.esri-elevation-profile__action-button {
  width: unset;
  max-width: max-content;
}

.qry-btn-active {
  background: #0079c1;
  color: #e4e4e4;
}

/* Publication Widget Style End*/

.resultsCardOverride {
  background-color: rgb(235, 235, 235) !important;
}

.resultsCardOverride>a,
a:hover {
  color: #808080;
  text-decoration: none;
}

.resultsCardOverride>a:hover {
  color: #808080;
  text-decoration: none;
}

.identifyContentHeader {
  text-transform: none;
  font-size: 20px;
  color: #464646;
}

.identifyTable {
  font-size: 14px;
  width: -webkit-fill-available;
  line-height: 1.15;
}

.quickIdTable {
  font-size: 14px !important;
}

/* .quicIdTableRowLabel {
  font-size: 14px;
  width: 120px;
  padding-left: 15px;
}

.quicIdTableRowData {
  font-size: 14px;
  padding-left: 15px;
} */

.verticalSpacer {
  height: 6px;
}

.paginate-disable {
  pointer-events: none;
  opacity: 0.2;
}

/* Wizard Style ------------------------------------------------------------------------------*/

.d-flex {
  display: flex;
}

.justify-content-center {
  justify-content: center;
}

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

.wizard .nav-tabs {
  position: relative;
  margin-bottom: 0;
  border-bottom-color: transparent;
}

.wizard>div.wizard-inner {
  position: relative;
  margin-bottom: 50px;
  text-align: center;
  padding: 8px;
}

.orphanedWells_connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 75%;
  margin: 0 auto;
  left: 5px;
  right: 0;
  top: 22px;
  z-index: 1;
}

.orphanedWells_alignLeft {
  text-align: left;
}

.connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 78%;
  margin: 0 auto;
  left: 5px;
  right: 0;
  top: 22px;
  z-index: 1;
}

.wizard .nav-tabs>li.active>a,
.wizard .nav-tabs>li.active>a:hover,
.wizard .nav-tabs>li.active>a:focus {
  color: #555555;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}

.wizard .nav-tabs>li a i {
  display: none;
}

span.round-tab {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 16px;
  color: #0e214b;
  font-weight: 500;
  border: 1px solid #ddd;
}

span.round-tab i {
  color: #555555;
}

.wizard li.active span.round-tab {
  background: #0db02b;
  color: #fff;
  border-color: #0db02b;
}

.wizard li.active span.round-tab i {
  color: #5bc0de;
}

.wizard .nav-tabs>li.active>a i {
  color: #0db02b;
}

.wizard .nav-tabs>li {
  width: 25%;
}

.nuclearWizard {
  width: 20% !important;
}

.wizard li:after {
  content: ' ';
  position: absolute;
  left: 46%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: red;
  transition: 0.1s ease-in-out;
}

.wizard .nav-tabs>li a {
  width: 30px;
  height: 30px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0;
  background-color: transparent;
  position: relative;
  top: 0;
}

.wizard .nav-tabs>li a i {
  position: absolute;
  top: -15px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  font-weight: 700;
  color: #000;
}

.wizard .nav-tabs>li a:hover {
  background: transparent;
}

.wizard .tab-pane {
  position: relative;
  /* padding-top: 20px; */
}

.wizard h3 {
  margin-top: 0;
}

.prev-step,
.next-step {
  font-size: 13px;
  padding: 8px 24px;
  border: none;
  border-radius: 4px;
  margin-top: 30px;
  color: rgb(255, 255, 255);
}

.next-step {
  background-color: #0db02b;
}

.skip-btn {
  background-color: #cec12d;
}

.step-head {
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
}

.term-check {
  font-size: 14px;
  font-weight: 400;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 40px;
  margin: 0;
  opacity: 0;
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 40px;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 2;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 38px;
  padding: 0.375rem 0.75rem;
  line-height: 2;
  color: #495057;
  content: 'Browse';
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.footer-link {
  margin-top: 30px;
}


.list-content {
  margin-bottom: 10px;
}

.list-content a {
  padding: 10px 15px;
  width: 100%;
  display: inline-block;
  background-color: #f5f5f5;
  position: relative;
  color: #565656;
  font-weight: 400;
  border-radius: 4px;
}

.list-content a[aria-expanded='true'] i {
  transform: rotate(180deg);
}

.list-content a i {
  text-align: right;
  position: absolute;
  top: 15px;
  right: 10px;
  transition: 0.5s;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #fdfdfd;
}

.list-box {
  padding: 10px;
}

.signup-logo-header .logo_area {
  width: 200px;
}

.signup-logo-header .nav>li {
  padding: 0;
}

.signup-logo-header .header-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.list-inline li {
  display: inline-block;
}

.pull-right {
  float: right;
}

/* huntingHoursWidget Style Start */
.huntingHoursWidget_Hyperlink {
  color: #0056b3;
}

/* huntingHoursWidget Style End */

/* SeasonBagLimits Style Start */
.SeasonBagLimits_filterCheckbox {
  padding-left: 25px;
}

/* SeasonBagLimits Style End */

/* TrackGPS Style Start */
.TrackGPS_validationError {
  color: red;
}

.TrackGPS_latitudeSection {
  display: inline-flex;
  margin-top: 5px;
}

.TrackGPS_SampleCSVLink {
  color: #531fff;
  text-decoration: underline;
}

.TrackGPS_csvUploader {
  align-items: center;
  border: 2px dashed #ccc;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 20px;
  border-color: #686868;
}

.TrackGPS_csvUploader_file {
  background: linear-gradient(to bottom, #eee, #ddd);
  border-radius: 20px;
  display: flex;
  height: 120px;
  width: 120px;
  position: relative;
  z-index: 10;
  flex-direction: column;
  justify-content: center;
}

.TrackGPS_csvUploader_info {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  padding-right: 10px;
}

.TrackGPS_csvUploader_size {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  margin-bottom: 0.5em;
  justify-content: center;
  display: flex;
}

.TrackGPS_csvUploader_name {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  margin-bottom: 0.5em;
  font-size: 12px;
}

.TrackGPS_csvUploader_progressBar {
  position: absolute;
  bottom: 14px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.TrackGPS_csvUploader_remove {
  height: 23px;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 23px;
}

/* TrackGPS Style End */
/* Antler Restriction Style Start */
.AntlerRestriction_btnDiv {
  text-align: center;
}

/* Antler Restriction Style End */

/*Style for Annotation Widget Start */
.annotationWidget :host([active]) .button,
:host([active]) .button:hover,
.annotationWidget :host([active]) .button:focus,
.annotationWidget :host([active][loading]) .button {
  background-color: var(--calcite-ui-foreground-3);
  fill: var(--calcite-ui-text-1);
  color: var(--calcite-ui-text-1);
}

.annotationWidget button {
  position: relative;
  margin: 0px;
  display: flex;
  width: auto;
  cursor: pointer;
  align-items: center;
  justify-content: flex-start;
  border-style: none;
  background-color: var(--calcite-ui-foreground-1);
  fill: var(--calcite-ui-text-3);
  font-family: var(--calcite-sans-family);
  font-size: var(--calcite-font-size--2);
  line-height: 1rem;
  font-weight: var(--calcite-font-weight-medium);
  color: var(--calcite-ui-text-3);
  outline-offset: 0px;
  padding: 10px;
  margin: 0px 2px;
  outline-color: transparent;
  transition: outline-offset 100ms ease-in-out 0s,
    outline-color 100ms ease-in-out 0s;
  text-align: unset;
}

.annotationWidget button:disabled,
.annotationWidget button[disabled] {
  color: #b9b9b9;
}

.annotationWidget .esri-sketch__button--selected {
  background: #eaeaea;
  color: #000;
}

.annotationWidget .esri-sketch__button.esri-sketch__button--selected,
.annotationWidget .esri-sketch__button.esri-sketch__button--selected:hover {
  background: #6c757d;
  color: #fff;
}

.annotationWidget .esri-icon-comment:before {
  content: 'T' !important;
}

.annotationWidget .divSymbolSelector {
  width: -webkit-fill-available;
  display: none;
  width: 100%;
  border-top: solid 1px #4c4c4c;
}

.annotationWidget .divDrawGraphicsSelector {
  display: none;
  width: 100%;
  border-top: solid 1px #4c4c4c;
}

.annotationWidget .GraphicsSelector {
  margin: 0px;
  display: flex;
}

.annotationWidget .polygonOutLineColorPicker,
.annotationWidget .polygonColorPicker,
.annotationWidget .lineColorPicker,
.annotationWidget .pointColorPicker,
.annotationWidget .pointOutLineColorPicker {
  width: 32px;
  height: 32px;
}

.annotationWidget .divrenderLineSymbol,
.annotationWidget .divrenderPointSymbol,
.annotationWidget .divrenderPolygonSymbol,
.annotationWidget .divrenderTextSymbol {
  margin: 0px;
}

.annotationWidget .tdFontStyle {
  display: flex;
}

.annotationWidget .divSymbolSelector input,
.annotationWidget .divSymbolSelector select {
  width: -webkit-fill-available;
}

.annotationWidget div.divSymbolSelector input,
.annotationWidget div.divSymbolSelector select {
  border: solid 0px #464646;
}

.annotationWidget .divSymbolSelector table,
.annotationWidget .divSymbolSelector td {
  width: -webkit-fill-available;
  border-collapse: collapse;
  border: none;
  border-bottom: solid #ded5d5 1px;
  padding: 2px;
  border-right: solid #ded5d5 1px;
  border-left: solid #ded5d5 1px;
  color: #464646 !important;
  font-size: 12px;
}

.annotationWidget .divSymbolSelector table tr td:last-child {
  border-right: none !important;
  background-color: #fff;
}

.annotationWidget .customSketchCollapseButton {
  width: 30px;
  height: 30px;
  border: none;
  background: none;
  position: relative;
  margin-left: auto;
  margin-right: 0px;
  cursor: pointer;
  float: right;
}

.annotationWidget .hideSketchTool {
  display: none;
}

.annotationWidget .showOnTop {
  vertical-align: baseline;
}

.annotationWidget .esri-icon-edit {
  display: none;
}

.annotationWidget #drawReactSVGIcon {
  height: 32px;
  width: 32px;
  padding: 5px;
  cursor: pointer;
}

.annotationWidget input::-webkit-outer-spin-button,
.annotationWidget input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*Style for Annotation Widget End */

.esri-expand__content .esri-expand__content--expanded {
  overflow: auto !important;
}

.esri-view-height-medium .esri-ui-corner .esri-component .esri-expand__content {
  overflow: auto !important;
}

.esri-view-height-small .esri-ui-corner .esri-component .esri-expand__content {
  overflow: auto !important;
}

/* Make the dialog nearly full width on desktop */
.authDocsModal.modal-dialog {
  max-width: 95vw;
  width: 95vw;
}

/* Optional: tighten content padding a bit */
.authDocsModalContent .modal-body {
  padding: 0.75rem 1rem;
}

/* Table tweaks so everything fits without horizontal panning */
.authDocsTableWrap {
  width: 100%;
}

.authDocsTable th,
.authDocsTable td {
  white-space: nowrap;
  /* keep dates on one line */
  padding: .4rem .5rem;
  /* compact cells to fit more columns */
  vertical-align: middle;
}

.authDocsTable thead th {
  position: sticky;
  top: 0;
  /* header sticks if body scrolls vertically */
  background: #fff;
  z-index: 1;
}