/**
 * @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
 */
.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;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
body #es .btn-default, body #es .btn-default:hover, body #es .btn-default:focus, body #es .btn-default.focus, body #es .btn-default:active, body #es .btn-default.active, body #es .btn-default:active:hover, body #es .btn-default:active:focus, body #es .btn-default:active.focus, body #es .btn-default.active:hover, body #es .btn-default.active:focus, body #es .btn-default.active.focus, .open > .dropdown-toggle#es .btn-default, .open > .dropdown-toggle#es .btn-default:hover, .open > .dropdown-toggle#es .btn-default:focus, .open > .dropdown-toggle#es .btn-default.focus, body #es .btn-es-danger, body #es .btn-es-danger:hover, body #es .btn-es-danger:active, body #es .btn-es-danger:focus, body #es .btn-es-default, body #es .btn-es-default:hover, body #es .btn-es-default:active, body #es .btn-es-default:focus, body #es .btn-es-default-o, body #es .btn-es-default-o:hover, body #es .btn-es-default-o:active:hover, body #es .btn-es-default-o.active:hover, body #es .btn-es-default-o:active, body #es .btn-es-default-o:focus, body #es .btn-es-default-o:active:focus, body #es .btn-es-default-o:active.focus, body #es .btn-es-default-o.active:focus, body #es .btn-es-default-o.active.focus, body #es .btn-es-success, body #es .btn-es-success:hover, body #es .btn-es-success:active, body #es .btn-es-success:focus, #es .btn-file::before, #es .btn-popdown, .es-side-widget .o-tabs__link, .es-side-widget .o-tabs__link:hover, .es-side-widget .o-tabs__link:active, #es .btn-group .btn, #es .btn-group .btn:focus, .o-tabs--stacked .o-tabs__item.active > .o-tabs__link, .o-input-group__addon, .es-profile-header__ft b, #es .o-pagination > li > a:hover, #es .o-pagination > li > a:focus, #es .o-pagination > li > span:hover, #es .o-pagination > li > span:focus, #es .o-pagination > .active > a, #es .o-pagination > .active > a:hover, #es .o-pagination > .active > a:focus, #es .o-pagination > .active > span, #es .o-pagination > .active > span:hover, #es .o-pagination > .active > span:focus, #es .es-media-browser .btn-media > a, #es .es-privacy .es-privacy-menu li.active a {
  color: #999 !important;
}
body #es .es-story-privacy .es-privacy .es-privacy-toggle, body #es .es-story-privacy .es-privacy .es-privacy-toggle:hover, body #es .es-story-privacy .es-privacy .es-privacy-toggle:focus, body #es .es-story-privacy .es-privacy .es-privacy-toggle:active, body #es .es-story-privacy .es-privacy .es-privacy-toggle.active, body #es .btn-es-primary, body #es .btn-es-primary:hover, body #es .btn-es-primary:active, body #es .btn-es-primary:active:focus, body #es .btn-es-primary:focus, body #es .btn-es-primary-o, body #es .btn-es-primary-o:hover, body #es .btn-es-primary-o:active, body #es .btn-es-primary-o:active:focus, body #es .btn-es-primary-o:focus {
  color: #fff !important;
}
body #es .es-story-privacy .es-privacy .es-privacy-toggle, body #es .es-story-privacy .es-privacy .es-privacy-toggle:hover, body #es .es-story-privacy .es-privacy .es-privacy-toggle:focus, body #es .es-story-privacy .es-privacy .es-privacy-toggle:active, body #es .es-story-privacy .es-privacy .es-privacy-toggle:active:focus, body #es .btn-es-primary, body #es .btn-es-primary:hover, body #es .btn-es-primary:active, body #es .btn-es-primary:active:hover, body #es .btn-es-primary:active:focus, body #es .btn-es-primary:focus, body #es .btn-es-primary-o, body #es .btn-es-primary-o:hover, body #es .btn-es-primary-o:active, body #es .btn-es-primary-o:active:focus, body #es .btn-es-primary-o:focus, body #es .btn-es-danger, body #es .btn-es-danger:hover, body #es .btn-es-danger:active, body #es .btn-es-danger:active:focus, body #es .btn-es-danger:focus, body #es.es-photo-popup .es-photo-item .es-photo-hint.tag-hint.alert > button {
  background-image: none !important;
  background-color: #6a6a9d !important;
  border-color: #5c5c8c !important;
}
body #es .btn-es-default, body #es .btn-es-default:hover, body #es .btn-es-default:focus, body #es .btn-es-default.focus, body #es .btn-es-default:active, body #es .btn-es-default.active, body #es .btn-es-default:active:hover, body #es .btn-es-default:active:focus, body #es .btn-es-default:active.focus, body #es .btn-es-default.active:hover, body #es .btn-es-default.active:focus, body #es .btn-es-default.active.focus, .open > .dropdown-toggle#es .btn-default, .open > .dropdown-toggle#es .btn-default:hover, .open > .dropdown-toggle#es .btn-default:focus, .open > .dropdown-toggle#es .btn-default.focus, body #es .btn-es-default-o, body #es .btn-es-default-o:hover, body #es .btn-es-default-o:active:hover, body #es .btn-es-default-o.active:hover, body #es .btn-es-default-o:active, body #es .btn-es-default-o:focus, body #es .btn-es-default-o:active:focus, body #es .btn-es-default-o:active.focus, body #es .btn-es-default-o.active:focus, body #es .btn-es-default-o.active.focus, body #es .btn-es-success-o, body #es .btn-es-success-o:hover, body #es .btn-es-success-o:active:hover, body #es .btn-es-success-o.active:hover, body #es .btn-es-success-o:active, body #es .btn-es-success-o:focus, body #es .btn-es-success-o:active:focus, body #es .btn-es-success-o:active.focus, body #es .btn-es-success-o.active:focus, body #es .btn-es-success-o.active.focus, body #es .btn-es-danger-o, body #es .btn-es-danger-o:hover, body #es .btn-es-danger-o:active:hover, body #es .btn-es-danger-o.active:hover, body #es .btn-es-danger-o:active, body #es .btn-es-danger-o:focus, body #es .btn-es-danger-o:active:focus, body #es .btn-es-danger-o:active.focus, body #es .btn-es-danger-o.active:focus, body #es .btn-es-danger-o.active.focus, body #es .avatar-upload-field .btn-es-default, body #es .avatar-upload-field .btn-es-default:hover, body #es .avatar-upload-field .btn-es-default:active:hover, body #es .avatar-upload-field .btn-es-default.active:hover, body #es .avatar-upload-field .btn-es-default:active, body #es .avatar-upload-field .btn-es-default:focus, body #es .avatar-upload-field .btn-es-default:active:focus, body #es .avatar-upload-field .btn-es-default:active.focus, body #es .avatar-upload-field .btn-es-default.active:focus, body #es .avatar-upload-field .btn-es-default.active.focus, body #es .es-field-cover .btn-es-default, body #es .es-field-cover .btn-es-default:hover, body #es .es-field-cover .btn-es-default:active:hover, body #es .es-field-cover .btn-es-default.active:hover, body #es .es-field-cover .btn-es-default:active, body #es .es-field-cover .btn-es-default:focus, body #es .es-field-cover .btn-es-default:active:focus, body #es .es-field-cover .btn-es-default:active.focus, body #es .es-field-cover .btn-es-default.active:focus, body #es .es-field-cover .btn-es-default.active.focus, #es .btn-popdown, #es .btn-group .btn, #es .btn-group .btn:focus, .o-input-group__addon, #es .es-media-browser .btn-media > a {
  background-color: #413e4a !important;
  border-color: #323039 !important;
  background-image: none !important;
}
#es .es-dialog-footer-content .btn-es-primary, #es .es-dialog-footer-content .btn-es-primary:hover, #es .es-dialog-footer-content .btn-es-primary:focus, #es .es-dialog-footer-content .btn-es-primary:active, #es .es-dialog-footer-content .btn-es-primary-o, #es .es-dialog-footer-content .btn-es-primary-o:hover, #es .es-dialog-footer-content .btn-es-primary-o:focus, #es .es-dialog-footer-content .btn-es-primary-o:active {
  color: #b4b4ff !important;
}
body #es.mod-es.mod-es-toolbar .es-toolbar__link {
  color: #999 !important;
}
body #es.mod-es.mod-es-toolbar .es-toolbar__link:hover, body #es.mod-es.mod-es-toolbar .es-toolbar__link:active, body #es.mod-es.mod-es-toolbar .es-toolbar__link:focus {
  color: #b4b4ff !important;
  background-color: transparent !important;
}
body #es.mod-es.mod-es-toolbar .es-toolbar .is-active > a {
  color: #b4b4ff !important;
  background-color: transparent !important;
}
#es .es-profile-header__title > a {
  color: #999 !important;
}
#es .es-profile-header__title > a:hover, #es .es-profile-header__title > a:active, #es .es-profile-header__title > a:focus {
  color: #b4b4ff !important;
}
#es .es-noti-hd__badge, #es .o-pagination > .active > a, #es .o-pagination > .active > a:hover, #es .o-pagination > .active > a:focus, #es .o-pagination > .active > span, #es .o-pagination > .active > span:hover, #es .o-pagination > .active > span:focus {
  background-color: #6a6a9d !important;
}
#es .es-story-meta-button:active, #es .es-story-meta-button.active, #es .es-story-mood-preset:hover, .es-side-widget .o-tabs__link:hover, .es-side-widget .o-tabs__link:active, .o-tabs--stacked .o-tabs__item.active > .o-tabs__link, #es .dropdown-menu, #es .btn-group.open .btn, #es .o-pagination > li > a, #es .o-pagination > li > span, #es .es-convo-sidebar-tab > li > a:hover, #es .es-convo-sidebar-tab > li > a:active, #es .es-convo-sidebar-tab > li > a:focus, #es .es-convo-sidebar-tab > li.active > a {
  background-color: #413e4a !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 {
  background-color: #999 !important;
  border-color: #999 !important;
}
.es-story-panel-button, .es-story-meta-button, .es-privacy .es-privacy-toggle, .es-achieve-badge__title > a, #es .es-side-widget__meta-list a, #es .es-actions-list a, #es .es-story-link-title, .words > span, .words > span:hover {
  color: #999 !important;
}
.es-story-panel-button:hover, .es-story-meta-button:hover, .es-privacy .es-privacy-toggle:hover, .es-achieve-badge__title > a:hover, #es .es-side-widget__meta-list a:hover, #es .es-actions-list a:hover, #es .es-story-link-title:hover, .words > span:hover, .words > span:hover:hover, .es-story-panel-button:active, .es-story-meta-button:active, .es-privacy .es-privacy-toggle:active, .es-achieve-badge__title > a:active, #es .es-side-widget__meta-list a:active, #es .es-actions-list a:active, #es .es-story-link-title:active, .words > span:active, .words > span:hover:active, .es-story-panel-button:focus, .es-story-meta-button:focus, .es-privacy .es-privacy-toggle:focus, .es-achieve-badge__title > a:focus, #es .es-side-widget__meta-list a:focus, #es .es-actions-list a:focus, #es .es-story-link-title:focus, .words > span:focus, .words > span:hover:focus {
  color: #b4b4ff !important;
}
.es-story-panel-button.active {
  color: #b4b4ff !important;
  background-color: transparent !important;
}
.es-reaction-option__link.is-active .es-reaction-option__text, #es .es-convo-sidebar-tab > li > a, #es .es-convo__sidebar-item, #es .es-photo-upload-item .upload-remove-button i, #es .es-photo-upload-item .upload-details-button, #es .es-side-calendar-date__title, #es .es-story-link-url a {
  color: #b4b4ff !important;
}
.es-profile-header-nav .is-active .es-profile-header-nav__link {
  color: #b4b4ff !important;
  border-color: #b4b4ff !important;
}
#es .es-side-widget .o-tabs--stacked .o-tabs__item.active > .o-tabs__link {
  border-color: #6a6a9d;
}
#es .popbox-dropdown-nav__link, #es .popbox-dropdown-nav__meta-lists a:hover, #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-stream-meta-footer a .es-stream-meta-footer a:hover, .es-stream-meta-footer a:active, .es-stream-meta-footer a:focus, .es-story-link-url a:hover, .es-story-link-url a:active, .es-story-link-url a:focus {
  color: #b4b4ff !important;
}
#es .es-story-sly-nav:not(.is-end-left):before {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(44, 42, 53, .95) 15%), color-stop(rgba(44, 42, 53, .1) 75%));
  background-image: -o-linear-gradient(left, rgba(44, 42, 53, .95) 15%, rgba(44, 42, 53, .1) 75%);
  background-image: linear-gradient(to right, rgba(44, 42, 53, .95) 15%, rgba(44, 42, 53, .1) 75%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F22C2A35", endColorstr="#1A2C2A35", GradientType=1);
}
#es .es-story-sly-nav:not(.is-end-right):after {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(44, 42, 53, .1) 15%), color-stop(rgba(44, 42, 53, .95) 75%));
  background-image: -o-linear-gradient(left, rgba(44, 42, 53, .1) 15%, rgba(44, 42, 53, .95) 75%);
  background-image: linear-gradient(to right, rgba(44, 42, 53, .1) 15%, rgba(44, 42, 53, .95) 75%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A2C2A35", endColorstr="#F22C2A35", GradientType=1);
}
#es .es-mobile-filter-slider:before, #es .es-profile-header-nav-slider:before, #es .es-mobile-filter-slider:after, #es .es-profile-header-nav-slider:after {
  display: none;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
