.kma-collab-nav-params .fa-toggle-off { 
    display: none;
    }
    .kma-collab-nav-params .fa-toggle-on { 
    display: inline;
    }
    .manual-sweep .fa-toggle-on { 
    display: none;
    }
    .manual-sweep .fa-toggle-off { 
    display: inline;
    }
    
    .kma-collab-control {
        overflow:hidden;
    }
    #kma-collab-control-select {
    float: left;
        margin: 10px;
        height: 25px;
        width: 200px;
        color: #FFF;
        background: #666;	
        
        text-transform: CAPITALIZE;
    }
    .kma-collab-control-btn {
        float: left;
        margin: 10px;
        width: 28px;
        height: 21px;
        border: 1px solid #EEE;
        text-align: center;
        padding-top: 3px;
        cursor:pointer;
        box-sizing: content-box;
    }
    .kma-collab-nav {
        overflow: hidden;
        border-bottom: 1px dashed #AAA;
        width: 380px;
        margin: auto;
        padding-bottom: 5px;
        border-top: 1px dashed #AAA;
        
        }
    .kma-collab-nav-caret {
        float:left;
        margin: 10px 20px 5px 45px;
    }
    .kma-nav-btn {  
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 32px;
        border: 1px solid #008093;
        border-radius: 5px;
        /* color: #548632; */
        background: rgba(24, 134, 185, 0.49);
        cursor: pointer;
        
    }
    .kma-nav-btn  i { 
           font-size: 32px;
    }
    .kma-collab-nav-params { 
        overflow: hidden;
        float: left;
        margin: 10px;
    }
    .kma-collab-nav-params > div {     overflow: hidden;
        height: 32px; 
        cursor: pointer;
    }
    .kma-collab-nav-params > div:hover {      
    color:orange;
    }
    .kma-collab-nav-params span {
            width: 105px;
        display: block;
        float: left;
        text-align: right;
        font-size: 13px;
        line-height: 18px;
        margin: 5px 10px;
    }
    .kma-collab-nav-params i {
        font-size: 24px;
    }
    #kma-collab-sweep-speed {height:23px;
        background: #777;
        color: #CCC;}
    .kma-collab-service {
        width: 380px;
        margin: 10px auto;
        }
    .kma-collab-attr-container {
        overflow:hidden;
    }
    .kma-collab-attr-label {
        float: left;
        width: 170px;
        text-align: right;
        margin: 5px;
        font-size: 14px;
        line-height: 24px;
    
    }
    .kma-collab-attr-inout {
        float: left;
        width: 170px;
        margin: 5px;
        font-size: 14px;
    }
    #kma-collab-record-note { height: 90px;
        width: 350px;
        margin-top: 5px;
        margin-left: 10px; 
        background: #666;
        padding: 4px;
        color: #EEE;}
    .kma-collab-attr-inout select, .kma-collab-attr-inout input {
            width: 100%;
        height: 24px;
        border: 1px solid;
        background: #777;
        color: #FFF;
    }
    
    .kma-actionBtn  {
        
    }
    .kma-configBtn {
            background: #29B7D3;
        color: #FFE;
        width: 42px;
        font-size: 22px;
        line-height: 26px;
        height: 35px;
        border: 1px solid #3BD;
        border-radius: 5px;
        padding-left:10px;
    } 
    .serviceHeaderDescription {
            padding: 1px 5px;
        font-size: 13px;
        margin-bottom: 0px;
    }
        
     
    .kma-search-omni-wrapper {
        
    }
    .kma-search-omni-field {
        
    }
    .kma-search-omni-field > div {
        border-radius:3px;
        height:37px;
        margin: 5px 0px;
        width: 365px !important;
         
    }
    .kma-search-omni-field > div >input {
        height:36px;
        padding-left: 15px;
    }
    .kma-search-selectedLayer  input, .kma-search-selectedLayer > div >div  {
        
        background: #AAA;
        color: #EEE;
    }
    .kma-search-omni-wrapper .kma-search-omni-button {
         position: absolute !important;
        color: #008093;
        padding-top: 7px;
        
    }
    
    .kma-search-omni-button, .kma-search-extra-panning, .kma-search-extra-hide, .kma-search-extra-clear,  .kma-search-extra-plus, .kma-search-extra-minus  {
        width: 32px;
        overflow: hidden;
        margin: 0px;
        left: 238px;
        top: 3px;
        height: 32px;
        /* background: red; */
        color: white;
        font-size: 24px;
        line-height: 32px;
        padding-left: 2px;
        cursor: pointer;
    }
    .leaflet-popup-content {
        min-width: 250px;
    }
    .GJPHeader { 
    font-size: 1rem;
    font-weight: bold;
    }
    .GJPHeader .GJPId {display: none;}
    .GJPCore > div {
        
    background: #eee;
    padding: 5px 1rem;
    margin-top: 5px;
    }
    .KD-K {
        text-align: left;
        font-weight: bold;
        font-size: 0.9em; 
        text-transform: capitalize;
    }
    .KD-V {
        text-align: center;
    }
    .KD-X {
        overflow: hidden;}
    .KD-PHOTO,
    .KD-DOC,
    .KD-EDIT,
    .KD-ALL ,
    .KD-BIZ {
        width: 32px;
        height: 32px;
        cursor:pointer;
        font-family: FontAwesome ;
        font-size:24px;
        color: #FFF;
        float:right;
        margin:2px 5px;
        color : #466380
    }
    .KD-PHOTO:before { content: "\f030"; }
    .KD-DOC:before { content: "\f0f6"; }
    .KD-EDIT:before { content: "\f044"; }
    .KD-COM:before { content: "\f044"; }
    .KD-ALL:before { content: "\f00b"; } 
    .KD-BIZ:before { content: "\f013"; } 
    .kma-uploadFile-container {height: 60px; width: 100%; min-width: 400px;
    display: flex;
    flex-wrap: wrap;}
     
     .kma-uploadFile {flex: 1 1 auto; }
    .kma-uploadFile button { height: 28px; padding: 0.2rem; 
    font-size: 14px !important;}
	.kma-uploadFile .ow-btn-container {margin: 0;}
    .kma-uploadFile  .GEUASV1BFCC {min-width:60px;}
    .kma-legend-colorStart { 
    width: 22px; height:22px; border: 2px solid #FFF; float:left; margin: 4px 10px;  
    }
    .kma-legend-label { font-size:13px; color: #FFF;  margin: 4px 10px;  overflow: hidden; 
    
        text-transform: CAPITALIZE;
        height: 22px;
        line-height: 22px;}
    .kma-legend-layeName {    font-size: 14px;    color: #FFF;    margin: 5px 20px 5px 0px;    border-bottom: 1px solid #BBB;    padding: 5px;}
    .kma-legend-block    .open-sign { display: block; float:right; font-size: 16px; cursor:pointer;}
    .kma-legend-block   .close-sign { display: none; float: right; font-size: 16px; cursor:pointer;}
    .kma-legend-block.open-block  .open-sign { display: none;}
    .kma-legend-block.open-block  .close-sign { display: block;}
    .kma-legend-block .kma-legend-entries { display: none;}
    .kma-legend-block.open-block  .kma-legend-entries { display: block;}
    .kma-legend-entry	{clear: both; overflow:hidden}
    
    
    .kma-draw-text {clear:both}
    .kma-draw-text div {padding: 10px 0px 0px;
        font-size: 14px;}
    .kma-draw-text textArea {    width: 96%;
        height: 60px;
        background: #555;
        color: #FFF;
        display: none;
    }
    
    .kma-draw-text textArea::-webkit-input-placeholder {
      color: #AAA;
    }
    .kma-panel-core-draw {min-height: 100px;}
    .kma-panel-core-draw a { color: #FFF; font-size: 12px; display: block; float: left; border: 1px solid; padding: 3px; line-height: 26px; cursor:pointer }
    .kma-ToolBarContainer {   
        overflow: hidden;
        clear: both;
        margin-bottom: 5px;
        border-bottom: 1px dashed #EEE;
        text-align: center;
        padding-bottom: 5px;
        }
    .kma-ToolBarContainer  a  { margin:5px; }
    .kma-point {
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        width: 20px;
        height:20px;
        background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAC30lEQVRoQ+2Z/W0UMRDF36sAOoBUEFIBoQKggoQKgAqACoAKgA5CBZAKSCog6YBUMOhJc2i1uj3PjL0JOmWkU/6I196f33zZS+yJcU84cA/yvyk5XBEzewjgOYAn/psyXwDQ7zvJPyM3YxiImR0DeAdAfyP2E8AHkvrbbd0gZqad/5gAmL+0QN6SlFJl6wIxsxcAvgCQO/WY3OwVybPqJGUQMzt1iOra254TzNfKhCUQj4cflQUDzzyrxE0axMweA/g1wJ2WmORmRySvAtD/hlRAJP1JZpHC2G8k5bphS4G4Gr/Ds/cNPMiokgXJqnEJYJOJlOEOE2yfSb6Jjs+CSA3FSMsEcDqvDV5ztBkRoCuSB62FNv8Pg/hLKMhbdq3WZKkF8RZGxe9RayIP+lChzIBE68bLVmFL1KDmXBVF3nsvtWsjb0iGqryZWUAR9WJat2kZRSIg5yRDTaOZqcd62njDOwO5IHnU3D4AZhZJHHcGIoZm/k/Uo1VAosHezP9mFq1HqwS7zh2R9CtVFrvYRMYKqZvOWnrAzNTQPYjEAAAF8ycA5z5ega1KHUoGAMIZUPOHs5aDRF0iyLpzWKpxzIJE42QESDg+Koqo2OmcEHWvKlDKrdIgt+hezcw336GUazlIJntVFWnWom4Qh4m0F1WIVJCX0u/moZUvH9JqlGJkAqOTn65GR1pJjV4QnRRHnt9v/ECWuj3pcq2JKqrcrwdJEm4Qt62XzlrTSZLH1l281yQjdwGLc3SBeAZT79R761i6XZxSdYM4TI+LpYvfcNeaxIpal+jNyPQ9dG10POKjzxBFihVfWUoQoeueVkIZBuIwOm/oo0/Eyp8QVnOtWSaLnFnKhW9ph4Yq4qooXtSLLV2LXpJU4znUhoM4jGqCfH9+btl5ndpDtgrIJPilzAZmaHDPoVcD2VIs9RVqSIa6lWCfL+LXP6h+5Iy626qKRF9ixLh7kBG7OHKOvVHkL8SCEEIOUAwfAAAAAElFTkSuQmCC);
        
        background-size: 20px;}
    .kma-polygon { 
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        width: 20px;
        height:20px;
        background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAEDUlEQVRoQ82a61lUMRCGZypQKxAqECpQK1AqUCsQKhAqECsQKhAqUCoQKhArUCoYn3dN1hByksm57Jo/+7A7J5nvzDfXoDJxmdkLEfkgInzeisiFiJyo6u+JW3c9rl3SmbCZvRWRz4U9rkXk5SbBjAZiZo9F5IeI8FlaWOV4yovqeXYKEKj0tXLYlaois5E1BcgQrVLF8ZczVb1cGs0UIHsi8t2pII5/JiLnqor/zL5GA0ETM8NHdjq1AkgEtYpsIfK9CXt9C4CJgO41GoiZvRaRL4WTfooItEPJQxFB7tGARlAPOeTTxXdHqgpg1xoFpBCxrkRkFaFUlTd6b4UwDaBXLq3+CgFmX1VdlhkLBEugGOtORPY8B5oZNOQ5LPXUAeqd1yrdQAqUggKnDqVyKxEsoFYNkDsXdQEpUWpKrjAz6Eh5M7TcL6kXyChKDWlpZlgFnyoFAyi74y1z3EDmotRAIICaJTA4uyvvuIDMTakCGIIA5UwMBs+CzLWq7nv8zwtkVkrVFAt0SysGl580gSxFqQYYqPY+yLjySRXI0pSqBAFaA3wjhuYLVT2ogS8CCYmLTWKJ0ZX4PJxuyRSYcKCq5J3iugck8JOOj7CYLxdXWwr2/G5mKB7LGkoVolixhV4DCVbAyUod342qlsD16NUtG3SCYjE0f1JVWPJgpUCoNCmlh9aup57q1rbxgJmh+MdErJhbUiBYo/bWqxydG0C6n5lhlWpuSYGkwiW9tglkqBvFh/DdWy+1uuqeJayTOX56BM6/mwLJY3cq7O4LFgLRGj2d5+E3B0PbeliL30sonu8Zevra6OkfteLDZkZZ/Tz8vTW/yJy9NUO7e5DZMyCMPR/04JuwQgYEpvyqnHtZAmLJA/8TkNp4dr8F5Im3Q1vSSmY2lONWoydYU3L2tQlVtVnmLwmAvc2M2i+de52E9vg2rTRyIPecattACtcWjFzzYd7qXdaAbHSaXgi5ZHNCbixib2iHm9VvMGM6Yd8akNDQ4RdxrtwcAuYWSedMl6oap4lLu8K9/c0snRHwWzOf1YC4p3xzoiwM7Vx65EDSrO7aYGYQ+YTfTe8akI0WioUOlRzBcNx1O5wDSRPPxrJ6cG4iVGzscG4ilGvKWAq/WylPCkmvmw25RVIgi5YnZhYrbKyQXksMJr2aP66AhBkSDX56H3iqqkdzOnM4C8UJr6W7x9HTGm00LbNGruDQVLFDazQLAJIOwUoHzNmPYIXaLfDokRNAUr+Ym0m9+3U7eTwAIIwiPReTvUqNkR8d8gFSmzCSlNx33Q7NcfShK+pJIyeAUCZjldLVV7NYcyi/Fgln4XNxapg+PppW64QYDiCW01hBM/4JhvA7p6OvlA5nUWVTV8Xx0/HUs/4A3Yzhj8IS1AoAAAAASUVORK5CYII=);
    
        background-size: 20px;}
    .kma-polyline { 
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        width: 20px;
        height:20px;
        background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAADiElEQVRoQ91ajVEVMRDerUCtQKhAqUCtQKlAqECpQKxAqUCoQKkAqUCowGcF8ir4nA83Tt6ZZHOX3DlnZt7A8HKb/fbb3xwqK1oAnorIOxF5LiJ3IvJVRE5U9U7XggPAKxH5nNCXgPbXBOSniDzMGP5iFUAA0JWuCt6z+V+AbNcCZE9EvhcYuWwGAoB++8YyyUZELlX1S+8kAoAZ6llG7kETEEuH9N1hEJ6r6nEvMIUY2YrIEQ3XCoR0k/bUOlbV81Ywxvi36JxbEXnLOqKqN0H+ZCAVmeRaVZltmhaAj+a6Qc5BDKAHkCMR+eRoyVjhh3HDwjVqJYz1XlVPU0LmZGR43ihQKZdSVbYoyTUZCKU5maRk/SQoU/6lxQOVZltSdKlm1zIgDHQq9SSh9YmlZCpWA+qH9VKpNiTrUl2ABCHW0NGCzCYP7O/3h5uVaVl+PFA5wI+8GGtyreGpABiIbLO5fnelUZBHoJjNCCyA9pIAW3Vmr+zqDYRuweq+w0rudGMysFUCdaaqZHsZIBY3RVZSmgyYTG1ZJkbik819qlkx8IwvVu/cootS5nKMNLBC1/mQ0NSNDz7TNUaCElNYMQMwCbBjYFonA2w+2fW6axYgplRs4b8ymKvZyA2zATEwtOpj08kN2JG672yfG0jcWM7KyqxAlmSlGggAjrO0MFMlBxoG4pnnDgAWYaUKCADOHVRouKpGWgCzx4oLpGISfOGlyAErNAaBkVXWiGKh8xgP39cAiVuOnNyQ68NPKsngvmXTaHWFN4XDxT2HniFqwNQA4QXC6xphhT1UOHfduVHV/Ub5fmUHkGsdWs+On09eKIw5wGUkkUJj+ZzqQkvBtiL+hEJYo48bZ56QWiCp+6truxzLBqtd4NGlOBSlxuGgnzsBNgMZZBze7HEQ2rkc8w4pvNvgo+7Q5Mnn9y4jAGI2JvdLZhAyE0+CLKin3jzeDCTBxl7LoZaG2RnQ3W561RCXkV5s1Fi0dU/WtXqz0aqo93wJSJfY8BTo9X0SyNrYyMbImmIj2TQC4KstXgCEq3vWjaZM1ct1PDn3rmUFizPHsLGbXDe8g3t/r9ZG5C7HVgWErwVKt+TNfVBv66fkkZHSv0bwmebOdCkg8TydOrN5VlgKSGkC3KpqbrJbQr/qM+haw3ca8cOcp7v/F0O1diM2hvQbhh/WEP7OSwS2139eyI+Q+U+2/gLsIJGPfxSHtgAAAABJRU5ErkJggg==);
    
        background-size: 20px;}
    
    .kma-drawText { 
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        width: 20px;
        height:20px;
        background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAD1UlEQVRoQ+2ZjW0TQRCF31QAqYCkAkgFkAqACoAKSCoAKsBUAKmAUAHpgFABpgKSCga9081qvLd73t1by1aUk6I4ztmeb2fe/FlwTy65Jxx4ADk0T+7EI6r6DMDnDOyNiFz0PohdgfwE8GLG2FMRuekJ0x1EVY8B/AFwB+BVZCz/fg/gUkTeHjrIKmesg7wFcCIi/N3l2oVH6A16JRk+qnoN4DmAdyLyrQsF0Df9qipD5zuAvyJCGKgq9ULxE2ytqgyprwAo+tNDBbkC8BLAhYisXCjR3uG5EY4h9SjntRa4bqEVGX3E+FfVjwA+jIatReRkBDEdfRGR8xbD49f0BKFBrB0hI6mq6YUZLHjAi15Ejg4NxIx+LSJXY1H8Rb0AYMgx7QYPqCrryNNeou/iEVVl8aOovciZkd7QeAB8TCgfXib6axE5W+qVXiBm9CcRoS6Yrf4BeDzWC2arNYAnAMxj/B+fY8ixpvBx87UYRFVpEI3mNRjk0vBvEWHqJZgJ32soeG2p6HuAWIj8EJGhJVHVjTQ8Pmety60J3OkohFyrS3qAMPZ56kOljjw0pGEzLiVw99wQcnsBcSd6JyIMMXpj4iEHkvKepe3g0RaYRR5R1UmMq+qGh7xRKW+lNLYPkDgzhRbePBQb5fQTmkZ3ICHr1cI0e8SF0GxmSoBMmkZXh5pFvwTEpkB/shvVPXeqqmpNY6gfrs6ciQhb/aqrCSSaAo/HBpGZa2hJrIWfATFt+Y54UmdqSFpBJlNgSvgzINbS+JbF9MWXbaTtEqBWkMkU6FqSosWCC6Vwf6qQlkDwnmqQzBRoJ1z6uf4+3xHbhFkt+haQXPvBtpwNYM3FOeXcz+4pT5W8YRVIagos+ZCae1Q1u4WZe59akMkUWGNkyb2tK6NakEmdUFWOt0OrvuBiXWE9GhrMlpVRMUhmCrTasYAhvNTXlOqVUQ1IagoM8TyOsy1AzHjctGzsuVz1L0rnRSC5DrW2dswUyFTLUrUyKgVJzRGW80PT2OKOUROpccDCNkyUi7NWasZYUoVjg3Ldb83KaKtHMlOgXzhU90Wpk820LMUroxKQlNu7jKceKFUIR20WrYxKQDamwDGmbZxdtDCIQJKaKO2qZ0EyU6B9YFg4tIo8oRVbo4YDKp0et4GkpsCqtFgDqarJkI23lKn3zIJEDSJTre2n2P1S7EWFqhLED1f+y1SKnj/ZldEciP9uI7Znce2YKY42JuRuSe6J50DohdyXMKslW8E5L42aGBbhiYvFMf6meLhta9aqCY193vsAss/Tr8pah2boNnvuTWj9B2z/m1GQ5QvxAAAAAElFTkSuQmCC);
        background-size: 20px;}
        
    .kma-ellipse, .kma-delete-graphic, .kma-clear-graphics  { 
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        width: 20px;
        height:20px;
        font-size: 20px;
         }
    .kma-container .kgisMapToolPanTitle {height:0; color:transparent;}
    .kma-container .legendEntry input { position: relative;top: 4px;margin: 5px;height: 20px;width: 20px;background: red;}
    .kma-container .kgisMapToolPanLvl1LI {font-size: 16px;list-style: none;}
    .kma-container .kgisMapToolPanLvl2LI {
        list-style: none;
    }
    
    
    i.fa {font-style:normal;}
    .btn129784 { font-family: FontAwesome; }
    .serviceHeader {    min-height: 26px;
        font-size: 16px;
        text-transform: UPPERCASE;
        color: #EEE;
        border-bottom: 2px solid #f1f1f1;
        margin: 5px;}
        
        
    .kma-container .esriSimpleSlider.esriSimpleSliderTL {top:initial;bottom: 50px;left: 70px;background: none;border: none;z-index: 9!important;} 
    .kma-container .esriSimpleSlider .esriSimpleSliderIncrementButton ,  .kma-container .esriSimpleSlider .esriSimpleSliderDecrementButton 
    {     border-radius: 5px;
        background: #716d66;
        color: #EEE; 
        margin-top: 6px;
        border: none;
        height: 34px;
        width: 34px;
        line-height: 32px;}

    .print-container {
        color: #FFF;
        background: none;
    }
    .kma-container .esriControlsBR {right: 50%;z-index: 9;}
    .kma-container .esriScalebarLabel {  font-size: 12px;   color: #000; }
    .kma-container .esriMeasurement .dijitButtonNode * { line-height: 25px;    color: #fff; }
    .kma-container .esriMeasurement {  font-size: 16px; }
    .kma-container .esriBasemapGalleryLabelContainer {     height: 3.0em; }
    .kma-container  .esriMeasurement .distanceIcon  {background:none;   font-family: FontAwesome !important;    font-size: 18px; position:relative; top:-5px; }
    .kma-container  .esriMeasurement .distanceIcon:before  {content:"\f0cb" }
    .kma-container  .esriMeasurement .areaIcon  {background:none;   font-family: FontAwesome !important;    font-size: 18px; position:relative; top:-5px; }
    .kma-container  .esriMeasurement .areaIcon:before  {content:"\f125" }
    .kma-container  .esriMeasurement .locationIcon  {background:none;   font-family: FontAwesome !important;    font-size: 18px; position:relative; top:-5px; }
    .kma-container  .esriMeasurement .locationIcon:before  {content:"\f041" }
    .kma-container  .esriMeasurement .esriButtonChecked .dijitButtonNode { background: #48494ae0;   }
    
    .kma-clientLogo-container {
        position: absolute;
        left: 10px;
        bottom: 20px;
        overflow: hidden;
        border: 1px solid #85867e;
        width: 100px;
        height: 100px;
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.38);
        padding: 5px;
        box-sizing: content-box;
        }
    .kma-clientLogo-container img {width: 100px; max-height: 100px;}	
    .kma-homeButton-container {position:absolute;left: 55px;top: 15px;/* border-left: 1px solid #aaaa; */}
    .kma-locatButton-container {position:absolute;left: 55px;top: 46px;/* border-left: 1px solid #aaaa; */border-top: solid 1px rgba(110,110,110,0.3);z-index: 3;box-sizing: border-box;}
    .kma-legalNotice-container, .kma-disclaimer-container {    position: absolute; cursor:pointer;
        left: 22px;
        bottom: 130px;
        background: #6f6b64;
        color: #f4f4f4; 
        border-radius: 5px;
        width: 34px;
        height: 34px;
        text-align: center;
        line-height: 30px;}
    .kma-disclaimer-container {  left: 70px ;  }
    .kma-legalNotice-container i , .kma-disclaimer-container i {font-size: 19px}
    .kma-container {font-family: Roboto;overflow: hidden;}
    .kma-map-container {
        width: 100% !important;
        margin: 0;
        position:relative;
        /* overflow: hidden; */
    }
    .kma-top-menu {      background: #000; color:#FFF;   padding: 5px 10px;}
    .kma-top-menu .kma-title {
    font-size: 20px; 
        margin: 5px;
    }    
    .kma-top-menu .kma-left-part {float: left}
    .kma-top-menu .kma-right-part { float:right} 
    .kma-top-menu   .kma-menu  {float: left; margin: 5px 20px; cursor:pointer; font-size:16px;  } 
    .kma-top-menu .kma-main-part { float:right}
    .kma-side-right { 
     position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        background: rgba(0, 0, 0, 0.5);
        color: #EEE; 
    }
    .kma-side-up {  
        position: absolute;
        top: 0px; 
        right: 400px;
        width: 400px;
        background: rgba(0, 0, 0, 0.5);
        color: #EEE; 
        transition:   right 0.25s linear; 	
        }
    .kma-side-down {  
        position: absolute;
        bottom: 0px; 
        right: 400px;
        width: 200px;
        background: rgba(0, 0, 0, 0.5);
        color: #EEE; 	
        transition:   right 0.25s linear; 
        display: none;
        }
    .kma-side-left-closed .kma-side-up {right:  0px; transition:   right 0.25s linear;} 
    .kma-side-left-closed .kma-side-down {right:  0px;transition:   right 0.25s linear; } 
    .kma-side-right .kma-pull-left {height:100%}
        
    .kma-panel-group   {  visibility: visible;   width: 400px; transition: visibility 0s, width 0.25s linear;}
    .kma-panel-group-overview {width: 196px; height: 180px; border: 2px dashed #AAA;    transition: visibility 0s, height 0.25s linear;  }
    .kma-panel-group-tools { height: auto;    transition: visibility 0s, height 0.25s linear;  }
     
    .kma-panel-group-tools  .kma-panel-header  { float: left ; font-size:14px; border:none;}
    .kma-panel-group-tools  .kma-panel-headers  {     overflow: hidden;  border-bottom:1px solid #FFF;}
    .kma-panel-group-tools  .kma-panel-cores {    background: rgba(0, 0, 0, 0.3);     clear: both;     padding: 5px 15px;}
    .kma-panel-core {display:none;}
    .kma-active-measure  .kma-panel-core-measure  {display:block;}
    .kma-active-draw  .kma-panel-core-draw  {display:block;}
    .kma-active-georef  .kma-panel-core-georef  {display:block;}
    .kma-active-print  .kma-panel-core-print  {display:block;}
    .kma-active-tag  .kma-panel-core-tag  {display:block;}
    
    .kma-side-right.kma-side-closed    {right: -400px;transition: right 0.25s linear;}
    .kma-side-down.kma-side-closed .kma-panel-group   { height: 0px; visibility: hidden;  overflow: hidden;    transition: visibility 0s, height 0.25s linear; }
    .kma-side-up.kma-side-closed .kma-panel-group   { height: 0px;  transition:  height 0.25s linear; overflow:hidden}
    
    .kma-side-right .kma-pull-strap { position:absolute; top:0px;  left:-30px;   width: 30px;    height: 100%;   }
    
    .kma-pull-strap  i {position: absolute;top:50%;font-size:32px;font-weight:bold;cursor:pointer;line-height: 40px;width: 30px;}
    
    .kma-side-right  .kma-pull-strap  .kma-open { display:none ;  background: rgba(0,0,0,0.4); padding: 4px; }
    .kma-side-right  .kma-pull-strap  .kma-close {display:block;background: rgba(0,0,0,0.4);padding: 0px;box-sizing: border-box;} 
    .kma-side-right.kma-side-closed .kma-pull-strap  .kma-open { display:block }
    .kma-side-right.kma-side-closed .kma-pull-strap  .kma-close { display:none }
    
    .kma-side-up  .kma-pull-strap  .kma-open { display:none }
    .kma-side-up .kma-pull-strap { position:relative;       height: 40px; margin:auto; clear: both;}
    .kma-side-up .kma-pull-strap i { top: 1px;  left: 5px;}
    .kma-side-up  .kma-pull-strap  .kma-close { display:block;   } 
    .kma-side-up.kma-side-closed .kma-pull-strap  .kma-open { display:block }
    .kma-side-up.kma-side-closed .kma-pull-strap  .kma-close { display:none }
    
    
    .kma-side-down .kma-pull-strap { position:relative; padding: 0px 5px; height: 40px; margin:auto}
    .kma-side-down  .kma-pull-strap  .kma-open { display:none }
    .kma-side-down .kma-pull-strap i { top: 1px;left: 5px;}
    .kma-side-down  .kma-pull-strap  .kma-close { display:block;   } 
    .kma-side-down.kma-side-closed .kma-pull-strap  .kma-open { display:block }
    .kma-side-down.kma-side-closed .kma-pull-strap  .kma-close { display:none }
    

    .kma-side-left {} 
    .kma-panel-header {font-size: 18px;padding: 5px 10px 4px  10px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;border-bottom: 1px solid #FFF;cursor: pointer;height: 30px;box-sizing: content-box;}
    .kma-panel-header  i {margin: 5px 10px 0 0;}
    .kma-panel-header.kma-search {background:#008093;}
    .kma-panel-header.kma-layer {background:#548632; }
    .kma-panel-header.kma-collaboration {background:#865432; }
    .kma-panel-header.kma-basemap {background:#325486; }
    .kma-panel-header.kma-legend {background:#89bd22; } 
    .kma-panel-header.kma-charts  {background:#016e75; } 

    .kma-popup {display: none; position: fixed; top:  50px; left: 50%; width: 600px;
        max-width: 99%;
        margin-left: -300px;   background:#3c3c3c ; color: #FFF;overflow: hidden; z-index: 1000; border-radius: 5px; border: 1px solid #CCC;font-size: 14px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }
    .kma-popup .kma-popup-header { padding: 15px; font-size: 18px; color: #AAA;}
    .kma-popup .kma-popup-header i  { float: right; margin-right: 5px; cursor: pointer; font-size: 32px; font-weight: bolder; color:#636363; padding: 0px;    line-height: 20px;}
    
    .kma-popup .kma-popup-core { color:#EEE ; padding: 15px 30px ;border-top: 2px solid #EEE;border-bottom: 2px solid #EEE; margin-bottom: 10px; max-height: 400px; overflow: auto;}
    .kma-popup .kma-popup-core p , .kma-popup .kma-popup-core div, .kma-popup .kma-popup-core ul,  .kma-popup .kma-popup-core font,  .kma-popup .kma-popup-core span 
    {color:#EEE !important; background:none !important;background-color:none !important;}
    .kma-popup .kma-popup-footer {padding: 15px;}
    
    .kma-popup .kma-popup-footer span {    padding: 5px 10px;    line-height: 20px;    border: 1px solid #EEE;    cursor: pointer;    float: right;    margin-bottom: 10px; }
    
    .kma-core-search, .kma-core-collaboration, .kma-core-layer, .kma-core-legend, .kma-core-basemap,.kma-core-charts 
    { 	position:absolute;
        top: -100000px;
        max-height: 600px;
        width:395px; 
        display: block;    
        overflow: auto;    
        left: 5px;  
        }
    .kma-expanded-search .kma-core-search,
     .kma-expanded-layer .kma-core-layer,
     .kma-expanded-basemap .kma-core-basemap,
     .kma-expanded-legend .kma-core-legend,
     .kma-expanded-collaboration .kma-core-collaboration ,
     .kma-expanded-charts .kma-core-charts    {position: relative;
        top:0px; 
        display: block; }
     
    .kma-core-search .rightWrappedFieldLabel, .kma-core-search .leftWrappedFieldLabel {color:#FFF; font-size: 15px}
                
    .kma-panel-core-tag input {color: white;}
    
    .kma-panel-core-print a {
        background: #08A;
        padding: 5px;
        display: block;
        border-radius: 5px; 
        cursor: pointer;
        color: #FFF;
        text-align: center;
        width: 75px;
        margin: 5px 15px 5px auto;
    }
    .kgisMapToolPanLvl1UL,.kgisMapToolPanLvl2LI {
        
padding-left: 16px;
    }
    
    .kgisMapToolPanLvl1LI >div {   border-bottom:1px solid #EEE; cursor: pointer;     margin: 15px 10px 0px 0px;} 
    
    
    .legendEntry {  clear: both;  overflow: hidden; }
    .legendEntry-more {     display: none; width: 100%;}
    .legendEntry.open-more  .legendEntry-more { display: block}
    .legendEntry .actn   {
        display: inline-block;
        font-family: FontAwesome !important;
        font-size: 18px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        width: 28px;
        margin: 5px;
        color: white;
        background: red;
        padding: 4px 6px;
        line-height: 15px;
        height: 21px;
        border-radius: 3px;
        cursor: pointer;
     }
    .legendEntry .xactn   {
        float: right;
        font-family: FontAwesome !important;
        font-size: 18px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        width: 30px;
        margin: 5px;
        color: white;
        background:rgba(244, 67, 54, 0.54);
    /*	rgba(85, 185, 185, 0.7); */
        padding: 4px 6px;
        line-height: 18px;
        height: 22px;
        border-radius: 3px;
        cursor: pointer;
     }
    .legendEntry-layerDescription {     margin: 0px 5px 5px 25px;
        font-family: Roboto;
        font-size: 12px; }
    .legendEntry-layerName{ cursor:pointer;font-size:14px; }
    .legendEntry   .actn.legendEntry-eye:before {
        content: "\f204";
        font-size: 14px;
        
    }
     
    .legendEntry.visibleLayer  .actn.legendEntry-eye:before {
        content: "\f205";
        font-size: 14px;
        /* background: red; */
    }
    
    .legendEntry-label:before {
        content: "T";
        font-family: serif;
        padding: 0 2px;
    } 
    .legendEntry-label.displayLabel:before {
        color:#000; 
        font-weight: bold;
    } 
    .legendEntry-cluster:before {
        content: "\f009";
    }
    .legendEntry-heatmap:before {
        content: "\f185";
    }
    .legendEntry-timer:before {
        content: "\f252";
    }
    
    
    .legendEntry-zoomtoExtent:before {
        content: "\f0b2";
    }  
    .legendEntry-zoomtoVisible:before {
        content: "\f002"; 
    }  
     
    .legendEntry-popupInfo:before {
        content:  "\f129";
        color:#000;
        padding-left:5px;
    }   
    .legendEntry-popupInfo.disabled:before {
        content: "\f05a";
        color:#AAA;
        padding-left:0px;
    } 
    .legendEntry-opacity:before {
        content: "\f070";
    }  
    .legendEntry-front:before {
        content: "\f0aa";
    }  
    .legendEntry-back:before {
        content: "\f0ab";
    }  
    .opacity-range-expand .opacity-range, .heatmapControl-expand .heatmapControl, .cluster-expand   .clusterControl,  .timer-expand   .timerControl   {    display: block;
        border-bottom: 1px solid #8888;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-bottom: 15px;
        font-family: Roboto;
        font-size: 12px;
        font-weight: normal;}
    .timerControl,  .heatmapControl, .opacity-range, .clusterControl {clear:both; margin: auto; width:85%; text-align: left; display:none; font-size: 14px}
    .kma-container .heatmapControl input , .kma-container .clusterControl input , .kma-container .opacity-range input { width: 100px; overflow:hidden; cursor: pointer}
    .kma-container .heatmapControl input[type=color]   { width: 40px; border:none; height:24px; overflow:hidden; cursor: pointer}
     
     
     
     
    .kma-basemap-custome {
        margin: 10px 5px;
        border-bottom : 1px dashed  rgba(200, 200, 200, 0.5 ); 
            overflow: hidden;
    }
    .kma-basemap-custome-item {
         overflow: hidden;
         width: 100px;
         margin: 5px 10px;
         float:left;
         box-sizing: content-box;
    }
    
    .kma-basemap-custome-item img { 
        width: 98px; 
        border: 1px solid #FFF;
        max-height: 70px;
        margin: auto;
        cursor:pointer;
        display:block;   
        box-shadow: 0px 0px 7px #000;
    }
    .kma-basemap-custome-item .kma-basemap-description { 
         text-align:center;
    }
    
    .kma-basemapGallery {margin: 10px 5px;  clear: both}
    
    
    .kma-basemapGoogleGroup {
        overflow: hidden;
        margin: 5px; 
        border-top : 1px dashed  rgba(200, 200, 200, 0.5 ); 
        padding-top: 15px;
    }
    
    .kma-basemapGoogleTrigger {
        width: 110px;
        float: left;
        padding: 1px;
        height: 120px;
      
    }
    
    .kma-basemapGoogleStamp{
        width: 70px;
        height: 70px;
        float: left;
        border: 1px solid #FFF; 
        cursor:pointer;
        margin: 5px 15px 5px 20px;
        background: url(../arcgis/googleMap.png) no-repeat;
        background-size: 100%;
    }
    
    .kma-basemapGoogleTitle {
         text-align:center;
    }
    
    .kma-basemapOption {}
    
    .kma-baseGoogleButton {
            float: left;
            height: 17px;
            padding: 5px;
            font-size: 13px;
            border: 1px solid #FFF;
            margin: 5px;
            cursor: pointer;
            width: 62px;
            text-align: center;
            box-sizing: content-box;
    }
    
    .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
        right:inherit !important;
        left: 16px !important;
        bottom: 196px !important;
        
    }
     
    
     
    @media screen and (max-width: 600px) { 
    
    .kma-core-search, .kma-core-collaboration, .kma-core-layer, .kma-core-legend, .kma-core-basemap , .kma-core-charts
    { 	 width:255px;  	}
        
    .kma-side-left-open .kma-side-up { display:none; }
    .kma-side-down   { display:none}
    .kma-side-up {width: 260px;}
    .kma-panel-group  {width: 260px;}
    .kma-side-right.kma-side-closed    { right: -260px; }
    .kma-panel-group-tools  .kma-panel-header span {display:none;}
    
    .kma-clientLogo-container { 
        left: 5px;
        top: 5px; 
        width: 60px;
        height: 60px;
        border-radius: 5px; 
        padding: 1px;
    }
    .kma-clientLogo-container img {
        width: 58px;
        max-height: 58px;
    }
    .kma-side-right {
        z-index: 10;
    }
    .loadingNotify { 
        background: rgba(0, 0, 0, 0.85);
        padding: 5px 10px; 
        font-size: 12px;
    }

    .kma-homeButton-container {   left: 5px;  bottom: 25px; } 
    .kma-locatButton-container {  left: 5px; bottom: 65px }
    .kma-legalNotice-container  {      left: 5px;     bottom: 105px;     }
    .kma-disclaimer-container {  left: 53px ; bottom: 105px;    } 
    .kma-container .esriSimpleSlider.esriSimpleSliderTL { 
        bottom: 25px;
        left: 53px; 
    }
    .scalebar_bottom-left {
        left: 5px !important;
        bottom: 1px;
    }
    }
    
    @media screen and (max-width: 300px) { 
    
    .kma-core-search, .kma-core-collaboration, .kma-core-layer, .kma-core-legend, .kma-core-basemap,.kma-core-charts
    { 	 width:215px;  	}
    .kma-panel-group  {width: 220px;}
    .kma-side-right.kma-side-closed    { right: -220px; }
    }
    
    
    .loadingDispContainer-CEBtn {
        width: 32px;
        height: 30px;
        cursor:pointer;
        font-family: FontAwesome ;
        font-size:28px;
        color: rgba(255, 255, 255, 0.75);
        float:right;
        margin:2px 5px; 
        font-weight: bold;
        z-index: 100;
    }
    .loadingDispContainer-CEBtn:before { content: "\f107"; }
    .expanded  > .loadingDispContainer-CEBtn:before { content: "\f106"; }
    #loadingDispContainer.expanded { 
    max-height:32px !important; 
    overflow: hidden !important;
    }
    #loadingDispContainer[data-loading='0']  .loadingDispContainer-CEBtn {display:none; }

    .esriOverviewMap, .esriScalebar {z-index:9}




    

.mapLayerLoaderNotifyContainer {
	display: block;
    width: 300px; 
    position: fixed;
    bottom: 0;
    max-height: 200px;
    overflow: auto;
}
.mapLayerLoaderNotifyContainer > div {
 background: #000;
 color: #FFF;
 padding: 8px 12px;
 font-size: 13px;
}
.lni {
    padding: 8px 12px;
    font-size: 13px;
}
.lni .lnm {
    margin-left: 8px;
}




.grc-outer {

}
.grc-ttl {
    
    background: #0005;
    padding: 4px;
    color: #FFF;
    font-weight: 500;
    margin-bottom: 3px;
}
.grc-outer p , .grc-outer .op-tilte  {

    margin: 5px;
    font-size: 14px;
    color: #FFF;
}
.grc-outer .opacity-range {
    display: block;
}
.grc-outer .wizard-action-bar  {

    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
 
.grc-outer .wizard-action-bar  button, #apply-btn   {

background: #38A;

border: none;

border-radius: 3px;

font-size: 14px;

padding: 4px 10px;
}

#apply-btn  .grc-btn-label {
    padding-left: 1rem;
    font-size: 14px;
    font-family: Roboto;
}

.grc-outer table.bct {

width: 100%;

text-align: center;

font-size: 13px;

padding: 5px;

/* background: #eee4; */

margin-bottom: 15px;

border: 1px solid #888;
}

.grc-outer table.bct tr  {

font-size: 11px;
}

.grc-outer table.bct  th {border: 1px solid #888;}

.grc-outer table.bct  td {

padding-top: 5px;

padding-bottom: 5px;

border: 1px solid #888;

max-width: 30px;

overflow: hidden;

padding: 4px;

text-overflow: ellipsis;
}
.grc-outer table.bct .cbt-val  {

width: 80px;
}
.grc-outer table.bct .cbt-h  {font-size: 14px;}

.grc-outer table.bct .cbt-btn  {

}



.grc-outer table.bct  td button {

background: none;

border: none;
}
.grc-outer table.bct  td input[type=checkbox] {

display: block;

font-size: 20px;

width: 16px;

height: 16px;
}
#isoMark {
    
    color: #38A;
    font-size: 20px;
    margin-left: 5px;
}
.matrixDataLabel {
    font-size: 13px;
    margin-bottom: 10px;
}
.matrice-field {
    display: flex;
   font-size: 12px;
   margin: 3px;
}
.matrice-field > .matrice-field-label, .matrice-field-label2 {
   flex: 0 0 65px;
   font-size: 12px;
   text-align: right;
   display: block;
   padding: 0 4px;
}

.matrice-field-label2 {
    flex: 0 0 110px;
}
.matrice-sep {
    padding: 5px;
    border-bottom: 1px solid #eee8;
    margin-bottom: 5px;
}
.matrice-field > input {background: #eee8;border: 1px solid #eee;height: 17px;width: 104px;font-size: 12px;font-family: monospace;}
.matrice-fields {display: grid; grid-template-columns: 50% auto; }





.kma-core-search {
        background: #333A;
}

.kma-core-search .ow-btn-container {
    padding: 1px;
}
.kma-core-search button.ow-button {
    background: none;
    color: white;
    padding: 0px;
    margin: 0;
    height: 32px;
    line-height: 32px;
    border: none;
}
.kma-core-search .ow-label.ow-label-side  {
    color: #EEEB;
}
.kma-core-search input   {
    color: #EEE;
    padding-top: 0px;
}
.kma-core-search .ow-field-select-container.filledInput .ow-field-input  {
    color: #EEE;
}

.kma-core-search .ow-field-assistance-inner  {
    background: #AAA;
}
.kma-core-search  .ow-field-assistance .ow-option {
    min-height: 24px;
}

.kma-core-search button.omni-search-button {
    height: 100%;
    font-size: 1.1rem;
}

.kma-search-omni-wrapper .ow-field-input-line {
    border: 2px #FFF solid;
    border-radius: 0;
}
.kma-core-search .ow-table-toolbar {
    display: none;
}
.kma-core-search .ow-table  {
    background: none ;
    border: 1px solid #8888;
}

.kma-core-search .ow-table > table th { 
    color: #FFF;
    padding: 10px 10px;
    background: #AAA8;
    font-size: 13px;
}

.kma-core-search .ow-table .ow-table-row:HOVER {
    background-color: #8888;
}
.kma-core-search .ow-table > table > tbody > tr > td {
    padding: 3px;
    color: #FFF;
}

.kma-core-search  .ow-table > table > tbody > tr > td button.ow-button {
    height: 22px;
}
.kma-core-search .active button {
    color: #08A;
}

.kma-core-search .ow-pagination-bar {
    padding: 0.25rem;
    background: #8888;
    overflow: hidden;
    height: 40px; }

.kma-core-search .ow-pagination-pageInput {
    background: #FFF8;
}





.map-fab-tool-container {position   : absolute;
    top: 1rem;
    left: 1rem;
    width: 300px;}

div.map-fab-trigger {
    width: 48px;
    height: 48px;
    background: #38A;
    border-radius: 32px;
    color: #FFF;
    float: left;
    margin-inline-end: 0.5rem;
    cursor: pointer;
    border: none;
    font-size: 19px !important;
    text-align: center;
    line-height: 46px !important;
    border: 2px solid #FFF;
    z-index: 2;
    position: absolute;

}
a.map-fab-polygon , a.map-fab-picker, a.map-fab-eraser { 
    margin-top: 4px;
    width: 40px;
    height: 40px;
    background: #38A;
    border-radius: 32px;
    color: #FFF;
    padding: 0;
    box-sizing: border-box;
    margin-inline-end: 0.75rem;
    cursor: pointer;
    font-size: 19px !important;
    text-align: center;
    line-height: 36px !important;
    border: 2px solid #FFF;
    position: absolute;
    left: 4px;
    top: 0px;
    z-index: 1;
    transition: all 1s;

} 
.map-fab-tool-container.expanded a.map-fab-polygon { 
    left: 68px;
}
.map-fab-tool-container.expanded a.map-fab-picker { 
    left: 128px;
}
.map-fab-tool-container.expanded a.map-fab-eraser { 
    left: 188px;
}


.kma-sketch-embedded {
    background: none;
}

.kma-sketch-embedded .esri-sketch__button  {
    color: #FFF;
    border: #FFF 1px solid;
    margin-inline-end: 5px;
    background:none;
}

.esri-sketch__panel.esri-sketch__info-panel {
    background:none !important;
}

#measurement-toolbar, .measurement-toolbar {
    display: flex;
}
#measurement-toolbar  button , .measurement-toolbar  button {
    background: none;
    color: #FFF;
    border: 1px solid #FFF;
    margin-inline-end: 5px;
    margin-bottom: 5px;
}




.kma-charts-mainWindow p 
 {
  display: inline-block;
  padding: 0.1em;
  overflow: scroll;
}
.kma-charts-mainWindow input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }

  
  .kma-charts-mainWindow strong {
    color: #ddd
  }
  
  /* Change background color of buttons on hover */
.kma-charts-mainWindow button:hover {
background-color: #ddd;
color: #000;
}

/* Create an active/current tablink class */
.kma-charts-mainWindow  button.active {
background-color: #ccc;
color: #000;
}

.kma-charts-mainWindow button {
position: relative;
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
}

.kma-charts-mainWindow input[type=checkbox] {
	margin: 0px 10px;
	position: relative;
    width: 30px;
    height: 17px;
 }


.kma-charts-Buttons{
left: 25px;
height: 50px;
width:235px;
margin: 9px 8px;
border: none;
background: #404040;
color: #ffffff  !important;
background-color:#404040;
font-weight: 100;
padding: 20px;
text-transform: uppercase;
border: 3px solid #ddd !important;
border-radius: 6px;
display: inline-block;
transition: all 0.3s ease 0s;
}
.kma-charts-Buttons:hover {
color: #404040 !important;
font-weight: 700 !important;
letter-spacing: 3px;
background-color: : none;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.3s ease 0s;
}

.kma-charts-uploadForm {
  width: 320px;
  height: relative ;
  padding: 20px;
  overflow: auto; 
}
.kma-charts-panelCharts {
  height: relative ;
  overflow: auto; 
}


.tab {
overflow: hidden;
border: 1px solid #ccc;
}
.tablinks{width: 50%;}

#SetCharts{ 
  display: none;
}


.legendCharts {
  padding: 5px 10px;
}

.mp-field-group select {
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 0.85em;
    width: 100%;
    height: 32px;
    color: #323232;
    border: 1px solid rgba(110,110,110,0.3);
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    padding: 0 0.5em;
    background:  url("data:image/svg+xml,%3Csvg width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M11%2013l5%205.833L21%2013z%27%20fill%3D%27%236e6e6e%27%20fill-rule%3D%27nonzero%27/%3E%3C/svg%3E") no-repeat right center #fff
}

.mp-field-group input{
    display: block;
    width: 100%;
    color: #666;
}

.mp-field-group label{
    display: block;
}

.printFromBtn {
    background: #38A;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    margin: 1rem 0;
    border-radius: 2px;
}

.mapPrinterPanel {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #000D;
    display: flex;
    justify-content: center;
    align-items: start;
    left: 0;
    top: 0;
    z-index: 10000;
}

.mapPrinterPanel > .inner.scope {
    max-height: calc(100vh - 40px);
    overflow: auto;
}

.mapPrinterPanel > .inner {
    border: 1px solid #ddd;
    border-radius: 0px;
    background: #FFF;
    position: relative;
    box-sizing: content-box;
    margin-top: 1rem;
}

.mapPrinterToolBar {
    display: flex;
    justify-content: space-around;
}

.printBtn, .mapPrinterPanel .closeBtn {
    font-family: Roboto;
    padding: 5px 1rem;
    margin: 8px auto 16px;
    border: 1px #ccc solid;
    color: #38A;
    line-height: 1rem;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    box-sizing: content-box;
    text-align: center;
    display: block;
}

.printBtn, .mapPrinterPanel .closeBtn {
    font-family: Roboto;
    padding: 5px 1rem;
    margin: 8px auto 16px;
    border: 1px #ccc solid;
    color: #38A;
    line-height: 1rem;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    box-sizing: content-box;
    text-align: center;
    display: block;
}

.mapPrinterDetails {
    padding: 5px;
    font-size: 14px;
    text-align: center;
    font-weight: 500; 
    margin-bottom: 5px;
}

.indicationPanel {
    max-width: 750px;
    margin: auto;
}

.mapLogoContainer {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1000;
}

.printBtn .fa, .mapPrinterPanel .closeBtn .fa {
    margin-right: 8px;
}

#myChartModal{
    width: 1400px;
    height: 800px;
}

.kma-charts-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.kma-charts-modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.kma-charts-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.kma-charts-close:hover,
.kma-charts-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.legendCharts {
    padding: 5px 10px;
  }
 
  
  .mp-field-group select {
      cursor: pointer;
      display: block;
      font-family: inherit;
      font-size: 0.85em;
      width: 100%;
      height: 32px;
      color: #323232;
      border: 1px solid rgba(110,110,110,0.3);
      margin: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 0;
      padding: 0 0.5em;
      background:  url("data:image/svg+xml,%3Csvg width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M11%2013l5%205.833L21%2013z%27%20fill%3D%27%236e6e6e%27%20fill-rule%3D%27nonzero%27/%3E%3C/svg%3E") no-repeat right center #fff
  }
  
  .mp-field-group input{
      display: block;
      width: 100%;
      color: #666;
  }
  
  .mp-field-group label{
      display: block;
  }
  
  .printFromBtn {
      background: #38A;
      padding: 5px;
      text-align: center;
      cursor: pointer;
      margin: 1rem 0;
      border-radius: 2px;
  }
  
  .mapPrinterPanel {
      position: fixed;
      width: 100%;
      height: 100vh;
      background: #000D;
      display: flex;
      justify-content: center;
      align-items: start;
      left: 0;
      top: 0;
      z-index: 10000;
  }
  
  .mapPrinterPanel > .inner.scope {
      max-height: calc(100vh - 40px);
      overflow: auto;
  }
  
  .mapPrinterPanel > .inner {
      border: 1px solid #ddd;
      border-radius: 0px;
      background: #FFF;
      position: relative;
      box-sizing: content-box;
      margin-top: 1rem;
  }
  
  .mapPrinterToolBar {
      display: flex;
      justify-content: space-around;
  }
  
  .printBtn, .mapPrinterPanel .closeBtn {
      font-family: Roboto;
      padding: 5px 1rem;
      margin: 8px auto 16px;
      border: 1px #ccc solid;
      color: #38A;
      line-height: 1rem;
      font-size: 13px;
      font-weight: 500;
      cursor: pointer;
      box-sizing: content-box;
      text-align: center;
      display: block;
  }
  
  .printBtn, .mapPrinterPanel .closeBtn {
      font-family: Roboto;
      padding: 5px 1rem;
      margin: 8px auto 16px;
      border: 1px #ccc solid;
      color: #38A;
      line-height: 1rem;
      font-size: 13px;
      font-weight: 500;
      cursor: pointer;
      box-sizing: content-box;
      text-align: center;
      display: block;
  }

.mapPrinterDetails {
    padding: 5px;
    font-size: 14px;
    text-align: center;
    font-weight: 500; 
    margin-bottom: 5px;
}

.fieldsetMap .printFromBtn{
  display: none;
}

.fieldsetMap{
  padding: 0;
  margin: 0 !important;
  margin-top: 12px !important;
}

.fieldsetMap .ow-pl-toolbar{
  background: #EEE;
}

.fieldsetMap .ow-pl-toolbar .expand-collapse{
  display: none;
}

.fieldsetMap .ow-pl-toolbar .ow-label-pl{
  font-size: 0.9rem;
  font-weight: bold;
  color: #555;
}

.fieldsetMap .mp-field-label{
  color: #333;
  margin: 5px;
  font-size: 13px;
}

.fieldsetMap .printFromTitle{
  display: none;
}

.fieldsetMap select{
  padding: 5px !important;
  width: 100% !important;
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2032%2032%27%20xmlns%3D%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M11%2013l5%205.833L21%2013z%27%20fill%3D%27%236e6e6e%27%20fill-rule%3D%27nonzero%27/%3E%3C/svg%3E") !important;
} 


.fieldsetMap .kma-sketch-embedded .esri-sketch__button:hover{
  color: #2e2e2e;
}

.fieldsetMap .kma-sketch-embedded .esri-sketch__button{
  color: #2e2e2e !important;
}

.fieldsetMap .kma-ToolBarContainer a {
  background: #BBB;
  border: 1px solid #AAA;
}