/* ---------------------------------------------------
    PAGES
----------------------------------------------------- */
html {
	scroll-padding-top: 63px;
}

#main_nav {
	padding-top: 3.5rem !important;
}

.dt-layout-table {
	margin-top: .25rem !important;
}

body {
	--bs-body-font-family: "Poppins", sans-serif;
	/* overscroll-behavior: none; */
}

.card {
    --bs-card-border-radius: 1rem;
}

.tempus-dominus-widget .toolbar {
	background-color: var(--bs-primary-bg-subtle);
	border-radius: var(--bs-border-radius-pill);
}

#activity_tool_tip {
	position: absolute;
	bottom: 1.45%;
	width: 50%;
	left: 0%;
	z-index: 1;
}

[data-bs-theme="dark"] .bg-secondary-subtle {
    background-color: rgba(43,48,53, 1) !important;
}

[data-bs-theme="dark"] .carousel-control-next, [data-bs-theme="dark"] .carousel-control-prev {
    background: rgba(248, 249, 250, 1);
}

.modal {
    --bs-modal-border-radius: 1rem;
}

.nav-item:hover:not(.no-hover) {
	color: #fff;
	background-color: rgb(133 133 133 / 10%);
	border-radius: var(--bs-border-radius-pill);
}

.fw-boldest {
	font-weight: 900 !important;
}

.spinner-border-slow {
	animation-duration: 2s;
}

.card-logo:hover {
	animation: pulse; /* referring directly to the animation's @keyframe declaration */
	animation-duration: 1s; /* don't forget to set a duration! */
}

.btn-hover span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.25s;
}

.btn-hover span:before {
	content: '\2937';
	position: absolute;
	opacity: 0;
	top: 0;
	left: -20px;
	transition: 0.25s;
}
  
.btn-hover:hover span {
	padding-left: 25px;
}

.btn-hover:hover span:before {
	opacity: 1;
	left: 0;
}

.btn-hover-double span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.btn-hover-double span:before {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}
  
.btn-hover-double:hover span {
	padding-right: 25px;
}

.btn-hover-double:hover span:before {
	opacity: 1;
	right: 0;
}

.card-header:first-child {
	border-radius: 1rem;
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.modal-footer {
	border-radius: 1rem;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.rounded-c {
	border-radius: 1rem;
}

/* .badge {
	font-weight: 400;
} */

/* #cases {
	min-height: 682px;
} */

select,
.form-check-label,
.form-check-input,
.select-checkbox,
.invoice-case-num,
table.dataTable > tbody > tr:not(.child),
#new_pickup_quick,
#new_shipping_label_quick,
#new_office_quick,
#statements_generator_quick,
#new_payment_quick,
#CF_rcv,
#CF_due,
#removable_collapse_label,
#product_type,
#fixed_collapse_label,
#print_toggle,
#RF_range,
#print_toggle_label,
#upper_btn,
.cursor-ptr {
	cursor: pointer;
}

#price_list_table > tbody > tr  {
	cursor: default;
}

.cursor-init {
	cursor: initial;
}

.dropdown-menu[data-bs-popper] {
	margin-top: 0.75rem !important;
}

.dropdown-item {
	padding: 0.7rem;
}

[data-bs-theme="light"] label {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
}

[data-bs-theme="light"] h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
.card-title {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity));
}

.card-table:hover {
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
	transform: translateY(-5px);
	background-color: rgba(var(--bs-secondary-rgb), 0.05);
}

.card-table {
	cursor: pointer;
}

.dropdown-menu[data-bs-popper] {
	margin-top: 0.5rem;
}

.mdl_name_font {
	background: -webkit-linear-gradient(135deg, #F56772 40%, #7280FF 60%);
	background-clip: text;
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.p-special {
	padding: 0.15rem;
}

.w-xl-50 {
	width: 50%;
}

.card-borderless {
	border: none;
}

.divider {
	width: 50%;
	border-radius: 1rem;
	margin-top: 1rem;
	margin-right: auto;
    margin-left: auto;
	height: 2.5rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

/* ---------------------------------------------------
    SCROLL BAR
----------------------------------------------------- */
.no-scroll::-webkit-scrollbar {
	display: none !important;
}
.no-scroll::-moz-scrollbar {
	display: none !important;
}
.no-scroll::-o-scrollbar {
	display: none !important;
}
.no-scroll::-google-ms-scrollbar {
	display: none !important;
}
.no-scroll::-khtml-scrollbar {
	display: none !important;
}

/* ---------------------------------------------------
    SCROLL TO TOP
----------------------------------------------------- */
@media screen and (min-width: 767px) {
	#return-to-top {
		position: fixed;
		bottom: 55px;
		left: 20px;
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.7);
		width: 50px;
		height: 50px;
		display: block;
		text-decoration: none;
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		border-radius: 35px;
		display: none;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#return-to-top i {
		color: #fff;
		margin: 0;
		position: relative;
		left: 17px;
		top: 13px;
		font-size: 19px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#return-to-top:hover {
		background: rgba(0, 0, 0, 0.9);
	}

	#return-to-top:hover i {
		color: #fff;
		top: 5px;
	}

	#return-to-top {
		visibility: visible;
	}
}

