@charset "utf-8";
button{outline:none;}
/*
 * Skin: Blue
 * ----------
 */
.skin-blue .main-header .navbar {
  background-color: #3c8dbc;
}
.skin-blue .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #367fa9;
}

@media (max-width: 767px) {
  .skin-blue .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-blue .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: #367fa9;
  }
}
.skin-blue .main-header .logo {
  height: 60px;
  background-color: #367fa9;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue .main-header .logo:hover {
  background-color: #357ca5;
}
.skin-blue .main-header li.user-header {
  background-color: #3c8dbc;
}
.skin-blue .content-header {
  background: transparent;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
  background-color: #222d32;
}
.skin-blue .user-panel > .info, .skin-blue .user-panel > .info > a {
  color: #fff;
}
.skin-blue .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-blue .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #3c8dbc;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-blue .sidebar a {
  color: #b8c7ce;
}
.skin-blue .sidebar a:hover {
  text-decoration: none;
}
.skin-blue .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-blue .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-blue .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-blue .sidebar-form input[type="text"]:focus, .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-blue .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-blue.layout-top-nav .main-header > .logo {
  background-color: #3c8dbc;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
  background-color: #3b8ab8;
}
/*
 * Skin: Blue
 * ----------
 */
.skin-blue-light .main-header .navbar {
  background-color: #3c8dbc;
}
.skin-blue-light .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-blue-light .main-header .navbar .nav > li > a:hover, .skin-blue-light .main-header .navbar .nav > li > a:active, .skin-blue-light .main-header .navbar .nav > li > a:focus, .skin-blue-light .main-header .navbar .nav .open > a, .skin-blue-light .main-header .navbar .nav .open > a:hover, .skin-blue-light .main-header .navbar .nav .open > a:focus, .skin-blue-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #367fa9;
}

@media (max-width: 767px) {
  .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-blue-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
    background: #367fa9;
  }
}
.skin-blue-light .main-header .logo {
  background-color: #3c8dbc;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue-light .main-header .logo:hover {
  background-color: #3b8ab8;
}
.skin-blue-light .main-header li.user-header {
  background-color: #3c8dbc;
}
.skin-blue-light .content-header {
  background: transparent;
}
.skin-blue-light .wrapper, .skin-blue-light .main-sidebar, .skin-blue-light .left-side {
  background-color: #f9fafc;
}
.skin-blue-light .content-wrapper, .skin-blue-light .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-blue-light .user-panel > .info, .skin-blue-light .user-panel > .info > a {
  color: #444444;
}
.skin-blue-light .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-blue-light .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}
.skin-blue-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
}
.skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a {
  color: #000000;
  background: #f4f4f5;
}
.skin-blue-light .sidebar-menu > li.active {
  border-left-color: #3c8dbc;
}
.skin-blue-light .sidebar-menu > li.active > a {
  font-weight: 600;
}
.skin-blue-light .sidebar-menu > li > .treeview-menu {
  background: #f4f4f5;
  padding-left: 27px;
}
.skin-blue-light .sidebar a {
  color: #444444;
}
.skin-blue-light .sidebar a:hover {
  text-decoration: none;
}
.skin-blue-light .treeview-menu > li > a {
  color: #777777;
}
.skin-blue-light .treeview-menu > li.active > a, .skin-blue-light .treeview-menu > li > a:hover {
  color: #000000;
}
.skin-blue-light .treeview-menu > li.active > a {
  font-weight: 600;
}
.skin-blue-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-blue-light .sidebar-form input[type="text"], .skin-blue-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}
.skin-blue-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-blue-light .sidebar-form input[type="text"]:focus, .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-blue-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  padding-left: 20px;
  border-left: 0px;
}
.skin-blue-light .main-footer {
  border-top-color: #d2d6de;
}
.skin-blue.layout-top-nav .main-header > .logo {
  background-color: #3c8dbc;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
  background-color: #3b8ab8;
}
/*
 * Skin: Black
 * -----------
 */
/* skin-black navbar */
.skin-black .main-header {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black .main-header .navbar-toggle {
  color: #333;
}
.skin-black .main-header .navbar-brand {
  color: #333;
  border-right: 1px solid #eee;
}
.skin-black .main-header .navbar {
  background-color: #ffffff;
}
.skin-black .main-header .navbar .nav > li > a {
  color: #333333;
}
.skin-black .main-header .navbar .nav > li > a:hover, .skin-black .main-header .navbar .nav > li > a:active, .skin-black .main-header .navbar .nav > li > a:focus, .skin-black .main-header .navbar .nav .open > a, .skin-black .main-header .navbar .nav .open > a:hover, .skin-black .main-header .navbar .nav .open > a:focus, .skin-black .main-header .navbar .nav > .active > a {
  background: #ffffff;
  color: #999999;
}
.skin-black .main-header .navbar .sidebar-toggle {
  color: #333333;
}
.skin-black .main-header .navbar .sidebar-toggle:hover {
  color: #999999;
  background: #ffffff;
}
.skin-black .main-header .navbar > .sidebar-toggle {
  color: #333;
  border-right: 1px solid #eee;
}
.skin-black .main-header .navbar .navbar-nav > li > a {
  border-right: 1px solid #eee;
  height: 30px;
  line-height: 30px;
}
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black .main-header .navbar .navbar-right > li > a {
  border-left: 1px solid #eee;
  border-right-width: 0;
}
.skin-black .main-header > .logo {
  background-color: #ffffff;
  color: #333333;
  border-bottom: 0 solid transparent;
  border-right: 1px solid #eee;
}
.skin-black .main-header > .logo:hover {
  background-color: #fcfcfc;
}

@media (max-width: 767px) {
  .skin-black .main-header > .logo {
    background-color: #222222;
    color: #ffffff;
    border-bottom: 0 solid transparent;
    border-right: none;
  }
  .skin-black .main-header > .logo:hover {
    background-color: #1f1f1f;
  }
}
.skin-black .main-header li.user-header {
  background-color: #222;
}
.skin-black .content-header {
  background: transparent;
  box-shadow: none;
}
.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {
  background-color: #222d32;
}
.skin-black .user-panel > .info, .skin-black .user-panel > .info > a {
  color: #fff;
}
.skin-black .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-black .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #ffffff;
}
.skin-black .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-black .sidebar a {
  color: #b8c7ce;
}
.skin-black .sidebar a:hover {
  text-decoration: none;
}
.skin-black .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-black .treeview-menu > li.active > a, .skin-black .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-black .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-black .sidebar-form input[type="text"], .skin-black .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-black .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-black .sidebar-form input[type="text"]:focus, .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-black .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-black .pace .pace-progress {
  background: #222;
}
.skin-black .pace .pace-activity {
  border-top-color: #222;
  border-left-color: #222;
}
/*
 * Skin: Black
 * -----------
 */
/* skin-black navbar */
.skin-black-light .main-header {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black-light .main-header .navbar-toggle {
  color: #333;
}
.skin-black-light .main-header .navbar-brand {
  color: #333;
  border-right: 1px solid #eee;
}
.skin-black-light .main-header .navbar {
  background-color: #ffffff;
}
.skin-black-light .main-header .navbar .nav > li > a {
  color: #333333;
}
.skin-black-light .main-header .navbar .nav > li > a:hover, .skin-black-light .main-header .navbar .nav > li > a:active, .skin-black-light .main-header .navbar .nav > li > a:focus, .skin-black-light .main-header .navbar .nav .open > a, .skin-black-light .main-header .navbar .nav .open > a:hover, .skin-black-light .main-header .navbar .nav .open > a:focus, .skin-black-light .main-header .navbar .nav > .active > a {
  background: #ffffff;
  color: #999999;
}
.skin-black-light .main-header .navbar .sidebar-toggle {
  color: #333333;
}
.skin-black-light .main-header .navbar .sidebar-toggle:hover {
  color: #999999;
  background: #ffffff;
}
.skin-black-light .main-header .navbar > .sidebar-toggle {
  color: #333;
  border-right: 1px solid #eee;
}
.skin-black-light .main-header .navbar .navbar-nav > li > a {
  border-right: 1px solid #eee;
}
.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black-light .main-header .navbar .navbar-right > li > a {
  border-left: 1px solid #eee;
  border-right-width: 0;
}
.skin-black-light .main-header > .logo {
  background-color: #ffffff;
  color: #333333;
  border-bottom: 0 solid transparent;
  border-right: 1px solid #eee;
}
.skin-black-light .main-header > .logo:hover {
  background-color: #fcfcfc;
}

@media (max-width: 767px) {
  .skin-black-light .main-header > .logo {
    background-color: #222222;
    color: #ffffff;
    border-bottom: 0 solid transparent;
    border-right: none;
  }
  .skin-black-light .main-header > .logo:hover {
    background-color: #1f1f1f;
  }
}
.skin-black-light .main-header li.user-header {
  background-color: #222;
}
.skin-black-light .content-header {
  background: transparent;
  box-shadow: none;
}
.skin-black-light .wrapper, .skin-black-light .main-sidebar, .skin-black-light .left-side {
  background-color: #f9fafc;
}
.skin-black-light .content-wrapper, .skin-black-light .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-black-light .user-panel > .info, .skin-black-light .user-panel > .info > a {
  color: #444444;
}
.skin-black-light .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-black-light .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}
.skin-black-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
}
.skin-black-light .sidebar-menu > li:hover > a, .skin-black-light .sidebar-menu > li.active > a {
  color: #000000;
  background: #f4f4f5;
}
.skin-black-light .sidebar-menu > li.active {
  border-left-color: #ffffff;
}
.skin-black-light .sidebar-menu > li.active > a {
  font-weight: 600;
}
.skin-black-light .sidebar-menu > li > .treeview-menu {
  background: #f4f4f5;
  padding-left: 27px;
}
.skin-black-light .sidebar a {
  color: #444444;
}
.skin-black-light .sidebar a:hover {
  text-decoration: none;
}
.skin-black-light .treeview-menu > li > a {
  color: #777777;
}
.skin-black-light .treeview-menu > li.active > a, .skin-black-light .treeview-menu > li > a:hover {
  color: #000000;
}
.skin-black-light .treeview-menu > li.active > a {
  font-weight: 600;
}
.skin-black-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-black-light .sidebar-form input[type="text"], .skin-black-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}
.skin-black-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-black-light .sidebar-form input[type="text"]:focus, .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-black-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
  .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    border: none;
  }
}
/*
 * Skin: Green
 * -----------
 */
.skin-green .main-header .navbar {
  background-color: #00a65a;
}
.skin-green .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-green .main-header .navbar .nav > li > a:hover, .skin-green .main-header .navbar .nav > li > a:active, .skin-green .main-header .navbar .nav > li > a:focus, .skin-green .main-header .navbar .nav .open > a, .skin-green .main-header .navbar .nav .open > a:hover, .skin-green .main-header .navbar .nav .open > a:focus, .skin-green .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-green .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-green .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-green .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-green .main-header .navbar .sidebar-toggle:hover {
  background-color: #008d4c;
}

@media (max-width: 767px) {
  .skin-green .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-green .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-green .main-header .navbar .dropdown-menu li a:hover {
    background: #008d4c;
  }
}
.skin-green .main-header .logo {
  background-color: #008d4c;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-green .main-header .logo:hover {
  background-color: #008749;
}
.skin-green .main-header li.user-header {
  background-color: #00a65a;
}
.skin-green .content-header {
  background: transparent;
}
.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {
  background-color: #222d32;
}
.skin-green .user-panel > .info, .skin-green .user-panel > .info > a {
  color: #fff;
}
.skin-green .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-green .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-green .sidebar-menu > li:hover > a, .skin-green .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #00a65a;
}
.skin-green .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-green .sidebar a {
  color: #b8c7ce;
}
.skin-green .sidebar a:hover {
  text-decoration: none;
}
.skin-green .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-green .treeview-menu > li.active > a, .skin-green .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-green .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-green .sidebar-form input[type="text"], .skin-green .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-green .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-green .sidebar-form input[type="text"]:focus, .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-green .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
/*
 * Skin: Green
 * -----------
 */
.skin-green-light .main-header .navbar {
  background-color: #00a65a;
}
.skin-green-light .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-green-light .main-header .navbar .nav > li > a:hover, .skin-green-light .main-header .navbar .nav > li > a:active, .skin-green-light .main-header .navbar .nav > li > a:focus, .skin-green-light .main-header .navbar .nav .open > a, .skin-green-light .main-header .navbar .nav .open > a:hover, .skin-green-light .main-header .navbar .nav .open > a:focus, .skin-green-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-green-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-green-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #008d4c;
}

@media (max-width: 767px) {
  .skin-green-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-green-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
    background: #008d4c;
  }
}
.skin-green-light .main-header .logo {
  background-color: #00a65a;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-green-light .main-header .logo:hover {
  background-color: #00a157;
}
.skin-green-light .main-header li.user-header {
  background-color: #00a65a;
}
.skin-green-light .content-header {
  background: transparent;
}
.skin-green-light .wrapper, .skin-green-light .main-sidebar, .skin-green-light .left-side {
  background-color: #f9fafc;
}
.skin-green-light .content-wrapper, .skin-green-light .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-green-light .user-panel > .info, .skin-green-light .user-panel > .info > a {
  color: #444444;
}
.skin-green-light .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-green-light .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}
.skin-green-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
}
.skin-green-light .sidebar-menu > li:hover > a, .skin-green-light .sidebar-menu > li.active > a {
  color: #000000;
  background: #f4f4f5;
}
.skin-green-light .sidebar-menu > li.active {
  border-left-color: #00a65a;
}
.skin-green-light .sidebar-menu > li.active > a {
  font-weight: 600;
}
.skin-green-light .sidebar-menu > li > .treeview-menu {
  background: #f4f4f5;
  padding-left: 27px;
}
.skin-green-light .sidebar a {
  color: #444444;
}
.skin-green-light .sidebar a:hover {
  text-decoration: none;
}
.skin-green-light .treeview-menu > li > a {
  color: #777777;
}
.skin-green-light .treeview-menu > li.active > a, .skin-green-light .treeview-menu > li > a:hover {
  color: #000000;
}
.skin-green-light .treeview-menu > li.active > a {
  font-weight: 600;
}
.skin-green-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-green-light .sidebar-form input[type="text"], .skin-green-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}
.skin-green-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-green-light .sidebar-form input[type="text"]:focus, .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-green-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
  .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}
/*
 * Skin: Red
 * ---------
 */
.skin-red .main-header .navbar {
  background-color: #dd4b39;
}
.skin-red .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-red .main-header .navbar .nav > li > a:hover, .skin-red .main-header .navbar .nav > li > a:active, .skin-red .main-header .navbar .nav > li > a:focus, .skin-red .main-header .navbar .nav .open > a, .skin-red .main-header .navbar .nav .open > a:hover, .skin-red .main-header .navbar .nav .open > a:focus, .skin-red .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-red .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-red .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-red .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-red .main-header .navbar .sidebar-toggle:hover {
  background-color: #d73925;
}

@media (max-width: 767px) {
  .skin-red .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-red .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-red .main-header .navbar .dropdown-menu li a:hover {
    background: #d73925;
  }
}
.skin-red .main-header .logo {
  background-color: #d73925;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-red .main-header .logo:hover {
  background-color: #d33724;
}
.skin-red .main-header li.user-header {
  background-color: #dd4b39;
}
.skin-red .content-header {
  background: transparent;
}
.skin-red .wrapper, .skin-red .main-sidebar, .skin-red .left-side {
  background-color: #222d32;
}
.skin-red .user-panel > .info, .skin-red .user-panel > .info > a {
  color: #fff;
}
.skin-red .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-red .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-red .sidebar-menu > li:hover > a, .skin-red .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #dd4b39;
}
.skin-red .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-red .sidebar a {
  color: #b8c7ce;
}
.skin-red .sidebar a:hover {
  text-decoration: none;
}
.skin-red .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-red .treeview-menu > li.active > a, .skin-red .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-red .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-red .sidebar-form input[type="text"], .skin-red .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-red .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-red .sidebar-form input[type="text"]:focus, .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-red .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
/*
 * Skin: Red
 * ---------
 */
.skin-red-light .main-header .navbar {
  background-color: #dd4b39;
}
.skin-red-light .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-red-light .main-header .navbar .nav > li > a:hover, .skin-red-light .main-header .navbar .nav > li > a:active, .skin-red-light .main-header .navbar .nav > li > a:focus, .skin-red-light .main-header .navbar .nav .open > a, .skin-red-light .main-header .navbar .nav .open > a:hover, .skin-red-light .main-header .navbar .nav .open > a:focus, .skin-red-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-red-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-red-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #d73925;
}

@media (max-width: 767px) {
  .skin-red-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-red-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
    background: #d73925;
  }
}
.skin-red-light .main-header .logo {
  background-color: #dd4b39;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-red-light .main-header .logo:hover {
  background-color: #dc4735;
}
.skin-red-light .main-header li.user-header {
  background-color: #dd4b39;
}
.skin-red-light .content-header {
  background: transparent;
}
.skin-red-light .wrapper, .skin-red-light .main-sidebar, .skin-red-light .left-side {
  background-color: #f9fafc;
}
.skin-red-light .content-wrapper, .skin-red-light .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-red-light .user-panel > .info, .skin-red-light .user-panel > .info > a {
  color: #444444;
}
.skin-red-light .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-red-light .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}
.skin-red-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
}
.skin-red-light .sidebar-menu > li:hover > a, .skin-red-light .sidebar-menu > li.active > a {
  color: #000000;
  background: #f4f4f5;
}
.skin-red-light .sidebar-menu > li.active {
  border-left-color: #dd4b39;
}
.skin-red-light .sidebar-menu > li.active > a {
  font-weight: 600;
}
.skin-red-light .sidebar-menu > li > .treeview-menu {
  background: #f4f4f5;
  padding-left: 27px;
}
.skin-red-light .sidebar a {
  color: #444444;
}
.skin-red-light .sidebar a:hover {
  text-decoration: none;
}
.skin-red-light .treeview-menu > li > a {
  color: #777777;
}
.skin-red-light .treeview-menu > li.active > a, .skin-red-light .treeview-menu > li > a:hover {
  color: #000000;
}
.skin-red-light .treeview-menu > li.active > a {
  font-weight: 600;
}
.skin-red-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-red-light .sidebar-form input[type="text"], .skin-red-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}
.skin-red-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-red-light .sidebar-form input[type="text"]:focus, .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-red-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
  .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
    left: 60px;
  }
}
/*
 * Skin: Yellow
 * ------------
 */
