/**
 * ss-wcaf-style.css
 */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(../fonts/MaterialIcons-Regular.woff) format('woff'),
       url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.mdi,
.material-icons {
 	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	vertical-align: middle;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

/* Alert boxes */
.ss-snackbar {
	position: relative;
	display: inline-block;
	width: auto;
	min-width: 288px;
	max-width: 568px;
	margin: 0 0 32px;
	padding: 14px 48px 14px 24px;
	font-size: 14px;
	line-height: 1.4285714;
	color: #fff;
	background: #323232;
	list-style-position: inside;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.24);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.24);
	box-shadow: 0 1px 3px rgba(0,0,0,.24);

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.ss-snackbar * {
	color: inherit;
}

.snackbar-info {
	background: #1976d2;
}

.snackbar-success {
	background: #4caf50;
}

.snackbar-error {
	background: #d32f2f;
}

.snackbar-warning {
	background: #ef6c00;
}

.snackbar-dismiss {
	position: absolute;
	display: inline-block;
	width: 48px;
	height: 48px;
	font-size: 18px;
	line-height: 48px;
	top: 0;
	right: 0;
	color: #fff;
	opacity: .7;
	text-align: center;
}

.snackbar-dismiss:hover,
.snackbar-dismiss:active {
	color: #fff;
	opacity: 1;
}

/* CSS3 Buttons */
.ss-btn,
.ss-btn:visited {
	position: relative;
	margin: 6px 4px 6px 0;
	min-width: 64px;
	display: inline-block;
	border: 0;
	color: #fff;
	background: #757575;
	font-size: 14px;
	line-height: 1.7142857;
	font-weight: 500;
	text-align: center;
	padding: 6px 16px;

	text-transform: uppercase;
	letter-spacing: .035714em;

	-webkit-tap-highlight-color: transparent;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1);
	transition: box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1);

}

