body {
  padding-top: 30px;
  padding-bottom: 30px;
  /*zoom: 0.8;*/
}

.table {
  font-size:50%;
}

.navbar-right {
  margin-right: 10px;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
/*.sidebar {*/
  /*display: none;*/
/*}*/

.sidebar {
  position: relative;
  top: 1px;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #f5f5f5;
  border-right: 1px solid #eee;
}

/*@media screen and (max-width: 992px) {*/
  /*.sidebar {*/
    /*position: fixed;*/
    /*bottom: 0;*/
    /*top:90%;*/
  /*}*/
/*}*/

.sidebar-offcanvas {
  position: fixed;
  top: 51px;
  bottom: 0;
//left: 0;
  z-index: 10;
  display: block;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #f5f5f5;
  border-right: 1px solid #eee;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: 10px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: 1px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}

/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-search {
  max-width: 330px;
  margin: 0 0;
  padding: 0 0;
}

/*@media screen and (max-width: 992px) {*/
  /*.form-search {*/
    /*max-width: none;*/
    /*margin-right: -20px; !* 20px padding + 1px border *!*/
  /*}*/
/*}*/

.form-search .row {
  margin-bottom: 5px;
  /*max-height: 50px;*/
}

.form-search .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 10px;

}


/*隐藏掉我们模型的checkbox*/
.myinput {
            appearance: none;
            -webkit-appearance: none;
            outline: none;
            display: none;
        }
/*未选中时*/        
.myinput+span {
            width: 16px;
            height: 16px;
            background-color: red;
            display: inline-block;
            background: url(images/icon_checkbox.png) no-repeat;
            background-position-x: 0px;
            background-position-y: -25px;
            position: relative;
            top: 3px;
        }
/*选中checkbox时,修改背景图片的位置*/            
.myinput:checked+span {
            background-position: 0 0px
        }

.blackmask 
{ 
  width:100%; 
  height:100%; 
  background-color:#000; 
  filter:alpha(opacity=50); 
  -moz-opacity:0.5; 
  opacity:0.5; 
  position:absolute; 
  left:0px; 
  top:0px; 
  display:none; 
  z-index:1000; 
} 
.centertext 
{ 
   width:400px; 
   height:180px; 
   position:absolute; 
   top:50%; 
   left:50%; 
   background-color:#000; 
   margin-left:-200px; 
   display:block; 
   z-index:1500;
   color: #fff;
   font-size: 200%;
   text-align:center;
} 

table{table-layout: fixed;}
/* td{word-break: break-all; word-wrap:break-word;} */
td{white-space:nowrap; word-break: keep-all; overflow: hidden;text-overflow:ellipsis;}
td.country{width: 5%;}
td.year{width: 5%;}
td.mol{width: 10%;}
td.mollist{width: 10%;}
td.sector{width: 5%;}
td.kg{width: 5%;}