.skin-yellow .main-header .navbar {
  background-color: #f39c12;
}
.skin-yellow .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-yellow .main-header .navbar .nav > li > a:hover, .skin-yellow .main-header .navbar .nav > li > a:active, .skin-yellow .main-header .navbar .nav > li > a:focus, .skin-yellow .main-header .navbar .nav .open > a, .skin-yellow .main-header .navbar .nav .open > a:hover, .skin-yellow .main-header .navbar .nav .open > a:focus, .skin-yellow .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-yellow .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-yellow .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
  background-color: #e08e0b;
}

@media (max-width: 767px) {
  .skin-yellow .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-yellow .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
    background: #e08e0b;
  }
}
.skin-yellow .main-header .logo {
  background-color: #e08e0b;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-yellow .main-header .logo:hover {
  background-color: #db8b0b;
}
.skin-yellow .main-header li.user-header {
  background-color: #f39c12;
}
.skin-yellow .content-header {
  background: transparent;
}
.skin-yellow .wrapper, .skin-yellow .main-sidebar, .skin-yellow .left-side {
  background-color: #222d32;
}
.skin-yellow .user-panel > .info, .skin-yellow .user-panel > .info > a {
  color: #fff;
}
.skin-yellow .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-yellow .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-yellow .sidebar-menu > li:hover > a, .skin-yellow .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #f39c12;
}
.skin-yellow .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-yellow .sidebar a {
  color: #b8c7ce;
}
.skin-yellow .sidebar a:hover {
  text-decoration: none;
}
.skin-yellow .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-yellow .treeview-menu > li.active > a, .skin-yellow .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-yellow .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-yellow .sidebar-form input[type="text"], .skin-yellow .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-yellow .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-yellow .sidebar-form input[type="text"]:focus, .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-yellow .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
/*
 * Skin: Yellow
 * ------------
 */
.skin-yellow-light .main-header .navbar {
  background-color: #f39c12;
}
.skin-yellow-light .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-yellow-light .main-header .navbar .nav > li > a:hover, .skin-yellow-light .main-header .navbar .nav > li > a:active, .skin-yellow-light .main-header .navbar .nav > li > a:focus, .skin-yellow-light .main-header .navbar .nav .open > a, .skin-yellow-light .main-header .navbar .nav .open > a:hover, .skin-yellow-light .main-header .navbar .nav .open > a:focus, .skin-yellow-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-yellow-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-yellow-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #e08e0b;
}

@media (max-width: 767px) {
  .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-yellow-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
    background: #e08e0b;
  }
}
.skin-yellow-light .main-header .logo {
  background-color: #f39c12;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-yellow-light .main-header .logo:hover {
  background-color: #f39a0d;
}
.skin-yellow-light .main-header li.user-header {
  background-color: #f39c12;
}
.skin-yellow-light .content-header {
  background: transparent;
}
.skin-yellow-light .wrapper, .skin-yellow-light .main-sidebar, .skin-yellow-light .left-side {
  background-color: #f9fafc;
}
.skin-yellow-light .content-wrapper, .skin-yellow-light .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-yellow-light .user-panel > .info, .skin-yellow-light .user-panel > .info > a {
  color: #444444;
}
.skin-yellow-light .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-yellow-light .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}
.skin-yellow-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
}
.skin-yellow-light .sidebar-menu > li:hover > a, .skin-yellow-light .sidebar-menu > li.active > a {
  color: #000000;
  background: #f4f4f5;
}
.skin-yellow-light .sidebar-menu > li.active {
  border-left-color: #f39c12;
}
.skin-yellow-light .sidebar-menu > li.active > a {
  font-weight: 600;
}
.skin-yellow-light .sidebar-menu > li > .treeview-menu {
  background: #f4f4f5;
  padding-left: 27px;
}
.skin-yellow-light .sidebar a {
  color: #444444;
}
.skin-yellow-light .sidebar a:hover {
  text-decoration: none;
}
.skin-yellow-light .treeview-menu > li > a {
  color: #777777;
}
.skin-yellow-light .treeview-menu > li.active > a, .skin-yellow-light .treeview-menu > li > a:hover {
  color: #000000;
}
.skin-yellow-light .treeview-menu > li.active > a {
  font-weight: 600;
}
.skin-yellow-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-yellow-light .sidebar-form input[type="text"], .skin-yellow-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}
.skin-yellow-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-yellow-light .sidebar-form input[type="text"]:focus, .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-yellow-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
  .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}
/*
 * Skin: Purple
 * ------------
 */
.skin-purple .main-header .navbar {
  background-color: #605ca8;
}
.skin-purple .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-purple .main-header .navbar .nav > li > a:hover, .skin-purple .main-header .navbar .nav > li > a:active, .skin-purple .main-header .navbar .nav > li > a:focus, .skin-purple .main-header .navbar .nav .open > a, .skin-purple .main-header .navbar .nav .open > a:hover, .skin-purple .main-header .navbar .nav .open > a:focus, .skin-purple .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-purple .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-purple .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
  background-color: #555299;
}

@media (max-width: 767px) {
  .skin-purple .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-purple .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-purple .main-header .navbar .dropdown-menu li a:hover {
    background: #555299;
  }
}
.skin-purple .main-header .logo {
  background-color: #555299;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-purple .main-header .logo:hover {
  background-color: #545096;
}
.skin-purple .main-header li.user-header {
  background-color: #605ca8;
}
.skin-purple .content-header {
  background: transparent;
}
.skin-purple .wrapper, .skin-purple .main-sidebar, .skin-purple .left-side {
  background-color: #222d32;
}
.skin-purple .user-panel > .info, .skin-purple .user-panel > .info > a {
  color: #fff;
}
.skin-purple .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-purple .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-purple .sidebar-menu > li:hover > a, .skin-purple .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #605ca8;
}
.skin-purple .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-purple .sidebar a {
  color: #b8c7ce;
}
.skin-purple .sidebar a:hover {
  text-decoration: none;
}
.skin-purple .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-purple .treeview-menu > li.active > a, .skin-purple .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-purple .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-purple .sidebar-form input[type="text"], .skin-purple .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-purple .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-purple .sidebar-form input[type="text"]:focus, .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-purple .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
/*
 * Skin: Purple
 * ------------
 */
.skin-purple-light .main-header .navbar {
  background-color: #605ca8;
}
.skin-purple-light .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-purple-light .main-header .navbar .nav > li > a:hover, .skin-purple-light .main-header .navbar .nav > li > a:active, .skin-purple-light .main-header .navbar .nav > li > a:focus, .skin-purple-light .main-header .navbar .nav .open > a, .skin-purple-light .main-header .navbar .nav .open > a:hover, .skin-purple-light .main-header .navbar .nav .open > a:focus, .skin-purple-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-purple-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-purple-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #555299;
}

@media (max-width: 767px) {
  .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-purple-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
    background: #555299;
  }
}
.skin-purple-light .main-header .logo {
  background-color: #605ca8;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-purple-light .main-header .logo:hover {
  background-color: #5d59a6;
}
.skin-purple-light .main-header li.user-header {
  background-color: #605ca8;
}
.skin-purple-light .content-header {
  background: transparent;
}
.skin-purple-light .wrapper, .skin-purple-light .main-sidebar, .skin-purple-light .left-side {
  background-color: #f9fafc;
}
.skin-purple-light .content-wrapper, .skin-purple-light .main-footer {
  border-left: 1px solid #d2d6de;
}
.skin-purple-light .user-panel > .info, .skin-purple-light .user-panel > .info > a {
  color: #444444;
}
.skin-purple-light .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}
.skin-purple-light .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}
.skin-purple-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
}
.skin-purple-light .sidebar-menu > li:hover > a, .skin-purple-light .sidebar-menu > li.active > a {
  color: #000000;
  background: #f4f4f5;
}
.skin-purple-light .sidebar-menu > li.active {
  border-left-color: #605ca8;
}
.skin-purple-light .sidebar-menu > li.active > a {
  font-weight: 600;
}
.skin-purple-light .sidebar-menu > li > .treeview-menu {
  background: #f4f4f5;
  padding-left: 27px;
}
.skin-purple-light .sidebar a {
  color: #444444;
}
.skin-purple-light .sidebar a:hover {
  text-decoration: none;
}
.skin-purple-light .treeview-menu > li > a {
  color: #777777;
}
.skin-purple-light .treeview-menu > li.active > a, .skin-purple-light .treeview-menu > li > a:hover {
  color: #000000;
}
.skin-purple-light .treeview-menu > li.active > a {
  font-weight: 600;
}
.skin-purple-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.skin-purple-light .sidebar-form input[type="text"], .skin-purple-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}
.skin-purple-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-purple-light .sidebar-form input[type="text"]:focus, .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-purple-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
  .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}
/*
 * Skin: Blue
 * ----------
 */
table{font-size: 14px;}
html, body {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Ã§â‚¬ÂµÃ©â€šÂ¦Ã¥â€“â€ºÃ©â€™â€šÃ¥Â¬Â®Ã¦Â¢Â¿Ã©Ââ€ºÃ¥Â¯Â¸Ã¦â€¹Â¨", Arial, sans-serif;
  background-color: #ebeff2;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Ã§â‚¬ÂµÃ©â€šÂ¦Ã¥â€“â€ºÃ©â€™â€šÃ¥Â¬Â®Ã¦Â¢Â¿Ã©Ââ€ºÃ¥Â¯Â¸Ã¦â€¹Â¨", Arial, sans-serif;
}
a {
  color: #008eff;
}
a:active, a:focus, a:hover {
  color: #0080e5;
}
.main-header {
  max-height: none;
}
.ebidding-blue-light .main-header .navbar {
  height: 61px;
  border-bottom: #e0e3e6 1px solid;
  background-color: #fff;
}
.ebidding-blue-light .main-header .navbar .nav > li > a {
  color: #333;
  line-height: 30px;
}
.ebidding-blue-light .main-header .navbar .nav > li > a:hover, .ebidding-blue-light .main-header .navbar .nav > li > a:active, .ebidding-blue-light .main-header .navbar .nav > li > a:focus, .ebidding-blue-light .main-header .navbar .nav .open > a, .ebidding-blue-light .main-header .navbar .nav .open > a:hover, .ebidding-blue-light .main-header .navbar .nav .open > a:focus, .ebidding-blue-light .main-header .navbar .nav > .active > a {
  color: #333;
  background-color: #f1f3f5;
}
.ebidding-blue-light .main-header .navbar .nav > li > a i {
  display: inline-block;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
}
.ebidding-blue-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.ebidding-blue-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.ebidding-blue-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.ebidding-blue-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #367fa9;
}

@media (max-width: 767px) {
  .ebidding-blue-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .ebidding-blue-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .ebidding-blue-light .main-header .navbar .dropdown-menu li a:hover {
    background: #367fa9;
  }
}
.ebidding-blue-light .main-header .logo {
  height: 60px;
  line-height: 60px;
  background-color: #008eff;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.ebidding-blue-light .main-header .logo:hover {
  background-color: #0080e5;
}
.sidebar-mini.sidebar-collapse .main-header .logo {
  width: 60px;
}
.sidebar-mini.sidebar-collapse .main-header .navbar {
  margin-left: 60px;
}
.ebidding-blue-light .main-header li.user-header {
  background-color: #3c8dbc;
}
.ebidding-blue-light .content-header {
  background: transparent;
  padding: 15px 0;
  height: 60px;
}
.ebidding-blue-light .content-header h1 {
  color: #3486cc;
  font-size: 16px;
}
.ebidding-blue-light .content-header h1 i {
  margin-right: 5px;
}
.ebidding-blue-light .content-header h1 strong {
  margin-right: 5px;
}
.ebidding-blue-light .content-header > .breadcrumb {
  padding: 0;
  top: 14px;
  font-size: 16px;
  right: 0;
  color: #979ea5;
  background: transparent;
  position: absolute;
}
.ebidding-blue-light .content-header > .breadcrumb i {
  margin-right: 5px;
}
.ebidding-blue-light .user-panel > .info, .ebidding-blue-light .user-panel > .info > a {
  color: #444444;
}
.ebidding-blue-light .sidebar-menu > li {
  -webkit-transition: border-left-color 0.2s ease;
  -o-transition: border-left-color 0.2s ease;
  transition: border-left-color 0.2s ease;
}
.ebidding-blue-light .sidebar-menu > li.header {
  color: #aaa;
  font-size: 12px;
  background: #272f35;
}
.ebidding-blue-light .sidebar-menu > li > a {
  border-left: 2px solid transparent;
  height: 44px;
  line-height: 30px;
  padding: 7px 36px 7px 42px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
  padding-left: 0px;
  padding-right: 0px;
}
.ebidding-blue-light .sidebar-menu > li:hover > a, .ebidding-blue-light .sidebar-menu > li.active > a {
  color: #000000;
  background: #272f35;
}
.ebidding-blue-light .sidebar-menu a i {
  position: absolute;
  width: 42px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  margin-left: 2px;
  text-align: center;
}
/* .ebidding-blue-light.sidebar-collapse .sidebar-menu a i {
  width: 60px;
  margin-left: 0px;
} */
.ebidding-blue-light .sidebar-menu a i.pull-left {
  left: 5px;
}
.ebidding-blue-light .sidebar-menu a i.pull-right {
  right: 0px;
  width: 36px;
}
.ebidding-blue-light .sidebar-menu > li.active {
  border-left-color: #272f35;
}
.ebidding-blue-light .sidebar-menu > li > .treeview-menu {
  background: #272f35;
  padding-left: 44px;
  padding-bottom: 15px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
  padding-top: 7px;
  padding-bottom: 7px;
}
.ebidding-blue-light .sidebar a {
  position: relative;
  color: #444444;
}
.ebidding-blue-light .sidebar a:hover {
  text-decoration: none;
}
.ebidding-blue-light .treeview-menu > li > a {
  color: #aaa;
  height: 36px;
  line-height: 30px;
  padding: 3px 36px 3px 0px;
}
.ebidding-blue-light .treeview-menu > li.active > a, .ebidding-blue-light .treeview-menu > li > a:hover {
  color: #000000;
}
.sidebar-menu .treeview-menu .treeview-menu {
  padding-left: 16px;
  padding-bottom: 2px;
}
.sidebar-menu .treeview-menu .treeview-menu a:before {
  position: absolute;
  left: -16px;
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f10c';
  display: inline-block;
  width: 16px;
  height: 30px;
  line-height: 30px;
  font-size: 10px;
  text-align: left;
}
.sidebar-mini.sidebar-collapse .main-sidebar {
  width: 60px!important;
}
.ebidding-blue-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}
.ebidding-blue-light .sidebar-form input[type="text"], .ebidding-blue-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}
.ebidding-blue-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.ebidding-blue-light .sidebar-form input[type="text"]:focus, .ebidding-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.ebidding-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.ebidding-blue-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.ebidding-blue-light .wrapper, .ebidding-blue-light .main-sidebar, .ebidding-blue-light .left-side {
  background-color: #272f35;
}
.ebidding-blue-light .sidebar a {
  height: 44px;
  line-height: 20px;
  color: #aaa;
  font-size: 14px;
  font-weight: normal;
}
.ebidding-blue-light .sidebar-menu > li.active, .ebidding-blue-light .sidebar-menu > li.active > a, .ebidding-blue-light .sidebar-menu > li.active > .treeview-menu {
  background-color: #222a31;
}
.ebidding-blue-light .sidebar-menu > li:hover > a, .ebidding-blue-light .sidebar-menu > li.active > a {
  color: #fff;
  border-left-color: #008eff;
  background-color: #1e262c;
}
.ebidding-blue-light .treeview-menu > li.active > a, .ebidding-blue-light .treeview-menu > li > a:hover {
  color: #fff;
}
.ebidding-blue-light .main-footer {
  border: none;
}
/*  Ã§â‚¬Â¹Ã©ÂÂ©Ã§Â¼Å¡Ã©Ââ€¦Ã¥Â â€¢Ã¦â€¡Â£Ã¥Â©Å Ã¥â€ Â¨Ã§Â¤â€¹Ã©â€“ÂºÃ¯Â¿Â½Ã©Å½Â¯Ã§â€°Ë†Ã¥Â´Â³Ã©ÂÂÃ§â€šÂ´Ã¦Â´â€“Ã§Â»Â±Ã¦Ë†Â¦Ã¥Â¹â€™Ã¨Â¤ÂÃ©ÂÂ©Ã¦Â¥â€¦Ã¥Â¹ÂÃ¦Â¾Â¶Ã¦â€žÂ­Ã¥Â°Â¦  */
.ebidding-blue-light .sidebar-toggle {
  display: block;
  padding: 0px;
  line-height: 24px;
  vertical-align: top;
  color: #333;
  text-align: center;
  border-bottom: #1e262c 1px solid;
}
.ebidding-blue-light .sidebar-toggle:hover {
  background-color: #222a31;
}
.ebidding-blue-light .sidebar-toggle:active {
  background-color: #1e262c;
}
.ebidding-blue-light .sidebar-toggle:before {
  content: "";
}
.ebidding-blue-light .sidebar-toggle i {
  font-size: 12px;
  color: #aaa;
}
.ebidding-blue-light .split {
  display: block;
  border-left: 1px solid #0e639f;
  border-right: 1px solid #39a4ef;
  width: 0px;
  height: 30px;
  float: left;
  margin-top: 10px;
}
.left-side, .main-sidebar {
  padding-top: 60px;
}
/*  Ã¥Â¦Å¾Ã£â€šâ€¡Ã¦â€¢Â»Ã¥Â¨Â¼Ã§â€°Ë†Ã¥Â¾â€žÃ©Å½Â¾Ã®â€ Â¼Ã¥Å Â¥_Ã¥Â¦Å¾Ã£â€šâ€¡Ã¦â€¢Â»Ã¥Â¨Â¼Ã¤Â¼Â´Ã¥Â¼Â½Ã©ÂÂ¥Ã®â€žâ€°Ã¦Å¡Â¯Ã©â€“ÂºÃ¥Â¶â€¦Ã¥ËœÂ²Ã§Â»Â±Ã¯Â¿Â½  */
.ebidding-blue-light .navbar-pages-name {
  display: inline-block;
  overflow: hidden;
  height: 60px;
  padding: 10px 20px;
}
.navbar-pages-name span {
  display: block;
  line-height: 40px;
  font-size: 17px;
  font-weight: 700;
}
.navbar-pages-name span i {
  display: inline-block;
  margin-left: 15px;
  font-size: 15px;
  color: #959799;
}
.navbar-nav > .user-menu {
  height: 60px;
}
.navbar-nav > .user-menu .user-image {
  width: 30px;
  height: 30px;
  float: left;
  display: block;
  margin-top: 0px;
  margin-right: 8px;
}
.navbar-nav > .user-menu span {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}

