.report-selector-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    /*height: 50px;*/
    /*padding: 5px 15px;*/
    padding: 5px 0px;
    margin: 0 auto;
    border: 1px solid #1e1e1e;
    /* background-color: #F5F5F5; */
    background-color: white;
    /*removed overflow: hidden to support popovers*/
    /*overflow: hidden;*/
    width: 100%;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.scrollable {
    overflow-y: scroll;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#mapReportSelectorContainer {
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-width: 300px;
    max-width: 415px;
    /*display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 300px;
    height: 50px;
    padding: 5px 15px;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #1e1e1e;
    background-color: #F5F5F5;
    overflow: hidden;*/
}

#nri-popup-report .report-expanded-single {
    margin-bottom: 10px;
}

.report-selector-container p {
    margin-bottom: 10px;
}

/*.report-selector-container .btn-primary {
    border-color: transparent;
    
    background-color: #232B30;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.report-selector-container .btn-primary:hover {
    background-color: #4C5A64;
}

.report-selector-container .btn-primary:active {
    background-color: #20282D;
    box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}*/

.report-selector-info-panel {
    z-index: 5;
    position: absolute;
    bottom: 0px;

    /*would be better if inherited from info panel somehow, but this widget is fixed to the info panel's bottom and can't directly reference that info */
    /*somehow inherit works*/
    width: inherit;
}
    .report-selector-info-panel.full-width {
        min-width: 315px;
        width: 100%;
    } 

    .report-selector-container > div {
        width: 100%;
    }

    .report-selector-container .popup-report-header {
        height: 40px;
        line-height: 40px;
        cursor: pointer;

        /*padding: 5px 10px;*/
    }

    .report-selector-container hr {
        border-top-color: lightgray;
    }

.popup-report-header-title {
    font-weight: bold;
}

.report-selector-container>.popup-report-header {
	padding-left: 15px;
	padding-right: 15px;
}

.popup-report-body>div>p, .popup-report-body>div>div, .popup-report-footer>p {
	margin-left: 15px;
	margin-right: 15px;
}

.start-drawing-container {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;

    color: gray;
}

.report-expanded-multiple .popover-title {
    padding: 0px;
}
    .start-drawing-container .how-to-select-container  {
        display: inline-flex;
        cursor: pointer;

        align-items: center;
    }

.how-to-select-container i {
    /*font-size: 17px;*/
    /*top: 4px;*/
    margin-right: 10px;
}
.how-to-select-container .how-to-select-text {
    /*font-size: 17px;*/
    /*top: 4px;*/
    /*text-decoration:underline dotted;*/
    padding-bottom: 1.5px;
    border-bottom: 1.5px dotted;
}

.selection-summary-count {
    font-weight: bold;
}
.selection-summary-count.invalid {
    color: #EB5757;
}

.report-expanded-single .location-remove {
    display: none;
}

.report-expanded-multiple {
    padding-bottom: 25px;
    border-bottom: solid 1px lightgray;
    /*margin-bottom: 10px;*/
}

.popup-report-footer {
    margin-top: 10px;
}

    .popup-report-footer p {
        font-size: 14px;
        line-height: 20px;
        /*margin-top: 10px;*/
        margin-bottom: 5px;
    }

.selection-list-container-outer {
    overflow: hidden;
    
    /*margin-top: 15px;
    margin-bottom: 15px;*/
    
    border: grey solid thin;
    border-radius: 4px;
}

.report-expanded-multiple .selection-list-container-outer, .report-expanded-single .selection-list-container-outer:not(.no-selection) {
    margin-top: 15px;
    margin-bottom: 15px;
}

.selection-list-container-outer.no-selection {
    border: none;
}

    .selection-list-container:not(:empty) {
        background: white;
        /*border: grey solid thin;
        border-radius: 4px;*/
    }

    .selection-list-container .location-container {
        height: 30px;
        line-height: 30px;
        padding-left: 5px;
        padding-right: 5px;
    }

        .report-expanded-multiple .selection-list-container .location-container.location-container-selected {
            background-color: rgba(195, 222, 251, .5);
            /*border-radius: 2px;*/
        }

        .selection-list-container .location-container .location-text-container {
            max-width: 85%;
            display: inline-block;

            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .selection-list-container .location-container .location-text {
            font-size: 15px;
        }

        .selection-list-container .location-container:not(.location-container-selected) {
            cursor: pointer;
        }

        .selection-list-container .location-container.location-container-selected {
            cursor: default;
            font-weight: bold;
        }

        .selection-list-container .location-container .location-remove {
            line-height: 30px;
            cursor: pointer;
            opacity: .5;

            /*z-index needs to be 1 more than the parent div for only the remove event to fire when clicking*/
            /*z-index: 6;*/

        }

            .selection-list-container .location-container .location-remove:hover {
                opacity: 1;
            }
p.selection-footnote {
    margin-top: 15px;
}
p.selection-footnote-obv {
    font-size: 13px;
    line-height: 14px;
}
p.selection-footnote-subtle {
    font-size: 11px;
    line-height: 13px;
    color: gray;
    opacity: .9;
}

.selection-start-over-container {
    /*width: 85px;
    margin: 0 auto;*/

    /*margin-top: 15px;*/

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.selection-start-over {
    margin: auto;
    cursor: pointer;
}
.selection-start-over:hover {
    font-weight: bold;
}