body {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 letter-spacing: .03rem;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	color: #101010;
}
body.dark {
	background: #333;
	color: #fff;
}
ul {
	list-style-type: none;
	padding: 0;
}
.easy-autocomplete-container .product-s-left {
	width: 100px;
	float: left;
}
.easy-autocomplete-container .product-s-left img {
	width: 100%;
}
.easy-autocomplete-container .product-s-right {
	float: left;
	margin-left: 10px;
}
.btn-group-sm>.btn, .btn-sm {
 padding: .25rem 1rem;
}
.border-top {
	border-top-style: solid;
	border-top-color: #f2f4f9;
	border-top-width: 1px
}
.border-right {
	border-right-style: solid;
	border-right-color: #f2f4f9;
	border-right-width: 1px
}
.border-bottom {
	border-bottom-style: solid;
	border-bottom-color: #f2f4f9;
	border-bottom-width: 1px
}
.border-left {
	border-left-style: solid;
	border-left-color: #f2f4f9;
	border-left-width: 1px
}
.ellipsor {
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.text-gray {
	color: #565656
}
small {
 font-size: .8rem;
	display: inline-block;
	line-height: 1.4;
}
a{
	color:#32839e
}
a:hover {
	text-decoration: none;
}
.mdi.mdi-1x:before {
	font-size: 1.25rem
}
.mdi.mdi-2x:before {
	font-size: 1.5625rem
}
.mdi.mdi-3x:before {
	font-size: 1.875rem
}
.mdi.mdi-4x:before {
	font-size: 2.1875rem
}
.mdi.mdi-5x:before {
	font-size: 2.5rem
}
.mdi.mdi-6x:before {
	font-size: 3.125rem
}
.mdi.mdi-7x:before {
	font-size: 3.75rem
}
label.error {
	width: 100%;
 margin-top: .25rem;
	font-size: 80%;
	color: #dc3545;
}
.error .form-control {
	border-color: #dc3545;
}
img.item_img {
	width: 100%;
	max-width: 500px;
	max-height: 500px;
	object-fit: cover;
}
.t-header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	display: flex;
	height: 65px;
	background: #f9fafb;
}
.t-header .t-header-brand-wrapper {
	display: flex;
	align-items: center;
	height: 65px;
	width: 17rem;
	min-width: 17rem;
	max-width: 17rem;
	background: #fff;
	z-index: 100;
	padding-left: 18px;
}
.t-header .t-header-brand-wrapper a {
	display: flex;
	align-items: center;
	color: #dfdfdf;
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 1.25rem;
}
.t-header .t-header-toggler {
	background: 0 0;
	border: none;
	margin-left: auto;
	outline: none;
}
.navbar-dropdown .dropdown-footer {
	display: block;
	border-top: 1px solid #f2f4f9;
	background: #fff;
}
.navbar-dropdown .dropdown-footer a {
	padding: 10px 20px;
	text-align: center;
	display: block;
	letter-spacing: 0;
	font-weight: 500;
}
.dropdown-menu:before {
	content: "";
	position: absolute;
	height: 15px;
	z-index: -1;
	width: 15px;
	background: inherit;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 4px;
	border: 1px solid #f2f4f9;
}
.dropdown-menu[x-placement=bottom-end]:before {
	top: -6px;
	right: 6px;
}
.navbar-dropdown[x-placement=bottom-end]:before {
	right: 15px;
}
.dropdown-header {
	display: block;
 padding: .5rem 1.5rem;
	margin-bottom: 0;
 font-size: .875rem;
	color: #6c757d;
	white-space: nowrap;
}
.navbar-dropdown .dropdown-header {
	border-radius: 3px 3px 0 0;
	padding: 20px 20px 10px 20px;
	background: #fff;
	z-index: 1;
}
.navbar-dropdown .dropdown-header .dropdown-title {
	color: #101010;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	margin-bottom: 2px;
}
.navbar-dropdown .dropdown-header p {
	margin-right: 10px;
}
.navbar-dropdown .dropdown-header .dropdown-title-text {
	color: #565656;
}
.dropdown-menu {
	position: relative;
	padding: 0;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 5px 15px 1px rgba(0,0,0,.08);
	border: 1px solid #f2f4f9;
}
.logo {
	display: block;
	margin: 0 auto;
	width: 200px;
}
.logo img {
	width: 100%
}
.t-header .t-header-brand-wrapper a .logo {
	max-width: 100%;
	width: 125px;
}
.t-header .t-header-brand-wrapper a .logo-mini {
	display: none;
	max-width: 100%;
	width: 35px;
}
.t-header .t-header-toggler svg.logo {
	width: 50px;
	height: 50px;
	cursor: pointer;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.t-header .t-header-toggler svg.logo path {
	fill: none;
	transition: stroke-dashoffset .35s cubic-bezier(.25, -.25, .75, 1.25), stroke-dasharray .35s cubic-bezier(.25, -.25, .75, 1.25);
	stroke-width: 8px;
	stroke-linecap: round;
	stroke: #adb5bd;
	stroke-dashoffset: -20px;
}
.t-header .t-header-toggler svg.logo .bottom, .t-header .t-header-toggler svg.logo .middle, .t-header .t-header-toggler svg.logo .top {
	stroke-dasharray: 60px 300px;
}
.t-header .t-header-toggler.arrow path.bottom, .t-header .t-header-toggler.arrow path.top {
	stroke-dasharray: 25px 300px;
	stroke-dashoffset: -230px;
}
.t-header .t-header-content-wrapper {
	display: flex;
	align-items: center;
	flex-direction: row;
	width: 100%;
	max-width: 100%;
	padding: 0 2.5rem;
}
.t-header .t-header-content-wrapper .t-header-content {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 100%;
}
.t-header .t-header-content-wrapper .t-header-content .nav .nav-item .nav-link {
	position: relative;
}
.t-header .t-header-content-wrapper .t-header-content .nav .nav-item:last-child .nav-link {
	padding-right: 0;
}
.t-header .t-header-content-wrapper .t-header-content .nav .nav-item .nav-link i {
	color: #525c5d;
}
.t-header .t-header-toggler {
	background: 0 0;
	border: none;
	margin-left: auto;
}
.t-header .t-header-toggler.t-header-mobile-toggler {
	margin-left: 0;
	margin-right: 15px;
}
.t-header .t-header-toggler i {
	font-size: 1.375rem;
}
.t-header .t-header-content-wrapper .t-header-search-box {
	display: flex;
	width: 40%;
	height: 45px;
	border: none;
	background: #edf0f3;
	border-radius: 4px;
	transition: .3s ease-in-out;
	transition-property: background;
}
.t-header .t-header-content-wrapper .t-header-search-box .form-control {
	height: inherit;
	border: none;
	background: 0 0;
 font-size: .8rem;
	font-weight: 500;
	padding-left: 0;
}
.t-header .t-header-content-wrapper .t-header-search-box .form-control:focus {
	box-shadow: none;
}
.t-header .t-header-content-wrapper .t-header-search-box .input-group-prepend .input-group-text {
	border: none;
	background: 0 0;
	font-size: 1.5rem;
	padding-left: 15px;
	line-height: 23px;
}
.page-body {
	background: #fff;
}
.sidebar {
	position: relative;
	display: block;
	height: 100%;
	min-height: 100vh;
	width: 17rem;
	min-width: 17rem;
	max-width: 17rem;
	background: #fff;
	padding-top: 65px;
}
.sidebar .navigation-menu {
	padding-left: 0;
	padding-bottom: 80px;
	margin-bottom: 0;
	margin-top: 18px;
	z-index: 1;
}
.sidebar .navigation-menu li {
	display: block;
	margin: 0;
	transition-duration: .25s;
	transition-timing-function: cubic-bezier(.26, .66, .45, .78);
	transition-property: background;
}
.sidebar .navigation-menu li.nav-category-divider {
	position: -webkit-sticky;
	position: sticky;
	top: 64px;
	display: block;
	background: #fff;
	margin: 15px 0 0 0;
	padding: 20px 30px 10px 30px;
	font-size: 10px;
	color: #32839e;
	z-index: 1;
	font-family: Roboto, sans-serif;
	font-weight: 500;
}
.sidebar .navigation-menu li.nav-category-divider:first-child {
	margin-top: 0;
}
.sidebar .navigation-menu li a {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: flex-end;
	padding: 12px 30px 12px 30px;
 font-size: .8rem;
	line-height: 1;
	color: #525c5d;
 letter-spacing: .03rem;
	font-weight: 500;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sidebar .navigation-menu li .navigation-submenu li a {
	display: block;
	padding: calc(9px) 30px calc(9px) calc(30px + 5px);
	opacity: .8;
 letter-spacing: .03rem;
	font-weight: 400;
	font-size: calc(13px - 1px);
	transition: .3s ease-in-out;
	transition-property: color;
}
.sidebar .navigation-menu li .navigation-submenu li a.active {
	color: #32839e;
}
.sidebar .navigation-menu li .navigation-submenu li:first-child a {
	padding-top: 10px;
}
.sidebar .navigation-menu>li:not(.nav-category-divider)>a[data-toggle=collapse] {
	position: relative;
}
.sidebar .navigation-menu li a .link-icon {
	margin-right: 15px;
	line-height: 1;
	color: #525c5d;
	font-size: 1.1875rem;
}
.sidebar .navigation-menu li.active a .link-icon {
	color: #32839e;
}
.sidebar .navigation-menu li.active a .link-title {
	color: #32839e;
}
.sidebar .navigation-menu>li:not(.nav-category-divider)>a[data-toggle=collapse]:after {
	content: "\f142";
	font-family: "Material Design Icons";
	font-size: 15px;
	text-rendering: auto;
	line-height: inherit;
	font-weight: bolder;
	position: absolute;
	top: 13px;
	right: 30px;
	display: block;
	transition: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	color: #839092;
}
.sidebar .navigation-menu>li:not(.nav-category-divider)>a[data-toggle=collapse][aria-expanded=true]:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sidebar .navigation-menu>li:not(.nav-category-divider)>a[data-toggle=collapse][aria-expanded=true] {
	background: #fafafa;
}
.sidebar .navigation-menu li .navigation-submenu {
	background: #fafafa;
	padding: 0 0 10px 30px;
}
.page-content-wrapper {
	background: #f9fafb;
	border-left: 1px solid #f2f4f9;
}
.table-order.table tbody tr td {
	vertical-align: top;
}
footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 2rem 2.5rem;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
footer ul {
	margin-left: 0;
	padding-left: 0;
}
footer ul li {
	display: inline-block;
	padding: 0 10px 0 0;
	line-height: 1;
}
footer ul li:not(:last-child) {
	margin-right: 10px;
	border-right: 1px solid #f2f4f9;
}
footer ul li a {
 letter-spacing: .03rem;
	color: #565656;
}
.authentication-theme.auth-style_1 {
	min-height: 100vh;
	width: 100%;
	background: #f9fafb;
	padding: 8% 0 2px 0;
}
.authentication-theme.auth-style_1 .logo-section {
	margin-bottom: 50px;
}
.grid {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 0 10px 0 rgba(183,192,206,.2);
	margin-bottom: 1.5rem;
	border: 1px solid rgba(238,238,238,.75);
}
.grid-header {
	padding: 15px 20px;
	margin-bottom: 15px;
	font-weight: 500;
	font-size: 14px;
 letter-spacing: .03rem;
	background: #f9fafb;
	border-left: 3px solid #32839e;
	border-radius: 0 6px 0 0;
}
.grid-footer {
	background: #f9fafb;
	padding: 15px 20px;
}
.grid-footer .pagination {
	margin: 0;
}
.grid-body {
	padding: 20px 25px 20px;
}
.authentication-theme.auth-style_1 .grid-body {
	padding: 60px 15px;
	position: relative;
}
.authentication-theme.auth-style_1 .grid-body .form-wrapper {
	position: unset;
}
.form-group.input-rounded .form-control {
	border-radius: 25px;
 font-size:.85rem;
}
.form-control {
	display: block;
	width: 100%;
 height: calc(1.5em + .75rem + 2px);
	min-height: 40px;
 padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6c757d;
	background-color: #f6f7f9;
	background-clip: padding-box;
	border: 1px solid #f0f2f5;
 border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.checkbox, .radio {
	position: relative;
	display: block;
	margin-top: 2px;
	margin-bottom: 20px;
}
.breadcrumb-item a {
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}
.breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
 padding-right: .5rem;
	color: #a8a9ad;
	content: "-";
}
.breadcrumb.has-arrow .breadcrumb-item:before {
	font-family: "Material Design Icons";
	content: "\f142";
	vertical-align: inherit;
	font-weight: 300;
}
.breadcrumb.has-arrow .breadcrumb-item:first-child:before {
	content: "";
}
.profile-img {
	width: 40px;
	height: 40px;
	overflow: hidden;
}
.profile-img.img-rounded {
	border-radius: 100%;
}
.action-link i {
	font-size: 20px;
}
.text-success {
	color: #00e093!important;
}
.text-danger {
	color: #ff5f66!important;
}
.btn-danger {
	color: #fff;
	background-color: #ff5f66;
	border-color: #ff5f66
}
.btn-danger:hover {
	color: #fff;
	background-color: #ff3941;
	border-color: #ff2c35
}
.btn-danger.focus, .btn-danger:focus {
box-shadow:0 0 0 .2rem rgba(255,119,125,.5)
}
.btn-danger.disabled, .btn-danger:disabled {
	color: #fff;
	background-color: #ff5f66;
	border-color: #ff5f66
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #ff2c35;
	border-color: #ff1f29
}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(255,119,125,.5)
}
.btn-success {
	color: #fff;
	background-color: #32839e;
	border-color: #32839e;
}
.btn-success:hover {
	color: #fff;
	background-color: #1c5c72;
	border-color: #1c5c72;
}
.btn-success.focus, .btn-success:focus {
box-shadow:0 0 0 .2rem rgba(38,229,163,.5)
}
.btn-success.disabled, .btn-success:disabled {
	color: #fff;
	background-color: #00e093;
	border-color: #00e093
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
	color: #fff;
	background-color: #00ad72;
	border-color: #00a069
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(38,229,163,.5)
}
.btn-info {
	color: #fff;
	background-color: #6c61f6;
	border-color: #6c61f6
}
.btn-info:hover {
	color: #fff;
	background-color: #4a3df4;
	border-color: #3f31f3
}
.btn-info.focus, .btn-info:focus {
box-shadow:0 0 0 .2rem rgba(130,121,247,.5)
}
.btn-info.disabled, .btn-info:disabled {
	color: #fff;
	background-color: #6c61f6;
	border-color: #6c61f6
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
	color: #fff;
	background-color: #3f31f3;
	border-color: #3425f3
}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
box-shadow:0 0 0 .2rem rgba(130,121,247,.5)
}
.badge {
 padding: .45rem 1rem;
	font-size: 80%;
}
.badge-success {
	color: #fff;
	background-color: #00e093;
}
.badge-danger {
	color: #fff;
	background-color: #ff5f66;
}
.btn.has-icon i, .btn.has-icon span, .has-icon.fc-button i, .has-icon.fc-button span {
	margin-right: 10px;
}
.bg-inverse-primary {
	background: rgba(77,138,240,.2)
}
.bg-inverse-secondary {
	background: rgba(194,198,209,.2)
}
.bg-inverse-success {
	background: rgba(0,224,147,.2)
}
.bg-inverse-info {
	background: rgba(108,97,246,.2)
}
.bg-inverse-warning {
	background: rgba(240,130,95,.2)
}
.bg-inverse-danger, .fc-unthemed .fc-view-container .fc-basic-view .fc-popover .fc-widget-content .fc-day-grid-event .fc-content .event-invers-danger {
	background: rgba(255,95,102,.2)
}
.bg-inverse-light {
	background: rgba(223,223,223,.2)
}
.bg-inverse-dark {
	background: rgba(116,118,123,.2)
}
.bg-inverse-white {
	background: rgba(255,255,255,.2)
}
.profile-img.bg-inverse-primary {
	color: #32839e
}
.profile-img.bg-inverse-secondary {
	color: #c2c6d1
}
.profile-img.bg-inverse-success {
	color: #00e093
}
.profile-img.bg-inverse-info {
	color: #6c61f6
}
.profile-img.bg-inverse-warning {
	color: #f0825f
}
.fc-unthemed .fc-view-container .fc-basic-view .fc-popover .fc-widget-content .fc-day-grid-event .fc-content .profile-img.event-invers-danger, .profile-img.bg-inverse-danger {
	color: #ff5f66
}
.profile-img.bg-inverse-light {
	color: #dfdfdf
}
.profile-img.bg-inverse-dark {
	color: #74767b
}
.profile-img.bg-inverse-white {
	color: #fff
}
.table .badge {
	font-size: 100%;
}
.table, table {
	margin-bottom: 0;
}
.table tbody tr td, table tbody tr td {
	font-size: 14px;
	font-weight: 400;
	vertical-align: middle;
}
.table:not(.table-bordered) tfoot tr th, .table:not(.table-bordered) thead tr th, table:not(.table-bordered) tfoot tr th, table:not(.table-bordered) thead tr th {
	border-top: none;
}
.table:not(.table-dark) tfoot tr th, .table:not(.table-dark) thead tr th, table:not(.table-dark) tfoot tr th, table:not(.table-dark) thead tr th {
	background: #fff;
	color: #101010;
}
.table:not(.table-dark) tbody tr td, table:not(.table-dark) tbody tr td {
	color: #101010;
}
.table thead tr th a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #101010;
}
.table thead tr th a.sorting:after, .table thead tr th a.sorting:before {
	font-family: "Material Design Icons";
	color: #32839e;
	font-size: 17px;
	top: 0;
	content: "";
	right: .5em;
	position: absolute;
	display: block;
	opacity: .3;
}
.table thead tr th a.sorting_asc:before {
	opacity: 1;
}
.table thead tr th a.sorting_desc:after {
	opacity: 1;
}
.table thead tr th a.sorting:after {
	content: "\f35d";
	right: -30px;
}
.table thead tr th a.sorting:before {
	content: "\f360";
	right: -20px;
}
.progress.progress-slim {
	height: 5px;
}
.dropzone {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 0 10px 0 rgba(183,192,206,.2);
	margin-bottom: 1.5rem;
	border: 2px dashed #32839e;
}
.progress {
	border-radius: 10px;
	height: 13px;
	background: #f3f5f7;
}
.progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem;
}
.progress-bar-animated {
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite;
}
.progress .progress-bar:last-child {
	border-radius: 0 10px 10px 0;
	box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
}
.error_page.error_3 {
	padding: 3% 0 3%;
	min-height: 100vh;
	background: url(../images/error__bg_2.svg) no-repeat 80% center;
	background-size: 40%;
	background-color: #fff;
	display: flex;
	align-items: center;
}
.error_page.error_3 .inner-wrapper .error-heading {
	margin-top: -20px;
	line-height: 1;
	font-weight: 600;
	font-size: 40px;
}
.error_page.error_3 .inner-wrapper .error-code {
	margin-top: 10px;
	font-weight: 600;
}
.error_page.error_3 .inner-wrapper .error-message {
	max-width: 500px;
	margin-top: 5px;
}
.error_page.error_3 .inner-wrapper .btn, .error_page.error_3 .inner-wrapper .fc-button {
	margin: 30px 0 0 0;
}
.rwrp {
	position: relative;
}
a.ing-remove {
	position: absolute;
	top: -5px;
	right: 5px;
	text-decoration: none;
	color: #fff;
	background: #b8172c;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	font-size: 20px;
	border-radius: 50%;
	opacity: 0.1;
	transition: 0.5s all;
}
.rwrp:hover a.ing-remove {
	opacity: 1;
}
.ck-editor__editable_inline {
	min-height: 400px;
}
.recipe_image {
	width: 750px;
	height: 420px;
	object-fit: cover;
}
.wp-100 {
	width: 100px;
	display: inline-block;
}
.filter-header {
	background: #fff;
	padding: 15px;
}
.table:not(.table-dark) thead tr.solid-header th, table:not(.table-dark) thead tr.solid-header th {
	background: #fafafa;
	border-top: 1px solid #f2f4f9;
}
p.card-title {
	font-size: 14px;
	font-weight: 500;
	color: #313131;
	margin-bottom: 0;
}
.bootstrap-tagsinput {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	display: block;
	padding: 4px 6px;
	color: #555;
	vertical-align: middle;
	border-radius: 4px;
	max-width: 100%;
	line-height: 22px;
	cursor: text;
}
.bootstrap-tagsinput input {
	border: none;
	box-shadow: none;
	outline: none;
	background-color: transparent;
	padding: 0 6px;
	margin: 0;
	width: auto;
	max-width: inherit;
}
 .bootstrap-tagsinput.form-control input::-moz-placeholder {
 color: #777;
 opacity: 1;
}
 .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
 color: #777;
}
 .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
 color: #777;
}
.bootstrap-tagsinput input:focus {
	border: none;
	box-shadow: none;
}
.bootstrap-tagsinput .tag {
	margin-right: 2px;
	font-weight: 400;
	display: inline;
	padding: .2em .6em .3em;
	line-height: 24px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: .25em;
	background: #007bff;
 font-size: .85rem;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
	margin-left: 8px;
	cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
	content: "x";
	padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.slide-product-amount {
	text-align: right;
}
.slide-product-amount ins {
	text-align: right;
	float: right;
	margin: 0 0 0 10px;
	text-decoration: none;
}
.slide-product-amount del {
	text-align: right;
	float: right;
	color: #999;
}
p.ca-s-total {
	margin: 0;
}
.horizontal-product .atc-product {
	border-bottom: 1px solid #888;
	padding: 0.5rem 0;
	margin-bottom: 0.5rem;
}
.horizontal-product .atc-wrapper {
	width: 200px;
	float: right;
	margin-top: 1rem;
}
.row.has-item-control {
	margin-right: -5px;
	margin-left: -5px;
}
.row.has-item-control .col-4, .row.has-item-control .col-6, .row.has-item-control .col-3 {
	padding-right: 5px;
	padding-left: 5px;
}
.row.has-item-control .atc-qty {
	width: 100%;
	border: 1px solid #ccc;
}



/*SPINNER*/

@-webkit-keyframes spinner-border {
 to {
 -webkit-transform:rotate(360deg);
 transform:rotate(360deg)
}
}
 @keyframes spinner-border {
 to {
 -webkit-transform:rotate(360deg);
 transform:rotate(360deg)
}
}
.spinner-border {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite
}
.spinner-border-sm {
	width: 1rem;
	height: 1rem;
	border-width: .2em
}
 @-webkit-keyframes spinner-grow {
 0% {
 -webkit-transform:scale(0);
 transform:scale(0)
}
 50% {
 opacity:1
}
}
 @keyframes spinner-grow {
 0% {
 -webkit-transform:scale(0);
 transform:scale(0)
}
 50% {
 opacity:1
}
}
.spinner-grow {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	background-color: currentColor;
	border-radius: 50%;
	opacity: 0;
	-webkit-animation: spinner-grow .75s linear infinite;
	animation: spinner-grow .75s linear infinite
}
.easy-autocomplete.eac-square .form-control {
	height: inherit;
	border: none;
	background: 0 0;
 font-size: .8rem;
	font-weight: 500;
	padding-left: 0;
	outline: none;
	box-shadow: none;
}
/* TIP */

.tc-container {
	position: absolute;
	display: block;
	z-index: 99999;
	opacity: 0;
	border-radius: 4px;
	border: 2px solid #fff;
}
.tc-container .tc {
	padding: 10px;
	border-radius: 4px;
}
.tc-container .tc.black {
	background: #111;
	color: #fff;
}
.tc-container .tc a {
	cursor: pointer;
}
.tc-container .tc-message {
	display: inline-block;
	margin: 0 10px 0 0;
}
.tc-container .tc-cn {
	display: inline-block;
	margin-left: 10px;
	cursor: pointer;
}
.tc-container .tc-cn:hover {
	opacity: 0.7;
}
.tc-container .arrow {
	width: 0;
	height: 0;
	position: absolute;
	border-width: 7px;
	border-style: solid;
}
.tc-container .arrow.top {
	border-color: #fff transparent transparent;
	left: 50%;
	bottom: -14px;
	margin-left: -7px;
}
.tc-container .arrow.right {
	border-color: transparent #fff transparent transparent;
	left: -8px;
	top: 30%;
	margin-left: -7px;
}
.tc-container .arrow.left {
	border-color: transparent transparent transparent #fff;
	right: -15px;
	top: 29%;
	margin-left: -7px;
}
.tc-container .arrow.bottom {
	border-color: transparent transparent #fff;
	left: 50%;
	top: -14px;
	margin-left: -7px;
}
.easy-autocomplete.eac-square {
	width: calc(100% - 49px) !important;
}
.grid-header .input-group-prepend .input-group-text {
	border: none;
	background: 0 0;
	font-size: 1.5rem;
	line-height: 23px;
}
.grid-header .input-group {
	background: #edf0f3;
	margin-bottom: 0;
}
.grid-header .title {
	line-height: 34px;
	margin: 0;
}
.easy-autocomplete-container ul li {
	border-bottom: 1px solid #ddd;
}
.easy-autocomplete-container ul li .eac-item h4 {
	font-size: 14px;
	margin: 0;
	font-weight: 400;
}
.easy-autocomplete-container ul li .eac-item h5 {
	font-size: 12px;
	margin: 0;
	font-weight: 400;
}
.fake-uploader {
	border: 2px dashed #ccc;
	width: 100%;
	padding: 15px;
	min-height: 100px;
}
ul.variation-img-list li img {
	width: 100%;
}
ul.variation-img-list li {
	display: inline-block;
	width: 150px;
	height: 150px;
	padding: 5px;
	position: relative;
}
ul.variation-img-list li .i-remove {
	position: absolute;
	right: 9px;
	font-size: 1.5rem;
	opacity: 0;
	transition: 0.5s all;
}
ul.variation-img-list li:hover .i-remove {
	opacity: 1;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-left: 2px;
	margin-right: 0;
	float: right;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #007bff;
	border: 1px solid #007bff;
	color: #fff;
	font-size: 12px;
}
ul.prescriptions {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}
ul.prescriptions li {
	box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 15%);
}

