html, form {
	min-height: 100%;
	min-height: -moz-available; /* WebKit-based browsers will ignore this. */
	min-height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
}

body {
	min-height: 100%;
	min-height: 100vh;
	min-height: -moz-available; /* WebKit-based browsers will ignore this. */
	min-height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
	font-family: "Lato",sans-serif;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.6;
	color: #677788 !important;
	text-align: left;
	background-color: #fff;
}

::-webkit-scrollbar {
    width: .45rem;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(27, 27, 27, .4);
    border-radius: 3px;
}
::-webkit-scrollbar-track{
    background: transparent;
}

.text-primary {
	color: #377dff !important;
}

.text-body,
.text-secondary {
	color: #677788 !important;
}

.text-muted {
	color: #8c98a4 !important;
}

.font-size-sm {
	font-size: .8125rem;
}

.font-size-1 {
	font-size: 1rem;
}

.font-size-12 {
	font-size: 0.75rem;
}

.fa-175 {
	font-size: 1.75em;
}

.border-none {
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.display-4 {
	font-size: 1.75rem !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
}

a.see-more:hover, a.see-more:active {
	color: #377dff;
	text-decoration: none;
}

a {
	text-decoration: none !important;
	background-color: transparent;
	color: #333333;
}

	a:hover {
		color: #377dff;
		text-decoration: none !important;
	}

	a:not([href]):not([class]) {
		color: inherit !important;
		text-decoration: none !important;
	}

		a:not([href]):not([class]):hover {
			color: inherit !important;
			text-decoration: none !important;
		}

.nav-underline .nav-link.active {
	color: #377dff !important;
	text-decoration: none !important;
}

.nav-underline .nav-link:hover {
	color: #377dff !important;
}

main {
	height: -webkit-fill-available;
}

.table td, .table th {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	padding-right: 1.3125rem;
	padding-left: 1.3125rem;
}

.table-borderless {
	border: transparent;
	border-width: 0;
}

.dropdown-toggle {
	outline: 0;
}

.sticky-top {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020;
}

.position-sticky {
	position: -webkit-sticky !important;
	position: sticky !important;
}

.btn-toggle {
	padding: 4px 1px;
	color: var(--bs-emphasis-color);
	background-color: transparent;
}

	.btn-toggle:hover,
	.btn-toggle:focus {
		color: rgba(var(--bs-emphasis-color-rgb), .85);
		background-color: var(--bs-tertiary-bg);
	}

	.btn-toggle::after {
		display: inline-block;
		width: 1rem;
		height: 1rem;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM3MTg2OUQiIGQ9Ik0xMS4yNzksOS4yOWMwLjE0MS0wLjE0MSwwLjMzMi0wLjIyLDAuNTMtMC4yMmgwLjM4YzAuMTk4LDAuMDAyLDAuMzg5LDAuMDgxLDAuNTMsMC4yMmw1LjEzMSw1LjE0MQ0KCWMwLjE5NSwwLjE5NCwwLjE5NywwLjUxMSwwLjAwMiwwLjcwN2MwLDAuMDAxLTAuMDAyLDAuMDAyLTAuMDAyLDAuMDAzbC0wLjcxMSwwLjcxYy0wLjE4OSwwLjE5My0wLjUsMC4xOTYtMC42OTEsMC4wMDcNCgljLTAuMDA0LTAuMDAyLTAuMDA2LTAuMDA1LTAuMDA4LTAuMDA3TDEyLDExLjRsLTQuNDM5LDQuNDVjLTAuMTk1LDAuMTk2LTAuNTEyLDAuMTk3LTAuNzA3LDAuMDAzDQoJYy0wLjAwMi0wLjAwMS0wLjAwMi0wLjAwMi0wLjAwNC0wLjAwM2wtMC42OTktMC43MWMtMC4xOTYtMC4xOTQtMC4xOTctMC41MTEtMC4wMDQtMC43MDdjMC4wMDItMC4wMDEsMC4wMDItMC4wMDIsMC4wMDQtMC4wMDMNCglMMTEuMjc5LDkuMjl6Ii8+DQo8L3N2Zz4NCg==) no-repeat right center/1rem 1rem;
		content: "";
		margin-left: auto;
		margin-right: 0.1875rem;
		transition: .3s ease;
	}

