@CHARSET "utf-8";

/* General */

:root {
	--blanc: #FFF;
	--blanc-casse: #f7f9fb;
	--noir: #585858;
	--noir-fonce: #393939;
	--gris: #7f7f7f;
	--gris-fonce: #999999;
	--gris-clair: #c7c7c7;
	--gris-moyen: #A5AAB0;
/* 	--vert: #9bbf24; */
	--vert: #96bd0d;
	--vert-fonce: #779b00;
	--bleu: #5A9CF2;
	--bleu-clair: #ebf0fe;
	--bleu-fonce: #19222B;
	--rouge: #cc2f29;
	--rouge-clair : #e20714;
	
	--violet: #920dbd;
	--orange: #d67e00;
	
	--espace: 100px;
	
	--heigth-footer: 340px;
}

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

body {
	font-family: 'Nunito', 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;
	display: flex;
	justify-content: space-between;
	background-color: #ECEFF4;
}

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

h1,.h1 {
	font-weight: 700;
	font-size: 25px;
	line-height: 25px;
	color: var(--rouge-clair);
	width: fit-content;
	margin: 50px auto;
}
h1::after, .h1::after{
  content: "";
  width: 206px;
  height: 2px;
  background: #969fac;
  display: block;
  margin: 23px 0 0 -1px;
}

.titre {
	padding: 22px 0;
}
.mr-10{
	margin-right: 10px;
}
.d-flex{
	display: flex;
	flex-wrap: wrap;
}
.flex{
	flex: 1;	
}
.upper{
	text-transform: uppercase;
}
.field-error{
	border: 1px solid var(--rouge) !important;
}
.cache {
	display: none !important;
}
.m-auto{
	margin: auto;
}
.mt-0{
	margin: 0 !important
}
.radios{
	display: flex;
}
.input-cache {
	display: none !important;
}
.radio{
    /* Cacher le bouton radio par défaut */
    opacity: 0;
	width: 0 !important;
    height: 0;
    display: none !important;
}

.radio + .radio-label::before{
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid var(--gris);
    background-color:var(--blanc); 
    border-radius: 50%;
    margin-right: 10px; 
}

.radio:checked + .radio-label::before{
    background-color: var(--rouge-clair);
    border-color:var(--bleu-fonce);
}
.radio-label, .checkbox-label{
	color: var(--bleu-fonce) !important;
	font-size: 17px !important;
}

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

/*Message d'erreur ou de succes*/
.message{
	color: white;
	padding: 23px !important;
	height: 100%;
	border: solid transparent 1px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	margin: 5px;
}

.message *{
	color: white;
}
.message-success{
	background: #96bd0d !important;
}

