@charset "UTF-8";

@font-face {
	font-family: "bootstrap-icons";
	src: url("../../bootstrap-icons/fonts/bootstrap-icons.woff2?30af91bf14e37666a085fb8a161ff36d") format("woff2"),
		url("../../bootstrap-icons/fonts/bootstrap-icons.woff?30af91bf14e37666a085fb8a161ff36d") format("woff");
}

/* Template */
:root,
[data-bs-theme=light] {
	--ct-bg-glass: rgba(255, 255, 255, .7);
	--ct-color-translucent-100: rgba(0, 0, 0, 0.05);
	--ct-color-translucent-200: rgba(0, 0, 0, 0.1);
	--ct-color-translucent-300: rgba(0, 0, 0, 0.25);
	--ct-color-translucent-400: rgba(255, 255, 255, 0.4);
	--ct-color-translucent-500: rgba(0, 0, 0, 0.035);
	--ct-color-translucent-600: rgba(0, 0, 0, 0.5);
	--ct-color-translucent-900: rgba(0, 0, 0, 0.9);
	--ct-primary-bg: #E3F5FF;
	--ct-danger-bg: #FDEAF0;
	--ct-success-bg: #D4FDE8;
	--ct-warning-bg: #FDF5D3;
	--ct-info-bg: #F1EBFF;
	--ct-box-shadow: 0 0.5rem 0.75rem rgba(0, 0, 0, 0.1);
	--ct-datetime-picker-start-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23FFF' d='m0 14 6-7-6-7'/%3E%3C/svg%3E");
	--ct-datetime-picker-end-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23FFF' d='M14 0 8 7l6 7'/%3E%3C/svg%3E");
	--bs-blue: #0088d7;
	--bs-indigo: #026097;
	--bs-teal: #20e2a8;
	--bs-primary: #0088d7;
	--bs-secondary: #8e9194;
	--bs-success: #2f9e61;
	--bs-danger: #e72555;
	--bs-warning: #ebb800;
	--bs-info: #6a32e4;
	--bs-primary-rgb: 0, 152, 240;
	--bs-primary-text-emphasis: #0574b4;
	--bs-primary-border-subtle: rgba(0, 136, 215, 0.1);
	--bs-primary-bg-subtle: rgba(0, 136, 215, 0.1);
	--bs-secondary-rgb: 228, 234, 237;
	--bs-secondary-color: rgba(33, 37, 41, 0.5);
	--bs-warning-rgb: 235, 184, 0;
	--bs-info-rgb: 106, 50, 228;
	--bs-success-rgb: 47, 158, 97;
	--bs-danger-rgb: 231, 37, 85;
	--bs-link-color: #0076EB;
	--bs-link-hover-color: #0066C9;
	--bs-link-color-rgb: 0, 118, 235;
	--bs-link-hover-color-rgb: 0, 102, 201;
	--bs-tertiary-bg: #F3F4F5;
	--bs-border-color-translucent: var(--ct-color-translucent-100);
	--bs-border-radius: 0.475rem;
	--bs-border-radius-sm: 0.375rem;
	--bs-dropdown-item-border-radius: 0.25rem;
}

