html, body {
    padding:0;
      margin:0;
      height:100%;
       width: 100%;

      }

       /*#search {
         display: block;
                   
      }*/

     .arcgisSearch .searchGroup .searchInput {
   width:14em;
   font-size:12px;
  }

     .arcgisSearch .searchGroup .searchInput,
      .arcgisSearch .searchBtn,
      .arcgisSearch .noResultsMenu,
      .arcgisSearch .suggestionsMenu {
        font-size:12px;
      }

           @media (max-width: 599px ) {
      #search {
        /*zoom: 87%;*/
      }

 
          .esriSimpleSlider {
              top: 10px !important;
              zoom: 70%;
          }
  
    
          #mytools {
             zoom: 80%;
          }

          .ui-slider {
            width:70% !important;
        }

    }


      @media (max-width: 570px) {
          /*#search {
              zoom: 77%;
          }*/

          #dheclogo {
              zoom: 50%;
          }

            .ui-slider {
            width:56% !important;
        }

            #info {
            width:50%;
        }
         
      }

 .jqm-header {

	border-top: 4px solid #22AADD !important;
	
}

   h1 {
	
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

   #land1 {
    border: solid #f5ecec;
    border-width: 1px 1px 1px 1px !important;
    }


  
    #dheclogo {
    zoom: 65%;
  }

        
      #ui-map-content {
      padding:0;
      margin:0;
      height:100%;
       width: 100%;
      }
      #add-form {
          background: rgba(50, 50, 50, 0.80);
         
      }

      #clear {
          background: rgba(50, 50, 50, 0.80);
         
      }

     
       #mytools {
       
         position: absolute;
      top: 200px;

      left: 20px;
      z-index: 50;

      border-style: solid;
      border-width:thin;
      background: rgba(70, 50, 50, 0.80);
      }

      #opacity {
          position: absolute;
          bottom: 50px;
          left: 35%;
          z-index: 50;
                   
      }

          

      #loadingImg {
       position: absolute;
       top: 50%;
       left: 50%;
       margin-top: -16px; /* Half the height */
       margin-left: -16px; /* Half the width */
       
    }

      
        /*#linkbutton {
        background: rgb(50, 50, 50);

      }*/

       #myheader {
        background: rgb(160, 160, 160);

      }

               
      #ui-map-page {
      padding:0;
      margin:0;
      height:94%;
       width: 100%;
        min-height:300px;
    }
      /*.ui-block-b {
    font-size: 0.75em;
    }*/



      #map {
      padding:0;
      margin:0;
      height:100%;
       width: 100%;
      }

      #BasemapToggle {
          position: absolute;
          bottom: 20px;
          right: 20px;
          z-index: 999;
      }

          #myList {
   
        margin     : 0;
        padding    : 0;
    }
        #add-form li{
        padding: 0.8px;
        white-space: normal !important;
    }
        .ui-panel {
    
            width: 20em;
}
    

        #add-form a{
       font-size: 0.6em;
        white-space: normal !important;
    }
        .ui-panel .ui-panel-inner {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;  
    -webkit-overflow-scrolling: touch;
}

     .esriSimpleSlider 
     { top:47px !important;         
 
     } 
   
    #coordsbtn {
     
    }
     .esriPopup .esriPopupWrapper {
          z-index:99999 !important;

     }

      #lines {
          background: none;
          border: none;
      }

    #longin,#latin, #buffer, #tablediv,#ll
      {
        font-size:12px !important;
      }
      .ui-btn {
          font-size:small;
      }

      #myLegend-screen {

          display:none;
      }

      input.invalid, textarea.invalid{
	border: 2px solid red;

    }

    input.valid, textarea.valid{
	border: 2px solid green;
    }

     input.none, textarea.valid{
	border: none;
    }

     /*google table styles*/
       .black-background {
       background-color: black;
      }

   
    .grey-background {
     background-color:#333333 !important;
      }
    .black-background {
     background-color:rgba(58, 56, 66, 0.80) !important;
      }


      .italic-darkblue-font {
          color: black !important;
      }

       .hover {
          background-color:#333333 !important;
      }

         .blue {
          background-color:#3C7787 !important;
      }

    .google-visualization-table-table  .google-visualization-table-td {
    border: none;
    border: 3px solid #333333;
    }

      #info {
          background: none !important;
          text-shadow: none !important;
          font-size: 0.9em !important;
          font-weight:bold !important;
          background: rgba(70, 50, 50, 0.80); 
          position: absolute;
          left:20px;
          color: black; 
          z-index:50;
          bottom:25px;
      }

        #infoCoords {
        
          /*overflow:hidden;*/
          /*text-align: center;*/

        }

        .ui-icon-help:after {
	        background-image: url("images/help.svg");
        }
        /* Fallback */
        .ui-nosvg .ui-icon-help:after {
	        background-image: url("images/help.png");
        }

      .ui-popup-screen {
          opacity: 0.5;
          filter: Alpha(Opacity=50);
      }
    
      .data-overlay-theme {
          opacity: 0.5 !important;
      }

   

        #sliderCont {
            position:absolute; left:20px;
             bottom:60px;
            z-index:9;
            width:100%;
        }


.ui-slider {
    width:270px;
}

#slider-label {
    font-weight:bold !important; 
    color:black !important;
}

#contact{
    text-decoration: none;
}