/* RESET STYLES for .admin-sidebar-toggle */

button.admin-sidebar-toggle {
			  position: relative;
			   display: block;
				 width: 18px;
				height: 14px;
				margin: 0;
			   padding: 0;
				 color: inherit;
				cursor: pointer;
				border: none;
			   outline: none;
			 font-size: 1px;
			background: none;
			box-shadow: none;
		   text-indent: -9999px;
		 border-radius: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
			   z-index: 9900;
}

/* PASSIVE STATE of .admin-sidebar-toggle */

button.admin-sidebar-toggle span {
					position: absolute;
					 display: block;
					  bottom: 6px;
						left: 0px;
					   width: 18px;
					  height: 2px;
					 content: "";
	-webkit-transform-origin: center left;
		-ms-transform-origin: center left;
			transform-origin: center left;
}

button.admin-sidebar-toggle span.spn2 {
			 display: none;
			position: absolute;
				 top: 16px;
				left: -2px;
			  height: 4px;
			   width: 18px;
			 content: "";  
}

button.admin-sidebar-toggle::before,
button.admin-sidebar-toggle::after {
			 display: block;
			position: absolute;
				left: 0px;
			   width: 18px;
			  height: 2px;
			   color: #fff;
			 content: "";
}

a.sidebar-link > button.admin-sidebar-toggle > span,
a.sidebar-link > button.admin-sidebar-toggle::before,
a.sidebar-link > button.admin-sidebar-toggle::after {
	background-color: #212121;	
}

.admin-sidebar-toggle::before {
						 top: 0px;
	-webkit-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
			transform-origin: bottom left;
}

.admin-sidebar-toggle::after {
					  bottom: 0px;
	-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
			transform-origin: top left;
}

.admin-sidebar-toggle,
.admin-sidebar-toggle > span,
.admin-sidebar-toggle::before,
.admin-sidebar-toggle::after {
	-webkit-transition: all 0.5s;
			transition: all 0.5s;
}

a.sidebar-link:active > button.admin-sidebar-toggle > span,
a.sidebar-link:focus > button.admin-sidebar-toggle > span,
a.sidebar-link:hover > button.admin-sidebar-toggle > span,
a.sidebar-link:active > button.admin-sidebar-toggle::before,
a.sidebar-link:focus > button.admin-sidebar-toggle::before,
a.sidebar-link:hover > button.admin-sidebar-toggle::before,
a.sidebar-link:active > button.admin-sidebar-toggle::after,
a.sidebar-link:focus > button.admin-sidebar-toggle::after,
a.sidebar-link:hover > button.admin-sidebar-toggle::after {
	background-color: #ffffff;
}

/* ACTIVE STATE of .admin-sidebar-toggle */
.admin-sidebar-toggle.active {
	-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
			transform: rotate(360deg);
}

a.sidebar-link > button.admin-sidebar-toggle.active > span,
a.sidebar-link > button.admin-sidebar-toggle.active::before,
a.sidebar-link > button.admin-sidebar-toggle.active::after {
	background-color: #ffffff;
}

button.admin-sidebar-toggle.active span {
			   width: 16px;
}

button.admin-sidebar-toggle.active span.spn2 {
			 display: none;
}

.admin-sidebar-toggle.active::before,
.admin-sidebar-toggle.active::after {
				width: 58%;
			   height: 1.5px;
}

button.admin-sidebar-toggle.active::before {
	-webkit-transform: translateX(-1px) translateY(6.5px) rotate(-45deg);
		-ms-transform: translateX(-1px) translateY(6.5px) rotate(-45deg);
			transform: translateX(-1px) translateY(6.5px) rotate(-45deg);
}

button.admin-sidebar-toggle.active::after {
	-webkit-transform: translateX(-1px) translateY(-6.5px) rotate(45deg);
		-ms-transform: translateX(-1px) translateY(-6.5px) rotate(45deg);
			transform: translateX(-1px) translateY(-6.5px) rotate(45deg);
}

a.sidebar-link:active > button.admin-sidebar-toggle.active > span,
a.sidebar-link:focus > button.admin-sidebar-toggle.active > span,
a.sidebar-link:hover > button.admin-sidebar-toggle.active > span,
a.sidebar-link:active > button.admin-sidebar-toggle.active::before,
a.sidebar-link:focus > button.admin-sidebar-toggle.active::before,
a.sidebar-link:hover > button.admin-sidebar-toggle.active::before,
a.sidebar-link:active > button.admin-sidebar-toggle.active::after,
a.sidebar-link:focus > button.admin-sidebar-toggle.active::after,
a.sidebar-link:hover > button.admin-sidebar-toggle.active::after {
	background-color: #ccc;
}

@media (max-width: 479px) {

	/* PASSIVE STATE of .admin-sidebar-toggle */
	button.admin-sidebar-toggle > span,
	button.admin-sidebar-toggle::before,
	button.admin-sidebar-toggle::after {
				position: relative;
					left: 4px;
	}

	button.admin-sidebar-toggle span {
				  bottom: 1px;
	}

	button.admin-sidebar-toggle::before,
	button.admin-sidebar-toggle::after {
				   width: 18px;
				  height: 2px;
	}

	button.admin-sidebar-toggle::before {
						 top: -5px;
	}

	button.admin-sidebar-toggle::after {
					  bottom: -3px;
	}

	/* ACTIVE STATE of .admin-sidebar-toggle */
	button.admin-sidebar-toggle.active span {
						left: 5px;
	}

	button.admin-sidebar-toggle.active::before {
	-webkit-transform: translateX(0px) translateY(5px) rotate(-45deg);
		-ms-transform: translateX(0px) translateY(5px) rotate(-45deg);
			transform: translateX(0px) translateY(5px) rotate(-45deg);
	}

	button.admin-sidebar-toggle.active::after {
	-webkit-transform: translateX(0px) translateY(-5px) rotate(45deg);
		-ms-transform: translateX(0px) translateY(-5px) rotate(45deg);
			transform: translateX(0px) translateY(-5px) rotate(45deg);
	}

}