@CHARSET "utf-8";

/* General */

:root {
	--blanc: #FFF;
	--blanc-casse: #f7f9fb;
	--noir: #585858;
	--noir-fonce: #393939;
	--gris: #7f7f7f;
	--gris-fonce: #999999;
	--gris-clair: #c7c7c7;
/* 	--vert: #9bbf24; */
	--vert: #96bd0d;
	--vert-fonce: #779b00;
	--bleu-clair: #ebf0fe;
	--rouge: #ca2836;
	
	--violet: #920dbd;
	--orange: #d67e00;
	
	--espace: 100px;
}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-family: 'Raleway', sans-serif;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

body * {
	outline: none; 
	font-family: 'Raleway', sans-serif;
	color: var(--noir);
}

h1 {
	margin: 0;
	padding: 0 0 0 10px;
	color: var(--gris);
	font-size: 24px;
	border-left: solid var(--vert) 2px;
}

.titre {
	padding: 22px 0;
}

.cache {
	display: none !important;
}

.input-cache {
	display: none !important;
}

#confirmation-message {
	margin-top: 0;
}



/* Page de Connexion */

#ctn-connexion {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	width: 100vw;
	height: 100vh;
}

#ctn-connexion > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

#ctn-form-connexion,
#ctn-form-connexion > p,
#form-connexion {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0;
}

#ctn-form-connexion {
	padding: 50px 0;
	width: 35%;
	height: 100;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 10;
}

#ctn-form-connexion > * {
	width: 60%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

#ctn-form-connexion > p {
	margin: 45px 0 25px 0;
}

#ctn-form-connexion > p span {
	color: var(--vert);
	font-weight: 600;
	font-size: 0.9em;
	text-align: center;
}

#ctn-form-connexion > img {
	display: block;
	width: 330px;
}

#form-connexion > * {
	width: 100%;
}

#form-connexion > * + * {
	margin-top: 22px;
}

#form-connexion div:not(#mdp-oublie) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	jusitfy-content: start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 42px;
	border: solid transparent 1px;
	border-radius: 3px;
	padding: 8px 16px 8px 8px;
	background-color: #fff;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

#form-connexion div.active {
	border-color: var(--vert) !important;
}

#form-connexion div > img {
	display: block;
	height: 100%;
	margin-right: 10px;
	-webkit-filter: brightness(0) invert(54%) sepia(3%) saturate(10%) hue-rotate(358deg) brightness(91%) contrast(91%);
	        filter: brightness(0) invert(54%) sepia(3%) saturate(10%) hue-rotate(358deg) brightness(91%) contrast(91%);
}

#form-connexion div.active > img {
	-webkit-filter: invert(59%) sepia(94%) saturate(348%) hue-rotate(33deg) brightness(96%) contrast(93%);
	        filter: invert(59%) sepia(94%) saturate(348%) hue-rotate(33deg) brightness(96%) contrast(93%);
}

#form-connexion input {
	outline: none;
	border: none;
	width: 100%;
	font-size: 1em;
}

#form-connexion input[type='submit'] {
	margin-top: 45px;
	padding: 10px;
	height: 42px;
	background-color: var(--vert);
	font-weight: 600;
	color: #fff;
}

#form-connexion .checkbox span {
	color: #b6b6b6;
	font-weight: 600;
}

#afficher-mdp,
#cacher-mdp {
	float: right;
	margin: 0 !important;
}

#afficher-mdp:hover,
#cacher-mdp:hover {
	cursor: pointer;
}

#mdp-oublie {
	text-align: right;
	margin-top: 8px;
}

#mdp-oublie a {
	font-weight: 600;
	font-size: 0.9em;
	text-decoration: underline;
	color: #b6b6b6 !important;
}

#mdp-oublie a:hover {
	cursor: pointer;
}



/* Barre de Navigation */

#barre-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 50px;
	background-color: var(--noir-fonce);
}

#barre-nav > div {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0px;
	        flex: 1 1 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#barre-nav > div:last-child {
	padding-right: 20px;
}

#barre-nav > div:last-child > * + * {
	margin-left: 15px;
}

#barre-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
	-webkit-box-flex: 3;
	    -ms-flex: 3 0 0px;
	        flex: 3 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
}

#barre-nav ul > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
	padding: 0 15px;
}

#barre-nav ul > li img {
	display: block;
	height: 90%;
}

#barre-nav ul > li a {
	color: var(--gris-fonce);
	text-decoration: none;
}

#barre-nav ul > li a.active {
	color: var(--vert);
}

#barre-nav p {
	margin: 0;
}

#type-utilisateur {
	padding: 5px 20px;
	border-radius: 70px;
	background-color: var(--vert);
	color: var(--blanc);
	font-size: 0.8em;
	text-align: center;
}

#deconnexion {
	padding: 5px 20px;
	border-radius: 70px;
	text-decoration: none;
	background-color: var(--rouge);
	color: var(--blanc);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#deconnexion img {
	height: 20px;
	margin-right: 10px;
	-webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1);
}

/* Menu Hamburger - Close */

#menu {
	-webkit-box-flex: unset !important;
	    -ms-flex: unset !important;
	        flex: unset !important;
}

#menu .menu-hamburger {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 28px;
}

#menu .menu-hamburger:hover {
	cursor: pointer;
}

#menu .menu-hamburger i {
	position: relative;
	width: 24px;
	height: 1px;
	color: var(--gris-fonce);
	background: var(--gris-fonce);
	margin-left: 30px;
	margin-right: 8px;
}

#menu .menu-hamburger i::before {
	content: '';
	position: absolute;
	top: -9px;
	left: 0;
	width: 24px;
	height: 1px;
	background: var(--gris-fonce);
}

#menu .menu-hamburger i::after {
	content: '';
	position: absolute;
	width: 24px;
	height: 1px;
	top: 9px;
	left: 0;
	background: var(--gris-fonce);
}

#menu .menu-hamburger span {
	color: var(--gris-fonce);
}

#menu .menu-content {
	position: fixed;
	top: 0;
	left: 0;
	width: 40vw;
	height: 100vh;
	z-index: 999;
	padding: 55px 20px 20px 20px;
	background-color: var(--blanc);
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	overflow-y: hidden;
}

#menu .menu-content > *:not(:last-child) {
	padding-bottom: 30px;
}

#menu .menu-content #nav-liens {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
}

#menu .menu-content #nav-liens > li {
	height: auto;
	padding: 10px 20px;
	font-size: 1.2em;
}

#menu .menu-content #nav-liens > li:first-child {
	display: none;
}

/* Menu Hamburger - Open */

#menu.open .menu-hamburger {
	position: fixed;
	top: 10px;
	left: 20px;
	z-index: 9999;
}

#menu.open .menu-hamburger i {
	background-color: var(--blanc);
	margin-left: 0;
	margin-right: 0;
}

#menu.open .menu-hamburger i::before {
	background-color: #3e3e3e;
	top: 0;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

#menu.open .menu-hamburger i::after {
	background-color: #3e3e3e;
	top: 0;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

#menu.open .menu-hamburger span {
	display: none;
}

#menu.open .menu-content {
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
	-webkit-box-shadow: 30px 0px 90px rgba(0, 0, 0, 0.3);
	        box-shadow: 30px 0px 90px rgba(0, 0, 0, 0.3);
}



/* Boutons & Inputs & Selects */

