/**
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2018 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
.form-control {
  display: block;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-control:focus {
  border-color: #80bdff;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #6c757d;
}
.form-control::-webkit-input-placeholder {
  color: #6c757d;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #e9ecef;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
/* ************   START TABLE OF CONTENT   ************ */
/* **************************************************** */
/*
 01. Base Style
 01. Button & Input
 03. Top Bar
 04. Header
 05. Page Title
 06. body innerwrapper
 07. Page Builder Addons
 08. Module
 09. Login Form
 10. Search
 11. Blog
 12. Bottom
 13. Footer
 14. Comingsoon
 15. Error page
 16. Mixed CSS
 /* ************   END:: TABLE OF CONTENT  ************* */
/* **************************************************** */
body {
  -moz-osx-font-smoothing: grayscale;
}
a {
  transition: color 400ms, background-color 400ms;
}
a, a:hover, a:focus, a:active {
  text-decoration: none;
}
label {
  font-weight: normal;
}
legend {
  padding-bottom: 10px;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
/* *****************   END:: Common  ****************** */
/* **************************************************** */
/* ***************   START Top Bar   ****************** */
/* **************************************************** */
#sp-top-bar {
  padding: 8px 0;
  font-size: 0.875rem;
}
#sp-top-bar .sp-module {
  display: inline-block;
  margin: 0 0 0 1.25rem;
}
ul.social-icons {
  list-style: none;
  padding: 0;
  margin: -5px;
  display: inline-block;
}
ul.social-icons > li {
  display: inline-block;
  margin: 5px 7px;
}
.sp-module-content .mod-languages ul.lang-inline {
  margin: 0;
  padding: 0;
}
.sp-module-content .mod-languages ul.lang-inline li {
  border: none;
  display: inline-block;
  margin: 0 5px 0 0;
}
.sp-module-content .mod-languages ul.lang-inline li a {
  padding: 0 !important;
}
.sp-module-content .mod-languages ul.lang-inline li > a:before {
  display: none;
}
.sp-contact-info {
  list-style: none;
  padding: 0;
  margin: 0 -10px;
}
.sp-contact-info li {
  display: inline-block;
  margin: 0 10px;
  font-size: 90%;
}
.sp-contact-info li i {
  margin: 0 3px;
}
/* *****************   END:: Top Bar  ***************** */
/* **************************************************** */
/* ****************   START Header   ****************** */
/* **************************************************** */
.sticky-wrapper {
  position: relative;
  z-index: 99;
}
.offcanvas-active #sp-header {
  left: auto;
}
.layout-boxed #sp-header {
  max-width: 1240px;
  left: auto;
}
#sp-header {
  height: 95px;
  left: 0;
  position: relative;
  top: 0;
  width: 100vw;
  z-index: 99;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
}
#sp-header .logo {
  height: 95px;
  display: inline-flex;
  margin: 0;
  align-items: center;
}
#sp-header .logo a {
  font-size: 24px;
  line-height: 1;
  margin: 0;
  padding: 0;
}
#sp-header .logo p {
  margin: 5px 0 0;
}
#sp-header .logo .logo-image {
  max-width: none;
  width: auto;
}
#sp-header .logo-slogan {
  margin-left: 8px;
}
#sp-header .sp-default-logo {
  height: 30px;
}
#sp-header .sp-default-logo.sp-logo-svg {
  width: 100%;
  height: 100%;
}
#sp-header .sp-retina-logo {
  display: none;
}
#sp-header.menu-fixed {
  position: fixed;
  z-index: 9998;
}
.sticky-wrapper.is-sticky {
  position: relative;
  z-index: 999;
}
/* *****************   END:: Header  ****************** */
/* **************************************************** */
/* ***************   START Page Title   *************** */
/* **************************************************** */
#sp-title {
  min-height: 0;
}
/* ***************   END:: Page Title  **************** */
/* **************************************************** */
/* ***********   START body innerwrapper   ************ */
/* **************************************************** */
.layout-boxed .body-innerwrapper {
  max-width: 1240px;
  margin: 0 auto;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#sp-main-body {
  padding: 100px 0;
}
.com-sppagebuilder #sp-main-body {
  padding: 0;
}
/* ************   END:: body innerwrapper  ************ */
/* **************************************************** */
/* ****************   START Module   ****************** */
/* **************************************************** */
#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 50px;
  border: 1px solid #f3f3f3;
  padding: 30px;
  border-radius: 3px;
}
#sp-left .sp-module:first-child, #sp-right .sp-module:first-child {
  margin-top: 0;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
  margin: 0 0 30px;
  padding-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  border-bottom: 1px solid #f3f3f3;
}
#sp-left .sp-module ul, #sp-right .sp-module ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
  display: block;
  border-bottom: 1px solid #f3f3f3;
}
#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
  display: block;
  padding: 5px 0;
  line-height: 36px;
  padding: 2px 0;
}
#sp-left .sp-module ul > li:last-child, #sp-right .sp-module ul > li:last-child {
  border-bottom: none;
}
#sp-left .sp-module .categories-module ul, #sp-right .sp-module .categories-module ul {
  margin: 0 10px;
}
#sp-left .sp-module .latestnews > div, #sp-right .sp-module .latestnews > div {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #e8e8e8;
}
#sp-left .sp-module .latestnews > div:last-child, #sp-right .sp-module .latestnews > div:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
#sp-left .sp-module .latestnews > div > a, #sp-right .sp-module .latestnews > div > a {
  display: block;
  font-weight: 400;
}
#sp-left .sp-module .tagscloud, #sp-right .sp-module .tagscloud {
  margin: -2px 0;
}
#sp-left .sp-module .tagscloud .tag-name, #sp-right .sp-module .tagscloud .tag-name {
  display: inline-block;
  padding: 5px 10px;
  background: #808080;
  color: #fff;
  border-radius: 4px;
  margin: 2px 0;
}
#sp-left .sp-module .tagscloud .tag-name span, #sp-right .sp-module .tagscloud .tag-name span {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
/* *****************   END:: Module  ****************** */
/* **************************************************** */
/* **************   START Login Form   **************** */
/* **************************************************** */
.login img {
  display: inline-block;
  margin: 20px 0;
}
.login .checkbox input[type="checkbox"] {
  margin-top: 6px;
}
.form-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* ***************   END:: Login Form  **************** */
/* **************************************************** */
/* ****************   START Search   ****************** */
/* **************************************************** */
.search .btn-toolbar {
  margin-bottom: 20px;
}
.search .btn-toolbar span.icon-search {
  margin: 0;
}
.search .btn-toolbar button {
  color: #fff;
}
.search .phrases .phrases-box .controls label {
  display: inline-block;
  margin: 0 20px 20px;
}
.search .phrases .ordering-box {
  margin-bottom: 15px;
}
.search .only label {
  display: inline-block;
  margin: 0 20px 20px;
}
.search .search-results dt.result-title {
  margin-top: 40px;
}
.search .search-results dt, .search .search-results dd {
  margin: 5px 0;
}
.filter-search .chzn-container-single .chzn-single {
  height: 34px;
  line-height: 34px;
}
.form-search .finder label {
  display: block;
}
.form-search .finder .input-medium {
  width: 60%;
  border-radius: 4px;
}
.finder .word input {
  display: inline-block;
}
.finder .search-results.list-striped li {
  padding: 20px 0;
}
/* *****************   END:: Search   ***************** */
/* **************************************************** */
/* ******************   START Blog   ****************** */
/* **************************************************** */
.article-list .article {
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
}
.article-list .article .article-intro-image, .article-list .article .article-intro-video, .article-list .article .article-intro-audio {
  margin: -20px -20px 20px -20px;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
}
.article-list .article .article-intro-image img, .article-list .article .article-intro-video img, .article-list .article .article-intro-audio img {
  border-radius: 3px 3px 0 0;
}
.article-list .article .article-header h1, .article-list .article .article-header h2 {
  font-size: 1.375rem;
  margin: 0 0 1.25rem 0;
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
  color: #999;
}
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h2 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:focus {
  color: #b4b4ff;
}
.article-list .article .readmore {
  font-size: 0.875rem;
}
.article-list .article .readmore a {
  color: #999;
  font-weight: 500;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
  color: #b4b4ff;
}
.article-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.article-info > span {
  font-size: 0.813rem;
}
.article-info > span + span::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  content: "/";
}
.article-info > span a {
  color: #999;
}
.article-info > span a:hover {
  color: #b4b4ff;
}
.article-details .article-header {
  position: relative;
}
.article-details .article-header h1, .article-details .article-header h2 {
  font-size: 2.25rem;
}
.article-details .link-edit-article {
  position: absolute;
  right: 0;
  top: 10px;
}
.article-details .article-info {
  margin-bottom: 1rem;
}
.article-details .article-full-image {
  text-align: center;
  margin-bottom: 2rem;
}
.article-details .article-full-image img {
  display: inline-block;
  border-radius: 4px;
}
.article-details .article-ratings-social-share {
  padding: 1rem 0;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 1rem;
}
.article-details .article-author-information {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px solid #f5f5f5;
}
.tags {
  list-style: none;
  padding: 0;
  margin: 2rem 0 0 0;
  display: block;
}
.tags > li {
  display: inline-block;
}
.tags > li a {
  display: block;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  border-radius: 6.25rem;
}
.tags > li a:hover {
  color: #fff;
}
.pager {
  list-style: none;
  padding: 2rem 0 0 0;
  margin: 2rem 0 0 0;
  border-top: 1px solid #f5f5f5;
}
.pager::after {
  display: block;
  clear: both;
  content: "";
}
.pager > li {
  display: inline-block;
}
.pager > li.previous {
  float: left;
}
.pager > li.next {
  float: right;
}
.pager > li a {
  display: inline-block;
  font-size: 0.785rem;
  padding: 1rem 2.5rem;
  border-radius: 100px;
}
#article-comments {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px solid #f5f5f5;
}
.article-ratings {
  display: flex;
  align-items: center;
}
.article-ratings .rating-symbol {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 1rem;
  display: inline-block;
  margin-left: 5px;
}
.article-ratings .rating-symbol span.rating-star {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}
.article-ratings .rating-symbol span.rating-star.active:before {
  content: "\f005";
  color: #f6bc00;
}
.article-ratings .rating-symbol span.rating-star:before {
  content: "\f006";
  padding-right: 5px;
}
.article-ratings .rating-symbol span.rating-star:hover:before, .article-ratings .rating-symbol span.rating-star:hover ~ span.rating-star:before {
  content: "\f005";
  color: #e7b000;
  cursor: pointer;
}
.article-ratings .ratings-count {
  font-size: 0.785rem;
  color: #999;
}
.article-ratings .fa-spinner {
  margin-right: 5px;
}
.pagination-wrapper {
  align-items: center;
}
.pagination-wrapper .pagination {
  margin-bottom: 0;
}
.article-social-share {
  float: right;
}
.article-social-share .social-share-icon ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.article-social-share .social-share-icon ul li {
  display: inline-block;
}
.article-social-share .social-share-icon ul li:not(:last-child) {
  margin-right: 10px;
}
.article-social-share .social-share-icon ul li a {
  border: 1px solid #ededed;
  font-size: 1rem;
  border-radius: 50%;
  height: 34px;
  line-height: 34px;
  text-align: center;
  width: 34px;
  display: inline-block;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  color: #fff;
}
.newsfeed-category .category {
  list-style: none;
  padding: 0;
  margin: 0;
}
.newsfeed-category .category li {
  padding: 5px 0;
}
.newsfeed-category #filter-search {
  margin: 10px 0;
}
.category-module, .categories-module, .archive-module, .latestnews, .newsflash-horiz, .mostread, .form-links, .list-striped {
  list-style: none;
  padding: 0;
  margin: 0;
}
.category-module li, .categories-module li, .archive-module li, .latestnews li, .newsflash-horiz li, .mostread li, .form-links li, .list-striped li {
  padding: 2px 0;
}
.category-module li h4, .categories-module li h4, .archive-module li h4, .latestnews li h4, .newsflash-horiz li h4, .mostread li h4, .form-links li h4, .list-striped li h4 {
  margin: 5px 0;
}
.article-footer-top {
  display: table;
  clear: both;
  width: 100%;
}
.article-footer-top .post_rating {
  float: left;
}
.contentpane:not(.com-sppagebuilder) {
  padding: 20px;
}
/* ******************   END:: Blog   ****************** */
/* **************************************************** */
/* ***************   START Bottom    ****************** */
/* **************************************************** */
#sp-bottom {
  padding: 60px 0 30px;
  font-size: 14px;
  line-height: 1.6;
}
#sp-bottom .sp-module {
  margin-bottom: 30px;
}
#sp-bottom .sp-module .sp-module-title {
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 30px;
}
#sp-bottom .sp-module ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sp-bottom .sp-module ul > li {
  display: block;
  margin-bottom: 15px;
}
#sp-bottom .sp-module ul > li:last-child {
  margin-bottom: 0;
}
#sp-bottom .sp-module ul > li > a {
  display: block;
}
/* ****************   END:: Bottom   ****************** */
/* **************************************************** */
/* ****************   START Footer   ****************** */
/* **************************************************** */
#sp-footer {
  font-size: 14px;
  padding: 0;
}
#sp-footer .container-inner {
  padding: 30px 0;
}
#sp-footer ul.menu {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 -10px;
}
#sp-footer ul.menu li {
  display: inline-block;
  margin: 0 10px;
}
#sp-footer ul.menu li a {
  display: block;
}
#sp-footer ul.menu li a:hover {
  background: none;
}
#sp-footer #sp-footer2 {
  text-align: right;
}
/* ****************   END:: Footer   ****************** */
/* **************************************************** */
html.coming-soon {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
html.coming-soon body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 40%;
}
html.coming-soon .coming-soon-logo {
  display: inline-block;
  margin-bottom: 2rem;
}
html.coming-soon #coming-soon-countdown {
  margin-top: 4rem;
}
html.coming-soon #coming-soon-countdown .coming-soon-days, html.coming-soon #coming-soon-countdown .coming-soon-hours, html.coming-soon #coming-soon-countdown .coming-soon-minutes, html.coming-soon #coming-soon-countdown .coming-soon-seconds {
  margin: 0;
  float: left;
  width: 25%;
}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number {
  width: 100%;
  font-size: 4.5rem;
  letter-spacing: -1px;
  line-height: 1;
}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string {
  font-size: 1.5rem;
  letter-spacing: -1px;
  display: block;
  text-transform: uppercase;
}
html.coming-soon .coming-soon-position {
  margin-top: 2rem;
}
html.coming-soon .social-icons {
  margin-top: 4rem;
}
html.error-page {
  width: 100%;
  height: 100%;
}
html.error-page body {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 40%;
}
html.error-page .error-logo {
  display: inline-block;
  margin-bottom: 2rem;
}
html.error-page .error-code {
  margin: 0 0 1rem;
  font-size: 6rem;
  line-break: 1;
}
html.error-page .error-message {
  font-size: 1.5rem;
  margin-bottom: 3rem;
}
/* ***************   END:: Error Page   *************** */
/* **************************************************** */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #sp-header .sp-normal-logo {
    display: none;
  }
  #sp-header .sp-retina-logo {
    display: block;
  }
}
/* ***************   START Mixed CSS   **************** */
/* **************************************************** */
.sp-social-share ul {
  display: block;
  padding: 0;
  margin: 20px -5px 0;
}
.sp-social-share ul li {
  display: inline-block;
  font-size: 24px;
  margin: 0 5px;
}
.profile > div:not(:last-child) {
  margin-bottom: 30px;
}
.dl-horizontal dt {
  margin: 8px 0;
  text-align: left;
}
.page-header {
  padding-bottom: 15px;
}
table.category {
  width: 100%;
}
table.category thead > tr, table.category tbody > tr {
  border: 1px solid #f2f2f2;
}
table.category thead > tr th, table.category tbody > tr th, table.category thead > tr td, table.category tbody > tr td {
  padding: 10px;
}
.contact-form .form-actions {
  background: none;
  border: none;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}
.sp-preloader {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.sp-preloader > div {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  position: absolute;
  animation: animSpin 0.75s linear infinite;
}
.sp-preloader > div:after {
  content: '';
  position: absolute;
  width: 49px;
  height: 49px;
  top: 1px;
  right: 0;
  left: 0;
  margin: auto;
  border-radius: 50%;
}
.sp-scroll-up {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #333;
  border-radius: 3px;
  z-index: 1000;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
  color: #fff;
  background: #444;
}
.control-group {
  margin-bottom: 1rem;
}
select.form-control:not([multiple]), select.inputbox:not([multiple]) {
  height: calc(2.25rem + 2px);
}
input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-control) {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input[type="text"]:not(.form-control):focus, input[type="email"]:not(.form-control):focus, input[type="url"]:not(.form-control):focus, input[type="date"]:not(.form-control):focus, input[type="password"]:not(.form-control):focus, input[type="search"]:not(.form-control):focus, input[type="tel"]:not(.form-control):focus, input[type="number"]:not(.form-control):focus, select:not(.form-control):focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
}
.chzn-select, .chzn-select-deselect {
  width: 100%;
}
.chzn-container.chzn-container-single .chzn-single {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  height: calc(2.25rem + 2px);
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  box-shadow: none;
}
.chzn-container.chzn-container-single .chzn-single div {
  width: 30px;
  background: none;
}
.chzn-container.chzn-container-single .chzn-single div > b {
  background: none;
  position: relative;
}
.chzn-container.chzn-container-single .chzn-single div > b:after {
  content: "\f0dc";
  font-family: FontAwesome;
  font-size: 0.875rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.chzn-container.chzn-container-single.chzn-container-active.chzn-with-drop .chzn-single {
  border-radius: 0.25rem 0.25rem 0 0;
}
.chzn-container.chzn-container-single .chzn-search {
  padding: 0.625rem;
}
.chzn-container.chzn-container-single .chzn-search input[type="text"] {
  display: block;
  width: 100%;
  padding: 0.5rem 1.429rem 0.5rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25;
  height: calc(2rem + 2px);
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.chzn-container.chzn-container-single .chzn-search input[type="text"]:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
.chzn-container.chzn-container-single .chzn-search:after {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, .2);
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.chzn-container.chzn-container-single .chzn-drop {
  border-color: rgba(0, 0, 0, .15);
  border-radius: 0 0 0.25rem 0.25rem;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.chzn-container.chzn-container-single .chzn-results li.highlighted {
  background-image: none !important;
}
.chzn-container.chzn-container-multi .chzn-choices {
  display: block;
  width: 100%;
  padding: 0 0.75rem;
  min-height: calc(2.25rem + 2px);
  line-height: 1.25;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.chzn-container.chzn-container-multi .chzn-choices li.search-field input[type="text"] {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.25;
  height: calc(2rem + 2px);
  background-color: #fff;
}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice {
  margin: 5.5px 5px 0 0;
  padding: 5px 20px 5px 5px;
  background-image: none;
  background-color: #f5f5f5;
  border-color: rgba(0, 0, 0, .1);
  box-shadow: none;
  -webkit-box-shadow: none;
}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
  background: none;
  top: 5px;
  color: rgba(0, 0, 0, .2);
}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {
  color: rgba(0, 0, 0, .5);
}
.chzn-container.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:after {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 0.875rem;
  position: absolute;
  top: 0;
  right: 0;
}
.chzn-container.chzn-container-multi.chzn-with-drop.chzn-container-active .chzn-choices {
  border-radius: 0.25rem;
}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop {
  margin-top: -4px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results:not(:empty) {
  padding: 0.75rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-top: 0;
  border-radius: 0 0 0.25rem 0.25rem;
}
.chzn-container.chzn-container-multi.chzn-with-drop .chzn-drop .chzn-results li.no-results {
  background: none;
}
.form-horizontal .control-label {
  float: left;
  width: auto;
  padding-top: 5px;
  padding-right: 5px;
  text-align: left;
}
.form-horizontal .controls {
  margin-left: 220px;
}
.card-block {
  padding: 20px;
}
.card-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
}
.card-block ul li {
  display: block;
}
.sp-megamenu-wrapper {
  display: -webkit-(flex);
  display: -ms-(flex) box;
  display: -ms-(flex);
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.sp-megamenu-wrapper #offcanvas-toggler.offcanvas-toggler-right {
  -webkit-order: 2;
  -ms-order: 2;
  order: 2;
}
.sp-megamenu-parent {
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 99;
  display: block;
  float: right;
  position: relative;
}
.sp-megamenu-parent > li {
  display: inline-block;
  position: relative;
  padding: 0;
}
.sp-megamenu-parent > li.menu-justify {
  position: static;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  display: inline-block;
  padding: 0 15px;
  line-height: 95px;
  font-size: 14px;
  margin: 0;
}
.sp-megamenu-parent > li.sp-has-child > a:after, .sp-megamenu-parent > li.sp-has-child > span:after {
  font-family: "FontAwesome";
  content: " \f107";
}
.sp-megamenu-parent > li.active > a {
  font-weight: 500;
}
.sp-megamenu-parent > li .sp-menu-badge {
  height: 20px;
  line-height: 22px;
  padding: 0 6px;
  font-size: 80%;
  letter-spacing: 1px;
  display: inline-block;
  text-transform: uppercase;
  background: #d60000;
  color: #fff;
  border-radius: 3px;
}
.sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-right {
  margin-left: 5px;
}
.sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-left {
  margin-right: 5px;
}
.sp-megamenu-parent .sp-module {
  padding: 10px;
}
.sp-megamenu-parent .sp-mega-group {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-mega-group > li > a {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-dropdown {
  margin: 0;
  position: absolute;
  z-index: 10;
  display: none;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 20px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after {
  font-family: "FontAwesome";
  content: " \f105";
  float: right;
}
.sp-megamenu-parent .sp-dropdown.sp-menu-center {
  margin-left: 45px;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
  top: 100%;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
  left: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
  left: auto;
  right: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
  right: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
  top: 0;
  left: 100%;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  display: block;
  padding: 0;
  position: relative;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  font-size: 14px;
  display: block;
  padding: 10px 0;
  cursor: pointer;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge).sp-group-title {
  text-transform: uppercase;
  font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown-mega > .row {
  margin-top: 30px;
}
.sp-megamenu-parent .sp-dropdown-mega > .row:first-child {
  margin-top: 0;
}
.sp-megamenu-parent .sp-has-child:hover > .sp-dropdown {
  display: block;
}
.sp-megamenu-parent.menu-animation-fade .sp-has-child:hover > .sp-dropdown {
  animation: fadeIn 600ms;
}
.sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover > .sp-dropdown {
  animation: fadeInUp 400ms ease-in;
}
.sp-megamenu-parent.menu-animation-fade-down .sp-has-child:hover > .sp-dropdown {
  animation: fadeInDown 400ms ease-in;
}
.sp-megamenu-parent.menu-animation-zoom .sp-has-child:hover > .sp-dropdown {
  animation: zoomIn 300ms;
}
.sp-megamenu-parent.menu-animation-rotate .sp-has-child:hover > .sp-dropdown {
  animation: rotateIn 300ms;
}
.sp-megamenu-parent.menu-animation-pulse .sp-has-child:hover > .sp-dropdown {
  animation: pulse 300ms;
}
#offcanvas-toggler {
  display: block;
  height: 95px;
  line-height: 95px;
  font-size: 20px;
}
#offcanvas-toggler > span:hover {
  color: #fff;
}
#offcanvas-toggler.offcanvas-toggler-right {
  float: right;
  margin-left: 20px;
}
#offcanvas-toggler.offcanvas-toggler-left {
  float: left;
  margin-right: 20px;
}
.offcanvas-init {
  overflow-x: hidden;
  position: relative;
}
.offcanvas-active .offcanvas-overlay {
  visibility: visible;
  opacity: 1;
}
.offcanvas-overlay {
  background: rgba(0, 0, 0, .5);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
  visibility: hidden;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.body-wrapper {
  position: relative;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  backface-visibility: hidden;
}
.offcanvs-position-left .body-wrapper {
  left: 0;
}
.offcanvs-position-left .offcanvas-menu {
  left: -300px;
}
.offcanvs-position-left.offcanvas-active .offcanvas-menu {
  left: 0;
}
.offcanvs-position-left.offcanvas-active .body-wrapper {
  left: 300px;
}
.offcanvs-position-right .body-wrapper {
  right: 0;
}
.offcanvs-position-right .offcanvas-menu {
  right: -300px;
}
.offcanvs-position-right.offcanvas-active .offcanvas-menu {
  right: 0;
}
.offcanvs-position-right.offcanvas-active .body-wrapper {
  right: 300px;
}
.close-offcanvas {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  background: #333;
  color: #fff;
}
.offcanvas-menu {
  width: 300px;
  height: 100%;
  position: fixed;
  top: 0;
  overflow: inherit;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  z-index: 10000;
}
.offcanvas-menu .offcanvas-inner {
  padding: 30px;
}
.offcanvas-menu .offcanvas-inner .sp-module {
  padding: 0;
  margin: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
  font-size: 1rem;
  font-weight: bold;
}
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
  margin-bottom: 20px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
  border: 0;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  display: block;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  display: block;
  font-size: 1rem;
  padding: 0.125rem 0;
  position: relative;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-family: FontAwesome;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler:after {
  content: "\f055";
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > a > .menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler:after {
  content: "\f056";
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
  display: none;
  margin-left: 10px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  font-size: 0.875rem;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
@keyframes pulse {
  from {
    opacity: 0;
    transform: scale3d(1, 1, 1);
  }
  50% {
    opacity: 0.5;
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes animSpin {
  to {
    transform: rotate(360deg);
  }
}
.lightmode {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-color: #f6f5f7;
}
.lightmode .template-toggle .t-toggler {
  background-color: #fff;
}
.lightmode .template-toggle .t-toggler .t-dark {
  display: block;
}
.lightmode .template-toggle .t-toggler .t-light {
  display: none;
}
.lightmode .template-toggle .t-toggler:hover {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-color: #36333e;
}
.lightmode #es .es-story-sly-nav:not(.is-end-left):before {
  display: none;
}
.lightmode #es .es-story-sly-nav:not(.is-end-right):after {
  display: none;
}
.template-toggle {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: fixed;
  top: 50vh;
  left: -120px;
  z-index: 10;
  cursor: pointer;
}
.template-toggle.active {
  left: 5px;
}
.template-toggle.active .d-toggler .fa-angle-double-left {
  display: block;
}
.template-toggle.active .d-toggler .fa-angle-double-right {
  display: none;
}
.template-toggle .t-toggler {
  display: inline-block;
  border: 1px solid #999;
  border-radius: 5px;
  padding: 10px;
  line-height: 1;
  background-color: #36333e;
}
.template-toggle .t-toggler .t-dark {
  display: none;
}
.template-toggle .t-toggler .t-light {
  display: block;
}
.template-toggle .t-toggler span {
  padding-right: 5px;
}
.template-toggle .t-toggler:hover {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-color: #f6f5f7;
}
.template-toggle .d-toggler {
  display: inline-block;
  font-size: 34px;
  line-height: 1;
  float: right;
  padding-left: 15px;
  opacity: 0.5;
}
.template-toggle .d-toggler .fa-angle-double-left {
  display: none;
}
.template-toggle .d-toggler .fa-angle-double-right {
  display: block;
}
.template-toggle .d-toggler:hover {
  opacity: 1;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
html {
  height: 100%;
}
body.site {
  font-family: "Karla", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
body.site h1, body.site h2, body.site h3, body.site h4, body.site h5, body.site h6 {
  font-family: "Karla", Helvetica, Arial, sans-serif;
}
#sp-header {
  height: auto;
}
#sp-main-body {
  padding-top: 24px;
  padding-bottom: 24px;
}
.header-fixed #sp-main-body {
  padding-top: 133px;
}
.dropdown-menu {
  color: #fff;
}
body.lightmode .dropdown-menu {
  color: #5e5e5e;
}
.charm-well {
  border-radius: 2px;
  background-color: #36333e;
}
.charm-well_p {
  padding: 10px;
}
.charm-well_p_b {
  padding-bottom: 10px;
}
body.lightmode .charm-well {
  background-color: #fff;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
html.coming-soon body {
  background-size: cover;
  background-position: 50% 50%;
}
html.coming-soon body:before {
  content: '';
  background-color: #2c2a35;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
html.coming-soon #coming-soon-countdown .coming-soon-days, html.coming-soon #coming-soon-countdown .coming-soon-hours, html.coming-soon #coming-soon-countdown .coming-soon-minutes, html.coming-soon #coming-soon-countdown .coming-soon-seconds {
  padding: 32px 8px;
  position: relative;
}
html.coming-soon #coming-soon-countdown .coming-soon-days:before, html.coming-soon #coming-soon-countdown .coming-soon-hours:before, html.coming-soon #coming-soon-countdown .coming-soon-minutes:before, html.coming-soon #coming-soon-countdown .coming-soon-seconds:before {
  content: '';
  display: block;
  margin: 8px;
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string {
  letter-spacing: 0;
}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number {
  font-size: 18px;
  font-weight: 700;
}
html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string, html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string {
  font-size: 13px;
  text-transform: capitalize;
}
.coming-soon-title {
  font-family: "Meddon", cursive;
  font-size: 48px;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
.si-login-page {
  height: 100%;
}
.si-login-page:not(.is-mobile) .body-wrapper, .si-login-page #sp-login, .si-login-page .row, .si-login-page .sp-column, .si-login-page #es.es-main, .si-login-page .es-login, .si-login-page .es-login-box {
  height: 100%;
}
#es.es-main.view-login {
  display: block;
}
#es.es-main.is-mobile.view-login {
  position: static;
}
#es .es-login-box {
  border-radius: 0;
}
.layout-boxed #es:not(.is-mobile) .si-login-wrapper {
  max-width: 1240px;
  left: 50%;
  transform: translateX(-50%);
}
#es .si-login-wrapper {
  display: block;
  width: 100%;
  padding: 32px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
#es .es-login-box {
  height: calc(100vh - 282px);
  background-position: center;
}
#es .es-login-box__msg-title {
  font-family: "Meddon", cursive;
  font-size: 48px;
  margin-bottom: 0;
  text-shadow: none;
}
#es .es-login-box__msg-desc {
  text-shadow: none;
}
#es .es-login-box__form-wrap {
  max-width: none;
  min-width: 0;
  margin: 0 0 0 64px;
}
#es .es-login-box__form {
  width: 100%;
  background-color: transparent;
  margin-bottom: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}
