@import url(https://js.arcgis.com/4.25/@arcgis/core/assets/esri/themes/light/main.css);
@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:root{--calcite-code-family:"Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace;--calcite-sans-family:"Avenir Next", "Avenir", "Helvetica Neue", sans-serif;--calcite-font-size--3:0.625rem;--calcite-font-size--2:0.75rem;--calcite-font-size--1:0.875rem;--calcite-font-size-0:1rem;--calcite-font-size-1:1.125rem;--calcite-font-size-2:1.25rem;--calcite-font-size-3:1.625rem;--calcite-font-size-4:2rem;--calcite-font-size-5:2.5rem;--calcite-font-size-6:3rem;--calcite-font-size-7:3.5rem;--calcite-font-size-8:4rem;--calcite-font-weight-light:300;--calcite-font-weight-normal:400;--calcite-font-weight-medium:500;--calcite-font-weight-bold:600;--calcite-ui-brand:#007ac2;--calcite-ui-brand-hover:#00619B;--calcite-ui-brand-press:#004874;--calcite-ui-background:#f8f8f8;--calcite-ui-foreground-1:#ffffff;--calcite-ui-foreground-2:#f3f3f3;--calcite-ui-foreground-3:#eaeaea;--calcite-ui-text-1:#151515;--calcite-ui-text-2:#4a4a4a;--calcite-ui-text-3:#6a6a6a;--calcite-ui-text-inverse:#FFFFFF;--calcite-ui-text-link:#00619b;--calcite-ui-border-1:#cacaca;--calcite-ui-border-2:#d4d4d4;--calcite-ui-border-3:#dfdfdf;--calcite-ui-border-input:#949494;--calcite-ui-info:#00619b;--calcite-ui-success:#35ac46;--calcite-ui-warning:#edd317;--calcite-ui-danger:#D83020;--calcite-ui-danger-hover:#A82B1E;--calcite-ui-danger-press:#7C1D13;--calcite-theme-name:"light";--calcite-ui-foreground-current:#c7eaff;--calcite-ui-inverse:#353535;--calcite-ui-inverse-hover:#2b2b2b;--calcite-ui-inverse-press:#202020;--calcite-alert-dismiss-progress-background:rgba(255, 255, 255, 0.8);--calcite-button-transparent-hover:rgba(0, 0, 0, 0.05);--calcite-button-transparent-press:rgba(0, 0, 0, 0.08);--calcite-link-blue-underline:rgba(0, 97, 155, 0.4);--calcite-scrim-background:rgba(255, 255, 255, 0.85);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--calcite-border-radius:4px;--calcite-border-radius-base:0;--calcite-ui-opacity-disabled:0.5;--calcite-panel-width-multiplier:1;--calcite-ui-icon-color:currentColor;font-family:var(--calcite-sans-family)}.calcite-theme-dark{--calcite-ui-brand:#009AF2;--calcite-ui-brand-hover:#007AC2;--calcite-ui-brand-press:#00619B;--calcite-ui-background:#353535;--calcite-ui-foreground-1:#2b2b2b;--calcite-ui-foreground-2:#202020;--calcite-ui-foreground-3:#151515;--calcite-ui-text-1:#ffffff;--calcite-ui-text-2:#bfbfbf;--calcite-ui-text-3:#9f9f9f;--calcite-ui-text-inverse:#151515;--calcite-ui-text-link:#00A0FF;--calcite-ui-border-1:#555555;--calcite-ui-border-2:#4a4a4a;--calcite-ui-border-3:#404040;--calcite-ui-border-input:#757575;--calcite-ui-info:#00A0FF;--calcite-ui-success:#36DA43;--calcite-ui-warning:#FFC900;--calcite-ui-danger:#FE583E;--calcite-ui-danger-hover:#FF0015;--calcite-ui-danger-press:#D90012;--calcite-theme-name:"dark";--calcite-ui-foreground-current:#214155;--calcite-ui-inverse:#f8f8f8;--calcite-ui-inverse-hover:#ffffff;--calcite-ui-inverse-press:#f3f3f3;--calcite-alert-dismiss-progress-background:rgba(43, 43, 43, 0.8);--calcite-button-transparent-hover:rgba(255, 255, 255, 0.05);--calcite-button-transparent-press:rgba(255, 255, 255, 0.08);--calcite-link-blue-underline:rgba(0, 160, 255, 0.4);--calcite-scrim-background:rgba(0, 0, 0, 0.85)}.calcite-theme-light{--calcite-ui-brand:#007ac2;--calcite-ui-brand-hover:#00619B;--calcite-ui-brand-press:#004874;--calcite-ui-background:#f8f8f8;--calcite-ui-foreground-1:#ffffff;--calcite-ui-foreground-2:#f3f3f3;--calcite-ui-foreground-3:#eaeaea;--calcite-ui-text-1:#151515;--calcite-ui-text-2:#4a4a4a;--calcite-ui-text-3:#6a6a6a;--calcite-ui-text-inverse:#FFFFFF;--calcite-ui-text-link:#00619b;--calcite-ui-border-1:#cacaca;--calcite-ui-border-2:#d4d4d4;--calcite-ui-border-3:#dfdfdf;--calcite-ui-border-input:#949494;--calcite-ui-info:#00619b;--calcite-ui-success:#35ac46;--calcite-ui-warning:#edd317;--calcite-ui-danger:#D83020;--calcite-ui-danger-hover:#A82B1E;--calcite-ui-danger-press:#7C1D13;--calcite-theme-name:"light";--calcite-ui-foreground-current:#c7eaff;--calcite-ui-inverse:#353535;--calcite-ui-inverse-hover:#2b2b2b;--calcite-ui-inverse-press:#202020;--calcite-alert-dismiss-progress-background:rgba(255, 255, 255, 0.8);--calcite-button-transparent-hover:rgba(0, 0, 0, 0.05);--calcite-button-transparent-press:rgba(0, 0, 0, 0.08);--calcite-link-blue-underline:rgba(0, 97, 155, 0.4);--calcite-scrim-background:rgba(255, 255, 255, 0.85)}@media (prefers-color-scheme: dark){.calcite-theme-auto{--calcite-ui-brand:#009AF2;--calcite-ui-brand-hover:#007AC2;--calcite-ui-brand-press:#00619B;--calcite-ui-background:#353535;--calcite-ui-foreground-1:#2b2b2b;--calcite-ui-foreground-2:#202020;--calcite-ui-foreground-3:#151515;--calcite-ui-text-1:#ffffff;--calcite-ui-text-2:#bfbfbf;--calcite-ui-text-3:#9f9f9f;--calcite-ui-text-inverse:#151515;--calcite-ui-text-link:#00A0FF;--calcite-ui-border-1:#555555;--calcite-ui-border-2:#4a4a4a;--calcite-ui-border-3:#404040;--calcite-ui-border-input:#757575;--calcite-ui-info:#00A0FF;--calcite-ui-success:#36DA43;--calcite-ui-warning:#FFC900;--calcite-ui-danger:#FE583E;--calcite-ui-danger-hover:#FF0015;--calcite-ui-danger-press:#D90012;--calcite-theme-name:"dark";--calcite-ui-foreground-current:#214155;--calcite-ui-inverse:#f8f8f8;--calcite-ui-inverse-hover:#ffffff;--calcite-ui-inverse-press:#f3f3f3;--calcite-alert-dismiss-progress-background:rgba(43, 43, 43, 0.8);--calcite-button-transparent-hover:rgba(255, 255, 255, 0.05);--calcite-button-transparent-press:rgba(255, 255, 255, 0.08);--calcite-link-blue-underline:rgba(0, 160, 255, 0.4);--calcite-scrim-background:rgba(0, 0, 0, 0.85)}}@media (prefers-color-scheme: light){.calcite-theme-auto{--calcite-ui-brand:#007ac2;--calcite-ui-brand-hover:#00619B;--calcite-ui-brand-press:#004874;--calcite-ui-background:#f8f8f8;--calcite-ui-foreground-1:#ffffff;--calcite-ui-foreground-2:#f3f3f3;--calcite-ui-foreground-3:#eaeaea;--calcite-ui-text-1:#151515;--calcite-ui-text-2:#4a4a4a;--calcite-ui-text-3:#6a6a6a;--calcite-ui-text-inverse:#FFFFFF;--calcite-ui-text-link:#00619b;--calcite-ui-border-1:#cacaca;--calcite-ui-border-2:#d4d4d4;--calcite-ui-border-3:#dfdfdf;--calcite-ui-border-input:#949494;--calcite-ui-info:#00619b;--calcite-ui-success:#35ac46;--calcite-ui-warning:#edd317;--calcite-ui-danger:#D83020;--calcite-ui-danger-hover:#A82B1E;--calcite-ui-danger-press:#7C1D13;--calcite-theme-name:"light";--calcite-ui-foreground-current:#c7eaff;--calcite-ui-inverse:#353535;--calcite-ui-inverse-hover:#2b2b2b;--calcite-ui-inverse-press:#202020;--calcite-alert-dismiss-progress-background:rgba(255, 255, 255, 0.8);--calcite-button-transparent-hover:rgba(0, 0, 0, 0.05);--calcite-button-transparent-press:rgba(0, 0, 0, 0.08);--calcite-link-blue-underline:rgba(0, 97, 155, 0.4);--calcite-scrim-background:rgba(255, 255, 255, 0.85)}}.overflow-hidden{overflow:hidden}

 
 /* @import "@arcgis/core/assets/esri/themes/light/main.css";  */
 /* make it red instead (with with same width and style) */
 /* FOR THE CUSTOM FILE BUTTON
 .inputfile-box {
   position: relative;
 }
 
 .inputfile {
   display: none;
 }
 
 .container {
   display: inline-block;
   width: 100%;
 }
 
 .file-box {
   display: inline-block;
   width: 280px;
   border: 1px solid;
   padding: 5px 0px 5px 5px;
   box-sizing: border-box;
   height: calc(2rem - 2px);
 }
 
 .file-button {
   height: 33px;
   border: none;
   background: #9f8785 !important;
   padding: 9px;
   position: absolute;
   top: 7px;
   right: 0px;
 }
 .file-buttonSelected {
   height: 33px;
   border: none;
   background: #859F94 !important;
   padding: 3px;
   position: absolute;
   top: 7px;
   right: 0px;
 } */
 /* @import "https://js.arcgis.com/4.25/@arcgis/core/assets/esri/themes/light/main.css"; */
 /* this is to remove the background of the expanded tool in mobile because in 
 iphone 12 pro we have to make it smaller, at 300px */
  /* :root {
   --calcite-ui-background: transparent!important;
 }  */
 /* Use `focus-inset` TW utility which amounts to: */

 .esri-icon-layer-list:before {

  display: none !important
}
.focus-inset {
  outline: transparent !important;

}
.focus-base {

  outline-color: transparent !important;
  
}
/* Use `focus-outset` TW utility which amounts to: */
.focus-outset {
  outline-color: transparent !important;

}
calcite-icon.pdf-icon {
    font-family: 'CalciteWebCoreIcons';
    line-height: 32px;
    color:transparent;
display:inline-flex;
font-size:20px;
line-height:25px;
}
calcite-icon.pdf-icon:before {
    content: "\e668";
    color:#333;
}

 .esri-attribution__sources {
  max-width: 264px !important;
}
.esriAttributionForGoogleBasemap::before {
  content:"TNRIS Texas Geographic Information Office | ";
  font-size: 13px;
  line-height: 15px;
  color: #323232;
  display: inline-block;
  text-align: left;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4px;
  margin: 0 5 px 0 0;
  background: rgba(255,255,255,0.1);
}

.esriAttributionForNAIPBasemap::before {
  content:"USDA | Texas A&M Forest Service";
  font-size: 13px;
  line-height: 15px;
  color: #323232;
  display: inline-block;
  text-align: left;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4px;
  margin: 0 5 px 0 0;
  background: rgba(255,255,255,0.1);
}

 .logo-container {
  display: flex; /* Use flexbox for positioning */
  align-items: center; /* Align items vertically */
  justify-content: center; /* Align items horizontally */
}

.logo {
  max-width: 100px; /* Adjust the size of the logo */
  margin-right: 10px; /* Add some spacing between the logo and the link */
}

:host([detached-height-scale="l"]) .content--detached, .content-container, .content--detached {
    --calcite-shell-panel-detached-max-height: 90vh !important
}
/* #Stats-container {
  min-height: 100vh !important;
max-height: 100vh !important

} */
 .esri-basemap-gallery__item-title {
  font-size: 17px !important;
  color: black !important
}
#imageryyeartextcontainer {
  position: absolute;
  top: 55px;
  right: 44px;
}

#imageryyeartext {
  color: #a7a6a6;
  font-size: 13px;
  font-weight: bold;
  background-color: #212121;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
}
 /* .esri-layer-list__item-actions-menu-item--active
 
 {
   /* display: none !important */
 
 .visually-hidden {
   position: absolute;
   left: -9999px;
   width: 1px;
   height: 1px;
   overflow: hidden;
 }
 select {
  margin-bottom: 0 !important;
  }
 @media only screen and (max-width: 414px) {

   /* #basemapExpand_controls_content
   {
     padding-top: 350px !important
   } */
   /* #mainTableDiv
   {
     padding-top: 45px;
   } */
    /* #selectDiv
   {
     padding-bottom: 3px !important;
   } */
   /* #tableExpand_controls_content
   {
     font-size: 26px !important
   }
   [class*=" esri-icon-"], div.esri.esri-widget--button, .esri-building-phase-picker__arrow-left, .esri-building-phase-picker__arrow-right, .esri-building-level-picker__arrow-up, .esri-building-level-picker__arrow-down {
 
     font-size: 26px !important
   }
   div.esri-widget--button {
     width: 100px !important;
     font-size: 30px !important
   } */
   .selectDropDown
   {
 width: 90% !important
   }
   .drawbuttondiv {
     padding-top: 15px !important
   }
   .summarybuttons
   {
      margin-top: 17px !important;
   }
   .esri-attribution {
     background-color: transparent !important;
     color: white !important
   }
   .esri-attribution__sources {
 
     padding: 0 40px !important;
     background-color: transparent !important;
   }
   .esri-attribution__powered-by {
       padding: 0 45px !important;
       background-color: transparent !important;
   }
 }
 /* //ipaid air, pro */
 @media only screen and (min-width: 820px) and (max-width: 1366px) {
  .statspanel {
    width: 360px !important;
}
 }
 /* @media only screen and (min-width: 281px) and (max-width: 350px) {
   #output_table {
    padding-right: 40px !important;
 }
 }
 @media only screen and (min-width: 351px) and (max-width: 375px) {
   #output_table {
    padding-right: 50px !important;
 }
 }
 @media only screen and (min-width: 376px) and (max-width: 414px) {
   #output_table {
    padding-right: 30px !important;
 }
 }
 @media only screen and (max-width: 280px) {
   #output_table {
    padding-right: 110px !important;
 }
 } */
 @media only screen and (max-width: 1024px)
 {
  select {
    font-size: 0.85rem !important;
  }
 .btn-group, .reportToolButtons, .icon-container {
  margin: 0rem 0.2rem 0.4rem 0 !important;

}
 .btn-group {
  padding-top: 5px !important;
  padding-left: 5px !important
}
}
@media only screen and (min-width: 1500px) and (max-width: 1600px)
{
  .calcitepanel
  {
    width: 353px ;
  }
  #Stats-container
  {
    width: 350px
  }
  .calcitepanel.printpanel
  {
    width: 233px!important;
  }
 #Print-container
  {
    background-color: white !important;
    width: 225px;
  }
}
@media only screen and (min-width: 1400px)
{
  /* .container{
    height: 400px !important
  } */
  /* .statspanel
  {
    height: 100% !important
  } */
  #Stats-container
  {
    /* height: 100% !important; */
    width: 350px
  }
}
@media only screen and (min-width: 1025px)
{

  select {
    font-size: 1rem !important;
  }
  .centeredbutton {

    justify-content: center !important;
    align-items: center !important;
  }

  .reportToolButtons
  {
    margin: 0rem 0.2rem 0.4rem 0 !important;
    align-items: center;
    width: 100px !important
  }
  #buttonsGroup
  {
    margin: 0.5rem 0.2rem 0.3rem 0.5rem !important;
  }
.btn-group, .icon-container{
  margin: 0rem 0.2rem 0.1rem 0 !important;
}
}
/*Ipad Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .esri-attribution__sources {
      max-width: 350px !important;
  }
}
/*iPad Landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  .esri-attribution__sources {
      max-width: 550px !important;
  }
}
/*Laptop, desktop and Bigger*/
@media(min-width:768px) {
  .esri-attribution__sources {
      max-width: 1504px !important;
  }


}
@media(min-width:1008px) {

  .esri-attribution__sources {
    font-weight: 300;
   white-space: wrap !important; 
   overflow: visible !important;

  }
}
 @media only screen and (min-width: 768px) and (max-width: 1200px) {
 .top-nav{
   padding-top: 5px !important
 }
 }
 
 .esri-icon-polygon
 {
   font-size: 24px !important;
   padding-top: 2px;
 }
 #urbanTab, #totalTab
 {
   margin: 0px !important
 }
 .esri-popup__header-container--button {
   background-color: white !important;
   
   }
   .esri-search-result-renderer .esri-search-result-renderer__more-results-item {
     margin-bottom: 0px !important;
   }
   .esri-popup__header-container--button {
   border: none !important
   }
   .esri-search-result-renderer
   {
     padding-top: 20px !important
   }
   .esri-popup__header-title {
   background-color: white !important;
   }
   .esri-view-width-xlarge .esri-popup__main-container {
     width: 300px !important;
     max-height: 300px !important;
   }
   .esri-popup__header {
     height: 50px !important
   }
   .header {
   height: 40px !important;
   align-items: normal !important
   
   }
 .contactlink, .aboutlink
 {
  color: #4C4C4C!important;

 }
 .contactlink:visited, .aboutlink:visited {
  color: #4C4C4C!important;
}
   .swal2-close {
    align-items: baseline !important;
    width: 0.7em !important;
    height: 0.7em !important;
    margin-top: 3px !important;
    margin-right: 3px !important;
   }
 
   .swal2-actions {
    margin: 0em 0em 0em 0em !important
    
   }

   .swal2-modal .swal2-styled:focus, button:focus {
     -webkit-box-shadow: none !important; 
     box-shadow: none !important; 
     outline:none !important; 
     box-shadow: none !important; 
   }
   .swal2-html-container
   {
    /* overflow-x: hidden !important; */
    
    
     border-radius: 0 !important;
     margin: 0.3em 1.6em 0.3em !important
   }
   .swal2-styled.swal2-confirm:hover {
     background-color: #859F94 !important;  
     outline:none !important; 
     box-shadow: none !important; 
   }
   .swal2-styled:not([disabled]), .swal2-styled, .swal2-confirm {
     outline:none !important; 
     box-shadow: none !important; 
   }
   
 
   .swal2-show {
     border: 3px solid #ccc !important;
   }
   
   .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
      background: none !important;
   }
   .swal2-title {
     font-size: 1.5rem !important;
     padding: 0 0.2em 0 0 !important;
   }

   .swal2-styled.swal2-confirm {
     background-color: #9f8785 !important;
     color: #363535 !important;
     border: 1px solid #9f8785 !important;
     font-size: 0.9375rem !important;
     border-radius: 0 !important;
     padding-bottom: 10px !important;
     background-color: #9f8785 !important;
     outline:none !important; 
     box-shadow: none !important;
     border-radius: 0.125rem !important;
     width: 130px !important;
   }
   .swal2-styled.swal2-cancel {
     width: 130px !important;
     border-radius: 0.125rem !important;
   }
   .swal2-close {
    z-index: 9999 !important;
    pointer-events:  auto !important;
}
.swal2-title
{
  max-width: 90% !important;
  padding-top: 10px !important;
}
   .swal2-popup
   {
    display: block !important;    /* Use block display */
    /* Control popup height */
    overflow-y: auto !important;  /* Enable scrolling only on popup */
    width: 27rem !important;      /* Set fixed width */
    padding: 0 !important;        /* Control padding */
    padding-bottom: 10px !important;
   }
   .swal2-layers-popup, .swal2-about-popup
   {

    height: 350px !important;     /* Control popup height */

   }
   .swalURLBlockeswal2-popup {
     border-radius: 0 !important;
     padding: 0 0 0.25em !important;
     width: 500px !important;
     height: 220px !important;
     display: block !important;
     margin-top: -74px !important;
     border-color: #9f8785 !important;
   }
   .swalhtmlcontainerAboutAndDisclaimer {
        line-height: 1rem !important;
     text-align: justify !important;
     border-radius: 0 !important;
     padding: 10px !important;
     overflow:  hidden !important;
   margin-top: 0em  !important
   }
   .swalURLBlockeswal2htmlcontainer {
     border-radius: 0 !important;
     padding: 10px !important;
     overflow:  hidden !important;
   margin: 0em 0em 0em 0em !important
   }
   .esri-legend__group-layer-child
   {
     display: none !important
   }
   .esri-legend__layer-table {
   
     margin-bottom: 0px !important;
   }
   .esri-layer-list-panel__content--legend .esri-legend__service {
     padding: 0 0 0px 0 !important;
   }
   .esri-legend__message
   {
     display: none !important
   }
   .esri-legend__layer-body {
     margin-left: 1px !important;
     margin-top: 2px !important
   }
   .esri-layer-list-panel {
     margin: 1px 1px 1px 34px !important;
   }
   .esri-legend__layer-caption {
    display: none !important
   }
   .esri-legend__layer-child-table {
   
     margin-bottom: 1px !important;
   }
   input:focus, textarea, *:focus {
    outline: none !important;
    box-shadow: none !important
}
/* .container, .container--has-text:focus
{
  outline: none !important;
  box-shadow: none !important
} */
   .selected
   {
     background-color: #859F94!important; 
     border: 1px solid #859F94 !important;
     font-weight: bold !important;
   }
   .notselected
   {
     border: 1px solid #d3d2d2 !important;
     background-color: #d3d2d2 !important;
     font-weight: var(--calcite-font-weight-medium) !important;
   }
 
 
   .calcite-theme-light {
     --calcite-ui-brand: transparent !important; 
     --calcite-ui-foreground-3: #859F94!important; 
     --calcite-ui-text-3: #2e2e2e !important;
     --calcite-ui-foreground-2: #ffffff !important
   } 

   .maintablediv {
       --calcite-ui-brand: #9f8785 !important;
       --calcite-ui-foreground-3: #859F94!important; 
       --calcite-ui-text-3: #2e2e2e !important
       /* --calcite-ui-border-1: #9f8785 !important; */
   } 
   .top-nav {
     background-color: #859F94!important; 
     }
     
   .greenbutton {
     background-color: #859F94 !important;
     border: 1px solid #859F94 !important;
     font-weight: bold !important
   }
   
   .p-icon--email, .p-icon--rss, .p-icon--youtube, .p-icon--linkedin, .p-icon--instagram, .p-icon--twitter, .p-icon--github, .p-icon--facebook {
     height: 20px;
     width: 20px;
   }
   .socialicons
   {
     padding-top: 13px !important;
   }
   
   
      #header-title {
       height: 57px;
         margin-left: 1rem;
         margin-right: 1rem;
   
       }

       .button .icon-container {
      color: white !important;
      padding-top: 5px !important;
      
       }
 
   .p-button--link:visited, a:visited, .top-nav-link {
     /* color: #050505 !important; */
     font-size: 1rem !important
   }
   /* .top-nav .tafmslogo {
     margin-top: 0.6rem !important;
   } */
   .top-nav {
    height: 60px !important; 
     border-bottom: none !important;
     }
   .top-nav-title {
     padding-top: 0.85rem !important;
   }
   /* for the main report buttons windows */
   button {
     background-color:#9f8785 !important;
     color:#000 !important;
     border: 1px solid #9f8785 !important;
   
   }
   .esri-search__submit-button, .esri-widget--button
   {
     margin: 0 0 0 0 !important;
   }
   #dropdownbuttonsdiv
   {
     display: inline-block !important
   }
  
   #buttonsGroupPrint
   {
     padding-left: 10px;
     padding-top: 5px;
     padding-bottom: 5px
   }
 .summarybuttons
 {
   width: 146px
 }
   button:hover {
     background-color:#859F94!important;
     color:#363535 !important;
     border: 1px solid #859F94!important;
   }

   
   .top-nav-link {
   
     padding: 1.025rem 0 calc(1.025rem - 4px) 0 !important;
   
   }
   .top-nav-link:hover {
     color: white !important;
    border-bottom-color: transparent !important;
 
}
   .top-nav .tafmslogo {
    margin-top: 0.6rem;
   }
   .top-nav-link:focus {
    border-bottom-color: transparent !important
   }
 
   .tamfsstarlogo
   {
     margin: 0.375rem;
     content: "";
     display: inline-block;
     background-repeat: no-repeat;
     background-position: center;
     background-color: transparent;
     line-height: 0;
   }
   :host([width-scale="m"]) .content {
   
     display: none !important;
   }
   
 
   .esri-view-width-xsmall .esri-expand--auto .esri-expand__mask--expanded,  .esri-expand--auto .esri-expand__container--expanded  {
       background-color: transparent !important;
   
   }
   /* .esri-widget--button {
       /* border: 1px solid #ccc !important; */
       /* box-shadow: 0 1px 2px rgb(0 0 0 / 30%) !important
     } */ 
   
     /*ipad air*/
     @media only screen and (min-width: 820px) and (max-width: 820px) and (min-height: 1180px) and (max-height: 1180px) and (orientation : portrait) {
     .navbar-burger {
   
       width: 58.25rem !important;
   
     }
   }
   
 #modalContainer {
     background-color:rgba(0, 0, 0, 0.3);
     position:absolute;
     width:100%;
     height:100%;
     top:0px;
     left:0px;
     z-index:10000;
 }
 
 #alertBox {
     position:relative;
     width:500px;
     min-height:100px;
     margin-top:250px;
     border:1px solid #666;
     background-color: pink;
     background-repeat:no-repeat;
     background-position:20px 30px;
 }
 
 #alertBox h1 {
     margin:0;
     font:bold 0.9em verdana,arial;
     background-color:white;
     color: black;
     border-bottom:1px solid #000;
     padding:2px 0 2px 5px;
 }
 
 #alertBox p {
     font:0.7em verdana,arial;
     height:50px;
     padding-left:5px;
     margin-left:55px;
 }
 
 #alertBox #closeBtn {
     display:block;
     position:relative;
     margin:5px auto;
     padding:7px;
     border:0 none;
     width:70px;
     font:0.7em verdana,arial;
     text-transform:uppercase;
     text-align:center;
     color:#FFF;
     background-color:#95b9d8;
     border-radius: 3px;
     text-decoration:none;
 }
 #loadingMainDiv
 {
   z-index: 9999999999999999999;
   position: fixed;
   display: block;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 }
 #loading {
   position: fixed;
   display: block;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   text-align: center;
   opacity: 0.6;
   background-color: #fff;
   z-index: 99999;
 }
 #loadingDiv
 {
   position: absolute;
   z-index: 1000;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }
 #loading2 {
   position: fixed;
   display: block;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   text-align: center;
   opacity: 1;
   background-color: transparent;
   z-index: 99999;
 }
 #loadingDiv2
 {
   position: absolute;
   z-index: 1000;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }
 #loading-text {
   font-weight: bolder;
 
 }
 input[type=file]::file-selector-button {
   display: none;
 }
 
 #filedrag
 {
 
   font-weight: bold;
   text-align: center;
   padding: 0.5em 0;
   margin: 0.5em 0;
   color: #555;
   border: 2px dashed #555;
   border-radius: 7px;
   cursor: default;
 }
 input[type='file']:focus {
   border: none !important;
   outline: none !important;
   -moz-box-shadow: none !important;
   -webkit-box-shadow:none  !important;
   box-shadow: none  !important;
 }
 .drop-target {
   background-color:  #859F94 !important;
 }
  #filedrag:hover
 {
   border-style: solid;
   border:4px solid #859F94 !important;
   box-shadow: inset 0 3px 4px #888;
 }
 
 input[type=file], input[type=file]:focus{
   display: inline-block;
   color: transparent;
   width: 100%;
   padding-top: 10px !important;
   height: 53px;
   overflow: hidden;
   background: url(b30fcb8b470f27d090ab.svg) center center no-repeat;
   border: none !important;
   background-size: 60px 60px;
   box-shadow: none !important;
   opacity: 0.6 !important
 
 }
 #fileLabelDiv
 {
   padding-left: 10px;
   padding-right: 10px
 }
 .centeritems
 
 {
   display: flex;
    justify-content: center; 
    align-items: center;
     text-align: center;
 }
 .buttonselected>input::file-selector-button{
   margin-right: 10px;
   color: #363535 !important;
   background-color: #859F94 !important;
   border: 1px solid #859F94 !important;
   font-weight: bold !important;
 }
 .buttonselected>input::file-selector-button:hover
 {
   margin-right: 10px;
   color: #363535 !important;
   background-color: #859F94 !important;
   border: 1px solid #859F94 !important;
 }
 .buttonnotselected>input::file-selector-button
 {
   margin-right: 10px;
   color: #363535 !important;
   border: 1px solid #9f8785 !important;
   background-color: #9f8785 !important;
   font-weight: normal !important;
 }
 
 /* input[type=file]::file-selector-button {
   margin-right: 10px;
   color: #363535 !important;
   border: 1px solid #9f8785 !important;
   background-color: #9f8785 !important;
 } */
 /* input[type=file]::file-selector-button:hover,  input[type=file]::file-selector-button:focus
 {
   background-color: #859F94 !important;
   border: 1px solid #859F94 !important;
  } */
 /* Fallback for Safari, Chrome, and Opera */
 /* input[type="file"]::-webkit-file-upload-button {
   border: 1px solid #9f8785 !important;
   background-color: #9f8785 !important;
 } */
 /* input[type="file"]::-webkit-file-upload-button:hover, input[type="file"]::-webkit-file-upload-button:focus {
   background-color: #859F94 !important;
   border: 1px solid #859F94 !important;
 } */
 /*  */
 /* .content {
   pointer-events: none !important;
 } */
 .info-text {
  font-size: 14px;
}
/* this is to avoid when opening the basemap gallery to have to close first the stats tool */
@media (max-width: 600px) {
  /* it blocks panning, so better not to use */
  /* .esri-view .esri-view-surface--touch-none {
    touch-action: auto !important;
  } */
   /* !important is needed sometimes */
 .shepherd-enabled.shepherd-element {
  overflow: scroll !important;
}

body {
  height: 100%;
  position: fixed;
  /* prevent overscroll bounce*/
  /* prevent shifting/movement up of body on mobile */
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  /* iOS velocity scrolling */
}
  .esri-ui-bottom-right {
    padding-bottom: 60px !important
  }
  .esri-ui-bottom-left {
    padding-bottom: 54px !important
  }
  .esri-expand__mask
  
  {
    display: none
  }
  .esri-view-width-xsmall .esri-expand--auto .esri-expand__container--expanded {

    height: 90% !important;
   }
  /* #esriinfo
  {
  display: none;
  } */
}
#esriinfo
{
  padding-left: 0.5rem;
}
 .btn:disabled, .btn-disabled, button[disabled],.btn:disabled:hover, .btn-disabled:hover, button[disabled]:hover {
   opacity: .63 !important;
   cursor: not-allowed !important;
   cursor: -moz-not-allowed !important;
   cursor: -webkit-not-allowed !important;
   pointer-events: all !important;
 }
 .calciteiconcolor
 {
   color: #363535 !important;
 }
 .esri-slider--horizontal .esri-slider__label {
   top: 6px !important;
 }
 [type=file]
 {
 margin-bottom: 0px !important;
 padding-top: 0px !important;
 padding-bottom: 0px !important
 } 
 select:active, select:hover {
   outline-color: #859F94!important; 
 }
 option:hover {
   background-color: #859F94!important; 
 }
 option:checked {
   background-color: #859F94 !important;
   color: #000;
 }
  select:focus { 
   border: 2px solid #859F94 !important;
   outline: #859F94 !important;
   -moz-box-shadow: 0 0 10px #859F94 !important;
   -webkit-box-shadow: 0 0 10px #859F94 !important;
   box-shadow: 0 0 10px #859F94 !important;
 }
 .drawbuttondiv
 {
   justify-content: center !important;
   display: flex;
   /* padding-top: 10px; */
   width: 150px !important;
     height: 74px !important;
     border-radius: 3px !important;
 
 }
 .drawbuttondivbackground
 {
 
     background-color: #9f8785 !important;
     color: #363535 !important;
     border: 1px solid #9f8785 !important; 
 } 
 #uniqueElementsDiv
 {
   justify-content: center !important
 }
 .arrowcontainer
 {
   padding-left: 7px;
   /* Center horizontally*/
   /* margin: 0 auto;
   width:100px; */
   /* height:28px; */
   /* display: flex;
   padding-top: 5px; */
 
 }
 div.container.container--has-text
 {
  outline-color: transparent !important;
  background-color: transparent !important;
  outline: none !important;
  display: none !important
 }
 div.tab-nav-active-indicator, .tab-nav-active-indicator:focus, .tab-nav-active-indicator, .tab-nav-active-indicator-container, .tab-nav-active-indicator:focus, .tab-nav-active-indicator-container:focus
 {
  outline-color: transparent !important;
  outline: none !important;
   background-color: transparent !important;
   display: none !important
 }
 #drawinfo
 {
  width: 20px;
  font-size: 22px;
  color: gray;
  cursor: pointer
 }
 .svg-icon {
   fill: #9f8785 !important;
   width: 1.5em !important;
   height: 1.9em !important;
   vertical-align: top !important;
 }
 
 /* .tab-nav-active-indicator
 {
   background: transparent !important;
   background-color: transparent !important;
 } */
 .table {
     margin-bottom: 0rem !important;
 }
 .esri-widget *, .esri-widget *:before, .esri-widget *:after {
     box-sizing: inherit;
 }
 /* .table {
     line-height: 1.4 !important;
 } */
 .tableDiv
 { 
   border: none !important;
 }
 
 
 .hiddenTable {
   display: none;
 }
 .table th, .table td {
 font-weight: normal !important
 }
 .unhiddenTable {
   display: block;
 }
 .mainTableDiv, .tableDiv
 {
   background-color: #9f8785  !important;
 }
 
 #tableDiv {
   /* top: 20px; */
   right: 100px;
   /* position: absolute; */
   z-index: 999999;
   border-radius: 8px;
   border: 2px solid gray;
   color: gray;
   background: white;
   padding: 10px;
   opacity: 0.65;
   height: 700px;
 }
 
 .buttontest
 {
   background-color: red;
 }
 html,
 body,
 #viewDiv {
   padding: 0;
   margin: 0;
   height: 100%;
   width: 100%;
   background: rgba(50, 50, 50);
 }
 .esri-layer-list__item--has-children {
  padding-bottom: 6px !important;
}
 .esri-layer-list__item--has-children>.esri-layer-list__item-container {
   padding-left: 3px !important;
 }
 /* [aria-label="Urban"], [aria-label="Rural"]
 
 {
   padding-left: 0px !important;
   color: green !important
 }
 
 [aria-label="Biodiversity"], [aria-label="Total"], [aria-label="Human Health"], [aria-label="Watershed"], [aria-label="Climate"], [aria-label="Cultural"] {
 
 padding-left: 0px !important;
   color: red !important
 } */
 
 .esri-slider
 {
   height: 30px !important
 }
 /* +: This is the adjacent sibling combinator. It selects the next sibling element 
 that directly follows the preceding element. */
 /* >: This is the child combinator. It selects the direct child of the preceding element. */
 /* this css hides the toggle button (esri-layer-list__item-toggle) that directly
  follows the label 
 (esri-layer-list__item-label) when it's preceded by the toggle button 
 for child elements (esri-layer-list__child-toggle). */
