a {
  color: #F05A28;
}

i.tooltips {
  color: #F05A28;
}

a:hover {
  color: #F05A28;
}

.pre-header a:hover {
  color: #F05A28;
}

.shop-currencies a.current {
  color: #F05A28;
}

.header-navigation ul > li.active > a,
.header-navigation ul > li > a:hover,
.header-navigation ul > li > a:focus,
.header-navigation ul > li.open > a,
.header-navigation ul > li.open > a:hover,
.header-navigation ul > li.open > a:focus {
  color: #F05A28;
}

.header-navigation li.menu-search i:hover {
  color: #F05A28;
}

.sidebar a:hover {
  color: #F05A28;
}

.sidebar .dropdown.open .dropdown-toggle:hover {
  color: #F05A28;
}

.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
  color: #F05A28;
}

.content-page a:hover,
.sidebar2 a:hover {
  color: #F05A28;
}

.content-page .link, .content-page .link:hover, .content-page .link:active {
  color: #F05A28;
}

.page-404 .number,
.page-500 .number {
  color: #F05A28;
}

.content-form-page a:hover {
  color: #F05A28;
}

.quote-v1 a.btn-transparent:hover {
  background: #F05A28;
}

.recent-work h2 a:hover {
  color: #F05A28;
}

.recent-work .recent-work-item .fa:hover {
  color: #F05A28;
}

.our-clients h2 a:hover {
  color: #F05A28;
}

.front-team h3 strong {
  color: #F05A28;
}

.ecommerce .header-navigation ul > li.active > a,
.ecommerce .header-navigation ul > li > a:hover,
.ecommerce .header-navigation ul > li > a:focus,
.ecommerce .header-navigation ul > li.open > a,
.ecommerce .header-navigation ul > li.open > a:hover,
.ecommerce .header-navigation ul > li.open > a:focus {
  color: #F05A28;
}

.product-item h3 a:hover {
  color: #F05A28;
}

.checkout-page a:hover {
  color: #F05A28;
}

.langs-block-others:after {
  border-bottom: 8px solid #F05A28;
}

.header-navigation > ul > li.dropdown:hover > a:after {
  border-bottom: 8px solid #F05A28;
}

.header-navigation .dropdown-menu > li > a:hover,
.header-navigation .dropdown-menu > li.active > a,
.header-navigation .header-navigation-content .header-navigation-col li > a:hover,
.header-navigation .header-navigation-content .header-navigation-col li.active > a {
  background: #F05A28;
  color: #FFFFFF;
}

.header-navigation .dropdown-menu .header-navigation-content-ext li > a:hover,
.header-navigation .dropdown-menu .header-navigation-content-ext li.active > a {
  background: #FFFFFF;
  color: #F05A28;
}

.header-navigation .search-box:after {
  border-bottom: 8px solid #F05A28;
}

.header-navigation .search-box {
  border-top: solid 2px #F05A28;
}

.title-wrapper h1 span {
  color: #F05A28;
}

.breadcrumb > .active {
  color: #F05A28;
}

.form-info h2 em {
  color: #F05A28;
}

.nav-tabs {
  border-color: #F05A28;
}

.tabbable-custom > .nav-tabs > li.active {
  border-top: 3px solid #F05A28;
}
.tabbable-custom > .nav .nav-link {
  color: #F05A28;
}
.tabbable-custom > .nav .nav-link:hover:not(.disabled) {
  color: #F05A28;
  /*background-color: #e5e5e5;*/
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  /*background: $primary-color;*/
}

.content-search h1 em {
  color: #F05A28;
}

.recent-work .recent-work-item:hover a.recent-work-description {
  background: #F05A28;
}

.testimonials-v1 blockquote:after {
  background-color: #F05A28;
}

.testimonials-v1 span.testimonials-name {
  color: #F05A28;
}

.search-result-item h4 a {
  color: #F05A28;
}

.top-cart-content:after {
  border-bottom: 8px solid #F05A28;
}

.goods-data a,
.checkout-page .checkout-description a {
  color: #F05A28;
}

.product-page .review a {
  color: #F05A28;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  /*background: $primary-color;*/
  color: #F05A28;
}

.tabs-primary > li.active > a, .tabs-primary > li.active > a:hover, .tabs-primary > li.active > a:focus {
  background: #FFFFFF;
  color: #F05A28;
}