.accordion-toggle::before {
	display: inline-block;
	width: 1rem !important;
	height: 1rem !important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM3MTg2OUQiIGQ9Ik0xMS4yNzksOS4yOWMwLjE0MS0wLjE0MSwwLjMzMi0wLjIyLDAuNTMtMC4yMmgwLjM4YzAuMTk4LDAuMDAyLDAuMzg5LDAuMDgxLDAuNTMsMC4yMmw1LjEzMSw1LjE0MQ0KCWMwLjE5NSwwLjE5NCwwLjE5NywwLjUxMSwwLjAwMiwwLjcwN2MwLDAuMDAxLTAuMDAyLDAuMDAyLTAuMDAyLDAuMDAzbC0wLjcxMSwwLjcxYy0wLjE4OSwwLjE5My0wLjUsMC4xOTYtMC42OTEsMC4wMDcNCgljLTAuMDA0LTAuMDAyLTAuMDA2LTAuMDA1LTAuMDA4LTAuMDA3TDEyLDExLjRsLTQuNDM5LDQuNDVjLTAuMTk1LDAuMTk2LTAuNTEyLDAuMTk3LTAuNzA3LDAuMDAzDQoJYy0wLjAwMi0wLjAwMS0wLjAwMi0wLjAwMi0wLjAwNC0wLjAwM2wtMC42OTktMC43MWMtMC4xOTYtMC4xOTQtMC4xOTctMC41MTEtMC4wMDQtMC43MDdjMC4wMDItMC4wMDEsMC4wMDItMC4wMDIsMC4wMDQtMC4wMDMNCglMMTEuMjc5LDkuMjl6Ii8+DQo8L3N2Zz4NCg==) no-repeat right center/1rem 1rem !important;
	content: "";
	transition: .3s ease;
}

.btn-outline-secondary {
	border-color: #e7eaf3;
}

[data-bs-theme="dark"] .btn-toggle::after {
	content: '';
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM3MTg2OUQiIGQ9Ik0xMS4yNzksOS4yOWMwLjE0MS0wLjE0MSwwLjMzMi0wLjIyLDAuNTMtMC4yMmgwLjM4YzAuMTk4LDAuMDAyLDAuMzg5LDAuMDgxLDAuNTMsMC4yMmw1LjEzMSw1LjE0MQ0KCWMwLjE5NSwwLjE5NCwwLjE5NywwLjUxMSwwLjAwMiwwLjcwN2MwLDAuMDAxLTAuMDAyLDAuMDAyLTAuMDAyLDAuMDAzbC0wLjcxMSwwLjcxYy0wLjE4OSwwLjE5My0wLjUsMC4xOTYtMC42OTEsMC4wMDcNCgljLTAuMDA0LTAuMDAyLTAuMDA2LTAuMDA1LTAuMDA4LTAuMDA3TDEyLDExLjRsLTQuNDM5LDQuNDVjLTAuMTk1LDAuMTk2LTAuNTEyLDAuMTk3LTAuNzA3LDAuMDAzDQoJYy0wLjAwMi0wLjAwMS0wLjAwMi0wLjAwMi0wLjAwNC0wLjAwM2wtMC42OTktMC43MWMtMC4xOTYtMC4xOTQtMC4xOTctMC41MTEtMC4wMDQtMC43MDdjMC4wMDItMC4wMDEsMC4wMDItMC4wMDIsMC4wMDQtMC4wMDMNCglMMTEuMjc5LDkuMjl6Ii8+DQo8L3N2Zz4NCg==) no-repeat right center/1rem 1rem;
}

.btn-toggle[aria-expanded="true"] {
	color: rgba(var(--bs-emphasis-color-rgb), .85);
}

	.btn-toggle[aria-expanded="true"]::after {
		transform: rotate(180deg);
	}

.btn-toggle-nav a {
	padding: .1875rem .5rem;
	margin-top: .50rem;
	margin-left: 1.25rem;
}

	.btn-toggle-nav a:hover,
	.btn-toggle-nav a:focus {
		background-color: var(--bs-tertiary-bg);
	}