#es .es-login-box__form-title {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}
#es .es-login-box .btn-es-facebook, #es .es-login-box .btn-es-twitter, #es .es-login-box .btn-es-linkedin {
  margin-bottom: 0;
}
#es .es-login-box .btn-sm {
  font-size: 13px;
}
#es.is-mobile .es-login-box {
  height: auto;
}
#es.mod-es-logbox .es-login-box {
  height: auto;
}
#es .es-login-social-container {
  display: block;
  margin: 0;
}
#es .es-login-social-container__cell {
  display: inline-block;
  padding: 0;
}
#es .es-login-social-container__cell + .es-login-social-container__cell {
  padding-left: 4px;
}
#es .si-login {
  display: -webkit-(flex);
  display: -ms-(flex) box;
  display: -ms-(flex);
  display: flex;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1;
}
#es .si-login__hd {
  display: -webkit-(flex);
  display: -ms-(flex) box;
  display: -ms-(flex);
  display: flex;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-bottom: 16px;
}
#es .si-login__hd > div {
  display: -webkit-(flex);
  display: -ms-(flex) box;
  display: -ms-(flex);
  display: flex;
  -webkit-flex: 1 0 33%;
  -ms-flex: 1 0 33%;
  flex: 1 0 33%;
  margin-bottom: 0;
  height: 54px;
}
#es .si-login__hd > div:not(:first-child):not(:last-child) {
  padding-left: 8px;
}
#es .si-login__hd > div + div {
  padding-left: 8px;
}
#es .si-login__hd > div + div.o-form-group--float-label label {
  left: 21px;
}
#es .si-login__hd .o-form-group--float-label {
  position: relative;
}
#es .si-login__hd .o-form-group--float-label input.o-form-control, #es .si-login__hd .o-form-group--float-label label {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  touch-action: manipulation;
}
#es .si-login__hd .o-form-group--float-label input.o-form-control {
  height: auto;
  padding-top: 16px;
  padding-bottom: 16px;
}
#es .si-login__hd .o-form-group--float-label label {
  color: #999;
  font-weight: 400;
  margin-bottom: 0;
  position: absolute;
  top: 17px;
  left: 13px;
  pointer-events: none;
}
#es .si-login__hd .o-form-group--float-label.is-filled input.o-form-control, #es .si-login__hd .o-form-group--float-label.is-focused input.o-form-control {
  padding-top: 24px;
  padding-bottom: 8px;
}
#es .si-login__hd .o-form-group--float-label.is-filled label, #es .si-login__hd .o-form-group--float-label.is-focused label {
  font-size: 11px;
  top: 6px;
}
#es .si-login__hd .o-form-group--float-label input:-webkit-autofill ~ label {
  font-size: 11px !important;
  top: 6px !important;
}
#es .si-login__hd .o-form-group--float-label input:-webkit-autofill {
  padding-top: 24px !important;
  padding-bottom: 8px !important;
}
#es .si-login__bd {
  margin-top: 16px;
  margin-left: auto;
  margin-top: 0;
  display: -webkit-(flex);
  display: -ms-(flex) box;
  display: -ms-(flex);
  display: flex;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#es .si-login__bd .es-login-box__rmb {
  margin: 0;
  padding: 16px;
  border-width: 0;
  border-style: solid;
}
#es .si-login__bd .o-grid-sm__cell {
  -webkit-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-basis: auto;
  -ms-flex-basis: auto;
  flex-basis: auto;
}
#es .si-login__bd .o-checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
#es .si-login__bd .btn {
  height: 100%;
  font-size: 13px;
  line-height: inherit;
  padding: 16px 24px;
}
#es .si-login__form {
  width: 100%;
}
#es .si-login__bd-checkbox {
  padding-right: 16px;
}
#es .si-login__bd-btn {
  margin-left: auto;
}
#es.is-mobile .si-login-page {
  overflow-y: auto;
}
#es.is-mobile .si-login-page .sp-column {
  position: static;
}
#es.is-mobile .si-login-wrapper {
  padding: 0;
  position: static;
}
#es.is-mobile .si-login-wrapper .es-login-box__form-wrap {
  margin-left: 0;
}
#es.is-mobile .si-login {
  display: block;
}
#es.is-mobile .si-login__hd {
  display: block;
  padding-right: 0;
  margin-bottom: 16px;
}
#es.is-mobile .si-login__hd > div {
  padding-right: 0;
}
#es.is-mobile .si-login__hd > div:not(:first-child):not(:last-child) {
  margin-top: 16px;
  padding-left: 0;
}
#es.is-mobile .si-login__hd > div + div {
  margin-top: 16px;
  padding-left: 0;
}
#es.is-mobile .es-login-box__form-wrap {
  padding-bottom: 24px;
}
#es.is-mobile .es-login-box__msg {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 24px;
}
#es.is-mobile .es-login-social-container, #es.is-tablet .es-login-social-container {
  display: block;
  margin: 0;
}
#es.is-mobile .es-login-social-container__cell, #es.is-tablet .es-login-social-container__cell {
  display: block;
  margin-bottom: 16px;
}
#es.is-mobile .es-login-social-container__cell + .es-login-social-container__cell, #es.is-tablet .es-login-social-container__cell + .es-login-social-container__cell {
  padding: 0;
}
#es.layout-forgetUsername .es-social-signon, #es.layout-forgetPassword .es-social-signon {
  background-color: #36333e;
  margin: 24px auto 0;
  min-width: 320px;
  max-width: 600px;
  padding: 24px;
}
#es.layout-forgetUsername .es-social-signon__hd h1, #es.layout-forgetPassword .es-social-signon__hd h1 {
  font-size: 18px;
  font-weight: 700;
}
#es.layout-forgetUsername .es-social-signon__form, #es.layout-forgetPassword .es-social-signon__form {
  margin-top: 0;
  max-width: none;
  padding: 0;
  border: 0;
}
body #es.es-dialog {
  z-index: 10050;
}
#es.es-dialog .es-login, #es.es-dialog .es-login-box {
  height: 100%;
}
#es.es-dialog .es-login {
  margin: 0 -16px;
}
#es.es-dialog .es-login-box__msg {
  margin-bottom: 16px;
  padding: 0;
}
#es.es-dialog .es-login-box__form-wrap {
  margin-left: 0;
}
#es.es-dialog .si-login-wrapper {
  background-color: rgba(44, 42, 53, 0.9);
}
#es.es-dialog .si-login-wrapper [class*="o-col-"] {
  display: block;
  width: 100%;
}
#es.es-dialog .si-login {
  display: block;
}
#es.es-dialog .si-login__bd {
  display: block;
  margin-top: 16px;
}
#es.es-dialog .si-login__bd .es-login-box__rmb {
  margin: 0;
}
body.lightmode #es.es-dialog .si-login-wrapper {
  background-color: rgba(246, 245, 247, 0.9);
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
#es .si-profile-header .es-profile-header {
  border: 0;
}
#es:not(.is-mobile) .si-profile-header .es-profile-header__hd {
  display: none;
}
#es:not(.is-mobile) .si-profile-header .es-profile-header__bd {
  margin-left: 0;
}
#es.is-mobile .si-profile-header {
  position: relative;
  z-index: 8;
}
#es .si-side-profile-header .es-profile-header {
  border: 0;
}
#es.is-mobile .si-side-profile-header {
  display: none;
}
#es:not(.is-mobile) .si-side-profile-header .es-cover-container {
  padding-top: 66.66667%;
}
#es:not(.is-mobile) .si-side-profile-header .es-profile-header__bd > div, #es:not(.is-mobile) .si-side-profile-header .es-profile-header-nav {
  display: none;
}
#es:not(.is-mobile) .si-side-profile-header .es-profile-header__hd {
  padding: 4px;
}
#es:not(.is-mobile) .si-side-profile-header .es-profile-header__hd.without-cover .es-profile-header__avatar-wrap {
  position: static;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
#es:not(.is-mobile) .si-side-profile-header .es-profile-header__hd.without-cover .es-profile-header__avatar-wrap > a {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
}
#es:not(.is-mobile) .si-side-profile-header .es-profile-header__hd.without-cover .es-profile-header__avatar-wrap > a img {
  border-radius: 0;
}
#es:not(.is-mobile) .si-side-profile-header .es-profile-header__hd.without-cover .es-user-status-indicator {
  width: 20px;
  height: 20px;
  border-width: 4px;
  border-style: solid;
  top: auto;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
#es:not(.is-mobile) .si-side-profile-header .es-profile-header__hd.without-cover + .es-profile-header__bd {
  display: none;
}
#es:not(.is-mobile) .si-side-profile-header .es-profile-header__bd {
  margin-left: 0;
  padding: 32px;
}
#es:not(.is-mobile) .si-side-profile-header .es-profile-header__avatar-wrap {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
/**
 * Blocks / Modules / Elements
 */
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
#es .btn {
  border-radius: 2px;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-control) {
  background-color: #302d37;
  color: #fff;
  border-color: #413e4a;
}
input[type="text"]:not(.form-control):focus, input[type="email"]:not(.form-control):focus, input[type="url"]:not(.form-control):focus, input[type="date"]:not(.form-control):focus, input[type="password"]:not(.form-control):focus, input[type="search"]:not(.form-control):focus, input[type="tel"]:not(.form-control):focus, input[type="number"]:not(.form-control):focus, select:not(.form-control):focus {
  background-color: #302d37;
  color: #fff;
}
body.lightmode input[type="text"]:not(.form-control), body.lightmode input[type="email"]:not(.form-control), body.lightmode input[type="url"]:not(.form-control), body.lightmode input[type="date"]:not(.form-control), body.lightmode input[type="password"]:not(.form-control), body.lightmode input[type="search"]:not(.form-control), body.lightmode input[type="tel"]:not(.form-control), body.lightmode input[type="number"]:not(.form-control), body.lightmode select:not(.form-control) {
  background-color: #fff;
  color: #5e5e5e;
  border-color: #ebebee;
}
body.lightmode input[type="text"]:not(.form-control):focus, body.lightmode input[type="email"]:not(.form-control):focus, body.lightmode input[type="url"]:not(.form-control):focus, body.lightmode input[type="date"]:not(.form-control):focus, body.lightmode input[type="password"]:not(.form-control):focus, body.lightmode input[type="search"]:not(.form-control):focus, body.lightmode input[type="tel"]:not(.form-control):focus, body.lightmode input[type="number"]:not(.form-control):focus, body.lightmode select:not(.form-control):focus {
  background-color: #fff;
  color: #5e5e5e;
}
#es .o-form-control, #es .o-select-group, #es .dropdown-menu, #es .data-field-textarea textarea, #es .es-field-cover .cover-image-wrap, #es .chosen-container-single .chosen-single {
  border-radius: 2px;
}
#es .es-field-avatar .avatar-wrap-frame, #es .es-field-avatar .avatar-frame {
  border-radius: 50%;
  overflow: hidden;
}
#es .es-stepbar .es-stepbar__lists {
  margin: 0;
}
#es .es-stepbar .es-stepbar__lists > li.divider-vertical {
  margin: 0;
}
#es.is-desktop .o-form-group .es-privacy-toggle .i-chevron::before {
  top: 0.85em;
}
#es .o-form-group .es-privacy-toggle .i-chevron::before {
  top: 0.45em;
}
#es .chosen-container-single .chosen-single, #es .chosen-container-active.chosen-with-drop .chosen-single {
  box-shadow: none;
}
#es .chosen-container-active.chosen-with-drop .chosen-single {
  -webkit-box-shadow: 0 1px 0 #413e4a inset;
  box-shadow: 0 1px 0 #413e4a inset;
}
#es .data-field-multidropdown-item .o-grid {
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#eb .form-control {
  border-radius: 2px;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
#es .si-users {
  display: -webkit-(flex);
  display: -ms-(flex) box;
  display: -ms-(flex);
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -8px;
}
#es .si-users.is-empty {
  margin: 0;
}
#es .si-users .es-list__item {
  text-align: center;
  padding: 8px;
}
#es .si-users .es-list__item + .es-list__item {
  border-top: 0;
}
#es .si-users--2 .es-list__item {
  width: 50%;
}
#es .si-users--3 .es-list__item {
  width: 33.33333%;
}
#es .si-users--4 .es-list__item {
  width: 25%;
}
#es .si-users .es-list-item {
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  padding: 8px;
}
#es .si-users .es-list-item__hd {
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
#es .si-users .es-list-item__content {
  padding-top: 16px;
  margin: 0 auto;
}
#es .si-users .es-list-item__media {
  width: 100%;
}
#es .si-users .es-list-item__context {
  width: 100%;
}
#es .si-users .o-flag__image {
  padding-right: 0;
}
#es .si-users .o-flag > div {
  display: block;
  margin-bottom: 16px;
  width: 100%;
}
#es .si-users .o-avatar {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
#es .si-users .o-avatar img {
  border-radius: 0;
}
#es .si-users .o-avatar-status {
  display: block;
  position: relative;
}
#es .si-users .o-avatar-status__indicator {
  width: 14px;
  height: 14px;
  border-width: 2px;
  border-style: solid;
  top: auto;
  right: 50%;
  bottom: -7px;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
}
#es .si-users .btn-toolbar > .btn, #es .si-users .btn-toolbar > .btn-group {
  margin-left: 1px;
}
#es.is-tablet .si-users .es-list__item {
  width: 50%;
}
#es.is-mobile .si-users {
  display: block;
  margin: 0;
  width: 100%;
}
#es.is-mobile .si-users .es-list__item {
  width: 100%;
  padding: 0;
  margin-bottom: 16px;
}
#es.is-mobile .si-users .es-user-meta {
  margin-top: 8px;
}
#es.is-mobile .si-users .o-grid__cell {
  display: -webkit-(flex);
  display: -ms-(flex) box;
  display: -ms-(flex);
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
body.has-docker.docker-top.helix-ultimate {
  padding-top: 40px !important;
}
body.offcanvas-active.offcanvas-position-right #es.es-docker.is-top, body.offcanvas-active.offcanvas-position-right #es.es-docker.is-bottom {
  left: -300px;
}
body.offcanvas-active.offcanvas-position-left #es.es-docker.is-top, body.offcanvas-active.offcanvas-position-left #es.es-docker.is-bottom {
  left: 300px;
}
body #es.es-docker {
  z-index: 9999;
  -webkit-transition: left 0.6s;
  -o-transition: left 0.6s;
  transition: left 0.6s;
}
body #es.es-docker .docker-popup-quickpost, body #es.es-docker .docker-popup-quickpost .es-story-header {
  border: 1px solid #413e4a;
}
body #es.es-docker.is-top.active-quickpost .btn-quickpost::before, body #es.es-docker.is-top.active-quickpost .btn-quickpost::after, body #es.es-docker.is-top.active-friends .btn-friends::before, body #es.es-docker.is-top.active-friends .btn-friends::after, body #es.es-docker.is-top.active-conversations .btn-conversations::before, body #es.es-docker.is-top.active-conversations .btn-conversations::after, body #es.es-docker.is-top.active-notifications .btn-notifications::before, body #es.es-docker.is-top.active-notifications .btn-notifications::after, body #es.es-docker.is-top.active-menu .btn-docker-menu::before, body #es.es-docker.is-top.active-mobile-login .btn-docker-menu::before, body #es.es-docker.is-top.active-menu .btn-docker-menu::after, body #es.es-docker.is-top.active-mobile-login .btn-docker-menu::after {
  border-bottom-color: #413e4a;
}
body #es.es-docker .docker-popup {
  background: #36333e;
  border: 1px solid #413e4a;
}
body #es.es-docker .docker-popup-menu ul li:first-child {
  border-bottom: 1px solid #413e4a;
}
body #es.es-docker .docker-popup-menu ul li:first-child a:hover {
  background: transparent;
}
body #es.es-docker .docker-popup-menu ul li a {
  color: #fff;
}
body #es.es-docker .docker-popup-menu ul li a:hover {
  background: #413e4a;
  color: #fff;
}
body #es.es-docker .docker-popup-quickpost .es-story-header {
  border: none;
}
body #es .docker-popup-quickpost.is-loading, body #es .docker-popup-quickpost {
  background: #36333e;
}
#sp-component {
  margin-bottom: 16px;
}
#sp-component .form-control, #sp-component .form-control[disabled], #sp-component .form-control[readonly], #sp-component fieldset[disabled] {
  background-color: #302d37;
}
#sp-component .form-control {
  color: #fff;
  border: 1px solid #413e4a;
  border-radius: 2px;
}
#sp-component .form-control:focus {
  background-color: #26232c;
}
#sp-component .input-group-text {
  border-radius: 2px;
}
#sp-component .input-group > .custom-select:not(:first-child), #sp-component .input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#sp-component .btn, #sp-component input[type="text"]:not(.form-control), #sp-component input[type="email"]:not(.form-control), #sp-component input[type="url"]:not(.form-control), #sp-component input[type="date"]:not(.form-control), #sp-component input[type="password"]:not(.form-control), #sp-component input[type="search"]:not(.form-control), #sp-component input[type="tel"]:not(.form-control), #sp-component input[type="number"]:not(.form-control), #sp-component select:not(.form-control) {
  border-radius: 2px;
}
.article-list .article {
  background-color: #36333e;
  margin-bottom: 16px;
  border: 0;
  border-radius: 2px;
}
.pager {
  border-top-color: #413e4a;
}
.pager > li > a {
  border-radius: 2px;
}
.list-group-item {
  background-color: #36333e;
}
.list-group-item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.list-group-item:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
body.lightmode #sp-component .form-control {
  background-color: #fff;
  color: #5e5e5e;
  border-color: #ebebee;
}
body.lightmode #sp-component .form-control:focus {
  background-color: #e3e1e7;
}
body.lightmode .article-list .article, body.lightmode .list-group-item {
  background-color: #fff;
}
body.lightmode .pager {
  border-top-color: #ebebee;
}
body:not(.lightmode) .select2-dropdown {
  background-color: #2c2a35;
  border-color: #413e4a;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
#sp-left .sp-module, #sp-right .sp-module {
  background-color: #36333e;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 16px;
  border: 0;
  border-radius: 2px;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
  font-size: 13px;
  text-transform: uppercase;
  margin: 0 0 8px;
  padding-bottom: 0;
  border-bottom: 0;
}
#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
  display: inline-block;
  border: 0;
}
#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
  display: inline-block;
  line-height: inherit;
}
#sp-left .sp-module .es-story-privacy ul > li, #sp-right .sp-module .es-story-privacy ul > li {
  display: block;
  border-bottom: 1px solid #413e4a;
}
#sp-left .sp-module .es-story-privacy ul > li > a, #sp-right .sp-module .es-story-privacy ul > li > a {
  display: block;
  padding: 8px 16px;
}
#sp-left .sp-module ul.mod-es-search__dropdown, #sp-right .sp-module ul.mod-es-search__dropdown {
  padding: 8px 16px;
}
body.lightmode #sp-left .sp-module, body.lightmode #sp-right .sp-module {
  background-color: #fff;
}
body.lightmode #sp-left .sp-module .es-story-privacy > ul > li, body.lightmode #sp-right .sp-module .es-story-privacy > ul > li {
  border-bottom-color: #ebebee;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
/**
 * Basic visual (font/skin/spacing)
 */
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
/**
 * Below specificity suitable for island design
 */
/**
 * Typo
 */
body #es, body #es .es-stream-content, body #ck {
  font-family: "Karla", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
body #es.es-frontend.es-main {
  display: block;
}
body #es input, body #ck input, body #es button, body #ck button, body #es select, body #ck select, body #es textarea, body #ck textarea {
  font-family: "Karla", Helvetica, Arial, sans-serif;
}
#es .es-story-panel-button, #es .es-story-actions .btn-sm, #es .es-story-textfield, #es .es-story-meta-button, #es .es-story-link-input {
  font-size: 14px;
}
#es .es-story-meta-button, #es .es-stream-pinned-divider {
  font-weight: 400;
}
/**
 * Color / Spacing
 */