/* hide the item-toggle if a item-toggle comes after a item-label and before the child-toggle */
 .esri-layer-list__child-toggle + .esri-layer-list__item-label > .esri-layer-list__item-toggle {
  display:none;
 }
 /* selects the .esri-layer-list__item-title element that immediately follows the 
 .esri-layer-list__item-toggle element if the .esri-layer-list__item-toggle element contains 
 a child element with the class .esri-icon-visible. When this condition is met, the font-weight 
 property is set to bold for the .esri-layer-list__item-title element. */
 /* .esri-layer-list__item-toggle:has(.esri-icon-visible) + .esri-layer-list__item-title {
  font-weight: bold;
} */
 

.esri-layer-list__item-toggle:has(.esri-icon-visible) + .esri-layer-list__item-title:not([title="Rural"]):not([title="Urban"]) {
  font-weight: bold;
}
 .esri-layer-list__item-container {
  padding: 12px 7px 12px 7px !important;
}
 .esri-layer-list__item-actions[aria-expanded=true] {
   height: 70px !important
 }
 #output_table {
     border-radius: 0.25rem !important;
     border: 1px solid #ccc !important;
     overflow: hidden;
 }
 /* small devices */
 /* @media only screen and (max-device-width: 750px)
  { 
   .esri-expand__content--expanded {
     overflow: scroll !important
       }
 
  } */
  @media only screen and (max-device-width: 800px) 
  {
    #uniqueElementsDiv

    {
      padding-bottom: 5px;
    }
  }
  @media only screen and (max-width: 539px) 
  { 
   #output_table {
     width: 265px !important;
 }
}
@media only screen and (min-width: 540px) and (max-width: 667px) 
{ 
 #output_table {
   width: 315px !important;
}
}
 @media only screen and (max-device-width: 667px) 
  { 
   /* .esri-expand__content--expanded {
     overflow: scroll !important
       } */
       /* #mySweetAlertModal .swal2-html-container {
        margin: 0.6em 0.6em 0.3em !important;
      }
       */
       .layershelphtmlcontainer
       {
        margin: 0.5em 0.6em 0.1em !important;
            background-color: white !important
       }
       /* .layershelppopup
       {
        /* background-color: green !important; */

       /* } */
       .layershelpcontainer
       {
        position: absolute !important;
        top: 0px !important;
        left: 50px !important;
       max-height: 60% !important;
        overflow-y: scroll !important;
        width: 300px !important 
       }
   .swal2-show {
     max-height: 90% ;
     overflow-y: scroll !important;
 }
 
    .esri-layer-list__item-title {
     font-size: 15px !important;
   }
 
   .shellpanel
   {
 border-radius: 0px !important;
 
   }
   .esri-layer-list__item-actions-menu-item:first-of-type {
     padding-right: 5px !important
 }
 
   .esri-layer-list__item-container {
     padding: 5px 0px 2px 1px !important;
 }
 .esri-layer-list__list {
 
   margin: 0 0 0 5px !important;
   padding: 0px 0px !important;
 
 }
 }
 @media only screen 
   and (min-device-width: 668px) 
  { 
    #genreportclearbuttons
    {
      display: flex;
    justify-content: center;
    padding-left: 5px;
    }
    #mainTableDiv
    {
      padding-right: 7px;
    }
   #output_table
 {
   width: 330px !important;
 
 }
   .esri-layer-list__item-container {
     padding-top: 1px !important;
     padding-bottom: 1px !important;
     /* padding-left: 10px !important; */
     /* padding: 8px 1px 1px 12px !important */
 }
     .shellpanel
   {
     padding-top: 7px !important;
    margin-left: 105px !important;
   }
   .esri-layer-list__item-title {
 
     font-size: 15px !important;
   }
 } 
 /* for statistics button to have vertical space in mobile devices */
 @media (max-width: 896px) {
   .btn{
       margin-bottom:10px;
   }
 }
 @media only screen 
   and (max-width: 420px) and (orientation: portrait)
  { 
    .calcitepanel
    {
      width: 300px !important
    }
    #mainTableDiv
    {
      padding-left: 6px !important;
    }
    #genreportclearbuttons

    {
      padding-top: 5px;
      align-content: center !important;
      display: inline-flex !important;
      padding-left: 10px;

    }

    #generatereportbtn, #clearboundarybtn
    {
      width: 120px
    }
   .p-tabs__link, .p-side-navigation__expand .p-button--base, .p-side-navigation__toggle, .p-side-navigation__toggle--in-drawer, .p-pagination__link--previous, .p-pagination__link--next, .p-pagination__link, .p-button--base, .p-button--negative, .p-button--positive, .p-button--brand, .p-button, .p-article-pagination__link--next, .p-article-pagination__link--previous, button {
     margin: 0.1rem 0.5rem 1rem 0 !important;
   }
 }
 .esri-expand--floating
 {
   margin-bottom: 5px;
 }
 .esri-ui-bottom-left
 {
 display: inline-block !important;
 padding-bottom: 5px ;
 }
 /* @media only screen 
   and (min-width: 421px) 
  { 
 .top-nav .tamfsstarlogo {
   margin-top: 0.4rem !important;
 }
  } */

 /* small devices */
 @media only screen 
 and (min-width: 421px) 
{
  #brand-image {
    width: 140px !important;
    height: 30px !important;
    vertical-align: middle !important;
  }
  #brand-title {
    color: #050505 !important;
    font-size: 18px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 500;
  }
   
  .top-nav .tamfsstarlogo {
    margin-top: 0.6rem !important;
}
 .top-nav-flex-title {
    padding-top: 12px !important;

 }
}
 @media only screen 
   and (max-width: 420px) 
  { 
    #brand-image {
      width: 107px !important;
      height: 23px !important;
      vertical-align: middle !important;
    }
    #brand-title {
      color: #050505 !important;
      font-size: 16px;
      padding-left: 5px;
      padding-right: 5px;
      font-weight: 500;
    }
    
    .top-nav .tamfsstarlogo {
      margin-top: 0.6rem !important;
  }
   .top-nav-flex-title {
      padding-top: 15px !important;

   }
 
 .shellpanel {
     padding-top: 7px !important;
     margin-left: 52px !important;
 }
    .esri-view-width-xsmall .esri-ui-top-left .esri-expand--auto .esri-expand__container--expanded .esri-expand__panel 
   {
     margin-top: 53px !important;
     margin-left: -16px !important;
   }
   .esri-view-width-xsmall .esri-ui-top-right .esri-expand--auto .esri-expand__container--expanded .esri-expand__panel 
   {
     margin-top: 52px !important;
     margin-left: 238px !important;
     width: 70px;
   }
   .statspanel
   {
     width: 280px;
     border: 2px solid #ccc !important;
     
   }
   .calcitepanel.printpanel
   {
 width: 160px !important
   }
   .esri-expand__content--expanded {
 margin-left: 0px !important;
 border-radius: 0.25rem !important;
 border: 1px solid #ccc !important
   }
   .esri-ui-inner-container, .esri-ui-corner-container
   {
   inset: 15px 5px 20px !important;
 } 
  }
  

  
