/* General styles for the modal */

/*
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}


.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 300px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(55, 58, 60, 0.65);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #666666;
	background: #fff;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3 {
	color: #fff;
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-weight: 400;
	opacity: 0.8;
	background: #4680ff;
	border-radius: 3px 3px 0 0;
}

.md-content > div {
	padding: 15px 15px 30px 15px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button {
	margin: 0 auto;
	font-size: 0.8em;
}

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
	-webkit-transform: scale(0) rotate(720deg);
	-moz-transform: scale(0) rotate(720deg);
	-ms-transform: scale(0) rotate(720deg);
	transform: scale(0) rotate(720deg);
	opacity: 0;
}

.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-5 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg);
	-moz-transform: translateZ(600px) rotateX(20deg);
	-ms-transform: translateZ(600px) rotateX(20deg);
	transform: translateZ(600px) rotateX(20deg);
	opacity: 0;
}

.md-show.md-effect-5 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg);
	opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-6 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
	-moz-transform: translate(30%) translateZ(600px) rotate(10deg);
	-ms-transform: translate(30%) translateZ(600px) rotate(10deg);
	transform: translate(30%) translateZ(600px) rotate(10deg);
	opacity: 0;
}

.md-show.md-effect-6 .md-content {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translate(0%) translateZ(0) rotate(0deg);
	-moz-transform: translate(0%) translateZ(0) rotate(0deg);
	-ms-transform: translate(0%) translateZ(0) rotate(0deg);
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-7{
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.md-effect-7 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
}

.md-show.md-effect-7 .md-content {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-8 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-70deg);
	-moz-transform: rotateY(-70deg);
	-ms-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-8 .md-content {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-9 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-70deg);
	-moz-transform: rotateX(-70deg);
	-ms-transform: rotateX(-70deg);
	transform: rotateX(-70deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.md-show.md-effect-9 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-10 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	-ms-transform: rotateX(-60deg);
	transform: rotateX(-60deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
	background: #fff;
}

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
	background: transparent;
}

.md-show.md-effect-12 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-13 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	-moz-transform: translateZ(-3000px) rotateY(90deg);
	-ms-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.md-show.md-effect-13 .md-content {
	-webkit-animation: slit .7s forwards ease-out;
	-moz-animation: slit .7s forwards ease-out;
	animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-14 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateY(100%) rotateX(90deg);
	-moz-transform: translateY(100%) rotateX(90deg);
	-ms-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
	-webkit-transform: translateY(0%) rotateX(0deg);
	-moz-transform: translateY(0%) rotateX(0deg);
	-ms-transform: translateY(0%) rotateX(0deg);
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-15 .md-content {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	transform-origin: 0 100%;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
	-webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	-ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
	background: rgba(180,46,32,0.5);
}

.md-show.md-effect-16 ~ .container {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}

.md-effect-16 .md-content {
	-webkit-transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%);
	opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay  {
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.md-effect-17 .md-content {
	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
	background: rgba(55, 58, 60, 0.5);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 0% 50%;
	-moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}

@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}

@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}

.md-effect-18 .md-content {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
	opacity: 0;
}

.md-show.md-effect-18 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
	height: 100%;
	overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: OpenTop 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 50% 100%;
	-moz-animation: OpenTop 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
	50% {
		-webkit-transform: rotateX(10deg);
		-webkit-animation-timing-function: ease-out;
	}
}

@-moz-keyframes OpenTop {
	50% {
		-moz-transform: rotateX(10deg);
		-moz-animation-timing-function: ease-out;
	}
}

@keyframes OpenTop {
	50% {
		transform: rotateX(10deg);
		animation-timing-function: ease-out;
	}
}

.md-effect-19 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}

.md-show.md-effect-19 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

@media screen and (max-width: 32em) {
	body { font-size: 75%; }
}

.ck-editor__editable[role="textbox"] {
    /* Editing area */
    max-height: 300px;
}
.ck-content .image {
    /* Block images */
    max-width: 80%;
    margin: 20px auto;
}


