/*BAR-CHART-OBJECT*/
div.bar-chart-container
{
    background-color:   #dedede;
    border-radius:      6px;
    overflow:           hidden;
    min-height:         0px;
    padding:            15px;
    padding-top:        5px;
}

/*absolute-positioned bars array container*/
div.bar-chart-bars
{
    border:     none;
    height:     350px;
    position:   relative;
    width:      1000px;
    left:       117px;
    top:        25px;
    overflow:   hidden;
    z-index:    400;
}
div.bar-chart-bars.sm
{
    width:      1000px;
    left:       20px;
}

div.chart-scale
{
    border:             none;
    height:             350px;
    position:           relative;
    width:              1000px;
    left:               85px;
    top:                25px;
    overflow:           hidden;
    opacity:            .85;
    z-index:            500;
    margin-top:         -377px;
}
div.chart-scale.sm
{
    width:              1000px;
    left:               -12px;
}

/*single-chart-bar*/
div.bar-chart-bars div.c-bar
{
    width:              0px;
    height:             0px;
    background-color:   #FFF;
    position:           absolute;
    bottom:             70px;
    left:               0px;
    -webkit-transition: all ease-in-out 0.35s;
    transition:         all ease-in-out 0.35s;
}

div.chart-legend-container
{
    padding:            30px;
    background-color:   #302D2C;
    color:              #FFF;
    height:             290px;
}

div.chart-legend-entry
{
    height:             27px;
    line-height:        27px;
    font-size:          16px;
}

span.legend-def
{
    display:            inline-block;
    min-width:          60px;
    text-transform:     uppercase;
    color:              #FFF;
}
span.legend-val
{
    display:            inline-block;
    color:              #FDA921;
    font-weight:        bold;
}


.bar-chart-tit
{
    display:            inline-block;
    width:              98%;
    color:              #FFFFFF;
    background:         #596D82;
    text-indent:        6px;
    border-radius:      3px 0 0 0;
    margin:             0;
    float:              left;
    -webkit-user-select:none;
    -moz-user-select:   none;
    -ms-user-select:    none;
    user-select:        none;
    height:             21px;
    padding-top:        1px;
}
i.spectrum-toggler
{
    color:#FFF;display:inline-block !important;width:2%;background-color:#596D82;height:21px;line-height:20px;text-align:center;cursor:pointer;border-radius:0 3px 0 0;float:right;padding-right:6px;
}
div.spectrum-box
{
    height:335px;overflow:hidden;/*background-color:#302D2C;*/background-color:#101a1f;color:#FFF;margin:0 auto;    
}
div.spectrum-box.lg
{
    width:1000px;
}
div.spectrum-box.sm
{
    width:660px;  
}