#es .es-login-box__form-title, #es .es-story-video-form .es-video-item-title, #es .es-story-audio-form .es-audio-item-title, #es .es-story-audio-form .es-audio-item-artist, #es .es-story-audio-form .es-audio-item-album, #es .es-profile-header__title > a, #es .es-noti__title {
  color: #fff !important;
}
#es .es-apps-entry__ft, #es .CodeMirror, #es .o-form-group textarea, #es .mentions-autocomplete-inner, #es .textboxlist-autocomplete-inner, #es .es-stream-apps, #es.es-dialog .es-toolbar__o-nav .es-toolbar__link, #es.es-dialog.is-mobile .es-toolbar__o-nav .es-toolbar__link, #es .es-timeline-filter-dropdown__title, #es .es-stream-filter-dropdown__title, #es .es-stream-filter-bar, #es .es-login-box__msg, #es.popbox.popbox-profile .popbox-item-info > a, #es .es-comment, #es .es-story-panel-contents .es-story-panel-content, #es .es-story-meta-contents, #es .es-stream-embed__broadcasts-icon, #es .es-snackbar, #es .es-card .fa, #es .es-card__meta, #es .es-card__meta u a, #es .es-convo-text, #es .es-location-textbox input, #es .chosen-container-single .chosen-single, #es .textboxlist-textField {
  color: #fff;
}
#es .markItUp a:link, #es .markItUp a:visited, #es .markItUp .markItUpButton a::before, #es .markItUpHeader, #es .markItUpContainer, #es.is-mobile .es-list-item .dropdown-menu > li > a, #es.is-mobile .es-mobile-list-item__action .dropdown-menu > li > a, #es.is-mobile .es-mobile-filter-toggle .dropdown-menu > li > a, #es.is-mobile .es-stream-control .dropdown-menu > li > a, #es.is-mobile .es-profile-header__action-wrap .dropdown-menu > li > a, #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu > li > a, #es.is-mobile .es-comment-actions .dropdown-menu > li > a, #es.is-mobile .es-convo__sidebar-action .dropdown-menu > li > a, #es.is-mobile .es-media-item-menu .dropdown-menu > li > a, #es.is-mobile .es-cover-menu .dropdown-menu > li > a, #es.is-mobile .es-profile-header-nav__item .dropdown-menu > li > a, #es .popbox-dropdown-signin .o-form-control, #es .es-album-caption-field, #es .es-album-title-field, #es .dropdown-menu--rsvp > li.active a::after, #es .data-field-textarea textarea, #es .es-photo-title-field, #es .es-photo-caption-field, #es .es-dialog-footer-content .btn-es-default, #es .es-dialog-footer-content .btn-es-default:hover, #es .es-dialog-footer-content .btn-es-default:focus, #es .es-dialog-footer-content .btn-es-default:active {
  color: #fff !important;
}
#es .es-timeline__content, #es .es-side-widget__title, #es .es-stream-meta-footer a, #es .es-actions-list, #es .es-story-mood-verb > span, #es .es-profile-header-nav__link, #es .es-album-caption, #es .chosen-container .chosen-results {
  color: #999;
}
#es .is-editing .es-editing-text, #es .es-stream-mini .es-stream time, #es .es-edit-text, #es .t-text--muted, #es .es-profile-header-nav .btn-group.open .dropdown-toggle_ {
  color: #999 !important;
}
#es .es-side-widget__title .btn-es-primary-o, #es .es-side-widget__title .btn-es-primary-o:hover, #es .es-side-widget__title .btn-es-primary-o:active, #es .es-side-widget__title .btn-es-primary-o:focus {
  color: #333 !important;
}
body #es .popbox-dropdown__title, body #es .popbox-dropdown-nav__name {
  color: #fff;
}
body #es .es-story-bg-menu-preview, body #es .o-form-control, body #es .mentions textarea, body #es .popbox-dropdown-nav__post, body #es .popbox-dropdown-nav__icon {
  color: #fff;
}
#es pre, #es .es-explorer, #es .es-explorer__sidebar, #es .es-media-header-affix-wrapper.affix, #es.is-mobile .es-container .es-sidebar, #es.es-photo-popup .es-photo-footer, #es.popbox.popbox-profile .o-avatar-status img, #es .si-login-wrapper, #es .is-editing .es-story-text, #es .es-stream-header, #es .es-stream-embed__broadcasts-icon, #es .es-profile-header, #es .mod-card, #es .es-convo__sidebar-item:hover, #es .es-audio-progress-area, #es .es-story-link-images, #es .es-story-link-title:hover, #es .es-story-link-description:hover {
  background-color: #2c2a35;
}
#es .es-story-audio-form .es-audio-item-title:hover, #es .es-story-audio-form .es-audio-item-desp:hover, #es .es-story-video-form .es-video-item-title:hover, #es .es-story-video-form .es-video-item-desp:hover, #es .es-stage__actor-img, #es .es-smileys, #es .CodeMirror-gutters, #es.mentions-autocomplete .mentions-menu .mentions-menuItem > img, #es .mentions-autocomplete-inner, #es .textboxlist-autocomplete-inner, #es .es-actions__item-stats, #es .es-actions__item-comment, #es .es-comments-control__load, #es .es-comments .es-story-text, #es .es-stream-apps, #es .es-island, #es .es-stream-filter-bar, #es .si-users .es-list-item, #es .si-profile-header .es-profile-header, #es .si-side-profile-header .es-profile-header, #es.popbox.popbox-profile .popbox-footer, #es .es-profile-data-table thead, #es .es-profile-header--mini .o-nav__link:hover, #es .es-profile-header-nav, #es .es-side-widget, #es .es-stream-item, #es .es-story-audio-form .es-audio-upload-button, #es .es-cluster-header, #es .es-snackbar, #es .es-cat-header, #es .es-stepbar .es-stepbar__lists > li.divider-vertical, #es .es-stepbar .divider-vertical-last, #es .es-card, #es .es-bg-shade, #es .es-stage, #es .es-noti__item, #es .es-convo, #es .es-convo__sidebar, #es .es-convo__sidebar-item.is-active, #es .es-noti-list-wrap, #es .es-apps-item__ft, #es .es-dialog-header, #es .es-dialog-container, #es .es-dialog-footer, #es .es-media-browser-dialog__sidebar, #es .dropdown-menu .divider, #es .o-form-actions, #es .popbox-dropdown__bd, #es .popbox-dropdown-nav, #es .dropdown-menu--post-as > li.is-active {
  background-color: #36333e;
}
#es .markItUpEditor, #es .markItUpContainer, #es .markItUpHeader, #es.is-mobile .es-list-item .dropdown-menu > li > a, #es.is-mobile .es-mobile-list-item__action .dropdown-menu > li > a, #es.is-mobile .es-mobile-filter-toggle .dropdown-menu > li > a, #es.is-mobile .es-stream-control .dropdown-menu > li > a, #es.is-mobile .es-profile-header__action-wrap .dropdown-menu > li > a, #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu > li > a, #es.is-mobile .es-comment-actions .dropdown-menu > li > a, #es.is-mobile .es-convo__sidebar-action .dropdown-menu > li > a, #es.is-mobile .es-media-item-menu .dropdown-menu > li > a, #es.is-mobile .es-cover-menu .dropdown-menu > li > a, #es.is-mobile .es-profile-header-nav__item .dropdown-menu > li > a, #es .o-btn-group.open .dropdown-toggle_, #es .es-create-category-select .btn, #es .es-create-category-select .btn:hover, #es .es-create-category-select .btn:active, #es .es-create-category-select .btn.active, #es .es-create-category-select .btn:focus, #es .es-create-category-select .btn.focus, #es .es-create-category-select .btn.active:focus, #es .es-create-category-select .btn:active.focus, #es .es-create-category-select .btn.active:focus, #es .es-create-category-select .btn.active.focus, #es .es-dialog-footer-content .btn, #es .es-dialog-footer-content .btn:hover, #es .es-dialog-footer-content .btn:active, #es .es-dialog-footer-content .btn.active, #es .es-dialog-footer-content .btn:focus, #es .es-dialog-footer-content .btn.focus, #es .es-dialog-footer-content .btn.active:focus, #es .es-dialog-footer-content .btn:active.focus, #es .es-dialog-footer-content .btn.active:focus, #es .es-dialog-footer-content .btn.active.focus {
  background-color: #36333e !important;
}
#es .es-smileys > li:hover, #es .textboxlist-menu .textboxlist-menuItem.active, #es .mentions-menu .mentions-menuItem.active, #es .es-story-panel-button-list__item:hover, #es .es-story-panel-button-list__item.is-active, #es .es-story-link-item, #es .es-story-audio-form .es-audio-upload-button:hover, #es .es-audio-progress-area, #es .es-reaction-stats, #es .es-comments-wrap, #es .es-side-widget .o-tabs__bubble, #es .es-video-item-wrap, #es .es-audio-item-wrap, #es .es-story-mood-verb > span, #es .es-field-avatar .avatar-wrap-frame, #es .es-stage__curtain, #es .es-noti__item:hover, #es .es-noti__item.is-unread, #es .es-leaderboard thead, #es .es-progress-wrap, #es .es-points-list .o-box {
  background-color: #3a3743;
}
#es .CodeMirror, #es .o-form-group textarea, #es .o-select-group, #es .es-profile-data-table, #es .es-comments-form .es-form, #es .es-story-panel-contents .es-story-panel-content.active, #es .es-story-link-textbox, #es .es-story-meta-contents, #es .es-location-form, #es .es-story-friends-textbox, #es .es-stream-repost__meta-inner, #es .es-story-panel-content .es-story-files-content .es-story-files-items .file-item, #es .data-field-textarea textarea, #es .es-field-cover .cover-image-wrap, #es .es-album-form-fields, #es .es-album-meta-field .es-album-date, #es .es-album-caption-field, #es .es-album-form-fields, #es .es-album-cover-field, #es .es-photo-form-fields, #es .es-photo-caption-field, #es .es-photo-meta-field .es-photo-date, #es .es-media-group .content-hint, #es .es-timeline__content, #es .es-adv-search2__options, #es input[type="text"]:not(.form-control), #es .chosen-container-single .chosen-single, #es .chosen-container .chosen-drop, #es .textboxlist, #es .es-repost-form .es-form, #es .mentions div > span, #es .mentions-textfield .mentions > div span {
  background-color: #302d37;
}
#es .o-form-control[disabled], #es .o-form-control[readonly] {
  background-color: #3c3845;
}
#es .es-stream-filter-bar .o-btn-group.open .dropdown-toggle_, #es .es-story-panel-contents .es-story-panel-content input[type="text"] {
  color: #fff !important;
  background-color: #302d37 !important;
}
#es .o-form-control:focus {
  background-color: #26232c;
}
#es .es-comment-item-meta__item + .es-comment-item-meta__item:before {
  background-color: #999;
}
#es .es-timeline__content:before, #es .es-pointshistory:before {
  background-color: #413e4a;
}
#es.es-widget-calendar td.day:hover, #es.es-widget-calendar .day.is-today {
  background: #413e4a;
}
#es.es-widget-calendar .day.has-events {
  background: #413e4a !important;
}
body #es .progress, body #es .es-event-details__title, body #es .es-polls__progress {
  background-color: #2c2a35;
}
body #es .si-login__bd .es-login-box__rmb, body #es .popbox-dropdown-signin .o-form-control, body #es.popbox.popbox-profile {
  background-color: #2c2a35 !important;
}
body #es .es-input-smiley__popup, body #es .es-apps-entry__ft, body #es .ph-item, body #es .es-albums .content-hint, body #es .o-empty, body #es.mod-es-logbox .es-login-box__form, body #es .es-story-body, body #es.popbox, body #es.popbox-navbar-profile .popbox-dropdown__hd, body #es.popbox-navbar-profile .popbox-dropdown__bd, body #es.popbox-navbar-profile .popbox-dropdown__ft, body #es.popbox-navbar-signin .popbox-dropdown__hd, body #es.popbox-navbar-signin .popbox-dropdown__bd, body #es.popbox-navbar-signin .popbox-dropdown__ft, body #es .popbox-dropdown-signin, body #es .popbox-dropdown, body #es .popbox-dropdown-nav__item.is-unread, body #es .popbox-dropdown-nav__item {
  background-color: #36333e;
}
body #es .o-form-control, body #es .o-form-control[readonly] {
  background-color: #302d37;
}
body #es .es-stream-embed, body #es .ph-avatar, body #es .ph-row div, body #es .popbox-dropdown-nav__item.is-unread:hover, body #es .popbox-dropdown-nav__item:hover {
  background-color: #3a3743;
}
#es .es-stream-embed--border, #es .es-input-smiley__popup, #es .popbox-story-panel__hd, #es .ph-item, #es .o-box--border, #es .es-side-widget .o-tabs__bubble, #es .es-convo__sidebar-hd, #es .es-profile-header-nav {
  border-color: #2c2a35;
}
#es .textboxlist-menu .textboxlist-menuItem + .textboxlist-menuItem, #es .o-pagination > li > a, #es .o-pagination > li > span, #es .es-smileys, #es .CodeMirror-gutters, #es .CodeMirror, #es .o-form-group textarea, #es .mentions-autocomplete-inner, #es .mentions-menu .mentions-menuItem + .mentions-menuItem, #es .mentions-autocomplete-inner, #es .textboxlist-autocomplete-inner, #es .es-explorer, #es .es-comments .es-story-text, #es .es-stream-apps, #es .es-media-header-affix-wrapper.affix, #es .form-uploader .upload-submit, #es .es-single-composer-textarea, #es .es-mobile-info .es-side-widget, #es .es-media-delete-all-actions, #es .es-story-bg-menu-preview, #es .es-story-body, #es .mod-es-dating-search-form, #es .mod-es-leader-item + .mod-es-leader-item, #es .o-box, #es .si-login__bd .es-login-box__rmb, #es .es-profile-data-table, #es .es-profile-data-table thead tr, #es .es-profile-data-table tbody > tr:last-child td, #es .es-profile-data-table td, #es .es-story-link-textbox, #es .es-comments-form .es-form, #es .es-stream-repost__meta-inner, #es .mod-card, #es .es-card, #es .es-card--border, #es .es-form-hashtags-wrap, #es .es-story-meta-contents, #es.is-mobile .es-story-meta-buttons, #es.es-mobile-content .es-story-meta-buttons, #es .es-story-mood-verb > span, #es .es-profile-header, #es .es-profile-header__ft, #es .es-story-panel-content .es-story-files-content .es-story-files-items .file-item, #es .es-stream-embed__file-icon, #es .es-cluster-header__ft, #es .es-cat-header__ft, #es .es-noti__item, #es .es-convo, #es .es-convo__sidebar, #es .es-convo-sidebar-tab > :not(:first-child), #es .es-convo__sidebar-btn-new, #es .es-convo__sidebar-item + .es-convo__sidebar-item, #es .es-convo__search-input-wrap, #es .es-convo__content-hd, #es .es-convo-composer, #es .es-convo__attached-item, #es .es-noti-list-wrap, #es .es-album-form-fields, #es .es-album-cover-field.no-cover, #es .es-photo-form-fields, #es .es-media-group .content-hint, #es .es-timeline__content, #es .es-dialog-header, #es .es-dialog-container, #es .es-dialog-footer, #es .data-field-textarea textarea, #es .o-form-control[readonly], #es .es-field-cover .cover-image-wrap, #es .es-timeline-item-separator:after, #es .o-form-actions, #es .o-select-group select, #es .o-empty--bordered, #es .chosen-container-single .chosen-single, #es .chosen-container .chosen-drop, #es .chosen-container-active.chosen-with-drop .chosen-single, #es .chosen-container-single .chosen-search input[type="text"], #es .textboxlist, #es .es-repost-form .es-form, #es .es-repost-preview, #es .es-forms .es-location-map, #es .es-forms .es-location-form, #es .es-story-link-images, #es .es-story-link-title:hover, #es .es-story-link-description:hover, #es .popbox-dropdown-signin, #es .popbox-dropdown-signin .o-form-control, #es .g-list-inline--dashed > :not(:first-child), #es .dropdown-menu--post-as > li + li {
  border-color: #413e4a !important;
}
#es .markItUpContainer, #es .markItUpHeader, #es.popbox.popbox-profile .popbox-item-info, #es .es-location-form.has-border, #es .es-album-title-field, #es .es-photo-title-field, #es .es-dialog-footer-content .btn + .btn, #es .es-dialog-footer-content .btn:hover + .btn, #es .es-dialog-footer-content .btn:focus + .btn, #es .es-dialog-footer-content .btn:active + .btn {
  border-color: #413e4a !important;
}
#es .es-apps-entry__ft, #es.is-mobile .es-list-item .dropdown-menu > li, #es.is-mobile .es-mobile-list-item__action .dropdown-menu > li, #es.is-mobile .es-mobile-filter-toggle .dropdown-menu > li, #es.is-mobile .es-stream-control .dropdown-menu > li, #es.is-mobile .es-profile-header__action-wrap .dropdown-menu > li, #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu > li, #es.is-mobile .es-comment-actions .dropdown-menu > li, #es.is-mobile .es-convo__sidebar-action .dropdown-menu > li, #es.is-mobile .es-media-item-menu .dropdown-menu > li, #es.is-mobile .es-cover-menu .dropdown-menu > li, #es.is-mobile .es-profile-header-nav__item .dropdown-menu > li, #es .es-leaderboard tr td, #es .es-apps-item__ft {
  border-bottom-color: #413e4a;
}
#es .es-app-discussion-reply-item + .es-app-discussion-reply-item, #es .es-smileys:before {
  border-top-color: #413e4a;
}
#es .es-smileys:after {
  border-top-color: #36333e;
}
#es.is-mobile .es-story-meta-button + .es-story-meta-button, #es.es-mobile-content .es-story-meta-button + .es-story-meta-button {
  border-left-color: #413e4a;
}
#es .es-input-smiley__popup::before, #es .es-stream-list > li + li {
  border-top-color: #2c2a35;
}
#es .es-input-smiley__popup::after, #es .es-comment + .es-comment {
  border-top-color: #36333e;
}
#es .es-mobile-filter__hd, #es .es-mobile-filter__bd, #es .si-users .es-list-item .o-avatar-status__indicator, #es:not(.is-mobile) .es-profile-header__hd.without-cover .es-user-status-indicator, #es.popbox.popbox-profile .o-avatar-status, #es .es-profile-header__avatar-wrap > a {
  border-color: #36333e;
}
#es .fd-explorer-file + .fd-explorer-file, #es .es-explorer__content-hd, #es .es-explorer__sidebar-hd, #es .is-side-open .es-explorer__sidebar {
  border-color: #413e4a;
}
#es .CodeMirror-cursor {
  border-left-color: #fff;
}
body #es .mod-es-menu-bar, body #es .mod-es-menu-list, body #es .mod-es-pf-hd__content, body #es .o-form-control, body #es .es-story, body #es .es-story-footer, body #es .es-stream-embed, body #es.popbox, body #es .popbox-dropdown__hd, body #es .popbox-dropdown-nav__item + .popbox-dropdown-nav__item, body #es .es-progress-wrap {
  border-color: #413e4a;
}
body #es .es-stream-apps--border, body #es .es-hr, body #es.popbox.top-right .arrow:after, body #es.popbox.top-left .arrow:after {
  border-top-color: #413e4a;
}
body #es.popbox.bottom-right .arrow:after, body #es.popbox.bottom-left .arrow:after {
  border-bottom-color: #413e4a;
}
body #es.popbox.popbox-profile.top-right .arrow, body #es.popbox.popbox-profile.top-left .arrow, body #es.popbox.top-right .arrow, body #es.popbox.top-left .arrow {
  border-top-color: #36333e;
}
body #es.popbox.popbox-profile.bottom-right .arrow, body #es.popbox.popbox-profile.bottom-left .arrow, body #es.popbox.bottom-right .arrow, body #es.popbox.bottom-left .arrow {
  border-bottom-color: #36333e;
}
#es .mod-es-albums-item + .mod-es-albums-item, #es .es-hr, #es .es-media-info {
  margin-top: 16px;
}
#es .es-side-widget__ft, #es .es-actions__item-stats, #es .es-comment-item-meta, #es .o-flag-list {
  margin-top: 8px;
}
#es .es-container, #es .es-stream-pinned-divider, #es .es-stream-header, #es .es-achieve-badge__title {
  margin-bottom: 16px;
}
#es .mod-es-leader-item .o-media__image {
  margin-right: 16px;
}
#es .es-teaser-date .fa {
  margin-right: 4px !important;
}
#es .es-noti-list-wrap, #es .es-side-widget, #es .es-stream-item, #es .es-stream-embed, #es .es-stage, #es .es-media-info {
  padding: 16px;
}
#es .es-stream .o-flag__image {
  padding-right: 16px;
}
#es .es-story-actions {
  padding-left: 16px;
  padding-right: 16px;
}
#es .btn-group .btn + .btn, #es .btn-group .btn + .btn-group, #es .btn-group .btn-group + .btn, #es .btn-group .btn-group + .btn-group {
  margin-left: 1px;
}
#es .es-stepbar .es-stepbar__lists > li > a {
  background-color: #413e4a;
}
#es .es-pointshistory:before {
  opacity: 1;
}
body #es .o-avatar {
  border-radius: 50%;
}
body #es .o-avatar img {
  border-radius: 50%;
  -webkit-transform: translateZ(1px);
  -moz-transform: translateZ(1px);
  -o-transform: translateZ(1px);
  transform: translateZ(1px);
}
body #es .o-box, body #es.mod-es-logbox .es-login-box, body #es.mod-es-logbox .es-login-box__form, body #es .es-story, body #es .es-stream-embed, #es .es-snackbar, #es .es-noti-hd__badge, #es .es-convo__attached-item, #es .es-story-link-item, #es .es-story-audio-form .es-audio-upload-button, .es-album-form-fields, .es-album-cover-field, .es-photo-form-fields, .es-dialog-modal, .es-repost-form .es-form, .es-form-hashtags-wrap {
  border-radius: 2px;
}
body #es .o-checkbox label:before, body #es .es-search-filter-item label:before {
  background-color: #302d37;
  border-color: #413e4a;
}
body #es .o-checkbox input[type="checkbox"]:checked + label:before, body #es .es-search-filter-item input[type="checkbox"]:checked + label:before {
  background-color: #26232c;
  border-color: #413e4a;
}
body #es .o-checkbox input[type="checkbox"]:checked + label:after, body #es .es-search-filter-item input[type="checkbox"]:checked + label:after {
  color: #fff;
}
body #es .es-search-filter-item label {
  border-radius: 2px;
}
body #es .es-search-filter-item label:after {
  background-color: #302d37;
  border-color: #413e4a;
}
body #es .es-search-filter-item input[type="checkbox"]:checked + label {
  background-color: #3a3743;
  border-color: #413e4a;
}
#es .es-story .es-album-view .es-album-upload-button, #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload {
  background-color: #3a3743;
}
#es .es-story .es-album-view .es-album-upload-button:hover, #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:hover, #es .es-story .es-album-view .es-album-upload-button:active, #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:active, #es .es-story .es-album-view .es-album-upload-button:focus, #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:focus {
  background-color: #494554 !important;
}
#es .es-story .es-album-view .es-album-upload-button:hover > span, #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:hover > span, #es .es-story .es-album-view .es-album-upload-button:active > span, #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:active > span, #es .es-story .es-album-view .es-album-upload-button:focus > span, #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:focus > span {
  color: #fff !important;
}
#es .es-album-title-field, #es .es-photo-title-field, #es .es-dialog-header {
  border-radius: 2px 2px 0 0 !important;
}
#es .es-dialog-footer, #es .es-dialog-footer-content {
  border-radius: 0 0 2px 2px;
}
body #es .dropdown-menu > li > a {
  color: #999;
}
body #es .dropdown-menu > li > a:hover, body #es .dropdown-menu > li > a:focus {
  color: #999;
  background-color: #3a3743;
}
body #es .dropdown-menu > .active > a {
  color: #fff;
  background-color: #3a3743;
}
body #es .dropdown-menu > .active > a:hover, body #es .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #3a3743;
}
#sp-top-toolbar {
  background-color: #36333e;
}
#es.mod-es.mod-es-toolbar .es-toolbar {
  background-color: #36333e;
}
#es.mod-es.mod-es-toolbar .es-toolbar:before, #es.mod-es.mod-es-toolbar .es-toolbar:after {
  background-color: #36333e;
}
#es.mod-es.mod-es-toolbar .es-toolbar__search-dropdown, #es.mod-es.mod-es-toolbar .es-toolbar__search .btn-toolbar-search, #es.mod-es.mod-es-toolbar .es-toolbar__search-filter-toggle, #es.mod-es.mod-es-toolbar .es-toolbar__search-input, #es.mod-es.mod-es-toolbar .es-toolbar__item--search {
  color: #fff !important;
  background-color: #36333e !important;
}
#es.mod-es.mod-es-toolbar .es-toolbar .es-toolbar-profile, #es.mod-es.mod-es-toolbar .es-toolbar .es-toolbar-dropdown-nav, #es.mod-es.mod-es-toolbar .es-toolbar .es-toolbar-dropdown-nav__item {
  color: #fff !important;
  background-color: #36333e !important;
}
#es.mod-es.mod-es-toolbar .es-toolbar .es-toolbar-dropdown-nav__name, #es.mod-es.mod-es-toolbar .es-toolbar .es-toolbar-dropdown-nav__post-user-name {
  color: #fff !important;
}
#es.mod-es.mod-es-toolbar .es-toolbar__dropdown-menu:after {
  border-bottom-color: #36333e;
}
html.coming-soon #coming-soon-countdown .coming-soon-days:before, html.coming-soon #coming-soon-countdown .coming-soon-hours:before, html.coming-soon #coming-soon-countdown .coming-soon-minutes:before, html.coming-soon #coming-soon-countdown .coming-soon-seconds:before {
  background-color: #36333e;
}
#es .es-login-box__form {
  color: #fff;
}
#es.es-photo-popup {
  z-index: 10060;
}
#es .es-story > .story-loading {
  background-color: rgba(0, 0, 0, 0.6);
}
#es .es-photo-tag-list-item .fa, #es .es-photo-tag-list-item > a {
  color: #999;
}
#es .es-photo-tag-list-item:hover .fa, #es .es-photo-tag-list-item:hover > a {
  color: #6a6a9d;
}
#es .es-photo-tag-list-item, #es .es-photo-tag-list-item:hover {
  border: none;
}
#es .es-media-browser .btn-media > a {
  text-shadow: none;
}
body:not(.lightmode) #es .es-album-cover b {
  box-shadow: 200px -30px 100px #2c2a35 inset;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #2c2a35 100%);
}
body:not(.lightmode) #es .es-album-title, body:not(.lightmode) #es .es-album-caption {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#es .es-island {
  padding: 16px !important;
}
#es .es-media-item-menu {
  top: 16px;
  right: 16px;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
