.form-group {
    margin-bottom: 1rem;
}

label {
    margin-bottom: .5rem;
}



h1 {
    font-size: 1.75em;
    /*border-bottom: 1px #eee solid;*/
}

    h1.texth {
        margin-bottom: 1em;
    }

h2 {
    font-size: 1.4em;
    margin-bottom: 0.8em;
}

.propmarker {
    padding: 0 0.45em 0 0.45em;
    margin-right: 0.05em;
    border-radius: 5px;
    font-size: 75%;
    display: inline-block;
    text-decoration: none !important;
}

abbr[title], acronym[title] {
    text-decoration: none;
}

.phys {
    color: #FFFFFF;
    background-color: #993535;
    /*border: #993535 0.1em solid;*/
    border: #000 0.1em solid;
}

.synth {
    color: #993535;
    /*background-color: #FFFFFF;*/
    border: #993535 0.1em solid;
}

.auss {
    color: #FFFFFF;
    /*border: #179eaa 0.1em solid;*/
    border: #000 0.1em solid;
    background-color: #179eaa;
}

.thes {
    color: #179eaa;
    /*background-color: #FFFFFF;*/
    border: #179eaa 0.1em solid;
}

td.val5 {
    background-color: #F8696B
}

td.val4 {
    background-color: #F98370
}

td.val3 {
    background-color: #FA9D75
}

td.val2 {
    background-color: #FCB77A
}

td.val1 {
    background-color: #FDD17F
}

td.val0 {
    background-color: #FFEB84
}

td.val-5 {
    background-color: #63BE7B
}

td.val-4 {
    background-color: #83C77D
}

td.val-3 {
    background-color: #A2D07F
}

td.val-2 {
    background-color: #C1DA81
}

td.val-1 {
    background-color: #E0E383
}

.num {
    text-align: right;
    width: 1%;
}

tr.summary {
    background-color: #EEEEEE;
}

.summaryimportant {
    font-weight: bold;
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
}

.dataTables_paginate {
    float: right;
}

.dataTables_info {
    width: 60%;
    float: left;
}

.seletf {
    font-weight: bold;
}

.starlink {
    cursor: pointer;
    text-decoration: none;
    /*
    border: 1px #337AB7 solid;
    background-color: #ffffff;
    color: #337AB7;
    border-radius: 3px;
        */
    display: inline-block;
    padding-bottom: 1px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 1.4em;
    line-height: 1;
    text-align: center;
}

    .starlink:hover {
        text-decoration: none;
        border: 1px #3bafda solid;
        background-color: #3bafda;
        color: #ffffff;
    }

.redstarlink {
    cursor: pointer;
    text-decoration: none;
    
    border: 1px #EC971F solid;
    background-color: #F0AD4E;
    color: #FFFFFF;
    border-radius: 2px;
    
    display: inline-block;
    padding-bottom: 1px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 1.4em;
    line-height: 1;
    text-align: center;
}

    .redstarlink:hover {
        text-decoration: none;
        /*
        border: 1px #EC971F solid;
        background-color: #EC971F;
        color: #ffffff;
            */
    }

footer {
    color: #777777;
    text-align: center;
}

.tdavg {
    border-right: 2px #444444 solid;
    font-weight: bold;
}

.badtdv {
    color: #EE3535;
}

tr.group {
    font-weight: bold;
    background-color: #EEEEEE;
}

td.subgroup {
    padding-left: 10em;
}

.propcat {
    font-size: 0.75em;
    color: #AAAAAA;
}

.filtered {
    background-color: #FFF9A8;
}

.unfiltered {
    background-color: #f0f0f0;
}

.navbar-brand {
    padding: 10px 9px 9px 0px;
}

.nav > li > a {
    padding-right: 10px;
    padding-left: 10px;
}

