/****************** 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 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,
#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,
#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,
#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 .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;
}