/****************** Général : Début ******************/

#tableau_emargement .odd {background-color: #F9F9F9;}
#tableau_emargement .sorting_1 {background-color: #F9F9F9;}


/*Elements DOM : Début*/
.img_responsive {
	max-width: 100%;
}
/*Elements DOM : Fin*/


/*Page : Début*/
.titre_page
{
	color:#FFFFFF;
	border: 1px solid black;
	padding: 5px 10px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
}

.box1 {
	padding: 20px;
	background: #fff;
	border: 1px solid #4a4b4d;
	border-bottom-right-radius: 8px;
	margin: 0 5px;
}

.box2 {
	padding: 30px 0 15px;
	background: #fff;
	border: 1px solid #4a4b4d;
	border-bottom-right-radius: 8px;
	margin: 0 5px;
}
.single-job input[type=button]
{
	cursor: pointer;
}
/*Page : Fin*/


/*Tableau : Début*/

.titre_tableau
{
	border: 1px solid black;
	background-color: #F0F0F0;
	padding: 5px 0;
	margin-bottom:30px;
}

.titre_tableau .partie1
{
	text-align: left;
}

.titre_tableau .partie2
{
	text-align: left;
}

.sous_titre_tableau
{
font-size:15px;font-weight:normal;margin:0 0 15px 0;background:#EEEEEE;border:1px solid #616161;padding:5px 10px;color:#000000;
}

.titre_colonne{font-weight: bold;}

.colonne_partie_droite
{
	margin-top:40px;
	border-top:1px solid black;
	padding-top: 20px;
}

.colonne_texte_gauche{text-align: left;}
.colonne_texte_droite{text-align: left;}


.ligneEntete
{
	background: rgb(185, 204, 247);
	padding:20px 5px;
}

.ligneSousEntete
{
	background: rgb(208, 224, 253);
	padding:20px 5px;
}

.ligneSousSousEntete
{
	background: rgb(220, 229, 253);
	padding:20px 5px;
}

.lignePaire
{
	background: rgb(247, 247, 247);
	padding:20px 5px;
}

.ligneImPaire
{
	background: rgb(240, 240, 241);
	padding:20px 5px;
}

/*Tableau : Fin*/


/*Date Range Picker : Début*/
.plage_horaire
{
	width: 250px;
	padding-left: 5px;
	border: 1px solid #BBB;
	margin:0 auto;
}

.plage_horaire_single
{
	width: 130px;
	padding-left: 5px;
	border: 1px solid #BBB;
}

/*Date Range Picker : Fin*/


/*** Modal Bootstrap : Début ***/
.modal .close {
	color: #fff;
    border: 1px solid #fff;
	border-radius: 100px;
    width: 40px;
    margin: 0 0 0 auto;
    font-size: 30px;
    line-height: 29px;
	padding: 2px 8px 8px 9px;
}

.modal-header{
	background:#0866c6;
	border-bottom:0;
	padding:.55rem;
}
.modal-header h5.modal-title {
	font-size: 1rem;
	margin-top: 0.5rem;
	margin-left: 0.5rem;
	color:#fff;
}

.modal-body .title{
	color: #061c39;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
}

#modal-offres-emploi-phases .modal-body .table-responsive {
	max-height: calc(100vh - 16rem);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
/*** Modal Bootstrap : Fin ***/


#header h1 small
{
	color:#FFFFFF;
}

#page_offline #header h1 small
{
	color:#ffffff !important;
}

#page_offline #header
{
	background: #222222 !important;
}

/****************** Général : Fin ******************/



/******************************************************** Page d'émargement d'une prestation : Début *******************************************************************/

.emargement_bloc_1
{
	margin-bottom:15px;
}

.deroule_section{margin-top:15px;}
.deroule_section .titre{margin-bottom:5px;font-weight: bold;}
.deroule_phase{margin-bottom:20px;}
.deroule_phase .titre{margin-bottom:20px;font-weight: bold;}

#maj_offline_emargement{
	background: #d9e3f3;
	margin: 10px auto 10px;
	display: block;
	clear:both;}


/*** Select2 Emargement Prestation et  Statut : Début ***/
#block_datetimepicker_emargement{
	/*overflow:hidden;*/
	display: block;
	max-width: 400px;
	margin: 20px auto 50px;
}

#block_datetimepicker_emargement hr{
	width:90px;
	color: #dddddd;
}

#tableau_emargement th{
	background: #d4e1f7;
}

.btn{
	padding: 4px 6px;
	font-size:12px;
}

