/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  background-color: #ffffff;
}


/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}
.navbar-inverse .navbar-brand{
  color:#FFFFFF;
}
.navbar-inverse .navbar-nav>li>a{
  color: #FFFFFF;
}
.navbar-inverse{
  background-image: linear-gradient(to bottom, #2CB7FF 0%, #5F63F2 100%);
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
.nav-sidebar a{ color: #FFFFFF;}
.nav-sidebar a:hover{ color: #0D3349; background: #FFFFFF;}
.nav-sidebar li{color: #FFFFFF;}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    /*background-color: #f5f5f5;*/
    background-image: linear-gradient(to top, #2CB7FF 0%, #5F63F2 100%);
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li.first {
  padding: 10px 15px;
  padding-right: 20px;
  padding-left: 10px;
}
.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: #173480;
  background-color: #173480;
}


/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
    position: relative;
  }
}
.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%;
}
.table-responsive div{ line-height:220%;}
.table-responsive div small{ font-size:13px; font-weight:normal;}



/*设置导航栏*/


#out{
  color:#FFFFFF;
  line-height:30px;
  font-size:14px;
  position:absolute;
  right:10px;
  bottom:0;
}
#logout a:active, #logout a:visited, #logout:hover, #logout:active, #logout a:focus{
  background:none;
}

.top_top {
  height: 30px;
  position: relative;
  /*background-image: linear-gradient(0deg, #419641, #16ca71);*/
  background-color: #043561;
}

.top_top span{
  margin:0;
  line-height:30px;
  display:block;
  font-size:14px;
  width:300px;
  color:#FFFFFF;
}
.nav-pills > li {
  margin-right: 30px;
}

.nav-pills, .bg-g{background-color: #1a5284;/* height: 160px;*/}
.nav-pills{ width: 1200px; margin: 0 auto;}
.nav-pills > li{ /*height: 160px;*/}
.nav-pills > li > a {
  cursor: pointer;
  /*height: 160px;*/
  line-height: 60px;
  padding: 0 20px;
  /*  padding-top: 20px;*/
  margin-top: 20px;
  font-size: 20pt;
  color: #FFFFFF;
  font-weight: 100;
  border-radius: 6px 6px 0 0 !important;
  border-radius-topright: 6px !important;
  border-radius-bottomleft: 0 !important;
  border-radius-bottomright: 0 !important;

}
.nav-pills > li > a > i{
  display: inline;
  font-size: 18pt;
  text-align: center;
  line-height: 20pt;
  height: 20pt;
  /*  color: #FFFFFF;*/
}
.nav-pills > li > a > span{
  display: inline;
  /*height: 26pt;*/
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
  background-color: #FFFFFF;
  color: #3A70A0;
}
.nav-pills>li>a:focus, .nav-pills>li>a:hover{
  background-color: #FFFFFF !important;
  color: #3A70A0;
}
/*.nav-pills>li>a:hover{
  background-color:transparent;
}*/
.dropdown-menu{
  right: 0;
  border: 0;
}
.dropdown-menu li{
  line-height: 36px;
  margin: 4px 0;
  text-align: center;
}
.dropdown-menu li a{
  line-height: 36px;
}
.dropdown-menu>li:hover{
  background-color: #0cac6e !important;
}
.dropdown-menu>li>a:hover{
  background-color: #0cac6e !important;
  color: #005413;
}


/*login*/
.form-signin {
  max-width: 600px;
  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;
}


.bg-w{ background-color: #FFFFFF;padding-bottom: 50px; margin-top: 10px; padding-top: 20px; border-radius: 5px;}
.btn_group #loginbtn{ text-align: center;}
.form-group-login{ height: 100px;}



.flow dl dd{ line-height: 32px; font-size: 14px;}
.flow .panel-body{border-top: 0;}

.table-striped{
  min-width: 1220px;

}
/*.table-striped>tbody>tr:nth-of-type(odd){background-color: #f4faff;}
.table-striped>tbody>tr:hover{ background-color: #f7f7f7;}*/
.table-striped>tbody>tr{background-color: #F5F8FA}
.table-striped>tbody>tr:nth-of-type(odd){
  background-color: #F5F8FA !important;
}

.table-striped>tbody>tr>td,
.table-striped>thead>tr>th{
  font-size: 14px; text-align: center;
  border:1px solid #e4e4e4; line-height: 32px;
  color: #000000; max-height: 86px;
  vertical-align: middle;
  padding: 2px 10px;
}
.table-striped>thead>tr>th{height: auto !important;}
.table-striped>tbody>tr>td a{color: #0075dc}
.table-striped>thead>tr>th{border:1px solid #e4e4e4; background-color: #d6e4f0; color: #000000;font-weight: bold; }

.progress{height: 8px;}

.bottom p{font-size: 14px;}

.footer{color: #FFFFFF;
  text-align: center;
  padding: 20px 0;

}
.footer p{
  line-height: 30px;
}
#filePicker_2{margin-top: 10px; float: right;}
#filePicker_2:after{
  content: '';
  display: block;
  clear: both;
}
#filePicker_2 .webuploader-pick{
  background-color:#f0c040;
}
.result{
  text-align: center !important;
}
.result b{
  font-size: 34px !important;
  color:#FFFFFF !important;
  line-height: 100px !important;
  letter-spacing: 6px;
  display: inline-block;
  background-color:#1a5284;
  padding: 10px 20px;
  border-radius: 15px;
}