button,
.bouton {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.bouton {
	border: none;
	outline: none;
	margin: 0;
	padding: 8px 20px;
	color: var(--blanc);
	font-weight: 500;
	background-color: var(--vert);
	border: solid transparent 1px;
	border-radius: 15px;
}

a.bouton {
	text-decoration: none;
	font-size: 0.8em;
}

.bouton span {
	color: var(--blanc);
}

.bouton * + * {
	margin-left: 5px;
}

.bouton-inverse {
	color: var(--vert);
	background-color: var(--blanc);
	border-color: var(--vert);
}

.bouton-inverse span {
	color: var(--vert);
}

.bouton-inverse img {
	-webkit-filter: brightness(0) invert(56%) sepia(100%) saturate(494%) hue-rotate(32deg) brightness(100%) contrast(90%) !important;
	        filter: brightness(0) invert(56%) sepia(100%) saturate(494%) hue-rotate(32deg) brightness(100%) contrast(90%) !important;
}

.btn-rouge {
	background-color: var(--rouge);
}

.btn-orange {
	background-color: var(--orange);
}

.btn-gris {
	background-color: var(--gris-fonce);
}

.btn-img {
	border-radius: 50%;
	padding: 7px !important;
}

.btn-img img {
	display: block;
	width: 20px;
	height: 20px;
	-webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1);
}

.btn-form {
	margin-left: auto;
	margin-top: 20px;
}

button:hover,
.bouton:hover,
input[type="submit"] {
	cursor: pointer;
}

.bouton img {
	display: block;
	height: 17px;
	-webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1);
}

.checkbox,
.radio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
	display: none !important;
}

.checkbox input[type="checkbox"] + span,
.radio input[type="radio"] + span {
	position: relative;
/* 	width: 12px; */
/* 	min-width: 12px; */
/* 	height: 12px; */
/* 	min-height: 12px; */
	width: 18px;
	min-width: 18px;
	height: 18px;
	min-height: 18px;
	border: solid var(--gris) 2px;
	border-radius: 3px;
	margin-right: 7px;
}

.checkbox input[type="checkbox"] + span img {
	display: none;
}

.checkbox input[type="checkbox"]:checked + span {
	color: var(--blanc);
	background-color: var(--vert);
}

.checkbox input[type="checkbox"]:checked + span img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0.8);
	    -ms-transform: scale(0.8);
	        transform: scale(0.8);
	-webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1);
}

.radio input[type="radio"] + span {
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.radio input[type="radio"]:checked + span {
	border: solid var(--vert) 5px;
}

/* .input-cache {
	display: none;
} */

/* .input-cache + label {
	padding: 10px 15px;
} */

.input-cache + label:hover {
	cursor: pointer;
}

input.input,
select.input,
textarea.input {
	border: none;
	outline: none;
	display: block;
	background-color: var(--bleu-clair);
	padding: 10px 15px;
	font-size: 15px;
	font-weight: 500;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

textarea.input {
	padding: 15px;
}

label.input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	padding: 10px 15px;
	background-color: var(--bleu-clair);
}

label.input > * + * {
	margin-left: 10px !important;
}

label.input input {
	padding: 0 !important;
	background-color: transparent !important;
}

label.input img {
	display: block;
	height: 20px;
	-webkit-filter: brightness(0) invert(67%) sepia(69%) saturate(485%) hue-rotate(29deg) brightness(93%) contrast(88%);
	        filter: brightness(0) invert(67%) sepia(69%) saturate(485%) hue-rotate(29deg) brightness(93%) contrast(88%);
}



/* Badge */

.badge {
	color: var(--blanc);
	background-color: var(--vert);
	border-radius: 20px;
	padding: 3px 6px;
	font-size: 0.7em;
}

.badge-rouge {
	background-color: var(--rouge);
}



/* Selectize */

.selectize-control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.selectize-input,
.selectize-dropdown-content {
	background-color:var(--bleu-clair);
	font-size: 16px;
}

.selectize-input.full {
	background-color:var(--bleu-clair);
}

.selectize-input.focus {
	box-shadow: none;
	border-color: var(--vert);
}

.selectize-control.single .selectize-input::after {
	border-color: var(--vert) transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active::after {
	border-color: transparent transparent var(--vert) transparent;
}

.selectize-control.single .selectize-input > div,
.selectize-dropdown-content > div {
	padding: 5px;
}



/* Conteneur */

.conteneur {
	margin-top: 30px;
}

.ctn-global {
	padding: 0 var(--espace) 20px var(--espace);
}

.ctn-global .title {
	padding: 20px 0 20px 0;
}



/* Tableau de bord */

#tableau-bord {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#tableau-bord > div {
	position: relative;
	width: 200px;
	height: 200px;
	background-color: var(--vert);
	border-radius: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: end;
	overflow: hidden;
}

#tableau-bord > div + div {
	margin-left: 30px;
}

#tableau-bord > div > *:not(.tb-lien) {
	margin-left: 20px; 
	margin-right: 20px; 
}

#tableau-bord > div > img {
	display: block;
	width: 20px;
	height: 20px;
	margin-bottom: 10px;
	-webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1);
}

.tableau-bord-texte-haut {
	color: var(--blanc);
	font-size: 0.82em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0;
}

.tableau-bord-texte-bas {
	color: var(--noir-fonce);
	font-size: 1.2em;
	font-weight: 700;
	margin-top: 2px;
	margin-bottom: 40px;
}

.tb-lien {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

#tableau-bord > div:hover {
	background-color: var(--bleu-clair);
}

#tableau-bord > div:hover > img {
	-webkit-filter: brightness(0) invert(34%) sepia(4%) saturate(29%) hue-rotate(321deg) brightness(95%) contrast(90%);
	        filter: brightness(0) invert(34%) sepia(4%) saturate(29%) hue-rotate(321deg) brightness(95%) contrast(90%);
}

#tableau-bord > div:hover .tableau-bord-texte-haut {
	color: var(--gris);
}

#tb-creer-client .tb-lien,
#tb-creer-devis .tb-lien,
#tb-creer-intervention .tb-lien,
#tb-suivi-interventions .tb-lien {
	-webkit-filter: brightness(0) invert(60%) sepia(45%) saturate(6807%) hue-rotate(47deg) brightness(100%) contrast(101%);
	        filter: brightness(0) invert(60%) sepia(45%) saturate(6807%) hue-rotate(47deg) brightness(100%) contrast(101%);
	background-repeat: no-repeat;
}

#tb-creer-client .tb-lien:hover,
#tb-creer-devis .tb-lien:hover,
#tb-creer-intervention .tb-lien:hover,
#tb-suivi-interventions .tb-lien:hover {
	-webkit-filter: brightness(0) invert(93%) sepia(45%) saturate(4242%) hue-rotate(178deg) brightness(101%) contrast(98%);
	        filter: brightness(0) invert(93%) sepia(45%) saturate(4242%) hue-rotate(178deg) brightness(101%) contrast(98%);
}

#tb-creer-client .tb-lien {
	background-image: url("../images/icones/homme.png");
	background-position: top -43% right -60%;
	background-size: 70%;
}

#tb-creer-devis .tb-lien {
	background-image: url("../images/icones/maintenance.png");
	background-position: top -285% right -228%;
	background-size: 90%;
}

#tb-creer-intervention .tb-lien {
	background-image: url("../images/icones/recu.png");
	background-position: top -21% right -13%;
	background-size: 62%;
}

#tb-suivi-interventions .tb-lien {
	background-image: url("../images/icones/compas.png");
	background-position: top -468% right -290%;
	background-size: 92%;
}



/* DataTable */

.dataTables_wrapper {
	overflow: auto;
}

.dataTable {
	width: 100% !important;
}

.dataTable th {
	text-align: left;
}

.dataTables_paginate .pagination .paginate_button {
	padding: 0;
}