/* Icon fallback and toggle pseudo-element compatibility without external colorlib font endpoints */
.toggle input[type="checkbox"] + .button-indecator:before,
.food_type .toggle input[type="checkbox"] + .button-indecator:before {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
	content: "\f204" !important; /* FontAwesome 5 toggle icon */
}

.toggle input[type="checkbox"]:checked + .button-indecator:before,
.food_type .toggle input[type="checkbox"]:checked + .button-indecator:before {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
	content: "\f14a" !important; /* FontAwesome 5 checked toggle icon */
}

/* Feather icon fallbacks to FontAwesome 5 */
.feather.icon-home:before,
.feather.icon-chevron-down:before,
.feather.icon-log-out:before,
.feather.icon-maximize:before,
.feather.icon-menu:before,
.feather.icon-more-horizontal:before,
.feather.icon-toggle-right:before,
.feather.icon-edit-1:before {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.feather.icon-home:before { content: "\f015"; }
.feather.icon-chevron-down:before { content: "\f078"; }
.feather.icon-log-out:before { content: "\f2f5"; }
.feather.icon-maximize:before { content: "\f31e"; }
.feather.icon-menu:before { content: "\f0c9"; }
.feather.icon-more-horizontal:before { content: "\f141"; }
.feather.icon-toggle-right:before { content: "\f152"; }
.feather.icon-edit-1:before { content: "\f044"; }

/* Additional feather icon mappings to FontAwesome 5 */
.feather.icon-chevron-left:before { content: "\f053"; }
.feather.icon-chevron-right:before { content: "\f054"; }
.feather.icon-chevron-up:before { content: "\f077"; }
.feather.icon-x:before, .feather.icon-x-circle:before { content: "\f00d"; }
.feather.icon-plus:before { content: "\f067"; }
.feather.icon-minus:before { content: "\f068"; }
.feather.icon-search:before { content: "\f002"; }
.feather.icon-bell:before { content: "\f0f3"; }
.feather.icon-user:before { content: "\f007"; }
.feather.icon-settings:before { content: "\f013"; }
.feather.icon-trash:before, .feather.icon-trash-2:before { content: "\f1f8"; }
.feather.icon-edit:before, .feather.icon-edit-2:before { content: "\f044"; }
.feather.icon-eye:before { content: "\f06e"; }
.feather.icon-eye-off:before { content: "\f070"; }
.feather.icon-download:before { content: "\f019"; }
.feather.icon-upload:before { content: "\f093"; }
.feather.icon-save:before { content: "\f0c7"; }
.feather.icon-info:before { content: "\f05a"; }
.feather.icon-alert-circle:before { content: "\f05a"; }
.feather.icon-check:before { content: "\f00c"; }
.feather.icon-check-circle:before { content: "\f058"; }
.feather.icon-clock:before { content: "\f017"; }
.feather.icon-calendar:before { content: "\f073"; }
.feather.icon-mail:before { content: "\f0e0"; }
.feather.icon-phone:before { content: "\f095"; }
.feather.icon-map-pin:before { content: "\f3c5"; }
.feather.icon-camera:before { content: "\f030"; }
.feather.icon-image:before { content: "\f03e"; }
.feather.icon-file:before { content: "\f15b"; }
.feather.icon-folder:before { content: "\f07b"; }
.feather.icon-lock:before { content: "\f023"; }
.feather.icon-unlock:before { content: "\f09c"; }
.feather.icon-key:before { content: "\f084"; }
.feather.icon-power:before { content: "\f011"; }
.feather.icon-refresh-cw:before { content: "\f2f1"; }
.feather.icon-rotate-ccw:before { content: "\f2ea"; }
.feather.icon-rotate-cw:before { content: "\f2f9"; }
.feather.icon-filter:before { content: "\f0b0"; }
.feather.icon-list:before { content: "\f03a"; }
.feather.icon-grid:before { content: "\f00a"; }
.feather.icon-star:before { content: "\f005"; }
.feather.icon-heart:before { content: "\f004"; }
.feather.icon-share:before { content: "\f14d"; }
.feather.icon-send:before { content: "\f1d8"; }
.feather.icon-message-circle:before { content: "\f075"; }
.feather.icon-help-circle:before { content: "\f059"; }
.feather.icon-alert-triangle:before { content: "\f071"; }
.feather.icon-shopping-cart:before { content: "\f07a"; }
.feather.icon-credit-card:before { content: "\f09d"; }
.feather.icon-dollar-sign:before, .feather.icon-banknote:before { content: "\f155"; }
.feather.icon-percent:before { content: "\f295"; }
.feather.icon-pie-chart:before { content: "\f200"; }
.feather.icon-bar-chart:before { content: "\f080"; }
.feather.icon-activity:before { content: "\f201"; }
.feather.icon-trending-up:before { content: "\f062"; }
.feather.icon-trending-down:before { content: "\f063"; }
.feather.icon-arrow-up:before { content: "\f062"; }
.feather.icon-arrow-down:before { content: "\f063"; }
.feather.icon-arrow-left:before { content: "\f060"; }
.feather.icon-arrow-right:before { content: "\f061"; }
.feather.icon-minimize:before { content: "\f31d"; }
.feather.icon-zoom-in:before { content: "\f00e"; }
.feather.icon-zoom-out:before { content: "\f010"; }

/* Sidebar dropdown arrow icons - map feather icon character codes to FontAwesome 5 */
.pcoded li.pcoded-hasmenu > a:after {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.pcoded li.pcoded-hasmenu[dropdown-icon="style1"] > a:after {
	content: "\f078"; /* chevron-down for closed state */
}

.pcoded li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style1"] > a:after {
	content: "\f054"; /* chevron-right for open/expanded state */
}

.pcoded li.pcoded-hasmenu[dropdown-icon="style2"] > a:after {
	content: "\f054"; /* chevron-right for closed state */
}

.pcoded li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style2"] > a:after {
	content: "\f078"; /* chevron-down for open/expanded state */
}

