﻿.baseMapSliderControl {
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
   -webkit-transition: height 0.2s linear;
    -moz-transition: height 0.2s linear;
    -o-transition: height 0.2s linear;
    transition: height 0.2s linear;
    height: 100px;
    width: 0px;
}
    .baseMapSliderControl .esri-basemap-gallery__item-title {
    color: #fff;
    }

.BMCtoggleButton {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 55px;
    width: 55px;
    margin: 30px;
    cursor: pointer;
    background-image: url("../../Images/MainMenu/basemap.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

    .BMCtoggleButton.active {
    /*! bottom: 200px; */
    right: 255px;
    }

.baseMapSliderControl.active {
    width: 255px;
    height: 99%;
    right: 0.5%;
    bottom: 0.1%;
    border: 1px solid #6f5244;
    padding: 0.1%;
    border-radius: 3px;
    z-index:3000
}



.baseMapSliderControl .slider {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    height: 0;
    overflow: hidden;
    /*! width: 200px; */
    background: linear-gradient(to bottom, #705345, #4b3d36);
    margin-top: 0.;
    /*! opacity: 0.6; */
}

    .baseMapSliderControl .slider.show {
        height: 100%;
        overflow-y: auto;
        /*! position: absolute; */
    }

