/* Font */
@font-face {
	font-family: 'Sarabun';
	font-weight: 100;
	font-style: normal;
	src: url(../font/Sarabun-Thin.ttf) format('truetype');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 100;
	font-style: italic;
	src: url(../font/Sarabun-ThinItalic.ttf) format('truetype');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 200;
	font-style: normal;
	src: url(../font/Sarabun-ExtraLight.ttf) format('truetype');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 200;
	font-style: italic;
	src: url(../font/Sarabun-ExtraLightItalic.ttf) format('truetype');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 300;
	font-style: normal;
	src: url(../font/Sarabun-Light.ttf) format('truetype');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 300;
	font-style: italic;
	src: url(../font/Sarabun-LightItalic.ttf) format('truetype');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 400;
	font-style: normal;
	src: url(../font/Sarabun-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 400;
	font-style: italic;
	src: url(../font/Sarabun-Italic.ttf) format('truetype');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 500;
	font-style: normal;
	src: url(../font/Sarabun-Medium.ttf) format('truetype');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 500;
	font-style: italic;
	src: url(../font/Sarabun-MediumItalic.ttf) format('truetype');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 600;
	font-style: normal;
	src: url(../font/Sarabun-SemiBold.ttf) format('truetype');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 600;
	font-style: italic;
	src: url(../font/Sarabun-SemiBoldItalic.ttf) format('truetype');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 700;
	font-style: normal;
	src: url(../font/Sarabun-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Sarabun';
	font-weight: 700;
	font-style: italic;
	src: url(../font/Sarabun-BoldItalic.ttf) format('truetype');
}

/* Global */
:root {
	--bs-primary: #2c347a;
	--primary: #2c347a;
	--bs-secondary: #6a70ac;
	--secondary: #6a70ac;
	--bs-warning: #ffa800;
	--warning: #ffa800;
	--bs-info: #00aff1;
	--info: #00aff1;
	--bs-success: #1ba9a9;
	--success: #1ba9a9;
	--bs-danger: #dd2727;
	--danger: #dd2727;
	--dark-primary: #080e45;
	--gray-1: #cccccc;
	--gray-2: #666666;
	--gray-3: #ebeef4;
	--gray-4: #f7f8fb;
	--gray-5: #e5e5e5;
	--border-1: #e5e5e5;
	--blue-1: #00aff1;
	--blue-2: #244afb;
	--orange-1: #fff3e5;
	--orange-2: #ffe4c5;
	--bs-border-color: #ebeef4;

	/* social */
	--facebook: #4267b2;
	--line: #00c300;
	--google: #d21b3c;
	--tiktok: #1dbdef;
	--offline: #1e1e1e;

	/* Role */
	--role-superadmin: #fc7a06;
	--role-socialadmin: #219653;
	--role-supervisor: #eb5757;
	--role-salesupport: #9b51e0;
	--role-sale: #025dd8;
	--role-saleadmin: #52abde;
	--role-finance: #a65d1c;
	--role-debtcollector: #00c300;
	--role-marketing: #52743e;
	--role-messenger: #ea8f07;
}


/* Main */
html,
body {
	background-color: #ebeef4;
	font: 400 16px/1.4 'Sarabun';
	color: #333;
	/*height: 100%;*/
}
.main-content {
	margin-top: 72px;
	padding: 30px;
	min-height: calc(100vh - 72px - 54px);
}
.sticky-top {
	top: 102px;
}
.header {
	font-size: 0;
	padding: 30px 0;
}
.header h2 {
	font-size: 28px;
	font-weight: 500;
}
.header h3 {
	font-size: 20px;
	font-weight: 400;
}
.header a {
	text-decoration: none;
}
.header-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.upload {
	height: 360px;
	padding-top: 120px;
	border: 1px dotted var(--bs-secondary);
	overflow: hidden;
}
img {
	max-width: 100%;
}


/* Typo */
strong,
.strong {
	font-weight: 500;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
}
.text-color {
	color: #333 !important;
}
.text-primary {
	color: var(--bs-primary) !important;
}
.text-secondary {
	color: var(--bs-secondary) !important;
}
.text-success {
	color: var(--bs-success) !important;
}
.text-warning {
	color: var(--bs-warning) !important;
}
.text-danger {
	color: var(--bs-danger) !important;
}
.text-gray-1 {
	color: var(--gray-1) !important;
}
.text-gray-2 {
	color: var(--gray-2) !important;
}
.text-gray-5 {
	color: var(--gray-5) !important;
}
.text-facebook {
	color: var(--facebook) !important;
}
.text-line {
	color: var(--line) !important;
}
.text-google {
	color: var(--google) !important;
}
.text-tiktok {
	color: var(--tiktok) !important;
}
.text-offline {
	color: var(--offline) !important;
}
.text-superadmin {
	color: var(--role-superadmin) !important;
}
.text-socialadmin {
	color: var(--role-socialadmin) !important;
}
.text-supervisor {
	color: var(--role-supervisor) !important;
}
.text-salesupport {
	color: var(--role-salesupport) !important;
}
.text-sale {
	color: var(--role-sale) !important;
}
.text-saleadmin {
	color: var(--role-saleadmin) !important;
}
.text-finance {
	color: var(--role-finance) !important;
}
.text-debtcollector {
	color: var(--role-debtcollector) !important;
}
.text-marketing {
	color: var(--role-marketing) !important;
}
.text-messenger {
	color: var(--role-messenger) !important;
}
.bg-primary {
	background-color: var(--bs-primary) !important;
}
.bg-success {
	background-color: var(--bs-success) !important;
}
.bg-dark-primary {
	background-color: var(--dark-primary) !important;
}
.bg-top-primary {
	background: linear-gradient(to bottom, var(--bs-primary) 0%, var(--bs-primary) 250px, transparent 250px, transparent 100%);
}
.bg-secondary {
	background-color: var(--bs-secondary) !important;
}
.bg-danger {
	background-color: var(--bs-danger) !important;
}
.bg-blue-1 {
	background-color: var(--blue-1) !important;
}
.bg-blue-2 {
	background-color: var(--blue-2) !important;
}
.bg-orange-1 {
	background-color: var(--orange-1) !important;
}
.bg-orange-2 {
	background-color: var(--orange-2) !important;
}
.bg-gray-3 {
	background-color: var(--gray-3) !important;
}
.bg-gray-4 {
	background-color: var(--gray-4) !important;
}
.border-dark-primary {
	border-color: var(--dark-primary) !important;
}
.border-warning {
	border-color: var(--bs-warning) !important;
}
.border-secondary {
	border-color: var(--bs-secondary) !important;
}
ul.list-warning > li::marker {
	color: var(--bs-warning);
}


/* Toast */
.toast {
	--bs-toast-bg: rgba(255, 255, 255, 0.95);
	--bs-toast-max-width: 380px;
}


/* Badge */
.badge {
	--bs-badge-padding-y: 3px;
	--bs-badge-font-size: 0.9rem;
	--bs-badge-font-weight: 500;
	--bs-badge-border-radius: 20px;
	border: 1px solid transparent;
	background-color: #fff;
}
.badge-primary {
	border-color: var(--bs-primary);
	color: var(--bs-primary);
}
.badge-success {
	border-color: var(--bs-success);
	color: var(--bs-success);
}
.badge-danger {
	border-color: var(--bs-danger);
	color: var(--bs-danger);
}
.badge-warning {
	border-color: var(--bs-warning);
	color: var(--bs-warning);
}
.badge-facebook {
	border-color: var(--facebook);
	color: var(--facebook);
}
.badge-line {
	border-color: var(--line);
	color: var(--line);
}
.badge-google {
	border-color: var(--google);
	color: var(--google);
}
.badge-tiktok {
	border-color: var(--tiktok);
	color: var(--tiktok);
}
.badge-offline {
	border-color: var(--offline);
	color: var(--offline);
}
.badge-secondary {
	background-color: var(--bs-secondary-orange);
	color: var(--bs-secondary);
}
.badge-light {
	color: var(--gray-1);
	background-color: #EBEBEB;
}
.badge-info {
	color: #2F80ED;
	background-color: #E7F1FF;
}
.badge-small {
	font-size: 0.8rem;
}


/* Modal */
.modal {
	--bs-modal-border-width: 0;
	--bs-modal-border-radius: 20px;
	--bs-modal-padding: 25px;
}
.modal-content {
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);
}
.modal-backdrop {
	--bs-backdrop-bg: #000;
	--bs-backdrop-opacity: 0.7;
}
.modal-md {
	max-width: 600px;
}


/* Pagination */
.pagination {
	--bs-pagination-border-width: 0;
	--bs-pagination-color: #333;
	--bs-pagination-bg: transparent;
	--bs-pagination-hover-bg: var(--bs-primary);
	--bs-pagination-focus-bg: var(--bs-primary);
	--bs-pagination-disabled-bg: transparent;
	--bs-pagination-active-bg: var(--bs-primary);
	--bs-pagination-active-color: #fff;
	--bs-pagination-hover-color: #fff;
	--bs-pagination-focus-box-shadow: ;
}
.pagination > li + li {
	margin-left: 2px;
}
.page-link {
	border-radius: 50%;
	width: 36px;
	height: 36px;
	text-align: center;
	padding: 0;
	line-height: 36px;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 50%;
}


/* Button */
.btn {
	border-radius: 20px;
	padding: 8px 20px;
}
.btn-circle {
	width: 40px;
	height: 40px;
	padding: 0;
	border-radius: 50%;
	line-height: 38px;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #434eb2;
    --bs-btn-hover-border-color: #434eb2;
    --bs-btn-focus-shadow-rgb: ;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #39429c;
    --bs-btn-active-border-color: #39429c;
    --bs-btn-active-shadow: ;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-info);
    --bs-btn-border-color: var(--bs-info);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #008bbf;
    --bs-btn-hover-border-color: #008bbf;
    --bs-btn-focus-shadow-rgb: ;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0077a4;
    --bs-btn-active-border-color: #0077a4;
    --bs-btn-active-shadow: ;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-info);
    --bs-btn-disabled-border-color: var(--bs-info);
}
.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #127676;
    --bs-btn-hover-border-color: #127676;
    --bs-btn-focus-shadow-rgb: ;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0e6565;
    --bs-btn-active-border-color: #0e6565;
    --bs-btn-active-shadow: ;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-success);
    --bs-btn-disabled-border-color: var(--bs-success);
}
.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #de9200;
    --bs-btn-hover-border-color: #de9200;
    --bs-btn-focus-shadow-rgb: ;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #d08900;
    --bs-btn-active-border-color: #d08900;
    --bs-btn-active-shadow: ;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-warning);
    --bs-btn-disabled-border-color: var(--bs-warning);
}
.btn-outline-light {
    --bs-btn-color: var(--gray-3);
    --bs-btn-bg: #fff;
    --bs-btn-border-color: var(--gray-3);
    --bs-btn-hover-color: var(--gray-3);
    --bs-btn-hover-bg: #eee;
    --bs-btn-hover-border-color: var(--gray-3);
    --bs-btn-focus-shadow-rgb: ;
    --bs-btn-active-color: var(--gray-3);
    --bs-btn-active-bg: #ddd;
    --bs-btn-active-border-color: var(--gray-3);
    --bs-btn-active-shadow: ;
    --bs-btn-disabled-color: var(--gray-3);
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: var(--gray-3);
}
.btn-group .btn {
	padding-top: 6px;
	padding-bottom: 6px;
}
.btn-group .btn-outline-light {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: #fff;
    --bs-btn-border-color: var(--gray-3);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #434eb2;
    --bs-btn-hover-border-color: #434eb2;
    --bs-btn-focus-shadow-rgb: ;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #39429c;
    --bs-btn-active-border-color: #39429c;
    --bs-btn-active-shadow: ;
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: #eee;
    --bs-btn-disabled-border-color: var(--gray-3);
}


