/**
 * custom.css : styles CSS commun à l'application CCV2;
 * Copyright 2019 Cartafrance/Cartaplac
 */

/*********************************************************************/
/************************ SOMMAIRE ***********************************/
/* _GLOBAL
/* _CHARGEMENT
/* _HEADER
/* _NAVIGATION 
/* _CONTENU PAGE
/* _AGENCES 
/* _DOSSIERS
/* _MODAL
/* _CAROUSEL
/* _BADGE
/* _NOTIFICATIONS ALERTS
/* _AIDE
/* _TABLE
/* _TABLE CALENDAR
/* _MODULES
/* _DOSSIERS
/* _CARD
/* _ACCORDION
/* _SERVICES
/* _FORMULAIRE
/* _PLANNING
/* _STATISTIQUES
/* _TINYMCE
/* _FOOTER
/* _RESPONSIVE
/* _POINTAGE SIT
/*********************************************************************/

/* _GLOBAL */
	body { 
		background: #EBEBEB; 
	}
	h1.title-dossier { 
		margin-bottom: 0;
	}
	h2[role="button"] { 
		cursor: pointer; 
		margin-bottom: 0 !important; 
	}
	[data-toggle="collapse"] {
		cursor: pointer; 
	}
	.mt-50 { margin-top: 50px; }
	.mt-25 { margin-top: 25px; }
	.mb-50 { margin-bottom: 50px; }
	.mb-25 { margin-bottom: 25px; }
	.img-cover-portrait {
		width: 100%;
		padding-top: 120%;
		overflow: hidden;
		background-size: cover;
	}
	.btn-sorenir{
		background-color: #9255ac;
		color: #fff;
	}

	/*.card-body {
		height: 100%;
		min-height: 100vh;
	}*/

	.popover { max-width: 400px; }

/* _CHARGEMENT */
 	.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 1500px;
	z-index: 9999999999999999999999;
	background: #0BABD4;
	color: #FFF;
	text-align: center;
	padding-top: 15%;
	content: 'Chargement en cours';
	font-size: 1.5em;
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0;
}

/* _HEADER */
.header-body-page p { color: #ABABAB; }
.header-title.octobre-rose {
	position: relative;
}
img.ruban_octobre_rose {
	width: 50px;
	position: absolute;
	top: 65px;
}
.header-body-page.header-body-nav .header-title h1 {
	line-height: 1em !important;
	padding: 0;
	margin: 0;
	font-size: 20px;
}

/* _NAVIGATION */
.navbar-expand-xl .navbar-nav .nav-link {
	color:  #0BABD4 !important;
}

#cgu p {
	line-height: 1.5em;
	margin-top: 15px;
}
#cgu ul li {
	line-height: 1.2em;
}
#cgu ul {
	margin: 15px 0;
}
#cgu h3 {
	font-weight: 600;
	margin-top: 30px;
	font-size: 1.2rem !important;
}

#_infos p {
	line-height: 1.5em;
}


form#form-rgpd .form-group h2 { 
	font-size: 32px; 
	font-weight: 100; 
	color: #1c92c9; 
	margin: 15px 0 10px 0; 
}
form#form-rgpd .form-group p { 
	color: #ABABAB;
	margin-bottom: 10px;
}


.header-body-page {
	background: none;
	padding: 0;
}
.header-body-page h1 {
	font-weight: 100 !important;
	color:  #0BABD4;
	margin-bottom: 0;
}
.header-body-page i.fa-header-page {
	font-size: 58px;
	float: left;
	margin: 5px 20px 0 0;
	color: #999;
}
.header-body-page p.text-subtitle {
	padding-left: 44px;
	border-bottom: 1px solid #EBEBEB;
	padding-bottom: 18px;
}

.header-body-page2 {
	background: none;
	padding: 0;
}
.header-body-page2 h1 {
	font-weight: 100 !important;
	color:  #0BABD4;
	margin-bottom: 0;
}
.header-body-page2 i.fa-header-page {
	font-size: 58px;
	/*float: left;*/
	margin: -10px 0 0 0;
	color: #999;
}
.header-body-page2 p.text-subtitle {
	/*padding-left: 44px;*/
	border-bottom: 1px solid #EBEBEB;
	padding-bottom: 10px;
	color: #ABABAB;
}
.header-body-nav .header-pretitle {
	/*margin-top: -8px;*/
}
#myTabContent .tab-pane .card{
    min-height: 34em;
}