.list-view-sorting a {
  background: #FFFFFF;
  color: #F05A28;
}

::-moz-selection {
  color: #FFFFFF;
  background: #F05A28;
}

::selection {
  color: #FFFFFF;
  background: #F05A28;
}

.steps-block ::-moz-selection {
  color: #F05A28;
  background: #FFFFFF;
}

.steps-block ::selection {
  color: #F05A28;
  background: #FFFFFF;
}

.owl-buttons .owl-prev:hover {
  background-color: #F05A28;
}

.owl-buttons .owl-next:hover {
  background-color: #F05A28;
}

.steps-block-red {
  background: #F05A28;
}

.pre-footer .photo-stream img:hover {
  border-color: #F05A28;
}

.pre-footer-light dl.f-twitter dd a {
  color: #F05A28;
}

.pre-footer-light address a {
  color: #F05A28;
}

.testimonials-v1 .left-btn:hover {
  background-color: #F05A28;
}

.testimonials-v1 .right-btn:hover {
  background-color: #F05A28;
}

.blog-tags li i,
.blog-info li i {
  color: #F05A28;
}

.blog-posts .more,
.blog-sidebar .more {
  color: #F05A28;
}

.recent-news h3 a {
  color: #F05A28;
}

.blog-photo-stream li img:hover {
  border-color: #F05A28;
}

.blog-tags li a:hover {
  color: #FFFFFF;
  background: #F05A28;
}

.blog-tags li a:hover:after {
  border-left-color: #F05A28;
}

.sidebar-categories li > a:hover,
.sidebar-categories li.active > a,
.sidebar-categories li.active:hover > a {
  color: #F05A28;
}

.blog-item blockquote {
  border-color: #F05A28;
}

.blog-item h4.media-heading span a {
  color: #F05A28;
}

.front-steps-wrapper .front-step1 {
  background: #F05A28;
}

.pricing-active {
  border: 3px solid #F05A28;
  box-shadow: 7px 7px rgba(231, 158, 54, 0.2);
}

.pricing:hover {
  border: 3px solid #F05A28;
}

.pricing:hover h4 {
  color: #F05A28;
}

.pricing-head h3 {
  background: #F05A28;
}

.pricing-head-active h4 {
  color: #F05A28;
}

.pricing-content li i {
  color: #F05A28;
}

.top-cart-block .fa-shopping-cart,
.top-cart-block .fa-wpforms,
.top-cart-block .fa-battery-3 {
  background: #F05A28;
}

.product-item .btn:hover {
  background: #F05A28;
}

.pi-price {
  color: #F05A28;
}

.product-item .add2cart:hover {
  color: #FFFFFF !important;
  background: #F05A28 !important;
  border-color: #F05A28;
}

.goods-page-price strong,
.goods-page-total strong,
.checkout-price strong,
.checkout-total strong {
  color: #F05A28;
}

.shopping-total strong,
.checkout-total-block strong {
  color: #F05A28;
}

.compare-item strong {
  color: #F05A28;
}

.sidebar-products .price {
  color: #F05A28;
}

.price-availability-block .price strong {
  color: #F05A28;
}

.require {
  color: #F05A28;
}

.content-form-page .form-control:focus {
  border: solid 1px #F05A28;
}

.content-search input:focus {
  border: solid 1px #F05A28;
}

.btn-primary {
  background: #F05A28;
  border-color: #E79E36;
  color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: #F05A28;
  border-color: #E79E36;
  color: #FFFFFF !important;
}

.btn-link {
  color: #F05A28;
}

.header-navigation .dropdown-menu > li:first-child {
  border-top: 2px solid #F05A28;
}

.front-steps-wrapper .front-step1:after {
  border-left: 15px solid #E79E36;
}

.del-goods:hover,
.add-goods:hover {
  background-color: #E79E36;
}

.sidebar a:hover > .fa-angle-down {
  background-position: -22px 0;
}

.sidebar .collapsed:hover > .fa-angle-down {
  background-position: -22px -37px;
}

.top-cart-content {
  border-top: solid 2px #E79E36;
}

.front-skills .progress-bar {
  background: #E79E36;
}

.service-box-v1:hover {
  background: #E79E36;
}

