@font-face {
    font-family: 'manopmailight';
    src: url('../fonts/manopmailight-webfont.eot');
    src: url('../fonts/manopmailight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/manopmailight-webfont.woff') format('woff'),
         url('../fonts/manopmailight-webfont.ttf') format('truetype'),
         url('../fonts/manopmailight-webfont.svg#manopmailight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'manopmaireg';
    src: url('../fonts/manopmaireg-webfont.eot');
    src: url('../fonts/manopmaireg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/manopmaireg-webfont.woff') format('woff'),
         url('../fonts/manopmaireg-webfont.ttf') format('truetype'),
         url('../fonts/manopmaireg-webfont.svg#manopmaireg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'manopscriptreg';
    src: url('../fonts/manopscriptreg-webfont.eot');
    src: url('../fonts/manopscriptreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/manopscriptreg-webfont.woff') format('woff'),
         url('../fonts/manopscriptreg-webfont.ttf') format('truetype'),
         url('../fonts/manopscriptreg-webfont.svg#manopscriptreg') format('svg');
    font-weight: normal;
    font-style: normal;
}

input[type="email"], input[type="tel"], input[type="date"] {
	padding: 4px;
}

.font-manopmai {
	font-family: 'manopmailight';
}
.font-manopmai-reg {
	font-family: 'manopmaireg';
}
.font-manopmai-light {
	font-family: 'manopmailight';
}
.font-manopscript {
	font-family: 'manopscriptreg';
}

body {
	position: relative;
}

body.cke_editable {
	padding: 10px;
}

body > .page-header {
	background: url('https://www.jeban.com/images/logo/logo-desktop.png') center center no-repeat transparent;
	background-size: 254px 61px;
	border-bottom: none;
	margin-bottom: none;
	height: 80px;
	padding: 0;
	margin: 0;
	
	position: relative;
}
#home-link {
	position: absolute;
	width: 280px;
	height: 40px;
	margin-top: 20px;
	left: 50%;
	margin-left: -140px;
}

body > nav.navbar {
	border-radius: 0;
	/*
	font-family: 'manopmailight';
	*/
	min-height: 0;
	
	margin-bottom: 0;
	
	background: url('https://www.jeban.com/2014/web/images/nav-background.jpg') left bottom repeat-x #222222;
	padding-bottom: 5px;
	border: none;
}
body > nav.navbar, 
body > nav.navbar ul.dropdown-menu > li > a { 
	font-size: 12px;	
}
body > nav.navbar .navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 5px;
}
body > nav.navbar .navbar-center {
	font-family: 'manopscriptreg';
	font-weight: bold;
	font-size: 20px;
}
body > nav.navbar .navbar-center > li {
	display: inline-block;
}
body > nav.navbar .navbar-center > li > i.fa-caret-up {
	color: #EF6E69;
	margin-left: 2px;
	margin-right: 2px;
}
body > nav.navbar .navbar-center > li > a {
	color: black;
}

body > nav.navbar-inverse {
	margin-bottom: 25px;
}

#page-container {
	max-width: 1000px;
}

nav.visible-xs .container .navbar-nav {
	margin: 0 -15px;
}

.pull-center {
    text-align: center;
}
.pull-center > .nav {
    float:none;
    display:inline-block;
    *display: inline; *zoom: 1;
}

a[data-target="#bs-example-navbar-collapse-1"] {
	text-align: center;
}
li.nav-button-search, 
li.nav-button-pages {
	float: left;
}
li.nav-button-search a, 
li.nav-button-pages a,
li.nav-button-sign-in a {
	border-none;
}
li.nav-button-pages a:not(.collapsed) i.fa-angle-up {
	display: inline;
}
li.nav-button-pages a:not(.collapsed) i.fa-angle-down {
	display: none;
}
li.nav-button-pages a.collapsed i.fa-angle-up {
	display: none;
}
li.nav-button-pages a.collapsed i.fa-angle-down {
	display: inline;
}

