@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url(./bootstrap.min.css);
@import url(./bootstrap-icons.css);
@import url(./theme.css);
@import url(./owl.carousel.css);
@import url(./jquery.fancybox.min.css);
@import url(./feather.css);

/** */
.zoom_outer {box-shadow: 0 0 8px rgba(0,0,0,.15); width: 100%; /*min-height: 100vh;*/ background-color: #1991a2;overflow: hidden;}
.zoom_outer {height: calc(100vh - 130px);width: auto; background-color: rgba(0,133,152,.1);text-align: center;}

#zoom {
	display: inline-block;
  width: auto;
  /*width: 100%;*/
  height: 100%;
  /*height: auto;*/
  transform-origin: 0px 0px;
  transform: scale(1) translate(0px, 0px);
  cursor: grab;
}
div#zoom > img {box-shadow: 0 3px 16px rgba(0,0,0,.5);}
div#zoom > img {
	/*width: 100%;*/
	width: auto;
	/*height: auto;*/
	height: 100%;
}
#scrolltip {
	display: none;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	/*content: "Ak chcete priblížíť stlačte klávesu CTRL a posúvajte"; */
	position: absolute; 
	padding-top: 45vh;
	right: 0;
	left: 0;
	top: 0;
	/**/bottom: 0; 
	z-index: 999; 
	/**/background-color: rgba(0,0,0,.3);
}
/** */

svg {position: absolute; top: 0; right: 0; width: auto; height: 100%;}
use {fill:red; opacity: 0;}

#tooltip {
	text-align: left;
	display: none;
	font-size: 1em;
	width: 400px;
	padding: 1em;
	padding-bottom: 0;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	box-shadow: 0 3px 16px rgba(0,0,0,.15);
	color: #000;
	background: white;
	position: absolute;
	z-index: 9999;
}
#tooltip img {max-width: 150px; height: auto; margin: 16px 16px 16px 0;}
#tooltip .alert {border-radius: 0;}

.tt-grp {font-size: 1.1rem;}
.tt-h {font-size: 1.25rem;}