.icon-button{
  float: right
}
.table 
{
margin-bottom: 0rem !important;
}
.totalColumn
{
    background-color: #9f8785 !important;
    font-weight: bold !important;
}
.onlyGray
{
  background:  #d3d2d2;
  font-size: 18px !important;

}

.greyGradient
{
    background:  linear-gradient(90deg, rgba(211,210,210,1) 53%, rgba(244,247,246,0.7511379551820728) 82%);
}

.tab-nav-active-indicator, .tab-nav-active-indicator-container, .tab-nav-active-indicator:focus, .tab-nav-active-indicator-container:focus
{
    display: none !important;  
}
.centeredBoldBigTableText
{
  text-align: center !important;
  vertical-align: middle !important;
  font-size: 17px !important;
  /* font-weight: bold !important; */
}
.italicized
{
  font-style: italic;
}
.bolded, .AOIUrban, .AOI
{
  font-size: 17px !important;
  font-weight: bold !important;
}
.centeredTableText
{
  text-align: center !important;
  vertical-align: middle !important;
  font-size: 17px !important;
}
.tabtitle
{
width: 170px;
display: table-cell !important;
}

.calcitetabnav
{
    position: inherit !important;
    background-color: #d3d2d2  !important;
}
.calcite-tab, .calcitetab
{
  overflow-x: hidden !important;
  background-color: white !important;
  padding-block: 0rem !important;

}
#Print-container
{
  padding-top: 10px
}
#Stats-container, #Print-container, .calcitepanel, #basemapMainDiv, #Layers-container
{

   /* background-color: rgba(255, 255, 255, 0.6); */

  background-color: white !important;
}
 :root {
  --calcite-ui-background: transparent !important;
  --calcite-ui-foreground-1:  #d3d2d2 !important;
  --calcite-ui-border-1: #9f8785 !important;
}  
.calcite-tab
{
  overflow-x: hidden !important;

}
.table th {
    text-transform: capitalize !important;
    padding-top: 0.02rem !important;
    padding-bottom: 0.02rem !important;
    padding-left: 0.3rem !important; 
    /* padding-right: 0.2rem !important; */
   font-size: 16px ; 
    border-left: 0px !important;
    border-right: 0px !important;
   
}
.table td {

  padding-top: 0.02rem !important;
  padding-bottom: 0.02rem !important;
  padding-left: 0.3rem !important; 
  /* padding-right: 0.2rem !important; */
  font-size: 0.9375rem;
  border-left: 0px !important;
  border-right: 0px !important;
 
}
.valuesColumn
{
  padding-right: 0.8rem !important; 
  text-align: end !important;
}
.tablefooter{
    font-weight: bold
}