li.nav-button-pages .pull-left, li.nav-button-pages .pull-right {
	margin-top: 2px;
} 
li.nav-button-search {
	border-right: 1px solid #999999;
}
li.nav-button-sign-in {
	border-left: 1px solid #999999;
}

.pull-center > .nav > li > a:hover, 
.pull-center > .nav > li > a:focus {
	background: none!important;
}

@media screen and (max-width: 767px) {
	body > .page-header {
		background-size:150px 35px;
		height: 50px;
	}
	body > nav.navbar .navbar-center {
		font-family: 'manopscriptreg';
		font-weight: bold;
		font-size: 16px;
	}
	body > nav.navbar .navbar-center > li > a {
		padding-left: 0;
		padding-right: 0;
	}
	.pull-center > .navbar-nav {
    	margin: 0;
    	margin-top: -15px;
    }
    
	.row-xs {
	  margin-right: -15px!important;
	  margin-left: -15px!important;
	  
	  padding-left: 0!important;
	  padding-right: 0!important;
	  
	  float: none!important;
	}
	
	.row-xs:before,
	.row-xs:after {
	  display: table!important;
	  content: " "!important;
	}
	
	.row-xs:after {
	  clear: both!important;
	}
	
	.row-xs:before,
	.row-xs:after {
	  display: table!important;
	  content: " "!important;
	}
	
	.row-xs:after {
	  clear: both!important;
	}
}

.invisible {
	visibility: hidden;
}

.page-footer {
	background: #333333;
}
.page-footer h3 {
	color: white;
	font-size: 15px;
	font-weight: normal;
}
.page-footer h3 a {
	color: white;
}
.page-footer ul.list-unstyle {
	padding-left: 0;
}
.page-footer li a {
	color: #999;
	font-size: 90%;
}
.page-bottom-line {
	background: #000;
	color: #999;
}
.page-bottom-line * {
	font-size: 13px;
	line-height: 1.4em;
}
.page-bottom-line .navbar-brand {
	padding: 10px;
}
.page-bottom-line .navbar-nav > li > a {
	color: inherit;
	padding: 10px;
}
.page-bottom-line .navbar-nav > li > a:hover {
	background: none;
	text-decoration: underline;
}
.page-bottom-line .navbar {
	min-height: 0;
	margin-bottom: 0;
}

.page-footer .social {
	margin-bottom: 10px;
}
.page-footer ul.info-link {
	margin-top: 10px;
}
.page-footer .social h3 {
	font-size: 25px;
	padding-left: 5px;
	padding-right: 5px;
}
.page-footer .sitemap.pull-center {
	margin-top: 20px;
	font-size: 20px;
	font-weight: 200;
}
.page-footer .sitemap.pull-center a {
	color: white;
}

.page-footer ul.info-link li,
.page-bottom-line ul.info-link li {
	float: left;
	position: relative;
}
.page-footer ul.info-link li a:after,
.page-bottom-line ul.info-link li a:after {
	content: "|";
	position: absolute;
	right: 0;
}
.page-footer ul.info-link li:last-child a:after,
.page-bottom-line ul.info-link li:last-child a:after {
	content: "";
}

.page-bottom-line .copyright {
	padding: 10px;
	text-align: center;
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/* Customize css for isotope */

#isotope-container {
	margin: 0 auto;
}
#isotope-container {
	max-width: 960px;
}

@media screen and (min-width: 680px) and (max-width: 989px) {
	#isotope-container {
		max-width: 640px;
	}
}

.navbar-desktop .dropdown-menu {
	position: absolute;
	width: auto;
	white-space: nowrap;
	padding: 5px;
	
	background: #8B8B8B;
	border-top: none;
}
.navbar-desktop .dropdown-menu li {
	display: inline-block;
}
.navbar-desktop .dropdown-menu li a {
	color: #fff;
}
.navbar-desktop .dropdown-menu li a i.fa {
	margin-right: 5px;
}
.navbar-desktop .dropdown-menu li a:hover {
	background: #666666;
	border-radius: 4px;
	color: #fff;
}
.navbar-desktop .nav.navbar-nav.navbar-left > li.dropdown:hover:after,
.navbar-desktop .nav.navbar-nav.navbar-left > .open:after {
	content: "";
	color: #8B8B8B;
	font-family: FontAwesome;
	font-size: 20px;
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -5px;
	line-height: 20px;
}