.product-query-buttons .ss-btn.btn-flat {
	min-width: auto;
	padding: 0 16px;
	color: #757575;
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.product-query-buttons .ss-btn.btn-flat:hover {
	color: inherit;
}

.ss-btn:hover {
	color: #fff;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
}

.ss-btn:active {
	color: #fff;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
}

.btn-line {
	padding: 5px 15px;
}

.btn-red,
.btn-red:visited {
	background-color: #f44336;
}

.btn-pink,
.btn-pink:visited {
	background-color: #e91e63;
}

.btn-purple,
.btn-purple:visited {
	background-color: #9c27b0;
}

.btn-indigo,
.btn-indigo:visited {
	background-color: #3f51b5;
}

.btn-primary,
.btn-primary:visited {
	background-color: #2196f3;
}

.btn-teal,
.btn-teal:visited {
	background-color: #009688;
}

.btn-green,
.btn-green:visited {
	background-color: #388e3c;
}

.btn-orange,
.btn-orange:visited {
	background-color: #ef6c00;
}

.btn-brown,
.btn-brown:visited {
	background-color: #795548;
}

.btn-grey,
.btn-grey:visited {
	background-color: #757575;
}

.btn-pigeon,
.btn-pigeon:visited {
	background-color: #78909c;
}

.btn-line,
.btn-line:hover,
.btn-line:active,
.btn-line:visited {
	background: transparent;
	border: 1px solid;
	border-color: inherit;
	color: inherit;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}



/* Size classes */
.btn-small,
.btn-small:visited {
	font-size: 12px;
	line-height: 1.6667;
	padding: 2px 8px;
}

.btn-small.btn-line {
	padding: 1px 7px;
}

.btn-medium,
.btn-medium:visited {
	font-size: 16px;
	line-height: 1.5;
	padding: 8px 16px;
}

.btn-medium.btn-line {
	padding: 7px 15px;
}

.btn-large,
.btn-large:visited {
	font-size: 20px;
	line-height: 1.4;
	padding: 8px 20px;
}

.btn-large.btn-line {
	padding: 7px 19px;
}

.btn-xlarge,
.btn-xlarge:visited {
	font-size: 24px;
	line-height: 1.33334;
	padding: 8px 20px;
}

.btn-xlarge.btn-line {
	padding: 7px 19px;
}


/* Material Design style spinner
 * http://codepen.io/StMechanus/pen/vEYgZd
 */

.md-loader {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 48%;
	top: -webkit-calc(50% - 20px);
	top: -moz-calc(50% - 20px);
	top: -o-calc(50% - 20px);
	top: calc(50% - 20px);

	left: 48%;
	left: -webkit-calc(50% - 20px);
	left: -moz-calc(50% - 20px);
	left: -o-calc(50% - 20px);
	left: calc(50% - 20px);

	background: #fff;
	text-align: center;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	z-index: 110;
}

.md-loader.products-loader {
	position: fixed;
	top: 50%;
}

.md-loader.gif-enabled {
	background: transparent url(../images/loading.gif) 50% 50% no-repeat;
}

.spinner {
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: 1.4s rotate linear infinite;
	-moz-animation: 1.4s rotate linear infinite;
	-ms-animation: 1.4s rotate linear infinite;
	-o-animation: 1.4s rotate linear infinite;
	animation: 1.4s rotate linear infinite;
}

.myObject {
  stroke-dasharray: 125;
  stroke-dashoffset: 0;
  -moz-animation: 5s dash ease-in-out infinite, 5s colorify ease-in infinite;
  -o-animation: 5s dash ease-in-out infinite, 5s colorify ease-in infinite;
  -webkit-animation: 5s dash ease-in-out infinite, 5s colorify ease-in infinite;
  animation: 5s dash ease-in-out infinite, 5s colorify ease-in infinite;
}

@-webkit-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes colorify {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}
@-moz-keyframes colorify {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}
@-o-keyframes colorify {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}
@keyframes colorify {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 125;
  }
  12.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(0deg);
  }
  25% {
    stroke-dashoffset: 125;
    transform: rotate(240deg);
  }
  37.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(240deg);
  }
  50% {
    stroke-dashoffset: 125;
    transform: rotate(540deg);
  }
  62.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(540deg);
  }
  75% {
    stroke-dashoffset: 125;
    transform: rotate(780deg);
  }
  87.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(780deg);
  }
  100% {
    stroke-dashoffset: 125;
    transform: rotate(1080deg);
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dashoffset: 125;
  }
  12.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(0deg);
  }
  25% {
    stroke-dashoffset: 125;
    transform: rotate(240deg);
  }
  37.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(240deg);
  }
  50% {
    stroke-dashoffset: 125;
    transform: rotate(540deg);
  }
  62.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(540deg);
  }
  75% {
    stroke-dashoffset: 125;
    transform: rotate(780deg);
  }
  87.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(780deg);
  }
  100% {
    stroke-dashoffset: 125;
    transform: rotate(1080deg);
  }
}
@-o-keyframes dash {
  0% {
    stroke-dashoffset: 125;
  }
  12.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(0deg);
  }
  25% {
    stroke-dashoffset: 125;
    transform: rotate(240deg);
  }
  37.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(240deg);
  }
  50% {
    stroke-dashoffset: 125;
    transform: rotate(540deg);
  }
  62.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(540deg);
  }
  75% {
    stroke-dashoffset: 125;
    transform: rotate(780deg);
  }
  87.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(780deg);
  }
  100% {
    stroke-dashoffset: 125;
    transform: rotate(1080deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 125;
  }
  12.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(0deg);
  }
  25% {
    stroke-dashoffset: 125;
    transform: rotate(240deg);
  }
  37.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(240deg);
  }
  50% {
    stroke-dashoffset: 125;
    transform: rotate(540deg);
  }
  62.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(540deg);
  }
  75% {
    stroke-dashoffset: 125;
    transform: rotate(780deg);
  }
  87.5% {
    stroke-dashoffset: 31.25;
    transform: rotate(780deg);
  }
  100% {
    stroke-dashoffset: 125;
    transform: rotate(1080deg);
  }
}

#ss-ajax-loadmore-actions {
	position: relative;
}


/* Ripple effect on buttons */

.ripple-svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ripple-svg circle {
	fill: rgba(255,255,255,0.16);
}

input[type="button"] .ripple-svg circle,
input[type="reset"] .ripple-svg circle,
button[type="submit"] .ripple-svg circle {
	fill: rgba(0,0,0,.07);
}