/**
 * Color / Spacing
 */
body.lightmode #es .es-login-box__form, body.lightmode #es .es-login-box__form-title, body.lightmode #es .es-story-video-form .es-video-item-title, body.lightmode #es .es-story-audio-form .es-audio-item-title, body.lightmode #es .es-story-audio-form .es-audio-item-artist, body.lightmode #es .es-story-audio-form .es-audio-item-album, body.lightmode #es .es-profile-header__title > a, body.lightmode #es .es-noti__title {
  color: #333 !important;
}
body.lightmode #es .es-apps-entry__ft, body.lightmode #es .es-timeline__content, body.lightmode #es .CodeMirror, body.lightmode #es .o-form-group textarea, body.lightmode #es .mentions-autocomplete-inner, body.lightmode #es .textboxlist-autocomplete-inner, body.lightmode #es .es-stream-apps, body.lightmode #es.es-dialog .es-toolbar__o-nav .es-toolbar__link, body.lightmode #es.es-dialog.is-mobile .es-toolbar__o-nav .es-toolbar__link, body.lightmode #es .es-timeline-filter-dropdown__title, body.lightmode #es .es-stream-filter-dropdown__title, body.lightmode #es .es-stream-filter-bar, body.lightmode #es .es-story-bg-menu-preview, body.lightmode #es .o-form-control, body.lightmode #es .si-login .o-form-control, body.lightmode #es .es-login-box__msg, body.lightmode #es.popbox.popbox-profile .popbox-item-info > a, body.lightmode #es .es-comment, body.lightmode #es .es-story-panel-contents .es-story-panel-content, body.lightmode #es .mentions textarea, body.lightmode #es .es-story-meta-contents, body.lightmode #es .es-stream-embed__broadcasts-icon, body.lightmode #es .es-snackbar, body.lightmode #es .es-card .fa, body.lightmode #es .es-card__meta, body.lightmode #es .es-card__meta u a, body.lightmode #es .es-convo-text, body.lightmode #es .es-location-textbox input, body.lightmode #es .chosen-container-single .chosen-single, body.lightmode #es .textboxlist-textField {
  color: #5e5e5e;
}
body.lightmode #es .markItUp a:link, body.lightmode #es .markItUp a:visited, body.lightmode #es .markItUp .markItUpButton a::before, body.lightmode #es .markItUpHeader, body.lightmode #es .markItUpContainer, body.lightmode #es.is-mobile .es-list-item .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-mobile-list-item__action .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-mobile-filter-toggle .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-stream-control .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-profile-header__action-wrap .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-comment-actions .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-convo__sidebar-action .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-media-item-menu .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-cover-menu .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-profile-header-nav__item .dropdown-menu > li > a, body.lightmode #es .es-album-caption-field, body.lightmode #es .es-album-title-field, body.lightmode #es .dropdown-menu--rsvp > li.active a::after, body.lightmode #es .data-field-textarea textarea, body.lightmode #es .es-photo-title-field, body.lightmode #es .es-photo-caption-field, body.lightmode #es .es-dialog-footer-content .btn-es-default, body.lightmode #es .es-dialog-footer-content .btn-es-default:hover, body.lightmode #es .es-dialog-footer-content .btn-es-default:focus, body.lightmode #es .es-dialog-footer-content .btn-es-default:active {
  color: #5e5e5e !important;
}
body.lightmode #es .is-editing .es-editing-text, body.lightmode #es .es-stream-mini .es-stream time, body.lightmode #es .es-edit-text, body.lightmode #es .t-text--muted, body.lightmode #es .es-profile-header-nav .btn-group.open .dropdown-toggle_ {
  color: #999 !important;
}
body.lightmode #es pre, body.lightmode #es .es-explorer, body.lightmode #es .es-explorer__sidebar, body.lightmode #es .es-media-header-affix-wrapper.affix, body.lightmode #es.is-mobile .es-container .es-sidebar, body.lightmode #es.es-photo-popup .es-photo-footer, body.lightmode #es.popbox.popbox-profile .o-avatar-status img, body.lightmode #es .progress, body.lightmode #es .si-login-wrapper, body.lightmode #es .is-editing .es-story-text, body.lightmode #es .es-stream-header, body.lightmode #es .es-polls__progress, body.lightmode #es .es-stream-embed__broadcasts-icon, body.lightmode #es .es-profile-header, body.lightmode #es .es-event-details__title, body.lightmode #es .mod-card, body.lightmode #es .es-convo__sidebar-item:hover, body.lightmode #es .es-audio-progress-area, body.lightmode #es .es-story-link-images, body.lightmode #es .es-story-link-title:hover, body.lightmode #es .es-story-link-description:hover, body.lightmode #es .mentions div > span, body.lightmode #es .mentions-textfield .mentions > div span {
  background-color: #f6f5f7;
}
body.lightmode #es .markItUpEditor, body.lightmode #es .markItUpHeader, body.lightmode #es .markItUpContainer, body.lightmode #es.is-mobile .es-list-item .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-mobile-list-item__action .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-mobile-filter-toggle .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-stream-control .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-profile-header__action-wrap .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-comment-actions .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-convo__sidebar-action .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-media-item-menu .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-cover-menu .dropdown-menu > li > a, body.lightmode #es.is-mobile .es-profile-header-nav__item .dropdown-menu > li > a body.lightmode #es.popbox.popbox-profile {
  background-color: #f6f5f7 !important;
}
body.lightmode #es .es-input-smiley__popup, body.lightmode #es .es-story-audio-form .es-audio-item-title:hover, body.lightmode #es .es-story-audio-form .es-audio-item-desp:hover, body.lightmode #es .es-story-video-form .es-video-item-title:hover, body.lightmode #es .es-story-video-form .es-video-item-desp:hover, body.lightmode #es .es-apps-entry__ft, body.lightmode #es .es-stage__actor-img, body.lightmode #es .es-smileys, body.lightmode #es .CodeMirror-gutters, body.lightmode #es.mentions-autocomplete .mentions-menu .mentions-menuItem > img, body.lightmode #es .mentions-autocomplete-inner, body.lightmode #es .textboxlist-autocomplete-inner, body.lightmode #es .es-actions__item-stats, body.lightmode #es .es-actions__item-comment, body.lightmode #es .es-comments-control__load, body.lightmode #es .es-comments .es-story-text, body.lightmode #es .es-stream-apps, body.lightmode #es .es-island, body.lightmode #es .es-stream-filter-bar, body.lightmode #es .ph-item, body.lightmode #es.mod-es-logbox .es-login-box__form, body.lightmode #es .si-users .es-list-item, body.lightmode #es .si-profile-header .es-profile-header, body.lightmode #es .si-side-profile-header .es-profile-header, body.lightmode #es.popbox.popbox-profile .popbox-footer, body.lightmode #es .es-profile-data-table thead, body.lightmode #es .es-profile-header--mini .o-nav__link:hover, body.lightmode #es .es-profile-header-nav, body.lightmode #es .es-story-audio-form .es-audio-upload-button, body.lightmode #es .es-side-widget, body.lightmode #es .es-stream-item, body.lightmode #es .es-cluster-header, body.lightmode #es .es-snackbar, body.lightmode #es .es-cat-header, body.lightmode #es .es-stepbar .es-stepbar__lists > li.divider-vertical, body.lightmode #es .es-stepbar .divider-vertical-last, body.lightmode #es .es-card, body.lightmode #es .es-bg-shade, body.lightmode #es .es-stage, body.lightmode #es .es-noti__item, body.lightmode #es .es-convo, body.lightmode #es .es-convo__sidebar, body.lightmode #es .es-convo__sidebar-item.is-active, body.lightmode #es .es-noti-list-wrap, body.lightmode #es .es-apps-item__ft, body.lightmode #es .es-dialog-header, body.lightmode #es .es-dialog-container, body.lightmode #es .es-dialog-footer, body.lightmode #es .es-media-browser-dialog__sidebar, body.lightmode #es .dropdown-menu .divider, body.lightmode #es .o-empty, body.lightmode #es .o-form-actions, body.lightmode #es .es-albums .content-hint, body.lightmode #es .dropdown-menu--post-as > li.is-active {
  background-color: #fff;
}
body.lightmode #es .o-btn-group.open .dropdown-toggle_, body.lightmode #es .es-create-category-select .btn, body.lightmode #es .es-create-category-select .btn:hover, body.lightmode #es .es-create-category-select .btn:active, body.lightmode #es .es-create-category-select .btn.active, body.lightmode #es .es-create-category-select .btn:focus, body.lightmode #es .es-create-category-select .btn.focus, body.lightmode #es .es-create-category-select .btn.active:focus, body.lightmode #es .es-create-category-select .btn:active.focus, body.lightmode #es .es-create-category-select .btn.active:focus, body.lightmode #es .es-create-category-select .btn.active.focus, body.lightmode #es .es-dialog-footer-content .btn, body.lightmode #es .es-dialog-footer-content .btn:hover, body.lightmode #es .es-dialog-footer-content .btn:active, body.lightmode #es .es-dialog-footer-content .btn.active, body.lightmode #es .es-dialog-footer-content .btn:focus, body.lightmode #es .es-dialog-footer-content .btn.focus, body.lightmode #es .es-dialog-footer-content .btn.active:focus, body.lightmode #es .es-dialog-footer-content .btn:active.focus, body.lightmode #es .es-dialog-footer-content .btn.active:focus, body.lightmode #es .es-dialog-footer-content .btn.active.focus {
  background-color: #fff !important;
}
body.lightmode #es .es-smileys > li:hover, body.lightmode #es .textboxlist-menu .textboxlist-menuItem.active, body.lightmode #es .mentions-menu .mentions-menuItem.active, body.lightmode #es .es-story-panel-button-list__item:hover, body.lightmode #es .es-story-panel-button-list__item.is-active, body.lightmode #es .ph-avatar, body.lightmode #es .ph-row div, body.lightmode #es .es-story-link-item, body.lightmode #es .es-story-audio-form .es-audio-upload-button:hover, body.lightmode #es .es-audio-progress-area, body.lightmode #es .es-reaction-stats, body.lightmode #es .es-comments-wrap, body.lightmode #es .es-side-widget .o-tabs__bubble, body.lightmode #es .es-stream-embed, body.lightmode #es .es-video-item-wrap, body.lightmode #es .es-audio-item-wrap, body.lightmode #es .es-story-mood-verb > span, body.lightmode #es .es-field-avatar .avatar-wrap-frame, body.lightmode #es .es-stage__curtain, body.lightmode #es .es-noti__item:hover, body.lightmode #es .es-noti__item.is-unread, body.lightmode #es .es-leaderboard thead, body.lightmode #es .es-progress-wrap, body.lightmode #es .es-points-list .o-box {
  background-color: #f9f9fa;
}
body.lightmode #es .CodeMirror-gutters, body.lightmode #es .CodeMirror, body.lightmode #es .o-form-group textarea, body.lightmode #es .o-form-control, body.lightmode #es .o-form-control[readonly], body.lightmode #es .o-select-group, body.lightmode #es .si-login .o-form-control, body.lightmode #es .si-login input[type="text"]:not(.form-control), body.lightmode #es .es-profile-data-table, body.lightmode #es .es-story-body, body.lightmode #es .es-comments-form .es-form, body.lightmode #es .es-story-panel-contents .es-story-panel-content.active, body.lightmode #es .es-story-link-textbox, body.lightmode #es .es-story-meta-contents, body.lightmode #es .es-location-form, body.lightmode #es .es-story-friends-textbox, body.lightmode #es .es-stream-repost__meta-inner, body.lightmode #es .es-story-panel-content .es-story-files-content .es-story-files-items .file-item, body.lightmode #es .data-field-textarea textarea, body.lightmode #es .es-field-cover .cover-image-wrap, body.lightmode #es .es-album-form-fields, body.lightmode #es .es-album-meta-field .es-album-date, body.lightmode #es .es-album-caption-field, body.lightmode #es .es-album-form-fields, body.lightmode #es .es-album-cover-field, body.lightmode #es .es-photo-form-fields, body.lightmode #es .es-photo-caption-field, body.lightmode #es .es-photo-meta-field .es-photo-date, body.lightmode #es .es-media-group .content-hint, body.lightmode #es .es-timeline__content, body.lightmode #es .es-adv-search2__options, body.lightmode #es input[type="text"]:not(.form-control), body.lightmode #es .chosen-container-single .chosen-single, body.lightmode #es .chosen-container .chosen-drop, body.lightmode #es .textboxlist, body.lightmode #es .es-repost-form .es-form {
  background-color: #fff;
}
body.lightmode #es .si-login__bd .es-login-box__rmb {
  background-color: #fff !important;
}
body.lightmode #es .o-form-control[disabled], body.lightmode #es .o-form-control[readonly] {
  background-color: #f2f2f2;
}
body.lightmode #es .es-stream-filter-bar .o-btn-group.open .dropdown-toggle_, body.lightmode #es .es-story-panel-contents .es-story-panel-content input[type="text"] {
  color: #5e5e5e !important;
  background-color: #fff !important;
}
body.lightmode #es .o-form-control:focus, body.lightmode #es .si-login .o-form-control:focus {
  background-color: #e3e1e7;
}
body.lightmode #es .es-comment-item-meta__item + .es-comment-item-meta__item:before {
  background-color: #999;
}
body.lightmode #es .es-timeline__content:before, body.lightmode #es .es-pointshistory:before {
  background-color: #ebebee;
}
body.lightmode #es.es-widget-calendar td.day:hover, body.lightmode #es.es-widget-calendar .day.is-today {
  background: #ebebee;
}
body.lightmode #es.es-widget-calendar .day.has-events {
  background: #ebebee !important;
}
body.lightmode #es .es-story > .story-loading {
  background-color: rgba(255, 255, 255, 0.6);
}
body.lightmode #es.popbox {
  background-color: #fff;
}
body.lightmode #es.popbox .o-empty, body.lightmode #es.popbox.popbox--navbar {
  background-color: #36333e;
}
body.lightmode #es .es-stream-embed--border, body.lightmode #es .es-input-smiley__popup, body.lightmode #es .popbox-story-panel__hd, body.lightmode #es .ph-item, body.lightmode #es .o-box--border, body.lightmode #es .es-side-widget .o-tabs__bubble, body.lightmode #es .es-convo__sidebar-hd, body.lightmode #es .es-profile-header-nav {
  border-color: #f6f5f7;
}
body.lightmode #es .textboxlist-menu .textboxlist-menuItem + .textboxlist-menuItem, body.lightmode #es .o-pagination > li > a, body.lightmode #es .o-pagination > li > span, body.lightmode #es .es-smileys, body.lightmode #es .CodeMirror, body.lightmode #es .o-form-group textarea, body.lightmode #es .mentions-autocomplete-inner, body.lightmode #es .mentions-menu .mentions-menuItem + .mentions-menuItem, body.lightmode #es .mentions-autocomplete-inner, body.lightmode #es .textboxlist-autocomplete-inner, body.lightmode #es .es-explorer, body.lightmode #es .es-comments .es-story-text, body.lightmode #es .es-stream-apps, body.lightmode #es .es-media-header-affix-wrapper.affix, body.lightmode #es .form-uploader .upload-submit, body.lightmode #es .es-single-composer-textarea, body.lightmode #es .es-mobile-info .es-side-widget, body.lightmode #es .es-media-delete-all-actions, body.lightmode #es .es-story-bg-menu-preview, body.lightmode #es .mod-es-menu-bar, body.lightmode #es .mod-es-menu-list, body.lightmode #es .mod-es-pf-hd__content, body.lightmode #es .mod-es-dating-search-form, body.lightmode #es .mod-es-leader-item + .mod-es-leader-item, body.lightmode #es .o-form-control, body.lightmode #es .o-box, body.lightmode #es .si-login .o-form-control, body.lightmode #es .si-login__bd .es-login-box__rmb, body.lightmode #es .es-profile-data-table, body.lightmode #es .es-profile-data-table thead tr, body.lightmode #es .es-profile-data-table tbody > tr:last-child td, body.lightmode #es .es-profile-data-table td, body.lightmode #es .es-story, body.lightmode #es .es-story-footer, body.lightmode #es .es-story-link-textbox, body.lightmode #es .es-story-body, body.lightmode #es .es-comments-form .es-form, body.lightmode #es .es-stream-embed, body.lightmode #es .es-stream-repost__meta-inner, body.lightmode #es .mod-card, body.lightmode #es .es-card, body.lightmode #es .es-card--border, body.lightmode #es .es-form-hashtags-wrap, body.lightmode #es .es-story-meta-contents, body.lightmode #es.is-mobile .es-story-meta-buttons, body.lightmode #es.es-mobile-content .es-story-meta-buttons, body.lightmode #es .es-story-mood-verb > span, body.lightmode #es .es-profile-header, body.lightmode #es .es-profile-header__ft, body.lightmode #es .es-story-panel-content .es-story-files-content .es-story-files-items .file-item, body.lightmode #es .es-stream-embed__file-icon, body.lightmode #es .es-cluster-header__ft, body.lightmode #es .es-cat-header__ft, body.lightmode #es .es-card, body.lightmode #es .es-forms .es-location-map, body.lightmode #es .es-noti__item, body.lightmode #es .es-convo, body.lightmode #es .es-convo__sidebar, body.lightmode #es .es-convo-sidebar-tab > :not(:first-child), body.lightmode #es .es-convo__sidebar-btn-new, body.lightmode #es .es-convo__sidebar-item + .es-convo__sidebar-item, body.lightmode #es .es-convo__search-input-wrap, body.lightmode #es .es-convo__content-hd, body.lightmode #es .es-convo-composer, body.lightmode #es .es-convo__attached-item, body.lightmode #es .es-noti-list-wrap, body.lightmode #es .es-album-form-fields, body.lightmode #es .es-album-cover-field.no-cover, body.lightmode #es .es-photo-form-fields, body.lightmode #es .es-media-group .content-hint, body.lightmode #es .es-timeline__content, body.lightmode #es .es-dialog-header, body.lightmode #es .es-dialog-container, body.lightmode #es .es-dialog-footer, body.lightmode #es .data-field-textarea textarea, body.lightmode #es .o-form-control[readonly], body.lightmode #es .es-field-cover .cover-image-wrap, body.lightmode #es .es-timeline-item-separator:after, body.lightmode #es .o-form-actions, body.lightmode #es .o-select-group select, body.lightmode #es .o-empty--bordered, body.lightmode #es .chosen-container-single .chosen-single, body.lightmode #es .chosen-container .chosen-drop, body.lightmode #es .chosen-container-active.chosen-with-drop .chosen-single, body.lightmode #es .chosen-container-single .chosen-search input[type="text"], body.lightmode #es .textboxlist, body.lightmode #es .es-repost-form .es-form, body.lightmode #es .es-repost-preview, body.lightmode #es .es-forms .es-location-map, body.lightmode #es .es-forms .es-location-for, body.lightmode #es .es-progress-wrap, body.lightmode #es .es-story-link-images, body.lightmode #es .es-story-link-title:hover, body.lightmode #es .es-story-link-description:hover, body.lightmode #es .dropdown-menu--post-as > li + li {
  border-color: #ebebee !important;
}
body.lightmode #es .popbox-dropdown-signin .o-form-control {
  border-color: #413e4a !important;
  color: #fff !important;
}
body.lightmode #es .markItUpContainer, body.lightmode #es .markItUpHeader, body.lightmode #es.popbox.popbox-profile .popbox-item-info, body.lightmode #es .es-location-form.has-border, body.lightmode #es .es-album-title-field, body.lightmode #es .es-photo-title-field, body.lightmode #es .es-dialog-footer-content .btn + .btn, body.lightmode #es .es-dialog-footer-content .btn:hover + .btn, body.lightmode #es .es-dialog-footer-content .btn:focus + .btn, body.lightmode #es .es-dialog-footer-content .btn:active + .btn {
  border-color: #ebebee !important;
}
body.lightmode #es .es-apps-entry__ft, body.lightmode #es.is-mobile .es-list-item .dropdown-menu > li, body.lightmode #es.is-mobile .es-mobile-list-item__action .dropdown-menu > li, body.lightmode #es.is-mobile .es-mobile-filter-toggle .dropdown-menu > li, body.lightmode #es.is-mobile .es-stream-control .dropdown-menu > li, body.lightmode #es.is-mobile .es-profile-header__action-wrap .dropdown-menu > li, body.lightmode #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu > li, body.lightmode #es.is-mobile .es-comment-actions .dropdown-menu > li, body.lightmode #es.is-mobile .es-convo__sidebar-action .dropdown-menu > li, body.lightmode #es.is-mobile .es-media-item-menu .dropdown-menu > li, body.lightmode #es.is-mobile .es-cover-menu .dropdown-menu > li, body.lightmode #es.is-mobile .es-profile-header-nav__item .dropdown-menu > li, body.lightmode #es .es-leaderboard tr td, body.lightmode #es .es-apps-item__ft {
  border-bottom-color: #ebebee;
}
body.lightmode #es .es-app-discussion-reply-item + .es-app-discussion-reply-item, body.lightmode #es .es-smileys:before {
  border-top-color: #ebebee;
}
body.lightmode #es .es-smileys:after {
  border-top-color: #fff;
}
body.lightmode #es.is-mobile .es-story-meta-button + .es-story-meta-button, body.lightmode #es.es-mobile-content .es-story-meta-button + .es-story-meta-button {
  border-left-color: #ebebee;
}
body.lightmode #es .es-input-smiley__popup::before, body.lightmode #es .es-stream-apps--border, body.lightmode #es .es-hr, body.lightmode #es .es-stream-list > li + li {
  border-top-color: #f6f5f7;
}
body.lightmode #es .es-input-smiley__popup::after, body.lightmode #es .es-comment + .es-comment {
  border-top-color: #fff;
}
body.lightmode #es .es-mobile-filter__hd, body.lightmode #es .es-mobile-filter__bd, body.lightmode #es .si-users .es-list-item .o-avatar-status__indicator, body.lightmode #es.popbox.popbox-profile .o-avatar-status, body.lightmode #es .es-profile-header__avatar-wrap > a {
  border-color: #fff;
}
body.lightmode #es .fd-explorer-file + .fd-explorer-file, body.lightmode #es .es-explorer__content-hd, body.lightmode #es .es-explorer__sidebar-hd, body.lightmode #es .is-side-open .es-explorer__sidebar {
  border-color: #ebebee;
}
body.lightmode #es .CodeMirror-cursor {
  border-left-color: #fff;
}
body.lightmode #es.popbox {
  border-color: #ebebee;
}
body.lightmode #es.popbox.top-right .arrow:after, body.lightmode #es.popbox.top-left .arrow:after {
  border-top-color: #ebebee;
}
body.lightmode #es.popbox.bottom-right .arrow:after, body.lightmode #es.popbox.bottom-left .arrow:after {
  border-bottom-color: #ebebee;
}
body.lightmode #es.popbox.top-right .arrow, body.lightmode #es.popbox.top-left .arrow {
  border-top-color: #fff;
}
body.lightmode #es.popbox.bottom-right .arrow, body.lightmode #es.popbox.bottom-left .arrow {
  border-bottom-color: #fff;
}
body.lightmode #es.popbox.popbox-profile.top-right .arrow, body.lightmode #es.popbox.popbox-profile.top-left .arrow {
  border-top-color: #fff;
}
body.lightmode #es.popbox.popbox-profile.bottom-right .arrow, body.lightmode #es.popbox.popbox-profile.bottom-left .arrow {
  border-bottom-color: #fff;
}
body.lightmode #es.popbox.popbox--navbar {
  border-color: #413e4a;
}
body.lightmode #es.popbox.popbox--navbar.top-right .arrow, body.lightmode #es.popbox.popbox--navbar.top-left .arrow {
  border-top-color: #36333e;
}
body.lightmode #es.popbox.popbox--navbar.bottom-right .arrow, body.lightmode #es.popbox.popbox--navbar.bottom-left .arrow {
  border-bottom-color: #36333e;
}
body.lightmode #es.popbox.popbox--navbar.top-right .arrow:after, body.lightmode #es.popbox.popbox--navbar.top-left .arrow:after {
  border-top-color: #413e4a;
}
body.lightmode #es.popbox.popbox--navbar.bottom-right .arrow:after, body.lightmode #es.popbox.popbox--navbar.bottom-left .arrow:after {
  border-bottom-color: #413e4a;
}
body.lightmode #es .es-stepbar .es-stepbar__lists > li > a {
  background-color: #ebebee;
}
body.lightmode #es .o-checkbox label:before, body.lightmode #es .es-search-filter-item label:before {
  background-color: #fff;
  border-color: #ebebee;
}
body.lightmode #es .o-checkbox input[type="checkbox"]:checked + label:before, body.lightmode #es .es-search-filter-item input[type="checkbox"]:checked + label:before {
  background-color: #e3e1e7;
  border-color: #ebebee;
}
body.lightmode #es .o-checkbox input[type="checkbox"]:checked + label:after, body.lightmode #es .es-search-filter-item input[type="checkbox"]:checked + label:after {
  color: #5e5e5e;
}
body.lightmode #es .es-search-filter-item label:after {
  background-color: #fff;
  border-color: #ebebee;
}
body.lightmode #es .es-search-filter-item input[type="checkbox"]:checked + label {
  background-color: #f9f9fa;
  border-color: #ebebee;
}
body.lightmode #es .es-story .es-album-view .es-album-upload-button, body.lightmode #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload {
  background-color: #f9f9fa;
}
body.lightmode #es .es-story .es-album-view .es-album-upload-button:hover, body.lightmode #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:hover, body.lightmode #es .es-story .es-album-view .es-album-upload-button:active, body.lightmode #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:active, body.lightmode #es .es-story .es-album-view .es-album-upload-button:focus, body.lightmode #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:focus {
  background-color: #f9f9fa !important;
}
body.lightmode #es .es-story .es-album-view .es-album-upload-button:hover > span, body.lightmode #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:hover > span, body.lightmode #es .es-story .es-album-view .es-album-upload-button:active > span, body.lightmode #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:active > span, body.lightmode #es .es-story .es-album-view .es-album-upload-button:focus > span, body.lightmode #es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:focus > span {
  color: #5e5e5e !important;
}
body.lightmode #es .dropdown-menu > li > a {
  color: #999;
}
body.lightmode #es .dropdown-menu > li > a:hover, body.lightmode #es .dropdown-menu > li > a:focus {
  color: #999;
  background-color: #f9f9fa;
}
body.lightmode #es .dropdown-menu > .active > a {
  color: #5e5e5e;
  background-color: #f9f9fa;
}
body.lightmode #es .dropdown-menu > .active > a:hover, body.lightmode #es .dropdown-menu > .active > a:focus {
  color: #5e5e5e;
  background-color: #f9f9fa;
}
body.lightmode #es.popbox.popbox-navbar--docker {
  border: 1px solid #413e4a;
  background: #36333e;
}
body.lightmode #es.es-docker .docker-popup-quickpost .es-story-header {
  border: none;
}
body.lightmode #es.es-docker .es-story {
  background: #36333e;
}
body.lightmode #es.es-docker .es-story-body {
  background-color: #302d37;
  border-color: #413e4a !important;
}
body.lightmode #es.es-docker .es-story-panel-contents .es-story-panel-content.active {
  background-color: #302d37;
}
body.lightmode #es.es-docker .es-story .es-album-view .es-album-upload-button, body.lightmode #es.es-docker .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload {
  background-color: #3a3743;
}
body.lightmode #es.es-docker .es-story .es-album-view .es-album-upload-button:hover, body.lightmode #es.es-docker .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:hover, body.lightmode #es.es-docker .es-story .es-album-view .es-album-upload-button:active, body.lightmode #es.es-docker .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:active, body.lightmode #es.es-docker .es-story .es-album-view .es-album-upload-button:focus, body.lightmode #es.es-docker .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:focus {
  background-color: #494554 !important;
}
body.lightmode #es.es-docker .es-story .es-album-view .es-album-upload-button:hover > span, body.lightmode #es.es-docker .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:hover > span, body.lightmode #es.es-docker .es-story .es-album-view .es-album-upload-button:active > span, body.lightmode #es.es-docker .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:active > span, body.lightmode #es.es-docker .es-story .es-album-view .es-album-upload-button:focus > span, body.lightmode #es.es-docker .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload:focus > span {
  color: #fff !important;
}
body.lightmode #es.es-docker .o-form-control, body.lightmode #es.es-docker .si-login .o-form-control, body.lightmode #es.es-docker .es-login-box__msg, body.lightmode #es.es-docker.popbox.popbox-profile .popbox-item-info > a, body.lightmode #es.es-docker .es-comment, body.lightmode #es.es-docker .es-story-panel-contents .es-story-panel-content, body.lightmode #es.es-docker .mentions textarea, body.lightmode #es.es-docker .es-story-meta-contents, body.lightmode #es.es-docker .es-stream-embed__broadcasts-icon, body.lightmode #es.es-docker .es-snackbar, body.lightmode #es.es-docker .es-card .fa, body.lightmode #es.es-docker .es-card__meta, body.lightmode #es.es-docker .es-card__meta u a, body.lightmode #es.es-docker .es-convo-text, body.lightmode #es.es-docker .es-location-textbox input, body.lightmode #es.es-docker .chosen-container-single .chosen-single, body.lightmode #es.es-docker .textboxlist-textField {
  color: #fff;
}
body.lightmode #es.es-docker .es-story-mood-verb > span, body.lightmode #es.es-docker .es-story-meta-contents, body.lightmode #es.es-docker .es-location-form, body.lightmode #es.es-docker .textboxlist {
  background-color: #302d37;
  border-color: #2c2a35 !important;
}
/**
 * Blocks / Modules / Elements
 */