.navbar-desktop .nav.navbar-nav.navbar-left li:nth-child(3) .dropdown-menu {
	margin-left: -115px;
}
.navbar-desktop .nav.navbar-nav.navbar-left li:nth-child(6) .dropdown-menu {
	margin-left: -357px;
}

.navbar-desktop .nav.navbar-nav.navbar-left li:hover > ul.dropdown-menu {
    display: block;    
}

#login-dialog .modal-dialog {
	max-width: 420px;
}
#login-dialog .modal-content {
	background: #EEEEEE;
}
#login-dialog .modal-content h4 {
	margin-bottom: 25px;
}
#login-dialog .modal-content hr {
	border-color: #CECECE;
}
#login-dialog .modal-footer {
	background: #CECECE;
	text-align: left;
}
#login-dialog .modal-footer ul {
	margin-bottom: 0;
}
#login-dialog .modal-footer ul li a {
	color: #333;
	font-size: 110%;
}

.modal-social-register .tab-pane {
	padding: 40px 20px 0;
}
#social-register-tab li a {
	background: none;
	border: none;
	border-radius: 0;
	color: #aaa;
	padding-bottom: 5px;
	margin-right: 0;
	outline: 0;
}
#social-register-tab li a:hover {
	color: #333;
	text-decoration: underline;
}
#social-register-tab li.active a:hover {
	text-decoration: none;
}

#social-register-tab li.active {
	border-bottom: 3px solid #ED8788;
}
#social-register-tab li.active a {
	display: relative;
	color: #333;
}
#social-register-tab li.active a:after {
	content: "";
	font-family: 'FontAwesome';
	font-size: 20px;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: -19px;
	color: #ED8788;
}

.input-group-google-plus .input-group-addon {
    background-color: #e76140;
    border-color: #cc5438;
    color: #FFFFFF;
}

.input-group-facebook .input-group-addon {
    background-color: #3c599b;
    border-color: #3c599b;
    color: #FFFFFF;
}