.dataTables_paginate .pagination .paginate_button:hover,
.dataTables_paginate .pagination .paginate_button:active {
	border-color: transparent;
	background: transparent;
	box-shadow: none;
}

.dataTables_paginate .pagination .paginate_button a {
	font-weight: 600;
	text-decoration: none;
	color: var(--gris-fonce);
}

.dataTables_paginate .pagination .paginate_button.active a {
	color: var(--vert);
}

table.dataTable thead th, 
table.dataTable thead td {
	border-bottom: none;
	font-weight: bold;
	color: var(--gris);
}

table.dataTable thead th:not(:last-child), 
table.dataTable thead td:not(:last-child) {
	padding-left: 10px;
}

table.dataTable.no-footer {
	border-bottom: none;
}

table.dataTable > thead .sorting::before, 
table.dataTable > thead .sorting::after, 
table.dataTable > thead .sorting_asc::before, 
table.dataTable > thead .sorting_asc::after, 
table.dataTable > thead .sorting_desc::before, 
table.dataTable > thead .sorting_desc::after, 
table.dataTable > thead .sorting_asc_disabled::before, 
table.dataTable > thead .sorting_asc_disabled::after, 
table.dataTable > thead .sorting_desc_disabled::before, 
table.dataTable > thead .sorting_desc_disabled::after {
	content: "\279C";
	bottom: 50%;
	color: var(--gris-clair);
	font-size: 0.8em;
	font-weight: bold;
	opacity: 1;
}

table.dataTable > thead .sorting::before, 
table.dataTable > thead .sorting_asc::before, 
table.dataTable > thead .sorting_desc::before, 
table.dataTable > thead .sorting_asc_disabled::before, 
table.dataTable > thead .sorting_desc_disabled::before {
	transform: translate(24%, 44%) rotate(-90deg);
}

table.dataTable > thead .sorting::after, 
table.dataTable > thead .sorting_asc::after, 
table.dataTable > thead .sorting_desc::after, 
table.dataTable > thead .sorting_asc_disabled::after, 
table.dataTable > thead .sorting_desc_disabled::after {
	transform: translate(65%, 44%) rotate(90deg);
}

table.dataTable > thead .sorting_asc::before, 
table.dataTable > thead .sorting_desc::after {
	color: var(--vert);
}

table.dataTable tbody tr > th:first-child > div, 
table.dataTable tbody tr > td:first-child > div {
	border-left: solid var(--vert) 2px;
	padding-left: 5px;
}

table.dataTable thead tr > th:last-child, 
table.dataTable thead tr > td:last-child {
	text-align: center;
}

table.dataTable tbody tr > th:last-child > div, 
table.dataTable tbody tr > td:last-child > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

table.dataTable tbody tr > th:last-child > div .bouton, 
table.dataTable tbody tr > td:last-child > div .bouton {
	width: max-content;
}

table.dataTable tbody tr > th:last-child > div .bouton + .bouton, 
table.dataTable tbody tr > td:last-child > div .bouton + .bouton {
	margin-left: 5px;
}

.tr-editer {
	cursor: pointer;
}

.tr-editer:hover {
	background-color: var(--bleu-clair);
}

table.dataTable label.vert,
table.dataTable label.violet,
table.dataTable label.orange,
table.dataTable label.gris {
	display: block;
	padding: 5px 20px;
	border-radius: 70px;
	text-align: center;
	color: var(--blanc);
	font-size: 0.9em;
	min-width: 58px;
	width: 58px;
}

table.dataTable label.vert {
	background-color: var(--vert);
}

table.dataTable label.violet {
	background-color: var(--violet);
}

table.dataTable label.orange {
	background-color: var(--orange);
}

table.dataTable label.gris {
	background-color: var(--gris);
}

table.dataTable .lien-pdf {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 50%;
	background-color: var(--orange);
	width: 34px;
	height: 34px;
}

table.dataTable * + .lien-pdf {
	margin-left: 5px;
}

table.dataTable .lien-pdf img {
	display: block;
	height: 65%;
	-webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1);
}



/* Modal */

.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 10;
}

.modal-ouverte {
	display: block;
}

.modal-transparent {
	background-color: transparent !important;
}

.modal-conteneur {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 90%;
	overflow-y: auto;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-color: var(--blanc-casse);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.modal-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: var(--vert);
	padding: 12px 40px;
}

.modal-header h2 {
	color: var(--blanc);
	margin: 0;
	font-size: 18px;
	font-weight: 500;
}

.modal-header .fermer-modal {
	padding: 0;
}

.modal-header .fermer-modal img {
	height: 28px;
	margin-right: 0;
}

.modal-body {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0px;
	        flex: 1 1 0;
}

.modal-body .body-contenu {
	padding: 20px;
}

.modal-body input[type='text'],
.modal-body input[type='email'],
.modal-body input[type='password'],
.modal-body select {
	width: 100px;
}

.modal-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: var(--bleu-clair);
	padding-top: 20px;
}

.modal-menu > .input-cache + label {
	padding: 10px 30px;
}

.modal-menu > .input-cache:first-child:checked + label {
	border-radius: 0 18px 0 0;
}

.modal-menu > .input-cache:checked + label {
	font-weight: 700;
	border-radius: 18px 18px 0 0;
	background-color: var(--blanc-casse);
	color: var(--vert);
}

.modal-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 15px 30px;
}

.modal-footer .fermer-modal {
	background-color: var(--gris-fonce);
}

.modal .sous-titre-modal {
	color: var(--vert);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-left: solid var(--vert) 2px;
	padding-left: 10px;
	margin: 20px 0 30px 0;
}

.modal-body .flex-simple,
.modal-body .flex-cover,
.modal-body .flex-cover-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.modal-body .flex-cover-col {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.modal-body .flex-cover > * {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0px;
	        flex: 1 1 0;
}

.modal-body .flex-cover-col > * {
	width: 100%;
}

/* Modal Client */

#modal-nouveau-client .modal-conteneur {
	width: 95%;
	max-width: 800px;
}

#modal-editer-client .modal-conteneur {
	width: 95%;
	max-width: 850px;
}

#modal-nouveau-client .modal-body,
#client-historique-interventions,
#client-informations {
	padding: 30px;
	padding-top: 10px;
}

#conteneur-supprimer-logo img {
	display: inline-block;
	width: 200px;
}

.client-litige {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	border: solid #ff7979 2px;
	border-radius: 10px;
	padding: 15px 10px;
}

#modal-nouveau-client .modal-body > div:nth-child(1) > div,
#client-informations > div:nth-child(1) > div {
	height: 38px;
}

#modal-nouveau-client .modal-body > div:nth-child(1) > div > label + label,
#client-informations > div:nth-child(1) > div > label + label {
	margin-left: 15px;
}

#modal-nouveau-client .modal-body > div:nth-child(2) > div > div + div,
#client-informations > div:nth-child(2) > div > div + div {
	margin-top: 17px;
}

#modal-nouveau-client .modal-body .do-selectize,
#client-informations .do-selectize {
	flex: 1 1 0;
	margin-left: 30px;
}

#modal-nouveau-client .checkbox input[type="checkbox"] + span,
#client-informations .checkbox input[type="checkbox"] + span {
	min-width: 15px;
	width: 15px;
	min-height: 15px;
	height: 15px;
	margin-right: 5px;
}

#modal-nouveau-client .radio input[type="radio"] + span,
#client-informations .radio input[type="radio"] + span {
	margin-right: 5px;
}

#modal-nouveau-client .flex-simple > *:first-child,
#client-informations .flex-simple > *:first-child {
	margin-right: 10px;
}