[data-bs-theme=dark] {
	color-scheme: dark;
	--ct-bg-glass: rgba(33, 37, 41, .75);
	--ct-color-translucent-100: rgba(255, 255, 255, 0.05);
	--ct-color-translucent-200: rgba(255, 255, 255, 0.1);
	--ct-color-translucent-300: rgba(255, 255, 255, 0.25);
	--ct-color-translucent-400: rgba(0, 0, 0, 0.4);
	--ct-color-translucent-500: rgba(255, 255, 255, 0.035);
	--ct-color-translucent-600: rgba(255, 255, 255, 0.5);
	--ct-color-translucent-900: rgba(255, 255, 255, 0.9);
	--ct-primary-bg: #283035;
	--ct-danger-bg: #3a2c31;
	--ct-success-bg: #303b36;
	--ct-warning-bg: #353228;
	--ct-info-bg: #322d3d;
	--ct-datetime-picker-start-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23212529' d='m0 14 6-7-6-7'/%3E%3C/svg%3E");
	--ct-datetime-picker-end-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23212529' d='M14 0 8 7l6 7'/%3E%3C/svg%3E");
	--bs-border-color-translucent: var(--ct-color-translucent-100);
	--bs-dark: #A4B0BD;
	--bs-light: #303131;
	--bs-primary: #29a6ee;
	--bs-danger: #fa6560;
	--bs-info: #9567f7;
	--bs-warning: #f7cb2f;
	--bs-success: #46cc82;
	--bs-gray: #6c757d;
	--bs-gray-dark: #bdcbda;
	--bs-gray-100: #303131;
	--bs-gray-200: #404142;
	--bs-gray-300: #4b4d4e;
	--bs-gray-400: #5b5c5e;
	--bs-gray-500: #626568;
	--bs-gray-900: #d0dce7;
	--bs-dark-rgb: 164, 176, 189;
	--bs-primary-rgb: 41, 166, 238;
	--bs-danger-rgb: 250, 101, 96;
	--bs-warning-rgb: 247, 203, 47;
	--bs-info-rgb: 149, 103, 247;
	--bs-success-rgb: 70, 204, 130;
	--bs-secondary-rgb: 49, 50, 51;
	--bs-secondary-color: rgba(190, 205, 219, 0.5);
	--bs-tertiary-bg: #313333;
	--bs-light-rgb: 44, 45, 46;
}

/* Globals */
body.public-template {
	background: url("../img/svg/landing_bg.svg") no-repeat top;
	background-size: cover;
}

a,
button,
select,
.bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
	cursor: pointer;
}

table {
	font-variant-numeric: lining-nums tabular-nums;
}

.table.align-middle td,
.table.align-middle th {
	vertical-align: middle;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	box-shadow: 0 0 0 30px inset var(--bs-gray-200) !important;
	border-color: var(--bs-gray-200);
}

footer {
	min-height: 44px;
}

.bg-glass {
	background-color: var(--ct-bg-glass);
	backdrop-filter: saturate(100%) blur(18px);
	-webkit-backdrop-filter: saturate(100%) blur(18px);
}

