.nri-map-popup {
    width: 0%;
    height: 100%;
    overflow: hidden;
    display: none;
    flex-direction: column;
    flex: 1 1 auto;
    flex-shrink: 0;
    flex-grow: 1;
    background-color: white;
    z-index: 2;
}
.nri-map-popup.info-panel-open {
    display: flex;
    min-width: 315px;
    box-shadow: -1px 5px 15px 1px rgba(0,0,0, .4);
}
    .nri-map-popup.info-panel-open.fixed {
        width: 415px;
    }
    .nri-map-popup.info-panel-open.responsive {
        width: 100%;
    }
    

/*Temp Test Site CSS overrides*/
.nri-map-popup .active-development-warning {
    font-size: 13px;
    /*Don't spend time making this nice beyond UI look, it's going away ASAP*/
    padding: 5px;
    padding-left: 15px;
    /*margin-top: -10px;
    margin-left: -20px;*/
    margin-bottom: 5px;
    width: 100%;

    background-color: #E88181;
}

.nri-map-popup .overlay {
    /*Needs to be more than the info panels content (1) and less than the report widgets content (5)*/
    z-index: 3; 

    position: absolute;
    /*top: 0px;*/
    /*left: 0px;*/
    height: 100%;

    background: rgba(0,0,0, .6);
}
    .nri-map-popup.info-panel-open.fixed .overlay {
        width: 415px;
    }    
    .nri-map-popup.info-panel-open.responsive .overlay {
        width: 100%;
    }

.nri-map-popup .popup-report {
    border-top: thin solid #e5e5e5;
    background-color: #F5F5F5;
    box-shadow: -1px 5px 15px 1px grey;
}

.popup-report.popup-report-collapsed {
    height: 80px;
    cursor: pointer;
}

    .popup-report.popup-report-collapsed .popup-report-body {
        margin-top: 5px;
    }

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

.popup-report .popup-report-header {
    line-height: 17px;
    vertical-align: middle;
}

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

.popup-report .popup-report-header-toggle {
    font-size: 13px;
}

.nri-map-popup .show-in-map {
    cursor: pointer;
    vertical-align: middle;
}

.nri-map-popup .nri-popup-info {
    font-size: 15px;
}


.rank-container {
    font-size: 17px;

    display: flex;
}

.rank-container .rank-value {
    /*margin-left: 15px;*/
    margin-right: 10px;
    min-width: 60px;
    text-align: right;
}

.descriptive-rating {
    margin-top: 20px;
}

.nri-equation-container {
    margin-bottom: 15px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 1px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: black;
}

    .nri-equation-container .nri-equation-component {
        width: 225px;
        margin-top: 10px;
        margin-bottom: 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

.nri-equation-component .nri-equation-component-relationship {
    margin-right: 15px;
}

.nri-equation-container .nri-equation-result {
    border-top: 1px solid rgba(0,0,0,1);
}

.nri-map-popup .nri-popup-info > div {
    /*padding: 20px;*/
    min-width: 100%;
}

.risk-list .list-item:not(:last-child) {
    margin-bottom: 10px;
}

/*apply padding on child content rather than container so that some children, such as horizontal lines, can take up the full width of the container instead of the padded width*/
/*first div is container, second div is actual content*/
.nri-map-popup .nri-popup-info .popup-header {
    padding: 10px 10px 10px 20px;
}



.nri-map-popup .nri-popup-info .popup-dropdown {
    border-radius: 4px;
    padding: 4px 0px 4px 0px;
    border-color: black;
}

/*.nri-map-popup .nri-popup-info .popup-dropdown:focus {
    outline:none;
}*/

div.popup-header {
    /*position: fixed;
    top: 0;*/
    border-bottom: 2px solid #e5e5e5;
}

    div.popup-header button.close {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
    }

    div.popup-header .close {
        /*margin-top: -2px;*/
        float: right;
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .3;
        text-decoration: none;
    }

    div.popup-header button, input, select, textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }

.popup-noti-banner-default {
    display: none;
}

.popup-noti-banner-visible {
    display: flex;
    border-bottom: 2px solid #e5e5e5;
    background-color: #e5e5e5;
    font-weight: 600;
    padding: .5em .7em;
}

.popup-notification-banner-link {
    color: #2F80ED !important;
    font-weight: 600;
}

.popup-notification-banner-link:hover {
    font-weight: 600;
}

.popup-notification-banner-link:focus {
    font-weight: 600;
}

.nri-map-popup .nri-popup-info h2:first-child {
    margin-top: 0px;
    padding: 0px 10px 0px 20px
}

.nri-map-popup .nri-popup-info h1, .nri-map-popup .nri-popup-info h2, .nri-map-popup .nri-popup-info h3, .nri-map-popup .nri-popup-info h4 {
    margin-top: 20px;
    padding-top: 0px;
    margin-bottom: 15px;
    padding-bottom: 0px;
    line-height: 1.2;
}