body.lightmode #es .btn-default, body.lightmode #es .btn-default:hover, body.lightmode #es .btn-default:focus, body.lightmode #es .btn-default.focus, body.lightmode #es .btn-default:active, body.lightmode #es .btn-default.active, body.lightmode #es .btn-default:active:hover, body.lightmode #es .btn-default:active:focus, body.lightmode #es .btn-default:active.focus, body.lightmode #es .btn-default.active:hover, body.lightmode #es .btn-default.active:focus, body.lightmode #es .btn-default.active.focus, body.lightmode #es .btn-es-default, body.lightmode #es .btn-es-default:hover, body.lightmode #es .btn-es-default:focus, body.lightmode #es .btn-es-default:active, body.lightmode #es .btn-es-default.active, body.lightmode #es .btn-es-default-o, body.lightmode #es .btn-es-default-o:hover, body.lightmode #es .btn-es-default-o:active:hover, body.lightmode #es .btn-es-default-o.active:hover, body.lightmode #es .btn-es-default-o:active, body.lightmode #es .btn-es-default-o:focus, body.lightmode #es .btn-es-default-o:active:focus, body.lightmode #es .btn-es-default-o:active.focus, body.lightmode #es .btn-es-default-o.active:focus, body.lightmode #es .btn-es-default-o.active.focus, body.lightmode #es .btn-es-success-o, body.lightmode #es .btn-es-success-o:hover, body.lightmode #es .btn-es-success-o:active:hover, body.lightmode #es .btn-es-success-o.active:hover, body.lightmode #es .btn-es-success-o:active, body.lightmode #es .btn-es-success-o:focus, body.lightmode #es .btn-es-success-o:active:focus, body.lightmode #es .btn-es-success-o:active.focus, body.lightmode #es .btn-es-success-o.active:focus, body.lightmode #es .btn-es-success-o.active.focus, body.lightmode #es .btn-es-danger-o, body.lightmode #es .btn-es-danger-o:hover, body.lightmode #es .btn-es-danger-o:active:hover, body.lightmode #es .btn-es-danger-o.active:hover, body.lightmode #es .btn-es-danger-o:active, body.lightmode #es .btn-es-danger-o:focus, body.lightmode #es .btn-es-danger-o:active:focus, body.lightmode #es .btn-es-danger-o:active.focus, body.lightmode #es .btn-es-danger-o.active:focus, body.lightmode #es .btn-es-danger-o.active.focus, body.lightmode #es .avatar-upload-field .btn-es-default, body.lightmode #es .avatar-upload-field .btn-es-default:hover, body.lightmode #es .avatar-upload-field .btn-es-default:active:hover, body.lightmode #es .avatar-upload-field .btn-es-default.active:hover, body.lightmode #es .avatar-upload-field .btn-es-default:active, body.lightmode #es .avatar-upload-field .btn-es-default:focus, body.lightmode #es .avatar-upload-field .btn-es-default:active:focus, body.lightmode #es .avatar-upload-field .btn-es-default:active.focus, body.lightmode #es .avatar-upload-field .btn-es-default.active:focus, body.lightmode #es .avatar-upload-field .btn-es-default.active.focus, body.lightmode #es .es-field-cover .btn-es-default, body.lightmode #es .es-field-cover .btn-es-default:hover, body.lightmode #es .es-field-cover .btn-es-default:active:hover, body.lightmode #es .es-field-cover .btn-es-default.active:hover, body.lightmode #es .es-field-cover .btn-es-default:active, body.lightmode #es .es-field-cover .btn-es-default:focus, body.lightmode #es .es-field-cover .btn-es-default:active:focus, body.lightmode #es .es-field-cover .btn-es-default:active.focus, body.lightmode #es .es-field-cover .btn-es-default.active:focus, body.lightmode #es .es-field-cover .btn-es-default.active.focus {
  background-color: #ebebee !important;
  border-color: #ebebee !important;
}
.lightmode .open > .dropdown-toggle#es .btn-default, .lightmode .open > .dropdown-toggle#es .btn-default:hover, .lightmode .open > .dropdown-toggle#es .btn-default:focus, .lightmode .open > .dropdown-toggle#es .btn-default.focus, .lightmode #es .btn-popdown, .lightmode #es .btn-group .btn, .lightmode #es .btn-group .btn:focus, .lightmode .o-input-group__addon, .lightmode #es .es-media-browser .btn-media > a {
  background-color: #ebebee !important;
  border-color: #ebebee !important;
}
.lightmode #es .es-form-hashtags-wrap, .lightmode #es .es-story-meta-button:active, .lightmode #es .es-story-meta-button.active, .lightmode #es .es-story-mood-preset:hover, .lightmode .es-side-widget .o-tabs__link:hover, .lightmode .es-side-widget .o-tabs__link:active, .lightmode .o-tabs--stacked .o-tabs__item.active > .o-tabs__link, .lightmode #es .dropdown-menu, .lightmode #es .btn-group.open .btn, .lightmode #es .o-pagination > li > a, .lightmode #es .o-pagination > li > span, .lightmode #es .es-convo-sidebar-tab > li > a:hover, .lightmode #es .es-convo-sidebar-tab > li > a:active, .lightmode #es .es-convo-sidebar-tab > li > a:focus, .lightmode #es .es-convo-sidebar-tab > li.active > a {
  background-color: #fff !important;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
