.va_oc_wrapper,.va_oc_wrapper *{
    margin:0;
    padding:0;
    line-height:normal;
    vertical-align:baseline;
    /* font-family:open sans,sans-serif */
}
.va_oc_wrapper{
    width:700px;
    max-width: 100%;
    margin:0 auto;
    font-size:12px;
    /* font-family:open sans,sans-serif; */
    background-color: var(--au-ling-gray);
    cursor:default;
    text-align:left;
    border-radius: 4px;
}
#va_oc_graph{
    padding-top:60px
}
@media (min-width: 360px) {
    #va_oc_graph{
        padding-top: 40px;
    }
}

@media (min-width: 375px) {
    #va_oc_graph{
        padding-top: 10px;
    }
}
.va_oc_graph_table{
    border-bottom:1px solid #ccc;
    padding:15px 10px;
    /* height:385px; */
    position:relative;
    box-sizing:border-box
}
@media (min-width: 576px) {
    .va_oc_graph_table{
        min-height: 386px;
    }
}
@media (min-width: 768px) {
    .va_oc_graph_table{
        min-height: 389px;
    }
}
.va_oc_title,.va_oc_sub_title{
    text-align:center
}
.va_oc_sub_title{
    margin-top:3px
}
.va_oc_title>h1{
    font-size:18px;
    font-weight:700
}
.va_oc_sub_title>h2{
    font-size:14px;
    font-weight:700
}

.va_oc_left_side{
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
@media (min-width: 576px) {
    .va_oc_left_side {
        flex: 0 0 62.5%;
        max-width: 62.5%;
        width: 62.5%;
        min-height: 268px;
    }
    .va_oc_chart_area{
        width:100%;
        /* height:289px; */
        display: flex;
        flex-wrap: wrap;
    }
}
.va_oc_right_side {
    width: 290px;
    margin: 0 auto;
    display: flex;
    height: 135px;
    margin-top: 15px;
}
@media (min-width: 576px) {
    .va_oc_right_side {
        height:253px;
        flex: 1;
        width: auto;
        justify-content: flex-start;
        padding-left: 30px;
        display: block;
        text-align: left;
    }
}
.va_oc_right_side ul{
    list-style-type:none;
    line-height:20px;
    margin-top:5px;
    margin-left: 15px;
}
@media (min-width: 576px) {
    .va_oc_right_side ul{
        margin-top: 20px;
        margin-left: 0;
    }
}
.va_oc_box{
    width:9px;
    height:9px;
    margin:4px 8px 4px 6px;
    float:left;
    border:1px solid #eee
}
#va_oc_legend_ul li{
    padding:0;
    margin:0
}
.va_oc_legend_item{
    display:inline-block;
    cursor:default;
    padding:1px 6px 1px 0;
    color:#000
}
.va_oc_legend_item_hilighted{
    display:inline-block;
    cursor:default;
    padding:1px 6px 1px 0;
    background:#000;
    background:rgba(0,0,0,.7);
    border-radius:3px;
    color:#fff
}
.va_oc_bottom_links{
    margin: 15px auto 0;
    text-align: center;
}

@media (min-width: 768px) {
    .va_oc_bottom_links{
        position: absolute;
        left: 0;
        right: 0;
        bottom: 15px;
    }
}
#va_oc_table {
    overflow: auto;
}
#va_oc_graph_link,#va_oc_table_link{
    text-decoration:underline
}
#va_oc_graph_link:hover,#va_oc_table_link:hover{
    color:#7cb5ec;
    cursor:pointer
}
#va_oc_graph_link.active,#va_oc_table_link.active{
    font-weight:700;
    text-decoration:none
}
#va_oc_data_table{
    border:2px solid #e6e6e6;
    border-spacing:0;
    border-radius:4px;
    text-align:center;
    margin:20px auto
}
#va_oc_data_table td{
    border:1px solid #e6e6e6;
    padding:6px 10px;
    text-align:right
}
#va_oc_data_table thead td{
    background-color:#f9f9f9;
    font-weight:700
}
#va_oc_data_table .va_oc_data_table_lastrow td{
    background-color:#f9f9f9;
    font-weight:700
}
#va_oc_data_table td:first-child{
    text-align:left;
    font-weight:700;
    color:#000
}
#va_oc_estimates,#va_oc_assumptions{

}
#va_oc_estimates {
    margin-top: 10px;
}
@media (min-width: 576px) {
    #va_oc_assumptions{
        width:300px
    }
    #va_oc_estimates {
        margin-top: 0;
    }
}
#va_oc_powered{
    float:right
}
#va_oc_footer{
    box-sizing:border-box;
    padding:15px 0;
    /* height:90px */
}
@media (min-width: 576px) {
    #va_oc_footer{
        display: flex;
        padding: 15px 20px;
    }
    #va_oc_estimates {
        margin-top: 0;
        margin-left: 10px;
    }
}
#va_oc_footer select{
    /* font-family:open sans,sans-serif; */
    font-size:12px;
    -webkit-appearance:menulist!important;
    display:inline-block;
    width:auto;
    color:#000!important;
    border-radius:0!important;
    border-color:#a9a9a9!important;
    margin:initial;
    padding:initial;
    vertical-align:middle;
    white-space:normal;
    background:0 0!important;
    line-height:1
}
#va_oc_footer input{
    /* font-family:open sans,sans-serif; */
    font-size:12px;
    border:0;
    padding:0
}
#va_oc_footer input:focus{
    border:1px solid #7cb5ec;
    padding:0 5px;
    text-decoration:none
}
.va_oc_footer_block{
    line-height:175%
}
.va_oc_footer_block h2{
    font-size:14px
}
#financing{
    width:40px;
    text-decoration:underline
}
#va_oc_startmileage_text,#va_oc_yearmileage_text{
    /* cursor:pointer; */
    text-decoration:underline
}
#va_oc_ylabel{
    position:absolute;
    z-index:10;
    text-align:center;
    width:320px;
    -webkit-transform-origin:0% 0%;
    -ms-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
#va_oc_bar_chart{
    margin-left:30px;
    width: calc(100% - 30px) !important
}
#va_pie_label{
    text-align:center
}
@media (min-width: 576px) {
    #va_oc_canvas_holder{
        text-align: left;
        display: table;
        padding-left: 5px;
    }
}
#va_oc_chartjs_tooltip{
    opacity:1;
    position:absolute;
    background:rgba(0,0,0,.7);
    color:#fff;
    padding:2px 4px;
    border-radius:3px;
    -webkit-transition:all .1s ease;
    transition:all .1s ease;
    pointer-events:none;
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0)
}
#va_oc_chartjs_tooltip.below{
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0)
}
#va_oc_chartjs_tooltip.below:before{
    border:solid;
    border-color:#111 transparent;
    border-color:rgba(0,0,0,.7) transparent;
    border-width:0 8px 8px;
    bottom:1em;
    content:"";
    display:block;
    left:50%;
    position:absolute;
    z-index:99;
    -webkit-transform:translate(-50%,-60%);
    transform:translate(-50%,-110%)
}
#va_oc_chartjs_tooltip.above{
    -webkit-transform:translate(-50%,-100%);
    transform:translate(-50%,-100%)
}
#va_oc_chartjs_tooltip.above:before{
    border:solid;
    border-color:#111 transparent;
    border-color:rgba(0,0,0,.7) transparent;
    border-width:8px 8px 0;
    bottom:1em;
    content:"";
    display:block;
    left:50%;
    top:100%;
    position:absolute;
    z-index:99;
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0)
}