.btn-absence{
	color: #000000;
	background-color: #9d9fb1;
	border-color: #9d9fb1;
	padding: 4px 6px;
}
.btn-prime{
	color: #000000;
	background-color: #A4D89B;
	border-color: #A4D89B;
}

.btn-presence{
	color: #fff;
	background-color: #d9534f;
	border-color: #d9534f;
	padding: 4px 6px;
}

.colonne_datatablefixed{
    min-width:140px !important;
}

.colonne_datatablefixed2{
	min-width:90px !important;
}

form.form input[type="checkbox"].form-control-checkbox {
	width: 30px;
	height: 30px;
	border: 1px solid #ced4da;
}

/*** Popup Signature Emargement : Début ***/

#popupSignatureEmargement .boutonReinitDate,
#popup-livr-management .boutonReinitDate
{
	width: 1%;display: table-cell;
	white-space: nowrap;
	vertical-align: middle;padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #f1f1ff;
	border: 1px solid #d1d7ff;
	border-radius: 4px;
	cursor:pointer;
}



#popupSignatureEmargement .cadre_signature,
#popup-livr-management .cadre_signature {
	margin: 0 5px;
}


#popupSignatureEmargement .title_signature_emargement,
#popup-livr-management .title_signature_emargement
{
	color: #081f3e;
	font-weight: bold;
	text-transform: uppercase;
	font-size:16px;
	margin:10px 0 0 0;
	text-align: center;
}

#popupSignatureEmargement .titre_horaires,
#popupEmargementListe .titre_horaires,
#popup-livr-management .titre_horaires
{
	font-size:14px;
	margin-top: 10px;
	margin-bottom:5px;
	color:#00224e;
}

#popupSignatureEmargement .btn-action-emargement,
#popup-livr-management .btn-action-emargement
{
    padding: 6px 10px;
    font-size: 12px;
}

#popupSignatureEmargement .bouton_validation,
#popupEmargementListe .bouton_validation,
#popup-livr-management .bouton_validation
{
	background: #3164a6;
	color:#ffffff!important;
	padding:10px;
	border:1px solid #285188;
	text-decoration: none;
	border-radius:10px;
	cursor: pointer;
}
#popupSignatureEmargement .bouton_validation:hover,
#popupEmargementListe .bouton_validation:hover,
#popup-livr-management .bouton_validation:hover
{
	background: #356db5;
	color:#ffffff!important;
	padding:10px;
	border:1px solid #366cb5;
	text-decoration: none;
	border-radius:10px;
	cursor: pointer;
}


#block_datetimepicker_emargement .titre,
.cadre_signature .titre,
.motif_absence .titre{
	margin: 0 auto 8px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color:#000000;
	text-transform: uppercase;
}


#popupSignatureEmargement canvas,
#popup-livr-management canvas
{ border:1px solid #dddddd !important; }



#popupSignatureEmargement .motif_absence,
#popup-livr-management .motif_absence
{
	padding: 20px;
}

#popupSignatureEmargement textarea,
#popup-livr-management textarea
{
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	line-height: 1.5;
	border-radius: 5px;
	border: 1px solid #ccc;
}

/*** Popup Signature Emargement : Fin ***/

#popup-controle .title
{
	color: #081f3e;
	font-weight: bold;
	text-transform: uppercase;
	font-size:16px;
	margin:10px 0 0 0;
	text-align: center;
}

#popup-controle .bouton_validation
{
	background: #3164a6;
	color:#ffffff !important;
	padding:10px;
	border:1px solid #285188;
	text-decoration: none;
	border-radius:10px;
	cursor: pointer;
}

.popup-suivi .title
{
	color: #081f3e;
	font-weight: bold;
	text-transform: uppercase;
	font-size:16px;
	margin:10px 0 0 0;
	text-align: center;
}

.popup-suivi .bouton_validation
{
	background: #3164a6;
	color:#ffffff !important;
	padding:10px;
	border:1px solid #285188;
	text-decoration: none;
	border-radius:10px;
	cursor: pointer;
}

.title_popup
{
	color: #081f3e;
	font-weight: bold;
	text-transform: uppercase;
	font-size:16px;
	margin:10px 0 0 0;
	text-align: center;
}

@media only screen and (min-width: 576px)
{
	.titre_tableau .partie1
	{
		text-align: left;
	}

	.titre_tableau .partie2
	{
		text-align: right;
	}

	.colonne_texte_gauche{text-align: left;}
	.colonne_texte_droite{text-align: right;}
}

@media only screen and (min-width: 768px)
{
	#maj_offline_emargement{float: left;}

    #verrouillage_bloc_prestations_emargement{
        float:left;
    }

	.colonne_partie_droite
	{
		border-left:1px solid black;
		padding-left:15px;
		margin-top:0;
		border-top:0;
		padding-top: 0;
	}
}