#modal-nouveau-client .flex-simple > * + *,
#client-informations .flex-simple > * + * {
	margin-left: 10px;
}

#modal-nouveau-client .flex-cover > * + *,
#client-informations .flex-cover > * + * {
	margin-left: 20px;
}

.champs-site > div > div + div {
	margin-top: 17px;
}

.champs-site .flex-cover > * + * {
	margin-left: 20px;
}

.liste-sites > .champs-site + .champs-site {
	border-top: solid var(--bleu-clair) 2px;
	margin-top: 30px;
}

.champs-site .entete-bloc-site {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.champs-site .entete-bloc-site .sous-titre-modal {
	margin-bottom: 20px;
}

.ajouter-bloc-site {
	margin-top: 20px;
}

.champs-site .sous-titre-modal .aide-site {
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: var(--gris-fonce);
}

#client-sites {
	padding: 30px;
	padding-top: 10px;
}

#client-sites .table-sites {
	width: 100%;
	margin-top: 20px;
}

#client-sites .table-sites td:last-child {
	white-space: nowrap;
}

#client-sites .table-sites td > * + * {
	margin-left: 5px;
}

#modal-site .modal-conteneur,
#modal-descriptif-site-intervention .modal-conteneur {
	width: 95%;
	max-width: 800px;
}

#modal-site .contenu-site,
#modal-descriptif-site-intervention .modal-body > .champs-site {
	padding: 30px;
	padding-top: 10px;
}

.sites-mono .section-tableau-programmation {
	margin-top: 30px;
}

.section-tableau-programmation .aide-tableau-programmation {
	font-size: 13px;
	color: var(--gris-fonce);
}

#modal-site .modal-footer > * + *,
#modal-descriptif-site-intervention .modal-footer > * + * {
	margin-left: 10px;
}

#modal-nouveau-client .modal-footer > * + *,
#modal-editer-client .modal-footer > * + * {
	margin-left: 10px;
}

/* Modal Donneur d'Ordre */

#modal-nouveau-donneur-ordre .modal-conteneur,
#modal-editer-donneur-ordre .modal-conteneur {
	width: 95%;
	max-width: 800px;
}

#modal-nouveau-donneur-ordre .modal-body,
#modal-editer-donneur-ordre .modal-body {
	padding: 30px;
	padding-top: 10px;
}

#modal-nouveau-donneur-ordre .modal-body > div > div:nth-child(4) > *:first-child,
#modal-editer-donneur-ordre .modal-body > div > div:nth-child(4) > *:first-child {
	-webkit-box-flex: unset;
	    -ms-flex: unset;
	        flex: unset;
	width: calc(100% / 3);
}

#modal-nouveau-donneur-ordre .modal-body > div > div:nth-child(4) > *:last-child,
#modal-editer-donneur-ordre .modal-body > div > div:nth-child(4) > *:last-child {
	-webkit-box-flex: unset;
	    -ms-flex: unset;
	        flex: unset;
	width: calc((100% * 2 / 3) + 50px);
}

#modal-nouveau-donneur-ordre .modal-body > div > div + div,
#modal-editer-donneur-ordre .modal-body > div > div + div {
	margin-top: 17px;
}

#modal-nouveau-donneur-ordre .modal-body > div > div > * + *,
#modal-editer-donneur-ordre .modal-body > div > div > * + * {
	margin-left: 40px;
}

#modal-nouveau-donneur-ordre .modal-footer > * + *,
#modal-editer-donneur-ordre .modal-footer > * + * {
	margin-left: 10px;
}

#modal-nouveau-donneur-ordre .ajouter-photo,
#modal-editer-donneur-ordre .ajouter-photo,
#modal-nouveau-devis .ajouter-photo,
#modal-editer-devis .devis-pdf {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 40px;
	padding: 2px 20px;
	margin-left: 25px !important;
	background-color: var(--bleu-clair);
}

#modal-nouveau-donneur-ordre .ajouter-photo:hover,
#modal-editer-donneur-ordre .ajouter-photo:hover,
#modal-nouveau-devis .ajouter-photo:hover,
#modal-editer-devis .devis-pdf:hover {
	cursor: pointer;
}

#modal-nouveau-donneur-ordre .ajouter-photo input,
#modal-editer-donneur-ordre .ajouter-photo input,
#modal-nouveau-devis .ajouter-photo input,
#modal-editer-devis .devis-pdf input {
	display: none !important;
}

#modal-nouveau-donneur-ordre .ajouter-photo img,
#modal-editer-donneur-ordre .ajouter-photo img,
#modal-nouveau-devis .ajouter-photo img,
#modal-editer-devis .devis-pdf img {
	display: block;
	height: 80%;
	-webkit-filter: brightness(0) invert(55%) sepia(63%) saturate(12%) hue-rotate(154deg) brightness(105%) contrast(91%);
	        filter: brightness(0) invert(55%) sepia(63%) saturate(12%) hue-rotate(154deg) brightness(105%) contrast(91%);
}

#modal-nouveau-donneur-ordre .ajouter-photo img:last-child,
#modal-editer-donneur-ordre .ajouter-photo img:last-child,
#modal-nouveau-devis .ajouter-photo img:last-child,
#modal-editer-devis .devis-pdf img:last-child {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 70%;
	right: -10px;
	-webkit-filter: brightness(0) invert(71%) sepia(56%) saturate(2272%) hue-rotate(29deg) brightness(96%) contrast(90%);
	        filter: brightness(0) invert(71%) sepia(56%) saturate(2272%) hue-rotate(29deg) brightness(96%) contrast(90%);
}

#annuler-modif-logo,
#supprimer-logo {
	margin-top: 10px;
	margin-left: 0 !important;
}

/* Modal Devis */

#modal-nouveau-devis .modal-conteneur,
#modal-editer-devis .modal-conteneur {
	width: 95%;
	max-width: 1100px;
}

#modal-nouveau-devis .modal-body,
#modal-editer-devis .modal-body {
	padding: 30px;
	padding-top: 10px;
}

#modal-nouveau-devis .modal-body > div > div + div,
#modal-editer-devis .modal-body > div > div > div + div {
	margin-top: 12px;
}

#modal-nouveau-devis .modal-body > div > div > * + *,
#modal-editer-devis .modal-body > div > div > div > * + * {
	margin-left: 15px;
}

#modal-nouveau-devis .client-selectize,
#modal-editer-devis .client-selectize {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0px;
	        flex: 1 1 0;
}

#modal-nouveau-devis input,
#modal-editer-devis input,
#modal-nouveau-devis select,
#modal-editer-devis select,
#modal-nouveau-devis textarea,
#modal-editer-devis textarea {
	width: auto;
}

#modal-nouveau-devis input[name="devis-systeme-texte"],
#modal-editer-devis input[name="devis-systeme-texte"] {
	width: 100px !important;
}

#modal-nouveau-devis #croquis {
	margin-bottom: 10px;
}

#croquis,
#image-croquis {
	display: block;
	margin: 0 auto;
	border: solid #2f2f2f 2px;
	width: 80%;
}

#modal-nouveau-devis .ajouter-photo {
	margin-top: 12px;
}

#modal-nouveau-devis .modal-footer > * + *,
#modal-editer-devis .modal-footer > * + * {
	margin-left: 10px;
}

#modal-editer-devis .devis-pdf {
	max-width: 170px;
}

#modal-editer-devis .devis-pdf span {
	display: none;
	margin-left: 10px;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#lien-devis-pdf {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

#supprimer-devis-pdf {
	margin-left: 10px;
}

