/*!
* metismenu https://github.com/onokumus/metismenu#readme
* A collapsible jQuery menu plugin
* @version 3.0.6
* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
* @license: MIT
*/
@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";
.metismenu .arrow {
	float: right;
	line-height: 1.42857;
}
*[dir="rtl"] .metismenu .arrow {
	float: left;
}
.metismenu .glyphicon.arrow:before {
	content: "";
}
.metismenu .mm-active > a > .glyphicon.arrow:before {
	content: "";
}
.metismenu .fa.arrow:before {
	content: "";
}
.metismenu .mm-active > a > .fa.arrow:before {
	content: "";
}
.metismenu .ion.arrow:before {
	content: "";
}
.metismenu .mm-active > a > .ion.arrow:before {
	content: "";
}
.metismenu .plus-times {
	float: right;
}
*[dir="rtl"] .metismenu .plus-times {
	float: left;
}
.metismenu .fa.plus-times:before {
	content: "";
}
.metismenu .mm-active > a > .fa.plus-times {
	transform: rotate(45deg);
}
.metismenu .plus-minus {
	float: right;
}
*[dir="rtl"] .metismenu .plus-minus {
	float: left;
}
.metismenu .fa.plus-minus:before {
	content: "";
}
.metismenu .mm-active > a > .fa.plus-minus:before {
	content: "";
}
.metismenu .mm-collapse:not(.mm-show) {
	display: none;
}
.metismenu .mm-collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition-timing-function: ease;
	transition-duration: 0.35s;
	transition-property: height, visibility;
}
.metismenu .has-arrow {
	position: relative;
}
.metismenu .has-arrow::after {
	position: absolute;
	content: "";
	width: 0.5em;
	height: 0.5em;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: initial;
	right: 1em;
	transform: rotate(-45deg) translate(0, -50%);
	transform-origin: top;
	top: 50%;
	transition: all 0.3s ease-out;
}
*[dir="rtl"] .metismenu .has-arrow::after {
	right: auto;
	left: 1em;
	transform: rotate(135deg) translate(0, -50%);
}
.metismenu .mm-active > .has-arrow::after,
.metismenu .has-arrow[aria-expanded="true"]::after {
	transform: rotate(-135deg) translate(0, -50%);
}
*[dir="rtl"] .metismenu .mm-active > .has-arrow::after,
*[dir="rtl"] .metismenu .has-arrow[aria-expanded="true"]::after {
	transform: rotate(225deg) translate(0, -50%);
}
.sidebar-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.sidebar-nav .metismenu {
	display: flex;
	flex-direction: column;
}
.sidebar-nav .metismenu li + li {
	margin-top: 5px;
}
.sidebar-nav .metismenu li:first-child {
	margin-top: 5px;
}
.sidebar-nav .metismenu li:last-child {
	margin-bottom: 5px;
}
.sidebar-nav .metismenu > li {
	display: flex;
	flex-direction: column;
	position: relative;
}
.sidebar-nav .metismenu a {
	position: relative;
	display: block;
	padding: 13px 15px;
	color: #212529;
	transition: all 0.3s ease-out;
	text-decoration: none;
}
.sidebar-nav .metismenu ul a {
	padding: 10px 15px 10px 30px;
}
.sidebar-nav .metismenu ul ul a {
	padding: 10px 15px 10px 45px;
}
[data-simplebar] {
	position: relative;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
}
.simplebar-wrapper {
	overflow: hidden;
	width: inherit;
	height: inherit;
	max-width: inherit;
	max-height: inherit;
}
.simplebar-mask {
	direction: inherit;
	position: absolute;
	overflow: hidden;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: auto !important;
	height: auto !important;
	z-index: 0;
}
.simplebar-offset {
	direction: inherit !important;
	box-sizing: inherit !important;
	resize: none !important;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	-webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
	direction: inherit;
	box-sizing: border-box !important;
	position: relative;
	display: block;
	height: 100%;
	width: auto;
	visibility: visible;
	max-width: 100%;
	max-height: 100%;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
	width: 0;
	height: 0;
}
.simplebar-content:after,
.simplebar-content:before {
	content: " ";
	display: table;
}
.simplebar-placeholder {
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
	box-sizing: inherit !important;
	height: 100%;
	width: 100%;
	max-width: 1px;
	position: relative;
	float: left;
	max-height: 1px;
	overflow: hidden;
	z-index: -1;
	padding: 0;
	margin: 0;
	pointer-events: none;
	flex-grow: inherit;
	flex-shrink: 0;
	flex-basis: 0;
}
.simplebar-height-auto-observer {
	box-sizing: inherit;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 1000%;
	width: 1000%;
	min-height: 1px;
	min-width: 1px;
	overflow: hidden;
	pointer-events: none;
	z-index: -1;
}
.simplebar-track {
	z-index: 1;
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none;
	overflow: hidden;
}
[data-simplebar].simplebar-dragging .simplebar-content {
	pointer-events: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
	pointer-events: all;
}
.simplebar-scrollbar {
	position: absolute;
	left: 0;
	right: 0;
	top: 60px;
	min-height: 10px;
}
.simplebar-scrollbar:before {
	position: absolute;
	content: "";
	background: #000;
	border-radius: 7px;
	left: 2px;
	right: 2px;
	opacity: 0;
	transition: opacity 0.2s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
	opacity: 0.5;
	transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
	top: 0;
	width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
	top: 2px;
	bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
	left: 0;
	height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
	height: 100%;
	left: 2px;
	right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
	right: auto;
	left: 0;
	top: 2px;
	height: 7px;
	min-height: 0;
	min-width: 10px;
	width: auto;
}
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
	right: auto;
	left: 0;
}
.hs-dummy-scrollbar-size {
	direction: rtl;
	position: fixed;
	opacity: 0;
	visibility: hidden;
	height: 500px;
	width: 500px;
	overflow-y: hidden;
	overflow-x: scroll;
}
.simplebar-hide-scrollbar {
	position: fixed;
	left: 0;
	visibility: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
:root,
[data-bs-theme="light"] {
	--bs-blue: #0d6efd;
	--bs-dark-blue: #0a58ca;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #02c27a;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #fc185a;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-success-rgb: 2, 194, 122;
	--bs-danger-rgb: 252, 24, 90;
	--bs-heading-color: #474747;
	--bs-body-color: #5b6166;
	--bs-orange-rgb: rgb(253, 126, 20);
}
[data-bs-theme="dark"] {
	color-scheme: dark;
	--bs-body-color: #dee2e6;
	--bs-body-color-rgb: 222, 226, 230;
	--bs-body-bg: #212529;
	--bs-body-bg-2: #181c1f;
	--bs-body-bg-rgb: 33, 37, 41;
	--bs-emphasis-color: #fff;
	--bs-emphasis-color-rgb: 255, 255, 255;
	--bs-secondary-color: rgba(222, 226, 230, 0.75);
	--bs-secondary-color-rgb: 222, 226, 230;
	--bs-secondary-bg: #343a40;
	--bs-secondary-bg-rgb: 52, 58, 64;
	--bs-tertiary-color: rgba(222, 226, 230, 0.5);
	--bs-tertiary-color-rgb: 222, 226, 230;
	--bs-tertiary-bg: #2b3035;
	--bs-tertiary-bg-rgb: 43, 48, 53;
	--bs-primary-text-emphasis: #6ea8fe;
	--bs-secondary-text-emphasis: #a7acb1;
	--bs-success-text-emphasis: #75b798;
	--bs-info-text-emphasis: #6edff6;
	--bs-warning-text-emphasis: #ffda6a;
	--bs-danger-text-emphasis: #ea868f;
	--bs-light-text-emphasis: #f8f9fa;
	--bs-dark-text-emphasis: #dee2e6;
	--bs-primary-bg-subtle: #031633;
	--bs-secondary-bg-subtle: #161719;
	--bs-success-bg-subtle: #051b11;
	--bs-info-bg-subtle: #032830;
	--bs-warning-bg-subtle: #332701;
	--bs-danger-bg-subtle: #2c0b0e;
	--bs-light-bg-subtle: #343a40;
	--bs-dark-bg-subtle: #1a1d20;
	--bs-primary-border-subtle: #084298;
	--bs-secondary-border-subtle: #41464b;
	--bs-success-border-subtle: #0f5132;
	--bs-info-border-subtle: #087990;
	--bs-warning-border-subtle: #997404;
	--bs-danger-border-subtle: #842029;
	--bs-light-border-subtle: #495057;
	--bs-dark-border-subtle: #343a40;
	--bs-heading-color: inherit;
	--bs-link-color: #6ea8fe;
	--bs-link-hover-color: #8bb9fe;
	--bs-link-color-rgb: 110, 168, 254;
	--bs-link-hover-color-rgb: 139, 185, 254;
	--bs-code-color: #e685b5;
	--bs-border-color: #495057;
	--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
	--bs-form-valid-color: #75b798;
	--bs-form-valid-border-color: #75b798;
	--bs-form-invalid-color: #ea868f;
	--bs-form-invalid-border-color: #ea868f;
	--bs-border-color-transparent: rgba(255, 255, 255, 0);
}
.dropdown-item:focus,
.dropdown-item:hover {
	color: var(--bs-dropdown-link-hover-color);
	background-color: var(--bs-dropdown-link-hover-bg);
}
.bg-danger {
	background-color: #fc185a;
}
.bg-success {
	background-color: #02c27a;
}
.bg-voilet {
	background-color: #5a4eba;
}
.bg-dark-blue {
	background-color: var(--bs-dark-blue);
}
.bg-cyne {
	background-color: var(--bs-cyan);
}
.bg-indigo {
	background-color: var(--bs-indigo);
}
.bg-purple {
	background-color: var(--bs-purple);
}
.bg-orange {
	background-color: #fd7e14;
}
.bg-orange-light {
	background-color: rgba(253, 125, 20, 0.1);
}
.bg-red {
	background-color: var(--bs-red);
}
.bg-pink {
	background-color: var(--bs-pink);
}
.bg-pinterest {
	background-color: #e60023 !important;
}
.bg-facebook {
	background-color: #0866ff !important;
}
.bg-linkedin {
	background-color: #0072b1 !important;
}
.bg-whatsapp {
	background-color: #25d366 !important;
}
.text-orange {
	color: #fd7e14;
}
.card {
	margin-bottom: 1.5rem;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	border: 0;
}
.card-header {
	background-color: rgba(0, 0, 0, 0);
}
.btn {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	transform: translateY(0);
	--bs-btn-font-weight: 500;
}
.btn-danger {
	--bs-btn-color: #fff;
	--bs-btn-bg: #fc185a;
	--bs-btn-border-color: #fc185a;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #ef0e4e;
	--bs-btn-hover-border-color: #ef0e4e;
	--bs-btn-focus-shadow-rgb: 225, 83, 97;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #ef0e4e;
	--bs-btn-active-border-color: #ef0e4e;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #fc185a;
	--bs-btn-disabled-border-color: #fc185a;
}
.btn-inverse-danger {
	--bs-btn-color: #fc185a;
	--bs-btn-bg: rgb(252 24 90 / 10%);
	--bs-btn-border-color: rgb(252 24 90 / 0%);
	--bs-btn-hover-color: #fc185a;
	--bs-btn-hover-bg: rgb(252 24 90 / 20%);
	--bs-btn-hover-border-color: rgb(239 14 78 / 0%);
	--bs-btn-focus-shadow-rgb: 225, 83, 97;
	--bs-btn-active-color: #fc185a;
	--bs-btn-active-bg: rgb(252 24 90 / 20%);
	--bs-btn-active-border-color: rgb(252 24 90 / 0%);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #fc185a;
	--bs-btn-disabled-border-color: #fc185a;
}
.btn-outline-danger {
	--bs-btn-color: #fc185a;
	--bs-btn-border-color: #fc185a;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #fc185a;
	--bs-btn-hover-border-color: #fc185a;
	--bs-btn-focus-shadow-rgb: 220, 53, 69;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #fc185a;
	--bs-btn-active-border-color: #fc185a;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fc185a;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #fc185a;
	--bs-gradient: none;
}
.btn-success {
	--bs-btn-color: #fff;
	--bs-btn-bg: #02c27a;
	--bs-btn-border-color: #02c27a;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #04a96c;
	--bs-btn-hover-border-color: #04a96c;
	--bs-btn-focus-shadow-rgb: 60, 153, 110;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #04a96c;
	--bs-btn-active-border-color: #04a96c;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #02c27a;
	--bs-btn-disabled-border-color: #198754;
}
.btn-inverse-success {
	--bs-btn-color: #02c27a;
	--bs-btn-bg: rgb(2 194 122 / 10%);
	--bs-btn-border-color: rgb(2 194 122 / 0%);
	--bs-btn-hover-color: #02c27a;
	--bs-btn-hover-bg: rgb(2 194 122 / 20%);
	--bs-btn-hover-border-color: rgb(2 194 122 / 0%);
	--bs-btn-focus-shadow-rgb: 60, 153, 110;
	--bs-btn-active-color: #02c27a;
	--bs-btn-active-bg: rgb(2 194 122 / 20%);
	--bs-btn-active-border-color: rgb(2 194 122 / 0%);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #02c27a;
	--bs-btn-disabled-border-color: #198754;
}
.btn-outline-success {
	--bs-btn-color: #02c27a;
	--bs-btn-border-color: #02c27a;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #02c27a;
	--bs-btn-hover-border-color: #02c27a;
	--bs-btn-focus-shadow-rgb: 25, 135, 84;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #02c27a;
	--bs-btn-active-border-color: #02c27a;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #02c27a;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #02c27a;
	--bs-gradient: none;
}
.btn-inverse-primary {
	--bs-btn-color: #0d6efd;
	--bs-btn-bg: rgb(13 110 253 / 10%);
	--bs-btn-border-color: rgb(13 110 253 / 0%);
	--bs-btn-hover-color: #0d6efd;
	--bs-btn-hover-bg: rgb(13 110 253 / 20%);
	--bs-btn-hover-border-color: rgb(13 110 253 / 0%);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #0d6efd;
	--bs-btn-active-bg: rgb(13 110 253 / 20%);
	--bs-btn-active-border-color: rgb(13 110 253 / 0%);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #0d6efd;
	--bs-btn-disabled-border-color: #0d6efd;
}
.btn-inverse-info {
	--bs-btn-color: #0dcaf0;
	--bs-btn-bg: rgb(13 202 240 / 10%);
	--bs-btn-border-color: rgb(13 202 240 / 0%);
	--bs-btn-hover-color: #0dcaf0;
	--bs-btn-hover-bg: rgb(13 202 240 / 20%);
	--bs-btn-hover-border-color: rgb(13 202 240 / 0%);
	--bs-btn-focus-shadow-rgb: 11, 172, 204;
	--bs-btn-active-color: #0dcaf0;
	--bs-btn-active-bg: rgb(13 202 240 / 20%);
	--bs-btn-active-border-color: rgb(13 202 240 / 0%);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #0dcaf0;
	--bs-btn-disabled-border-color: #0dcaf0;
}
.btn-inverse-warning {
	--bs-btn-color: #ffc107;
	--bs-btn-bg: rgb(255 193 7 / 10%);
	--bs-btn-border-color: rgb(255 193 7 / 0%);
	--bs-btn-hover-color: #ffc107;
	--bs-btn-hover-bg: rgb(255 193 7 / 20%);
	--bs-btn-hover-border-color: rgb(255 193 7 / 0%);
	--bs-btn-focus-shadow-rgb: 217, 164, 6;
	--bs-btn-active-color: #ffc107;
	--bs-btn-active-bg: rgb(255 193 7 / 20%);
	--bs-btn-active-border-color: rgb(255 193 7 / 0%);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #ffc107;
	--bs-btn-disabled-bg: #ffc107;
	--bs-btn-disabled-border-color: #ffc107;
}
.btn-inverse-dark {
	--bs-btn-color: #212529;
	--bs-btn-bg: rgb(33 37 41 / 10%);
	--bs-btn-border-color: rgb(33 37 41 / 0%);
	--bs-btn-hover-color: #212529;
	--bs-btn-hover-bg: rgb(33 37 41 / 20%);
	--bs-btn-hover-border-color: rgb(33 37 41 / 0%);
	--bs-btn-focus-shadow-rgb: 66, 70, 73;
	--bs-btn-active-color: #212529;
	--bs-btn-active-bg: rgb(33 37 41 / 20%);
	--bs-btn-active-border-color: rgb(33 37 41 / 0%);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #212529;
	--bs-btn-disabled-bg: #212529;
	--bs-btn-disabled-border-color: #212529;
}
.btn-inverse-secondary {
	--bs-btn-color: #6c757d;
	--bs-btn-bg: rgb(108 117 125 / 10%);
	--bs-btn-border-color: rgb(108 117 125 / 0%);
	--bs-btn-hover-color: #6c757d;
	--bs-btn-hover-bg: rgb(108 117 125 / 20%);
	--bs-btn-hover-border-color: rgb(108 117 125 / 0%);
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: #6c757d;
	--bs-btn-active-bg: rgb(108 117 125 / 20%);
	--bs-btn-active-border-color: rgb(108 117 125 / 0%);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #6c757d;
	--bs-btn-disabled-border-color: #6c757d;
}
.btn-filter,
.btn-filter:hover,
.btn-filter:focus {
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	border-color: var(--bs-border-color);
}
.nav-danger.nav-tabs .nav-link.active {
	color: #f41127;
	border-color: #f41127 #f41127 var(--bs-border-color-transparent);
}
.nav-success.nav-tabs .nav-link.active {
	color: #17a00e;
	border-color: #17a00e #17a00e var(--bs-border-color-transparent);
}
.nav-warning.nav-tabs .nav-link.active {
	color: #ffc107;
	border-color: #ffc107 #ffc107 var(--bs-border-color-transparent);
}
.nav-pills-danger.nav-pills .nav-link.active {
	color: #fff;
	background-color: var(--bs-danger);
}
.nav-pills-success.nav-pills .nav-link.active {
	color: #fff;
	background-color: var(--bs-success);
}
.nav-pills-warning.nav-pills .nav-link.active {
	color: #000;
	background-color: var(--bs-warning);
}
.nav-tabs .nav-link {
	color: var(--bs-body-color);
}
.nav-pills .nav-link {
	color: var(--bs-body-color);
}
.form-check-success .form-check-input:checked {
	background-color: #15ca20;
	border-color: #15ca20;
}
.form-check-success .form-check-input[type="checkbox"]:indeterminate {
	background-color: #15ca20;
	border-color: #15ca20;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-success .form-check-input:focus {
	border-color: #15ca20;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(21, 202, 33, 0.25);
}
.form-check-danger .form-check-input:checked {
	background-color: #fd3550;
	border-color: #fd3550;
}
.form-check-danger .form-check-input[type="checkbox"]:indeterminate {
	background-color: #fd3550;
	border-color: #fd3550;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-danger .form-check-input:focus {
	border-color: #fd3550;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(253, 53, 80, 0.25);
}
.form-check-warning .form-check-input:checked {
	background-color: #ffc107;
	border-color: #ffc107;
}
.form-check-warning .form-check-input[type="checkbox"]:indeterminate {
	background-color: #ffc107;
	border-color: #ffc107;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-warning .form-check-input:focus {
	border-color: #ffc107;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
}
.form-check-dark .form-check-input:checked {
	background-color: #212529;
	border-color: #212529;
}
.form-check-dark .form-check-input[type="checkbox"]:indeterminate {
	background-color: #212529;
	border-color: #212529;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-dark .form-check-input:focus {
	border-color: #212529;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.25);
}
.form-check-secondary .form-check-input:checked {
	background-color: #6c757d;
	border-color: #6c757d;
}
.form-check-secondary .form-check-input[type="checkbox"]:indeterminate {
	background-color: #6c757d;
	border-color: #6c757d;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-secondary .form-check-input:focus {
	border-color: #6c757d;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.25);
}
.form-check-info .form-check-input:checked {
	background-color: #0dcaf0;
	border-color: #0dcaf0;
}
.form-check-info .form-check-input[type="checkbox"]:indeterminate {
	background-color: #0dcaf0;
	border-color: #0dcaf0;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-info .form-check-input:focus {
	border-color: #0dcaf0;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25);
}
.input-icon .form-control {
	padding-left: 2.5rem;
}
.input-icon span {
	font-size: 16px;
	left: 15px;
}
.input-group-text {
	background-color: rgba(0, 0, 0, 0);
}
.price-amount {
	font-size: 50px;
}
body {
	position: relative;
	font-size: 14px;
	font-family: "Noto Sans", sans-serif;
	letter-spacing: 0.5px;
	background-color: #eff1f3;
}
a {
	text-decoration: none;
}
input::-moz-placeholder {
	color: #000 !important;
	opacity: 0.3 !important;
}
input::placeholder {
	color: #000 !important;
	opacity: 0.3 !important;
}
@keyframes animdropdown {
	from {
		transform: translate3d(0, 6px, 0);
		opacity: 0;
	}
	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
.top-header .navbar {
	background-color: #fff;
	height: 70px;
	position: fixed;
	left: 260px;
	right: 0;
	top: 0;
	padding: 0 1.5rem;
	z-index: 10;
	transition: ease-out 0.3s;
	box-shadow:
		0 2px 6px 0 rgba(0, 0, 0, 0.044),
		0 2px 6px 0 rgba(0, 0, 0, 0.049);
}
.top-header .navbar .search-bar {
	width: auto;
	cursor: pointer;
}
.top-header .navbar .search-bar .search-control:focus,
.top-header .navbar .search-bar .mobile-search-control:focus {
	box-shadow: none;
	border: 1px solid var(--bs-border-color);
}
.top-header .navbar .search-bar .search-close {
	display: none;
}
.top-header .navbar .search-bar .search-popup {
	display: none;
	position: absolute;
	width: auto;
	height: auto;
	top: 54px;
	left: 0;
	right: 0;
	background-color: #fff;
	border-radius: 1rem;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 animdropdown;
}
.top-header .navbar .search-bar .search-popup .card {
	border: 1px solid #dee2e6;
	box-shadow: none;
	margin-bottom: 0;
}
.top-header .navbar .search-bar .search-popup .search-content {
	position: relative;
	height: 24.3rem;
}
.top-header .navbar .search-bar .search-popup .search-title {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	color: #939aa0;
	margin-bottom: 1rem;
}
.top-header .navbar .search-bar .search-popup .kewords {
	font-size: 12.5px;
	font-weight: 500;
	color: #606060;
	padding: 0.4rem 0.7rem;
	background-color: #f3f3f3;
	border-radius: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
	gap: 0.5rem;
}
.top-header .navbar .search-bar .search-popup .kewords:hover {
	color: #efefef;
	background-color: #28292d;
}
.top-header .navbar .search-bar .search-popup .search-list-item {
	padding: 0.4rem 0.7rem;
	border-radius: 0.25rem;
	transition: 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.top-header .navbar .search-bar .search-popup .search-list-item:hover {
	color: #3a3a3a;
	background-color: #f8f8f8;
}
.top-header .navbar .search-bar .search-popup .search-list-item .list-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #edecec;
}
.top-header .navbar .search-bar .search-popup .search-list-item .search-list-title {
	font-size: 14px;
}
.top-header .navbar .nav-item {
	height: 70px;
	display: flex;
	align-items: center;
}
.top-header .navbar .nav-item .mega-menu {
	width: 100%;
	height: -moz-fit-content;
	height: fit-content;
	background-color: #fff;
	border-radius: 0%;
}
.top-header .navbar .nav-item .mega-menu::after {
	display: none;
}
.top-header .navbar .nav-item .mega-menu .mega-menu-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #f8f8f8;
}
.top-header .navbar .nav-item .mega-menu .card {
	cursor: pointer;
	transition: 0.2s all;
}
.top-header .navbar .nav-item .mega-menu .card:hover {
	background-color: #f8f8f8;
}
.top-header .navbar .nav-item .dropdown-apps {
	width: 320px;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
	border-radius: 1rem;
}
.top-header .navbar .nav-item .dropdown-apps .app-name {
	font-size: 14px;
}
.top-header .navbar .nav-item .dropdown-apps .app-wrapper {
	padding: 1rem;
	background-color: #fff;
	border-radius: 0rem;
	cursor: pointer;
}
.top-header .navbar .nav-item .dropdown-apps .app-wrapper:hover {
	background-color: #f8f8f8;
}
.top-header .navbar .nav-item .dropdown-notify {
	width: 360px;
	border-radius: 1rem;
}
.top-header .navbar .nav-item .dropdown-notify .option {
	font-size: 1rem;
	color: #494949;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.top-header .navbar .nav-item .dropdown-notify .option:hover {
	background-color: #efefef;
}
.top-header .navbar .nav-item .dropdown-notify .notiy-title {
	font-size: 1rem;
}
.top-header .navbar .nav-item .dropdown-notify .dropdown-option {
	font-size: 14px;
}
.top-header .navbar .nav-item .dropdown-notify .notify-title {
	color: rgba(var(--bs-dark-rgb));
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 0.2rem;
}
.top-header .navbar .nav-item .dropdown-notify .notify-desc {
	color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
	font-size: 13px;
	font-weight: 400;
	width: 240px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.top-header .navbar .nav-item .dropdown-notify .notify-time {
	color: #939aa0;
	font-size: 12px;
	margin-top: 0.2rem;
}
.top-header .navbar .nav-item .dropdown-notify .user-wrapper,
.top-header .navbar .nav-item .dropdown-notify .notify-close {
	width: 45px;
	height: 45px;
	font-size: 20px;
	font-weight: 500;
	background-color: #efefef;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.top-header .navbar .nav-item .dropdown-notify .notify-close {
	width: 20px;
	height: 20px;
	background-color: #efefef;
	visibility: hidden;
}
.top-header .navbar .nav-item .dropdown-notify .notify-list {
	position: relative;
	height: 390px;
}
.top-header .navbar .nav-item .dropdown-notify .dropdown-item:hover .notify-close {
	visibility: visible;
}
.top-header .navbar .nav-item .dropdown-user {
	width: 260px;
	border-radius: 1rem;
}
.top-header .navbar .nav-item .badge-notify {
	position: absolute;
	top: 2px;
	right: 3px;
	font-size: 12px;
	color: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f01414;
}
.top-header .navbar .dropdown-menu {
	border-radius: 1rem;
	border: 0;
	animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 animdropdown;
}
.top-header .navbar .dropdown-menu::after {
	content: "";
	width: 13px;
	height: 13px;
	background: #fff;
	position: absolute;
	top: -6px;
	right: 16px;
	transform: rotate(45deg);
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.top-header .btn-toggle a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #494949;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	transition: all 0.3s;
}
.top-header .btn-toggle a:hover,
.top-header .btn-toggle a:focus {
	background-color: #efefef;
}
.top-header .nav-right-links .nav-link {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #494949;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	transition: all 0.3s;
}
.top-header .nav-right-links .nav-link:hover,
.top-header .nav-right-links .nav-link:focus {
	background-color: #efefef;
}
.dropdown-menu {
	border-radius: 1rem;
	border: 0;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
	overflow: hidden;
}
.sidebar-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 260px;
	height: 100%;
	background-color: #fff;
	border-right: 1px solid var(--bs-border-color);
	z-index: 12;
	transition: ease-out 0.3s;
	box-shadow:
		0 2px 6px 0 rgba(0, 0, 0, 0.044),
		0 2px 6px 0 rgba(0, 0, 0, 0.049);
}
.sidebar-wrapper .sidebar-header {
	display: flex;
	align-items: center;
	justify-content: start;
	width: 260px;
	height: 70px;
	padding: 0 1rem;
	gap: 0.5rem;
	position: fixed;
	top: 0;
	background-color: #fff;
	transition: ease-out 0.3s;
	border-right: 1px solid var(--bs-border-color);
}
.sidebar-wrapper .sidebar-header .logo-img {
	width: 32px;
}
.sidebar-wrapper .sidebar-header .logo-name h5 {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 500;
}
.sidebar-wrapper .sidebar-header .sidebar-close {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #494949;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	transition: all 0.3s;
	display: none;
	cursor: pointer;
}
.sidebar-wrapper .sidebar-header .sidebar-close:hover,
.sidebar-wrapper .sidebar-header .sidebar-close:focus {
	background-color: #efefef;
}
.sidebar-wrapper .sidebar-nav {
	margin-top: 70px;
	height: 100%;
	background-color: #fff;
	height: calc(100% - 140px);
}
.sidebar-wrapper .sidebar-nav ul {
	padding: 10px;
	margin: 0;
	list-style: none;
	background: 0 0;
}
.sidebar-wrapper .sidebar-nav .metismenu {
	background: 0 0;
	display: flex;
	flex-direction: column;
}
.sidebar-wrapper .sidebar-nav .metismenu li + li {
	margin-top: 5px;
}
.sidebar-wrapper .sidebar-nav .metismenu li:first-child {
	margin-top: 5px;
}
.sidebar-wrapper .sidebar-nav .metismenu li:last-child {
	margin-bottom: 5px;
}
.sidebar-wrapper .sidebar-nav .metismenu > li {
	display: flex;
	flex-direction: column;
	position: relative;
}
.sidebar-wrapper .sidebar-nav .metismenu a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
	padding: 6px 16px;
	font-size: 15px;
	color: #5f5f5f;
	outline-width: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	letter-spacing: 0.5px;
	border-radius: 0.25rem;
	transition: all 0.3s ease-out;
}
.sidebar-wrapper .sidebar-nav .metismenu a .parent-icon {
	line-height: 1;
}
.sidebar-wrapper .sidebar-nav .metismenu a .menu-title {
	margin-left: 10px;
}
.sidebar-wrapper .sidebar-nav .metismenu ul {
	background-color: #fff;
	padding: 0;
}
.sidebar-wrapper .sidebar-nav .metismenu ul a {
	padding: 6px 15px 6px 20px;
	font-size: 15px;
	border: 0;
}
.sidebar-wrapper .sidebar-nav .metismenu ul a i {
	margin-right: 5px;
}
.sidebar-wrapper .sidebar-nav .metismenu ul ul a {
	padding: 8px 15px 8px 30px;
}
.sidebar-wrapper .sidebar-nav .metismenu ul ul ul a {
	padding: 8px 15px 8px 45px;
}
.sidebar-wrapper .sidebar-nav .metismenu .mm-active > a {
	color: #008cff;
	text-decoration: none;
	background-color: rgba(0, 140, 255, 0.05);
}
.sidebar-wrapper .sidebar-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 260px;
	height: 70px;
	border-top: 1px solid #dee2e6;
	position: fixed;
	bottom: 0;
	background-color: #fff;
	transition: ease-out 0.3s;
	border-right: 1px solid #dee2e6;
	cursor: pointer;
	padding: 0 1rem;
	z-index: 10;
}
.sidebar-wrapper .sidebar-bottom .footer-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #494949;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	transition: all 0.3s;
}
.sidebar-wrapper .sidebar-bottom .footer-icon:hover,
.sidebar-wrapper .sidebar-bottom .footer-icon:focus {
	background-color: #efefef;
}
.sidebar-wrapper .menu-label {
	padding: 10px 16px 10px 16px;
	color: #b0afaf;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.5px;
}
.toggled .top-header .navbar {
	left: 70px;
}
.toggled .main-wrapper {
	margin-left: 70px;
}
.toggled .page-footer {
	left: 70px;
}
@media screen and (min-width: 1199px) {
	body.toggled .sidebar-wrapper:hover {
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	}
	body.toggled .sidebar-wrapper:hover .sidebar-header .sidebar-close {
		display: flex;
	}
	body.toggled:not(.sidebar-hovered) .sidebar-wrapper {
		width: 70px;
	}
	body.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header {
		width: 70px;
		justify-content: center;
		width: 70px;
	}
	body.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .logo-name {
		display: none;
	}
	body.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon {
		display: none;
	}
	body.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu a {
		justify-content: center;
	}
	body.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .menu-title {
		display: none;
	}
	body.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li ul {
		display: none;
	}
	body.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li.menu-label {
		display: none;
	}
	body.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .has-arrow:after {
		display: none;
	}
	body.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-bottom {
		width: 70px;
	}
	body.toggled:not(.sidebar-hovered) .sidebar-bottom .dropdown-laungauge {
		display: none;
	}
	body.toggled:not(.sidebar-hovered) .sidebar-bottom .dropdown-help {
		display: none;
	}
}
.chip {
	display: inline-block;
	height: 32px;
	padding: 0 12px;
	margin-right: 1rem;
	margin-bottom: 1rem;
	font-size: 14px;
	font-weight: 500;
	line-height: 32px;
	color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	background-color: #f1f1f1;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 16px;
	transition: all 0.3s linear;
	box-shadow: none;
}
.chip img {
	float: left;
	width: 32px;
	height: 32px;
	margin: 0 8px 0 -12px;
	border-radius: 50%;
}
.chip.chip-md {
	height: 42px;
	line-height: 42px;
	border-radius: 21px;
}
.chip.chip-md img {
	height: 42px;
	width: 42px;
}
.main-wrapper {
	margin-top: 70px;
	padding-bottom: 20px;
	margin-left: 260px;
	transition: ease-out 0.3s;
}
.main-wrapper .main-content {
	padding: 1.5rem;
}
.main-wrapper .main-content .breadcrumb-title {
	font-size: 20px;
	border-right: 1.5px solid #aaa4a4;
}
.main-wrapper .main-content .page-breadcrumb .breadcrumb li.breadcrumb-item {
	font-size: 16px;
}
.main-wrapper .main-content .page-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	display: inline-block;
	padding-right: 0.5rem;
	font-family: "Material Icons Outlined";
	content: "";
}
.main-wrapper .main-content .badge-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background-color: #f2f2f3;
	cursor: pointer;
}
.main-wrapper .main-content .badge-icon .badge-number {
	width: 20px;
	height: 20px;
	background-color: #ff1717;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
	padding: 1px;
}
.main-wrapper .main-content .sharelink {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #494949;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	transition: all 0.3s;
}
.main-wrapper .main-content .sharelink:hover,
.main-wrapper .main-content .sharelink:focus {
	background-color: #efefef;
}
.main-wrapper .main-content .options {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #494949;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	transition: all 0.3s;
	width: 30px;
	height: 30px;
}
.main-wrapper .main-content .options:hover,
.main-wrapper .main-content .options:focus {
	background-color: #efefef;
}
.main-wrapper .main-content .dropdown-menu-share {
	width: -moz-max-content;
	width: max-content;
}
.main-wrapper .main-content .vertical-pills button {
	width: 100%;
	text-align: left;
	border-radius: 0%;
}
.main-wrapper .main-content .vertical-pills .nav-link {
	border-bottom: 1px solid #dee2e6;
	color: #5d5d5d;
}
.main-wrapper .main-content .vertical-pills .nav-link:last-child {
	border-bottom: 0px solid #dee2e6;
}
.main-wrapper .main-content .vertical-pills .nav-link.active {
	color: #fff;
}
.main-wrapper .main-content .customer-notes {
	height: 480px;
	position: relative;
	overflow-y: scroll;
}
.main-wrapper .main-content .lable-table {
	text-transform: uppercase;
	padding: 1px 8px;
}
.main-wrapper .main-content .customer-table table thead {
	font-size: 0.8rem;
	text-transform: uppercase;
	font-weight: 400;
}
.main-wrapper .main-content .customer-table table .customer-name {
	color: #000;
}
.main-wrapper .main-content .product-table table thead {
	font-size: 0.8rem;
	text-transform: uppercase;
	font-weight: 400;
}
.main-wrapper .main-content .product-table table .product-category {
	font-size: 0.8rem;
	color: #878d96;
}
.main-wrapper .main-content .product-table table .product-title {
	font-size: 0.97rem;
	color: #2f353c;
}
.main-wrapper .main-content .product-table table .product-tags {
	max-width: 220px;
	display: flex;
	align-items: center;
	gap: 0.3rem;
	flex-wrap: wrap;
}
.main-wrapper .main-content .product-table table .product-tags .btn-tags {
	font-size: 0.75rem;
	background-color: #f6f6f6;
	color: #000;
	padding: 2px 10px;
	text-transform: uppercase;
	font-weight: 500;
	border-radius: 2px;
}
.main-wrapper .main-content .product-table table .product-rating {
	font-size: 0.8rem;
	background-color: #fff;
	padding: 2px 5px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #e8e8e8;
	font-weight: 500;
}
.separator {
	display: flex;
	align-items: center;
}
.separator .line {
	height: 1px;
	flex: 1;
	background-color: #dee2e6;
}
.separator p {
	padding: 0 1rem;
}
.review-desc {
	width: 400px;
}
.auth-cover-left,
.auth-cover-right {
	display: flex;
	background-color: #fff;
	min-height: 100vh;
}
.auth-cover-right {
	background-color: #fff;
}
.auth-social-login {
	width: 5rem;
	display: flex;
	align-items: center;
	justify-content: start;
}
.order-delete {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #494949;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	transition: all 0.3s;
	cursor: pointer;
}
.order-delete:hover,
.order-delete:focus {
	background-color: #efefef;
}
.page-footer {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-top: 1px solid var(--bs-border-color);
	height: 40px;
	position: absolute;
	left: 260px;
	right: 0;
	bottom: 0;
	transition: ease-out 0.3s;
	box-shadow:
		0 2px 6px 0 rgba(0, 0, 0, 0.044),
		0 2px 6px 0 rgba(0, 0, 0, 0.049);
}
.user-close-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	transition: all 0.3s;
	position: absolute;
	right: -50px;
	top: 16px;
	background-color: #050505;
}
.order-title {
	font-size: 15px;
}
.primaery-menu-close {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #494949;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	transition: all 0.3s;
}
.primaery-menu-close:hover,
.primaery-menu-close:focus {
	background-color: #efefef;
}
.dropdown-toggle-nocaret:after {
	display: none;
}
.dropup .dropdown-toggle-nocaret:after {
	display: none;
}
.w-260 {
	width: 300px !important;
}
.h-70 {
	height: 70px !important;
}
.h-370 {
	height: 370px;
}
.f-14 {
	font-size: 14px;
}
.raised {
	box-shadow: var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));
}
.wh-48 {
	width: 48px;
	height: 48px;
}
.wh-64 {
	width: 64px;
	height: 64px;
}
.wh-120 {
	width: 120px;
	height: 120px;
}
.font-22 {
	font-size: 45px;
}
.font-text1 {
	font-size: 0.8rem;
}
.font-text2 {
	font-size: 0.7rem;
}
.cursor-pointer {
	cursor: pointer;
}
.theme-icons {
	background-color: #fff;
}
.user-list {
	position: relative;
	height: 400px;
}
.btn-circle {
	display: flex;
	align-items: center;
	justify-content: center;
}
.error {
	color: #fe1010;
}
.dash-lable {
	font-size: 14px;
	padding: 2px 7px;
	background-color: #f3f3f3;
}
form select.error,
form textarea.error,
form input.error,
form input.error:focus,
form textarea.error:focus,
form select.error:focus {
	border-color: #fe1010 !important;
}
.alert-border-primary {
	border: 1px solid var(--bs-gray-400);
	border-left: 5px solid #008cff;
}
.alert-border-secondary {
	border: 1px solid var(--bs-gray-400);
	border-left: 5px solid #6c757d;
}
.alert-border-success {
	border: 1px solid var(--bs-gray-400);
	border-left: 5px solid #02c27a;
}
.alert-border-danger {
	border: 1px solid var(--bs-gray-400);
	border-left: 5px solid #fc185a;
}
.alert-border-warning {
	border: 1px solid var(--bs-gray-400);
	border-left: 5px solid #fbb513;
}
.alert-border-info {
	border: 1px solid var(--bs-gray-400);
	border-left: 5px solid #0dcaf0;
}
.alert-border-dark {
	border: 1px solid var(--bs-gray-400);
	border-left: 5px solid #212529;
}
.bg-error {
	background-image: url("../assets/images/auth/error-bg.png");
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
.error-title {
	font-size: 140px;
	line-height: 140px;
	text-transform: uppercase;
	font-weight: bold;
}
.error-sub-title {
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
}
.contacts-social a {
	font-size: 16px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	background: #fff;
	border: 1px solid #eeecec;
	text-align: center;
	border-radius: 50%;
	color: #2b2a2a;
}
.chart-container1 {
	position: relative;
	height: 350px;
}
.chart-container2 {
	position: relative;
	height: 138px;
}
.gmaps,
.gmaps-panaroma {
	height: 400px;
	background: #eee;
	border-radius: 3px;
}
.bg-login,
.bg-reset-password,
.bg-forgot-password,
.bg-register {
	background-image: url(../assets/images/auth/bg-login.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-register {
	background-image: url(../assets/images/auth/bg-register.png);
}
.bg-forgot-password {
	background-image: url(../assets/images/auth/bg-forgot.png);
}
.bg-reset-password {
	background-image: url(../assets/images/auth/bg-reset-password.png);
}
.form-check-img {
	max-width: 100%;
	height: auto;
}
.form-check-label-highlighter .form-check-input:checked[type="checkbox"] ~ .form-check-label,
.form-check-label-highlighter .form-check-input:checked[type="radio"] ~ .form-check-label {
	border-color: #377dff;
}
@media only screen and (max-width: 1199px) {
	.table-responsive {
		white-space: nowrap;
	}
	.sidebar-wrapper {
		left: -260px;
	}
	.sidebar-wrapper .sidebar-header .sidebar-close {
		display: flex;
	}
	.top-header .navbar {
		left: 0;
	}
	.page-content {
		margin-left: 0;
	}
	.toggled .sidebar-wrapper {
		width: 260px;
		left: 0px;
	}
	.toggled .sidebar-wrapper .sidebar-header {
		width: 260px;
	}
	.toggled .sidebar-wrapper .sidebar-bottom {
		width: 260px;
	}
	.toggled .logo-name {
		display: block;
	}
	.toggled .top-header .navbar {
		left: 0px;
	}
	.toggled .page-footer {
		left: 0px;
	}
	.toggled .main-wrapper {
		margin-left: 0;
	}
	.toggled .overlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #000;
		opacity: 0.5;
		z-index: 11;
		display: block;
		cursor: move;
		transition: all 0.23s ease-out;
	}
}
@media only screen and (max-width: 1199px) {
	.top-header .navbar {
		left: 0;
	}
	.top-header .navbar .dropdown {
		position: static;
	}
	.top-header .navbar .dropdown .dropdown-menu {
		width: 100%;
	}
	.top-header .navbar .dropdown .dropdown-menu::after {
		display: none;
	}
	.top-header .navbar .mega-menu-widgets {
		padding: 1rem;
		position: relative;
		height: 480px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.main-wrapper {
		margin-left: 0;
	}
	.page-footer {
		left: 0px;
	}
	.mini-sidebar {
		left: -70px;
	}
}
@media only screen and (max-width: 992px) {
	.search-popup {
		position: fixed !important;
		top: 0 !important;
		z-index: 10;
	}
}
.iti__flag {
	display: inline-block;
	width: 20px;
	margin-right: 4px;
}
.iti__flag.iti__be {
	width: 18px;
}
.iti__flag.iti__ch {
	width: 15px;
}
.iti__flag.iti__mc {
	width: 19px;
}
.iti__flag.iti__ne {
	width: 18px;
}
.iti__flag.iti__np {
	width: 13px;
}
.iti__flag.iti__va {
	width: 15px;
}
.iti__flag.iti__ac {
	height: 10px;
	background-position: 0px 0px;
}
.iti__flag.iti__ad {
	height: 14px;
	background-position: -22px 0px;
}
.iti__flag.iti__ae {
	height: 10px;
	background-position: -44px 0px;
}
.iti__flag.iti__af {
	height: 14px;
	background-position: -66px 0px;
}
.iti__flag.iti__ag {
	height: 14px;
	background-position: -88px 0px;
}
.iti__flag.iti__ai {
	height: 10px;
	background-position: -110px 0px;
}
.iti__flag.iti__al {
	height: 15px;
	background-position: -132px 0px;
}
.iti__flag.iti__am {
	height: 10px;
	background-position: -154px 0px;
}
.iti__flag.iti__ao {
	height: 14px;
	background-position: -176px 0px;
}
.iti__flag.iti__aq {
	height: 14px;
	background-position: -198px 0px;
}
.iti__flag.iti__ar {
	height: 13px;
	background-position: -220px 0px;
}
.iti__flag.iti__as {
	height: 10px;
	background-position: -242px 0px;
}
.iti__flag.iti__at {
	height: 14px;
	background-position: -264px 0px;
}
.iti__flag.iti__au {
	height: 10px;
	background-position: -286px 0px;
}
.iti__flag.iti__aw {
	height: 14px;
	background-position: -308px 0px;
}
.iti__flag.iti__ax {
	height: 13px;
	background-position: -330px 0px;
}
.iti__flag.iti__az {
	height: 10px;
	background-position: -352px 0px;
}
.iti__flag.iti__ba {
	height: 10px;
	background-position: -374px 0px;
}
.iti__flag.iti__bb {
	height: 14px;
	background-position: -396px 0px;
}
.iti__flag.iti__bd {
	height: 12px;
	background-position: -418px 0px;
}
.iti__flag.iti__be {
	height: 15px;
	background-position: -440px 0px;
}
.iti__flag.iti__bf {
	height: 14px;
	background-position: -460px 0px;
}
.iti__flag.iti__bg {
	height: 12px;
	background-position: -482px 0px;
}
.iti__flag.iti__bh {
	height: 12px;
	background-position: -504px 0px;
}
.iti__flag.iti__bi {
	height: 12px;
	background-position: -526px 0px;
}
.iti__flag.iti__bj {
	height: 14px;
	background-position: -548px 0px;
}
.iti__flag.iti__bl {
	height: 14px;
	background-position: -570px 0px;
}
.iti__flag.iti__bm {
	height: 10px;
	background-position: -592px 0px;
}
.iti__flag.iti__bn {
	height: 10px;
	background-position: -614px 0px;
}
.iti__flag.iti__bo {
	height: 14px;
	background-position: -636px 0px;
}
.iti__flag.iti__bq {
	height: 14px;
	background-position: -658px 0px;
}
.iti__flag.iti__br {
	height: 14px;
	background-position: -680px 0px;
}
.iti__flag.iti__bs {
	height: 10px;
	background-position: -702px 0px;
}
.iti__flag.iti__bt {
	height: 14px;
	background-position: -724px 0px;
}
.iti__flag.iti__bv {
	height: 15px;
	background-position: -746px 0px;
}
.iti__flag.iti__bw {
	height: 14px;
	background-position: -768px 0px;
}
.iti__flag.iti__by {
	height: 10px;
	background-position: -790px 0px;
}
.iti__flag.iti__bz {
	height: 12px;
	background-position: -812px 0px;
}
.iti__flag.iti__ca {
	height: 10px;
	background-position: -834px 0px;
}
.iti__flag.iti__cc {
	height: 10px;
	background-position: -856px 0px;
}
.iti__flag.iti__cd {
	height: 15px;
	background-position: -878px 0px;
}
.iti__flag.iti__cf {
	height: 14px;
	background-position: -900px 0px;
}
.iti__flag.iti__cg {
	height: 14px;
	background-position: -922px 0px;
}
.iti__flag.iti__ch {
	height: 15px;
	background-position: -944px 0px;
}
.iti__flag.iti__ci {
	height: 14px;
	background-position: -961px 0px;
}
.iti__flag.iti__ck {
	height: 10px;
	background-position: -983px 0px;
}
.iti__flag.iti__cl {
	height: 14px;
	background-position: -1005px 0px;
}
.iti__flag.iti__cm {
	height: 14px;
	background-position: -1027px 0px;
}
.iti__flag.iti__cn {
	height: 14px;
	background-position: -1049px 0px;
}
.iti__flag.iti__co {
	height: 14px;
	background-position: -1071px 0px;
}
.iti__flag.iti__cp {
	height: 14px;
	background-position: -1093px 0px;
}
.iti__flag.iti__cq {
	height: 12px;
	background-position: -1115px 0px;
}
.iti__flag.iti__cr {
	height: 12px;
	background-position: -1137px 0px;
}
.iti__flag.iti__cu {
	height: 10px;
	background-position: -1159px 0px;
}
.iti__flag.iti__cv {
	height: 12px;
	background-position: -1181px 0px;
}
.iti__flag.iti__cw {
	height: 14px;
	background-position: -1203px 0px;
}
.iti__flag.iti__cx {
	height: 10px;
	background-position: -1225px 0px;
}
.iti__flag.iti__cy {
	height: 14px;
	background-position: -1247px 0px;
}
.iti__flag.iti__cz {
	height: 14px;
	background-position: -1269px 0px;
}
.iti__flag.iti__de {
	height: 12px;
	background-position: -1291px 0px;
}
.iti__flag.iti__dg {
	height: 10px;
	background-position: -1313px 0px;
}
.iti__flag.iti__dj {
	height: 14px;
	background-position: -1335px 0px;
}
.iti__flag.iti__dk {
	height: 15px;
	background-position: -1357px 0px;
}
.iti__flag.iti__dm {
	height: 10px;
	background-position: -1379px 0px;
}
.iti__flag.iti__do {
	height: 14px;
	background-position: -1401px 0px;
}
.iti__flag.iti__dz {
	height: 14px;
	background-position: -1423px 0px;
}
.iti__flag.iti__ea {
	height: 14px;
	background-position: -1445px 0px;
}
.iti__flag.iti__ec {
	height: 14px;
	background-position: -1467px 0px;
}
.iti__flag.iti__ee {
	height: 13px;
	background-position: -1489px 0px;
}
.iti__flag.iti__eg {
	height: 14px;
	background-position: -1511px 0px;
}
.iti__flag.iti__eh {
	height: 10px;
	background-position: -1533px 0px;
}
.iti__flag.iti__er {
	height: 10px;
	background-position: -1555px 0px;
}
.iti__flag.iti__es {
	height: 14px;
	background-position: -1577px 0px;
}
.iti__flag.iti__et {
	height: 10px;
	background-position: -1599px 0px;
}
.iti__flag.iti__eu {
	height: 14px;
	background-position: -1621px 0px;
}
.iti__flag.iti__ez {
	height: 14px;
	background-position: -1643px 0px;
}
.iti__flag.iti__fi {
	height: 12px;
	background-position: -1665px 0px;
}
.iti__flag.iti__fj {
	height: 10px;
	background-position: -1687px 0px;
}
.iti__flag.iti__fk {
	height: 10px;
	background-position: -1709px 0px;
}
.iti__flag.iti__fm {
	height: 11px;
	background-position: -1731px 0px;
}
.iti__flag.iti__fo {
	height: 15px;
	background-position: -1753px 0px;
}
.iti__flag.iti__fr {
	height: 14px;
	background-position: -1775px 0px;
}
.iti__flag.iti__fx {
	height: 14px;
	background-position: -1797px 0px;
}
.iti__flag.iti__ga {
	height: 15px;
	background-position: -1819px 0px;
}
.iti__flag.iti__gb {
	height: 10px;
	background-position: -1841px 0px;
}
.iti__flag.iti__gd {
	height: 12px;
	background-position: -1863px 0px;
}
.iti__flag.iti__ge {
	height: 14px;
	background-position: -1885px 0px;
}
.iti__flag.iti__gf {
	height: 14px;
	background-position: -1907px 0px;
}
.iti__flag.iti__gg {
	height: 14px;
	background-position: -1929px 0px;
}
.iti__flag.iti__gh {
	height: 14px;
	background-position: -1951px 0px;
}
.iti__flag.iti__gi {
	height: 10px;
	background-position: -1973px 0px;
}
.iti__flag.iti__gl {
	height: 14px;
	background-position: -1995px 0px;
}
.iti__flag.iti__gm {
	height: 14px;
	background-position: -2017px 0px;
}
.iti__flag.iti__gn {
	height: 14px;
	background-position: -2039px 0px;
}
.iti__flag.iti__gp {
	height: 14px;
	background-position: -2061px 0px;
}
.iti__flag.iti__gq {
	height: 14px;
	background-position: -2083px 0px;
}
.iti__flag.iti__gr {
	height: 14px;
	background-position: -2105px 0px;
}
.iti__flag.iti__gs {
	height: 10px;
	background-position: -2127px 0px;
}
.iti__flag.iti__gt {
	height: 13px;
	background-position: -2149px 0px;
}
.iti__flag.iti__gu {
	height: 11px;
	background-position: -2171px 0px;
}
.iti__flag.iti__gw {
	height: 10px;
	background-position: -2193px 0px;
}
.iti__flag.iti__gy {
	height: 12px;
	background-position: -2215px 0px;
}
.iti__flag.iti__hk {
	height: 14px;
	background-position: -2237px 0px;
}
.iti__flag.iti__hm {
	height: 10px;
	background-position: -2259px 0px;
}
.iti__flag.iti__hn {
	height: 10px;
	background-position: -2281px 0px;
}
.iti__flag.iti__hr {
	height: 10px;
	background-position: -2303px 0px;
}
.iti__flag.iti__ht {
	height: 12px;
	background-position: -2325px 0px;
}
.iti__flag.iti__hu {
	height: 10px;
	background-position: -2347px 0px;
}
.iti__flag.iti__ic {
	height: 14px;
	background-position: -2369px 0px;
}
.iti__flag.iti__id {
	height: 14px;
	background-position: -2391px 0px;
}
.iti__flag.iti__ie {
	height: 10px;
	background-position: -2413px 0px;
}
.iti__flag.iti__il {
	height: 15px;
	background-position: -2435px 0px;
}
.iti__flag.iti__im {
	height: 10px;
	background-position: -2457px 0px;
}
.iti__flag.iti__in {
	height: 14px;
	background-position: -2479px 0px;
}
.iti__flag.iti__io {
	height: 10px;
	background-position: -2501px 0px;
}
.iti__flag.iti__iq {
	height: 14px;
	background-position: -2523px 0px;
}
.iti__flag.iti__ir {
	height: 12px;
	background-position: -2545px 0px;
}
.iti__flag.iti__is {
	height: 15px;
	background-position: -2567px 0px;
}
.iti__flag.iti__it {
	height: 14px;
	background-position: -2589px 0px;
}
.iti__flag.iti__je {
	height: 12px;
	background-position: -2611px 0px;
}
.iti__flag.iti__jm {
	height: 10px;
	background-position: -2633px 0px;
}
.iti__flag.iti__jo {
	height: 10px;
	background-position: -2655px 0px;
}
.iti__flag.iti__jp {
	height: 14px;
	background-position: -2677px 0px;
}
.iti__flag.iti__ke {
	height: 14px;
	background-position: -2699px 0px;
}
.iti__flag.iti__kg {
	height: 12px;
	background-position: -2721px 0px;
}
.iti__flag.iti__kh {
	height: 13px;
	background-position: -2743px 0px;
}
.iti__flag.iti__ki {
	height: 10px;
	background-position: -2765px 0px;
}
.iti__flag.iti__km {
	height: 12px;
	background-position: -2787px 0px;
}
.iti__flag.iti__kn {
	height: 14px;
	background-position: -2809px 0px;
}
.iti__flag.iti__kp {
	height: 10px;
	background-position: -2831px 0px;
}
.iti__flag.iti__kr {
	height: 14px;
	background-position: -2853px 0px;
}
.iti__flag.iti__kw {
	height: 10px;
	background-position: -2875px 0px;
}
.iti__flag.iti__ky {
	height: 10px;
	background-position: -2897px 0px;
}
.iti__flag.iti__kz {
	height: 10px;
	background-position: -2919px 0px;
}
.iti__flag.iti__la {
	height: 14px;
	background-position: -2941px 0px;
}
.iti__flag.iti__lb {
	height: 14px;
	background-position: -2963px 0px;
}
.iti__flag.iti__lc {
	height: 10px;
	background-position: -2985px 0px;
}
.iti__flag.iti__li {
	height: 12px;
	background-position: -3007px 0px;
}
.iti__flag.iti__lk {
	height: 10px;
	background-position: -3029px 0px;
}
.iti__flag.iti__lr {
	height: 11px;
	background-position: -3051px 0px;
}
.iti__flag.iti__ls {
	height: 14px;
	background-position: -3073px 0px;
}
.iti__flag.iti__lt {
	height: 12px;
	background-position: -3095px 0px;
}
.iti__flag.iti__lu {
	height: 12px;
	background-position: -3117px 0px;
}
.iti__flag.iti__lv {
	height: 10px;
	background-position: -3139px 0px;
}
.iti__flag.iti__ly {
	height: 10px;
	background-position: -3161px 0px;
}
.iti__flag.iti__ma {
	height: 14px;
	background-position: -3183px 0px;
}
.iti__flag.iti__mc {
	height: 15px;
	background-position: -3205px 0px;
}
.iti__flag.iti__md {
	height: 10px;
	background-position: -3226px 0px;
}
.iti__flag.iti__me {
	height: 10px;
	background-position: -3248px 0px;
}
.iti__flag.iti__mf {
	height: 14px;
	background-position: -3270px 0px;
}
.iti__flag.iti__mg {
	height: 14px;
	background-position: -3292px 0px;
}
.iti__flag.iti__mh {
	height: 11px;
	background-position: -3314px 0px;
}
.iti__flag.iti__mk {
	height: 10px;
	background-position: -3336px 0px;
}
.iti__flag.iti__ml {
	height: 14px;
	background-position: -3358px 0px;
}
.iti__flag.iti__mm {
	height: 14px;
	background-position: -3380px 0px;
}
.iti__flag.iti__mn {
	height: 10px;
	background-position: -3402px 0px;
}
.iti__flag.iti__mo {
	height: 14px;
	background-position: -3424px 0px;
}
.iti__flag.iti__mp {
	height: 10px;
	background-position: -3446px 0px;
}
.iti__flag.iti__mq {
	height: 14px;
	background-position: -3468px 0px;
}
.iti__flag.iti__mr {
	height: 14px;
	background-position: -3490px 0px;
}
.iti__flag.iti__ms {
	height: 10px;
	background-position: -3512px 0px;
}
.iti__flag.iti__mt {
	height: 14px;
	background-position: -3534px 0px;
}
.iti__flag.iti__mu {
	height: 14px;
	background-position: -3556px 0px;
}
.iti__flag.iti__mv {
	height: 14px;
	background-position: -3578px 0px;
}
.iti__flag.iti__mw {
	height: 14px;
	background-position: -3600px 0px;
}
.iti__flag.iti__mx {
	height: 12px;
	background-position: -3622px 0px;
}
.iti__flag.iti__my {
	height: 10px;
	background-position: -3644px 0px;
}
.iti__flag.iti__mz {
	height: 14px;
	background-position: -3666px 0px;
}
.iti__flag.iti__na {
	height: 14px;
	background-position: -3688px 0px;
}
.iti__flag.iti__nc {
	height: 10px;
	background-position: -3710px 0px;
}
.iti__flag.iti__ne {
	height: 15px;
	background-position: -3732px 0px;
}
.iti__flag.iti__nf {
	height: 10px;
	background-position: -3752px 0px;
}
.iti__flag.iti__ng {
	height: 10px;
	background-position: -3774px 0px;
}
.iti__flag.iti__ni {
	height: 12px;
	background-position: -3796px 0px;
}
.iti__flag.iti__nl {
	height: 14px;
	background-position: -3818px 0px;
}
.iti__flag.iti__no {
	height: 15px;
	background-position: -3840px 0px;
}
.iti__flag.iti__np {
	height: 15px;
	background-position: -3862px 0px;
}
.iti__flag.iti__nr {
	height: 10px;
	background-position: -3877px 0px;
}
.iti__flag.iti__nu {
	height: 10px;
	background-position: -3899px 0px;
}
.iti__flag.iti__nz {
	height: 10px;
	background-position: -3921px 0px;
}
.iti__flag.iti__om {
	height: 10px;
	background-position: -3943px 0px;
}
.iti__flag.iti__pa {
	height: 14px;
	background-position: -3965px 0px;
}
.iti__flag.iti__pe {
	height: 14px;
	background-position: -3987px 0px;
}
.iti__flag.iti__pf {
	height: 14px;
	background-position: -4009px 0px;
}
.iti__flag.iti__pg {
	height: 15px;
	background-position: -4031px 0px;
}
.iti__flag.iti__ph {
	height: 10px;
	background-position: -4053px 0px;
}
.iti__flag.iti__pk {
	height: 14px;
	background-position: -4075px 0px;
}
.iti__flag.iti__pl {
	height: 13px;
	background-position: -4097px 0px;
}
.iti__flag.iti__pm {
	height: 14px;
	background-position: -4119px 0px;
}
.iti__flag.iti__pn {
	height: 10px;
	background-position: -4141px 0px;
}
.iti__flag.iti__pr {
	height: 14px;
	background-position: -4163px 0px;
}
.iti__flag.iti__ps {
	height: 10px;
	background-position: -4185px 0px;
}
.iti__flag.iti__pt {
	height: 14px;
	background-position: -4207px 0px;
}
.iti__flag.iti__pw {
	height: 13px;
	background-position: -4229px 0px;
}
.iti__flag.iti__py {
	height: 11px;
	background-position: -4251px 0px;
}
.iti__flag.iti__qa {
	height: 8px;
	background-position: -4273px 0px;
}
.iti__flag.iti__re {
	height: 14px;
	background-position: -4295px 0px;
}
.iti__flag.iti__ro {
	height: 14px;
	background-position: -4317px 0px;
}
.iti__flag.iti__rs {
	height: 14px;
	background-position: -4339px 0px;
}
.iti__flag.iti__ru {
	height: 14px;
	background-position: -4361px 0px;
}
.iti__flag.iti__rw {
	height: 14px;
	background-position: -4383px 0px;
}
.iti__flag.iti__sa {
	height: 14px;
	background-position: -4405px 0px;
}
.iti__flag.iti__sb {
	height: 10px;
	background-position: -4427px 0px;
}
.iti__flag.iti__sc {
	height: 10px;
	background-position: -4449px 0px;
}
.iti__flag.iti__sd {
	height: 10px;
	background-position: -4471px 0px;
}
.iti__flag.iti__se {
	height: 13px;
	background-position: -4493px 0px;
}
.iti__flag.iti__sg {
	height: 14px;
	background-position: -4515px 0px;
}
.iti__flag.iti__sh {
	height: 10px;
	background-position: -4537px 0px;
}
.iti__flag.iti__si {
	height: 10px;
	background-position: -4559px 0px;
}
.iti__flag.iti__sj {
	height: 15px;
	background-position: -4581px 0px;
}
.iti__flag.iti__sk {
	height: 14px;
	background-position: -4603px 0px;
}
.iti__flag.iti__sl {
	height: 14px;
	background-position: -4625px 0px;
}
.iti__flag.iti__sm {
	height: 15px;
	background-position: -4647px 0px;
}
.iti__flag.iti__sn {
	height: 14px;
	background-position: -4669px 0px;
}
.iti__flag.iti__so {
	height: 14px;
	background-position: -4691px 0px;
}
.iti__flag.iti__sr {
	height: 14px;
	background-position: -4713px 0px;
}
.iti__flag.iti__ss {
	height: 10px;
	background-position: -4735px 0px;
}
.iti__flag.iti__st {
	height: 10px;
	background-position: -4757px 0px;
}
.iti__flag.iti__su {
	height: 10px;
	background-position: -4779px 0px;
}
.iti__flag.iti__sv {
	height: 12px;
	background-position: -4801px 0px;
}
.iti__flag.iti__sx {
	height: 14px;
	background-position: -4823px 0px;
}
.iti__flag.iti__sy {
	height: 14px;
	background-position: -4845px 0px;
}
.iti__flag.iti__sz {
	height: 14px;
	background-position: -4867px 0px;
}
.iti__flag.iti__ta {
	height: 10px;
	background-position: -4889px 0px;
}
.iti__flag.iti__tc {
	height: 10px;
	background-position: -4911px 0px;
}
.iti__flag.iti__td {
	height: 14px;
	background-position: -4933px 0px;
}
.iti__flag.iti__tf {
	height: 14px;
	background-position: -4955px 0px;
}
.iti__flag.iti__tg {
	height: 13px;
	background-position: -4977px 0px;
}
.iti__flag.iti__th {
	height: 14px;
	background-position: -4999px 0px;
}
.iti__flag.iti__tj {
	height: 10px;
	background-position: -5021px 0px;
}
.iti__flag.iti__tk {
	height: 10px;
	background-position: -5043px 0px;
}
.iti__flag.iti__tl {
	height: 10px;
	background-position: -5065px 0px;
}
.iti__flag.iti__tm {
	height: 14px;
	background-position: -5087px 0px;
}
.iti__flag.iti__tn {
	height: 14px;
	background-position: -5109px 0px;
}
.iti__flag.iti__to {
	height: 10px;
	background-position: -5131px 0px;
}
.iti__flag.iti__tr {
	height: 14px;
	background-position: -5153px 0px;
}
.iti__flag.iti__tt {
	height: 12px;
	background-position: -5175px 0px;
}
.iti__flag.iti__tv {
	height: 10px;
	background-position: -5197px 0px;
}
.iti__flag.iti__tw {
	height: 14px;
	background-position: -5219px 0px;
}
.iti__flag.iti__tz {
	height: 14px;
	background-position: -5241px 0px;
}
.iti__flag.iti__ua {
	height: 14px;
	background-position: -5263px 0px;
}
.iti__flag.iti__ug {
	height: 14px;
	background-position: -5285px 0px;
}
.iti__flag.iti__uk {
	height: 10px;
	background-position: -5307px 0px;
}
.iti__flag.iti__um {
	height: 11px;
	background-position: -5329px 0px;
}
.iti__flag.iti__un {
	height: 14px;
	background-position: -5351px 0px;
}
.iti__flag.iti__us {
	height: 11px;
	background-position: -5373px 0px;
}
.iti__flag.iti__uy {
	height: 14px;
	background-position: -5395px 0px;
}
.iti__flag.iti__uz {
	height: 10px;
	background-position: -5417px 0px;
}
.iti__flag.iti__va {
	height: 15px;
	background-position: -5439px 0px;
}
.iti__flag.iti__vc {
	height: 14px;
	background-position: -5456px 0px;
}
.iti__flag.iti__ve {
	height: 14px;
	background-position: -5478px 0px;
}
.iti__flag.iti__vg {
	height: 10px;
	background-position: -5500px 0px;
}
.iti__flag.iti__vi {
	height: 14px;
	background-position: -5522px 0px;
}
.iti__flag.iti__vn {
	height: 14px;
	background-position: -5544px 0px;
}
.iti__flag.iti__vu {
	height: 12px;
	background-position: -5566px 0px;
}
.iti__flag.iti__wf {
	height: 14px;
	background-position: -5588px 0px;
}
.iti__flag.iti__ws {
	height: 10px;
	background-position: -5610px 0px;
}
.iti__flag.iti__xk {
	height: 15px;
	background-position: -5632px 0px;
}
.iti__flag.iti__ye {
	height: 14px;
	background-position: -5654px 0px;
}
.iti__flag.iti__yt {
	height: 14px;
	background-position: -5676px 0px;
}
.iti__flag.iti__za {
	height: 14px;
	background-position: -5698px 0px;
}
.iti__flag.iti__zm {
	height: 14px;
	background-position: -5720px 0px;
}
.iti__flag.iti__zw {
	height: 10px;
	background-position: -5742px 0px;
}
.iti__flag {
	height: 15px;
	box-shadow: 0px 0px 1px 0px #888;
	background-image: url("/_img/flags-0b1ca148890222235a0f9903636ca21a.png?1");
	background-repeat: no-repeat;
	background-color: #dbdbdb;
	background-position: 20px 0;
}
@media (min-resolution: 192dpi) {
	.iti__flag {
		background-size: 5762px 15px;
		background-image: url("./../_img/flags@2x.png?1");
	}
}
.iti__flag.iti__oc {
	background-color: rgba(0, 0, 0, 0);
}
.iti__flag.iti__an {
	height: 14px;
	background-image: url("/_img/flag-an-830946801fef218e9b49688b5d7c0cdb.png");
	background-size: contain;
	background-position: 0 0;
}
:root {
	--dark-blue: #004194;
	--light-blue: #007ccc;
	--dark-green: #1bab6e;
	--light-green: #82ca09;
	--orange: #f79200;
	--aqua: #07add1;
	--white: #ffffff;
	--gray-light: #f2f2f2;
	--gray-normal: #dcdcdc;
	--text-title: #121212;
	--text-normal: #444444;
	--text-light: #666666;
	--table-color-1: #47c2ff;
	--table-color-2: #9871f4;
	--green-50: #02c27a50;
	--red-30: #ff110030;
	--gray-90: #6c757d90;
}
@font-face {
	font-family: "MICEGothic";
	src: url("/_font/MICEGothic-56f1e3d9360f5594012b9af77ce5038d.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}
html,
body {
	height: 100%;
	font-size: 16px;
}
body {
	min-width: 320px;
	font-family:
		"MICEGothic",
		system-ui,
		-apple-system,
		sans-serif;
	color: #232323;
}
html[lang="en"],
html[lang="en"] body {
	font-size: 14px;
}
p {
	margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5 {
	font-size: inherit;
}
@media (max-width: 768px) {
	:root,
	html,
	body {
		font-size: 14px;
	}
	small {
		font-size: 0.75rem;
	}
	html[lang="en"] small {
		font-size: 0.875rem;
	}
}
html[lang="en"] .btn {
	font-size: 1rem;
}
.login-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 3rem 1rem;
	background: #ffca31;
}
.login-wrap .login-box {
	display: flex;
	justify-content: start;
	align-items: stretch;
	width: 100%;
	max-width: 1000px;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1882352941);
}
.login-wrap .login-box .login-img {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	background-image: url("/_img/img-login-ac088273d792f4b595f5249d87c0d8f5.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 300px;
}
.login-wrap .login-box .login-form {
	display: flex;
	justify-content: center;
	width: 100%;
	background: #fff;
}
.login-wrap .login-box .login-form .login-form-body {
	min-width: 260px;
	text-align: center;
	padding: 4rem 0rem;
}
@media (max-width: 1198px) {
	.login-wrap .login-box .login-img {
		display: none;
	}
	.login-wrap .login-box .login-form .login-form-body {
		padding: 4rem 1rem;
	}
}
.header-name {
	margin: 0;
}
.header-name span:first-child {
	display: inline-block;
	max-width: 600px;
	font-size: 1.125rem;
	font-weight: bold;
	margin-right: 0.75rem;
	text-overflow: ellipsis;
	vertical-align: middle;
	word-break: keep-all;
	overflow: hidden;
	white-space: nowrap;
}
.header-name span:last-child {
	font-size: 0.875rem;
}
.header-profile {
	display: inline-block;
	max-width: 150px;
	vertical-align: middle;
	text-overflow: ellipsis;
	font-size: 1rem;
	color: var(--bs-body-color);
	padding-left: 0.25rem;
	overflow: hidden;
}
.profile-company {
	font-size: 1.25rem;
	margin-top: 0.75rem;
	margin-bottom: 0;
	font-weight: bold;
	word-break: break-all;
}
html[lang="en"] .profile-company {
	font-size: 1.125rem;
}
.profile-id {
	word-break: break-all;
}
.btn-toggle i.bi {
	font-size: 1.5rem;
}
.top-header .navbar {
	transition: unset;
}
html[lang="en"] .bi-question-square-fill::before {
	font-size: 16px;
}
@media (max-width: 1500px) {
	.header-name span:first-child {
		max-width: 300px;
	}
}
.sidebar-wrapper {
	padding-bottom: 70px;
	transition: 0s;
}
.sidebar-wrapper .sidebar-header {
	justify-content: center;
	transition: 0s;
	position: relative;
}
.sidebar-wrapper .logo-name h1 {
	display: block;
	width: 100%;
}
.sidebar-wrapper .logo-name h1 img {
	display: block;
	width: 100%;
	max-width: 180px;
	margin: 0 auto;
}
.sidebar-wrapper .sidebar-nav {
	height: 100%;
	margin-top: 0;
}
.sidebar-wrapper .sidebar-nav .metismenu {
	width: 100%;
}
.sidebar-wrapper .sidebar-nav .metismenu > li > a {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.sidebar-wrapper .sidebar-nav .metismenu a {
	transition: 0s !important;
}
.sidebar-wrapper .sidebar-nav .metismenu a:hover {
	color: #ffc107;
	text-decoration: none;
	background-color: rgba(255, 193, 7, 0.1);
}
.sidebar-wrapper .sidebar-nav .metismenu .mm-active a:hover {
	color: #000;
	text-decoration: none;
	background-color: rgba(255, 193, 7, 0.1);
}
.sidebar-wrapper .sidebar-nav .metismenu .mm-active a:hover i {
	color: #ffc107;
}
.sidebar-wrapper .sidebar-nav .metismenu a.active {
	color: #000;
	text-decoration: none;
	background-color: rgba(255, 193, 7, 0.1);
}
.sidebar-wrapper .sidebar-nav .metismenu a.active i {
	color: #ffc107;
}
.sidebar-wrapper .sidebar-nav .metismenu .mm-active > a {
	color: #000;
	text-decoration: none;
	background-color: rgba(255, 193, 7, 0.1);
}
.sidebar-wrapper .sidebar-nav .metismenu .mm-active > a i {
	color: #ffc107;
}
.sidebar-wrapper .sidebar-nav .metismenu .mm-active > a:hover,
.sidebar-wrapper .sidebar-nav .metismenu .mm-active > a:active,
.sidebar-wrapper .sidebar-nav .metismenu .mm-active > a:focus {
	color: #000;
}
.sidebar-wrapper .sidebar-nav .metismenu .mm-active > a:hover i,
.sidebar-wrapper .sidebar-nav .metismenu .mm-active > a:active i,
.sidebar-wrapper .sidebar-nav .metismenu .mm-active > a:focus i {
	color: #ffc107;
}
.sidebar-wrapper .sidebar-nav .metismenu .menu-title {
	font-size: 1.125rem;
	font-weight: bold;
	color: #121212;
	margin-left: 1rem !important;
}
.sidebar-wrapper .sidebar-nav .metismenu i.bi {
	font-size: 0.5rem;
}
.sidebar-wrapper .sidebar-nav .metismenu .parent-icon > i.bi {
	font-size: 1.5rem;
}
.sidebar-wrapper .sidebar-nav .metismenu .has-arrow:not(.active) ~ ul:not(.mm-collapse) {
	display: none;
}
html[lang="en"] .sidebar-wrapper .sidebar-nav .metismenu .menu-title {
	font-size: 1.25rem;
}
html[lang="en"] .sidebar-wrapper .sidebar-nav .metismenu a {
	font-size: 1rem;
}
.main-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: calc(100vh - 354px);
	margin-top: 0;
	padding-top: 70px;
	padding-bottom: 0;
	transition: unset;
}
.main-wrapper .main-content {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 60px;
}
.main-wrapper .main-content .main-title-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
	margin-top: 1.2rem;
}
.main-wrapper .main-content .main-title-box .main-title {
	font-size: 1.25rem;
	border: 0 !important;
}
.main-wrapper .main-content .card .card-body {
	padding: 2rem;
}
.main-wrapper .main-content .card .card-body .card-title {
	font-size: 1.125rem !important;
	line-height: 150%;
}
footer.page-footer {
	display: flex;
	flex-direction: column;
	position: unset;
	height: auto;
	box-shadow: unset;
	transition: unset;
	left: unset;
	margin-left: 260px;
}
footer.page-footer .footer-header {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #dcdcdc;
}
footer.page-footer .footer-header .footer-header-left {
	padding: 1rem 0;
}
footer.page-footer .footer-header .footer-header-left a {
	position: relative;
	font-size: 1rem;
	color: inherit;
	margin-left: 2rem;
}
footer.page-footer .footer-header .footer-header-left a:after {
	display: block;
	position: absolute;
	content: "";
	width: 1px;
	height: 70%;
	right: -1.2rem;
	top: 50%;
	background: #dcdcdc;
	transform: translateY(-50%);
}
footer.page-footer .footer-header .footer-header-left a:last-child:after {
	display: none;
}
footer.page-footer .footer-header .footer-header-right .btn {
	margin-right: 1rem;
}
footer.page-footer .footer-header .footer-header-right .menu-language {
	margin-right: 1rem;
}
footer.page-footer .footer-body {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
footer.page-footer .footer-body .footer-body-left {
	width: 50%;
	flex-shrink: 0;
	padding: 2rem;
}
footer.page-footer .footer-body .footer-body-left img {
	width: 120px;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}
footer.page-footer .footer-body .footer-body-left p,
footer.page-footer .footer-body .footer-body-left address {
	margin: 0;
	font-size: 0.875rem;
}
footer.page-footer .footer-body .footer-body-right {
	width: 50%;
	flex-shrink: 0;
	padding: 2rem;
}
footer.page-footer .footer-body .footer-body-right .call-box {
	display: flex;
	flex-direction: row;
	border-radius: 12px;
	padding: 1rem 2rem;
}
footer.page-footer .footer-body .footer-body-right .call-box img {
	width: 100px;
	height: 100px;
	flex-shrink: 0;
	margin-right: 2rem;
}
footer.page-footer .footer-body .footer-body-right .call-box p {
	margin: 0;
}
footer.page-footer .footer-body .footer-body-right .call-box p:first-child {
	font-size: 1.875rem;
	font-weight: bold;
}
footer.page-footer .footer-body .footer-body-right .call-box a {
	color: inherit;
}
footer.page-footer .footer-body .footer-body-bottom {
	width: 100%;
	flex-shrink: 0;
	padding: 2rem;
	padding-top: 0;
	font-size: 0.75rem;
	margin: 0;
}
html[lang="en"] footer.page-footer .footer-header .footer-header-right a.btn {
	font-size: 0.875rem;
	margin-right: 0.3125rem;
}
html[lang="en"] footer.page-footer .footer-header .footer-header-left a {
	margin-left: 1rem;
}
html[lang="en"] footer.page-footer .footer-header .footer-header-left a:after {
	right: -0.7rem;
}
html[lang="en"] footer.page-footer .footer-header .footer-header-left a:first-child {
	margin-left: 2rem;
}
html[lang="en"] footer.page-footer .footer-body .footer-body-left img {
	width: 100px;
}
html[lang="en"] footer.page-footer .footer-body .footer-body-right .call-box p:first-child {
	font-size: 1.625rem;
}
.toggled .page-footer {
	margin-left: 70px;
}
@media (max-width: 1550px) {
	footer.page-footer .footer-header .footer-header-left {
		padding-left: 1rem;
	}
	footer.page-footer .footer-header .footer-header-left a {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	footer.page-footer .footer-body .footer-body-left {
		width: 100%;
	}
	footer.page-footer .footer-body .footer-body-right {
		width: 100%;
		padding: 0rem 2rem 2rem 2rem;
	}
	footer.page-footer .footer-body .footer-body-right .call-box {
		padding: 0rem 2rem 0rem 0rem;
	}
	html[lang="en"] footer.page-footer .footer-header .footer-header-left {
		padding-left: 1rem;
	}
	html[lang="en"] footer.page-footer .footer-header .footer-header-left a {
		margin-left: 1rem;
		margin-right: 0rem;
	}
	html[lang="en"] footer.page-footer .footer-header .footer-header-left a:first-child {
		margin-left: 1rem;
	}
}
@media (max-width: 1199px) {
	footer.page-footer {
		margin-left: 0px;
	}
}
@media (max-width: 992px) {
	.header-name span:first-child {
		display: block;
		max-width: 400px;
		font-size: 1rem;
	}
	footer.page-footer .footer-header {
		flex-direction: column;
	}
	footer.page-footer .footer-header .footer-header-left {
		padding-left: 0rem;
	}
	footer.page-footer .footer-header .footer-header-right {
		padding-bottom: 1rem;
	}
}
@media (max-width: 768px) {
	.nav-item.dropdown a img {
		width: 30px;
		height: 30px;
	}
	.menu-language .dropdown-menu {
		background: #fff !important;
	}
}
@media (max-width: 576px) {
	.main-wrapper {
		min-height: calc(100vh - 598px);
	}
	.main-wrapper .main-content {
		padding: 1rem;
	}
	.main-wrapper .main-content .card .card-body {
		padding: 2rem 1rem;
	}
	.header-name span:first-child {
		max-width: 170px;
	}
	.top-header .navbar {
		padding: 0 1rem;
	}
	footer.page-footer .footer-header {
		flex-direction: column;
	}
	footer.page-footer .footer-header .footer-header-left {
		text-align: center;
	}
	footer.page-footer .footer-header .footer-header-left a {
		display: inline-block;
		margin: 0.5rem;
	}
	footer.page-footer .footer-header .footer-header-left a:after {
		height: 60%;
		right: -0.8rem;
	}
	footer.page-footer .footer-header .footer-header-left a:nth-of-type(3):after {
		display: none;
	}
	footer.page-footer .footer-header .footer-header-right .menu-language {
		margin-right: 0rem;
	}
	footer.page-footer .footer-body .footer-body-left {
		padding: 1rem;
	}
	footer.page-footer .footer-body .footer-body-left img {
		width: 100px;
	}
	footer.page-footer .footer-body .footer-body-right {
		padding: 1rem;
	}
	footer.page-footer .footer-body .footer-body-right .call-box {
		flex-direction: column;
	}
	footer.page-footer .footer-body .footer-body-right .call-box img {
		width: 60px;
		height: 60px;
	}
	footer.page-footer .footer-body .footer-body-right .call-box p:first-child {
		font-size: 1.5rem;
		margin-top: 0.5rem;
	}
	footer.page-footer .footer-body .footer-body-bottom {
		padding: 1rem;
	}
}
.d-disabled {
	background: #666 !important;
}
.min-100 {
	min-width: 100px !important;
}
.min-500 {
	min-width: 500px !important;
}
.min-600 {
	min-width: 600px !important;
}
.min-700 {
	min-width: 700px !important;
}
.min-900 {
	min-width: 900px !important;
}
.min-w-sm-250 {
	min-width: 250px !important;
}
.max-65 {
	max-width: 65px !important;
}
.max-120 {
	max-width: 120px !important;
}
.max-600 {
	max-width: 600px !important;
}
.max-900 {
	max-width: 900px !important;
}
.max-1400 {
	max-width: 1400px !important;
}
.min-h-500 {
	min-height: 500px !important;
}
.max-h-500 {
	max-height: 500px !important;
}
.max-h-300 {
	max-height: 300px !important;
}
.h-200 {
	height: 200px !important;
}
.mt-05 {
	margin-top: 0.125rem !important;
}
ol.list,
ul.list {
	padding-left: 1.5rem;
}
ol.list li,
ul.list li {
	margin-bottom: 0.25rem;
}
ol.list li:last-child,
ul.list li:last-child {
	margin-bottom: 0;
}
i.bi-question-square-fill {
	display: inline-block;
}
i.bi-question-square-fill::before {
	vertical-align: -0.15em;
}
.break-all {
	word-break: break-all;
}
.bg-kakao {
	background-color: #fae100 !important;
}
.bg-light-red {
	background-color: rgba(255, 216, 216, 0.5647058824) !important;
}
.bg-light-purple {
	background-color: rgba(218, 206, 255, 0.5647058824) !important;
}
.bg-light-yellow {
	background-color: rgba(248, 240, 212, 0.5647058824) !important;
}
.bg-light-green {
	background-color: rgba(175, 236, 176, 0.5647058824) !important;
}
.bg-light-blue {
	background-color: rgba(198, 235, 255, 0.5647058824) !important;
}
.text-kakao {
	color: #3c1e1e;
}
.bg-matching-green {
	background-color: var(--green-50) !important;
}
.bg-matching-red {
	background-color: var(--red-30) !important;
}
.bg-matching-gray {
	background-color: var(--gray-90) !important;
}
.text-light-gray {
	color: #b2b2b2;
}
.font-12 {
	font-size: 0.75rem !important;
}
.font-14 {
	font-size: 0.875rem !important;
}
html[lang="en"] .font-14 {
	font-size: 0.9375rem !important;
}
.font-16 {
	font-size: 1rem !important;
}
.font-18 {
	font-size: 1.125rem !important;
}
.font-20 {
	font-size: 1.25rem !important;
}
.font-26 {
	font-size: 1.625rem !important;
}
.table-font-12 * {
	font-size: 0.75rem !important;
}
.text-danger {
	--bs-text-opacity: 1;
	color: #dc3545 !important;
}
.title-style-1 {
	display: inline-block;
	padding: 0.75rem 1rem;
}
.title-style-3 {
	font-size: 1.125rem;
	font-weight: bold;
}
@media (max-width: 576px) {
	.min-w-sm-250 {
		min-width: 100% !important;
	}
}
.border-top-2 {
	border-top: 2px solid #000 !important;
}
.border-bottom-2 {
	border-bottom: 2px solid #000 !important;
}
.badge-sm {
	font-size: 0.625rem;
	vertical-align: middle;
}
.tooltip-inner {
	text-align: left;
}
.tooltip-inner span {
	color: red;
}
.custom-tooltip-clipboard-true .tooltip-inner {
	background: #0d6efd;
}
.custom-tooltip-clipboard-true.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
	border-top-color: #0d6efd;
}
.custom-tooltip-clipboard-false .tooltip-inner {
	background: #fd190d;
}
.custom-tooltip-clipboard-false.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
	border-top-color: #fd190d;
}
html[lang="en"] .tooltip-inner {
	font-size: 1rem;
}
.btn-box-layout-2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 1.5rem;
	margin-top: 5rem;
	margin-bottom: 1rem;
}
.btn-box-layout-2 .btn {
	border-radius: 1.5rem;
	padding: 0.7rem 4rem;
}
.btn-box-layout-3 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 5rem;
	margin-bottom: 1rem;
}
.btn-box-layout-3 .btn {
	border-radius: 1.5rem;
	padding: 0.7rem 10rem;
}
.btn-box-layout-4 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 5rem;
	margin-bottom: 1rem;
}
.btn-box-layout-4 .btn {
	border-radius: 1.5rem;
	padding: 0.7rem 10rem;
}
.btn-basic {
	--bs-btn-color: #fff;
	--bs-btn-bg: #02c27a;
	--bs-btn-border-color: #02c27a;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #04a96c;
	--bs-btn-hover-border-color: #04a96c;
	--bs-btn-focus-shadow-rgb: 60, 153, 110;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #04a96c;
	--bs-btn-active-border-color: #04a96c;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #02c27a;
	--bs-btn-disabled-border-color: #198754;
	border: unset !important;
}
.btn-basic:hover {
	border: unset !important;
	filter: brightness(0.9) !important;
}
.btn-danger {
	--bs-btn-color: #fff;
	--bs-btn-bg: #dc3545;
	--bs-btn-border-color: #dc3545;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #bb2d3b;
	--bs-btn-hover-border-color: #b02a37;
	--bs-btn-focus-shadow-rgb: 225, 83, 97;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #b02a37;
	--bs-btn-active-border-color: #a52834;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #dc3545;
	--bs-btn-disabled-border-color: #dc3545;
}
.btn-matching {
	width: 85px;
}
.btn-clipboard {
	padding: 0.25rem 0.5rem;
	border: none;
}
.btn-clipboard:focus {
	outline: 1px solid #000;
}
.btn-clipboard-none {
	opacity: 0.5;
	padding: 0.25rem 0.5rem;
	border: none;
}
.btn-clipboard-none:focus {
	outline: 1px solid #000;
}
.btn-no-domain {
	background-color: #9fa5aa;
	color: #fff;
	border: none;
}
.btn-no-domain:active,
.btn-no-domain:focus,
.btn-no-domain:hover {
	background-color: #9fa5aa;
	color: #fff;
	border: none;
	box-shadow: unset;
}
.btn-no-domain:disabled {
	background-color: #a4a9ae;
	color: #fff;
	border: none;
	box-shadow: unset;
}
.btn-no-invitation {
	background-color: #f8f9fa;
	color: #a4a9ae;
	border: none;
}
.btn-no-invitation:active,
.btn-no-invitation:focus,
.btn-no-invitation:hover {
	background-color: #f8f9fa;
	color: #a4a9ae;
	border: none;
	box-shadow: unset;
}
.btn-no-invitation:disabled {
	background-color: #a4a9ae;
	color: #fff;
	border: none;
	box-shadow: unset;
}
@media (max-width: 576px) {
	.btn-box-layout-2 {
		gap: 0.5rem;
	}
	.btn-box-layout-2 .btn {
		width: 50%;
		padding: 0.7rem 0rem;
	}
	.btn-box-layout-3 .btn,
	.btn-box-layout-4 .btn {
		width: 100%;
		padding: 0.7rem 1rem;
	}
}
.toast-container.toast-potision-top-center {
	top: 5;
	left: 50%;
	transform: translateX(-50%);
}
#wrap {
	display: none;
	border: 1px solid;
	width: 100%;
	height: 300px;
	margin: 5px 0;
	position: relative;
}
#wrap img {
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: -1px;
	z-index: 1;
}
.pagination {
	justify-content: center;
}
.pagination .page-link {
	border: none;
	color: #232323;
	padding: 0.3rem 0.5rem;
}
.pagination .active .page-link,
.pagination .page-link.active {
	background: #000;
	color: #fff;
}
.search-style-1 input {
	border-width: 1px;
}
.search-style-1 button {
	padding-left: 2rem;
	padding-right: 2rem;
}
.setting-menu-box {
	overflow: hidden;
}
.setting-menu-box .card {
	border-radius: unset;
	margin: 0;
	overflow-x: auto;
}
.setting-menu-box .card .card-body {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
}
.setting-menu-box .card .card-body a {
	flex-shrink: 0;
	display: inline-block;
	position: relative;
	color: inherit;
	background: #fff;
	border-radius: 24px;
	border: 1px solid #fff;
	padding: 0.25rem 0.7rem;
	margin: 0.3rem 0.25rem;
}
.setting-menu-box .card .card-body a:hover,
.setting-menu-box .card .card-body a.active {
	background: #fff9e6;
	border: 1px solid #ffc10e;
}
.setting-menu-box .card .card-body a .badge {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.spinner-border-lg {
	width: 3rem;
	height: 3rem;
}
.table {
	margin-bottom: 0;
}
.table th {
	vertical-align: middle;
}
.table-width-equal-3 th {
	width: 33.3%;
}
.table-width-equal-7 th {
	width: 14.2%;
}
.table-width-equal-7 td {
	height: 50px;
}
.table-sm th {
	padding: 0.75rem 0.25rem;
	font-size: 0.875rem;
}
.table-sm td {
	padding: 0.5rem 0.25rem;
	font-size: 0.875rem;
}
.table-set-invitation i {
	font-size: 1.25rem;
}
html[lang="en"] .table-sm th,
html[lang="en"] .table-sm td {
	font-size: 1rem;
}
.table-width-set-1 th:nth-of-type(1) {
	width: 12%;
}
.table-width-set-1 th:nth-of-type(2) {
	width: 12%;
}
.table-width-set-1 th:nth-of-type(3) {
	width: 23%;
}
.table-width-set-1 th:nth-of-type(4) {
	width: 15%;
}
.table-width-set-1 th:nth-of-type(5) {
	width: 26%;
}
.table-width-set-1 th:nth-of-type(6) {
	width: 12%;
}
.table-width-set-1 td {
	padding: 0.5rem 0.5rem;
	height: 55px;
}
.table-width-set-2 td {
	height: 55px;
}
.table-width-set-2 th {
	width: 30%;
}
.table-width-set-2 th:nth-of-type(1) {
	width: 20%;
}
.table-width-set-2 th:nth-of-type(3) {
	width: 50%;
}
.table-width-set-3 {
	vertical-align: middle;
}
.table-width-set-3 th {
	width: 250px;
	padding: 0.25rem;
	font-weight: normal;
	color: #232323;
}
.table-width-set-3 td {
	padding: 0.25rem;
}
.table-width-set-3-2 {
	vertical-align: middle;
}
.table-width-set-3-2 th {
	width: 250px;
	padding: 0.25rem;
	font-weight: normal;
	color: #232323;
}
.table-width-set-3-2 td {
	padding: 0.25rem;
}
.table-width-set-3-2 tr th:nth-of-type(2) {
	width: 150px;
}
.table-width-set-4 {
	vertical-align: middle;
}
.table-width-set-4 th {
	width: 170px;
	padding: 0.25rem;
	font-size: 0.875rem;
	font-weight: normal;
	color: #232323;
	text-align: center;
}
.table-width-set-4 td {
	height: 40px;
	padding: 0.25rem;
}
.table-width-set-4 td input {
	border: none;
}
.table-width-set-5 * {
	font-size: 0.875rem;
	vertical-align: middle;
}
.table-width-set-5 input {
	padding: 0px 5px;
	border-radius: unset;
}
.table-width-set-5 th:nth-of-type(1) {
	width: 8%;
}
.table-width-set-5 th:nth-of-type(2) {
	width: 15%;
}
.table-width-set-5 th:nth-of-type(3) {
	width: 9%;
}
.table-width-set-5 th:nth-of-type(4) {
	width: 15%;
}
.table-width-set-5 th:nth-of-type(5) {
	width: 15%;
}
.table-width-set-5 th:nth-of-type(6) {
	width: 15%;
}
.table-width-set-5 th:nth-of-type(7) {
	width: 15%;
}
.table-width-set-5 th:nth-of-type(8) {
	width: 8%;
}
.table-width-set-5 td {
	word-break: break-all;
}
.table-width-set-6 * {
	font-size: 0.875rem;
	vertical-align: middle;
}
.table-width-set-6 tbody tr:first-child td {
	width: 11%;
	padding: 0.7rem;
}
.table-width-set-7 tr:first-child th:nth-of-type(1) {
	width: 10%;
}
.table-width-set-7 tr:first-child th:nth-of-type(2) {
	width: 30%;
}
.table-width-set-7 tr:first-child th:nth-of-type(3) {
	width: 25%;
}
.table-width-set-7 tr:first-child th:nth-of-type(4) {
	width: 25%;
}
.table-width-set-7 tr td:nth-of-type(5) {
	width: 10%;
	word-break: keep-all;
}
.table-width-set-8 {
	width: 600px;
}
.table-width-set-8 td {
	padding: 0.8rem;
}
.table-width-set-8 td:first-child {
	text-align: left;
}
.table-width-set-8 tr:first-child th:nth-of-type(1) {
	width: 10%;
}
.table-width-set-8 tr:first-child th:nth-of-type(2) {
	width: 45%;
}
.table-width-set-8 tr:first-child th:nth-of-type(3) {
	width: 45%;
}
.table-width-set-9 tr:first-child th:nth-of-type(1) {
	width: 20%;
}
.table-width-set-9 tr:first-child th:nth-of-type(2) {
	width: 40%;
}
.table-width-set-9 tr:first-child th:nth-of-type(3) {
	width: 40%;
}
.table-width-set-10 tr:first-child th:nth-of-type(1) {
	width: 10%;
}
.table-width-set-10 tr:first-child th:nth-of-type(2) {
	width: 26%;
}
.table-width-set-10 tr:first-child th:nth-of-type(3) {
	width: 32%;
}
.table-width-set-10 tr:first-child th:nth-of-type(4) {
	width: 20%;
}
.table-width-set-10 tr:first-child th:nth-of-type(5) {
	width: 10%;
}
.table-width-set-11 * {
	font-size: 0.875rem;
	vertical-align: middle;
}
.table-width-set-11 input {
	padding: 0px 5px;
	border-radius: unset;
}
.table-width-set-11 th:nth-of-type(1) {
	width: 8%;
}
.table-width-set-11 th:nth-of-type(2) {
	width: 14%;
}
.table-width-set-11 th:nth-of-type(3) {
	width: 10%;
}
.table-width-set-11 th:nth-of-type(4) {
	width: 15%;
}
.table-width-set-11 th:nth-of-type(5) {
	width: 15%;
}
.table-width-set-11 th:nth-of-type(6) {
	width: 15%;
}
.table-width-set-11 th:nth-of-type(7) {
	width: 15%;
}
.table-width-set-11 th:nth-of-type(8) {
	width: 8%;
}
.table-width-set-12 th:nth-of-type(1) {
	width: 5%;
}
.table-width-set-12 th:nth-of-type(2) {
	width: 5%;
}
.table-width-set-12 th:nth-of-type(3) {
	width: 15%;
}
.table-width-set-12 th:nth-of-type(4) {
	width: 15%;
}
.table-width-set-12 th:nth-of-type(5) {
	width: 15%;
}
.table-width-set-12 th:nth-of-type(6) {
	width: 15%;
}
.table-width-set-12 th:nth-of-type(7) {
	width: 18%;
}
.table-width-set-12 th:nth-of-type(8) {
	width: 12%;
}
.table-width-set-12 td {
	word-break: break-all;
}
.table-width-set-13 th:nth-of-type(1) {
	width: 5%;
}
.table-width-set-13 th:nth-of-type(2) {
	width: 40%;
}
.table-width-set-13 th:nth-of-type(3) {
	width: 20%;
}
.table-width-set-13 th:nth-of-type(4) {
	width: 20%;
}
.table-width-set-13 th:nth-of-type(5) {
	width: 15%;
}
.table-width-set-13 td {
	word-break: break-all;
}
.table-width-set-14 th:nth-of-type(1) {
	width: 5%;
}
.table-width-set-14 th:nth-of-type(2) {
	width: 10%;
}
.table-width-set-14 th:nth-of-type(3) {
	width: 14%;
}
.table-width-set-14 th:nth-of-type(4) {
	width: 13%;
}
.table-width-set-14 th:nth-of-type(5) {
	width: 7%;
}
.table-width-set-14 th:nth-of-type(6) {
	width: 5%;
}
.table-width-set-14 th:nth-of-type(7) {
	width: 5%;
}
.table-width-set-14 th:nth-of-type(8) {
	width: 5%;
}
.table-width-set-14 th:nth-of-type(9) {
	width: 18%;
}
.table-width-set-14 th:nth-of-type(10) {
	width: 13%;
}
.table-width-set-14 th:nth-of-type(11) {
	width: 5%;
}
.table-width-set-14 td {
	word-break: break-all;
}
.table-width-set-15 th:nth-of-type(1) {
	width: 5%;
}
.table-width-set-15 th:nth-of-type(2) {
	width: 16%;
}
.table-width-set-15 th:nth-of-type(3) {
	width: 16%;
}
.table-width-set-15 th:nth-of-type(4) {
	width: 16%;
}
.table-width-set-15 th:nth-of-type(5) {
	width: 16%;
}
.table-width-set-15 th:nth-of-type(6) {
	width: 19%;
}
.table-width-set-15 th:nth-of-type(7) {
	width: 12%;
}
.table-width-set-15 td {
	word-break: break-all;
}
.table-qrused thead tr th:nth-of-type(1),
.table-qrused thead tr th:nth-of-type(2) {
	width: 10%;
	min-width: 50px;
}
.table-invitation th {
	vertical-align: middle;
	height: 58px;
}
.table-invitation th:nth-of-type(1) {
	width: 50%;
}
.table-invitation th:nth-of-type(2) {
	width: 50%;
}
.table-invitation td {
	height: 40px;
}
.invite-table-layout {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	min-height: 24px;
}
.invite-table-layout .invite-table-layout-left {
	padding-left: 10px;
	width: 40px;
}
@media (max-width: 992px) {
	.table-width-set-3,
	.table-width-set-3-2,
	.table-width-set-4 {
		border: none;
	}
	.table-width-set-3 tr,
	.table-width-set-3-2 tr,
	.table-width-set-4 tr {
		border: none;
	}
	.table-width-set-3 th,
	.table-width-set-3-2 th,
	.table-width-set-4 th {
		display: block;
		width: 100%;
		font-size: 1rem;
		border: 1px solid #dee2e6;
		border-bottom: none;
	}
	.table-width-set-3 td,
	.table-width-set-3-2 td,
	.table-width-set-4 td {
		display: block;
		width: 100%;
		margin-bottom: 1rem;
		border: 1px solid #dee2e6;
	}
	.table-width-set-3-2 tr th:nth-of-type(2) {
		width: 100%;
	}
	.table-width-set-8 {
		width: 450px;
	}
}
@media (max-width: 576px) {
	.table-invitation th:nth-of-type(1) {
		width: 60%;
	}
	.table-invitation th:nth-of-type(2) {
		width: 40%;
	}
}
.table-list-wrap {
	overflow: auto;
	border-bottom: 1px solid #ddd;
}
.table-sticky thead tr:first-child th {
	position: sticky;
	top: -1px;
	background: #999 !important;
	color: #fff;
	z-index: 1;
}
.table-accordion:hover {
	background: #f5f5f5 !important;
}
.table-accordion i::before {
	transform: rotate(0deg);
	transition: 0.2s;
}
.table-accordion.on {
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1254901961);
}
.table-accordion.on i::before {
	transform: rotate(180deg);
	transition: 0.2s;
}
.table-history {
	display: none;
}
.accordion-notice .accordion-item {
	border-right: 0px;
	border-left: 0px;
}
.accordion-notice .accordion-header .accordion-button {
	min-height: 90px;
	color: #666;
}
.accordion-notice .accordion-header .accordion-button:not(.collapsed) {
	color: inherit;
	background-color: inherit;
	box-shadow: unset;
}
.accordion-notice .accordion-header .accordion-button:not(.collapsed)::after {
	background-image: var(--bs-accordion-btn-icon);
}
.accordion-notice .accordion-header .accordion-button:focus {
	z-index: 3;
	border-color: inherit;
	outline: 0;
	box-shadow: unset;
}
.accordion-notice .accordion-body {
	color: #666;
	padding-bottom: 2.5rem;
}
@media (max-width: 576px) {
	.accordion-notice .accordion-header .accordion-button {
		padding: 1rem 0.5rem;
	}
}
.tab-menu-box-2 .nav-item {
	width: 230px;
}
.tab-menu-box-2 .nav-link {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-bottom: none;
	background: #fff;
	padding: 0.75rem 0.5rem;
}
.tab-menu-box-2 .nav-link .radio-shape {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: 1.125rem;
	height: 1.125rem;
	background: #fff;
	border: 2px solid #dcdcdc;
	border-radius: 100%;
	margin-right: 0.5rem;
}
.tab-menu-box-2 .nav-link .radio-shape span {
	width: 0.5rem;
	height: 0.5rem;
	background: #fff;
	border-radius: 100%;
}
.tab-menu-box-2 .nav-link.active {
	background: #ffc10e;
	color: #000;
	border: 2px solid #f5b700;
	border-bottom: none;
}
.tab-menu-box-2 .nav-link.active .radio-shape {
	border: 2px solid #ffc10e;
}
.tab-menu-box-2 .nav-link.active .radio-shape span {
	background: #ffc10e;
}
.tab-menu-box-fill .nav-link {
	border: 1px solid #dcdcdc;
	border-radius: 0px;
}
.tab-menu-box-fill .nav-link.active {
	background-color: #ffc10e;
	border-color: #ffc10e;
	color: #000;
}
@media (max-width: 576px) {
	.tab-menu-box-2 .nav-item {
		width: 50%;
	}
}
.form-check {
	margin-bottom: 0;
}
.form-check-input[type="radio"] {
	width: 1.25em;
	height: 1.25em;
	margin-top: 0.15em;
}
.form-check-input[type="checkbox"] {
	width: 1.25em;
	height: 1.25em;
}
.form-switch .form-check-input[type="checkbox"] {
	width: 3em;
	height: 1.5em;
	margin-left: -2.8em;
	margin-top: 0;
	background-color: #dc3545;
	border-color: #dc3545;
	background-image: url(/_img/no-36168e8f78967d41b48ed4b2a44ac29f.png);
	transition: background-position 0.1s ease-in-out;
}
.form-switch .form-check-input:checked[type="checkbox"] {
	background-color: #0d6efd;
	border-color: #0d6efd;
	background-image: url(/_img/yes-1376516152e7bc9d36d3e933bb910fb8.png);
}
textarea {
	scrollbar-arrow-color: #efefef;
	scrollbar-track-color: #efefef;
	scrollbar-base-color: #dfdfdf;
	scrollbar-face-color: #dfdfdf;
	scrollbar-3dlight-color: #dfdfdf;
	scrollbar-darkshadow-color: #dfdfdf;
	scrollbar-highlight-color: #dfdfdf;
	scrollbar-shadow-color: #dfdfdf;
}
textarea::-webkit-scrollbar {
	width: 7px;
}
textarea::-webkit-scrollbar-button:start:decrement,
textarea::-webkit-scrollbar-button:end:increment {
	display: none;
}
textarea::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.05);
	border-radius: 20px;
}
textarea::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 20px;
}
.textarea-msg {
	width: 100%;
	height: 300px;
	resize: none;
	word-break: break-all;
}
.textarea-email-footer {
	width: 100%;
	height: 40px;
	resize: none;
	word-break: break-all;
	border: none;
	font-size: 0.875rem;
}
.textarea-talk {
	border-radius: 0;
	width: 100%;
	height: 200px;
	word-break: break-all;
}
.textarea-design {
	width: 100%;
	min-height: 300px !important;
	word-break: break-all;
}
.label-msg {
	width: 100%;
	height: 37px;
	text-align: center;
	line-height: 37px;
	background: #f2f2f2;
	border-radius: 0.375rem;
	border: 1px solid #dcdcdc;
}
.input-placeholder-sm::-moz-placeholder {
	font-size: 9px;
}
.input-placeholder-sm::placeholder {
	font-size: 9px;
}
html[lang="en"] .label-msg {
	height: 33px;
	line-height: 33px;
}
.count-wrap {
	display: flex;
	width: 150px;
	height: 39px;
	background: #fff;
	border: 1px solid var(--gray-normal);
	border-radius: 6px;
	overflow: hidden;
}
html[lang="en"] .count-wrap {
	height: 34px;
}
@media (max-width: 768px) {
	.count-wrap {
		height: 34px;
	}
}
.count-start {
	position: relative;
	width: 25px;
	height: 100%;
	border: none;
}
.count-start::before {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	left: 50%;
	width: 10px;
	height: 2px;
	background-color: #000;
	transform: translate(-50%, -50%);
}
.count-start.disabled,
.count-end.disabled {
	cursor: unset;
}
.count-start.disabled::before,
.count-end.disabled::before,
.count-end.disabled::after {
	background-color: var(--gray-normal);
}
.count-wrap input[type="number"],
.count-wrap input[type="number"] {
	z-index: 1;
}
.count-wrap input[type="number"]::-webkit-inner-spin-button,
.count-wrap input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}
.count-center {
	display: inline-block;
	width: 100px;
	height: 100%;
	text-align: center;
	border: none;
}
.count-end {
	position: relative;
	width: 25px;
	height: 100%;
	border: none;
}
.count-end::before {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	left: 50%;
	width: 10px;
	height: 2px;
	background-color: #000;
	transform: translate(-50%, -50%);
}
.count-end::after {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	left: 50%;
	width: 2px;
	height: 10px;
	background-color: #000;
	transform: translate(-50%, -50%);
}
.count-updown-wrap input {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.count-down {
	display: inline-block;
	position: relative;
	width: 35px;
	height: 20px;
	border: none;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid var(--gray-normal);
	border-left: 0;
}
.count-down::before {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	left: 50%;
	width: 8px;
	height: 2px;
	transform: translate(-50%, -50%);
	background-color: #000;
}
.count-down.disabled,
.count-up.disabled {
	cursor: unset;
}
.count-down.disabled::before,
.count-up.disabled::before,
.count-up.disabled::after {
	background-color: var(--gray-normal);
}
.count-up {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 20px;
	border: none;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid var(--gray-normal);
	border-bottom: 0;
	border-left: 0;
}
.count-up::before {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	left: 50%;
	width: 8px;
	height: 2px;
	transform: translate(-50%, -50%);
	background-color: #000;
}
.count-up::after {
	position: absolute;
	display: block;
	content: "";
	top: 50%;
	left: 50%;
	width: 2px;
	height: 8px;
	transform: translate(-50%, -50%);
	background-color: #000;
}
.count-updown-wrap input[type="number"],
.count-updown-wrap input[type="number"] {
	z-index: 1;
}
.count-updown-wrap input[type="number"]::-webkit-inner-spin-button,
.count-updown-wrap input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}
#dropZone {
	padding: 0px;
}
.filebox label {
	width: 100%;
	padding: 50px 10px;
	margin: 0;
	height: 200px;
}
.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.filebox i {
	font-size: 40px;
	color: #02c27a;
	margin-bottom: 20px;
}
@media (max-width: 768px) {
	.label-msg {
		height: 33px;
		line-height: 33px;
	}
}
table input:disabled {
	background: #e9ecef;
}
.dropdown-nation {
	width: 150px;
	height: 37px;
	text-align: left;
}
.dropdown-nation::after {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
html[lang="en"] .dropdown-nation {
	height: 33px;
}
@media (max-width: 768px) {
	.dropdown-nation {
		height: 33px;
	}
}
.dropdown-menu-nation {
	width: 100%;
	max-width: 470px;
}
.dropdown-menu-nation .nation-search {
	padding: 0 1rem;
}
.dropdown-menu-nation .nation-search div {
	border-bottom: 1px solid #666;
}
.dropdown-menu-nation .nation-search input {
	border: none;
	border-radius: unset;
}
.dropdown-menu-nation .nation-search button:focus,
.dropdown-menu-nation .nation-search button:active,
.dropdown-menu-nation .nation-search button:hover {
	border-color: unset;
}
.dropdown-menu-nation li {
	font-size: 0.75rem;
}
.dropdown-menu-nation li img {
	width: 30px;
	margin-right: 0.5rem;
}
.dropdown-menu-nation .dropdown-ul-nation {
	list-style: none;
	padding: 10px 0;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}
.dropdown-menu-nation .dropdown-ul-nation .dropdown-item {
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem;
	white-space: normal;
	word-break: break-word;
}
.dropdown-menu-nation .dropdown-ul-nation .dropdown-item span,
.dropdown-menu-nation .dropdown-ul-nation .dropdown-item small {
	flex-shrink: 0;
}
.dropdown-menu-nation.nation-profile {
	width: calc(100% - 30px);
	max-width: 580px;
}
.selected-nation {
	display: flex;
	align-items: center;
	padding-right: 15px;
	white-space: normal;
	word-break: break-word;
}
.dropdown-w-100 {
	width: 100%;
	text-align: left;
}
.dropdown-w-100::after {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
.dropdown-email-input a {
	padding-right: 100px;
}
.dropdown-email-input li.has-delete a {
	position: relative;
}
.dropdown-email-input li.has-delete a span {
	position: absolute;
	top: 50%;
	right: 10px;
	display: inline-block;
	width: 30px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-weight: bold;
	background: red;
	transform: translateY(-50%);
}
.table-border,
.table-border td {
	border: none !important;
}
.table-border tr:first-child {
	border: 2px solid #02c27a;
	background: rgba(135, 203, 22, 0.0196078431);
	height: 200px;
	text-align: center;
}
.setting-layout-1 {
	display: flex;
	flex-direction: row;
}
.setting-layout-1 .setting-layout-left {
	width: 100%;
	padding-right: 2rem;
}
.setting-layout-1 .setting-layout-right {
	width: 380px;
	flex-shrink: 0;
}
.setting-layout-2 {
	display: flex;
	flex-direction: row;
}
.setting-layout-2 .setting-layout-left {
	width: 38%;
	padding: 0.5rem 0rem;
}
.setting-layout-2 .setting-layout-center {
	width: 24%;
	padding: 0rem 2rem;
}
.setting-layout-2 .setting-layout-right {
	width: 38%;
	padding: 1rem 0rem;
	flex-shrink: 0;
	background: #f8f9fa;
}
.setting-layout-3 {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 40px;
	padding: 20px;
}
.setting-layout-3 .setting-layout-left {
	width: 75%;
	position: relative;
}
.setting-layout-3 .setting-layout-left::after {
	display: block;
	position: absolute;
	content: "";
	top: 50%;
	left: calc(100% + 20px);
	width: 1px;
	height: 80%;
	background: #dcdcdc;
	transform: translateY(-50%);
}
.setting-layout-3 .setting-layout-right {
	text-align: center;
	width: 20%;
}
.setting-layout-4 {
	display: flex;
	flex-direction: row;
	gap: 10%;
}
.setting-layout-4 .setting-layout-left {
	width: 100%;
	padding: 0.5rem 0rem;
}
.setting-layout-4 .setting-layout-right {
	width: 40%;
	padding: 1rem 0rem;
	flex-shrink: 0;
	background: #f8f9fa;
}
@media (max-width: 1400px) {
	.setting-layout-2 {
		flex-wrap: wrap;
	}
	.setting-layout-2 .setting-layout-left {
		width: 60%;
		padding: 0.5rem 0rem;
	}
	.setting-layout-2 .setting-layout-center {
		width: 40%;
	}
	.setting-layout-2 .setting-layout-right {
		width: 100%;
		margin-top: 3rem;
		padding: 1rem 1rem;
	}
	.setting-layout-3 {
		flex-direction: column;
		align-items: start;
	}
	.setting-layout-3 .setting-layout-left {
		width: 100%;
		position: relative;
	}
	.setting-layout-3 .setting-layout-left::after {
		display: none;
	}
	.setting-layout-3 .setting-layout-right {
		align-self: center;
		width: 100%;
	}
}
@media (max-width: 1198px) {
	.setting-layout-1 {
		flex-direction: column;
	}
	.setting-layout-1 .setting-layout-left {
		width: 100%;
		padding-right: 0;
	}
	.setting-layout-1 .setting-layout-right {
		margin: 40px auto 0;
	}
	.setting-layout-4 {
		flex-direction: column;
		gap: 0%;
	}
	.setting-layout-4 .setting-layout-left {
		width: 100%;
		padding-right: 0;
	}
	.setting-layout-4 .setting-layout-right {
		width: 100%;
		margin: 40px auto 0;
	}
}
@media (max-width: 576px) {
	.setting-layout-2 .setting-layout-left {
		width: 100%;
		padding: 0.5rem 0rem;
	}
	.setting-layout-2 .setting-layout-center {
		width: 40%;
	}
}
@media (max-width: 452px) {
	.setting-layout-1 .setting-layout-right {
		width: 100%;
		margin: 40px 0 0 0;
	}
	.setting-layout-1 .setting-layout-right .phone-box-wrap {
		height: 640px;
		overflow: hidden;
	}
	.setting-layout-1 .setting-layout-right .phone-box-wrap p.title-style-3 {
		margin-bottom: 1rem !important;
	}
	.setting-layout-1 .setting-layout-right .phone-box-wrap .phone-box {
		width: 380px;
		transform: scale(0.75);
		transform-origin: top center;
		margin-left: calc((100% - 380px) / 1.95);
	}
}
@media (max-width: 380px) {
	.setting-layout-1 .setting-layout-right .phone-box-wrap {
		height: 560px;
	}
	.setting-layout-1 .setting-layout-right .phone-box-wrap .phone-box {
		transform: scale(0.65);
	}
}
.settingWrap .settingHead {
	padding: 0.75rem 1rem;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border: 1px solid #ddd;
	background: #f2f2f2;
	font-weight: bold;
}
.settingWrap .settingBody {
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	border: 1px solid #ddd;
	border-top: none;
	padding: 1rem;
}
.flex-layout-style-1 {
	display: flex;
	flex-direction: row;
	gap: 2rem;
}
.flex-layout-style-1 > div {
	width: 50%;
}
@media (max-width: 992px) {
	.flex-layout-style-1 {
		display: flex;
		flex-direction: column;
		gap: 2rem;
	}
	.flex-layout-style-1 > div {
		width: 100%;
	}
}
.invitation-setting-layout-1 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 2rem;
}
.invitation-setting-layout-1 .invitation-setting-left {
	width: 120px;
	flex-shrink: 0;
}
.invitation-setting-layout-1 .invitation-setting-right {
	width: 100%;
	padding-bottom: 2rem;
	border-bottom: 1px solid #dcdcdc;
}
.invitation-setting-layout-1 .quantity-setting-box-1 {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-top: 1rem;
	gap: 0.5rem;
}
.invitation-setting-layout-1 .quantity-setting-box-1 .quantity-setting-1 {
	width: 40%;
	flex-shrink: 0;
}
.invitation-setting-layout-1 .quantity-setting-box-1 .quantity-setting-1 .count-updown-wrap .count-up,
.invitation-setting-layout-1 .quantity-setting-box-1 .quantity-setting-1 .count-updown-wrap .count-down {
	height: 26px;
}
.invitation-setting-layout-1 .quantity-setting-box-1 .quantity-setting-2 {
	width: 100%;
}
.invitation-setting-layout-1 .quantity-setting-box-1 .quantity-setting-2 table {
	font-size: 0.875rem;
}
.invitation-setting-layout-1 .quantity-setting-box-1 .quantity-setting-2 table td {
	padding: 0.125rem 0.5rem;
}
.invitation-setting-layout-2 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 2rem;
}
.invitation-setting-layout-2 .invitation-setting-left {
	width: 120px;
	flex-shrink: 0;
}
.invitation-setting-layout-2 .invitation-setting-right {
	width: 100%;
	padding-bottom: 2rem;
	border-bottom: 1px solid #dcdcdc;
}
.invitation-setting-layout-2 .quantity-setting-box-1 {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-top: 1rem;
	gap: 0.5rem;
}
.invitation-setting-layout-2 .quantity-setting-box-1 .quantity-setting-1 {
	width: 100%;
	flex-shrink: 0;
}
.invitation-setting-layout-2 .quantity-setting-box-1 .quantity-setting-1 .count-updown-wrap .count-up,
.invitation-setting-layout-2 .quantity-setting-box-1 .quantity-setting-1 .count-updown-wrap .count-down {
	height: 26px;
}
.invitation-setting-layout-3 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 2rem;
}
.invitation-setting-layout-3 .invitation-setting-left {
	width: 120px;
	flex-shrink: 0;
}
.invitation-setting-layout-3 .invitation-setting-right {
	width: 100%;
	padding-bottom: 2rem;
	border-bottom: 1px solid #dcdcdc;
}
.invitation-setting-layout-3 .quantity-setting-box-1 {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-top: 1rem;
	gap: 0.5rem;
}
.invitation-setting-layout-3 .quantity-setting-box-1 .quantity-setting-1 {
	width: 40%;
	flex-shrink: 0;
}
.invitation-setting-layout-3 .quantity-setting-box-1 .quantity-setting-1 .count-updown-wrap .count-up,
.invitation-setting-layout-3 .quantity-setting-box-1 .quantity-setting-1 .count-updown-wrap .count-down {
	height: 26px;
}
.invitation-setting-layout-3 .quantity-setting-box-1 .quantity-setting-2 {
	width: 100%;
}
.invitation-setting-layout-3 .quantity-setting-box-1 .quantity-setting-2 table {
	font-size: 0.875rem;
}
.invitation-setting-layout-3 .quantity-setting-box-1 .quantity-setting-2 table td {
	padding: 0.125rem 0.5rem;
}
.invitation-infinite-setting-box {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-end;
	margin-top: 1rem;
}
.invitation-infinite-setting-box .invitation-infinite-setting-right {
	display: flex;
	gap: 0.5rem;
	border-left: 1px solid #dcdcdc;
	padding-left: 1rem;
}
@media (max-width: 992px) {
	.invitation-setting-layout-1,
	.invitation-setting-layout-2,
	.invitation-setting-layout-3 {
		flex-direction: column;
	}
	.invitation-setting-layout-1 .quantity-setting-box-1,
	.invitation-setting-layout-2 .quantity-setting-box-1,
	.invitation-setting-layout-3 .quantity-setting-box-1 {
		flex-direction: column;
	}
	.invitation-setting-layout-1 .quantity-setting-box-1 .quantity-setting-1,
	.invitation-setting-layout-2 .quantity-setting-box-1 .quantity-setting-1,
	.invitation-setting-layout-3 .quantity-setting-box-1 .quantity-setting-1 {
		width: 100%;
	}
	.invitation-setting-layout-1 .quantity-setting-box-1 .quantity-setting-1 .count-updown-wrap .count-up,
	.invitation-setting-layout-1 .quantity-setting-box-1 .quantity-setting-1 .count-updown-wrap .count-down,
	.invitation-setting-layout-2 .quantity-setting-box-1 .quantity-setting-1 .count-updown-wrap .count-up,
	.invitation-setting-layout-2 .quantity-setting-box-1 .quantity-setting-1 .count-updown-wrap .count-down,
	.invitation-setting-layout-3 .quantity-setting-box-1 .quantity-setting-1 .count-updown-wrap .count-up,
	.invitation-setting-layout-3 .quantity-setting-box-1 .quantity-setting-1 .count-updown-wrap .count-down {
		height: 20px;
	}
	.invitation-setting-layout-1 .quantity-setting-box-1 .quantity-setting-2,
	.invitation-setting-layout-2 .quantity-setting-box-1 .quantity-setting-2,
	.invitation-setting-layout-3 .quantity-setting-box-1 .quantity-setting-2 {
		width: 100%;
	}
	.invitation-setting-layout-1 .quantity-setting-box-1 .quantity-setting-2 table,
	.invitation-setting-layout-2 .quantity-setting-box-1 .quantity-setting-2 table,
	.invitation-setting-layout-3 .quantity-setting-box-1 .quantity-setting-2 table {
		font-size: 0.875rem;
	}
	.invitation-setting-layout-1 .quantity-setting-box-1 .quantity-setting-2 table td,
	.invitation-setting-layout-2 .quantity-setting-box-1 .quantity-setting-2 table td,
	.invitation-setting-layout-3 .quantity-setting-box-1 .quantity-setting-2 table td {
		padding: 0.125rem 0.5rem;
	}
	.invitation-infinite-setting-box {
		flex-direction: column;
	}
	.invitation-infinite-setting-box .invitation-infinite-setting-right {
		border-left: unset;
		padding-left: 0;
		margin-top: 0.5rem;
	}
}
.phone-box-wrap {
	position: sticky;
	top: 90px;
	z-index: 1;
	width: 100%;
}
.phone-box .phone-out {
	background: #121212;
	border-radius: 3rem;
	padding: 0.75rem;
	box-shadow: 1px 7px 10px rgba(0, 0, 0, 0.3098039216);
}
.phone-box .phone-out .phone-in-wrap {
	overflow: hidden;
	border-radius: 2.5rem;
}
.phone-box .phone-out .phone-in {
	height: 740px;
	background: #eee;
	overflow-y: auto;
}
.phone-box .phone-out .phone-in::-webkit-scrollbar {
	width: 10px;
}
.phone-box .phone-out .phone-in::-webkit-scrollbar-thumb {
	background: #8b8b8b;
	border-radius: 10px;
}
.phone-box .phone-out .phone-in::-webkit-scrollbar-track {
	background: rgba(139, 139, 139, 0.062745098);
}
.ticket-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
	min-height: 100%;
}
.ticket-wrap .ticket {
	display: flex;
	flex-direction: column;
	width: 320px;
	border-radius: 1rem;
	background: #fff;
	overflow: hidden;
}
.ticket-wrap .ticket .ticket-body {
	padding: 1.5rem 1rem;
}
.ticket-wrap .ticket .ticket-bottom {
	display: flex;
	flex-direction: column;
	padding: 1.5rem 1rem;
}
.ticket-wrap .ticket .ticket-button {
	display: none;
	flex-direction: column;
	align-items: center;
	padding: 0rem 1rem 1.5rem 1rem;
}
.ticket-wrap .ticket .ticket-banner img {
	display: block;
	width: 100%;
}
.ticket-wrap .ticket .marquee-wrap {
	height: 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	overflow: hidden;
}
.ticket-wrap .ticket .gif-wrap img {
	display: block;
	width: 100%;
}
.ticket-wrap .ticket .ticket-info-box {
	border-radius: 0.5rem;
	border: 1px solid #02c27a;
	overflow: hidden;
}
.ticket-wrap .ticket .ticket-info-box .ticket-title {
	min-height: 43px;
	color: #fff;
	background: #02c27a;
	text-align: center;
	padding: 0.5rem;
	font-size: 1.125rem;
}
.ticket-wrap .ticket .ticket-info-box .ticket-dec {
	padding: 1rem;
}
.ticket-wrap .ticket .ticket-info-box .ticket-dec ol {
	margin: 0;
	padding-left: 1rem;
}
.ticket-wrap .ticket .ticket-info-box .ticket-dec ol li {
	font-size: 0.875rem;
	margin-bottom: 0.5rem;
}
.ticket-wrap .ticket .ticket-info-box .ticket-dec ol li:last-child {
	margin-bottom: 0rem;
}
.ticket-wrap .ticket .ticket-code-box {
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 1rem;
}
.ticket-wrap .ticket .ticket-code-box .ticket-profile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.ticket-wrap .ticket .ticket-code-box .ticket-profile .ticket-name {
	font-weight: bold;
	font-size: 1rem;
	letter-spacing: 3px;
	text-align: center;
	word-break: break-word;
}
.ticket-wrap .ticket .ticket-code-box .ticket-profile .ticket-phone {
	font-weight: bold;
	font-size: 0.8125rem;
	text-align: center;
	word-break: break-word;
}
.ticket-wrap .ticket .ticket-code-box .ticket-profile .ticket-email {
	font-weight: bold;
	font-size: 0.8125rem;
	text-align: center;
	word-break: break-word;
}
.ticket-wrap .ticket .ticket-code-box .ticket-code {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.ticket-wrap .ticket .ticket-code-box .ticket-code .qr-img {
	display: block;
	width: 80px;
	height: 80px;
}
.ticket-wrap .ticket .ticket-code-box .ticket-code .barcode-img {
	display: block;
	width: 200px;
	height: 65px;
}
.ticket-wrap .ticket .ticket-code-box.code-qr {
	flex-direction: row;
	padding: 1rem 0rem;
}
.ticket-wrap .ticket .ticket-code-box.code-qr .ticket-profile,
.ticket-wrap .ticket .ticket-code-box.code-qr .ticket-code {
	display: flex;
	width: 50%;
}
.ticket-wrap .ticket .ticket-code-box.code-barcode {
	flex-direction: column;
	padding: 0rem 0rem 1rem 0rem;
}
.ticket-wrap .ticket .ticket-code-box.code-barcode .ticket-profile,
.ticket-wrap .ticket .ticket-code-box.code-barcode .ticket-code {
	display: flex;
	width: 100%;
}
.ticket-wrap .ticket .ticket-code-box.code-no .ticket-code {
	display: none;
}
.ticket-wrap .ticket .btn-invite-box button {
	min-width: 100px;
	min-height: 37px;
}
.ticket.type-a .ticket-top {
	order: 1;
}
.ticket.type-a .ticket-slide {
	order: 2;
}
.ticket.type-a .ticket-body {
	order: 3;
	border-bottom: 1px dashed #dcdcdc;
	position: relative;
	padding-top: 0rem;
}
.ticket.type-a .ticket-body::before {
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 999px;
	background: #eee;
	transform: translate(-50%, 50%);
	z-index: 1;
}
.ticket.type-a .ticket-body::after {
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	right: 0;
	width: 20px;
	height: 20px;
	border-radius: 999px;
	background: #eee;
	transform: translate(50%, 50%);
	z-index: 1;
}
.ticket.type-a .ticket-bottom {
	order: 4;
}
.ticket.type-a .ticket-button {
	order: 5;
}
.ticket.type-a.codeProfile-no .ticket-body {
	border-bottom: none;
}
.ticket.type-a.codeProfile-no .ticket-body::before {
	display: none;
}
.ticket.type-a.codeProfile-no .ticket-body::after {
	display: none;
}
.ticket.type-a.codeProfile-no .ticket-bottom {
	display: none;
}
.ticket.type-b .ticket-top {
	order: 1;
}
.ticket.type-b .ticket-slide {
	order: 2;
}
.ticket.type-b .ticket-body {
	order: 4;
}
.ticket.type-b .ticket-bottom {
	order: 3;
	border-bottom: 1px dashed #dcdcdc;
	position: relative;
	padding-top: 0.5rem;
}
.ticket.type-b .ticket-bottom::before {
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 999px;
	background: #eee;
	transform: translate(-50%, 50%);
	z-index: 1;
}
.ticket.type-b .ticket-bottom::after {
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	right: 0;
	width: 20px;
	height: 20px;
	border-radius: 999px;
	background: #eee;
	transform: translate(50%, 50%);
	z-index: 1;
}
.ticket.type-b .ticket-button {
	order: 5;
}
.ticket.type-b.codeProfile-no .ticket-bottom {
	padding: 0;
}
.ticket.type-b.codeProfile-no .ticket-bottom .ticket-code-box {
	display: none;
}
.ticket.type-c .ticket-top,
.ticket.type-c .ticket-slide,
.ticket.type-c .ticket-body,
.ticket.type-c .ticket-bottom,
.ticket.type-c .ticket-button {
	display: none;
}
.msg-phone-box-wrap {
	display: flex;
	justify-content: center;
}
.msg-phone-box-wrap .phone-box {
	width: 320px;
	position: relative;
	top: 0;
}
.msg-phone-box-wrap .phone-box .phone-in {
	height: 600px;
}
.msg-phone-box-wrap .phone-box .phone-in .msg-wrap {
	display: flex;
	flex-direction: column;
	padding: 3rem 1.5rem 0rem 1.5rem;
}
.msg-phone-box-wrap .phone-box .phone-in .msg-wrap .msg-header {
	border-radius: 0.375rem;
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.062745098);
	padding: 0.5rem;
	font-size: 0.875rem;
}
.msg-phone-box-wrap .phone-box .phone-in .msg-wrap .msg-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 0.375rem;
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.062745098);
	padding: 0.5rem;
	margin-top: 0.5rem;
	height: 440px;
	font-size: 0.875rem;
}
.msg-phone-box-wrap .phone-box .phone-in .msg-wrap .msg-body div {
	overflow-y: auto;
	scrollbar-arrow-color: #efefef;
	scrollbar-track-color: #efefef;
	scrollbar-base-color: #dfdfdf;
	scrollbar-face-color: #dfdfdf;
	scrollbar-3dlight-color: #dfdfdf;
	scrollbar-darkshadow-color: #dfdfdf;
	scrollbar-highlight-color: #dfdfdf;
	scrollbar-shadow-color: #dfdfdf;
}
.msg-phone-box-wrap .phone-box .phone-in .msg-wrap .msg-body div::-webkit-scrollbar {
	width: 3px;
}
.msg-phone-box-wrap .phone-box .phone-in .msg-wrap .msg-body div::-webkit-scrollbar-button:start:decrement,
.msg-phone-box-wrap .phone-box .phone-in .msg-wrap .msg-body div::-webkit-scrollbar-button:end:increment {
	display: none;
}
.msg-phone-box-wrap .phone-box .phone-in .msg-wrap .msg-body div::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.05);
}
.msg-phone-box-wrap .phone-box .phone-in .msg-wrap .msg-body div::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2);
}
.msg-phone-box-wrap .phone-box .phone-in .msg-wrap .msg-body div p {
	word-break: break-all;
}
.msg-phone-box-wrap .phone-box .phone-in .msg-wrap .msg-footer {
	display: flex;
	justify-content: space-between;
	font-size: 0.875rem;
	margin-top: 0.5rem;
}
.talk-phone-box-wrap {
	display: flex;
	justify-content: center;
}
.talk-phone-box-wrap .phone-box {
	width: 320px;
	position: relative;
	top: 0;
}
.talk-phone-box-wrap .phone-box .phone-in {
	height: 600px;
	background: #bacee0;
}
.talk-wrap {
	display: flex;
	flex-direction: column;
	padding: 0rem;
}
.talk-wrap .talk-header {
	padding: 0.75rem;
	border-bottom: 1px solid #666;
}
.talk-wrap .talk-header .talk-type {
	font-size: 1.125rem;
	text-align: center;
}
.talk-wrap .talk-header .talk-profile {
	font-size: 1rem;
	text-align: center;
	margin-top: 0.5rem;
}
.talk-wrap .talk-body {
	padding-top: 20px;
}
.talk-wrap .talk-body .talk-body-right {
	width: 100%;
	padding-left: 5px;
}
.talk-wrap .talk-body .talk-body-right .talk-profile-value {
	font-size: 0.6875rem;
	margin-top: 6px;
}
.talk-wrap .talk-body .talk-body-right .talk-text {
	position: relative;
	border-radius: 6px;
	margin-bottom: 2rem;
}
.talk-wrap .talk-body .talk-body-right .talk-text .talk-text-header {
	font-size: 0.75rem;
	margin-top: 5px;
	background: #fee500;
	padding: 0.5rem;
	font-weight: bold;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.talk-wrap .talk-body .talk-body-right .talk-text .talk-text-body {
	font-size: 0.75rem;
	background: #fff;
	min-height: 400px;
	padding: 0.5rem;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.rd-container {
	background: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	font-size: 12px;
	max-width: 260px;
	z-index: 10;
}
.rd-input {
	width: 100%;
	max-width: 120px;
}
body .logo-icon {
	display: none;
}
body.toggled .logo-icon {
	display: block;
}
body.toggled.sidebar-hovered .logo-icon {
	display: none;
}
@media (max-width: 1198px) {
	body.toggled {
		overflow: hidden;
	}
	body.toggled .logo-icon {
		display: none;
	}
}
.msg-text-box .msg-text-box-1 {
	order: 1;
}
.msg-text-box .msg-text-box-2 {
	order: 2;
}
.msg-text-box .msg-text-box-2 #btn-msg-sort i {
	transform: rotate(0deg);
}
.msg-text-box-inverse .msg-text-box-1 {
	order: 2;
}
.msg-text-box-inverse .msg-text-box-2 {
	order: 1;
}
.msg-text-box-inverse .msg-text-box-2 #btn-msg-sort i::before {
	transform: rotate(180deg);
}
.tab-content-policy {
	font-size: 0.875rem;
	color: #666;
}
.tab-content-policy h4 {
	font-size: 1.125rem;
	font-weight: bold;
	margin-top: 1rem;
}
.tab-content-policy h5 {
	font-size: 1rem;
	font-weight: bold;
	color: #666;
	margin-top: 1rem;
}
.tab-content-policy li {
	margin-bottom: 0.25rem;
}
.tab-content-policy p {
	margin-bottom: 0.25rem;
}
html[lang="en"] div.align-items-start > label.text-start.text-lg-center {
	text-align: start !important;
}
html[lang="en"] #rejectBlock .w-25.min-100,
html[lang="en"] #rejectBlock ~ div .w-25.min-100 {
	width: 50% !important;
	min-width: 130px !important;
}
html[lang="en"] #rejectBlock ~ div .w-25.min-100 .label-msg {
	font-size: 12px;
}
html[lang="en"] .msg-text-box .w-25.min-100,
html[lang="en"] .msg-text-box ~ div .w-25.min-100 {
	width: 50% !important;
	min-width: 130px !important;
}
html[lang="en"] .setting-layout-2 .w-100.max-120 {
	max-width: 130px !important;
}
@media (max-width: 576px) {
	html[lang="en"] .set-send-time .form-check:nth-of-type(1) {
		display: block !important;
	}
}
body.body-ticket {
	background-color: #eee;
	margin: 0;
	padding: 0;
	width: 100%;
}
body.body-ticket .wrap {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	padding: 20px 10px;
	flex-direction: column;
	flex-wrap: nowrap;
}
.swiper-wrapper,
.swiper-slide {
	height: auto !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 20px;
	font-weight: 900;
}
.swiper {
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 60px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
	width: 320px;
	height: auto;
}
.swiper-button-next,
.swiper-button-prev {
	top: 96%;
	color: #000;
	width: 50%;
}
.swiper-pagination {
	color: #fff;
	width: -moz-fit-content;
	width: fit-content;
	left: 50%;
	transform: translateX(-50%);
	background: #000;
	border-radius: 5px;
	padding: 6px;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 2px;
}
body.body-ticket .ticket-wrap {
	justify-content: start;
}
body.body-ticket .ticket-wrap .ticket .ticket-button {
	display: flex;
}
body.body-ticket .companion-desc {
	width: 100%;
	display: flex;
	flex-direction: row;
	color: #666;
	padding: 1rem 0;
	border-top: 1px dashed #dcdcdc;
}
body.body-ticket .companion-desc .companion-item {
	font-size: 14px;
	color: #121212;
	font-weight: bold;
	width: 50%;
	text-align: left;
}
body.body-ticket .companion-item small {
	font-size: 13px;
	color: #666;
	font-weight: normal;
}
body.body-ticket-receive .ticket.type-a.codeProfile-no .ticket-body {
	border-bottom: 1px dashed #dcdcdc;
}
body.body-ticket-receive .ticket.type-a.codeProfile-no .ticket-body::before {
	display: block;
}
body.body-ticket-receive .ticket.type-a.codeProfile-no .ticket-body::after {
	display: block;
}
body.body-ticket-receive .ticket.type-a.codeProfile-no .ticket-bottom {
	display: flex;
}
body.body-ticket-receive .ticket.type-a.codeProfile-no .ticket-bottom .ticket-code-box {
	display: none;
}
body.body-ticket-receive .ticket.type-a.codeProfile-no .ticket-bottom .ticket-receive-policy {
	padding-top: 0;
}
body.body-ticket-receive .ticket.type-b.codeProfile-no .ticket-body {
	padding-top: 1rem;
}
body.body-ticket-receive .ticket.type-b.codeProfile-no .ticket-bottom {
	display: flex;
	padding: 0 1rem;
}
body.body-ticket-receive .ticket.type-b.codeProfile-no .ticket-bottom .ticket-receive-policy {
	padding: 0;
	padding-bottom: 1rem;
}
body.body-ticket-receive .swiper {
	width: auto;
}
body.body-ticket-receive .ticket-receive-policy {
	padding-top: 1rem;
}
body.body-ticket-receive .ticket-receive-policy .all-agree {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 7px;
	padding: 10px;
	background: #f2f2f2;
	border-radius: 0.25rem;
	border: 1px solid rgba(0, 0, 0, 0.25);
	margin-bottom: 16px;
}
body.body-ticket-receive .ticket-receive-policy .all-agree .form-check-input {
	flex-shrink: 0;
	margin: 0;
}
body.body-ticket-receive .ticket-receive-policy .all-agree .form-check-label {
	font-size: 14px;
}
body.body-ticket-receive .ticket-receive-policy .individual-agree {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: start;
	margin-bottom: 16px;
}
body.body-ticket-receive .ticket-receive-policy .individual-agree .individual-agree-box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: start;
	width: 100%;
}
body.body-ticket-receive .ticket-receive-policy .individual-agree .individual-agree-box .individual-input-group {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: start;
	gap: 5px;
	padding: 0;
	min-height: unset;
}
body.body-ticket-receive .ticket-receive-policy .individual-agree .individual-agree-box .individual-input-group input {
	flex-shrink: 0;
	margin: 0;
}
body.body-ticket-receive .ticket-receive-policy .individual-agree .individual-agree-box .individual-input-group label {
	font-size: 12px;
}
body.body-ticket-receive .ticket-receive-policy .individual-agree .individual-agree-box .view-more {
	font-size: 10px;
	cursor: pointer;
	color: #666;
}
body.body-ticket-receive .ticket-receive-policy .badge-required {
	padding: 3px 4px;
	font-size: 10px;
	border-radius: 3px;
	margin-right: 3px;
	color: #ab1b1b;
	background: #fae6e6;
}
body.body-ticket-receive .ticket-receive-policy .badge-gray {
	padding: 3px 4px;
	font-size: 10px;
	border-radius: 3px;
	margin-right: 3px;
	background: #ededed;
}
body.body-ticket-receive .ticket-receive-policy .agree-box {
	width: 100%;
	max-height: 300px;
	border: 1px solid #dcdcdc;
	background: #f2f2f2;
	overflow: auto;
	padding: 10px;
	text-align: left;
	margin-top: 10px;
	scrollbar-arrow-color: #efefef;
	scrollbar-track-color: #efefef;
	scrollbar-base-color: #dfdfdf;
	scrollbar-face-color: #dfdfdf;
	scrollbar-3dlight-color: #dfdfdf;
	scrollbar-darkshadow-color: #dfdfdf;
	scrollbar-highlight-color: #dfdfdf;
	scrollbar-shadow-color: #dfdfdf;
}
body.body-ticket-receive .ticket-receive-policy .agree-box::-webkit-scrollbar {
	width: 7px;
}
body.body-ticket-receive .ticket-receive-policy .agree-box::-webkit-scrollbar-button:start:decrement,
body.body-ticket-receive .ticket-receive-policy .agree-box::-webkit-scrollbar-button:end:increment {
	display: none;
}
body.body-ticket-receive .ticket-receive-policy .agree-box::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.05);
	border-radius: 20px;
}
body.body-ticket-receive .ticket-receive-policy .agree-box::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 20px;
}
body.body-ticket-receive .ticket-receive-policy .agree-box * {
	font-size: 11px;
	margin: 5px 0px;
}
body.body-ticket-receive .ticket-receive-policy .agree-box b {
	font-size: 11px;
	font-weight: bold;
}
body.body-ticket-receive .ticket-receive-policy .agree-box h5 {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0px;
}
body.body-ticket-receive .ticket-receive-policy .agree-box h6 {
	font-size: 13px;
	margin: 5px 0px;
	margin-top: 10px;
}
body.body-ticket-receive .ticket-receive-policy .agree-box table {
	font-size: 11px;
	width: 100%;
	border-collapse: collapse;
}
body.body-ticket-receive .ticket-receive-policy .agree-box table th {
	background: #dcdcdc;
}
body.body-ticket-receive .ticket-receive-policy .agree-box table th,
body.body-ticket-receive .ticket-receive-policy .agree-box table td {
	border: 1px solid #bcbcbc;
}
body.body-ticket-receive .ticket-receive-policy .agree-hide {
	display: none;
}
html[lang="en"] body.body-ticket-receive .ticket-receive-policy .all-agree .form-check-label {
	font-size: 13px;
}
html[lang="en"] body.body-ticket-receive .ticket-receive-policy .individual-agree .individual-agree-box .individual-input-group label {
	font-size: 10px;
}
html[lang="en"] body.body-ticket-receive .ticket-receive-policy .individual-agree .individual-agree-box .view-more {
	font-size: 10px;
	max-width: 40px;
}
html[lang="en"] body.body-ticket-receive .ticket-receive-policy .badge-required {
	font-size: 9px;
}
html[lang="en"] body.body-ticket-receive .ticket-receive-policy .badge-gray {
	font-size: 9px;
}
body.body-ticket-error .swiper {
	width: auto;
}
body.body-ticket-error .type-a .ticket-top,
body.body-ticket-error .type-b .ticket-top {
	order: 1;
}
body.body-ticket-error .type-a .ticket-error,
body.body-ticket-error .type-b .ticket-error {
	order: 2;
}
body.body-ticket-error .ticket-error {
	padding: 100px 20px;
}
body.body-ticket-error .ticket-error p {
	font-weight: bold;
	margin: 1rem 0;
	text-align: center;
}
body.ticket-test .ticket {
	position: relative;
	overflow: hidden;
}
body.ticket-test .ticket:after {
	content: "TEST";
	position: absolute;
	top: 0%;
	left: 0%;
	width: 120px;
	height: 32px;
	border: 2px solid #fff;
	transform: rotate(-45deg) translate(-30px, -15px);
	background: red;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
}
.code-wrap {
	position: relative;
}
.qr-cancel:after {
	content: "취소완료";
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	transform: translate(-50%, -50%);
	font-weight: bold;
	border-radius: 0.25rem;
	letter-spacing: 2px;
	text-align: center;
	border: 2px solid red;
	background: rgba(255, 202, 202, 0.8705882353);
	color: red;
}
html[lang="en"] .qr-cancel:after {
	content: "Cancellation complete";
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	transform: translate(-50%, -50%);
	font-weight: bold;
	border-radius: 0.25rem;
	letter-spacing: 2px;
	text-align: center;
	border: 2px solid red;
	background: rgba(255, 202, 202, 0.8705882353);
	color: red;
}
.qr-used:after {
	content: "사용완료";
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	transform: translate(-50%, -50%);
	font-weight: bold;
	border-radius: 0.25rem;
	letter-spacing: 2px;
	text-align: center;
	border: 2px solid red;
	background: rgba(255, 202, 202, 0.8705882353);
	color: red;
}
html[lang="en"] .qr-used:after {
	content: "Used";
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	transform: translate(-50%, -50%);
	font-weight: bold;
	border-radius: 0.25rem;
	letter-spacing: 2px;
	text-align: center;
	border: 2px solid red;
	background: rgba(255, 202, 202, 0.8705882353);
	color: red;
}
.qr-gift:after {
	content: "선물완료";
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	transform: translate(-50%, -50%);
	font-weight: bold;
	border-radius: 0.25rem;
	letter-spacing: 2px;
	text-align: center;
	border: 2px solid #03a9f4;
	background: rgba(208, 240, 255, 0.8274509804);
	color: #0033c0;
}
html[lang="en"] .qr-gift:after {
	content: "Gift completed";
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	transform: translate(-50%, -50%);
	font-weight: bold;
	border-radius: 0.25rem;
	letter-spacing: 2px;
	text-align: center;
	border: 2px solid #03a9f4;
	background: rgba(208, 240, 255, 0.8274509804);
	color: #0033c0;
}
.qr-sent:after {
	content: "선물 받기\a대기중";
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	transform: translate(-50%, -50%);
	font-weight: bold;
	border-radius: 0.25rem;
	letter-spacing: 2px;
	text-align: center;
	display: inline-flex;
	white-space: pre;
	border: 2px solid #356504;
	background: rgba(226, 248, 202, 0.8549019608);
	color: #356504;
}
html[lang="en"] .qr-sent:after {
	content: "Awaiting gift reception";
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	transform: translate(-50%, -50%);
	font-weight: bold;
	border-radius: 0.25rem;
	letter-spacing: 2px;
	text-align: center;
	border: 2px solid #356504;
	background: rgba(226, 248, 202, 0.8549019608);
	color: #356504;
}
.qr-error:after {
	content: "취소된 티켓";
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	transform: translate(-50%, -50%);
	font-weight: bold;
	border-radius: 0.25rem;
	letter-spacing: 2px;
	text-align: center;
	border: 2px solid red;
	background: rgba(255, 202, 202, 0.8705882353);
	color: red;
}
.ticket-code-box {
	position: relative;
}
.ticket-code-box:after {
	position: absolute;
	content: attr(data-state);
	bottom: 0;
	left: 0;
	width: 100%;
	transform: translateY(14px);
	padding: 0.1rem 0.25rem;
	font-size: 0.6875rem;
	color: red;
	font-weight: bold;
	text-align: center;
	z-index: 1;
} /*# sourceMappingURL=main.min.css.map */
.table-width-set-14-guest th:nth-of-type(1) {
	width: 6%;
}
.table-width-set-14-guest th:nth-of-type(2) {
	width: 15%;
}
.table-width-set-14-guest th:nth-of-type(3) {
	width: 14%;
}
.table-width-set-14-guest th:nth-of-type(4) {
	width: 8%;
}
.table-width-set-14-guest th:nth-of-type(5) {
	width: 6%;
}
.table-width-set-14-guest th:nth-of-type(6) {
	width: 6%;
}
.table-width-set-14-guest th:nth-of-type(7) {
	width: 6%;
}
.table-width-set-14-guest th:nth-of-type(8) {
	width: 19%;
}
.table-width-set-14-guest th:nth-of-type(9) {
	width: 14%;
}
.table-width-set-14-guest th:nth-of-type(10) {
	width: 6%;
}
.table-width-set-14-guest td {
	word-break: break-all;
}
@media (min-width: 992px) {
	.modal-max-650 {
		max-width: 650px;
	}
}
.title-center-line {
	position: relative;
}
.title-center-line p {
	position: absolute;
	display: block;
	content: "";
	width: 130px;
	height: 28px;
	line-height: 28px;
	top: 50%;
	left: 50%;
	color: #ffffff;
	background: #cccccc;
	font-size: 14px;
	border-radius: 20px;
	transform: translate(-50%, -50%);
	z-index: 3;
}
.title-center-line:after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	top: 50%;
	left: 50%;
	background: transparent;
	border-bottom: 1px dashed #cccccc;
	transform: translate(-50%, -50%);
	z-index: 2;
}
