﻿ .DataCockpit {
     width: 100%;
     height: 100%;
     background-image: url('../../../../Content/Images/backdrop.png');
     background-repeat: no-repeat;
     background-size: cover;
     background-color: #003366;
 }

 .chart_stwo {
     margin: 5px 5%;
     width: 100%;
     background-image: url(../img/leftLower1.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     -moz-background-size: 100% 100%;
     height: 43%;
     text-align: center;
 }

 .echstitle {
     padding: 7px;
     font-size: 1.6rem;
     color: #77cce5;
     border-bottom: 1px solid #7cd5ee;
 }
 .echstitle_ {
     padding: 7px;
     font-size: 1.6rem;
     color: #77cce5;
 }
 .leftBox, .rightBox {
     width: 25%;
     float: left;
     box-sizing: border-box;
     margin-top: -5px;
 }
 .middleBox {
    width: 48%;
    float: left;
    text-align: center;
    box-sizing: border-box;
}
.chart_right1 {
    margin: -5px 5% -5px 0;
    width: 95%;
    background-image: url('../../Images/leftUpper.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    height: 44%;
    text-align: center;
}

.chart_right2 {
    margin: 5px 5% 5px 0;
    width: 95%;
    background-image: url('../../Images/leftLower1.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    height: 43%;
    text-align: center;
}
.chart_left1 {
    margin: -5px 5% -5px 0;
    width: 95%;
    background-image: url('../../Images/upperRight.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    height: 44%;
    text-align: center;
}

.chart_left2 {
    margin: 5px 5% 5px 0;
    width: 95%;
    background-image: url('../../Images/bottomRight.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    height: 43%;
    text-align: center;
}
 .middlenews {
     margin: 5px 5% 5px 0;
     width: 100%;
     height: 43%;
     text-align: center;
 }
 .chart_r {
     margin: 5px 2%;
     width: 95%;
     height: 80%;
     text-align: center;
 }