html
{
	min-height: 100%;
}

body
{
	min-height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100;Grey+3D+%232 */
	background: #606c88; /* Old browsers */
	background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
}

.form-control
{
	padding: 5px;
}

.form
{
	width: 75%;

}

.contenu
{
	background-color: white;
	margin: 0px 20px 20px 20px;
	min-height: 50%;
	/*padding: 20px 20px 20px 20px;*/
	/*border-radius: 5px;
	box-shadow: 5px 5px 12px #555;*/
	padding: 0rem !important;
}

.container
{
	max-width: 90%;
}

.page-formulaire
{
	background-color: white;
	margin: 10px;
	padding: 10px;
}

.maintenance_forfait
{
	background-color: #A57E5E;
	z-index: 0;
	padding: 0;
}

.maintenance_inclus-loyer
{
	background-color: #6487a8;
	z-index: 0;
	padding: 0;
}

.maintenance_forfait table
{
	background-color: white;
}

.maintenance_inclus-loyer table
{
	background-color: white;
}

.obligatoire
{
	background-color: #fff1f1;
}

.sticky
{
	position: fixed;
	bottom: 15;
	width: 30%;
	height: 30px;
	background-color: #ebedef; 
	border-radius: 50px;
	padding: 0 10px;
	margin-left: 32%;
	/*margin-right: 50%;*/
	z-index: 10;
}

.input-group-text
{
	padding-left: .30rem !important;
	padding-right: .30rem !important;
}

.loading
{
	z-index: 9;
	height: 100%;
	width: 100%;

	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	position: fixed;
	
}

.loading-zone
{
	position: fixed;

	right: 25%;
	left: 25%;

	margin-top: 15%;
	text-align: center;

	padding: 25px;

	@import url('https://fonts.googleapis.com/css?family=Karla');
	font-family: 'Karla', sans-serif;

	background: rgba(237, 236, 236, 0.75);
	border-radius: 5px;
}

.message-erreur
{
	color: red;
}
.message-valid
{
	color: green;
}

.pointeur
{
	cursor: pointer;
}


/* Affichage des erreurs sur les champs */
.tippy-tooltip.error-theme {
	background-color: rgb(224, 107, 87);
	color: rgb(255, 255, 255);
}

.tippy-tooltip.error-theme[data-placement^='top'] .tippy-arrow {
	border-top-color: rgb(224, 107, 87);
  }
  .tippy-tooltip.error-theme[data-placement^='bottom'] .tippy-arrow {
	border-bottom-color: rgb(224, 107, 87);
  }
  .tippy-tooltip.error-theme[data-placement^='left'] .tippy-arrow {
	border-left-color: rgb(224, 107, 87);
  }
  .tippy-tooltip.error-theme[data-placement^='right'] .tippy-arrow {
	border-right-color: rgb(224, 107, 87);
  }

.type-dossier
{
	padding-left: 1.25rem !important ;
}

.type-dossier-animation
{
	box-shadow: 0 0 0 0 rgba(0,0,0,0,1);
	transform: scale(1);
	animation: pulse 3s infinite;
}

@keyframes pulse {
	0% {
		/* transform: scale(0.95); */
		box-shadow: 0 0 0 0 rgb(238, 95, 12);
		background-color:rgb(238, 95, 12);
	}

	30% {
		/* transform: scale(1); */
		box-shadow: 0 0 0 10px rgba(255, 134, 134, 0);
		background-color:rgba(238, 148, 12, 0);
	}

	50% {
		/* transform: scale(1.05); */
		box-shadow: 0 0 0 10px rgba(255, 134, 134, 0);
	}

	70% {
		/* transform: scale(1); */
		box-shadow: 0 0 0 10px rgba(255, 134, 134, 0);
	}

	100% {
		/* transform: scale(0.95); */
		box-shadow: 0 0 0 0 rgba(255, 134, 134, 0);
	}
}


.type_folder div div{
	padding-left: 5px;
}

/* Réduire la taille de la case du signe € si le label est sur deux lignes */
.input-group-text
{
	max-height: 38px;
}

/* Centrer le input si le label est sur deux lignes */
.form-group
{
	display: flex;
}
.input-group
{
	align-self: center;
}

.form-group {
	margin-bottom: 0.2rem;
}

/* Réduire la taille des checkbox */
table tr td input[type="checkbox"] {
	width: 20px;
	margin: 0 auto;
}