/*
* default main
******************************************************************************/
[data-bs-theme-color='color-1'] {
	--bs-primary: #00c3f9;
	--bs-primary-rgb: 0, 195, 249;
	--bs-primary-bg-subtle: #ccf3fe;
	--bs-primary-border-subtle: #99e7fd;
	--bs-link-color-rgb: var(--bs-primary-rgb);
	--bs-primary-hover-bg: #009cc7;
	--bs-primary-hover-border: #0089ae;
	--bs-primary-active-bg: #009cc7;
	--bs-primary-active-border: #0089ae;
	--bs-secondary: #573bff;
	--bs-secondary-rgb: 35, 147, 196;
	--bs-secondary-bg-subtle: #ddd8ff;
	--bs-secondary-border-subtle: #bcb1ff;
	--bs-link-color-rgb: var(--bs-secondary-rgb);
	--bs-secondary-hover-bg: #4f33cc;
	--bs-secondary-hover-border: #4521e9;
	--bs-secondary-active-bg: #4f33cc;
	--bs-secondary-active-border: #4521e9;
	--bs-success: #4025da;
	--bs-success-rgb: 111, 62, 197;
	--bs-success-bg-subtle: #cfead8;
	--bs-success-border-subtle: #9ed5b2;
	--bs-link-color-rgb: var(--bs-success-rgb);
	--bs-success-hover-bg: #4626f8;
	--bs-success-hover-border: #4626f8;
	--bs-success-active-bg: #4626f8;
	--bs-success-active-border: #4626f8;
	--bs-warning: #ec7d10;
	--bs-warning-rgb: 236, 125, 16;
	--bs-warning-bg-subtle: #fbe5cf;
	--bs-warning-border-subtle: #f7cb9f;
	--bs-link-color-rgb: var(--bs-warning-rgb);
	--bs-warning-hover-bg: #bd640d;
	--bs-warning-hover-border: #a5580b;
	--bs-warning-active-bg: #bd640d;
	--bs-warning-active-border: #a5580b;
	--bs-danger: #342491;
	--bs-danger-rgb: 52, 19, 110;
	--bs-danger-bg-subtle: #f9cccc;
	--bs-danger-border-subtle: #f49999;
	--bs-link-color-rgb: var(--bs-danger-rgb);
	--bs-danger-hover-bg: #4a35c0;
	--bs-danger-hover-border: #4a35c0;
	--bs-danger-active-bg: #4a35c0;
	--bs-danger-active-border: #4a35c0;
	--bs-info: #40c6e7;
	--bs-info-rgb: 7, 162, 199;
	--bs-info-bg-subtle: #cdecf4;
	--bs-info-border-subtle: #9cdae9;
	--bs-link-color-rgb: var(--bs-info-rgb);
	--bs-info-hover-bg: #06829f;
	--bs-info-hover-border: #05718b;
	--bs-info-active-bg: #06829f;
	--bs-info-active-border: #05718b;
	--bs-light: #dee2e6;
	--bs-light-rgb: 222, 226, 230;
	--bs-light-bg-subtle: #f8f9fa;
	--bs-light-border-subtle: #f2f3f5;
	--bs-link-color-rgb: var(--bs-light-rgb);
	--bs-light-hover-bg: #b2b5b8;
	--bs-light-hover-border: #9b9ea1;
	--bs-light-active-bg: #b2b5b8;
	--bs-light-active-border: #9b9ea1;
	--bs-dark: #000000;
	--bs-dark-rgb: 0, 0, 0;
	--bs-dark-bg-subtle: #cccccc;
	--bs-dark-border-subtle: #999999;
	--bs-link-color-rgb: var(--bs-dark-rgb);
	--bs-dark-hover-bg: black;
	--bs-dark-hover-border: black;
	--bs-dark-active-bg: black;
	--bs-dark-active-border: black;
	--bs-gray: #c2c2c2;
	--bs-gray-rgb: 194, 194, 194;
	--bs-gray-bg-subtle: #f3f3f3;
	--bs-gray-border-subtle: #e7e7e7;
	--bs-link-color-rgb: var(--bs-gray-rgb);
	--bs-gray-hover-bg: #9b9b9b;
	--bs-gray-hover-border: #888888;
	--bs-gray-active-bg: #9b9b9b;
	--bs-gray-active-border: #888888;
	--bs-gray-dark: #001f4d;
	--bs-gray-dark-rgb: 0, 31, 77;
	--bs-gray-dark-bg-subtle: #ccd2db;
	--bs-gray-dark-border-subtle: #99a5b8;
	--bs-link-color-rgb: var(--bs-gray-dark-rgb);
	--bs-gray-dark-hover-bg: #00193e;
	--bs-gray-dark-hover-border: #001636;
	--bs-gray-dark-active-bg: #00193e;
	--bs-gray-dark-active-border: #001636;
}
[data-bs-theme-color='color-2'] {
	--bs-primary: #ff00ff;
	--bs-primary-rgb: 231, 28, 231;
	--bs-primary-bg-subtle: #d835d8;
	--bs-primary-border-subtle: #eb53eb;
	--bs-link-color-rgb: var(--bs-primary-rgb);
	--bs-primary-hover-bg: #e25ae2;
	--bs-primary-hover-border: #850d85;
	--bs-primary-active-bg: #e25ae2;
	--bs-primary-active-border: #850d85;
	--bs-secondary: #fd8d00;
	--bs-secondary-rgb: 183, 36, 204;
	--bs-secondary-bg-subtle: #ffe8cc;
	--bs-secondary-border-subtle: #fed199;
	--bs-link-color-rgb: var(--bs-secondary-rgb);
	--bs-secondary-hover-bg: #ca7100;
	--bs-secondary-hover-border: #b16300;
	--bs-secondary-active-bg: #ca7100;
	--bs-secondary-active-border: #b16300;
	--bs-success: #fd8d00;
	--bs-success-rgb: 156, 39, 176;
	--bs-success-bg-subtle: #d1f0df;
	--bs-success-border-subtle: #a3e1bf;
	--bs-link-color-rgb: var(--bs-success-rgb);
	--bs-success-hover-bg: #fd8d00;
	--bs-success-hover-border: #fd8d00;
	--bs-success-active-bg: #fd8d00;
	--bs-success-active-border: #fd8d00;
	--bs-warning: #db7817;
	--bs-warning-rgb: 219, 120, 23;
	--bs-warning-bg-subtle: #f8e4d1;
	--bs-warning-border-subtle: #f1c9a2;
	--bs-link-color-rgb: var(--bs-warning-rgb);
	--bs-warning-hover-bg: #af6012;
	--bs-warning-hover-border: #995410;
	--bs-warning-active-bg: #af6012;
	--bs-warning-active-border: #995410;
	--bs-danger: #9b099b;
	--bs-danger-rgb: 245, 48, 48;
	--bs-danger-bg-subtle: #fdd6d6;
	--bs-danger-border-subtle: #fbacac;
	--bs-link-color-rgb: var(--bs-danger-rgb);
	--bs-danger-hover-bg: #b117b1;
	--bs-danger-hover-border: #8f2f8f;
	--bs-danger-active-bg: #b117b1;
	--bs-danger-active-border: #8f2f8f;
	--bs-info: #ce56ce;
	--bs-info-rgb: 5, 178, 220;
	--bs-info-bg-subtle: #cdf0f8;
	--bs-info-border-subtle: #9be0f1;
	--bs-link-color-rgb: var(--bs-info-rgb);
	--bs-info-hover-bg: #d14fd1;
	--bs-info-hover-border: #883788;
	--bs-info-active-bg: #d14fd1;
	--bs-info-active-border: #883788;
	--bs-light: #dee2e6;
	--bs-light-rgb: 222, 226, 230;
	--bs-light-bg-subtle: #f8f9fa;
	--bs-light-border-subtle: #f2f3f5;
	--bs-link-color-rgb: var(--bs-light-rgb);
	--bs-light-hover-bg: #b2b5b8;
	--bs-light-hover-border: #9b9ea1;
	--bs-light-active-bg: #b2b5b8;
	--bs-light-active-border: #9b9ea1;
	--bs-dark: #000000;
	--bs-dark-rgb: 0, 0, 0;
	--bs-dark-bg-subtle: #cccccc;
	--bs-dark-border-subtle: #999999;
	--bs-link-color-rgb: var(--bs-dark-rgb);
	--bs-dark-hover-bg: black;
	--bs-dark-hover-border: black;
	--bs-dark-active-bg: black;
	--bs-dark-active-border: black;
	--bs-gray: #bbbbbb;
	--bs-gray-rgb: 187, 187, 187;
	--bs-gray-bg-subtle: #f1f1f1;
	--bs-gray-border-subtle: #e4e4e4;
	--bs-link-color-rgb: var(--bs-gray-rgb);
	--bs-gray-hover-bg: #969696;
	--bs-gray-hover-border: #838383;
	--bs-gray-active-bg: #969696;
	--bs-gray-active-border: #838383;
	--bs-gray-dark: #001f4d;
	--bs-gray-dark-rgb: 0, 31, 77;
	--bs-gray-dark-bg-subtle: #ccd2db;
	--bs-gray-dark-border-subtle: #99a5b8;
	--bs-link-color-rgb: var(--bs-gray-dark-rgb);
	--bs-gray-dark-hover-bg: #00193e;
	--bs-gray-dark-hover-border: #001636;
	--bs-gray-dark-active-bg: #00193e;
	--bs-gray-dark-active-border: #001636;
}
[data-bs-theme-color='color-3'] {
	--bs-primary: #c02026;
	--bs-primary-rgb: 219, 83, 99;
	--bs-primary-bg-subtle: #f8dde0;
	--bs-primary-border-subtle: #f1bac1;
	--bs-link-color-rgb: var(--bs-primary-rgb);
	--bs-primary-hover-bg: #af424f;
	--bs-primary-hover-border: #993a45;
	--bs-primary-active-bg: #af424f;
	--bs-primary-active-border: #993a45;
	--bs-secondary: #31c96e;
	--bs-secondary-rgb: 228, 62, 21;
	--bs-secondary-bg-subtle: #d7e1fc;
	--bs-secondary-border-subtle: #afc3f9;
	--bs-link-color-rgb: var(--bs-secondary-rgb);
	--bs-secondary-hover-bg: #0fbe55;
	--bs-secondary-hover-border: #0fbe55;
	--bs-secondary-active-bg: #0fbe55;
	--bs-secondary-active-border: #0fbe55;
	--bs-success: #009d3f;
	--bs-success-rgb: 22, 219, 101;
	--bs-success-bg-subtle: #d0f8e0;
	--bs-success-border-subtle: #a2f1c1;
	--bs-link-color-rgb: var(--bs-success-rgb);
	--bs-success-hover-bg: #12af51;
	--bs-success-hover-border: #0f9947;
	--bs-success-active-bg: #12af51;
	--bs-success-active-border: #0f9947;
	--bs-warning: #f79256;
	--bs-warning-rgb: 247, 146, 86;
	--bs-warning-bg-subtle: #fde9dd;
	--bs-warning-border-subtle: #fcd3bb;
	--bs-link-color-rgb: var(--bs-warning-rgb);
	--bs-warning-hover-bg: #c67545;
	--bs-warning-hover-border: #ad663c;
	--bs-warning-active-bg: #c67545;
	--bs-warning-active-border: #ad663c;
	--bs-danger: #f0544f;
	--bs-danger-rgb: 240, 84, 79;
	--bs-danger-bg-subtle: #fcdddc;
	--bs-danger-border-subtle: #f9bbb9;
	--bs-link-color-rgb: var(--bs-danger-rgb);
	--bs-danger-hover-bg: #c0433f;
	--bs-danger-hover-border: #a83b37;
	--bs-danger-active-bg: #c0433f;
	--bs-danger-active-border: #a83b37;
	--bs-info: #eb635e;
	--bs-info-rgb: 228, 64, 58;
	--bs-info-bg-subtle: #da403b;
	--bs-info-border-subtle: #e47571;
	--bs-link-color-rgb: var(--bs-info-rgb);
	--bs-info-hover-bg: #cf5a56;
	--bs-info-hover-border: #cf5a56;
	--bs-info-active-bg: #cf5a56;
	--bs-info-active-border: #cf5a56;
	--bs-light: #dee2e6;
	--bs-light-rgb: 222, 226, 230;
	--bs-light-bg-subtle: #f8f9fa;
	--bs-light-border-subtle: #f2f3f5;
	--bs-link-color-rgb: var(--bs-light-rgb);
	--bs-light-hover-bg: #b2b5b8;
	--bs-light-hover-border: #9b9ea1;
	--bs-light-active-bg: #b2b5b8;
	--bs-light-active-border: #9b9ea1;
	--bs-dark: #000000;
	--bs-dark-rgb: 0, 0, 0;
	--bs-dark-bg-subtle: #cccccc;
	--bs-dark-border-subtle: #999999;
	--bs-link-color-rgb: var(--bs-dark-rgb);
	--bs-dark-hover-bg: black;
	--bs-dark-hover-border: black;
	--bs-dark-active-bg: black;
	--bs-dark-active-border: black;
	--bs-gray: #b3b3b3;
	--bs-gray-rgb: 179, 179, 179;
	--bs-gray-bg-subtle: #f0f0f0;
	--bs-gray-border-subtle: #e1e1e1;
	--bs-link-color-rgb: var(--bs-gray-rgb);
	--bs-gray-hover-bg: #8f8f8f;
	--bs-gray-hover-border: #7d7d7d;
	--bs-gray-active-bg: #8f8f8f;
	--bs-gray-active-border: #7d7d7d;
	--bs-gray-dark: #001f4d;
	--bs-gray-dark-rgb: 0, 31, 77;
	--bs-gray-dark-bg-subtle: #ccd2db;
	--bs-gray-dark-border-subtle: #99a5b8;
	--bs-link-color-rgb: var(--bs-gray-dark-rgb);
	--bs-gray-dark-hover-bg: #00193e;
	--bs-gray-dark-hover-border: #001636;
	--bs-gray-dark-active-bg: #00193e;
	--bs-gray-dark-active-border: #001636;
}
[data-bs-theme-color='color-4'] {
	--bs-primary: #d66112;
	--bs-primary-rgb: 214, 97, 18;
	--bs-primary-bg-subtle: #fbe1d0;
	--bs-primary-border-subtle: #f7c3a0;
	--bs-link-color-rgb: var(--bs-primary-rgb);
	--bs-primary-hover-bg: #bb550e;
	--bs-primary-hover-border: #a44a0d;
	--bs-primary-active-bg: #bb550e;
	--bs-primary-active-border: #a44a0d;
	--bs-secondary: #e67c31;
	--bs-secondary-rgb: 210, 138, 31;
	--bs-secondary-bg-subtle: #db7126;
	--bs-secondary-border-subtle: #db7126;
	--bs-link-color-rgb: var(--bs-secondary-rgb);
	--bs-secondary-hover-bg: #e7680e;
	--bs-secondary-hover-border: #db7126;
	--bs-secondary-active-bg: #e7680e;
	--bs-secondary-active-border: #db7126;
	--bs-success: #f0792a;
	--bs-success-rgb: 219, 106, 30;
	--bs-success-bg-subtle: #f0792a;
	--bs-success-border-subtle: #f0792a;
	--bs-link-color-rgb: var(--bs-success-rgb);
	--bs-success-hover-bg: #bb5137;
	--bs-success-hover-border: #882e18;
	--bs-success-active-bg: #bb5137;
	--bs-success-active-border: #882e18;
	--bs-warning: #e76f51;
	--bs-warning-rgb: 231, 111, 81;
	--bs-warning-bg-subtle: #fae2dc;
	--bs-warning-border-subtle: #f5c5b9;
	--bs-link-color-rgb: var(--bs-warning-rgb);
	--bs-warning-hover-bg: #b95941;
	--bs-warning-hover-border: #a24e39;
	--bs-warning-active-bg: #b95941;
	--bs-warning-active-border: #a24e39;
	--bs-danger: #6217e2;
	--bs-danger-rgb: 93, 29, 204;
	--bs-danger-bg-subtle: #6217e2;
	--bs-danger-border-subtle: #6217e2;
	--bs-link-color-rgb: var(--bs-danger-rgb);
	--bs-danger-hover-bg: #6217e2;
	--bs-danger-hover-border: #6217e2;
	--bs-danger-active-bg: #6217e2;
	--bs-danger-active-border: #6217e2;
	--bs-info: #8238ff;
	--bs-info-rgb: 104, 34, 224;
	--bs-info-bg-subtle: #e0eef4;
	--bs-info-border-subtle: #c1dde8;
	--bs-link-color-rgb: var(--bs-info-rgb);
	--bs-info-hover-bg: #6620e0;
	--bs-info-hover-border: #743fd1;
	--bs-info-active-bg: #6620e0;
	--bs-info-active-border: #743fd1;
	--bs-light: #dee2e6;
	--bs-light-rgb: 222, 226, 230;
	--bs-light-bg-subtle: #f8f9fa;
	--bs-light-border-subtle: #f2f3f5;
	--bs-link-color-rgb: var(--bs-light-rgb);
	--bs-light-hover-bg: #b2b5b8;
	--bs-light-hover-border: #9b9ea1;
	--bs-light-active-bg: #b2b5b8;
	--bs-light-active-border: #9b9ea1;
	--bs-dark: #000000;
	--bs-dark-rgb: 0, 0, 0;
	--bs-dark-bg-subtle: #cccccc;
	--bs-dark-border-subtle: #999999;
	--bs-link-color-rgb: var(--bs-dark-rgb);
	--bs-dark-hover-bg: black;
	--bs-dark-hover-border: black;
	--bs-dark-active-bg: black;
	--bs-dark-active-border: black;
	--bs-gray: #a3a3a3;
	--bs-gray-rgb: 163, 163, 163;
	--bs-gray-bg-subtle: #ededed;
	--bs-gray-border-subtle: #dadada;
	--bs-link-color-rgb: var(--bs-gray-rgb);
	--bs-gray-hover-bg: #828282;
	--bs-gray-hover-border: #727272;
	--bs-gray-active-bg: #828282;
	--bs-gray-active-border: #727272;
	--bs-gray-dark: #001f4d;
	--bs-gray-dark-rgb: 0, 31, 77;
	--bs-gray-dark-bg-subtle: #ccd2db;
	--bs-gray-dark-border-subtle: #99a5b8;
	--bs-link-color-rgb: var(--bs-gray-dark-rgb);
	--bs-gray-dark-hover-bg: #00193e;
	--bs-gray-dark-hover-border: #001636;
	--bs-gray-dark-active-bg: #00193e;
	--bs-gray-dark-active-border: #001636;
}
[data-bs-theme-color='color-5'] {
	--bs-primary: #e586b3;
	--bs-primary-rgb: 229, 134, 179;
	--bs-primary-bg-subtle: #fae7f0;
	--bs-primary-border-subtle: #f5cfe1;
	--bs-link-color-rgb: var(--bs-primary-rgb);
	--bs-primary-hover-bg: #b76b8f;
	--bs-primary-hover-border: #a05e7d;
	--bs-primary-active-bg: #b76b8f;
	--bs-primary-active-border: #a05e7d;
	--bs-secondary: #e0438d;
	--bs-secondary-rgb: 202, 40, 116;
	--bs-secondary-bg-subtle: #d3f4eb;
	--bs-secondary-border-subtle: #a8e9d6;
	--bs-link-color-rgb: var(--bs-secondary-rgb);
	--bs-secondary-hover-bg: #e41c79;
	--bs-secondary-hover-border: #ce2f79;
	--bs-secondary-active-bg: #e41c79;
	--bs-secondary-active-border: #ce2f79;
	--bs-success: #25c799;
	--bs-success-rgb: 35, 161, 108;
	--bs-success-bg-subtle: #d3ece2;
	--bs-success-border-subtle: #a7d9c4;
	--bs-link-color-rgb: var(--bs-success-rgb);
	--bs-success-hover-bg: #36e0b0;
	--bs-success-hover-border: #1edba6;
	--bs-success-active-bg: #36e0b0;
	--bs-success-active-border: #1edba6;
	--bs-warning: #c51d6b;
	--bs-warning-rgb: 233, 123, 32;
	--bs-warning-bg-subtle: #fbe5d2;
	--bs-warning-border-subtle: #f6caa6;
	--bs-link-color-rgb: var(--bs-warning-rgb);
	--bs-warning-hover-bg: #c51d6b;
	--bs-warning-hover-border: #c51d6b;
	--bs-warning-active-bg: #c51d6b;
	--bs-warning-active-border: #c51d6b;
	--bs-danger: #d8136f;
	--bs-danger-rgb: 189, 30, 104;
	--bs-danger-bg-subtle: #d8136f;
	--bs-danger-border-subtle: #d8136f;
	--bs-link-color-rgb: var(--bs-danger-rgb);
	--bs-danger-hover-bg: #d8136f;
	--bs-danger-hover-border: #d8136f;
	--bs-danger-active-bg: #d8136f;
	--bs-danger-active-border: #d8136f;
	--bs-info: #4ceec0;
	--bs-info-rgb: 105, 203, 240;
	--bs-info-bg-subtle: #4ceec0;
	--bs-info-border-subtle: #4ceec0;
	--bs-link-color-rgb: var(--bs-info-rgb);
	--bs-info-hover-bg: #4ceec0;
	--bs-info-hover-border: #4ceec0;
	--bs-info-active-bg: #4ceec0;
	--bs-info-active-border: #4ceec0;
	--bs-light: #dee2e6;
	--bs-light-rgb: 222, 226, 230;
	--bs-light-bg-subtle: #f8f9fa;
	--bs-light-border-subtle: #f2f3f5;
	--bs-link-color-rgb: var(--bs-light-rgb);
	--bs-light-hover-bg: #b2b5b8;
	--bs-light-hover-border: #9b9ea1;
	--bs-light-active-bg: #b2b5b8;
	--bs-light-active-border: #9b9ea1;
	--bs-dark: #000000;
	--bs-dark-rgb: 0, 0, 0;
	--bs-dark-bg-subtle: #cccccc;
	--bs-dark-border-subtle: #999999;
	--bs-link-color-rgb: var(--bs-dark-rgb);
	--bs-dark-hover-bg: black;
	--bs-dark-hover-border: black;
	--bs-dark-active-bg: black;
	--bs-dark-active-border: black;
	--bs-gray: #949494;
	--bs-gray-rgb: 148, 148, 148;
	--bs-gray-bg-subtle: #eaeaea;
	--bs-gray-border-subtle: #d4d4d4;
	--bs-link-color-rgb: var(--bs-gray-rgb);
	--bs-gray-hover-bg: #767676;
	--bs-gray-hover-border: #686868;
	--bs-gray-active-bg: #767676;
	--bs-gray-active-border: #686868;
	--bs-gray-dark: #001f4d;
	--bs-gray-dark-rgb: 0, 31, 77;
	--bs-gray-dark-bg-subtle: #ccd2db;
	--bs-gray-dark-border-subtle: #99a5b8;
	--bs-link-color-rgb: var(--bs-gray-dark-rgb);
	--bs-gray-dark-hover-bg: #00193e;
	--bs-gray-dark-hover-border: #001636;
	--bs-gray-dark-active-bg: #00193e;
	--bs-gray-dark-active-border: #001636;
}
* {
	box-sizing: border-box;
}
body {
	font-size: 14px;
}
img {
	max-width: 100%;
}
.justify-content-center {
	justify-content: center;
}
.text-center {
	text-align: center;
}
.view-search-nav {
	color: var(--bs-primary);
	font-size: 13px;
}
.th-check-all {
	width: 60px;
}