/** 
 * @package      Vanilla
 * @copyright    Copyright (C) 2010 - 2017 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
body #es.es-frontend .es-toolbar {
  display: none !important;
}
body.is-mobile #sp-menu, body.is-tablet #sp-menu {
  overflow: hidden;
}
body #es.mod-es.mod-es-toolbar .es-toolbar {
  margin-bottom: 0 !important;
  position: relative;
  border-radius: 0;
  border: none;
}
body #es.mod-es.mod-es-toolbar .es-toolbar__item--search {
  position: absolute;
}
.es-toolbar-profile-badges img {
  display: inline-block;
}
#es.popbox-navbar-profile, #es.popbox-navbar-signin {
  width: 260px;
  max-height: none;
}
body.layout-boxed #es.mod-es.mod-es-toolbar .es-toolbar:before, body.layout-boxed #es.mod-es.mod-es-toolbar .es-toolbar:after {
  width: 65px;
}
body.layout-boxed #es.mod-es.mod-es-toolbar .es-toolbar:before {
  left: -65px;
  right: auto;
}
body.header-fixed-out #es.popbox--navbar {
  position: absolute;
}
body.header-fixed #es.popbox--navbar {
  position: fixed;
}
@media (max-height: 800px) {
  body #es.mod-es.mod-es-toolbar .es-toolbar-profile__hd {
    display: none;
  }
}
@media (max-height: 700px) {
  body #es.mod-es.mod-es-toolbar .es-toolbar-profile {
    max-height: 400px;
    overflow-y: auto;
  }
}
/** 
 * @package      Vanilla
 * @copyright    Copyright (C) 2010 - 2017 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
#es .o-avatar-group-1, #es .o-avatar-group-2, #es .o-avatar-group-3 {
  border-radius: 50%;
  overflow: hidden;
}
#es .o-avatar--xl {
  width: 100%;
  height: 100%;
}
#es .o-avatar--xl > div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  padding-bottom: 75%;
}
body #es .o-avatar-status__indicator {
  border: 0;
  top: -2px;
  right: -2px;
  z-index: 1;
}
#es .es-side-widget .o-tabs.dl-submenu {
  margin-left: 0;
  margin-right: 0;
}
#es .o-box {
  border: 0;
}
#es .o-box > div {
  padding-left: 0;
  padding-right: 0;
}
#es .o-pagination > li:first-child > a, #es .o-pagination > li:first-child > span {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
#es .o-pagination > li:last-child > a, #es .o-pagination > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
#es .es-list-item__action {
  padding: 0;
}
#es .es-list-item__action .o-btn-group, #es .es-list-item__action .btn {
  margin-bottom: 2px !important;
}
#es .es-smileys {
  padding: 0;
  margin: 0;
}
#es .es-smileys > li img {
  display: inline-block;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
body #es.es-widget-calendar thead > tr > th, body #es.es-widget-calendar tbody > tr > td, body #es.es-widget-calendar .day a {
  border-radius: 2px;
}
body #es.es-widget-calendar a::before {
  border-color: transparent transparent #b4b4ff transparent;
}
body #es .es-side-widget-events-calendar {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
  left: -0.5em;
  position: relative;
}
body #es .mod-es-albums-item {
  padding: 0;
  border: 0;
}
#es .mod-es-leader-item + .mod-es-leader-item {
  padding-top: 0;
  border-top: 0;
}
#es .mod-es-leader-item .es-leader-badge {
  display: none;
}
#es .mod-es-leader-item .es-leader-context {
  margin-left: 0;
}
#es .mod-es-dating-search-form {
  padding: 0;
  border: 0;
}
/** 
 * @package      Vanilla
 * @copyright    Copyright (C) 2010 - 2017 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
#es .es-hr {
  margin-bottom: 0;
  border: 0;
}
#es .es-pagination-footer {
  width: 100%;
}
#es .btn-toolbar {
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
#es.es-dialog.active {
  z-index: 10061;
}
#es .es-progress-wrap {
  background-image: none;
}
#es .progress-success .bar, #es .progress .bar-success {
  background-color: #39b54a;
}
#es .progress .bar {
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
#es blockquote {
  font-size: 15px;
}
#es {
  /** 
   * @package      Charm
   * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
   * @license      Proprietary Use License https://stackideas.com/licensing
   **/
  /** 
   * @package      Vanilla
   * @copyright    Copyright (C) 2010 - 2017 Stack Ideas Sdn Bhd. All rights reserved.
   * @license      Proprietary Use License https://stackideas.com/licensing
   **/
  /** 
   * @package      Vanilla
   * @copyright    Copyright (C) 2010 - 2017 Stack Ideas Sdn Bhd. All rights reserved.
   * @license      Proprietary Use License https://stackideas.com/licensing
   **/
  /** 
   * @package      Charm
   * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
   * @license      Proprietary Use License https://stackideas.com/licensing
   **/
  /** 
   * @package      Charm
   * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
   * @license      Proprietary Use License https://stackideas.com/licensing
   **/
  /** 
   * @package      Charm
   * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
   * @license      Proprietary Use License https://stackideas.com/licensing
   **/
  /** 
   * @package      Charm
   * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
   * @license      Proprietary Use License https://stackideas.com/licensing
   **/
  /** 
   * @package      Charm
   * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
   * @license      Proprietary Use License https://stackideas.com/licensing
   **/
}
#es .es-complete-wrap img {
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
#es .es-story {
  border: 0;
  border-radius: 0;
}
#es .es-story .i-chevron {
  display: none;
}
#es .es-story-panel-button {
  border-radius: 0;
}
#es .es-story-panel-button.active {
  background-color: transparent;
}
#es .es-story-body {
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}
#es .es-story-mood-preset:hover, #es .es-story-mood-verb > span, #es .es-story-friends-textbox {
  border-radius: 2px;
}
#es .es-story-friends-textbox {
  border-radius: 0 0 2px 2px;
}
#es .es-story-footer {
  border-top: 0;
}
#es .es-stream-list > li + li {
  margin-top: 0;
  border-top-width: 2px;
}
#es .es-stream-control .i-chevron {
  display: inline-block;
}
#es .es-stream-sticky-label {
  right: 8px;
}
#es .es-stream-pinned-divider {
  text-align: left;
}
#es .es-stream-pinned-divider .fa {
  display: none;
}
#es .es-stream-pinned-divider span {
  padding-left: 0;
  padding-right: 0;
}
#es .es-stream-pinned-divider span:before, #es .es-stream-pinned-divider span:after {
  display: none;
}
#es .es-actions-wrapper {
  padding-left: 0;
  padding-right: 0;
}
#es .es-comment + .es-comment {
  border-top-width: 2px;
}
#es .es-comments-form .es-form {
  border-radius: 2px;
}
#es .es-comment-item-meta__item + .es-comment-item-meta__item:before {
  width: 2px;
  height: 2px;
}
#es .es-comment-item-meta {
  font-size: 12px;
}
#es .es-actions__item-stats {
  margin-bottom: 2px;
}
#es .es-stream-embed {
  border: 0;
  border-radius: 2px;
}
#es .es-stream-repost__meta-inner {
  box-shadow: -8px -8px 0 0 #3a3743, -9px -9px 0 0 #413e4a, -7px -9px 0 0 #413e4a, -9px -7px 0 0 #413e4a;
}
#es .es-profile-header--mini .es-profile-header__avatar-wrap > a {
  border: 0;
  overflow: hidden;
}
#es .es-profile-header__avatar-wrap {
  background: none;
}
#es .es-profile-header__avatar-wrap > a img {
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: translateZ(1px);
  -moz-transform: translateZ(1px);
  -o-transform: translateZ(1px);
  transform: translateZ(1px);
}
#es .dropdown-menu--post-as > li > a {
  display: flex;
}
#es .dropdown-menu--post-as > li [data-postas-avatar] {
  margin-right: 4px;
}
#es .es-side-widget__title .btn-xs {
  line-height: 1;
  padding: 1px 2px;
  border-radius: 50%;
}
#es .es-side-widget .o-tabs {
  margin: 0 -16px;
  display: block;
  width: auto;
}
#es .es-side-widget .o-tabs__link {
  padding-left: 16px;
  padding-right: 16px;
}
#es .es-side-widget .o-tabs__bubble {
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}
#es .es-side-widget .o-tabs--stacked .o-tabs__item {
  margin-left: -2px;
  border-left: 2px solid transparent;
  border-right: 0;
}
#es .es-side-widget .o-tabs--stacked .o-tabs__item.active > .o-tabs__link {
  border-left-width: 2px;
  border-left-style: solid;
  border-right: 0;
}
#es .es-side-widget .btn--es-conversations-compose {
  float: right;
}
#es.is-mobile .es-side-widget .o-tabs {
  margin: 0 -8px;
}
#es.is-mobile .es-side-widget .o-tabs__link {
  padding-left: 8px;
}
#es .dl-menu-wrapper {
  overflow: visible;
}
#es .es-profile-header__hd::before, #es .es-profile-header__hd::after, #es .es-profile-header__bd::before, #es .es-profile-header__bd::after, #es .es-profile-header__ft::before, #es .es-profile-header__ft::after {
  display: block;
}
#es .es-profile-header__avatar-wrap > a {
  border-radius: 50%;
  overflow: hidden;
}
#es .es-profile-header--mini .btn-toolbar {
  margin-top: 8px;
}
#es .es-profile-header--mini .o-nav__link {
  border-radius: 2px;
}
#es .es-profile-header .es-cover-desktop-hint, #es .es-profile-header .es-cover-desktop-action {
  display: none !important;
}
#es .es-profile-header .es-flyout-content {
  display: block;
}
#es:not(.is-mobile) .es-profile-header__avatar-wrap {
  z-index: 1;
}
#es:not(.is-mobile) .es-profile-header__avatar-wrap > a {
  border-width: 2px;
}
#es:not(.is-mobile) .es-profile-header__avatar-wrap.show-all {
  z-index: 1;
}
#es:not(.is-mobile) .es-profile-header__label-wrap {
  top: 16px;
  bottom: auto;
  z-index: 2;
}
#es.is-mobile .es-profile-header__action-wrap .btn-toolbar {
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
#es .es-user-status-indicator {
  width: 16px;
  height: 16px;
  border: 0;
  top: 8px;
  right: 8px;
}
#es.popbox.popbox-profile .o-avatar-status {
  border-radius: 50%;
}
#es.layout-achievements .es-stage__actor {
  display: none;
}
#es .es-stage__curtain {
  background-image: none;
}
#es .es-stage__desc > a {
  display: block;
}
#es .es-cluster-header, #es .es-cat-header {
  border: 0;
}
#es .es-card__avatar {
  background: none;
}
#es .es-card__avatar > a {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}
#es .es-card__avatar > a > img {
  overflow: hidden;
  border-radius: 50%;
  -webkit-transform: translateZ(1px);
  -moz-transform: translateZ(1px);
  -o-transform: translateZ(1px);
  transform: translateZ(1px);
}
#es .es-card__calendar-date {
  border-radius: 50%;
}
#es .es-card__state {
  top: -8px;
}
#es .es-card .es-label-state {
  width: 16px;
  height: 16px;
}
#es .es-card .es-label-state__icon {
  line-height: 16px;
  vertical-align: top;
}
#es .es-card .es-label-state__icon:before {
  font-size: 9px;
}
#es .es-create-category-select .btn {
  border: 0;
}
#es .es-create-category-select .btn img {
  border-radius: 50%;
  overflow: hidden;
}
#es .embed-responsive-16by9:before {
  padding-top: 0;
}
#es .es-media-title {
  padding-top: 0;
}
#es.es-photo-popup .es-photo-response {
  margin: 0;
}
#es .es-photo-interaction.row {
  display: block;
}
#es .es-album-privacy .i-chevron.i-chevron--down:before, #es .es-photo-privacy .i-chevron.i-chevron--down:before {
  top: 0.45em;
}
#es .es-convo__content-hd .o-input-group__btn:last-child > .btn {
  margin-left: 1px;
}
#es .es-convo__attached-item .btn-group .btn + .btn {
  margin-left: 1px;
}
#es .es-convo .o-input-group--sm > .o-form-control, #es .es-convo .o-input-group--sm > .o-input-group__btn > .btn {
  font-size: 13px;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
/**
 * Basic visual (font/skin/spacing)
 */
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
/**
 * Below specificity suitable for island design
 */
/**
 * Typo
 */
body #eb {
  font-family: "Karla", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
body #eb input, body #eb button, body #eb select, body #eb textarea {
  font-family: "Karla", Helvetica, Arial, sans-serif;
}
#eb .eb-navbar__footer-link {
  font-size: 13px;
}
/**
 * Color / Spacing
 */
