#kt_header {
	z-index: 11;
}

#kt_subheader {
	margin-top: 30px;
}

tr.row-inactive {
	background: repeating-linear-gradient(45deg, transparent, transparent 10px, #f7edd4 10px, #f7edd4 20px);
}

.pointer {
	cursor: pointer;
}

.modal-content {
	min-height: 200px;
}

.loading {
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 1;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 1.1rem;
}

.loading span {
	margin-top: 20px;
}

.loading .kt-spinner {
	margin-left: -20px;
}

.loading[data-show="true"] {
	display: flex;
}

.msg-empty {
	text-align: center;
}

.msg-empty i {
	font-size: 4rem;
	padding: 1.5rem 0;
}

.msg-empty h3 {
	padding-bottom: 3rem;
}

.datepicker {
	max-width: 100%;
}

body.modal-open .alert {
	z-index: 1032;
}

.modal-body .alert {
	z-index: 1051 !important;
}

.nav-link .kt-badge {
	margin-left: 6px;
}

.kt-nav__link-text {
	overflow: hidden;
	text-overflow: ellipsis;
}

.line-through {
	text-decoration: line-through;
}

.breathing {
	-webkit-animation: breathing 1s ease-out 30 normal;
	animation: breathing 1s ease-out 30 normal;
	-webkit-font-smoothing: antialiased;
}

.breathing-alt {
	-webkit-animation: breathing-alt 1s ease-out 10 normal;
	animation: breathing-alt 1s ease-out 10 normal;
	-webkit-font-smoothing: antialiased;
}

.jumping {
	-webkit-animation: jump 2s cubic-bezier(0.280, 0.840, 0.420, 1) 5 normal;
	animation: jump 2s cubic-bezier(0.280, 0.840, 0.420, 1) 5 normal;
	-webkit-font-smoothing: antialiased;
}

.breathing-infinity {
	-webkit-animation: breathing 1s ease-out infinite normal;
	animation: breathing 1s ease-out infinite normal;
	-webkit-font-smoothing: antialiased;
}

@-webkit-keyframes breathing {
	0% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}

	25% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	60% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}

	100% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