.header .mobi-toggler:hover {
  background-color: #E79E36;
  border-color: #E79E36;
}

.sidebar-widget-title {
  color: #F05A28;
}

@media (max-width: 1024px) {
  .header .header-navigation li > a:hover,
  .header .header-navigation li.active > a,
  .header .header-navigation li.open > a:hover {
    color: #E79E36 !important;
  }
}
.faq-tabbable {
  border-left: solid 2px #E79E36;
}

.faq-tabbable li:hover a,
.faq-tabbable li.active a {
  background: #E79E36;
}

.faq-tabbable li.active:after {
  border-left: 6px solid #E79E36;
}

.mix-filter li:hover, .mix-filter li.active {
  background: #E79E36;
  color: #FFFFFF;
}

.mix-grid .mix .mix-details {
  background: #E79E36;
}

.mix-grid .mix a.mix-link,
.mix-grid .mix a.mix-preview {
  background: #FFAE3D;
}

.langs-block-others {
  border-top: solid 2px #E79E36;
}

.brands .owl-buttons .owl-prev:hover {
  background-position: 18px -325px;
}

.brands .owl-buttons .owl-next:hover {
  background-position: -249px -325px;
}

.header-navigation ul > li.active > a {
  border-bottom: 2px solid #E79E36;
}

.pre-footer a {
  color: #E79E36;
}

.pre-footer a:hover {
  color: #f2ca91;
}

.row-selected {
  background: #F05A28;
  color: #647484;
}

/*.tile-body {
	color: $primary-color !important;
}

.tile-object .name {
	color: $primary-color !important;
}

.tile-object .number {
	color: $primary-color !important;
}
*/
.tile.double100 {
  width: 100% !important;
}

.text-primary {
  color: #F05A28 !important;
}

.page-quick-sidebar-wrapper {
  background: #F6F6F6 !important;
  width: 230px;
  padding: 2px;
}

.page-quick-sidebar {
  background: #F6F6F6 !important;
}

.panel-heading-calendar {
  background: #fff none repeat scroll 0 0;
}

.panel-title-calendar {
  color: #F05A28;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
  text-transform: none;
  margin: 0px;
  padding-top: 6px !important;
}

.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #F05A28 !important;
}

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #E79E36 !important;
}

.mt-element-ribbon .ribbon.ribbon-color-success {
  background-color: #F05A28 !important;
  color: #FFFFFF !important;
}

.dashboard-stat2 .h3-number {
  color: #F05A28;
}

.dashboard-stat2 .display .icon > i {
  color: #F05A28;
}

.dashboard-stat2 .progress-bar {
  background-color: #F05A28;
}

.easy-pie-chart .number {
  height: 150px;
  width: 150px;
  line-height: 150px;
  text-align: center;
  font-size: 24px !important;
  font-weight: 600;
  color: #647484;
}

.easy-pie-chart .title {
  font-size: 24px !important;
  font-weight: 400;
  color: #647484;
}

.easy-pie-chart .title:hover {
  color: #F05A28;
  text-decoration: none;
}

.badge-primary {
  background-color: #F05A28 !important;
  color: #FFFFFF !important;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a {
  border-left: 4px solid #F05A28;
}

.dashboard-color {
  color: #F05A28;
  opacity: 0.7;
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
  background-color: #F05A28 !important;
}

/*PRICELIST*/
.price-table-head {
  background-color: #F05A28;
  opacity: 0.8;
}

.pricing-content-1 .price-table-pricing > h3 {
  font-size: 50px;
}

.pricing-content-1 .arrow-down {
  color: #F05A28;
  opacity: 0.8;
}

.pricing-content-1 .price-table-content .row i {
  color: #a9a9a9;
}

.pricing-content-1 .price-table-content {
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
  /*height: 220px;*/
}

.tooltipslol:after {
  color: #F05A28 !important;
}

.pagination > li > a,
.pagination > li > span {
  color: #F05A28 !important;
  background-color: #fff;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #F05A28 !important;
  background-color: #eeeeee;
  border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  color: #fff !important;
  background-color: #F05A28 !important;
  border-color: #F05A28 !important;
}

.btn-light-primary {
  background-color: rgba(240, 90, 40, 0.2);
}

.btn-light-primary:hover {
  background-color: #F05A28;
  color: #FFF !important;
}

