@CHARSET "utf-8";

/*Navbarre*/
@media all and (max-width:528px) {
	#nav-infos #deconnexion{
		padding: 4px 12px;
	}
	#nav-infos #deconnexion > span{
		display: none;
	}
	#nav-infos #deconnexion > img{
		margin: 0px !important;
	}
}
@media all and (max-width:402px) {
	#nav-infos .telephone{
		padding: 4px 12px;
	}
	#nav-infos .telephone > span{
		display: none;
	}
	#nav-infos .telephone > img{
		margin: 0px !important;
	}
}

@media all and (max-width:1849px) {
	#barre-nav > div {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;}
	#barre-nav > div:first-child {display: none;}
}

@media all and (max-width:1400px) {
	#ctn-form-connexion {width: 485px;}
}

@media all and (max-width:1380px) {
	#barre-nav > ul li:first-child {display: none !important;}
}

@media all and (max-width:1240px) {
	.ctn-global {padding: 0 50px 20px 50px;}
	
	#nouvelle-intervention .title {padding: 20px 50px;}
	#etapes-creation-intervention li:first-child label {padding-left: 50px;}
	#nouvelle-intervention > div:last-child {padding: 0 50px;}
}

@media all and (max-width:1180px) {
	#barre-nav > div:nth-child(2) {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;}
}
	
@media all and (max-width:1120px) {
	#filter-devis > .filtres-colles {-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
	#filter-devis > .filtres-colles:not(:first-child) {-webkit-box-align: start;-ms-flex-align: start;align-items: start;}
	
	#ctn-menu-intervention {-ms-grid-columns: 500px;grid-template-columns: 500px;}
	
	#form-proces-verbal #verifications {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	#form-proces-verbal #verifications > div {-ms-grid-columns: 365px -webkit-max-content !important;-ms-grid-columns: 365px max-content !important;grid-template-columns: 365px -webkit-max-content !important;grid-template-columns: 365px max-content !important;}
}

@media all and (max-width:1100px) {
	#modal-nouveau-devis #croquis {width: 100%;}
	
	.ctn-desc-interv {grid-gap: 25px 12px !important;}
}

@media all and (max-width:1090px) {
	#tableau-bord {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: 30px;}
	#tableau-bord > * + * {margin: 0 !important;}
}

@media all and (max-width:950px) {
	#signature-client {flex-direction: column; justify-content: start;}
	#signature-client > div:last-child {width: 100%;}
	
	#form-proces-verbal #verifications > div {grid-template-columns: repeat(1, auto) !important;}
	#form-proces-verbal #verifications > div > div + div {margin: 0;}
	#form-proces-verbal #verifications > div > div .checkbox > span:first-child {width: 370px !important;}
}

/* @media all and (max-width:825px) { */
/* 	#modal-tableau-programmation .modal-conteneur {width: 95%; overflow: hidden;} */
/* 	#modal-tableau-programmation .modal-body {width: 100%; min-width: 690px; overflow: auto;} */
/* } */

@media all and (max-width:900px) {
	.modal-conteneur {width: 95%;}
}

@media all and (max-width:820px) {
	#filter-client > .filtres-colles {-webkit-box-align: start;-ms-flex-align: start;align-items: start;}
	#filter-client .filtres-colles .filtres-colles {display: -ms-grid;display: grid; -ms-grid-columns: (-webkit-max-content)[2]; -ms-grid-columns: (max-content)[2]; grid-template-columns: repeat(2, -webkit-max-content); grid-template-columns: repeat(2, max-content);}
}

@media all and (max-width:800px) {
	#barre-nav {overflow: hidden;}
	#menu .menu-content {width: 60vw;}
	
	#ctn-form-connexion {width: 100%;}
	.d-flex{
		flex-flow: column;
	}
}

@media all and (max-width:630px) {
	#tableau-bord {display: -ms-grid;display: grid; -ms-grid-columns: -webkit-max-content; -ms-grid-columns: max-content; grid-template-columns: -webkit-max-content; grid-template-columns: max-content;}
	
	#filter-devis > .filtres-colles {-webkit-box-align: start;-ms-flex-align: start;align-items: start;}
}

@media all and (max-width:510px) {
	#form-proces-verbal .selectize-control {width: 100%;}
	#form-proces-verbal > div:nth-child(5) textarea {width: 100%;}
}

@media all and (max-width:500px) {
	#menu .menu-content {width: calc(100vw - 40px);}
	
	#ctn-form-connexion > * {width: 80%;}
}

@media all and (max-width:430px) {
	#filter-client .filtres-colles .filtres-colles {display: -ms-grid;display: grid; -ms-grid-columns: (-webkit-max-content)[1]; -ms-grid-columns: (max-content)[1]; grid-template-columns: repeat(1, -webkit-max-content); grid-template-columns: repeat(1, max-content);}
}
/*Footer*/
@media all and (max-width:860px) {
	.container-footer-flex{
		flex-direction: column;
	}
	.container-footer-flex > * {
	    width: 100%;
	    max-width: 400px !important;
	    margin: auto;
	    margin-bottom: 50px;
	}
	.container-footer-flex .logo img{
		width: fit-content;
	}
}