.modal#statusSuccessModal .modal-content,
.modal#statusErrorsModal .modal-content {
	border-radius: 30px;
}

.modal#statusSuccessModal .modal-content svg,
.modal#statusErrorsModal .modal-content svg {
	width: 100px;
	display: block;
	margin: 0 auto;
}

.modal#statusSuccessModal .modal-content .path,
.modal#statusErrorsModal .modal-content .path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
}

.modal#statusSuccessModal .modal-content .path.circle,
.modal#statusErrorsModal .modal-content .path.circle {
	-webkit-animation: dash 0.9s ease-in-out;
	animation: dash 0.9s ease-in-out;
}

.modal#statusSuccessModal .modal-content .path.line,
.modal#statusErrorsModal .modal-content .path.line {
	stroke-dashoffset: 1000;
	-webkit-animation: dash 0.95s 0.35s ease-in-out forwards;
	animation: dash 0.95s 0.35s ease-in-out forwards;
}

.modal#statusSuccessModal .modal-content .path.check,
.modal#statusErrorsModal .modal-content .path.check {
	stroke-dashoffset: -100;
	-webkit-animation: dash-check 0.95s 0.35s ease-in-out forwards;
	animation: dash-check 0.95s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash {
	0% {
		stroke-dashoffset: 1000;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 1000;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dashoffset: 1000;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 1000;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@-webkit-keyframes dash-check {
	0% {
		stroke-dashoffset: -100;
	}

	100% {
		stroke-dashoffset: 900;
	}
}

@keyframes dash-check {
	0% {
		stroke-dashoffset: -100;
	}

	100% {
		stroke-dashoffset: 900;
	}
}

.box00 {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}


svg.patternlock g.lock-dots circle {
	stroke: transparent;
	fill: black;
	stroke-width: 13.5;
}

svg.patternlock g.lock-actives circle {
	fill: black;
	opacity: .2;
	animation: lock-activate-dot .15s 0s ease 1;
	transform-origin: center;
}

svg.patternlock g.lock-lines line {
	stroke-width: 1.5;
	stroke-linecap: round;
}

svg.patternlock.success g.lock-actives circle {
	fill: green;
}

svg.patternlock.error g.lock-actives circle {
	fill: red;
}

@keyframes lock-activate-dot {
	0% {
		transform: scale(0);
	}

	75% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1.0);
	}
}
.modal-content {
	background-color: var(--bs-primary) !important;
	padding-right: .25rem !important;
    padding-left: .25rem !important;
    padding-bottom: .25rem !important;
}
.modal-content.modal-danger {
	background-color: var(--bs-danger) !important;
}
.modal-header{
	color: white !important;
}
.modal-body, .modal-footer{
	background-color: var(--bs-body-bg) !important;
}
.btn-close {
    --bs-btn-close-color: white !important;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    color: var(--bs-btn-close-color) !important;
}