@keyframes breathing {
	0% {
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}

	25% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	60% {
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}

	100% {
		-webkit-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
}

@keyframes breathing-alt {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	25% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

	60% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes jump {
	0% {
		transform: scale(1, 1) translateY(0);
	}

	10% {
		transform: scale(1.1, .9) translateY(0);
	}

	30% {
		transform: scale(.9, 1.1) translateY(-20px);
	}

	50% {
		transform: scale(1.05, .95) translateY(0);
	}

	57% {
		transform: scale(1, 1) translateY(-3px);
	}

	64% {
		transform: scale(1, 1) translateY(0);
	}

	100% {
		transform: scale(1, 1) translateY(0);
	}
}

@keyframes border-config-steps {
	0% {
		border-color: white;
	}

	50% {
		border-color: #1dc9b7;
	}

	100% {
		border-color: white;
	}
}

.shine {
	position: relative;
	overflow: hidden;
}

.shine::before {
	background: linear-gradient(to right, rgb(255 255 255 / 0%) 0%, rgb(13 81 102 / 12%) 100%);
	content: "";
	display: block;
	height: 100%;
	left: -75%;
	position: absolute;
	top: 0;
	transform: skewX(316deg);
	width: 50%;
	z-index: 2;
	animation: shine 5s ease-out 10 normal;
}

@keyframes shine {
	20% {
		left: 125%;
	}

	100% {
		left: 125%;
	}
}

@keyframes bell-ring {
  0%   { transform: rotate(0); }
  15%  { transform: rotate(15deg); }
  30%  { transform: rotate(-12deg); }
  45%  { transform: rotate(10deg); }
  60%  { transform: rotate(-8deg); }
  75%  { transform: rotate(6deg); }
  100% { transform: rotate(0); }
}

.bell-icon {
  display: inline-block;
  transform-origin: top center;
  animation: bell-ring 1s ease-in-out;
  animation-iteration-count: 20;
}

.kt-header__topbar-text {
	width: auto !important;
	padding: 0px 10px;
}

.kt-header__topbar-text i {
	margin-right: 10px;
}

.kt-header__topbar-text:hover {
	color: #FFF;
}

.kt-header__topbar-item--user img {
	border: solid 1px #ccc;
	background-color: #fff;
}

.buyform {
	padding: 20px;
}

.item-file {
	margin-right: 10px;
}

.item-file .invalid-feedback {
	position: absolute;
	margin-top: 45px;
}

.dropdown-item .kt-badge.pull-right {
	position: absolute;
	right: 15px;
}

.img_preview {
	width: auto;
	height: auto;
	max-width: 300px !important;
	max-height: 300px !important;
}

.iti {
	width: 100%;
}

.iti__search-input {
	padding: 8px;
}

.form-group-iti .iti__country-container {
	max-height: 40px;
}

.text-danger-custom {
	color: #fd3737 !important;
}

.kt-portlet-title-expand .kt-portlet__head-label {
	cursor: pointer;
}

@media (max-width: 1024px) {
	.kt-portlet .kt-portlet__head {
		flex-wrap: wrap;
		padding: 5px 15px;
	}

	.img_preview {
		max-width: 100% !important;
		max-height: 100% !important;
	}

	.kt-header-menu-mobile .kt-menu__nav {
		padding: 60px 0 30px 0;
	}

	#kt_subheader {
		margin-top: 5px;
	}
}

.cke_combo_text {
	width: 103px !important;
}

.dropdown-menu {
	z-index: 1050;
}

.alert[data-notify] .icon {
	top: 20px;
}

.dropdown-menu>li>a,
.dropdown-menu>.dropdown-item {
	align-items: center;
}

.dropdown-item {
	white-space: normal;
}

.history-kardex .time {
	width: 50px;
	text-align: center;
}

.history-kardex td {
	text-align: center;
}

.history-kardex thead th {
	font-weight: bold;
	color: #7a7a7a;
	padding: 5px;
	vertical-align: middle;
}

.history-kardex tbody th {
	font-weight: normal;
	color: #616161;
	padding: 3px;
	font-size: 12px;
}

.history-kardex tbody td {
	font-weight: normal;
	color: #7a7a7a;
	padding: 3px;
	font-size: 12px;
}

.nowrap {
	white-space: nowrap !important;
}

.kt-badge.kt-badge--default {
	color: #ffffff;
	background: #a2a5b9;
}

.ownerokpet .okpet::after {
	content: "\f19f";
	font-family: Flaticon2;
	color: #57c974;
}

.alert.alert-outline-warning .alert-text,
.alert.alert-outline-warning .alert-icon i {
	color: #dd9f1d;
}

@media (max-width: 1440px) {
	.kt-header-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link {
		padding: 0px 15px;
	}

	.kt-header-menu .kt-menu__nav>.kt-menu__item>.kt-menu__link>.kt-menu__link-text {
		font-size: 1rem;
	}
}

.existsvalidate.kt-spinner::before {
	z-index: 1;
	top: 20px;
	right: 20px !important;
}

.existsvalidate.kt-spinner::before,
.is-invalid .existsvalidate.kt-spinner::before {
	display: none;
}

.existsvalidate.validating.kt-spinner::before {
	display: block;
}

.swal-autowidth .swal2-popup {
	width: auto !important;
}

.swal2-popup .table-responsive {
	max-height: 400px;
}

.tab-star {
	display: flex !important;
	flex-direction: row;
	align-items: center !important;
	justify-content: space-between !important;
	flex-grow: 0.02;
}

fieldset {
	border: solid 1px #c2efea;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	border-radius: 10px;
	box-shadow: 0px 5px 5px #1dc9b70f;
}

legend {
	float: none;
	width: auto;
	padding: 0px 10px;
	color: #1dc9b7;
	font-size: 14px;
	font-weight: 500;
}

fieldset.fieldset-brand {
  border: solid 1px #5d78ff;
}

fieldset.fieldset-brand> legend {
  color: #5d78ff;
}

#headerResources .kt-notification__item-icon {
	flex: 0 0 3rem;
}

#headerResources .kt-notification__item-icon i {
	font-size: 1.8rem;
}

.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-header__topbar-icon.kt-header__topbar-icon--primary .kt-header__topbar-content {
	color: #5867dd;
	margin-left: 5px;
	font-weight: 600;
}

.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-header__topbar-icon.kt-header__topbar-icon--primary:hover .kt-header__topbar-content,
.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-header__topbar-icon.kt-header__topbar-icon--success.show .kt-header__topbar-content {
	color: #ffffff;
}

.kt-header__topbar-icon:has(.kt-header__topbar-content) {
	width: auto !important;
	max-width: inherit !important;
	padding: 10px;
}

.timeline-audit .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-time {
	max-width: 4rem;
	font-size: 1rem;
}

.swal-select2 {
	z-index: 1061;
}

.modal-xxl {
	max-width: 95%;
	max-width: calc(100% - 30px);
}

.bootstrap-select .dropdown-toggle .filter-option {
	display: flex;
	align-items: center;
}

.item-form.kt-spinner--center::before {
	z-index: 2;
}

.helpcenter-results img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.config-steps>div {
	position: relative;
}