body #eb.eb-dialog.is-mobile .eb-toolbar__link, body #eb .mod-input, body #eb textarea.markItUpEditor, body #eb .markItUp .markItUpButton a:before {
  color: #fff !important;
}
#eb .eb-head-title, #eb .popbox-dropdown-nav__name, #eb .popbox-dropdown-nav__post-user-name, #eb.eb-component:not(.eb-view-composer) .form-control, #eb.eb-dialog .form-control, #eb .dropdown-menu, #eb .eb-head-title > span, #eb .eb-table tbody > tr td .post-title, #eb .eb-reaction-option__link, #eb .eb-calendar-control > td.eb-calendar-month > a, #eb .eb-comment.is-moderated, #eb .eb-comment-admin .dropdown-menu a, #eb .dropdown-menu > li > a:hover, #eb .dropdown-menu > li > a:focus, #eb .eb-quick-post .eb-quick-tabs > li.active i {
  color: #fff;
}
#eb .eb-post-admin > a > i, #eb .eb-post-admin .dropdown-menu > li > a, #eb .eb-dialog-footer-content .btn-default, #eb .eb-dialog-footer-content .btn-default:hover, #eb .eb-dialog-footer-content .btn-default:focus, #eb .eb-dialog-footer-content .btn-default:active, #eb .eb-dialog-footer-content .btn-eb-default, #eb .eb-dialog-footer-content .btn-eb-default:hover, #eb .eb-dialog-footer-content .btn-eb-default:focus, #eb .eb-dialog-footer-content .btn-eb-default:active {
  color: #fff !important;
}
#eb .eb-showcases, #eb .popbox-dropdown-nav__meta-lists a, #eb .eb-table thead tr td, #eb .eb-table tbody > tr td .post-meta a, #eb .eb-table tbody > tr td .post-actions > li, #eb .eb-post-author .fa, #eb .eb-post-date .fa, #eb .eb-post-category .fa, #eb .eb-entry-nav > div > a .fa, #eb .eb-entry-author-recents time, #eb .eb-entry-author-recents i, #eb .eb-comments-empty, #eb .eb-comment-editor .markItUpFooter .markItUpResizeHandle, #eb .eb-calendar__item-date, #eb .eb-dashboard-empty__icon, #eb .eb-dashboard-empty__text p, #eb .eb-calendar-days > td, #eb .eb-calendar tbody > tr > td.empty > small, #eb .eb-calendar tbody > tr > td.day > div, #eb .eb-mag-meta-date, #eb .eb-mag-header-title, #eb .eb-blog-grid-showcase-content__meta--text, #eb .eb-blog-grid-meta-date, #eb .eb-quick-post .eb-quick-tabs > li i {
  color: #999;
}
#eb .text-muted {
  color: #999 !important;
}
body #eb .form-control {
  color: #fff;
}
body #eb .eb-empty {
  color: #999;
}
#eb .table > thead > tr > td, #eb .table-striped > tbody > tr > td, #eb .table-striped > tbody > tr > th, #eb .ticker-wrapper.has-js, #eb .ticker, #eb .ticker-title, #eb .ticker-content, #eb .ticker-swipe, #eb .ticker-swipe span, #eb .eb-head-title > span, #eb .eb-post-admin .dropdown-menu, #eb .eb-calendar {
  background-color: #2c2a35;
}
#eb .eb-post-admin > a {
  background-color: #2c2a35 !important;
}
#eb .eb-authors-head + .eb-authors-bio, #eb .eb-stats-content, #eb .eb-category-profile, #eb .eb-toolbar__search-input, #eb .popbox-dropdown-nav__item, #eb .popbox-dropdown-nav__item:hover, #eb .popbox-dropdown-nav, #eb .popbox-dropdown__bd, #eb .eb-login, #eb .eb-head, #eb .dropdown-menu, #eb .popbox-dropdown, #eb .eb-pager, #eb .eb-table tbody > tr:hover td, #eb .eb-authors-head, #eb .eb-post-admin .dropdown-menu > li > a:hover, #eb .eb-tags-item, #eb .eb-archives, #eb .eb-calendar-tooltips, #eb .eb-calendar-tooltips > span, #eb .eb-mag-post, #eb .eb-mag .eb-mag-grids > div, #eb .eb-mag-header-title:after, #eb .eb-mag-table, #eb .eb-blog-grid__content, #eb .eb-dialog-header, #eb .eb-dialog-container, #eb .eb-dialog-footer, #eb .eb-quick-post .eb-quick-tabs > li a, #eb .eb-comments-tab > li a:hover, #eb .eb-comments-tab > li.active a {
  background-color: #36333e;
}
#eb .eb-dialog-footer-content .btn, #eb .eb-dialog-footer-content .btn:hover, #eb .eb-dialog-footer-content .btn:focus, #eb .eb-dialog-footer-content .btn:active {
  background-color: #36333e !important;
}
#eb .eb-table-filter, #eb .eb-showcases, #eb .eb-entry-nav > div > a:hover, #eb .eb-comments-empty, #eb .eb-comment-editor .markItUpHeader, #eb .eb-comment-editor .markItUpFooter, #eb .eb-calendar__item:hover, #eb .eb-dashboard-empty, #eb .form-actions, #eb .eb-calendar-days > td, #eb .eb-calendar tbody > tr > td.empty > small, #eb .eb-calendar tbody > tr > td.has-posts > div, #eb .eb-reactions__options, #eb .eb-comment-captcha, #eb .eb-comment-recaptcha, #eb .eb-comment-admin .dropdown-menu a:hover, #eb .dropdown-menu > li > a:hover, #eb .dropdown-menu > li > a:focus, #eb .eb-quick-post .eb-quick-tabs > li a:hover, #eb .table-striped > tbody > tr:nth-child(2n+1) > td, #eb .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #3a3743;
}
#eb .eb-comment-editor .markItUpHeader ul > li > a, #eb .eb-comment-editor .markItUpHeader ul > li > a:hover {
  background-color: #3a3743 !important;
}
#eb textarea.markItUpEditor, #eb.eb-component:not(.eb-view-composer) .form-control, #eb .eb-box, #eb.eb-dialog .form-control, #eb .eb-quick-post .eb-quick-tabs, #eb .eb-quick-post .eb-quick-tabs > li.active a, #eb .eb-quick-content {
  background-color: #302d37;
}
#eb.eb-component:not(.eb-view-composer) .form-control:focus, #eb.eb-dialog .form-control:focus {
  background-color: #26232c;
}
body #eb .form-control, body #eb.eb-mod .eb-gallery-stage {
  background-color: #2c2a35;
}
body #eb .eb-post, body #eb .eb-entry, body #eb .eb-category {
  background-color: #36333e;
}
body #eb .eb-mod-thumb .eb-mod-image, body #eb .eb-entry-author-recents, body #eb .eb-subscribe:hover, body #eb .eb-empty {
  background-color: #3a3743;
}
body #eb .eb-post-thumb .eb-post-image {
  background-color: #413e4a;
}
body #eb .mod-input {
  background-color: #302d37;
}
body #eb .mod-input:focus {
  background-color: #26232c;
}
body #eb .eb-authors-head + .eb-authors-bio, body #eb .eb-author-filter, body #eb .eb-post + .eb-post, body #eb .mod-input, body #eb.eb-mod .eb-gallery-stage, body #eb .eb-mod-thumb .eb-mod-image-cover, body #eb .eb-mod-thumb .eb-mod-image-cover:before, body #eb .eb-mod-item + .eb-mod-item, body #eb .mod-item + .mod-item, body #eb .mod-welcome-profile, body #eb .eb-stats-author + .eb-stats-author, body #eb .eb-post-thumb .eb-post-image, body #eb .eb-comment-form, body #eb .eb-category-bio, body #eb .eb-category-subs {
  border-color: #413e4a;
}
#eb.eb-component:not(.eb-view-composer) .form-control, #eb.eb-dialog .form-control, #eb.is-mobile .eb-head-form, #eb .eb-head, #eb .eb-head-title > span, #eb .eb-pager, #eb .eb-pager__fast-first-link, #eb .eb-pager__link-list, #eb .eb-pager__fast-last-link, #eb .eb-table-filter, #eb .eb-author, #eb .eb-authors-head, #eb .eb-showcases, #eb .eb-stats-posts > div + div, #eb .eb-post-admin > a, #eb .eb-post-admin .dropdown-menu, #eb .eb-post-admin .dropdown-menu > li.divider, #eb .eb-entry-nav, #eb .eb-entry-nav-next, #eb .eb-section-heading, #eb .eb-entry-author-recents, #eb .eb-entry-author-recents > div + div, #eb .eb-comments-empty, #eb .eb-comment-editor .markItUpHeader, #eb .eb-comment-editor .markItUpFooter, #eb .eb-tags-filter, #eb .eb-tags-item, #eb .eb-archives .eb-archive + .eb-archive, #eb .eb-calendar-topbar, #eb .eb-subscribe + .eb-subscribe .cell-ellipse, #eb .eb-box, #eb .form-actions, #eb .eb-calendar-tooltips, #eb .eb-calendar-tooltips > span, #eb .eb-calendar-tooltips > div + div, #eb .eb-post-comments-pre, #eb .eb-post-comment .fa-comment-o, #eb .eb-post-comment + .eb-post-comment .eb-post-comment-content, #eb .eb-posts-search .eb-post-meta, #eb .eb-posts-search .eb-post + .eb-post, #eb .eb-more, #eb .eb-dialog-header, #eb .eb-dialog-container, #eb .eb-dialog-footer, #eb .eb-comment-captcha, #eb .eb-comment-recaptcha, #eb .eb-comment.is-moderated, #eb .eb-comment.is-moderated .under-moderation, #eb .eb-quick-post .eb-quick-tabs, #eb .eb-quick-content, #eb .table > thead > tr > th, #eb .table > thead > tr > td, #eb .table > tbody > tr > th, #eb .table > tbody > tr > td, #eb .table > tfoot > tr > th, #eb .table > tfoot > tr > td {
  border-color: #413e4a;
}
#eb .eb-quick-post .eb-quick-tabs > li {
  border-bottom-color: #413e4a;
}
#eb .eb-calendar-control > td.eb-calendar-previous, #eb .eb-calendar-days > td:first-child, #eb .eb-quick-post .eb-quick-tabs > li + li, #eb .eb-comments-tab > li + li {
  border-left-color: #413e4a;
}
#eb .eb-dialog-footer-content .btn + .btn, #eb .eb-dialog-footer-content .btn:hover + .btn, #eb .eb-dialog-footer-content .btn:focus + .btn, #eb .eb-dialog-footer-content .btn:active + .btn {
  border-left-color: #413e4a !important;
}
#eb .eb-calendar-control > td.eb-calendar-next, #eb .eb-calendar-days > td:last-child, #eb .eb-calendar-tooltips:after {
  border-right-color: #413e4a;
}
body:not(.lightmode) #eb .eb-quick-post .eb-quick-tabs > li a {
  border-color: #45414f;
}
body:not(.lightmode) #eb .eb-quick-post .eb-quick-tabs > li a:hover {
  border-color: #4e4a5a;
}
body #eb hr {
  border-top-color: #2c2a35;
}
body #eb .eb-post, body #eb .eb-entry, body #eb .eb-category, body #eb .eb-archives, body #eb .eb-mag-post, body #eb .eb-mag .eb-mag-grids > div, body #eb .eb-mag-table, body #eb .eb-blog-grid__content, body #eb .eb-empty {
  border-color: #36333e;
}
body #eb .eb-mag-post.has-border {
  border-bottom-color: #36333e;
}
body #eb .form-control, body #eb .eb-comments-tab {
  border-color: #413e4a;
}
body #eb .eb-mod-thumb .eb-mod-image {
  border-color: #3a3743;
}
#eb .eb-login {
  border-color: #36333e;
}
#eb .eb-calendar-tooltips:before {
  border-right-color: #3a3743;
}
body #eb .dropdown-menu.top-right .eb-arrow:after, body #eb .dropdown-menu.top-left .eb-arrow:after {
  border-top-color: #413e4a;
}
body #eb .dropdown-menu.bottom-right .eb-arrow:after, body #eb .dropdown-menu.bottom-left .eb-arrow:after {
  border-bottom-color: #413e4a;
}
body #eb .dropdown-menu.top-right .eb-arrow, body #eb .dropdown-menu.top-left .eb-arrow {
  border-top-color: #36333e;
}
body #eb .dropdown-menu.bottom-right .eb-arrow, body #eb .dropdown-menu.bottom-left .eb-arrow {
  border-bottom-color: #36333e;
}
#eb .eb-post, #eb .eb-entry, #eb .eb-archives, #eb .eb-mag-post {
  padding: 16px;
  border-width: 1px;
  border-style: solid;
}
#eb .eb-mag-post {
  margin-top: 16px;
}
#eb .eb-comment.is-moderated .under-moderation {
  margin-bottom: 16px;
}
#eb .eb-stats-content, #eb .eb-comment.is-moderated .under-moderation {
  padding: 16px;
}
#eb .eb-comment.is-moderated > .row-table {
  padding-left: 16px;
  padding-right: 16px;
}
#eb .eb-login, #eb .dropdown-menu, #eb .ticker-wrapper.has-js, #eb .eb-showcases, #eb .eb-comments-empty, #eb .eb-comment-form, #eb .eb-category, #eb .eb-tags-item, #eb .eb-more__btn, #eb .eb-pager, #eb .eb-posts-search .eb-post-meta, #eb .eb-comment-captcha-img, #eb .eb-comments-tab {
  border-radius: 2px;
}
#eb .mod-avatar > img, #eb .mod-avatar-sm > img, #eb .eb-avatar img, #eb .eb-stats-author img, #eb .eb-post-meta-team img {
  border-radius: 50%;
}
#eb .eb-dialog-header {
  border-radius: 2px 2px 0 0;
}
#eb .eb-dialog-footer {
  border-radius: 0 0 2px 2px;
}
body #eb .form-control, body #eb .mod-input, body #eb.eb-mod .eb-gallery-stage, body #eb .eb-empty {
  border-radius: 2px;
}
body #eb .mod-checkbox label:before, body #eb .eb-checkbox label:before, body #eb .eb-radio label:before, body #eb .mod-checkbox label:after, body #eb .eb-checkbox label:after, body #eb .eb-radio label:after {
  background-color: #302d37;
  color: #fff;
  border: 1px solid #413e4a;
}
body #eb .mod-checkbox input[type="checkbox"]:checked + label:before, body #eb .eb-checkbox input[type="checkbox"]:checked + label:before, body #eb .eb-radio input[type="checkbox"]:checked + label:before {
  background-color: #26232c;
  border-color: #413e4a;
}
body #eb .mod-checkbox input[type="checkbox"]:checked + label:after, body #eb .eb-checkbox input[type="checkbox"]:checked + label:after, body #eb .eb-radio input[type="checkbox"]:checked + label:after {
  color: #fff;
}
body.com-easyblog .eb-toolbar__search-input {
  border-radius: 0 !important;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar__body {
  background-color: #36333e;
  border-color: #413e4a;
  border-radius: 2px 2px 0 0;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar__footer {
  background-color: #3a3743;
  border-color: #413e4a;
  border-radius: 0 0 2px 2px;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar__footer-link {
  color: #fff;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar__search {
  background-color: #2c2a35;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar__search .btn-default {
  color: #fff !important;
  background-color: #2c2a35 !important;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar__search-input {
  background-color: #302d37;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar.has-footer .eb-navbar__body {
  border-radius: 2px 2px 0 0;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar .popbox-dropdown__title, body.com-easyblog:not(.lightmode) #eb .eb-toolbar .popbox-dropdown-nav__name, body.com-easyblog:not(.lightmode) #eb .eb-toolbar .popbox-dropdown-nav__post-user-name {
  color: #fff;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar .popbox-dropdown .o-avatar img {
  border-radius: 50%;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar .eb-navbar__dropdown-menu.dropdown-menu {
  background-color: #36333e;
  border-color: #413e4a;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar .popbox-dropdown, body.com-easyblog:not(.lightmode) #eb .eb-toolbar .popbox-dropdown__ft, body.com-easyblog:not(.lightmode) #eb .eb-toolbar .popbox-dropdown-signin, body.com-easyblog:not(.lightmode) #eb .eb-toolbar .popbox-dropdown-nav, body.com-easyblog:not(.lightmode) #eb .eb-toolbar .popbox-dropdown-nav__item {
  background-color: #36333e;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar .popbox-dropdown-nav__item:hover {
  background-color: #3a3743;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar .popbox-dropdown-nav__meta-lists a:hover {
  color: #b4b4ff;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar .popbox-dropdown__hd, body.com-easyblog:not(.lightmode) #eb .eb-toolbar .popbox-dropdown-signin, body.com-easyblog:not(.lightmode) #eb .eb-toolbar .popbox-dropdown-nav__item + .popbox-dropdown-nav__item {
  border-color: #413e4a;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar .form-control {
  background-color: #302d37;
}
body.com-easyblog:not(.lightmode) #eb .eb-toolbar .form-control:focus {
  background-color: #26232c;
}
body #eb .eb-mod-cal .eb-calendar {
  background-color: #2c2a35;
}
body #eb .eb-mod-cal .eb-calendar tbody > tr > td {
  border-color: #413e4a;
}
body #eb .eb-mod-cal .eb-calendar tbody > tr > td.day > div, body #eb .eb-mod-cal .eb-calendar .eb-calendar-days > td {
  color: #999;
}
body #eb .eb-mod-cal .eb-calendar tbody > tr > td.empty > small, body #eb .eb-mod-cal .eb-calendar tbody > tr > td.has-posts > div, body #eb .eb-mod-cal .eb-calendar .eb-calendar-days > td, body #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips {
  background-color: #3a3743;
}
body #eb .eb-mod-cal .eb-calendar .eb-calendar-control > td {
  border-top-color: #413e4a;
}
body #eb .eb-mod-cal .eb-calendar .eb-calendar-days > td {
  border-bottom-color: #413e4a;
}
body #eb .eb-mod-cal .eb-calendar .eb-calendar-control > td.eb-calendar-month > a {
  color: #fff;
}
body #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips {
  border-color: #413e4a;
}
body #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips > div + div {
  border-top-color: #413e4a;
}
body #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips > span {
  border-bottom-color: #413e4a;
}
body #eb .eb-mod-cal .eb-calendar .eb-calendar-control > td.eb-calendar-previous, body #eb .eb-mod-cal .eb-calendar .eb-calendar-days > td:first-child {
  border-left-color: #413e4a;
}
body #eb .eb-mod-cal .eb-calendar .eb-calendar-control > td.eb-calendar-next, body #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips, body #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips:before {
  border-right-color: #413e4a;
}
body #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips:after {
  border-right-color: #36333e;
}
body #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips > span {
  background-color: #36333e;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
/**
 * Color / Spacing
 */
body.lightmode #eb textarea.markItUpEditor, body.lightmode #eb .markItUp .markItUpButton a:before {
  color: #5e5e5e !important;
}
body.lightmode #eb .eb-showcases, body.lightmode #eb .eb-head-title, body.lightmode #eb .popbox-dropdown-nav__name, body.lightmode #eb .popbox-dropdown-nav__post-user-name, body.lightmode #eb .form-control, body.lightmode #eb.eb-component:not(.eb-view-composer) .form-control, body.lightmode #eb.eb-dialog .form-control, body.lightmode #eb .dropdown-menu, body.lightmode #eb .eb-head-title > span, body.lightmode #eb .eb-table tbody > tr td .post-title, body.lightmode #eb .eb-reaction-option__link, body.lightmode #eb .eb-calendar-control > td.eb-calendar-month > a, body.lightmode #eb .eb-comment.is-moderated, body.lightmode #eb .eb-comment-admin .dropdown-menu a, body.lightmode #eb .dropdown-menu > li > a:hover, body.lightmode #eb .dropdown-menu > li > a:focus, body.lightmode #eb .eb-quick-post .eb-quick-tabs > li.active i {
  color: #5e5e5e;
}
body.lightmode #eb.eb-dialog.is-mobile .eb-toolbar__link, body.lightmode #eb .eb-post-admin > a > i, body.lightmode #eb .eb-post-admin .dropdown-menu > li > a, body.lightmode #eb .eb-dialog-footer-content .btn-default, body.lightmode #eb .eb-dialog-footer-content .btn-default:hover, body.lightmode #eb .eb-dialog-footer-content .btn-default:focus, body.lightmode #eb .eb-dialog-footer-content .btn-default:active, body.lightmode #eb .eb-dialog-footer-content .btn-eb-default, body.lightmode #eb .eb-dialog-footer-content .btn-eb-default:hover, body.lightmode #eb .eb-dialog-footer-content .btn-eb-default:focus, body.lightmode #eb .eb-dialog-footer-content .btn-eb-default:active {
  color: #5e5e5e !important;
}
body.lightmode #eb .popbox-dropdown-nav__meta-lists a, body.lightmode #eb .eb-table thead tr td, body.lightmode #eb .eb-table tbody > tr td .post-meta a, body.lightmode #eb .eb-table tbody > tr td .post-actions > li, body.lightmode #eb .eb-empty {
  color: #999;
}
body.lightmode #eb .table > thead > tr > td, body.lightmode #eb .table-striped > tbody > tr > td, body.lightmode #eb .table-striped > tbody > tr > th, body.lightmode #eb .ticker-wrapper.has-js, body.lightmode #eb .ticker, body.lightmode #eb .ticker-title, body.lightmode #eb .ticker-content, body.lightmode #eb .ticker-swipe, body.lightmode #eb .ticker-swipe span, body.lightmode #eb.eb-mod .eb-gallery-stage, body.lightmode #eb .eb-head-title > span, body.lightmode #eb .eb-post-admin .dropdown-menu, body.lightmode #eb .eb-calendar {
  background-color: #f6f5f7;
}
body.lightmode #eb .eb-post-admin > a {
  background-color: #f6f5f7 !important;
}
body.lightmode #eb .eb-authors-head + .eb-authors-bio, body.lightmode #eb .eb-stats-content, body.lightmode #eb .eb-category-profile, body.lightmode #eb .eb-toolbar__search-input, body.lightmode #eb .popbox-dropdown-nav__item, body.lightmode #eb .popbox-dropdown-nav__item:hover, body.lightmode #eb .popbox-dropdown-nav, body.lightmode #eb .popbox-dropdown__bd, body.lightmode #eb .eb-login, body.lightmode #eb .eb-head, body.lightmode #eb .dropdown-menu, body.lightmode #eb .popbox-dropdown, body.lightmode #eb .eb-pager, body.lightmode #eb .eb-table tbody > tr:hover td, body.lightmode #eb .eb-authors-head, body.lightmode #eb .eb-post, body.lightmode #eb .eb-entry, body.lightmode #eb .eb-post-admin .dropdown-menu > li > a:hover, body.lightmode #eb .eb-category, body.lightmode #eb .eb-tags-item, body.lightmode #eb .eb-archives, body.lightmode #eb .eb-calendar-tooltips, body.lightmode #eb .eb-calendar-tooltips > span, body.lightmode #eb .eb-mag-post, body.lightmode #eb .eb-mag .eb-mag-grids > div, body.lightmode #eb .eb-mag-header-title:after, body.lightmode #eb .eb-mag-table, body.lightmode #eb .eb-blog-grid__content, body.lightmode #eb .eb-dialog-header, body.lightmode #eb .eb-dialog-container, body.lightmode #eb .eb-dialog-footer, body.lightmode #eb .eb-quick-post .eb-quick-tabs > li a, body.lightmode #eb .eb-comments-tab > li a:hover, body.lightmode #eb .eb-comments-tab > li.active a {
  background-color: #fff;
}
body.lightmode #eb .eb-dialog-footer-content .btn, body.lightmode #eb .eb-dialog-footer-content .btn:hover, body.lightmode #eb .eb-dialog-footer-content .btn:focus, body.lightmode #eb .eb-dialog-footer-content .btn:active {
  background-color: #fff !important;
}
body.lightmode #eb .eb-mod-thumb .eb-mod-image, body.lightmode #eb .eb-table-filter, body.lightmode #eb .eb-empty, body.lightmode #eb .eb-showcases, body.lightmode #eb .eb-entry-nav > div > a:hover, body.lightmode #eb .eb-entry-author-recents, body.lightmode #eb .eb-comments-empty, body.lightmode #eb .eb-comment-editor .markItUpHeader, body.lightmode #eb .eb-comment-editor .markItUpFooter, body.lightmode #eb .eb-calendar__item:hover, body.lightmode #eb .eb-subscribe:hover, body.lightmode #eb .eb-dashboard-empty, body.lightmode #eb .form-actions, body.lightmode #eb .eb-calendar-days > td, body.lightmode #eb .eb-calendar tbody > tr > td.empty > small, body.lightmode #eb .eb-calendar tbody > tr > td.has-posts > div, body.lightmode #eb .eb-reactions__options, body.lightmode #eb .eb-comment-captcha, body.lightmode #eb .eb-comment-recaptcha, body.lightmode #eb .eb-comment-admin .dropdown-menu a:hover, body.lightmode #eb .dropdown-menu > li > a:hover, body.lightmode #eb .dropdown-menu > li > a:focus, body.lightmode #eb .eb-quick-post .eb-quick-tabs > li a:hover, body.lightmode #eb .table-striped > tbody > tr:nth-child(2n+1) > td, body.lightmode #eb .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #f9f9fa;
}
body.lightmode #eb .eb-comment-editor .markItUpHeader ul > li > a, body.lightmode #eb .eb-comment-editor .markItUpHeader ul > li > a:hover {
  background-color: #f9f9fa !important;
}
body.lightmode #eb .form-control, body.lightmode #eb textarea.markItUpEditor, body.lightmode #eb.eb-component:not(.eb-view-composer) .form-control, body.lightmode #eb .eb-box, body.lightmode #eb.eb-dialog .form-control, body.lightmode #eb .eb-quick-post .eb-quick-tabs, body.lightmode #eb .eb-quick-post .eb-quick-tabs > li.active a, body.lightmode #eb .eb-quick-content {
  background-color: #fff;
}
body.lightmode #eb.eb-component:not(.eb-view-composer) .form-control:focus, body.lightmode #eb.eb-dialog .form-control:focus {
  background-color: #e3e1e7;
}
body.lightmode #eb .eb-post-thumb .eb-post-image {
  background-color: #ebebee;
}
body.lightmode #eb .mod-input {
  background-color: #302d37;
}
body.lightmode #eb .mod-input:focus {
  background-color: #26232c;
}
body.lightmode #eb .eb-authors-head + .eb-authors-bio, body.lightmode #eb .eb-author-filter, body.lightmode #eb .eb-post + .eb-post, body.lightmode #eb .eb-toolbar__search-input, body.lightmode #eb .form-control, body.lightmode #eb .mod-input, body.lightmode #eb.eb-mod .eb-gallery-stage, body.lightmode #eb .eb-mod-thumb .eb-mod-image-cover, body.lightmode #eb .eb-mod-thumb .eb-mod-image-cover:before, body.lightmode #eb .eb-mod-item + .eb-mod-item, body.lightmode #eb .mod-item + .mod-item, body.lightmode #eb .mod-welcome-profile, body.lightmode #eb.eb-component:not(.eb-view-composer) .form-control, body.lightmode #eb.eb-dialog .form-control, body.lightmode #eb.is-mobile .eb-head-form, body.lightmode #eb .eb-head, body.lightmode #eb .eb-head-title > span, body.lightmode #eb .eb-pager, body.lightmode #eb .eb-pager__fast-first-link, body.lightmode #eb .eb-pager__link-list, body.lightmode #eb .eb-pager__fast-last-link, body.lightmode #eb .eb-table-filter, body.lightmode #eb .eb-author, body.lightmode #eb .eb-authors-head, body.lightmode #eb .eb-empty, body.lightmode #eb .eb-showcases, body.lightmode #eb .eb-stats-posts > div + div, body.lightmode #eb .eb-stats-author + .eb-stats-author, body.lightmode #eb .eb-post-thumb .eb-post-image, body.lightmode #eb .eb-post-admin > a, body.lightmode #eb .eb-post-admin .dropdown-menu, body.lightmode #eb .eb-post-admin .dropdown-menu > li.divider, body.lightmode #eb .eb-entry-nav, body.lightmode #eb .eb-entry-nav-next, body.lightmode #eb .eb-section-heading, body.lightmode #eb .eb-entry-author-recents, body.lightmode #eb .eb-entry-author-recents > div + div, body.lightmode #eb .eb-comments-empty, body.lightmode #eb .eb-comment-form, body.lightmode #eb .eb-comment-editor .markItUpHeader, body.lightmode #eb .eb-comment-editor .markItUpFooter, body.lightmode #eb .eb-category-bio, body.lightmode #eb .eb-category-subs, body.lightmode #eb .eb-tags-filter, body.lightmode #eb .eb-tags-item, body.lightmode #eb .eb-archives .eb-archive + .eb-archive, body.lightmode #eb .eb-calendar-topbar, body.lightmode #eb .eb-subscribe + .eb-subscribe .cell-ellipse, body.lightmode #eb .eb-box, body.lightmode #eb .form-actions, body.lightmode #eb .eb-calendar-tooltips, body.lightmode #eb .eb-calendar-tooltips > span, body.lightmode #eb .eb-calendar-tooltips > div + div, body.lightmode #eb .eb-post-comments-pre, body.lightmode #eb .eb-post-comment .fa-comment-o, body.lightmode #eb .eb-post-comment + .eb-post-comment .eb-post-comment-content, body.lightmode #eb .eb-posts-search .eb-post-meta, body.lightmode #eb .eb-posts-search .eb-post + .eb-post, body.lightmode #eb .eb-more, body.lightmode #eb .eb-dialog-header, body.lightmode #eb .eb-dialog-container, body.lightmode #eb .eb-dialog-footer, body.lightmode #eb .eb-comments-tab, body.lightmode #eb .eb-comment-captcha, body.lightmode #eb .eb-comment-recaptcha, body.lightmode #eb .eb-comment.is-moderated, body.lightmode #eb .eb-comment.is-moderated .under-moderation, body.lightmode #eb .eb-quick-post .eb-quick-tabs, body.lightmode #eb .eb-quick-content, body.lightmode #eb .table > thead > tr > th, body.lightmode #eb .table > thead > tr > td, body.lightmode #eb .table > tbody > tr > th, body.lightmode #eb .table > tbody > tr > td, body.lightmode #eb .table > tfoot > tr > th, body.lightmode #eb .table > tfoot > tr > td {
  border-color: #ebebee;
}
body.lightmode #eb .eb-quick-post .eb-quick-tabs > li {
  border-bottom-color: #ebebee;
}
body.lightmode #eb .eb-calendar-control > td.eb-calendar-previous, body.lightmode #eb .eb-calendar-days > td:first-child, body.lightmode #eb .eb-quick-post .eb-quick-tabs > li + li, body.lightmode #eb .eb-comments-tab > li + li {
  border-left-color: #ebebee;
}
body.lightmode #eb .eb-dialog-footer-content .btn + .btn, body.lightmode #eb .eb-dialog-footer-content .btn:hover + .btn, body.lightmode #eb .eb-dialog-footer-content .btn:focus + .btn, body.lightmode #eb .eb-dialog-footer-content .btn:active + .btn {
  border-left-color: #ebebee !important;
}
body.lightmode #eb .eb-calendar-control > td.eb-calendar-next, body.lightmode #eb .eb-calendar-days > td:last-child, body.lightmode #eb .eb-calendar-tooltips:after {
  border-right-color: #ebebee;
}
body.lightmode #eb hr, body.lightmode #eb .mod-item + .mod-item {
  border-top-color: #f6f5f7;
}
body.lightmode #eb .eb-login, body.lightmode #eb .eb-post, body.lightmode #eb .eb-entry, body.lightmode #eb .eb-category, body.lightmode #eb .eb-archives, body.lightmode #eb .eb-mag-post, body.lightmode #eb .eb-mag .eb-mag-grids > div, body.lightmode #eb .eb-mag-table, body.lightmode #eb .eb-blog-grid__content {
  border-color: #eae9ed;
}
body.lightmode #eb .eb-mag-post.has-border {
  border-bottom-color: #eae9ed;
}
body.lightmode #eb .eb-calendar-tooltips:before {
  border-right-color: #f9f9fa;
}
body.lightmode #eb .eb-mod-thumb .eb-mod-image {
  border-color: #f9f9fa;
}
body.lightmode #eb .dropdown-menu.top-right .eb-arrow:after, body.lightmode #eb .dropdown-menu.top-left .eb-arrow:after {
  border-top-color: #ebebee;
}
body.lightmode #eb .dropdown-menu.bottom-right .eb-arrow:after, body.lightmode #eb .dropdown-menu.bottom-left .eb-arrow:after {
  border-bottom-color: #ebebee;
}
body.lightmode #eb .dropdown-menu.top-right .eb-arrow, body.lightmode #eb .dropdown-menu.top-left .eb-arrow {
  border-top-color: #eae9ed;
}
body.lightmode #eb .dropdown-menu.bottom-right .eb-arrow, body.lightmode #eb .dropdown-menu.bottom-left .eb-arrow {
  border-bottom-color: #eae9ed;
}
body.lightmode #eb .eb-navbar__dropdown-menu.dropdown-menu {
  color: #fff;
}
body.lightmode #eb .eb-navbar__dropdown-menu.dropdown-menu.top-right .eb-arrow:after, body.lightmode #eb .eb-navbar__dropdown-menu.dropdown-menu.top-left .eb-arrow:after {
  border-top-color: #413e4a;
}
body.lightmode #eb .eb-navbar__dropdown-menu.dropdown-menu.bottom-right .eb-arrow:after, body.lightmode #eb .eb-navbar__dropdown-menu.dropdown-menu.bottom-left .eb-arrow:after {
  border-bottom-color: #413e4a;
}
body.lightmode #eb .eb-navbar__dropdown-menu.dropdown-menu.top-right .eb-arrow, body.lightmode #eb .eb-navbar__dropdown-menu.dropdown-menu.top-left .eb-arrow {
  border-top-color: #36333e;
}
body.lightmode #eb .eb-navbar__dropdown-menu.dropdown-menu.bottom-right .eb-arrow, body.lightmode #eb .eb-navbar__dropdown-menu.dropdown-menu.bottom-left .eb-arrow {
  border-bottom-color: #36333e;
}
body.lightmode #eb .mod-checkbox label:before, body.lightmode #eb .eb-checkbox label:before, body.lightmode #eb .eb-radio label:before, body.lightmode #eb .mod-checkbox label:after, body.lightmode #eb .eb-checkbox label:after, body.lightmode #eb .eb-radio label:after {
  background-color: #fff;
  color: #5e5e5e;
  border-color: #ebebee;
}
body.lightmode #eb .mod-checkbox input[type="checkbox"]:checked + label:before, body.lightmode #eb .eb-checkbox input[type="checkbox"]:checked + label:before, body.lightmode #eb .eb-radio input[type="checkbox"]:checked + label:before {
  background-color: #e3e1e7;
  border-color: #ebebee;
}
body.lightmode #eb .mod-checkbox input[type="checkbox"]:checked + label:after, body.lightmode #eb .eb-checkbox input[type="checkbox"]:checked + label:after, body.lightmode #eb .eb-radio input[type="checkbox"]:checked + label:after {
  color: #5e5e5e;
}
body.lightmode #eb .eb-mod-cal .eb-calendar {
  background-color: #f6f5f7 !important;
}
body.lightmode #eb .eb-mod-cal .eb-calendar tbody > tr > td {
  border-color: #ebebee !important;
}
body.lightmode #eb .eb-mod-cal .eb-calendar tbody > tr > td.empty > small, body.lightmode #eb .eb-mod-cal .eb-calendar tbody > tr > td.has-posts > div, body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-days > td, body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips {
  background-color: #f9f9fa !important;
}
body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-control > td {
  border-top-color: #ebebee !important;
}
body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-days > td {
  border-bottom-color: #ebebee !important;
}
body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-control > td.eb-calendar-month > a {
  color: #333 !important;
}
body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips {
  border-color: #ebebee !important;
}
body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips > div + div {
  border-top-color: #ebebee !important;
}
body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips > span {
  border-bottom-color: #ebebee !important;
}
body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-control > td.eb-calendar-previous, body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-days > td:first-child {
  border-left-color: #ebebee !important;
}
body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-control > td.eb-calendar-next, body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips, body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips:before {
  border-right-color: #ebebee !important;
}
body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips:after {
  border-right-color: #eae9ed !important;
}
body.lightmode #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips > span {
  background-color: #eae9ed !important;
}
/**
 * Blocks / Modules / Elements
 */
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
#eb:not(.is-mobile) .eb-table-filter .input-group {
  width: auto;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
