@import url(https://cdnjs.cloudflare.com/ajax/libs/highstock/5.0.14/css/highcharts.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/jquery-date-range-picker/0.16.0/daterangepicker.min.css);

.mortgage-rate-widget {
    /*border: 1px solid #ccc; */
    margin: 20px 0;
    position: relative;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 200;
    color: rgb(70, 70, 69);
    box-sizing: border-box;
}
.mortgage-rate-widget h1,
.mortgage-rate-widget h2,
.mortgage-rate-widget h3,
.mortgage-rate-widget h4,
.mortgage-rate-widget h5,
.mortgage-rate-widget h6 {
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 500;
}

.mortgage-rate-widget h1 {
    font-size: 2.4em;
}
.mortgage-rate-widget h2 {
    font-size: 2.2em;
}
.mortgage-rate-widget h3 {
    font-size: 2em;
}
.mortgage-rate-widget h4 {
    font-size: 1.9em;
}
.mortgage-rate-widget h5 {
    font-size: 1.33em;
    font-weight: 200;
}
.mortgage-rate-widget h6 {
    font-size: 1em;
}

.mortgage-rate-widget button,
.date-picker-wrapper input[type=button],
.date-picker-wrapper button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1;
    height: auto;
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: normal;
    font-weight: 200;
    text-transform: none;
}
.mortgage-rate-widget .button,
.date-picker-wrapper .button {
    border: 2px solid #777874;
    background: #777874;
    color: #ffffff;
    border-radius: 999em;
    font-weight: 700;
    font-size: .875rem;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out,border-color .25s ease-out;
    vertical-align: middle;
    padding: .85em 2.25em;
    margin: .5em 0 0;
    height: auto;
}
.mortgage-rate-widget__chart-heading {
    color: #6F706C;
}
.mortgage-rate-widget .button.primary {
    background: #ff6c00;
    border-color: #ff6c00;
}
.mortgage-rate-widget__subheading {
    color: #6F706C;
    font-weight: 400;
    margin-bottom: 0;
}
.mortgage-rate-widget__updated {
    font-size: 14px;
}
.date-picker-wrapper {
    z-index: 100;
}
.mortgage-rate-widget__chart {
    height: 500px;
    position: relative;
    z-index: 1;
    clear: both;
}
.mortgage-rate-widget__range-container {
    overflow: hidden;
    padding: 10px 0;
    font-size: 14px;
    clear: both;
    margin-top: 6px;
}
.mortgage-rate-widget__range-buttons-container {
    float: left;
    padding: 0px 16px;
    border-radius: 999em;
    background: #f3f3f3;
}
.mortgage-rate-widget__range-buttons-container > * {

}
.mortgage-rate-widget__range-buttons-container > span {
    padding: 4px 6px 4px 0;
}
.mortgage-rate-widget__range-buttons{
    display: inline-block;
    padding-left: 10px;
    background: linear-gradient(to right,rgba(0,0,0,.13) 0,transparent 7px);
}
.mortgage-rate-widget .mortgage-rate-widget__range-button {
    display: inline-block;
    background: transparent;
    padding: 4px 0;
    width: 2em;
    text-align: center;
    line-height: 1.5;
    cursor: pointer;
    color: #6F706C;
    transition: 0.2s all;
}
.mortgage-rate-widget__range-button:hover {
    color: #DB691E;
}
.mortgage-rate-widget__range-button.active {
    color: #87BE3C;
    font-weight: 800;
}
.mortgage-rate-widget__range {
    position: relative;
    float: right;
    display: block;
    z-index: 200;
    cursor: pointer;
    padding: 4px 16px;
    border-radius: 999em;
    background: #f3f3f3;
    font-weight: 500;
    margin-right: 10px;
}
.mortgage-rate-widget__range:hover {
    background: #e9e9e9;
}
.mortgage-rate-widget[data-size="xsmall"] .mortgage-rate-widget__range,
.mortgage-rate-widget[data-size="small"] .mortgage-rate-widget__range {
    display: none;
}
.mortgage-rate-widget__buttons {
    float: right;
    display: block;
    background: #f3f3f3;
    padding: 0px 16px;
    border-radius: 999em;
}
.mortgage-rate-widget .mortgage-rate-widget__button {
    display: block;
    float: left;
    width: 1.8em;
    line-height: 1.5;
    padding: 4px 0;
    overflow: hidden;
    text-indent: -9999em;
    position: relative;
}
.mortgage-rate-widget__button:after {
    display: block;
    background: rgba(0,0,0,0);
    content: ' ';
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.2s all;
}
.mortgage-rate-widget__button:hover:after {
    background: rgba(0,0,0,0.05);
}
.mortgage-rate-widget__button:before {
    position: absolute;
    content: ' ';
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    font-size: 16px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: transparent;
    background-size: contain;
}
.mortgage-rate-widget__button--download {
    /*background: #DB691E;*/
}
.mortgage-rate-widget__button--download:before {
    background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-64%201664%201664%22%20width%3D%221664%22%20height%3D%221664%22%3E%3Cpath%20style%3D%22fill%3A%20%236F706C%22%20transform%3D%22scale(1%2C-1)%20translate(0%2C%20-1536)%22%20d%3D%22M1280%20192q0%2026%20-19%2045t-45%2019t-45%20-19t-19%20-45t19%20-45t45%20-19t45%2019t19%2045zM1536%20192q0%2026%20-19%2045t-45%2019t-45%20-19t-19%20-45t19%20-45t45%20-19t45%2019t19%2045zM1664%20416v-320q0%20-40%20-28%20-68t-68%20-28h-1472q-40%200%20-68%2028t-28%2068v320q0%2040%2028%2068t68%2028h465l135%20-136q58%20-56%20136%20-56t136%2056l136%20136h464q40%200%2068%20-28t28%20-68zM1339%20985q17%20-41%20-14%20-70l-448%20-448q-18%20-19%20-45%20-19t-45%2019l-448%20448q-31%2029%20-14%2070q17%2039%2059%2039h256v448q0%2026%2019%2045t45%2019h256q26%200%2045%20-19t19%20-45v-448h256q42%200%2059%20-39z%22%20%2F%3E%3C%2Fsvg%3E');
}
.mortgage-rate-widget__button--print {
    /*background: #87BE3C;*/
}
.mortgage-rate-widget__button--print::before {
    background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-192%201664%201664%22%20width%3D%221664%22%20height%3D%221664%22%3E%3Cpath%20style%3D%22fill%3A%20%236F706C%22%20transform%3D%22scale(1%2C-1)%20translate(0%2C%20-1280)%22%20d%3D%22M384%200h896v256h-896v-256zM384%20640h896v384h-160q-40%200%20-68%2028t-28%2068v160h-640v-640zM1536%20576q0%2026%20-19%2045t-45%2019t-45%20-19t-19%20-45t19%20-45t45%20-19t45%2019t19%2045zM1664%20576v-416q0%20-13%20-9.5%20-22.5t-22.5%20-9.5h-224v-160q0%20-40%20-28%20-68t-68%20-28h-960q-40%200%20-68%2028t-28%2068v160h-224q-13%200%20-22.5%209.5t-9.5%2022.5v416q0%2079%2056.5%20135.5t135.5%2056.5h64v544q0%2040%2028%2068t68%2028h672q40%200%2088%20-20t76%20-48l152%20-152q28%20-28%2048%20-76t20%20-88v-256h64q79%200%20135.5%20-56.5t56.5%20-135.5z%22%20%2F%3E%3C%2Fsvg%3E');
}
.mortgage-rate-widget__button--facebook {
    background: #3b5998;
}
.mortgage-rate-widget__button--facebook:before {
    background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-305%20-128%201664%201664%22%20width%3D%221664%22%20height%3D%221664%22%3E%3Cpath%20style%3D%22fill%3A%20%23ffffff%22%20transform%3D%22scale(1%2C-1)%20translate(0%2C%20-1408)%22%20d%3D%22M959%201524v-264h-157q-86%200%20-116%20-36t-30%20-108v-189h293l-39%20-296h-254v-759h-306v759h-255v296h255v218q0%20186%20104%20288.5t277%20102.5q147%200%20228%20-12z%22%20%2F%3E%3C%2Fsvg%3E');
}