.btn-default {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #A2A2A2;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}
.btn-default:hover, .btn-default:active, .btn-default.active, .btn-default.disabled, .btn-default[disabled] {
    background-color: #E6E6E6;
    color: #333333;
}
.btn-default:hover {
    background-color: #E6E6E6;
    background-position: 0 -15px;
    color: #333333;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}
.btn-default:focus {
    outline: thin dotted #333333;
    outline-offset: -2px;
}
.btn-default.active, .btn-default:active {
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}
.btn-default.disabled, .btn-default[disabled] {
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.65;
}

.btn-primary {
    background: linear-gradient(#818181, #515151) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #515151;
    color: #FFFFFF;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background: linear-gradient(#818181, #515151) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #515151;
    color: #FFFFFF;
    opacity: 0.9;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background: linear-gradient(#818181, #515151) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #515151;
    color: #FFFFFF;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
    background: linear-gradient(#818181, #515151) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #515151;
    color: #FFFFFF;
    opacity: 0.5;
}

.btn-action {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F58872;
    background-image: linear-gradient(to bottom, #F58872, #DC7C69);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #A2A2A2;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}
.btn-action:hover, .btn-action:active, .btn-action.active, .btn-action.disabled, .btn-action[disabled] {
    background-color: #DC7C69;
    color: #FFFFFF;
}
.btn-action:hover {
    background-color: #DC7C69;
    background-position: 0 -15px;
    color: #FFFFFF;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}
.btn-action:focus {
    outline: thin dotted #FFFFFF;
    outline-offset: -2px;
}
.btn-action.active, .btn-action:active {
    background-color: #DC7C69;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}
.btn-action.disabled, .btn-action[disabled] {
    background-color: #DC7C69;
    background-image: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.65;
}

a[data-target="#login-dialog"] span {
	font-size: 12px; 
	margin-left: 8px;
}

.navbar-mobile {
	position: relative;	
}
.navbar-mobile .container {
	min-height: 36px; 
}
body > nav.navbar.navbar-mobile li > a {
	letter-spacing: 1px;
	line-height: 22px;
	padding-top: 8px;
}
body > nav.navbar.navbar-mobile li.nav-button-search > a {
	padding: 6px 10px 7px;
	font-size: 20px;
}
body > nav.navbar.navbar-mobile li.nav-button-sign-in > a .fa {
	font-size: 20px;
}
body > nav.navbar.navbar-mobile li.nav-button-pages > a {
	padding: 10px 0 0 10px;
}
body > nav.navbar.navbar-mobile li.nav-button-pages > a .fa {
	font-size: 16px;
}
body > nav.navbar.navbar-mobile li.nav-button-pages > a .fa.fa-angle-up, 
body > nav.navbar.navbar-mobile li.nav-button-pages > a .fa.fa-angle-down {
	font-size: 20px;
	margin-top: 0;
}
body > nav.navbar.navbar-mobile .navbar-collapse {
	letter-spacing: 1px;
}

.navbar-mobile .nav-button-sign-in {
	position: absolute;
	right: 0;
}

.navbar-mobile .nav-button-sign-in.member-avatar {
	border: none;
}
li.member-avatar {
	width: 36px;
	position: relative;
}
li.member-avatar img {
    cursor: pointer;
    
	margin-top: 2px;
	
    background-color: #fff;
    border-radius: 3px;
}
li.member-avatar .badge-notifications {
    background: none repeat scroll 0 0 #F4866F;
    border: 2px solid #FFFFFF;
    cursor: pointer;
    position: absolute;
    right: -25%;
    top: -40%;
    z-index: 1;
}
.navbar-mobile li.member-avatar .badge-notifications {
	left: -25%;
	right: auto;
}

.navbar-desktop .member-avatar .dropdown-menu {
	margin-top: 4px;
	border-top-style: solid;
	border-top-width: 1px;
	border-radius: 4px;
}
.navbar-desktop .member-avatar .dropdown-menu li {
	display: block;
}

#mobile-profile-dialog .modal-content {
	background: transparent;
	border: none;
	box-shadow: none;
}
#mobile-profile-dialog .modal-dialog {
	bottom: 0;
	position: absolute;
	width: 100%;
	padding: 0 10px;
}
#mobile-profile-dialog .modal-content .btn-default {
	margin-bottom: 1px;
	border-radius: 0;
	
    font-size: 17px;
    font-weight: 300;
    	
	background: #fff;
	color: #157DFB;
	border: none;
}
#mobile-profile-dialog .modal-body {
	padding: 0 10px;
}
/*
.navbar-desktop li.member-avatar img:hover {  
    width: 50px;
    height: 50px;
    top: -7px;
    left: -7px;
    border: 1px solid #222;
    padding: 2px;
    border-radius: 6px;
}
*/
.list-group-item[data-forum-id] {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://m.jeban.com/r/web/images/webboard-bullet-default.png");
    background-position: 18px 10px;
    background-repeat: no-repeat;
    padding-left: 42px;
}

.list-group-item[data-forum-id="14"] { background: url('http://m.jeban.com/r/web/images/webboard-bullet-notice.png') 15px 10px no-repeat transparent; }
.list-group-item[data-forum-id="19"] { background: url('http://m.jeban.com/r/web/images/webboard-bullet-pr.png') 15px 10px no-repeat transparent; }

.list-group-item[data-forum-id="1"],
.list-group-item[data-forum-id="12"] { background-image: url('http://m.jeban.com/r/web/images/webboard-bullet-howto.png'); }
.list-group-item[data-forum-id="2"] { background-image: url('http://m.jeban.com/r/web/images/webboard-bullet-review.png'); }
.list-group-item[data-forum-id="6"] { background-image: url('http://m.jeban.com/r/web/images/webboard-bullet-haul.png'); }
.list-group-item[data-forum-id="9"] { background-image: url('http://m.jeban.com/r/web/images/webboard-bullet-qa.png'); }
.list-group-item[data-forum-id="10"] { background-image: url('http://m.jeban.com/r/web/images/webboard-bullet-other.png'); }
.list-group-item[data-forum-id="31"] { background-image: url('http://m.jeban.com/r/web/images/webboard-bullet-vdo.png'); }
.list-group-item[data-forum-id="28"],
.list-group-item[data-forum-id="29"] { background-image: url('http://m.jeban.com/r/web/images/webboard-bullet-salon.png'); }

.list-swop .list-group-item { background-image: url("https://www.jeban.com/web/images/jeban-swop-bullet.png"); }

.list-group-item:hover,
.list-group-item:focus { background-color: rgba(216,216,216,0.2); }

.list-group-item[data-forum-id="1"]:hover,
.list-group-item[data-forum-id="1"]:focus,
.list-group-item[data-forum-id="12"]:hover,
.list-group-item[data-forum-id="12"]:focus { background-color: rgba(166,216,229,0.2); }
.list-group-item[data-forum-id="2"]:hover,
.list-group-item[data-forum-id="2"]:focus { background-color: rgba(158,228,210,0.2); }
.list-group-item[data-forum-id="6"]:hover,
.list-group-item[data-forum-id="6"]:focus { background-color: rgba(238,166,192,0.2); }
.list-group-item[data-forum-id="9"]:hover,
.list-group-item[data-forum-id="9"]:focus { background-color: rgba(247,181,150,0.2); }
.list-group-item[data-forum-id="10"]:hover,
.list-group-item[data-forum-id="10"]:focus { background-color: rgba(212,173,235,0.2); }
.list-group-item[data-forum-id="31"]:hover,
.list-group-item[data-forum-id="31"]:focus { background-color: rgba(166,191,237,0.2); }
.list-group-item[data-forum-id="28"]:hover,
.list-group-item[data-forum-id="28"]:focus,
.list-group-item[data-forum-id="29"]:hover
.list-group-item[data-forum-id="29"]:focus { background-color: rgba(243,234,117,0.2); }

.list-group-item[data-forum-id="1"].pinned,
.list-group-item[data-forum-id="12"].pinned { background-image: url('http://m.jeban.com/r/web/images/webboard-bullet-stick-howto.png'); }
.list-group-item[data-forum-id="2"].pinned { background-image: url('http://m.jeban.com/r/web/images/webboard-bullet-stick-review.png'); }
.list-group-item[data-forum-id="6"].pinned { background-image: url('http://m.jeban.com/r/web/images/webboard-bullet-stick-haul.png'); }
.list-group-item[data-forum-id="9"].pinned { background-image: url('http://m.jeban.com/r/web/images/webboard-bullet-stick-qa.png'); }
.list-group-item[data-forum-id="10"].pinned { background-image: url('http://m.jeban.com/r/web/images/webboard-bullet-stick-other.png'); }
.list-group-item[data-forum-id="31"].pinned { background-image: url('http://m.jeban.com/r/web/images/webboard-bullet-stick-vdo.png'); }
.list-group-item[data-forum-id="28"].pinned,
.list-group-item[data-forum-id="29"].pinned { background-image: url('http://m.jeban.com/r/web/images/webboard-bullet-stick-salon.png'); }

.label.label-hot-topic {
	background: #F57070;
	color: #fff;
	font-size: 10px;
	font-weight: 200;
	margin-left: 5px;
	padding: 0.2em 0.6em;
	position: absolute;
	margin-top: 2px;
}


.rotate-left,
.rotate-right {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 1.5em;
    margin: auto;
}

.rotate-left {
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: rotate(-90deg) translate(-50%, 50%);
    -moz-transform-origin: 0 50%;
    -moz-transform: rotate(-90deg) translate(-50%, 50%);
    -ms-transform-origin: 0 50%;
    -ms-transform: rotate(-90deg) translate(-50%, 50%);
    -o-transform-origin: 0 50%;
    -o-transform: rotate(-90deg) translate(-50%, 50%);
    transform-origin: 0 50%;
    transform: rotate(-90deg) translate(-50%, 50%);
    left: 0;
}

.rotate-right {
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: rotate(90deg) translate(50%, 50%);
    -moz-transform-origin: 100% 50%;
    -moz-transform: rotate(90deg) translate(50%, 50%);
    -ms-transform-origin: 100% 50%;
    -ms-transform: rotate(90deg) translate(50%, 50%);
    -o-transform-origin: 100% 50%;
    -o-transform: rotate(90deg) translate(50%, 50%);
    transform-origin: 100% 50%;
    transform: rotate(90deg) translate(50%, 50%);
    right: 0;
}

img.lazy {
	background: url('https://www.jeban.com/2014/web/images/ani-img-load.gif') center center no-repeat transparent;
}

#truehits-frame {
	position: absolute;
	right: 0;
	bottom: 6px;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
	display: inline-block;
	width: 19px;
	margin-right: .2em;
	text-align: center;
	line-height: 19px;
	margin-left: .2em;

	content: '\e800';
	color: transparent;
	
	background-repeat: no-repeat;
	background-position: center center;
}

.icon-emo-001:before { background-image: url('https://www.jeban.com/2014/web/emo/001.gif'); }
.icon-emo-002:before { background-image: url('https://www.jeban.com/2014/web/emo/002.gif'); }
.icon-emo-003:before { background-image: url('https://www.jeban.com/2014/web/emo/003.gif'); }
.icon-emo-004:before { background-image: url('https://www.jeban.com/2014/web/emo/004.gif'); }
.icon-emo-005:before { background-image: url('https://www.jeban.com/2014/web/emo/005.gif'); }
.icon-emo-006:before { background-image: url('https://www.jeban.com/2014/web/emo/006.gif'); }
.icon-emo-007:before { background-image: url('https://www.jeban.com/2014/web/emo/007.gif'); }
.icon-emo-008:before { background-image: url('https://www.jeban.com/2014/web/emo/008.gif'); }
.icon-emo-009:before { background-image: url('https://www.jeban.com/2014/web/emo/009.gif'); }
.icon-emo-010:before { background-image: url('https://www.jeban.com/2014/web/emo/010.gif'); }
.icon-emo-011:before { background-image: url('https://www.jeban.com/2014/web/emo/011.gif'); }
.icon-emo-012:before { background-image: url('https://www.jeban.com/2014/web/emo/012.gif'); }
.icon-emo-013:before { background-image: url('https://www.jeban.com/2014/web/emo/013.gif'); }
.icon-emo-014:before { background-image: url('https://www.jeban.com/2014/web/emo/014.gif'); }
.icon-emo-015:before { background-image: url('https://www.jeban.com/2014/web/emo/015.gif'); }
.icon-emo-016:before { background-image: url('https://www.jeban.com/2014/web/emo/016.gif'); }
.icon-emo-017:before { background-image: url('https://www.jeban.com/2014/web/emo/017.gif'); }
.icon-emo-018:before { background-image: url('https://www.jeban.com/2014/web/emo/018.gif'); }
.icon-emo-019:before { background-image: url('https://www.jeban.com/2014/web/emo/019.gif'); }
.icon-emo-020:before { background-image: url('https://www.jeban.com/2014/web/emo/020.gif'); }
.icon-emo-021:before { background-image: url('https://www.jeban.com/2014/web/emo/021.gif'); }
.icon-emo-022:before { background-image: url('https://www.jeban.com/2014/web/emo/022.gif'); }
.icon-emo-023:before { background-image: url('https://www.jeban.com/2014/web/emo/023.gif'); }
.icon-emo-024:before { background-image: url('https://www.jeban.com/2014/web/emo/024.gif'); }
.icon-emo-025:before { background-image: url('https://www.jeban.com/2014/web/emo/025.gif'); }
.icon-emo-026:before { background-image: url('https://www.jeban.com/2014/web/emo/026.gif'); }
.icon-emo-027:before { background-image: url('https://www.jeban.com/2014/web/emo/027.gif'); }
.icon-emo-028:before { background-image: url('https://www.jeban.com/2014/web/emo/028.gif'); }
.icon-emo-029:before { background-image: url('https://www.jeban.com/2014/web/emo/029.gif'); }
.icon-emo-030:before { background-image: url('https://www.jeban.com/2014/web/emo/030.gif'); }
.icon-emo-031:before { background-image: url('https://www.jeban.com/2014/web/emo/031.gif'); }
.icon-emo-032:before { background-image: url('https://www.jeban.com/2014/web/emo/032.gif'); }
.icon-emo-033:before { background-image: url('https://www.jeban.com/2014/web/emo/033.gif'); }
.icon-emo-034:before { background-image: url('https://www.jeban.com/2014/web/emo/034.gif'); }
.icon-emo-035:before { background-image: url('https://www.jeban.com/2014/web/emo/035.gif'); }
.icon-emo-036:before { background-image: url('https://www.jeban.com/2014/web/emo/036.gif'); }
.icon-emo-037:before { background-image: url('https://www.jeban.com/2014/web/emo/037.gif'); }
.icon-emo-038:before { background-image: url('https://www.jeban.com/2014/web/emo/038.gif'); }
.icon-emo-039:before { background-image: url('https://www.jeban.com/2014/web/emo/039.gif'); }
.icon-emo-040:before { background-image: url('https://www.jeban.com/2014/web/emo/040.gif'); }
.icon-emo-041:before { background-image: url('https://www.jeban.com/2014/web/emo/041.gif'); }
.icon-emo-042:before { background-image: url('https://www.jeban.com/2014/web/emo/042.gif'); }
.icon-emo-043:before { background-image: url('https://www.jeban.com/2014/web/emo/043.gif'); }
.icon-emo-044:before { background-image: url('https://www.jeban.com/2014/web/emo/044.gif'); }
.icon-emo-045:before { background-image: url('https://www.jeban.com/2014/web/emo/045.gif'); }
.icon-emo-046:before { background-image: url('https://www.jeban.com/2014/web/emo/046.gif'); }
.icon-emo-047:before { background-image: url('https://www.jeban.com/2014/web/emo/047.gif'); }
.icon-emo-048:before { background-image: url('https://www.jeban.com/2014/web/emo/048.gif'); }
.icon-emo-049:before { background-image: url('https://www.jeban.com/2014/web/emo/049.gif'); }
.icon-emo-050:before { background-image: url('https://www.jeban.com/2014/web/emo/050.gif'); }
.icon-emo-051:before { background-image: url('https://www.jeban.com/2014/web/emo/051.gif'); }
.icon-emo-052:before { background-image: url('https://www.jeban.com/2014/web/emo/052.gif'); }
.icon-emo-053:before { background-image: url('https://www.jeban.com/2014/web/emo/053.gif'); }
.icon-emo-054:before { background-image: url('https://www.jeban.com/2014/web/emo/054.gif'); }
.icon-emo-055:before { background-image: url('https://www.jeban.com/2014/web/emo/055.gif'); }
.icon-emo-056:before { background-image: url('https://www.jeban.com/2014/web/emo/056.gif'); }
.icon-emo-057:before { background-image: url('https://www.jeban.com/2014/web/emo/057.gif'); }
.icon-emo-058:before { background-image: url('https://www.jeban.com/2014/web/emo/058.gif'); }
.icon-emo-059:before { background-image: url('https://www.jeban.com/2014/web/emo/059.gif'); }
.icon-emo-060:before { background-image: url('https://www.jeban.com/2014/web/emo/060.gif'); }
.icon-emo-061:before { background-image: url('https://www.jeban.com/2014/web/emo/061.gif'); }
.icon-emo-062:before { background-image: url('https://www.jeban.com/2014/web/emo/062.gif'); }
.icon-emo-063:before { background-image: url('https://www.jeban.com/2014/web/emo/063.gif'); }
.icon-emo-064:before { background-image: url('https://www.jeban.com/2014/web/emo/064.gif'); }
.icon-emo-065:before { background-image: url('https://www.jeban.com/2014/web/emo/065.gif'); }
.icon-emo-066:before { background-image: url('https://www.jeban.com/2014/web/emo/066.gif'); }
.icon-emo-067:before { background-image: url('https://www.jeban.com/2014/web/emo/067.gif'); }

.redactor_editor, .redactor_editor:focus, .redactor_editor div, .redactor_editor p, .redactor_editor ul, .redactor_editor ol, .redactor_editor table, .redactor_editor dl, .redactor_editor blockquote, .redactor_editor pre {
    font-size: 14px!important;
    line-height: inherit!important;
}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.5;
    position:fixed;
    bottom:20px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url('../images/icon_top.png') no-repeat;
    z-index: 100;
}

.nav-jeban .navbar-nav.navbar-right > li > a {
	font-size: 18px;
	padding-top: 8px;
	padding-left: 2px;
}
.nav-jeban .navbar-nav.navbar-right > li > a.active > i.fa-bell {
	text-shadow: 0 0 10px #FFF; 
	color: #FFF;
}

a.notifications-popover {
	cursor: pointer;
}
#notifications-popover {
	width: 400px;
	max-width: 400px;
	
	left: 50%!important;
	margin-left: 165px!important;
}
#notifications-popover .arrow {
	margin-left: 134px!important;
}

#notifications-popover .popover-content {
	font-size: 13px;
	max-height: 400px;
	overflow-y: auto;
}
#notifications-popover .popover-content h4 {
	font-weight: 600;
	letter-spacing: 1px;
    border-bottom: 1px solid #ebebeb;
    margin: 5px 0;
    padding: 5px 0;
}
#notifications-popover .popover-content .list-group {
	margin: 0;
	margin-bottom: 10px;
	margin-left: 24px;
}
#notifications-popover .popover-content .list-group .list-group-item {
	border-radius: 0;
	border-style: none none dotted;
	padding: 8px;
	margin-bottom: 0;
}
#notifications-popover .popover-content .list-group .list-group-item:hover {
	background-color: rgba(255, 170, 172, 0.25)!important;
}
#notifications-popover .popover-content .list-group .list-group-item strong {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#notifications-popover .popover-content .list-group .list-group-item small i {
	color: #ababab;
}