body #eb .btn-primary, body #eb .btn-primary:hover, body #eb .btn-primary:focus, body #eb .btn-primary:active, body #eb .btn-primary.active, .open .dropdown-toggle_#eb .btn-primary, body #eb .mod-btn-primary {
  background-image: none !important;
  background-color: #6a6a9d !important;
  border-color: #5c5c8c !important;
}
body #eb .mod-btn-primary:hover, body #eb .mod-btn-primary:focus, body #eb .mod-btn-primary:active, body #eb .mod-btn-primary.active, .open .dropdown-toggle_#eb .mod-btn-primary {
  background-image: none !important;
  background-color: #5c5c8c !important;
  border-color: #5c5c8c !important;
}
body #eb .btn-default, .open .dropdown-toggle_#eb .btn-default, #eb .eb-more__btn {
  color: #999 !important;
  background-color: #413e4a !important;
  border-color: #323039 !important;
}
body #eb .btn-default:hover, body #eb .btn-default:focus, body #eb .btn-default:active, body #eb .btn-default.active, #eb .eb-more__btn:hover {
  color: #999 !important;
  background-color: #3c3944 !important;
  border-color: #323039 !important;
}
body #eb .eb-stats-nav > li .btn {
  border-color: #323039 !important;
}
body #eb .eb-stats-nav > li .btn:hover, body #eb .eb-stats-nav > li .btn:focus, body #eb .eb-stats-nav > li.active > .btn {
  background-color: #3c3944 !important;
}
#eb .eb-dialog-footer-content .btn-primary, #eb .eb-dialog-footer-content .btn-primary:hover, #eb .eb-dialog-footer-content .btn-primary:focus, #eb .eb-dialog-footer-content .btn-primary:active, #eb .eb-dialog-footer-content .btn-eb-primary, #eb .eb-dialog-footer-content .btn-eb-primary:hover, #eb .eb-dialog-footer-content .btn-eb-primary:focus, #eb .eb-dialog-footer-content .btn-eb-primary:active {
  color: #b4b4ff !important;
}
#eb .eb-table tbody > tr td .post-actions a, #eb .eb-calendar-tooltips > div a, #eb .eb-blog-grid-showcase-content__meta a, #eb .eb-blog-grid__meta a, body #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips > div a {
  color: #b4b4ff;
}
#eb .eb-table tbody > tr td .post-actions a:hover, #eb .eb-calendar-tooltips > div a:hover, #eb .eb-blog-grid-showcase-content__meta a:hover, #eb .eb-blog-grid__meta a:hover, body #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips > div a:hover, #eb .eb-table tbody > tr td .post-actions a:focus, #eb .eb-calendar-tooltips > div a:focus, #eb .eb-blog-grid-showcase-content__meta a:focus, #eb .eb-blog-grid__meta a:focus, body #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips > div a:focus, #eb .eb-table tbody > tr td .post-actions a:active, #eb .eb-calendar-tooltips > div a:active, #eb .eb-blog-grid-showcase-content__meta a:active, #eb .eb-blog-grid__meta a:active, body #eb .eb-mod-cal .eb-calendar .eb-calendar-tooltips > div a:active {
  color: #b4b4ff;
}
#eb .ticker-swipe span {
  border-bottom-color: #b4b4ff;
}
body.com-easyblog #eb .is-active > .eb-navbar__footer-link {
  color: #b4b4ff;
}
body.com-easyblog #eb .is-active > .eb-navbar__footer-link:before {
  background-color: #b4b4ff;
}
body.com-easyblog #eb .eb-navbar__footer-link:hover {
  color: #b4b4ff;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