.mortgage-rate-widget__button--twitter {
    background: #1da1f2;
}
.mortgage-rate-widget__button--twitter:before {
    background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2244%20-148%201576%201576%22%20width%3D%221576%22%20height%3D%221576%22%3E%3Cpath%20style%3D%22fill%3A%20%23ffffff%22%20transform%3D%22scale(1%2C-1)%20translate(0%2C%20-1280)%22%20d%3D%22M1620%201128q-67%20-98%20-162%20-167q1%20-14%201%20-42q0%20-130%20-38%20-259.5t-115.5%20-248.5t-184.5%20-210.5t-258%20-146t-323%20-54.5q-271%200%20-496%20145q35%20-4%2078%20-4q225%200%20401%20138q-105%202%20-188%2064.5t-114%20159.5q33%20-5%2061%20-5q43%200%2085%2011q-112%2023%20-185.5%20111.5t-73.5%20205.5v4q68%20-38%20146%20-41q-66%2044%20-105%20115t-39%20154q0%2088%2044%20163q121%20-149%20294.5%20-238.5t371.5%20-99.5q-8%2038%20-8%2074q0%20134%2094.5%20228.5t228.5%2094.5q140%200%20236%20-102q109%2021%20205%2078q-37%20-115%20-142%20-178q93%2010%20186%2050z%22%20%2F%3E%3C%2Fsvg%3E');
}