/* List */
.list-1 {
	list-style: none;
	padding: 0;
	margin: 0;
}
.list-1 > li {
	padding: 10px 0;
}
.list-1 > li + li {
	border-top: 1px solid var(--bs-border-color);
}
.list-2 {
	list-style: none;
	padding: 0;
	margin: 0;
}
.list-2 > li {
	padding: 10px 0;
}
.list-2 > li + li {
	border-top: 1px solid var(--bs-border-color);
}
dl.horizontal dt {
	float: left;
}
dl.horizontal dd {
	margin-left: 120px;
}


/* Form */
label {
	font-weight: 500;
}
.required > label:first-child {
	position: relative;
}
.required > label:first-child:after {
	content: "*";
	color: red;
	display: block;
	position: absolute;
	top: 0;
	right: -10px;
}
.form-control,
.form-select {
	border-color: var(--border-1);
	border-radius: 20px;
	color: var(--bs-primary);
}
.form-select {
	line-height: 1;
}
.form-control:focus,
.form-select:focus {
	border-color: var(--bs-primary);
}
.form-control::placeholder {
	color: var(--border-1);
}
.form-control:read-only {
	background-color: #eee;
}
.form-control[data-datedropper]:read-only {
	background-color: #fff;
}
.form-check-input {
	border-color: var(--bs-primary);
}
.form-check-input:checked[type=radio] {
	background-color: transparent;
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%232c347a'/></svg>");
}
.form-check-input:checked[type=checkbox] {
	background-color: var(--bs-primary);
}
.form-check-input:checked {
	border-color: var(--bs-primary);
}
.form-check-input.checkbox:checked {
	background-color: var(--bs-primary)
}
.form-check-unit .form-check {
	margin: 0;
	padding: 0;
	font-size: 0;
	min-height: 0;
}
.form-check-unit .form-check-input {
	display: none;
}
.form-check-unit .form-check-label {
	color: var(--gray-1);
	transition: .25s all;
	font-size: 1rem;
	line-height: 1;
	font-weight: 700;
}
.form-check-unit .form-check-input:checked ~ .form-check-label {
	color: var(--bs-primary);
}
.bootstrap-select > .dropdown-toggle {
	border-color: var(--border-1);
}
.bootstrap-select > .dropdown-toggle:active,
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle.show {
	border-color: var(--bs-primary);
	box-shadow: none;
}
.bootstrap-select > .dropdown-toggle {
	padding: .375rem 30px .375rem .75rem;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: right 15px center;
}
.bootstrap-select.rounded-0 > .dropdown-toggle {
	border-radius: 0;
}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus+.dropdown-toggle {
	outline: none !important;
	box-shadow: none;
}
.bootstrap-select > .dropdown-menu.show {
    transform: translate(0, 40px) !important;
    z-index: 2000;
}
.bs-actionsbox, .bs-donebutton, .bs-searchbox {
	padding: 8px;
}
.bootstrap-select .no-results {
    padding: 0;
    background: transparent;
    margin: 0 10px 10px;
}
.bootstrap-select .dropdown-toggle::after {
	display: none;
}
.front-icon {
	position: relative;
	display: inline-block;
	padding-left: 20px;
}
.front-icon i {
	position: absolute;
	left: 0;
	top: 4px;
}
.icon-group {
	position: relative;
}
.icon-group a {
	position: absolute;
	text-decoration: none;
	color: var(--bs-primary);
	display: inline-block;
	padding: 8px 14px 8px 8px;
	right: 0;
	top: 0;
}
.form-control::-webkit-outer-spin-button,
.form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
	top: 13px;
}
div.datedropper.smile-insure {
    --dd-color1: var(--bs-primary);
    --dd-color2: #FFF;
    --dd-color3: #4D4D4D;
    --dd-color4: #FFF;
    --dd-radius: 8px;
    --dd-width: 180px;
    --dd-shadow: 0 0 32px 0px rgba(0, 0, 0, 0.1);
}
.input-has-icon {
    position: relative;
}
.input-has-icon label {
    position: absolute;
    right: 15px;
    top: 8px;
}