.text-hover-primary:hover {
  color: #F05A28 !important;
}

.navi-link-hover-primary:hover > span,
.navi-link-hover-primary:hover > span > i {
  color: #F05A28 !important;
}

a.btn-text-primary:hover {
  color: #FFF !important;
}

.symbol-label-light-primary > .symbol-label {
  background-color: rgba(240, 90, 40, 0.2);
  color: #F05A28 !important;
}

.bg-custom-light-primary {
  background-color: rgba(240, 90, 40, 0.2) !important;
}

.bg-custom-primary {
  background-color: #F05A28 !important;
}

/* Custom  colors */
.btn-custom-light-white {
  background-color: rgba(255, 255, 255, 0.2);
}

.btn-custom-light-white:hover,
.btn-custom-light-white.active {
  background-color: #ffffff !important;
  color: #666 !important;
}

.btn-custom-light-default {
  background-color: rgba(225, 229, 236, 0.2);
}

.btn-custom-light-default:hover,
.btn-custom-light-default.active {
  background-color: #e1e5ec !important;
  color: #666 !important;
}

.btn-custom-light-dark {
  background-color: rgba(47, 53, 59, 0.2);
}

.btn-custom-light-dark:hover,
.btn-custom-light-dark.active {
  background-color: #2f353b !important;
  color: #FFFFFF !important;
}

.btn-custom-light-blue {
  background-color: rgba(53, 152, 220, 0.2);
}

.btn-custom-light-blue:hover,
.btn-custom-light-blue.active {
  background-color: #3598dc !important;
  color: #FFFFFF !important;
}

.btn-custom-light-blue-madison {
  background-color: rgba(87, 142, 190, 0.2);
}

.btn-custom-light-blue-madison:hover,
.btn-custom-light-blue-madison.active {
  background-color: #578ebe !important;
  color: #FFFFFF !important;
}

.btn-custom-light-blue-chambray {
  background-color: rgba(44, 62, 80, 0.2);
}

.btn-custom-light-blue-chambray:hover,
.btn-custom-light-blue-chambray.active {
  background-color: #2C3E50 !important;
  color: #FFFFFF !important;
}

.btn-custom-light-blue-ebonyclay {
  background-color: rgba(34, 49, 63, 0.2);
}

.btn-custom-light-blue-ebonyclay:hover,
.btn-custom-light-blue-ebonyclay.active {
  background-color: #22313F !important;
  color: #FFFFFF !important;
}

.btn-custom-light-blue-hoki {
  background-color: rgba(103, 128, 159, 0.2);
}

.btn-custom-light-blue-hoki:hover,
.btn-custom-light-blue-hoki.active {
  background-color: #67809F !important;
  color: #FFFFFF !important;
}

.btn-custom-light-blue-steel {
  background-color: rgba(75, 119, 190, 0.2);
}

.btn-custom-light-blue-steel:hover,
.btn-custom-light-blue-steel.active {
  background-color: #4B77BE !important;
  color: #FFFFFF !important;
}

.btn-custom-light-blue-soft {
  background-color: rgba(76, 135, 185, 0.2);
}

.btn-custom-light-blue-soft:hover,
.btn-custom-light-blue-soft.active {
  background-color: #4c87b9 !important;
  color: #FFFFFF !important;
}

.btn-custom-light-blue-dark {
  background-color: rgba(94, 115, 139, 0.2);
}

.btn-custom-light-blue-dark:hover,
.btn-custom-light-blue-dark.active {
  background-color: #5e738b !important;
  color: #FFFFFF !important;
}

.btn-custom-light-blue-sharp {
  background-color: rgba(92, 155, 209, 0.2);
}

.btn-custom-light-blue-sharp:hover,
.btn-custom-light-blue-sharp.active {
  background-color: #5C9BD1 !important;
  color: #FFFFFF !important;
}

.btn-custom-light-blue-oleo {
  background-color: rgba(148, 160, 178, 0.2);
}

.btn-custom-light-blue-oleo:hover,
.btn-custom-light-blue-oleo.active {
  background-color: #94A0B2 !important;
  color: #FFFFFF !important;
}

.btn-custom-light-green {
  background-color: rgba(50, 197, 210, 0.2);
}

.btn-custom-light-green:hover,
.btn-custom-light-green.active {
  background-color: #32c5d2 !important;
  color: #FFFFFF !important;
}