/* ---------------------------------------------------
    MODALS
----------------------------------------------------- */
.progress-bar {
	background-color: #21e309;
}

.card-footer,
.modal-footer {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity));
	padding-top: .25rem;
    padding-bottom: .25rem;
	text-align: right;
}

.tempus-dominus-widget.dark button {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active {
	background-color: var(--bs-primary);
}

.tempus-dominus-widget {
	border-radius: 1rem;
}

.tempus-dominus-widget {
	margin-right: auto;
	margin-left: auto;
}

.fa-clock::after {
	font-family: var(--bs-body-font-family);
	font-weight: 600;
	content: " Time";
}

.fa-calendar::after {
	font-family: var(--bs-body-font-family);
	font-weight: 600;
	content: " Calendar";
}

.fa-trash::after {
	font-family: var(--bs-body-font-family);
	font-weight: 600;
	content: " Delete";
}

#reports .list-group-item {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
	font-size: 1.25rem;
	font-weight: 700;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#lab_services .form-check-input:disabled,
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
	opacity: 1;
}

.tooth-chart {
	width: 225px;
}

/* #RF_graph {
	height: 80vh !important;
} */

polygon,
#Tooth3,
#Tooth7,
#Tooth19,
#Tooth24,
#Tooth28 {
	-webkit-transition: fill 0.25s;
	transition: fill 0.25s;
}

polygon.selected,
#Tooth3.selected,
#Tooth7.selected,
#Tooth19.selected,
#Tooth24.selected,
#Tooth28.selected {
	fill: #20c997 !important;
}

polygon:hover,
polygon:active,
#Tooth3:hover,
#Tooth3:active,
#Tooth7:hover,
#Tooth7:active,
#Tooth19:hover,
#Tooth19:active,
#Tooth24:hover,
#Tooth24:active,
#Tooth28:hover,
#Tooth28:active {
	fill: #8e8e8e;
}

[data-bs-theme="light"] #g_things {
	fill: black;
}

[data-bs-theme="dark"] #g_things {
	fill: #adb5bd;
}

/* ---------------------------------------------------
    MOBILE
----------------------------------------------------- */
@media screen and (max-width: 767px) {
    div.dt-container .row {
        --bs-gutter-y: 0.15rem;
    }

	.dt-buttons.btn-group {
		padding-right: .25rem;
		padding-left: .25rem;
	}

	.col-md:not(.d-md-flex):not(.px-mobile-3) {
		padding-right: 0;
		padding-left: 0;
	}
}

@media screen and (max-width: 1199.99px) {	
	#mdl_main_body {
		padding-top: 2.5rem;
	}

	.border-start {
		border-left: none !important;
	}

	.w-mobile-50 {
		width: 50%;
	}

	.w-mobile-35 {
		width: 40%;
	}

	.w-xl-50 {
		width: 100%;
	}

	div.dt-buttons {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
	}

	.table-title {
		font-size: 1.5rem !important;
	}

	.text-mobile-center {
		text-align: center;
	}

	/* li.paginate_button.previous {
        display: inline;
    }
 
    li.paginate_button.next {
        display: inline;
    }
 
    li.paginate_button {
        display: none;
    } */

	.d-mobile-none {
		display: none !important;
	}

	.grecaptcha-badge {
		display: none;
	}

	.col-2,
	.col-4,
	.col-6,
	.col-7,
	.col-8 {
		flex: 0 0 auto;
		width: 100%;
	}

	.px-mobile-0 {
		padding-right: 0rem !important;
		padding-left: 0rem !important;
	}

	.px-mobile-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}

	.px-mobile-2 {
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}

	.mx-mobile-0 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.mx-mobile-2 {
		margin-left: 0.5rem !important;
		margin-right: 0.5rem !important;
	}

	.my-mobile-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}

	.mt-mobile-0 {
		margin-top: 0 !important;
	}

	.mt-mobile-1 {
		margin-top: 0.25rem !important;
	}

	.mt-mobile-2 {
		margin-top: 0.5rem !important;
	}

	.me-mobile-2 {
		margin-right: 0.5rem !important;
	}

	.pt-mobile-3 {
		padding-top: 1rem;
	}

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

	.mb-mobile-2 {
		margin-bottom: 0.5rem !important;
	}

	.ms-mobile-0 {
		margin-left: 0rem;
	}

	.pb-mobile-0 {
		padding-bottom: 0;
	}

	.p-mobile-0 {
		padding: 0 !important;
	}

	.p-mobile-1 {
		padding: 0.25rem;
	}

	.p-mobile-2 {
		padding: 0.5rem !important;
	}

	.px-mobile-3 {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.table-btn {
		margin-bottom: 0.25rem;
	}

	.border-end.border-danger {
		border: 0 !important;
	}

	.border-end.not-mobile {
		border-right: 0 !important;
		border-bottom: var(--bs-border-width) var(--bs-border-style)
			var(--bs-border-color) !important;
	}

	.border-start.not-mobile {
		border-left: 0 !important;
	}

	#return-to-top {
		visibility: hidden;
	}

	#tooth_chart_btns {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	.dataTables_wrapper {
		padding: 0.70rem;
	}
}