.scrollarea {
	overflow-y: auto;
}

.nav:not([class*=container]) .nav-item {
	padding: .375rem 1.75rem;
}

.nav-indicator-icon {
	color: #bdc5d1;
	font-size: 6px;
	-ms-flex: 0 0 1rem;
	flex: 0 0 1rem;
}

.navbar-brand-logo {
	width: 100%;
	min-width: 6.5rem;
	max-width: 6.5rem;
}

.legend-indicator {
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	background-color: #bdc5d1;
	border-radius: 50%;
	margin-right: 0.4375rem;
}

/* Badge soft */
.badge-soft-success {
	color: #00c9a7;
	background-color: rgba(0, 201, 167, 0.1);
}

a.badge-soft-success:focus,
a.badge-soft-success:hover {
	color: #fff;
	background-color: #00c9a7;
}

.badge-soft-primary {
	color: #377dff;
	background-color: rgba(55, 125, 255, 0.1);
}

a.badge-soft-primary:focus,
a.badge-soft-primary:hover {
	color: #fff;
	background-color: #377dff;
}

.badge-soft-secondary {
	color: #71869d;
	background-color: rgba(113, 134, 157, 0.1);
}

a.badge-soft-secondary:focus,
a.badge-soft-secondary:hover {
	color: #fff;
	background-color: #71869d;
}

.badge-soft-dark {
	color: #132144;
	background-color: rgba(19, 33, 68, 0.1);
}

a.badge-soft-dark:focus,
a.badge-soft-dark:hover {
	color: #fff;
	background-color: #132144;
}

.badge-soft-warning {
	color: #f5ca99;
	background-color: rgba(245, 202, 153, 0.1);
}

a.badge-soft-warning:focus,
a.badge-soft-warning:hover {
	color: #1e2022;
	background-color: #f5ca99;
}

.badge-soft-danger {
	color: #ed4c78;
	background-color: rgba(237, 76, 120, 0.1);
}

a.badge-soft-danger:focus,
a.badge-soft-danger:hover {
	color: #fff;
	background-color: #ed4c78;
}

.badge-soft-light {
	color: #377dff;
	background-color: rgba(249, 250, 252, 0.1);
}

a.badge-soft-light:focus,
a.badge-soft-light:hover {
	color: #6799f6;
	background-color: #f9fafc;
}

.badge-pill {
	padding-right: 0.6em;
	padding-left: 0.6em;
	border-radius: 10rem;
}


/* Alert soft */
.alert-soft-dark hr {
	border-color: rgba(189, 197, 209, 0.5);
}

.alert-soft-primary {
	color: #377dff;
	background-color: rgba(55, 125, 255, 0.1);
}

	.alert-soft-primary .alert-link {
		color: #377dff;
	}

		.alert-soft-primary .alert-link:hover {
			color: #1366ff;
		}

.alert-soft-secondary {
	color: #71869d;
	background-color: rgba(113, 134, 157, 0.1);
}

	.alert-soft-secondary .alert-link {
		color: #71869d;
	}

		.alert-soft-secondary .alert-link:hover {
			color: #60748b;
		}

.alert-soft-success {
	color: #00c9a7;
	background-color: rgba(0, 201, 167, 0.1);
}

	.alert-soft-success .alert-link {
		color: #00c9a7;
	}

		.alert-soft-success .alert-link:hover {
			color: #00a589;
		}

.alert-soft-info {
	color: #00c9db;
	background-color: rgba(0, 201, 219, 0.1);
}

	.alert-soft-info .alert-link {
		color: #00c9db;
	}

		.alert-soft-info .alert-link:hover {
			color: #00a8b7;
		}

.alert-soft-warning {
	color: #f5ca99;
	background-color: rgba(245, 202, 153, 0.1);
}

	.alert-soft-warning .alert-link {
		color: #f5ca99;
	}

		.alert-soft-warning .alert-link:hover {
			color: #f2b978;
		}