.calcitetab
{
    background-color: #9f8785 !important;
}
.tabheadertext
{
   
    font-size: 18px;
    font-weight: bolder;
}


.highlight
{
    border: 4px solid #859F94 !important;  
}
.shapefilefootnote {
   line-height: .9rem !important;
  font-size: 0.75rem !important;
  padding: 4px !important;
} 
.shapefile, .draw
{
  line-height: 0rem !important;
  font-weight: bold !important;
  line-height: .3rem !important;
  margin-bottom: 0.8rem !important
}
.subtitle
{
  margin-top: 0.8rem !important;
  line-height: 1rem !important;
}
@media only screen and (min-device-width: 668px) 
 { 

  .shepherd-enabled.shepherd-element 
  
    {
    max-height: 380px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important
    ;
  }
 }
@media only screen and (max-device-width: 667px) 
 { 

  .shepherd-enabled.shepherd-element 
  
    {
    max-height: 250px !important;
    overflow: scroll !important;
  }
 }
.shepherd-text p:not([class*=p-heading--]):not([class*=p-muted-heading])+p {
  padding-top: 0px !important;
}
.shepherd-element ul, i {
  line-height: 1.05rem !important;
  font-size: 0.8rem !important;
  padding-left: 0.1rem !important;
}
.shepherd-element ol, .shepherd-element li {
  line-height: .91rem !important;
  font-size: 0.8rem !important;
  padding-left: 0.1rem !important;

}
.shepherd-element ul, .shepherd-element ol {
  margin-bottom: 0.5rem !important

}
.shepherd-text p {
line-height: 1.2rem ;
}