input,
label,
.navbar .nav-link,
.form-control,
.btn,
.page-link,
.dropdown-toggle::after,
.navbar .dropdown-menu,
a.list-group-item,
.close,
.dropdown-menu .dropdown-item,
.media-preview .media-image-preview .media-image,
.media-preview .media-image-preview .media-details {
	-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

.spinning::before {
	animation: 2s infinite linear icon_loader;
}

.private-template .main-container .main-content {
	height: calc(100vh - 84px);
	overflow: auto;
}

.private-template .main-container .main-content.footer-bar {
	height: calc(100vh - 128px);
	overflow: auto;
}

* {
	scrollbar-width: thin;
	scrollbar-color: var(--ct-color-translucent-300) var(--ct-color-translucent-100);
}

*::-webkit-scrollbar {
	width: 3px;
}

*::-webkit-scrollbar:horizontal {
	height: 3px;
}

*::-webkit-scrollbar-track {
	background: var(--ct-color-translucent-100);
}

*::-webkit-scrollbar-thumb {
	background-color: var(--ct-color-translucent-300);
	border-radius: 20px;
}

thead.sticky-top {
	z-index: 980;
}

.required:after {
	color: var(--bs-danger);
	content: "*";
	position: relative;
	font-size: inherit;
	padding-left: 0.25rem;
}

.user-menu-icon {
	width: 2rem;
	height: 2rem;
	font-size: 1.25em !important;
	line-height: 0;
	padding: 0;
	padding-bottom: 0.15rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.external-link:after {
	font-family: "bootstrap-icons" !important;
	content: "\f143";
	position: relative;
	font-size: 60%;
	opacity: 0.75;
	padding-left: 0.75rem;
}

.input-group-file,
.input-group-file>input,
.custom-file-button:hover label,
.cursor-pointer {
	cursor: pointer;
}

.input-group-file>input {
	caret-color: transparent;
}

.timeline-bar {
	position: absolute;
	top: 19px;
	height: 10px;
	z-index: 999;
	width: calc(100% + 1px);
}

.timeline-bar-middle,
.timeline-bar-end {
	left: -1px;
}

.timeline-bar-start {
	right: 0;
}

.timeline-bar-start,
.timeline-bar-end {
	width: 50%;
}

.ct-table__sort {
	background-color: var(--bs-border-color);
	bottom: calc(-.5rem - 1px);
	display: block;
	height: 2px;
	position: relative;
	right: .5rem;
	text-align: center;
	visibility: hidden;
	width: calc(100% + 1rem);
}

.ct-table__sort svg {
	fill: var(--bs-border-color);
	position: absolute;
	right: calc(50% - 4px);
}

.ct-table__sort--desc svg {
	top: 3px;
}

.ct-table__sort--asc svg {
	top: -3px;
}

.border-dashed {
	border-style: dashed;
}

.media-container {
	min-height: auto;
	padding: 1.5rem;
	text-align: center;
	border: 1px dashed var(--bs-blue);
	border-radius: var(--bs-border-radius) !important;
}

.media-button {
	top: .25rem;
	right: .25rem;
}

.media-preview .media-image-preview .media-image-wrapper {
	border-radius: var(--bs-border-radius) !important;
	overflow: hidden;
	width: 120px;
	height: 120px;
	position: relative;
	display: block;
}

.media-preview .media-image-preview:not(:first-child) {
	margin-left: 1.5rem;
}

.media-preview .media-image-preview .media-image {
	height: 100%;
}

.media-preview .media-image-preview:hover .media-image {
	-webkit-filter: blur(8px);
	filter: blur(8px);
}

.media-preview .media-image-preview .media-details {
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	font-size: 13px;
	min-width: 100%;
	max-width: 100%;
	padding: 2em 1em;
	text-align: center;
	color: var(--ct-color-translucent-900);
	line-height: 150%;
}

.media-preview .media-image-preview:hover .media-details {
	opacity: 1;
}

.media-preview .media-image-preview .media-details .media-filename {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.media-preview .media-image-preview .media-details .media-filename span,
.media-preview .media-image-preview .media-details .media-filesize span {
	background-color: var(--ct-color-translucent-400);
	padding: 0 0.4em;
	border-radius: 3px;
}

.media-preview .media-image-preview .media-details .media-filesize {
	margin-bottom: 1em;
	font-size: 16px;
}

.media-preview .media-removefile {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1.65rem;
	width: 1.65rem;
	font-size: 1rem;
	white-space: nowrap;
	position: absolute;
	z-index: 2;
	background-color: var(--bs-body-bg);
	box-shadow: 0 0.5rem 1.5rem 0.5rem var(--ct-color-translucent-100);
	border-radius: 100%;
	top: -0.825rem;
	right: -0.825rem;
}

.mw-240 {
	min-width: 240px;
}

.mw-360 {
	min-width: 360px;
}

.xw-360 {
	max-width: 360px;
}

.xw-992 {
	max-width: 992px;
}

.max-content {
	width: max-content;
	max-width: max-content;
}

.dropdown-element .dropdown-menu {
	overflow: auto;
}

.dashed {
	border-style: dashed;
}

.form-check-input-sm {
	width: .75rem;
	height: .75rem;
}

.badge.icon {
	position: absolute;
	padding-top: .1rem;
	padding-bottom: .1rem;
	font-size: .75rem;
	right: -12px
}

.bg-heading {
	background: url("../img/background_glass_heading.jpg") no-repeat top;
	background-color: var(--bs-indigo);
	background-size: cover;
}

.shadow-1x {
	box-shadow: 0 2px 0 var(--bs-border-color) !important;
}

.toast-header,
.page-link,
mark,
div.datetime-container,
.navbar-toggler[aria-expanded=true] span,
.offcanvas-backdrop {
	background-color: transparent;
}

td.table-hover-column {
	background-color: transparent !important;
}

td.table-hover-column:hover::after {
	content: "";
	position: absolute;
	background-color: var(--ct-color-translucent-500);
	left: 0;
	top: -5000px;
	height: 10000px;
	width: 100%;
	z-index: -1;
}

.bg-translucent-3 {
	background-color: var(--ct-color-translucent-300);
}

.ct-conversation-avatar {
	height: 58px;
	line-height: 1.1;
}

div.datetime-container.rounded-start button.date,
div.datetime-container.rounded-start button.time,
.form-control.rounded-start {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

div.datetime-container.rounded-end button.date,
div.datetime-container.rounded-end button.time,
.form-control.rounded-end {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.icon-input>i {
	position: absolute;
	left: .75rem;
	top: .6rem;
	line-height: 1;
	vertical-align: -.125em;
}

.icon-input .form-control {
	padding-left: 2.25rem;
}

td .dropdown-toggle.position-relative.d-block {
	padding-right: 1rem;
}

.btn.rounded-start {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-placeholder {
	position: absolute;
	top: .25rem;
	left: 2rem;
	z-index: 100;
}

.iframe-container {
	height: calc(100vh - 49px);
}

.link-external {
	white-space: nowrap;
}

.link-external::after {
    display: inline-block;
    vertical-align: middle;
    font-family: bootstrap-icons;
    font-size: .75rem;
	margin-left: .255em;
    content: "\F1C5";
    border: none;
}

/* Custom Bootstrap */
.navbar-toggler:focus,
.btn-close:focus,
.page-link:focus,
.btn:focus,
.btn-light:active:focus,
div.picker,
.form-control:focus,
.custom-file-input:focus~.custom-file-label,
.btn-check:active+.btn:focus,
.btn-check:checked+.btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus,
.form-check-input:focus {
	box-shadow: none;
}

.text-teal {
	color: var(--bs-teal);
}

.text-black-50 {
	color: var(--ct-color-translucent-600) !important;
}

.btn-primary {
	--bs-btn-bg: var(--bs-blue);
	--bs-btn-border-color: var(--bs-blue);
	--bs-btn-hover-bg: var(--bs-indigo);
	--bs-btn-hover-border-color: var(--bs-indigo);
	--bs-btn-active-bg: var(--bs-indigo);
	--bs-btn-active-border-color: var(--bs-indigo);
	--bs-btn-disabled-bg: var(--bs-blue);
	--bs-btn-disabled-border-color: var(--bs-blue);
}

.btn-outline-primary {
	--bs-btn-color: var(--bs-blue);
	--bs-btn-border-color: var(--bs-blue);
	--bs-btn-hover-bg: var(--bs-blue);
	--bs-btn-hover-border-color: var(--bs-blue);
	--bs-btn-active-bg: var(--bs-blue);
	--bs-btn-active-border-color: var(--bs-blue);
	--bs-btn-disabled-color: var(--bs-blue);
	--bs-btn-disabled-border-color: var(--bs-blue);
}

.btn-secondary,
div.picker button.confirm {
	--bs-btn-color: var(--bs-gray-dark);
	--bs-btn-bg: var(--bs-gray-200);
	--bs-btn-border-color: var(--bs-gray-200);
	--bs-btn-hover-color: var(--bs-blue);
	--bs-btn-hover-bg: var(--bs-gray-300);
	--bs-btn-hover-border-color: var(--bs-gray-300);
	--bs-btn-active-color: var(--bs-blue);
	--bs-btn-active-bg: var(--bs-gray-300);
	--bs-btn-active-border-color: var(--bs-gray-300);
	--bs-btn-disabled-color: var(--bs-gray-500);
	--bs-btn-disabled-bg: var(--bs-gray-200);
	--bs-btn-disabled-border-color: var(--bs-gray-200);
}

.btn-outline-secondary {
	--bs-btn-color: var(--bs-gray-dark);
	--bs-btn-border-color: var(--bs-gray-200);
	--bs-btn-hover-color: var(--bs-gray-dark);
	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-border-color: var(--bs-blue);
	--bs-btn-active-color: var(--bs-blue);
	--bs-btn-active-bg: var(--bs-primary-bg-subtle);
	--bs-btn-active-border-color: var(--bs-blue);
	--bs-btn-disabled-color: var(--bs-gray-500);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-gray-200);
}

.btn-link {
	--bs-btn-color: var(--bs-gray);
	--bs-btn-hover-color: var(--bs-link-hover-color);
	--bs-btn-hover-bg: var(--bs-gray-200);
	--bs-btn-active-color: var(--bs-link-hover-color);
	--bs-btn-active-bg: var(--bs-gray-200);
	--bs-btn-disabled-color: var(--bs-gray-500);
	--bs-btn-disabled-bg: var(--bs-gray-200);
	text-decoration: none;
}

.btn-light {
	--bs-btn-color: var(--bs-dark);
	--bs-btn-bg: var(--bs-light);
	--bs-btn-border-color: var(--bs-light);
	--bs-btn-hover-color: var(--bs-dark);
	--bs-btn-hover-bg: var(--bs-gray-300);
	--bs-btn-hover-border-color: var(--bs-gray-300);
	--bs-btn-active-color: var(--bs-dark);
	--bs-btn-active-bg: var(--bs-gray-300);
	--bs-btn-active-border-color: var(--bs-gray-300);
	--bs-btn-disabled-color: var(--bs-dark);
	--bs-btn-disabled-bg: var(--bs-light);
	--bs-btn-disabled-border-color: var(--bs-light);
}

.btn-check+.btn.btn-outline-secondary:hover {
	color: inherit;
	background-color: inherit;
	border-color: var(--bs-blue);
}

.form-control,
.form-control[readonly]:not(:disabled),
label.custom-file-label,
.input-group-text {
	background-color: var(--bs-gray-200);
	border-color: var(--bs-gray-200);
	color: var(--bs-gray-dark);
}

.form-control:focus,
.custom-file-input:focus~.custom-file-label {
	border-color: var(--bs-gray-300);
	background-color: var(--bs-gray-300);
	outline: 0;
}

.form-control:disabled,
.input-group-text.disabled {
	background-color: var(--bs-gray-200);
	border-color: var(--bs-gray-200);
	opacity: 0.65;
	cursor: not-allowed;
}

.form-control::-webkit-input-placeholder {
	color: var(--bs-gray);
}

.form-control::placeholder,
.text-placeholder {
	color: var(--bs-gray);
}

.card {
	border-color: var(--ct-color-translucent-200);
}

.navbar-toggler {
	border-color: transparent !important;
	z-index: 1110;
}

.navbar-toggler span {
	position: relative;
	margin-top: 6px;
	margin-bottom: 6px;
	-webkit-user-select: none;
	user-select: none;
}

.navbar-toggler span,
.navbar-toggler span::before,
.navbar-toggler span::after {
	display: block;
	width: 21px;
	height: 2px;
	background-color: var(--bs-indigo);
	outline: 1px solid transparent;
	-webkit-transition-property: background-color, -webkit-transform;
	transition-property: background-color, transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.navbar-toggler span::before,
.navbar-toggler span::after {
	position: absolute;
	content: "";
}

.navbar-toggler span::before {
	top: -6px;
}

.navbar-toggler span::after {
	top: 6px;
}

.navbar-toggler[aria-expanded=true] span::before {
	-webkit-transform: translateY(6px) rotate(45deg);
	transform: translateY(6px) rotate(45deg);
}

.navbar-toggler[aria-expanded=true] span::after {
	-webkit-transform: translateY(-6px) rotate(-45deg);
	transform: translateY(-6px) rotate(-45deg);
}

.navbar-expand-lg.bg-body-tertiary .navbar-nav .nav-link {
	border-bottom-color: transparent !important;
}

.navbar-expand-lg.bg-body-tertiary .navbar-nav .nav-link.active {
	color: var(--bs-blue);
}

.navbar-expand-lg.bg-body-tertiary .navbar-nav .nav-link:hover,
.navbar-expand-lg.bg-body-tertiary .navbar-nav .nav-link:focus,
.navbar-expand-lg.bg-body-tertiary .navbar-nav .nav-link.active {
	border-bottom-color: var(--bs-blue) !important;
}

.dropdown-menu {
	--bs-dropdown-zindex: 1000;
	--bs-dropdown-min-width: 10rem;
	--bs-dropdown-padding-x: 0.25rem;
	--bs-dropdown-padding-y: 0.5rem;
	--bs-dropdown-spacer: 0.125rem;
	--bs-dropdown-font-size: 0.9rem;
	--bs-dropdown-box-shadow: var(--ct-box-shadow);
	--bs-dropdown-link-color: var(--bs-body-color);
	--bs-dropdown-link-hover-color: var(--bs-body-color);
	--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
	--bs-dropdown-link-active-color: var(--bs-blue);
	--bs-dropdown-link-active-bg: var(--bs-tertiary-bg);
	--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
	font-size: var(--bs-dropdown-font-size);
	box-shadow: var(--bs-dropdown-box-shadow);
}

.dropdown-toggle::after {
	display: inline-block;
	vertical-align: middle;
	font-family: bootstrap-icons;
	font-size: .75rem;
	content: "\f282";
	border: none;
}

.dropdown-toggle.dropdown-icon::after {
	content: none;
}

.dropup .dropdown-toggle::after,
.dropdown-toggle.expanded::after {
	font-family: bootstrap-icons;
	content: "\f286";
	border: none;
}

.dropdown-toggle.show::after,
.dropdown-toggle.collapsed::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.badge {
	--bs-badge-padding-x: 0.5em;
	--bs-badge-padding-y: 0.25em;
	--bs-badge-font-size: 0.85em;
	--bs-badge-font-weight: normal;
	--bs-badge-border-radius: 0.375rem;
}

.badge.bg-secondary {
	color: var(--bs-secondary);
}

.badge.bg-warning {
	color: var(--bs-warning);
	background-color: var(--ct-warning-bg) !important;
}

.badge.bg-danger {
	color: var(--bs-danger);
	background-color: var(--ct-danger-bg) !important;
}

.badge.bg-primary {
	color: var(--bs-primary);
	background-color: var(--ct-primary-bg) !important;
}

.badge.bg-success {
	color: var(--bs-success);
	background-color: var(--ct-success-bg) !important;
}

.badge.bg-info {
	color: var(--bs-info);
	background-color: var(--ct-info-bg) !important;
}

.badge.bg-dark {
	color: var(--bs-dark);
	background-color: var(--bs-light) !important;
}

.modal {
	backdrop-filter: saturate(100%) blur(18px);
	-webkit-backdrop-filter: saturate(100%) blur(18px);
}

.modal-footer {
	justify-content: center;
}

.modal-backdrop.show {
	opacity: 0;
}

.modal .btn-close,
.offcanvas-header .btn-close {
	width: auto;
	height: auto;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	opacity: 1;
	margin-right: 0;
}

.page-item:first-child .page-link {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.page-item:not(:first-child) .page-link {
	margin-left: 0;
}

.page-link {
	color: inherit;
	border: none;
	border-top: 2px solid transparent;
}

.page-item.active .page-link {
	color: inherit;
	background-color: inherit;
	border-color: var(--bs-blue);
}

.page-link:hover,
.page-link:focus {
	color: inherit;
	background-color: inherit;
}

.dropdown-toggle.position-relative.d-block::after {
	position: absolute;
	right: 0;
	top: .2rem;
}

.table {
	--bs-table-hover-bg: var(--ct-color-translucent-500);
	--bs-table-active-bg: var(--ct-color-translucent-500);
}

.table>:not(caption)>*>* {
	color: inherit;
}

.table thead th {
	font-weight: normal;
}

thead.text-muted>tr>th:not(.text-dark) {
	color: var(--bs-secondary-color-rgb) !important;
}

.table-hover>tbody>tr.no-hover:hover>* {
	--bs-table-bg-state: transparent;
}

mark {
	color: inherit;
	padding: 0;
	font-weight: bold;
}

.input-group.input-group-sm .form-control:has(+ .input-group-text.d-none) {
	border-top-right-radius: var(--bs-border-radius-sm) !important;
	border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.form-check-input {
	background-color: var(--bs-gray-200);
	border: 1px solid var(--bs-gray-200);
}

.form-check-input:focus {
	border-color: var(--bs-gray-200);
}

.form-switch {
	padding-left: 1.75em;
}

.form-switch.form-check-reverse {
	padding-right: 1.75em;
}

.form-switch.form-check-reverse .form-check-input {
	margin-right: -1.75em;
}

.form-switch .form-check-input {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
	width: 1.5em;
	margin-left: -1.75em;
}

.form-switch .form-check-input:focus {
	border-color: var(--bs-gray-200);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}

.input-group-text .form-check-input,
.input-group-text .form-check-input:focus,
.form-check-input-sm {
	background-color: var(--bs-gray-300);
	border-color: var(--bs-gray-300);
}

.form-check-input:checked,
.form-check-input:checked:focus,
.input-group-text .form-check-input:checked {
	background-color: var(--bs-teal) !important;
	border-color: var(--bs-teal) !important;
}

.custom-file-button input[type=file]::-webkit-file-upload-button,
.custom-file-button input[type=file]::file-selector-button {
	display: none;
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
	line-height: unset;
}

.offcanvas-header {
	justify-content: unset;
}

.nav-pills .show>.nav-link {
	color: inherit;
	background-color: inherit;
}

.nav-pills .nav-link.active {
	color: var(--bs-blue);
	background-color: var(--bs-dropdown-link-active-bg);
}

.nav-tabs {
	border-bottom: none;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	background-color: transparent;
}

.popover {
	box-shadow: var(--ct-box-shadow);
}

.popover-primary {
	--bs-popover-bg: var(--bs-primary);
	--bs-popover-body-color: var(--bs-white);
}

.text-bg-success {
	color: rgb(6, 94, 73) !important;
	background-color: rgb(211, 252, 210) !important;
}

.text-bg-danger {
	color: rgb(122, 9, 22) !important;
	background-color: rgb(255, 233, 213) !important;
}

[data-bs-theme=dark] .btn-close {
	filter: none;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-anchor: middle;
}

/* Custom Bootstrap Select */
.bootstrap-select.text-center .dropdown-toggle .filter-option-inner-inner {
	text-align: center;
}

.input-group>.bootstrap-select>.btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group>input~.bootstrap-select>.btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: var(--bs-border-radius);
	border-bottom-right-radius: var(--bs-border-radius);
}

.bootstrap-select .dropdown-menu li.active small {
	color: inherit !important;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active {
	color: var(--bs-gray);
}

/* Custom Date Time Picker Component */
div.picker {
	font-size: 0.85rem;
	background-color: var(--bs-body-bg);
	border: 1px solid var(--bs-border-color-translucent);
	border-radius: var(--bs-border-radius);
	padding: .25rem;
	box-shadow: var(--ct-box-shadow);
	margin-top: 2px;
	z-index: 1000;
}

.display-right .picker {
	right: 0;
}

div.datetime-container.time-picker div.picker {
	width: max-content;
}

div.datetime-container.content-sm div.picker {
	min-width: 340px;
}

div.datetime-container {
	background-color: transparent;
	line-height: 1;
}

div.datetime-container .buttons-container {
	max-height: 38px;
}

div.datetime-container button.date,
div.datetime-container button.time {
	position: relative;
	border: 1px solid var(--bs-gray-200);
	background-color: var(--bs-gray-200);
	color: var(--bs-gray-dark);
	padding: .375rem .75rem;
	font-size: 1rem;
	border-radius: var(--bs-border-radius);
	align-items: center;
	max-height: 38px;
	min-height: 38px;
}

div.datetime-container.content-sm button.date,
div.datetime-container.content-sm button.time {
	padding: .25rem .5rem;
	font-size: .875rem;
	border-radius: var(--bs-border-radius-sm);
	max-height: 31px;
	min-height: 31px;
}

div.datetime-container button.date:hover,
div.datetime-container button.date:focus,
div.datetime-container button.time:hover,
div.datetime-container button.time:focus {
	background-color: var(--bs-gray-300);
	border-color: var(--bs-gray-300);
	color: var(--bs-gray-dark);
}

div.datetime-container button.date:disabled,
div.datetime-container button.time:disabled,
div.datetime-container button.date:disabled:hover,
div.datetime-container button.date:disabled:focus,
div.datetime-container button.time:disabled:hover,
div.datetime-container button.time:disabled:focus {
	border-color: var(--bs-gray-100);
	background-color: var(--bs-gray-100);
	color: var(--bs-gray-500);
	cursor: not-allowed;
}

div.datetime-container:not(.time-picker)>.buttons-container.fix-float>button:first-child {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

div.datetime-container:not(.time-picker)>.buttons-container.fix-float>button:last-child {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

div.datetime-container.content-sm button span.week-day {
	font-size: 12px;
}

div.datetime-container.content-sm button span.month-day,
div.datetime-container.content-sm button span.hours {
	font-size: 1rem;
}

div.datetime-container button span.month-day,
div.datetime-container button span.hours {
	font-size: 1.25rem;
}

div.datetime-container button span.month-year,
div.datetime-container span.month-year span {
	font-size: .7rem;
}

div.picker table tr:not(:last-child) td,
div.picker table th {
	border-bottom: 1px solid var(--bs-border-color-translucent);
}

div.picker table tr:last-child td {
	border-bottom: none;
}

div.picker table td.active,
div.picker table td.time-selected {
	background-color: var(--bs-warning);
}

div.picker table td.inactive {
	background-color: var(--bs-gray-400);
	color: var(--bs-dark);
}

div.picker table a {
	color: var(--bs-gray-900);
}

div.picker table td.start-day {
	background-image: var(--ct-datetime-picker-start-arrow)
}

div.picker table td.end-day {
	background-image: var(--ct-datetime-picker-end-arrow);
}

div.picker table td.range {
	background-color: var(--bs-gray-200);
}

div.datetime-container button.date::before,
div.datetime-container button.time::before {
	position: absolute;
	left: .75rem;
	top: .6rem;
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div.datetime-container.content-sm button.date::before,
div.datetime-container.content-sm button.time::before {
	left: .5rem;
	top: .45rem;
}

div.datetime-container button.date::before {
	content: "\f1e8";
}

div.datetime-container button.time::before {
	content: "\f293";
}

.time-picker button.date,
.time-picker table.time>tbody>tr:first-child {
	display: none !important;
}

.time-picker button.time {
	width: 100% !important;
}

div.picker table td select {
	border-radius: var(--bs-border-radius);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.02 7.409v-3.98L7.752 7.854 2.485 3.43v3.978l5.267 4.426z'/%3E%3C/svg%3E");
	padding: 0 .75rem;
	min-width: 60px;
}

div.picker button.confirm {
	background-color: inherit;
	border-radius: inherit;
}

/* Custom no UI slider */
.noUi-slider {
	height: 6px;
}

.noUi-slider .noUi-connects,
.noUi-slider .noUi-connect {
	background: var(--ct-color-translucent-100);
}

.noUi-slider .noUi-handle {
	background-color: var(--bs-body-bg);
	border-color: var(--ct-color-translucent-200);
	height: 20px;
	width: 20px;
	top: -7px;
	right: -9px;
	border-radius: 50%;
	box-shadow: none;
}

.noUi-slider .noUi-handle:after,
.noUi-slider .noUi-handle:before {
	display: none;
}

/* Custom Summernote */
.note-editor.note-frame,
.note-editor .note-toolbar,
.note-editor.note-frame .note-statusbar {
	border-color: var(--bs-gray-200);
}

.note-editor .note-toolbar,
.note-editor.note-frame .note-statusbar {
	background: var(--bs-gray-200);
}

.note-btn-group .note-btn {
	border-color: var(--ct-color-translucent-200);
}

/* Media queries */
@media (max-width: 991px) {
	.public-template .main-content {
		min-height: calc(100vh - 85px);
	}
}

@media (min-width: 992px) {
	.public-template .main-content {
		min-height: calc(100vh - 104px);
	}

	.xw-992 {
		width: 992px;
	}
}