#annuler-supp-devis-pdf {
	margin-top: 10px;
}

/* Modal Intervention */

#modal-editer-intervention .modal-conteneur {
	width: 95%;
	max-width: 1100px;
}

#modal-editer-intervention .modal-body {
	padding: 30px;
	padding-top: 10px;
}

#modal-editer-intervention form {
	margin-bottom: 20px;
}

#modal-editer-intervention .modal-body > form > div > div + div {
	margin-top: 12px;
}

#modal-editer-intervention .modal-body > form > div > div:not(.flex-cover-col) > * + * {
	margin-left: 15px;
}

#modal-editer-intervention .client-selectize,
#modal-editer-intervention .devis-selectize,
#modal-editer-intervention .technicien-selectize {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0px;
	        flex: 1 1 0;
}

#modal-editer-intervention .ctn-pieces-utilisees > div:nth-child(1) {
	-webkit-box-flex: 2 !important;
	    -ms-flex: 2 1 0px !important;
	        flex: 2 1 0 !important;
}

#modal-editer-intervention #ctn-appreciation-client {
	margin-top: 12px !important;
}

#modal-editer-intervention .modal-footer > * + * {
	margin-left: 10px;
}

#modal-editer-intervention .lien-pdf,  #modal-editer-proces-verbal .lien-pdf{
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-left: auto;
}

/* Modal Tableau Programmation */

#modal-tableau-programmation .modal-conteneur {
	width: 95%;
	max-width: 1000px;
}

#ajouter-programmation h3 {
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	color: var(--vert);
	font-size: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-left: solid var(--vert) 2px;
}

#ajouter-programmation form,
#ajouter-programmation form > div > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
}

#ajouter-programmation form > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#ajouter-programmation form > div > div,
#ajouter-programmation form > div > div > div > * {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#ajouter-programmation form > div > div > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#ajouter-programmation .actions {
	-webkit-box-pack: end !important;
	    -ms-flex-pack: end !important;
	        justify-content: end !important;
}

#ajouter-programmation form > div > div {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0px;
	        flex: 1 1 0;
}

#ajouter-programmation form > div > div > * {
	width: 100%;
}

#ajouter-programmation form > * {
	width: 100%;
}

#ajouter-programmation form > * + * {
	margin-top: 15px;
}

#ajouter-programmation form > div > * + * {
	margin-left: 40px;
}

#ajouter-programmation form > div > div > * + * {
	margin-top: 10px;
}

#ajouter-programmation form > div > div > div > * + * {
	margin-left: 10px;
}

#ajouter-programmation form > div > div > div {
	background-color: var(--bleu-clair);
}

#ajouter-programmation form > div > div > div > label {
	color: var(--vert);
	text-align: center;
	font-weight: 600;
	font-size: 20px;
	padding: 6px 18px;
}

#ajouter-programmation form > div > div > div > label span {
	margin: 0 auto 3px auto;
}

#ajouter-programmation input:not(.bouton),
#ajouter-programmation select {
	padding: 12px 17px;
	height: 61px;
}

#ajouter-programmation input[type="time"] {
	text-align: center;
	font-weight: 600;
}

#ctn-numero-programmation,
#ctn-jours {
	padding: 0;
	-webkit-box-pack: justify !important;
	    -ms-flex-pack: justify !important;
	        justify-content: space-between !important;
}

#ctn-numero-programmation > label,
#ctn-jours > label {
	padding: 6px 10px;
	margin: 0 !important;
}

#ajouter-programmation .actions > * + * {
	margin-left: 10px !important;
}

#ajouter-programmation form input[name="programmation[]"] + span,
#ajouter-programmation form input[name="jours[]"] + span {
	position: relative;
	display: block;
	width: 9px;
	height: 9px;
	border: solid var(--gris) 2px;
	border-radius: 3px;
}

#ajouter-programmation .bouton[data-action="annuler"] {
	background-color: var(--rouge);
}

#modal-tableau-programmation .programmation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 15px;
	padding: 10px 20px;
	background-color: var(--blanc);
	-webkit-box-shadow: 0 3px 7px hsla(0, 0%, 0%, 0.2);
	        box-shadow: 0 3px 7px hsla(0, 0%, 0%, 0.2);
}

#modal-tableau-programmation .programmation h4 {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	font-size: 13px;
	color: var(--vert);
	letter-spacing: 2px;
	text-transform: uppercase;
	border-left: solid var(--gris-clair) 2px;
}

#modal-tableau-programmation .programmation p {
	margin: 5px 0 0 0;
	font-size: 14px;
}

#modal-tableau-programmation .programmation > div:last-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#modal-tableau-programmation .programmation > div:last-child > * + * {
	margin-left: 10px;
}

#modal-tableau-programmation .programmation > div:last-child > .supprimer-programmation {
	background-color: var(--rouge);
}

#modal-tableau-programmation .modal-footer .fermer-modal {
	background-color: var(--vert);
}

#modal-tableau-programmation .modal-footer > * + * {
	margin-left: 10px;
}

/* Modal Releve de Compteur + Fiche Programmateur */

#modal-fiche-programmateur .modal-conteneur {
	width: 95%;
	max-width: 900px;
}

#modal-fiche-programmateur .modal-body {
	overflow: auto;
}

#ajouter-releve, 
#ajouter-programme {
	margin-bottom: 20px;
}

#modal-releve-compteur table,
#modal-fiche-programmateur table {
	width: 100%;
}

#modal-releve-compteur table tr,
#modal-fiche-programmateur table tr {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	padding: 10px 20px;
}

#modal-fiche-programmateur table tr {
	grid-template-columns: repeat(9, 124px) !important;
}

#modal-releve-compteur table thead tr,
#modal-fiche-programmateur table thead tr {
	padding-top: 0;
	padding-bottom: 0;
}

#modal-releve-compteur table tbody tr,
#modal-fiche-programmateur table tbody tr {
	margin-top: 15px;
	background-color: var(--blanc);
	-webkit-box-shadow: 0 3px 7px hsla(0, 0%, 0%, 0.2);
	        box-shadow: 0 3px 7px hsla(0, 0%, 0%, 0.2);
}

#modal-releve-compteur table tr th,
#modal-releve-compteur table tr td,
#modal-fiche-programmateur table tr th,
#modal-fiche-programmateur table tr td {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#modal-releve-compteur table tr td > *,
#modal-fiche-programmateur table tr td > * {
	width: 95% !important;
}

#modal-releve-compteur .supprimer-releve,
#modal-fiche-programmateur .supprimer-programme {
	margin-top: 5px;
	background-color: var(--rouge);
}

#modal-releve-compteur .modal-footer .fermer-modal,
#modal-fiche-programmateur .modal-footer .fermer-modal {
	background-color: var(--vert);
}

/* Modal Technicien */

#modal-nouveau-technicien .modal-conteneur,
#modal-editer-technicien .modal-conteneur {
	width: 95%;
	max-width: 800px;
}

#modal-nouveau-technicien .modal-body,
#modal-editer-technicien .modal-body {
	padding: 30px;
	padding-top: 10px;
}

#modal-nouveau-technicien .modal-body > div > div + div,
#modal-editer-technicien .modal-body > div > div + div {
	margin-top: 15px;
}

#modal-nouveau-technicien .modal-body > div > div > * + *,
#modal-editer-technicien .modal-body > div > div > * + * {
	margin-left: 15px;
}

#modal-nouveau-technicien .flex-cover > * + *,
#modal-editer-technicien .flex-cover > * + * {
	margin-left: 25px !important;
}