@media screen and (min-width: 1200px) {
	.animate-content {
		opacity: 0;
		animation-duration: 1.5s;
	}

	.animate-main {
		opacity: 0;
		animation-duration: 1.5s;
	}

	footer {
		position: -webkit-sticky;
		position: fixed;
		bottom: 0;
		z-index: 1020;
	}

	#bs_navbar {
		top: 45.9px;
	}

	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0; /* remove the gap so it doesn't close */
	}

	.dropdown:hover .table-dropdown-menu {
		display: block;
		margin-top: 1.95rem; /* remove the gap so it doesn't close */
	}
	
	.dropdown>.dropdown-toggle:active {
		/*Without this, clicking will make it sticky*/
		pointer-events: none;
	}

	.dataTables_wrapper {
		padding: 0.25rem;
	}
}

@media screen and (min-width: 1400px) {
	/* .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px;
    } */
	
	#main_graph {
		width: 736px !important;
		max-width: 736px;
	}

	.grecaptcha-badge {
		bottom: 55px !important;
	}
	
	.card-tilt:hover {
		transform: rotate(-5deg);
	}

	.card-tilt-i:hover i {
		/* Start the shake animation and make the animation last for 0.5 seconds */
		animation: tilt-shaking 0.5s;
	
		/* When the animation is finished, start again */
		animation-iteration-count: infinite;
	}
	
	.card.card-zoom:hover {
		transform: scale(1.03) !important;
	}
	
	.card-zoom:hover .card-body {
		transform: scale(1.20);
	}
	
	.card-zoom:hover .card-body-text {
		transform: scale(1.20);
	}
	
	.card-zoom:hover .card-body-text::after {
		transform: scaleX(1);
		transform-origin: bottom left;
	}

	.highlight {
		width: 50%;
	}
	
	.accordion {
		--bs-accordion-bg: transparent;
	}
	
	.select-checkbox {
		font-family: var(--bs-font-sans-serif);
	}

	.dataTables_wrapper {
		padding: 0.25rem;
	}
}

.dataTables_wrapper {
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
	border-radius: 0.5rem;
	--bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
}

[data-bs-theme="dark"] .dataTables_wrapper {
	box-shadow: 0px 0px 5px hsl(0deg 0% 0% / 0.48);
}

[data-bs-theme="light"] .dataTables_wrapper {
	box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px,rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.highlight {
	font-weight: 300;
	padding: 0.5rem 1rem;
	overflow: hidden;
	background-color: rgba(var(--bs-body-color-rgb), 0.075);
	border-radius: calc(0.5rem - 1px);
}

.toast-container {
	height: 505px;
	overscroll-behavior: none;
}

.toast-container>:not(:last-child) {
    margin-bottom: 0.25rem;
}

.toast:not(.new-toast) {
	opacity: 0;
	animation-duration: 1.5s;
}

.cursor-ptr.card {
	min-height: 40px;
}

.cursor-ptr.card:hover {
	transform: translateX(10px);
	background-color: rgba(var(--bs-secondary-rgb), 0.05);
}

.cursor-ptr.card:hover:before {
	/* border-color: rgba(var(--bs-secondary-rgb), 1); */
	transform: translateX(10px);
}

.cursor-ptr.card:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

#cases_table_wrapper {
	z-index: 1;
}

/* ---------------------------------------------------
    FORMS
----------------------------------------------------- */
.fa-rotate-by {
	margin-left: 0.4rem;
	--fa-rotate-angle: -25deg;
}

.lead {
	font-size: 1.15rem;
}

