/* html, body {
	height: 100%;
} */
/* Space out content a bit */
body {
	background-color:#FFF;
	overscroll-behavior-y: contain;
}

/* Custom page footer */
.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
}

.footer .container p {
	padding-top: 1rem;
	color: #777;
	border-top: .05rem solid #e5e5e5;
}

/* Customize container */
@media (min-width: 48em) {
	.container {
	max-width: 46rem;
	}
}
.container-narrow > hr {
	margin: 2rem 0;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 48em) {
	/* Remove the padding we set earlier */
	.header,
	.marketing,
	.footer {
	padding-right: 0;
	padding-left: 0;
	}
	/* Space out the masthead */
	.header {
	margin-bottom: 2rem;
	}
	/* Remove the bottom border on the jumbotron for visual effect */
	.jumbotron {
	border-bottom: 0;
	}
}


@media (min-width: 576px) {
	.border-l-sm-0 {
		border-left:0;
	}	
	.pb-md-0 {
		padding-bottom: 0!important;
	}
}
@media (min-width: 768px) {
	.jumbotron h1 {
		font-size : 80px !important;
	}
	.border-l-sm-0 {
		border-left: 1px solid;
	}
}

canvas {
	background-color: transparent; 
	width: 100%;
	height: auto;
}

a.noline:hover
{
	text-decoration: none !important;
}

.loader {
	border: 1.7rem solid rgba(255,255,255,0.5);
	border-top: 1.7rem solid #AAA;
	border-radius: 50%;
	width: 7rem;
	height: 7rem;
	animation: spin 1.3s ease-in-out infinite;
	position: fixed;
	top:50%;
	left:50%;
	margin-left: -3.5rem;
	margin-top: -3.5rem;
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.3), 0px 0px 10px 0px rgba(0,0,0,0.3);
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.overlay {
	/*display: none;*/
	top:0;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	background-color: #FFF;
	background-color: rgba(255,255,255,.7);
	z-index : 3;
}

/* .btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus
{
	outline: none !important;
	box-shadow: none;
} */

.jumbotron {
	color: #FFF;
	margin-bottom: 0;
	background-size: cover;
	background-position: center;
}
.jumbotron h1
{
	margin-bottom: 0;
	font: normal 60px/1 "Fredoka One", Helvetica, sans-serif;
	font-weight: 400;
}
/*rgba(91,192,222,0.3)*/

.mainContent
{
	background-color: #FFF;
	position: relative;
}

.row-header
{
	font-weight: bold;
	color: #333;
}

.row-bordered > div
{
	border-left: 1px solid #CCC;
}
.row-bordered > div:first-of-type
{
	border-left: 0;
}

.row-bordered img
{
	vertical-align: text-bottom;
}

.semaine
{
	display: none;
}

.dataField
{
	color:#333;
}

header
{
	background-color: #666;
	z-index: 1;
	border-top: 4px solid #FFF;
	font-size: .85rem;
	position: relative;
}
header, header .dataField, header .fa-medkit
{
	color: #FFF;
}

header .btn-light
{
	color:#666;
}

header::after {
	border-top: 14px solid #666;
	border-left: 18px solid rgba(0, 0, 0, 0);
	border-right: 18px solid rgba(0, 0, 0, 0);
	content: "";
	display: inline-block;
	bottom:-13px;
	left:50%;
	margin-left: -18px;
	position: absolute;
}

.stats .row-bordered
{
	text-align: center;
}
.stats .row-bordered:first-child
{
	text-align: center;
}
.stats .row-header
{
	text-align: center;
}

.globale .row
{
	margin-left: 0;
	margin-right: 0;
}

.globale .col 
{
	border:  1px solid #CCC;
}

.border-colored
{
	border-color: #999;
}
.text-white, .text-white span
{
	color: #FFF;
}

.form
{
	display: none;
}

.btn.active.focus,.btn.active, .btn.active:focus, .btn.focus:active, .btn:active:focus
{
	box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.3);
}

.btn-group.btn-group-block {
	display: flex;
}

.btn-group-block .btn {
	flex: 1
}

input[type=checkbox]+label
{
	padding-left: .25rem;
}

input[type=checkbox]+label:before{
	background-color: #FFF;
	border: 1px solid #ced4da;
}

input[type=checkbox]+label:before,
input[type=checkbox]+label:after
{
	width: 1.5rem;
	height: 1.5rem;
	top:0;
}

input[type=checkbox].custom-control-input.ignore.is-valid~.custom-control-label,
.was-validated input[type=checkbox].custom-control-input.ignore:valid~.custom-control-label {
	color: inherit;
}

input[type=checkbox].custom-control-input.ignore.is-valid~.custom-control-label::before,
.was-validated input[type=checkbox].custom-control-input.ignore:valid~.custom-control-label::before {
	background-color: #FFF;
}

input[type=checkbox]:checked.custom-control-input.ignore.is-valid~.custom-control-label::before,
.was-validated input[type=checkbox]:checked.custom-control-input.ignore:valid~.custom-control-label::before {
	background-color: #666;
}

.modifier_repas .template
{
	display: none;
}

.modifier_repas a
{
	text-decoration: underline;
}