@media (max-width: 860px) {
  .navbar-nav > .user-menu span {
    display: none;
  }
  .navbar-nav > .user-menu .user-image {
    margin-right: 0px;
  }
}
.navbar-custom-menu > .navbar-nav > li.user-menu > a {
  height: 60px;
}
.ebidding-blue-light .main-header .navbar .nav > li > a {
  display: block;
  vertical-align: top;
}
.ebidding-blue-light .content-wrapper {
  padding: 15px;
  border: none;
}
.ebidding-blue-light .content-wrapper .nav-tabs {
  margin: -15px;
  margin-bottom: 15px;
  padding: 0px 15px;
  border-color: #e0e3e6;
  background-color: #fff;
}
.ebidding-blue-light .content-wrapper .box .nav-tabs {
  display: inline-block;
  margin: auto;
  padding: 0px;
  border-color: #eee;
}
.content-wrapper .nav > li {
  margin-bottom: 0px;
}
.content-wrapper .nav > li > a {
  padding: 17px;
  font-size: 15px;
  color: #333;
  border-radius: 0px;
  font-weight: 700;
}
.content-wrapper .nav-tabs>li.active>a, .content-wrapper .nav-tabs>li.active>a:focus, .content-wrapper .nav-tabs>li.active>a:hover, .content-wrapper .nav-tabs>li>a, .content-wrapper .nav-tabs>li>a:hover {
  border: none;
}
.box.box-solid>.box-header .nav-tabs>li a:hover {
  background-color: #f1f3f5;
}
.box.box-solid>.box-header .nav-tabs>li.active a:hover {
  background-color: #fff;
}
.content-wrapper .nav > li.active {
  border-bottom: #008aff 1px solid;
  margin-bottom: -1px;
}
.content-wrapper .nav > li.active a {
  color: #008aff;
}
.ebidding-blue-light .content-wrapper.no-lf-mu {
  padding-left: 0!important;
  padding-right: 0!important;
  margin-left: 0!important;
}
.ebidding-blue-light .content-wrapper.no-lf-mu .fixed-bottom-pos {
  margin-left: 0!important;
}
.ebidding-blue-light .content {
  padding: 0px;
  color: #999;
}
.ebidding-blue-light .box {
  box-shadow: none;
  margin-bottom: 15px;
  border: #e0e3e6 1px solid;
}
.ebidding-blue-light .box-header {
  display: block;
  padding: 0px;
  margin: 0px 20px;
  border-bottom: #eee 1px solid;
  height: 56px;
  line-height: 56px;
  color: #333;
}
.ebidding-blue-light .box-header .box-title {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
}
.ebidding-blue-light .box-header.page-info-top {
  height: 44px;
}
.ebidding-blue-light .box-header.with-border.bold {
  border-bottom: solid 2px #979ea5;
}
.ebidding-blue-light .btn-box-tool {
  font-size: 15px;
  color: #74777a;
}
.ebidding-blue-light .btn-box-tool i {
  margin-right: 5px;
}
.ebidding-blue-light .input-group {
  border-color: #979ea5;
  border-radius: 3px;
}
.ebidding-blue-light .input-group .btn-info {
  background-color: #3486cc;
}
.ebidding-blue-light .search-tip input[type=text] {
  border-color: #979ea5;
  border-right: none;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ebidding-blue-light .search-tip input[type=text]:focus {
  border-left-color: #3486cc;
  border-top-color: #3486cc;
  border-bottom-color: #3486cc;
}
.ebidding-blue-light .search-tip input[type=text]:focus + .input-group-btn .btn.plus {
  border-top-color: #3486cc;
  border-bottom-color: #3486cc;
}
.ebidding-blue-light .search-tip button.plus {
  border-color: #979ea5;
  border-left: none;
  color: #979ea5;
  background-color: #fff!important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ebidding-blue-light .search-tip button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  cursor: pointer;
}
.ebidding-blue-light .search-tip button:last-child:hover {
  background-color: #2e79b8;
}
.ebidding-blue-light .gray-bg {
  background-color: #f8f9f9;
}
.ebidding-blue-light .filter-input {
  margin-right: 5px;
  margin-top: 10px;
  float: left;
}
.ebidding-blue-light .filter-input:checked + label {
  border-color: #3486cc;
}
.ebidding-blue-light .filter-label {
  float: left;
  margin-bottom: 0;
  border-color: #979ea5;
  border-radius: 3px;
  color: #3486cc;
  position: relative;
  max-width: 80%;
}
.ebidding-blue-light .filter-label:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f107";
  color: #979ea5;
  position: absolute;
  float: right;
  right: 5px;
  top: 9px;
}
.ebidding-blue-light .filter-label .filter-wrap {
  display: none;
  width: 200px;
  height: 300px;
  position: absolute;
  border: 1px solid #979ea5;
  left: -1px;
  top: 30px;
  z-index: 9999;
  background-color: #fff;
  padding: 5px;
}
.ebidding-blue-light .filter-label .filter-wrap input[type=text] {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: 1px solid #ccc;
  border-right: none;
}
.ebidding-blue-light .filter-label .filter-wrap .input-group-btn > .btn {
  background-color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #ccc;
  border-left: none;
}
.ebidding-blue-light .filter-label .filter-wrap .filter-wrap-list {
  overflow-x: hidden;
  overflow-y: auto;
  height: 240px;
  margin-top: 10px;
}
.ebidding-blue-light .filter-label .filter-wrap .filter-wrap-list > ul {
  list-style: none;
  margin: 0;
  padding: 5px;
}
.ebidding-blue-light .filter-label .filter-wrap .filter-wrap-list > ul > li {
  color: #979ea5;
  font-size: 13px;
  overflow: hidden;
}
.ebidding-blue-light .filter-label .filter-wrap .filter-wrap-list > ul > li input[type=checkbox] {
  margin-top: -2px;
  margin-right: 5px;
}
.ebidding-blue-light .filter-label .filter-name {
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 10px;
}
/*
.ebidding-blue-light .ebidding-filter .input-group .input-group-addon {
  border: none;
  border-radius: 3px;
}
*/