.shepherd-progress-text
{
    padding-top: 30px;
    font-size: 13px;
}

.shepherd-progress-bar {
   position: absolute; 
    left: 30%;
    font-size: 14px;
    border-radius: 9px;
    height: 8px;
    width: 100%;
    max-width: 150px;
    background: #e6e6e6;
}
.shepherd-progress-bar span {
    display: block;
    background-color: #859F94 !important;  
    width: 50%;
    height: 100%;
    border-radius: 9px;
}
.shepherd-progress {
    font-size: .8rem !important;
    padding-bottom: 18px !important
}
.btn
{
    border-radius: 3px !important;
}
.button {
    padding: 0.2rem !important;
    margin: 0 1rem 0.2rem 0 !important;
    line-height: 1.2rem !important;
  cursor: pointer;
  border-radius: 3px !important;
  display: inline-block;
  text-decoration: none;
  /* text-transform: uppercase; */
  /* transition: 4.25s ease-in-out;  */
}

.button:hover {
  /* background: #F3F5F5; */
  background-color: #859F94 !important;  
  /* transform: translateX(10px) translateY(-10px); */
}

 .shepherd-button {
    border-radius: 3px !important;
    color: #363535 !important;
    cursor: pointer !important;
    margin-right: 0.5rem !important;
    padding: 0.5rem 1.5rem !important;
    transition: all .5s ease !important;
}
.shepherd-button.shepherd-button-secondary, .shepherd-button:last-child
{
padding: 5px 10px !important;
border: 1px solid #cbcfd5 !important;
color: #6f727e !important;
border-radius: 4px !important;
font-weight: 500 !important;
font-size: .82rem !important;
white-space: nowrap !important;
background-color: transparent !important;
background-image: none !important;
}
.shepherd-button.shepherd-button-secondary:hover, .shepherd-button:last-child:hover
{
    background-color: #859F94 !important;  
}
.shepherd-cancel-icon {
  font-family: "GT Pressura", sans-serif;
}
.shepherd-element {
  border: solid 1px #CAD5D5;
  max-width: 350px !important
}