.mortgage-rate-widget .highcharts-container {
    overflow: visible !important;
}
.mortgage-rate-widget .highcharts-plot-background {
    fill: #fafafa;
}

.mortgage-rate-widget .highcharts-null-point {
    fill: #000;
    opacity: 0.1;
}

.mortgage-rate-widget .highcharts-root tspan{
    font-family: Roboto, "Lucida Grande";
}

.mortgage-rate-widget .highcharts-line-series .highcharts-graph {
    stroke-width: 3px;
    transition: 0.2s stroke-width;
}
.mortgage-rate-widget .highcharts-line-series.highcharts-series-hover .highcharts-graph {
    stroke-width: 4px;
}

.mortgage-rate-widget .highcharts-series-group.line-width-3 .highcharts-line-series .highcharts-graph {
    stroke-width: 2px;
}
.mortgage-rate-widget .highcharts-series-group.line-width-3 .highcharts-line-series.highcharts-series-hover .highcharts-graph {
    stroke-width: 3px;
}

.mortgage-rate-widget .highcharts-series-group.line-width-2 .highcharts-line-series .highcharts-graph {
    stroke-width: 1px;
}
.mortgage-rate-widget .highcharts-series-group.line-width-2 .highcharts-line-series.highcharts-series-hover .highcharts-graph {
    stroke-width: 2px;
}

.mortgage-rate-widget .highcharts-series-group.line-width-1 .highcharts-line-series .highcharts-graph {
    stroke-width: 1px;
}
.mortgage-rate-widget .highcharts-series-group.line-width-1 .highcharts-line-series.highcharts-series-hover .highcharts-graph {
    stroke-width: 2px;
}

.mortgage-rate-widget .highcharts-navigator-series .highcharts-area {
    fill: #00A5E5;
}
.mortgage-rate-widget .highcharts-navigator-series .highcharts-graph {
    stroke: #00A5E5;
}
.mortgage-rate-widget .highcharts-axis-labels {
    font-weight: 600 ;
}
.mortgage-rate-widget__rates {
    display: table;
    width: 100%;
    padding: 30px 0;
    color: #6F706C;
}

