#connpoint-list{
    width: 282px;
    height: 700px;
    background-color: #e8e8e8;
    display: inline-block;
}

#connpoint-overview{
    width: 900px;
    height: 600px;
    /*border: 1px solid #cccccc;*/
    display: inline-block;
    position: absolute;
    margin-left: 5px;
}

.overview-summary{
    padding-left: 40px;
}

.overview-block{
    width: 730px;
    height: 500px;
    display: inline-block;
}

.overview-data-line{
    border: 2px solid #d4d4d4;
    height: 53px;
    margin-top: -2px;
    margin-left: 4px;
}

.overview-data-label{
    background-color: #e8e8e8;
    width: 41%;
    height: 100%;
    display: inline-block;
}

.overview-data-label>div{
    float: right;
    padding-right: 8px;
    /* margin: 0 auto; */
    margin-top: 15px;
    display: block;
    font-weight: bold;
    font-size: 15px;
}

.SkyFMS.SkyOMS .overview-data-label .tooltip {
    margin-left:6px;
}

.overview-data-value{
    float: right;
    width: 56%;
    display: inline-block;
}

.overview-data-value i{
    color: #47a256;
    padding-top: 3px;
}

.overview-data-value i.good{
    color: #47a256;
}

.overview-data-value i.avg{
    color: #ff9437;
}

.overview-data-value i.bad{
    color: red;
}

.list-title{
    font-weight: bold;
    background-color: #333333;
    color: white;
    padding: 13px;
}

.overview-data-value p.text{
    display: inline-block;
    margin-left: 20px;
    font-size: 16px;
    line-height: inherit;
    vertical-align: bottom;
    width:calc(100% - 65px);
    max-height:38px;
}

.overview-data-value p.text .red-span{
    font-weight: bold;
    color: red;
}

.list-item{
    padding: 11px;
    padding-left: 14px;
    border-bottom: 1px solid #cccccc;
    cursor: pointer;
}

.list-item:hover{
    background-color: #f3f3f3;
}

.list-item.selected{
    background-color: white;
}

.list-item p {
    margin-bottom: 0px;
    display: inline;
}

.list-item p.stats{
    float: right;
    margin-right: 10px;
    font-weight: bold;
}

.list-item p.stats.good{
    color:#3f884b;
}

.list-item p.stats.avg{
    color:darkorange;
}

.list-item p.stats.bad{
    color:red;
}

.list-item p.warning{
    float: right;
    margin-right: 25px;
}

.list-item p.warning.bad i{
    color:red;
    font-weight: bold;
}

.list-item p.warning.avg i{
    color:darkorange;
    font-weight: bold;
}

.list-item p.warning.none i{
    visibility: hidden;
}

.list-item p.status {
    height: 25px;
    width: 25px;
    display: inline;
    float: left;
    margin-top: -5px;
    margin-right: 5px;
}

.list-item p.status.good,
#overview-title p.status.good{
    background: url(../images/advangrid/states/house_ok.png) no-repeat center center;
}

.list-item p.status.avg,
#overview-title p.status.avg {
    background: url(../images/advangrid/states/house_warning.png) no-repeat center center;
}

.list-item p.status.bad,
#overview-title p.status.bad {
    background: url(../images/advangrid/states/house_error.png) no-repeat center center;
}

.list-item p.status.disabled,
#overview-title p.status.disabled {
    background: url(../images/advangrid/states/house_disabled.png) no-repeat center center;
}

#overview-title p{
    display:inline-block;
}

#overview-title p.status {
    width: 24px;
    height: 19px;
    background-size: contain;
}