/* dmhc-dashboard - v2.0.0 - April 11 2023 */
/* -------------------------
    Custom styles 
    for DMHC dashboard
------------------------- */

a.disabled {
    color: black;
    text-decoration: none;
}

.bdr-left-w {
    border-left: 1px solid #ffffff;
}

.bdr-left-m {
    border-left: 1px solid #dddddd;
}
/* ---------------------------------------------
    Accordion (Collapse) overrides for Bootstrap
    for DMHC dashboard
    Source: /source/less/accordion.less
--------------------------------------------- */
/* Accordion Icons */
#accordionPanel h2 span {
    /* color:#000; */
    /* applies color to icons within accordion */
    padding-right: 10px;
    display: inline-block;
}

#accordionPanel h2 span.lead {
    /* choose plan page */
    color: inherit;
    font-weight: 400;
    padding-right: 10px;
    float: right;
}

#accordionPanel h2 span.glyphicon {
    color: inherit;
    /* applies color to accordion arrow icons */
    float: right;
}
/* Collapse Headers */
.dmhc-panel-group .panel { border: none; }

.dmhc-panel-group .panel > .panel-heading {
    background-color: #ffffff;
    border: none;
    border-bottom: 1px solid #ddd;
}

.with-border .panel-body {
    padding: 0 15px 0px 15px;
}

.with-border a {
    color: #0061a0;
    /* adjusted link color for accessibility */
}
/* automatically add border to comparison sections */
.with-border #collapseOne .col-xs-6:nth-child(odd),
.with-border #collapse4 .col-xs-6:nth-child(odd),
.with-border #collapse5 .col-xs-6:nth-child(odd),
.with-border #collapse6 .col-xs-6:nth-child(odd),
.with-border #collapseThree .col-xs-6:nth-child(odd),
.with-border #collapseTwo .col-xs-6.hidden-sm.hidden-xs:nth-child(odd),
.with-border #collapse7 .col-xs-6:nth-child(odd),
.with-border #collapse8 .col-xs-6:nth-child(odd) {
    border-left: 1px solid #dcdcdc;
    /*padding-right: 0;*/
}

.with-border #collapseOne .col-xs-6:nth-child(even),
.with-border #collapse4 .col-xs-6:nth-child(even),
.with-border #collapse5 .col-xs-6:nth-child(even),
.with-border #collapse6 .col-xs-6:nth-child(even),
.with-border #collapseTwo .col-xs-6.hidden-sm.hidden-xs:nth-child(even),
.with-border #collapseThree .col-xs-6:nth-child(even),
.with-border #collapse7 .col-xs-6:nth-child(even),
.with-border #collapse8 .col-xs-6:nth-child(even) {
    /* medical survey */
    /*padding-left: 0;*/
}

.with-border #collapseTwo .col-xs-6.hidden-md.hidden-lg:nth-child(odd) {
    /* finances change with mobile */
    /*padding-right: 15px;
  padding-left: 0;*/
    border-right: 1px solid #dcdcdc;
    border-left: 0;
}

.with-border .col-xs-6 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.with-border .col-md-12,
.with-border .col-md-8,
.with-border .col-md-4 {
    background: #f9f9f9;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .with-border .col-md-12 .form-control,
    .with-border .col-md-12 .form-control-first {
        background: #ffffff;
    }

/* Wrapper for
   Compare plans section */
.callout-wrapper {
    width: 100%;
    background: #f9f9f9; /*#e6e6e6;*/
    margin-bottom: 10px;
    /* border-top:@bdr-l; */
    /* border-bottom:@bdr-l; */
}

.choose-plan .callout-wrapper {
    margin-top: 15px;
}

.callout-wrapper h2 {
    /* used on compare plan page */
    font-size: 1.125rem;
    letter-spacing: 0.04em;
    font-weight: bold;
    color: #333333;
    margin: 10px 0 0 0;
    padding: 10px 0 5px 0;
}

.callout-wrapper div.col-md-7,
.callout-wrapper div.col-md-5 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.callout-wrapper h3,
.callout-wrapper-md h3 {
    margin: 10px 0 0 0;
    padding: 10px 0 5px 0;
}
/* Wrapper for
   Marketplace dashboard search */
.callout-wrapper-md {
    width: 100%;
    margin-top: 15px;
    background: #e6e6e6;
    border: 1px solid #dcdcdc;
    padding: 0 20px;
    border-radius: 10px;
}

    .callout-wrapper-md .row {
        padding-bottom: 20px;
    }

.callout-wrapper .col-sm-6:last-child {
    /*padding-left: 0;*/
}

.page_container.container-fluid.compare-wrapper {
    padding: 0;
}
/* Make content stick to top of the page */
.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
}

#sticky_div.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
}

.marketplace .chart {
    /* height:400px; */
}

/*.marketplace h2 {
    padding-top: 10px;
}
*/
    .marketplace h2 span {
        padding-right: 5px;
    }

.enforcement-page .row .row {
    margin-bottom: 1.5rem !important;
}
/* -----------------------------------------
   BUTTON
   Custom button styles for dmhc dashboard project
   Styles based off of www.dmhc.ca.gov
   /source/less/button.less
----------------------------------------- */
.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #0061a0;
}

    .btn-default:disabled {
        color: #fff;
        font-weight: 400;
        background: #0061a0;
        border: 1px #0061a0 solid;
    }

.btn-stack-top button,
.btn-stack {
    /* vertically stacked buttons */
    margin-bottom: 5px;
    width: 100%;
    text-align: left;
    font-size: 1rem;
}

    .btn-stack ul li span,
    .btn-stack-top ul li span {
        padding-right: 5px;
    }

    .btn-stack-top button span,
    .btn-stack span {
        padding-right: 10px;
    }

    .btn-stack-top button strong,
    .btn-stack strong {
        width: 8em;
        float: right;
    }

.btn-stack-top ul {
    float: left;
    padding-right: 30px;
    padding-bottom: 10px;
    width: 100%;
    border-bottom: 1px dashed #cccccc;
}

    .btn-stack-top ul li {
        padding: 0;
    }
/* testing */
.btn.active[data-active-class="active"] {
    color: #fff;
    background-color: #0061a0;
    border-color: #0061a0;
}
/* button groups for enrollment & financial charts */
.btn-group-vertical {
    margin-top: 9px;
    float: none;
    clear: both;
    width: 100%;
}

    .btn-group-vertical > .btn:last-child:not(:first-child),
    .btn-group-vertical > .btn:not(:first-child):not(:last-child),
    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-radius: 4px;
    }

    .btn-group-vertical .btn:after {
        clear: both;
    }

.btn-helper {
    margin-bottom: 10px;
    margin-top: 13px;
    float: none;
    clear: both;
}

    .btn-helper .btn {
        margin-right: 10px;
        min-width: 12em;
    }

    .btn-helper a {
        font-size: 0.813rem;
        display: inline-block;
    }

.help-text {
    display: inline-block;
    margin-top: 5px;
}
/* -----------------------------------------
   CARD LIST
   Custom defined variables for dmch dashboard project
   Styles based off of www.dmhc.ca.gov
   /source/less/card-list.less
----------------------------------------- */
/* Timely Access styles for compare page */
.card-list .row {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 10px;
    margin-top: 15px;
    margin-right: 0;
    margin-left: 0;
}

    .card-list .row ul {
        list-style-type: none;
        float: left;
    }

        .card-list .row ul,
        .card-list .row ul li {
            padding-left: 0;
        }

    .card-list .row .col-xs-8,
    .card-list .row .col-xs-4 {
        /*padding-left: 0;*/
    }

    .card-list .row .card-percentage {
        background: #f0f0f0;
        display: inline-block;
        padding: 10px 8px;
        border: 1px solid #dcdcdc;
        text-align: center;
        font-weight: 700;
        font-size: 1rem;
        width: 5em;
        float: right;
    }
/* -----------------------------------------
   CHARTS
   Custom chart styles for dmhc dashboard project
   Styles based off of www.dmhc.ca.gov
   /source/less/chart.less
----------------------------------------- */
/* chart containers */
.chart {
    width: 100%;
    padding: 20px;
    border: 1px solid #dcdcdc;
}
/* map container */
.map-container {
    width: 100%;
    border: 7px solid #dcdcdc;
    background: #f0f0f0;
}

    .map-container div.map-object {
        max-width: 100%;
        height: 310px !important;
    }
/* text callout */
.text-callout {
    width: 100%;
    padding: 20px;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    margin-top: 20px;
}

    .text-callout .lead {
        font-weight: 400;
        line-height: 1.5;
    }

    .text-callout .icon-lg {
        color: #f58221;
    }

    .text-callout img {
        max-width: 80px;
        padding-right: 20px;
        float: left;
    }
/* Data text styles */
.text-group strong {
    display: block;
}

.text-group {
    margin-bottom: 20px;
    display: block;
}
/* Data styles for Compare page */
.health-plan-name {
    height: 5em;
}

.health-plan-type {
    height: 2em;
}

.health-plan-link {
    padding-bottom: 8px;
}

    .health-plan-link small {
        padding-right: 10px;
    }

.chart h3 {
    margin: 5px 0;
    padding-top: 0;
    padding-bottom: 5px;
}
/* Chart styles */
/* pie chart */
.data-pie-chart,
.data-pie-row {
    margin-bottom: 10px;
}

    .data-pie-row h3 {
        font-weight: 400;
        line-height: 1.4em;
        height: 2.5em;
        font-size: 1rem;
    }

.data-pie-chart .col-sm-6 canvas,
.data-pie-chart .col-sm-4 canvas {
    max-width: 100%;
    margin-right: 20px;
    margin-top: 10px;
}

.data-pie-row .data-pie-chart .col-sm-6 ul,
.data-pie-row .data-pie-chart .col-sm-6 ul .indicator {
    font-size: 0.813rem;
}

    .data-pie-row .data-pie-chart .col-sm-6 ul .dimmed {
        font-size: 0.688rem;
    }
/* line chart */
.data-line-chart {
    margin-bottom: 10px;
}

    .data-pie-chart img,
    .data-line-chart img {
        max-width: 100%;
        height: auto !important;
    }
/* testing wrappers for responsive images */
/* Testing */
.chart-wrapper-pie {
    position: relative;
}

    .chart-wrapper-pie div {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

        .chart-wrapper-pie div img {
            max-width: 100%;
            height: auto;
        }
/* pie chart */
.complaint-page .data-pie-chart img {
    max-width: 65%;
    height: auto !important;
}

.complaint-page .data-bar-horizontal,
.complaint-page .data-bar-horizontal ul li {
    font-size: 1rem;
}

    .complaint-page .data-bar-horizontal ul li .indicator {
        font-size: 0.875rem;
    }
/* list styles */
.data-pie-chart ul,
.data-pie-chart ul li,
.data-bar-vertical ul,
.data-bar-vertical ul li,
.data-bar-horizontal ul,
.data-bar-horizontal ul li {
    list-style-type: none;
    list-style-image: none;
    /* for ie */
    padding-left: 0;
}
/* adjusting widths for long health plan names */
.data-bar-horizontal .col-sm-4 {
    width: 45%;
}

.data-bar-horizontal .col-sm-8 {
    width: 55%;
}
/* bar chart - vertical */
.data-bar-vertical ul,
.data-bar-vertical ul li,
.data-bar-vertical ul li .indicator,
.data-bar-horizontal ul,
.data-bar-horizontal ul li,
.data-bar-horizontal ul li .indicator {
    font-size: 0.875rem;
}

.data-bar-horizontal ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 0.5rem;
    line-height: 1.5em;
}

.complaint-page .data-bar-horizontal ul {
    line-height: inherit;
}

.data-bar-horizontal .bar-text .value {
    padding-left: 15px;
}

.data-bar-horizontal .bar-text {
    width: 60%;
    text-align: right;
    padding-right: 20px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.data-bar-horizontal .progress-bar-container {
    flex: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.finance-page .data-bar-horizontal .bar-text {
    width: 40%;
}

.data-bar-horizontal ul {
    width: 100%;
}

.data-bar-horizontal img {
    max-width: 100%;
}

.data-bar-vertical img {
    max-width: 100%;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
    height: auto !important;
}
/* bar chart - horizontal */
/* text styles */
.indicator {
    color: #000000;
    font-size: 0.875rem;
}

.data-pie-chart .value {
    color: #008131;
    font-weight: 700;
    display: inline-block;
    width: 3em;
    text-align: right;
}

.dimmed {
    color: #666666;
    font-size: 0.813rem;
}

.data-pie-chart .dimmed {
    float: right;
}
/* ---------------------------------------------
    COLORS
    Applying DMHC color scheme to fonts & such
    for DMHC dashboard
    Source: /source/less/colors.less
--------------------------------------------- */
/* Fonts */
.inline {
    display: inline-block;
}

a {
    /* color: @link; 
    color: #07557b;*/
    color: #0061a0;
}

.blk {
    color: #000;
}

.blue {
    color: #0061a0;
}

.blue-dark {
    color: #005287;
}

.blue-light {
    color: #0080d3;
}

.pdf,
.warn {
    color: #d42a2a;
}

.go {
    color: #008131;
}

.orange {
    color: #f58221;
}

.green {
    color: #008131;
}

.purple {
    color: #551a8b;
}

a:hover,
a:active,
a:focus {
    /*color: #008131;*/
    color: #006400;
    background-image: none;
}

.breadcrumbs {
    font-size: 0.9rem;
}

    .breadcrumbs span {
        color: #008131;
    }

    .breadcrumbs img {
        padding-left: 10px;
    }
/* Container */
#page_container {
    padding: 0;
}
/* Override default list styles */
ol li,
ul li {
    background: none;
    list-style: inherit;
    margin-left: 0;
}
/* -----------------------------------------
   EASY PIE CHART
   Easy pie chart for Complaint / IMR page
   Styles based off of www.dmhc.ca.gov
   Original source: https://github.com/rendro/easy-pie-chart
   /source/less/easy-pie-chart.less
----------------------------------------- */
.easy-pie-chart {
    flex: 0 0 100px;
    position: relative;
    width: 100px;
    height: 100px;
    text-align: center;
    margin-right: 15px;
    padding-bottom: 15px;
}

.easy-pie-chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.pie-chart-percent {
    display: inline-block;
    line-height: 100px;
    z-index: 2;
    /*color: #f58221;*/
    font-weight: bold;
    font-size: 1.2rem;
}

    .pie-chart-percent:after {
        content: '%';
        margin-left: 0.1em;
        font-size: 1rem;
        font-weight: 300;
    }
/* -----------------------------------------
   FOOTER
   Footer overrides for dmch dashboard project
   Styles based off of www.dmhc.ca.gov
   /source/less/footer.less
----------------------------------------- */
/* Making footer color accessible */
#footer_2,
#footer_2 a {
    color: #fff;
    background-image: none;
}

    #footer_2 a:hover, #footer_2 a:focus {
        text-decoration: underline;
        color: #ffffff;
        /*color: #ccc;*/
    }

