.regionSelector {
    padding-top: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.regionSelector.disabled {
    opacity: 1;
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    color: inherit;
}

.regionSelector.viewMode * {
    cursor: default;
}

.regionSelectorSelectionControls, .regionSelectorLabels {
    display: flex;
}


.regionSelectorSelectionControls {
    height: 600px;
}

.regionMapWrapper {
    flex-grow: 1;
}

.regionMapWrapper .map {
    width: 100% !important;
    height: 100% !important;
}

.regionListWrapper {
    width: 20%;
}

.regionList {
    overflow: auto;
    height: 100%;
    background: #f0f0f0;
}

.regionsWithCheckboxes {
    font-size: 14px;
    padding: 5px 10px;
    border-bottom: 1px solid #D3D3D3;
    cursor: pointer;
    position: relative;
}

.regionsWithCheckboxes * {
    cursor: pointer;
}

.regionSelector.disabled .regionsWithCheckboxes *, .regionSelector.disabled .regionsWithCheckboxes {
    color: #A7A7A7;
    cursor: not-allowed;
    background: #eee;
}

.regionSelector:not(.disabled) .regionsWithCheckboxes:hover, .regionsWithCheckboxes.selected {
    border-left: 4px solid #ED1941;
    background: #FFF;
}

.regionSelector .leaflet-clickable {
    cursor: inherit;
}

.regionSelector.disabled .regionsWithCheckboxes:hover, .regionSelector.disabled .regionsWithCheckboxes.selected {
    cursor: default;
}

.regionPerSubscription input[type=text] {
    width: 100px;
}

.regionMapWrapper label, .regionsSelectionAndUnselection {
    padding: 10px 0;
}

.regionMapWrapper .map {
    margin-top: 0;
}

.regionCheckBox,
.regionNameLabel {
    display: inline-block;
}