.btn-custom-light-green-meadow {
  background-color: rgba(27, 188, 155, 0.2);
}

.btn-custom-light-green-meadow:hover,
.btn-custom-light-green-meadow.active {
  background-color: #1BBC9B !important;
  color: #FFFFFF !important;
}

.btn-custom-light-green-seagreen {
  background-color: rgba(27, 163, 156, 0.2);
}

.btn-custom-light-green-seagreen:hover,
.btn-custom-light-green-seagreen.active {
  background-color: #1BA39C !important;
  color: #FFFFFF !important;
}

.btn-custom-light-green-turquoise {
  background-color: rgba(54, 215, 183, 0.2);
}

.btn-custom-light-green-turquoise:hover,
.btn-custom-light-green-turquoise.active {
  background-color: #36D7B7 !important;
  color: #FFFFFF !important;
}

.btn-custom-light-green-haze {
  background-color: rgba(68, 182, 174, 0.2);
}

.btn-custom-light-green-haze:hover,
.btn-custom-light-green-haze.active {
  background-color: #44b6ae !important;
  color: #FFFFFF !important;
}

.btn-custom-light-green-jungle {
  background-color: rgba(38, 194, 129, 0.2);
}

.btn-custom-light-green-jungle:hover,
.btn-custom-light-green-jungle.active {
  background-color: #26C281 !important;
  color: #FFFFFF !important;
}

.btn-custom-light-green-soft {
  background-color: rgba(63, 171, 164, 0.2);
}

.btn-custom-light-green-soft:hover,
.btn-custom-light-green-soft.active {
  background-color: #3faba4 !important;
  color: #FFFFFF !important;
}

.btn-custom-light-green-dark {
  background-color: rgba(77, 179, 162, 0.2);
}

.btn-custom-light-green-dark:hover,
.btn-custom-light-green-dark.active {
  background-color: #4DB3A2 !important;
  color: #FFFFFF !important;
}

.btn-custom-light-green-sharp {
  background-color: rgba(42, 180, 192, 0.2);
}

.btn-custom-light-green-sharp:hover,
.btn-custom-light-green-sharp.active {
  background-color: #2ab4c0 !important;
  color: #FFFFFF !important;
}

.btn-custom-light-green-steel {
  background-color: rgba(41, 180, 182, 0.2);
}

.btn-custom-light-green-steel:hover,
.btn-custom-light-green-steel.active {
  background-color: #29b4b6 !important;
  color: #FFFFFF !important;
}

.btn-custom-light-grey {
  background-color: rgba(229, 229, 229, 0.2);
}

.btn-custom-light-grey:hover,
.btn-custom-light-grey.active {
  background-color: #E5E5E5 !important;
  color: #333333 !important;
}

.btn-custom-light-grey-steel {
  background-color: rgba(233, 237, 239, 0.2);
}

.btn-custom-light-grey-steel:hover,
.btn-custom-light-grey-steel.active {
  background-color: #e9edef !important;
  color: #80898e !important;
}

.btn-custom-light-grey-cararra {
  background-color: rgba(250, 250, 250, 0.2);
}

.btn-custom-light-grey-cararra:hover,
.btn-custom-light-grey-cararra.active {
  background-color: #fafafa !important;
  color: #333333 !important;
}

.btn-custom-light-grey-gallery {
  background-color: rgba(85, 85, 85, 0.2);
}

.btn-custom-light-grey-gallery:hover,
.btn-custom-light-grey-gallery.active {
  background-color: #555555 !important;
  color: #ffffff !important;
}

.btn-custom-light-grey-cascade {
  background-color: rgba(149, 165, 166, 0.2);
}

.btn-custom-light-grey-cascade:hover,
.btn-custom-light-grey-cascade.active {
  background-color: #95A5A6 !important;
  color: #FFFFFF !important;
}

.btn-custom-light-grey-silver {
  background-color: rgba(191, 191, 191, 0.2);
}

.btn-custom-light-grey-silver:hover,
.btn-custom-light-grey-silver.active {
  background-color: #BFBFBF !important;
  color: #FAFCFB !important;
}

.btn-custom-light-grey-salsa {
  background-color: rgba(172, 181, 195, 0.2);
}