/* -----------------------------------------
   FORM STYLES
   Custom form styles for dmhc dashboard project
   Styles based off of www.dmhc.ca.gov
   /source/less/form.less
----------------------------------------- */
.form-control.form-control-short {
    max-width: 175px;
}

/* ---------------------------------------------
    Custom grid styles (flexible grid)
    for DMHC dashboard
    Source: /source/less/grid.less
--------------------------------------------- */
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flow-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.flex-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    width: 50%;
}

    .flex-item h2 {
        margin-top: 0;
        margin-left: -1rem;
    }

    .flex-item .chart {
        height: 100%;
    }

.flex-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding: 15px 0;
}

.flex-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 15px 0 15px;
}

    .flex-content .btn-group-vertical {
        padding-top: 0.5rem;
    }

        .flex-content .btn-group-vertical .btn {
            width: 50%;
            margin-top: 0.5rem;
        }

.compare-page .col-sm-6 {
    /*padding-right: 30px;*/
}

    .compare-page .col-sm-6 + .col-sm-6 {
        /*padding-right: 15px;
  padding-left: 30px;*/
    }

.compare-page .compare-box {
    border: 1px solid #dcdcdc;
}
/* ---------------------------------------------
    Header overrides for Bootstrap
    for DMHC dashboard
    Source: /source/less/header.less
--------------------------------------------- */
.site-logo {
    display: none;
}
/* -----------------------------------------
   ICON STYLES
   Automated icon classes for dmhc dashboard project
   Styles based off of www.dmhc.ca.gov
   /source/less/icon.less
----------------------------------------- */
tbody.pdf-append td a:after,
ul.pdf-append li a:after {
    font-family: icomoon;
    content: "\e90f";
    color: #d42a2a;
    padding-left: 8px;
}

.icon-lg {
    /* custom icon size for inline-icons */
    font-size: 3.438rem;
    float: left;
    padding-right: 20px;
    color: #0061a0;
}

.callout-icons {
    margin-bottom: 15px;
    margin-top: 15px;
}

    .callout-icons span,
    .callout-icons strong {
        font-size: 2rem;
    }

.social-media {
    display: none;
}

.complaint-page .icon-lg {
    color: #f58221;
}

a.info-w:after {
    font-family: icomoon;
    content: "\e916";
    /* sort icon */
    padding-left: 6px;
    color: #0061a0;
    font-size: 0.9rem;
}

.circle-bkgd {
    background: #ededed;
    display: block;
    padding: 15px;
    border: 1px solid #dcdcdc;
    border-radius: 30px 30px;
    /* margin-right: 15px; */
}

.col-xs-3.media {
    margin-top: 0;
}

.accent-img {
    max-width: 197px;
    margin-right: 20px;
    margin-bottom: 10px;
    border: 0px;
}
/* -----------------------------------------
   MEDIA

   Overrides for the bootstrap media class.
   (Used on the health plan page, overview section)

   /source/less/media.less
----------------------------------------- */
.dmhc-media .media {
    margin-bottom: 2rem;
}

.dmhc-media .media-body strong,
.dmhc-media .media-body a {
    font-size: 1.2rem;
}

.dmhc-media .media-body .text-big {
    font-size: 2rem;
}

.dmhc-media .media-body .counties-collapse ~ a[data-toggle="collapse"] {
    font-size: 1rem;
}

.dmhc-media .media:first-child {
    margin-top: 0.5rem;
}

.dmhc-media .media-left {
    padding-right: 15px;
}

.dmhc-media .media.chart {
    padding-top: 30px;
    padding-bottom: 30px;
}

.dmhc-media .media.chart strong {
    color: #008131;
}

.dmhc-media .media-left .accent-img {
    border: none;
    max-width: 90px;
}

#nav_list :first-child a.nav_level1_link,
#nav_list .first.child-1 a.nav_level1_link {
    padding-left: 12px;
    border-left: none;
}
/* @group Nav Panel - adapted from dmhc's original styles */
.nav_panel {
    position: absolute;
    display: none;
    width: 100%;
    z-index: 100;
    border: none;
    height: 360px;
    left: 0;
    padding: 0;
    overflow: visible;
    margin-top: 8px;
}

.nav_panel {
    background: url(../images/dmhc/nav_panel_bg_inner_drop_ie.gif) no-repeat center top;
}

:root .nav_panel {
    background: url(https://dmhc.ca.gov/Portals/_default/Skins/StateTemplate-DMHCfluid/images/dmhc/nav_panel_bg_inner_drop.png) no-repeat center top;
}

.add_ribbon .nav_panel {
    height: 330px;
    background: #e5e5e5 url(https://dmhc.ca.gov/Portals/_default/Skins/StateTemplate-DMHCfluid/images/dmhc/nav_panel_bg_inner_drop.png) repeat-x;
}

.nav_panel ul {
    width: 33%;
    float: left;
    background: transparent;
}

.nav_panel .nav_p_heading {
    color: #003366;
    text-shadow: none;
    text-decoration: underline;
    font-size: 0.875rem;
    background: none;
    padding: 0;
    line-height: 1.1;
    font-weight: bold;
}

.nav_p_description {
    color: #000;
    text-shadow: none;
    font-weight: 400;
    font-size: 0.75rem;
    padding-top: 2px;
    line-height: 1.2;
}
/* @end */
/* ---------------------------------------------
    Modal overrides for Bootstrap
    for DMHC dashboard
    Source: /source/less/modal.less
--------------------------------------------- */
.modal-content {
    padding: 10px;
}

.modal-header {
    min-height: 16.42857143px;
    padding: 15px 15px 0 15px;
}

.modal-header,
.modal-footer {
    border-bottom: none;
    border-top: none;
}

a.list-group-item:hover,
a.list-group-item:focus {
    background-color: rgba(52, 139, 183, 0.15);
    color: #000;
}

.modal-content .pagination {
    /* make pagination align horizontally */
    display: inherit;
    margin: 5px 0 0 0;
}

    .modal-content .pagination > li > a,
    .modal-content .pagination > li > span {
        padding: 0 6px;
        border: none;
    }

    .modal-content .pagination > li > span {
        color: #000;
    }

        .modal-content .pagination > li > span,
        .modal-content .pagination > li > span:hover,
        .modal-content .pagination > li > span:active,
        .modal-content .pagination > li > span:focus,
        .modal-content .pagination > li > a:hover,
        .modal-content .pagination > li > a:active,
        .modal-content .pagination > li > a:focus {
            color: #000;
            background: none;
        }

.modal-content .list-group-item span {
    display: none;
}

.modal-content .list-group-item:hover span {
    display: inline-block;
}
/* ---------------------------------------------
    Navbar overrides for Bootstrap
    for DMHC dashboard
    Source: /source/less/navbar.less
--------------------------------------------- */
/* using bootstrap navbar, matching DMHC's nav style */
.navbar {
    background: #005384;
    border: none;
    font-weight: 300;
    letter-spacing: 0.03em;
    text-shadow: #000 1px 1px 3px;
    min-height: 40px;
    display: table;
    width: 100%;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar .container-fluid,
.navbar-default .container-fluid {
    /*padding-right: 0;*/
}

.navbar ul {
    display: table-row;
}
/* removed float:none for mega menu */
.navbar li {
    display: table-cell;
    border-left: 1px solid #fff;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 8px;
}

    .navbar li a {
        color: #fff;
    }

    .navbar li:first-child {
        border-left: none;
    }

.navbar-default {
    border-radius: 0;
}

.navbar-collapse {
    padding-left: 0;
}

.navbar-default .navbar-nav > li,
.navbar-default .navbar-nav > li > a {
    color: #fff;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 0.97rem;
}
/* this fixes megamenu issue for main menu */
.nav > li {
    position: inherit;
    display: inline-block;
    padding-bottom: 0;
}

    .navbar-nav > li:first-child,
    .nav > li:first-child,
    .nav > li:first-child > a {
        padding-left: 0;
    }

    .navbar-nav > li:last-child,
    .nav > li:last-child,
    .nav > li:last-child > a,
    .navbar-nav > li:6th-child,
    .nav > li:6th-child,
    .nav > li:6th-child > a {
        padding-right: 0;
        border-right: none;
    }

.navbar-nav > li > a,
nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:visited {
    text-decoration: underline;
    color: #fff;
}

.navbar-default .navbar-nav > li:hover,
.navbar-default .navbar-nav > li:active,
.navbar-default .navbar-nav > li:visited {
    background: #005080;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #005384, #6391b1);
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #005384, #6391b1);
    /* Standard syntax */
}

.navbar .home_link_img {
    /* home icon */
    display: inline-block;
    width: 27px;
    height: 23px;
    overflow: hidden;
    text-indent: -99999px;
    /* background: transparent url(dmhc/common/template/images/nav_home.png) no-repeat center center; */
}

.navbar .head_link {
    display: none;
}
/* Mobile nav */
#head_links .nav-mobile .navbar-toggle {
    background: #0061a0;
    float: right;
    height: 30px;
    margin-top: 3px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding-top: 7px;
}

button.navbar-toggle span.icon-bar {
    background: #fff;
}
/* -----------------------------------------
   PAGINATION
   Custom defined variables for dmch dashboard project
   Styles based off of www.dmhc.ca.gov
   /source/less/pagination.less
----------------------------------------- */
tr.pagination {
    margin-top: 5px;
}

    tr.pagination td {
        /* selected */
        color: #000;
        display: inline-block;
        margin-left: 0;
        padding-left: 0;
    }

        tr.pagination td span {
            /*color: #737373;*/
            background: #e6e6e6;
            padding: 5px 10px;
            font-weight: bold;
        }

        tr.pagination td a {
            color: #0061a0;
            padding: 5px 9px;
            text-decoration: none;
        }

            tr.pagination td a:hover {
                color: #ffffff;
                background: #0061a0;
            }

.footable.breakpoint > tbody > tr.pagination > td > span.footable-toggle {
    display: none;
}

tr.pagination .footable-toggle {
    display: none;
}
/* -----------------------------------------
   PROGRESS BAR OVERRIDES
   Custom defined variables for dmch dashboard project
   Styles based off of www.dmhc.ca.gov
   /source/less/progress-bar.less
----------------------------------------- */
/* Gradient */
/* #EnrollRange applies only to the enrollment range chart displayed on the health plan page */
#EnrollRange.progress {
    /* override bootstrap's default background color */
    z-index: 1;
    height: 30px;
    background-color: #B6DCBF;
    /* For browsers that do not support gradients */
    background: #B6DCBF;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #b6dcbf, #45b266);
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #b6dcbf, #45b266);
    /* Standard syntax (must be last) */
    border-radius: 0;
}

#EnrollRange .progress-bar {
    line-height: 30px;
    background-color: transparent;
    /* remove bootstrap default background color */
    text-align: start;
}

    #EnrollRange .progress-bar span {
        color: #000;
        position: absolute;
        /* this helps the text extend below the bar */
        font-size: inherit;
        top: 0;
    }

    #EnrollRange .progress-bar .small {
        margin-left: 8px;
    }

#EnrollRange .text-a-r {
    text-align: right;
}

#EnrollRange #EnrollSection {
    left: 50%;
    /* percentage from enrollment */
    position: absolute;
    top: 0;
}

#EnrollMarker {
    width: 3px;
    height: 30px;
    display: block;
    background-color: #000;
    z-index: 2;
}

#EnrollRange #EnrollText {
    z-index: 3;
    white-space: nowrap;
}

#MainContent_EnrollText strong {
    padding-left: 7px;
}

#EnrollRange .lessFifty {
    /* apply to #EnrollText if  = 50% or LESS */
    text-align: left;
    padding-left: 5px;
}

#EnrollRange .moreFifty, /* apply to #EnrollText if  = MORE than 50% */
#EnrollRange .max /* apply to #EnrollText if  = 100%  */
{
    right: 70px;
}