#RF_range,
#reports .list-group-item,
.list-group-item,
.dt-paging > nav > .pagination .page-item .page-link,
.form-select:disabled,
.form-control:disabled,
.form-floating > .form-control:disabled ~ label::after,
.form-floating > :disabled ~ label::after {
	--bs-bg-opacity: 1;
	background-color: transparent;
}

.form-label {
	border-bottom: 1px solid #0d6efd;
}

.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
	position: relative;
}

/* ---------------------------------------------------
    CARDS
----------------------------------------------------- */
@keyframes tilt-shaking {
	0% { transform: translate(0, 0) rotate(0deg); }
	25% { transform: translate(1px, 1px) rotate(1deg); }
	50% { transform: translate(0, 0) rotate(0eg); }
	75% { transform: translate(-1px, 1px) rotate(-1deg); }
	100% { transform: translate(0, 0) rotate(0deg); }
}

.toast {
	box-shadow: none;
}

.card-shadow-lite {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

/* [data-bs-theme="dark"] input,
[data-bs-theme="dark"] select,
[data-bs-theme="dark"] textarea,
[data-bs-theme="dark"] .list-group, */
/* [data-bs-theme="dark"] footer, */
/* [data-bs-theme="dark"] .toast, */
/* [data-bs-theme="dark"] .input-group-text:not(.bg-transparent), */
[data-bs-theme="dark"] .card-shadow,
[data-bs-theme="dark"] .modal-footer,
[data-bs-theme="dark"] .btn {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* [data-bs-theme="dark"] .card { background-color: #192128; } */

/* [data-bs-theme="light"] input,
[data-bs-theme="light"] select,
[data-bs-theme="light"] textarea,
[data-bs-theme="light"] .list-group, */
/* [data-bs-theme="light"] footer, */
[data-bs-theme="light"] .modal-footer,
[data-bs-theme="light"] .btn:not(.btn-lg),
/* [data-bs-theme="light"] .toast, */
/* [data-bs-theme="light"] .input-group-text:not(.bg-transparent), */
[data-bs-theme="light"] .card-shadow {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.form-select:focus,
.form-control:focus {
	border-color: #1072ff;
	box-shadow: none;
}

[data-bs-theme="light"] .navbar{
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

[data-bs-theme="dark"] .navbar{
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.card-tag {
	line-height: 1.25;
    font-weight: 700;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.card-zoom .card-body-text {
	display: inline-block;
	position: relative;
}

.card-zoom .card-body-text::after {
	content: "";
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: var(--bs-primary);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.card-zoom-orange .card-body-text::after {
	background-color: var(--bs-orange);
}

.card-zoom-success .card-body-text::after {
	background-color: var(--bs-success);
}

.card-zoom-info .card-body-text::after {
	background-color: var(--bs-info);
}

.card-section {
	height: 100%;
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity));
	--bs-border-opacity: 1;
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	padding: 0.25rem;
}

.dt-paging > nav > .pagination {
	border-radius: var(--bs-border-radius);
}

#timeout_modal,
#notify_user,
#double_check_with_user {
	z-index: 9999;
}

/* ---------------------------------------------------
    LINKS & BUTTONS
----------------------------------------------------- */
[data-bs-theme="dark"] .dt-button-collection {
	background-color: var(--bs-dark);
}

[data-bs-theme="dark"] .dt-button.dropdown-item.text-dark,
[data-bs-theme="dark"] a.text-dark {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

button[aria-expanded="true"] {
	background: var(--bs-btn-active-bg);
	color: var(--bs-btn-active-color);
}

button[aria-expanded="true"] .toggle-icon,
label[aria-expanded="true"] .toggle-icon {
	transform: rotate(180deg);
	transition: all ease 0.5s;
}

button .toggle-icon,
label .toggle-icon {
	transition: all ease 0.5s;
}

.btn {
	--bs-btn-font-family: "Poppins", sans-serif;
}

a,
a:hover {
	text-decoration: none;
}

a:focus {
	outline: none;
}

a.bg-orange:focus,
a.bg-orange:hover,
button.bg-orange:focus,
button.bg-orange:hover {
	background-color: #f77809;
}

a.bg-pink:focus,
a.bg-pink:hover,
a.text-pink:focus,
a.text-pink:hover,
li.text-pink:hover,
button.bg-pink:focus,
button.bg-pink:hover {
	color: var(--bs-pink);
}

.btn:focus,
.page-link:focus,
.accordion-button {
	box-shadow: none !important;
}

/* ---------------------------------------------------
    CUSTOM BUTTONS
----------------------------------------------------- */
.btn-outline-pink {
	--bs-btn-color: var(--bs-pink);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-pink);
	--bs-btn-focus-shadow-rgb: 255, 105, 180;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-pink);
	--bs-btn-active-border-color: var(--bs-pink);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-gradient: none;
	--bs-btn-border-color: var(--bs-pink);
}

.btn-pink {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-pink);
	--bs-btn-border-color: var(--bs-pink);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #c82e7a;
	--bs-btn-hover-border-color: #e11f80;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #c82e7a;
	--bs-btn-active-border-color: #e11f80;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--bs-pink);
	--bs-btn-disabled-border-color: var(--bs-pink);
}

.btn-pink:hover {
  background-color: #c13574; /* Darker pink for hover */
}

.btn-indigo {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-indigo);
	--bs-btn-border-color: var(--bs-indigo);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #6e19f8;
	--bs-btn-hover-border-color: var(--bs-indigo);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-indigo);
	--bs-btn-active-border-color: var(--bs-indigo);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--bs-indigo);
	--bs-btn-disabled-border-color: var(--bs-indigo);
}