/* Dropdown */
.dropdown-menu {
	--bs-dropdown-border-width: 1px;
	--bs-dropdown-border-radius: 12px;
	--bs-dropdown-border-color: var(--bs-border-color);
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);
	--bs-dropdown-padding-y: 0;
	--bs-dropdown-item-padding-y: 0.6rem;
	--bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-link-hover-bg: var(--bs-secondary);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: var(--bs-primary);
}
.dropdown-item:focus span,
.dropdown-item:hover span {
	color: var(--bs-dropdown-link-hover-color) !important;
}
.dropdown-menu {
	overflow: hidden;
}


/* Card */
.card {
	--bs-card-border-radius: 20px;
    --bs-card-spacer-y: 15px;
    --bs-card-spacer-x: 15px;
    --bs-card-cap-padding-y: 15px;
    --bs-card-border-color: var(--gray-1);
}
.card.sticky-top,
form.sticky-top {
	z-index: unset;
}


/* Table */
.table th,
.table td {
	vertical-align: middle;
}
.table-1 > :not(caption) > * > * {
	font-size: 14px;
	padding: 5px;
	vertical-align: middle;
}
.table-4 > :not(caption) > * > *,
.table-5 > :not(caption) > * > * {
	font-size: 14px;
	padding: 10px;
	vertical-align: middle;
}
.table-4 th {
	font-weight: 500;
	color: var(--bs-secondary);
}
.table-5 td {
	background-color: var(--gray-4);
}
.table-5 .select td {
	background-color: var(--bs-secondary);
	color: #fff;
}
.table-2,
.table-3 {
	background-color: #fff;
}
.table-2 td,
.table-2 th,
.table-3 td,
.table-3 th {
	background-color: #fff;
	font-size: 14px;
	vertical-align: middle;
}
.table-2 th,
.table-3 th {
	font-weight: 600;
}
.table-2 thead th,
.table-3 thead th {
	position: sticky;
	top: -1px;
	z-index: 2;
}
.table-2 thead > tr:nth-child(2) > th {
	top: 49px;
}
.table-3 thead > tr:nth-child(2) > th {
	top: 35px;
}
.table-3 thead > tr:nth-child(3) > th {
	top: 77px;
}
.table-2 td,
.table-3 td {
	background: #fff;
	padding: 10px 12px;
	text-align: center;
}
.table-2 thead th:first-child,
.table-3 thead th:first-child {
	position: sticky;
	left: 0;
	z-index: 3;
}
.table-2 tbody th,
.table-3 tbody th {
	position: sticky;
	left: 0;
	z-index: 1;
}
.table-2 tbody td,
.table-2 tbody th,
.table-3 tbody td,
.table-3 tbody th,
.table-3 thead th {
	border-bottom: 1px solid var(--gray-3);
}
.table-2.warning tbody th,
.table-2.warning tbody td {
	border-color: var(--bs-warning);
}
.table-2 thead > tr:first-child th {
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 16px;
}
.table-2 thead > tr:first-child th:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background-color: transparent;
}
.table-2 thead > tr:first-child th.selected:before {
	background-color: var(--bs-warning);
}
.table-2 .last {
	border-right: 15px solid var(--dark-primary) !important;
}
.table-hover tr {
	cursor: pointer;
}
.table-6 thead > tr > th:nth-child(1),
.table-6 tbody > tr > td:nth-child(1),
.table-6 thead > tr > th:nth-child(2),
.table-6 tbody > tr > td:nth-child(2),
.table-6 thead > tr > th:nth-child(3),
.table-6 tbody > tr > td:nth-child(3),
.table-6 thead > tr > th:nth-child(4),
.table-6 tbody > tr > td:nth-child(4),
.table-6 thead > tr > th:nth-child(5),
.table-6 tbody > tr > td:nth-child(5) {
    position: sticky;
    left: 0;
    background-color: #fff;
    z-index: 1;
}
.table-6 thead > tr > th:nth-child(2),
.table-6 tbody > tr > td:nth-child(2) {
	left: 120px;
}
.table-6 thead > tr > th:nth-child(3),
.table-6 tbody > tr > td:nth-child(3) {
	left: 240px;
}
.table-6 thead > tr > th:nth-child(4),
.table-6 tbody > tr > td:nth-child(4) {
	left: 360px;
}
.table-6 thead > tr > th:nth-child(5),
.table-6 tbody > tr > td:nth-child(5) {
	left: 480px;
}
/*.table-6 thead > tr > th:nth-child(11),
.table-6 tbody > tr > td:nth-child(11),
.table-6 thead > tr > th:nth-child(12),
.table-6 tbody > tr > td:nth-child(12),
.table-6 thead > tr > th:nth-child(13),
.table-6 tbody > tr > td:nth-child(13),
.table-6 thead > tr > th:nth-child(14),
.table-6 tbody > tr > td:nth-child(14),
.table-6 thead > tr > th:nth-child(15),
.table-6 tbody > tr > td:nth-child(15),
.table-6 thead > tr > th:nth-child(16),
.table-6 tbody > tr > td:nth-child(16),
.table-6 thead > tr > th:nth-child(17),
.table-6 tbody > tr > td:nth-child(17) {
	border-right: 1px solid var(--bs-border-color);
}*/


