html,
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

p {
  margin-left: 10px;
  margin-right: 10px;
  color: black;
}

td {
  text-align: right;
}

g#map_graphics_layer {
  fill: blue;
}

#toolMapContainer {
  display: flex;
  height: 93%;
  /*	position: absolute;
	bottom: 0;
	left: 0;*/
}

/* -------------------------- */
/* ------- CONTAINERS ------- */
/* ------- & CONTENTS ------- */
/* -------------------------- */

#introBtn,
#helpIntroBtn {
  display: flex;
  border: solid 4px #b0b0b0;
  /*background-image: linear-gradient(#B0B0B0,#6E6E6E);*/
  font-size: 1.25em;
  padding: 10px 50px 10px 50px;
  margin: 8px;
  border-radius: 15%;
}
#introBtn:hover,
#helpIntroBtn:hover {
  /*background-image: none;*/
  background-color: lightgray;
  border: solid 4px #402491;
  /*	justify-content: center;
	padding: 5px;
	color: #FF1A58;
*/
}

.introH1 {
  text-align: center;
  font-size: 1.5rem;
  color: pink;
}

/* --- HEADER --- */

#headerContainer {
  display: flex;
  align-items: center;
  height: 7%;
  width: 100%;
}

#logoContainer {
  top: 0;
  left: 0;
  height: 90%;
  width: 410px;
}

#entergyLogo {
  padding: 1%;
  padding-left: 2%;
  height: 90%;
}
#entergyLogo:hover {
  cursor: pointer;
}

#toolbar {
  display: flex;
  flex: 1 1 auto;
}

/*		#rulerContainer {
			display: flex;
			flex-direction: row;
			align-items: center;
			padding: 3px;
		}*/

.toolbarContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 3px;
  /*height: 40px;*/
}
.tool {
  display: flex;
  align-items: center;
  justify-content: center;
  /*padding-top: 2px;*/
}
.toolImg {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  padding: 3px;
}
.toolImg:hover {
  /* .toolImg:hover, #RPIDSearchButton:hover { */
  opacity: 1;
  background-color: #8026ff;
  border-radius: 8px;
}

#RPIDSearchButton:hover {
  opacity: 1;
  background-color: #8026ff;
  border-radius: 8px;
  /* -webkit-filter: invert(100%);
  filter: invert(100%); */
}

#rulerInner {
  display: flex;
  align-items: center;
  justify-content: right;
  font-family: Arial, sans-serif;
  height: 35px;
  width: 125px;
  padding: 5px 15px 5px 5px;
}

#disclaimer {
  display: flex;
  top: 0;
  right: 0;
  height: 100%;
}

#disclaimerText {
  display: flex;
  flex: 0 0 auto;
  padding: 10px;
  font-size: 14px;
  color: #402491;
  font-family: Arial, sans-serif;
  text-align: right;
  font-weight: bold;
  width: 400px;
  /*background-color: ;*/
  /*border: 4px solid #B0B0B0;*/
}

/*  HEADER - CLASSES  */

.opaque {
  opacity: 0.5;
}

.toolOn {
  border: solid 4px #8026ff;
  border-radius: 8px;
}

.toolOff {
  border: solid 4px white;
  border-radius: 8px;
}

.rulerMeasOn {
  /*opacity: 1;*/
  border-top: solid 4px #8026ff;
  border-right: solid 4px #8026ff;
  border-bottom: solid 4px #8026ff;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.rulerOn {
  /*opacity: 1;*/
  /*	border-top: solid 4px #8026FF;
	border-left: solid 4px #8026FF;
	border-bottom: solid 4px #8026FF;*/
  border: solid 4px #8026ff;
  /*	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;*/
  border-radius: 8px;
}

#rulerOverlay {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.9;
  background-color: #b0b0b0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 430px;
  min-width: 415px;
  height: 93%;
  z-index: 990;
}

#helpOverlay {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.9;
  background-color: #b0b0b0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 93%;
  z-index: 990;
}