.message-error{
	background: var(--rouge) !important;
}
/* 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, #form-mdp-oublie {
	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(--blanc);
	font-weight: 600;
	font-size: 17px;
	text-align: center;
}

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

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

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

#form-connexion div:not(#mdp-oublie), 
#form-mdp-oublie div{
	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, 
#form-mdp-oublie div.active {
	border-color: var(--rouge) !important;
}

#form-connexion div > img, 
#form-mdp-oublie 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, 
#form-mdp-oublie div.active > img {
	-webkit-filter: invert(26%) sepia(78%) saturate(2272%) hue-rotate(348deg) brightness(86%) contrast(85%);
	filter: invert(26%) sepia(78%) saturate(2272%) hue-rotate(348deg) brightness(86%) contrast(85%);
}

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

#form-connexion input[type='submit'], 
#form-mdp-oublie input[type='submit']{
	margin-top: 45px;
	padding: 10px;
	height: 42px;
	background-color: var(--rouge);
	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: 112px;
	background-color: var(--bleu-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: 2 0 0px;
	flex: 2 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;
	width: 100%;
	max-width: 72px;
}

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

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

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

#barre-nav .info {
	padding: 5px 9px;
	border-radius: 70px;
	background-color: var(--blanc);
	color: var(--noir);
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;
	height: 32px;
	align-items: center;
	display: flex;
	font-size: 14px;
	text-decoration: none;
}
#barre-nav .telephone img{
	height: 20px;
  	margin-right: 10px;
  	-webkit-filter: invert(13%) sepia(99%) saturate(4381%) hue-rotate(350deg) brightness(89%) contrast(107%);
  	filter: iinvert(13%) sepia(99%) saturate(4381%) hue-rotate(350deg) brightness(89%) contrast(107%);
}
#barre-nav .mail img{
	height: 20px;
  	-webkit-filter: invert(13%) sepia(99%) saturate(4381%) hue-rotate(350deg) brightness(89%) contrast(107%);
  	filter: invert(13%) sepia(99%) saturate(4381%) hue-rotate(350deg) brightness(89%) contrast(107%);
}

#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;
	height: 32px;
}
#deconnexion > * {
	color: var(--blanc);
}

#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;
}
#nav-liens .content-image{
	margin-right: 60px;
}
/* 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 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex !important;
	-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"]{
	display: none !important;
}

.checkbox input[type="checkbox"] + span {
	position: relative;
	width: 18px;
	min-width: 18px;
	height: 18px;
	min-height: 18px;
	border: solid var(--gris-clair) 1px;
	border-radius: 3px;
	margin-right: 7px;
	display: block;
}

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

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

.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);
}


.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) 50px var(--espace);  
	flex: 1;
	position: relative;
}

.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(--bleu-fonce);
	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(--gris);
	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: #939fad;
}

#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);
}
.title-bienvenue{
	margin: 50px 0 !important;
}
#tb-creer-client .tb-lien,
#tb-creer-devis .tb-lien,
#tb-creer-intervention .tb-lien,
#tb-suivi-interventions .tb-lien {
	-webkit-filter: invert(26%) sepia(78%) saturate(2272%) hue-rotate(348deg) brightness(86%) contrast(85%);
	        filter: invert(26%) sepia(78%) saturate(2272%) hue-rotate(348deg) brightness(86%) contrast(85%);
	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: invert(28%) sepia(40%) saturate(2921%) hue-rotate(337deg) brightness(90%) contrast(104%);;
	        filter: invert(28%) sepia(40%) saturate(2921%) hue-rotate(337deg) brightness(90%) contrast(104%);;
}

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

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

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


/* 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(--rouge);
}

table.dataTable tbody tr > th:first-child > div, 
table.dataTable tbody tr > td:first-child > div {
	border-left: solid var(--rouge) 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: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);
}

table.dataTable{
  border: 1px solid #d9d7d7;
  margin-top: 58px !important;
  background: white;
  border-radius: 12px;
  padding: 19px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
table.dataTable .voir-detail{
	text-decoration: none;
  	color: var(--bleu);
}
table.dataTable .voir-detail:hover{
	color: var(--rouge);
	text-decoration: underline;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: var(--rouge) !important;
  background: none;
  border: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: none;
  color: black !important;
  border: 1px solid #d2565257;
}

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

#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 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 {
	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 {
	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;
}

/* 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 #verifications {
	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;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	grid-gap: 10px 70px;
	margin: 20px 0;
}

#form-proces-verbal #verifications > div {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: -webkit-max-content 30px -webkit-max-content;
	-ms-grid-columns: max-content 30px max-content;
	grid-template-columns: repeat(2, -webkit-max-content);
	grid-template-columns: repeat(2, max-content);
	grid-gap: 10px 30px;
}

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

#form-proces-verbal #verifications > div > div:first-child .checkbox > span:first-child {
	width: 330px;
	padding-right: 10px;
}

#form-proces-verbal #verifications > div > div:last-child .checkbox > span:first-child {
	width: 370px;
	padding-right: 10px;
}

#form-proces-verbal #verifications .checkbox + .checkbox {
	margin-top: 7px;
}

#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;
}



/*Footer*/
footer {
	background: var(--bleu-fonce);
	position: relative;
}
.container-footer-flex{
	display: flex;
	padding: 50px;
	width: 100%;
	max-width: 1400px;
	margin: auto;
	justify-content: space-between;
}

.container-footer-flex > *{
	flex: 1;
	width: 100%;
	max-width: 250px !important;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	
}

