body{
--wbg--color: #00ace2;
--wtxt--color:#fff;

--menu--txt--color:#fff;
--menu--bg--color:#007796;

--menu--active--bg--color:#f70020;
--menu--active--txt--color:#FFF;
--menu-border--color:#002125;

--menu--hover--bg--:#f70020;
--menu--hover--txt--:#fff;

--submenu-bg--:#fef8e0;
--submenu--txt--:#686868;
}

.widget-title1 {
color: var(--wtxt--color) !important;
font-size: 24px;
font-weight: 400;
margin: 0;
padding: 10px 5px;
text-transform: uppercase;
background: var(--wbg--color) !important;
}

.top-rated-products .widget-title1 { margin-top:15px; }
.animate-menu-push { left: 0; position: relative; transition: all 0.3s ease;}
.animate-menu-push.animate-menu-push-right { left: 200px; }
.animate-menu-push.animate-menu-push-left {left: -200px; }
.animate-menu { position: fixed; top: 0; width: 200px; height: 100%;transition: all 0.3s ease; }

.animate-menu-left {left: -200px; }
.animate-menu-left.animate-menu-open {left: 0; }
.animate-menu-right {right: -200px; }
.animate-menu-right.animate-menu-open {right: 0; }


.sidebar-menu {
list-style: none;
margin: 0;
padding: 0; }
.sidebar-menu > li {
position: relative;
margin: 0;
padding: 0; }
.sidebar-menu > li > a {
padding: 8px 5px 8px 15px;
font-size: 15px;
font-weight: 600;
display: block;
border-left: 3px solid transparent;
background: var(--menu--bg--color);
color: var(--menu--txt--color); }
.sidebar-menu > li > a > .fa {
width: 20px; }
.sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
color: var(--menu--active--txt--color);
background: var(--menu--active--bg--color);
border-left-color: var(--menu-border--color); }
.sidebar-menu > li .label,
.sidebar-menu > li .badge {
margin-top: 3px;
margin-right: 5px; }


.sidebar-menu li > a > .fa-angle-left {
width: auto;
height: auto;
padding: 0;
margin-right: 10px;
margin-top: 3px; }

.sidebar-menu li.active > a > .fa-angle-left {
transform: rotate(-90deg); }

.sidebar-menu li.active > .sidebar-submenu {
display: block; }
.sidebar-menu a {
color: #000;
text-decoration: none; }

.sidebar-menu .sidebar-submenu {
display: none;
list-style: none;
padding-left: 0px;
margin: 0 1px;
background: var(--submenu-bg--); }

.sidebar-menu .sidebar-submenu .sidebar-submenu {
padding-left: 20px; }
.sidebar-menu .sidebar-submenu > li > a {
padding: 8px 5px 8px 15px;
display: block;
font-size: 15px;
font-weight: 500;
border-bottom: 1px solid #eee;
overflow: hidden;
color: var(--submenu--txt--); 
height: 35px;
}
.sidebar-menu .sidebar-submenu > li > a > .fa {
width: 20px; }
.sidebar-menu .sidebar-submenu > li > a > .fa-angle-left,
.sidebar-menu .sidebar-submenu > li > a > .fa-angle-down {
width: auto; }
.sidebar-menu .sidebar-submenu > li.active > a, .sidebar-menu .sidebar-submenu > li > a:hover {
color: var(--menu--hover--txt--); 
background:var(--menu--hover--bg--);
}

.sidebar-menu-rtl {
list-style: none;
margin: 0;
padding: 0;
background-color: #222d32; }
.sidebar-menu-rtl > li {
position: relative;
margin: 0;
padding: 0; }
.sidebar-menu-rtl > li > a {
padding: 12px 15px 12px 5px;
display: block;
border-left: 3px solid transparent;
color: #b8c7ce; }
.sidebar-menu-rtl > li > a > .fa {
width: 20px; }
.sidebar-menu-rtl > li:hover > a, .sidebar-menu-rtl > li.active > a {
color: #fff;
background: #1e282c;
border-left-color: #3c8dbc; }
.sidebar-menu-rtl > li .label,
.sidebar-menu-rtl > li .badge {
margin-top: 3px;
margin-right: 5px; }
.sidebar-menu-rtl li.sidebar-header {
padding: 10px 15px 10px 25px;
font-size: 12px;
color: #4b646f;
background: #1a2226; }
.sidebar-menu-rtl li > a > .fa-angle-left {
width: auto;
height: auto;
padding: 0;
margin-right: 10px;
margin-top: 3px; }
.sidebar-menu-rtl li.active > a > .fa-angle-left {
transform: rotate(-90deg); }
.sidebar-menu-rtl li.active > .sidebar-submenu {
display: block; }
.sidebar-menu-rtl a {
color: #b8c7ce;
text-decoration: none; }
.sidebar-menu-rtl .sidebar-submenu {
display: none;
list-style: none;
padding-right: 5px;
margin: 0 1px;
background: #2c3b41; }
.sidebar-menu-rtl .sidebar-submenu .sidebar-submenu {
padding-right: 20px; }
.sidebar-menu-rtl .sidebar-submenu > li > a {
padding: 5px 15px 5px 5px;
display: block;
font-size: 14px;
color: #8aa4af; }
.sidebar-menu-rtl .sidebar-submenu > li > a > .fa {
width: 20px; }
.sidebar-menu-rtl .sidebar-submenu > li > a > .fa-angle-left,
.sidebar-menu-rtl .sidebar-submenu > li > a > .fa-angle-down {
width: auto; }
.sidebar-menu-rtl .sidebar-submenu > li.active > a, .sidebar-menu-rtl .sidebar-submenu > li > a:hover {
color: #fff; }

.pul-right{float:right;}
.product-list-widget li {
margin-bottom: 22px !important;
}
.product-Price, .flink {
font-weight: 500;
color: #000;
text-decoration: none;
}
.product-list-widget {
list-style: none;
margin-left: 0;
padding: 0 20px;
}