:root {
	--webkit-transition: 220ms
}


.ps-scrollbar-x-rail,
.ps-scrollbar-y-rail {
	z-index: 9999
}

.bg-opacity-8 {
	background-color: rgba(255, 255, 255, .8)
}

[type=reset],
[type=submit],
button,
html [type=button] {
	cursor: pointer;
	-webkit-appearance: none
}

.width-10 {
	width: 10% !important
}

.width-20 {
	width: 20% !important
}

.width-30 {
	width: 30% !important
}

.width-40 {
	width: 40% !important
}

.width-50 {
	width: 50% !important
}

.width-60 {
	width: 60% !important
}

.width-70 {
	width: 70% !important
}

.width-80 {
	width: 80% !important
}

.width-90 {
	width: 90% !important
}

.width-100 {
	width: 100% !important
}

.border-radius-1 {
	border-radius: 1px !important
}

.border-radius-2 {
	border-radius: 2px !important
}

.border-radius-3 {
	border-radius: 3px !important
}

.border-radius-4 {
	border-radius: 4px !important
}

.border-radius-5 {
	border-radius: 5px !important
}

.border-radius-6 {
	border-radius: 6px !important
}

.border-radius-7 {
	border-radius: 7px !important
}

.border-radius-8 {
	border-radius: 8px !important
}

.border-radius-9 {
	border-radius: 9px !important
}

.border-radius-10 {
	border-radius: 10px !important
}

.border-round {
	border-radius: 150px !important
}

.border-1 {
	border-style: solid;
	border-color: inherit;
	border-width: 1%;
}

.border-2 {
	border-style: solid;
	border-color: inherit;
	border-width: 2%;
}

.border-3 {
	border-style: solid;
	border-color: inherit;
	border-width: 3%;
}

.border-4 {
	border-style: solid;
	border-color: inherit;
	border-width: 4%;
}

.border-5 {
	border-style: solid;
	border-color: inherit;
	border-width: 5%;
}

.border-6 {
	border-style: solid;
	border-color: inherit;
	border-width: 6%;
}

.border-7 {
	border-style: solid;
	border-color: inherit;
	border-width: 7%;
}

.border-8 {
	border-style: solid;
	border-color: inherit;
	border-width: 8%;
}

.border-9 {
	border-style: solid;
	border-color: inherit;
	border-width: 9%;
}

.border-10 {
	border-style: solid;
	border-color: inherit;
	border-width: 10%;
}

.font-weight-100 {
	font-weight: 100 !important
}

.font-weight-200 {
	font-weight: 200 !important
}

.font-weight-300,
.thin {
	font-weight: 300 !important
}

.font-weight-400 {
	font-weight: 400 !important
}

.bold,
.font-weight-500 {
	font-weight: 500 !important
}

.font-weight-600 {
	font-weight: 600 !important
}

.font-weight-700 {
	font-weight: 700 !important
}

.font-weight-800 {
	font-weight: 800 !important
}

.font-weight-900,
.bolder {
	font-weight: 900 !important;
}

.top-0,
.t-0 {
	top: 0 !important;
}

.bottom-0,
.b-0 {
	bottom: 0 !important;
}

.left-0,
.l-0 {
	left: 0 !important;
}

.right-0,
.r-0 {
	right: 0 !important;
}

.m-0 {
	margin: 0 !important
}

.mt-0 {
	margin-top: 0 !important
}

.mt-1 {
	margin-top: 1% !important
}

.mt-2 {
	margin-top: 2% !important
}

.mt-3 {
	margin-top: 3% !important
}

.mt-4 {
	margin-top: 4% !important
}

.mt-5 {
	margin-top: 5% !important
}

.mt-6 {
	margin-top: 6% !important
}

.mt-7 {
	margin-top: 7% !important
}

.mt-8 {
	margin-top: 8% !important
}

.mt-9 {
	margin-top: 9% !important
}

.mt-10 {
	margin-top: 10% !important
}

.mr-0 {
	margin-right: 0 !important
}

.mr-1 {
	margin-right: 1% !important
}

.mr-2 {
	margin-right: 2% !important
}

.mr-3 {
	margin-right: 3% !important
}

.mr-4 {
	margin-right: 4% !important
}

.mr-5 {
	margin-right: 5% !important
}

.mr-6 {
	margin-right: 6% !important
}

.mr-7 {
	margin-right: 7% !important
}

.mr-8 {
	margin-right: 8% !important
}

.mr-9 {
	margin-right: 9% !important
}

.mr-10 {
	margin-right: 10% !important
}