.bold {
	font-weight: bold;
}
.form-group-category select {
	width: 100 !important;
}
.max-w-px-300 {
	max-width: 300px;
}
.card {
	background-clip: padding-box;
	box-shadow: 0 0.125rem 0.25rem rgb(165 163 174 / 88%);
	border: 0;
}
.layout-navbar-fixed .content-wrapper > div {
	margin-top: 0.9rem;
}
.container-fluid {
	max-width: inherit !important;
}
.card-header {
	border-bottom: 1px solid #99999985;
	padding: 0.75rem 1.25rem;
	position: relative;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}
.red {
	color: #e10c0d;
}
.bold {
	font-weight: bold;
}
.font-15 {
	font-size: 15px;
}
.font-20 {
	font-size: 20px;
}
/* .avatar img {
	width: 38px;
	height: 38px !important;
} */
.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem !important;
}

.btn-header {
	position: sticky;
	z-index: 999;
	padding: 10px;
	box-shadow: 0 0.125rem 0.25rem rgb(165 163 174 / 88%);
	border-radius: 5px;
	top: 15px;
}
.layout-navbar-fixed .btn-header {
	top: 90px;
}
.btn-footer {
	background: #fff;
	padding: 10px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
}

#dropdownCopy {
	cursor: pointer;
}