.btn-indigo:hover {
  background-color: #5914c9; /* Darker indigo shade or any desired hover color */
}

.btn-outline-indigo {
	--bs-btn-color: var(--bs-indigo);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-indigo);
	--bs-btn-focus-shadow-rgb: 75, 0, 130;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-indigo);
	--bs-btn-active-border-color: var(--bs-indigo);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-gradient: none;
	--bs-btn-disabled-color: var(--bs-indigo);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-indigo);
	--bs-btn-border-color: var(--bs-indigo);
}

.btn-orange {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-orange);
	--bs-btn-border-color: var(--bs-orange);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #fc801b;
	--bs-btn-hover-border-color: var(--bs-orange);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-orange);
	--bs-btn-active-border-color: var(--bs-orange);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--bs-orange);
	--bs-btn-disabled-border-color: var(--bs-orange);
}

.btn-orange:hover {
  background-color: darkorange; /* Slightly deeper orange on hover */
}

.btn-outline-orange {
	--bs-btn-color: var(--bs-orange);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-orange);
	--bs-btn-focus-shadow-rgb: 75, 0, 130;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-orange);
	--bs-btn-active-border-color: var(--bs-orange);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-gradient: none;
	--bs-btn-disabled-color: var(--bs-orange);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-orange);
	--bs-btn-border-color: var(--bs-orange);
}

.btn-teal {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-teal);
	--bs-btn-border-color: var(--bs-teal);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #21d19c;
	--bs-btn-hover-border-color: var(--bs-teal);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-teal);
	--bs-btn-active-border-color: var(--bs-teal);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--bs-teal);
	--bs-btn-disabled-border-color: var(--bs-teal);
}

.btn-outline-teal {
	--bs-btn-color: var(--bs-teal);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-teal);
	--bs-btn-focus-shadow-rgb: 75, 0, 130;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-teal);
	--bs-btn-active-border-color: var(--bs-teal);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-gradient: none;
	--bs-btn-disabled-color: var(--bs-teal);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-teal);
	--bs-btn-border-color: var(--bs-teal);
}

.btn-close {
	--bs-btn-close-hover-opacity: none;
	--bs-btn-close-focus-shadow: none;
}

[data-bs-theme="light"] .btn-outline-light {
	--bs-btn-color: #212529;
	--bs-btn-border-color: #212529;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #212529;
	--bs-btn-hover-border-color: #212529;
	--bs-btn-focus-shadow-rgb: 33, 37, 41;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #212529;
	--bs-btn-active-border-color: #212529;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #212529;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #212529;
	--bs-gradient: none;
}

[data-bs-theme="light"] .btn-light {
	--bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529;
}

[data-bs-theme="dark"] .btn-outline-light {
	--bs-btn-color: #ffffff;
	--bs-btn-border-color: #cccccc;
}

/* [data-bs-theme="dark"] .btn-outline-secondary {
	--bs-btn-color: #ffffff;
	--bs-btn-border-color: #cccccc;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
} */

/* ---------------------------------------------------
    BORDER COLORS
----------------------------------------------------- */
.border-pink {
	border-color: #d63384 !important;
}

.border-orange {
	border-color: #fd7e14 !important;
}

.border-teal {
	border-color: #20c997 !important;
}

.border-indigo {
	border-color: var(--bs-indigo) !important;
}