/* Navbar */
.navbar {
	--bs-navbar-padding-y: 10px;
	--bs-navbar-color: var(--bs-secondary);
	--bs-navbar-hover-color: var(--bs-primary);
	--bs-navbar-active-color: var(--bs-primary);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}
.profile-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background-color: var(--bs-secondary);
	font-size: 24px;
	padding: 6px 0;
}
.profile-icon.icon-small {
	width: 36px;
	height: 36px;
	font-size: 18px;
	padding: 3px 0;
}
.profile-info {
	line-height: 1;
}
.dropdown-toggle::after {
	display: none;
}
.navbar-toggler-custom {
	display: inline-block;
	width: 36px;
}
.navbar-toggler-custom > div {
	height: 4px;
	background-color: var(--bs-info);
	border-radius: 2px;
	transition: .25s all;
}
.navbar-toggler-custom > div + div {
	margin-top: 7px;
}
.navbar-toggler-custom.active > div:nth-child(2) {
	visibility: hidden;
	opacity: 0;
}
.navbar-toggler-custom.active > div:nth-child(1) {
	transform: rotate(45deg) translateY(8px) translateX(7px);
}
.navbar-toggler-custom.active > div:nth-child(3) {
	transform: rotate(-45deg) translateY(-8px) translateX(7px);
}


