.contu {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.rowu,
.rowua {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.rowu > *,
.rowua > * {
	width: 100%;
	max-width: 100%;
	padding-right: 15px;
	padding-left: 15px;	
}

.colu {
	flex: 1 0 0%;
}

.colu-auto {
	flex: 0 0 auto;
	width: auto;
}

.colu-fit {
	flex: 0 1 fit-content;
	max-width: fit-content;
	width: auto;
}

.colu-eq {
	flex: 1 0 0%;
	width: 100%;
	max-width: 100%;
}

.colua {
	flex: 0 0 auto;
	width: 100%;
}

.rowua > * {
	flex: 0 0 auto;
}


.formu-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-family: inherit;
}


.cxs-1, .xs-1 > *,
.cxs-2, .xs-2 > * { flex: 0 0 auto !important; }
.cxs-1, .xs-1 > * { width: 100% !important; }
.cxs-2, .xs-2 > * { width: 50% !important; }

@media (min-width: 576px) 
{ 
	.csm-1, .sm-1 > *,
	.csm-2, .sm-2 > *,
	.csm-3, .sm-3 > *,
	.csm-4, .sm-4 > *,	
	.csm-5, .sm-5 > *,
	.csm-6, .sm-6 > * { flex: 0 0 auto !important; }
	.csm-1, .sm-1 > * { width: 100% !important; }
	.csm-2, .sm-2 > * { width: 50% !important; }
	.csm-3, .sm-3 > * { width: 33.333333% !important; }
	.csm-4, .sm-4 > * { width: 25% !important; }
	.csm-5, .sm-5 > * { width: 20% !important; }
	.csm-6, .sm-6 > * { width: 16.666667% !important; }	
}
@media (min-width: 768px) 
{ 
	.cmd-1, .md-1 > *,
	.cmd-2, .md-2 > *,
	.cmd-3, .md-3 > *,
	.cmd-4, .md-4 > *,	
	.cmd-5, .md-5 > *,
	.cmd-6, .md-6 > * { flex: 0 0 auto !important; }
	.cmd-1, .md-1 > * { width: 100% !important; }
	.cmd-2, .md-2 > * { width: 50% !important; }
	.cmd-3, .md-3 > * { width: 33.333333% !important; }
	.cmd-4, .md-4 > * { width: 25% !important; }
	.cmd-5, .md-5 > * { width: 20% !important; }
	.cmd-6, .md-6 > * { width: 16.666667% !important; }	
}
@media (min-width: 992px) 
{ 
	.clg-1, .lg-1 > *,
	.clg-2, .lg-2 > *,
	.clg-3, .lg-3 > *,
	.clg-4, .lg-4 > *,	
	.clg-5, .lg-5 > *,
	.clg-6, .lg-6 > * { flex: 0 0 auto !important; }
	.clg-1, .lg-1 > * { width: 100% !important; }
	.clg-2, .lg-2 > * { width: 50% !important; }
	.clg-3, .lg-3 > * { width: 33.333333% !important; }
	.clg-4, .lg-4 > * { width: 25% !important; }	
	.clg-5, .lg-5 > * { width: 20% !important; }
	.clg-6, .lg-6 > * { width: 16.666667% !important; }		
}
@media (min-width: 1200px) 
{ 
	.cxl-1, .xl-1 > *,
	.cxl-2, .xl-2 > *,
	.cxl-3, .xl-3 > *,
	.cxl-4, .xl-4 > *,	
	.cxl-5, .xl-5 > *,
	.cxl-6, .xl-6 > * { flex: 0 0 auto !important; }
	.cxl-1, .xl-1 > * { width: 100% !important; }
	.cxl-2, .xl-2 > * { width: 50% !important; }
	.cxl-3, .xl-3 > * { width: 33.333333% !important; }
	.cxl-4, .xl-4 > * { width: 25% !important; }	
	.cxl-5, .xl-5 > * { width: 20% !important; }
	.cxl-6, .xl-6 > * { width: 16.666667% !important; }	
}


.x0 { margin-right: 0px; margin-left: 0px; }
.x0 > * { padding-right: 0px; padding-left: 0px; }
.x5 { margin-right: -2.5px; margin-left: -2.5px; }
.x5 > * { padding-right: 2.5px; padding-left: 2.5px; }
.x10 { margin-right: -5px; margin-left: -5px; }
.x10 > * { padding-right: 5px; padding-left: 5px; }
.x15 { margin-right: -7.5px; margin-left: -7.5px; }
.x15 > * { padding-right: 7.5px; padding-left: 7.5px; }
.x20 { margin-right: -10px; margin-left: -10px; }
.x20 > * { padding-right: 10px; padding-left: 10px; }
.x25 { margin-right: -12.5px; margin-left: -12.5px; }
.x25 > * { padding-right: 12.5px; padding-left: 12.5px; }
.x30 { margin-right: -15px; margin-left: -15px; }
.x30 > * { padding-right: 15px; padding-left: 15px; }
.x35 { margin-right: -17.5px; margin-left: -17.5px; }
.x35 > * { padding-right: 17.5px; padding-left: 17.5px; }
.x40 { margin-right: -20px; margin-left: -20px; }
.x40 > * { padding-right: 20px; padding-left: 20px; }
.x45 { margin-right: -22.5px; margin-left: -22.5px; }
.x45 > * { padding-right: 22.5px; padding-left: 22.5px; }
.x50 { margin-right: -25px; margin-left: -25px; }
.x50 > * { padding-right: 25px; padding-left: 25px; }
.x55 { margin-right: -27.5px; margin-left: -27.5px; }
.x55 > * { padding-right: 27.5px; padding-left: 27.5px; }
.x60 { margin-right: -30px; margin-left: -30px; }
.x60 > * { padding-right: 30px; padding-left: 30px; }
.x65 { margin-right: -32.5px; margin-left: -32.5px; }
.x65 > * { padding-right: 32.5px; padding-left: 32.5px; }
.x70 { margin-right: -35px; margin-left: -35px; }
.x70 > * { padding-right: 35px; padding-left: 35px; }

.y0 { margin-top: 0px; }	
.y0 > * { margin-top: 0px; }
.y5 { margin-top: -5px; }	
.y5 > * { margin-top: 5px; }
.y10 { margin-top: -10px; }	
.y10 > * { margin-top: 10px; }
.y15 { margin-top: -15px; }	
.y15 > * { margin-top: 15px; }
.y20 { margin-top: -20px; }	
.y20 > * { margin-top: 20px; }
.y25 { margin-top: -25px; }	
.y25 > * { margin-top: 25px; }
.y30 { margin-top: -30px; }	
.y30 > * { margin-top: 30px; }
.y35 { margin-top: -35px; }	
.y35 > * { margin-top: 35px; }
.y40 { margin-top: -40px; }	
.y40 > * { margin-top: 40px; }
.y45 { margin-top: -45px; }	
.y45 > * { margin-top: 45px; }
.y50 { margin-top: -50px; }	
.y50 > * { margin-top: 50px; }
.y55 { margin-top: -55px; }	
.y55 > * { margin-top: 55px; }
.y60 { margin-top: -60px; }	
.y60 > * { margin-top: 60px; }
.y65 { margin-top: -65px; }	
.y65 > * { margin-top: 65px; }
.y70 { margin-top: -70px; }	
.y70 > * { margin-top: 70px; }


@media (min-width: 576px) {
	.contu-def { max-width: 540px; }
}
@media (min-width: 768px) {
	.contu-def { max-width: 720px; }
}
@media (min-width: 992px) {
	.contu-def { max-width: 960px; }
}
@media (min-width: 1200px) {
	.contu-def { max-width: 1140px; }
}