[data-bs-theme="light"] .border-light {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

[data-bs-theme="dark"] .border-light {
	--bs-border-opacity: 1;
	border-color: rgba(
		var(--bs-secondary-rgb),
		var(--bs-border-opacity)
	) !important;
}

[data-bs-theme="dark"] .border-indigo-subtle {
	border-color: #4f5eee !important;
}

[data-bs-theme="light"] .border-indigo-subtle {
	border-color: #d9c7f7 !important;
}

.border-teal-subtle {
    border-color: #38b2ac !important;
}

.border-orange-subtle {
    border-color: #fba564 !important;
}

/* ---------------------------------------------------
    BACKGROUND COLORS
----------------------------------------------------- */
.bg-indigo {
	background-color: var(--bs-indigo) !important;
}

.bg-pink {
	background-color: var(--bs-pink);
}

.bg-orange {
	background-color: #ff851b !important;
}

.bg-teal {
	background-color: #20c997 !important;
}

[data-bs-theme="light"] .bg-pink-subtle {
	background-color: #ffe9f4;
}

[data-bs-theme="dark"] .bg-pink-subtle {
    background-color: #3d2733;
}

.bg-teal-subtle {
    background-color: #9fefd7;
}

[data-bs-theme="light"] .bg-indigo-subtle {
    background-color: #f4e0ff;
}

[data-bs-theme="dark"] .bg-indigo-subtle {
    background-color: #dfaef9;
}

[data-bs-theme="light"] .bg-orange-subtle {
    background-color: #ffe3cd;
}

[data-bs-theme="dark"] .bg-orange-subtle {
    background-color: #241600;
}

[data-bs-theme="light"] .bg-teal-subtle {
	background-color: #e4f9f3 !important
}

[data-bs-theme="dark"] .bg-teal-subtle {
	background-color: #002419 !important;
}

[data-bs-theme="light"] .bg-light {
	color: var(--bs-light) !important;
	background-color: var(--bs-dark) !important;
}

[data-bs-theme="dark"] .bg-light {
	color: var(--bs-dark) !important;
	background-color: var(--bs-light) !important;
}


/* ---------------------------------------------------
    TEXT COLORS
----------------------------------------------------- */
.text-indigo {
	color: var(--bs-indigo) !important;
}

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

.text-orange {
	color: #fd7e14 !important;
}

.text-teal {
	color: #21a981 !important;
}

.text-bg-pink {
	color: #fff;
	background-color: #d63384;
}

.text-bg-teal {
	color: #fff;
	background-color: #20c997;
}

.text-bg-orange {
	color: #fff !important;
	background-color: RGBA(253, 126, 20, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-indigo {
	color: #fff !important;
	background-color: RGBA(102, 16, 242, var(--bs-bg-opacity, 1)) !important;
}

/* [data-bs-theme="dark"] .text-white:not(#statement_title) {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
} */

[data-bs-theme="light"] .text-light:not(.nav) {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

[data-bs-theme="light"] .text-bg-light {
	color: #fff !important;
	background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}


/* ---------------------------------------------------
    DROPDOWN
----------------------------------------------------- */
.dropdown-item.text-light.active,
.dropdown-item.text-light:active {
	color: var(--bs-light) !important;
}

.dropdown-item > .text-light.active,
.dropdown-item > .text-light:active {
	color: var(--bs-light) !important;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: var(--bs-dark);
}

#admin_dropdown_menu {
	min-width: 238.86px;
}

#go_to_dropdown {
	min-width: 193.53px;
}

#new_case_dropdown {
	min-width: 249.39px;
}

#contact_us_dropdown {
	min-width: 313.19px;
}

/* ---------------------------------------------------
    ALERTS
----------------------------------------------------- */
.alert-body-tertiary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: rgba(var(--bs-tertiary-bg-rgb), 1);
	--bs-alert-border-color: var(--bs-secondary-border-subtle);
}

[data-bs-theme=light] .alert-pink {
	--bs-alert-color: #480f2b;
    --bs-alert-bg: #ffe5f2;
    --bs-alert-border-color: #f6b4d5;
}

[data-bs-theme=light] .alert-indigo {
    --bs-alert-color: #27104d;
    --bs-alert-bg: #e8ddf9;
	--bs-alert-border-color: #c8b2ed;
}

[data-bs-theme=light] .alert-orange {
	color: #664d03; /* dark amber for text */
	background-color: #fff4e5; /* very light orange background */
	border-color: #ffecb5; /* soft orange border */
}

[data-bs-theme=dark] .alert-pink {
	--bs-alert-color: #fabcdb;
    --bs-alert-bg: #3f1c2e;
    --bs-alert-border-color: #8a2a5a;
}

[data-bs-theme=dark] .alert-indigo {
    --bs-alert-color: #af8beb;
    --bs-alert-bg: #2d1455;
    --bs-alert-border-color: #4c258d;
}

[data-bs-theme=dark] .alert-orange {
    --bs-alert-color: #ffbd00;
    --bs-alert-bg: #331c01;
    --bs-alert-border-color: #997404;
}