.ml-0 {
	margin-left: 0 !important
}

.ml-1 {
	margin-left: 1% !important
}

.ml-2 {
	margin-left: 2% !important
}

.ml-3 {
	margin-left: 3% !important
}

.ml-4 {
	margin-left: 4% !important
}

.ml-5 {
	margin-left: 5% !important
}

.ml-6 {
	margin-left: 6% !important
}

.ml-7 {
	margin-left: 7% !important
}

.ml-8 {
	margin-left: 8% !important
}

.ml-9 {
	margin-left: 9% !important
}

.ml-10 {
	margin-left: 10% !important
}

.mb-0 {
	margin-bottom: 0 !important
}

.mb-1 {
	margin-bottom: 1% !important
}

.mb-2 {
	margin-bottom: 2% !important
}

.mb-3 {
	margin-bottom: 3% !important
}

.mb-4 {
	margin-bottom: 4% !important
}

.mb-5 {
	margin-bottom: 5% !important
}

.mb-6 {
	margin-bottom: 6% !important
}

.mb-7 {
	margin-bottom: 7% !important
}

.mb-8 {
	margin-bottom: 8% !important
}

.mb-9 {
	margin-bottom: 9% !important
}

.mb-10 {
	margin-bottom: 10% !important
}

.padding-1 {
	padding: 1% !important
}

.padding-2 {
	padding: 2% !important
}

.padding-3 {
	padding: 3% !important
}

.padding-4 {
	padding: 4% !important
}

.padding-5 {
	padding: 5% !important
}

.padding-6 {
	padding: 6% !important
}

.padding-7 {
	padding: 7% !important
}

.padding-8 {
	padding: 8% !important
}

.padding-9 {
	padding: 9% !important
}

.padding-10 {
	padding: 10% !important
}

.p-0 {
	padding: 0 !important
}

.pt-0 {
	padding-top: 0 !important
}

.pt-1 {
	padding-top: 1% !important
}

.pt-2 {
	padding-top: 2% !important
}

.pt-3 {
	padding-top: 3% !important
}

.pt-4 {
	padding-top: 4% !important
}

.pt-5 {
	padding-top: 5% !important
}

.pt-6 {
	padding-top: 6% !important
}

.pt-7 {
	padding-top: 7% !important
}

.pt-8 {
	padding-top: 8% !important
}

.pt-9 {
	padding-top: 9% !important
}

.pt-10 {
	padding-top: 10% !important
}

.pr-0 {
	padding-right: 0 !important
}

.pr-1 {
	padding-right: 1% !important
}

.pr-2 {
	padding-right: 2% !important
}

.pr-3 {
	padding-right: 3% !important
}

.pr-4 {
	padding-right: 4% !important
}

.pr-5 {
	padding-right: 5% !important
}

.pr-6 {
	padding-right: 6% !important
}

.pr-7 {
	padding-right: 7% !important
}

.pr-8 {
	padding-right: 8% !important
}

.pr-9 {
	padding-right: 9% !important
}

.pr-10 {
	padding-right: 10% !important
}

.pl-0 {
	padding-left: 0 !important
}

.pl-1 {
	padding-left: 1% !important
}

.pl-2 {
	padding-left: 2% !important
}

.pl-3 {
	padding-left: 3% !important
}

.pl-4 {
	padding-left: 4% !important
}

.pl-5 {
	padding-left: 5% !important
}

.pl-6 {
	padding-left: 6% !important
}

.pl-7 {
	padding-left: 7% !important
}

.pl-8 {
	padding-left: 8% !important
}

.pl-9 {
	padding-left: 9% !important
}

.pl-10 {
	padding-left: 10% !important
}

.pb-0 {
	padding-bottom: 0 !important
}

.pb-1 {
	padding-bottom: 1% !important
}

.pb-2 {
	padding-bottom: 2% !important
}

.pb-3 {
	padding-bottom: 3% !important
}

.pb-4 {
	padding-bottom: 4% !important
}

.pb-5 {
	padding-bottom: 5% !important
}

.pb-6 {
	padding-bottom: 6% !important
}

.pb-7 {
	padding-bottom: 7% !important
}

.pb-8 {
	padding-bottom: 8% !important
}

.pb-9 {
	padding-bottom: 9% !important
}

.pb-10 {
	padding-bottom: 10% !important
}

.min-height-100 {
	min-height: 100px !important
}

.min-height-150 {
	min-height: 150px !important
}

.min-height-200 {
	min-height: 200px !important
}

.min-height-250 {
	min-height: 250px !important
}