#eb .eb-mod-title {
  margin-bottom: 4px;
}
#eb {
  /** 
   * @package      Charm
   * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
   * @license      Proprietary Use License https://stackideas.com/licensing
   **/
  /** 
   * @package      Charm
   * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
   * @license      Proprietary Use License https://stackideas.com/licensing
   **/
}
#eb .eb-mag .eb-mag-grids > div, #eb .eb-mag-table {
  padding: 16px;
  border-width: 1px;
  border-style: solid;
}
#eb .eb-mag .eb-mag-grids {
  margin: -8px;
}
#eb .eb-mag .eb-mag-grids > div {
  -webkit-flex-basis: calc(33.333333% - 16px);
  -ms-flex-basis: calc(33.333333% - 16px);
  flex-basis: calc(33.333333% - 16px);
  margin: 8px;
}
#eb .eb-mag-table {
  margin-top: 16px;
}
#eb.is-mobile .eb-mag-table {
  margin-top: 0;
}
#eb .eb-mag-blog-image, #eb .eb-mag-thumb {
  margin-top: 0;
}
#eb .eb-mag-post {
  margin: 16px 0;
}
#eb .eb-more {
  margin-top: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
}
#eb .eb-blog-grids {
  margin-left: 0;
  margin-right: 0;
}
#eb .eb-blog-grid {
  margin: -8px;
}
#eb .eb-blog-grid__content {
  padding: 16px;
  border-width: 1px;
  border-style: solid;
}
#eb .eb-blog-grid--1 {
  -webkit-flex-basis: calc(8.333333% - 16px);
  -ms-flex-basis: calc(8.333333% - 16px);
  flex-basis: calc(8.333333% - 16px);
}
#eb .eb-blog-grid--2 {
  -webkit-flex-basis: calc(16.666667% - 16px);
  -ms-flex-basis: calc(16.666667% - 16px);
  flex-basis: calc(16.666667% - 16px);
}
#eb .eb-blog-grid--3 {
  -webkit-flex-basis: calc(25% - 16px);
  -ms-flex-basis: calc(25% - 16px);
  flex-basis: calc(25% - 16px);
}
#eb .eb-blog-grid--4 {
  -webkit-flex-basis: calc(33.333333% - 16px);
  -ms-flex-basis: calc(33.333333% - 16px);
  flex-basis: calc(33.333333% - 16px);
}
#eb .eb-blog-grid--5 {
  -webkit-flex-basis: calc(41.666667% - 16px);
  -ms-flex-basis: calc(41.666667% - 16px);
  flex-basis: calc(41.666667% - 16px);
}
#eb .eb-blog-grid--6 {
  -webkit-flex-basis: calc(50% - 16px);
  -ms-flex-basis: calc(50% - 16px);
  flex-basis: calc(50% - 16px);
}
#eb .eb-blog-grid--7 {
  -webkit-flex-basis: calc(58.333333% - 16px);
  -ms-flex-basis: calc(58.333333% - 16px);
  flex-basis: calc(58.333333% - 16px);
}
#eb .eb-blog-grid--8 {
  -webkit-flex-basis: calc(66.666667% - 16px);
  -ms-flex-basis: calc(66.666667% - 16px);
  flex-basis: calc(66.666667% - 16px);
}
#eb .eb-blog-grid--9 {
  -webkit-flex-basis: calc(75% - 16px);
  -ms-flex-basis: calc(75% - 16px);
  flex-basis: calc(75% - 16px);
}
#eb .eb-blog-grid--10 {
  -webkit-flex-basis: calc(83.333333% - 16px);
  -ms-flex-basis: calc(83.333333% - 16px);
  flex-basis: calc(83.333333% - 16px);
}
#eb .eb-blog-grid--11 {
  -webkit-flex-basis: calc(91.666667% - 16px);
  -ms-flex-basis: calc(91.666667% - 16px);
  flex-basis: calc(91.666667% - 16px);
}
#eb .eb-blog-grid--12 {
  -webkit-flex-basis: calc(100% - 16px);
  -ms-flex-basis: calc(100% - 16px);
  flex-basis: calc(100% - 16px);
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
/**
 * Basic visual (font/skin/spacing)
 */
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
/**
 * Below specificity suitable for island design
 */
/**
 * Typo
 */
body #ed {
  font-family: "Karla", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
body #ed input, body #ed button, body #ed select, body #ed textarea {
  font-family: "Karla", Helvetica, Arial, sans-serif;
}
#ed .ed-navbar__footer-link {
  font-size: 13px;
}
/**
 * Color / Spacing
 */
body #ed .form-control {
  color: #fff;
}
body #ed .ed-board-stats__meta {
  color: #999;
}
#ed.ed-dialog .ed-toolbar__o-nav .ed-toolbar__link, #ed .dropdown-menu > li > a, #ed .dropdown-menu > li > a:hover, #ed .dropdown-menu > li > a:focus, #ed .o-tabs--ed .active .o-tabs__link, #ed .o-empty__text, #ed .m-notification__icon-link, #ed .chosen-container-multi .chosen-choices, #ed .ed-statistic__item a, #ed .ed-subscribe__icon, #ed .ed-editor-tab__nav > li > a:hover, #ed .ed-editor-tab__nav > li.active > a, #ed .selectize-dropdown, #ed .selectize-input, #ed .selectize-input input, #ed .ed-attachment-item__link, #ed .ed-badge__name, #ed .ed-badge__meta, #ed .ed-tag__name, #ed .ed-tag__subscribe-link, #ed .ed-profile-container__side-nav a, #ed .ed-profile-container__side-nav a:hover, #ed .ed-profile-container__side-nav .active a, #ed .ed-editor-widget__title, #ed .ed-post-item__status {
  color: #fff;
}
#ed .chosen-container-multi .chosen-choices li.search-field input[type="text"], #ed .markItUp .markItUpButton a::before {
  color: #fff !important;
}
#ed .o-tabs--ed .o-tabs__link, #ed .ed-cat-item-meta, #ed .ed-post-meta-reply, #ed .ed-post-meta-tag, #ed .ed-post-meta-cat, #ed .ed-post-meta-tag a, #ed .ed-post-meta-cat a, #ed .ed-forum-item .fa, #ed .ed-forum-item__meta, #ed .ed-editor-tab__nav > li > a, #ed .ed-achiever__date, #ed .o-empty__icon, #ed .ed-editor-tab__content-note, #ed .ed-editor-widget__note, #ed .ed-post-map__hd {
  color: #999;
}
body #ed .ed-mod-ask, body #ed .ed-board-stats, body #ed .ed-forum__hd {
  background-color: #2c2a35;
}
body #ed .select2-container--default .select2-selection--multiple, body #ed .ed-forum {
  background-color: #36333e;
}
body #ed .ed-mod-ask__support-msg {
  background-color: #3a3743;
}
body #ed .form-control {
  background-color: #302d37;
}
body #ed .form-control:focus {
  background-color: #26232c;
}
#ed .o-empty, #ed .o-switch__inner:after, #ed .selectize-dropdown-content, #ed .selectize-input.full, #ed .calendar-container table tbody td.day.wn, #ed .ed-attachment-item__link, #ed .ed-location-form__map, #ed .ed-location {
  background-color: #2c2a35;
}
#ed .dropdown-menu, #ed .o-alert--success-o, #ed .o-alert--info-o, #ed .o-alert--warning-o, #ed .o-alert--danger-o, #ed .o-alert--error-o, #ed .ed-post-item, #ed .ed-post-who-view, #ed .ed-post-who-view__ft, #ed .ed-reply-item__hd, #ed .ed-reply-item__bd, #ed .ed-reply-form__bd, #ed .ed-cat-panel, #ed .ed-badge, #ed .ed-tag, #ed .ed-form-panel, #ed .ed-user-profile__hd, #ed .ed-user-item, #ed .ed-my-subscribe-action__box, #ed .ed-dashboard__hd, #ed .ed-dashboard-form__hd, #ed .ed-ask__bd, #ed .ed-dialog-header, #ed .ed-dialog-container, #ed .ed-dialog-footer, #ed .ed-noti__item:hover {
  background-color: #36333e;
}
#ed .calendar-container, #ed .calendar-container table, #ed .ed-dialog-footer-content .btn, #ed .ed-dialog-footer-content .btn:hover, #ed .ed-dialog-footer-content .btn:focus, #ed .ed-dialog-footer-content .btn:active {
  background-color: #36333e !important;
}
#ed .dropdown-menu > li > a:hover, #ed .dropdown-menu > li > a:focus, #ed .o-switch__switch, #ed .calendar-container table tbody .disabled, #ed .ed-post-item__ft, #ed .ed-statistic__item, #ed .ed-forum__ft, #ed .ed-forum-item:hover, #ed .ed-post-item__sub-hd, #ed .ed-reply-item__comments-wrap, #ed .ed-reply-item__ft, #ed .ed-editor-widget, #ed .ed-editor-tab__nav > li > a:hover, #ed .ed-editor-tab__nav > li.active > a, #ed .ed-post-widget__bd, #ed .popbox-holiday-wrap__note, #ed .ed-badges__item, #ed .ed-tag:hover, #ed .ed-profile-container__side-nav a:hover, #ed .ed-profile-container__side-nav .active a, #ed .ed-polls__hd, #ed .ed-polls__bd {
  background-color: #3a3743;
}
#ed .markItUpHeader, #ed .chosen-container-multi .chosen-choices, #ed .ed-editor-tab__nav, #ed .selectize-input, #ed .selectize-control.single .selectize-input.input-active {
  background-color: #302d37;
}
#ed .dropdown-menu .divider {
  background-color: #413e4a;
}
body #ed .select2-container--default .select2-selection--multiple, body #ed .select2-container--default .select2-selection--single, body #ed .form-control, body #ed .ed-mod-ask, body #ed .ed-board-stats__hd, body #ed .ed-board-stats__bd, body #ed .has-dividers--bottom-space > .ed-list__item {
  border-color: #413e4a;
}
#ed .dropdown-menu, #ed .o-switch__label, #ed .o-switch__switch, #ed .o-empty--bordered, #ed .chosen-container-multi .chosen-choices, #ed .chosen-container-multi .chosen-choices li.search-choice, #ed .ed-post-item__hd, #ed .ed-post-item__full, #ed .ed-statistic__item, #ed .ed-forum__hd, #ed .ed-forum__bd, #ed .ed-forum__ft, #ed .ed-forum-item + .ed-forum-item, #ed .ed-forums-cat-header, #ed .ed-post-item__sub-hd, #ed .ed-post-who-view__hd, #ed .ed-post-who-view__ft, #ed .ed-reply-item__hd, #ed .ed-reply-item__bd, #ed .ed-reply-item__comments-wrap, #ed .ed-reply-item__ft, #ed .ed-reply-form__bd, #ed .ed-editor-widget, #ed .ed-editor-tab, #ed .ed-editor-tab__nav, #ed .selectize-input, #ed .selectize-control.single .selectize-input, #ed .selectize-dropdown.single, #ed .ed-comment-item, #ed .ed-post-widget__hd, #ed .ed-post-widget__bd, #ed .ed-post-replies__empty, #ed .ed-attachment-item__link, #ed .ed-badge, #ed .ed-achievers > :not(:first-child), #ed .ed-tag, #ed .ed-form-panel__hd, #ed .ed-form-panel__ft, #ed .ed-user-profile, #ed .ed-user-item, #ed .ed-dashboard, #ed .ed-dashboard__bd, #ed .ed-dashboard-item + .ed-dashboard-item, #ed .ed-dashboard-form, #ed .ed-dashboard-form__hd, #ed .ed-ask__bd, #ed .ed-dialog-footer, #ed .ed-location-form__map, #ed .ed-location-form__map-inner, #ed .ed-polls__hd, #ed .ed-polls__bd {
  border-color: #413e4a;
}
#ed .markItUpHeader {
  border-color: #413e4a !important;
}
#ed .table > thead > tr > th, #ed .table > tbody > tr > th, #ed .table > tfoot > tr > th, #ed .table > thead > tr > td, #ed .table > tbody > tr > td, #ed .table > tfoot > tr > td, #ed .ed-reply-item .ed-post-map {
  border-top-color: #413e4a;
}
#ed .has-body .ed-post-item__bd, #ed .ed-post-item__ft, #ed .ed-editor-tab__nav > li > a:hover, #ed .ed-post-map__hd, #ed .ed-points-history__group, #ed .ed-noti__item-content {
  border-bottom-color: #413e4a;
}
#ed .ed-post-item__bd, #ed .ed-post-item__ft, #ed .ed-post-map, #ed .ed-post-map__hd {
  border-left-color: #413e4a;
  border-right-color: #413e4a;
}
#ed blockquote, #ed .ed-editor-tab__nav > :not(:first-child) > a {
  border-left-color: #413e4a;
}
#ed .ed-dialog-footer-content .btn + .btn, #ed .ed-dialog-footer-content .btn:hover + .btn, #ed .ed-dialog-footer-content .btn:focus + .btn, #ed .ed-dialog-footer-content .btn:active + .btn {
  border-left-color: #413e4a !important;
}
#ed .ed-editor-tab__nav > :last-child > a {
  border-right-color: #413e4a;
}
#ed .o-avatar-status__indicator, #ed .ed-cat-panel, #ed .ed-form-panel, #ed .ed-dialog-header, #ed .ed-dialog-container {
  border-color: #36333e;
}
#ed .ed-dashboard-item__col-date {
  padding-left: 16px;
}
body #ed .btn.btn-success:hover, body #ed .btn.btn-success:focus, body #ed .btn.btn-success:active, body #ed .btn.btn-success.active, body #ed .btn.btn-success:active:hover, body #ed .btn.btn-success.active:hover, body #ed .btn.btn-success:active:focus, body #ed .btn.btn-success.active:focus, body #ed .btn.btn-success:active.focus, body #ed .btn.btn-success.active.focus, body #ed .open > .dropdown-toggle#ed .btn-success, body #ed .open > .dropdown-toggle#ed .btn-success:hover, body #ed .open > .dropdown-toggle#ed .btn-success:focus, body #ed .open > .dropdown-toggle#ed .btn-success.focus {
  background-color: #4aab4a !important;
  color: #fff !important;
  border-color: #439943 !important;
}
body #ed .form-control {
  border-radius: 2px;
}
body #ed .o-flag__image > img, body #ed .o-avatar img {
  border-radius: 50%;
}
body #ed .ed-mod-ask {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
body #ed .field-calendar .form-control {
  width: 70%;
}
#ed .ed-post-answer .ed-reply-item__hd, #ed .ed-post-answer .ed-reply-item__bd {
  color: #5e5e5e;
  border-color: #fff;
}
#ed .ed-post-answer .ed-post-widget__hd, #ed .ed-post-answer .ed-post-widget__bd {
  border-color: #fff;
}
#ed .ed-post-answer .ed-post-widget__bd {
  background-color: transparent;
}
#ed .ed-post-pending .ed-reply-item__hd, #ed .ed-post-pending .ed-reply-item__bd {
  color: #5e5e5e;
  border-color: #413e4a;
}
#ed .ed-post-pending .ed-post-widget__hd, #ed .ed-post-pending .ed-post-widget__bd {
  border-color: #413e4a;
}
#ed .ed-post-pending .ed-post-widget__bd {
  background-color: transparent;
}
#ed .ed-dashboard-item__col-date {
  vertical-align: top;
}
#ed .calendar-container, #ed .calendar-container table, #ed .btn, #ed .dropdown-menu, #ed .o-alert, #ed .o-switch__label, #ed .ed-mod-ask, #ed .ed-reply-form__bd, #ed .ed-attachment-item__link, #ed .ed-badge, #ed .ed-tag, #ed .ed-form-panel, #ed .ed-user-item, #ed .ed-dashboard-form, #ed .ed-dialog-modal, #ed .ed-post-replies__empty, #ed .ed-forums-cat-header, #ed .ed-post-item__full {
  border-radius: 2px;
}
#ed .ed-post-item__hd, #ed .ed-forum__hd, #ed .ed-post-who-view__hd, #ed .ed-reply-item__hd, #ed .ed-post-widget__hd, #ed .ed-form-panel__hd, #ed .ed-polls__hd {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
#ed .ed-post-item__ft, #ed .ed-post-who-view__ft, #ed .ed-reply-item__ft, #ed .ed-post-widget__bd, #ed .ed-form-panel__ft, #ed .ed-ask__bd, #ed .ed-polls__bd {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
#ed .ed-dialog-header {
  border-radius: 2px 2px 0 0;
}
#ed .ed-dialog-footer {
  border-radius: 0 0 2px 2px;
}
#ed .selectize-control.single .selectize-input, #ed .selectize-dropdown.single {
  border-radius: 0 2px 2px 0;
}
body #ed .ed-navbar__search-input, body #ed .ed-navbar__icon-link {
  color: #fff;
}
body #ed .ed-navbar__icon-link.is-active {
  background-color: #3a3743;
}
body #ed .ed-navbar__search, body #ed .ed-navbar__search-input {
  background-color: #302d37;
}
body #ed .ed-navbar__search {
  border: 1px solid #413e4a;
  border-radius: 2px;
}
body #ed .ed-navbar__body, body #ed .ed-navbar__footer {
  border-color: #413e4a;
}
body #ed .ed-navbar__body {
  background-color: #36333e;
}
body #ed .ed-navbar__footer {
  background-color: #3a3743;
  border-radius: 0 0 2px 2px;
}
body #ed.popbox {
  background-color: #36333e;
  border-color: #413e4a;
}
body #ed .popbox-dropdown {
  background-color: #36333e;
}
body #ed .popbox-dropdown__title {
  color: #fff;
}
body #ed .popbox-dropdown__meta {
  color: #999;
}
body #ed .popbox-dropdown-nav__item {
  background-color: #2c2a35;
  border-color: #413e4a;
}
body #ed .popbox-dropdown-nav__item.is-active:hover {
  background-color: #3a3743;
}
body #ed .popbox-dropdown-nav__post {
  color: #fff;
}
body #ed .popbox-dropdown-nav__icon, body #ed .popbox-dropdown-nav__meta-lists {
  color: #999;
}
body #ed .popbox-dropdown-signin {
  background-color: #3a3743;
  border-color: #413e4a;
  border-radius: 2px;
}
#ed .o-pagination > .disabled > span, #ed .o-pagination > .disabled > span:hover, #ed .o-pagination > .disabled > span:focus, #ed .o-pagination > .disabled > a, #ed .o-pagination > .disabled > a:hover, #ed .o-pagination > .disabled > a:focus, #ed .o-pagination > li > a, #ed .o-pagination > li > span {
  background-color: #36333e;
  color: #999;
  border-color: #413e4a;
}
#ed .o-pagination > li:first-child > a, #ed .o-pagination > li:first-child > span {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
#ed .o-pagination > li:last-child > a, #ed .o-pagination > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
#ed .o-pagination > li > a:hover, #ed .o-pagination > li > span:hover, #ed .o-pagination > li > a:focus, #ed .o-pagination > li > span:focus {
  background-color: #413e4a;
  border-color: #413e4a;
}
#ed .o-pagination > .active > a, #ed .o-pagination > .active > span, #ed .o-pagination > .active > a:hover, #ed .o-pagination > .active > span:hover, #ed .o-pagination > .active > a:focus, #ed .o-pagination > .active > span:focus {
  background-color: #413e4a;
  color: #fff;
  border-color: #413e4a;
}
.fancybox-opened {
  z-index: 10051;
}
#ed .o-checkbox label:before {
  background-color: #302d37;
  border-color: #413e4a;
}
#ed .o-checkbox input[type="checkbox"]:checked + label:before {
  background-color: #26232c;
  border-color: #413e4a;
}
#ed .o-checkbox input[type="checkbox"]:checked + label:after {
  color: #fff;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
/**
 * Color / Spacing
 */
