.providerPortal .reportBase .title {
    text-align: left;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding-left: 50px;
}

/* Bring the border colour inline with the title border. */
.providerPortal .reportBase .geoContainer {
    border-color: #bce8f1;
}

.providerPortal .reportBase .title .text {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    padding-left: 0;
}

.providerPortal .reportBase .title .buttons {
    padding-top: 6px;
    padding-right: 45px;
}

.providerPortal .reportBase .content {
    border-color: #bce8f1;
    border-top: none;
}

.providerPortal div.geographicalReport .fullScreen {
    z-index: 90008;
}

.providerPortal div.tableReport .content .RadGrid_Bootstrap {
    border: none;
}

.providerPortal div.reportBase div.title .deepLinkIndicator {
    left: 3px;
    top: 3px;
}

/* Brings the icons on the menu drop down inline with the text. */
.providerPortal div.RadMenu.reportMenu span.rmLeftImage {
    top: 15px;
}

.providerPortal .reportBase .menuButton {
    display: block;
    position: absolute;
    top: 11px;
    right: 8px !important;
}

.providerPortal div.RadMenu.reportMenu svg {
    margin-top: 2px !important;
}

.providerPortal .menuButton span.rbText {
    display: none;
    margin: 0;
} 

.providerPortal div.reportBase div.title div.buttons {
    padding-right: 5px;
    top: -40px;
}

.providerPortal div.reportBase div.title .buttons .RadButton {
    margin-left: 0 !important;
}

.providerPortal div.reportBase div.title .buttons {
    right: 5px;
}

/*
    For the table report, to avoid a double border we remove all of the outer
    border of the table and let the container define the outline. The last
    row has an outline which we don't require.
*/
.providerPortal div.tableReport div.RadGrid tbody tr.lastRow td {
    border-bottom-style: none;
}

/*
    For some reason in the filter control another Telerik selector is overriding the default that you experience everywhere else on the site, causing the 
    calender button to have squared corners. This fix brings in the expected radius on the right hand side.    
*/
.providerPortal .filterList .filterValueSelection .RadPicker a.rcCalPopup {
    border-radius: 0 4px 4px 0;
}

/*
    For some reason in the filter control another Telerik selector is overriding the default that you experience everywhere else on the site, causing the 
    calender input to be slightly smaller. This fix brings in the expected height and radius on the left hand side.    
*/
.providerPortal .filterList .filterValueSelection .RadPicker input.riTextBox {
    border-radius: 4px 0 0 4px;
    height: 34px;
}

/*
    Brings the filter bar in line with the provider portal colour scheme.
*/
.providerPortal .filterBar .RadPanelBar,
.providerPortal .filterBar .rpLink.rpRootLink,
.providerPortal .filterBar .rpLink.rpRootLink.rpSelected {
    border-color: #bce8f1;
}

/*
    Brings the filter bar in line with the provider portal colour scheme.
*/
.providerPortal .filterBar .rpLink .rpText {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    padding-left: 0;
    line-height: 1.5em;
    max-height: 1.5em;
}

/*
    Brings the filter bar in line with the provider portal colour scheme.
*/
.providerPortal .filterBar .rpLink,
.providerPortal .filterBar .rpLink.rpRootLink,
.providerPortal .filterBar .rpLink.rpRootLink.rpSelected {
    color: #31708f;
    background-color: #d9edf7;
    box-shadow: none;
}

/*
    Round the corners to bring the filter bar inline with the rest of the site.
*/
.providerPortal .filterBar .RadPanelBar  {
    border-radius: 0.25rem;
}

/*
    We know the multi selects within the filter bar will be, on this site, pushed up against the button (input group) so remove the radius to the right.
*/
.providerPortal .filterValueSelection .multiSelectComboBox .rcbInner {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/*
    We know the multi selects within the filter bar will be, on this site, pushed up against the button (input group) so remove the radius to the right.
*/
.providerPortal .filterValueSelection .multiSelectComboBox button.RadButton {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}