/* Product query widget */
.ss-product-category-filters,
.ss-product-attribute-filters {
	max-height: 230px;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

/* Ajax loading of products */
.dummy-result-count,
.temp-filters {
	display: none !important;
}

/* List checkbox and radio styles */

.type-checkbox,
.type-radio {
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
}

.type-checkbox li,
.type-radio li {
	position: relative;
}

.type-checkbox li a,
.type-radio li,
.widget-area .type-radio li {
	padding-left: 24px;
}

.type-checkbox li a,
.type-radio li,
.widget .type-checkbox li a,
.widget .type-radio li {
	color: #757575;
	cursor: pointer;
}

.type-checkbox li a:before,
.type-radio li:before {
	position: absolute;
	left: 0;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 20px;
	display: inline-block;
	color: #757575;

	text-transform: none;
	text-align: center;
	vertical-align: middle;

	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

.type-checkbox li a:before {
	content: "\e835";
}

.type-radio li:before {
	content: "\e836";
}

.widget .type-checkbox li a:hover,
.widget .type-radio li:hover,
.type-radio li.chosen,
.type-checkbox li.chosen > a {
	color: #424242;
}

.widget_ss_product_category_filters ul li.chosen > a:before,
.widget_ss_product_attribute_filters ul li.current-cat > a:before,
.type-checkbox li.chosen > a:before,
.type-checkbox li.current-cat.chosen > a:before {
	content: "\e834";
}

.type-radio li.chosen:before {
	content: "\e837";
}

/* Price Filter widget */

.ss-product-price-filter {
	position: relative;
	margin: 0 -4px;
}

.ss-product-price-filter .input-field {
	width: 50%;
	float: left;
	padding: 0 4px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ss-product-price-filter input[type="number"] {
	width: 100%;
}

.ss-product-price-filter label {
	display: block;
	font-size: 12px;
	line-height: 1.66667;
	color: #757575;
}

/* Sliding panel actions */

#sliding-panel-actions {
	position: fixed;
	overflow: hidden;
	z-index: 114;
	display: none;
}

#sliding-panel-actions {
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #fff;

	-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,.24), 0 -3px 8px rgba(0,0,0,.12);
	-moz-box-shadow: 0 -1px 3px rgba(0,0,0,.24), 0 -3px 8px rgba(0,0,0,.12);
	box-shadow: 0 -1px 3px rgba(0,0,0,.24), 0 -3px 8px rgba(0,0,0,.12);

	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#sliding-panel-actions:hover {
	-webkit-box-shadow: 0 -4px 5px 0 rgba(0, 0, 0, 0.14), 0 -1px 10px 0 rgba(0, 0, 0, 0.12), 0 -2px 4px -1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 -4px 5px 0 rgba(0, 0, 0, 0.14), 0 -1px 10px 0 rgba(0, 0, 0, 0.12), 0 -2px 4px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 -4px 5px 0 rgba(0, 0, 0, 0.14), 0 -1px 10px 0 rgba(0, 0, 0, 0.12), 0 -2px 4px -1px rgba(0, 0, 0, 0.2);
}

.panel-toggle {
	display: inline-block;
	margin: 6px 0;
	padding: 6px 16px 6px 48px;
	color: inherit;
	text-transform: uppercase;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.panel-toggle:hover {
	color: inherit;
	text-decoration: none;
}

.panel-pos-right .panel-toggle {
	padding: 6px 48px 6px 16px;
}

.panel-toggle:before {
	position: absolute;
	left: 0;
	width: 48px;
	font-size: 24px;
	line-height: 1;
	line-height: 24px;
	content: '\e152';

	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-transform: none;
	text-align: center;
	vertical-align: middle;

	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

.panel-pos-right .panel-toggle:before {
	left: auto;
	right: 0;
}

.panel-toggle.icon-style:before {
	line-height: 48px;
}

.panel-toggle.icon-style {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 24px;
	right: -48px;
	width: 48px;
	height: 48px;
	border-radius: 0 2px 2px 0;
	box-shadow: 1px 0 2px rgba(0,0,0,.12);
	background: #fff;
}

.panel-pos-right .panel-toggle.icon-style {
	right: auto;
	left: -48px;
	border-radius: 2px 0 0 2px;
	box-shadow: -1px 0 2px rgba(0,0,0,.12);
}

.panel-body-mask {
	background-color: rgba(0,0,0,0.7);
	height:100%;
	left:0;
	opacity:0.1;
	top:0;
	visibility:hidden;
	width:100%;
	z-index: 112;
	position:fixed;

	-webkit-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-moz-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-o-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-ms-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);

	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-o-transform:translateZ(0);
	transform:translateZ(0)
}

/* Panel sidebar */
.sliding-sidebar {
	position: fixed !important;
	overflow: visible;
	width: 272px !important; /* Override 100% width of sidebar in some themes */
	background: #fff;
	color: inherit;
	display: none;
	top: 0;
	left: -272px;
	margin: 0;
	padding: 0 !important;
	height: 100%;
	height: -webkit-calc(100% - 48px);
	height: -moz-calc(100% - 48px);
	height: -o-calc(100% - 48px);
	height: calc(100% - 48px);
	z-index: 113;

	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-o-transform:translateZ(0);
	transform:translateZ(0);

	-webkit-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-moz-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-o-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-ms-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);

    -webkit-transition-property: left, right;
    transition-property: left, right;

}