.info-box-icon-setting {
	background: #ffffff29 !important;
}

/* Filer */
.jFiler-input-dragDrop {
	width: 100% !important;
}
.label-filer-gallery {
	word-break: break-word;
}
.alert-sort-filer {
	display: none;
}
.jFiler-input-dragDrop {
	width: 100% !important;
}
.jFiler-items-grid.row {
	margin-left: -7.5px;
}
.jFiler-items-grid.scroll-bar {
	max-height: 560px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container {
	margin: 0px !important;
	margin-bottom: 1rem !important;
	padding: 5px !important;
	box-shadow: none !important;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets {
	margin-top: 0px;
	padding: 5px 0px;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .pull-left {
	float: none;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .pull-left li {
	display: block;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .pull-left li .jFiler-jProgressBar {
	width: 100%;
	margin: 0px;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .pull-left li .jFiler-jProgressBar .bar {
	float: none;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .pull-right {
	float: none;
	text-align: center;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb {
	width: 100% !important;
	height: auto;
	min-height: inherit;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image {
	max-height: 150px;
	position: relative;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image img {
	max-width: 100%;
	width: 100%;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image i {
	position: absolute;
	top: calc(50% - 25px / 2);
	left: calc(50% - 25px / 2);
	color: #ffc107;
	width: 25px;
	height: 25px;
	font-size: 25px;
	text-align: center;
	line-height: 25px;
	display: none;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-info {
	padding: 0px 5px;
}
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-info .jFiler-item-title,
.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-title b {
	font-weight: normal;
}
.jFiler-items-grid .jFiler-item.my-jFiler-item.moved {
	cursor: pointer;
}
.jFiler-items-grid .jFiler-item.my-jFiler-item.moved.ghostclass .jFiler-item-container {
	background: #fddf83;
	opacity: 0.85;
}
.jFiler-items-grid .jFiler-item.my-jFiler-item.selected .jFiler-item-container {
	border-color: #ffc107;
	opacity: 0.85;
}
.jFiler-items-grid .jFiler-item.my-jFiler-item.selected .jFiler-item-container:before {
	content: '';
	position: absolute;
	width: 35px;
	height: 35px;
	z-index: 1;
	background-color: #ffc107;
	top: calc(50% - 35px / 2);
	left: calc(50% - 35px / 2);
	border-radius: 100%;
}
.jFiler-items-grid .jFiler-item.my-jFiler-item.selected .jFiler-item-container:after {
	content: '';
	position: absolute;
	left: calc(50% - 9px / 2);
	top: calc(50% - 25px / 2);
	width: 10px;
	height: 20px;
	z-index: 2;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.jFiler-items-grid .jFiler-item.my-jFiler-item.selected .jFiler-item-container .jFiler-item-inner {
	opacity: 0.7;
}
.jFiler-items-grid
	.jFiler-item.my-jFiler-item.moved:not(.selected)
	.jFiler-item-container
	.jFiler-item-thumb
	.jFiler-item-thumb-image
	img {
	-ms-filter: brightness(70%);
	-webkit-filter: brightness(70%);
	-moz-filter: brightness(70%);
	-o-filter: brightness(70%);
	filter: brightness(70%);
}
.jFiler-items-grid
	.jFiler-item.my-jFiler-item.moved:not(.selected)
	.jFiler-item-container
	.jFiler-item-thumb
	.jFiler-item-thumb-image
	i {
	display: block;
}

/* Photo */

/* Iamges */
.img-upload {
	max-width: 250px;
}
.img-preview {
	max-width: 70px;
	max-height: 55px;
}

/* Photo upload zone */
.photoUpload-zone .photoUpload-detail {
	text-align: center;
	display: block;
	margin-bottom: 1.5rem;
	padding: 10px;
	/* background-color: #f5f5f5; */
	/* outline: 2px dashed #cdcdcd; */
}
.photoUpload-zone .photoUpload-detail a {
	display: flex;
	justify-content: center;
}
.photoUpload-zone .photoUpload-detail img {
	max-width: 100%;
	max-height: 250px;
	margin: auto;
}
.photoUpload-zone .photoUpload-file {
	cursor: pointer;
	background-color: #f5f5f5;
	outline: 2px dashed #cdcdcd;
	outline-offset: 0px;
	padding: 2rem 0.75rem;
	margin-bottom: 1rem;
	border-radius: 0.25rem;
	font-weight: normal !important;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	-webkit-transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
	transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
}
.photoUpload-zone .photoUpload-file.drag-over {
	outline-offset: -10px;
	background-color: #fff9f9;
}
.photoUpload-zone .photoUpload-file input {
	display: none;
}
.photoUpload-zone .photoUpload-file i:hover {
	opacity: 0.9;
}
.photoUpload-zone .photoUpload-file i {
	color: #6c7d8f;
	font-size: 55px;
	margin-bottom: 0.75rem;
}
.photoUpload-zone .photoUpload-file p {
	margin: 0;
	color: #767978;
}
.photoUpload-zone .photoUpload-file .photoUpload-drop {
	margin-bottom: 0.5rem;
}
.photoUpload-zone .photoUpload-file .photoUpload-or {
	font-size: 14px;
	margin-bottom: 0.75rem;
}
.photoUpload-zone .photoUpload-file .photoUpload-choose {
	color: #fff;
}
.photoUpload-zone .photoUpload-dimension {
	font-weight: 700;
}

/* Change photo */
.change-photo {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}
.change-photo p {
	margin-bottom: 0.5rem;
}
.change-photo div.rounded strong {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	font-weight: normal;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}
.change-photo div.rounded strong b {
	margin: 0.25rem 0;
	text-align: center;
}
.change-photo div.rounded strong b.text-split {
	-webkit-line-clamp: 2;
}
.change-photo.text-center {
	display: block;
}

/* Change file */
.change-file {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}
.change-file p {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0px;
}
.change-file strong {
	display: inline-block;
	vertical-align: middle;
}
.change-file strong div {
	display: inline-block;
	vertical-align: middle;
	max-width: 200px;
}
.change-file strong div b.text-split {
	-webkit-line-clamp: 1;
}

.photoUpload-choose {
	background-color: var(--bs-primary) !important;
}

/*
* Table
******************************************************************************/
.p-0 {
	padding: 0;
}
.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
}
.card-body::after,
.card-footer::after,
.card-header::after {
	display: block;
	clear: both;
	content: '';
}
.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.table-responsive .table {
	min-width: 1000px;
}
.table:not(.table-dark) {
	color: inherit;
}
.card-body > .table {
	margin-bottom: 0;
}
.table {
	width: 100%;
	margin-bottom: 1rem;
	color: #212529;
	background-color: transparent;
}
table {
	border-collapse: collapse;
}

.card-body.p-0 .table tbody > tr > td:first-of-type,
.card-body.p-0 .table tbody > tr > th:first-of-type,
.card-body.p-0 .table thead > tr > td:first-of-type,
.card-body.p-0 .table thead > tr > th:first-of-type {
	padding-left: 1.5rem;
}
.card-body > .table > thead > tr > td,
.card-body > .table > thead > tr > th {
	border-top-width: 0;
}
.table thead th {
	vertical-align: bottom;
}
.table td,
.table th {
	padding: 0.75rem;
	vertical-align: top;
}
.align-middle {
	vertical-align: middle !important;
}
th {
	text-align: inherit;
}

.img-preview {
	max-width: 70px;
	max-height: 55px;
}

.custom-control {
	position: relative;
	display: block;
	min-height: 1.5rem;
	padding-left: 1.5rem;
}
.my-checkbox {
	width: 17px;
	height: 17px;
	min-height: inherit;
	padding: 0px;
	margin: auto;
}
.my-checkbox .custom-control-input {
	cursor: pointer;
	z-index: 1;
	width: 100%;
	height: 100%;
}
input[type='checkbox'],
input[type='radio'] {
	box-sizing: border-box;
	padding: 0;
}
.custom-control-input {
	position: absolute;
	left: 0;
	z-index: -1;
	width: 1rem;
	height: 1.25rem;
	opacity: 0;
}
button,
input {
	overflow: visible;
}

.custom-file {
	position: relative;
	display: inline-block;
	width: 100%;
	height: calc(2.25rem + 2px);
	margin-bottom: 0;
}

.custom-file-input {
	position: relative;
	z-index: 2;
	width: 100%;
	height: calc(2.25rem + 2px);
	margin: 0;
	opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
	border-color: #80bdff;
	box-shadow: none;
}

.custom-file-input:disabled ~ .custom-file-label,
.custom-file-input[disabled] ~ .custom-file-label {
	background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
	content: 'Browse';
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
	content: attr(data-browse);
}

.custom-file-label {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	height: calc(2.25rem + 2px);
	padding: 0.375rem 0.75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	box-shadow: none;
}

.custom-file-label::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: block;
	height: 2.25rem;
	padding: 0.375rem 0.75rem;
	line-height: 1.5;
	color: #495057;
	content: 'Browse';
	background-color: #e9ecef;
	border-left: inherit;
	border-radius: 0 0.25rem 0.25rem 0;
}

/* Sumoselect */
.SumoSelect .select-all {
	height: auto !important;
	padding: 8px 0px 8px 35px !important;
}
.SumoSelect label {
	margin-bottom: 0px;
	font-weight: normal !important;
	display: block;
}
.SumoSelect > .CaptionCont {
	border: 1px solid #ced4da;
	padding: 0.46875rem 0.75rem;
	border-radius: 4px;
}
.SumoSelect > .CaptionCont > span.placeholder {
	color: #6f6b7d;
	font-style: unset;
	background: none;
	opacity: 1;
}
.SumoSelect > .CaptionCont > label > i {
	background-size: 10px;
	opacity: 0.6;
}
.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i {
	top: 1px;
}
.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont,
.SumoSelect.open > .CaptionCont {
	box-shadow: 0 0 2px #80bdff;
	border-color: #80bdff;
}
.SumoSelect.open .search-txt {
	padding: 0.46875rem 0.75rem;
}
.SumoSelect.open > .optWrapper {
	top: 40px;
}
.form-group-category .SumoSelect {
	width: 100%;
}
.form-control:disabled,
.form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1;
}

/* Checkbox */
.my-checkbox {
	width: 17px;
	height: 17px;
	min-height: inherit;
	padding: 0px;
	margin: auto;
}
.my-checkbox .custom-control-input {
	cursor: pointer;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.my-checkbox .custom-control-label {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.my-checkbox .custom-control-label::before,
.my-checkbox .custom-control-label::after {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

/* Input */
.form-control-mini {
	width: 50px !important;
	padding: 0.25rem;
	text-align: center;
	line-height: normal;
	font-size: 14px;
}
.form-control-mini::-webkit-outer-spin-button,
.form-control-mini::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}
.form-control.no-validate:valid {
	border-color: #ced4da;
	background: none;
	padding: 0.375rem 0.75rem;
}

/* Input file */
.my-custom-file input {
	cursor: pointer;
}
.my-custom-file label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 77px;
	padding-top: 0.5rem;
}
.my-custom-file label::after {
	padding-top: 0.5rem;
}

.custom-control-label::before {
	position: absolute;
	top: 0.25rem;
	left: 0px;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: '';
	background-color: #dee2e6;
	border: #adb5bd solid 1px;
	box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.custom-checkbox .custom-control-label::before {
	border-radius: 0.25rem;
}

.custom-control-label::after {
	position: absolute;
	top: 0.25rem;
	left: 0px;
	display: block;
	width: 1rem;
	height: 1rem;
	content: '';
	background: no-repeat 50%/50% 50%;
}

.custom-checkbox .custom-control-label::before {
	border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
	border-color: #007bff;
	background-color: #007bff;
	box-shadow: none;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23ffffff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
	background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
	background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
	border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23ffffff'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
	background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
	padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
	left: -2.25rem;
	width: 1.75rem;
	pointer-events: all;
	border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
	top: calc(0.25rem + 2px);
	left: calc(-2.25rem + 2px);
	width: calc(1rem - 4px);
	height: calc(1rem - 4px);
	background-color: #adb5bd;
	border-radius: 0.5rem;
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
		-webkit-transform 0.15s ease-in-out;
	transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out;
	transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #c02026;
	background-color: #c02026;
	box-shadow: none;
}

.m-auto {
	margin: auto !important;
}

.mr-2,
.mx-2 {
	margin-right: 0.5rem !important;
}

.tool-action {
	display: flex;
}
.text-sm {
	font-size: 0.875rem !important;
}

.mr-1,
.mx-1 {
	margin-right: 0.25rem !important;
}

.pr-3,
.px-3 {
	padding-right: 1rem !important;
}

.mr-3,
.mx-3 {
	margin-right: 1rem !important;
}
.pd-15 {
	padding: 15px !important;
}
.text-info {
	color: var(--bs-info) !important;
}

a.text-success:focus,
a.text-success:hover {
	color: var(--bs-success-active-border) !important;
}

.card-footer.sticky-top {
	background-color: #fff;
	position: sticky;
	top: 0px;
	z-index: 11;
}

.btn-group-sm > .btn,
.btn-sm {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}

.btn-database {
	color: #fff;
}
.rounded-right {
	border-top-right-radius: 0.25rem !important;
	border-bottom-right-radius: 0.25rem !important;
}

.img-preview {
	max-width: 70px !important;
	max-height: 55px;
}

.pagination {
	margin: 20px 0px;
}
.messlogin {
	color: #c02026;
	text-align: center;
	font-weight: 500;
}
.card .nav.nav-tabs {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

label {
	display: inline-block;
	margin-bottom: 0.5rem;
}
.text-sm .card-title {
	font-size: 1rem;
}
.card-title {
	float: left;
	font-size: 1rem;
	font-weight: 500;
	margin: 0;
}

.menu-title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.menu-vertical .menu-header ul {
	padding: 0px;
}
.form-label {
	font-weight: 500;
	margin-bottom: 10px;
}
.nav-tabs .nav-link {
	cursor: pointer;
}

.form-group {
	margin-bottom: 1rem;
}

.float-right {
	float: right !important;
}
.d-inline-block {
	display: inline-block !important;
}

.create-seo {
	background-color: #c02026 !important;
}

.apexcharts-toolbar {
	display: none !important;
}

.bg-gradient-mess {
	color: #fff;
}
.bg-gradient-mess .card-title {
	color: #fff;
}

.bg-gradient-mess button {
	color: #fff;
	border: 1px solid #ef4343;
}
.bg-gradient-mess .card-tools {
	gap: 5px;
	display: flex;
	justify-content: flex-end;
}

/* Menu.blade */

.menu-item.open a.menu-name {
	background: linear-gradient(72.47deg, var(--bs-primary) 22.16%, var(--bs-primary) 76.47%) !important;
	box-shadow: 0px 2px 6px 0px var(--bs-primary-border-subtle) !important;
	color: #fff !important;
}
.dark-style .menu-item.open a.menu-name {
	box-shadow: none !important;
}

.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
	background: none !important;
	box-shadow: none !important;
	color: var(--bs-primary) !important;
}
.dark-style .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
	color: #fff !important;
}
/* Price */

/* Schema */
.btn-schema {
	background-image: linear-gradient(45deg, var(--bs-primary), var(--bs-primary-active-bg)) !important;
	color: #fff !important;
}

.icon-notification {
	max-width: 30px;
	color: #c02026;
}

.info-box {
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
	border-radius: 0.25rem;
	background: #fff;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1rem;
	min-height: 80px;
	padding: 0.5rem;
	position: relative;
}
.info-box .info-box-icon {
	border-radius: 0.25rem;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.875rem;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	width: 70px;
}
.info-box .info-box-content {
	-ms-flex: 1;
	flex: 1;
	padding: 5px 10px;
}

.info-box .info-box-text,
.info-box .progress-description {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text-capitalize {
	text-transform: capitalize !important;
}
.font-italic {
	font-style: italic;
}
.info-box .info-box-number {
	display: block;
	font-weight: 500;
}
.bg-primary,
.bg-primary > a {
	color: #fff !important;
}
.bg-danger,
.bg-danger > a {
	color: #fff !important;
}
.bg-success,
.bg-success > a {
	color: #fff !important;
}
.bg-info,
.bg-info > a {
	color: #fff !important;
}
.my-info-box {
	border-radius: 0px;
	box-shadow: none;
	border: 1px solid #99999985;
	border-radius: 5px;
}
.my-info-box .my-info-box-icon {
	border-radius: 5px;
}
.my-info-box .my-info-box-icon .ti {
	font-size: 35px;
}

.chart-online .rounded-pill {
	font-size: 22px;
}
.tt-15 {
	font-size: 15px;
}

.view-ext {
	position: relative;
	width: 100%;
	max-width: 230px;
	height: 165px;
	background: url(../img/backgrounds/bg_ext.svg);
	background-size: 100% 100%;
}

.view-ext img {
	position: absolute;
	max-width: 70%;
	max-height: 80%;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

/* History order */

.timeline-container_new {
	border: 1px solid #ebeef0;
	border-radius: 3px;
	background-color: #fff;
}
.timeline-container_new .timeline-container_new--position {
	position: relative;
	margin-left: 30px;
	word-break: break-all;
}
.timeline-container_new .timeline-container_new--position:before {
	content: '';
	width: 12px;
	height: 12px;
	border: 3px solid #ebeef0;
	border-radius: 50%;
	position: absolute;
	top: 17px;
	left: -3.9px;
	background-color: #ebeef0;
	z-index: 2;
}
.timeline-container_new .timeline-container_new--position .timeline-new__date {
	font-weight: 500;
	display: inline-block;
	font-size: 14px;
	color: #6c798f;
	margin-left: 30px;
}
.timeline-container_new .timeline-container_new--position .timeline-event-contentnew__icon {
	position: absolute;
	top: 21px;
	left: -14px;
	z-index: 2;
}
.timeline-container_new .timeline-container_new--position .timeline-event-contentnew__icon .icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: #c02026;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
}
.timeline-container_new .timeline-container_new--position .timeline-event-contentnew__icon .icon.icon-add {
	background-color: #08cc74;
}
.timeline-container_new .timeline-container_new--position .timeline-event-contentnew__icon .icon.icon-edit {
	background-color: #da363b;
}
.timeline-container_new .timeline-container_new--position .timeline-event-contentnew__icon .icon.icon-delete {
	background-color: #ca2c2c;
}
.timeline-container_new .timeline-container_new--position .timeline-new__infomation {
	margin-left: 30px;
}
.timeline-container_new .timeline-container_new--position .timeline-new__infomation .timeline-new__infomation__name {
	font-weight: 600;
	font-size: 14px;
	color: #212121;
}
.timeline-container_new .timeline-container_new--position .timeline-new__infomation .timeline-new__infomation__time {
	color: #6c798f;
	font-size: 14px;
	font-weight: 400;
}
.timeline-container_new .timeline-container_new--position .timeline-new__infomation .timeline-new__infomation__message {
	margin-top: 5px;
}
.timeline-container_new .timeline-item-new--border--padding {
	border-left: 3px solid #ebeef0;
	padding: 15px 15px 15px 0;
}

.flex-propertiescard {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
}
.text---bs-warning {
	color: var(--bs-warning) !important;
}
.text---bs-primary {
	color: var(--bs-primary) !important;
}
.text---bs-info {
	color: #fff !important;
}
.text---bs-danger {
	color: var(--bs-danger) !important;
}
.text---bs-success {
	color: var(--bs-success) !important;
}

.bg---bs-warning-bg-subtle {
	background-color: var(--bs-warning-bg-subtle) !important;
}
.bg---bs-primary-bg-subtle {
	background-color: var(--bs-primary-bg-subtle) !important;
}
.bg---bs-info-bg-subtle {
	background-color: var(--bs-info-bg-subtle) !important;
}
.bg---bs-danger-bg-subtle {
	background-color: var(--bs-danger-bg-subtle) !important;
}
.bg---bs-success-bg-subtle {
	background-color: var(--bs-success-bg-subtle) !important;
}

.btn-dropdown button {
	padding: 8px;
	font-size: 13px;
}

.btn-dropdown ul {
	padding: 0px;
}

.select2-selection__rendered .avatar img {
	height: auto !important;
}

.select2-results__group {
	background: #f1f1f1;
	border-radius: 5px;
	font-weight: bold;
}

.hotline-login {
	text-align: center;
	color: #e10c0d;
}
.hotline-login p {
	margin: 5px 0px;
}
.hotline-login p:first-child {
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.hotline-login p img {
	width: 30px;
	position: relative;
	top: -3px;
}

@keyframes shake {
	0% {
		transform: rotate(0deg);
	}
	30% {
		transform: rotate(-10deg);
	}
	70% {
		transform: rotate(-10deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.close-menu-admin {
	position: absolute;
	right: 10px;
	top: 10px;
}

select[multiple] {
	display: none;
}

/* Login */

.user-login {
	position: relative;
}
.user-login i {
	position: absolute;
	bottom: 11px;
	right: 10px;
	font-size: 22px;
}

.card-login {
	box-shadow: 0 1px 8px rgb(165 163 174 / 83%);
}

.card-login input[type='text'],
.card-login input[type='password'] {
	height: 45px;
	border: 1px solid #c5c4c6;
}
.card-login .btn {
	height: 45px;
}

.card-login input[type='checkbox'] {
	border-color: #c5c4c6;
}
.copy-right {
	position: fixed;
	width: 100%;
	bottom: 20px;
	text-align: center;
}

.app-brand-logo img {
	height: 50px;
}

.sk-circle .sk-child:before {
	opacity: 0.8;
	background-color: #ffffff;
}

.menu-header{display: none;}

#previewContainer {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}
#cropButton, #saveButton, #uploadButton {
	margin-top: 10px;
	display: none;
}

.cropButton, .saveButton, .uploadButton {
	display: none;
}

#cropDimensions {
	margin-top: 10px;
}
.cropDimensions{display: none;}
.btn-crop-img{padding: 5px 10px;border-radius: 5px;}
.flex-crop{
	display: flex;
    gap: 10px;
    justify-content: center;
}
.switch .switch-toggle-slider{
	left: calc(50% - 1.25rem);
}
.switch{
	margin-right: 0px;
}
div.form-group .switch{
	margin-right: 0.75rem;
}
div.form-group  .switch .switch-toggle-slider{
	left: inherit;
}