footer .politique p{
	margin: 2px;
}
footer .contact .title{
	margin: 2px;
	text-transform: uppercase;
	margin-bottom : 20px;
}
footer .contact .c-light{
	color: var(--gris-clair);
}
footer a {
	text-decoration: none;
}
footer .contact > * {
	margin : 10px;
	display: flex;
	align-items: middle;
}
footer .logo img {
	object-fit: contain;
}

footer .contact img {
	max-width: 22px;
	max-height: 22px;
	margin-right: 10px;
	object-fit: contain;
}

/*Formulaire mon compte*/
.form .flex{
	margin : 5px;
}


.form label{
	display: block;
	color: var(--gris);
}

.form input, .form textarea, .form select{
	background-color: white;
	border: none;
	border-radius:4px;
	width: 100%;
	font-size: 18px;
	padding: 8px;
	position:relative;
}

.form input:disabled{
	background-color: var(--gris-clair);
	opacity: 0.64;
}
.form .send, .btn-red-round{
	background-color: var(--rouge);
	border: none;
	border-radius: 60px;
	font-size: 17px;
	padding: 9px;
	margin-top: 15px;
	width: 100%;
	font-weight: bold;
	max-width: 200px;
	color: white;
	text-decoration:none;
}
.form input.required + label {
    color: red !important;
}

/*Page mon compte*/
#form-mon-compte{
	max-width: 1160px;
	margin: auto;
}

#form-mon-compte .radios-civilite{
	max-width: 150px;
}

#form-mon-compte-message{
	margin-bottom : 20px;
}
#form-mon-compte .radios{
	margin-right: 16px;
}
label.required::after {
   content: "*"
}

#form-password{
	max-width: 1160px;
	margin: auto;
}
.radio-civilite > input{
	width: fit-content;
}

/*Création reservation/Nouvelle reservation*/
.new-reservation .superficie input.field-error {
	border-right: none !important;
}
.new-reservation .superficie input.field-error + span{
	border: 1px solid var(--rouge) !important;
	border-left: none !important;
}
.new-reservation h1{
	margin: 25px auto !important;
  	padding: 25px !important;
}
.new-reservation{
	padding: 0px !important;
}

.new-reservation ol{
	text-align: center;
	list-style-position: inside;
	padding: 0;
	margin: 0;
}
.new-reservation ol li{
	font-weight: bold;
	color: var(--gris-moyen);
	margin-top: 50px;
}
.new-reservation .d-flex > div{
	margin: 15px 15px 0;
}
.new-reservation .radios-bien, .new-reservation  .radios-nb-piece {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	padding: 5px 5px 8px 5px;
	border-radius: 10px;
	cursor: pointer;
}

.new-reservation .radios-bien{
	min-width: 140px;
}

.new-reservation .active {
	background: var(--bleu-fonce);
	color: white;
}
.new-reservation .active > .radio-label > * {
	color: white !important;
}

.new-reservation .radios-bien > * ,  .new-reservation .radios-nb-piece > *{
	cursor: pointer;
}
.new-reservation .radios-bien .radio + .radio-label::before {
	display: block;
}
.new-reservation .m-auto{
	width: fit-content;
}
.new-reservation .content-inputs{
	width: 100% !important;
  	max-width: 708px;
}
.label-nb-piece {
	width: 100%;
	text-align: initial;
}
.new-reservation .radios-nb-piece{
	min-width: 100px;
	padding: 0px 0px 17px 5px !important;
}
.new-reservation  .indication-appartment, .new-reservation .indication-cles, .new-reservation .content-commentaire{
  width: 100%;
  max-width: 890px;
}

.new-reservation .details {
  margin-top: 16px;
}