/*bar-chart-meters*/
div.bar-chart-meter
{
    margin:10px auto 0px auto;padding:0;width:1000px;
}
.bar-chart-meter-tit
{
    display:inline-block;width:100%;color:#FFFFFF;background:#596D82;text-indent:6px;border-radius:3px 3px 0 0;margin-top:15px;
}
.big-meter-holder
{
    background:#101a1f;height:45px;overflow:hidden;
}
.big-meter-holder > canvas
{
    background-color:transparent;margin:0;padding:0;position:relative;
    /*margin-left:124px;*/
    margin-left:98px;
    border:1px solid transparent;z-index:600;
}
.big-meter-holder > span
{
    display:block;
    color:#FDA921;
    margin:0;
    padding:0;
    width:95px;
    height:40px;
    background-color:#101a1f;
    line-height:45px;
    font-size:32px;
    padding-left:5px;
    text-align:right;
    position:absolute;
    top:45px;
    z-index:400;
}
.big-meter-holder > span.small
{
    /*
    padding-left:0px;
    width:49px;
    font-size:16px;
    line-height:27px;
    height:45px;
    */
    font-size:11px;
    height:11px;
    line-height:11px;
    width:28px;
    top:48px;
}
.big-meter-holder > span.dbl
{
    font-size:11px;
    height:11px;
    line-height:11px;
    width:24px;
}
.big-meter-holder > span.dbl.top-left
{
    top:37px;
}
.big-meter-holder > span.dbl.btm-left
{
    top:48px;
}
.big-meter-holder > span.dbl.top-right
{
    top:36px;
    width:56px;
    background-color:transparent;
    color:#FFF;
    text-align:left;
    text-indent:43px;
}
.big-meter-holder > span.dbl.btm-right
{
    top:48px;
    width:56px;
    background-color:transparent;
    color:#FFF;
    text-align:left;
    text-indent:43px;
}
div.big-meter-bg
{
    background-color:#374850;width:859px;height:15px;position:relative;top:-44px;left:125px;z-index:400;
}
div.big-meter-bg.small
{
    width:596px;left:59px;
}
div.big-meter-meter
{
    width:0px;height:15px;position:relative;top:-59px;left:125px;z-index:500;max-width:859px;background:#FDA921;
    -webkit-transition: all linear 0.25s;
    transition:         all linear 0.25s;
    /*
    background: -webkit-linear-gradient(left, #e6bb00 , #FF7400);
    background: -o-linear-gradient(right, #e6bb00, #FF7400);
    background: -moz-linear-gradient(right, #e6bb00, #FF7400);
    background: linear-gradient(to right, #e6bb00 , #FF7400);
    */
}
.single-meter1
{
    top:-54px !important;
}
div.big-meter-meter.dbl
{
    top:-74px;
    height:12px;
}
div.big-meter-meter.dbl.btm
{
    top:-82px;
}
div.big-meter-meter.small
{
    max-width:595px;
    left:59px;
}
div.big-meter-peak
{
    width:5px;height:15px;position:relative;background-color:#CD1214;top:-74px;left:125px;z-index:550;opacity:.8;-webkit-opacity:.85;
}
.single-peak1
{
    top:-69px !important;
}
div.big-meter-peak.dbl
{
    top:-86px;
    height:12px;
    width:3px;
    z-index:700;
}
div.big-meter-peak.dbl.btm
{
    top:-94px;
    height:12px;
    width:3px;
    z-index:700;
}
div.big-meter-peak.small
{
    width:3px;left:59px;
}
div.big-meter-peak.asc
{
    -webkit-transition: all linear 0.25s;
    transition:         all linear 0.25s;
}
div.big-meter-peak.desc
{
    -webkit-transition: all linear 3s;
    transition:         all linear 3s;
}

div.dbl-sep
{
    background-color:#302D2C;
    width:859px;
    height:4px;
    position:relative;
    top:-110px;
    left:125px;
    z-index:700;
    width:596px;
    left:59px;
}
/*bar-chart-meters*/


/*matrix text addenda*/
.m-text-tit
{
    display:inline-block;width:100%;color:#FFFFFF;background:#596D82;text-indent:6px;border-radius:3px 3px 0 0;margin-top:15px;
}
.m-text-holder
{
    background:         #302D2C;
}


/*BAR-CHART-OBJECT-END*/


/*histograms-obj fixes*/
.graph-stats
{
    color:              #ffffff;
    overflow:           hidden;
    background-color:   transparent;
    width:              660px;
    margin:             0 auto 0 auto;
    height:             75px;
    line-height:        75px;
    position:           relative;
    z-index:            750;
}
span.gsl
{
    color:              #fda921;
    margin-right:       3px;
}
.reset-btn-wrap
{
    text-align:         left;
    padding-left:       0px;
}
/*//histogram-obj*/

/*time graph obj fixes*/
.graph-btn
{
    cursor: pointer;
    color: rgb(253, 169, 33);
    border: 1px solid #314a65;
    border-radius: 3px;
    text-align: center;
    text-indent: 0;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #708aa7;
    box-shadow: 0px 2px 3px #000;
}