#MainContent_divEnrollmentSpectrum .col-xs-2:first-child strong {
    float: right;
    padding-right: 5px;
    margin-bottom: 10px;
}

#EnrollmentSpectrum span {
    white-space: nowrap;
    float: right;
    margin-top: 12px;
}
/* .TimelyAccess applies only to timely access charts displayed in table */
.progress.TimelyAccess {
    width: 200px;
    margin: 0 0 5px 0;
}

.progress.timely-acces-lg {
    width: 600px;
    margin: 0 0 5px 0;
}
/* progress bar on compare page */
.progress.timely-access-compare {
    width: 80px;
    margin: 0 0 5px 0;
}
/* -----------------------------------------
   RADIAL PROGRESS
   Radial progress bar for complaints page
   Styles based off of www.dmhc.ca.gov
   /source/less/progress-radial.less
----------------------------------------- */
.radial-progress {
    margin: 50px;
    width: 120px;
    height: 120px;
    background-color: #d6dadc;
    border-radius: 50%;
}

    .radial-progress .circle .mask,
    .radial-progress .circle .fill,
    .radial-progress .circle .shadow {
        width: 120px;
        height: 120px;
        position: absolute;
        border-radius: 50%;
    }

    .radial-progress .circle .shadow {
        box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2) inset;
    }

    .radial-progress .circle .mask,
    .radial-progress .circle .fill {
        -webkit-backface-visibility: hidden;
        -webkit-transition: -webkit-transform 1s;
        transition: -webkit-transform 1s;
        transition: transform 1s;
        border-radius: 50%;
    }

    .radial-progress .circle .mask {
        clip: rect(0px, 120px, 120px, 60px);
    }

        .radial-progress .circle .mask .fill {
            clip: rect(0px, 60px, 120px, 0px);
            background-color: #97a71d;
        }

    .radial-progress .inset {
        width: 90px;
        height: 90px;
        position: absolute;
        margin-left: 15px;
        margin-top: 15px;
        background-color: #fbfbfb;
        border-radius: 50%;
        box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2);
    }

        .radial-progress .inset .percentage {
            width: 57px;
            position: absolute;
            top: 34px;
            left: 16.5px;
            line-height: 1;
            text-align: center;
            color: #97a71d;
            font-weight: 800;
            font-size: 1.375rem;
        }

    .radial-progress[data-progress="0"] .circle .mask.full,
    .radial-progress[data-progress="0"] .circle .fill {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

        .radial-progress[data-progress="0"] .circle .fill.fix {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

    .radial-progress[data-progress="0"] .inset .percentage:before {
        content: "0%";
    }

    .radial-progress[data-progress="1"] .circle .mask.full,
    .radial-progress[data-progress="1"] .circle .fill {
        -webkit-transform: rotate(1.8deg);
        transform: rotate(1.8deg);
    }

        .radial-progress[data-progress="1"] .circle .fill.fix {
            -webkit-transform: rotate(3.6deg);
            transform: rotate(3.6deg);
        }

    .radial-progress[data-progress="1"] .inset .percentage:before {
        content: "1%";
    }

    .radial-progress[data-progress="2"] .circle .mask.full,
    .radial-progress[data-progress="2"] .circle .fill {
        -webkit-transform: rotate(3.6deg);
        transform: rotate(3.6deg);
    }

        .radial-progress[data-progress="2"] .circle .fill.fix {
            -webkit-transform: rotate(7.2deg);
            transform: rotate(7.2deg);
        }

    .radial-progress[data-progress="2"] .inset .percentage:before {
        content: "2%";
    }

    .radial-progress[data-progress="3"] .circle .mask.full,
    .radial-progress[data-progress="3"] .circle .fill {
        -webkit-transform: rotate(5.4deg);
        transform: rotate(5.4deg);
    }

        .radial-progress[data-progress="3"] .circle .fill.fix {
            -webkit-transform: rotate(10.8deg);
            transform: rotate(10.8deg);
        }

    .radial-progress[data-progress="3"] .inset .percentage:before {
        content: "3%";
    }

    .radial-progress[data-progress="4"] .circle .mask.full,
    .radial-progress[data-progress="4"] .circle .fill {
        -webkit-transform: rotate(7.2deg);
        transform: rotate(7.2deg);
    }

        .radial-progress[data-progress="4"] .circle .fill.fix {
            -webkit-transform: rotate(14.4deg);
            transform: rotate(14.4deg);
        }

    .radial-progress[data-progress="4"] .inset .percentage:before {
        content: "4%";
    }

    .radial-progress[data-progress="5"] .circle .mask.full,
    .radial-progress[data-progress="5"] .circle .fill {
        -webkit-transform: rotate(9deg);
        transform: rotate(9deg);
    }

        .radial-progress[data-progress="5"] .circle .fill.fix {
            -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
        }

    .radial-progress[data-progress="5"] .inset .percentage:before {
        content: "5%";
    }

    .radial-progress[data-progress="6"] .circle .mask.full,
    .radial-progress[data-progress="6"] .circle .fill {
        -webkit-transform: rotate(10.8deg);
        transform: rotate(10.8deg);
    }

        .radial-progress[data-progress="6"] .circle .fill.fix {
            -webkit-transform: rotate(21.6deg);
            transform: rotate(21.6deg);
        }

    .radial-progress[data-progress="6"] .inset .percentage:before {
        content: "6%";
    }

    .radial-progress[data-progress="7"] .circle .mask.full,
    .radial-progress[data-progress="7"] .circle .fill {
        -webkit-transform: rotate(12.6deg);
        transform: rotate(12.6deg);
    }

        .radial-progress[data-progress="7"] .circle .fill.fix {
            -webkit-transform: rotate(25.2deg);
            transform: rotate(25.2deg);
        }

    .radial-progress[data-progress="7"] .inset .percentage:before {
        content: "7%";
    }

    .radial-progress[data-progress="8"] .circle .mask.full,
    .radial-progress[data-progress="8"] .circle .fill {
        -webkit-transform: rotate(14.4deg);
        transform: rotate(14.4deg);
    }

        .radial-progress[data-progress="8"] .circle .fill.fix {
            -webkit-transform: rotate(28.8deg);
            transform: rotate(28.8deg);
        }

    .radial-progress[data-progress="8"] .inset .percentage:before {
        content: "8%";
    }

    .radial-progress[data-progress="9"] .circle .mask.full,
    .radial-progress[data-progress="9"] .circle .fill {
        -webkit-transform: rotate(16.2deg);
        transform: rotate(16.2deg);
    }

        .radial-progress[data-progress="9"] .circle .fill.fix {
            -webkit-transform: rotate(32.4deg);
            transform: rotate(32.4deg);
        }

    .radial-progress[data-progress="9"] .inset .percentage:before {
        content: "9%";
    }

    .radial-progress[data-progress="10"] .circle .mask.full,
    .radial-progress[data-progress="10"] .circle .fill {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

        .radial-progress[data-progress="10"] .circle .fill.fix {
            -webkit-transform: rotate(36deg);
            transform: rotate(36deg);
        }

    .radial-progress[data-progress="10"] .inset .percentage:before {
        content: "10%";
    }

    .radial-progress[data-progress="11"] .circle .mask.full,
    .radial-progress[data-progress="11"] .circle .fill {
        -webkit-transform: rotate(19.8deg);
        transform: rotate(19.8deg);
    }

        .radial-progress[data-progress="11"] .circle .fill.fix {
            -webkit-transform: rotate(39.6deg);
            transform: rotate(39.6deg);
        }

    .radial-progress[data-progress="11"] .inset .percentage:before {
        content: "11%";
    }

    .radial-progress[data-progress="12"] .circle .mask.full,
    .radial-progress[data-progress="12"] .circle .fill {
        -webkit-transform: rotate(21.6deg);
        transform: rotate(21.6deg);
    }

        .radial-progress[data-progress="12"] .circle .fill.fix {
            -webkit-transform: rotate(43.2deg);
            transform: rotate(43.2deg);
        }

    .radial-progress[data-progress="12"] .inset .percentage:before {
        content: "12%";
    }

    .radial-progress[data-progress="13"] .circle .mask.full,
    .radial-progress[data-progress="13"] .circle .fill {
        -webkit-transform: rotate(23.4deg);
        transform: rotate(23.4deg);
    }

        .radial-progress[data-progress="13"] .circle .fill.fix {
            -webkit-transform: rotate(46.8deg);
            transform: rotate(46.8deg);
        }

    .radial-progress[data-progress="13"] .inset .percentage:before {
        content: "13%";
    }

    .radial-progress[data-progress="14"] .circle .mask.full,
    .radial-progress[data-progress="14"] .circle .fill {
        -webkit-transform: rotate(25.2deg);
        transform: rotate(25.2deg);
    }

        .radial-progress[data-progress="14"] .circle .fill.fix {
            -webkit-transform: rotate(50.4deg);
            transform: rotate(50.4deg);
        }

    .radial-progress[data-progress="14"] .inset .percentage:before {
        content: "14%";
    }

    .radial-progress[data-progress="15"] .circle .mask.full,
    .radial-progress[data-progress="15"] .circle .fill {
        -webkit-transform: rotate(27deg);
        transform: rotate(27deg);
    }

        .radial-progress[data-progress="15"] .circle .fill.fix {
            -webkit-transform: rotate(54deg);
            transform: rotate(54deg);
        }

    .radial-progress[data-progress="15"] .inset .percentage:before {
        content: "15%";
    }

    .radial-progress[data-progress="16"] .circle .mask.full,
    .radial-progress[data-progress="16"] .circle .fill {
        -webkit-transform: rotate(28.8deg);
        transform: rotate(28.8deg);
    }

        .radial-progress[data-progress="16"] .circle .fill.fix {
            -webkit-transform: rotate(57.6deg);
            transform: rotate(57.6deg);
        }

    .radial-progress[data-progress="16"] .inset .percentage:before {
        content: "16%";
    }

    .radial-progress[data-progress="17"] .circle .mask.full,
    .radial-progress[data-progress="17"] .circle .fill {
        -webkit-transform: rotate(30.6deg);
        transform: rotate(30.6deg);
    }

        .radial-progress[data-progress="17"] .circle .fill.fix {
            -webkit-transform: rotate(61.2deg);
            transform: rotate(61.2deg);
        }

    .radial-progress[data-progress="17"] .inset .percentage:before {
        content: "17%";
    }

    .radial-progress[data-progress="18"] .circle .mask.full,
    .radial-progress[data-progress="18"] .circle .fill {
        -webkit-transform: rotate(32.4deg);
        transform: rotate(32.4deg);
    }

        .radial-progress[data-progress="18"] .circle .fill.fix {
            -webkit-transform: rotate(64.8deg);
            transform: rotate(64.8deg);
        }

    .radial-progress[data-progress="18"] .inset .percentage:before {
        content: "18%";
    }

    .radial-progress[data-progress="19"] .circle .mask.full,
    .radial-progress[data-progress="19"] .circle .fill {
        -webkit-transform: rotate(34.2deg);
        transform: rotate(34.2deg);
    }

        .radial-progress[data-progress="19"] .circle .fill.fix {
            -webkit-transform: rotate(68.4deg);
            transform: rotate(68.4deg);
        }

    .radial-progress[data-progress="19"] .inset .percentage:before {
        content: "19%";
    }

    .radial-progress[data-progress="20"] .circle .mask.full,
    .radial-progress[data-progress="20"] .circle .fill {
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }

        .radial-progress[data-progress="20"] .circle .fill.fix {
            -webkit-transform: rotate(72deg);
            transform: rotate(72deg);
        }

    .radial-progress[data-progress="20"] .inset .percentage:before {
        content: "20%";
    }

    .radial-progress[data-progress="21"] .circle .mask.full,
    .radial-progress[data-progress="21"] .circle .fill {
        -webkit-transform: rotate(37.8deg);
        transform: rotate(37.8deg);
    }

        .radial-progress[data-progress="21"] .circle .fill.fix {
            -webkit-transform: rotate(75.6deg);
            transform: rotate(75.6deg);
        }

    .radial-progress[data-progress="21"] .inset .percentage:before {
        content: "21%";
    }

    .radial-progress[data-progress="22"] .circle .mask.full,
    .radial-progress[data-progress="22"] .circle .fill {
        -webkit-transform: rotate(39.6deg);
        transform: rotate(39.6deg);
    }

        .radial-progress[data-progress="22"] .circle .fill.fix {
            -webkit-transform: rotate(79.2deg);
            transform: rotate(79.2deg);
        }

    .radial-progress[data-progress="22"] .inset .percentage:before {
        content: "22%";
    }

    .radial-progress[data-progress="23"] .circle .mask.full,
    .radial-progress[data-progress="23"] .circle .fill {
        -webkit-transform: rotate(41.4deg);
        transform: rotate(41.4deg);
    }

        .radial-progress[data-progress="23"] .circle .fill.fix {
            -webkit-transform: rotate(82.8deg);
            transform: rotate(82.8deg);
        }

    .radial-progress[data-progress="23"] .inset .percentage:before {
        content: "23%";
    }

    .radial-progress[data-progress="24"] .circle .mask.full,
    .radial-progress[data-progress="24"] .circle .fill {
        -webkit-transform: rotate(43.2deg);
        transform: rotate(43.2deg);
    }

        .radial-progress[data-progress="24"] .circle .fill.fix {
            -webkit-transform: rotate(86.4deg);
            transform: rotate(86.4deg);
        }

    .radial-progress[data-progress="24"] .inset .percentage:before {
        content: "24%";
    }

    .radial-progress[data-progress="25"] .circle .mask.full,
    .radial-progress[data-progress="25"] .circle .fill {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        .radial-progress[data-progress="25"] .circle .fill.fix {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .radial-progress[data-progress="25"] .inset .percentage:before {
        content: "25%";
    }

    .radial-progress[data-progress="26"] .circle .mask.full,
    .radial-progress[data-progress="26"] .circle .fill {
        -webkit-transform: rotate(46.8deg);
        transform: rotate(46.8deg);
    }

        .radial-progress[data-progress="26"] .circle .fill.fix {
            -webkit-transform: rotate(93.6deg);
            transform: rotate(93.6deg);
        }

    .radial-progress[data-progress="26"] .inset .percentage:before {
        content: "26%";
    }

    .radial-progress[data-progress="27"] .circle .mask.full,
    .radial-progress[data-progress="27"] .circle .fill {
        -webkit-transform: rotate(48.6deg);
        transform: rotate(48.6deg);
    }

        .radial-progress[data-progress="27"] .circle .fill.fix {
            -webkit-transform: rotate(97.2deg);
            transform: rotate(97.2deg);
        }

    .radial-progress[data-progress="27"] .inset .percentage:before {
        content: "27%";
    }

    .radial-progress[data-progress="28"] .circle .mask.full,
    .radial-progress[data-progress="28"] .circle .fill {
        -webkit-transform: rotate(50.4deg);
        transform: rotate(50.4deg);
    }

        .radial-progress[data-progress="28"] .circle .fill.fix {
            -webkit-transform: rotate(100.8deg);
            transform: rotate(100.8deg);
        }

    .radial-progress[data-progress="28"] .inset .percentage:before {
        content: "28%";
    }

    .radial-progress[data-progress="29"] .circle .mask.full,
    .radial-progress[data-progress="29"] .circle .fill {
        -webkit-transform: rotate(52.2deg);
        transform: rotate(52.2deg);
    }

        .radial-progress[data-progress="29"] .circle .fill.fix {
            -webkit-transform: rotate(104.4deg);
            transform: rotate(104.4deg);
        }

    .radial-progress[data-progress="29"] .inset .percentage:before {
        content: "29%";
    }

    .radial-progress[data-progress="30"] .circle .mask.full,
    .radial-progress[data-progress="30"] .circle .fill {
        -webkit-transform: rotate(54deg);
        transform: rotate(54deg);
    }

        .radial-progress[data-progress="30"] .circle .fill.fix {
            -webkit-transform: rotate(108deg);
            transform: rotate(108deg);
        }

    .radial-progress[data-progress="30"] .inset .percentage:before {
        content: "30%";
    }

    .radial-progress[data-progress="31"] .circle .mask.full,
    .radial-progress[data-progress="31"] .circle .fill {
        -webkit-transform: rotate(55.8deg);
        transform: rotate(55.8deg);
    }

        .radial-progress[data-progress="31"] .circle .fill.fix {
            -webkit-transform: rotate(111.6deg);
            transform: rotate(111.6deg);
        }

    .radial-progress[data-progress="31"] .inset .percentage:before {
        content: "31%";
    }

    .radial-progress[data-progress="32"] .circle .mask.full,
    .radial-progress[data-progress="32"] .circle .fill {
        -webkit-transform: rotate(57.6deg);
        transform: rotate(57.6deg);
    }

        .radial-progress[data-progress="32"] .circle .fill.fix {
            -webkit-transform: rotate(115.2deg);
            transform: rotate(115.2deg);
        }

    .radial-progress[data-progress="32"] .inset .percentage:before {
        content: "32%";
    }

    .radial-progress[data-progress="33"] .circle .mask.full,
    .radial-progress[data-progress="33"] .circle .fill {
        -webkit-transform: rotate(59.4deg);
        transform: rotate(59.4deg);
    }

        .radial-progress[data-progress="33"] .circle .fill.fix {
            -webkit-transform: rotate(118.8deg);
            transform: rotate(118.8deg);
        }

    .radial-progress[data-progress="33"] .inset .percentage:before {
        content: "33%";
    }

    .radial-progress[data-progress="34"] .circle .mask.full,
    .radial-progress[data-progress="34"] .circle .fill {
        -webkit-transform: rotate(61.2deg);
        transform: rotate(61.2deg);
    }

        .radial-progress[data-progress="34"] .circle .fill.fix {
            -webkit-transform: rotate(122.4deg);
            transform: rotate(122.4deg);
        }

    .radial-progress[data-progress="34"] .inset .percentage:before {
        content: "34%";
    }

    .radial-progress[data-progress="35"] .circle .mask.full,
    .radial-progress[data-progress="35"] .circle .fill {
        -webkit-transform: rotate(63deg);
        transform: rotate(63deg);
    }

        .radial-progress[data-progress="35"] .circle .fill.fix {
            -webkit-transform: rotate(126deg);
            transform: rotate(126deg);
        }

    .radial-progress[data-progress="35"] .inset .percentage:before {
        content: "35%";
    }

    .radial-progress[data-progress="36"] .circle .mask.full,
    .radial-progress[data-progress="36"] .circle .fill {
        -webkit-transform: rotate(64.8deg);
        transform: rotate(64.8deg);
    }

        .radial-progress[data-progress="36"] .circle .fill.fix {
            -webkit-transform: rotate(129.6deg);
            transform: rotate(129.6deg);
        }

    .radial-progress[data-progress="36"] .inset .percentage:before {
        content: "36%";
    }

    .radial-progress[data-progress="37"] .circle .mask.full,
    .radial-progress[data-progress="37"] .circle .fill {
        -webkit-transform: rotate(66.6deg);
        transform: rotate(66.6deg);
    }

        .radial-progress[data-progress="37"] .circle .fill.fix {
            -webkit-transform: rotate(133.2deg);
            transform: rotate(133.2deg);
        }

    .radial-progress[data-progress="37"] .inset .percentage:before {
        content: "37%";
    }

    .radial-progress[data-progress="38"] .circle .mask.full,
    .radial-progress[data-progress="38"] .circle .fill {
        -webkit-transform: rotate(68.4deg);
        transform: rotate(68.4deg);
    }

        .radial-progress[data-progress="38"] .circle .fill.fix {
            -webkit-transform: rotate(136.8deg);
            transform: rotate(136.8deg);
        }

    .radial-progress[data-progress="38"] .inset .percentage:before {
        content: "38%";
    }

    .radial-progress[data-progress="39"] .circle .mask.full,
    .radial-progress[data-progress="39"] .circle .fill {
        -webkit-transform: rotate(70.2deg);
        transform: rotate(70.2deg);
    }

        .radial-progress[data-progress="39"] .circle .fill.fix {
            -webkit-transform: rotate(140.4deg);
            transform: rotate(140.4deg);
        }

    .radial-progress[data-progress="39"] .inset .percentage:before {
        content: "39%";
    }

    .radial-progress[data-progress="40"] .circle .mask.full,
    .radial-progress[data-progress="40"] .circle .fill {
        -webkit-transform: rotate(72deg);
        transform: rotate(72deg);
    }

        .radial-progress[data-progress="40"] .circle .fill.fix {
            -webkit-transform: rotate(144deg);
            transform: rotate(144deg);
        }

    .radial-progress[data-progress="40"] .inset .percentage:before {
        content: "40%";
    }

    .radial-progress[data-progress="41"] .circle .mask.full,
    .radial-progress[data-progress="41"] .circle .fill {
        -webkit-transform: rotate(73.8deg);
        transform: rotate(73.8deg);
    }

        .radial-progress[data-progress="41"] .circle .fill.fix {
            -webkit-transform: rotate(147.6deg);
            transform: rotate(147.6deg);
        }

    .radial-progress[data-progress="41"] .inset .percentage:before {
        content: "41%";
    }

    .radial-progress[data-progress="42"] .circle .mask.full,
    .radial-progress[data-progress="42"] .circle .fill {
        -webkit-transform: rotate(75.6deg);
        transform: rotate(75.6deg);
    }

        .radial-progress[data-progress="42"] .circle .fill.fix {
            -webkit-transform: rotate(151.2deg);
            transform: rotate(151.2deg);
        }

    .radial-progress[data-progress="42"] .inset .percentage:before {
        content: "42%";
    }

    .radial-progress[data-progress="43"] .circle .mask.full,
    .radial-progress[data-progress="43"] .circle .fill {
        -webkit-transform: rotate(77.4deg);
        transform: rotate(77.4deg);
    }

        .radial-progress[data-progress="43"] .circle .fill.fix {
            -webkit-transform: rotate(154.8deg);
            transform: rotate(154.8deg);
        }

    .radial-progress[data-progress="43"] .inset .percentage:before {
        content: "43%";
    }

    .radial-progress[data-progress="44"] .circle .mask.full,
    .radial-progress[data-progress="44"] .circle .fill {
        -webkit-transform: rotate(79.2deg);
        transform: rotate(79.2deg);
    }

        .radial-progress[data-progress="44"] .circle .fill.fix {
            -webkit-transform: rotate(158.4deg);
            transform: rotate(158.4deg);
        }

    .radial-progress[data-progress="44"] .inset .percentage:before {
        content: "44%";
    }

    .radial-progress[data-progress="45"] .circle .mask.full,
    .radial-progress[data-progress="45"] .circle .fill {
        -webkit-transform: rotate(81deg);
        transform: rotate(81deg);
    }

        .radial-progress[data-progress="45"] .circle .fill.fix {
            -webkit-transform: rotate(162deg);
            transform: rotate(162deg);
        }

    .radial-progress[data-progress="45"] .inset .percentage:before {
        content: "45%";
    }

    .radial-progress[data-progress="46"] .circle .mask.full,
    .radial-progress[data-progress="46"] .circle .fill {
        -webkit-transform: rotate(82.8deg);
        transform: rotate(82.8deg);
    }

        .radial-progress[data-progress="46"] .circle .fill.fix {
            -webkit-transform: rotate(165.6deg);
            transform: rotate(165.6deg);
        }

    .radial-progress[data-progress="46"] .inset .percentage:before {
        content: "46%";
    }

    .radial-progress[data-progress="47"] .circle .mask.full,
    .radial-progress[data-progress="47"] .circle .fill {
        -webkit-transform: rotate(84.6deg);
        transform: rotate(84.6deg);
    }

        .radial-progress[data-progress="47"] .circle .fill.fix {
            -webkit-transform: rotate(169.2deg);
            transform: rotate(169.2deg);
        }

    .radial-progress[data-progress="47"] .inset .percentage:before {
        content: "47%";
    }

    .radial-progress[data-progress="48"] .circle .mask.full,
    .radial-progress[data-progress="48"] .circle .fill {
        -webkit-transform: rotate(86.4deg);
        transform: rotate(86.4deg);
    }

        .radial-progress[data-progress="48"] .circle .fill.fix {
            -webkit-transform: rotate(172.8deg);
            transform: rotate(172.8deg);
        }

    .radial-progress[data-progress="48"] .inset .percentage:before {
        content: "48%";
    }

    .radial-progress[data-progress="49"] .circle .mask.full,
    .radial-progress[data-progress="49"] .circle .fill {
        -webkit-transform: rotate(88.2deg);
        transform: rotate(88.2deg);
    }

        .radial-progress[data-progress="49"] .circle .fill.fix {
            -webkit-transform: rotate(176.4deg);
            transform: rotate(176.4deg);
        }

    .radial-progress[data-progress="49"] .inset .percentage:before {
        content: "49%";
    }

    .radial-progress[data-progress="50"] .circle .mask.full,
    .radial-progress[data-progress="50"] .circle .fill {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

        .radial-progress[data-progress="50"] .circle .fill.fix {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .radial-progress[data-progress="50"] .inset .percentage:before {
        content: "50%";
    }

    .radial-progress[data-progress="51"] .circle .mask.full,
    .radial-progress[data-progress="51"] .circle .fill {
        -webkit-transform: rotate(91.8deg);
        transform: rotate(91.8deg);
    }

        .radial-progress[data-progress="51"] .circle .fill.fix {
            -webkit-transform: rotate(183.6deg);
            transform: rotate(183.6deg);
        }

    .radial-progress[data-progress="51"] .inset .percentage:before {
        content: "51%";
    }

    .radial-progress[data-progress="52"] .circle .mask.full,
    .radial-progress[data-progress="52"] .circle .fill {
        -webkit-transform: rotate(93.6deg);
        transform: rotate(93.6deg);
    }

        .radial-progress[data-progress="52"] .circle .fill.fix {
            -webkit-transform: rotate(187.2deg);
            transform: rotate(187.2deg);
        }

    .radial-progress[data-progress="52"] .inset .percentage:before {
        content: "52%";
    }

    .radial-progress[data-progress="53"] .circle .mask.full,
    .radial-progress[data-progress="53"] .circle .fill {
        -webkit-transform: rotate(95.4deg);
        transform: rotate(95.4deg);
    }

        .radial-progress[data-progress="53"] .circle .fill.fix {
            -webkit-transform: rotate(190.8deg);
            transform: rotate(190.8deg);
        }

    .radial-progress[data-progress="53"] .inset .percentage:before {
        content: "53%";
    }

    .radial-progress[data-progress="54"] .circle .mask.full,
    .radial-progress[data-progress="54"] .circle .fill {
        -webkit-transform: rotate(97.2deg);
        transform: rotate(97.2deg);
    }

        .radial-progress[data-progress="54"] .circle .fill.fix {
            -webkit-transform: rotate(194.4deg);
            transform: rotate(194.4deg);
        }

    .radial-progress[data-progress="54"] .inset .percentage:before {
        content: "54%";
    }

    .radial-progress[data-progress="55"] .circle .mask.full,
    .radial-progress[data-progress="55"] .circle .fill {
        -webkit-transform: rotate(99deg);
        transform: rotate(99deg);
    }

        .radial-progress[data-progress="55"] .circle .fill.fix {
            -webkit-transform: rotate(198deg);
            transform: rotate(198deg);
        }

    .radial-progress[data-progress="55"] .inset .percentage:before {
        content: "55%";
    }

    .radial-progress[data-progress="56"] .circle .mask.full,
    .radial-progress[data-progress="56"] .circle .fill {
        -webkit-transform: rotate(100.8deg);
        transform: rotate(100.8deg);
    }

        .radial-progress[data-progress="56"] .circle .fill.fix {
            -webkit-transform: rotate(201.6deg);
            transform: rotate(201.6deg);
        }

    .radial-progress[data-progress="56"] .inset .percentage:before {
        content: "56%";
    }

    .radial-progress[data-progress="57"] .circle .mask.full,
    .radial-progress[data-progress="57"] .circle .fill {
        -webkit-transform: rotate(102.6deg);
        transform: rotate(102.6deg);
    }

        .radial-progress[data-progress="57"] .circle .fill.fix {
            -webkit-transform: rotate(205.2deg);
            transform: rotate(205.2deg);
        }

    .radial-progress[data-progress="57"] .inset .percentage:before {
        content: "57%";
    }

    .radial-progress[data-progress="58"] .circle .mask.full,
    .radial-progress[data-progress="58"] .circle .fill {
        -webkit-transform: rotate(104.4deg);
        transform: rotate(104.4deg);
    }

        .radial-progress[data-progress="58"] .circle .fill.fix {
            -webkit-transform: rotate(208.8deg);
            transform: rotate(208.8deg);
        }

    .radial-progress[data-progress="58"] .inset .percentage:before {
        content: "58%";
    }

    .radial-progress[data-progress="59"] .circle .mask.full,
    .radial-progress[data-progress="59"] .circle .fill {
        -webkit-transform: rotate(106.2deg);
        transform: rotate(106.2deg);
    }

        .radial-progress[data-progress="59"] .circle .fill.fix {
            -webkit-transform: rotate(212.4deg);
            transform: rotate(212.4deg);
        }

    .radial-progress[data-progress="59"] .inset .percentage:before {
        content: "59%";
    }

    .radial-progress[data-progress="60"] .circle .mask.full,
    .radial-progress[data-progress="60"] .circle .fill {
        -webkit-transform: rotate(108deg);
        transform: rotate(108deg);
    }

        .radial-progress[data-progress="60"] .circle .fill.fix {
            -webkit-transform: rotate(216deg);
            transform: rotate(216deg);
        }

    .radial-progress[data-progress="60"] .inset .percentage:before {
        content: "60%";
    }

    .radial-progress[data-progress="61"] .circle .mask.full,
    .radial-progress[data-progress="61"] .circle .fill {
        -webkit-transform: rotate(109.8deg);
        transform: rotate(109.8deg);
    }

        .radial-progress[data-progress="61"] .circle .fill.fix {
            -webkit-transform: rotate(219.6deg);
            transform: rotate(219.6deg);
        }

    .radial-progress[data-progress="61"] .inset .percentage:before {
        content: "61%";
    }

    .radial-progress[data-progress="62"] .circle .mask.full,
    .radial-progress[data-progress="62"] .circle .fill {
        -webkit-transform: rotate(111.6deg);
        transform: rotate(111.6deg);
    }

        .radial-progress[data-progress="62"] .circle .fill.fix {
            -webkit-transform: rotate(223.2deg);
            transform: rotate(223.2deg);
        }

    .radial-progress[data-progress="62"] .inset .percentage:before {
        content: "62%";
    }

    .radial-progress[data-progress="63"] .circle .mask.full,
    .radial-progress[data-progress="63"] .circle .fill {
        -webkit-transform: rotate(113.4deg);
        transform: rotate(113.4deg);
    }

        .radial-progress[data-progress="63"] .circle .fill.fix {
            -webkit-transform: rotate(226.8deg);
            transform: rotate(226.8deg);
        }

    .radial-progress[data-progress="63"] .inset .percentage:before {
        content: "63%";
    }

    .radial-progress[data-progress="64"] .circle .mask.full,
    .radial-progress[data-progress="64"] .circle .fill {
        -webkit-transform: rotate(115.2deg);
        transform: rotate(115.2deg);
    }

        .radial-progress[data-progress="64"] .circle .fill.fix {
            -webkit-transform: rotate(230.4deg);
            transform: rotate(230.4deg);
        }

    .radial-progress[data-progress="64"] .inset .percentage:before {
        content: "64%";
    }

    .radial-progress[data-progress="65"] .circle .mask.full,
    .radial-progress[data-progress="65"] .circle .fill {
        -webkit-transform: rotate(117deg);
        transform: rotate(117deg);
    }

        .radial-progress[data-progress="65"] .circle .fill.fix {
            -webkit-transform: rotate(234deg);
            transform: rotate(234deg);
        }

    .radial-progress[data-progress="65"] .inset .percentage:before {
        content: "65%";
    }

    .radial-progress[data-progress="66"] .circle .mask.full,
    .radial-progress[data-progress="66"] .circle .fill {
        -webkit-transform: rotate(118.8deg);
        transform: rotate(118.8deg);
    }

        .radial-progress[data-progress="66"] .circle .fill.fix {
            -webkit-transform: rotate(237.6deg);
            transform: rotate(237.6deg);
        }

    .radial-progress[data-progress="66"] .inset .percentage:before {
        content: "66%";
    }

    .radial-progress[data-progress="67"] .circle .mask.full,
    .radial-progress[data-progress="67"] .circle .fill {
        -webkit-transform: rotate(120.6deg);
        transform: rotate(120.6deg);
    }

        .radial-progress[data-progress="67"] .circle .fill.fix {
            -webkit-transform: rotate(241.2deg);
            transform: rotate(241.2deg);
        }

    .radial-progress[data-progress="67"] .inset .percentage:before {
        content: "67%";
    }

    .radial-progress[data-progress="68"] .circle .mask.full,
    .radial-progress[data-progress="68"] .circle .fill {
        -webkit-transform: rotate(122.4deg);
        transform: rotate(122.4deg);
    }

        .radial-progress[data-progress="68"] .circle .fill.fix {
            -webkit-transform: rotate(244.8deg);
            transform: rotate(244.8deg);
        }

    .radial-progress[data-progress="68"] .inset .percentage:before {
        content: "68%";
    }

    .radial-progress[data-progress="69"] .circle .mask.full,
    .radial-progress[data-progress="69"] .circle .fill {
        -webkit-transform: rotate(124.2deg);
        transform: rotate(124.2deg);
    }

        .radial-progress[data-progress="69"] .circle .fill.fix {
            -webkit-transform: rotate(248.4deg);
            transform: rotate(248.4deg);
        }

    .radial-progress[data-progress="69"] .inset .percentage:before {
        content: "69%";
    }

    .radial-progress[data-progress="70"] .circle .mask.full,
    .radial-progress[data-progress="70"] .circle .fill {
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }

        .radial-progress[data-progress="70"] .circle .fill.fix {
            -webkit-transform: rotate(252deg);
            transform: rotate(252deg);
        }

    .radial-progress[data-progress="70"] .inset .percentage:before {
        content: "70%";
    }

    .radial-progress[data-progress="71"] .circle .mask.full,
    .radial-progress[data-progress="71"] .circle .fill {
        -webkit-transform: rotate(127.8deg);
        transform: rotate(127.8deg);
    }

        .radial-progress[data-progress="71"] .circle .fill.fix {
            -webkit-transform: rotate(255.6deg);
            transform: rotate(255.6deg);
        }

    .radial-progress[data-progress="71"] .inset .percentage:before {
        content: "71%";
    }

    .radial-progress[data-progress="72"] .circle .mask.full,
    .radial-progress[data-progress="72"] .circle .fill {
        -webkit-transform: rotate(129.6deg);
        transform: rotate(129.6deg);
    }

        .radial-progress[data-progress="72"] .circle .fill.fix {
            -webkit-transform: rotate(259.2deg);
            transform: rotate(259.2deg);
        }

    .radial-progress[data-progress="72"] .inset .percentage:before {
        content: "72%";
    }

    .radial-progress[data-progress="73"] .circle .mask.full,
    .radial-progress[data-progress="73"] .circle .fill {
        -webkit-transform: rotate(131.4deg);
        transform: rotate(131.4deg);
    }

        .radial-progress[data-progress="73"] .circle .fill.fix {
            -webkit-transform: rotate(262.8deg);
            transform: rotate(262.8deg);
        }

    .radial-progress[data-progress="73"] .inset .percentage:before {
        content: "73%";
    }

    .radial-progress[data-progress="74"] .circle .mask.full,
    .radial-progress[data-progress="74"] .circle .fill {
        -webkit-transform: rotate(133.2deg);
        transform: rotate(133.2deg);
    }

        .radial-progress[data-progress="74"] .circle .fill.fix {
            -webkit-transform: rotate(266.4deg);
            transform: rotate(266.4deg);
        }

    .radial-progress[data-progress="74"] .inset .percentage:before {
        content: "74%";
    }

    .radial-progress[data-progress="75"] .circle .mask.full,
    .radial-progress[data-progress="75"] .circle .fill {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

        .radial-progress[data-progress="75"] .circle .fill.fix {
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
        }

    .radial-progress[data-progress="75"] .inset .percentage:before {
        content: "75%";
    }

    .radial-progress[data-progress="76"] .circle .mask.full,
    .radial-progress[data-progress="76"] .circle .fill {
        -webkit-transform: rotate(136.8deg);
        transform: rotate(136.8deg);
    }

        .radial-progress[data-progress="76"] .circle .fill.fix {
            -webkit-transform: rotate(273.6deg);
            transform: rotate(273.6deg);
        }

    .radial-progress[data-progress="76"] .inset .percentage:before {
        content: "76%";
    }

    .radial-progress[data-progress="77"] .circle .mask.full,
    .radial-progress[data-progress="77"] .circle .fill {
        -webkit-transform: rotate(138.6deg);
        transform: rotate(138.6deg);
    }

        .radial-progress[data-progress="77"] .circle .fill.fix {
            -webkit-transform: rotate(277.2deg);
            transform: rotate(277.2deg);
        }

    .radial-progress[data-progress="77"] .inset .percentage:before {
        content: "77%";
    }

    .radial-progress[data-progress="78"] .circle .mask.full,
    .radial-progress[data-progress="78"] .circle .fill {
        -webkit-transform: rotate(140.4deg);
        transform: rotate(140.4deg);
    }

        .radial-progress[data-progress="78"] .circle .fill.fix {
            -webkit-transform: rotate(280.8deg);
            transform: rotate(280.8deg);
        }

    .radial-progress[data-progress="78"] .inset .percentage:before {
        content: "78%";
    }

    .radial-progress[data-progress="79"] .circle .mask.full,
    .radial-progress[data-progress="79"] .circle .fill {
        -webkit-transform: rotate(142.2deg);
        transform: rotate(142.2deg);
    }

        .radial-progress[data-progress="79"] .circle .fill.fix {
            -webkit-transform: rotate(284.4deg);
            transform: rotate(284.4deg);
        }

    .radial-progress[data-progress="79"] .inset .percentage:before {
        content: "79%";
    }

    .radial-progress[data-progress="80"] .circle .mask.full,
    .radial-progress[data-progress="80"] .circle .fill {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }

        .radial-progress[data-progress="80"] .circle .fill.fix {
            -webkit-transform: rotate(288deg);
            transform: rotate(288deg);
        }

    .radial-progress[data-progress="80"] .inset .percentage:before {
        content: "80%";
    }

    .radial-progress[data-progress="81"] .circle .mask.full,
    .radial-progress[data-progress="81"] .circle .fill {
        -webkit-transform: rotate(145.8deg);
        transform: rotate(145.8deg);
    }

        .radial-progress[data-progress="81"] .circle .fill.fix {
            -webkit-transform: rotate(291.6deg);
            transform: rotate(291.6deg);
        }

    .radial-progress[data-progress="81"] .inset .percentage:before {
        content: "81%";
    }

    .radial-progress[data-progress="82"] .circle .mask.full,
    .radial-progress[data-progress="82"] .circle .fill {
        -webkit-transform: rotate(147.6deg);
        transform: rotate(147.6deg);
    }

        .radial-progress[data-progress="82"] .circle .fill.fix {
            -webkit-transform: rotate(295.2deg);
            transform: rotate(295.2deg);
        }

    .radial-progress[data-progress="82"] .inset .percentage:before {
        content: "82%";
    }

    .radial-progress[data-progress="83"] .circle .mask.full,
    .radial-progress[data-progress="83"] .circle .fill {
        -webkit-transform: rotate(149.4deg);
        transform: rotate(149.4deg);
    }

        .radial-progress[data-progress="83"] .circle .fill.fix {
            -webkit-transform: rotate(298.8deg);
            transform: rotate(298.8deg);
        }

    .radial-progress[data-progress="83"] .inset .percentage:before {
        content: "83%";
    }

    .radial-progress[data-progress="84"] .circle .mask.full,
    .radial-progress[data-progress="84"] .circle .fill {
        -webkit-transform: rotate(151.2deg);
        transform: rotate(151.2deg);
    }

        .radial-progress[data-progress="84"] .circle .fill.fix {
            -webkit-transform: rotate(302.4deg);
            transform: rotate(302.4deg);
        }

    .radial-progress[data-progress="84"] .inset .percentage:before {
        content: "84%";
    }

    .radial-progress[data-progress="85"] .circle .mask.full,
    .radial-progress[data-progress="85"] .circle .fill {
        -webkit-transform: rotate(153deg);
        transform: rotate(153deg);
    }

        .radial-progress[data-progress="85"] .circle .fill.fix {
            -webkit-transform: rotate(306deg);
            transform: rotate(306deg);
        }

    .radial-progress[data-progress="85"] .inset .percentage:before {
        content: "85%";
    }

    .radial-progress[data-progress="86"] .circle .mask.full,
    .radial-progress[data-progress="86"] .circle .fill {
        -webkit-transform: rotate(154.8deg);
        transform: rotate(154.8deg);
    }

        .radial-progress[data-progress="86"] .circle .fill.fix {
            -webkit-transform: rotate(309.6deg);
            transform: rotate(309.6deg);
        }

    .radial-progress[data-progress="86"] .inset .percentage:before {
        content: "86%";
    }

    .radial-progress[data-progress="87"] .circle .mask.full,
    .radial-progress[data-progress="87"] .circle .fill {
        -webkit-transform: rotate(156.6deg);
        transform: rotate(156.6deg);
    }

        .radial-progress[data-progress="87"] .circle .fill.fix {
            -webkit-transform: rotate(313.2deg);
            transform: rotate(313.2deg);
        }

    .radial-progress[data-progress="87"] .inset .percentage:before {
        content: "87%";
    }

    .radial-progress[data-progress="88"] .circle .mask.full,
    .radial-progress[data-progress="88"] .circle .fill {
        -webkit-transform: rotate(158.4deg);
        transform: rotate(158.4deg);
    }

        .radial-progress[data-progress="88"] .circle .fill.fix {
            -webkit-transform: rotate(316.8deg);
            transform: rotate(316.8deg);
        }

    .radial-progress[data-progress="88"] .inset .percentage:before {
        content: "88%";
    }

    .radial-progress[data-progress="89"] .circle .mask.full,
    .radial-progress[data-progress="89"] .circle .fill {
        -webkit-transform: rotate(160.2deg);
        transform: rotate(160.2deg);
    }

        .radial-progress[data-progress="89"] .circle .fill.fix {
            -webkit-transform: rotate(320.4deg);
            transform: rotate(320.4deg);
        }

    .radial-progress[data-progress="89"] .inset .percentage:before {
        content: "89%";
    }

    .radial-progress[data-progress="90"] .circle .mask.full,
    .radial-progress[data-progress="90"] .circle .fill {
        -webkit-transform: rotate(162deg);
        transform: rotate(162deg);
    }

        .radial-progress[data-progress="90"] .circle .fill.fix {
            -webkit-transform: rotate(324deg);
            transform: rotate(324deg);
        }

    .radial-progress[data-progress="90"] .inset .percentage:before {
        content: "90%";
    }

    .radial-progress[data-progress="91"] .circle .mask.full,
    .radial-progress[data-progress="91"] .circle .fill {
        -webkit-transform: rotate(163.8deg);
        transform: rotate(163.8deg);
    }

        .radial-progress[data-progress="91"] .circle .fill.fix {
            -webkit-transform: rotate(327.6deg);
            transform: rotate(327.6deg);
        }

    .radial-progress[data-progress="91"] .inset .percentage:before {
        content: "91%";
    }

    .radial-progress[data-progress="92"] .circle .mask.full,
    .radial-progress[data-progress="92"] .circle .fill {
        -webkit-transform: rotate(165.6deg);
        transform: rotate(165.6deg);
    }

        .radial-progress[data-progress="92"] .circle .fill.fix {
            -webkit-transform: rotate(331.2deg);
            transform: rotate(331.2deg);
        }

    .radial-progress[data-progress="92"] .inset .percentage:before {
        content: "92%";
    }

    .radial-progress[data-progress="93"] .circle .mask.full,
    .radial-progress[data-progress="93"] .circle .fill {
        -webkit-transform: rotate(167.4deg);
        transform: rotate(167.4deg);
    }

        .radial-progress[data-progress="93"] .circle .fill.fix {
            -webkit-transform: rotate(334.8deg);
            transform: rotate(334.8deg);
        }

    .radial-progress[data-progress="93"] .inset .percentage:before {
        content: "93%";
    }

    .radial-progress[data-progress="94"] .circle .mask.full,
    .radial-progress[data-progress="94"] .circle .fill {
        -webkit-transform: rotate(169.2deg);
        transform: rotate(169.2deg);
    }

        .radial-progress[data-progress="94"] .circle .fill.fix {
            -webkit-transform: rotate(338.4deg);
            transform: rotate(338.4deg);
        }

    .radial-progress[data-progress="94"] .inset .percentage:before {
        content: "94%";
    }

    .radial-progress[data-progress="95"] .circle .mask.full,
    .radial-progress[data-progress="95"] .circle .fill {
        -webkit-transform: rotate(171deg);
        transform: rotate(171deg);
    }

        .radial-progress[data-progress="95"] .circle .fill.fix {
            -webkit-transform: rotate(342deg);
            transform: rotate(342deg);
        }

    .radial-progress[data-progress="95"] .inset .percentage:before {
        content: "95%";
    }

    .radial-progress[data-progress="96"] .circle .mask.full,
    .radial-progress[data-progress="96"] .circle .fill {
        -webkit-transform: rotate(172.8deg);
        transform: rotate(172.8deg);
    }

        .radial-progress[data-progress="96"] .circle .fill.fix {
            -webkit-transform: rotate(345.6deg);
            transform: rotate(345.6deg);
        }

    .radial-progress[data-progress="96"] .inset .percentage:before {
        content: "96%";
    }

    .radial-progress[data-progress="97"] .circle .mask.full,
    .radial-progress[data-progress="97"] .circle .fill {
        -webkit-transform: rotate(174.6deg);
        transform: rotate(174.6deg);
    }

        .radial-progress[data-progress="97"] .circle .fill.fix {
            -webkit-transform: rotate(349.2deg);
            transform: rotate(349.2deg);
        }

    .radial-progress[data-progress="97"] .inset .percentage:before {
        content: "97%";
    }

    .radial-progress[data-progress="98"] .circle .mask.full,
    .radial-progress[data-progress="98"] .circle .fill {
        -webkit-transform: rotate(176.4deg);
        transform: rotate(176.4deg);
    }

        .radial-progress[data-progress="98"] .circle .fill.fix {
            -webkit-transform: rotate(352.8deg);
            transform: rotate(352.8deg);
        }

    .radial-progress[data-progress="98"] .inset .percentage:before {
        content: "98%";
    }

    .radial-progress[data-progress="99"] .circle .mask.full,
    .radial-progress[data-progress="99"] .circle .fill {
        -webkit-transform: rotate(178.2deg);
        transform: rotate(178.2deg);
    }

        .radial-progress[data-progress="99"] .circle .fill.fix {
            -webkit-transform: rotate(356.4deg);
            transform: rotate(356.4deg);
        }

    .radial-progress[data-progress="99"] .inset .percentage:before {
        content: "99%";
    }

    .radial-progress[data-progress="100"] .circle .mask.full,
    .radial-progress[data-progress="100"] .circle .fill {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

        .radial-progress[data-progress="100"] .circle .fill.fix {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }

    .radial-progress[data-progress="100"] .inset .percentage:before {
        content: "100%";
    }
/* -----------------------------------------
   SHOW MORE
   Styles for toggling content
   Styles based off of www.dmhc.ca.gov
   /source/less/show-more.less
----------------------------------------- */
.test span {
    float: left;
    font-size: 2.5rem;
    margin-top: 15px;
    margin-right: 20px;
    color: #0061a0;
}

.block {
    height: auto;
    font-size: 0.875rem;
    margin-bottom: 20px;
}
/* Shore more styles */
.showmore_content {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 75%;
}

    .showmore_content ul,
    .showmore_content ul li {
        list-style-type: circle;
        list-style-image: inherit;
        list-style: inherit;
    }

    .showmore_content ul {
        padding: 5px 0;
        line-height: 150%;
    }

.showmore_trigger {
    width: 100%;
    cursor: pointer;
    display: inline-block;
}

    .showmore_trigger span {
        display: inline-block;
        color: #0061a0;
        font-size: 0.875rem;
    }
/* -----------------------------------------
   SPACING
   Converted from Scss 
   http://v4-alpha.getbootstrap.com/components/utilities/
   /source/less/spacing.less
----------------------------------------- */
.m-a-0 {
    margin: 0 !important;
}

.m-t-0 {
    margin-top: 0 !important;
}

.m-r-0 {
    margin-right: 0 !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-l-0 {
    margin-left: 0 !important;
}

.m-x-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.m-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.m-a {
    margin: 1rem !important;
}

.m-t {
    margin-top: 1rem !important;
}

.m-r {
    margin-right: 1rem !important;
}

.m-b {
    margin-bottom: 1rem !important;
}

.m-l {
    margin-left: 1rem !important;
}

.m-x {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.m-y {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.m-x-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.m-a-md {
    margin: 1.5rem !important;
}

.m-t-md {
    margin-top: 1.5rem !important;
}

.m-r-md {
    margin-right: 1.5rem !important;
}

.m-b-md {
    margin-bottom: 1.5rem !important;
}

.m-l-md {
    margin-left: 1.5rem !important;
}

.m-x-md {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.m-y-md {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.m-a-lg {
    margin: 3rem !important;
}

.m-t-lg {
    margin-top: 3rem !important;
}

.m-r-lg {
    margin-right: 3rem !important;
}

.m-b-lg {
    margin-bottom: 3rem !important;
}

.m-l-lg {
    margin-left: 3rem !important;
}

.m-x-lg {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.m-y-lg {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.m-l-xlg {
    margin-left: 6rem !important;
}

.p-a-0 {
    padding: 0 !important;
}

.p-t-0 {
    padding-top: 0 !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-x-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.p-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-a {
    padding: 1rem !important;
}

.p-t {
    padding-top: 1rem !important;
}

.p-r {
    padding-right: 1rem !important;
}

.p-b {
    padding-bottom: 1rem !important;
}

.p-l {
    padding-left: 1rem !important;
}

.p-x {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.p-y {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.p-a-md {
    padding: 1.5rem !important;
}

.p-t-md {
    padding-top: 1.5rem !important;
}

.p-r-md {
    padding-right: 1.5rem !important;
}

.p-b-md {
    padding-bottom: 1.5rem !important;
}

.p-l-md {
    padding-left: 1.5rem !important;
}

.p-x-md {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.p-y-md {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.p-a-lg {
    padding: 3rem !important;
}

.p-t-lg {
    padding-top: 3rem !important;
}

.p-r-lg {
    padding-right: 3rem !important;
}

.p-b-lg {
    padding-bottom: 3rem !important;
}

.p-l-lg {
    padding-left: 3rem !important;
}

.p-x-lg {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.p-y-lg {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.p-l-xlg {
    padding-left: 4.5rem !important;
}

.p-l-xxlg {
    padding-left: 6rem !important;
}
/* -----------------------------------------
   TABLE STYLES
   Custom table styles for dmch dashboard project
   Styles based off of www.dmhc.ca.gov
   /source/less/table.less
----------------------------------------- */
/* Table with No Border (copied from Bootstrap 'Table' class */
.table.bdr-n > thead > tr > th,
.table.bdr-n > tbody > tr > th,
.table.bdr-n > tfoot > tr > th,
.table.bdr-n > thead > tr > td,
.table.bdr-n > tbody > tr > td,
.table.bdr-n > tfoot > tr > td {
    border-top: none;
    padding: 5px 0;
}

.table.bdr-n td span {
    padding-right: 10px;
    color: #0061a0;
}

.table.bdr-n .showmore_content {
    color: #000;
}
/* adjusting padding & spacing between elements */
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > th {
    padding: 12px 15px 12px 8px;
}

.table > thead > tr > th { line-height: 1.2; }

.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    font-size: 0.938rem;
}

.table > thead > tr > th,
.table > thead > tr > th a {
    color: #000;
}

.table-sort > thead > tr > th a:after {
    /* automatically append sort icon */
    font-family: icomoon;
    content: "\e915";
    padding-left: 6px;
    font-size: 0.8rem;
}

.table > thead > tr {
    border-bottom: 4px solid #dcdcdc;
}

    .table > thead > tr > th:last-child,
    .table > tbody > tr > th:last-child,
    .table > tfoot > tr > th:last-child,
    .table > thead > tr > td:last-child,
    .table > tbody > tr > td:last-child,
    .table > tfoot > tr > td:last-child {
        padding-right: 0;
    }
/* Matrix for complaints on compare page */
.matrix {
    width: 100%;
    display: table;
}

.col-md-12.matrix {
    background: #fff;
    /*padding-left: 0;
  padding-right: 0;*/
}

.matrix table,
.matrix tbody {
    background: #fff;
    padding: 5px;
}

    .matrix table > thead {
        border-bottom: 2px solid #dcdcdc;
    }

    .matrix table > tbody > tr > td {
        border-bottom: 1px solid #dcdcdc;
        height: 40px;
    }

.rowtitle th,
.columntitle th,
.columntitle-2 th {
    color: #008131;
    font-weight: 400;
    font-size: 1rem;
}

.rowtitle {
    float: left;
    padding: 0 8px;
    border-right: 0px;
    width: 20%;
}

    .rowtitle th,
    .rowtitle td {
        border-right: 0px;
    }

.columntitle {
    padding: 0 8px;
    border-bottom: 0px;
}

    .columntitle th,
    .columntitle td {
        border-bottom: 0px;
    }

.columntitle,
.columntitle-2 {
    width: 40%;
    float: left;
}
/* -----------------------------------------
   TOOLTIP
   Custom tooltip styles for dmhc dashboard project
   Styles based off of www.dmhc.ca.gov
   /source/less/tooltip.less
----------------------------------------- */
/* TOOLTIP mods (based on bootstrap's tooltip) */
.info-w {
    /* applies class to text which prompts tooltip */
    color: #0061a0;
    cursor: pointer;
}

a.info-w:active,
a.info-w:hover,
a.info-w:focus {
    text-decoration: none;
    /* removes underline */
    color: #006400;
}

/* Tooltip for charts (from Microsoft Chart controls) */
.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 0.656rem;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0;
}

.qtip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
}

.qtip-titlebar {
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border-width: 0 0 1px;
    font-weight: 700;
}

    .qtip-titlebar + .qtip-content {
        border-top-width: 0 !important;
    }

.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    cursor: pointer;
    outline: 0;
    border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
    top: 16px;
}

.qtip-icon .ui-icon,
.qtip-titlebar .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr;
}

.qtip-icon,
.qtip-icon .ui-icon {
    border-radius: 3px;
    text-decoration: none;
}

    .qtip-icon .ui-icon {
        width: 18px;
        height: 14px;
        line-height: 14px;
        text-align: center;
        text-indent: 0;
        font: 400 bold 10px/13px Tahoma, sans-serif;
        color: inherit;
        background: -100em -100em no-repeat;
    }

.qtip-default {
    border: 1px solid #F1D031;
    background-color: #FFFFA3;
    color: #555;
}

    .qtip-default .qtip-titlebar {
        background-color: #FFEF93;
    }

    .qtip-default .qtip-icon {
        border-color: #CCC;
        background: #F1F1F1;
        color: #777;
    }

    .qtip-default .qtip-titlebar .qtip-close {
        border-color: #AAA;
        color: #111;
    }

.qtip-light {
    background-color: #fff;
    border-color: #E2E2E2;
    color: #454545;
}

    .qtip-light .qtip-titlebar {
        background-color: #f1f1f1;
    }

.qtip-dark {
    background-color: #505050;
    border-color: #303030;
    color: #f3f3f3;
}

    .qtip-dark .qtip-titlebar {
        background-color: #404040;
    }

    .qtip-dark .qtip-icon {
        border-color: #444;
    }

    .qtip-dark .qtip-titlebar .ui-state-hover {
        border-color: #303030;
    }

.qtip-cream {
    background-color: #FBF7AA;
    border-color: #F9E98E;
    color: #A27D35;
}

    .qtip-cream .qtip-titlebar {
        background-color: #F0DE7D;
    }

    .qtip-cream .qtip-close .qtip-icon {
        background-position: -82px 0;
    }

.qtip-red {
    background-color: #F78B83;
    border-color: #D95252;
    color: #912323;
}

    .qtip-red .qtip-titlebar {
        background-color: #F06D65;
    }

    .qtip-red .qtip-close .qtip-icon {
        background-position: -102px 0;
    }

    .qtip-red .qtip-icon,
    .qtip-red .qtip-titlebar .ui-state-hover {
        border-color: #D95252;
    }

.qtip-green {
    background-color: #CAED9E;
    border-color: #90D93F;
    color: #3F6219;
}

    .qtip-green .qtip-titlebar {
        background-color: #B0DE78;
    }

    .qtip-green .qtip-close .qtip-icon {
        background-position: -42px 0;
    }

.qtip-bootstrap {
    background-color: #E5F6FE;
    border-color: #ADD9ED;
    color: #5E99BD;
}

    .qtip-bootstrap .qtip-titlebar {
        background-color: #D0E9F5;
    }

    .qtip-bootstrap .qtip-close .qtip-icon {
        background-position: -2px 0;
    }

.qtip-shadow {
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.qtip-bootstrap,
.qtip-rounded,
.qtip-tipsy {
    border-radius: 5px;
}

    .qtip-rounded .qtip-titlebar {
        border-radius: 4px 4px 0 0;
    }

.qtip-youtube {
    border-radius: 2px;
    box-shadow: 0 0 3px #333;
    color: #fff;
    border: 0 solid transparent;
    background: #4A4A4A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a4a4a), color-stop(100%, #000000));
    background-image: -webkit-linear-gradient(top, #4a4a4a 0, #000000 100%);
    background-image: -o-linear-gradient(top, #4a4a4a 0, #000000 100%);
}

    .qtip-youtube .qtip-titlebar {
        background-color: transparent;
    }

    .qtip-youtube .qtip-content {
        padding: .75em;
        font: 12px arial, sans-serif;
    }

    .qtip-youtube .qtip-icon {
        border-color: #222;
    }

    .qtip-youtube .qtip-titlebar .ui-state-hover {
        border-color: #303030;
    }

.qtip-jtools {
    background: #232323;
    background: rgba(0, 0, 0, 0.7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
    background-image: -webkit-linear-gradient(top, #717171, #232323);
    background-image: -o-linear-gradient(top, #717171, #232323);
    border: 2px solid #ddd;
    border: 2px solid #f1f1f1;
    border-radius: 2px;
    box-shadow: 0 0 12px #333;
}

    .qtip-jtools .qtip-titlebar {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4a4a4a);
    }

    .qtip-jtools .qtip-content {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4a4a4a, endColorstr=#232323);
    }

    .qtip-jtools .qtip-content,
    .qtip-jtools .qtip-titlebar {
        background: 0 0;
        color: #fff;
        border: 0 dashed transparent;
    }

    .qtip-jtools .qtip-icon {
        border-color: #555;
    }

    .qtip-jtools .qtip-titlebar .ui-state-hover {
        border-color: #333;
    }

.qtip-cluetip {
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
    background-color: #D9D9C2;
    color: #111;
    border: 0 dashed transparent;
}

    .qtip-cluetip .qtip-titlebar {
        background-color: #87876A;
        color: #fff;
        border: 0 dashed transparent;
    }

    .qtip-cluetip .qtip-icon {
        border-color: #808064;
    }

    .qtip-cluetip .qtip-titlebar .ui-state-hover {
        border-color: #696952;
        color: #696952;
    }

.qtip-tipsy {
    background: #000;
    background: rgba(0, 0, 0, 0.87);
    color: #fff;
    border: 0 solid transparent;
    font-size: 0.688rem;
    font-weight: 700;
    line-height: 16px;
    text-shadow: 0 1px #000;
}

    .qtip-tipsy .qtip-titlebar {
        padding: 6px 35px 0 10px;
        background-color: transparent;
    }

    .qtip-tipsy .qtip-content {
        padding: 6px 10px;
    }

    .qtip-tipsy .qtip-icon {
        border-color: #222;
        text-shadow: none;
    }

    .qtip-tipsy .qtip-titlebar .ui-state-hover {
        border-color: #303030;
    }

.qtip-tipped {
    border: 3px solid #959FA9;
    border-radius: 3px;
    background-color: #F9F9F9;
    color: #454545;
    font-weight: 400;
}

    .qtip-tipped .qtip-titlebar {
        border-bottom-width: 0;
        color: #fff;
        background: #3A79B8;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3a79b8), to(#2e629d));
        background-image: -webkit-linear-gradient(top, #3a79b8, #2e629d);
        background-image: -o-linear-gradient(top, #3a79b8, #2e629d);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3a79b8, endColorstr=#2e629d);
    }

    .qtip-tipped .qtip-icon {
        border: 2px solid #285589;
        background: #285589;
    }

        .qtip-tipped .qtip-icon .ui-icon {
            background-color: #FBFBFB;
            color: #555;
        }

.qtip-bootstrap {
    font-size: 0.875rem;
    line-height: 20px;
    color: #333;
    padding: 1px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

    .qtip-bootstrap .qtip-titlebar {
        padding: 8px 14px;
        margin: 0;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 18px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-radius: 5px 5px 0 0;
    }

        .qtip-bootstrap .qtip-titlebar .qtip-close {
            right: 11px;
            top: 45%;
            border-style: none;
        }

    .qtip-bootstrap .qtip-content {
        padding: 9px 14px;
    }

    .qtip-bootstrap .qtip-icon {
        background: 0 0;
    }

        .qtip-bootstrap .qtip-icon .ui-icon {
            width: auto;
            height: auto;
            float: right;
            font-size: 1.25rem;
            font-weight: 700;
            line-height: 18px;
            color: #000;
            text-shadow: 0 1px 0 #fff;
            opacity: .2;
            filter: alpha(opacity=20);
        }

            .qtip-bootstrap .qtip-icon .ui-icon:hover {
                color: #000;
                text-decoration: none;
                cursor: pointer;
                opacity: .4;
                filter: alpha(opacity=40);
            }

.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
    -webkit-filter: none;
    filter: none;
    -ms-filter: none;
}

.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
}

.qtip .qtip-tip,
x:-o-prefocus {
    visibility: hidden;
}

    .qtip .qtip-tip,
    .qtip .qtip-tip .qtip-vml,
    .qtip .qtip-tip canvas {
        position: absolute;
        color: #123456;
        background: 0 0;
        border: 0 dashed transparent;
    }

        .qtip .qtip-tip canvas {
            top: 0;
            left: 0;
        }

        .qtip .qtip-tip .qtip-vml {
            behavior: url(#default#VML);
            display: inline-block;
            visibility: visible;
        }

#qtip-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

    #qtip-overlay.blurs {
        cursor: pointer;
    }

    #qtip-overlay div {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(Opacity=70)";
    }

.qtipmodal-ie6fix {
    position: absolute !important;
}

.qtipBorder {
    border: 1px solid #83b8d2;
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(52, 139, 183, 0.3);
}

.qtipLabel {
    Font-family: Lato;
    font-weight: 300;
    Color: #000000;
}

.qtipValue {
    Font-family: Lato;
    font-weight: 700;
    Color: #000000;
}
/* -----------------------------------------
   TYPOGRAPHY
   /source/less/typography.less
----------------------------------------- */
.icon-big {
    font-size: 2rem;
}

.icon-bigger {
    font-size: 2.5rem;
}

.icon-biggest {
    font-size: 2.875rem;
}

.text-big {
    font-size: 2rem;
}

.text-bigger {
    font-size: 2.5rem;
}

.text-biggest {
    font-size: 2.875rem;
}

.text-primary {
    color: #008131;
}

.text-secondary {
    color: #0061a0;
}

.text-tertiary {
    color: #333333;
}

.text-quaternary {
    color: #348bb7;
}

.text-callout {
    color: #000000;
}

.text-callout-muted {
    color: #fac190;
}
/* -----------------------------------------
   LISTS
   /source/less/lists.less
----------------------------------------- */
.list-inline.list-inline-div {
    margin-left: inherit;
}

.list-inline span {
    margin-right: 10px;
    margin-bottom: 10px;
}

.list-inline-float span:not(.collapse):not(.collapsing) {
    margin-bottom: 0;
    float: left;
    white-space: nowrap;
}

.list-inline-float::after {
    content: '';
    clear: both;
    display: block;
}
/* ---------------------------------------------
    IE General Fixes - 
    Fixes for IE 10 and above
    for DMHC dashboard
    Source: /source/less/ie.less
--------------------------------------------- */
/* IE 10 and above do not allow conditional style sheets, instead use the "-ms" prefix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .data-bar-horizontal .progress-bar {
        position: relative;
    }

        .data-bar-horizontal .progress-bar .min-value {
            position: absolute;
            padding-left: 100%;
            margin-left: 10px;
        }
}
/* ---------------------------------------------
    IE 8 Fixes
    for DMHC dashboard
    Source: /source/less/ie8.less
--------------------------------------------- */
/* columns */
.ie8 .col-md-12,
.ie8 .col-sm-12,
.ie8 .col-xs-12 {
    width: 100%;
    clear: both;
    float: none;
}

.ie8 .col-md-11,
.ie8 .col-sm-11,
.ie8 .col-xs-11 {
    width: 91.67%;
    float: left;
}

.ie8 .col-md-10,
.ie8 .col-sm-10,
.ie8 .col-xs-10 {
    width: 83.33%;
    float: left;
}

.ie8 .col-md-9,
.ie8 .col-sm-9,
.ie8 .col-xs-9 {
    width: 75%;
    float: left;
}

.ie8 .col-md-8,
.ie8 .col-sm-8,
.ie8 .col-xs-8 {
    width: 66.667%;
    float: left;
}

.ie8 .col-md-7,
.ie8 .col-sm-7,
.ie8 .col-xs-7 {
    width: 58.33%;
    float: left;
}

.ie8 .col-md-6,
.ie8 .col-sm-6,
.ie8 .col-xs-6 {
    width: 50%;
    float: left;
}

.ie8 .col-md-5,
.ie8 .col-sm-5,
.ie8 .col-xs-5 {
    width: 41.67%;
    float: left;
}

.ie8 .col-md-4,
.ie8 .col-sm-4,
.ie8 .col-xs-4 {
    width: 33.3333%;
    float: left;
}

.ie8 .col-md-3,
.ie8 .col-sm-3,
.ie8 .col-xs-3 {
    width: 25%;
    float: left;
}

.ie8 .col-md-2,
.ie8 .col-sm-2,
.ie8 .col-xs-2 {
    width: 16.67%;
    float: left;
}
/* container */
.ie8 .container-fluid {
    width: 95%;
    margin: 0 auto;
}
/* horizontal bar chart - financial page */
.ie8 .data-bar-horizontal .min-value {
    position: absolute;
    padding-left: 100%;
    margin-left: 10px;
}
/* Body */
.ie8 #Body {
    background-color: #0061a0;
}
/* heaer and navigation */
.ie8 .navbar {
    margin-bottom: 0;
}

.ie8 .nav-mobile {
    display: none;
}

.ie8 #head_links {
    background-color: pink;
}

.ie8 .head_organization_banner,
.ie8 .head_cagov_logo {
    /* float:left; */
}
/* Footer */
.ie8 #page_container .container-fluid,
.ie8 #footer_1 {
    background-color: #ffffff;
}

/* -----------------------------------------
   RESPONSIVE
   Additional repsonsive styles for the dmhc dashboard project
   Styles based off of www.dmhc.ca.gov
   /source/less/responsive.less
----------------------------------------- */
/* 
--------------------
ALL
--------------------
*/
/* 
--------------------

1024px MAX WIDTH
--------------------
*/
@media (max-width: 1024px) {
    /* overrides screen.css */
    body#Body {
        background: none;
        margin: 0 auto;
    }
    /* container */
    div#rounded {
        width: 100%;
        min-width: inherit;
        max-width: none;
        border-radius: none;
        box-shadow: none;
    }

    #page_container {
        padding: 0;
    }
    /* header */
    #head_links {
        position: relative;
        top: auto;
        left: auto;
        font-size: .9rem;
        color: #fff;
        top: 0;
        left: 0;
        background: #012b41;
        width: 100%;
        padding: .5em;
    }
    /* navigation */
    :root .nav_panel {
        background: #dcdcdc;
        height: auto;
        padding-bottom: 2rem;
        background-image: none;
    }
    /* footer */
    #footer_1 {
        width: 100%;
        padding: 0;
        background: none;
        border-top: 1px solid #000;
    }

    #footer_1b {
        width: 100%;
        padding: none;
        background: none;
    }

    #footer_2 {
        width: 100%;
        margin: 0 auto 2em;
        background: #07557b;
        text-align: center;
        padding: 50px 0 0 0;
        font-size: 0.92rem;
        font-weight: normal;
    }

    #footer_links {
        text-align: left;
        padding: 20px 10px 0 10px;
    }

    #header .head_cagov_logo {
        position: static;
        float: left;
        top: 0;
        left: 0;
        margin-top: 40px;
        margin-left: 10px;
        z-index: 10;
    }

    #header .head_organization_banner {
        position: static;
        float: left;
        margin-top: 40px;
        margin-left: 20px;
        margin-bottom: 13px;
        top: 20px;
        z-index: 20;
    }
}
/* 
--------------------
991 px MAX WIDTH
--------------------
*/
/* 
--------------------
899 px MAX WIDTH
--------------------
*/
@media (max-width: 899px) {
    /* Typography */
    h1 {
        font-size: 1.8rem;
    }

    .callout-icons span,
    .callout-icons strong {
        font-size: 1.25rem;
    }
    /* Table */
    .columntitle,
    .columntitle-2 {
        width: 70% !important;
    }

    .rowtitle {
        width: 28% !important;
        padding-right: 2% !important;
    }

    .matrix table > tbody > tr > td,
    .matrix table > thead > tr > th {
        height: 80px;
    }
    /* Charts */
    .callout-wrapper div.col-md-7,
    .callout-wrapper div.col-md-5 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .finance-page .data-bar-horizontal .bar-text {
        width: 50%;
    }

    .finance-page .data-bar-horizontal .progress-bar-container {
        width: 50%;
    }

    .text-big {
        font-size: 1.25rem;
        color: #000;
    }

    /* media styles */
    .dmhc-media .media {
        margin-top: 10px;
        padding-top: 10px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #dcdcdc;
    }

    .dmhc-media .media-body {
        font-size: 0.9rem;
    }

    .dmhc-media .media {
        margin-bottom: 0;
    }

    .dmhc-media .media-body strong,
    .dmhc-media .media-body a {
        font-size: 1rem;
    }

    .dmhc-media .media:last-child {
        margin-bottom: 1rem;
    }

    .col-xs-3.media {
        border-bottom: none;
    }

    .dmhc-media .media-body a {
        margin-top: 0;
    }

    .dmhc-media .media.chart strong {
        font-size: 2rem;
        line-height: 1.5;
    }

    .media.chart {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .dmhc-media .media .icon-bigger {
        font-size: 1.5rem;
    }

    .dmhc-media .media-body .text-big {
        font-size: 1.125rem;
    }
}
/* 
--------------------
768 px MAX WIDTH
--------------------
*/
@media (max-width: 768px) {
    /* header */
    #header .head_cagov_logo {
        position: absolute;
        margin: 8px 15px;
        z-index: 10;
        float: none;
    }

    /* ca.gov logo */
    #header .head_cagov_logo img { width: 41px; }

    .head_organization_banner {
        display: none;
    }

    #header .head_organization_banner img {
        /* DMHC logo */
        max-width: 120px;
    }

    #head_links {
        align-items: center;
        background: #012b41;
        color: #fff;
        display: flex;
        font-size: 1em;
        height: auto;
        left: 0;
        margin: 0;
        padding: 6px 3px 6px 71px;
        position: relative;
        top: 0;
    }

    #head_links .site-logo {
        display: block;
        float: left;
        margin: 4px 0;
        order: 1;
    }

    #head_links .site-logo a { margin: 0; }

    #head_links .site-logo img {
        /* dmhc logo on mobile */
        background: #fff;
        margin: 0;
        padding: 0;
        width: 70px;
    }

    #head_links .head_link {
        flex: 1;
        font-size: 0.7rem;
        margin: 0px 2px 0 0;
        order: 2;
    }

    #head_links .head_link a { margin: 0 4px; }

    #head_links .nav-mobile { order: 3; }
    #head_links .nav-mobile .navbar-toggle { margin: 0; padding: 7px; }

    .breadcrumbs {
        margin-bottom: 10px;
    }

        .breadcrumbs img {
            padding-left: 0;
        }
    /* navigation responsive */
    .navbar-nav > li:first-child,
    .nav > li:first-child,
    .nav > li:first-child > a {
        padding-left: 15px !important;
    }
    /* .navbar-default .navbar-nav > li {
  border-right: none;
}*/
    .navbar-nav {
        margin: 0 -15px 7.5px -15px;
    }

    .navbar,
    .navbar ul,
    .navbar li {
        display: block !important;
        border-right: none;
        border-left: none;
        padding-left: 0px;
        min-height: 0;
    }

    .navbar li a {
        padding-left: 10px;
    }

    /* fixes padding on mega menu */
    .navbar li,
    .navbar-default .navbar-nav > li {
        padding-right: 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .navbar li {
        border-bottom: 1px solid #ffffff;
    }

    .navbar .head_link {
        text-align: left;
    }

    :root .nav_panel {
        background: #dcdcdc;
    }

    .nav_panel {
        position: relative;
        height: auto;
    }
    /* progress bar */
    .progress.TimelyAccess,
    .progress.timely-acces-lg {
        width: 120px !important;
    }
    /* Columns */
    .callout-wrapper .col-sm-6 {
        border-bottom: 1px solid #ffffff;
    }

        .callout-wrapper .col-sm-6,
        .callout-wrapper .col-sm-6:last-child {
            /*padding-left: 10px;*/
        }

    .callout-wrapper {
        margin-top: 0;
    }

        .callout-wrapper h2 {
            padding-top: 5px;
            padding-bottom: 5px;
        }
    /* for IMR page */
    .data-pie-chart .col-sm-6:nth-child(even),
    .data-pie-chart .col-sm-6:nth-child(odd) {
        max-width: 100%;
        margin-right: 15px;
        /*padding-left: 15px;*/
    }
    /* Charts */
    .chart {
        padding: 10px 5px;
        border: none;
    }

    .data-pie-chart .col-sm-4 canvas,
    .data-pie-chart .col-md-4 canvas,
    .data-pie-chart .col-sm-6 canvas {
        display: none;
    }

    .data-pie-chart .col-sm-4 .row,
    .data-pie-chart .col-md-4 .row {
        /*padding-left: 0;*/
    }

    .data-pie-chart .col-sm-7 {
        /*padding-left: 15px;*/
    }

    /* hide horizontal bar chart on mobile */
    .data-bar-horizontal {
        padding-left: 15px;
    }

    .data-bar-horizontal .progress-bar-container .progress,
    .data-bar-horizontal .progress-bar-container .progress .progress-bar {
        background-color: #fff !important;
        border: none;
        box-shadow: none;
        display: inline-block;
        width: 100% !important;
        overflow: visible;
    }

    .finance-page .data-bar-horizontal .bar-text {
        width: 80%;
    }

    .finance-page .data-bar-horizontal .progress-bar-container {
        width: 20%;
    }


    .data-bar-horizontal .bar-text {
        text-align: left;
    }

    .data-bar-horizontal .progress-bar-container .progress .progress-bar .value,
    .data-bar-horizontal .progress-bar-container .progress .progress-bar .min-value {
        text-align: right;
        float: right;
        padding-left: 5px;
        padding-right: 0;
        width: 40%;
        color: #008131;
        position: relative;
    }

    .ie9 .indicator {
        float: left;
    }

    .finance-page .data-bar-horizontal ul li {
        border-bottom: 1px dotted #dcdcdc;
        padding-top: 8px;
        padding-bottom: 8px;
        width: 100%;
        line-height: 150%;
    }

    .data-bar-vertical ul,
    .data-bar-vertical ul li,
    .data-bar-vertical ul li .indicator {
        border-right: none;
    }

    .data-bar-horizontal ul,
    .data-bar-horizontal ul li,
    .data-bar-horizontal ul li .indicator {
        border: none;
        font-size: 0.88rem;
    }

    .marketplace .data-pie-chart .col-sm-7,
    .marketplace .data-bar-vertical img,
    .marketplace .data-bar-horizontal .col-sm-7 {
        padding-left: 0;
    }
    /* Forms */
    .form-control {
        margin-left: 0;
    }

    .col-md-12 .input-group {
        width: 100%;
        margin-top: 1rem;
    }

    .col-md-12 .form-group {
        margin-top: 1rem;
    }
    /* Typography */
    h1 {
        font-size: 1.25rem;
        margin-top: 5px;
    }

    .health-plan-name h2,
    .health-plan-name h2 span {
        font-size: 0.8rem;
    }

    .marketplace h2 {
        padding-top: 5px;
        margin-bottom: 5px;
    }

    .marketplace .flex-item h2 {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #dddddd;
    }

    .marketplace .col-md-6 h3 {
        margin-bottom: 5px;
        margin-top: 0;
    }
    /* removes top-level icons at mobile */
    .marketplace .col-xs-3 .blk {
        display: none;
    }

    .complaint-page h2 {
        border-bottom: 1px solid #dddddd;
        padding-bottom: 10px;
    }

    .table.bdr-n td span {
        padding-right: 10px;
    }

    .value {
        text-align: left;
    }

    .text-callout {
        padding: 0 0 20px 0;
        border: none;
        background: none;
    }

        .text-callout .lead {
            font-size: 0.9rem;
        }

    .health-plan-name small,
    .health-plan-type {
        display: none;
    }

    .health-plan-name {
        height: 2em;
    }
    /* Icons */
    .circle-bkgd {
        display: none;
    }

    .callout-icons span,
    .callout-icons strong {
        font-size: 1.1rem;
        padding-bottom: 2px;
    }

    .callout-icons {
        font-size: 0.75rem;
        line-height: 1.3em;
    }

    .icon-lg {
        font-size: 2.5rem;
        padding-right: 10px;
    }

    .accent-img {
        max-width: 100px;
    }
    /* Table */
    .table-responsive {
        border: none;
    }
    /* Accordion */
    .with-border .col-sm-6 {
        padding-left: 0;
        padding-right: 0;
    }
    /* Media Object */
    .col-xs-3 .media-left {
        padding-right: 0;
    }

    .col-xs-3.media {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

a:active {
    outline: 1px dotted #12539f;
    background-image: none !important;
    text-decoration: none !important;
}

#footer_2 a:active {
    outline: 1px dotted #ffffff !important;
    background-image: none !important;
    text-decoration: none !important;
}

.form-control:focus {
    border-color: #000000;
    outline: 1.5px solid black;
    -webkit-box-shadow: none;
    box-shadow: none;
}