.input-group .input-group-addon {
  border-color: #e0e3e6;
}
.ebidding-blue-light .footer-btborder {
  border: none;
  border-bottom: 2px solid #979ea5;
  border-radius: 0;
}
.ebidding-blue-light .page-info {
  display: inline-block;
  vertical-align: top;
  line-height: 36px;
  font-size: 14px;
  color: #999;
}
.ebidding-blue-light .page-info em {
  font-style: normal;
  color: #008eff;
  margin: auto 5px;
}
table.dataTable.no-footer {
  border-top: #e0e3e6 1px solid;
  border-bottom: #e0e3e6 1px solid;
}
.table>thead>tr>th {
  color: #555;
  border-bottom: #eee 1px solid;
}
table.dataTable thead td, table.dataTable thead th {
  padding: 10px;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
  position: relative;
  background-image: none;
}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after {
  display: inline-block;
  margin-left: 6px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
table.dataTable thead .sorting::after {
  content: "\f0dc";
  color: #ccc;
}
table.dataTable thead .sorting_asc::after {
  content: "\f0de";
  color: #008eff;
}
table.dataTable thead .sorting_desc::after {
  content: "\f0dd";
  color: #008eff;
}
/*
.table-striped >tbody>tr:nth-of-type(odd) {
  background-color: #fff;
}
.table-striped>tbody>tr:nth-of-type(even) {
  background-color: #f7f8f9;
}
*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  vertical-align: middle;
  color: #555;
  border: none;
  border-top: #e7e8e9 1px solid;
}
.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border: 1px solid #e0e3e6;
}
.table-hover > tbody > tr:hover, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
  background-color: #f3f5f7;
}
.table .btn.btn-link {
  padding-left: 5px;
  padding-right: 5px;
}
.table .dynamic-columns {
  display: block;
  white-space: nowrap;
  width: 100%;
}
.table .dynamic-columns .input-group, .table .dynamic-columns .input-group-btn, .table .dynamic-columns .form-control {
  vertical-align: top;
}
.table .dynamic-columns .dynamic-columns-operate {
  float: right;
  padding: 0px 10px;
  vertical-align: top;
  margin: 0px;
}
.table .input-group > .input-group-btn + input + .input-group-btn > .btn {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-left: -1px;
}
/*
.table .dynamic-columns .input-group select.form-control {
  position: relative;
  font-size: 14px;
  white-space: nowrap;
  display: table-cell;
  width: auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-right: -1px;
}
.table .dynamic-columns .input-group select + input + select {
  margin-left: -1px;
  margin-right: 0px;
}
.table .dynamic-columns .input-group input.form-control {
  width: auto;
}
*/




.table .operate {
  text-align: left;
}
.operate .btn-sm {
  min-width: 60px;
  margin: 1px auto;
}
.operate .btn-sm {
  margin-right: 6px;
}
.packageId.input-sm {
  width: 90px;
  display: inline-block;
}
.btn.active, .btn:active {
  box-shadow: inset 0 0px 3px rgba(0, 0, 0, .1);
}
.ebidding-blue-light .ebidding-table thead {
  background-color: #ededed;
}
.ebidding-blue-light .ebidding-table td, .ebidding-blue-light .ebidding-table th {
  border-left: none;
  border-right: none;
  vertical-align: middle;
}
.ebidding-blue-light .ebidding-table > thead > tr > th input {
  position: absolute;
  opacity: 0;
}
.ebidding-blue-light .ebidding-table > thead > tr > th input:checked + label:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 18px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f0de";
  color: #979ea5;
  margin-left: 6px;
  position: absolute;
  margin-top: 5px;
}
.ebidding-blue-light .ebidding-table > thead > tr > th label {
  margin-bottom: 0;
}
.ebidding-blue-light .ebidding-table > thead > tr > th label:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 18px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f0dd";
  color: #979ea5;
  margin-left: 6px;
  position: absolute;
  margin-top: -3px;
}
/*
.ebidding-blue-light .ebidding-table.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}
.ebidding-blue-light .ebidding-table > tbody > tr {
  background-color: #f9f9f9;
}
*/
.ebidding-blue-light .operate {
  display: table;
  width: 100%;
}
/*
.ebidding-blue-light .operate .form-control {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border-color: #979ea5;
  border-right: none;
}
*/
/*
.ebidding-blue-light .operate .input-group-btn {
  width: auto;
}
.ebidding-blue-light .operate .input-group-btn > .btn.btn-info.btn-flat {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-color: #979ea5;
  color: #fff;
  background-color: #3486cc;
  cursor: pointer;
}
.ebidding-blue-light .operate .input-group-btn > .btn.btn-info.btn-flat:hover {
  background-color: #2e79b8;
}
*/
.ebidding-blue-light .ebidding-form.simple .form-group {
  display: inline-block;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.ebidding-blue-light .ebidding-form.simple .form-group > label {
  float: left;
  width: 33.33333333%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.ebidding-blue-light .ebidding-form.show .form-group.half > label.control-label {padding-left: 0;}
@media (min-width: 1200px) {
  .ebidding-blue-light .ebidding-form.simple .form-group > label {
    float: left;
    width: 16.66666667%;
  }
}
.ebidding-blue-light .ebidding-form.simple .form-group > div {
  float: left;
  width: 66.66666667%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 50px;
}

@media (min-width: 1200px) {
  .ebidding-blue-light .ebidding-form.simple .form-group > div {
    float: left;
    width: 83.33333333%;
  }
}
.ebidding-blue-light .ebidding-form.simple .form-group > div > span, .ebidding-blue-light .ebidding-form.simple .form-group > div > a {
  line-height: 24px;
  padding: 6px 12px;
}
.ebidding-blue-light .ebidding-form.simple .form-group > div > span {
  width: 100%;
  color: #999999;
  display: inline-block;
}
.form-control-feedback {
  width: 20px;
  height: 20px;
  line-height: 20px;
  right: 20px;
  top: 8px;
}
.ebidding-blue-light .ebidding-form.simple .form-group > div > a:hover {
  text-decoration: underline;
}
.ebidding-blue-light .ebidding-form.simple .form-group > div > a + a {
  margin-left: 5px;
  display: inline-block;
}
.ebidding-blue-light .ebidding-form.simple .form-group.half {
  display: inline-block;
  width: 100%;
  position: relative;
  min-height: 72px;
}

@media (min-width: 1200px) {
  .ebidding-blue-light .ebidding-form.simple .form-group.half {
    width: 50%;
  }
}
.ebidding-blue-light .ebidding-form.simple .form-group.half > label {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 1200px) {
  .ebidding-blue-light .ebidding-form.simple .form-group.half > label {
    width: 33.33333333%;
  }
}
.ebidding-blue-light .ebidding-form.simple .form-group.half > div {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 50px;
}

@media (min-width: 1200px) {
  .ebidding-blue-light .ebidding-form.simple .form-group.half > div {
    float: left;
    width: 66.66666667%;
  }
}
.ebidding-blue-light .ebidding-form.simple .form-group.half div.thd {
  position: relative;
  float: left;
  width: 48%;
  min-height: 1px;
}
.ebidding-blue-light .ebidding-form.simple .form-group.half div.third {
  position: relative;
  float: left;
  width: 32%;
  min-height: 1px;
}
.ebidding-blue-light .ebidding-form.simple .form-group.half div.thd + div.thd {
  margin-left: 4%;
}
.ebidding-blue-light .ebidding-form.simple .form-group.half div.third + div.third {
  margin-left: 1%;
}
.ebidding-blue-light .ebidding-form.simple .form-group.tend > div {
  float: left;
  width: 66.66666667%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 50px;
}

@media (min-width: 1200px) {
  .ebidding-blue-light .ebidding-form.simple .form-group.tend > div {
    float: left;
    width: 33.33333333%;
  }
  .ebidding-blue-light .ebidding-form.simple .form-group.tend > div.gap-bottom + div.gap-bottom {
    width: 50%;
  }
  .ebidding-blue-light .ebidding-form.simple .form-group.tend > div.gap-bottom .thd.gap-left {
    width: 33.33333333%;
  }
  .ebidding-blue-light .ebidding-form.simple .form-group.tend > div.gap-bottom .thd {
    width: 66.66666667%;
    float: left;
    padding-left: 20px;
  }
}
.ebidding-blue-light .ebidding-form.simple .form-group.tend > div.addr {
  float: left;
  width: 31.33333333%;
  position: relative;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 4%;
}
.ebidding-blue-light .ebidding-form.simple .form-group.tend > div.addr.gap-left {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 33.33333333%;
}

@media (min-width: 1200px) {
  .ebidding-blue-light .ebidding-form.simple .form-group.tend > div.addr {
    float: left;
    width: 25%;
  }
  .ebidding-blue-light .ebidding-form.simple .form-group.tend > div.addr.gap-left {
    float: left;
    width: 16.66666667%;
    margin-left: 0%;
  }
}
.ebidding-blue-light .ebidding-form.simple.show .form-group {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.ebidding-blue-light .ebidding-form.simple.show .form-group > div, .ebidding-blue-light .ebidding-form.simple.show .form-group > div span {
  color: #222;
}
.ebidding-blue-light .ebidding-form .need-star {
  vertical-align: top;
  padding-top: 0px;
  padding-right: 0px;
  margin-right: 6px;
  color: red;
  display: inline-block;
  height: 18px;
  line-height: 18px;
}

@media (max-width: 768px) {
  .ebidding-blue-light .ebidding-form .need-star {
    position: absolute;
    left: 0px;
  }
}
.ebidding-blue-light .ebidding-form .control-label {
  position: static;
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  height: auto;
  margin-bottom: 0px;
  padding-top: 0px;
  margin-top: 9px!important;
  font-weight: normal;
  color: #666;
}
.ebidding-blue-light .ebidding-form .search-input {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.ebidding-blue-light .ebidding-form .search-input input[type=text] {
  border: #e0e3e6 1px solid;
  border-right: none;
}
.ebidding-blue-light .ebidding-form .search-input input[type=text]:focus {
  border-color: #008eff;
}
.ebidding-blue-light .ebidding-form .search-input button {
  border: #008eff 1px solid;
  background-color: #008eff!important;
  color: #fff;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  width: 46px;
  margin-left: 0px;
}
.ebidding-blue-light .ebidding-form .search-input:focus {
  border-color: #3c8dbc;
}
.search-input .input-content-clean {
  position: absolute;
  right: 46px;
  top: 1px;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  z-index: 9;
  font-size: 16px;
  cursor: pointer;
  display: none;
}
.search-input .input-content-clean:hover {
  color: #008aff;
}
/*  ===========Ã©â€“Â¸Ã¦Â¥ÂÃ¦Â´Å¸Ã©â€Å¸Ã¨â€”â€°Ã®ËœÂ°Ã§â‚¬ÂµÃ¦Â»Ë†Ã¦Å¸Â¦Ã©Â¡â€Ã§â€¢Å’Ã¥Â£â€°Ã§â‚¬ÂµÃ®â€¡â€ Ã¦â€¹Â·===========  */

.ebidding-blue-light .ebidding-form .label-radio input {
  position: absolute;
  opacity: 0;
  width: 25px;
  height: 25px;
}
.ebidding-blue-light .ebidding-form .label-radio label {
  display: inline-block;
  height: 36px;
  line-height: 24px;
  padding: 6px 0px;
  margin-left: 5px;
  margin-right: 15px;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  background-color: #fff;
  background-image: none;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  vertical-align: top;
}
.ebidding-blue-light .ebidding-form .label-radio label:before {
  content: "";
  margin-left: 0px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  border-radius: 10px;
  border: #999 1px solid;
  background-color: transparent;
}
.ebidding-blue-light .ebidding-form .label-radio label:hover:before {
  border-color: #008eef;
}
.ebidding-blue-light .ebidding-form .label-radio input:checked + label:before {
  content: "\f00c";
  margin-left: 0px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  font-weight: 700px;
  text-rendering: auto;
  font-smoothing: antialiased;
  margin-top: 3px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  border: #008eff 1px solid;
  background-color: #008eff;
}
/*  ===========Ã¥Â©Â¢Ã¨Â·ÂºÃ§Â§Â¹Ã©â€Å¸Ã¨â€”â€°Ã®ËœÂ°Ã§â‚¬ÂµÃ¦Â»Ë†Ã¦Å¸Â¦Ã©Â¡â€Ã§â€¢Å’Ã¥Â£â€°Ã§â‚¬ÂµÃ®â€¡â€ Ã¦â€¹Â·===========  */
.ebidding-blue-light .ebidding-form .label-checkbox input {
  position: absolute;
  opacity: 0;
}
.ebidding-blue-light .ebidding-form .label-checkbox label {
  display: inline-block;
  height: 36px;
  line-height: 24px;
  padding: 6px 0px;
  margin-left: 5px;
  margin-right: 15px;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  background-color: #fff;
  background-image: none;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  vertical-align: top;
}
.ebidding-blue-light .ebidding-form .label-checkbox label:before {
  content: "";
  margin-left: 0px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  border-radius: 3px;
  border: #999 1px solid;
  background-color: transparent;
}
.ebidding-blue-light .ebidding-form .label-checkbox label:hover:before {
  border-color: #008eef;
}
.ebidding-blue-light .ebidding-form .label-checkbox input:checked + label:before {
  content: "\f00c";
  margin-left: 0px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  font-weight: 700px;
  text-rendering: auto;
  font-smoothing: antialiased;
  margin-top: 3px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  border: #008eff 1px solid;
  background-color: #008eff;
}
.ebidding-blue-light .ebidding-form .help-block {
  display: inline-block;
  line-height: 24px;
  padding: 6px 0px;
  margin: 0px 0px 0px 20px;
  font-size: 13px;
  color: #999;
}
.ebidding-blue-light .ebidding-form .help-block > i {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin-right: 5px;
  vertical-align: top;
  color: #999;
  font-size: 15px;
}
.ebidding-blue-light .ebidding-form .eidt-table {
  margin-top: 20px;
}
.ebidding-blue-light .ebidding-form .eidt-table > thead > tr > th {
  border-top: none;
  background-color: #f8f9f9;
}
.ebidding-blue-light .ebidding-form .eidt-table > tbody > tr > td {
  border-collapse: collapse;
  border-bottom: 1px solid;
  border-color: #dbdee4;
  vertical-align: middle;
}
.ebidding-blue-light .ebidding-form .eidt-table > tbody > tr > td:first-child {
  border-left: 1px solid #dbdee4;
}
.ebidding-blue-light .ebidding-form .eidt-table > tbody > tr > td:last-child {
  border-right: 1px solid #dbdee4;
}
.ebidding-blue-light .ebidding-form .eidt-table .tho {
  display: inline-block;
  line-height: 3;
  margin-left: 5px;
  color: #737373;
  height: 34px;
}
.ebidding-blue-light .ebidding-form .eidt-table .btn-del {
  border: 1px solid #3486cc;
  background-color: #fff;
  color: #3486cc;
}
.ebidding-blue-light .ebidding-form .eidt-table .btn-del.disabled {
  color: #979ea5;
  border-color: #979ea5;
}
.ebidding-blue-light .ebidding-form .eidt-table.mg th {
  border-bottom: 1px solid #dbdee4;
}
.ebidding-blue-light .ebidding-form .eidt-table.mg .lbrd {
  border-right: 1px solid #dbdee4;
}
.ebidding-blue-light .ebidding-form .eidt-table.mg > tbody > tr > td {
  color: #999999;
}
.ebidding-blue-light .ebidding-form .eidt-table.mg > tbody .blu {
  color: #3486cc;
}
.ebidding-blue-light .ebidding-form .eidt-table.mg > tbody .lblu {
  color: #83c1ed;
}
.ebidding-blue-light .ebidding-form .eidt-table.mg > tbody .lred {
  color: #ed8383;
}
.ebidding-blue-light .ebidding-form .eidt-table.mg > tbody span.ename {
  color: #3486cc;
  margin-right: 5px;
}
.ebidding-blue-light .ebidding-form .eidt-table.mg > tbody span.ename + i {
  margin-right: 10px;
}
.ebidding-blue-light .ebidding-form .eidt-table.mg > tbody button {
  background-color: transparent;
  border: transparent;
  color: #3486cc;
  font-size: 20px;
  vertical-align: middle;
}
.ebidding-blue-light .ebidding-form .eidt-table.mg .tooltip-arrow, .ebidding-blue-light .ebidding-form .eidt-table.mg .tooltip-inner {
  background: #676767;
}
.ebidding-blue-light .ebidding-form .eidt-table.mgp > tbody > tr > td {
  text-align: left;
  border: 1px solid #dbdee4;
}
.ebidding-blue-light .ebidding-form .eidt-table.mgp > tbody > tr > td.tname {
  text-align: center;
  background-color: #f8f9fa;
  font-weight: bold;
  width: 320px;
}
.ebidding-blue-light .ebidding-form .eidt-table.mgp > tbody > tr > td.lbrd {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  width: 250px;
}
.ebidding-blue-light .ebidding-form .eidt-table.mgp > tbody > tr > td.spc {
  height: 0;
  padding: 5px;
  border-left: none;
  border-right: none;
}
.ebidding-blue-light .ebidding-form .eidt-table.mgp > tbody > tr > td > div span + span {
  margin-left: 10px;
}
.ebidding-blue-light .ebidding-form .eidt-table.mgp > tbody .info {
  color: #3486cc;
  font-weight: normal;
  font-size: 14px;
}
.ebidding-blue-light .ebidding-form .eidt-table.mgp > tbody .warning {
  color: red;
  display: block;
  font-weight: normal;
}
.ebidding-blue-light .ebidding-form .eidt-table.mgp > tbody .blu {
  color: #3486cc;
}
.ebidding-blue-light .ebidding-form .eidt-table.mgp > tbody a {
  cursor: pointer;
}
.ebidding-blue-light .ebidding-form .ebidding-col-edit > div {
  width: 100%;
  margin-bottom: 15px;
}
.ebidding-blue-light .ebidding-form .ebidding-col-edit > div .btn-primary {
  background-color: #fff;
  border-color: #0080ef;
  color: #0080ef;
}
.ebidding-blue-light .ebidding-form .ebidding-col-edit > div .btn-primary:hover {
  color: #fff;
  background-color: #008eff;
}
.ebidding-blue-light .ebidding-form .ebidding-col-edit > div .ebidding-col-set {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  padding: 0;
}
.ebidding-blue-light .ebidding-form .ebidding-col-edit > div .ebidding-col-set > div {
  display: table-cell;
  border: 1px solid #e5ebf1;
  text-align: center;
  overflow: hidden;
  padding: 0;
}
.ebidding-blue-light .ebidding-form .ebidding-col-edit > div .ebidding-col-set > div:first-child, .ebidding-blue-light .ebidding-form .ebidding-col-edit > div .ebidding-col-set > div:last-child {
  width: 26px;
  color: #ffffff;
  background-color: #e5ebf1;
  font-size: 18px;
}
.ebidding-blue-light .ebidding-form .ebidding-col-edit > div .ebidding-col-set > div:first-child a, .ebidding-blue-light .ebidding-form .ebidding-col-edit > div .ebidding-col-set > div:last-child a, .ebidding-blue-light .ebidding-form .ebidding-col-edit > div .ebidding-col-set > div:first-child button, .ebidding-blue-light .ebidding-form .ebidding-col-edit > div .ebidding-col-set > div:last-child button {
  color: #fff;
  margin: 10px auto;
}
.ebidding-blue-light .ebidding-form .ebidding-col-edit > div .ebidding-col-set > div > ul {
  list-style: none;
  width: 100%;
  height: 39px;
  line-height: 40px;
  display: table;
  table-layout: fixed;
  padding: 0;
  margin: 0;
  position: relative;
}
.ebidding-blue-light .ebidding-form .ebidding-col-edit > div .ebidding-col-set > div > ul > li {
  height: 100%;
  width: 120px;
  display: table-cell;
  margin: 0;
  background-color: #fafbfc;
}
.ebidding-blue-light .ebidding-form .ebidding-col-edit > div .ebidding-col-set > div > ul > li.active {
  background-color: #f1f8ff;
}
.ebidding-blue-light .ebidding-form .ebidding-col-edit > div .ebidding-col-set > div > ul > li + li {
  border-left: 1px solid #e5ebf1;
}
.ebidding-blue-light .ebidding-form .ebidding-col-edit > div .ebidding-col-set > div > ul > li:last-child {
  border-right: 1px solid #e5ebf1;
}
.ebidding-blue-light .ebidding-form .tab-content {
  margin-top: 20px;
  border: none;
}
.ebidding-blue-light .form-filter-list {
  margin-bottom: 0;
  height: 34px;
}
.ebidding-blue-light .form-filter-list label {
  font-weight: normal;
  margin: 0;
  height: 34px;
  line-height: 34px;
}
.ebidding-blue-light .form-filter-list + .form-filter-list {
  margin-top: 15px;
}
.ebidding-blue-light table.dataTable {
  border-collapse: collapse;
}
.btn-primary {
  color: #fff;
  border-color: #008eff;
  background-color: #008eff;
}
.btn-primary:hover {
  border-color: #0080e5;
  background-color: #0080e5 !important;
}
.btn-primary.hover, .btn-primary:active, .btn-primary:hover, .btn-primary:focus, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.dropdown-toggle.btn-primary, .open>.dropdown-toggle.btn-primary:focus {
  background-color: #0080e5;
  border-color: #0080e5;
}
.dropdown-menu>li>a:hover {
  background-color: #e7e8e9;
}
.btn-default {
  height: 36px;
  line-height: 24px;
  color: #333;
  border-color: #e0e3e6;
  background-color: #fff;
}
.btn-default:hover {
  border-color: #d0d3d5;
  background-color: #f1f2f3;
}

.btn .caret, .btn-group>.btn:first-child {
  margin-left: 4px;
}
.btn {
  height: 36px;
  line-height: 24px;
}
.btn > i {
  display: inline-block;
  width: 16px;
  text-align: center;
  font-size: 13px;
}
.btn-sm {
  height: 30px;
  line-height: 18px;
}
.btn-xs {
  height: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 16px;
}
.btn-large {
  font-size: 16px;
  height: 40px;
  line-height: 26px;
  padding-left: 18px;
  padding-right: 18px;
}
.btn-large i {
  display: inline-block;
  width: 20px;
  text-align: center;
  font-size: 15px;
}
.btn-default.active, .btn-default:active, .btn-default:hover, .open>.dropdown-toggle.btn-default, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
  border-color: #d0d3d5;
  background-color: #f1f3f5;
}
.skin-blue.layout-top-nav .main-header > .logo {
  background-color: #3c8dbc;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
  background-color: #3b8ab8;
}
.no-border {
  border: none!important;
}
small {
  display: none !important;
}
.form-horizontal .has-feedback .form-control-feedback {
  right: -12px;
}
.form-control.valid + i, input.valid + label + i {
  display: none;
}
.form-control.valid + i + label.error, input.valid + label + i + label.error, .form-control.valid + i + label.valid, input.valid + label + i + label.valid {
  display: none !important;
}
.input-group.valid i {
  display: none;
}
.input-group.valid i + label.error, .input-group.valid i + label.valid {
  display: none !important;
}
.form-control.error, input.error + label {
  border: 1px solid #ff3300 !important;
}
.form-control.error + i, input.error + label + i, .input-group.error + i.error {
  float: left;
  margin-right: 2px;
  height: 20px;
  line-height: 20px;
  width: 20px;
  text-align: center;
  vertical-align: top;
  font-size: 12px;
  color: #ff4400;
}
.form-control.error + i + label.error, input.error + label + i + label.error, .form-control.error + i + label.valid, input.error + label + i + label.valid {
  display: inline-block!important;
  line-height: 20px;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 0px;
  color: #ff4400!important;
  vertical-align: top;
}
.input-group.error {
  border: 1px solid #ff4400 !important;
}
.input-group.error + i + label.error {
  display: inline-block;
  line-height: 20px;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 0px;
  color: #ff4400;
}
.input-group.error > .form-control.error, .input-group.error > input.error + label {
  border: none!important;
}
input.valid + label + i, input.error + label + i {
  float: none;
}
.form-control {
  height: 36px;
  color: #333;
  font-size: 14px;
}
.form-control:focus {
  border-color: #008eff;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #f0f2f4;
}
.form-control[disabled]:focus, .form-control[readonly]:focus {
  border-color: #e0e3e6;
}
.form-control[disabled].whitebg, .form-control[readonly].whitebg, fieldset[disabled].whitebg .form-control {
  background-color: #fff;
  cursor: pointer;
}
.ebidding-form.show teaxarea.form-control[disabled], .ebidding-form.show teaxarea.form-control[readonly], .ebidding-form.show fieldset[disabled] teaxarea.form-control {
  background-color: #fff;
  cursor: default;
  border: none;
  color: #333;
  resize: none;
}
textarea.form-control {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
}
select.form-control {
  position: relative;
  /*  Ã©ÂÂÃ¥Â¿â€œÃ¦Â£ÂÃ§Â»Â®Ã®Ë†Å“Ã¦â€¹â€¹Ã©Å Ë†Ã¥â€ºÂ¨Ã§â€¢Â±selectÃ©â€”ÂÃ®â€šÂ¢Ã®ËœÂ°Ã§â‚¬Å¡Ã£â€žÂ¥Ã®â€ºÂ¼Ã©ÂÂ¡Ã¦Â¨Â¼Ã¥Â£â€°Ã§â‚¬ÂµÃ®â€ Â¼Ã§Â¹â€˜Ã§Â»â€Ã¥Â©Å¡Ã¦Â¢Â½Ã©â€Å¸Ã¯Â¿Â½  */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 25px;
  cursor: pointer;
  background: url(../../img/selectarrow.png) no-repeat right 0px #fff;
  background-size: auto 100%;
}
select.form-control:focus {
  background: url(../../img/selectarrow2.png) no-repeat right 0px #fff;
  background-size: auto 100%;
}
select.form-control.vertical {
  background: none;
}

/*  RetinaÃ©ÂÂÃ§â€šÂ²Ã§Â¹ÂÃ§Â»Â Ã©â€â€¹Ã¦â€¹â€¦Ã§â€™ÂºÃ£â€žÂ¦Ã¦Å¡Â@2xÃ©â€“Â¸Ã£Æ’Â¥Ã¥Â¢Â½Ã¦Â¾Â§Ã¯Â¿Â½  */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  select.form-control {
    background: url(../../img/selectarrow@2x.png) no-repeat right 0px #fff;
    background-size: auto 100%;
  }
  select.form-control:focus {
    background: url(../../img/selectarrow2@2x.png) no-repeat right 0px #fff;
    background-size: auto 100%;
  }
}



/*  Ã¦Â¿Å¾Ã¦â€™Â³Ã¦â€¡ËœÃ¥Â¨â€¦Ã¥ÂºÂ£Ã¦â€¹Â«Ã©â€“Â¿Ã¥Â¬Â¬Ã¦â€˜Æ’Ã¦Â¿Å¾Ã¦Ââ€˜Ã§Â¹â€”Ã©Â¡Â«Ã¥Â¶â€°Ã¥Â´Â³Ã©Å Å Ã£â€šâ€¡Ã§â€˜â€œÃ©â€“Â»Ã®Å¸â€™Ã¦â€¹Â· search Ã©â€“Â¸Ã¦Â¬ÂÃ®ËœÂ¯Ã¨Â¤Â°Ã¯Â¿Â½  */
input::-webkit-search-cancel-button {
  display: none;
}
/*  Ã¦Â¿Å¾Ã¦â€™Â³Ã¦â€¡ËœÃ¥Â¨â€¦Ã¥Â¶ÂªEÃ¥Â¨â€˜Ã¦â€™Â³Ã®Æ’â€¡Ã¥Â¨Ë†Ã¯Â¿Â½ search Ã©â€“Â¸Ã¦Â¬ÂÃ®ËœÂ¯Ã¨Â¤Â°Ã¯Â¿Â½  */
input[type=search]::-ms-clear {
  display: none;
}

/*  Ã¦Â¿Å¾Ã¦â€™Â³Ã¦â€¡ËœÃ¥Â¨â€¦Ã¥Â·Å’eÃ©â€“Â»Ã£â€žÂ¥Ã¥Â«Â°Ã§Â»Â®Ã®Ë†Å“Ã¦â€¹â€¹Ã©Å Ë†Ã¥Â¤â€ºÃ¦â€¹Â·Ã¦Â¾Â¶Ã¥Â¬ÂªÃ®ÂÂ¥Ã¦Â¿Â¡Ã¦Â¥â‚¬Ã¦Â£â„¢Ã©Ââ€”Ã¥ÂÅ¾Ã®â€¡Â£Ã¨Â¹â€¡Ã¦â€”â€šÃ®ÂÂ¸Ã©â€”â€šÃ¥â€¹Â©Ã¥â‚¬Â§Ã§Â»Â±Ã¦Â¿â€¹Ã¦Â¢Â¾Ã©Å½Â°Ã®Ë†â€ºÃ®â€”â€˜Ã¥Â¨â€˜Ã¦â€™Â³Ã®Æ’â€ Ã¦Â¿Â¯Ã¨â„¢Â¹Ã§Â²Â»Ã©Â¡â€œÃ§â€šÂªÃ¤Â»Ë†  */
select::-ms-expand {
  display: none;
}
select.input-sm {
  line-height: 18px;
}
.filter-icon {
  font-size: 20px;
  color: #a6acbb;
  margin-right: 10px;
  margin-top: 6px;
  position: absolute;
}
.dropdown-filter-list {
  margin-left: 30px;
}
.ebidding-table-summary {
  color: #444;
  display: block;
  position: relative;
  height: 36px;
  line-height: 36px;
  margin-bottom: 10px;
  background-color: #fff;
}
.ebidding-table-summary .btn-group {
  vertical-align: top;
}
.ebidding-result-content {
  padding: 0;
}
.ebidding-table-pagination {
  border: none;
  padding: 20px 0px 0px;
  background-color: #fff;
  display: table;
  width: 100%;
}
.ebidding-table-pagination .ps, .ebidding-table-pagination .pa, .ebidding-table-pagination .pg {
  display: table-cell;
  padding-left: 20px;
  vertical-align: top;
}
.ebidding-table-pagination .ps .info, .ebidding-table-pagination .pa .info, .ebidding-table-pagination .pg .info {
  display: inline-block;
  font-size: 14px;
  color: #999;
  height: 36px;
  line-height: 36px;
}
.ebidding-table-pagination .ps .info.plinfo, .ebidding-table-pagination .pa .info.plinfo, .ebidding-table-pagination .pg .info.plinfo {
  color: #74777a;
  font-weight: bold;
}
.ebidding-table-pagination .ps select, .ebidding-table-pagination .pa select, .ebidding-table-pagination .pg select {
  margin-left: 5px;
  margin-right: 5px;
  width: 75px;
  height: 36px;
  color: #3486cc;
}
.ebidding-table-pagination .ps input[type=text], .ebidding-table-pagination .pa input[type=text], .ebidding-table-pagination .pg input[type=text] {
  width: 50px;
  height: 36px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}
.ebidding-table-pagination .ps button, .ebidding-table-pagination .pa button, .ebidding-table-pagination .pg button, .ebidding-table-pagination .ps a.btn-primary, .ebidding-table-pagination .pa a.btn-primary, .ebidding-table-pagination .pg a.btn-primary {
  width: 50px;
  margin-left: 5px;
  text-align: center;
}
.ebidding-table-pagination .pg {
  padding-right: 0;
}
.pagination {
  margin: 0px auto;
}
.pagination > li > a, .pagination > li > span {
  height: 36px;
  line-height: 24px;
  padding: 6px 11px;
  border-color: #e0e3e6;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  background-color: #008eff;
  border-color: #008eff;
  color: #fff;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #008eff;
  border-color: #008eff;
  color: #fff;
}
.pagination > li > a {
  color: #333;
  background-color: #fff;
}
.ebidding-table-pagination em {
  font-style: normal;
  color: #3486cc;
  margin: auto 5px;
}

@media (max-width: 1190px) {
  .ebidding-table-pagination .ps,  .ebidding-table-pagination .pa,  .ebidding-table-pagination .pg {
    display: table-row;
    border-spacing: 2px;
  }
  .filter-label {
    margin-bottom: 5px!important;
  }
  .form-filter-list > div {
    margin-bottom: 5px!important;
  }
  .ebidding-form div.gap-bottom + div.gap-bottom {
    margin-left: 33.33333333%;
    margin-top: 15px;
  }
  .ebidding-form div.gap-bottom .thd + .thd {
    margin-top: 15px;
  }
}
.ebidding-filter .box-body + .box-body {
  border-top: #eee 1px solid;
  background-color: #f5f7f9;
}
.ebidding-filter .box-body .row {
  padding-left: 10px;
  padding-right: 15px;
}
.ebidding-filter .box-body .row > div {
  margin: 5px 0px;
  font-size: 0px;
  padding: 0px 10px;
}
.ebidding-filter .form-inline .row > div {
  padding: 0px;
}
.ebidding-filter .form-inline .row > div > div.thd-group {
  display: inline-block;
  position: relative;
  width: 60%;
  vertical-align: top;
}
.ebidding-filter .form-inline .row > div > div.thd-group .thd {
  display: inline-block;
  width: 50%;
  padding-right: 5px;
}
.ebidding-filter .form-inline .row > div > div.thd-group .thd .form-control {
  display: block;
  width: 100%;
}
.ebidding-filter .form-inline .row > div > div.thd-group .thd + .thd {
  padding-right: 0px;
  padding-left: 5px;
}
.ebidding-filter .form-inline .row > div > label {
  width: 38%;
  margin-right: 2%;
  margin-top: 9px;
  padding-left: 10px;
  margin-bottom: 0px;
  line-height: 18px;
  text-align: right;
  font-size: 14px;
  font-weight: normal;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #555;
}
.ebidding-filter .form-inline .row > div.double > label {
  width: 19%;
  margin-right: 1%;
}
.ebidding-filter .form-inline .row > div > .form-control, .ebidding-filter .form-inline .row > div > .input-group {
  width: 60%;
  vertical-align: top;
}
.ebidding-filter .form-inline .row > div.double > div {
  display: inline-block;
  width: 80%;
  vertical-align: top;
}
.ebidding-filter .form-inline .row > div.double > div .thd {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding-right: 5px;
}
.ebidding-filter .form-inline .row > div.double > div .thd + .thd {
  padding-right: 0px;
  padding-left: 5px;
}
.ebidding-filter .form-inline .row > div.double > div .thd .form-control, .ebidding-filter .form-inline .row > div.double > div .thd .input-group {
  width: 100%;
}

@media (max-width: 768px) {
  .ebidding-filter .form-inline .row > div {
    padding: 0px 10px;
  }
  .ebidding-filter .form-inline .row > div > label, .ebidding-filter .form-inline .row > div > .form-control, .ebidding-filter .form-inline .row > div > .input-group {
    width: 100%;
    text-align: left;
    margin-top: 0px;
    margin-right: 0;
  }
  .ebidding-filter .form-inline .row > div.double > label {
    width: 100%;
    margin-right: 0;
  }
  .ebidding-filter .form-inline .row > div.double > div {
    width: 100%;
  }
  .ebidding-filter .form-inline .row > div.double > div .thd {
    padding-right: 10px;
  }
  .ebidding-filter .form-inline .row > div.double > div .thd + .thd {
    padding-right: 0px;
    padding-left: 10px;
  }
}
.ebidding-filter .box-body .row > div.pull-right {
  text-align: right;
  padding: 0px;
}
.ebidding-filter .box-body .row > div.pull-right .btn + .btn {
  margin-left: 10px;
}
.ebidding-filter .box-body.form-inline .row > div.pull-right > div {
  padding-left: 40%;
}

@media (max-width: 768px) {
  .ebidding-filter .box-body.form-inline .row > div.pull-right > div {
    margin-top: 18px;
    padding-left: 0px;
  }
}
.fixed-bottom-pos {
  position: fixed;
  left: 0;
  right: 0;
  *left: auto;
  *right: auto;
  bottom: -20px;
  background-color: transparent;
  z-index: 999;
  width: auto;
  margin-left: 230px;
}
.fixed-bottom .text-center .btn, #saveBtn {
  min-width: 124px;
}

@media (max-width: 768px) {
  .fixed-bottom-pos {
    margin-left: 0px;
    border-left: none;
    border-right: none;
    border-radius: 0px;
  }
}
.fixed-bottom-pos .box-body {
  background-color: #f8f9f9;
  margin-bottom: 20px;
}
.ebidding-form .box-body {
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  .ebidding-form .box-body {
    padding-right: 10px;
  }
}
.ebidding-form .box-body .form-group {
  float: left;
}
.form-group {
  min-height: 56px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  vertical-align: top;
}
.ebidding-blue-light .ebidding-form.simple.show .form-group {
  min-height: 36px;
}
.ebidding-blue-light .ebidding-form.simple.show .form-group textarea {
  margin: 0px;
}
.form-control, .input-group {
  border-radius: 0px !important;
  border-color: #e0e3e9;
}
.input-group {
  border: none;
}
.input-group > input {
  height: 36px!important;
  border: #e0e3e6 1px solid;
}
.input-group-btn .btn-primary + input {
  border-left: none;
}
.input-group > .input-group-btn > button {
  height: 36px!important;
}
.input-group > i.fa.error, .input-group > i.fa.valid {
  float: left;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #dd4b39;
  font-size: 12px;
  text-align: center;
}
/* .input-group > i.fa.error + label, .input-group > i.fa.valid + label {
  display: none!important;
} */
.input-group > i.fa.valid {
  display: none;
}
.input-group > .input-group-btn + .form-control {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.input-group > .form-control + .input-group-btn > button {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
.input-group.error > .form-control + .input-group-btn > button {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.nobg, .nobg:hover, .nobg:active {
  border: #e0e3e6 1px solid;
  cursor: default;
  color: #999;
  box-shadow: none;
  background-color: #fff;
}
.box-header > .box-tools {
  position: static;
  margin-top: 10px;
}
.box.box-solid > .box-header > .box-tools .btn {
  vertical-align: top;
}
.box.box-solid > .box-header > .box-tools .btn i {
  margin-right: 6px;
  color: #008eff;
}
.box.box-solid > .box-header > .box-tools .btn:hover, .box.box-solid > .box-header > .box-tools a.btn:hover {
  color: #fff;
  background-color: #008eff;
}
.box.box-solid > .box-header > .box-tools .btn:hover, .box.box-solid > .box-header > .box-tools a.btn:hover i {
  color: #fff;
}

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .fixed-bottom.fixed-bottom-pos {
    margin-left: 60px!important;
  }
}
.clr-search {
  position: absolute;
  z-index: 9;
  font-size: 20px;
  top: 2px;
  display: none;
}
.box-body {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.help-icon {
  position: absolute;
  top: 8px;
  right: 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 18px;
  border: #e0e3e9 1px solid;
  text-align: center;
  vertical-align: middle;
  color: #999;
  border-radius: 10px;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  cursor: pointer;
  z-index: 99;
}
.help-icon:hover {
  color: #fff;
  border-color: #008eff;
  background-color: #008eff;
}
.tipsDialog {
  border-color: #000;
  background-color: #000;
  margin-top: 3px;
}
.tipsDialog .func-img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.tipsDialog .func-img + .func-img {
  margin-left: 20px;
}
.tipsDialog.white {
  color: white;
}
.ui-popup-bottom .ui-dialog-arrow-a {
  border-bottom-color: #000;
}
.ui-popup-bottom .ui-dialog-arrow-b {
  border-bottom-color: #000;
}
.ui-dialog-body {
  padding: 10px 10px;
  max-width: 300px;
}
.ui-dialog-min {
  min-width: 250px;
  min-height: 200px;
}
.ui-dialog-min .ui-dialog-grid {
  min-width: 250px;
  min-height: 200px;    
}
.bk {
  word-wrap: break-word;
  word-break: break-all;
}
.main-footer {
  text-align: center;
}
.no-pl .box-body {
  padding: 10px 20px;
}
.no-pl.pl-zero .box-body {
  padding-left: 0px!important;
  padding-right: 0px!important;
}
.no-pl.pl-zero .ebidding-table-pagination {
  border-bottom: 1px solid #8c8e91;
}
.no-pl.pl-zero .ebidding-table-pagination .pg {
  width: 270px;
}
.no-pl.pl-zero .ebidding-table-pagination .pagination > li {
  padding: 0 5px;
  display: inline-block;
}
.no-pl.pl-zero .ebidding-table-pagination .pagination > li > a {
  border: none;
  margin-left: 5px;
  padding: 3px 20px;
  border-radius: 3px;
}
.no-pl.pl-zero .ebidding-table-pagination .pagination > li + li {
  border-left: 2px solid #afafaf;
}
.no-pl.pl-zero .ebidding-table-pagination .pagination > li.active > a {
  background-color: #fff;
  color: #3486cc;
}
.no-pl.pl-zero .ebidding-table-pagination .pagination > li.previous a, .no-pl.pl-zero .ebidding-table-pagination .pagination > li.next a {
  color: #3486cc;
}
.no-pl.pl-zero .ebidding-table-pagination .pagination > li.previous a:hover, .no-pl.pl-zero .ebidding-table-pagination .pagination > li.next a:hover {
  color: #3486cc;
  background-color: #fff;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: #fff;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #767676;
}
.mpanel-info {
  display: table;
}
.mpanel-info > div {
  display: table-cell;
  padding: 20px;
  vertical-align: top;
}
.mpanel-info > div .btn-primary {
  font-size: 16px;
  font-weight: bold;
  padding-left: 25px;
  padding-right: 25px;
}
.mpanel-info > div .mpanel-info-title {
  display: inline-block;
  width: 100%;
  font-weight: bold;
}
.mpanel-info > div .mpanel-info-title i {
  font-style: normal;
}
.mpanel-info > div .mpanel-info-notice {
  display: inline-block;
  color: #ff5e6c;
  background-color: #fce5e7;
  border-radius: 2px;
  padding: 2px 15px;
  line-height: 1.5;
}
.btn-box-tool.btn-panel-collapse {
  color: #3486cc;
}
.mpanel-main {
  display: table;
  width: 100%;
  padding-top: 15px;
  padding-right: 25px;
}
.mpanel-main > div {
  display: table-row;
}
.mpanel-main > div.active > div:first-child {
  color: #3486cc;
}
.mpanel-main > div.active > div:first-child span:first-child {
  background-color: #3486cc;
}
.mpanel-main > div.active > div:first-child:before {
  background-color: #54a4e8;
}
.mpanel-main > div.active > div:first-child:after {
  border-top-color: #54a4e8;
}
.mpanel-main > div:last-child > div:first-child:before, .mpanel-main > div:last-child > div:first-child:after {
  display: none;
}
.mpanel-main > div > div {
  display: table-cell;
  padding: 0;
  color: #afafaf;
  position: relative;
}
.mpanel-main > div > div > div {
  width: 100%;
  margin: 5px;
  padding: 0 10px;
  background-color: #f6f6f6;
}
.mpanel-main > div > div a.btn {
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 15px;
  position: relative;
  border: none;
  padding: 5px 20px;
}
.mpanel-main > div > div a.btn.btn-success {
  background-color: #51bf00;
}
.mpanel-main > div > div a.btn.btn-success:hover {
  background-color: #3b8c00;
}
.mpanel-main > div > div a.btn.btn-success:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 25px solid #fff100;
  border-right: 25px solid transparent;
  position: absolute;
  left: 0;
  top: 0;
}
.mpanel-main > div > div a.btn.btn-success:after {
  content: 'NEXT';
  position: absolute;
  color: #51bf00;
  left: -6px;
  top: 2px;
  font-size: 12px;
  transform: rotate(-45deg) scale(0.6);
  font-weight: bold;
}
.mpanel-main > div > div a.btn.btn-default {
  background-color: #c9c9cd;
  color: #fff;
}
.mpanel-main > div > div a.btn.btn-default:hover {
  background-color: #afafb4;
}
.mpanel-main > div > div:first-child {
  width: 225px;
  background-color: #fff;
}
.mpanel-main > div > div:first-child:before {
  content: '';
  position: absolute;
  background-color: #ededed;
  width: 5px;
  height: 100%;
  margin-left: 23px;
}
.mpanel-main > div > div:first-child:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #ededed;
  position: absolute;
  bottom: -14px;
  left: 15px;
  z-index: 999;
}
.mpanel-main > div > div:first-child span:first-child {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #afafaf;
  vertical-align: middle;
  line-height: 30px;
  border-radius: 15px;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}
.mpanel-main > div > div:first-child span:first-child i {
  color: #fff;
  font-size: 16px;
}
.mpanel-main > div > div:first-child span:last-child {
  font-weight: bold;
  vertical-align: sub;
}
#popup_container {
  border: none;
  border-radius: none;
}
#popup_title {
  height: 46px;
  line-height: 46px;
  font-weight: normal;
  background: none;
  border-bottom: #eee 1px solid;
}
#popup_content {
  padding-top: 15px;
}
#popup_message {
  padding-left: 15px;
  padding-bottom: 25px;
  min-height: 48px;
  border-bottom: #eee 1px solid;
}
#popup_container .alert {
  margin-bottom: 0px;
  box-shadow: none;
}
#popup_container .centerBtn {
  height: 48px;
  text-align: right;
  padding: 0px 15px;
}
#popup_container .centerBtn button {
  background: #fff;
  border: #008aff 1px solid;
  background-color: #008aff;
  color: #fff;
  min-width: 80px;
  height: 32px;
  margin-top: 8px;
  border-radius: 3px;
  margin-left: 10px;
}
#popup_container .centerBtn button span {
  display: block;
  vertical-align: top;
}
#popup_message {
  margin-left: 0px;
}
/* .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .right-side {
  margin-left: 60px!important;
} */
.dashboard.row {
  margin-left: -7px;
  margin-right: -7px;
}
.dashboard.row > div {
  padding: 0px 7px;
}
.dashboard.row .box.box-solid > .box-header > .box-tools .btn:hover, .dashboard.row .box.box-solid > .box-header > .box-tools a.btn:hover {
  background-color: #fff;
}
.dashboard.row .box.box-solid > .box-header > .box-tools .btn i, .dashboard.row .box.box-solid > .box-header > .box-tools a.btn i {
  margin: 0px;
}
.dashboard.row .box.box-solid > .box-header > .box-tools .btn:hover i, .dashboard.row .box.box-solid > .box-header > .box-tools a.btn:hover i {
  color: #0080e5;
}