.config-steps>div::before {
	content: ' ';
	display: block;
	position: absolute;
	height: 3px;
	width: 10px;
	background-color: #555;
	top: 13px;
	right: 0;
}

.config-steps>div span {
	border-radius: 50%;
	border-width: 2px;
	border: solid;
	color: white;
	background-color: #555;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	font-weight: bold;
}

.config-steps>div.ready span {
	border-color: #1dc9b7;
	background-color: #090d19;
}

.config-steps>div.ready::before {
	background-color: #1dc9b7;
}

.config-steps .gray img {
	transition: all 400ms;
}

.config-steps .gray:not(:hover) img {
	filter: grayscale(100%);
	opacity: 0.7;
}

.config-steps .current {
	-webkit-animation: border-config-steps 2s ease-out infinite normal;
	animation: border-config-steps 2s ease-out infinite normal;
}

#bannerAdsCarousel .carousel-indicators,
#bannerAdsCarousel .carousel-control-prev,
#bannerAdsCarousel .carousel-control-next {
	opacity: 0.3;
}

.cke_top {
	position: sticky !important;
	top: 0;
}

@media (max-width: 1024px) {
	.kt-header__topbar--mobile-on .kt-header__topbar {
		flex-wrap: wrap;
		height: auto;
	}

	.kt-header__topbar-item {
		margin: 0.6rem 0.4rem !important;
	}

	.kt-header__topbar-icon .kt-badge {
		font-size: 10px;
	}
}

@media (min-width: 1024px) {
	#kt_header_menu>.kt-menu__nav>.kt-menu__item--submenu>.kt-menu__link>.kt-menu__hor-arrow {
		display: none;
	}
}

@media (min-width: 1400px) {
	.modal-xxl {
		max-width: 1299px;
	}
}