@media only screen and (min-width: 992px)
{
	#block_datetimepicker_emargement {
		max-width: 500px;
	}
}

/******************************************************** Page d'émargement d'une prestation : Fin *******************************************************************/








/******************************************************** Page Offres d'emploi : Début *******************************************************************/

.single-job {
	margin: 0 0 20px;
	border: 1px double #a2a2a2;
	border-bottom: 3px solid #bdbdbd;
	border-radius: 6px;
	/*background: #fbfbfb;*/
	background: #FFFFFF;
	text-align: left;
	padding:0 15px;
}

.single-job.planifie {
	border: 1.6px double #88a7d6;
	border-bottom: 5px solid #0866c6;
	/*background: #f5f5ff;*/
	background: #FFFFFF;
}

.single-job.cale{
	border: 1.6px double #8dd688;
	border-bottom: 5px solid #25860d;
	/*background: #f0fbf4;*/
}

.single-job.reserve
{
	border: 1.6px double #a9403e;
	border-bottom: 5px solid #a9403e;
}

.single-job .titre {
	color: #000000;
	font-weight: bold;
	font-size: 20px;
}

.single-job .je_postule{
	font-size:30px;
	color: #a2a2a2;
}

.single-job.planifie .je_postule {
	color:#0866c6;
}

.single-job .prestation{
	padding:5px 0;
	line-height: 22px;
	color:#555555;
}


.single-job .description{
	padding:5px 0;
	line-height: 22px;
}

.single-job .besoins_restants{
	padding:5px 0;
	line-height: 22px;
	color:#888888;
}

.single-job .footer
{
	display: block;
}

.single-job .footer li
{
	display: block;
	margin-right: 3px!important;
	margin-bottom: 4px!important;
	color: #101010;
}
/******************************************************** Page Offres d'emploi : Fin *******************************************************************/

.avatar {
    min-width: 50px;
    min-height: 50px;
    vertical-align: middle;
    border:1px solid silver;
    border-radius: 50%;
}

.add-btn {
	cursor: pointer;
	position: fixed;
	right: 10px;
	bottom: 15px;
	display: block;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	background-color: rgb(7, 101, 196);
	color: #fff;
}

/* ADMINLTE */
ul { list-style: none; padding:0; margin:0; }

.btn-primary {
    background-color: #0866c6;
    border-color: #0866c6;
}
.btn-outline-primary {
	color:#0866c6;
    border-color: #0866c6;
}
.btn-secondary {
    background-color: #e1e3e4;
    color: #000 !important;
    border: 1px solid #cfd7df;
    transition: .1s ease-in;
    min-width: 32px;
}
.es-heading {
    background: #fff;
    color: #393939;
    font-size: 11px;
    margin-bottom: 10px;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: 0.25rem;
}
.es-heading-bloc {
    padding: 10px 15px 15px 15px;
}
.es-heading h3 {
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom:3px;
    margin-left:-3px;
    color: #0866C6;
    font-weight: bold;
}
.es-heading table {
    border-collapse: separate;
}
.card:not(.es-heading) .card-header {
    font-size: 15px;
    border-top: 2px solid #0866c6;
}

.es-save-bloc-spacer {
    margin-top:80px;
}
.es-save-bloc {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    border-top: 3px solid #0865c4;
    padding: 15px;
    background: #fff;
    box-shadow: 0 -3px 4px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    margin-top: 10px;
    z-index: 1000;
}
.es-save-bloc .btn {
	font-size: 15px;
	padding: .25rem 1.25rem;
}
.ui-widget-content {
	border:0;
}
.table tr:first-child td {border-top:0;}

/* Style pour le tooltip */
.ico-info:before:hover {
	background-color: #0866c6;
}

.custom-tooltip {
	position: absolute;
	background-color: #0866c6;
	color: white;
	padding: 5px 10px;
	border-radius: 5px;
	display: none;
	z-index: 999999;
	max-width: 200px;
}

.custom-tooltip b {
	font-size: 12px;
}

.custom-tooltip p {

	font-size: 11px;
}