.new-reservation .label-nb-piece > div{
	text-align: center;
}
.new-reservation .locataire{
	padding-bottom: 25px;
	border: 1px solid var(--gris-clair);
	border-width: 0 0 1px 0;
	position: relative;
}
.new-reservation .add-locataire{
	margin: auto;
	width: 100% !important;
	max-width: 574px;
	border: 1px solid var(--gris-clair);
	padding: 20px;
	border-width: 0 0 1px 0;
}
.new-reservation #btn-add-locataire{
	background-color: var(--bleu-fonce);
	border: none;
	padding: 7px;
	color: white;
	border-radius: 25px;
	margin: auto;
	width: 100%;
	max-width: 249px;
	font-size: 18px;
}
.new-reservation #btn-add-locataire img{
	margin-rigth: 15px;
	margin-right: 8px !important;
}
.new-reservation .superficie{
	margin-top: 10px !important;
	display: flex;
}
.new-reservation .input-superficie {
	border-radius: 5px 0 0 5px !important;
	max-width: 198px;
}
.new-reservation .superficie span{
	display: flex;
	align-items: center;
	color: red;
	background: white;
	padding: 10px;
	border-radius: 0 5px 5px 0;
	font-size: 18px;
}

.new-reservation .indication-appartment > .d-flex{
	margin-top: 10px;
	justify-content: space-between;
}
.new-reservation #cave-details,.new-reservation #parking-details{
	max-width: 630px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 2px 8px 0px;
}
.new-reservation .label-indication-cles{
	color: var(--bleu-fonce);
	font-weight: normal;
}
.new-reservation .ui-datepicker table {
  border-collapse: initial !important;
}
.new-reservation .ui-state-default, .new-reservation .ui-widget-content .ui-state-default{
	font-weight: normal;
	color: var(--bleu-fonce);
	text-align: center;
	border: 0;
	background: none;
	border-radius: 27px;
	height: 31px;
	width: 31px;
	margin: auto;
	padding: 5px;
}
.new-reservation .ui-widget-content {
  background: none;
}
.new-reservation .ui-state-default{
	background: none;
}
.new-reservation .ui-state-active{
	background: var(--bleu-fonce) !important;
	color: white !important;
}
.ui-datepicker {
  width: 100% !important;
  max-width: 26em;
}
.ui-widget.ui-widget-content {
  border: none !important;
}
.ui-widget.ui-widget-content {
  border: none !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover{  
	border: none !important;
	color: none !important;
	background: none;
}
.ui-icon-circle-triangle-e {
  background-position: -33px 0px !important;
}
.ui-icon-circle-triangle-w {
  background-position: -97px 0px !important;
}
.ui-datepicker .ui-datepicker-next-hover{  
	top: 2px !important;
	right: 2px !important;
	background-color: white !important;
	border-radius: 25px;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover{  
	top: 2px !important;
	left: 2px !important;
	background-color: white !important;
	border-radius: 25px;
	cursor: pointer;
}
.ui-widget-header {
  border: 0px !important;
  background: none !important;
  color: var(bleu-fonce) !important;
  font-weight: normal !important;
  font-size: 17px;
}
.ui-datepicker th {
  font-weight: normal!important;
}
.new-reservation .content-date {
	margin-top: 10px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 20px;
	width: 100% !important;
	max-width: 906px;
	border-radius: 15px;
}
.new-reservation .content-date{
	font-weight: normal;
}
.new-reservation .content-date p{
	color: var(--gris);
	font-size: 19px;
}
.new-reservation .content-date p {
	margin-top: 0;
}
.new-reservation .horaires{
	justify-content: center;
}
.new-reservation .horaire {
  padding: 6px 21px;
  font-size: 19px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 19px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  cursor: pointer;
}

.new-reservation .horaire.disabled {
	cursor:default;
	background-color:#ccc;
	text-decoration-line: line-through;
}

.new-reservation .content-commentaire{
	margin-top: 10px;
}
.new-reservation .finalisation > .content-finalisation{
	margin-top: 50px;
	font-weight: normal;
	font-size: 25px;
}

.new-reservation .send{
	padding: 17px;
	background-color: #ECEFF4;
	color: var(--bleu-fonce);
	width: 100%;
	margin: auto;
	display: flex;
	max-width: 355px;
}
.new-reservation .send > img{
	margin-right: 17px;
}
.new-reservation .send:hover{
	color: var(--blanc) !important;
	background-color: var(--bleu-fonce); 
}
.new-reservation .send:hover img{
	filter: invert(99%) sepia(83%) saturate(117%) hue-rotate(5deg) brightness(117%) contrast(100%);
}
.content-finalisation *{
  color: var(--bleu-fonce) !important;
}
.new-reservation .finalisation{
	padding: 40px;
	background: #D3DAE4;
}
.new-reservation .content-finalisation > .frais{
	font-size: 16px;
	color: var(--gris) !important;
}
.new-reservation .date-final,.new-reservation .prix-final, .new-reservation .non-prix-final {
  font-weight: bold;
}
.new-reservation .prix-final > *{
	color: var(--rouge-clair) !important;
}
.new-reservation .prix-final > *{
	position: relative;
}
.new-reservation .prix-final .ttc::after {
  content: "TTC";
  position: absolute;
  display: block;
  top: 0;
  right: -25px;
  font-size: 11px;
}
.new-reservation .prix-final .ht::after {
  content: "HT";
  position: absolute;
  display: block;
  top: 0;
  right: -17px;
  font-size: 11px;
}
.new-reservation .prix-final .ttc {
  margin-right: 26px;
}
.new-reservation .delete-locataire{
  position: absolute;
  right: 0px;
  width: 19px;
  top: 0;
  filter: invert(8%) sepia(95%) saturate(7053%) hue-rotate(354deg) brightness(110%) contrast(98%);
  cursor: pointer;
}
.new-reservation .message{
	max-width: 733px;
	margin: 15px auto;
}
.new-reservation .padding{
	padding: 20px;
}
.new-reservation .message ul > li{
	color: white !important;
	margin:2px !important;
	text-align: left;
}
/*Historique de mes reservations*/
#reservations h1{
	margin: 0 !important;
}
#reservations .head {
	align-items: stretch;
}
#reservations .head > *{
	margin: 20px !important;
}
#reservations .add-reservation{
	display: flex;
	align-items: center;
}