body.lightmode #ed .form-control {
  color: #5e5e5e;
}
body.lightmode #ed.ed-dialog .ed-toolbar__o-nav .ed-toolbar__link, body.lightmode #ed .dropdown-menu > li > a, body.lightmode #ed .dropdown-menu > li > a:hover, body.lightmode #ed .dropdown-menu > li > a:focus, body.lightmode #ed .form-control, body.lightmode #ed .mod-input, body.lightmode #ed .m-notification__icon-link, body.lightmode #ed .chosen-container-multi .chosen-choices, body.lightmode #ed .o-tabs--ed .active .o-tabs__link, body.lightmode #ed .o-empty__text, body.lightmode #ed .ed-statistic__item a, body.lightmode #ed .ed-subscribe__icon, body.lightmode #ed .ed-editor-tab__nav > li > a:hover, body.lightmode #ed .ed-editor-tab__nav > li.active > a, body.lightmode #ed .selectize-dropdown, body.lightmode #ed .selectize-input, body.lightmode #ed .selectize-input input, body.lightmode #ed .ed-attachment-item__link, body.lightmode #ed .ed-badge__name, body.lightmode #ed .ed-badge__meta, body.lightmode #ed .ed-tag__name, body.lightmode #ed .ed-tag__subscribe-link, body.lightmode #ed .ed-profile-container__side-nav a, body.lightmode #ed .ed-profile-container__side-nav a:hover, body.lightmode #ed .ed-profile-container__side-nav .active a, body.lightmode #ed .ed-editor-widget__title, body.lightmode #ed .ed-post-item__status {
  color: #5e5e5e;
}
body.lightmode #ed .chosen-container-multi .chosen-choices li.search-field input[type="text"], body.lightmode #ed .markItUp .markItUpButton a::before {
  color: #5e5e5e !important;
}
body.lightmode #ed .o-empty, body.lightmode #ed .o-switch__inner:after, body.lightmode #ed .selectize-dropdown-content, body.lightmode #ed .selectize-input.full, body.lightmode #ed .calendar-container table tbody td.day.wn, body.lightmode #ed .ed-mod-ask, body.lightmode #ed .ed-board-stats, body.lightmode #ed .ed-forum__hd, body.lightmode #ed .ed-post-who-view, body.lightmode #ed .ed-attachment-item__link, body.lightmode #ed .ed-location-form__map, body.lightmode #ed .ed-location {
  background-color: #f6f5f7;
}
body.lightmode #ed .select2-container--default .select2-selection--multiple, body.lightmode #ed .dropdown-menu, body.lightmode #ed .o-alert--success-o, body.lightmode #ed .o-alert--info-o, body.lightmode #ed .o-alert--warning-o, body.lightmode #ed .o-alert--danger-o, body.lightmode #ed .o-alert--error-o, body.lightmode #ed .ed-post-item, body.lightmode #ed .ed-forum, body.lightmode #ed .ed-post-who-view__ft, body.lightmode #ed .ed-reply-item__hd, body.lightmode #ed .ed-reply-item__bd, body.lightmode #ed .ed-reply-form__bd, body.lightmode #ed .ed-cat-panel, body.lightmode #ed .ed-badge, body.lightmode #ed .ed-tag, body.lightmode #ed .ed-form-panel, body.lightmode #ed .ed-user-profile__hd, body.lightmode #ed .ed-user-item, body.lightmode #ed .ed-my-subscribe-action__box, body.lightmode #ed .ed-dashboard__hd, body.lightmode #ed .ed-dashboard-form__hd, body.lightmode #ed .ed-ask__bd, body.lightmode #ed .ed-dialog-header, body.lightmode #ed .ed-dialog-container, body.lightmode #ed .ed-dialog-footer, body.lightmode #ed .ed-noti__item:hover {
  background-color: #fff;
}
body.lightmode #ed .calendar-container, body.lightmode #ed .calendar-container table, body.lightmode #ed .ed-dialog-footer-content .btn, body.lightmode #ed .ed-dialog-footer-content .btn:hover, body.lightmode #ed .ed-dialog-footer-content .btn:focus, body.lightmode #ed .ed-dialog-footer-content .btn:active {
  background-color: #fff !important;
}
body.lightmode #ed .dropdown-menu > li > a:hover, body.lightmode #ed .dropdown-menu > li > a:focus, body.lightmode #ed .o-switch__switch, body.lightmode #ed .calendar-container table tbody .disabled, body.lightmode #ed .ed-mod-ask__support-msg, body.lightmode #ed .ed-post-item__ft, body.lightmode #ed .ed-statistic__item, body.lightmode #ed .ed-forum__ft, body.lightmode #ed .ed-forum-item:hover, body.lightmode #ed .ed-post-item__sub-hd, body.lightmode #ed .ed-reply-item__comments-wrap, body.lightmode #ed .ed-reply-item__ft, body.lightmode #ed .ed-editor-widget, body.lightmode #ed .ed-editor-tab__nav > li > a:hover, body.lightmode #ed .ed-editor-tab__nav > li.active > a, body.lightmode #ed .ed-post-widget__bd, body.lightmode #ed .popbox-holiday-wrap__note, body.lightmode #ed .ed-badges__item, body.lightmode #ed .ed-tag:hover, body.lightmode #ed .ed-profile-container__side-nav a:hover, body.lightmode #ed .ed-profile-container__side-nav .active a, body.lightmode #ed .ed-polls__hd, body.lightmode #ed .ed-polls__bd {
  background-color: #f9f9fa;
}
body.lightmode #ed .form-control, body.lightmode #ed .markItUpHeader, body.lightmode #ed .chosen-container-multi .chosen-choices, body.lightmode #ed .ed-editor-tab__nav, body.lightmode #ed .selectize-input, body.lightmode #ed .selectize-control.single .selectize-input.input-active {
  background-color: #fff;
}
body.lightmode #ed .form-control:focus {
  background-color: #e3e1e7;
}
body.lightmode #ed .dropdown-menu .divider {
  background-color: #ebebee;
}
body.lightmode #ed .select2-container--default .select2-selection--multiple, body.lightmode #ed .select2-container--default .select2-selection--single, body.lightmode #ed .dropdown-menu, body.lightmode #ed .form-control, body.lightmode #ed .o-switch__label, body.lightmode #ed .o-switch__switch, body.lightmode #ed .o-empty--bordered, body.lightmode #ed .chosen-container-multi .chosen-choices, body.lightmode #ed .chosen-container-multi .chosen-choices li.search-choice, body.lightmode #ed .ed-mod-ask, body.lightmode #ed .ed-board-stats__hd, body.lightmode #ed .ed-board-stats__bd, body.lightmode #ed .has-dividers--bottom-space > .ed-list__item, body.lightmode #ed .ed-post-item__hd, body.lightmode #ed .ed-post-item__full, body.lightmode #ed .ed-statistic__item, body.lightmode #ed .ed-forum__hd, body.lightmode #ed .ed-forum__bd, body.lightmode #ed .ed-forum__ft, body.lightmode #ed .ed-forum-item + .ed-forum-item, body.lightmode #ed .ed-forums-cat-header, body.lightmode #ed .ed-post-item__sub-hd, body.lightmode #ed .ed-post-who-view__hd, body.lightmode #ed .ed-post-who-view__ft, body.lightmode #ed .ed-reply-item__hd, body.lightmode #ed .ed-reply-item__bd, body.lightmode #ed .ed-reply-item__comments-wrap, body.lightmode #ed .ed-reply-item__ft, body.lightmode #ed .ed-reply-form__bd, body.lightmode #ed .ed-editor-widget, body.lightmode #ed .ed-editor-tab, body.lightmode #ed .ed-editor-tab__nav, body.lightmode #ed .selectize-input, body.lightmode #ed .selectize-control.single .selectize-input, body.lightmode #ed .selectize-dropdown.single, body.lightmode #ed .ed-comment-item, body.lightmode #ed .ed-post-widget__hd, body.lightmode #ed .ed-post-widget__bd, body.lightmode #ed .ed-post-replies__empty, body.lightmode #ed .ed-attachment-item__link, body.lightmode #ed .ed-badge, body.lightmode #ed .ed-achievers > :not(:first-child), body.lightmode #ed .ed-tag, body.lightmode #ed .ed-form-panel__hd, body.lightmode #ed .ed-form-panel__ft, body.lightmode #ed .ed-user-profile, body.lightmode #ed .ed-user-item, body.lightmode #ed .ed-dashboard, body.lightmode #ed .ed-dashboard__bd, body.lightmode #ed .ed-dashboard-item + .ed-dashboard-item, body.lightmode #ed .ed-dashboard-form, body.lightmode #ed .ed-dashboard-form__hd, body.lightmode #ed .ed-ask__bd, body.lightmode #ed .ed-dialog-footer, body.lightmode #ed .ed-location-form__map, body.lightmode #ed .ed-location-form__map-inner, body.lightmode #ed .ed-polls__hd, body.lightmode #ed .ed-polls__bd {
  border-color: #ebebee;
}
body.lightmode #ed .markItUpHeader {
  border-color: #ebebee !important;
}
body.lightmode #ed .table > thead > tr > th, body.lightmode #ed .table > tbody > tr > th, body.lightmode #ed .table > tfoot > tr > th, body.lightmode #ed .table > thead > tr > td, body.lightmode #ed .table > tbody > tr > td, body.lightmode #ed .table > tfoot > tr > td, body.lightmode #ed .ed-reply-item .ed-post-map {
  border-top-color: #ebebee;
}
body.lightmode #ed .has-body .ed-post-item__bd, body.lightmode #ed .ed-post-item__ft, body.lightmode #ed .ed-editor-tab__nav > li > a:hover, body.lightmode #ed .ed-post-map__hd, body.lightmode #ed .ed-points-history__group, body.lightmode #ed .ed-noti__item-content {
  border-bottom-color: #ebebee;
}
body.lightmode #ed .ed-post-item__bd, body.lightmode #ed .ed-post-item__ft, body.lightmode #ed .ed-post-map, body.lightmode #ed .ed-post-map__hd {
  border-left-color: #ebebee;
  border-right-color: #ebebee;
}
body.lightmode #ed .ed-editor-tab__nav > :not(:first-child) > a {
  border-left-color: #ebebee;
}
body.lightmode #ed .ed-dialog-footer-content .btn + .btn, body.lightmode #ed .ed-dialog-footer-content .btn:hover + .btn, body.lightmode #ed .ed-dialog-footer-content .btn:focus + .btn, body.lightmode #ed .ed-dialog-footer-content .btn:active + .btn {
  border-left-color: #ebebee !important;
}
body.lightmode #ed .ed-editor-tab__nav > :last-child > a {
  border-right-color: #ebebee;
}
body.lightmode #ed .o-avatar-status__indicator, body.lightmode #ed .ed-cat-panel, body.lightmode #ed .ed-form-panel, body.lightmode #ed .ed-dialog-header, body.lightmode #ed .ed-dialog-container {
  border-color: #eae9ed;
}
body.lightmode #ed .ed-post-answer .ed-reply-item__hd, body.lightmode #ed .ed-post-answer .ed-reply-item__bd {
  background-color: #dff0d8;
  color: #5e5e5e;
  border-color: #fff;
}
body.lightmode #ed .ed-post-answer .ed-post-widget__hd, body.lightmode #ed .ed-post-answer .ed-post-widget__bd {
  border-color: #fff;
}
body.lightmode #ed .ed-post-answer .ed-post-widget__bd {
  background-color: transparent;
}
body.lightmode #ed .ed-post-pending .ed-reply-item__hd, body.lightmode #ed .ed-post-pending .ed-reply-item__bd {
  background-color: #f5fcff;
  color: #5e5e5e;
  border-color: #ebebee;
}
body.lightmode #ed .ed-post-pending .ed-post-widget__hd, body.lightmode #ed .ed-post-pending .ed-post-widget__bd {
  border-color: #ebebee;
}
body.lightmode #ed .ed-post-pending .ed-post-widget__bd {
  background-color: transparent;
}
body.lightmode #ed .ed-navbar__search-input, body.lightmode #ed .ed-navbar__icon-link {
  color: #5e5e5e;
}
body.lightmode #ed .ed-navbar__icon-link.is-active {
  background-color: #f9f9fa;
}
body.lightmode #ed .ed-navbar__search, body.lightmode #ed .ed-navbar__search-input {
  background-color: #fff;
}
body.lightmode #ed .ed-navbar__search {
  border-color: #ebebee;
}
body.lightmode #ed .ed-navbar__body, body.lightmode #ed .ed-navbar__footer {
  border-color: #ebebee;
}
body.lightmode #ed .ed-navbar__body {
  background-color: #fff;
}
body.lightmode #ed .ed-navbar__footer {
  background-color: #f9f9fa;
}
body.lightmode #ed.popbox {
  border-color: #ebebee;
  background-color: #fff;
}
body.lightmode #ed .popbox-dropdown {
  background-color: #fff;
}
body.lightmode #ed .popbox-dropdown__title {
  color: #5e5e5e;
}
body.lightmode #ed .popbox-dropdown-nav__item {
  background-color: #f6f5f7;
  border-color: #ebebee;
}
body.lightmode #ed .popbox-dropdown-nav__item.is-active:hover {
  background-color: #f9f9fa;
}
body.lightmode #ed .popbox-dropdown-nav__post {
  color: #5e5e5e;
}
body.lightmode #ed .popbox-dropdown-signin {
  background-color: #f9f9fa;
  border-color: #ebebee;
}
body.lightmode #ed .o-pagination > .disabled > span, body.lightmode #ed .o-pagination > .disabled > span:hover, body.lightmode #ed .o-pagination > .disabled > span:focus, body.lightmode #ed .o-pagination > .disabled > a, body.lightmode #ed .o-pagination > .disabled > a:hover, body.lightmode #ed .o-pagination > .disabled > a:focus, body.lightmode #ed .o-pagination > li > a, body.lightmode #ed .o-pagination > li > span {
  background-color: #fff;
  border-color: #ebebee;
}
body.lightmode #ed .o-pagination > li > a:hover, body.lightmode #ed .o-pagination > li > span:hover, body.lightmode #ed .o-pagination > li > a:focus, body.lightmode #ed .o-pagination > li > span:focus {
  background-color: #ebebee;
  border-color: #ebebee;
}
body.lightmode #ed .o-pagination > .active > a, body.lightmode #ed .o-pagination > .active > span, body.lightmode #ed .o-pagination > .active > a:hover, body.lightmode #ed .o-pagination > .active > span:hover, body.lightmode #ed .o-pagination > .active > a:focus, body.lightmode #ed .o-pagination > .active > span:focus {
  background-color: #ebebee;
  color: #5e5e5e;
  border-color: #ebebee;
}
body.lightmode #ed .o-checkbox label:before {
  background-color: #fff;
  border-color: #ebebee;
}
body.lightmode #ed .o-checkbox input[type="checkbox"]:checked + label:before {
  background-color: #e3e1e7;
  border-color: #ebebee;
}
body.lightmode #ed .o-checkbox input[type="checkbox"]:checked + label:after {
  color: #5e5e5e;
}
/**
 * Blocks / Modules / Elements
 */
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
#ed.ed-mod.m-welcome .form-control {
  margin-bottom: 16px;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
/**
 * Basic visual (font/skin/spacing)
 */
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
/**
 * Elements / Blocks
 */
/**
 * Typo
 */
/**
 * Color / Spacing
 */
#kt .kt-attachments-item__actions > a, #kt .kt-attachments-item__actions > a:hover, #kt .kt-attachments-item, #kt .dropdown-menu > li > a:hover, #kt .dropdown-menu > li > a:focus, #kt .dropdown-menu, #kt pre, #kt .o-form-control, #kt .markItUpEditor, #kt .kt-attach-images__download, #kt .kt-login, #kt .kt-share-balloon {
  color: #fff;
}
#kt .markItUp a:link, #kt .markItUp a:hover, #kt .markItUp a:focus, #kt .markItUp a:visited, #kt .btn-kt-default-o, #kt .btn-kt-default-o:hover, #kt .btn-kt-default-o:active, #kt .btn-kt-default-o:focus, #kt .btn-kt-default-o:active:hover, #kt .btn-kt-default-o:active:focus, #kt .btn-kt-default-o:active.focus, #kt .btn-kt-default-o.active:hover, #kt .btn-kt-default-o.active:focus, #kt .btn-kt-default-o.active.focus, #kt .open > .dropdown-toggle#kt .btn-kt-default-o:hover, #kt .open > .dropdown-toggle#kt .btn-kt-default-o:focus, #kt .open > .dropdown-toggle#kt .btn-kt-default-o.focus, #kt .markItUp .markItUpButton a:before {
  color: #fff !important;
}
#kt .kt-form-editor__smiley-toggle:hover, #kt .kt-editor-action .fa, #kt .o-empty__icon, #kt .kt-editor-action__btn, #kt .markItUpEditor:placeholder-shown, #kt .kt-comment-content-action a {
  color: #999;
}
#kt .kt-attachments-item, #kt .kt-comment, #kt .dropdown-menu, #kt .kt-form-editor-smileys-container, #kt .o-form-control:focus, #kt .kt-attach-images__item-link {
  background-color: #2c2a35;
}
#kt .dropdown-menu > li > a:hover, #kt .dropdown-menu > li > a:focus, #kt .kt-comments__item.is-featured .kt-comment, #kt .kt-comment-tools, #kt .kt-share-social .fa, #kt .kt-dialog-header, #kt .kt-dialog-container {
  background-color: #36333e;
}
#kt .kt-form-editor-smileys > li:hover, #kt .o-empty, #kt .o-form-control, #kt .markItUpHeader, #kt .kt-form-editor-wrap, #kt .kt-share-balloon > div + div {
  background-color: #3a3743;
}
#kt .kt-form, #kt .kt-login, #kt .kt-share-balloon {
  background-color: #302d37;
}
#kt .dropdown-menu .divider, #kt .kt-attach-images__action {
  background-color: #413e4a;
}
body #kt .kt-dialog-footer-content .btn, body #kt .kt-dialog-footer-content .btn:hover, body #kt .kt-dialog-footer-content .btn:focus, body #kt .kt-dialog-footer-content .btn:active {
  background-color: #36333e !important;
}
#kt .kt-form {
  border: 1px solid #413e4a;
}
#kt .kt-attachments-preview, #kt .kt-attachments-item__actions, #kt .kt-attachments-item, #kt .kt-divider, #kt .kt-form-editor-smileys, #kt .markItUpHeader__bg-select, #kt .kt-form-title, #kt .kt-title-bar, #kt .kt-comment, #kt .kt-comment__hd, #kt .kt-comment__ft, #kt .dropdown-menu .divider, #kt .o-form-control, #kt .kt-form-editor, #kt .kt-editor-info, #kt .kt-attach-images__item, #kt .kt-share-balloon, #kt .kt-dialog-header, #kt .kt-dialog-container {
  border-color: #413e4a;
}
#kt .markItUpHeader ul .markItUpSeparator {
  background-color: #413e4a;
  color: #413e4a;
}
#kt .kt-share-balloon > div + div, #kt .kt-dialog-footer {
  border-top-color: #413e4a;
}
#kt .markItUpHeader {
  border-bottom-color: #413e4a !important;
}
#kt blockquote, #kt .mod-kt-comment-content, #kt .kt-attachments {
  border-left-color: #413e4a;
}
#kt .kt-dialog-footer-content .btn + .btn {
  border-left-color: #413e4a !important;
}
#kt .kt-comments__item.is-featured .kt-comment__ft, #kt .kt-comments__item.is-featured .kt-comment__hd, #kt .kt-comments__item.is-featured .kt-comment {
  border-color: #413e4a;
}
#kt .kt-comment-title-bar {
  margin: 24px 0;
}
#kt .kt-comments__item, #kt .kt-comments__item.is-child {
  margin-bottom: 24px;
}
#kt .kt-form {
  padding: 24px;
}
#kt .kt-comments [data-kt-view-reply] > a {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}
#kt .o-form-control {
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
#kt .kt-comments-title, #kt .kt-form-title {
  font-size: 16px;
  font-weight: 700;
}
#kt .o-form-control, #kt .kt-attach-images__item, #kt .kt-share-social .fa, #kt .kt-dialog-modal {
  border-radius: 2px;
}
#kt .kt-attach-images__item-link, #kt .kt-dialog-header {
  border-radius: 2px 2px 0 0;
}
#kt .kt-dialog-footer, #kt .kt-dialog-footer-content {
  border-radius: 0 0 2px 2px;
}
#kt-lightboxOverlay.lightboxOverlay {
  z-index: 10051;
}
#kt-lightbox.lightbox {
  z-index: 10052;
}
#kt .g-list-inline--delimited > li + li:before {
  color: #999;
}
#kt .t-text--muted {
  color: #999 !important;
}
/** 
 * @package      Office
 * @copyright    Copyright (C) 2010 - 2017 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
/**
 * Color / Spacing
 */
body.lightmode #kt .kt-attachments-item__actions > a, body.lightmode #kt .kt-attachments-item__actions > a:hover, body.lightmode #kt .kt-attachments-item, body.lightmode #kt .dropdown-menu > li > a:hover, body.lightmode #kt .dropdown-menu > li > a:focus, body.lightmode #kt .dropdown-menu, body.lightmode #kt pre, body.lightmode #kt .o-form-control, body.lightmode #kt .markItUpEditor, body.lightmode #kt .kt-attach-images__download, body.lightmode #kt .kt-login, body.lightmode #kt .kt-share-balloon {
  color: #5e5e5e;
}
body.lightmode #kt .markItUp a:link, body.lightmode #kt .markItUp a:hover, body.lightmode #kt .markItUp a:focus, body.lightmode #kt .markItUp a:visited, body.lightmode #kt .btn-kt-default-o, body.lightmode #kt .btn-kt-default-o:hover, body.lightmode #kt .btn-kt-default-o:active, body.lightmode #kt .btn-kt-default-o:focus, body.lightmode #kt .btn-kt-default-o:active:hover, body.lightmode #kt .btn-kt-default-o:active:focus, body.lightmode #kt .btn-kt-default-o:active.focus, body.lightmode #kt .btn-kt-default-o.active:hover, body.lightmode #kt .btn-kt-default-o.active:focus, body.lightmode #kt .btn-kt-default-o.active.focus, body.lightmode #kt .open > .dropdown-toggle#kt .btn-kt-default-o:hover, body.lightmode #kt .open > .dropdown-toggle#kt .btn-kt-default-o:focus, body.lightmode #kt .open > .dropdown-toggle#kt .btn-kt-default-o.focus, body.lightmode #kt .markItUp .markItUpButton a:before {
  color: #5e5e5e !important;
}
body.lightmode #kt .kt-attachments-item, body.lightmode #kt .dropdown-menu, body.lightmode #kt .kt-form-editor-smileys-container, body.lightmode #kt .o-form-control:focus, body.lightmode #kt .kt-attach-images__item-link {
  background-color: #f6f5f7;
}
body.lightmode #kt .kt-comment, body.lightmode #kt .dropdown-menu > li > a:hover, body.lightmode #kt .dropdown-menu > li > a:focus, body.lightmode #kt .kt-comments__item.is-featured .kt-comment, body.lightmode #kt .kt-comment-tools, body.lightmode #kt .kt-share-social .fa, body.lightmode #kt .kt-dialog-header, body.lightmode #kt .kt-dialog-container {
  background-color: #fff;
}
body.lightmode #kt .kt-dialog-footer-content .btn, body.lightmode #kt .kt-dialog-footer-content .btn:hover, body.lightmode #kt .kt-dialog-footer-content .btn:focus, body.lightmode #kt .kt-dialog-footer-content .btn:active {
  background-color: #fff !important;
}
body.lightmode #kt .kt-form-editor-smileys > li:hover, body.lightmode #kt .o-empty, body.lightmode #kt .o-form-control, body.lightmode #kt .markItUpHeader, body.lightmode #kt .kt-form-editor-wrap, body.lightmode #kt .kt-share-balloon > div + div {
  background-color: #f9f9fa;
}
body.lightmode #kt .kt-form, body.lightmode #kt .kt-login, body.lightmode #kt .kt-share-balloon {
  background-color: #fff;
}
body.lightmode #kt .dropdown-menu .divider, body.lightmode #kt .kt-attach-images__action {
  background-color: #ebebee;
}
body.lightmode #kt .kt-form {
  border: 1px solid #ebebee;
}
body.lightmode #kt .kt-attachments-preview, body.lightmode #kt .kt-attachments-item__actions, body.lightmode #kt .kt-attachments-item, body.lightmode #kt .kt-divider, body.lightmode #kt .kt-form-editor-smileys, body.lightmode #kt .markItUpHeader__bg-select, body.lightmode #kt .kt-form-title, body.lightmode #kt .kt-title-bar, body.lightmode #kt .kt-comment, body.lightmode #kt .kt-comment__hd, body.lightmode #kt .kt-comment__ft, body.lightmode #kt .dropdown-menu .divider, body.lightmode #kt .o-form-control, body.lightmode #kt .kt-form-editor, body.lightmode #kt .kt-editor-info, body.lightmode #kt .kt-attach-images__item, body.lightmode #kt .kt-share-balloon, body.lightmode #kt .kt-dialog-header, body.lightmode #kt .kt-dialog-container {
  border-color: #ebebee;
}
body.lightmode #kt .markItUpHeader ul .markItUpSeparator {
  background-color: #ebebee;
  color: #ebebee;
}
body.lightmode #kt .kt-share-balloon > div + div, body.lightmode #kt .kt-dialog-footer {
  border-top-color: #ebebee;
}
body.lightmode #kt .markItUpHeader {
  border-bottom-color: #ebebee !important;
}
body.lightmode #kt blockquote, body.lightmode #kt .mod-kt-comment-content, body.lightmode #kt .kt-attachments {
  border-left-color: #ebebee;
}
body.lightmode #kt .kt-dialog-footer-content .btn + .btn {
  border-left-color: #ebebee !important;
}
body.lightmode #kt .kt-comments__item.is-featured .kt-comment__ft, body.lightmode #kt .kt-comments__item.is-featured .kt-comment__hd, body.lightmode #kt .kt-comments__item.is-featured .kt-comment {
  border-color: #ebebee;
}
/**
 * Blocks/ Modules
 */
#kt {
  /** 
   * @package      Charm
   * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
   * @license      Proprietary Use License https://stackideas.com/licensing
   **/
}
#kt .o-avatar img {
  border-radius: 50%;
}
#kt .o-flag__image {
  padding-right: 16px;
}