body.lightmode #eb .btn-default, body.lightmode #eb .btn-default:hover, body.lightmode #eb .btn-default:focus, body.lightmode #eb .btn-default:active, body.lightmode #eb .btn-default.active {
  background-color: #ebebee !important;
  border-color: #ebebee !important;
}
.lightmode .open .dropdown-toggle_#eb .btn-default, .lightmode #eb .eb-more__btn, .lightmode #eb .eb-more__btn:hover {
  background-color: #ebebee !important;
  border-color: #ebebee !important;
}
body.lightmode #eb .eb-stats-nav > li .btn {
  border-color: #ebebee !important;
}
body.lightmode #eb .eb-stats-nav > li .btn:hover, body.lightmode #eb .eb-stats-nav > li .btn:focus, body.lightmode #eb .eb-stats-nav > li.active > .btn {
  background-color: #ebebee !important;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
body #ed .btn-default, body #ed .ed-dashboard-j-calendar .btn {
  color: #999 !important;
  background-color: #413e4a !important;
  border-color: #323039 !important;
}
body #ed .ed-dashboard-j-calendar input + .input-group-append .btn {
  border-color: #413e4a !important;
}
body #ed .btn:hover, body #ed .btn:active, body #ed .btn:focus, body #ed .btn:active:focus, body #ed .btn.active:focus, body #ed .btn.focus, body #ed .btn-default:active, body #ed .btn-default.active, body #ed .btn:active.focus, body #ed .btn.active.focus, body #ed .btn-default:active:hover, body #ed .btn-default.active:hover, body #ed .btn-default:active:focus, body #ed .btn-default.active:focus, body #ed .btn-default:active.focus, body #ed .btn-default.active.focus, .open > .dropdown-toggle#ed .btn-default, .open > .dropdown-toggle#ed .btn-default:hover, .open > .dropdown-toggle#ed .btn-default:focus, .open > .dropdown-toggle#ed .btn-default.focus {
  color: #999 !important;
  background-color: #3c3944 !important;
  border-color: #323039 !important;
}
body #ed .btn-primary {
  background-image: none !important;
  background-color: #6a6a9d !important;
  border-color: #5c5c8c !important;
}
body #ed .btn-primary:hover, body #ed .btn-primary:focus, body #ed .btn-primary.focus, body #ed .btn-primary:active, body #ed .btn-primary.active, body #ed .btn-primary:active:hover, body #ed .btn-primary.active:hover, body #ed .btn-primary:active:focus, body #ed .btn-primary.active:focus, body #ed .btn-primary:active.focus, body #ed .btn-primary.active.focus, .open > .dropdown-toggle#ed .btn-primary, .open > .dropdown-toggle#ed .btn-primary:hover, .open > .dropdown-toggle#ed .btn-primary:focus, .open > .dropdown-toggle#ed .btn-primary.focus, body #ed .btn-primary.disabled, body #ed .btn-primary[disabled], body #ed .btn-primary.disabled:hover, body #ed .btn-primary[disabled]:hover, body #ed .btn-primary.disabled:focus, body #ed .btn-primary[disabled]:focus, body #ed .btn-primary.disabled.focus, body #ed .btn-primary[disabled].focus, body #ed .btn-primary.disabled:active, body #ed .btn-primary[disabled]:active, body #ed .btn-primary.disabled.active, body #ed .btn-primary[disabled].active, body #ed .btn-primary.active, fieldset[disabled] #ed .btn-primary, fieldset[disabled] #ed .btn-primary:hover, fieldset[disabled] #ed .btn-primary:focus, fieldset[disabled] #ed .btn-primary.focus, fieldset[disabled] #ed .btn-primary:active, fieldset[disabled] {
  background-image: none !important;
  background-color: #5c5c8c !important;
  border-color: #5c5c8c !important;
}
#ed .chosen-container-multi .chosen-choices li.search-choice, #ed .calendar-container table tbody td.today:after, #ed .ed-points-history__label, #ed .ed-noti-hd__badge {
  background-color: #6a6a9d;
}
body #ed .btn-link {
  color: #b4b4ff !important;
}
body #ed .btn-link:hover, body #ed .btn-link:active, body #ed .btn-link:focus, body #ed .btn-link:active:focus, body #ed .btn-link.active:focus, body #ed .btn-link.focus, body #ed .btn-link:active.focus, body #ed .btn-link.active.focus {
  background-color: transparent !important;
  color: #b4b4ff !important;
  text-decoration: none;
  border-color: transparent !important;
}
#ed .o-pagination > li > a:hover, #ed .o-pagination > li > span:hover, #ed .o-pagination > li > a:focus, #ed .o-pagination > li > span:focus, #ed .m-notification__icon-link:hover {
  color: #b4b4ff;
}
#ed .o-tabs--ed .active .o-tabs__link {
  border-bottom-color: #b4b4ff;
}
#ed .ed-profile-container__side-nav > li.active {
  border-left-color: #b4b4ff;
}
#ed .calendar-container table tbody td.day:hover {
  background-color: #b4b4ff;
  color: #999;
}
#ed .calendar-container table tbody td.selected {
  background-color: #b4b4ff;
  color: #999;
}
#ed .calendar-container table tbody td.selected:hover, #ed .calendar-container table tbody td.selected:focus, #ed .calendar-container table tbody td.selected:active {
  background-color: #b4b4ff;
}
body #ed .is-active .ed-navbar__footer-link {
  color: #b4b4ff;
}
body #ed .is-active .ed-navbar__footer-link:before {
  background-color: #b4b4ff;
}
body #ed .ed-navbar__footer-link {
  color: #999;
}
body #ed .ed-navbar__footer-link:hover, body #ed .ed-navbar__footer-link:focus, body #ed .ed-navbar__footer-link:active {
  color: #b4b4ff;
}
body #ed .popbox-dropdown-nav__link, body #ed .popbox-dropdown-nav__post-name, body #ed .popbox-dropdown-nav__post-user-name {
  color: #b4b4ff;
}
body #ed .popbox-dropdown-nav__link:hover, body #ed .popbox-dropdown-nav__post-name:hover, body #ed .popbox-dropdown-nav__post-user-name:hover, body #ed .popbox-dropdown-nav__link:focus, body #ed .popbox-dropdown-nav__post-name:focus, body #ed .popbox-dropdown-nav__post-user-name:focus, body #ed .popbox-dropdown-nav__link:active, body #ed .popbox-dropdown-nav__post-name:active, body #ed .popbox-dropdown-nav__post-user-name:active {
  color: #b4b4ff;
}
body #ed .popbox-dropdown-nav__item:hover, body #ed .popbox-dropdown-nav__item.is-active {
  border-color: #b4b4ff;
}
body #ed .popbox-dropdown-nav__item:hover {
  color: #b4b4ff;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
