/*           Font Smoothing      */
body,
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
p,
.navbar,
.brand,
.btn-simple,
.alert,
a,
.td-name,
td,
button.close {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
  font-weight: 400;
}
body,
.wrapper {
  min-height: 100vh;
  position: relative;
}

/******************************************************************************************************************************/
.wrapper {
  position: relative;
  top: 0;
  height: 100vh;
}
.wrapper:after {
  display: table;
  clear: both;
  content: " ";
}
.wrapper.wrapper-full-page {
  height: auto;
  min-height: 100vh;
}

.full-page:after, .full-page:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.full-page:before {
  opacity: 0;
  background: #fff;
}
.full-page:after {
  background: #787878;
  background: -moz-linear-gradient(top, #787878 0%, rgba(52, 52, 52, 0.4) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #787878), color-stop(100%, rgba(52, 52, 52, 0.4)));
  background: -webkit-linear-gradient(top, #787878 0%, rgba(52, 52, 52, 0.4) 100%);
  background: -o-linear-gradient(top, #787878 0%, rgba(52, 52, 52, 0.4) 100%);
  background: -ms-linear-gradient(top, #787878 0%, rgba(52, 52, 52, 0.4) 100%);
  background: linear-gradient(to bottom, #787878 0%, rgba(52, 52, 52, 0.4) 100%);
  background-size: 150% 150%;
  z-index: 3;
  opacity: 0;
}
.full-page > .content,
.full-page > .footer {
  position: relative;
  z-index: 4;
}
.full-page > .content {
  min-height: calc(100vh - 70px);
}
.full-page .full-page-background {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
}
.full-page[data-image]:after, .full-page.has-image:after {
  opacity: .9;
}
.full-page .footer nav > ul a:not(.btn),
.full-page .footer,
.full-page .footer .copyright a {
  color: #FFFFFF;
  font-size: 14px;
}

.login-page > .content,
.lock-page > .content {
  padding-top: 22vh;
}

.login-page .card {
  box-shadow: 0 25px 30px -13px rgba(40, 40, 40, 0.4);
  
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.login-page .card.card-hidden {
  opacity: 0;
  -webkit-transform: translate3d(0, -60px, 0);
  -moz-transform: translate3d(0, -60px, 0);
  -o-transform: translate3d(0, -60px, 0);
  -ms-transform: translate3d(0, -60px, 0);
  transform: translate3d(0, -60px, 0);
}
.login-page .card .header {
  padding-bottom: 30px;
}
.login-page .card .btn-wd {
  min-width: 180px;
}

/******************************************************************************************************************************/
/****************************************************   以下已整理   ************************************************************/
/******************************************************************************************************************************/
/* 按钮控件 */
.btn {
  border-width: 1px;
  background-color: transparent;
  font-weight: 400;
  opacity: 0.8;
  filter: alpha(opacity=80);
  padding: 8px 16px;
  border-color: #337ab7;
  color: #888888;
}
.btn.btn-fill {
  color: #FFFFFF;
  background-color: #337ab7;
  opacity: 1;
  filter: alpha(opacity=100);
} 
.btn.btn-fill:hover, .btn.btn-fill:focus, .btn.btn-fill:active, .btn.btn-fill.active, .open > .btn.btn-fill.dropdown-toggle {
  background-color: #797979;
  color: #FFFFFF;
}
.btn-wd {
  min-width: 140px;
}

/* 弹窗弹出效果 */
.animation-transition-general, .sidebar .nav p, .sidebar .user .photo,
.bootstrap-navbar .user .photo, .sidebar .user a,
.bootstrap-navbar .user a, .login-page .card {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}

/* 输入框控件 */
.form-control {
  background-color: #FFFFFF;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  color: #565656;
  padding: 8px 12px;
  height: 40px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control:focus {
  background-color: #FFFFFF;
  border: 1px solid #AAAAAA;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 !important;
  color: #333333;
}

/* 登录/注册切换的按钮 */
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

/* 顶部的样式 */
.navbar {
  font-size: 16px;
  border-radius: 0;
}
.navbar.navbar-absolute {
  position: absolute;
  width: 100%;
  z-index: 1030;
}
.navbar-transparent .navbar-brand {
  color: #FFFFFF;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.navbar-transparent .navbar-nav > li > a {
  color: #FFFFFF;
  border-color: #FFFFFF;
  opacity: 0.8;
  filter: alpha(opacity=80);
} 
.navbar-transparent {
  padding-top: 15px;
  background-color: transparent;
  border-bottom: 1px solid transparent;
}

/* 弹窗样式 */
.card {
  
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
  background-color: #FFFFFF;
  margin-bottom: 30px;
}
.card .content {
  padding: 15px;
}
.card .content-no-padding {
  padding: 0;
}
.card .content-no-padding .map {
  margin-top: 15px;
  border-radius: 0;
}
.card .content-full-width {
  padding: 15px 0;
}



.lf-navbar {
    height: 40px;
    min-height: 40px;
}

.lf-navbar-brand{
    padding: 10px 10px;
    height: 40px; 
    color:#fff;
}

.lf-panel-body {
    padding: 5px;
}


.lf-navbar-default {
    background-color: #383838;
    border-color: #777777;
    border-width: 0 0 4px 0px;
}


.lf-navbar-default :hover {
  color: #ccc;
}

.navbar-register li a{
  font-weight: 700;
  font-size: 19px;
  color: #fff;
  padding-right:30px;
  padding-top:10px;
  padding-bottom:10px;
}

.card .header {
  padding: 15px 15px 5px;
  color: #333333;
  font-weight: 400;
  font-size: 25px;
}