html,body,#mainContent,#map{
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
}
#layerControl{
    display:none;
    background:#f8f8f8;
    max-width:90%;
    max-height:90%;
    overflow:hidden;
    position:absolute;
    z-index:11;
    top:0px;
    left:0px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#layerList{
    overflow:auto;
}
#layerToggle{
    display:block;
    position:absolute;
    z-index:10;
    top:0px;
    left:0px;
    background-color: #50545F;
    color: white;
    border: 1px solid #ccc;
    padding:15px 10px;
    cursor:pointer;
    font-size: large;
    font-family: 'CalciteWebCoreIcons' !important;
}
#layerToggle :before{
    /*content: "\e632";*/
    content: "\2630";
}
#layerClose{
    background-color: #f8f8f8;
    color: #6e6e6e;
    padding:12px 10px 15px 10px;
    /*margin:10px;*/
    height:50px;
    font-size: large;
    cursor:pointer;
}
#closeButton{
    font-family: 'CalciteWebCoreIcons' !important;
    font-size: large;
    background:#50545F;
    color:white;
    position: absolute;
    right: 8px;
    top: 6px;
    cursor:pointer;
    padding-left:2px;
}
#closeButton:before{
    content: "\e631";
}
#map_zoom_slider{
    bottom:80px !important;
    right:15px !important;
}
#LocateButton {
    position: absolute;
    bottom: 68px !important;
    right: 20px;
    z-index: 50;
}
#search {
    display: block;
    position: absolute;
    z-index: 5;
    top: 8px;
    right: 15px;
}
.calcite .esriPopup .titlePane{
    background: #e0e0df;
}
.calcite .esriPopup .pointer.top {
    border-bottom-color: #e0e0df;
}
.calcite .esriPopup .pointer.topRight{
    border-color: #e0e0df;
    border-left-color: transparent;
    border-top-color: transparent;
}
.calcite .esriPopup .pointer.topLeft {
    border-color: #e0e0df;
    border-right-color: transparent;
    border-top-color: transparent;
}
.esriLayerList li:nth-last-child(-n+2) {
    display:none;
}
.esriLayerList .esriToggleButton{
    width:36px !important;
    height:100% !important;
    padding:10px !important;
}

.calcite .scalebar_bottom-left{
    bottom:6px;
}
.calcite .arcgisSearch .searchGroup .searchInput{
    height:40px;
}
.calcite .arcgisSearch .searchIcon{
    height:40px;
    line-height: 3.6;
}
.calcite .arcgisSearch .searchBtn{
    height:40px;
}