.toolbarText {
  font-size: 1.5rem;
  /*color: black;*/
  color: #402491;
  font-weight: bold;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 90%;
  opacity: 1;
  z-index: 992;
}

/* --- TOOLS --- */

#toolContainer {
  width: 430px;
  min-width: 415px;
  background-color: #6e6e6e;
}

#startShade {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#welcomeIntro_contents {
  padding-right: 10px;
  padding-left: 10px;
}

.searchRPIDLink {
  text-decoration: underline;
}
.searchRPIDLink:hover {
  font-weight: bolder;
}

#addressNotFound {
  text-decoration: underline;
}
#addressNotFound:hover {
  font-weight: bolder;
}

#startWizard_nextBtn {
  display: flex;
  border: solid 4px #b0b0b0;
  /*background-image: linear-gradient(#B0B0B0,#6E6E6E);*/
  font-size: 2em;
  padding: 10px 50px 10px 50px;
  margin: 8px;
  border-radius: 15%;
}
#startWizard_nextBtn:hover {
  /*background-image: none;*/
  background-color: lightgray;
  border: solid 4px #402491;
  /*	justify-content: center;
				padding: 5px;
				color: #FF1A58;
			*/
}

/*  TOOLS - CLASSES  */

.shadeContainer {
  width: 100%;
}

.autoOverflowOn {
  overflow: auto;
}

/* --- MAP --- */

#mapContainer {
  display: flex;
  flex-grow: 1;
}

#map {
  height: 100%;
  width: 100%;
}

.heightInput {
  width: 30px;
  height: 20px;
  margin-left: 15px;
  margin-right: 5px;
}

.distanceInput {
  width: 30px;
  height: 20px;
  margin-left: 15px;
  margin-right: 5px;
}

.depthInput {
  width: 30px;
  height: 20px;
  margin-left: 15px;
  margin-right: 5px;
}

.otherInput {
  width: 150px;
  height: 20px;
  margin-left: 15px;
  margin-right: 5px;
}

.drawDoneTable {
  padding-top: 15px;
}

.drawDoneBtn {
  /*position: absolute;*/
  padding: 5px;
  /*border: 2px solid #B0B0B0;*/
  background-color: #b0b0b0;
  border: 2px solid black;
  height: 40px;
  width: 150px;
  margin: 0 auto;
  color: #402491;
  font-size: 1.5em;
  font-weight: bold;
}

.dimData {
  width: 40px;
  text-align: right;
}

.edit {
  width: 40px;
}

.yellowDot {
  height: 15px;
  width: 15px;
  background-color: yellow;
  border-radius: 50%;
  display: inline-block;
}

.redDot {
  height: 15px;
  width: 15px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
}

.legendText {
  font-size: 0.75rem;
}

.dimTable {
  padding-top: 10px;
}

.dimHead {
  vertical-align: bottom;
}

/*#graphicsLayer0_layer {
	height: 100%;
	width: 100%;

}*/

#welcomeHdr {
  padding-bottom: 10px;
}

/* -------------------------- */
/* ---------- TOOLS --------- */
/* -------------------------- */

.shadeHeader {
  /*position: relative;*/
  /*display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin: 0 auto;*/
  /*width: 100%;*/
  /*display: flex;*/
  /*flex: auto;*/

  border-top: 1px solid black;
  padding: 10px;
  background-color: #ff1a58;
  font-size: 1rem;
  color: white;
  font-weight: bold;
  font-family: Arial, sans-serif;
}

.shadeContents {
  padding: 5px;
  background-color: #b0b0b0;
  color: black;
}

.inputContainer {
  margin: 0 auto;
  width: 150px;
  padding-bottom: 10px;
}

.lengthInput {
  width: 30px;
  height: 20px;
  margin-left: 15px;
  margin-right: 5px;
}

.lengthText {
  width: 5px;
}