#modal-nouveau-technicien .modal-footer > * + *,
#modal-editer-technicien .modal-footer > * + * {
	margin-left: 10px;
}

#modal-nouveau-technicien .checkbox input[type="checkbox"] + span,
#modal-editer-technicien .checkbox input[type="checkbox"] + span {
	min-width: 15px;
	width: 15px;
	min-height: 15px;
	height: 15px;
	margin-right: 5px;
}

#modal-nouveau-technicien .radio input[type="radio"] + span,
#modal-editer-technicien .radio input[type="radio"] + span {
	margin-right: 5px;
}



/* Filtres */

.form-filtres {
	margin: 40px 0 40px 0;
}

.form-filtres > div + div {
	margin-top: 20px;
}

.form-filtres .filtres-espaces,
.form-filtres .filtres-colles {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	grid-gap: 10px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.form-filtres .filtres-colles > .filtres-colles,
.form-filtres .filtres-colles > .filtres-espaces,
.form-filtres .filtres-espaces > * {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0px;
	        flex: 1 1 0;
}

.form-filtres .filtres-colles > label input,
.form-filtres .filtres-espaces > label input {
	margin-left: 10px;
}

.form-filtres input[type="radio"] {
	display: none;
}

.form-filtres input[type="radio"] + label {
	padding: 5px 20px;
	border: solid var(--vert) 1px;
	border-radius: 70px;
	color: var(--vert);
	font-size: 0.9em;
	font-weight: 600;
}

.form-filtres input[type="radio"] + label.violet {
	border-color: var(--violet);
	color: var(--violet);
}

.form-filtres input[type="radio"] + label.orange {
	border-color: var(--orange);
	color: var(--orange);
}

.form-filtres input[type="radio"] + label.gris {
	border-color: var(--gris);
	color: var(--gris);
}

.form-filtres input[type="radio"]:checked + label {
	background-color: var(--vert);
	color: var(--blanc);
}

.form-filtres input[type="radio"]:checked + label.violet {
	background-color: var(--violet);
}

.form-filtres input[type="radio"]:checked + label.orange {
	background-color: var(--orange);
}

.form-filtres input[type="radio"]:checked + label.gris {
	background-color: var(--gris);
}

.form-filtres .actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.form-filtres .actions > * + * {
	margin-left: 10px;
}

.form-filtres label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	jsutify-content: start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}



/* Client */

.litige-client {
	background-color: #F3A5BA !important;
}

.litige-client td {
	border-top: solid #F38BA0 2px;
	border-bottom: solid #F38BA0 2px;
}

.litige-client + .litige-client td {
	border-top: none;
}



/* Devis */



/* Intervention */

#ctn-menu-intervention {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (500px)[2];
	grid-template-columns: repeat(2, 500px);
	grid-row-gap: 50px;
	margin-top: 20px;
}

#ctn-menu-intervention h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0 0 15px 0;
	color: var(--noir);
	font-size: 0.9em;
	font-weight: 500;
}

#ctn-menu-intervention .bouton + .bouton {
	margin-top: 7px;
}

#ctn-menu-intervention .bouton span {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
}

#ctn-menu-intervention h3 img {
	display: block;
	height: 22px;
	margin-right: 8px;
	-webkit-filter: brightness(0) invert(36%) sepia(3%) saturate(18%) hue-rotate(2deg) brightness(92%) contrast(90%);
	        filter: brightness(0) invert(36%) sepia(3%) saturate(18%) hue-rotate(2deg) brightness(92%) contrast(90%);
}

#nouvelle-intervention {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-color: var(--blanc);
}

#nouvelle-intervention .title {
	background-color: var(--bleu-clair);
	padding: 20px var(--espace);
}

#etapes-creation-intervention {
	background-color: var(--bleu-clair);
}

#etapes-creation-intervention ul,
#etapes-creation-intervention li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	list-style: none;
	margin: 0;
	padding: 0;
}

#etapes-creation-intervention li label {
	padding: 15px 50px;
	color: var(--gris);
	font-weight: 500;
}

#etapes-creation-intervention li label:hover {
	cursor: pointer;
}

#etapes-creation-intervention li:first-child label {
	padding-left: var(--espace);
}

#etapes-creation-intervention li input[name='etape-intervention']:checked + label {
	background-color: var(--blanc);
	font-weight: 700;
	border-radius: 18px 18px 0 0;
}

#etapes-creation-intervention li:first-child input[name='etape-intervention']:checked + label {
	border-radius: 0 18px 0 0;
}

#nouvelle-intervention > div:last-child {
	padding: 0 var(--espace);
}

#nouvelle-intervention h2 {
	color: var(--vert);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-left: solid var(--vert) 2px;
	padding-left: 10px;
	margin: 20px 0;
}

#nouvelle-intervention .retour-etape {
	margin-bottom: 30px;
}

#nouvelle-intervention label.bouton {
	font-size: 15px;
}

#nouvelle-intervention textarea {
	width: 100%;
	min-height: 50px;
}

#nouvelle-intervention .column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

#nouvelle-intervention input::-webkit-inner-spin-button,
#nouvelle-intervention input::-webkit-calendar-picker-indicator,
#modal-tableau-programmation input::-webkit-inner-spin-button,
#modal-tableau-programmation input::-webkit-calendar-picker-indicator,
#modal-releve-compteur input::-webkit-inner-spin-button,
#modal-releve-compteur input::-webkit-calendar-picker-indicator,
#modal-fiche-programmateur input::-webkit-calendar-picker-indicator,
#modal-fiche-programmateur input::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

#nouvelle-intervention textarea,
#nouvelle-intervention input:not(.bouton),
#nouvelle-intervention select,
#modal-tableau-programmation textarea,
#modal-tableau-programmation input:not(.bouton),
#modal-tableau-programmation select,
#modal-releve-compteur textarea,
#modal-releve-compteur input:not(.bouton),
#modal-releve-compteur select,
#modal-fiche-programmateur textarea,
#modal-fiche-programmateur input:not(.bouton),
#modal-fiche-programmateur select {
	box-sizing: border-box;
	border: none;
	outline: none;
	display: block;
	background-color: var(--bleu-clair);
}

#nouvelle-intervention textarea,
#modal-tableau-programmation textarea,
#modal-releve-compteur textarea,
#modal-fiche-programmateur textarea {
	padding: 15px;
}

#nouvelle-intervention input:not(.bouton),
#nouvelle-intervention select,
#modal-tableau-programmation input:not(.bouton),
#modal-tableau-programmation select,
#modal-releve-compteur input:not(.bouton),
#modal-releve-compteur select,
#modal-fiche-programmateur input:not(.bouton),
#modal-fiche-programmateur select {
	padding: 10px 15px;
	font-size: 15px;
	font-weight: 500;
}

/* PARTIE INFORMATIONS */

#conteneur-informations > form > div,
#ctn-duree-interv > div:last-child,
#ctn-duree-interv > div:not(:last-child) > label:last-child,
#ctn-temps-passe > label:last-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#conteneur-informations > form > div {
	margin-bottom: 15px;
}

#ctn-interv-client > *:not([style*="display: none"]) + * {
	margin-left: 25px;
}

#ctn-interv-client .selectize-control {
	width: 33%;
}

#ctn-interv-devis .selectize-control {
	width: 33%;
}

#ctn-sur-devis > label + .input-cache + label {
	margin-left: 20px;
}

#ctn-sur-devis .input-cache:not(:checked) + label {
	background-color: var(--blanc);
	border-color: var(--vert);
	color: var(--vert);
}