.shepherd-element,
.shepherd-header,
.shepherd-footer {
  border-radius: 0;
}

.shepherd-element .shepherd-arrow {
  border-width: 0;
  height: auto;
  width: auto;
}

.shepherd-arrow::before {
  display: none;
}
/* .shepherd-element .shepherd-arrow:after {
  content: url('/public/assets/images/arrow.svg');
  display: inline-block;
  margin-top: -5px !important;
} */

.shepherd-element[data-popper-placement^='top'] .shepherd-arrow,
.shepherd-element.shepherd-pinned-top .shepherd-arrow {
  bottom: -35px;
}

.shepherd-element[data-popper-placement^='top'] .shepherd-arrow:after,
.shepherd-element.shepherd-pinned-top .shepherd-arrow:after {
  transform: rotate(270deg);
}

.shepherd-element[data-popper-placement^='bottom'] .shepherd-arrow {
  top: -35px;
}

.shepherd-element[data-popper-placement^='bottom'] .shepherd-arrow:after {
  transform: rotate(90deg);
}

.shepherd-element[data-popper-placement^='left'] .shepherd-arrow,
.shepherd-element.shepherd-pinned-left .shepherd-arrow {
  right: -35px;
  padding-bottom: 15px
}

.shepherd-element[data-popper-placement^='left'] .shepherd-arrow:after,
.shepherd-element.shepherd-pinned-left .shepherd-arrow:after {
  transform: rotate(180deg);
}
.shepherd-element[data-popper-placement^=right]>.shepherd-arrow {
    left: -18px !important;
}
.shepherd-element[data-popper-placement^='right'] .shepherd-arrow,
.shepherd-element.shepherd-pinned-right .shepherd-arrow {
  left: -5px;
  padding-right: 20px !important
}
.shepherd-cancel-icon
{
    font-size: 1.5em !important;
    background-color: white !important;
    border: none !important;
    opacity: .4 !important;
    cursor: pointer !important;
}
.shepherd-enabled.shepherd-element {
    border-radius: 10px !important;
    margin-top: 5px !important;
    /* margin-left: 5px !important */
}