.dashboard .content-wrapper {
  background-color: #fff;
}

.panel-group {
  margin: 10px 20px;
}
.panel-group .panel {
  border: #e0e3e6 1px solid;
  border-radius: 0px;
}
.panel-default>.panel-heading {
  padding: 5px 15px;
  background: none;
  background-image: none;
  background-color: #f7f8f9;
}
.panel-default>.panel-heading>.panel-title {
  height: 30px;
  line-height: 30px;
}
.panel-default>.panel-heading>.panel-title span {
  display: inline-block;
  margin-left: 15px;
}
.panel-default>.panel-heading>.panel-title span a {
  display: inline-block;
  width: 20px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}



.floatarea.suggest {
  position: fixed;
  bottom: 86px;
  right: 10px;
  color: #008eff;
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  z-index: 999;
  border: #e0e3e6 1px solid;
  border-radius: 20px;
  text-align: center;
  font-size: 18px;
  background-color: #f7f8f9;
}
.floatarea.suggest a {
  display: block;
  width: 40px;
  height: 40px;
}
.floatarea.suggest a i{line-height: 42px;}
.floatarea.suggest:hover {
  color: #fff;
  background-color: #008eff;
}
.floatarea.suggest:hover a {
  color: #fff;
}







/*Ã¥Â¨â€œÃ¦Â°â‚¬Ã¥â€”â„¢Ã§ÂÂ¶Ã©ÂÅ½Ã¤Â½Æ’Ã¥Â£Ë†Ã©ÂÂ©Ã¥â€˜Â®Ã§Â©Â±Ã©Â¡â€Ã¨Å Â¥Ã¦Å¡Â­*/
.sidebar-mini.sidebar-collapse .main-header .logo {
  width: auto;
}
.sidebar-mini.sidebar-collapse .main-header .navbar {
  margin-left: 0;
}

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .main-header .logo {
    width: 60px;
  }
  .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 60px;
  }
}
.ebidding-blue-light .treeview-menu > li > a.active {
  color: #fff
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
  width: 181px;
}
/*.ebidding-blue-light .box {*/
/*z-index: 0*/
/*}*/
.ebidding-blue-light .main-header i.close,.ebidding-blue-light .main-header i.open {
  display: none
}

@media (max-width: 767px) {
  /*.ebidding-blue-light .main-header .logo {width: 90%;margin-left: 10% }*/
  .ebidding-blue-light .main-header i.i-menu {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    width: 60px;
    z-index: 999;
    font-size: 30px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    display: inline-block;
  }
  .main-sidebar i.i-menu.close {
    position: absolute;
    right: 20px;
    top: 0;
    color: #fff;
    width: 10%;
    z-index: 999;
    font-size: 25px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    display: inline-block;
    opacity: 1;
    font-weight: normal
  }
  .ebidding-blue-light .sidebar-toggle {
    display: none
  }
  .i-menu.close {
    display: inline-block
  }
}
.sidebar-mini.sidebar-collapse .content-wrapper:not(.no-lf-mu), .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .right-side {
  margin-left: 60px!important;
  z-index: 840;
}
.i-menu.close {
  display: none
}
/* .sidebar-mini.sidebar-collapse .main-sidebar {
  width: auto!important;
} */
/*.ebidding-blue-light .sidebar-toggle{margin-left: 23px;}*/
/*.ebidding-blue-light .sidebar-menu > li:hover > a, .ebidding-blue-light .sidebar-menu > li.active > a{width: 60px;}*/
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
  width: 60px;
}
.ebidding-blue-light .no-lf-mu  {
  margin-left: 0!important;
  /*background-color: #fff;*/
}
.ebidding-blue-light .input-group .btn-info{
  background-color: #008eff;
}