.numEtfs {
    background-color: #eeeeee;
    background-image: linear-gradient(#DDDDDD 0%, #F7F7F7 100%);
    color: #333333;
    padding: 0 .75em 0 .75em;
    margin-right: 0.05em;
    border-radius: 10px;
    display: inline-block;
    font-size: 75%;
    text-decoration: none !important;
}

span.vargauge2 {
    height: inherit;
    border-left: 1px solid #AA0000;
    border-right: 1px solid #00AA00;
    background-color: #F7F7F7;
    background-image: linear-gradient( 90deg, #F7F7F7 0%, #CCCCCC var(--value), #F7F7F7 var(--value) );
    text-align: right;
    display: block;
    margin: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

span.vargauge {
    height: inherit;
    border-left: 1px solid #AA0000;
    border-right: 1px solid #00AA00;
    background-color: #F7F7F7;
    background-image: linear-gradient( 90deg, var(--bgcol) 0%, #FFFFFF var(--value), var(--bgcol) var(--value) );
    text-align: right;
    display: block;
    margin: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

span.vargaugerev {
    height: inherit;
    border-right: 1px solid #AA0000;
    border-left: 1px solid #00AA00;
    background-color: #F7F7F7;
    background-image: linear-gradient( 90deg, var(--bgcol) 0%, #FFFFFF var(--value), var(--bgcol) var(--value) );
    text-align: right;
    display: block;
    margin: 1px;
    padding-right: 2px;
    padding-left: 2px;
}

span.vargaugeminus {
    height: inherit;
    border-left: 1px solid #AA0000;
    border-right: 1px solid #00AA00;
    background-color: #FFFFFF;
    /*
    background-image: linear-gradient( 90deg,  var(--bgcol) 0%, var(--bgcol) var(--value), #FFBFBF var(--value),  #FFBFBF 50%, var(--bgcol) 51%, var(--bgcol) 100% );
    */
    background-image: linear-gradient( 90deg, var(--bgcol) 0%, var(--bgcol) var(--value), #FFFFFF var(--value), var(--bgcol) 50%, var(--bgcol) 100% );
    text-align: right;
    display: block;
    margin: 1px;
}

span.vargaugeplus {
    height: inherit;
    border-left: 1px solid #AA0000;
    border-right: 1px solid #00AA00;
    background-color: #FFFFFF;
    /*
    background-image: linear-gradient( 90deg, var(--bgcol) 0%, var(--bgcol) 50%, #91ea9e 51%, #91ea9e var(--value), var(--bgcol) var(--value), var(--bgcol) 100% );
    */
    background-image: linear-gradient( 90deg, var(--bgcol) 0%, var(--bgcol) 50%, #FFFFFF var(--value), var(--bgcol) var(--value), var(--bgcol) 100% );
    text-align: right;
    display: block;
    margin: 1px;
}


span.vargaugeinvminus {
    height: inherit;
    border-right: 1px solid #AA0000;
    border-left: 1px solid #00AA00;
    background-color: #FFFFFF;
    /*
    background-image: linear-gradient( 90deg, var(--bgcol) 0%, var(--bgcol) var(--value), #91ea9e var(--value), #91ea9e 50%, var(--bgcol) 51%, var(--bgcol) 100% );
    */
    background-image: linear-gradient( 90deg, var(--bgcol) 0%, var(--bgcol) var(--value), #FFFFFF var(--value), var(--bgcol) 50%, var(--bgcol) 100% );
    text-align: right;
    display: block;
    margin: 1px;
}

span.vargaugeinvplus {
    height: inherit;
    border-right: 1px solid #AA0000;
    border-left: 1px solid #00AA00;
    background-color: #FFFFFF;
    /*
    background-image: linear-gradient( 90deg, var(--bgcol) 0%, var(--bgcol) 50%, #FFBFBF 51%, #FFBFBF var(--value), var(--bgcol) var(--value), var(--bgcol) 100% );
    */
    background-image: linear-gradient( 90deg, var(--bgcol) 0%, var(--bgcol) 50%, #FFFFFF var(--value), var(--bgcol) var(--value), var(--bgcol) 100% );
    text-align: right;
    display: block;
    margin: 1px;
}

a.etfnav {
    margin-right: 1em;
}


div.descfloat {
    float: left;
    margin-right: 2em;
}

span.desctitle {
    color: #bbb;
    font-size: -0.25em;
}

span.desctitle-high {
    line-height: 2em;
}


span.catvalue {
    padding: 2px 8px 2px 8px;
    border-radius: 5px;
    /*cursor: default;*/
    white-space: nowrap;
    font-size: 13px;
    font-weight: normal;
    font-family: Nunito,sans-serif;

    display: inline-block;
    text-decoration: none !important;
    margin-bottom: 1px;
}

span.catvaluesmall {
    padding: 1px 6px 1px 6px;
    border-radius: 5px;
    /*border: 1px #aaa solid;*/
    font-weight: bold;
    cursor: default;
    font-size: 11px;
    color: #666;
}

span.catvalue-default {
    border: 1px #777 solid;
    background-color: #fafafa;
}


table.table td {
    padding: 0.5rem;
}

table.table th {
    padding: 0.5rem;
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
}



.navbar-custom {
    background-color: #3bafda;
    background: linear-gradient(0deg,#3bafda,#2c9ac3);
}


.tooltip-inner {
    text-align: left;
}

    .tooltip-inner ul {
        text-align: left;
        margin-left: 1em;
        padding-left: 0.1em;
        list-style-type: none;
        text-indent: -1.25em;
    }

.sliderdiv {
    padding-left: 0.5em;
    padding-top: 0.5em;
}

.comptd {
    vertical-align: middle;
}