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

        #map {
            padding: 0;
        }
        #loadingDiv{
            position:absolute;
            top:50%;
            left:50%;
            width: 51px;
            height: 51px;
            margin-left:-50px;
            margin-top:-50px;
            border-radius:50%;
            padding:10px;
            display:none;
            z-index:9996;
            background-color: rgba(255,255,255, 0.6);
             -webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0, 0.5);
            box-shadow: 0px 1px 3px 1px rgba(0,0,0, 0.5);

        }
        #search {
            display: block;
            position: absolute;
            z-index: 3;
            top: 50px;
            left: 15px;
          }
          .spotlight {
            z-index:-1;
            position:absolute;
            left:50%;
            top:50%;
            border-radius:50%;
            opacity:0;
            box-shadow:
            inset rgba(0,0,0,0.25) 0px 0px 20px 20px,
            rgba(0,0,0,0.25) 0px 0px 0px 1000px;
            transition:all 1000ms;
            -moz-transition:all 1000ms;
            -webkit-transition:all 1000ms;
          }
          .spotlight-active {
            z-index:2;
            opacity:1;
          }
    
        .resDiv {
            position: absolute;
            top:70px;
            right: 40px;            
            width: 400px;   
            max-height: 800px;         
            overflow-y:visible;
            background-color: rgba(0,55,0, 0.7);
            color: #fff;
            padding:8px;
            border-radius: 4px;
            display: none;
            z-index: 9997;
            -webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0, 0.5);
            box-shadow: 0px 1px 3px 1px rgba(0,0,0, 0.5);
        }
        .total-txt{
            padding:3px;
            background-color: rgba(0,100,0, 0.9);
            font-size:12px;
        }
        .ctDiv{
            padding: 6px;
            height:350px;
            width:380px;
            background-color:rgba(255, 255, 255, 0.9);
            border-radius:5px;
        }
        .header-top {
            position: absolute;
            top: 0px;
            width: 100%;
            height: 40px;
            z-index: 9999;
            /*background-color: rgba(241,255,231, 0.71);*/
            background-color: rgba(255,255,255, 0.8);
            color: #336699;
            font: normal 12px calibrilight;
            border-bottom: solid 0px #3b9c12;
            padding: 4px;
            -webkit-box-shadow: 0px 1px 3px 1px rgba(50,50,50, 0.2);
            box-shadow: 0px 1px 3px 1px rgba(50,50,50, 0.2);
        }

        .mt-tool{
            padding: 2px; 
            color:#336699; 
            border-bottom: solid 2px rgba(255,255,255, 0.05); 

            /*border-radius:4px;
            background-color:#205808;*/
            cursor:pointer; 

        }
        .mt-tool:hover{
            border-bottom: solid 2px #336699;
            
            /*background-color:#3b9c12;*/ 
        }
        
        .esriScalebarLabel{
            color:#fff;

        }

        .esriScalebarLine{
            height: 10px;
            color: #fff;
        }
        .esriScalebarRuler {
            color: #fff;
        }
        .map .esriMapTooltip {
            background-color: rgba(0,55,0, 0.71);
            color: white;
            padding: 4px;
            border-radius: 3px;
        }