/* ---------------------------------------------------
    TABLES
----------------------------------------------------- */
/* [data-bs-theme="light"] .table-dark {
	--bs-table-color: #000;
	--bs-table-bg: #e2e3e5;
	--bs-table-border-color: #cbccce;
	--bs-table-striped-bg: #d7d8da;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #cbccce;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #d1d2d4;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color);
} */

.table-title {
	/* text-transform: uppercase; */
	font-size: 1.78rem;
	font-weight: 300;
}

div.dt-buttons div.dropdown-menu .dt-button.dropdown-toggle::after {
	position: initial;
}

/* .dataTables_wrapper .btn-group-lg > .btn,
.dataTables_wrapper .btn-lg {
	--bs-btn-padding-y: 0.83rem;
} */

table.dataTable {
	width: 100% !important;
}

tbody > tr:last-child > td {
	border-bottom: 0;
}

[data-bs-theme="light"]
	table.dataTable.table-striped
	> tbody
	> tr.odd.selected
	> *,
[data-bs-theme="light"]
	table.dataTable.table-striped
	> tbody
	> tr.even.selected
	> *,
[data-bs-theme="light"] table.dataTable > tbody > tr.selected > * {
	color: black;
	box-shadow: inset 0 0 0 9999px #edf222 !important;
}

[data-bs-theme="dark"]
	table.dataTable.table-striped
	> tbody
	> tr.odd.selected
	> *,
[data-bs-theme="dark"]
	table.dataTable.table-striped
	> tbody
	> tr.even.selected
	> *,
[data-bs-theme="dark"] table.dataTable > tbody > tr.selected > * {
	color: white;
	box-shadow: inset 0 0 0 9999px #a7ab00 !important;
}

[data-bs-theme="light"] .dt-paging > nav > .pagination .page-item .page-link {
	color: (--bs-dark);
}

[data-bs-theme="dark"] .dt-paging > nav > .pagination .page-item .page-link {
	color: (--bs-light);
}

.dt-orderable-none {
	cursor: initial;
}

.dt-paging > nav > .pagination {
	@media screen and (min-width: 1200px) {
		float: right;
	}
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
	/* box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; */
	padding-top: .40rem;
	padding-bottom: .40rem;
	/* margin-bottom: .5rem !important; */
}

.dt-paging > nav > .pagination .page-item .page-link {
	outline: 0;
	border: 0;
	font-size: 0.9rem;
	color: var(--bs-light);
	margin-left: 2px;
	margin-right: 2px;
	border-radius: 1rem;
	color: rgba(var(--bs-light-rgb), var(--bs-text-opacity));
}

.dt-paging > nav > .pagination .page-item.active .page-link {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 1rem;
	/* color: white; */
}

#cases_table_wrapper .dt-paging > nav > .pagination .page-item.active .page-link {
	background-color: var(--bs-warning);
	color: var(--bs-dark);
}

#pickups_table_wrapper .dt-paging > nav > .pagination .page-item.active .page-link {
	color: var(--bs-light);
	background-color: var(--bs-primary);
}

#shipments_table_wrapper .dt-paging > nav > .pagination .page-item.active .page-link {
	color: var(--bs-light);
	background-color: var(--bs-orange);
}

#price_list_table_wrapper .dt-paging > nav > .pagination .page-item.active .page-link {
	background-color: var(--bs-info);
}

#accounts_table_wrapper .dt-paging > nav > .pagination .page-item.active .page-link {
	color: var(--bs-light);
	background-color: var(--bs-secondary);
}

#statements_table_wrapper .dt-paging > nav > .pagination .page-item.active .page-link {
	background-color: var(--bs-danger);
	color: var(--bs-light);
}

#payments_table_wrapper .dt-paging > nav > .pagination .page-item.active .page-link {
	background-color: var(--bs-success);
	color: var(--bs-light);
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before {
	line-height: 16px;
}

/* .dt-container {
	padding-right: .25rem;
    padding-left: .25rem;
} */

[data-bs-theme="dark"] .dt-paging > nav > .pagination .page-item .page-link:hover {
	border-radius: 1rem;
	background-color: rgb(0, 0, 0);
}

[data-bs-theme="light"] .dt-paging > nav > .pagination .page-item .page-link:hover {
	border-radius: 1rem;
	background-color: #e9ecef;
}

table.dataTable > tbody > tr > td.dt-control:before {
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: inline-block;
    color: white;
    border: .15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 .2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New", Courier, monospace;
    line-height: 1em;
    content: "+";
}

table.dataTable tr.dt-hasChild td.dt-control:before {
	border: .15em solid white;
    content: "-";
}

.dt-paging > nav > .pagination .page-item.disabled .page-link {
	color: #6d6d6d;
}

#cases_table.dataTable > tbody > tr > td.dt-control:before,
#cases_table.dataTable > tbody > tr > th.dt-control:before {
	background-color: var(--bs-warning);
}

