/* ---------------------------------------------- page header -----------------------------------------------------*/

.ScenarioHeader {
    background-color: mediumblue;
    color: antiquewhite;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

/* ------------------------------------------ bootstrap extensions -------------------------------------------------*/
.newWrapper {
    background-color: cornsilk;
    /*    padding: 4px;
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
    margin-left: -12px;
    */
}

table > tbody > tr.google-visualization-table-tr-even > :nth-child(1) {
    font-size: .875em;
    font-weight: bold;
}

table > tbody > tr.google-visualization-table-tr-odd > :nth-child(1) {
    font-size: .875em;
    font-weight: bold;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}

.chart_wrap {
    position: relative;
    /*    padding-bottom: 100%;
    height: 0;
    */
    height: 400px;
    overflow: hidden;
}

.rpchart {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
}

/* Added to display Bootstrap modal-on-modal (modPageHelpScorecard on modComments) */
.modal:nth-of-type(even) {
    z-index: 1052 !important;
 }

.modal-backdrop.show:nth-of-type(even) {
    z-index: 1051 !important;
}

/*These colors are reflected in CUIElements.RateCurvesDisplay()
*/
/*.colorBonds {
    background-color: steelblue !important;
}

.colorCanada {
    background-color: #D80621 !important;
}

.colorCash {
    background-color: lightseagreen !important;
}

.colorOther {
    background-color: #228B22 !important;
}

.colorStocks {
    background-color: tomato !important;
}

.colorUSA {
    background-color: #0A3161 !important;
}
*/
/* --------------------------------------- Google charts -------------------------------------------*/
.gcAnnotation {
    padding: 5px;
    white-space: normal; /*was nowrap*/
}

.gcAnnotationText {
}

.gcAnnotationTextAmt {
    font-weight: bold;
}

.gcAnnotationTextPostAmt {
    font-style: normal;
}

.gcAnnotationTextPreAmt {
    font-style: normal;
}

.gcToolTip {
    padding: 5px;
    white-space: nowrap;
}

.gcToolTipHeader {
    font-weight: bold;
}

.gcToolTipText {
    font-style: normal; /* placeholder */
}

.gcToolTipTextAmt {
    font-weight: bold;
}

/*------------------------------------------ noUISlider ------------------------------------------*/

.sliderConnectColorAmount {
    background-color: #8D6894 !important;   /* GCPalette.Purple(Base) */
}

.sliderConnectColorYears {
    background-color: #C6A902 !important; /* GCPalette.Yellow(Shade1) */
}

/* ------------------------------------------ NextLevel --------------------------------------------*/
#slider-DateRange.noUi-target {
    /*    background-image: url('<%= ResolveUrl("~/Content/EconomicSummary.png") %>') !important;
*/
    background-image: url("../Content/EconomicSummary.png") !important;
    width: 1000px; /*750px*/
    height: 600px; /*450px*/
}

#slider-DateRange .noUi-connect {
    background-color: rgba(92, 124, 163, 0.4);
}

#slider-DateRange.noUi-horizontal .noUi-handle {
    /*width: 34px;
    height: 28px;
    right: -7px;
    top: -6px;
    */
    width: 9px;
    height: 450px;
    right: 0px;
    top: -2px;
}