/*============= menu user =============== */

ul li.menu_user {
  display: inline-block;
  position: relative;
  margin-left: 8px;
}

ul li.menu_user a {
  width: auto;
  display: block;
  background-image: none;
  float: left;
  color: #f16324;
}

ul li.menu_user a:hover {
  color: #FFF;
}

ul li.menu_user a span {
  padding-left: 3px;
}

.nav_down_up {
  position: absolute;
  right: 0;
  top: 40px;
  background-color: #252525;
  z-index: 100;
  padding: 8px 12px !important;
  display: none;
}

.nav_down_up li {
  padding: 3px 0;
}

.nav_down_up li a {
  white-space: nowrap;
  margin: 0 !important;
}

/*============= form login =============== */

.bread_global_name.gui {
  margin-top: 0;
}

.content-login {
  float: left;
  width: 100%;
}

.form-login {
  width: 100%;
  max-width: 360px;
  margin: auto;
  min-height: 300px;
}

.form-login h1 {
  font-size: 16px;
  text-align: center;
  margin: 10px;
  color: #db4a3f;
  text-transform: capitalize;
  font-weight: normal;
}

.bread_global_name .name.gui span {
  background-image: url(../static/img/gui.png);
  background-position: left 10px;
  padding-left: 24px;
}

.form-login input:not([type="checkbox"]) {
  width: 100%;
  padding: 10px 10px;
  margin: 6px 0;
  border: solid 1px #ccc;
  display: inline-block;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-login button,
.form-login input[type='submit'] {
  float: right;
  background: #cc6699;
  padding: 10px 40px;
  color: #fff;
  border: none;
  margin-top: 10px;
  display: block;
  cursor: pointer;
  border-radius: 4px;
  width: auto;
}

.form-login.ilogin button {
  margin-top: 38px;
}

.form-login button:hover {
  opacity: 0.6;
}

.btn-facebook {
  background: #3b5998;
}

.btn-google {
  background: #dd4b39;
}

.btn-facebook span {
  background-color: #2f477a;
}

.btn-facebook img,
.btn-google img {
  height: 17px;
}

.btn-google span {
  background-color: #b13c2e;
}

.btn-facebook,
.btn-google {
  display: inline-block;
  width: 100%;
  margin: 6px 0;
  position: relative;
  color: #FFF !important;
  font-size: 14px;
  border-radius: 4px;
  ;
}

.btn-facebook:hover,
.btn-google:hover {
  color: #fff;
  opacity: 0.6;
}

.btn-facebook span,
.btn-google span {
  display: inline-block;
  width: 40px;
  padding: 10px 0;
  text-align: center;
  margin-right: 10px;
  border-radius: 4px;
}

.link-forget,
.link-sign {
  color: #db4a3f !important;
  width: 100%;
  display: block;
  margin: 5px 0;
  font-size: 13px;
}

.link-forget:hover,
.link-sign:hover {
  color: #000000 !important
}

.form-login input[type='checkbox'] {
  margin: 5px 0 10px 0;
}

/*============= form login poup =============== */

.login-popup {
  position: fixed;
  background: rgba(236, 235, 238, 0.9);
  width: 400px;
  max-width: 100%;
  z-index: 9999;
  padding: 22px;
  left: 0;
  right: 0;
  top: 50px;
  margin: auto;
  display: none;
  color: #000000;
}

.login-popup h2 {
  text-align: center;
  color: #000000;
  font-size: 20px;
  margin-bottom: 10px;
}

.login-popup .btn-facebook,
.login-popup .btn-google {
  display: inline-block;
  width: 100%;
  margin: 7px 0;
  position: relative;
  color: #FFF;
  font-size: 14px
}

.login-popup .btn-facebook:hover,
.login-popup .btn-google:hover {
  color: #FFF
}

.login-popup .btn-facebook {
  background: #3b5998
}

.login-popup .btn-google {
  background: #dd4b39
}

.login-popup .btn-facebook span,
.login-popup .btn-google span {
  display: inline-block;
  width: 40px;
  padding: 10px 0;
  text-align: center;
  margin-right: 10px
}

.login-popup .btn-facebook img,
.login-popup .btn-google img {
  height: 17px
}

.login-popup .btn-facebook span {
  background-color: #2f477a
}

.login-popup .btn-google span {
  background-color: #b13c2e
}

.login-popup input:not([type="checkbox"]) {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #cdcdcd;
  height: 40px;
  margin: 7px 0;
  font-size: 14px;
  padding: 0 10px;
}

.login-popup .link-forget {
  float: right;
  color: #000000;
  width: 50%;
  color: #ff5702;
  text-align: right;
  margin: 0;
}

.login-popup .link-forget:hover,
.login-popup .link-signup:hover {
  color: #fff;
}

.login-popup .link-signup {
  float: left;
  color: #000000;
  width: 50%;
  color: #ff5702;
}

.login-popup button {
  margin-top: 15px;
  width: 100%;
  padding: 10px;
  text-align: center;
  background: #ff5702;
  color: #ffffff;
  border: none;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  cursor: pointer;
}

.login-popup hr {
  margin-bottom: 10px;
  visibility: hidden;
}

.login-popup button:hover {
  box-shadow: 0px 3px 5px #888888;
}

.login-popup label {
  margin: 5px 0;
  float: left;
  width: 100%;
}

/*============= bookmark info =============== */

a.bookmark {
  color: #ff6600;
}

a.bookmark:hover {
  color: #fff;
}

.bookmark-manage i {
  background: url('../img/bookmart-manage.png') no-repeat;
  background-position: 0 3px;
  padding: 5px 0 10px 20px !important;
}

.bookmark-add i {
  background: url('../img/bookmart-add.png') no-repeat;
  background-position: 0 3px;
  padding: 5px 0 10px 24px !important;
}

.bookmark-remove i {
  background: url('../img/bookmart-remove.png') no-repeat;
  background-position: 0 5px;
  padding: 5px 0 10px 18px !important;
}

/*============= favorites detail =============== */

.favorites_book {
  position: relative;
}

.favorites_book ul {
  padding-left: 0 !important;
}

.favorites_book ul li {
  list-style: none;
  cursor: pointer;
  color: #333333;
  padding: 12px 0;
  background-color: #db4a3f;
  cursor: pointer;
  text-align: center;
}

.favorites_book ul li span {
  color: #fff;
  font-size: 20px;
}

.favorites_book ul li .fa {
  font-size: 15px;
  color: #656565;
}

.favorites_book ul li:hover,
.favorites_book ul li:hover .fa {
  color: #ff9900;
  background-color: #db1203;
}

.favorites_book ul li.active,
.favorites_book ul li.active .fa {
  color: #ff6600;
}

.favorites_book ul li.active:hover,
.favorites_book ul li.active:hover .fa {
  text-shadow: 1px 0 2px #fff;
}

.favorites_book .load_subs {
  background: url('../img/load/loading3.gif') no-repeat;
  background-position: center center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: none;
}

/*============= bookmark my show =============== */

.page-title-icon-1 {
  background-color: #db4a3f;
  display: inline-block;
  color: #fff;
  padding: 7px 20px;
  font-weight: 300;
  font-size: 28px;
}