.mortgage-rate-widget__rate {
    text-align: center;
}
.mortgage-rate-widget__rate + .mortgage-rate-widget__rate {
    border-left: 1px solid #d8d8d8;
}

.mortgage-rate-widget__rate-title {
    font-size: 1.75em;
    font-weight: 200;
    margin-bottom: 10px;
}

.mortgage-rate-widget__rate-value {
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1;
}
.mortgage-rate-widget[data-size="medium"] .mortgage-rate-widget__rate-value,
.mortgage-rate-widget[data-size="large"] .mortgage-rate-widget__rate-value {
    border-right: 1px solid #e9e9e9;
    padding-right: 8px;
    text-align: right;
}

.mortgage-rate-widget__rate {
    font-size: 16px;
}


.mortgage-rate-widget__rate {
    display: table-cell;
    width: 33.3333333%;
}

.mortgage-rate-widget[data-size="medium"] .mortgage-rate-widget__rate-details,
.mortgage-rate-widget[data-size="large"] .mortgage-rate-widget__rate-details {
    display: table;
    margin: 0 auto;
    color: #6F706C;
}
.mortgage-rate-widget[data-size="medium"] .mortgage-rate-widget__rate-details > *,
.mortgage-rate-widget[data-size="large"] .mortgage-rate-widget__rate-details > * {
    display: table-cell;
    vertical-align: middle;
}

.mortgage-rate-widget__rate-deltas {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}
.mortgage-rate-widget[data-size="medium"] .mortgage-rate-widget__rate-deltas,
.mortgage-rate-widget[data-size="large"] .mortgage-rate-widget__rate-deltas {
    text-align: left;
    padding-left: 8px;
}

.mortgage-rate-widget[data-size="xsmall"] .mortgage-rate-widget__rate-deltas,
.mortgage-rate-widget[data-size="small"] .mortgage-rate-widget__rate-deltas {
    display: table;
    margin: 0.5em auto 0;
}
.mortgage-rate-widget[data-size="xsmall"] .mortgage-rate-widget__rate-delta,
.mortgage-rate-widget[data-size="small"] .mortgage-rate-widget__rate-delta {
    text-align: left;
}

.mortgage-rate-widget__rate-delta:before {
    content: " ";
    height: 1em;
    width: 1em;
    display: inline-block;
    position: relative;
    margin-right: .1;
    top: 0.1em;
}

.mortgage-rate-widget__rate-delta--decrease:before {
    top: 0.2em;
    background: transparent url(data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20style%3D%22fill%3A%20%23EA601E%22%20d%3D%22M1395%20736q0%2013-10%2023l-466%20466q-10%2010-23%2010t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10%2023-10t23%2010l393%20393%20393-393q10-10%2023-10t23%2010l50%2050q10%2010%2010%2023z%22%2F%3E%3C%2Fsvg%3E) no-repeat 50%;
}

.mortgage-rate-widget__rate-delta--increase:before {
    background: transparent url(data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20style%3D%22fill%3A%20%2376B840%22%20d%3D%22M1395%201184q0%2013-10%2023l-50%2050q-10%2010-23%2010t-23-10l-393-393-393%20393q-10%2010-23%2010t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10%2023-10t23%2010l466%20466q10%2010%2010%2023z%22%2F%3E%3C%2Fsvg%3E) no-repeat 50%;
}