body.lightmode #ed .btn-default, body.lightmode #ed .ed-dashboard-j-calendar .btn, body.lightmode #ed .btn:hover, body.lightmode #ed .btn:active, body.lightmode #ed .btn:focus, body.lightmode #ed .btn:active:focus, body.lightmode #ed .btn.active:focus, body.lightmode #ed .btn.focus, body.lightmode #ed .btn-default:active, body.lightmode #ed .btn-default.active, body.lightmode #ed .btn:active.focus, body.lightmode #ed .btn.active.focus, body.lightmode #ed .btn-default:active:hover, body.lightmode #ed .btn-default.active:hover, body.lightmode #ed .btn-default:active:focus, body.lightmode #ed .btn-default.active:focus, body.lightmode #ed .btn-default:active.focus, body.lightmode #ed .btn-default.active.focus {
  background-color: #ebebee !important;
  border-color: #ebebee !important;
}
.lightmode .open > .dropdown-toggle#ed .btn-default, .lightmode .open > .dropdown-toggle#ed .btn-default:hover, .lightmode .open > .dropdown-toggle#ed .btn-default:focus, .lightmode .open > .dropdown-toggle#ed .btn-default.focus {
  background-color: #ebebee !important;
  border-color: #ebebee !important;
}
body.lightmode #ed .ed-dashboard-j-calendar input + .input-group-append .btn {
  border-color: #ebebee !important;
}
/** 
 * @package      Charm
 * @copyright    Copyright (C) 2010 - 2019 Stack Ideas Sdn Bhd. All rights reserved.
 * @license      Proprietary Use License https://stackideas.com/licensing
 **/