.carousel_infos .carousel-item h3 { font-weight: 600; }
.carousel_infos .carousel-item h6.text-muted { font-size: 11px; }
.carousel_infos .carousel-item .footer { background: #999; font-size: 12px; padding: 10px 10px 10px 25px; color: #FFF; }
.card-header-title a { font-size: 12px; }
a .card-body { color: #007CBD; }
.card-header-infos { background: #0BABD4; }
.card-header-infos a, .card-header-infos h4 { color: #FFF; }
ul.list-infos li { line-height: 1.5em; }
ul.list-infos li h6 { margin-top: 3px; }
.card-infos-home {
	height:  400px;
}
.carousel_infos .carousel-inner {
	height: 290px;
}
.carousel_infos .card-div-img {
    height: 130px;
    overflow: hidden;
}
.carousel .carousel-indicators {
	position: absolute;
	bottom: 20px;
}
.carousel .carousel-indicators li {
	background: #ABABAB;
    width: 20px;
    height: 20px !important;
    padding: 0;
    border: 0;
    text-indent: 0 !important;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
}
.carousel_infos h2 {
	line-height: 1.2em;
}

/* Historique consultation */
/*#div_session_consult_dossier { position: absolute; z-index: 9999; background: #EBEBEB; top: 150px; padding: 15px; border-radius: 8px; right: -10px; width: 350px; font-size: 14px; max-height: 500px; overflow: hidden; border: 1px solid #FFF; box-shadow: 0 0 15px #666 }*/

/* SERVICES */
.assurimmat { background: #999; }
.text-assurimmat { color: #999; }

#dropdown-menu-profil { top: 25px !important; }
img.avatar-offline { opacity: .5; }
img.avatar-img.rounded-circle { border: 2px solid #FFF; }

.avatar-lg.btn-cse {
	padding-top: 20px; 
	text-align: center; 
	border-radius: 50%; 
	color: white; 
	border: 1px solid #FFF; 
	transition: .5s;
}
.avatar-lg.btn-cse a {
	color: #FFF;
}
.avatar-lg.btn-cse:hover {
	background: #FFF;
	color: #0BABD4;
}
.avatar-lg.btn-cse:hover a {
	color: #0BABD4;
}

.div-badge-suivi-client { 
	position: relative; 
	width: auto; 
	display: inline-block; 
}
.badge_copie_mail_partenaire { 
	display: block; 
	position: absolute; 
	width: 18px; 
	height: 18px; 
	background: #007CBD; 
	border-radius: 50%; 
	text-align:center; 
	color: #FFF;
	top: -8px;
	right: -5px; 
	font-size: 10px;
    padding-top: 2px;
}
.text-cartaplac { color: #007CBD }

.badge { color: #FFF !important; text-transform: uppercase; }
.badge.badge-alinea { margin-left: 25px; }
.header-dossier .badge { font-size: 1.5rem; padding: 3px 8px; }
.badge-assurimmat { background: #007CBD; }
.badge-cartimmat { background: #984abf; margin-top: 7px }
.badge-proimmat { background: #999; }
.badge-cert-flotimmat { background: #29d1ce; } /* T-1768 */
.badge-profil{ float: left; position: relative; margin-top: -15px; }
a .badge-assurimmat, a .badge-proimmat { color: #FFF !important; margin-top: 8px; }
td > .badge-assurimmat, td > .badge-proimmat { font-size: 0.8rem; }

.badge.badge-suivi-client {
	/* A voir pour la couleur */
	border: 2px solid #007CBD;
    border-radius: 5px;
    padding: 4px 12px;
    margin: 0 4px 0 4px !important;
    display: inline-flex;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    color: #007CBD !important;
}

.badge-success-as {
	background: #88fcca;
}

.edit_comment {
	cursor: pointer;
}

.btn-outline-oppose, .alert.alert-oppose {
	background: #999999;
	color: #FFF;
}
.btn-outline-accepte, .alert.alert-accepte {
	background: #00d97e;
}

.header-body-nav { background: #0BABD4; padding: 0 20px 10px 10px; border-radius: 5px; margin-top: -30px; }
.header-nav-fixed { position: fixed; top: 0; left: 0; right: 0; }
.header.fixed-top#header-nav { position: relative !important; }
.header-body-nav .header-pretitle { font-size: 10px; margin-bottom: 5px; margin-top: -15px }
.header-dossier { padding-bottom: 0 !important; }
.dropdown-toggle:after { display: none; }
.navbar-expand-xl .navbar-nav .nav-link { font-size: 20px; font-weight: 600; }

#icon_comment_dev { position: absolute; top: 15px; left: 15px; color: orange; z-index: 999; }
#icon_comment_dev i { cursor: pointer; }
#form_comment { position: absolute; top: 75px; left: -550px; width: 500px; z-index: 999; background: #FFF; padding: 10px 20px; border: 1px solid #EBEBEB; box-shadow: 0 0 20px #999; }
#form_comment.activ_comment_dev { left: 15px; }
.form-group-scroll-250 { height: 250px; padding: 15px; border: 3px solid #EBEBEB; overflow: auto; }
.form-group-scroll-250 h3 { font-weight: 600; }
form input.uppercase, textarea.uppercase { text-transform: uppercase; }
.content { /*padding-top: 170px; */ padding-bottom: 150px; }

.btn.btn-modules-home { padding: 25px; margin-right: 8px; border: 1px solid #FFF; }
.btn.btn-modules-home:hover { box-shadow: 0 0 10px #999; }
.dropdown-top { margin-top: -20px; }
.dropdown.btn-nav-vehicule { display: inline-block !important; }

/*.dropdown-toggle.actions{
	padding-right: 1px; 
}*/
#table-items .dropdown button.dropdown-toggle.actions{
	padding-right: 6px; 
}
.dropdown-toggle.actions:after{
	content: '';
}

#stats-home h1 {
	font-weight: 100;
	line-height: 1.2em;
	margin-bottom: 5px;
	font-size:  120%;
}
#stats-home table {
	font-size: 14px;
}
#stats-home table td, #stats-home table th {
	text-align: center;
	padding: 5px;
}
#stats-home table th {
	background: var(--cc-light-50);
}
#stats-home table tr.intitules-colonnes {
	background: var(--cc-light-25);
}
#stats-home .bg-info a {
	color: var(--cc-light-25);
}
#stats-home .bg-info a:hover {
	color: #FFF;
}
#stats-home table.table.table-module { /*border: 2px solid #EBEBEB */}
#stats-home table.table thead th, #stats-home table.table tbody td { /*padding: 10px;*/ font-size:  14px; }
#stats-home table.table thead th, #stats-home table.table tbody tr td { /*border: 1px solid #EBEBEB;*/ }
#stats-home table.table tbody tr td.center { text-align: center; }
#stats-home table.table thead th.dossiers_agences { background: #EBEBEB; }
#stats-home table.table tbody td.dossiers_agences { background: #EBEBEB; }
#stats-home table.table thead th.plaques_accessoires { background: #ABABAB; }
#stats-home table.table thead th.badges { background: orange; }
#stats-home table.table thead th.permis, #stats-home table.table tbody td.permis { background: pink; }
#stats-home table.table thead th.plaques, #stats-home table.table tbody td.plaques { background: skyblue; }
#stats-home table.table thead th.accessoires, #stats-home table.table tbody td.accessoires { background: red; }
#stats-home table.table thead th.recyclauto, #stats-home table.table tbody td.recyclauto { background: lightgreen; }
#stats-home table.table thead th.cg, #stats-home table.table tbody td.cg { background: #EBEBEB; }
#stats-home table.table thead th.critair, #stats-home table.table tbody td.critair { background: #7A4682; color: #FFF }
#stats-home table.table thead th.assurimmat, #stats-home table.table tbody td.assurimmat { background: #187DBD; color: #FFF }
#stats-home table.table thead th.dossiers_partenaires, #stats-home table.table tbody td.dossiers_partenaires { background: darkgrey; }
#stats-home table.table tbody tr.total { background: lightgrey; }

.message-home h2 {
	font-size:  100%;
}

.card-actions-partenaires { overflow:auto; max-height:300px }
.card-actions-partenaires table tbody tr td span.bullet { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 2px }
.card-actions-partenaires table tbody tr td span.bullet-1 { background: green }
.card-actions-partenaires table tbody tr td span.bullet-2 { background: orange }
.card-actions-partenaires table tbody tr td span.bullet-3 { background: red }

/*.sidebar-left .btn.btn-dossier { position: relative; }*/
.sidebar-left .btn.btn-dossier a:hover { color: #FFF; }
.sidebar-left a.nav-link.menu { }
.sidebar-left a.nav-link.sub_menu { padding-left: 5px; }
.sidebar-left a.nav-link.sub_menu:before {  }
.sidebar-left a.menu_link_actif { color: var(--blue-cp); }
.sidebar-left a.nav-link.active { background: #0BABD4; color: #FFF; padding-left: 10px; font-weight: 100; }
.notification { color: #000; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: #FFF; text-align: center; border-radius: 22px; padding-top: 1px; margin-top: 2px; }

.alert { margin: 0; font-size: 16px !important; }
.alert.alert-danger p { margin-bottom: 0; font-weight: 100 !important; font-size: 14px; }

/*.alert.alert-success, .alert.alert-danger { width: 500px; position: absolute; z-index: 99999; left:50%; right:50%; top:50px; }*/

.aide p { font-size: 14px; line-height: 1.4em; }
.aide > span.important { background: warning; border-radius: 5px; padding: 5px; }

table.cmd_produits tbody td{ vertical-align: middle; }
/*table.cmd_produits tbody td.livraison{ vertical-align: middle; display: flex; }*/
/*table.cmd_produits tbody td.facture_produits{width: 12%;}*/
/*table.cmd_produits tbody td.montant_cmd{width: 5%;}*/
/*table.cmd_produits tbody td.num_cmd{width: 10%;}*/
table.cmd_produits tbody td.assureur_cmd{width: 9%;}
table.cmd_produits tbody td.livraison{ /*padding: 0px;*/ width: 12%;}

table.table-items { font-size: 0.85em !important; }
table.table-items tbody tr:hover td, table.card-table tbody tr:hover td { background: #EBEBEB; }
table.table-items tbody tr td.table-indent-1 { padding-left: 50px; }
table.table tbody tr td h2, table.table-items tbody tr td h3, table.table-items tbody tr td h4 { margin-bottom: 0 !important; }
table.

.modules .card:hover, .modules .card.actif { background: #00d97e !important; cursor: pointer;or: pointer; }
.modules-home .card { margin-bottom: 0; overflow: hidden; position: relative; }
.modules-home .card .card-body h5 { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .5s; background: #0BABD4; color: #FFF; font-size: 16px; padding-top: 20px; }
.modules-home .card .card-body:hover > h5 { display: block; }

ul.nav-page { font-size: 14px; padding-left: 0; list-style: none; }
ul.nav-page li { font-size: .9vw; }
ul.nav-page li a { padding: 6px 0; color: #ABABAB; }
ul.nav-page li a:hover, ul.nav-page li a:focus { color: #666; }
li.nav-item sup { color: #ABABAB; margin-left: 10px; padding-right: 5px }
li.nav-item.nav-item-sousmenu { font-size: .8vw; }
li.nav-item.nav-item-secondary { background: #6E84A3 !important; }
li.nav-item.nav-item-secondary a { color: #FFF !important; }
ul.nav > ul { list-style: none; padding-left: 0; }
ul.nav-page ul li a.nav-link.nav-link-actif, ul.nav-page li a.nav-link.nav-link-actif { color: #007CBD; font-weight: 600; }
#details_dossier ul.nav-tabs li.nav-item { transition: .5s; }
#details_dossier ul.nav-tabs li.nav-item.active { background: #FFF !important; }
#details_dossier .col-md-6.sep_left { border-left: 1px solid #EBEBEB; }
#details_dossier span.update_lecture_msg { cursor: pointer; }
.nav-tabs { font-size: 100%; }

/* POUR LES DOSSIERS V2 > V3 */
#details_dossier.details_dossier_v2 h2 { color: #39AFD1; margin-top: 0; letter-spacing: -0.3px; padding: 4px 0 4px 0; margin-bottom: 10px; border-top-left-radius: 3px; border-top-right-radius: 3px; font-size: 24px; font-weight: 500; letter-spacing: -0.5px; text-transform: uppercase; }
#details_dossier.details_dossier_v2 ul li span { float: right; }
#details_dossier h1.title-dossier-v2 { font-size: 32px; }

#nav-dossier { position: relative; margin-bottom: 10px; padding-bottom: 10px; }
#nav-dossier a { margin-right: 10px; font-weight: 600 !important; }
img.icon.text-white { color: #FFF; }
.hr { width: 100%; height: 1px; display: inline-block; background: #E2E6EA; position: absolute; top: 20px; left: 0; z-index: -1; }
#nav-dossier span { background: #FFF; padding-right: 10px; display: inline-block; }

select#list_destinataires, select#list_destinataires_select { height: 250px !important; }
.form-checkbox { width: 15px !important; height: 15px !important; }

#table-items tr:hover { background: #EBEBEB; }
#table-items .dropdown-toggle:after { padding-left: 0; }

.dataTables_length, 
.dataTables_info {
	padding: 8px 0 8px 25px; 
}
.dataTables_filter, 
.dataTables_paginate { 
	padding: 8px 25px 8px 0; 
}
.dataTables_length, 
.dataTables_info, 
.dataTables_filter, 
.dataTables_paginate
{ 
	font-size: 14px !important;
	color: #95aac9; 
	padding: 10px 0;
}
.dataTables_wrapper .row .col-md-6 {
	padding-left: 12px !important;
}

#table-items_wrapper {
	padding-bottom: 0;
}
form #table-items_wrapper #table-items_filter label,
form #table-items_wrapper #table-items_paginate label,
form #table-items_wrapper #table-items_length label,
form #table-items_wrapper #table-items_info label {
	font-size: 14px !important;
}

.card-table tr td { vertical-align: middle; }
.card-table tr.tr_service > td { background: #EBEBEB; border-top: 1px solid #999; }
.card-table tr.tr_sub_service > td { background: #EBEBEB; }

.card .card-header h1 { margin-bottom: 0; }
.card p { margin-bottom: 0; line-height: 1.5em; }

.accordion_arborescence .card .card-body table.table { font-size: 14px; }
.accordion_arborescence .card { margin-bottom: 0; }
.accordion_arborescence .card .card-body { padding: 0 25px 0 50px; }
.accordion_arborescence .card .card-body table.table tr td { padding: 10px; }
.accordion_arborescence .card .card-body table.table thead tr th { font-weight: 100; font-size: 12px; }
ul.archives_messages{ overflow: auto; max-height: 500px; }

.popover .arrow { background: transparent !important; }

.modal .modal-body p, .modal .modal-header p {
	line-height: 1.5em;
}

#modal_enquete_satisfaction p {
	line-height: 1.5;
}
.reponse {
	width: 20px;
	height: 20px;
	display: block;
	border-radius: 50%;
}
span.info_enquete {
	font-weight: 600;
}

.msg_important{	color: red; }

/*******************************/
/***** FORM ********************/
/*******************************/
form .alert { margin-top: 6px; }
form label { color: #95aac9 !important; font-size: 18px; margin-bottom: 5px }
form label i { color: #95aac9 !important; font-size: 14px; }
form h3 { font-size: 22px; font-weight: 600; }
#horaires_partenaire h5 { margin: 0 0 5px 0; }
form label > span { font-size: 16px; color: #000; }
form .row.hidden { display: none !important; }
form.transmission_demarche h6 { margin-bottom: 0; }

.card-body.card-body-page {
	padding:  35px !important;
}
.dropdown.float-right .btn.btn-light.btn-menu-header-page {
	background-color: #0BABD4;
	color:  #FFF;
}

/*******************************/
/***** FORM PAYBOX *************/
/*******************************/
#paybox input::-webkit-inner-spin-button, #paybox input::-webkit-outer-spin-button { -webkit-appearance: none; margin:0; }
#paybox input::-o-inner-spin-button, #paybox input::-o-outer-spin-button { -o-appearance: none; margin:0 }
#paybox .input-group-prepend { min-width: 30%; }
#paybox .input-group-text { width: 100%; }

/*******************************/
/***** FORM TARIF PRESTA *******/
/*******************************/
#tarif_presta td { padding: 0.7em; }
#tarif_presta td.tarif_simple, #tarif_presta td.tarif_multi { padding: 0.3em; }

/*******************************/
/***** FORM CONFIGURATION ******/
/*******************************/
#horaires_creation_dossiers input[type=time] { width: 45%; min-width: 62px; }

/*******************************/
/***** FORM PARTENAIRE *********/
/*******************************/
#form_partenaire input[type=time] { width: 45%; min-width: 80px; padding: 2%; margin-right: 2%; }
#horaire_collapse input[type=time] { width: 45%; min-width: 80px; padding: 2%; margin-right: 2%; }

/*******************************/
/***** FIL DE DISCUSSION *******/
/*******************************/
#discussion_salaries li+li h5.date_discussion { color: #0BABD4; }
#discussion_salaries li h5+p {  }


/*******************************/
/****** _POST ******************/
#post .card p, #post .card ul li { 
	/*line-height: 1.5em;*/
}
#post .card p {
	margin-bottom: 20px; 
}
#post p, #post ul li {
	line-height: 1.6em;
}
#post h2 {
	margin-bottom: 15px;
	font-size: 32px;
	font-weight: 600;
}
#post h3 {
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: 600;
}

#post .card p, #post .card ul li, #post .card table tr td { 
	line-height: 1.5em;
	font-size: 16px;
}
#post .card p {
	margin-bottom: 20px; 
}
#post h2 {
	margin-bottom: 15px;
	font-size: 32px;
	font-weight: 600;
}
#post h3 {
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: 600;
}
#list_archives_newsletters {
	max-height: 260px;
	overflow: auto;
}
#posts_newsletter p.intro_post {
	line-height: 1.5em;
}
#posts_newsletter h2.title_post {
	font-size: 1.7em;
	color: #0BABD4;
}
#posts_newsletter .card.card-post {
	transition: .5s;
}
#posts_newsletter .card.card-post:hover {
	box-shadow: 0 0 10px #999;
}
#post .carousel .carousel-inner {
	height:  auto;
}
#modal_previsu_post p {
	line-height: 1.5em;
}

#post .carousel .carousel-inner, 
#post .carousel .carousel-inner .carousel-item 
#modal_previsu_post .carousel .carousel-inner,
#modal_previsu_post .carousel .carousel-inner .carousel-item
{
	max-height: 400px !important;
}
#post .carousel .carousel-inner .carousel-item img,
#modal_previsu_post .carousel .carousel-inner .carousel-item img {
	height: 400px;
}
#modal_previsu_post p img {
	max-height: 400px;
	width: auto;
}

.post-archive p {
	line-height: 1.5em;
	/*margin-bottom: 30px;*/
}
#post_content a {
	text-decoration: underline;
}

.last-process-metier h2 {
	font-weight: 600;
}
span.add_avis_process {
 	cursor: pointer;
 }
 .process_metier .card.last-process-metier:hover {
 	box-shadow: 0 0 5px #ABABAB !important;
 }
 .process_metier .badge {
 	cursor: pointer;
 }
 .page-metier .popover {
 	width: 350px !important;
 }
 .page-metier .popover .popover-body {
 	font-size: 12px;
 	width: 300px !important;
 }


#stats .collapse .row {
	transition: .5s;
}
#stats .collapse .row:hover > .col .progress {
	background: #d7d9dd !important;
	opacity: 50%;
}
.comments_ticket {
	margin-bottom: 10px;
}
.comments_ticket h5 {
	font-size: 12px;
	color: #999;
	margin:  0;
}
ul.list-infos a li {
	padding: 10px 0;
}
ul.list-infos a li h2 {
    margin-bottom: 0;
    line-height: 1.2em;
    font-size: 16px;
}

ul.posts_archives {
	height: 300px;
	overflow: auto;
}
ul.posts_archives h3 {
	font-size: 22px !important;
	font-weight: 600;
}
ul.posts_archives li h4 {
	font-size: 18px !important;
	font-weight: 600;
}
.list-message p {
	line-height: 1.6em;
}

.monop i.post-it {
	color:  #f4e346;
}
table#table_arborescence_monop tbody tr:hover {
	background: #EBEBEB;
}
table#table_arborescence_monop tbody tr td {
	font-size: 16px !important;
	vertical-align: middle;
}
table#table_arborescence_monop tbody tr td i {
	color: #ABABAB;
}
table#table_arborescence_monop tbody tr td i, ul#rubriques_monop li i {
	font-size: 20px;
	margin:  0 3px;
}

table tbody tr.tr_href {
	cursor: pointer;
}

/*******************************/
/***** CALENDRIER PLANNING *****/
/*******************************/
#calendar { overflow: hidden; position: relative; }
table#calendar_table tr.name_days td { background: #0BABD4; color: #FFF; text-align: center; }
table#calendar_table tr td.other-month { color: #ABABAB; font-size: 12px; }
table#calendar_table tr td { transition: .5s; }
table#calendar_table tr td:hover { background: #00D97E; }
table#calendar_table tr td a:after { content: '\f017'; font-family: "FontAwesome"; font-style: normal; margin-left: 5px; }
table#calendar_table tr td a:hover { color: #FFF; }

table#calendrier-planning tr td.jour { background: #EBEBEB; }
table#calendrier-planning tr td { padding: 0; cursor: pointer; vertical-align: middle; }
table#calendrier-planning tr td:first-child { padding: 8px; }
table#calendrier-planning tr td hr { height: 5px; margin: 0; }
table#calendrier-planning tr td hr.w50 { height: 10px; width: 10px; margin: 0 auto; }
table#calendrier-planning tr td hr.w25 { height: 10px; width: 10px; margin: 0 auto; }
table#calendrier-planning tr td hr.w33 { height: 10px; width: 10px; margin: 0 auto; }
table#calendrier-planning tr td .details { width: 300px; background: #FFF; padding: 10px 10px 0 10px; position: absolute; z-index: 999; right: auto; left: auto; top: auto; box-shadow: 0 0 10px #ABABAB; overflow: hidden; }
table#calendrier-planning tr td .details ul li, table#calendrier-planning tr td .details ul li span { font-size: 12px !important; }
table#calendrier-planning tr td .details h4 { letter-spacing: -1px; }
table#calendrier-planning tr td .details .label { font-weight: 100; }
#idModalHeuresDetails .modal-body ul li { font-size: 14px !important; }

#detailHeures .headerDetailHeures { background: #0BABD4; color: #FFF; width: 100%; padding: 10px 0; }
#detailHeures .headerDetailHeures .jourDetailHeures { font-weight: 100; font-size: 24px; padding-top: 2px; padding-left: 20px; }
#detailHeures .headerDetailHeures .jourDetailHeures div p { padding: 13px 0 0 0 !important; margin: 0; }
#detailHeures .headerDetailHeures .titreDetailHeures { padding-top: 5px; }
#detailHeures .headerDetailHeures .titreDetailHeures p { margin: 0; }
#detailHeures .headerDetailHeures .titreDetailHeures h2 {margin: 0; padding: 0; font-weight: 100; font-size: 18px; }
#detailHeures .headerDetailHeures .titreTaux {  }
#detailHeures table tr td h6 { display: inline-block !important; font-size: 10px; margin: 3px 0 0 0; padding: 0 !important; }
#detailHeures table tr td a i { font-size: 14px; color: #B1C2D9; width: 20px; height: 20px; border-radius: 50%; padding-top: 3px; }
#detailHeures .headerDetailHeures .closeDetailHeures { padding-top: 10px; cursor: pointer;color: #FFF; padding-right: 20px; }
#detailHeures { position: absolute; z-index: 9; background: #FFF; left: 0;top: 0; bottom: 25%; width: 100%; height: 100%; text-align: left; }
#detailHeures h3 { background: #0083C0; padding: 12px; color: #FFF; font-size: 14px; margin-top: 0; }
#detailHeures ul { padding: 0; list-style-type: none; }
#detailHeures ul li { font-size: 14px; }
#detailHeures .tauxRentabilite { color: #0083C0; width: 45px; height: 45px; background: #FFF; padding-top: 13px; border-radius: 50%; display: inline-block; text-align: center; font-weight: 600; }
#detailheures #loadingDetailHeures { text-align: center; width: 100%; margin-top: 25%; color: #ABABAB !important; font-size: 16px; display: block; }

#planning a.add-temps { background: #EBEBEB; padding: 6px 8px; margin-top: -8px; margin-right: -8px; color: #FFF; font-size: 24px !important; }
#planning a.add-temps:hover { text-decoration: none; background: #419641; }
#planning a.add-temps:hover > td.date { text-decoration: none; background: #419641; }
#planning select.classSelectError { color: red; }
#planning h5 { line-height: 18px; }
#planning h1 > span.label-success, h1 > span.label-success { font-size: 20px !important; }
.jour_ouvre { background: #EBEBEB; }
#modal_infos_jour h1 { margin: 10px 0 0 0; font-size: 36px; }
#modal_infos_jour img.avatar-img { border: 10px solid #EBEBEB; }

form#update-temps .form-group { margin-bottom: 10px; }
form#update-temps .form-group h2 { margin: 0; }
form fieldset legend { margin-bottom: 0!important; font-size: 16px; background: #FFF; padding: 0 5px; }
.custom-file-label:after { content: "..."; }
.btn-save { position: fixed; bottom: 100px; right: 30px; z-index: 999; padding: 20px 60px 20px 50px; font-size: 24px; box-shadow:  0 0.75rem 1.5rem #d4d4d4 }
.btn-cartaplac {background: #0BABD4; color: #FFF;}

.puce { width: 10px; height: 10px; background: #EBEBEB; display: inline-block; }
.puce.jf, hr.jf { background: red; }
.puce.cp, hr.cp { background: orange; }
.puce.m, hr.m { background: brown; }
.puce.mnm, hr.mnm { background: #60bbe5; }
.puce.ht, hr.ht { background: green; }
.puce.r, hr.r { background: #8cce8c; }
.puce.ef, hr.ef { background: #b41ebf; }
.puce.at, hr.at { background: #000; }
.puce.mt, hr.mt { background: #fab19a; }
.puce.cs, hr.cs { background: #ABABAB; }
.puce.d, hr.d { background: #d9edd1; }
.puce.tt, hr.tt { background: #003d7f; }
.puce.f, hr.f { background: #cbf4ff; }
.date.detailHeuresAgence { cursor: pointer !important; margin-right: 10px; }

ul.legendes { padding-left: 0; }
ul.legendes li { list-style-type: none; color: #ABABAB; font-style: italic; font-size: 14px; padding-left: 0; display: inline; }
ul.legendes li h3 { margin-top: 0; }
input.readonly { color: #EBEBEB; }
.card ul.legendes li { display: block; }

#planning_reference th.update-saisie span { cursor: pointer; }
#planning_reference td span.reset_item { cursor: pointer; }
#planning_reference td.vertical { vertical-align: middle; }

/***********************************/
/************** AGENCES ************/
/***********************************/
#agences_moEdules .card { transition: .5s; }
#agences_modules .card:hover { background: #ABABAB; }
#agences_modules .card .card-body h2 { margin-bottom: 10px !important; color: #0BABD4 !important; } 
#agences_modules .card:hover h5, #agences_modules .card:hover, #agences_modules .card:hover h2 { color: #FFF !important; }
#agences_modules .card a { border: 2px solid #FFF; }
#agences_modules .card:hover a { border: 2px solid #FFF; }
#agences_modules .card:hover i { animation: myanim 2s; }
@keyframes myanim {
    50% {
       padding-left: 150px;
       opacity: 0;
    }
}
#organigramme p { margin: 1px !important; text-align: center; color: #ABABAB; }
#organigramme hr.user-organigramme { margin: 0; width: 50%; border-color: #ABABAB !important; }
#organigramme hr.user-organigramme-right { margin: 0; width: 50%; border-color: #ABABAB !important; float: right; }
#organigramme hr.user-organigramme-left { margin: 0; width: 50%; border-color: #ABABAB !important; float: left; }
#organigramme p .sep-hauteur { color: #ABABAB !important; margin: 2px 0 0 0; }

#thumbs_agence .thumb_agence img { max-height: 150px; }


/*******************************/
/***** STATISTIQUES ************/
/*******************************/
table#statistiques thead th,  table#statistiques tbody tr td { text-align: center !important; }
table#statistiques tbody tr td:first-child { text-align: left !important; }
table#statistiques thead th.thead-dossiers-agences { background: #EBEBEB !important; color: #ABABAB; }
table#statistiques thead th.thead-dossiers-partenaires { background: #ABABAB !important; color: #FFF; }
table#statistiques tbody td.border-left { border-left: 1px solid #ABABAB !important; }
table#statistiques tbody tr { transition: .5s; }
table#statistiques tbody tr:hover { background: #EBEBEB; }
table#statistiques tbody tr:hover > td.total, table#statistiques tbody tr:hover > td.total_agence, table#statistiques tbody tr:hover > td.st_permis, table#statistiques tbody tr:hover > td.st_recyclimmat { background: #EBEBEB; }
table#statistiques tbody tr td.total { background: #a1eafc; }
table#statistiques tbody tr td.total_agence, table#statistiques tbody tr td.total_plaques, table#statistiques thead th.total_plaques { background: #0babd4; }
table#statistiques tbody tr td.total_kits, table#statistiques thead th.total_kits { background: red; }
table#statistiques tbody tr td.total_badges, table#statistiques thead th.total_badges { background: orange; }
table#statistiques tbody tr td.st_permis { background: pink; }
table#statistiques tbody tr td.st_recyclimmat { background: #a4eab9; }

table#statistiques_perf.table-bordered>tbody>tr>td.border, 
table#statistiques_perf tr th.border,
table#statistiques_perf.table-bordered>thead>tr>td.border { border-right: 2px solid #999 !important;  border-right: 5px #E0E0E0 solid !important; }
table#statistiques_perf tr td i { color: #999; }
form table#statistiques_perf tr td input.val { min-width: 35px; padding: 2px; font-size: 12px; text-align: center; }
form table#statistiques_perf tr td span { color: #FFF; }
form table#statistiques_perf tr td.indice_inf, form table#statistiques_perf tr td.satisfaction_clients_inf, form table#statistiques_perf tr td.qualite_dossiers_inf { background: orange; color: #FFF;}
form table#statistiques_perf tr td.indice, form table#statistiques_perf tr td.satisfaction_clients, form table#statistiques_perf tr td.qualite_dossiers { background: green; color: #FFF;}
form table#statistiques_perf.table-bordered>tbody>tr>td.border { border-right: 5px #E0E0E0 solid !important;}
table#statistiques_perf.table-bordered>tbody>tr>td.border { border-right: 5px #E0E0E0 solid !important;}

/***********************************/
/******** DETAIL UTILISATEUR *******/
/***********************************/
.avatar-user { background: #EBEBEB; width: 100%; height: 100%; border-radius: 50%; padding-top: 25px; color: #ABABAB;}
#footer { position: fixed; z-index: 999; bottom: 0; margin-top: 50px; padding: 10px 25px; text-align: center !important; width: 100%; background: #d6d4d4; color: #999; box-shadow: 0 0 15px }
#footer h5 { margin-bottom: 0; }
#footer button.btn.btn-dossier a:hover { color: #FFF; }

/******* GROUPE UTILISATEUR *******/
.btn-group-toggle .btn.btn-light.active {
	background: #00d97e !important;
	color: #FFF !important;
}
.btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn {
	border: 0;
}

/**********************************/
/******** DETAILS DOSSIER *********/
/**********************************/
#details_dossier h3 { margin-bottom: 5px !important; }
#details_dossier h2 { font-weight: 600; }
#details_dossier h3 strong { font-size: 20px; }
#details_dossier h4 strong { font-size: 18px; }
#details_dossier { font-family: "Roboto Condensed", sans-serif; }
#details_dossier h6  { font-size: 14px; }
#details_dossier .status_dossier { margin-top: 0; }
#details_dossier ul.list-group li { font-size: 16px !important; line-height: 1.5em; }
#details_dossier ul.list-group li span.float-right {  }
#details_dossier ul.list-group.demarche { border: 3px solid #d6d4d4 !important; border-radius: 8px }
#details_dossier ul.list-group li.list-group-item.li-validation {  }
#details_dossier .dropdown-menu a { padding: 0.3rem 1rem !important; }
#details_dossier ul.list-group li span.btn-cert { cursor: pointer; }
#details_dossier ul.list-group li .infos-cert p { margin: 0; }
#details_dossier ul.list-group li .infos-cert h6 { margin: 10px 0 0 0; }
#details_dossier ul li.ui-state-highlight { border: 2px dotted #ABABAB; margin: 0 1em 1em 0; min-height: 50px; background: #EBEBEB; }
#details_dossier ul.list-group li p { line-height: 1.5em; }
#details_dossier ul.list-group li#list_messages { max-height: 250px; overflow: auto; padding: 20px; font-size: 14px }
#details_dossier span.btn-validation { cursor: pointer !important; }
#details_dossier h5.info-recalcul-taxes { font-size: 16px; font-weight:600 }

#details_dossier.paiement ul li span { float: right; font-weight: 600; }

#details_dossier iframe > html > body > img { width: 100%; }
#details_dossier .content_img { padding: 10px; border: 1px solid #ABABAB; overflow: hidden; }
#details_dossier #visionneuse { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #FFF; z-index: 99999; padding: 0 20px 0 30px; }
#details_dossier #visionneuse span.badge { cursor: pointer; }
#visionneuse ul li.ui-state-highlight { margin: 0 1em 1em 0; min-height: 50px; background: #EBEBEB; }
#visionneuse ul li .content_img { position: absolute; z-index: 999; background: transparent; top: 120px; left: 15px; height: 540px; width: 50%; cursor: move; }
#visionneuse.visionneuse_cartaplac ul li .content_img, 
#visionneuse.visionneuse_cartaplac ul li .content_img { position: absolute; z-index: 999; background: transparent; top: 120px; left: 15px; height: auto; width: 50%; cursor: move !important; }
#visionneuse.visionneuse_cartaplac ul li:hover { cursor: move !important; }
#visionneuse ul li .infos_piece { position: absolute; top: 0; left: 0; background: var(--blue-cp); color: #FFF; padding: 15px; z-index: 999; font-size: 14px; border-radius: 8px; display: none; }
#visionneuse ul li:hover .infos_piece { display: block; }
#visionneuse span.close-zoom { cursor: pointer; }
#visionneuse .infos_file_hover { font-size: 14px; font-family: "Roboto Condensed", sans-serif; line-height: 1.5em; color: #FFF; font-weight: 100; padding: 15px; border-radius: 5px; border: 1px solid #EBEBEB; width: 250px; position: absolute; top: 0; left: 0; z-index: 999; background: var(--blue-cp); display: none; }
#visionneuse .btn-hover-infos-file { position: relative; }
#visionneuse .btn-hover-infos-file:hover > .infos_file_hover { display: block; }
#visionneuse .badge-piece { background: #EBEBEB; color: #000; border-radius: 5px; padding: 6px 5px 6px 9px; }
#visionneuse .badge-piece-new { background: red !important; color: #FFF; }

li.list-group-item.date_limite_atteinte { background: #ff4545 !important; color: #FFF !important; }
li.list-group-item.date_limite_atteinte span,
li.list-group-item.date_limite_atteinte i { color: #FFF !important; }

#details_dossier .nav-tabs { font-size: 1em; }
#details_dossier .nav-tabs .nav-item { margin-left: 0; margin-right: 0.3rem; border: 1px solid #EBEBEB; background: #d3d1d1; padding: 0 10px; border-radius: 0; border-top-left-radius: 8px; border-top-right-radius: 8px;  }
#details_dossier .nav-tabs .nav-item a { border: none; padding: 8px; }
#details_dossier .nav-tabs .nav-item a.active {  }
#details_dossier table ul li { line-height: 1.5em; }
#details_dossier span.badge { white-space: break-spaces; }

a.display-visionneuse { margin-left: 5px !important; display: inline-block; }

#loading_upload, #finish_upload  { display: inline-block; }
.custom-file-upload input[type="file"] { display: none; }
.custom-file-upload { cursor: pointer; margin-right: 5px; }
.card-body.card-vehicule { border: 1px solid #EBEBEB !important; border-radius: 8px; }

ul.comments.list-group-flush li { padding: 10px; }
ul.comments li { font-size: 14px; line-height: 1.5em; }
ul.comments li p { margin: 0 }
.div_suivi { min-height: 220px; border: 1px solid #EBEBEB; }
.div_suivi.scroll { overflow: auto; height: 220px; }
.div_suivi h5 { margin-bottom: 0 !important; }
i.vehicule_couleur { border-bottom: 2px solid green; padding-bottom: 3px; }

/**********************************/
/******** PARTENAIRES *************/
/**********************************/
ul.coordonnees li span { float: right; }
.statut_partenaire {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.statut_partenaire.active {
    background: #28A745;
}
#compte_partenaire_assurimmat, #compte_partenaire_assurimmat h4 a, #compte_partenaire_assurimmat h5 a {
/*	color: #999797 !important;*/
}
#compte_partenaire_assurimmat ul.list-group li.list-group-item span.float-right, 
#compte_partenaire_assurimmat ul.list-group li.list-group-item p,
#compte_partenaire_assurimmat ul.list-group li.list-group-item h5,
#compte_partenaire_assurimmat ul.list-group li.list-group-item i {
	/*font-weight: 600;
	color: #999797;*/
}
#compte_partenaire_assurimmat label {
	color: #999797;
	font-size: 16px;
}
#compte_partenaire_assurimmat h2 {
	font-size: 28px;
	font-weight: 100;
}
#compte_partenaire_assurimmat .photo_partenaire {
	max-width: 300px;
	overflow: hidden;
	border-radius: 8px;
	border: 1px solid #ABABAB;
}
#compte_partenaire_assurimmat h4 a:hover, 
#compte_partenaire_assurimmat h1.actif, 
#compte_partenaire_assurimmat h2.actif {
	color: #00B368 !important;
}
#compte_partenaire_assurimmat .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border: 1px solid #FFF;
	background: #FFF;
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
}
#compte_partenaire_assurimmat .nav-tabs .nav-item {
	margin-bottom: -4px !important;
	margin-right: 0 !important;
}
#compte_partenaire_assurimmat .btn.btn-add-agence-secondaire {
	letter-spacing: 0.3px;
}
#compte_partenaire_assurimmat span.formation {
	display: inline-block;
    padding: 3px 6px 3px 6px;
    background: green;
    text-align: center;
    border-radius: 50%;
    color: #FFF;
    font-size: 10px;
}

#compte_partenaire_proimmat .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border: 1px solid #EBEBEB;
	background: #EBEBEB;
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
}
#compte_partenaire_proimmat .nav-tabs .nav-item {
	margin-bottom: -4px !important;
	margin-right: 0 !important;
}

/**********************************/
/*** SELECTION DOSSIER MANUELLE ***/
/**********************************/
#footer #select_dossier>div, #footer #select_dossier_cartimmat>div {
	height: 50vh;
    overflow: auto;
}


/*********************************/
/******* CHEQUES CADEAUX *********/
/*********************************/
.periode-retribution {
    max-height: 200px;
    overflow: auto;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #EBEBEB;
}
.periode-retribution p {
	line-height: 2;
}
#details_dossier span.badge.contact_retribution {
    white-space: nowrap;
    font-size: 12px;
}
/*********************************/

/***********************************/
/******* RETRIBUITION MAXANCE ******/
/***********************************/
.date_rglt_maxance{
	width: 180px;
    height: 35px;
}
.type_rglt_maxance{
	width: 120px;
    height: 35px;
}
/**********************************/

/****** COMMANDES PRODUITS *******/
.date_suivi{
	width: 148px !important;
    height: 30px;
}
.num_suivi{
	width: 131px !important;
    height: 30px;
}
.produit_accessoire_image {
	height: 250px !important;
}
/************************************/

/**********************************/
/******** CREATION DOSSIER ********/
/**********************************/
ul li.demarche_recapitulatif {
    margin-top: 20px !important;
}
ul li.demarche_recapitulatif p {
    margin-bottom: 0;
}
ul li.demarche_recapitulatif ul.pieces_recapitulatif {
    margin-top: 0;
}
ul li.demarche_recapitulatif ul.pieces_recapitulatif li:first-child {
    padding-top: 8px !important;
}
ul li.demarche_recapitulatif ul.pieces_recapitulatif li {
    border-bottom: 0 !important;
    padding: 0 !important;
}
ul li.demarche_recapitulatif ul.pieces_recapitulatif li a {
    color: var(--blue-cp);
}
ul li.demarche_recapitulatif .immat-demarche {
    background: var(--blue-cp);
    color: #FFF;
    border-radius: 5px;
    padding: 10px;
}
ul li.demarche_recapitulatif a i {
    color: #FFF;
}
ul li.demarche_recapitulatif .immat-demarche span.immat {
    background: var(--white);
    color: var(--blue-cp);
    border-radius: 5px;
    padding: 2px 3px;
}

.paiement-dossier a {
    color: var(--blue-cp);
}

.reglement-dossier{
    margin-left: 30%;
}

.virements{
	margin-bottom: -5px; 
	margin-top: -5px;
}

input.paiement_date_remise{
	width: 148px !important;
	margin-left: -22px;
}

input.banque{
	margin-left: 18px;
    width: 170px !important;
}

input.montant{
	width: 134px !important; 
	margin-left: -34px;
}

input.numero{
	width: 120px !important;
}

.btn-dl-file {
	position: relative;
	overflow: hidden;
}
.btn-dl-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

.w-10 {
	width: 10%;
}
.w-5 {
	width: 5%;
}

@media (max-width: 1600px) {

	#details_dossier .nav-tabs .nav-item { padding: 0 5px !important; margin-right: 0.1rem; font-size: 90%; }
	table { font-size: 90%; }

}

/* animation */
.ovh_vert{ background : #C6E9C8; }
.ovh_jaune{ background : #ffe298; }
.ovh_rouge{ background : #f2dede; }
.ovh_gris{ background : #e9e9e9; }
.ovh_vert.badge,.ovh_jaune.badge,.ovh_rouge.badge,.ovh_gris.badge { color: #12263f!important; }
.ovh_vert:hover td, .ovh_jaune:hover td, .ovh_gris:hover td, .ovh_rouge:hover td { background : #ffffff !important;}


/*********************************************************************************/
/***********************     DOSSIERS CERT > T-1481    ***************************/
/*********************************************************************************/

.puceCert{
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 10px;
	padding: 7px;
}

span.puce_comment_ants { 
	display: inline-block; 
	width: 10px; 
	height: 10px; 
	background: #39afd1;  
}

span.puce_comment_ants_permis { 
	display: inline-block; 
	width: 10px; 
	height: 10px; 
	background: #E0959A;  
}

.comment_ants_permis{
	background: #E0959A; 
}

#listComments{
	overflow: auto;
	max-height: 400px;
}

/*#date_saisie, #date_cpi{
	width: 130px;
}*/

/*#montant_paiement{
	width: 64px;
}*/

#form_search_critere #facture_num, #id_facture{
	width: 100px;
}

#form_search_critere #num_dossier, #n_suivi{
	width: 90px;
}

#form_search_critere #nom_client{
	width: 150px;
}

#form_search_critere #immat_vehicule{
	width: 110px;
}

.filter_cert{
	padding: 18px;
}

i.details_saisies{
	transform: scale(1.4);
}

i.etat{
	transform: scale(1.3);
}

th.bg-saisie{
	background: #94a8c5 !important;
    color: white !important;
    text-align: center;
    line-height: 8px;
    vertical-align: middle !important;
}
th.col_cert{
	font-size: 11px !important;
}
table#table-items.cert thead>tr>th{
	font-weight: 800;
}
.page-item.active .page-link {
	background-color: #EBEBEB !important;
	border-color: #EBEBEB !important;
	color: #000 !important;
}
.paginate_button page-item active {
	border-radius: 50% !important;
}
table.cert thead>tr>th{
	font-weight: 800;
}
table.cert tbody>tr>td{
	border-color: #edf2f9;
}
table.table-cert-saisies tbody tr td.bg-name-client-cert {
	background: #EBEBEB;
}


#div_vehicules{
	margin-top: -12px;
}

.collapse_service{
	max-height: 250px;
	overflow: auto;
}


/* PLANNING #T-1478 */

	/* Couleur type horraire */
	.heures.ai    { background: #8a2be2; } /* Absence injustifiée */
	.heures.amtt  { background: #ce6c6c; } /* Absence mi temps thérapeutique */
	.heures.ap    { background: #02ff1b; } /* Activités partielles */
	.heures.as    { background: #efde32; } /* Autorisation de sortie */
	.heures.at    { background: #000;    } /* Accident de travail */
	.heures.cp    { background: #ffa500; } /* Congés payés */
	.heures.cs    { background: #ABABAB; } /* Congés sans soldes */
	.heures.cse   { background: #045204; } /* CSE - Comité social et économique */
	.heures.d     { background: #d9edd1; } /* Déplacements */
	.heures.ef    { background: #b41ebf; } /* Évènement familial */
	.heures.f     { background: #cbf4ff; } /* Formation */
	.heures.hd    { background: #EBEBEB; } /* Heures délégation */
	.heures.hds   { background: #EBEBEB; } /* Heures délégation sydicale */
	.heures.ht    { background: #008000; } /* Heures travaillées */
	.heures.jf    { background: #ff0000; } /* Jours fériés */
	.jfno_heure   { background: #ff0000; } /* Jours fériés */
	.heures.m     { background: #a52a2a; } /* Maladie */
	.heures.mnm   { background: #60bbe5; } /* Maladie non maintenue */
	.heures.mt    { background: #fab19a; } /* Maternité */
	.heures.r     { background: #8cce8c; } /* Récupération */
	.heures.re    { background: #d6d6d6; } /* Réunion */
	.heures.tlt   { background: #ff4500; } /* Télétravail */
	.heures.tt    { background: #003d7f; } /* Temps de trajet */
	.heures.ajeai { background: #FFF; border: 1px solid #000 !important; } /* Absence Jury Examen ou autres Instances */
	.heures.apga  { background: #FFF; border: 1px solid #ff0000 !important; } /* Activités Partielles pour garde enfants */
	.heures.pc    { background: #FFF; border: 1px solid #008000 !important; } /* Prospection commerciale */
	.heures.cpa   { background: #f8d7da; }/* Congés parental */

	/* Couleur type horraire a valider */
	.heures.a_valider.ai    { background: linear-gradient( 135deg, red 25%, #8a2be2 25%); } /* Absence injustifiée */
	.heures.a_valider.amtt  { background: linear-gradient( 135deg, red 25%, #ce6c6c 25%); } /* Absence mi temps thérapeutique */
	.heures.a_valider.ap    { background: linear-gradient( 135deg, red 25%, #02ff1b 25%); } /* Activités partielles */
	.heures.a_valider.as    { background: linear-gradient( 135deg, red 25%, #efde32 25%); } /* Autorisation de sortie */
	.heures.a_valider.at    { background: linear-gradient( 135deg, red 25%, #000    25%); } /* Accident de travail */
	.heures.a_valider.cp    { background: linear-gradient( 135deg, red 25%, #ffa500 25%); } /* Congés payés */
	.heures.a_valider.cs    { background: linear-gradient( 135deg, red 25%, #ABABAB 25%); } /* Congés sans soldes */
	.heures.a_valider.cse   { background: linear-gradient( 135deg, red 25%, #045204 25%); } /* CSE - Comité social et économique */
	.heures.a_valider.d     { background: linear-gradient( 135deg, red 25%, #d9edd1 25%); } /* Déplacements */
	.heures.a_valider.ef    { background: linear-gradient( 135deg, red 25%, #b41ebf 25%); } /* Évènement familial */
	.heures.a_valider.f     { background: linear-gradient( 135deg, red 25%, #cbf4ff 25%); } /* Formation */
	.heures.a_valider.hd    { background: linear-gradient( 135deg, red 25%, #EBEBEB 25%); } /* Heures délégation */
	.heures.a_valider.ht    { background: linear-gradient( 135deg, red 25%, #008000 25%); } /* Heures travaillées */
	.heures.a_valider.jf    { background: linear-gradient( 135deg, red 25%, #ff0000 25%); } /* Jours fériés */
	.heures.a_valider.m     { background: linear-gradient( 135deg, red 25%, #a52a2a 25%); } /* Maladie */
	.heures.a_valider.mnm   { background: linear-gradient( 135deg, red 25%, #60bbe5 25%); } /* Maladie non maintenue */
	.heures.a_valider.mt    { background: linear-gradient( 135deg, red 25%, #fab19a 25%); } /* Maternité */
	.heures.a_valider.r     { background: linear-gradient( 135deg, red 25%, #8cce8c 25%); } /* Récupération */
	.heures.a_valider.re    { background: linear-gradient( 135deg, red 25%, #d6d6d6 25%); } /* Réunion */
	.heures.a_valider.tlt   { background: linear-gradient( 135deg, red 25%, #ff4500 25%); } /* Télétravail */
	.heures.a_valider.tt    { background: linear-gradient( 135deg, red 25%, #003d7f 25%); } /* Temps de trajet */
	.heures.a_valider.ajeai { background: linear-gradient( 135deg, red 25%, #FFF 25%); border: 1px solid #000 !important; } /* Absence Jury Examen ou autres Instances */
	.heures.a_valider.apga  { background: linear-gradient( 135deg, red 25%, #FFF 25%); border: 1px solid #ff0000 !important; } /* Activités Partielles pour garde enfants */
	.heures.a_valider.pc    { background: linear-gradient( 135deg, red 25%, #FFF 25%); border: 1px solid #008000 !important; } /* Prospection commerciale */
	.heures.a_valider.cpa 	{ background: linear-gradient( 135deg, red 25%, #f8d7da 25%); } /* Congés parental */

	/* Couleur type horraire a justifier */
	.heures.a_justifier.ai    { background: linear-gradient( 135deg, #8a2be2 75%, #ccc 75%); } /* Absence injustifiée */
	.heures.a_justifier.amtt  { background: linear-gradient( 135deg, #ce6c6c 75%, #ccc 75%); } /* Absence mi temps thérapeutique */
	.heures.a_justifier.ap    { background: linear-gradient( 135deg, #02ff1b 75%, #ccc 75%); } /* Activités partielles */
	.heures.a_justifier.as    { background: linear-gradient( 135deg, #efde32 75%, #ccc 75%); } /* Autorisation de sortie */
	.heures.a_justifier.at    { background: linear-gradient( 135deg, #000    75%, #ccc 75%); } /* Accident de travail */
	.heures.a_justifier.cp    { background: linear-gradient( 135deg, #ffa500 75%, #ccc 75%); } /* Congés payés */
	.heures.a_justifier.cs    { background: linear-gradient( 135deg, #ABABAB 75%, #ccc 75%); } /* Congés sans soldes */
	.heures.a_justifier.cse   { background: linear-gradient( 135deg, #045204 75%, #ccc 75%); } /* CSE - Comité social et économique */
	.heures.a_justifier.d     { background: linear-gradient( 135deg, #d9edd1 75%, #ccc 75%); } /* Déplacements */
	.heures.a_justifier.ef    { background: linear-gradient( 135deg, #b41ebf 75%, #ccc 75%); } /* Évènement familial */
	.heures.a_justifier.f     { background: linear-gradient( 135deg, #cbf4ff 75%, #ccc 75%); } /* Formation */
	.heures.a_justifier.hd    { background: linear-gradient( 135deg, #EBEBEB 75%, #ccc 75%); } /* Heures délégation */
	.heures.a_justifier.ht    { background: linear-gradient( 135deg, #008000 75%, #ccc 75%); } /* Heures travaillées */
	.heures.a_justifier.jf    { background: linear-gradient( 135deg, #ff0000 75%, #ccc 75%); } /* Jours fériés */
	.heures.a_justifier.m     { background: linear-gradient( 135deg, #a52a2a 75%, #ccc 75%); } /* Maladie */
	.heures.a_justifier.mnm   { background: linear-gradient( 135deg, #60bbe5 75%, #ccc 75%); } /* Maladie non maintenue */
	.heures.a_justifier.mt    { background: linear-gradient( 135deg, #fab19a 75%, #ccc 75%); } /* Maternité */
	.heures.a_justifier.r     { background: linear-gradient( 135deg, #8cce8c 75%, #ccc 75%); } /* Récupération */
	.heures.a_justifier.re    { background: linear-gradient( 135deg, #d6d6d6 75%, #ccc 75%); } /* Réunion */
	.heures.a_justifier.tlt   { background: linear-gradient( 135deg, #ff4500 75%, #ccc 75%); } /* Télétravail */
	.heures.a_justifier.tt    { background: linear-gradient( 135deg, #003d7f 75%, #ccc 75%); } /* Temps de trajet */
	.heures.a_justifier.ajeai { background: linear-gradient( 135deg, #FFF 75%, #ccc 75%); border: 1px solid #000 !important; } /* Absence Jury Examen ou autres Instances */
	.heures.a_justifier.apga  { background: linear-gradient( 135deg, #FFF 75%, #ccc 75%); border: 1px solid #ff0000 !important; } /* Activités Partielles pour garde enfants */
	.heures.a_justifier.pc    { background: linear-gradient( 135deg, #FFF 75%, #ccc 75%); border: 1px solid #008000 !important; } /* Prospection commerciale */
	.heures.a_justifier.cpa   { background: linear-gradient( 135deg, #f8d7da 75%, #ccc 75%); } /* Congés parental */
	
	/* pas de type horraire */
	.heures.no_heure { border: 1px solid #ffffff00!important; }

	/* cp sans heure */
	.cpno_heure { background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, #ffa500 4px, #ffa500 8px); }

	/* Contraste couleur text type horraire */
	.heures.ai  label, .heures.ai  i,
	.heures.at  label, .heures.at  i,
	.heures.cse label, .heures.cse i,
	.heures.ef  label, .heures.ef  i,
	.heures.ht  label, .heures.ht  i,
	.heures.m   label, .heures.m   i,
	.heures.tt  label, .heures.tt  i{ 
		color: white !important;
	}

	/* Raz mise en forme boostrap */
	#calendrier_planning thead th:last-child { padding-right: 1em !important; }
	#calendrier_planning tbody td:last-child { padding-right: 0.5em !important; }

	#calendrier_planning thead th {
		border: 0;
	}
	#calendrier_planning .col-hover {
		background-color: #ebebeb;
	}
	#calendrier_planning td.col-hover {
		background-color: #ebebeb;
		border-bottom: 1px solid #ebebeb;
	}
	/* correction croix rouge */
	#modal_heures .form-control.is-invalid { 
		background-position: center right calc(0.375em + 1rem);
	}
	/* pointeur sur les jour selectionnable */
	.jour_heures, .jour_heures label {
		cursor: pointer;
	}

	/* jour vacance */
	.bg-vacances {
		background-color: #FBE1A1 !important;
		color: #000 !important;
	}
	/* jour ferier */
	.bg-jf {
		background-color: #ffc967 !important;
    	color: #000 !important;
	}


	/* Limite du set_alert */
	.overflow-10,
	.alert {
		overflow: auto;
    	max-height: 10rem;
	}
	.overflow-15{
		overflow: auto;
    	max-height: 15rem;
	}
	/* pointer */
	.cursor-pointer {
		cursor: pointer;
	}
	/* ombrage de la modal */
	.modal-content {
		border: #ababab 1px solid;
	}


/* AFFICHE #T-1520 */

	/* ratio 1/2 entre la représentation et le pdf */
	#page_affiche .text {
		position: absolute;
		/*align-content: center;*/
		color: #000;
		top: 2.5cm;
		right: 1.05cm;
		bottom: 3cm;
		left: 1.05cm;
		font-family: Roboto Condensed;
		font-style: italic;
		font-weight: bold;
		line-height: 1.27; /* Ajustement */
		/* border: red solid 1px; /* AFFICHAGE DE LA ZONE DE TEXT */
	}
	#page_affiche .text span {
		word-wrap: initial;
		position: absolute;
	    text-align: center;
	    min-width: 100%;
	    border: 1px solid #fff0; /* sinon la taille n'est pas reconnu... */
	}

	#page_affiche #affiche {
		width: 10.5cm; 
		height: 14.85cm; 
		border: 1px solid #000; 
		position: relative;
	}

	#page_affiche #affiche .header {
		width: 7.5cm;
		margin-top: 0.25cm;
	}
	#page_affiche #affiche #img_v .footer {
		width: 100%;
		margin-top: 10.75cm;
	}	
	#page_affiche #affiche #img_h .footer {
		width: 100%;
		margin-top: 5.5cm; /*marge à compencer*/
	}
	#page_affiche .col-affiche{
		width: 16cm;
	}

/*********************************************************************************


/* _POINTAGE SIT */

.puce_number {
    width: 20px;
    height: 20px;
    display: block;
    background: #00B368;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    float: left;
    margin-right: 3px;
    border-radius: 50%;
}
.puce_number.puce_number_white {
    background: #FFF;
    color: #00B368;
}

/*********************************************************************************


/* _COMMENTS INTERNE */

.highlight-box-shadow {
    box-shadow: 0 0 6px 2px #00d97e !important;
}

/*********************************************************************************