.alert-soft-danger {
	color: #ed4c78;
	background-color: rgba(237, 76, 120, 0.1);
}

	.alert-soft-danger .alert-link {
		color: #ed4c78;
	}

		.alert-soft-danger .alert-link:hover {
			color: #ea2c60;
		}

.alert-soft-light {
	color: #377dff;
	background-color: rgba(249, 250, 252, 0.1);
}

	.alert-soft-light .alert-link {
		color: #377dff;
	}

		.alert-soft-light .alert-link:hover {
			color: #6799f6;
		}

.alert-soft-dark {
	color: #132144;
	background-color: rgba(19, 33, 68, 0.1);
}

	.alert-soft-dark .alert-link {
		color: #132144;
	}

		.alert-soft-dark .alert-link:hover {
			color: #0b1328;
		}

/*
 * Sidebar
 */
.sidebar {
	position: fixed;
	top: 0;
	/* rtl:raw: right: 0;*/
	bottom: 0;
	/* rtl:remove */
	left: 0;
	z-index: 100; /* Behind the navbar */
	padding: 48px 0 0; /* Height of navbar */
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
	.sidebar {
		top: 5rem;
	}
}

.sidebar-sticky {
	height: calc(100vh - 114px);
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
	color: #333;
}

	.sidebar .nav-link:hover {
		background-color: var(--bs-tertiary-bg);
	}

.sidebar-devider {
	border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.sidebar-heading {
	font-size: .75rem;
}

.sidebar .sidebar-vertical-footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.sidebar-vertical-footer {
	border-top: 0.0625rem solid #e7eaf3;
	padding: 0.75rem 2rem;
}

/*
 * Navbar
 */
.navbar .navbar-toggler {
	top: .25rem;
	right: 1rem;
}

.navbar .form-control {
	padding: .75rem 1rem;
}

/* Chart */
.chart-medium-statistics {
	height: 18rem !important;
}

.chart-small-statistics {
	height: 3rem !important;
}

/* Pages */
.page-list-height {
	max-height: 34.375rem !important;
}

.page-list-table {
	max-height: 34.375rem !important;
	min-height: 15.625rem !important;
}

.review-header {
	font-size: .875rem !important;
	margin-bottom: 0 !important;
	font-weight: 600 !important;
	color: #1e2022 !important;
}

.select-filter {
	width: auto !important;
}

.card-custom-header {
	min-height: 4rem !important
}

.card-voice-header {
	min-height: 4rem !important;
	padding-right: 1.75rem;
	padding-left: 1.75rem;
}

.card-body-height {
	height: 21.25rem;
	overflow: hidden;
	overflow-y: auto;
}

.card-accordion-header {
	min-height: 3.625rem !important
}

.card-btn-toggle {
	display: inline-block;
	color: #377dff;
}

.card-btn-toggle-default {
	display: none;
}

.card-btn-toggle-active {
	display: block;
}

.card-btn {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	white-space: inherit;
}

	.card-btn.collapsed .card-btn-toggle-default {
		display: block;
	}

	.card-btn.collapsed .card-btn-toggle-active {
		display: none;
	}

.card > .profile-cover, .card > .profile-cover .profile-cover-img, .card > .profile-cover .profile-cover-img-wrapper {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.card > .card-header ~ .profile-cover .profile-cover-img-wrapper {
	border-radius: 0;
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

.media-body {
	-ms-flex: 1;
	flex: 1
}

.profile-cover {
	position: relative;
	height: 7.5rem;
	border-radius: 0.75rem;
}

.profile-cover-img-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 7.5rem;
	background-color: #e7eaf3;
	border-radius: .75rem;
}

.profile-cover-img {
	width: 100%;
	height: 7.5rem;
	-o-object-fit: cover;
	object-fit: cover;
	vertical-align: top;
	border-radius: 100px;
}

.profile-cover-avatar {
	margin: -6.3rem 6.3rem .5rem 0;
	align-self: flex-end;
}

.avatar-xxl {
	width: 7.875rem;
	height: 7.875rem;
}

@media (min-width: 992px) {
	.profile-cover {
		max-height: 10rem;
	}

	.profile-cover-img-wrapper {
		max-height: 10rem;
	}

	.profile-cover-img {
		max-height: 10rem;
	}
}

/* Nav link */
#navbarSettings > li a.nav-link {
	color: #132144 !important;
}

/* Checkboxes */
.form-check-label label {
	margin-left: .25rem !important;
}

/* Overrides */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0 !important;
	margin-bottom: .5rem !important;
	font-family: 'Lato';
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5rem !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: #1e2022;
	font-family: 'Lato';
}