/*.lengthInput {
	width: 60px;
	height: 60px;
	margin: 0 auto;
	vertical-align: center;
	text-align: center;
	background-color: lightgray;
	border: 5px solid darkgray;
	font-size: 1.5em;
}*/

/* --- FIND ADDRESS --- */

#search {
  padding-left: 5px;
  padding-top: 5px;
}

.checkboxContainer {
  padding-left: 10px;
  padding-top: 10px;
  color: black;
  font-weight: bold;
}

/* --- SHADE CONTENTS --- */

.instructionsContainer {
  margin: 5px;
  border: 1px solid darkslategray;
}

.instructionsHdr {
  text-decoration: underline;
}

.instructionsContent {
  line-height: 22px;
  padding: 0;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  /*font-size: 15px;*/
}

.inTextImg {
  height: 10px;
  width: 10px;
}

.notesContainer {
  margin: 0 auto;
  padding-right: 10px;
  width: 90%;
}

.notesInput {
  margin-right: 10px;
  /*line-height: 28px;*/
  width: 100%;
}

.dimTable {
  display: block;
  /*	float: right;*/
}

.legendTable {
  display: block;
}

/* --- ARROW BOARD --- */

.arrowBoard {
  width: 210px;
  height: 213px;
  margin: 0 auto;

  background-color: lightgray;
  border: 1px solid black;

  display: grid;
  grid-template: repeat(3, 1fr) / repeat(3, 1fr);
}

.arrowBox,
.undoBox {
  position: flex;
  background-color: darkgray;
  border: 1px solid lightgray;
}

.arrowImg,
.undoImg {
  position: relative;
  width: 65px;
  height: 65px;
  /*margin: 3px;*/
}

.centerImg {
  position: relative;
  width: 62px;
  height: 62px;
  /*	width: 70px;
	height: 70px;*/
  /*margin: 6px;*/
}

.arrowBox:hover,
.undoBox:hover {
  border: 1px solid black;
}

/*#map_graphics_layer {
	background-color: black;
}*/

/* --- BUTTONS --- */

button {
  margin: 1px;
  color: #ff1a58;
  font-size: 1.25em;
  font-weight: bold;
  border-radius: 15%;
  border: solid 2px #b0b0b0;
}
/* button:hover, #RPIDSearchButton:hover { */
button:hover {
  background-color: lightgray;
  border: solid 2px #402491;
}

#srchButton_td {
  width: 25px
}

#srchDropdown {
  margin: 1px;
  color: #ff1a58;
  font-size: 1.25em;
  font-weight: bold;
  border-radius: 15%;
  border: solid 2px #b0b0b0;
}
#srchDropdown:hover {
  background-color: lightgray;
  border: solid 2px #402491;
}

#RPIDSearchButton {
  height: 20px;
  width: 20px;
}

.btnsToRight {
  display: flex;
  justify-content: flex-end;
}

.btnsToMiddle {
  display: flex;
  justify-content: center;
  /*padding-top: 10px;*/
}

.mapOverlay {
  opacity: 0.8;
  background-color: #b0b0b0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 998;
}

#overlay {
  opacity: 0.8;
  background-color: #b0b0b0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 990;
}

#loader {
  position: absolute;
  z-index: 1000;
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #ff1a58;
  width: 70px;
  height: 70px;
  animation: spin 1s linear infinite;
}

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

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

.submitCenter {
  margin: 0 auto;
}

#bodyContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}

#submitContainer {
  /*background-color: #B0B0B0;*/
  display: flex;
  flex-direction: column;
  /*flex-wrap: nowrap;*/
  height: 500px;
  width: 500px;
}

.submit {
  z-index: 999;
}

#submitText,
#redownloadText {
  /*display: inline;*/
  z-index: 1000;
  font-size: 1.5rem;
  color: black;
  font-weight: bold;
  font-family: Arial, sans-serif;
  text-align: center;
}

#redownloadBtn {
  font-size: 1.5rem;
}

#redownloadText,
#redownloadBtn {
  /*display: inline;*/
  z-index: 1000;
}