.min-height-300 {
	min-height: 300px !important
}

@media (min-width: 576px) {
	.left-align-sm {
		text-align: left !important
	}

	.right-align-sm {
		text-align: right !important
	}

	.center-align-sm {
		text-align: center !important
	}
}

@media (min-width: 768px) {
	.left-align-md {
		text-align: left !important
	}

	.right-align-md {
		text-align: right !important
	}

	.center-align-md {
		text-align: center !important
	}
}

@media (min-width: 992px) {
	.left-align-lg {
		text-align: left !important
	}

	.right-align-lg {
		text-align: right !important
	}

	.center-align-lg {
		text-align: center !important
	}
}

@media (min-width: 1200px) {
	.left-align-xl {
		text-align: left !important
	}

	.right-align-xl {
		text-align: right !important
	}

	.center-align-xl {
		text-align: center !important
	}
}


.card {
	position: relative;
	overflow: hidden;
}

#card-stats .card-content,
.chart-revenue,
.icon-bg-color,
.sidenav li a i {
	text-align: center
}

.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important
}

.text-lowercase {
	text-transform: lowercase !important
}

.text-uppercase {
	text-transform: uppercase !important
}

.text-capitalize {
	text-transform: capitalize !important
}

.background-round {
	padding: 15px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .18)
}

.cursor-pointer {
	cursor: pointer
}

.opacity-0 {
	opacity: 0
}

.border-none {
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
	border-left: none !important
}

.box-shadow-none {
	box-shadow: none !important
}

.no-border {
	border: none !important;
}

.no-margin {
	margin: 0 !important
}

.no-padding {
	padding: 0 !important
}

.position-absolute {
	position: absolute
}

.position-none {
	position: unset
}