/* Sidebar */
.sidebar {
	width: 260px;
	background-color: #fff;
	min-height: 100vh;
	padding-top: 72px;  /* Navbar height */
	position: fixed;
	left: -260px;
	top: 0;
    overflow: hidden;
    transition: .25s all;
    z-index: 1022;
    box-shadow: 20px 0px 15px rgba(0, 0, 0, 0.05);
}
.sidebar.active {
	left: 0;
}
.sidebar h5 {
	font-size: 16px;
	font-weight: 400;
	padding-left: 10px;
}
.sidebar ul {
	padding: 0;
	list-style: none;
}
.sidebar ul a {
	display: block;
	text-decoration: none;
	color: var(--bs-secondary);
	padding: 10px;
	transition: .25s all;
	background-color: transparent;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.sidebar ul a i {
	width: 20px;
	text-align: center;
}
.sidebar ul a:hover,
.sidebar ul a.active {
	color: #fff;
	background-color: var(--bs-secondary);
}
.sidebar-wrapper {
	height: calc(100vh - 72px);
	overflow-y: scroll;
}
.sidebar-wrapper::-webkit-scrollbar {
	width: 0px;
	background: transparent;
}
.sidebar-content {
	padding: 30px 0 30px 20px;
}


/* Chat */
.chat-bubble {
	position: relative;
	margin-left: 20px;
}
.chat-bubble > div {
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	padding: 10px;
}
.chat-bubble:before {
	content: "";
	position: absolute;
	left: -19px;
	top: 50%;
	margin-top: -18px;
	width: 20px;
	height: 36px;
	background-image: url(../img/icon/img-element-bubble.png);
	background-size: 100% 100%;
	z-index: 0;
}


/* toolbars */
.toolbar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1021;
}
.toolbar-bottom {
	position: relative;
	border-top: 5px solid var(--bs-warning);
	padding: 10px 0;
	z-index: 1023;
}
.toolbar-content {
	height: 850px;
	transition: .25s all;
	bottom: -850px;
	position: absolute;
	width: 100%;
	z-index: 1022;
}
.toolbar-content.active {
	bottom: 63px;
	z-index: 1024;
}
.content-header {
	padding: 22px 0;
}