#sigOuter {
  z-index: 992;
  width: 70%;
  height: 80%;
  background-color: #ff1a58;
  border-radius: 10px;
}

#sigInner {
  z-index: 994;
  width: 98%;
  height: 98%;
}

#imgContainer {
  display: inline-block;
  z-index: 996;
  width: 100%;
  height: 83%;
  /*margin-bottom: -4px;*/
  overflow: auto;
}

#sigText {
  display: inline-block;
  z-index: 996;
  width: 100%;
}

.sigImg {
  width: 100%;
}

#sigTable {
  margin: 3px;
}

#sigTextContainer {
  width: 98%;
  height: 14%;
  min-height: 100px;
  min-width: 465px;
  background-color: #b0b0b0;
  font-weight: bold;
  padding: 1%;
  padding-top: 0.5%;
}

.disabledBtn {
  color: #b0b0b0;
}

.toolTip_solid {
  opacity: 1 !important;
}

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

.tooltip .tooltipText {
  visibility: hidden;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s;*/
}

.tooltipText::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
  opacity: 1;
}

.tooltip:hover .tooltipText {
  visibility: visible;
  opacity: 1;
}

.tooltip-under {
  position: relative;
  display: inline-block;
}

.tooltip-under .tooltipText-under {
  visibility: hidden;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  /*padding: 5px 0;*/
  position: absolute;
  z-index: 1010;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s;*/
}

.tooltipText-under::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
  opacity: 1;
}

.tooltip-under:hover .tooltipText-under {
  visibility: visible;
  opacity: 1;
}

.tooltip .tooltipTextBottom {
  visibility: hidden;
  width: 150px;
  background-color: lightgray;
  color: solid 4px #8026ff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1010;
  top: 65px;
  opacity: 1;
}

.tooltipTextBottom::after {
  content: "";
  position: absolute;
  top: -20px;
  left: 15px;
  margin-left: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent lightgray transparent;
  opacity: 1;
}

.tooltip:hover .tooltipTextBottom {
  visibility: visible;
  opacity: 1;
}

.toolBorder_off {
  border: solid 4px white;
  border-radius: 8px;
}

.rpidHdr {
  border: none;
  font-size: 0.9rem;
  text-align: center;
  margin: 5px;
}

#rpidTable_Address {
  width: 230px;
}

#rpidTable_Owner {
  width: 240px;
}

#rpidTable_ParcelID {
  width: 150px;
}

#rpidTable_PropertyID {
  width: 90px;
}

.rpidRslts {
  font-family: Arial, sans-serif;
  text-align: center;
  font-size: 0.8rem;
  padding: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.rpidTable tr:hover {
  background-color: #a6a6a6;
}

.rpidHighlight {
  background-color: #a6a6a6;
  font-weight: bold;
}

.smallFont {
  font-size: 12px;
}

#srchOuter {
  z-index: 992;
  width: 770px;
  height: 490px;
  background-color: #ff1a58;
  border-radius: 10px;
}

#srchInner {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 5px;

  z-index: 994;
  width: 750px;
  height: 470px;
  border-radius: 10px;
}

#helpOuter {
  z-index: 992;
  width: 520px;
  height: 320px;
  background-color: #ff1a58;
  border-radius: 10px;
}

#helpInner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 994;
  width: 500px;
  height: 300px;
  background-color: #b0b0b0;
  border-radius: 10px;
}

.helpInnerText {
  font-size: 30px;
  color: #402491;
  font-family: Arial, sans-serif;
  text-align: center;
  font-weight: bold;
  padding: 10px;
}

.biggerText {
  font-size: 35px;
  padding: 10px;
}

.srchInner {
  /*	border-top-left-radius: 5px;
	border-top-right-radius: 5px;*/
  border-radius: 5px;
  background-color: #b0b0b0;
}

#srchInputCon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 10px;
}

#srchInput {
  width: 50%;
}

#srchResults {
  display: flex;
  overflow: auto;
  flex-grow: 1;
}