.rtl .sliding-sidebar {
	text-align: right;
}

.panel-pos-right .sliding-sidebar {
	left: auto;
	right: -272px;
}

.panel-wrap {
	position: relative;
	height: 100%;
	padding: 16px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.panel-full-height .sliding-sidebar {
	height: 100%;
}

.sswcaf-sidebar .wrap {
	padding: 0;
}

.sswcaf-sidebar,
.sliding-sidebar,
#sliding-panel-actions.show-actions {
	display: block;
}

.panel-pos-right #sliding-panel-actions {
	text-align: right;
}

.side-panel-active {
	left: 0;
}

.panel-pos-right .side-panel-active {
	left: auto;
	right: 0;
}

.panel-body-mask.show-mask {
	opacity:1;
	visibility:visible;
}

.panel-body-mask.disable-mask {
	display: none;
}

.offcanvas-ready {
	overflow-x: hidden;
	width: 100%;
	-webkit-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-moz-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-o-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-ms-transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
	transition: .3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

.off-canvas {
	margin-left: 272px;
}

.off-canvas.panel-pos-right {
	margin-left: -272px;
}

.off-canvas .side-panel-active {
	left: 0;
}

.off-canvas.panel-pos-right .side-panel-active {
	left: auto;
	right: 0;
}

.disable-offcanvas,
.panel-pos-right.disable-offcanvas {
	margin-left: 0;
}

/* Accordion like collapsible menu items */

.accordion-menu,
.accordion-menu ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 24px;
}

.accordion-menu li {
	position: relative;
	float: none;
	width: 100% !important;
}

.accordion-menu li a {
	padding: 12px 16px;
	display: block;
}

.accordion-menu li.has-children > a:not(.expand-menu) {
	padding: 12px 48px 12px 16px;
}

.rtl .accordion-menu li a:not(.expand-menu) {
	padding: 12px 16px;
}

.rtl .accordion-menu li.has-children > a {
	padding: 12px 16px 12px 48px;
}

.accordion-menu a {
	color: inherit;
}

.accordion-menu a:hover {
	color: #424242;
	background: rgba(0,0,0,.04);
}

.accordion-menu .expand-menu {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px;
	color: #9e9e9e;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rtl .accordion-menu .expand-menu {
	right: auto;
	left: 0;
	padding: 12px;
}

.accordion-menu .expand-menu:hover {
	background: transparent;
}

.accordion-menu .expand-menu .mdi {
	width: 24px;
	font-size: 24px;
	line-height: 1;
	height: 24px;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}

.accordion-menu .expand-menu .rotate-180 {
	-webkit-transform: rotateZ(180deg); /* Chrome, Safari, Opera */
	-moz-transform: rotateZ(180deg); /* IE 9 */
	-ms-transform: rotateZ(180deg); /* IE 9 */
	transform: rotateZ(180deg);
}

.accordion-menu .expand-menu:hover,
.accordion-menu .rotate-180 {
	color: #424242;
}

.mdi-keyboard_arrow_down:before {
	content: "\e313";
}

@media only screen and (max-width: 768px) {
	#sswcaf-shop-sidebar,
	.sliding-sidebar,
	#sliding-panel-actions {
		display: block;
	}
	.side-panel-active {
		visibility: visible;
		-webkit-transform:translateX(0);
		-moz-transform:translateX(0);
		-ms-transform:translateX(0);
		-o-transform:translateX(0);
		transform:translateX(0)
	}
	body.show-shop-sb .panel-body-mask {
		opacity:1;
		visibility:visible;
	}
}

@media only screen and (min-width: 768px) {
	.sswcaf-sidebar,
	.panel-toggle.icon-style { display: none; }
	.panel-wrap { padding: 0; overflow-y: auto; height: auto; }
}