#ctn-nom-interv,
#ctn-duree-interv > div:not(:last-child),
#ctn-duree-interv > div:last-child > div,
#ctn-temps-passe {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: column !important;
	        flex-direction: column !important;
	-webkit-box-align: start !important;
	    -ms-flex-align: start !important;
	        align-items: start !important;
}

#ctn-duree-interv > div + div {
	margin-left: 30px;
}

#ctn-duree-interv > div:not(:last-child) > label:last-child,
#ctn-temps-passe > label:last-child {
	background-color: var(--bleu-clair);
	padding: 10px 15px 10px 5px;
}

#ctn-duree-interv > div:not(:last-child) > label:last-child img,
#ctn-temps-passe > label:last-child img {
	display: block;
	height: 20px;
	margin: 0 10px 0 5px;
	-webkit-filter: invert(74%) sepia(12%) saturate(2316%) hue-rotate(32deg) brightness(91%) contrast(98%);
	        filter: invert(74%) sepia(12%) saturate(2316%) hue-rotate(32deg) brightness(91%) contrast(98%);
}

#ctn-duree-interv > div:not(:last-child) > label:last-child input,
#ctn-temps-passe > label:last-child input {
	padding: 0;
}

#ctn-duree-interv > div:last-child {
	-ms-flex-item-align: end;
	    -ms-grid-row-align: end;
	    align-self: end;
	margin-left: 45px;
}

#ctn-duree-interv > div:last-child img {
	display: block;
	height: 25px;
	margin-right: 20px;
	-webkit-filter: invert(74%) sepia(12%) saturate(2316%) hue-rotate(32deg) brightness(91%) contrast(98%);
	        filter: invert(74%) sepia(12%) saturate(2316%) hue-rotate(32deg) brightness(91%) contrast(98%);
}

#ctn-nom-interv > * + *,
#ctn-duree-interv > div:not(:last-child) > * + *,
#ctn-temps-passe > * + * {
	margin-top: 12px;
}

#ctn-duree-interv > div:last-child > div > * + * {
	margin-top: 4px;
}

#heure-fin {
	color: var(--vert);
	font-weight: 600;
}

#envoyer-rapport span {
	margin: 0;
}

/* PARTIE DESCRIPTION */

#conteneur-description form button {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

#conteneur-description form > div + div {
	margin-top: 15px;
}

.operations,
.operations > div > div,
.operations label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
}

.operations > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
}

.operations > div + div {
	margin-left: 40px;
}

.operations label,
.operations > div > div {
	height: auto;
	-webkit-box-align: center !important;
	    -ms-flex-align: center !important;
	        align-items: center !important;
}

.operations > div > * {
	min-height: 35px;
	height: auto;
}

.operations > div > div > * + * {
	margin-left: 20px;
}

#tableau-programmation,
#recap-tableau-programmation,
#releve-compteur,
#recap-releve-compteur,
#fiche-programmateur,
#recap-fiche-programmateur,
.ouvrir-programmation-site,
.recap-programmation-site,
.ouvrir-descriptif-site,
.recap-descriptif-site {
	border: none;
	outline: none;
	padding: 10px 0;
	margin: 0 !important;
	background-color: transparent;
	color: var(--noir);
	text-decoration: underline;
	font-size: 16px;
	font-weight: 600;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
}

#tableau-programmation img,
#recap-tableau-programmation img,
#releve-compteur img,
#recap-releve-compteur img,
#fiche-programmateur img,
#recap-fiche-programmateur img,
.ouvrir-programmation-site img,
.recap-programmation-site img,
.ouvrir-descriptif-site img,
.recap-descriptif-site img {
	display: block;
	height: 18px;
	margin-left: 12px;
	-webkit-filter: invert(74%) sepia(12%) saturate(2316%) hue-rotate(32deg) brightness(91%) contrast(98%);
	        filter: invert(74%) sepia(12%) saturate(2316%) hue-rotate(32deg) brightness(91%) contrast(98%);
}

.ctn-desc-interv {
	display: -ms-grid !important;
	display: grid !important;
	-ms-grid-columns: 1fr 40px 1fr !important;
	grid-template-columns: repeat(2, 1fr) !important;
	grid-gap: 25px 40px !important;
}

.ctn-desc-interv > * {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0px;
	        flex: 1 1 0;
}

.ctn-pieces-utilisees {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
    -webkit-box-orient: horizontal  !important;
    -webkit-box-direction: normal  !important;
        -ms-flex-direction: row  !important;
            flex-direction: row  !important;
	-webkit-box-pack: start !important;
	    -ms-flex-pack: start !important;
	        justify-content: start !important;
	-webkit-box-align: stretch !important;
	    -ms-flex-align: stretch !important;
	        align-items: stretch !important;
}

.ctn-pieces-utilisees > div + div {
	margin-left: 10px !important;
	margin-top: 0 !important;
}

.ctn-pieces-utilisees > div:nth-child(1) {
	-webkit-box-flex: 3 !important;
	    -ms-flex: 3 1 0px !important;
	        flex: 3 1 0 !important;
}

.ctn-pieces-utilisees > div:nth-child(2) {
	-webkit-box-flex: 1 !important;
	    -ms-flex: 1 1 0px !important;
	        flex: 1 1 0 !important;
}

/* SITES D'UNE INTERVENTION (ACCORDÉON) */

#choix-sites {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
}

#choix-sites > * + * {
	margin-top: 10px;
}

.accordeon-sites {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	    -ms-flex-direction: column !important;
	        flex-direction: column !important;
	-webkit-box-align: stretch !important;
	    -ms-flex-align: stretch !important;
	        align-items: stretch !important;
	width: 100%;
}

.accordeon-sites > * + * {
	margin-top: 15px !important;
	margin-left: 0 !important;
}

.section-site {
	display: block !important;
	border: 1px solid var(--gris-clair);
	border-radius: 5px;
	background-color: var(--blanc);
}

#conteneur-description .entete-section-site,
#conteneur-signature .entete-section-site,
#accordeon-sites-proces-verbal .entete-section-site {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	padding: 12px 15px;
	margin: 0 !important;
	border: none;
	outline: none;
	background-color: var(--vert);
	color: var(--blanc);
	font-size: 17px;
	font-weight: 600;
	cursor: pointer;
}

#conteneur-description .entete-section-site .titre-section-site,
#conteneur-signature .entete-section-site .titre-section-site,
#accordeon-sites-proces-verbal .entete-section-site .titre-section-site {
	color: var(--blanc);
}

.entete-section-site img {
	height: 18px;
	-webkit-transition: -webkit-transform .2s;
	transition: transform .2s;
	-webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1);
}

.section-site.ouverte > .entete-section-site img {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.contenu-section-site {
	padding: 15px;
}

.contenu-section-site > * + * {
	margin-top: 15px;
}

.section-site:not(.ouverte) > .contenu-section-site {
	display: none;
}

#choix-sites .nom-site {
	margin-left: 5px;
}

.message-sites {
	font-style: italic;
}

.modal .accordeon-sites {
	max-height: none;
}

.modal .contenu-section-site .points-control {
	display: flex;
	flex-wrap: wrap;
}

.recap-liste-descriptif-site:not(.cache) {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px 40px;
}

.recap-liste-descriptif-site > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

/* PARTIE RECAPITULATIF + SIGNATURE */

#recap-intervention {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
}

#recap-intervention h2 {
	margin-top: 0;
}

#recap-intervention > * + * {
	margin-top: 10px !important;
}

#recap-intervention > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
}

#recap-intervention > div:not(.ctn-desc-interv) > * + * {
	margin-left: 15px;
}

#recap-intervention > div > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
}

