/*
 * Copyright (C) 2016 ZTE, Inc. and others. All rights reserved. (ZTE)
 *
 * 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: #f1f3fa !important; 
}

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

select {
  border-width: 1px;
  padding: 4px 1px;
  border-radius: 4px;
}

.navbar {
  overflow: visible;
  margin-bottom: 0px;

}

#top-bar, #top-bar small, #top-bar a {
  text-shadow: 0px -1px 0px #182127;
  color: #ffffff;
}

.span12{
  margin-top:10px;
}

#title {
  color: #ffffff;
  font-weight: bolder;
}

#top-bar {
  background-color: #363F45;
  background-image: -moz-linear-gradient(top, #545d63, #182127);
  background-image: -ms-linear-gradient(top, #545d63, #182127);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545d63), to(#182127));
  background-image: -webkit-linear-gradient(top, #545d63, #182127);
  background-image: -o-linear-gradient(top, #545d63, #182127);
  background-image: linear-gradient(top, #545d63, #182127);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#545d63', endColorstr = '#182127', GradientType = 0);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 55px;
}

.navbar-inner {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}



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



p[tooltip], div[tooltip], td[tooltip], span[tooltip]{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap; 
}








.titlefont {
  font-size: 16px;
    margin-left: 10px;
}

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


table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.metricsChart {
  /*width: 560px;*/
  height: 400px;
  padding: 5px;
}