.btn-custom-light-grey-salsa:hover,
.btn-custom-light-grey-salsa.active {
  background-color: #ACB5C3 !important;
  color: #FAFCFB !important;
}

.btn-custom-light-grey-salt {
  background-color: rgba(191, 202, 209, 0.2);
}

.btn-custom-light-grey-salt:hover,
.btn-custom-light-grey-salt.active {
  background-color: #bfcad1 !important;
  color: #FAFCFB !important;
}

.btn-custom-light-grey-mint {
  background-color: rgba(82, 94, 100, 0.2);
}

.btn-custom-light-grey-mint:hover,
.btn-custom-light-grey-mint.active {
  background-color: #525e64 !important;
  color: #FFFFFF !important;
}

.btn-custom-light-red {
  background-color: rgba(231, 80, 90, 0.2);
}

.btn-custom-light-red:hover,
.btn-custom-light-red.active {
  background-color: #e7505a !important;
  color: #ffffff !important;
}

.btn-custom-light-red-pink {
  background-color: rgba(224, 130, 131, 0.2);
}

.btn-custom-light-red-pink:hover,
.btn-custom-light-red-pink.active {
  background-color: #E08283 !important;
  color: #ffffff !important;
}

.btn-custom-light-red-sunglo {
  background-color: rgba(226, 106, 106, 0.2);
}

.btn-custom-light-red-sunglo:hover,
.btn-custom-light-red-sunglo.active {
  background-color: #E26A6A !important;
  color: #ffffff !important;
}

.btn-custom-light-red-intense {
  background-color: rgba(227, 91, 90, 0.2);
}

.btn-custom-light-red-intense:hover,
.btn-custom-light-red-intense.active {
  background-color: #e35b5a !important;
  color: #ffffff !important;
}

.btn-custom-light-red-thunderbird {
  background-color: rgba(217, 30, 24, 0.2);
}

.btn-custom-light-red-thunderbird:hover,
.btn-custom-light-red-thunderbird.active {
  background-color: #D91E18 !important;
  color: #ffffff !important;
}

.btn-custom-light-red-flamingo {
  background-color: rgba(239, 72, 54, 0.2);
}

.btn-custom-light-red-flamingo:hover,
.btn-custom-light-red-flamingo.active {
  background-color: #EF4836 !important;
  color: #ffffff !important;
}

.btn-custom-light-red-soft {
  background-color: rgba(208, 84, 84, 0.2);
}

.btn-custom-light-red-soft:hover,
.btn-custom-light-red-soft.active {
  background-color: #d05454 !important;
  color: #ffffff !important;
}

.btn-custom-light-red-haze {
  background-color: rgba(243, 106, 90, 0.2);
}

.btn-custom-light-red-haze:hover,
.btn-custom-light-red-haze.active {
  background-color: #f36a5a !important;
  color: #ffffff !important;
}

.btn-custom-light-red-mint {
  background-color: rgba(228, 58, 69, 0.2);
}

.btn-custom-light-red-mint:hover,
.btn-custom-light-red-mint.active {
  background-color: #e43a45 !important;
  color: #ffffff !important;
}

.btn-custom-light-yellow {
  background-color: rgba(196, 159, 71, 0.2);
}

.btn-custom-light-yellow:hover,
.btn-custom-light-yellow.active {
  background-color: #c49f47 !important;
  color: #ffffff !important;
}

.btn-custom-light-yellow-gold {
  background-color: rgba(232, 126, 4, 0.2);
}

.btn-custom-light-yellow-gold:hover,
.btn-custom-light-yellow-gold.active {
  background-color: #E87E04 !important;
  color: #ffffff !important;
}

.btn-custom-light-yellow-casablanca {
  background-color: rgba(242, 120, 75, 0.2);
}

.btn-custom-light-yellow-casablanca :hover,
.btn-custom-light-yellow-casablanca .active {
  background-color: #f2784b !important;
  color: #ffffff !important;
}

.btn-custom-light-yellow-crusta {
  background-color: rgba(243, 194, 0, 0.2);
}

.btn-custom-light-yellow-crusta:hover,
.btn-custom-light-yellow-crusta.active {
  background-color: #f3c200 !important;
  color: #ffffff !important;
}

.btn-custom-light-yellow-lemon {
  background-color: rgba(247, 202, 24, 0.2);
}