.h1, h1 {
	font-size: 1.41094rem !important;
	font-family: 'Lato';
}

@media (max-width: 1200px) {
	.h1, h1 {
		font-size: calc(1.26609rem + .19312vw) !important;
		font-family: 'Lato';
	}
}

.h2, h2 {
	font-size: 1.3125rem !important;
	font-family: 'Lato';
}

@media (max-width: 1200px) {
	.h2, h2 {
		font-size: calc(1.25625rem + .075vw) !important;
		font-family: 'Lato';
	}
}

.h3, h3 {
	font-size: 1.14844rem !important;
	font-family: 'Lato';
}

.h4, h4 {
	font-size: .98438rem !important;
	font-family: 'Lato';
}

.h5, h5 {
	font-size: .875rem !important;
	font-family: 'Lato';
}

	h5.modal-title {
		margin-bottom: 0 !important;
		line-height: 1.6 !important;
		font-family: 'Lato';
	}

.h6, h6 {
	font-size: .76562rem !important;
	font-family: 'Lato';
}

.card-title {
	display: block;
	color: #1e2022;
	margin-bottom: 0
}

.card-header-title {
	margin-bottom: 0 !important;
}

.card[href]:hover .card-header-title, .card[href]:hover .card-title {
	color: #377dff;
}

.card-subtitle {
	display: block;
	color: #8c98a4 !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .03125rem;
	margin-top: 0;
	margin-bottom: .5rem
}

.page-header-title {
	margin-bottom: .25rem;
}

.small, small {
	font-size: 80% !important;
	font-weight: 400 !important;
}

tr.table-light > th,
thead.table-light tr > th {
	color: #677788 !important;
	background-color: #f8fafd !important;
	font-weight: 400 !important;
}

.dropdown-header {
	font-size: .76562rem !important;
	font-weight: 600 !important;
}

.dropdown-item {
	font-size: .8125rem;
	color: #1e2022 !important;
}

.dropdown-item:active {
	background-color: var(--bs-dropdown-link-hover-bg) !important;
}

.default-text {
	font-size: .8125rem;
}

.form-control, .form-select {
	font-size: .875rem;
}

.form-select-btn {
	font-size: .875rem;
	text-align: center;
	border-color: #e7eaf3;
}

.end-auto {
	right: auto !important;
}

.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
	font-weight: 500 !important;
}

.modal-body {
	/* Fixes for scrollable modal form but not working yet */
	max-height: calc(100% - 360px) !important;
	overflow-y: auto !important;
}

/* Messages accordion icon change */
.accordion {
	--bs-accordion-active-bg: transparent;
	border-color: none;
}

.btn-add-direct {
	cursor: pointer;
}

.btn-add-teams {
	cursor: pointer;
}

.btn-add-direct:active {
	border-color: #e7eaf3;
}

.btn-add-teams:active {
	border-color: #e7eaf3;
}

.accordion-heading {
	position: relative;
}

.accordion-item {
	border: none;
}

.accordion-button::after {
	cursor: pointer;
}

.card-header-lg {
	min-height: 60px;
}

.hide-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow-y: auto;
	overflow-x: hidden;
}

.small-scrollbar {
	overflow-y: auto;
	overflow-x: hidden;
}

#sidebarMenu ul.nav li.nav-item a:hover {
	color: #377dff !important;
}

	#sidebarMenu ul.nav li.nav-item a:hover i {
		color: #377dff !important;
	}

#sidebarMenu ul.nav li.nav-item a.active, a.active i {
	color: #377dff !important;
	background-color: #f8f9fa;
}

