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

        .weather {
            position: absolute;
            top: 235px;
            left: -5px;
            
        }

        /**/ /**/ /**/ /**/ /*LayerList*/ /**/ /**/ /**/ /**/
        #info {
            padding: 14px;
            border-radius: 5px;
            width: 25%;
            background-color: black;
        }

        .esri-popup .esri-popup-header .esri-title {
            font-size: 18px;
            font-weight: bolder;
        }

        .esri-popup .esri-popup-body .esri-popup-content {
            font-size: 14px;
        }

        .main_data {
            position: absolute;
            top: 235px;
            left: 5px;
            width: 50px;
            height: 25px;
            border-radius: 10px;
            background-color: #A57237;
        }

        /**/ /**/ /**/ /**/ /*Measure*/ /**/ /**/ /**/ /**/

        #toolbarDiv {
            position: absolute;
            top: 130px;
            left: 15px;
            cursor: default;
            display: flex ;
            flex-direction: column;
            flex-wrap: nowrap ;
            color: white;
        }

        .img_gam {
            position: absolute;
            top: 15px;
            left: 55px;
        }

        #dept_name {
            position: absolute;
            top: 40px;
            left: 220px;
            color: #000000;
            font-size: 25px;
            font-weight: bold;
        }

        #infoDiv {
            position: absolute;
            top: 120px;
            left: 15px;
            background-color: #A57237;
        }

            #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;
            }
        /**/ /**/ /**/ /**/ /*identify*/ /**/ /**/ /**/ /**/

        .esri-popup .esri-popup-header .esri-title {
            font-size: 18px;
            font-weight: bolder;
        }

        .esri-popup .esri-popup-body .esri-popup-content {
            font-size: 35px;
        }

        .esri-search {
            width: 160px;
            display: flex;
            flex-flow: row nowrap;
            justify-content: center;
            align-items: center;
            overflow: visible;
        }

        .esri-coordinate-conversion {
            cursor: default;
            font-size: 12px;
            position: absolute;
            width: 258px;
            background-color: #A57237;
            top: -25px;
            left: 35px;
        }
         .esri-icon-locate{
             background-color: #A57237;
            color: white;
        }

        .esri-icon-plus:before {
            color: white;
            background-color: #A57237;
            /*position: absolute;
        top: 110px;
        left: 15px;*/
        }
         
        .esri-icon-minus:before {
            color: white;
            background-color: #A57237;
            /*position: absolute;
        top: 130px;
        left: 15px;*/
        }

        .esri-widget {
            box-sizing: border-box;
            color: #323232;
            font-size: 14px;
            font-family: "Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;
            line-height: 1.3em;
            background-color: #A57237;
            border-radius: 15px;
        }

        .esri-icon-home:before {
            color: white;
            background-color: #A57237;
          
        }


        .esri-ui .esri-component {
            pointer-events: auto;
            border-radius: 15px;
        }

        .esri-icon-layer-list:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-collapse:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-basemap:before {
            background-color: #A57237;
            color: white;
        }
         .esri-icon-layers:before {
            background-color: #A57237;
            color: white;
        }
         .esri-icon-basemap {
            background-color: #A57237;
            color: white;
        }       
        .esri-icon-layers {
            background-color: #A57237;
            color: white;
        }
        .esri-icon-layer-list{
            background-color: #A57237;
            color: white;
        }
        .esri-icon-home{
            background-color: #A57237;
            color: white;                          
        }
        .esri-icon-plus{
            background-color: #A57237;
            color: white;
        }
        .esri-icon-minus{
            background-color: #A57237;
            color: white;
        }
        .esri-icon-search{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-close{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-collapse{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-down{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-up{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-settings2{
            background-color: #A57237;
            color: white;
        }
       .esri-coordinate-conversion{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-dock-right{
            background-color: #A57237;
            color: white;
        }     
       .esri-icon-edit{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-left{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-left-arrow{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-map-pin{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-minimize{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-notice-round{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-notice-round1{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-refresh{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-right{
            background-color: #A57237;
            color: white;
        }
       .esri-icon-zoom-in-magnifying-glass{
            background-color: #A57237;
            color: white;
        }
       /*.esri-popup{
            background-color: #A57237;
            color: white;
        }
       .esri-popup-body{
            background-color: #A57237;
            color: white;
        }
       .esri-popup-content.esri-icon-home:before {
            color: white;
            background-color: #A57237;
        }      
        .esri-widget--button:hover {
            background-color: #f3f3f3;
            color: #2e2e2e;
        }

        .esri-widget--button:active {
            background-color: black;
        }

        .esri-icon-search:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-close:before {
            background-color: #A57237;
            color: white;
        }
         .esri-icon-notice-round:before {
              content: "\e62d";
               color: white;
            background-color: #A57237;
          }*/
        .esri-icon-edit:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-zoom-in-magnifying-glass:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-dock-right:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-minimize:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-left:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-right:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-down:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-up:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-map-pin:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-settings2:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-left-arrow:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-refresh:before {
            background-color: #A57237;
            color: white;
        }

        .esri-icon-down:before {
            background-color: #A57237;
            color: white;
        }
        .distanc{
            position:absolute;
            left:15px;
            top:130px;
        }
        .area{
             position:absolute;
            left:15px;
            top:165px;

        }
         .clear{
             position:absolute;
            left:15px;
            top:200px;

        }
          .identify{
             position:absolute;
            left:15px;
            top:235px;

        }
          .dls_key{
             position:absolute;
            right:255px;
              top:15px;
              /*content:"\ue67b";*/
        }
         .dls_style{
             position:absolute;
            right:900px;
              top:900px;
              visibility:hidden;
              /*content:"\ue67b";*/
        }
          .esri-icon-notice-round1:before {
    content:"DLS_KEY Search";
}
         .XXX{
              position:absolute;
            left:15px;
            top:200px;

         }