.btn-custom-light-yellow-lemon:hover,
.btn-custom-light-yellow-lemon.active {
  background-color: #F7CA18 !important;
  color: #ffffff !important;
}

.btn-custom-light-yellow-saffron {
  background-color: rgba(244, 208, 63, 0.2);
}

.btn-custom-light-yellow-saffron:hover,
.btn-custom-light-yellow-saffron.active {
  background-color: #F4D03F !important;
  color: #ffffff !important;
}

.btn-custom-light-yellow-soft {
  background-color: rgba(200, 208, 70, 0.2);
}

.btn-custom-light-yellow-soft:hover,
.btn-custom-light-yellow-soft.active {
  background-color: #c8d046 !important;
  color: #ffffff !important;
}

.btn-custom-light-yellow-haze {
  background-color: rgba(197, 191, 102, 0.2);
}

.btn-custom-light-yellow-haze:hover,
.btn-custom-light-yellow-haze.active {
  background-color: #c5bf66 !important;
  color: #ffffff !important;
}

.btn-custom-light-yellow-mint {
  background-color: rgba(197, 185, 107, 0.2);
}

.btn-custom-light-yellow-mint:hover,
.btn-custom-light-yellow-mint.active {
  background-color: #c5b96b !important;
  color: #ffffff !important;
}

.btn-custom-light-purple {
  background-color: rgba(142, 68, 173, 0.2);
}

.btn-custom-light-purple:hover,
.btn-custom-light-purple.active {
  background-color: #8E44AD !important;
  color: #ffffff !important;
}

.btn-custom-light-purple-plum {
  background-color: rgba(135, 117, 167, 0.2);
}

.btn-custom-light-purple-plum:hover,
.btn-custom-light-purple-plum.active {
  background-color: #8775a7 !important;
  color: #ffffff !important;
}

.btn-custom-light-purple-medium {
  background-color: rgba(191, 85, 236, 0.2);
}

.btn-custom-light-purple-medium:hover,
.btn-custom-light-purple-medium.active {
  background-color: #BF55EC !important;
  color: #ffffff !important;
}

.btn-custom-light-purple-studio {
  background-color: rgba(142, 68, 173, 0.2);
}

.btn-custom-light-purple-studio:hover,
.btn-custom-light-purple-studio.active {
  background-color: #8E44AD !important;
  color: #ffffff !important;
}

.btn-custom-light-purple-wisteria {
  background-color: rgba(155, 89, 182, 0.2);
}

.btn-custom-light-purple-wisteria:hover,
.btn-custom-light-purple-wisteria.active {
  background-color: #9B59B6 !important;
  color: #ffffff !important;
}

.btn-custom-light-purple-seance {
  background-color: rgba(154, 18, 179, 0.2);
}

.btn-custom-light-purple-seance:hover,
.btn-custom-light-purple-seance.active {
  background-color: #9A12B3 !important;
  color: #ffffff !important;
}

.btn-custom-light-purple-intense {
  background-color: rgba(135, 117, 167, 0.2);
}

.btn-custom-light-purple-intense:hover,
.btn-custom-light-purple-intense.active {
  background-color: #8775a7 !important;
  color: #ffffff !important;
}

.btn-custom-light-purple-sharp {
  background-color: rgba(121, 103, 153, 0.2);
}

.btn-custom-light-purple-sharp:hover,
.btn-custom-light-purple-sharp.active {
  background-color: #796799 !important;
  color: #ffffff !important;
}

.btn-custom-light-purple-soft {
  background-color: rgba(136, 119, 169, 0.2);
}

.btn-custom-light-purple-soft:hover,
.btn-custom-light-purple-soft.active {
  background-color: #8877a9 !important;
  color: #ffffff !important;
}

.switch-check input:checked ~ span:after {
  font-family: FontAwesome !important;
  content: "\f00c" !important;
}

.switch.switch-custom-primary input:checked ~ span:after,
.switch-check.switch-check-custom-primary input:checked ~ span:after {
  background-color: #F05A28 !important;
}

.navi .navi-item .navi-link.active .navi-text, .navi .navi-item .navi-link.active .navi-icon i, .navi .navi-item .navi-link:hover .navi-text, .navi .navi-item .navi-link:hover .navi-icon i {
  color: #F05A28 !important;
}