#sidebarMenu ul.nav li.nav-item a:hover span {
	color: #377dff !important;
}

#sidebarMenu ul.nav li.nav-item a.active span {
	color: #377dff !important;
}

#verticalToggleMenu ul.nav li.nav-item a.active, a.active i {
color: #377dff !important;
background-color: #f8f9fa;
}

#verticalToggleMenu ul.nav li.nav-item a.active span {
color: #377dff !important;
}

.text-messages {
	border: none;
	overflow: hidden;
	overflow-wrap: break-word;
	resize: none;
	min-height: calc(1.6em + 1.1875rem + 4px);
	padding: .59375rem 1.125rem;
	display: block;
	padding: .59375rem 1.125rem;
	font-size: .9375rem;
	font-weight: 400;
	line-height: 1.6;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .6rem;
}

.text-messages-wrapper {
	padding: .5rem;
	border: 2px solid #e9ecef;
}

.icon {
	display: inline-block;
	line-height: 1;
}

	.icon > svg {
		height: 1rem;
		width: 1rem;
	}

.icon-lg > svg {
	height: 1.125rem;
	width: 1.125rem;
}

.icon.icon-lg {
	font-size: 1.53125rem;
}

.btn-icon {
	line-height: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	height: calc(1.6em + 1.1875rem + 4px);
	width: calc(1.6em + 1.1875rem + 4px);
}

	.btn-icon > svg {
		height: 1rem;
		width: 1rem;
	}

img, svg {
	vertical-align: middle;
}

#MainContent_footerMessageSend .form-control:focus {
	box-shadow: none;
}

.accordion-team-button:not(.collapsed)::after {
	background-image: initial;
	transform: initial;
}

.accordion-team-button::after {
	cursor: initial;
}

.accordion-team-button::after {
	flex-shrink: initial;
	width: initial;
	height: initial;
	margin-left: initial;
	content: initial;
	background-image: initial;
	background-repeat: initial;
	background-size: initial;
	transition: initial;
}

.accordion-team-button:not(.collapsed)::before {
	background-image: var(--bs-accordion-btn-active-icon);
	transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-team-button::before {
	cursor: pointer;
}

.accordion-team-button::before {
	flex-shrink: 0;
	width: var(--bs-accordion-btn-icon-width);
	height: var(--bs-accordion-btn-icon-width);
	content: "";
	margin-right: 10px;
	background-image: var(--bs-accordion-btn-icon);
	background-repeat: no-repeat;
	background-size: var(--bs-accordion-btn-icon-width);
	transition: var(--bs-accordion-btn-icon-transition);
}

.accordion-team-button:not(.collapsed) {
	box-shadow: none;
}

.card {
	box-shadow: 0 6px 12px rgba(140,152,164,.075);
	border: 0.0625rem solid rgba(231,234,243,.7);
}

#activitySidebar .offcanvas-body .card:hover {
	background-color: #f8f9fa;
}

.text-1rem {
	font-size: 1rem;
}

.fa-user:before {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.radio-group tbody tr td {
	padding-right: 15px;
}

.btn-link {
	font-weight: 600 !important;
	color: #377dff !important;
	text-decoration: none;
}

.btn-xs {
	font-size: .75rem;
	font-weight: 400;
	padding: .24063rem .65625rem;
	border-radius: .25rem;
}

.btn-danger {
	color: #fff;
	background-color: #ed4c78 !important;
	border-color: #ed4c78 !important;
}

.btn-primary {
	color: #fff !important;
}

.btn-outline-secondary {
	border-color: #e7eaf3 !important;
}

.btn-group-sm > .btn, .btn-sm {
	padding: .4375rem .65625rem;
	font-size: .8125rem;
	line-height: 1.5;
	border-radius: .25rem;
}

.form-generator-button-text {
	width: 160px;
	height: 44px;
}

.btn-custom-secondary {
	color: #71869d;
	background-color: transparent
}

	.btn-custom-secondary.active, .btn-custom-secondary.focus, .btn-custom-secondary:active, .btn-custom-secondary:focus, .btn-custom-secondary:hover {
		color: #377dff;
		background-color: rgba(55,125,255,.1)
	}

.btn-soft-primary {
	color: #377dff;
	background-color: rgba(55,125,255,.1);
	border-color: transparent
}

	.btn-soft-primary.active, .btn-soft-primary:active, .btn-soft-primary:focus, .btn-soft-primary:hover {
		color: #fff;
		background-color: #377dff;
		box-shadow: 0 4px 11px rgba(55,125,255,.1)
	}

#sidebarMenu .nav li.nav-item a.nav-link span.badge {
	background-color: #377dff;
	color: #fff !important;
}