/* Flèche du tooltip */
.custom-tooltip::after {
	content: '';
	position: absolute;
	top: 100%; /* La flèche sera en bas du tooltip */
	left: 53%;
	margin-left: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #0866c6;;
}

.toggle-histo-panel {
	background:#fff;
}
.toggle-histo-panel i {
	padding-left:10px;
}
.toggle-histo-panel a {
	color:#007bff !important;
}

/* Taux de remplissage – colorisation des balises <meter> */
meter.meter--green,
meter.meter--orange,
meter.meter--red {
	-webkit-appearance: none;
	appearance: none;
}
meter.meter--green::-webkit-meter-bar,
meter.meter--orange::-webkit-meter-bar,
meter.meter--red::-webkit-meter-bar {
	border-radius: 4px;
}
meter.meter--green::-webkit-meter-optimum-value,
meter.meter--green::-webkit-meter-suboptimum-value,
meter.meter--green::-webkit-meter-even-less-good-value { background: #28a745; border-radius: 4px; }
meter.meter--orange::-webkit-meter-optimum-value,
meter.meter--orange::-webkit-meter-suboptimum-value,
meter.meter--orange::-webkit-meter-even-less-good-value { background: #fd7e14; border-radius: 4px; }
meter.meter--red::-webkit-meter-optimum-value,
meter.meter--red::-webkit-meter-suboptimum-value,
meter.meter--red::-webkit-meter-even-less-good-value { background: #dc3545; border-radius: 4px; }
meter.meter--green  { color: #28a745; }
meter.meter--orange { color: #fd7e14; }
meter.meter--red    { color: #dc3545; }

/******************************************************** Pages NFC check-in / check-out : Début *******************************************************************/

.nfc-check-page {
	margin: 0;
	padding: 0;
	min-height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	background-color: #0866C6;
}

#popupEmargementListe {
	background-color: #0866C6;
}

.nfc-check-page .nfc-check-container {
	text-align: center;
	padding: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 480px;
}

.nfc-check-page .logo-header {
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
}

.nfc-check-page .logo-header img {
	max-height: 50px;
	width: auto;
}

.nfc-check-page .logo-header h2 {
	color: white;
	font-size: 22px;
	margin: 0;
	font-weight: 300;
}

.nfc-check-page .nfc-status-indicator {
	padding: 40px 50px;
	font-size: 18px;
	background-color: #28a745;
	color: white;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	width: 100%;
	transition: all 0.3s ease;
}

.nfc-check-page .nfc-status-indicator.scanning,
.nfc-check-page .nfc-status-indicator.success {
	background-color: #28a745;
}

.nfc-check-page .nfc-status-indicator.error {
	background-color: #dc3545;
}

.nfc-check-page .nfc-status-indicator.error .nfc-pulse-icon {
	display: none;
}

.nfc-check-page .nfc-pulse-icon {
	position: relative;
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.nfc-check-page .pulse-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: white;
	position: relative;
	z-index: 1;
}

.nfc-check-page .pulse-ring {
	position: absolute;
	border: 2px solid rgba(255, 255, 255, 0.85);
	border-radius: 50%;
	width: 12px;
	height: 12px;
	animation: nfc-pulse-expand 2.2s ease-out infinite;
	animation-fill-mode: backwards;
}

.nfc-check-page .pulse-ring-2 { animation-delay: 0.7s; }
.nfc-check-page .pulse-ring-3 { animation-delay: 1.4s; }

@keyframes nfc-pulse-expand {
	0% { width: 12px; height: 12px; opacity: 0; }
	10% { opacity: 1; }
	100% { width: 52px; height: 52px; opacity: 0; }
}

.nfc-check-page .nfc-status-indicator.scanning .pulse-ring {
	animation-duration: 1.2s;
}

.nfc-check-page #btn-start-nfc {
	margin-top: 24px;
	padding: 14px 30px;
	font-size: 16px;
	background: white;
	color: #555;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-family: inherit;
	font-weight: 500;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.2s ease, transform 0.1s ease;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.nfc-check-page #btn-start-nfc:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.12);
	transform: translateY(-1px);
}

.nfc-check-page #btn-start-nfc i {
	color: #0866C6;
}

.nfc-check-page #nfc-result {
	margin-top: 20px;
	padding: 15px;
	border-radius: 8px;
	display: none;
	width: 100%;
	font-size: 15px;
}

.nfc-check-page #nfc-result.success {
	background-color: rgba(255, 255, 255, 0.2);
	color: white;
	border: 1px solid rgba(255, 255, 255, 0.4);
}

.nfc-check-page #nfc-result.error {
	background-color: rgba(220, 53, 69, 0.5);
	color: white;
	border: 1px solid rgba(220, 53, 69, 0.7);
}

