/* Add here all your CSS customizations */
@media (max-width: 767px) {
	.visible-xs {
		display: block !important;
	}
	table.visible-xs {
		display: table !important;
	}
	tr.visible-xs {
		display: table-row !important;
	}
	th.visible-xs,
	td.visible-xs {
		display: table-cell !important;
	}
}
@media (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md {
		display: none !important;
	}
}
@media (min-width: 1200px) {
	.hidden-lg {
		display: none !important;
	}
}

.btn-die {
	pointer-events: none;
}

.krs-footer {
	position : fixed;
	left : 0;
	right : 0;
	bottom : 0;
}

.krs-label-foto {
	font-weight: bold;
	font-size : 90px;
}


.blink-alert {
	padding: 20px;
	border-radius: 8px;
	font-weight: bold;
	text-align: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	animation: blink 1s infinite;
}

.blink-alert-danger {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

.blink-alert-warning {
	background-color: #fff3cd;
	color: #856404;
	border: 1px solid #ffeaa7;
}

.blink-alert-success {
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0.5; }
	100% { opacity: 1; }
}