em{
	display: none;
}

.onlyOnMobile{
	display: none;
}

.bold{
	font-weight: bold;
}
.barre{
	text-decoration: line-through;
}

.fc-white{
	color:white;
}
.btn .fc-white,
.btn:hover .fc-white,
.fc-white:hover{
	color:white;
}

.select2-container--classic .select2-selection--single{
	height: 38px!important;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow{
	height: 36px!important;
}

.custom-select{
	height: calc(2.25rem);
}

.alert .fa{
	padding-right: 5px;
}

.dateDepot{
	width:15%;
	flex-wrap: nowrap;
}

td.separateur{
	height: 3px;
	background-color: #ddd;
	padding: 0px;

}

.pointer{
	cursor: pointer;
}


/* .nouveau .small-box-footer,*/
.nouveau
{
	background-color:#ffe815!important;
	color: #333552!important;
}

.nouvelle{
	background-color:#e0d9d9!important;
	color: #333552!important;
}

.collecte{
	background-color:#8df5b7!important;
	color: #333552!important;
}

.impossible{
	background-color: rgb(238, 95, 12)!important;
	color: #333552!important;
}

.encours{
	background-color: rgb(208, 230, 14)!important;
	color: #333552!important;
}
.constateEtCollecte{
	background-color: #dc3545!important;
	color: #333552!important;
}
.mesDemandes{
	background-color: #dc3591!important;
	color: #333552!important;
}

.constatationAuTotal{
	background-color: #17a2b8!important;
	color: #333552!important;
}


.couleurOuvrir{
	background-color: #969191;
	border-color: #969191;
}
.couleurOuvrir:hover{
	background-color: #969191;
	border-color: #969191;
}

.wp100{
	width:100%;
}

.genres_mobile{
	font-size: 12px;
}

.icon img{
	width:15%;
	opacity: 0.15;
	position: absolute;
    top: 15px;
    right: 0;
	/*transition: <property> <duration> <timing-function> <delay>;*/
	-webkit-transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: ease-out;
}
.small-box:hover .icon img{
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.input-group>.input-group-append:not(:last-child)>.btn{
	border-top-right-radius: 0.25rem; 
    border-bottom-right-radius: 0.25rem;
	border: 1px solid #ced4da;
}

@media screen and (max-width: 1024px) {

	.hideOnMobile{
		display: none!important;
	}
	.onlyOnMobile{
		display: block!important;
	}
	.card-header>.card-tools{
		float: none;
	}

	.card-body>.table>thead>tr>td, 
	.card-body>.table>thead>tr>th{
		display: block;
		width: 100%;
	}

	.dateDepot{
		width:100%;
	}

	h3.card-title{
		font-size: 1.5rem;
		margin-bottom: 10px;
	}
	#zoneRechercher{
		width: 100%!important;	
		margin-top: 5px;
		margin-bottom: 5px;
	}
	#rechercher{
		font-size: 1.5rem;
		width: 80%;
	}
	#zoneRechercher .input-group-append{
		width: 20%;
	}

	.col-6{
		width:100%;
		flex: 0 0 100%;
    	max-width: 100%;
	}
	
	legend{
		font-size: 1rem;
	}

	.select2-container{
		max-width: 320px;
	}

	.controlsGenres{
		position:relative!important;
	}
	.controlsQuartier{
		position:relative!important;
	}
	
	
}

@media (max-width: 767.98px){
	.small-box .icon {
		display: block!important;
	}
}