.nfc-check-page #employee-photo {
	margin-top: 20px;
	display: none;
}

.nfc-check-page #employee-photo img {
	width: 125px;
	height: 125px;
	border-radius: 50%;
	border: 3px solid white;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.nfc-check-page #employee-info {
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
	color: white;
}

.nfc-check-page .emargement-info {
	display: none;
	margin-top: 24px;
	text-align: left;
	width: 100%;
}

.nfc-check-page .emargement-info.show {
	display: block;
}

.nfc-check-page .info-row {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.nfc-check-page .info-row:last-child {
	border-bottom: none;
}

.nfc-check-page .info-label {
	font-weight: bold;
	color: rgba(255, 255, 255, 0.75);
}

.nfc-check-page .info-value {
	color: white;
}

.nfc-check-page .btn-emargement {
	color: #0866C6;
	border: none;
	padding: 14px 40px;
	font-size: 16px;
	cursor: pointer;
	margin-top: 20px;
	transition: box-shadow 0.2s ease, transform 0.1s ease;
	background: white;
	width: 100%;
	border-radius: 8px;
	font-family: inherit;
	font-weight: 500;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.nfc-check-page .btn-emargement:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.nfc-check-page .btn-emargement:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.nfc-check-page .form-control {
	width: 100%;
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	font-size: 16px;
	background: rgba(255, 255, 255, 0.15);
	color: white;
	transition: border-color 0.3s;
}

.nfc-check-page .form-control::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.nfc-check-page .form-control:focus {
	outline: none;
	border-color: white;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
}

.nfc-check-page textarea.form-control {
	resize: vertical;
	min-height: 80px;
	font-family: inherit;
}

.nfc-check-page .loader {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #0866C6;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: nfc-check-page-spin 1s linear infinite;
	margin: 20px auto;
}

#popupEmargementListe .modal-dialog {
	max-width: 500px;
}

#popupEmargementListe .modal-content {
	border: 0;
	border-radius: 8px;
	box-shadow: 0 10px 32px rgba(0, 0, 0, 0.25);
}

#popupEmargementListe .modal-header {
	justify-content: center;
	border-bottom: 1px solid #e5e8f0;
}

#popupEmargementListe .modal-title {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#popupEmargementListe .modal-body {
	padding: 20px;
}

#popupEmargementListe #block_datetimepicker_emargement.emargement-liste-block {
	max-width: none;
	margin: 20px auto 10px;
}

#popupEmargementListe .emargement-liste-actions {
	margin: 30px auto 10px;
}

#popupEmargementListe .emargement-liste-item {
	display: block;
	width: 100%;
	margin: 0 auto 12px;
	padding: 12px 10px;
	border: 1px solid #d1d7ff;
	border-radius: 5px;
	background: #f1f1ff;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease;
}

#popupEmargementListe .emargement-liste-item.disabled-by-validation {
	display: block;
	width: 100%;
	margin: 0 auto 12px;
	padding: 12px 10px;
	border: 1px solid #8E8A8AFF;
	border-radius: 5px;
	background: #C3C3CAFF;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease;
}

#popupEmargementListe .emargement-liste-item.disabled-by-validation:hover {
	cursor: not-allowed;
	border-color: #3164a6;
	text-decoration: none;
	color: inherit;
}

#popupEmargementListe .emargement-liste-item.disabled-by-validation div,
#popupEmargementListe .emargement-liste-item.disabled-by-validation .emargement-liste-badge {
	color: #686565FF !important;
}

#popupEmargementListe .emargement-liste-item.disabled-by-validation:hover {
	background: #C3C3CAFF !important;
	border: 1px solid red;
}

#popupEmargementListe .emargement-liste-item:hover {
	background: #e8ebff;
	border-color: #3164a6;
	text-decoration: none;
	color: inherit;
}

#popupEmargementListe .emargement-liste-empty {
	text-align: center;
	padding: 20px 10px;
	color: #00224e;
	font-size: 14px;
}

#popupEmargementListe .emargement-liste-badge {
	display: inline-block;
	margin-top: 8px;
	font-size: 12px;
	font-weight: bold;
	color: #00aa00;
	text-transform: uppercase;
}

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

/******************************************************** Pages NFC check-in / check-out : Fin *******************************************************************/