#pickups_table.dataTable > tbody > tr > td.dt-control:before,
#pickups_table.dataTable > tbody > tr > th.dt-control:before {
	background-color: var(--bs-primary);
}

#accounts_table.dataTable > tbody > tr > td.dt-control:before,
#accounts_table.dataTable > tbody > tr > th.dt-control:before {
	background-color: var(--bs-secondary);
}

#price_list_table.dataTable > tbody > tr > td.dt-control:before,
#price_list_table.dataTable > tbody > tr > th.dt-control:before {
	background-color: var(--bs-info);
}

#statements_table.dataTable > tbody > tr > td.dt-control:before,
#statements_table.dataTable > tbody > tr > th.dt-control:before {
	background-color: var(--bs-danger);
}

#payments_table.dataTable > tbody > tr > td.dt-control:before,
#payments_table.dataTable > tbody > tr > th.dt-control:before {
	background-color: var(--bs-success);
}

#shipments_table.dataTable > tbody > tr > td.dt-control:before,
#shipments_table.dataTable > tbody > tr > th.dt-control:before {
	background-color: var(--bs-orange);
}

[data-bs-theme="light"] .modal .table-bordered > :not(caption) > * > * {
	border-width: 0.5px;
	border-color: var(--bs-dark);
}

[data-bs-theme="dark"] .modal .table-bordered > :not(caption) > * > * {
	border-width: 0.5px;
	border-color: var(--bs-secondary);
}

.modal .table-bordered > :not(caption) > * {
	border-width: 0.5px;
	border-color: var(--bs-dark);
}

.dt-paging > nav > .pagination {
	--bs-pagination-padding-y: 0.59rem;
	margin-top: 0%;
}

#reports_modal .modal-content {
	min-height: 747px !important;
}

#cases_table,
#pickups_table,
#shipments_table,
#price_list_table,
#accounts_table {
	/* min-height: 325px; */
	min-height: 600px;
}

#statements_table,
#payments_table {
	min-height: 636px;
}

#cases_table_search:focus {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity));
}

#pickups_table_search:focus {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity));
}

#shipments_table_search:focus {
	border-color: var(--bs-orange);
}

#products_table_search:focus {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity));
}

#accounts_table_search:focus {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity));
}

#statements_table_search:focus {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity));
}

#payments_table_search:focus {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity));
}

/* ---------------------------------------------------
    PRINT
----------------------------------------------------- */
@media print {
	@page {
		size: auto; /* auto is the initial value */

		/* this affects the margin in the printer settings */
		margin: 4.35mm;

		@bottom-right {
			font-size: 10pt;
			font-family: "Poppins", sans-serif;
			content: 'Page ' counter(page) ' of ' counter(pages);
			padding-bottom: 125px;
			padding-right: 15px;
		}
	}

	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	body {
		/* this affects the margin on the content before sending to printer */
		margin: 3px;

		font-size: 12pt;

		zoom: 80%;
	}

	html,
	body {
		height: 99%;
	}

	.modal-body {
		border: var(--bs-border-width) var(--bs-border-style)
			var(--bs-border-color);
		border-radius: var(--bs-border-radius);
		padding: 0.75rem;
	}

	.modal-header,
	.modal-footer {
		display: none;
	}

	#product_accordion {
		min-height: 360px !important;
	}

	.table:not(#invoice_details_table) {
		--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
	}

	#invoice_details_table {
		--bs-table-striped-bg: transparent;
	}

	.card-shadow {
		--bs-border-opacity: 1;
		border: var(--bs-border-width) var(--bs-border-style)
			var(--bs-border-color);
	}

	.badge:not(.badge-print) {
		background-color: transparent !important;
		border: var(--bs-border-width) var(--bs-border-style)
			var(--bs-border-color);
		--bs-border-opacity: 1;
		border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity));
		--bs-text-opacity: 1;
		color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
	}

	.pagebreak {
		page-break-before: always;
	} /* page-break-after works, as well */

	.tooth-chart {
		width: 204px;
	}

	.card-group {
		display: flex;
		flex-flow: row wrap;
	}

	.card-group > .card {
		flex: 1 0 0%;
		margin-bottom: 0;
	}

	.text-light {
		color: var(--bs-dark) !important;
	}

	.text-bg-light {
		color: #fff;
		background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1));
	}

	.form-check-label {
		--bs-text-opacity: 1;
		color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
	}

	.mt-print-2 {
		margin-top: 0.5rem;
	}

	.pagebreak,
	.mt-print-3 {
		margin-top: 0.75rem;
	}

	.me-print-2 {
		margin-right: 1.25rem;
	}
}