#recap-intervention > div > div > * + *,
#recap-intervention > div > div > div > * + * {
	margin-top: 10px;
}

#recap-intervention *[data-name="sur-devis"] {
	margin: 15px 0 !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
}

#recap-intervention *[data-name="sur-devis"] * {
	font-size: 15px;
}

#recap-intervention *[data-name="sur-devis"] * + * {
	margin-left: 10px;
}

#recap-intervention .ctn-duree-intervention {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#recap-intervention .ctn-duree-intervention > * + * {
	margin-left: 10px;
}

#recap-liste-tableau-programmation .programmation h4,
#recap-liste-tableau-programmation .programmation p {
	margin: 0;
}

#recap-liste-tableau-programmation .programmation p {
	margin-top: 3px;
}

#recap-liste-tableau-programmation .programmation + .programmation {
	margin-top: 15px;
}

#recap-liste-releve-compteur table tr,
#recap-liste-fiche-programmateur table tr {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[6];
	grid-template-columns: repeat(6, 1fr);
	padding: 4px 20px;
}

#recap-liste-fiche-programmateur table tr {
	-ms-grid-columns: (1fr)[9] !important;
	grid-template-columns: repeat(9, 1fr) !important;
}

#recap-liste-releve-compteur table thead tr,
#recap-liste-fiche-programmateur table thead tr {
	padding-top: 0;
	padding-bottom: 0;
}

#recap-liste-releve-compteur table tbody tr + tr,
#recap-liste-fiche-programmateur table tbody tr + tr {
	margin-top: 0;
}

#recap-liste-releve-compteur table tr th,
#recap-liste-releve-compteur table tr td,
#recap-liste-fiche-programmateur table tr th,
#recap-liste-fiche-programmateur table tr td {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#recap-liste-releve-compteur table tr td > *,
#recap-liste-fiche-programmateur table tr td > * {
	width: 95% !important;
}

#signature-client {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
	margin-top: 16px;
}

#signature-client > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
}

#signature-client > div:first-child {
	width: 396px;
}

#signature-client > div:last-child {
	width: 50%;
}

#signature-client > div:last-child > * {
	width: 100%;
}

#signature-client > div > * + *,
#ctn-remarque-client > * + * {
	margin-top: 10px;
}

#signature-client textarea {
	height: 116px;
}

#signature {
	display: block;
	height: 116px;
	box-sizing: border-box;
	background-color: var(--bleu-clair);
}

#effacer-signature {
	margin-left: auto;
	margin-top: 25px !important;
	background-color: var(--gris-fonce);
	font-size: 15px;
}

#ctn-appreciation-client {
	margin-top: 60px !important;
}

#ctn-appreciation-client > div {
	display: flex;
	flex-direction: row-reverse;
	justify-content: start;
	align-items: center;
	margin-top: 10px;
}

#ctn-appreciation-client > div > label + .input-cache + label {
	padding-right: 10px;
}

#ctn-appreciation-client img {
	display: block;
	height: 30px;
	-webkit-filter: brightness(0) invert(97%) sepia(3%) saturate(36%) hue-rotate(315deg) brightness(87%) contrast(81%);
	        filter: brightness(0) invert(97%) sepia(3%) saturate(36%) hue-rotate(315deg) brightness(87%) contrast(81%);
}

#ctn-appreciation-client > div > input[name="appreciation-client"]:checked ~ label img,
#ctn-appreciation-client > div > input[name="appreciation-client"]:checked ~ label ~ label img {
	-webkit-filter: brightness(0) invert(74%) sepia(12%) saturate(2316%) hue-rotate(32deg) brightness(91%) contrast(98%);
	        filter: brightness(0) invert(74%) sepia(12%) saturate(2316%) hue-rotate(32deg) brightness(91%) contrast(98%);
}

#ctn-appreciation-client > div > input[name="appreciation-client"]:not(:checked) ~ label:hover img,
#ctn-appreciation-client > div > input[name="appreciation-client"]:not(:checked) ~ label:hover ~ label img {
	-webkit-filter: brightness(0) invert(46%) sepia(76%) saturate(1895%) hue-rotate(45deg) brightness(97%) contrast(101%);
	        filter: brightness(0) invert(46%) sepia(76%) saturate(1895%) hue-rotate(45deg) brightness(97%) contrast(101%);
}

#envoyer-rapport i {
	display: none;
	color: var(--blanc);
	margin-right: 8px;
}

#envoyer-rapport.loading {
	background-color: var(--gris);
}

#envoyer-rapport.loading:hover {
	cursor: default;
}

#envoyer-rapport.loading i {
	display: block;
}



/* Techniciens */

.technicien-role label {
	padding: 5px 20px;
	border: solid #6f90ed 1px;
	border-radius: 70px;
	color: #6f90ed;
}

.technicien-actif {
	padding: 5px 20px;
	border: solid var(--vert) 1px;
	border-radius: 70px;
	color: var(--vert);
}

.technicien-inactif {
	padding: 5px 20px;
	border: solid var(--rouge) 1px;
	border-radius: 70px;
	color: var(--rouge);
}



/* Procès verbal */

#form-proces-verbal > *:not([type="submit"]) {
	padding: 15px 0;
}

#form-proces-verbal .selectize-control {
	width: 406px;
}

#form-proces-verbal .radio {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

#form-proces-verbal .radio + .radio {
	margin-left: 15px;
}

#form-proces-verbal > div > * + * {
	margin-top: 15px;
}

#form-proces-verbal > div > div > * + * {
	margin-top: 10px;
}

#form-proces-verbal > div textarea {
	height: 116px;
	width: 406px;
}

#form-proces-verbal #signature-client textarea {
	width: 100%;
}

#form-proces-verbal #signature-client > div:first-child > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	margin-top: 25px;
}

#form-proces-verbal #signature-client > div:last-child > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
}

#form-proces-verbal #signature-client > div:last-child,
#form-proces-verbal #effacer-signature {
	margin: 0 !important;
}

#modal-editer-proces-verbal .modal-conteneur {
	width: 95%;
	max-width: 1000px;
}

#modal-editer-proces-verbal .modal-body {
	padding: 30px;
	padding-top: 10px;
}

#modal-editer-proces-verbal .modal-body > form > div > div + div {
  	margin-top: 20px;
}

#modal-editer-proces-verbal .modal-body > form > div > div:not(.flex-cover-col) > * + * {
	margin-left: 15px;
}

#modal-editer-proces-verbal .client-selectize {
	-webkit-box-flex: 1;
			-ms-flex: 1 1 0px;
				flex: 1 1 0;
}

.points-control {
	padding: 10px 0;
}

.points-control,
.points-control > div > div,
.points-control label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
}

.points-control > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: start;
}

.points-control > div + div {
	margin-left: 40px;
}

.points-control label,
.points-control > div > div {
	height: auto;
	-webkit-box-align: center !important;
	    -ms-flex-align: center !important;
	        align-items: center !important;
}

.points-control > div > * {
	width: 100%;
	min-height: 35px;
	height: auto;
}

.points-control > div > * > span:first-child {
	flex: 1 1 0;	
	padding-right: 8px;
}

.points-control > div > div > * + * {
	margin-left: 20px;
}

.alert {
  /*position: absolute;*/
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  
  border: 1px solid #a3cfbb;
  border-radius: 0.375rem;
}
.alert-success {
	color: #0a3622;
  	background-color: #d1e7dd;
}



/* DataTables : le thème Bootstrap 4 dessine les flèches de tri en pseudo-éléments.
   On neutralise les background-image du thème de base, dont les PNG ne sont pas embarqués. */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
	background-image: none !important;
}