/**
 * Copyright 2016-2017, CMCC Technologies Co., Ltd.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
body {
  color: #333;
  font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important;
  padding: 0px !important;
  margin: 0px !important;
  direction: ltr;
  background-color: #ffffff !important; 
}

a {
    text-decoration: none !important;
        cursor: pointer;
}

.label{
        font-size: 80%;
}

.row{
  margin-left: 0px; 
  margin-right: 0px; 
  padding-left: 0px;
  padding-right: 0px;
}

.chart_row{

  padding-left:5px;
  padding-right: 5px;
}

.titlefont {
  font-size: 16px;
}

.container-fluid {
  background-color: #fff;
}

.blue-font {
    color: #428bca;
}



.separator-line {
    height: 1px;
    width: 100%;
    background: #ddd;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 6px;
    opacity: 0.6;
}





.main {

    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    padding-top: 10px;
    padding-right: 10px;
}

.panel-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    padding: 0;
    position: relative;
}

.panel-tools a {
    margin-left: 5px;
    color: #9d9fa2;
    cursor: pointer;
}

.panel-tools  a:hover{
  color: #34495e;
  text-decoration: none;
}


.timeline-badge {
    width: 100px;
    height: 100px;
    border-radius: 50% 50% 50% 50%;
    text-align: center;
    font-size: 50px;
    line-height: 100px;
    color: #fff;
    background-color: #999999;
}
.timeline-badge.info {
    background-color: #378AE8 !important;
}

.collapseContent  ul {
    padding-left: 0;
    list-style: none;
}

.collapseContent  ul li{
    height:40px;
    font-size: 15px;
}

#MonitorContent{
    padding-top: 30px;   
     padding-bottom: 20px;
}

.border-right {
    border-right: 1px solid #e4e5e7;
}

.tipArea {
    border-bottom: 1px solid #d4d4d4;
    width: 85%;
    text-align: center;
    margin-bottom: 15px;
    margin-left: 30px;
    font-weight: bold;
}
.monitor-icon{

  width:180px;
  float:left;
  padding-left:40px

}

.proxy_div{
   float:left;
   padding-left:20px

}

#MonitorContent b{
    margin-right: 5px;
}