body #kt .btn-kt-default, body #kt .btn-kt-default:hover, body #kt .btn-kt-default:focus, body #kt .btn-kt-default:active, body #kt .btn-kt-default:active:focus, body #kt .btn-kt-default.active, body #kt .btn-kt-default-o, body #kt .btn-kt-default-o:hover, body #kt .btn-kt-default-o:focus, body #kt .btn-kt-default-o:active, body #kt .btn-kt-default-o:active:focus, body #kt .btn-kt-default-o.active {
  background-image: none !important;
  background-color: #fff !important;
  color: #6a6a9d !important;
}
body #kt .btn-kt-primary {
  background-image: none !important;
  color: #fff !important;
  background-color: #6a6a9d !important;
  border-color: #5c5c8c !important;
}
body #kt .btn-kt-primary.disabled, body #kt .btn-kt-primary[disabled], body #kt .btn-kt-primary.disabled:hover, body #kt .btn-kt-primary[disabled]:hover, body #kt .btn-kt-primary.disabled:focus, body #kt .btn-kt-primary[disabled]:focus, body #kt .btn-kt-primary.disabled.focus, body #kt .btn-kt-primary[disabled].focus, body #kt .btn-kt-primary.disabled:active, body #kt .btn-kt-primary[disabled]:active, body #kt .btn-kt-primary.disabled.active, body #kt .btn-kt-primary[disabled].active, body #kt .btn-kt-primary:hover, body #kt .btn-kt-primary:focus, body #kt .btn-kt-primary:active, body #kt .btn-kt-primary:active:hover, body #kt .btn-kt-primary:active:focus, body #kt .btn-kt-primary.active {
  background-image: none !important;
  background-color: #5c5c8c !important;
  color: #fff !important;
  border-color: #5c5c8c !important;
}
body #kt .dropdown-menu > li > a {
  color: #999;
}
body {
  color: #999;
}
body, .sp-preloader {
  background-color: #2c2a35;
}
.sp-preloader > div {
  background: #b4b4ff;
}
.sp-preloader > div:after {
  background: #2c2a35;
}
#sp-top-bar {
  background: #333;
  color: #aaa;
}
#sp-top-bar a {
  color: #aaa;
}
#sp-header {
  background: #6a6a9d;
}
#sp-header .logo {
  color: #252525;
}
#sp-header .logo a {
  color: #252525;
}
#sp-header .logo a:hover {
  color: #b4b4ff;
}
a {
  color: #b4b4ff;
}
a:hover, a:focus, a:active {
  color: #b4b4ff;
}
.tags > li {
  display: inline-block;
}
.tags > li a {
  background: rgba(180, 180, 255, 0.1);
  color: #b4b4ff;
}
.tags > li a:hover {
  background: #b4b4ff;
}
.article-social-share .social-share-icon ul li a {
  color: #999;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  background: #b4b4ff;
}
.pager > li a {
  background-color: #413e4a;
  color: #999;
  border: 1px solid #413e4a;
}
.lightmode .pager {
  background-color: #ebebee;
  border-color: #ebebee;
}
.sp-megamenu-parent > li > a {
  color: #252525;
}
.sp-megamenu-parent > li:hover > a {
  color: #b4b4ff;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #b4b4ff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #252525;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #0345bf;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #0345bf;
}
.sp-megamenu-parent .sp-mega-group > li > a {
  color: #252525;
}
#offcanvas-toggler > .fa {
  color: #252525;
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
  color: #b4b4ff;
}
.offcanvas-menu {
  background-color: #fff;
  color: #252525;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  color: #252525;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
  color: #0345bf;
}
.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 {
  color: rgba(37, 37, 37, 0.5);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  color: rgba(37, 37, 37, 0.8);
}
.btn-primary, .sppb-btn-primary {
  border-color: #b4b4ff;
  background-color: #b4b4ff;
}
.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: #b4b4ff;
  background-color: #b4b4ff;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  border-color: #b4b4ff;
  background-color: #b4b4ff;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}