.pcoded li.pcoded-hasmenu[dropdown-icon="style3"] > a:after {
	content: "\f067"; /* plus for closed state */
}

.pcoded li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style3"] > a:after {
	content: "\f068"; /* minus for open/expanded state */
}

/* Submenu item bullet icons */
.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style1"] .pcoded-submenu li > a .pcoded-mtext:before {
	content: "\f054"; /* chevron-right */
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style2"] .pcoded-submenu li > a .pcoded-mtext:before {
	content: "\f111"; /* circle */
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style3"] .pcoded-submenu li > a .pcoded-mtext:before {
	content: "\f00c"; /* check */
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style4"] .pcoded-submenu li > a .pcoded-mtext:before {
	content: "\f067"; /* plus */
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style5"] .pcoded-submenu li > a .pcoded-mtext:before {
	content: "\f192"; /* dot-circle */
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style6"] .pcoded-submenu li > a .pcoded-mtext:before {
	content: "\f15b"; /* file */
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style7"] .pcoded-submenu li > a .pcoded-mtext:before {
	content: "";
	display: none;
}

/* Fix for any remaining font-family references to old FontAwesome */
.ellipsis::before,
.ellipsis::after {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

/* Map old FontAwesome 4 icon names to FontAwesome 5 equivalents */
.fa.fa-remove:before {
	content: "\f00d"; /* times icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-edit:before,
.fas.fa-edit:before {
	content: "\f044"; /* edit/pencil icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-calendar:before,
.fas.fa-calendar:before,
.far.fa-calendar:before {
	content: "\f073"; /* calendar icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-calendar-alt:before,
.fas.fa-calendar-alt:before,
.far.fa-calendar-alt:before {
	content: "\f073"; /* calendar-alt icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-key:before,
.fas.fa-key:before {
	content: "\f084"; /* key icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-star:before,
.fas.fa-star:before,
.far.fa-star:before {
	content: "\f005"; /* star icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-trash:before,
.fas.fa-trash:before,
.far.fa-trash:before {
	content: "\f1f8"; /* trash icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-download:before,
.fas.fa-download:before {
	content: "\f019"; /* download icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-upload:before,
.fas.fa-upload:before {
	content: "\f093"; /* upload icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-search:before,
.fas.fa-search:before {
	content: "\f002"; /* search icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-plus:before,
.fas.fa-plus:before {
	content: "\f067"; /* plus icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-minus:before,
.fas.fa-minus:before {
	content: "\f068"; /* minus icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-check:before,
.fas.fa-check:before {
	content: "\f00c"; /* check icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-times:before,
.fas.fa-times:before {
	content: "\f00d"; /* times/x icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-eye:before,
.fas.fa-eye:before,
.far.fa-eye:before {
	content: "\f06e"; /* eye icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-eye-slash:before,
.fas.fa-eye-slash:before,
.far.fa-eye-slash:before {
	content: "\f070"; /* eye-slash icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-user:before,
.fas.fa-user:before,
.far.fa-user:before {
	content: "\f007"; /* user icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-cog:before,
.fas.fa-cog:before,
.fa.fa-gear:before,
.fas.fa-gear:before {
	content: "\f013"; /* cog/gear icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-home:before,
.fas.fa-home:before {
	content: "\f015"; /* home icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-envelope:before,
.fas.fa-envelope:before,
.far.fa-envelope:before {
	content: "\f0e0"; /* envelope/mail icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-phone:before,
.fas.fa-phone:before {
	content: "\f095"; /* phone icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-info-circle:before,
.fas.fa-info-circle:before {
	content: "\f05a"; /* info-circle icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-warning:before,
.fas.fa-warning:before,
.fa.fa-exclamation-triangle:before,
.fas.fa-exclamation-triangle:before {
	content: "\f071"; /* warning icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-check-circle:before,
.fas.fa-check-circle:before,
.far.fa-check-circle:before {
	content: "\f058"; /* check-circle icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-times-circle:before,
.fas.fa-times-circle:before,
.far.fa-times-circle:before {
	content: "\f057"; /* times-circle icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-file:before,
.fas.fa-file:before,
.far.fa-file:before {
	content: "\f15b"; /* file icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-file-pdf:before,
.fas.fa-file-pdf:before,
.far.fa-file-pdf:before {
	content: "\f1c1"; /* file-pdf icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-file-excel:before,
.fas.fa-file-excel:before,
.far.fa-file-excel:before {
	content: "\f1c3"; /* file-excel icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-file-word:before,
.fas.fa-file-word:before,
.far.fa-file-word:before {
	content: "\f1c2"; /* file-word icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-image:before,
.fas.fa-image:before,
.far.fa-image:before {
	content: "\f03e"; /* image icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-camera:before,
.fas.fa-camera:before {
	content: "\f030"; /* camera icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-video:before,
.fas.fa-video:before,
.fa.fa-video-camera:before,
.fas.fa-video-camera:before {
	content: "\f03d"; /* video icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-map-marker:before,
.fas.fa-map-marker:before,
.fa.fa-map-marker-alt:before,
.fas.fa-map-marker-alt:before {
	content: "\f3c5"; /* map-marker icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-clock:before,
.fas.fa-clock:before,
.far.fa-clock:before {
	content: "\f017"; /* clock icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-filter:before,
.fas.fa-filter:before {
	content: "\f0b0"; /* filter icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-print:before,
.fas.fa-print:before {
	content: "\f02f"; /* print icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-save:before,
.fas.fa-save:before,
.fa.fa-floppy-o:before {
	content: "\f0c7"; /* save icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-lock:before,
.fas.fa-lock:before {
	content: "\f023"; /* lock icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-unlock:before,
.fas.fa-unlock:before {
	content: "\f09c"; /* unlock icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-lock-alt:before,
.fas.fa-lock-alt:before {
	content: "\f30d"; /* lock-alt icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-unlock-alt:before,
.fas.fa-unlock-alt:before {
	content: "\f13e"; /* unlock-alt icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-chevron-left:before,
.fas.fa-chevron-left:before {
	content: "\f053"; /* chevron-left icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-chevron-right:before,
.fas.fa-chevron-right:before {
	content: "\f054"; /* chevron-right icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-chevron-up:before,
.fas.fa-chevron-up:before {
	content: "\f077"; /* chevron-up icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-chevron-down:before,
.fas.fa-chevron-down:before {
	content: "\f078"; /* chevron-down icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-angle-left:before,
.fas.fa-angle-left:before {
	content: "\f104"; /* angle-left icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-angle-right:before,
.fas.fa-angle-right:before {
	content: "\f105"; /* angle-right icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-angle-up:before,
.fas.fa-angle-up:before {
	content: "\f106"; /* angle-up icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-angle-down:before,
.fas.fa-angle-down:before {
	content: "\f107"; /* angle-down icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-arrow-left:before,
.fas.fa-arrow-left:before {
	content: "\f060"; /* arrow-left icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-arrow-right:before,
.fas.fa-arrow-right:before {
	content: "\f061"; /* arrow-right icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-arrow-up:before,
.fas.fa-arrow-up:before {
	content: "\f062"; /* arrow-up icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-arrow-down:before,
.fas.fa-arrow-down:before {
	content: "\f063"; /* arrow-down icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-refresh:before,
.fas.fa-refresh:before {
	content: "\f021"; /* refresh icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-sync:before,
.fas.fa-sync:before {
	content: "\f021"; /* sync/refresh icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-bars:before,
.fas.fa-bars:before,
.fa.fa-navicon:before,
.fa.fa-reorder:before {
	content: "\f0c9"; /* bars/menu icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-list:before,
.fas.fa-list:before {
	content: "\f03a"; /* list icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-th:before,
.fas.fa-th:before {
	content: "\f00a"; /* th/grid icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-th-list:before,
.fas.fa-th-list:before {
	content: "\f00b"; /* th-list icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-bold:before,
.fas.fa-bold:before {
	content: "\f032"; /* bold icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-italic:before,
.fas.fa-italic:before {
	content: "\f033"; /* italic icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-underline:before,
.fas.fa-underline:before {
	content: "\f0cd"; /* underline icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-link:before,
.fas.fa-link:before {
	content: "\f0c1"; /* link icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-paperclip:before,
.fas.fa-paperclip:before {
	content: "\f0c6"; /* paperclip icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-share:before,
.fas.fa-share:before {
	content: "\f064"; /* share icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-share-alt:before,
.fas.fa-share-alt:before {
	content: "\f1e0"; /* share-alt icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-expand:before,
.fas.fa-expand:before {
	content: "\f31e"; /* expand icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-compress:before,
.fas.fa-compress:before {
	content: "\f31d"; /* compress icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-power-off:before,
.fas.fa-power-off:before {
	content: "\f011"; /* power-off icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-sign-out:before,
.fas.fa-sign-out:before,
.fa.fa-sign-out-alt:before,
.fas.fa-sign-out-alt:before {
	content: "\f2f5"; /* sign-out icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-sign-in:before,
.fas.fa-sign-in:before,
.fa.fa-sign-in-alt:before,
.fas.fa-sign-in-alt:before {
	content: "\f2f6"; /* sign-in icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-bell:before,
.fas.fa-bell:before,
.far.fa-bell:before {
	content: "\f0f3"; /* bell icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-heart:before,
.fas.fa-heart:before,
.far.fa-heart:before {
	content: "\f004"; /* heart icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-flag:before,
.fas.fa-flag:before,
.far.fa-flag:before {
	content: "\f024"; /* flag icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-bookmark:before,
.fas.fa-bookmark:before,
.far.fa-bookmark:before {
	content: "\f02e"; /* bookmark icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-tag:before,
.fas.fa-tag:before {
	content: "\f02b"; /* tag icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-tags:before,
.fas.fa-tags:before {
	content: "\f02c"; /* tags icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-question:before,
.fas.fa-question:before,
.fa.fa-question-circle:before,
.fas.fa-question-circle:before,
.far.fa-question-circle:before {
	content: "\f059"; /* question icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}

.fa.fa-help:before,
.fas.fa-help:before {
	content: "\f059"; /* help icon */
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900;
}