.shadow-custom {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

.btn-icon-xl {
	height: 68px !important;
	width: 68px !important;
	line-height: 68px;
	border-radius: 0.3rem;
}

.min-f-h {
	min-height: calc(100vh - 120px);
}

.max-f-h {
	max-height: calc(100vh - 120px);
}

.min-vh-30 {
	min-height: 30vh;
}

.min-vh-40 {
	min-height: 40vh;
}

.min-vh-50 {
	min-height: 50vh;
}

.min-vh-80 {
	min-height: 80vh;
}

.mt-6 {
	margin-top: 4rem !important;
}

.mt-7 {
	margin-top: 5rem !important;
}

.mt-8 {
	margin-top: 6rem !important;
}

.bg-pitel-green {
	background: rgb(63, 194, 118) !important;
	background: linear-gradient(90deg, rgba(63, 194, 118, 1) 0%, rgba(67, 210, 127, 1) 50%, rgba(74, 255, 150, 1) 100%) !important;
}

.bg-pitel-blue {
	background: rgb(7, 118, 188);
	background: linear-gradient(90deg, rgba(7, 118, 188, 1) 0%, rgba(8, 131, 209, 1) 35%, rgba(0, 212, 255, 1) 100%) !important;
}

.fw-bold {
	font-weight: 700;
}

.icon-label {
	width: 40px;
	height: 40px;
	background-color: rgb(7, 118, 188);
	color: #fff;
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 20px;
	text-align: center;
	border-radius: 5px;
}

.pitem {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	transition: opacity 0.25s ease-out, transform 0.25s ease-out;
}

a.pitem {
	will-change: opacity;
}

a.pitem:focus,
a.pitem:hover {
	opacity: 0.6;
}

a.pitem:active {
	opacity: 1;
}

a.pitem.pitem-link-pop {
	will-change: transform;
}

a.pitem.pitem-link-pop:focus,
a.pitem.pitem-link-pop:hover {
	opacity: 1;
	transform: scale(1.1);
}

a.pitem.pitem-link-pop:active {
	transform: scale(1);
}

.pitem.pitem-tiny {
	width: 2rem;
	height: 2rem;
}

.pitem.pitem-small {
	width: 2.5rem;
	height: 2.5rem;
}

.pitem.pitem-2x {
	width: 6rem;
	height: 6rem;
}

.pitem.pitem-3x {
	width: 8rem;
	height: 8rem;
}

.pitem.pitem-circle {
	border-radius: 50%;
}

.pitem.pitem-rounded {
	border-radius: 0.25rem;
}

.pitem.pitem-rounded-lg {
	border-radius: 1.5rem;
}

.pitem.pitem-rounded-lg.pitem-2x {
	border-radius: 2rem;
}

.pitem.pitem-rounded-lg.pitem-3x {
	border-radius: 3rem;
}

.pitem-label {
	color: #fff;
	font-weight: 500;
}

.table-sm {
	font-size: 0.9rem;
}

/* Transition to a bigger shadow on hover */
.hover-popover {
	transition: box-shadow 0.3s ease-in-out;
}

.hover-popover:hover {
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px !important;
}

.ti-xs {
	font-size: 0.75em;
	line-height: 0.08333em;
	vertical-align: 0.125em;
}

.ti-sm {
	font-size: 0.875em;
	line-height: 0.07143em;
	vertical-align: 0.05357em;
}

.ti-lg {
	font-size: 1.25em;
	line-height: 0.05em;
	vertical-align: -0.075em;
}

.ti-xl {
	font-size: 1.5em;
	line-height: 0.04167em;
	vertical-align: -0.125em;
}

.ti-2xl {
	font-size: 2em;
	line-height: 0.03125em;
	vertical-align: -0.1875em;
}

.ti-3xl {
	font-size: 2.5em;
	line-height: 0.03em;
	vertical-align: -0.15em;
}

.tableCustom {
	border-collapse: collapse !important;
	border: 1px solid #e0ecff !important;
}

.tableCustom th {
	border-bottom: 1px solid #e0ecff !important;
}

.tableCustom td {
	border-bottom: 1px solid #e0ecff !important;
}

.btnCustom {
	font-weight: 500;
	padding: 0.3rem !important;
}

.btnFilter {
	color: black !important;
	font-weight: 500;
	padding: 0.2rem 0.8rem !important;
	background: white !important;
	border: 1px solid #e9ecef;
}

.btnFilter > i {
	color: #2f55d4;
}

.btnFilter-toggle::after {
	color: #2f55d4;
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.1em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

.btn-toggle::after {
	color: inherit;
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.1em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

.fw-semibold {
	font-weight: 500 !important;
}

.horizontal-timeline .items {
	border-top: 3px solid #e9ecef;
}

.horizontal-timeline .badge {
	padding: 6px 4px;
}

.horizontal-timeline .items .items-list {
	display: block;
	position: relative;
	text-align: center;
	padding-top: 70px;
	margin-right: 0;
}

.horizontal-timeline .items .items-list:before {
	content: "";
	position: absolute;
	height: 36px;
	border-right: 2px dashed #dee2e6;
	top: 0;
}

.horizontal-timeline .items .items-list .event-date {
	position: absolute;
	top: 36px;
	left: 0;
	right: 0;
	width: 75px;
	margin: 0 auto;
	font-size: 0.9rem;
	padding-top: 8px;
}

@media (min-width: 1140px) {
	.horizontal-timeline .items .items-list {
		display: inline-block;
		width: 24%;
		padding-top: 45px;
	}

	.horizontal-timeline .items .items-list .event-date {
		top: -40px;
	}
}

.max-vw-15 {
	max-width: 15vw !important;
}

.max-vw-20 {
	max-width: 20vw !important;
}

.max-vw-25 {
	max-width: 25vw !important;
}

.max-vw-50 {
	max-width: 50vw !important;
}

.max-vw-75 {
	max-width: 75vw !important;
}

.max-vw-80 {
	max-width: 80vw !important;
}

.f-18 {
	font-size: 18px !important;
}

.f-16 {
	font-size: 16px !important;
}

.f-14 {
	font-size: 16px !important;
}

.form-control-xsm {
	min-height: calc(1.5em + 0.4rem + 2px);
	padding: 0.2rem 0.4rem;
	font-size: 0.875rem;
	border-radius: 0.2rem;
}

.form-control-xsm::file-selector-button {
	padding: 0.2rem 0.4rem;
	margin: -0.2rem -0.4rem;
	-webkit-margin-end: 0.4rem;
	margin-inline-end: 0.4rem;
}

.form-control-xsm::-webkit-file-upload-button {
	padding: 0.2rem 0.4rem;
	margin: -0.2rem -0.4rem;
	-webkit-margin-end: 0.4rem;
	margin-inline-end: 0.4rem;
}

.dialpad .dialpad-digit {
	font-size: 2rem;
	font-weight: 400;
}

.dialpad .dialpad-digit .sub {
	font-size: 0.8rem;
	font-weight: 300;
	color: rgb(110, 110, 110);
}

.btn-transparent {
	color: rgb(190, 190, 190);
	background-color: transparent !important;
	border-color: transparent !important;
}

.call-animation {
	background: #fff;
	width: 135px;
	height: 135px;
	position: relative;
	margin: 0 auto;
	border-radius: 100%;
	border: solid 5px #fff;
	animation: play 2s ease infinite;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dropdown-menu-xl {
	width: 200% !important;
}

.panel-digit {
	font-size: 1rem;
	font-weight: 400;
}

.panel-digit .sub {
	font-size: 0.7rem;
	font-weight: 300;
	color: rgb(110, 110, 110);
}

.important {
	background-color: #e8ffbacc !important;
}

.note-editor {
	background-image: -webkit-linear-gradient(#eeeeee 0.1em, transparent 0.1em);
	background-image: linear-gradient(#eeeeee 0.1em, transparent 0.1em);
	background-size: 100% 20px;
	/* background-color: #fff; */
	line-height: 20px !important;
	margin-top: 5px;
	padding: 0 !important;
	padding-bottom: 1px;
	border: none !important;
}

.note-editor.note-editor-margin {
	background-image: -webkit-linear-gradient(0deg, transparent 49px, #ffe0c4 49px, #ffe0c4 51px, transparent 51px), -webkit-linear-gradient(#eeeeee 0.1em, transparent 0.1em);
	background-image: linear-gradient(90deg, transparent 49px, #ffe0c4 49px, #ffe0c4 51px, transparent 51px), linear-gradient(#eeeeee 0.1em, transparent 0.1em);
	padding-left: 55px !important;
}

.iconCircle {
	display: table;
	width: 50px;
	height: 50px;
	border-radius: 999px;
	border: 2px solid #c0c0c0;
}

.iconCircle i {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.text-light-blue {
	color: #3c8dbc !important;
	font-weight: 500;
}

.nav-pills {
	border-radius: 0.5rem;
	border: 1px solid #b0b0b0ad;
	margin-bottom: 1rem !important;
	font-size: 1.2rem;
}
.nav-pills > li > a {
	color: #515253;
	background-color: #edf1f2 !important;
	margin: 0;
	border: 1px solid #dde6e9;
	border-radius: 0;
	padding: 10px 20px !important;
}
.nav-pills > li > a.active {
	color: #515253;
	background-color: #ed8e4a !important;
}

.media {
	background-color: #dde6e9;
}

.media img {
	width: 100%; /* or any custom size */
	height: 100%;
	object-fit: contain;
}

.btn-custom {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.3rem 1rem;
	font-size: 0.875rem;
	font-weight: 400;
	border-radius: 6px;
	font-weight: 400;
}

.btn-custom-info {
	color: #1e3150;
	background: #f5f6fa !important;
	border: 1px solid #f5f6fa !important;
}