/* ============================ */
.sunfw-content .main-color {
  color: #f00;
}
.sunfw-content .bg-main-color {
  background: #f00;
}
.sunfw-menu-head .navbar-header button.navbar-toggle {
  color: #f00;
}
ul.newsfeed li, ul.archive-module li, ul.relateditems li, ul.categories-module li, ul.category-module li, ul.mostread li, ul.latestnews li, ul.latestusers li {
  color: #f00;
}
ul.newsfeed li a *, ul.archive-module li a *, ul.relateditems li a *, ul.categories-module li a *, ul.category-module li a *, ul.mostread li a *, ul.latestnews li a *, ul.latestusers li a * {
  color: #f00;
}
ul.categories-module ul li {
  color: #f00;
}
.item-page.edit #com-content-formTabs > li.active > a, .item-page.edit #com-content-formTabs > li:hover > a {
  color: #f00;
}
.item-page.edit #com-content-formTabs > li.active > a:before, .item-page.edit #com-content-formTabs > li:hover > a:before {
  background: #f00;
}
.content_rating + form input[name="submit_vote"] {
  color: #f00;
}
.content_rating + form select, .content_rating + form input[name="submit_vote"] {
  color: #f00;
}
.breadcrumb li:not(:last-child) > span, .breadcrumb li:not(:last-child) > a {
  color: #f00;
}
.breadcrumb li:not(:last-child) > a:hover {
  color: rgba(255, 0, 0, 0.5);
}
.breadcrumb li + li:before {
  color: #f00;
}
.breadcrumb li a:hover, .breadcrumb > .active {
  color: rgba(255, 0, 0, 0.5);
}
.bg-main-color .jsn-es-background {
  background-color: #f00 !important;
}
/*======Style Tree Menu, Side Menu====*/
ul.nav[class*='menu-treemenu'] li a:not(.get-it) {
  color: #757b80;
}
ul.nav[class*='menu-treemenu'] li a:hover {
  color: #f00;
}
ul.nav[class*='menu-treemenu'] li.active > a:not(.get-it), ul.nav[class*='menu-treemenu'] li.current > a:not(.get-it) {
  color: #f00;
}
ul.nav[class*='menu-treemenu'] > li > a:not(.get-it) {
  color: #f00;
}
ul.nav[class*='menu-treemenu'] > li > a:hover {
  color: #757b80 !important;
}
ul.nav[class*='menu-sidemenu'] li:hover > a, ul.nav[class*='menu-sidemenu'] li:hover > span.nav-header, ul.nav[class*='menu-sidemenu'] li:hover > span.separator {
  color: #f00;
}
ul.nav[class*='menu-sidemenu'] li.active > a, ul.nav[class*='menu-sidemenu'] li.active > span.nav-header, ul.nav[class*='menu-sidemenu'] li.active > span.separator {
  color: #f00 !important;
}
ul.nav[class*='menu-sidemenu'] li a:not(.get-it), ul.nav[class*='menu-sidemenu'] li span.nav-header:not(.get-it), ul.nav[class*='menu-sidemenu'] li span.separator:not(.get-it) {
  color: #757b80;
}
ul.nav.menu li a:hover, .btn.btn-plain:hover {
  color: #f00;
}
.sunfw-scrollup:hover {
  background-color: #8e7571;
}
nav.navbar.sunfw-menu-head #menu_item_menu ul.navbar-nav > li:hover .get-it {
  color: #f00 !important;
}
nav.navbar.sunfw-menu-head #menu_item_menu ul.navbar-nav > li .get-it:hover {
  color: #f00 !important;
}
ul.pager li > a, ul.pager li > span {
  border-color: #f00;
}
ul.pager li > a:hover, ul.pager li > span:hover {
  background-color: #f00;
}
.pb-btn.btn {
  background-color: #f00 !important;
}
.pb-btn.btn:hover {
  color: #f00 !important;
}
/*======Style button color when active and hover====*/
[class*="btn-"]:not(.btn-toolbar):not(.btn-group):active, .btn.btn-primary:active, .btn.btn-default:active, [class*="btn-"]:not(.btn-toolbar):not(.btn-group).active, .btn.btn-primary.active, .btn.btn-default.active, .open > [class*="btn-"]:not(.btn-toolbar):not(.btn-group).dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-default.dropdown-toggle {
  color: #fff;
  background-color: #f00;
  border-color: inherit;
  box-shadow: 0 0 10px 0 rgba(20, 21, 23, 0.05);
}
[class*="btn-"]:not(.btn-toolbar):not(.btn-group):active:hover, .btn.btn-primary:active:hover, .btn.btn-default:active:hover, [class*="btn-"]:not(.btn-toolbar):not(.btn-group).active:hover, .btn.btn-primary.active:hover, .btn.btn-default.active:hover, .open > [class*="btn-"]:not(.btn-toolbar):not(.btn-group).dropdown-toggle:hover, .open > .btn.btn-primary.dropdown-toggle:hover, .open > .btn.btn-default.dropdown-toggle:hover, [class*="btn-"]:not(.btn-toolbar):not(.btn-group):active:focus, .btn.btn-primary:active:focus, .btn.btn-default:active:focus, [class*="btn-"]:not(.btn-toolbar):not(.btn-group).active:focus, .btn.btn-primary.active:focus, .btn.btn-default.active:focus, .open > [class*="btn-"]:not(.btn-toolbar):not(.btn-group).dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-default.dropdown-toggle:focus, [class*="btn-"]:not(.btn-toolbar):not(.btn-group):active.focus, .btn.btn-primary:active.focus, .btn.btn-default:active.focus, [class*="btn-"]:not(.btn-toolbar):not(.btn-group).active.focus, .btn.btn-primary.active.focus, .btn.btn-default.active.focus, .open > [class*="btn-"]:not(.btn-toolbar):not(.btn-group).dropdown-toggle.focus, .open > .btn.btn-primary.dropdown-toggle.focus, .open > .btn.btn-default.dropdown-toggle.focus {
  background-color: #f00;
  box-shadow: 0 0 10px 0 rgba(20, 21, 23, 0.05);
  border-color: inherit;
}
[class*="btn-"]:not(.btn-toolbar):not(.btn-group).btn-outline, .btn.btn-primary.btn-outline, .btn.btn-default.btn-outline {
  border-color: #f00;
  color: #f00;
}
[class*="btn-"]:not(.btn-toolbar):not(.btn-group).btn-outline:hover, .btn.btn-primary.btn-outline:hover, .btn.btn-default.btn-outline:hover, [class*="btn-"]:not(.btn-toolbar):not(.btn-group).btn-outline:active:hover, .btn.btn-primary.btn-outline:active:hover, .btn.btn-default.btn-outline:active:hover {
  background: #f00;
}
[class*="btn-"]:not(.btn-toolbar):not(.btn-group)[disabled]:hover, .btn.btn-primary[disabled]:hover, .btn.btn-default[disabled]:hover {
  background: #f00;
  color: #fff;
}
.btn:not(.btn-primary):not(.btn-default) {
  border-color: #f00;
}
#pb3-switch-editor-button {
  border: 1px solid #f00;
  border-radius: 0 !important;
  color: #f00;
}
#pb3-switch-editor-button:hover {
  background: #f00;
  color: #fff;
}
/*======Style form====*/
.login .control-group label {
  color: #f00;
}
.jsn-contact-form .jsn-uniform .form-actions .btn-toolbar .btn {
  background: #f00;
}
/*======Style Ext style====*/
#j2store-slider-range .ui-slider-handle, #j2store-slider-range .ui-slider-range {
  background: #f00;
}
.j2store-minicart-button .j2store-product-name {
  color: #f00;
}
.j2store-minicart-button .j2store-cart-nav .btn-primary {
  color: #fff !important;
}
.j2store-minicart-button .j2store-cart-nav .btn-primary:hover {
  color: #f00 !important;
}
.j2store-minicart-button .j2store-cart-nav .btn-primary .btn-outline {
  color: #f00 !important;
}
.j2store-single-product .tab-content-detail #j2store-product-detail-tab li.active a, .j2store-single-product .tab-content-detail #j2store-product-detail-tab li:hover a {
  color: #f00;
}
#j2store-checkout #j2store-checkout-content .checkout-heading {
  color: #f00;
}
.j2store table.table-bordered th, .j2store table.table-bordered td {
  color: #f00;
}
/* ============================ Sub Color ============================ */
[class*="btn-"]:active:hover, [class*="btn-"].active:hover, .open > [class*="btn-"].dropdown-toggle:hover, [class*="btn-"]:active:focus, [class*="btn-"].active:focus, .open > [class*="btn-"].dropdown-toggle:focus, [class*="btn-"]:active.focus, [class*="btn-"].active.focus, .open > [class*="btn-"].dropdown-toggle.focus {
  color: #ff9c00;
}
.btn.btn-outline:hover {
  color: #ff9c00 !important;
}
ul.nav[class*='menu-sidemenu'] ul.nav-child li:hover > a, ul.nav[class*='menu-sidemenu'] ul.nav-child li:hover > span.nav-header, ul.nav[class*='menu-sidemenu'] ul.nav-child li:hover > span.separator {
  color: #ff9c00;
}
ul.nav[class*='menu-sidemenu'] ul.nav-child li.active > a, ul.nav[class*='menu-sidemenu'] ul.nav-child li.active > span.nav-header, ul.nav[class*='menu-sidemenu'] ul.nav-child li.active > span.separator {
  color: #ff9c00 !important;
}
.nav[class*='menu-'] li a.get-it.btn-primary:hover {
  background-color: #ff9c00;
}
nav.navbar.sunfw-menu-head #menu_item_menu ul.navbar-nav > li > a.get-it.btn-primary {
  color: #ff9c00;
}
nav.navbar.sunfw-menu-head #menu_item_menu ul.navbar-nav > li > a.get-it.btn-primary:hover, nav.navbar.sunfw-menu-head #menu_item_menu ul.navbar-nav > li > a.get-it.btn-primary:focus {
  background-color: #ff9c00;
}
ul.pager li > a:hover, ul.pager li > span:hover {
  color: #ff9c00;
}
.pb-btn.btn {
  color: #ff9c00 !important;
}
.pb-btn.btn:hover {
  background-color: #ff9c00 !important;
}
.tpl-miro-slide-1 .pf-slick-dots li button {
  background-color: #ff9c00 !important;
}