.map-container-sidebar {
    position: absolute;
    right: 0;
    top: 0;
    width: 250px;
    max-width: calc(100% - 50px);
    height: 100%;
    z-index: 10000;
    background: #f7f7f7;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.map-container-sidebar .form-group label {
    display: block;
}

.map-container-sidebar .form-group {
    padding: 15px;;
}

#map {
    height: 600px;
    direction: ltr;
}

.map-container-sidebar .upload-file {
    background: #ECECEC;
}

.map-container-sidebar .layer-row:not(.active):hover,
.map-container-sidebar .layer-row:not(.focus):hover {
    background: #F9F9F9;
}

.map-container-sidebar .layer-row {
    padding: 15px;
    border-bottom: 1px solid #EAEAEA;
}

.map-container-sidebar .layer-row.active {
    background: #ECECEC;
}

.map-container-sidebar .layer-row.focus {
    background: #FFFDF1;
}

.map-container-sidebar .layer-row .edit-container {
    display: none;
}

.map-container-sidebar .layer-row.active .edit-container {
    display: block;
}

.map-container-sidebar .layer-row.active .edit {
    color: #fff;
    background: #428bca;
}

.map-container-sidebar .layer-row .edit {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #ECECEC;
    border-radius: 50%;
    text-align: center;
    padding: 6px;
    float: right;
}

.layer-row .icons-selection i:hover {
    background: #EAEAEA;
}

.layer-row .icons-selection i {
    font-size: 14px;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    cursor: pointer;

}

.layer-row .icons-selection i.selected {
    background: #428bca;
    color: #fff;
}

.layer-row .marker-colors-container i {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 2px;
    cursor: pointer;
}

.layer-row .marker-colors-container i.selected {
    border: 1px solid #FFFFFF;
    outline: 1px solid #BBB;
}

.layers-container{
    overflow-y: auto;
    max-height: calc(100% - 80px);
}