.nri-map-popup .nri-popup-info .popup-header h3 {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.nri-map-popup .info-panel-section {
    padding: 0px 10px 0px 20px;
}
.nri-map-popup .info-panel-section:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.1);
}
    .nri-map-popup .info-panel-section.info-panel-section-next-steps p {
        margin-top: 15px;
        margin-bottom: 5px;
    }

.nri-map-popup .layer-score-container {
    font-size: 18px;

    width: 100%;
    padding: 5px 7.5px;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.nri-map-popup .layer-score-value {
    /*font-weight: bold;*/
}

.nri-map-popup .rank-container {
    margin-bottom: 5px;
}

.nri-map-popup .popup-header {
    /*position: fixed;*/
    background: white;
    /*z-index: 3;*/
}

.nri-map-popup .popup-body {
    height: 100%;
}
    .nri-map-popup .popup-body p {
        margin-bottom: 15px;
    }

.overview {
    display: flex;
    flex-direction: column;
}
    .overview > div {
        padding: 5px 10px;

        display: flex;
        flex-direction: row;
        justify-content: space-between;

        margin-bottom: 10px;
    }
    .overview .overview-header {

    }
    .overview .overview-item {
        margin-left: 15px;
    }
    .overview .overview-label {
        max-width: 60%;
    }
    .overview .overview-value{
        text-align: right;
        width:40%;
    }
    
    .gray-background {
        background-color: #eee;
    }
    
    .nri-map-popup-layers {
        height: 100%;
    }
    .nri-map-popup-layers .layer-container {
        overflow-y: scroll;
        padding: 10px 0px;
        height: 100%;
    }

.layer-graphic {
    margin: 10px 0px;
    width: 100%;
}

.risk-list {
    margin-bottom: 20px;
}

.risk-list .item-label {
    display: inline-block;
    width: 195px;
}

.nri-hazard-details .nri-hazard-container {
    margin-bottom: 10px;
}

.layer-RiskIndex .nri-hazard-details .nri-hazard-container .header {
    border-style: solid;
    border-radius: 4px;
    border-color: #ddd;
    border-width: 1.5px;
}
.layer-ExpectedAnnualLoss .nri-hazard-details .nri-hazard-container {
    border-style: solid;
    /*border-width: 1px;*/
    border-width: 1.5px;
    border-radius: 4px;
    border-color: #ddd;
}

.nri-hazard-details .nri-hazard-container p, .nri-hazard-details .nri-hazard-container label {
        margin-bottom: 0px;
    }
.nri-hazard-details .nri-hazard-container label {
    font-weight: normal;
    white-space: nowrap;
}

.nri-hazard-details .nri-hazard-container .header {
    background-color: rgba(196, 196, 196, 0.3);
    padding: 0px 5px;
    /*border-radius: 1px;*/

    display: flex;
    justify-content: space-between;
    /*align-content: flex-end;*/
    /*align-items: center;*/
    /*margin-bottom: 5px;*/
}

.nri-hazard-details .nri-hazard-container .header .values {
    display: inline-block;
    text-align: right;
}

.nri-hazard-details .nri-hazard-container .bullet-chart-container {
    margin-top: 5px;
}
.nri-hazard-details .nri-hazard-container .bullet-chart-container svg {
    overflow: visible;
}

.nri-hazard-details .nri-hazard-container .hazard-body {
    /*margin-bottom: 15px;*/

    padding: 0px 5px;
}

.nri-hazard-details .nri-hazard-container .hazard-body .footnote {
    font-size: 12px;
    line-height: 12px;
    color: grey;

    align-self: flex-start;
}

.nri-hazard-details .nri-hazard-container .hazard-body .metric-container {
    margin-bottom: 10px;

    display: flex;
    flex-direction: column;
}
    .nri-hazard-details .nri-hazard-container .hazard-body .metric-container.inline-metric-container {
        display: inline-flex;
    }

.nri-hazard-details .nri-hazard-container .hazard-body .metric-container .metric {
    display: flex;
    justify-content: space-between;

    align-items: center;
}

.nri-hazard-details .nri-hazard-container .hazard-body .metric-container .metric .multi-metric {
    display: inline-block;
    text-align: right;
}

    .nri-hazard-details .nri-hazard-container .hazard-body .hazard-more-details-link {
        color: #999;
        font-weight: normal;
    }
.nri-hazard-container .droughtNote{
    font-size:12px;
    margin-left:10px;
}
.nri-hazard-container .droughtNote1{
    font-size:12px;
    margin-left:17px;
}
.nri-hazard-container .droughtNoteRI{
    font-size:12px;
    text-align:left;
}
.nri-hazard-container .droughtNoteRI1{
    font-size:12px;
    text-align:left;
    margin-left:7px;
}
.nri-hazard-omitted {
    margin-top: 45px;
}

a#linktext {
    color: rgb(60, 116, 194) !important;
}