ul.social-icons > li a:hover {
  color: #b4b4ff;
}
.sp-page-title {
  background: #b4b4ff;
}
.layout-boxed .body-innerwrapper {
  background: #2c2a35;
}
.sp-module ul > li > a {
  color: #999;
}
.sp-module ul > li > a:hover {
  color: #b4b4ff;
}
.sp-module .latestnews > div > a {
  color: #999;
}
.sp-module .latestnews > div > a:hover {
  color: #b4b4ff;
}
.sp-module .tagscloud .tag-name:hover {
  background: #b4b4ff;
}
.search .btn-toolbar button {
  background: #b4b4ff;
}
#sp-footer, #sp-bottom {
  background: #171717;
  color: #fff;
}
#sp-footer a, #sp-bottom a {
  color: #a2a2a2;
}
#sp-footer a:hover, #sp-bottom a:hover, #sp-footer a:active, #sp-bottom a:active, #sp-footer a:focus, #sp-bottom a:focus {
  color: #fff;
}
.sp-comingsoon body {
  background-color: #b4b4ff;
}
.pagination > li > a, .pagination > li > span {
  color: #999;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #999;
}
.pagination > .active > a, .pagination > .active > span {
  border-color: #b4b4ff;
  background-color: #b4b4ff;
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: #b4b4ff;
  background-color: #b4b4ff;
}
.error-code, .coming-soon-number {
  color: #b4b4ff;
}