/*============= 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(../img/bg/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;}