.vertical-align-center {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.vertical-align-bottom {
	vertical-align: bottom
}

.vertical-align-super {
	vertical-align: super
}

.vertical-text-top {
	vertical-align: text-top !important
}

.vertical-text-sub {
	vertical-align: sub
}

.vertical-text-middle {
	vertical-align: middle
}

.height-100vh {
	height: 100vh
}

.line-height-0 {
	line-height: 0 !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 110%
}

.icon-bg-circle {
	padding: .4rem;
	color: #fff;
	border-radius: 50%
}

.text-shadow {
	text-shadow: -1px 2px 4px #000
}

.display-none {
	display: none
}

.display-inline {
	display: inline
}

.display-block {
	display: block
}

.display-grid {
	display: grid
}

.display-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.float-none {
	float: none !important
}

.float-left {
	float: left !important
}

.float-right {
	float: right !important
}

.float-inherit {
	float: inherit !important
}

ul.list-type-bullet {
	padding-left: 40px
}

.justify-content-end {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.justify-content-between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.justify-content-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.align-items-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.flex {
	display: flex;
}

.flex-grow-1 {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.flex-wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.flex-column {
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column
}

.flex-center,
.items-center {
	align-items: center;
}

.flex-end {
	place-content: end;
}

.flex-start {
	place-content: start;
}

.space-between {
	place-content: space-between;
}

.pointer {
	cursor: pointer !important;
}

.border {
	border-width: 1px !important;
	border-style: solid !important;
	border-color: rgba(160, 160, 160, 0.2);
}

.border-top {
	border-top-width: 1px !important;
	border-top-style: solid !important;
	border-top-color: rgba(160, 160, 160, 0.5);
	/* border-top-color: inherit; */
}

.border-bottom {
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
	border-bottom-color: rgba(160, 160, 160, 0.5);
	/* border-bottom-color: inherit; */
}

.border-left {
	border-left-width: 1px !important;
	border-left-style: solid !important;
	border-left-color: rgba(160, 160, 160, 0.5);
	/* border-left-color: inherit; */
}

.border-right {
	border-right-width: 1px !important;
	border-right-style: solid !important;
	border-right-color: rgba(160, 160, 160, 0.5);
	/* border-right-color: inherit; */
}

.border-rl,
.border-lr {
	border-left: 1px solid #ebebeb !important;
	border-right: 1px solid #ebebeb !important;
}

.border-radius-1 {
	border-radius: 1px !important;
}

.border-radius-2 {
	border-radius: 2px !important;
}

.border-radius-3 {
	border-radius: 3px !important;
}

.border-radius-4 {
	border-radius: 4px !important;
}

.border-radius-5 {
	border-radius: 5px !important;
}

.border-radius-6 {
	border-radius: 6px !important;
}

.border-radius-7 {
	border-radius: 7px !important;
}

.border-radius-8 {
	border-radius: 8px !important;
}

.border-radius-9 {
	border-radius: 9px !important;
}

.border-radius-10 {
	border-radius: 10px !important;
}

.border-radius-11 {
	border-radius: 11px !important;
}

.border-radius-12 {
	border-radius: 12px !important;
}

.border-radius-13 {
	border-radius: 13px !important;
}

.border-radius-14 {
	border-radius: 14px !important;
}

.border-radius-15 {
	border-radius: 15px !important;
}

.border-radius-16 {
	border-radius: 16px !important;
}

.border-radius-17 {
	border-radius: 17px !important;
}

.border-radius-18 {
	border-radius: 18px !important;
}

.border-radius-19 {
	border-radius: 19px !important;
}

.border-radius-20 {
	border-radius: 20px !important;
}

.btn,
.btn-flat,
.btn-floating {
	text-transform: uppercase;
	outline: 1px solid rgba(0, 0, 0, 0);
}

.file-field.input-field .btn {
	background-color: var(--light-green);
}

.file-field.input-field .btn span {
	color: var(--light-green-darken-4) !important;
}

[type="submit"] {
	background-color: var(--light-green) !important;
	color: #000000;
	border-radius: 24px;
	float: right;
}

[type="reset"] {
	background-color: transparent !important;
	border: 1px solid var(--light-green);
	border-radius: 24px;
	color: var(--light-green);
	float: left;
}

.text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis
}

@media only screen and (min-width: 0) {
	html {
		font-size: 14px
	}
}

@media only screen and (min-width: 992px) {
	html {
		font-size: 14.5px
	}
}

@media only screen and (min-width: 1200px) {
	html {
		font-size: 15px
	}
}

html {
	font-family: 'Muli', sans-serif !important;
	font-weight: 400;
	line-height: 1.5;
	color: #6b6f82
}

a {
	text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-family: 'Muli', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	color: #333
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit
}

h1 {
	font-size: 4.2rem;
	margin: 2.1rem 0 1.68rem
}

h2 {
	font-size: 3.56rem;
	margin: 1.78rem 0 1.424rem
}

h3 {
	font-size: 2.92rem;
	margin: 1.46rem 0 1.168rem
}

h4 {
	font-size: 2.28rem;
	margin: 1.14rem 0 .912rem
}

h5 {
	font-size: 1.64rem;
	margin: .82rem 0 .656rem
}

h6 {
	font-size: 1.15rem;
	margin: .575rem 0 .46rem
}

em {
	font-style: italic
}

strong {
	font-weight: 500
}

.light {
	font-weight: 300
}

.thin {
	font-weight: 200
}

.flow-text {
	font-weight: 300
}

@media only screen and (min-width: 360px) {
	.flow-text {
		font-size: 1.2rem
	}
}

@media only screen and (min-width: 390px) {
	.flow-text {
		font-size: 1.224rem
	}
}

@media only screen and (min-width: 420px) {
	.flow-text {
		font-size: 1.248rem
	}
}

@media only screen and (min-width: 450px) {
	.flow-text {
		font-size: 1.272rem
	}
}

@media only screen and (min-width: 480px) {
	.flow-text {
		font-size: 1.296rem
	}
}

@media only screen and (min-width: 510px) {
	.flow-text {
		font-size: 1.32rem
	}
}

@media only screen and (min-width: 540px) {
	.flow-text {
		font-size: 1.344rem
	}
}

@media only screen and (min-width: 570px) {
	.flow-text {
		font-size: 1.368rem
	}
}

@media only screen and (min-width: 600px) {
	.flow-text {
		font-size: 1.392rem
	}
}

@media only screen and (min-width: 630px) {
	.flow-text {
		font-size: 1.416rem
	}
}

@media only screen and (min-width: 660px) {
	.flow-text {
		font-size: 1.44rem
	}
}

@media only screen and (min-width: 690px) {
	.flow-text {
		font-size: 1.464rem
	}
}

@media only screen and (min-width: 720px) {
	.flow-text {
		font-size: 1.488rem
	}
}

@media only screen and (min-width: 750px) {
	.flow-text {
		font-size: 1.512rem
	}
}

@media only screen and (min-width: 780px) {
	.flow-text {
		font-size: 1.536rem
	}
}

@media only screen and (min-width: 810px) {
	.flow-text {
		font-size: 1.56rem
	}
}

@media only screen and (min-width: 840px) {
	.flow-text {
		font-size: 1.584rem
	}
}

@media only screen and (min-width: 870px) {
	.flow-text {
		font-size: 1.608rem
	}
}

@media only screen and (min-width: 900px) {
	.flow-text {
		font-size: 1.632rem
	}
}

@media only screen and (min-width: 930px) {
	.flow-text {
		font-size: 1.656rem
	}
}

@media only screen and (min-width: 960px) {
	.flow-text {
		font-size: 1.68rem
	}
}

@media only screen and (max-width: 360px) {
	.flow-text {
		font-size: 1.2rem
	}
}

@media only screen and (max-width: 768px) {
	.nav-expanded .brand-sidebar {
		background: 0 0 !important
	}

	.brand-sidebar .logo-wrapper {
		padding: 17px 18px !important;
		text-align: center;
		background: 0 0
	}
}

.small {
	font-size: 1rem !important
}

.medium-small {
	font-size: .9rem !important
}

.ultra-small {
	font-size: .8rem !important
}

small {
	font-size: .8rem
}

.strong {
	font-weight: 600
}

h4.header {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2.508rem;
	margin: 1.14rem 0 .912rem;
	text-transform: uppercase
}

h4.header2 {
	font-size: 1.1rem;
	font-weight: 400;
	text-transform: uppercase
}

.more-text,
p.header {
	font-weight: 500;
	text-transform: uppercase
}

p.title {
	font-size: 1.3rem
}

p.header {
	font-size: 1rem
}

li.li-hover:hover {
	background: 0 0 !important
}

li.search-out:hover {
	background: 0 0
}

li.mobile:before {
	background: #f7464a
}

li.kitchen:before {
	background: #46bfbd
}

li.home:before {
	background: #fdb45c
}

.more-text {
	padding: 5px 20px;
	letter-spacing: 1px
}

.valign-demo {
	height: 400px;
	background-color: #ddd
}

.margin {
	margin: 0 !important
}

.uppercase {
	text-transform: uppercase
}

.section {
	padding: .5rem 0
}

.row {
	margin-bottom: 0
}

.row .col {
	padding: 0 1rem
}

body,
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea,
.input-label span {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

label {
	font-size: 1rem;
}

.input-label {
	margin-top: 15px !important;
	height: 3rem;
	line-height: 2rem;
	padding-top: 10px;
	color: inherit;
	cursor: text;
	margin-bottom: 1rem !important;
}

.input-label span {
	display: block;
	line-height: inherit;
	font-size: 16px;
}

.input-field>label {
	-webkit-transition: color var(--webkit-transition) ease-out, -webkit-transform var(--webkit-transition) ease-out;
	transition: color var(--webkit-transition) ease-out, -webkit-transform var(--webkit-transition) ease-out;
	transition: transform var(--webkit-transition) ease-out, color var(--webkit-transition) ease-out;
	transition: transform var(--webkit-transition) ease-out, color var(--webkit-transition) ease-out, -webkit-transform var(--webkit-transition) ease-out;
}

.input-field>label:not(.label-icon).active {
	-webkit-transform: translteY(-12px) scale(.9);
	-ms-transform: translateY(-12px) scale(.9);
	transform: translateY(-12px) scale(.9);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

.input-field.outlined>label.active {
	-webkit-transform: translateY(-1px) scale(.9);
	-ms-transform: translateY(-1px) scale(.9);
	transform: translateY(-1px) scale(.9);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

.input-label,
.input-label.readonly,
.input-label.disabled,
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea:not(.browser-default),
textarea.materialize-textarea:not(.browser-default),
.chips:not(.browser-default),
.input-field:not(.browser-default) .ql-container,
.select-wrapper:not(.browser-default) input.select-dropdown,
select:not(.browser-default),
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	background-color: rgba(0, 0, 0, 0);
	background-position: center calc(100% - 0px);
	background-repeat: no-repeat;
	background-size: 0 2px, 100% 1px;
	background-image: linear-gradient(#d9d9d9, #d9d9d9), linear-gradient(#d9d9d9, #d9d9d9);
	border: none !important;
	border-radius: 0;
	margin: 0;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]),
.select-wrapper:not(.browser-default) input.select-dropdown:focus,
.select-wrapper:not(.browser-default) input.select-dropdown:focus.ql-container:not([readonly]),
.chips.focus:not([readonly]),
.input-field:not(.browser-default):focus .ql-container:not([readonly]) {
	box-shadow: none !important;
	background-size: 100% 2px, 100% 1px;
	outline: 0 none;
	transition: background ease-in-out var(--webkit-transition);
}

.input-label.readonly,
input:not([type])[readonly],
input[type=text][readonly]:not(.browser-default, .select-dropdown),
input[type=password][readonly]:not(.browser-default),
input[type=email][readonly]:not(.browser-default),
input[type=url][readonly]:not(.browser-default),
input[type=time][readonly]:not(.browser-default),
input[type=date][readonly]:not(.browser-default),
input[type=datetime][readonly]:not(.browser-default),
input[type=datetime-local][readonly]:not(.browser-default),
input[type=tel][readonly]:not(.browser-default),
input[type=number][readonly]:not(.browser-default),
input[type=search][readonly]:not(.browser-default),
textarea.materialize-textarea[readonly],
.input-field:not(.browser-default)[readonly] .ql-container[readonly="readonly"] {
	background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 1px), repeating-linear-gradient(to right, #fff 0, #fff 1px, rgba(0, 0, 0, 0.2) 1px, rgba(0, 0, 0, 0.2) 3px);
	color: inherit !important;
	cursor: text;
}

input[data-mask="date"][readonly],
input[data-mask="time"][readonly],
input[data-mask="datetime"] {
	background-image: linear-gradient(#d9d9d9, #d9d9d9), linear-gradient(#d9d9d9, #d9d9d9) !important;
}

.input-label.disabled,
input:not([type]):disabled,
input[type=text]:not(.browser-default):disabled,
input[type=password]:not(.browser-default):disabled,
input[type=email]:not(.browser-default):disabled,
input[type=url]:not(.browser-default):disabled,
input[type=time]:not(.browser-default):disabled,
input[type=date]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default):disabled,
input[type=number]:not(.browser-default):disabled,
input[type=search]:not(.browser-default):disabled,
textarea.materialize-textarea:disabled,
.input-field:not(.browser-default) .ql-container:disabled,
.select2-container--default.select2-container--disabled .select2-selection--multiple,
.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled.select2-container--focus .select2-selection--multiple {
	color: rgba(255, 255, 255, 0.8) !important;
	cursor: not-allowed;
	border-bottom: none;
	background-color: rgba(0, 0, 0, 0) !important;
	background-position: center bottom, center calc(100% - 0px);
	background-repeat: repeat-x;
	background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 1px), repeating-linear-gradient(to right, #fff 0, #fff 1px, rgba(0, 0, 0, 0.2) 1px, rgba(0, 0, 0, 0.2) 3px);
}

.input-field.outlined:not(.browser-default) input:not([type]),
.input-field.outlined:not(.browser-default) input[type=text]:not(.browser-default),
.input-field.outlined:not(.browser-default) input[type=password]:not(.browser-default),
.input-field.outlined:not(.browser-default) input[type=email]:not(.browser-default),
.input-field.outlined:not(.browser-default) input[type=url]:not(.browser-default),
.input-field.outlined:not(.browser-default) input[type=time]:not(.browser-default),
.input-field.outlined:not(.browser-default) input[type=date]:not(.browser-default),
.input-field.outlined:not(.browser-default) input[type=datetime]:not(.browser-default),
.input-field.outlined:not(.browser-default) input[type=datetime-local]:not(.browser-default),
.input-field.outlined:not(.browser-default) input[type=tel]:not(.browser-default),
.input-field.outlined:not(.browser-default) input[type=number]:not(.browser-default),
.input-field.outlined:not(.browser-default) input[type=search]:not(.browser-default),
.input-field.outlined:not(.browser-default) textarea:not(.browser-default),
.input-field.outlined:not(.browser-default) textarea.materialize-textarea:not(.browser-default),
.input-field.outlined:not(.browser-default) .ql-container,
.input-field.outlined:not(.browser-default) select:not(.browser-default),
.input-field.outlined:not(.browser-default) .select-wrapper:not(.browser-default) input.select-dropdown,
.input-field.outlined:not(.browser-default) .chips,
.input-field.outlined:not(.browser-default) .select2-container--default .select2-selection--multiple,
.input-field.outlined:not(.browser-default) .select2-container--default .select2-selection--single,
.input-field.outlined:not(.browser-default) .select2-container--default.select2-container--focus .select2-selection--multiple {
	height: 4rem;
}

input:not([type]):focus:not([readonly])+label,
input[type=text]:not(.browser-default):focus:not([readonly])+label,
input[type=password]:not(.browser-default):focus:not([readonly])+label,
input[type=email]:not(.browser-default):focus:not([readonly])+label,
input[type=url]:not(.browser-default):focus:not([readonly])+label,
input[type=time]:not(.browser-default):focus:not([readonly])+label,
input[type=date]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
input[type=tel]:not(.browser-default):focus:not([readonly])+label,
input[type=number]:not(.browser-default):focus:not([readonly])+label,
input[type=search]:not(.browser-default):focus:not([readonly])+label,
textarea.materialize-textarea:not(.browser-default):focus:not([readonly])+label,
.input-field:not(.browser-default):focus .ql-container:not([readonly])+label,
.select2-container--default .select2-selection--multiple+label,
.select2-container--default .select2-selection--single+label,
.select2-container--default.select2-container--focus .select2-selection--multiple+label {
	color: inherit;
}

input:not([type]):disabled+label,
input:not([type])[readonly="readonly"]+label,
input[type=text]:not(.browser-default):disabled+label,
input[type=text]:not(.browser-default)[readonly="readonly"]+label,
input[type=password]:not(.browser-default):disabled+label,
input[type=password]:not(.browser-default)[readonly="readonly"]+label,
input[type=email]:not(.browser-default):disabled+label,
input[type=email]:not(.browser-default)[readonly="readonly"]+label,
input[type=url]:not(.browser-default):disabled+label,
input[type=url]:not(.browser-default)[readonly="readonly"]+label,
input[type=time]:not(.browser-default):disabled+label,
input[type=time]:not(.browser-default)[readonly="readonly"]+label,
input[type=date]:not(.browser-default):disabled+label,
input[type=date]:not(.browser-default)[readonly="readonly"]+label,
input[type=datetime]:not(.browser-default):disabled+label,
input[type=datetime]:not(.browser-default)[readonly="readonly"]+label,
input[type=datetime-local]:not(.browser-default):disabled+label,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"]+label,
input[type=tel]:not(.browser-default):disabled+label,
input[type=tel]:not(.browser-default)[readonly="readonly"]+label,
input[type=number]:not(.browser-default):disabled+label,
input[type=number]:not(.browser-default)[readonly="readonly"]+label,
input[type=search]:not(.browser-default):disabled+label,
input[type=search]:not(.browser-default)[readonly="readonly"]+label,
textarea.materialize-textarea:disabled+label,
textarea.materialize-textarea[readonly="readonly"]+label,
.input-field:not(.browser-default) .ql-container[readonly="readonly"]+label {
	color: rgba(0, 0, 0, 0.2);
}

.input-field.with-sufix-icon input:not([type]),
.input-field.with-sufix-icon input[type=text]:not(.browser-default),
.input-field.with-sufix-icon input[type=password]:not(.browser-default),
.input-field.with-sufix-icon input[type=email]:not(.browser-default),
.input-field.with-sufix-icon input[type=url]:not(.browser-default),
.input-field.with-sufix-icon input[type=time]:not(.browser-default),
.input-field.with-sufix-icon input[type=date]:not(.browser-default),
.input-field.with-sufix-icon input[type=datetime]:not(.browser-default),
.input-field.with-sufix-icon input[type=datetime-local]:not(.browser-default),
.input-field.with-sufix-icon input[type=tel]:not(.browser-default),
.input-field.with-sufix-icon input[type=number]:not(.browser-default),
.input-field.with-sufix-icon input[type=search]:not(.browser-default),
.input-field.with-sufix-icon textarea:not(.browser-default),
.input-field:not(.browser-default) .ql-container {
	padding-right: 30px !important;
}

.input-field .prefix~input,
.input-field .prefix~textarea {
	width: calc(100% - 90px);
	left: 45px;
	position: relative;
}

.chips input {
	background-image: none !important;
	background-color: transparent !important;
}

.chips {
	height: auto !important;
}

.input-field.outlined>label {
	-webkit-transform: translateY(16px);
	transform: translateY(16px);
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
	color: rgba(0, 0, 0, 0.5);
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
	border-color: rgba(0, 0, 0, 0.5) transparent transparent !important;
}

.input-field label .info {
	font-size: 14px;
	margin-left: 5px;
}

.tabs.error .tab a,
.input-field .error {
	color: var(--red-lighten-1);
}

.input-field .error {
	position: relative;
	top: 0;
	left: 0;
	font-size: .8rem;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.tabs.error .tab.error a {
	color: var(--red-lighten-1) !important;
}

.tabs .tab.error a:hover,
.tabs .tab.error a.active {
	color: var(--red);
	background-color: rgba(246, 178, 181, 0.3);
}

/*
.tabs.error .indicator {
     background-color: var(--red-lighten-1);
}
*/

/*
.tabs .tab a {
     transition: all .2500s cubic-bezier(.4, 0, .2, 1), all .2500s cubic-bezier(.4, 0, .2, 1);
     position: relative;
}
*/

/*
.tabs .tab a::before {
    content: '';
     position: absolute;
     left: 0;
     width: 100%;
     height: 2px;
     background-color: rgba(0, 0, 0, 0);
     background-position: right calc(100% - 0px);
     background-repeat: no-repeat;
     background-size: 0 2px, 100% 2px;
     background-image: linear-gradient(#000, #000), linear-gradient(#ccc, #ccc);
     border-color: #000;
     border-top-width: 2px;
     border-top-style: solid;
     transition: all .2500s cubic-bezier(.4, 0, .2, 1), all .2500s cubic-bezier(.4, 0, .2, 1);
     -webkit-transform-origin: left;
     -ms-transform-origin: left;
     transform-origin: left;
     opacity: 0;
}
*/

/*
.tabs .tab a.active::before {
    content: '';
    height: 2px;
    width: 100%;
    left: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    background-position: right calc(100% - 0px);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 2px;
    background-image: linear-gradient(#000, #000), linear-gradient(#ccc, #ccc);
    transition: transform .2500s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2500s cubic-bezier(.4, 0, .2, 1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    opacity: 1;
}
*/

.input-field.error .border {
	border-color: var(--red-lighten-1) !important;
}

.input-field.error input:not([type]):not([readonly]),
.input-field.error input[type=text]:not(.browser-default):not([readonly]),
.input-field.error input[type=password]:not(.browser-default):not([readonly]),
.input-field.error input[type=email]:not(.browser-default):not([readonly]),
.input-field.error input[type=url]:not(.browser-default):not([readonly]),
.input-field.error input[type=time]:not(.browser-default):not([readonly]),
.input-field.error input[type=date]:not(.browser-default):not([readonly]),
.input-field.error input[type=datetime]:not(.browser-default):not([readonly]),
.input-field.error input[type=datetime-local]:not(.browser-default):not([readonly]),
.input-field.error input[type=tel]:not(.browser-default):not([readonly]),
.input-field.error input[type=number]:not(.browser-default):not([readonly]),
.input-field.error input[type=search]:not(.browser-default):not([readonly]),
.input-field.error textarea.materialize-textarea:not([readonly]),
.input-field.error .select-wrapper:not(.browser-default) input.select-dropdown,
.input-field.error .select-wrapper:not(.browser-default) input.select-dropdown.ql-container:not([readonly]),
.input-field.error .chips:not([readonly]),
.input-field.error .input-field:not(.browser-default) .ql-container:not([readonly]) {
	background-image: linear-gradient(var(--red-lighten-1), var(--red-lighten-1)), linear-gradient(var(--red-lighten-1), var(--red-lighten-1));
}

.input-field.error label {
	color: var(--red-lighten-1) !important;
}

.input-field.error .dark-theme.fr-toolbar,
.input-field.error .dark-theme .fr-second-toolbar,
.input-field.error .dark-theme.fr-box.fr-basic .fr-wrapper {
	border-color: var(--red-lighten-1);
}

.switch {
	padding-top: 15px;
}

.progress .indeterminate:after {
	-webkit-animation: indeterminate-right 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation: indeterminate-right 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s;
}

.progress .indeterminate-center:before {
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	will-change: left, right;
	animation: indeterminate-center 1.2s cubic-bezier(0, 0, 0, 0);
	-webkit-animation: indeterminate-center 1.2s cubic-bezier(0, 0, 0, 0);
	animation-iteration-count: infinite;
}

@keyframes indeterminate-center {
	/* 0% {
        left: -100%;
        right: -100%;
        width: 90%;
    }

    40% {
        left: 100%;
        right: 90%;
        width: 10%;
    }

    45% {
        left: 100%;
        right: 100%;
        width: 90%;
    }

    100% {
        left: 0%;
        right: 0%;
        width: 0%;
    } */

	/* 0% {
		left: -60%;
		right: 0%;
		width: 50%;
	}

	40% {
		left: 100%;
		right: 100%;
		width: 0%;
	}

	45% {
		left: 100%;
		right: 100%;
		width: 50%;
	}

	100% {
		left: 0%;
		right: 0%;
		width: 0%;
	} */

	0% {
		left: 100%;
		right: -100%;
		width: 30%;
	}

	40% {
		left: -8%;
		right: -8%;
		width: 0%;
	}

	50% {
		left: 0%;
		right: 0%;
		width: 0%;
	}

	60% {
		left: 0%;
		right: 0%;
		width: 30%;
	}

	100% {
		left: 150%;
		right: 100%;
		width: 0%;
	}

}