#srchConfirmCon {
  /*display: flex;*/
  /*justify-content: stretch;*/
  height: 110px;
  padding: 10px;
}

#confirmText {
  /* display: flex; */
  text-align: center;
  justify-content: center;
  padding-bottom: 10px;
}

#rpidBtnContainer {
  display: flex;
  justify-content: center;
  column-gap: 5px;
}

.flexCenter {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

.appInfo td {
  width: 160px;
}

/* #introOuter {
  display: flex;
  flex-direction: column;
  align-items: center;
} */

#introTxt1 {
  display: flex;
  color: white;
  font-size: 1.65rem;
  margin: 15px;
}

#closeContainer {
  /*margin: auto auto 10px auto;*/
  background-position-y: bottom;
}

.srchImg {
  width: 100%;
}

#srchTable {
  margin: 3px;
}

#srchTextContainer {
  width: 98%;
  height: 14%;
  min-height: 100px;
  min-width: 465px;
  background-color: #b0b0b0;
  font-weight: bold;
  padding: 1%;
  padding-top: 0.5%;
}

.appError {
  border-color: #ff1a58;
}

#introOuter {
  z-index: 1004;
  width: 930px;
  height: 720px;
  background-color: #ff1a58;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#introInner {
  display: flex;
  flex-direction: column;
  z-index: 1006;
  width: 900px;
  height: 605px;

  overflow-y: auto;
}

/*#introText {
	display: inline-block;
	z-index: 996;
	width: 100%;
}*/

/*.introImg {
	width: 100%;
}*/

#introTable {
  margin: 3px;
}

#introTextContainer {
  display: flex;
  flex-direction: column;
  height: 630px;
  background-color: #b0b0b0;
  padding: 15px;
  /*padding-top: 0.5%;*/
  border-radius: 5px 5px 0px 0px;
  font-family: Arial, sans-serif;
}

.bold-text {
  font-weight: bold;
}

#introTxt1,
#introTxt3 {
  font-weight: bold;
}

.entergy-email {
  color: blue;
  text-decoration: underline;
}

.signature-agree {
  font-family: Arial, sans-serif;
}

#closeBtn {
  margin: 15px;
}

#layerLegendCntnr {
  margin: 7px;
  border-radius: 10px;
  z-index: 1000;
  position: absolute;
  top: 50;
  left: 50;
  background-color: lightgray;
  height: 149px;
  width: 209px;
  /*height: 1000px;*/
  /*width: 1000px;*/
}

#layerLegendPic {
  margin: 7px;
  border-radius: 10px;
  z-index: 1001;
  height: 135px;
  width: 195px;
}

#tutorial-video {
  object-fit: cover;
}

#uploadOuter {
  /* z-index: 1004;
  width: 930px;
  height: 720px;
  background-color: #ff1a58;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center; */
  z-index: 992;
  width: 320px;
  height: 130px;
  background-color: #ff1a58;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
}

#uploadInner {
  /* display: flex;
  flex-direction: column;
  z-index: 1006;
  width: 900px;
  height: 605px;
  overflow-y: auto; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 994;
  width: 300px;
  height: 110px;
  background-color: #b0b0b0;
  border-radius: 10px;
}

#uploadTextContainer {
  display: flex;
  flex-direction: column;
  height: 630px;
  background-color: #b0b0b0;
  padding: 15px;
  /*padding-top: 0.5%;*/
  border-radius: 5px 5px 0px 0px;
  font-family: Arial, sans-serif;
  justify-content: center;
  align-items: center;
}

/* -------------------------- */
/* --------- HIDDEN --------- */
/* -------------------------- */

.zoomTo,
.esriControlsBR,
.esriPopupHidden,
.esriPopup,
.esriPopupWrapper,
.esriPrint,
.searchBtn,
.searchSubmit,
.searchMenu,
.sourcesMenu,
#map_graphics_layer,
#search_menu_button,
#map_zoom_slider {
  display: none;
}