.form-control.error + i, input.error + label + i, .input-group.error + i.error {
  float: none;
  height: 20px;
  line-height: 37px;
  display: inline-block;
}
.form-control.error + i + label.error, input.error + label + i + label.error, .form-control.error + i + label.valid, input.error + label + i + label.valid{
  display: inline-block;!important;
  margin-right: 5px;
  line-height: 20px;
}
.form-control.error + i + label.error{
  max-width: 88%;
}
/*Ã¥Â©Â¢Ã¨Â·ÂºÃ§Â§Â¹Ã©â€Å¸Ã¨â€”â€°Ã®ËœÂ°Ã©Â¡Â¢Ã¥Â¬Â®Ã¦Å¸Â¨Ã¥Â¨â€ Ã¦Å½ÂÃ¥Å¡â€“Ã©â€“Â¹Ã§Â»ËœÃ¥Å â€”Ã©Å â€¡Ã¯Â¿Â½*/
/*.ebidding-blue-light .ebidding-form .label-radio label.error{color: red}*/
/*.ebidding-blue-light .ebidding-form .label-radio .fa-times.error{color: red;line-height: 36px;}*/
/*.ebidding-blue-light .ebidding-form .label-radio label.error:before{display: none}*/
/*.ebidding-blue-light .ebidding-form .label-checkbox label.error{color: red;font-size: 13px}*/
/*.ebidding-blue-light .ebidding-form .label-checkbox .fa-times.error{color: red;line-height: 36px;font-size: 13px}*/
/*.ebidding-blue-light .ebidding-form .label-checkbox label.error:before{display: none}*/
.ebidding-blue-light .ebidding-form label.error{color: red;font-size: 13px;font-weight: normal}
.ebidding-blue-light .ebidding-form .fa-times.error{color: red;line-height: 20px;font-size: 13px}
.ebidding-blue-light .ebidding-form  label.error:before{display: none}


/*.form-control.error,*/ input.error + label{margin-left: 5px;}
.form-control-inline{margin: 0 5px;width: 60px;display: inline}