/* The snackbar - position it at the bottom and in the middle of the screen */

.snackbar {
	visibility: hidden; /* Hidden by default. Visible on click */
	min-width: 250px; /* Set a default minimum width */
	margin-left: -125px; /* Divide value of min-width by 2 */
	background-color: #333; /* Black background color */
	color: #fff; /* White text color */
	text-align: center; /* Centered text */
	border-radius: 2px; /* Rounded borders */
	padding: 16px; /* Padding */
	position: fixed; /* Sit on top of the screen */
	z-index: 10000000; /* Add a z-index if needed */
	left: 50%; /* Center the snackbar */
	bottom: 30px; /* 30px from the bottom */
}
.snackbar.success {
	background-color: #00e093
}
.snackbar.danger {
	background-color: #ff5f66
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */

.snackbar.show {
	visibility: visible; /* Show the snackbar */
	/* Add animation: Take 0.5 seconds to fade in and out the snackbar.

  However, delay the fade out process for 2.5 seconds */

	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}



/* Animations to fade the snackbar in and out */

@-webkit-keyframes fadein {
 from {
bottom: 0;
opacity: 0;
}
to {
	bottom: 30px;
	opacity: 1;
}
}
 @keyframes fadein {
 from {
bottom: 0;
opacity: 0;
}
to {
	bottom: 30px;
	opacity: 1;
}
}
 @-webkit-keyframes fadeout {
 from {
bottom: 30px;
opacity: 1;
}
to {
	bottom: 0;
	opacity: 0;
}
}
 @keyframes fadeout {
 from {
bottom: 30px;
opacity: 1;
}
to {
	bottom: 0;
	opacity: 0;
}
}
 @media (min-width: 768px) {
body.sidebar-minimized .t-header .t-header-brand-wrapper {
	background: #f9fafb;
}
body.sidebar-minimized .t-header .t-header-content-wrapper {
	border-left-color: rgba(0,0,0,0);
}
body.sidebar-minimized .page-body .sidebar .nav-category-divider {
	position: initial;
}
.page-body {
	position: relative;
	display: grid;
	max-width: 100%;
	grid-template-columns: 17rem calc(100vw - 17rem);
	transition: .3s;
}
body.sidebar-minimized .page-body {
	grid-template-columns: 0 100%;
}
.page-body .page-content-wrapper {
	position: relative;
	width: 100%;
	min-height: 100vh;
	padding: 1.5rem 2.5rem calc(90px + 1.5rem);
	margin-top: 65px;
}
.page-body .page-content-wrapper .page-content-wrapper-inner {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
.page-body .page-content-wrapper .page-content-wrapper-inner {
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
.page-body .page-content-wrapper .page-content-wrapper-inner .viewport-header {
	position: -webkit-sticky;
	position: sticky;
	top: 65px;
	background: #f9fafb;
	z-index: 99;
}
.page-body .page-content-wrapper .page-content-wrapper-inner .viewport-header .breadcrumb {
	padding: 1rem 1rem 1rem 21px;
	margin-left: -20px;
	margin-right: -20px;
	background: #f9fafb;
}
.page-body .page-content-wrapper .page-content-wrapper-inner .viewport-header .breadcrumb .breadcrumb-item {
	color: #565656;
 letter-spacing: .03rem;
	font-weight: 500;
}
.page-body .page-content-wrapper .page-content-wrapper-inner .viewport-header .breadcrumb .breadcrumb-item a {
	color: inherit;
}
.page-body .page-content-wrapper .page-content-wrapper-inner .viewport-header .breadcrumb .breadcrumb-item.active {
	color: #32839e;
}
}
 @media (min-width: 992px) {
.t-header .t-header-content-wrapper {
	border-left: 1px solid #f2f4f9;
}
}
 @media (min-width: 1200px) {
.breadcrumb-item {
	font-size: 14px;
}
.grid-header {
	font-size: 14px;
}
.table tbody tr td, table tbody tr td {
	font-size: 13px;
}
.form-control, input[type=email], input[type=name], input[type=number], input[type=password], input[type=text], input[type=file], textarea {
	font-size: 13px;
}
}
/*login*/
.authentication-theme.login {
	padding: 70px 0;
}
.login-image {
	width: 40%;
	background-color: #32839e;
}
.login-form {
	width: 60%;
}
.login-form .form-control {
	border: 1px solid #e6e6e6;
	background-color: #fff;
}
.login-form .form-control:hover, .login-form .form-control:focus {
	border: 1px solid #32839e;
}
.login-form label {
	font-weight: 500;
}
.login-form .btn-success {
	width: fit-content;
	padding: 8px 50px;
}
.table-primary, .table-primary>td, .table-primary>th {
    background-color: #eaf2fb;
}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
    border-color: #b9d7fa;
}