.search-menu {
	height: 75vh;
	width: 76vw !important;
	padding-inline: 30px;
	padding-block: 30px;
	max-width: none !important;
	overflow-y: auto;
}

.nav-item i {
	color: #000000;
}

#litConList .rs-conversation-list .rs-list-group-item {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

#litConList .rs-conversation-list:first-child .rs-list-group-item {
	border-top: 0;
}

#litConList .rs-recording-list .rs-list-group-item {
	border-left: 0;
	border-right: 0;
	border-top: 0;
}

#litConList .rs-recording-list:first-child .rs-list-group-item {
	border-top: 0;
}

#litConList .rs-call-list {
	border-left: 0;
	border-right: 0;
}

#litConList:first-child .rs-call-list {
	border-top: 0 !important;
}

#litConList .rs-voicemail-list {
	border-left: 0;
	border-right: 0;
}

	#litConList .rs-voicemail-list:first-child {
		border-top: 0;
	}

a.list-group-item-action:hover {
	color: #377dff !important;
}

.top-right-btn {
	border: var(--bs-border-width) solid var(--bs-border-color);
	color: #000000;
}

	.top-right-btn:hover {
		color: #ffffff;
	}

	.top-right-btn i {
		color: #000000;
	}

	.top-right-btn:hover i {
		color: #ffffff;
	}

.step-item-right .list-group {
	align-items: flex-end
}

.step-item-right .step-content p {
	text-align: right
}

.step .step-item-right .step-icon {
	order: 2;
	margin-right: 0;
	margin-left: 1rem
}

.step-item .list-group-item {
	background-color: #e2e3e4;
}

.step-item-right .list-group-item {
	background-color: #4463f7;
}

.step-item-right-bg .text-dark {
	color: #ffffff !important;
}

.radio-btn-group tbody tr td {
	padding-right: 15px;
}

	.radio-btn-group tbody tr td label {
		padding-left: 2px;
	}

.contact-profile-activity .step {
	position: relative;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-right: -0.9375rem;
	margin-left: -0.9375rem;
}

	.contact-profile-activity .step .step-content-wrapper {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}

.contact-profile-activity .step-icon-xs .step-icon, .step-icon-xs.step-icon {
	font-size: .875rem;
	width: 1.53125rem;
	height: 1.53125rem;
}

.contact-profile-activity .step .step-icon {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.09375rem;
	font-weight: 600;
	width: 2.625rem;
	height: 2.625rem;
	border-radius: 50%;
	margin-right: 1rem;
}

.contact-profile-activity .step .step-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
	margin-bottom: 1.5rem;
}

.contact-profile-activity .step-icon-soft-dark.step-icon-pseudo::before {
	background-color: #132144;
}

.contact-profile-activity .step .step-icon-pseudo::before {
	display: block;
	width: 0.25rem;
	height: 0.25rem;
	background-color: #97a4af;
	border-radius: 50%;
	content: "";
}

.contact-profile-activity .step-icon-xs .step-icon::after, .step-icon-xs.step-icon::after {
	top: 2rem;
	left: 0.70312rem;
	width: 1.0625rem;
	height: calc(100% - 1.0625rem);
}

.contact-profile-activity .step .step-icon::after {
	position: absolute;
	top: 3.09375rem;
	left: 1.3125rem;
	height: calc(100% - 2.15625rem);
	border-left: 0.125rem solid #e7eaf3;
	content: "";
}

.contact-profile-activity ::marker {
	unicode-bidi: initial !important;
	font-variant-numeric: initial !important;
	text-transform: none !important;
	text-indent: initial !important;
	text-align: initial !important;
	text-align-last: initial !important;
}