#notifications-popover .popover-footer {
	line-height: 1em;
	padding: 10px;
	text-align: center;
	
    background-color: #f7f7f7;
    border-top: 1px solid #ebebeb;
}
#notifications-popover .popover-footer a {
	text-decoration: none;
}
#notifications-popover .popover-footer a:before {
    color: #aaa;
    content: "see more";
    margin-right: 5px;
    margin-left: -15px;
}
#notifications-popover .popover-footer a:after {
    content: url("../images/Icon_Seemore_Small.png");
    position: absolute;
}

#notifications-popover .popover-content .no-unread-notification {
	line-height: 10em;
	height: 10em;
	margin: 0;
}

/*override atwho's style*/
.atwho-inserted {
	color: #ed8788;
}
.atwho-query {
	color: #ed8788;
}
.atwho-view {
	max-height: 175px;
}

/* Mobiles */
@media screen and (max-width: 767px) {
	#modal-username,
	#modal-password {
		font-size: 16px;
	}
}

@media screen and (max-width: 1199px) {
	#notifications-popover {
		margin-left: 65px!important;
	}
}

#home-ribbon {
    position: relative;
    max-height: 60px;
    margin: 0 auto;
    left: 100%;
    top: -10px;	
}
@media screen and (max-width: 767px) {
	#home-ribbon {
		max-height: 36px;
	    left: 78%;
	    top: -12px;	
	}
}

/*
.desaturate{
    transition-duration: 400ms;
}
.desaturate.active{
    filter: grayscale(100%)!important;
    -webkit-filter: grayscale(100%)!important; -moz-filter: grayscale(100%)!important;
    -ms-filter: grayscale(100%)!important; -o-filter: grayscale(100%)!important;
    filter: url(desaturate.svg#greyscale)!important;
    filter: gray!important;
    -webkit-filter: grayscale(1)!important;
}
*/

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0;
}

.modal {
    overflow-y: auto;
}