/*2017-4-6*/
/*Ã§â‚¬ÂµÃ®â€ Â¼Ã¦Â¹Â±Ã©Ââ€ºÃ¯Â¿Â½*/
.modal-dialog.modal-lg .modal-header{padding-bottom: 10px;}
.modal-dialog.modal-lg .box{border: none;border-bottom: #e0e3e6 1px solid;margin-bottom: 0;}
.modal-dialog.modal-lg .ebidding-form .box-body,.modal-dialog.modal-lg .ebidding-form .box-body,.modal-dialog.modal-lg .box-body.ebidding-result-content{ padding-top: 10px; padding-bottom: 10px;}
.modal-dialog.modal-lg .ebidding-table-pagination{padding-top: 10px;}
.modal-dialog.modal-lg .modal-body{padding-top: 0;padding-bottom: 0;}
.modal-dialog.modal-lg .modal-footer {border-top: 0;}
.form-control[readonly].bgc-fff{background-color:#fff;cursor: pointer;}

/*Ã©ÂÂ¡Ã¦Å½â€˜Ã¦â€¡Å½Ã©ÂÂ¤Ã®â€¦Â¢Ã¦Æ’â€¡Ã¦ÂµÂ£Ã§Æ’ËœÃ¦Â®Â£Ã©â€“Â¸Ã¦Â¬â„¢Ã¦â€¹Â·*/
.ebidding-blue-light .treeview-menu > li > a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 185px;}

/*Ã©â€“Â¼Ã¦Å’Å½Ã§Â²Å’Ã¥Â®â€¢Ã§â€ Â¼Ã¥Â¼Â¨Ã©Ââ€œÃ¤Â½ÂºÃ§Â´Å¡Ã©â€“Â¸Ã£Æ’Â§Ã¥Ââ€œÃ©Ââ€“Ã¯Â½â€ Ã¦â€¹â€¦Ã¥Â®Â¥Ã¥â€ºÂ©Ã¦Å¾â€šÃ©â€“ÂºÃ¯Â¿Â½Ã©â€“Â«Ã¦Â¶Å“Ã§Â¤â€¹Ã©ÂÂÃ§â€šÂ²Ã¦â€¡ÂÃ©â€˜ÂµÃ¦Ë†Â¦Ã¥Â¼Â¬Ã©ÂÅ¸Ã¦â€°Â®Ã§Â¡â‚¬*/
.aside-toggle{position: absolute;right: -15px;top: 300px;width: 15px;height: 50px;background-color: #008eff;text-align:center;cursor: pointer}
.aside-toggle i{color: #fff;font-size: 18px;display: inline-block;line-height: 50px; text-align:center;margin:0;width:15px;}

/*Ã§â‚¬Â¹Ã©ÂÂ©Ã§Â¼Å¡Ã©Ââ€¦Ã¥â€°ÂÃ¯Â¿Â½Ã¤Â½Æ’Ã¥Â£Ë†Ã©ÂÂ©Ã¥â€˜Â¯Ã§Â²Â»Ã©Â¡â€œÃ§â€šÂªÃ¤Â»Ë†Ã©â€”ÂÃ¦Å’Å½Ã§â€˜Â¤Ã§Â¼ÂÃ¯Â¿Â½*/
.treeview.firstmenu .pull-right-container i{line-height: 12px;}

/*Ã©â€“Â»Ã¢â€šÂ¬Ã¥Å ÂÃ©ÂÂ©Ã¦Â¶â„¢Ã§Â©Â±Ã©Ë†Â©Ã¥â€ Â§Ã§Â´â€“*/
.main-header .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{position: absolute;right: 0;top: 63px;left: auto;width: 150px; min-width: 150px;height: 99px;padding: 0;border-radius: 0;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.main-header .navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color: #fff;padding: 0;margin: 0;display: inline-block;width: 148px;}
.main-header .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{width: 100%;border: none;height: 49px;line-height: 39px;}
.main-header .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover{background-color: #fff;}
.main-header .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{border-bottom:1px solid #e0e3e6;}
.main-header .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default i{color: #008eff;margin-right: 5px;}
/*.dropdown.user.user-menu:hover .dropdown-menu{display: block;}*/

/*Ã©ÂÂ Ã¥â€ºÂ§Ã¥Â«Â­Ã©Ââ€“Ã¯Â½â€°Ã¥Â´ÂÃ©ÂÂÃ¥Â¯Â¸Ã£â‚¬Å Ã©ÂÂ Ã¤Â½Â¹Ã¥â€žÂ³Ã©ÂÂ£Ã©Â¹Æ’Ã¦â€¡Å¾Ã©ÂÅ’Ã¦Â»Æ’Ã¤Â»Â¯*/
.panel-default>.panel-heading{background-color: #fff;cursor: pointer}
.panel-default>.panel-heading.bgc{background-color: #f7f8f9;}
.iframe .p-text{margin: 15px 0;color: #555;line-height: 40px;}
.iframe .ebidding-form .control-label{color: #555;font-weight: bold}
.iframe .form-group{border-bottom:1px solid #E0E3E6;margin-bottom: 15px!important;}

@font-face {
  font-family: 'iconfont';
  src: url('../iconfont.eot');
  src: url('../iconfont.eot?#iefix') format('embedded-opentype'),
  url('../iconfont.woff') format('woff'),
  url('../iconfont.ttf') format('truetype'),
  url('../iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
table{
  table-layout: fixed;
  word-wrap: break-word;
}

.vHeight{height: 240px!important;}
.vHeight2{height: 480px!important;}
.vHeight3{height: 710px!important;}

.box.box-solid > .box-header > .box-tools .btn-primary i.glyphicon-plus{color: #fff}
.box.ebidding-filter > .box-header > .box-tools .btn:hover, .box.box-solid > .box-header > .box-tools a.btn-link:hover{background-color: #ecf0f5;color: #008eff;text-decoration: none}
.box.ebidding-filter > .box-header > .box-tools .btn:hover, .box.box-solid > .box-header > .box-tools a.btn-link:hover i{color: #008eff;}
.box.ebidding-filter > .box-header > .box-tools .btn:hover, .box.box-solid > .box-header > .box-tools a.btn-link{color: #008eff;}
.ebidding-blue-light .content-header{padding: 7px 0;}
.ebidding-blue-light .content-header > .breadcrumb{top: 6px;}
/*logo*/
@media (min-width: 768px){
  .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini{height: 60px;line-height: 60px;}
  .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini>img{display: inline-block;width: 40px;height: 40px;}
}
.main-header .logo .logo-lg{height: 60px;line-height: 60px;}
.main-header .logo .logo-lg>img{width: 140px;display: inline-block;height: 51px;}
.ebidding-blue-light .ebidding-form  .tab-pane .box-solid:first-child .control-label{/* color: #333 */}

/* Ã¦Â¿Å¾Ã¥Â¤Ë†Ã¥Å Å’Ã©ÂÅ¾Ã¤Â»â€¹Ã¦Æ’â€žÃ§Â»â€¹Ã¥Å¾Â®Ã¥Â½Â  */
.register .register-header{height:60px; background-color:#008eff;}
.register .register-header h2{ margin:0;}
.register .register-header a{padding:7px 0 0 28px;display:block;}
.register .box,.register .box.box-solid{border:none;width:1000px; margin:0 auto;padding:0 40px;}

.register .topNav{width:100%;display:block;padding:52px 0 15px 0;display:block;}
.register .topNav dl dd{width:24.6%;display:inline-block; text-align:center; height:54px;line-height:54px; position:relative; color:#333;}
.register .topNav dl dd .t1{ position:relative;z-index:9;}
.register .topNav dl dd .b1{width:98.2%;height:54px; position:absolute; left:0px;top:0px; background-color:#eceff4;z-index:1;}
.register .topNav dl dd .b2,.register .topNav dl dd .b3{width:38px;height:38px; position:absolute; right:-15px;top:8px; z-index:2; background-color:#eceff4;transform:rotate(45deg);-ms-transform:rotate(45deg); 	/* IE 9 */-moz-transform:rotate(45deg); 	/* Firefox */-webkit-transform:rotate(45deg); /* Safari Ã©â€“Â¸Ã¦Â»ÂÃ¦â€¹Â· Chrome */-o-transform:rotate(45deg); 	/* Opera */}
.register .topNav dl dd .b3{ z-index:1; background-color:#fff; left:-19px;}
.register .topNav dl .on .b1, .register .topNav dl .on .t1,.register .topNav dl .on .b2{ background-color:#33a1ff; color:#fff;}


.ebidding-blue-light .ebidding-form.simple .registerFirst .form-group > div {width: 50%;}
.ebidding-blue-light .ebidding-form.simple .registerFirst .form-group > label { margin-left: 14%;}

.register .u-checkbox{float:left; margin:4px 10px 0 0;}
.register .u-text{float:left;}

.ebidding-blue-light .ebidding-form.simple .form-group > div > .re-button, .ebidding-blue-light .ebidding-form.simple .form-group > div > .re-button:hover{display:inline-block;width:380px; height:52px; line-height:52px;text-align:center; background-color:#008aff;font-size:16px; color:#fff;border-radius: 3px;padding:0px;margin:0;text-decoration: none;}
.ebidding-blue-light .ebidding-form.simple .form-group > div > .re-button.disabled{background-color:#ddd;cursor: default;text-decoration: none;}
.ebidding-blue-light .ebidding-form.simple .form-group > div > .re-button2,.ebidding-blue-light .ebidding-form.simple .form-group > div > .re-button2:hover{width:220px; margin:20px 20px 40px 0;}
.ebidding-blue-light .ebidding-form.simple .form-group > div > .re-button3,.ebidding-blue-light .ebidding-form.simple .form-group > div > .re-button3:hover{background-color:#ddd; color:#333;}

.register .phone-input{width:130px;}
.register .noteWarning { color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}

.register .reContent{padding:60px 0 150px 350px; position:relative;}
.register .reContent .t1{display:block;color:#666;font-size:16px;margin:15px 0;}
.register .reContent .t2{color:#333;font-size:28px;margin:15px 0;}
.register .reContent .t3{color:#999;}
.register .reContent .t1 a{display:inline-block;color:#008eff;font-size:16px;margin:0 10px 0 0;}
.register .reContent .t1 a:hover {color: #0080e5;}
.register .reContent .t1 a:last-child{margin:0 10px 0 10px;}

.register .reContent .img{ position: absolute;left: 250px;top: 63px; }
.register .reContent .fa{font-size:5em; color:#16c315;}
.register .reContent .fa2{font-size:5em; color:#cbcbcb;}


.input-group > .form-control + .input-group-btn > button.disabled,.input-group > .form-control + .input-group-btn > button.disabled:hover {background-color:#ddd;cursor: default;text-decoration: none; color:#666;}

/*  Ã©ÂÅ½Ã©Ââ€ºÃ¦Â£â€ºÃ©Ââ€“Ã¦Â»Æ’Ã®â€¡Â£Ã©ÂÂÃ¥â€¹Â«Ã®â€ Å   */
.pwd-power {display: block;width: 100%;color: #999;}
.pwd-power {display: block;margin: 10px 0;height: 24px;line-height: 24px;font-size: 14px;}
.pwd-power em {float: left;margin-right: 5px;width: 74px;height: 24px;line-height: 24px;text-align: center;color: #999;font-size: 12px;background-color: #eee; font-style:normal;}
.pwd-power.power01 em.weak {color: #fff;background-color: #f56744;}
.pwd-power.power02 em.weak, .pwd-power.power02 em.medium {color: #fff;background-color: #ff9000;}
.pwd-power.power03 em.weak, .pwd-power.power03 em.medium, .pwd-power.power03 em.powerful {color: #fff;background-color: #16c315;}

/*Console*/
.console .consoleButton{
  background-color:#fff;
  color:#008eff;
  border-color: #008eff;
}
.console .consoleButton:hover{
  color:#fff;
}
.console .point{
  background-color:#f89932;
  display:inline-block;
  width:10px;
  height:10px;
  margin:0 10px 0 0;
  border-radius: 50%;
}
.console .mpanel-info > div .mpanel-info-notice {
  display: inline-block;
  color: #f89932;
  padding: 0px;
  background-color:#fff;
  line-height: 1.5;
}
.console .mpanel-info > div {
  display: table-cell;
  padding: 10px;
  vertical-align: top;
}
.console .mpanel-info > div .mpanel-info-title {
  display: inline-block;
  width: 100%;
  font-weight: normal;
}
.console .conLink{
  display:inline-block;
  width:3em;
  height:auto;
  cursor: pointer;
}
.console .conLinkcon{
  padding:10px 0;
}
.console .noticeContent{
  padding-left:160px;
}
.console .ebidding-table-pagination .ps .info.plinfo{
  font-weight:normal;
}
.no-pl.console .ebidding-table-pagination .pagination > li + li {
  border-left: none;
}
.no-pl.console .ebidding-table-pagination .pagination > li {
  padding: 0;
  display: inline;
}
.no-pl.console .ebidding-table-pagination .pagination > li > a {
  height: 36px;
  line-height: 24px;
  padding: 6px 15px;
  margin-left: -1px;
  border:1px #ddd solid;
  border-radius: 0px;
}
.no-pl.console .ebidding-table-pagination {
  border-bottom: none;
}
.no-pl.console .pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
.no-pl.console .pagination>li:last-child>a, .pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}
.console .ebidding-table-pagination .ps{width:164px;}
.console .mpanel-main > div > div:first-child {
  width: 165px;
  background-color: #fff;
}
.console .mpanel-main > div > div.consoleIcon{padding: 0 0 0 32px;}
.console .mpanel-main > div > div:first-child::before {
  content: '';
  position: absolute;
  background-color: #ededed;
  width: 5px;
  height: 100%;
  margin-left: 23px;
  margin-top: 20px;
  display:none;
}
.console .mpanel-main > div > div:first-child::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #ededed;
  position: absolute;
  bottom: -14px;
  left: 47px;
  z-index: 999;
  display:none;
}
.console .mpanel-main > div.con-active > div:first-child::before {
  background-color: #adadad;
}
.console .mpanel-main > div.con-active > div:first-child::after {
  border-top: 14px solid #adadad;
}
.console .mpanel-main > div.con-on > div:first-child::before {
  background-color: #90cd51;
}
.console .mpanel-main > div.con-on > div:first-child::after {
  border-top: 14px solid #90cd51;
}
.console .consoleIcon .con {
  position: relative;
  width: 28px;
  height: 28px;
  display: inline-block;
  background-color: #fff;
  vertical-align: middle;
  line-height: 28px;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  background:  url(../../img/consoleIcon.png) no-repeat 0 0;
  border:none;
}
.console .consoleIcon .style {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: #fff;
  vertical-align: middle;
  line-height: 16px;
  text-align: center;
  margin: 15px 6px 0 -26px;
  background:  url(../../img/consoleIcon2.png) no-repeat 0 -32px;
  padding: 0;
  border:none;
}
.mpanel-main > div > div:first-child span:last-child {
  font-weight: bold;
  vertical-align: sub;
  color:#afafaf;
}
.console .consoleIcon .con:hover, .console .consoleIcon .style:hover {
  border:none;
}
/*Ã©â€“Â¸Ã¥Â¿Â£Ã¥â€°â„¢Ã©Å½Â²Ã¯Â¿Â½*/
.console .consoleIcon .con {
  background:  url(../../img/consoleIcon.png) no-repeat -28px 0;
}
.console .con-active .consoleIcon .con {
  background:  url(../../img/consoleIcon.png) no-repeat 0 0;
}
.console .con-on .consoleIcon .con {
  background:  url(../../img/consoleIcon.png) no-repeat -56px 0;
}
/*Ã©â€“Â¸Ã¦Â¬ÂÃ¥Å¾Â¶Ã©Ââ€“Ã¯Â¿Â½*/
.console .consoleIcon .con2 {
  background:  url(../../img/consoleIcon.png) no-repeat -28px -28px;
}
.console .con-active .consoleIcon .con2 {
  background:  url(../../img/consoleIcon.png) no-repeat 0 -28px;
}
.console .con-on .consoleIcon .con2 {
  background:  url(../../img/consoleIcon.png) no-repeat -56px -28px;
}
/*Ã©â€“ÂºÃ¯Â¿Â½Ã©â€˜Â¸Ã§â€ÂµÃ¥Å¾Â¼*/
.console .consoleIcon .con3 {
  background:  url(../../img/consoleIcon.png) no-repeat -28px -56px;
}
.console .con-active .consoleIcon .con3 {
  background:  url(../../img/consoleIcon.png) no-repeat 0 -56px;
}
.console .con-on .consoleIcon .con3 {
  background:  url(../../img/consoleIcon.png) no-repeat -56px -56px;
}
/*Ã§â‚¬ÂµÃ®â€¡â€ Ã¦â€¹Â·Ã©â€“ÂºÃ¥Â¶ÂÃ¦â€¹Â·*/
.console .consoleIcon .con4 {
  background:  url(../../img/consoleIcon.png) no-repeat -28px -84px;
}
.console .con-active .consoleIcon .con4 {
  background:  url(../../img/consoleIcon.png) no-repeat 0 -84px;
}
.console .con-on .consoleIcon .con4 {
  background:  url(../../img/consoleIcon.png) no-repeat -56px -84px;
}
/*Ã©â€“Â¹Ã¨Ë†ÂµÃ¦Â´ËœÃ©Ââ€“Ã¯Â¿Â½*/
.console .consoleIcon .con5 {
  background:  url(../../img/consoleIcon.png) no-repeat -28px -112px;
}
.console .con-active .consoleIcon .con5 {
  background:  url(../../img/consoleIcon.png) no-repeat 0 -112px;
}
.console .con-on .consoleIcon .con5 {
  background:  url(../../img/consoleIcon.png) no-repeat -56px -112px;
}
/*Ã©ÂÂ Ã¥â€ºÂ§Ã¥Â«Â­Ã©Ââ€“Ã¯Â¿Â½*/
.console .consoleIcon .con6 {
  background:  url(../../img/consoleIcon.png) no-repeat -28px -140px;
}
.console .con-active .consoleIcon .con6 {
  background:  url(../../img/consoleIcon.png) no-repeat 0 -140px;
}
.console .con-on .consoleIcon .con6 {
  background:  url(../../img/consoleIcon.png) no-repeat -56px -140px;
}
/*Ã©ÂÅ½Ã¨Â§â€žÃ§Â¢ÂÃ©Ââ€“Ã¯Â¿Â½*/
.console .consoleIcon .con7 {
  background:  url(../../img/consoleIcon.png) no-repeat -28px -168px;
}
.console .con-active .consoleIcon .con7 {
  background:  url(../../img/consoleIcon.png) no-repeat 0 -168px;
}
.console .con-on .consoleIcon .con7 {
  background:  url(../../img/consoleIcon.png) no-repeat -56px -168px;
}
/*Ã§Â¼â€šÃ¤Â½Â¹Ã¦Å’Â»Ã©Â¡Â¢Ã¯Â¿Â½*/
.console .consoleIcon .con8 {
  background:  url(../../img/consoleIcon.png) no-repeat -28px -196px;
}
.console .con-active .consoleIcon .con8 {
  background:  url(../../img/consoleIcon.png) no-repeat 0 -196px;
}
.console .con-on .consoleIcon .con8 {
  background:  url(../../img/consoleIcon.png) no-repeat -56px -196px;
}
/*Ã©ÂÂ Ã¦â€žÂ¬Ã¦Â¹Â±Ã©ÂÂÃ¯Â¿Â½*/
.console .consoleIcon .con9 {
  background:  url(../../img/consoleIcon.png) no-repeat -28px -224px;
}
.console .con-active .consoleIcon .con9 {
  background:  url(../../img/consoleIcon.png) no-repeat 0 -224px;
}
.console .con-on .consoleIcon .con9 {
  background:  url(../../img/consoleIcon.png) no-repeat -56px -224px;
}
/*Ã©â€“Â¸Ã¦â€”â€šÃ¥â€“â€¢Ã©ÂÂÃ¯Â¿Â½*/
.console .consoleIcon .con10 {
  background:  url(../../img/consoleIcon.png) no-repeat -28px -252px;
}
.console .con-active .consoleIcon .con10 {
  background:  url(../../img/consoleIcon.png) no-repeat 0 -252px;
}
.console .con-on .consoleIcon .con10 {
  background:  url(../../img/consoleIcon.png) no-repeat -56px -252px;
}

/*Ã©â€“Â¸Ã£Æ’Â§Ã¥Ââ€œÃ©Ââ€“Ã¯Â½â€°Ã¦â€šÂ©Ã©â€˜Â¸Ã§Â¢â€°Ã¦â€¹Â·Ã©â€Å¸Ã¯Â¿Â½*/
.console .con-active .consoleIcon .style {
  background:  url(../../img/consoleIcon2.png) no-repeat 0 0;
}
.console .con-on .consoleIcon .style {
  background:  url(../../img/consoleIcon2.png) no-repeat 0 -16px;
}
.console .con-lastActive .consoleIcon .style {
  background:  url(../../img/consoleIcon2.png) no-repeat 0 -48px;
}
.console .con-lastActive.con-active .consoleIcon .style {
  background:  url(../../img/consoleIcon2.png) no-repeat -16px -48px;
}




.console .mpanel-main > div > div > div {
  width: 100%;
  margin: 5px;
  padding: 0 10px;
  background-color: #f9fbfe;
  border-left:3px #fff solid;
}
.console .mpanel-main > div > div > div:hover {
  border-left:3px #4585c1 solid;
}
.console .mpanel-main > div.con-on  > div > div.on {
  width: 100%;
  margin: 5px;
  padding: 0 10px;
  background-color: #f4faf6;
  border-left:3px #fff solid;
}
.console .mpanel-main > div.con-on  > div > div.on:hover {
  border-left:3px #84c145 solid;
}
.console .mpanel-main > div > div a.btn-default {
  height: 36px;
  line-height: 24px;
  color: #333;
  border:1px #e0e3e6 solid;
  background-color: #fff;
}
.console .mpanel-main > div > div a.btn-default:hover {
  border-color: #e0e3e6;
  background-color: #f1f2f3;
}
.console .mpanel-main > div > div a.btn-on{
  height: 36px;
  line-height: 24px;
  color: #fff;
  border:1px #84c145 solid;
  background-color: #84c145;
}
.console .mpanel-main > div > div a.btn-on:hover {
  border:1px #71af31 solid;
  background-color: #71af31;
}
.console .mpanel-main > div > div a.btn-disabled{
  height: 36px;
  line-height: 24px;
  color: #7b7b7b;
  border:1px #ebedef solid;
  background-color: #ecf0f5;
  cursor: default;
}
.mpanel-info > div .btn-primary.no-border{cursor:default}
.mpanel-info > div .btn-primary.no-border:hover{background-color:#fff !important;color:#008eff;}
.console .mpanel-main > div > div a.btn-disabled:hover {
  border:1px #ebedef solid;
  background-color: #ecf0f5;
  cursor: not-allowed;
}
.console .btn.active, .console .btn:active {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ebidding-blue-light .box.fixed-bottom{
  margin-bottom: 0px !important;
}
img {
  max-width: 100%; /*Ã©â€“Â¸Ã£Æ’Â¥Ã¥Â¢Â½Ã¦Â¾Â§Ã¦Â Â­Ã¦â€¡â€ºÃ©Â¡ÂÃ¥Â Â¬Ã¦â€¹Â·Ã©ÂÅ’Ã¦Â°Â±Ã¥Â®â€°Ã©ÂÅ½Ã§Â¡â€¦Ã¦Â£â€žÃ§â‚¬Â¹Ã¯Â¿Â½*/
}
.ebidding-blue-light .ebidding-form .eidt-table.mg > tbody button .iconfont{font-size:20px;}
***
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child, .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){border-radius: 3px}
.fa-group:before, .fa-users:before{margin-right: 10px;}
.ebidding-blue-light .ebidding-form.simple.show .form-group > label:after{content:"\FF1A"}
.ebidding-blue-light .ebidding-form.simple.show .form-group > div span{padding-left:0}

.ebidding-blue-light .ebidding-form .eidt-table {margin-top: 0;}
.ebidding-blue-light .ebidding-form .eidt-table > thead > tr > th {border-top: none;background-color: #fff;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {color: #333;}
.ebidding-blue-light .sidebar-menu a i.pull-right{right: -10px;}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa{color: #333 !important;font-size: 13px;}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a{padding: 15px;}
.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a{padding: 12px 10px;font-size: 14px;border-top:1px solid #f4f4f4;}
.navbar-nav>.notifications-menu>.dropdown-menu>li.header{padding: 12px 10px;}
.ebidding-blue-light .ebidding-form.simple .form-group.half{min-height: 56px;}
.ebidding-blue-light .ebidding-form.simple.show .form-group.half{min-height: 36px;}
.navbar-nav > .user-menu span{font-size: 14px}
.ebidding-blue-light .box{margin-bottom:10px;}
a.btn.disabled{background: #F1F3F5;color: #000;border-color: #ccc;}
.navbar-pages-name span{font-size: 0}
.navbar-pages-name span a{font-size: 17px;color: #333;}
.ebidding-form .box-body .btn-group,.ebidding-form .box-body .btn-group button{width: 100%;}
.ebidding-form .box-body .btn-group button .ulSpan{float: left;}
.ebidding-form .box-body .btn-group button .fa-caret-down{float: right;margin-top: 5px;}
.main-header .logo .logo-lg > img {width: 200px;display: inline-block;height: 60px;vertical-align: top;}
/* Ã§â‚¬ÂµÃ§Â¡â€¦Ã§ËœÂ½Ã¥Â¦â€”Ã¯Â¿Â½*/
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.modal-lock {
  position: fixed;
  top: 55%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin: -250px 0 0 -280px;
  overflow: auto;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}

.modal-lock-screen {
  position: fixed;
  top: 55%;
  left: 50%;
  width: 300px;
  padding:15px 0;
  text-align:center;
  margin: -150px 0 0 -150px;
  z-index: 2050;
}

.ebidding-blue-light .ebidding-form .eidt-table.vertical-top > tbody > tr > td{vertical-align: top;}
.ebidding-blue-light .ebidding-form .eidt-table.vertical-top .fa-times.error,.ebidding-blue-light .ebidding-form .eidt-table.vertical-top .form-control.error + i + label.error{line-height: 25px;margin-bottom: -30px;}

/*0814---Ã¨Â¯â€žÃ¦Â â€¡*/
.tran{    transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.box-body.pb-pt35{padding-top: 35px;padding-bottom: 35px;height: 100px;overflow: hidden;width: 100%;}
.box-body.pb-pt35.visible{overflow: inherit;height: auto}
.box-body .pb-half{display: inline-block;width: 45%;padding-left: 5%;vertical-align: top;margin-top: 10px;}
.box-body .pb-half>span{color: #333;margin-right: 15px;vertical-align: top;text-align: right;width: 120px;display: inline-block}
.box-body .pb-half>p{display: inline-block}
.box-body .pb-half>p span{display: block;font-size: 12px;}
.box-body .pb-half>p a{margin-right: 10px;}
.box.box-solid.ebidding-pb > .box-header > .box-tools .btn{margin-left: 10px;}
.btn > i.fa-pause-circle-o{font-size: 15px;margin-right: 3px;}

.ebidding-pb-content{border: 1px solid #DCE3E9;margin: 20px 0 40px 10px;}
.ebidding-pb-content-main {border-bottom: 1px solid #DCE3E9;position: relative;}
.ebidding-pb-content-main ul{list-style: none;margin: 0;padding: 0;text-align: center }
.ebidding-pb-content-fixed{width: 155px;border-right: 1px solid #DCE3E9;background-color: #f8f9fb;display: inline-block;z-index: 2;position: absolute;}
.ebidding-pb-content-fixed li.first{height: 110px;border-top: none;position: relative}
.ebidding-pb-content-fixed li.first i{font-style: normal;position: absolute;font-weight: bold}
.ebidding-pb-content-fixed li.first i.left{bottom: 20px;left: 25px;}
.ebidding-pb-content-fixed li.first i.right{top: 25px;right: 20px;}
.ebidding-pb-content-fixed li.first em{position: absolute;height: 1px;top: 54px;left: -18px;width: 189px;background-color: #DCE3E9;transform: rotate(35deg);-webkit-transform: rotate(35deg);-moz-transform: rotate(35deg);-o-transform: rotate(35deg);-ms-transform: rotate(35deg);}
.ebidding-pb-content-fixed li.collect{line-height: 55px;font-weight: bold;color: #222;font-size: 15px;}
.ebidding-pb-content-fixed li{border-top: 1px solid #DCE3E9;height: 55px;}
.ebidding-pb-content-fixed li p{margin: 5px 0 0 0;display: inline-block;width: 100%;vertical-align: top;position: relative; }
.ebidding-pb-content-fixed li p.name{margin-top: 2px;color: #777;max-width: 82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;width: auto}
.ebidding-pb-content-fixed li p i{position: absolute;}
.ebidding-pb-content-fixed li p i.fa{color: #777;font-size: 17px;margin-right: 10px;left: -18px;top: 0;}
.ebidding-pb-content-fixed li p i.checked{font-style: normal;color: #fff;background-color: #008FFF;font-size: 12px;padding: 1px 5px;border-radius: 3px;top: 0;margin-left: 5px;}
.ebidding-pb-content-fixed li p span{font-weight: bold;color: #222;font-size: 15px;position: relative;}

.ebidding-pb-content-right{width: 100%;position: absolute;right: 0;top: 0;padding-left: 155px;overflow: hidden}
.ebidding-pb-content-right>i{position: absolute;top: 20px;border: 1px solid #D2D2D2;padding: 10px 8px;border-radius: 5px;cursor: pointer;color: #777;background-color: #fff;}
.ebidding-pb-content-right>i:hover{background-color: #D2D2D2;color: #000}
.ebidding-pb-content-right>.fa-caret-left{left: 170px;}
.ebidding-pb-content-right>.fa-caret-right{right: 15px;}
.ebidding-pb-content-right .rows{float:left;border-right: 1px solid #DCE3E9;}
.ebidding-pb-content-right .row-top{height: 110px;text-align: center;}
.ebidding-pb-content-right .row-top>p{font-weight: bold;color: #222;font-size: 15px;padding-top: 20px;}
.ebidding-pb-content-right .row-top .top-state{position: relative;float:left;vertical-align: top;width: 32%;}
.ebidding-pb-content-right .rows.three .row-top .top-state{width: 32%}
.ebidding-pb-content-right .rows.two .row-top .top-state{width: 49%}
.ebidding-pb-content-right .row-top .top-state.unchecked i{background-color: #c9c9c9;border-radius: 50%;width: 8px;top: 7px;height: 8px;display: inline-block}
.ebidding-pb-content-right .row-top .top-state.checked i{color: #008FFF;font-size: 20px;background: #fff;position: relative;z-index: 2;}
.ebidding-pb-content-right .row-top .top-state .line{width: 100%;height: 1px;background-color: #008FFF;position: absolute;top: 10px;right: -50%;}
.ebidding-pb-content-right .row-top .top-state.unchecked .line{background-color: #c9c9c9;right: -50%;}
.ebidding-pb-content-right .row-top .top-state.last .line{display: none;}
.ebidding-pb-content-right .row-top .top-state.last {padding-right: 0;}
.ebidding-pb-content-right .row-top .top-state p{color: #008FFF;text-align: center;width: 100%;}
.ebidding-pb-content-right .row-top .top-state.unchecked p{color: #c9c9c9}
.ebidding-pb-content-right .rows-content>div{width: 210px;height: 55px;line-height: 55px;text-align: center;float: left;border-top:1px solid #DCE3E9;position: relative;}
.ebidding-pb-content-right .row-top .top-state.unchecked.green i{background-color: #49c25b}
.ebidding-pb-content-right .row-top .top-state.unchecked.green p{color: #49c25b}
.ebidding-pb-content-right .rows-content>div i{color: #008FFF;font-size: 17px;padding: 5px; }
.ebidding-pb-content-right .rows-content>div i.bd{border: 1px solid #D3D3D3;border-radius: 4px;cursor: pointer;padding: 5px 18px;vertical-align: middle}
.ebidding-pb-content-right .rows-content>div i.bd:hover{border-color: #008FFF}
.ebidding-pb-content-right .rows-content>div a.bd{border: 1px solid #D3D3D3;border-radius: 4px;padding: 5px 15px;}
.ebidding-pb-content-right .rows-content>div a {position: relative;color: #49c25b}
.ebidding-pb-content-right .rows-content>div a.hide-a{display: none;padding-left: 10px;position: absolute;right: 35px;}
.ebidding-pb-content-right .rows-content>div.show-a:hover a.hide-a{display: inline-block}
.ebidding-pb-content-right .rows-content>div a i{position: absolute;width: 6px;height: 6px;padding: 0;background-color: red;border-radius: 50%;top: 0;right: -8px;}
.ebidding-pb-content-right .rows-content .pops{position: absolute;background-color: #fff;z-index: 3;border: 1px solid rgba(0,0,0,.2);border-radius: 6px;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);box-shadow: 0 5px 10px rgba(0,0,0,.2);padding: 0 15px;display: none}
.ebidding-pb-content-right .rows-content .pops p{width: 350px;text-align: left;color: #777;}
.ebidding-pb-content-right .rows-content .pops p i{color: #FFC000}
.ebidding-pb-content-right .rows-content .pops .links{text-align: right;}
.ebidding-pb-content-right .rows-content .pops .links button{background-color: #fff;outline: none;border: 1px solid #D3D3D3;height: 36px;line-height: 34px;border-radius: 4px;padding: 0 15px 0 10px ;}
.ebidding-pb-content-right .rows-content .pops .links button,.ebidding-pb-content-right .rows-content .pops .links button i {color: #777}
.ebidding-pb-content-right .rows-content .pops .arrow {width:0;height:0;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #ddd;position:absolute;top: -10px;left: 20%;}

.ebidding-pb-content-right.alone{padding-left: 0;}
.ebidding-pb-content-right.alone>.fa-caret-left{left: 15px;}

.ebidding-pb-content-bottom .state{padding-left: 30px;float: left;}
.ebidding-pb-content-bottom .state p{color: #333;height: 50px;margin: 0 35px 0 0;line-height: 50px;display: inline-block}
.ebidding-pb-content-bottom .state p span{color: #B3B3B3}
.ebidding-pb-content-bottom .state p span.already{color: #49c25b}
.ebidding-pb-content-bottom .sign-right{float: right;margin-top: 7px;margin-right: 35px;}
.ebidding-pb-content-bottom .sign-right>a{margin-top: 8px;display: inline-block}
.ebidding-pb-content-bottom .sign-right>a i{margin-right: 5px;}
.box.box-solid > .box-header > .box-tools .btn{margin-top: 10px;}
.box-header > .box-tools{margin-top: 0;}
.icon-example{padding-left: 20px;}
.icon-example>div{display: inline-block;margin-right: 15px;}
.icon-example i{width: 12px;height: 12px;display: inline-block;margin-right: 5px;}
.icon-example .checked i{background-color: #008FFF;}
.icon-example .checking i{background-color: #49c25b;}
.icon-example .uncheck i{background-color: #c9c9c9;}

/*pdf*/
.ebidding-pdf{width: 100%;background-color: #fff;box-shadow: 0 0 7px rgba(0,0,0,0.1) }
.ebidding-pdf .pdf-title{padding-left: 30px;height: 50px;border-bottom: 1px solid #e2e2e2;}
.ebidding-pdf .pdf-title h1{font-size: 17px;margin: 0;display: inline-block;color:#000;}
.ebidding-pdf .pdf-title h1 span{display: inline-block; height: 50px;line-height: 50px;font-weight: bold;margin-right: 10px;}
.ebidding-pdf .pdf-title .right{float: right;line-height: 50px;margin-right: 30px;}
.ebidding-pdf .pdf-title .right i{margin-left: 10px;cursor: pointer;display: inline-block;color: #333;padding:10px;}
.ebidding-pdf .pdf-title .right i.active{background-color: #008FFF;color: #fff;border-radius: 4px;}
.pdf-main .pdf-left{border-right: 1px solid #e2e2e2;width: 256px;float: left;color:#000;}
.pdf-main .pdf-left ul{margin: 0;padding: 0;list-style: none}
.pdf-main .pdf-left .left-title{padding-left: 35px;font-weight: bold;font-size: 15px;height: 60px;line-height: 60px;border-bottom: 1px solid #e2e2e2;}
.pdf-main .pdf-left ul li a{display: inline-block;color: #333;width: 100%;padding-left: 35px;height: 37px;border-bottom: 1px solid #e2e2e2;line-height: 36px;}
.pdf-main .pdf-left ul li a:hover{background-color: #f1f3f5;}
.pdf-main .pdf-right{float: left;position: relative;}
.pdf-main .pdf-right.bd{border-right: 1px solid #d2d2d2}
.pdf-main .pdf-right .pdf-right-top{background-color: #EDEDED;min-height: 60px;padding-top: 13px;border-left: 1px solid #fff;border-right: 1px solid #fff;}
.pdf-main .pdf-right .pdf-right-top select{width: 60%;margin-left: 4%;display: inline-block;}
.pdf-main .pdf-right .pdf-right-top .links{float: right;margin-right: 4%;width:30%;text-align: right;}
.pdf-main .pdf-right .pdf-right-top .links a{display: inline-block;margin-right: 1%;margin-top: 8px;}
.pdf-main .pdf-right .pdf-right-top .links a.active{text-decoration: underline;color: #333;}
.pdf-main .pdf-right .pdf-right-bottom {background-color: #999;height: 800px;overflow: hidden;}
.pdf-main .pdf-right .bottom-pop{position: absolute;background-color: #008FFF;border-radius: 3px;right: 20px;bottom: 30px;box-shadow: 0 0 7px rgba(0,0,0,0.1);}
.pdf-main .pdf-right .bottom-pop.vertical{width: 52px;}
.pdf-main .pdf-right .bottom-pop i{color: #fff;font-size: 22px;cursor: pointer;vertical-align: middle;line-height: 42px;margin-left: 5px;}
.pdf-main .pdf-right .bottom-pop i.vertical{color: #fff;font-size: 22px;cursor: pointer;vertical-align: middle;line-height: 42px;width:100%;display:inline-block;text-align:center;padding-left:5px}
.pdf-main .pdf-right .bottom-pop.vertical i{color: #fff;font-size: 22px;cursor: pointer;vertical-align: middle;line-height: 42px;width:100%;display:inline-block;text-align:center;padding-left:5px;margin:0;}
.pdf-main .pdf-right .bottom-pop input{outline: none;border: none;background-color: #fff;border-radius: 3px;padding: 5px;color: #008FFF;margin-left: 5px}
.pdf-main .pdf-right .bottom-pop input::-webkit-input-placeholder {/* WebKit browsers*/ color:#008FFF;}
.pdf-main .pdf-right .bottom-pop input:-moz-placeholder {/* Mozilla Firefox 4 to 18*/ color:#008FFF;}
.pdf-main .pdf-right .bottom-pop input::-moz-placeholder {/* Mozilla Firefox 19+*/ color:#008FFF;}
.pdf-main .pdf-right .bottom-pop input:-ms-input-placeholder {/* Internet Explorer 10+*/ color:#008FFF;}
.pdf-main .pdf-right .pdf-right-bottom img{width: 100%;height: 100%;}
.pdf-main .pdf-right .bottom-pop label{background-color: #008FFF;border-color: #008FFF;color: #fff;}
.pdf-main .pdf-right .bottom-pop .btn-group-vertical label:hover,.pdf-main .pdf-right .bottom-pop .btn-group-vertical label.active{background-color: #fff;color: #008FFF;}
#bottom-pop button .glyphicon.green{color:#fff}
#bottom-pop button .glyphicon.red{color:#fff}
#bottom-pop button .glyphicon.blue{color:#fff}
#bottom-pop button.active .glyphicon.green{color:#71C632}
#bottom-pop button.active .glyphicon.red{color:red}
#bottom-pop button.active .glyphicon.blue{color:#008EFF}

.goodcover {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: 0.50;filter: alpha(opacity=80);}
.code {width: 300px;height: 300px;background-color: #fff;padding: 10px;position: absolute;display: none;left: 45%;z-index: 1002;border-radius: 3px}
.goodcoverSingle {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: 0.50;filter: alpha(opacity=80);}
.codeSingle {width: 300px;height: 300px;background-color: #fff;padding: 10px;position: absolute;display: none;left: 45%;z-index: 1002;border-radius: 3px}
.goodcoverTow {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: 0.50;filter: alpha(opacity=80);}
.codeTow {width: 300px;height: 300px;background-color: #fff;padding: 10px;position: absolute;display: none;left: 45%;z-index: 1002;border-radius: 3px}
.close1 {height: 30px;}
.closebt {float: right;}
.closebt i{color: #333;font-size: 18px;}
.goodtxt{width: 100%;height: 100%;text-align: center;padding-top: 15px;}
.goodtxt textarea{width: 90%;display: inline-block;outline: none;margin: 0 auto;resize: none}
.goodtxt .links{text-align: left;padding: 10px 40px;}
.goodtxt .links button{background-color: #008eff;outline: none;border: 1px solid #D3D3D3;height: 36px;line-height: 34px;border-radius: 4px;padding: 0 15px 0 10px ;}
.goodtxt .links button i {color: #fff;margin-right: 5px;}

/*Ã¦â€šÂ¬Ã¦ÂµÂ®Ã¥Â±â€š*/
.title{display: none; position: absolute; background: rgb(204, 204, 204); width: 100%; color: rgb(0, 0, 0); text-align: center; padding: 10px 0;border-left: 1px solid #fff;border-right: 1px solid #fff;}
/*pdf Ã©â‚¬â€°Ã¤Â¸Â­*/
#bottom-pop button{outline: none;padding: 2px 15px;/* float: left */}
#bottom-pop button.active{background-color: #fff;}
/*#bottom-pop button.active i{color: #008FFF !important}*/
#bottom-pop button i{margin: 0;padding: 0 3px}
.label-default.active, .label-default:active, .label-default:hover, .open>.dropdown-toggle.label-default, .label-default.active.focus, .label-default.active:focus, .label-default.active:hover, .label-default:active.focus, .label-default:active:focus, .label-default:active:hover, .open>.dropdown-toggle.label-default.focus, .open>.dropdown-toggle.label-default:focus, .open>.dropdown-toggle.label-default:hover {
  border-color: #d0d3d5;
  background-color: #008FFF;
}
.label-default {
  height: 36px;
  line-height: 24px;
  color: #333;
  border-color: #e0e3e6;
  /* background-color: #fff; */
}
.adpForm>button{border: 1px solid #ccc !important;}


.floatarea.more-set {position: fixed;top: 180px;right: 10px;color: #fff;display: inline-block;width: 42px;height: 42px;line-height: 42px;z-index: 999;border: #e0e3e6 1px solid;border-radius: 20px;text-align: center;font-size: 18px;background-color: #008eff;cursor: pointer;}
.floatarea.more-set>a{color: #fff;}
.floatarea.more-set:hover{background-color: #fff;}
.floatarea.more-set:hover>a{color: #008eff;}
.floatarea.more-set:hover>.more-set-links{display:inline-block;}
.floatarea.more-set .more-set-links{background-color: #fff;border-radius:3px;box-shadow: 0 0 10px rgba(0,0,0,0.1);position: absolute;display:none;left: -165px;top: -10px;}
.floatarea.more-set .more-set-links a{font-size:14px;color:#333;display: block;padding: 10px 20px;line-height: 20px;width: 150px;text-align: left;}
.floatarea.more-set a span{font-size: 12px;width: 30px;line-height: 12px;padding-top: 8px;display: inline-block; }
.floatarea.more-set:hover a span{display: none}
.floatarea.more-set:hover a i{display: inline-block}
.floatarea.more-set a i{display: none}
.floatarea.more-set .more-set-links a:hover{background-color:#EDF7FD}
.floatarea.more-set .more-set-links i{width:100px;height:100px;background-color:transparent;z-index:-1;right:-20px;top:0;position:absolute;}

.tooltip-inner {color: #000;text-align: center;background-color: #F2F4F6;border-radius: 4px;border:1px solid #ccc;}
.tooltip-inner p{width: 200px;text-align: left;color: #777;font-size:12px;}
.tooltip-inner p i{color: #FFC000;margin-right:5px;}
.tooltip-inner .links{text-align: right;}
.tooltip-inner .links button{background-color: #fff;outline: none;border: 1px solid #D3D3D3;height: 26px;line-height: 24px;border-radius: 4px;padding: 0 15px 0 10px ;}
.tooltip-inner .links button,.tooltip-inner .links button i {color: #777;margin-right:5px;}

.input-group-btn.width-60 .dropdown-menu{left:inherit;right: 0;}
.ebidding-blue-light .operate.btn-down .dropdown-menu{left:inherit;right: -28px;}
.input-group-btn.width-60{width: 60px}

.ebidding-blue-light .operate.btn-down>div:first-child{display: inline-block;}
.ebidding-blue-light .operate.btn-down>div:first-child button{margin: 0}
.ebidding-blue-light .operate.btn-down>div.dropdown-btn{display: inline-block;margin-left: 5px;}
.ebidding-blue-light .operate.btn-down>div.dropdown-btn button{ min-width: auto;margin: 0;padding: 5px;}
.ebidding-blue-light .operate.btn-down>div.dropdown-btn button span{font-weight: bold;font-size: 20px;line-height: 0px;}

/*自定义二级菜单*/
aside.main-sidebar,.ebidding-blue-light .main-header .logo,.ebidding-blue-light .main-header .navbar{position: absolute;transition: none;}
.ebidding-blue-light .main-header .navbar{padding-right: 30px;}
/* .outside-menu{position: absolute;left: 60px;width: 180px;padding-left: 20px;padding-top: 5px;padding-bottom: 5px;border-bottom-right-radius: 4px;border-top-right-radius: 4px;background: #272f35;list-style: none;margin: 0;display: none;}
.ebidding-blue-light .outside-menu li a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 185px;color: #aaa;height: 36px;line-height: 36px;padding: 3px 36px 3px 0;display: block;font-size: 14px;position: relative;}
.ebidding-blue-light .outside-menu li a i{width: 60px;margin-left: 0;position: absolute;height: 30px;line-height: 30px;font-size: 16px;text-align: center;}
.ebidding-blue-light .outside-menu li.first a{cursor: default}
.ebidding-blue-light .outside-menu li.first span{border-top-right-radius: 4px;color: #fff;font-size: 14px;font-weight: normal;width: 181px;display: inline-block;left: 4px;position: absolute;top: 0;margin-left: -3px;background-color: inherit;}
.ebidding-blue-light .outside-menu li.first span.pull-right-container{left: 100px}
.ebidding-blue-light .outside-menu li.secondmenu ul.treeview-menu{padding-left: 20px; padding-bottom: 20px;}
.ebidding-blue-light .outside-menu li.secondmenu ul.treeview-menu li a{height: 20px;line-height: 20px;} */

/*收缩时悬浮即展开菜单*/
/*.sidebar-mini .main-footer{margin-left: 60px !important;}*/
/*.ebidding-blue-light .sidebar-menu a i.pull-left{left: 3px}*/
/*.sidebar-mini.sidebar-collapse .fixed-bottom.fixed-bottom-pos{margin-left: 60px !important;}*/
.navbar-nav{/*position: fixed;*/top:0;right: 0;}
/*.main-sidebar + .content-wrapper{margin-left: 60px;}*/
.main-header{height: 61px;}
/*.ebidding-blue-light .main-sidebar{ z-index: 1000; }*/
#ascrail2000 div{background-color: transparent !important;}
.ebidding-blue-light .main-header .navbar {width: calc(100% - 230px) !important;transition: none;}
.sidebar-mini.sidebar-collapse .main-header .navbar {width: calc(100% - 60px) !important;transition: none;}
.sidebar-menu {overflow: visible !important;height: auto !important;}
aside.main-sidebar {height: 100% !important}
/*文件管理*/
.pull-right .help{margin-right: 15px;color: #999;font-size: 14px;}
.pull-right .help i{vertical-align:middle}
.box.box-solid>.box-header a.help:hover{background:transparent}
.ebidding-blue-light .ebidding-form .eidt-table.mg > tbody button.disabled{color: #ccc;}

.modal-content.icon-text{padding: 20px 30px;}
.modal-content.icon-text .modal-title{font-weight: bold;color: #333}
.modal-content.icon-text .modal-body .icons>i{display: inline-block;margin: 0 10px;color: #008FFF}
.modal-content.icon-text .line{display: inline-block;height: 1px;width: 100px;vertical-align: middle;position: relative;background-color: #ccc;}
.modal-content.icon-text .modal-body .icon-content span{margin: 10px 40px 10px 0;width: 90px;display: inline-block;vertical-align: top;color: #008FFF}
.modal-content.icon-text .line .arrow {font-size: 0;line-height: 0;border-width: 4px;border-color: #ccc;border-right-width: 0;border-style: dashed;border-left-style: solid;border-top-color: transparent;border-bottom-color: transparent;position: absolute;right: 0;top: -4px;}
.modal-content.icon-text .modal-body ul{list-style: none;padding: 0;margin-top: 15px;}
.modal-content.icon-text .modal-body ul li{margin-bottom: 10px;}
.modal-content.icon-text .modal-body>p{margin-top: 15px;color: #008FFF;font-size: 12px;}
.modal-content.icon-text .modal-body>p span{color: #333;font-weight: bold;font-size: 14px;margin-right: 5px}
.modal-content.icon-text .modal-body>p i{margin-right: 3px;}

.sp.box-body{overflow: auto}
.sp.box-body>div{min-width: 2000px;}
.sp-box{min-width:220px;max-width:400px;min-height:110px;padding: 15px;font-size: 14px;border: 1px solid #000;border-radius: 3px;display: inline-block;position: relative;margin-right: 35px;vertical-align: top;margin-bottom: 20px;}
.sp-box.green{border-color: #00c252}
.sp-box.red{border-color: #FF4700}
.sp-box.yellow{border-color: #ffaa00}
.sp-box.gray{border-color: #ddd}
.sp-box h3{margin: 0 0 10px 0;font-size: 16px;color: #333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 170px;display: inline-block}
.sp-box .name i{font-size: 14px;padding: 3px 10px;font-style: normal;color: #fff;border-radius: 3px;margin-bottom: 7px;display: inline-block;cursor: pointer}
.sp-box i.bgc-green{background-color: #00c252;}
.sp-box i.bgc-red{background-color: #FF4700;}
.sp-box i.bgc-yellow{background-color: #ffaa00;}
.sp-box i.bgc-gray{border: 1px solid #ddd;color: #999}
.sp-box i.green{color: #00c252;}
.sp-box i.red{color: #FF4700;}
.sp-box i.yellow{color: #ffaa00;}
.sp-box i.gray{color: #bbb;}
.sp-box p{margin: 0;}
.sp-box p a{float: right;color: #999;}
.sp-box .line{background-color: #ddd;height: 1px;width: 40px;position: absolute;top: 60px;right: -41px;}
.sp-box .icons{position: absolute;top: 5px;right: 8px;}
.sp-box .icons i{cursor: pointer;margin-left: 5px;}
.sp-box .name.overflow{height: 33px;overflow: hidden}
.sp-tip{background-color: #fff;max-width: 250px;min-height: 150px;display: inline-block;border: 1px solid #ddd; border-radius: 3px;    }
.sp-tip div{padding-bottom: 10px;margin-bottom: 10px;border-bottom:1px solid #ddd;}
.sp-tip p span.left{float: left;color: #FF4700}
.sp-tip p span.right{float: right;}
.sp-box i.fa-angle-down,.sp-box i.fa-angle-up{border: 1px solid #ffaa00;color: #ffaa00}


.pdf-main .pdf-right .pdf-right-top .links .more{padding-top:7px; position: relative;display: inline-block;cursor: pointer;color: #008eef}
.pdf-main .pdf-right .pdf-right-top .links-pop{position: absolute;top: 31px;right: -5px;border: 1px solid #ddd;border-radius: 3px;background-color: #fff;width: 300px;z-index: 3;text-align: center;padding: 5px 0 10px 10px;display: none}
.pdf-main .pdf-right .pdf-right-top .links-pop span{margin-right: 5px;}
.pdf-main .pdf-right .pdf-right-top .links-pop .arrow{width: 0;height: 0;border-width: 0 10px 10px;border-style: solid;border-color: transparent transparent #ddd;position: absolute;top: -10px;right: 39px;}
.pdf-main .pdf-right .pdf-right-top .links-pop .arrow-bg{width: 0;height: 0;border-width: 0 8px 8px;border-style: solid;border-color: transparent transparent #fff;position: absolute;top: -8px;right: 41px;}
.pdf-main .pdf-right .pdf-right-top .links .more:hover .links-pop{display: inline-block}