.shepherd-footer {
    display:flex !important;
    justify-content:space-between !important;
    align-items: center !important;
    padding-bottom: 0rem !important;
    /* padding-top: 2rem !important; */
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
  margin-top: -7px;
}
.shepherd-header {
    border-radius: 5px !important;
    background-color: var(--calcite-ui-foreground-1);
    align-items: center !important;
    display: flex !important;
    justify-content: flex-end;
    line-height: 2em !important;
    padding: 0.2rem 0.5rem 0 !important;
    font-size: 1rem  !important;
    font-weight: 700  !important;
}
.shepherd-has-title .shepherd-content .shepherd-header {
  background-color: var(--calcite-ui-foreground-1);
  font-family: "GT Pressura", sans-serif;
  padding-bottom: 0;
  padding-left: 2rem;
}

.shepherd-has-title .shepherd-content .shepherd-header .shepherd-title {
  font-size: 1.1rem;

}
.shepherd-text {
  font-size: 0.8rem !important;
  padding-top: 0.75em !important;
  padding-left: 0.75em !important;
  padding-right: 0.75em !important;
  padding-bottom: 0.2em !important;
}
.shepherd-text a, .shepherd-text a:visited,
.shepherd-text a:active {
  border-bottom: 1px dotted;
  border-bottom-color: rgba(0, 0, 0, 0.75);
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.shepherd-text a:hover, .shepherd-text a:visited:hover,
.shepherd-text a:active:hover {
  border-bottom-style: solid;
}

.hover\:text-navy-light:hover {
  --tw-text-opacity: 1;
  color: rgb(149 159 172 / var(--tw-text-opacity));
}

@media (max-width: 474px) {
  .shepherd-custom-left {
    left: 12px !important
    }
}
.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:hsla(0,0%,100%,.75);cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:rgba(0,0,0,.75)}.shepherd-button:disabled{cursor:not-allowed}
.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}
.shepherd-cancel-icon{background:transparent;border:none;color:hsla(0,0%,50%,.75);cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}
.shepherd-title{color:rgba(0,0,0,.75);display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}
.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}
.shepherd-text{color:rgba(0,0,0,.75);font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}
.shepherd-content{border-radius:5px;outline:none;padding:0}
.shepherd-element{background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;opacity:0;outline:none;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:"";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}
.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}