.mortgage-rate-widget__rate-delta--none:before {

}
.mortgage-rate-widget .highcharts-tooltip {
    z-index: 200 !important;
}
.mortgage-rate-widget .highcharts-tooltip table {
    width: auto;
    border: 0;
    margin-bottom: 0;
    font-family: "Roboto";
}
.mortgage-rate-widget .highcharts-tooltip table tbody {
    background-color: transparent;
}
.mortgage-rate-widget .highcharts-tooltip tbody td,
.mortgage-rate-widget .highcharts-tooltip tbody th {
    border: 0;
    padding: 0.2em 0 0.2em;
}
.mortgage-rate-widget .highcharts-tooltip tbody th {
    padding-right: 6px;
    width: 1%;
}
.mortgage-rate-widget__rate-fees {
    margin-top: 0.5em;
    font-size: 1em;
    font-weight: 600;
}

.mortgage-rate-widget[data-size="xsmall"] .mortgage-rate-widget__rate {
    font-size: 13px;
}
.mortgage-rate-widget[data-size="xsmall"] .mortgage-rate-widget__rate-title {
    font-size: 1.2em;
}
.mortgage-rate-widget[data-size="xsmall"] .mortgage-rate-widget__rate-value {
    font-size: 1.8em;
}
.mortgage-rate-widget[data-size="xsmall"] .mortgage-rate-widget__rate-deltas {
    font-size: 0.95em;
}
.mortgage-rate-widget[data-size="xsmall"] .mortgage-rate-widget__rate-fees {
    font-size: 0.9em;
}

.mortgage-rate-widget[data-size="small"] .mortgage-rate-widget__rate {
    font-size: 15px;
}
.mortgage-rate-widget[data-size="small"] .mortgage-rate-widget__rate-title {
    font-size: 1.2em;
}
.mortgage-rate-widget[data-size="small"] .mortgage-rate-widget__rate-value {
    font-size: 2em;
}
.mortgage-rate-widget[data-size="small"] .mortgage-rate-widget__rate-fees {
    font-size: 1em;
}

.mortgage-rate-widget[data-size="medium"] .mortgage-rate-widget__rate {
    font-size: 14px;
}
.mortgage-rate-widget .highcharts-range-selector {
    border-radius: 0 !important;
    border-width: 0 !important;
    font-family: "Roboto" !important;
    //background: #fff !important;
    box-shadow: 0 0 0 !important;
    margin-top: 1px !important;
    margin-left: 1px !important;
}
.mortgage-rate-widget__admin-buttons {
    padding: 10px;
    font-size: 15px;
    text-align: center;
}
.mortgage-rate-widget .button.tiny {
    padding: 0.5em 2.25em;
    font-size: 13px;
    margin-top: 0;
}
.mortgage-rate-widget .button.tiny:hover {
    background-color: #cc5702;
    color: #fff;
}
.mortgage-rate-widget .button.tiny:before {
    content: " ";
    background-color: transparent;
    background-size: contain;
    height: 1em;
    width: 1em;
    display: inline-block;
    position: relative;
    margin-right: .5em;
    top: 0.1em;
    background-image:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 1664 1664" width="1664" height="1664"><path style="fill: #FFFFFF" transform="scale(1,-1) translate(0, -1536)" d="M1280 192q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1536 192q0 26 -19 45t-45 19t-45 -19t-19 -45t19 -45t45 -19t45 19t19 45zM1664 416v-320q0 -40 -28 -68t-68 -28h-1472q-40 0 -68 28t-28 68v320q0 40 28 68t68 28h465l135 -136q58 -56 136 -56t136 56l136 136h464q40 0 68 -28t28 -68zM1339 985q17 -41 -14 -70l-448 -448q-18 -19 -45 -19t-45 19l-448 448q-31 29 -14 70q17 39 59 39h256v448q0 26 19 45t45 19h256q26 0 45 -19t19 -45v-448h256q42 0 59 -39z" /></svg>');
}
.mortgage-rate-widget__small-gray {
    font-size: 14px;
    font-weight: 100;
    vertical-align: baseline;
    color: #666;
}
.date-picker-wrapper .footer {
    display: none;
}
.date-picker-wrapper table {
    margin-bottom: 0;
    border-bottom: 0;
}
.date-picker-wrapper table thead {
    background: transparent;
    color: #464645;

}