.scale127 {
	transform: scale(1.27);
}

.imgChildSize {
	max-width: 15%;
}

.td-primary {
	background-color: #900aef;
}
.td-secondary {
	background-color: #6c757d;
}

.td-danger {
	background-color: #dc3545;
}

.td-light {
	background-color: #fff;
}

.chartcontanier canvas {
/* 	position: absolute;
 */	left: 0;
	top: 0;
	max-height: 44vh;
}

.catalog{
	position: relative;
	transition: 1.27s all ease-in-out;
	left: 0px;
}

.catalog.selected{
	transform: scale(0.1);
	transition: 1.27s all ease-in-out;
	opacity: 0;
	pointer-events: none;
	left: -1010px;
}

.filterCat{
	position: relative;
	transition: 1.27s all ease-in-out;
	left: 0px;
}

.filterCat.serviceSelected{
	transform: scale(0.1);
	transition: 1.27s all ease-in-out;
	opacity: 0;
	pointer-events: none;
	left: -1010px;
}
.pricing-selector{
	transform: scale(1);
}
.catalog .d-flex{
	min-width: 357px;
	max-width: 357px;
}
.pricing .d-flex{
	min-width: 342px;
	max-width: 342px;
}

.catalog .d-flex .card{
	max-width: 327px;
	min-width: 327px;
}
.pricing .d-flex .card{
    min-width: 327px;
    max-width: 327px;
}

.pricing > .card-row{
	align-items: center;
	justify-content: center;
}

.card-row {
    flex-direction: row;
    }

.servicePricing{
	position: relative;
	transform: scale(0.1);
	transition: 1.27s all ease-in-out;
	opacity: 0;
	pointer-events: none;
	left: -1010px;
}

.servicePricing.selected{
	transform: scale(1);
	transition: 1.27s all ease-in-out;
	opacity: 1;
	pointer-events: all;
	left: 0px;
}

.months .card{
	transform: scale(1);
    transition: 1.27s all ease-in-out;
    opacity: 1;
    pointer-events: all;
    left: 0px;
}


.months.selected .card{
	transform: scale(1.12);
    transition: 1.27s all ease-in-out;
    opacity: 1;
    pointer-events: all;
    left: 0px;
	z-index: 77;
	
}

@media screen and (max-width: 1200px){
	.months.selected .card{
		transform: scale(1);
		transition: 1.27s all ease-in-out;
		opacity: 1;
		pointer-events: all;
		left: 0px;
		z-index: 77;
	}
}
.savings{
	opacity: 0;
	transition: 1.27s all ease-in-out;
    left: -1010px;
}

.savings.shown{
	opacity: 1;
    transition: 1.27s all ease-in-out;
    left: 0px;
}

@media  screen and (max-width: 567px) {
	div:where(.swal2-container).swal2-center>.swal2-popup {
		grid-column: initial;
		grid-row: 2;
		align-self: center;
		justify-self: center;
	}
	
	.swal2-show {
		animation: swal2-show .3s;
		width: 100vw;
		POSITION: RELATIVE;
		LEFT: -10px;
	}	
	
}

.swal2-actions{
	flex-direction: row-reverse;
}

code{
	border-radius: 3px;
	white-space: pre-wrap;
	border: 1px solid #ccc;
	padding: 4px;
	/* background: whitesmoke; */
	display: block;
	color: #333;
}

code.inline{
	user-select: all;
	white-space: pre-wrap;
	border: 1px solid #ccc;
	padding: 4px;
	/* background: whitesmoke; */
	display: inline;
	color: #333;
}