.contact-profile-activity .step-unstyled {
	list-style-type: none;
}

.contact-profile-activity .step-icon-soft-dark {
	color: #132144;
	background-color: rgba(19,33,68,.1);
}

.contact-profile-activity .step .step-content {
	-ms-flex: 1;
	flex: 1;
}

.voice-messages.maxw-60 {
	max-width: 60%;
}

.list-group .list-group-item+.list-group-item:focus, .list-group-item+.list-group-item:hover {
	background-color: #f8f9fa !important;
}

.list-group .list-group-item+.list-group-item.unread {
	font-weight: bolder;
	color: #202124;
}

.list-group .list-group-item+.list-group-item.active {
	background-color: #f1f3f4 !important;
	border-color: #f1f3f4 !important;
}

.list-group .list-group-item+.list-group-item.active .d-flex p {
	color: #377dff;
}

.list-group .list-group-item-action.list-group-item.active {
    background-color: #f1f3f4 !important;
    border-color: #f1f3f4 !important;
}

/* Chart CSS */
.chartjs-custom {
	position: relative;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}

.hs-chartjs-tooltip-wrap {
	position: absolute;
	z-index: 3;
	transition: opacity 0.2s ease-in-out, left 0.2s ease, top 0.2s ease;
}

.hs-chartjs-tooltip {
	position: relative;
	font-size: 0.75rem;
	background-color: #132144;
	border-radius: 0.3125rem;
	padding: 0.54688rem 0.875rem;
	transition: opacity 0.2s ease-in-out, left 0.2s ease, top 0.2s ease, top 0s;
}

	.hs-chartjs-tooltip::before {
		position: absolute;
		left: calc(50% - 0.5rem);
		bottom: -0.4375rem;
		width: 1rem;
		height: 0.5rem;
		content: "";
		background-image: url("data:image/svg+xml,%3Csvg width='1rem' height='0.5rem' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 50 22.49'%3E%3Cpath fill='%23132144' d='M0,0h50L31.87,19.65c-3.45,3.73-9.33,3.79-12.85,0.13L0,0z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 1rem 0.5rem;
	}

.hs-chartjs-tooltip-left {
	left: -130%;
}

	.hs-chartjs-tooltip-left::before {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: -0.6875rem;
		left: auto;
		-webkit-transform: translateY(-50%) rotate(270deg);
		transform: translateY(-50%) rotate(270deg);
	}

.hs-chartjs-tooltip-right {
	left: 30%;
}

	.hs-chartjs-tooltip-right::before {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: -0.6875rem;
		right: auto;
		-webkit-transform: translateY(-50%) rotate(90deg);
		transform: translateY(-50%) rotate(90deg);
	}

.hs-chartjs-tooltip-header {
	color: rgba(255, 255, 255, 0.7);
	font-weight: 600;
	white-space: nowrap;
}

.hs-chartjs-tooltip-body {
	color: #fff;
}

.chartjs-doughnut-custom {
	position: relative;
}

.chartjs-doughnut-custom-stat {
	position: absolute;
	top: 8rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.chartjs-matrix-custom {
	position: relative;
}

.hs-chartjs-matrix-legend {
	display: inline-block;
	position: relative;
	height: 2.5rem;
	list-style: none;
	padding-left: 0;
}

.hs-chartjs-matrix-legend-item {
	width: 0.625rem;
	height: 0.625rem;
	display: inline-block;
}

.hs-chartjs-matrix-legend-min {
	position: absolute;
	left: 0;
	bottom: 0;
}

.hs-chartjs-matrix-legend-max {
	position: absolute;
	right: 0;
	bottom: 0;
}
/* End Chart CSS */

#lstBulkSMSGroups label,
#ddlBulkSMSType label {
	padding-right: 10%;
}

#lstBulkSMSGroups input,
#ddlBulkSMSType input {
	margin-right: 5px;
}

.searchResultLink {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	padding: 5px 20px;
	color: black;
	cursor: pointer;
}

	.searchResultLink:hover {
		background-color: lightgrey;
	}