/* Tooltip */
.tooltip-inner {
    background-color: var(--bs-primary);
    box-shadow: 0px 0px 4px black;
    opacity: 1 !important;
}
.tooltip-arrow::before {
    border-top-color: var(--bs-primary) !important;
}


/* Spy */
.spy {
	list-style: none;
	padding-left: 20px;
}
.spy > li {
	position: relative;
	line-height: 1.2;
}
.spy > li:before {
	content: "";
	display: block;
	position: absolute;
	left: -20px;
	top: 6px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid var(--bs-secondary);
}
.spy > li > a {
	color: var(--bs-secondary);
	text-decoration: none;
}
.spy > li > a.active {
	color: var(--bs-primary);
	font-weight: 600;
}


/* Loader */
.loader {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 3000;
	transition: .25s all;
	opacity: 0;
	visibility: hidden;
}
.loader.active {
	opacity: 1;
	visibility: visible;
}
.loader-bg {
	background-color: #070707;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	opacity: 0.1;
}


/* Login */
.separator {
	vertical-align: top;
	display: inline-block;
	height: 40px;
	width: 1px;
	background-color: #ccc;
	margin: 0 10px;
}


/* Page Error */
.page-error {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 400px;
	max-width: 100%;
}
.page-error {
	width: 300px;
	text-align: center;
	margin: 0 auto;
}
.page-error h1 {
	font-size: 120px;
	font-weight: 600;
	line-height: 1;
}
.page-error p {
	font-size: 24px;
	font-weight: 500;
}