.clear {
    clear: both;
}

#interactive { display: block; position: relative; margin: 0 auto 10px auto; }
#interactive { padding-bottom: 10px; }
#interactive .navbar .container-fluid { padding: 0; margin: 0; }
#interactive .navbar.chart-nav{ margin-bottom: 5px; border: none;  border-bottom: 1px solid #e1e1e1; }
#interactive .navbar ul li.dropdown button.dropdown-toggle { background-color: #5181B0 !important;
    text-decoration: none; margin-bottom: 0 !important; width: 100%; box-shadow: none; border: none; color: #FFF; text-decoration: none; font-weight:  bold; text-transform: uppercase; padding: 13px 16px; outline-offset: -2px; line-height: 20px; }
#interactive .navbar ul li.dropdown ul.dropdown-menu { width: 100%; }
#interactive .navbar-header { background: #CDD1DF; width: 100%; float: left; margin: 0; text-align: center; padding: 15px 0; }
#interactive .navbar-brand { width: 100%; background: #CDD1DF; font-weight: bold; color: #222222; line-height: 18px; margin: 0; font-size: 16px; padding: 0; height: auto; }
#interactive .navbar-brand  p { width: 50%; margin: 0 auto; }
#interactive .highcharts-yaxis-labels { text-align: center; width: 100% !important; }
#interactive .highcharts-yaxis-labels .gsib-percent-label { min-width: 40px; }
.gsib-nav { float :right; width: 100%; padding: 0; margin: 0; }
#tooltiptext { margin: 0 0 0 25px; font-size: 12px; font-weight: bold; }


/*TABS */
.ui-widget-header {
    background-color:transparent !important;
    background-image:none !important;}

.ui-tabs .ui-corner-all .ui-widget .ui-widget-content, #tabs, #tabs2, #tabSets {
    padding:0 0 20px !important;
    border:none;
}

#tabs2 {
    height: 810px;
}

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5, #tabs-6, #tabs-7, #tabs-8 {
    width:100%;
}
.pull-up {
    margin-bottom: -380px;
}

.ui-tabs .ui-tabs-panel {
    padding:0 !important;
}

.ui-tabs .ui-tabs-nav {
    background-color:transparent;
    border:none;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom:5px;
}

#tabSets > ul {
    background-color: transparent;
    background-image: none;
    border:none;
    padding:0;
}

#tabSets > ul  li,  #tabSets > ul  li[aria-selected='false'] {
    background-color: transparent;
    background-image:none !important;
    border:none;
    color: #444;
    font-size: 16px;
    font-weight:700;
    margin:0;
}

#tabSets > ul  li[aria-selected='false']:first-child {
    width: 37%;
}

#tabSets > ul  li[aria-selected='false']:last-child {
    width: 48%;
}

#tabSets > ul  li[aria-selected='true']:first-child {
    width: 52%;
}
#tabSets > ul  li[aria-selected='true']:last-child {
    width: 63%;
}
#tabSets > ul  li[aria-selected='false'] a {
    background-color: transparent;
    background-image:none !important;
    color:#20759d;
}

#tabSets > ul  li a {
    width:100%;
}

#tabSets > ul  li:first-child a {
    padding-left:0;
}

#tabSets > ul  li[aria-selected='true']:first-child a {
    text-align:right;
}

#tabSets > ul  li:last-child a {
    padding-right:0;
    text-align:right;
}

#tabSets > ul  li[aria-selected='true']:last-child a {
    text-align:left;
}

#tabSets > ul  li:first-child a:before {
    content: '\025c2 ';
}
#tabSets > ul  li:last-child a:after {
    content: '\025b8 ';
}

#tabSets > ul  li[aria-selected='true']:first-child a:before {
    content: '';
}
#tabSets > ul  li[aria-selected='true']:last-child a:after {
    content: '';
}

.ui-widget {
    font-size: 14px !important;
    font-family: 'Prompt', sans-serif !important;
    line-height: 1.42857143;
    color: #222;
}

@media(min-width: 768px) { /*@screen-sm-min;*/
    #interactive .navbar-header { width: 80%; text-align: left; padding: 5px 0; }
    #interactive .navbar-brand { font-size: 18px; padding: 9px 20px; }
    #interactive .navbar-brand  p { width: 100%; margin: 0; }
    #interactive .nav { width: 20%; }
}