.tbl-container {height: 100vh; overflow: auto; box-shadow: 0 3px 16px rgba(0,0,0,.15);}
.tbl-container::-webkit-scrollbar {width: 5px;}
.tbl-container::-webkit-scrollbar-track {background: #eee;}
.tbl-container::-webkit-scrollbar-thumb {background-color: #008598;}

.tableFixHead thead {position: sticky;top: 0;}
.tableFixHead thead th {background-color: #008598; color: #fff;}
.table-parts, .table-list {box-shadow: 0 0 8px rgba(0,0,0,.15);}
.table-parts tr.grp, .table-parts tr.grp-toggle {font-weight: 700;}
.table-parts tr.grp.hide {display: none;}
.table-parts tr.grp th, .table-parts tr.grp td,
.table-parts tr.grp-toggle /*td, .table-parts tr.grp-toggle th*/ {background-color: rgba(0,100,255,.1);}

.table-parts>tbody>tr:hover>* {background-color: /*rgba(0,133,152,.2)*/#cce7ea;}
.table-parts>tbody>tr.sel:hover>* {background-color: /*rgba(0,133,152,.2)*/#ffb2b2;}
.table-parts .hvr{background-color: /*rgba(0,133,152,.2)*/#cce7ea!important;}
.table-parts .sel{background-color: /*rgba(255,0,0,.1)*/#ffcccc!important;}
/*ffb2b2*/

.td-min {width: 1px;white-space: nowrap}

use.use-sel {fill: rgba(255,0,0,0.2)!important;stroke-color: rgba(255,0,0,0.2);opacity: 1;cursor: pointer;}
use.use-hvr {
	fill: rgba(0,133,152,.3)!important;
	stroke-color: rgba(255,0,0,0.2);
	opacity: 1;
	cursor: pointer;
}

.addAllSelected {color: #fff; border: 1px solid #fff;border-radius: .25rem;padding: 1px 3px;font-size: 1.4rem; line-height: 1; display: inline-block;}
.addAllSelected.active {
	color: #fff;
	background-color: #dc3545;
	/*border-color: #dc3545;*/
}
.addAllSelected:hover {background-color: #fff;color: #dc3545;}

#navbarContent {text-align: center;}
.navbar .navbar-text.h1 {margin: 0 1rem; font-size: 2rem; color: rgba(0,0,0,.75);padding: 0; font-family: /*'Roboto Mono',*/ monospace;margin-top: auto;line-height: 1;}
.navbar-brand {padding:0;}
.navbar.navbar-light {box-shadow: 0 0 16px rgba(0,0,0,.15);}

.suggestionsBox.search-row {
	box-shadow: 0 0 16px rgba(0,0,0,.15);
	background-color: #fff;
	position: absolute;
	top: 100%;
	right: 1em;
}
.suggestionList {display: none; list-style-type: none; padding: 0; margin: 1em;}
.suggestionList li {
	text-align: left;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .9);
	border-bottom: 1px solid #e0e0e0;
	/*border-radius: 6px;*/
	border-bottom: 1px solid #b2dae0;
	padding: 10px;}
.suggestionList li:hover {
	background-color: #f9f9f9;
}	
.suggestionList li .pic {
	margin-right: 15px;
	width: 80px;
	height: 80px;
	display: block;
	float: left;
}
.suggestionList li a {text-decoration: none;}
.suggestionList li .pic img {
	/*background: #FFF;*/
	/*padding: 10px;*/
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;	
}
.suggestionList li a {font-size: 16px;}
.suggestionList li .desc {font-size: 14px;}


.highlight {
	background: #FF9 !important;
	display: inline !important;
}
.cover-container {margin-top: -2em; z-index: -1;}
.cover {
	object-fit: cover;
	object-position: center center;
  width: 100%;
  height: auto;
}
.toggle-grp-rows{cursor: pointer;}
.toggle-grp-rows::before {	
	content: "\f4fd";
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.toggle-grp-rows.open::before {content: "\f2e9";}
/** */
.basket.btn {padding: .1rem .4rem;}
.basket.btn-primary i:before {content: "\F23A";}
.basket i {font-size: 1.2em; line-height: 1; vertical-align: middle;display: inline-block;}
.basket:hover i:before {content: "\F23F";}
.add2f .qty {text-align: right; max-width: 50px; display: inline-block;}
.badge {line-height: 1.1;}
.nav-link .badge {padding-bottom: 2px; font-weight: 400;}

.minicart .dropdown-item {display: flex}
.minicart .dropdown-item span {flex-grow:3}
.minicart .dropdown-item .cart-item-code{min-width: 240px;}
.minicart .dropdown-item .cart-item-name{display:none;/*width: 200px;*/}
.minicart .dropdown-item .cart-item-qty{text-align: right;min-width: 20px;}
.minicart .dropdown-item .cart-item-price {text-align: right; font-weight: 700;min-width: 50px;}

.buttons-cart li {list-style: none;}

.add2f .input-group {justify-content: flex-end;}
.add2f .input-group input[type="number"]{
	-moz-appearance: textfield;
	border-color: #008598;
	width: 25px;
}
.add2f .input-group input::-webkit-outer-spin-button,.add2f .input-group input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}
.add2f .btn {border-radius: 2px;}

#login-box {padding: 2rem; border-radius: 3px; box-shadow: 0 0 20px rgba(0,0,0,.15);}

.userzone .dropdown-item:hover,
.userzone .dropdown-item:active,
.toolz .dropdown-item:hover,
.toolz .dropdown-item:active{background-color: transparent;}

.form-row {margin-bottom: 1em;}

input.warn {border-color: #ff0000;color: ;}
label.warn {color: #f00;}
fieldset {margin-bottom: 2em;}
.sta-data {display: none;}

.plus-price {float: right;}

.navbar-light .navbar-toggler {border-color: #008598;}
.navbar-light .navbar-toggler-icon {background-image: url(
"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 133, 152, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-toggler:focus{box-shadow: 0 0 0.25rem #008598;}
.navbar-toggler {align-self: flex-end;}
legend {font-family: "Fira Sans Condensed", sans-serif;font-size: calc(1.3rem + .6vw);line-height: 1.2;} 

@media (min-width: 1200px) {
    legend {font-size:1.75rem}
}

.table-shopping-cart .product-code,
.table-shopping-list .product-code {white-space: nowrap;}
.table-shopping-cart .product-name,
.table-shopping-list .product-name {min-width: 150px;}
.table-shopping-cart .product-availability,
.table-shopping-list .product-availability {width: 50px; text-align: center;}
.table-shopping-cart .product-quantity {min-width: 170px; text-align: center; white-space: nowrap;}
.table-shopping-cart .product-unit {width: 20px;}
.table-shopping-cart .product-unitPrice,
.table-shopping-list .product-unitPrice,
.table-shopping-cart .product-discount,
.table-shopping-list .product-discount,
.table-shopping-cart .product-price,
.table-shopping-cart .product-vatlev,
.table-shopping-cart .product-vatval,
.table-shopping-cart .product-subtotal,
.table-shopping-cart .product-remove,
.table-shopping-list .product-remove {text-align: right;}
.table-shopping-list .product-remove {width: 10px;}

.table-shopping-list .product-quantity {min-width: 70px; text-align: right; white-space: nowrap;}
/*.table-shopping-list .product-quantity input {text-align: right;}*/
.table-shopping-list .basket-list-qty {max-width: 60px; float: right;}

.table-shopping-cart .add2f .btn,
.table-shopping-cart .add2f .form-control {padding: .1rem .75rem;}
.table-shopping-cart .add2f .input-group input[type="number"] {width: 50px;}
.table-shopping-cart .removeFromBasket {padding: .1rem .75rem;}

.dropdown-menu[data-bs-popper]{right: 0;left: auto; top: 125%;}
.dropdown-menu {border-radius: 1px; border-color: transparent;box-shadow: 0 0 16px rgb(0,0,0,.15);}

/*.basketpg*/h2.myaccountlinks, legend, .basketpg .order-last h3{border-bottom: solid 1px rgba(0,0,0,.1); padding-bottom: .2em;}
.basketpg .order-last h3 {margin-bottom: 3px;}
.pg-h1 {padding:3rem 0 1rem 0; margin-bottom:2rem; border-bottom: 1px solid rgba(0,0,0,.1)}
.text-error {color: #f00;}
.offerList {display: none; padding-bottom: 1em;}

@media print {
	#offerForm input {border-radius: 0; border: none; border-bottom: solid 1px #000; font-weight: 700; padding: .2em 0; font-size: 1em;}
	#offerForm label strong {font-weight: 400; color: #999;}
	#offerForm .col-md-6 {flex: 0 0 auto;	width: 50%;}
	#basketListForm .badge.bg-danger {color: rgb(220,53,69);}
	#basketListForm .badge.bg-success {color: rgb(25,135,84);}
	#basketListForm .badge.bg-info {color: rgb(13, 202, 240);}
	#basketListForm .table_head th {color: #999; border-bottom: solid 1px #000; font-weight: 400;}
	#basketListForm input {text-align: center; border: none;font-size: .85em;padding: 0;margin: 0;}
	.table-shopping-list td.product-unitPrice::before{
		content: "x";
		font-size: 12px;
		padding-top: 4px;
		float: left;
	} 
 }

 /*h5.modal-title {font-weight: 700;}*/

 /** eshop */
 .widget-title {
	position: relative;
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 1px solid #b2dae0;
	color: #232323;
	font-size: 15px;
	font-weight: normal
}

.widget-title::after {
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 90px;
	height: 1px;
	background-color: #008598;
	content: ''
}

.widget {
	font-family: 'Fira Sans Condensed', sans-serif;
	margin-bottom: 40px
}

.widget .form-group {
	margin-bottom: 0
}

.widget ul {
	margin-bottom: 12px
}

.widget .market-button:last-child {
	margin-bottom: 0
}

.widget .custom-control:last-child {
	margin-bottom: 0 !important
}

.widget-categories ul,
.widget-links ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.widget-categories ul>li,
.widget-links ul>li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 16px
}

.widget-categories ul>li:last-child,
.widget-links ul>li:last-child {
	margin-bottom: 0
}

.widget-categories ul>li::before,
.widget-links ul>li::before {
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: -webkit-transform .35s;
	transition: transform .35s;
	color: #999;
	font-family: feather;
	font-size: 1.15em;
	content: '\e92e';
	/*content: "\e927";*/
}

.widget-categories ul>li>a,
.widget-links ul>li>a {
	display: inline-block;
	transition: color .3s;
	color: #505050;
	font-size: 14px;
	text-decoration: none
}

.widget-categories ul>li>a:hover,
.widget-links ul>li>a:hover {
	color: #008598
}

.widget-categories ul>li.active>a,
.widget-links ul>li.active>a {
	color: #008598
}

.widget-categories ul>li>span,
.widget-links ul>li>span {
	margin-left: 4px;
	color: #999
}

.widget-categories ul>li.has-children ul,
.widget-links ul>li.has-children ul {
	border-left: 1px solid #e2e2e2
}

.widget-categories ul>li.has-children ul li::before,
.widget-links ul>li.has-children ul li::before {
	top: 14px;
	width: 8px;
	height: 1px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	border: 0;
	background-color: #e2e2e2;
	color:  transparent
}

.widget-categories ul>li.has-children ul li a,
.widget-links ul>li.has-children ul li a {
	font-size: 13px
}

.widget-categories ul>li.has-children ul ul>li,
.widget-links ul>li.has-children ul ul>li {
	margin-bottom: 0
}

.widget-categories ul>li.has-children>ul,
.widget-links ul>li.has-children>ul {
	max-height: 0;
	transition: max-height .6s;
	overflow: hidden
}

.widget-categories ul>li.has-children.expanded::before,
.widget-links ul>li.has-children.expanded::before {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}

.widget-categories ul>li.has-children.expanded>ul,
.widget-links ul>li.has-children.expanded>ul {
	max-height: 800px
}
/** */
.product-card{
	transition: all .3s;
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,.05);
	margin-bottom: 2em;
}
.product-card:hover{box-shadow: 0 0 15px rgba(0,0,0,.1);}
.product-card .product-thumb {
	display: block;
	width: 100%;
	padding: 20px 10px 0 10px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	overflow: hidden;
}
.product-card .product-thumb>img {
	display: block;
	/*width: 100%;*/
	height: auto;
	max-width: 100%;
	max-height: 200px;
	width: auto;
	margin: 0 auto;
}
.product-card .product-card-body {
	padding: 18px;
	padding-top: 15px;
	text-align: center;
}
.product-card .product-title {
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: normal;
}
.product-card .product-title>a {
	transition: color .3s;
	color: #232323;
	text-decoration: none;
}
.product-card .product-category>a:hover,
.product-card .product-title>a:hover {
	color: #008598;
}
.product-card .product-category {
	width: 100%;
	margin-bottom: 6px;
	font-size: 12px;
}
.product-card .product-category>a {
	transition: color .2s;
	color: #999;
	text-decoration: none;
}
.product-card .product-badge {
	top: 12px;
	left: 12px;
	position: absolute;
	height: 24px;
	padding: 0 14px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .025em;
	line-height: 24px;
	white-space: nowrap;
	z-index: +10;
}
.product-card .basket.btn {padding: 0.375rem 0.75rem;}
.product-gallery {
	position: relative;
	padding: 40px 15px 40px 15px;
}
.product-gallery .product-carousel {margin-bottom: 15px;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	z-index: 1;
	-webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	overflow: hidden;
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.owl-carousel .gallery-item {margin-bottom: 0;}
.gallery-item {margin-bottom: 30px;}
.gallery-item>a {
	display: block;
	position: relative;
	width: 100%;
	border-radius: 6px;
	text-decoration: none;
	overflow: hidden;
}
.gallery-item>a>img {
	display: block;
	width: 100%;
}
.product-gallery .gallery-item>a::before {
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin-top: -35px;
	margin-left: -35px;
	border-radius: 3px;
}
.gallery-item>a::after {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -24px;
	-webkit-transform: translateY(15px);
	-ms-transform: translateY(15px);
	transform: translateY(15px);
	transition: all .35s;
	color: #fff;
	font-family: feather;
	font-size: 32px;
	text-align: center;
	content: '\ea08';
	opacity: 0;
	z-index: 5;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: none;}
.product-gallery .product-thumbnails {
	display: block;
	margin: 0;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 15px;
	padding: 12px;
	border-top: 1px solid #b2dae0;
	background-color: #f5f5f5;
	list-style: none;
	text-align: center;
}
.product-gallery .product-thumbnails>li {display: inline-block;margin: 10px 3px;}
.product-gallery .product-thumbnails>li.active>a {
	border-color: #008598;
	cursor: default;
	opacity: 1;
}
.product-gallery .product-thumbnails>li>a {
	display: block;
	width: 94px;
	transition: all .25s;
	border: 1px solid #b2dae0;
	border-radius: 3px;
	background-color: #fff;
	opacity: .75;
	overflow: hidden;
}
.product-gallery .product-thumbnails>li>a img {max-width: 100%;height: auto;}
.product-gallery .picto-btn {position: relative;}
.product-gallery .picto-btn a.picto-132 img {max-height: 40px;}
.product-gallery .picto-btn a img {max-height: 37px;width: auto;}
/*.prod-info {font-family: 'Fira Sans Condensed', sans-serif;}*/
.prod-info .basket.btn {padding: 0.375rem 0.75rem;}
.prod-info .badge {line-height: 1.4;}

.fancybox-button svg{height: auto;}
.fancybox-button.fancybox-button--share{display: none;}

.tab-content {
	padding: 24px;
	border-right: 1px solid #b2dae0;
	border-bottom: 1px solid #b2dae0;
	border-left: 1px solid #b2dae0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	overflow: hidden;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-color: #b2dae0 #b2dae0 #fff;}
.nav-tabs {border-bottom: 1px solid #b2dae0;}
.nav-link{color: #008598;}
.nav-link:focus, .nav-link:hover {color: #1991a2;}
.nav-tabs .nav-link.active{font-weight: 700;}
.acc-thumb {
	background-color: #fff;
	white-space: nowrap;
	display: block;
	max-width: 60px;
	padding: 5px 5px 0 5px;
	border: solid 1px #b2dae0;
	border-radius: 3px;
}
.acc-thumb img{
	display: block;
	max-width: 100%;
	height: auto;
}
.tab-content .icothumb{display: inline-block;margin-right: 1em;}
.tab-content .icothumb img{margin-right: 0.5em;}
.product-badge {
	position: absolute;
	height: 24px;
	padding: 0 14px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .025em;
	line-height: 24px;
	white-space: nowrap;
	z-index: +10;
}
.product-gallery .product-badge {
	top: 15px;
	left: 15px;
	z-index: 10;
}
.related-item-list{border-bottom: 1px solid #e0e0e0;}
.related-item-list .acc-thumb{margin: 0 auto;}

.product-gallery .picto-btn span img{max-height: 32px; margin-bottom: 6px;}
.carrot::before {
	display: inline-block;
	color: #999;
	font-family: feather;
	transform: rotate(-90deg);
	 content: '\e92e'; 
	/*content: "\e927";*/
}
.nav-link-sx{text-decoration: none;}
.nav-link-sx:hover{text-decoration: underline;color: #008598;}
.acc-catpic {
	margin: 0 auto 45px auto;
	max-width: 200px;
	height: auto;
	text-align: center;
}
.acc-catpic img {max-width: 100%;height: auto;}
.acc.gallery-wrapper .gallery-item, .acc.gallery-wrapper img.nopic {
	max-width: 50px;
	margin: 0;
}

.sidebar-toggle,
.sidebar-close {
	display: none
}
@media (max-width: 991px) {
	.sidebar-offcanvas {
		position: fixed;
		top: 0;
		width: 320px;
		height: 100%;
		padding: 42px 24px 30px;
		background-color: #fff;
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
		z-index: 9910;
		overflow-y: auto;
		-ms-overflow-style: none
	}
	.sidebar-offcanvas.position-right {
		right: -320px;
		transition: right 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s, box-shadow 0.3s 0.3s
	}
	.sidebar-offcanvas.position-left {
		left: -320px;
		transition: left 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s, box-shadow 0.3s 0.3s
	}
	.sidebar-offcanvas.open {
		box-shadow: 0 0 50px 3px rgba(0, 0, 0, 0.15)
	}
	.sidebar-offcanvas.open.position-right {
		right: 0
	}
	.sidebar-offcanvas.open.position-left {
		left: 0
	}
	.sidebar-close {
		display: block;
		position: absolute;
		top: 8px;
		right: 15px;
		color: #505050;
		font-size: 22px;
		cursor: pointer
	}
	.sidebar-offcanvas::-webkit-scrollbar {
		display: none
	}
	.sidebar-toggle {
		display: block;
		position: fixed;
		top: 50%;
		width: 46px;
		height: 46px;
		margin-top: -24px;
		background-color: #fff;
		color: #505050;
		font-size: 20px;
		line-height: 48px;
		text-align: center;
		box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.18);
		cursor: pointer;
		z-index: 9900
	}
	.sidebar-toggle.position-right {
		right: 0;
		transition: right .3s ease-in-out;
		border-top: 1px solid #b2dae0;
		border-bottom: 1px solid #b2dae0;
		border-left: 1px solid #b2dae0;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px
	}
	.sidebar-toggle.position-right.sidebar-open {
		right: -46px
	}
	.sidebar-toggle.position-left {
		left: 0;
		transition: left .3s ease-in-out;
		border-top: 1px solid #b2dae0;
		border-right: 1px solid #b2dae0;
		border-bottom: 1px solid #b2dae0;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px
	}
	.sidebar-toggle.position-left.sidebar-open {
		left: -46px
	}
}