/* Estilos del contenedor */
.test-environment {
	background: repeating-linear-gradient(45deg,
			#fff3cc 0%,
			#fff3cc 10px,
			#ffffff 10px,
			#ffffff 20px) !important;
}

.text-clamp {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.text-clamp:hover {
	-webkit-line-clamp: unset;
	line-clamp: unset;
}

.text-sideway {
	text-orientation: sideways;
	transform: rotate(180deg);
	writing-mode: vertical-rl;
}

.height-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gap-1 {
	gap: 1rem;
}

.gap-2 {
	gap: 2rem;
}

.wh-1 {
	width: 1rem;
	height: 1rem;
}

.wh-2 {
	width: 2rem;
	height: 2rem;
}

.wh-3 {
	width: 3rem;
	height: 3rem;
}

.rounded-circle {
	border-radius: 50% !important;
}

.light-pill {
	background: #EEF4F8;
	padding: 10px;
	border-radius: 50px;
}

.no-margin {
	margin: 0;
}

.fs-08 {
	font-size: 0.8rem;
}

.w-min-content {
	width: min-content;
}

.spacing-pre {
	white-space: pre;
}

.star {
	width: 24px;
	height: 24px;
	margin-right: 4px;
}

.star:last-child {
	margin-right: 0;
}

.pill-container-outer {
	border: 2px solid #EEF4F8;
	border-radius: 30px;
	min-height: 245px;
}

.pill-container-outer h1 {
	font-size: 3rem;
	font-weight: 600;
}

.pill-container-fill {
	border: 2px solid #EEF4F8;
	border-radius: 30px;
	min-height: 292px;
	background-color: #EEF4F8;
}

.progress-container {
	font-family: Arial, sans-serif;
}

.progress-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.label,
.percentage {
	font-size: 14px;
	color: #555;
}

.progress-fill label {
	margin-bottom: 0 !important;
}

.progress-bar {
	height: 8px;
	background-color: #e0e0e0;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.progress-fill {
	height: 100%;
	width: 0;
	transition: width 2s ease-out;
	border-radius: 50px;
}

.quantity {
	font-size: 20px;
	color: #191E54;
	opacity: 0;
	transition: opacity 1.5s ease-in;
}

.card-container {
	border-radius: 15px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	background-color: #f5f9fc;
}

.card-header-custom {
	font-weight: bold;
	font-size: 1rem;
	color: #232d60;
}

.item-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2px 6px;
	background-color: #fff;
	border-radius: 50px;
	margin-bottom: 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.item-icon {
	width: 40px;
	height: 40px;
	background-color: #f5f9fc;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	font-size: 1.2rem;
}

.item-label {
	font-weight: bold;
	color: #232d60;
}

.item-value {
	font-size: 1rem;
	font-weight: bold;
	color: #232d60;
}

.item-percentage {
	background-color: #e7efff;
	padding: 5px 10px;
	border-radius: 15px;
	font-size: 0.9rem;
	font-weight: bold;
	color: #232d60;
}

.bold-progress-bar {
	flex: 1;
	height: 50px;
	background-color: #e0e0e0;
	border-radius: 50px;
	overflow: hidden;
	position: relative;

}

.specialty {
	background-color: #fff;
	flex: 1;
	margin: 5px;
	padding: 10px;
	border-radius: 30px;
	min-height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 40%;
}

.d-grid {
	display: grid;
}

.higher {
	background-color: #2B56ED;
	color: white;
}

.progress-item-v {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
	flex: 1;
}

.progress-item-v .bold-progress-bar {
	flex: 1;
	width: 44px;
	height: 150px;
	background-color: #e0e0e0;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}

.progress-item-v .progress-fill {
	height: 0;
	width: 110%;
	transition: height 2s ease-out;
	border-radius: 30px;
}

@media screen and (max-width: 431px) {
	.pill-header {
		flex: 1;
		min-width: 100%;
	}

	.w-min-content {
		width: unset;
	}

	.pill-container-outer h1 {
		font-size: 1.5rem;
	}

	.pill-container-outer h4 {
		font-size: 1.3rem;
	}

	.pill-container-outer h5 {
		font-size: 1.1rem;
	}

	.pill-container-outer h6 {
		font-size: 1rem;
	}
}

@media screen and (min-width: 1400px) {
	.pill-container-outer h1 {
		font-size: 4rem;
		font-weight: 600;
	}
}

.increased {
	background-color: #28e988;
	width: fit-content;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	font-weight: 600;
	color: #4b4b4b;
	font-size: 16px;
}

.decreased {
	background-color: #e92828;
	width: fit-content;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	font-weight: 600;
	color: #f3f1f1;
	font-size: 16px;
}

.same {
	background-color: #e9df28;
	width: fit-content;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	font-weight: 600;
	color: #1d1d1d;
	font-size: 16px;
}

.text-ellipsis {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#confetti-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    pointer-events: none; /* Esto permite que los clicks pasen a través del canvas */
}

.alert-success.gradient-alert {
    background: linear-gradient(135deg, #2b2d6d 0%, #6180b9 100%);
    border: none;
    color: white;
    font-size: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

.alert-success.gradient-alert p {
    color: white;
    margin-bottom: 0;
}

.alert-success.gradient-alert .btn-primary {
    background: white;
    color: #2bb3ed;
    border: none;
}

.alert-success.gradient-alert .btn-primary:hover {
    background: rgba(255, 255, 255, 0.9);
}


#confetti-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    pointer-events: none;
}


.alert-success.gradient-alert p {
    color: white;
    margin-bottom: 0;
}

.alert-success.gradient-alert .btn-primary {
    background: white;
    color: #2bb3ed;
    border: none;
}

.alert-success.gradient-alert .btn-primary:hover {
    background: rgba(255, 255, 255, 0.9);
}

@media (max-width: 768px) {
    .alert-text-desktop {
        display: none;
    }
}

@media (min-width: 769px) {
    .alert-text-desktop {
        display: inline;
    }
}

.alert-success.gradient-alert .close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: white;
    opacity: 0.8;
    text-shadow: none;
    cursor: pointer;
}

.alert-success.gradient-alert .close:hover {
    opacity: 1;
}

#formCalendar .table td {
	vertical-align: middle;
}

.kt-user-card-v2__details .kt-badge {
	line-height: 1;
}

.deceased img, .deceased .kt-avatar__holder {
	filter: grayscale(1);
}

.btn-check {
	position: relative;
}

.btn-check:has(input:checked) {
	color: #fff;
	background-color: #5867dd;
	box-shadow: 0px 0px 10px 5px #ccc;
}

.btn-check .check {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	left: 10px;
}

.btn-check input:checked+.check {
	display: block;
}
#history .kt-notes__item {
	padding-bottom: 16px;
	margin-top: 2px;
}

#history .kt-notes .kt-notes__items .kt-notes__item .kt-notes__content:after {
	left: 8px;
}

.table-internal tr:first-child td { border-top: none; }
.table-internal tr:last-child td  { border-bottom: none; }
.table-internal td:first-child, th:first-child { border-left: none; }
.table-internal td:last-child,  th:last-child  { border-right: none; }

.tagify--count, .tagify--count-roman {
	counter-reset: item;
}

.tagify--count tag, .tagify--count-roman tag {
	counter-increment: item;
}

.tagify--count .tagify__tag-text::before {
	content: counter(item) ". ";
	display: inline;
}

.tagify--count-roman .tagify__tag-text::before {
	content: counter(item, upper-roman) ". ";
	display: inline;
}