.graph-btn:hover
{
    border-style: inset;
    background-color: #314a65;
}

.graph-btn:active
{
    box-shadow: 0px 1px 1px #000;
    opacity: .95;
}

.time-chart-top
{
    cursor: crosshair;
}

/*//time-graph*/

/*RADAR ADDENDA*/
.radar-box
{
    background-image: url('/assets/images/radar_03.png');
    position: relative;
    width: 530px;
}
.radar-box-pow
{
    background-image: url('/assets/images/radar_01.png');
    position: relative;
    width: 530px;
    background-position-x: -0.5px;
}
.radar-box-dev
{
    background-image: url('/assets/images/radar_02.png');
    position: relative;
    width: 530px;
    background-position-x: 1.5px;
}

.radar-box canvas, .radar-box-pow canvas, .radar-box-dev canvas 
{
    position: absolute;
    left: 0;
}

.radar-mtr
{
    position: absolute;
    width: 11px;
    height: 100px;
    bottom: 23px;
    transition: height, .25s linear;
    background-position: bottom center;
}

.radar-mtr.TPK
{
    left: 32px;
    background-image: url('/assets/images/white_meter_sm.png');
}
.radar-mtr.M
{
    left: 413px;
    background-image: url('/assets/images/yellow_meter_sm.png');
}
.radar-mtr.ATT
{
    left: 495px;
    background-image: url('/assets/images/blue_meter.png');
    bottom: unset;
    top: 58px;
    background-position: top center;
}
.radar-mtr.ST
{
    left: 454px;
    background-image: url('/assets/images/yellow_meter_sm.png');
}
.radar-mtr.LT
{
    left: 495px;
    background-image: url('/assets/images/yellow_meter_sm.png');
}

.radar-mtr.DEV
{
    left: 413px;
    background-image: url('/assets/images/yellow_meter_sm.png');
}
.radar-mtr.PILOT
{
    left: 454px;
    background-image: url('/assets/images/white_meter_sm.png');
}
.radar-mtr.RDS
{
    left: 495px;
    background-image: url('/assets/images/white_meter_sm.png');
}

.radar-led 
{
    width: 59px;
    height: 4px;
    background-color: #ff1e22;
    border-radius: 2px;
    position: absolute;
}
.radar-led.left
{
    top: 24px;
    left: 8px;
}
.radar-led.right
{
    top: 24px;
    left: 431px;
}
.radar-led.y
{
    background-color: #fda921;
}

.radar-lbl 
{
    position: absolute;
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
}
.radar-lbl.tp
{
    left: 17px;
    top:  30px;
}
.radar-lbl.m
{
    left: 396px;
    top:  30px;
}
.radar-lbl.st
{
    left: 442px;
    top:  30px;
}
.radar-lbl.lt
{
    left: 485px;
    top:  30px;
}
.radar-lbl.thr1
{
    left: 26px;
    top:  5px;
}
.radar-lbl.thr2
{
    left: 446px;
    top:  5px;
}

.radar-lbl > small
{
    font-size: 10px;
}
.radar-lbl small.smaller
{
    font-size: 8px;
}

.radar-lbl.refConverted
{
    top: 5px;
    left: 8px;
}

.isPos
{
    visibility: hidden;
}

div.threshold
{
    width: 0;
    height: 0;
    border: 5px inset #ff1e22;
    border-top-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 306px;
    transition: top .25s linear;
}

div.threshold._1
{
    left: 43px;
    border-left-color: transparent;
}
div.threshold._2
{
    left: 402px;
    border-right-color: transparent;
    border-style: outset;
}
div.threshold._3
{
    left: 506px;
    border-left-color: transparent;
}

div.true-peak
{
    position: absolute;
    left: 32px;
    bottom: 60px;
    width: 11px;
    height: 3px;
    border-radius: 9px;
    background-color: #ff1e22;
    transition: bottom .25s linear;
}