.block-spinner-bar > div, .page-spinner-bar > div {
  background-color: #F05A28 !important;
}

.table-primary td {
  background-color: #fef8f6;
}

/* time picker ui */
.timepicker-ui-cancel-btn,
.timepicker-ui-ok-btn,
.timepicker-ui-cancel-btn.mobile,
.timepicker-ui-ok.btn-mobile {
  color: #F05A28 !important;
}

.timepicker-ui-hour:hover,
.timepicker-ui-hour.active,
.timepicker-ui-minutes:hover,
.timepicker-ui-minutes.active,
.timepicker-ui-hour.mobile:hover,
.timepicker-ui-hour.mobile.active,
.timepicker-ui-minutes.mobile:hover,
.timepicker-ui-minutes.mobile.active {
  color: #F05A28 !important;
  background-color: #feefea !important;
}

.timepicker-ui-dot,
.timepicker-ui-circle-hand,
.timepicker-ui-clock-hand {
  background-color: #F05A28 !important;
}

/**/
.chat-toggle {
  position: fixed;
  bottom: 50px;
  right: 50px;
  background: #F05A28;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  color: white;
  padding: 28px;
  cursor: pointer;
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.chat-toggle-icon {
  height: 64px;
  width: 64px;
  position: relative;
  top: -26px;
  left: -26px;
  animation: blink 1s 2;
}

.chat-box {
  display: none;
  background: #efefef;
  position: fixed;
  right: 30px;
  bottom: 50px;
  width: 350px;
  max-width: 85vw;
  max-height: 100vh;
  border-radius: 5px;
  /*   box-shadow: 0px 5px 35px 9px #464a92; */
  box-shadow: 0px 5px 35px 9px #ccc;
}

.chat-box-toggle {
  float: right;
  margin-right: 15px;
  cursor: pointer;
}

.chat-box-header {
  background: #F05A28;
  height: 30px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
  text-align: center;
  font-size: 14px;
  padding-top: 7px;
}

.chat-box-body {
  position: relative;
  height: 370px;
  height: auto;
  border: 1px solid #ccc;
  overflow: hidden;
}

.chat-box-body:after {
  content: "";
  background-image: url(/../assets-custom/global/img/genie_big.png);
  opacity: 0.1;
  top: 25%;
  left: 0;
  bottom: 0;
  right: 0;
  height: 50%;
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.chat-box-input {
  background: #f4f7f9;
  width: 100%;
  position: relative;
  height: 47px;
  padding-top: 10px;
  padding-right: 50px;
  padding-bottom: 10px;
  padding-left: 15px;
  border: none;
  resize: none;
  outline: none;
  border: 1px solid #ccc;
  color: #888;
  border-top: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
}

.chat-input > form {
  margin-bottom: 0;
}

.chat-box-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}

.chat-box-input::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}

.chat-box-input:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}

.chat-box-input:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}

.chat-submit {
  position: absolute;
  bottom: -3px;
  right: 10px;
  background: transparent;
  box-shadow: none;
  border: none;
  border-radius: 50%;
  color: #F05A28;
  width: 35px;
  height: 35px;
}

.chat-logs {
  padding: 15px;
  height: 370px;
  overflow-y: scroll;
}

.chat-logs::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.chat-logs::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}

.chat-logs::-webkit-scrollbar-thumb {
  background-color: #F05A28;
}

@media only screen and (max-width: 500px) {
  .chat-logs {
    height: 40vh;
  }
}
.chat-msg.user > .msg-avatar span {
  float: left;
}

.chat-msg.user > .msg-avatar img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  float: left;
  width: 15%;
}

.chat-msg.self > .msg-avatar img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  float: right;
  width: 15%;
}

.cm-msg-text {
  background: white;
  padding: 10px 15px 10px 15px;
  color: #666;
  max-width: 75%;
  float: left;
  margin-left: 10px;
  position: relative;
  margin-bottom: 20px;
  border-radius: 5px;
}

.chat-msg {
  clear: both;
}

.chat-msg.self > .cm-msg-text {
  float: right;
  margin-right: 10px;
  background: #F05A28;
  color: white;
}

.cm-msg-button > ul > li {
  list-style: none;
  float: left;
  width: 50%;
}

.cm-msg-button {
  clear: both;
  margin-bottom: 70px;
}