#reservations .add-reservation img{
	height: 20px;
	margin-right: 10px;
	filter: invert(0%) sepia(100%) saturate(32%) hue-rotate(157deg) brightness(93%) contrast(106%);
}

#reservations .filtre-content > * {
  flex: 1;
  margin: 5px;
  align-items: center;
}
#reservations .form .send {
  padding: 6px;
  max-width: 145px;
}
#reservations .search{
	display: flex;
}
#reservations .search > input{
	border-radius: 4px 0 0 4px;
}
#reservations .search > .img{
	height: 40px;
	width:100%;
	max-width: 40px;
	background: white;
	padding: 9px;
	border-radius: 0 4px 4px 0;
}
#reservations .search img{
	width:100%;
}

#reservations .btn-red-round {
  max-width: 275px !important;
  align-items: center;
  display: flex;
}

/*Mofication d'une réservation*/
#reservation{
	padding-top:15px;	
}
#reservation .retour, #reservation .retour i{
	color: var(--bleu);
	text-decoration: none;
}
#reservation h1{
	margin: 50px;
}
#reservation .info{
	background: var(--blanc);
	border: 1px solid var(--gris-clair);
	border-radius: 8px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	position: relative;
	border-left: 0px;
	overflow: hidden;
}
#reservation .head {
  border-left: 1px solid var(--gris-clair);
}
#reservation .info > .head{
	padding: 15px;
}
#reservation .info .body > div{	
	padding: 20px;
	min-width: 500px;
	padding-bottom: 50px;
	border-left: 1px solid var(--gris-clair);
	border-top: 1px solid var(--gris-clair);
	box-sizing: border-box;
}
#reservation .info .head, #reservation .info .head *{
	color: #848484;
}
#reservation .title-info{
	margin-top: 0;
}
#reservation .info .body i{
	margin-right : 25px;
	color: #848484;
}
#reservation .info .chevron{
	position: absolute;
	right: 10px;
	top: 17px;
	cursor: pointer;
}

#reservation .info-reservation, #reservation .info-cle{
	margin-top: 50px;
}
#reservation .info-reservation, #reservation .commentaire{
	margin-top: 50px;
}

.d-none {display:none;}