/* Polices d'écriture */
@font-face{font-family:"OpenSansL"; src: local("OpenSansL"), url("../fonts/OpenSans-Light.woff") format("woff")}
@font-face{font-family:"OpenSans"; src: local("OpenSans"), url("../fonts/OpenSans-Regular.woff") format("woff")}
@font-face{font-family:"OpenSansB"; src: local("OpenSansB"), url("../fonts/OpenSans-Bold.woff") format("woff")}

:root{
	--bodyfontcolor:#1E2B50;
	--bs-primary:#776f64;
	--bs-body-color: #2F3230;
	--bs-primary-rgb: 119, 111, 100;
	--bs-primary-rgb-bis: 91, 84, 75;
	--bs-secondary:#e85f1b;
	--bs-secondary-rgb: 232, 95, 27;
	--bs-secondary-rgb-bis: 189, 71, 12;
	--bs-danger-rgb: 212,28, 29;
	--bs-border-radius:2rem;
	--bs-light:#f8f9fa;
	--bs-light-rgb: 248,249,250;
	--bs-dark-rgb-bis: 18,21,24;
	--bs-border-radius-sm:0.75rem;
}

/* Global */
html{height:100%;}
body{font-family: 'OpenSans', sans-serif;overflow: auto !important;background-color: var(--bs-light);}
#page{height:100% !important;}
.fs-7{font-size: 0.9rem;}
.fs-8{font-size: 0.75rem;}
.fs-9{font-size: 0.6rem;}
.w-100-mobile{width: 100%;}
.smooth{-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
h1{font-family: 'OpenSansB', sans-serif;font-weight: normal;}
.z-n1{z-index: -1;}
.z-4{z-index: 4;}
.fw-bold{font-family: 'OpenSansB', sans-serif;font-weight: normal;}
.fw-light{font-family: 'OpenSansL', sans-serif !important;font-weight: normal;}
.opacity-10{opacity: 0.1;}
.ratio11{aspect-ratio: 1/1;}
.letter-spacing-1{letter-spacing: 0.1rem;}
.letter-spacing-2{letter-spacing: 0.25rem;}
.rotate180{transform: rotate(180deg);}
.btn-small img{height:0.75rem;width:auto;}
.custom-pb{padding-bottom:7rem;}
tr.text-qte-0 *{color:#dc3545 !important;}
tr.text-qte-0 td{background-color: #ffeaec !important; --bs-table-accent-bg:#ffeaec !important;}
.table{--bs-table-striped-bg:#f0f0f0;}
.max-text-lines{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;}
.bg-custom-block{background:#D1E4EB;}
.object-fit-cover{object-fit: cover;}
.object-fit-contain{object-fit: contain;}
.hr-small{width:50px;height:3px;border: 0;margin:0;opacity: 1;border-radius: 1px;}
.no-border-start{border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;}
.no-border-end{border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}
.bg-opacity-90 {
	--bs-bg-opacity: 0.90;
}
.border-secondary-bis {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb-bis), var(--bs-border-opacity)) !important;
}
.border-primary-bis {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb-bis), var(--bs-border-opacity)) !important;
}
.border-dark-bis {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb-bis), var(--bs-border-opacity)) !important;
}
.shadow-up{-webkit-box-shadow: 5px -30px 20px -30px rgba(0,0,0,0.1); 
	box-shadow: 5px -30px 20px -30px rgba(0,0,0,0.1);}

.btn-warning {
	--bs-btn-color: #fff;
	--bs-btn-bg: #FF5E01;
	--bs-btn-border-color: #FF5E01;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #e25300;
	--bs-btn-hover-border-color: #FF5E01;
	--bs-btn-focus-shadow-rgb: 217,164,6;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #FF5E01;
	--bs-btn-active-border-color: #FF5E01;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #FF5E01;
	--bs-btn-disabled-border-color: #FF5E01;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #776f64;
	--bs-btn-border-color: #776f64;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #645d52;
	--bs-btn-hover-border-color: #776f64;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #776f64;
	--bs-btn-active-border-color: #776f64;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #776f64;
	--bs-btn-disabled-border-color: #776f64;
}

.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #e85f1b;
	--bs-btn-border-color: #e85f1b;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #d15212;
	--bs-btn-hover-border-color: #e85f1b;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #e85f1b;
	--bs-btn-active-border-color: #e85f1b;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #e85f1b;
	--bs-btn-disabled-border-color: #e85f1b;
}

.btn-transp {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #d15212;
	--bs-btn-hover-border-color: #e85f1b;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #e85f1b;
	--bs-btn-active-border-color: #e85f1b;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #e85f1b;
	--bs-btn-disabled-border-color: #e85f1b;
	border-width: 3px;
}

.btn{border-radius: 2rem;}
.btn-big{text-transform: uppercase;font-family: 'OpenSansB', sans-serif;font-weight: normal;letter-spacing: 0.15rem;padding:0.5rem 1.5rem;min-height:2.5rem;}
.type-bt-interface{-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.type-bt-interface:hover{transform: scale(0.99);}

/* Login */
.logo-login{max-width:250px;min-width:120px;}
.input-group-text{background:#F9F9F9;border:0px;border-radius:0.75rem;padding:.75rem .75rem .75rem 1.5rem;}
.input-group-text img{height:30px;width:30px;object-fit: contain;object-position: center;}
.form-control, .form-select{min-height:3.75rem !important;background-color:#e7e7e7;border-radius:0.75rem;padding:.75rem .75rem;}
.form-control::placeholder{color:#C0C1C0;}
.form-control:disabled, .bg-disabled{background-color:var(--bs-primary);color:#fff;}
textarea.form-control{height:404px !important;}
.input-group-disabled{position: relative;}
.input-group-disabled:after{z-index:1;content:'verrouillé';position: absolute;right:2rem;color:#fff;height:100%;display: none;align-items: center;}

/* Menu */
#menu{width:100%;height:100% !important;transform: translate(-110%);}
#menu.on{transform: translate(0px);z-index: 4;}
#show-menu{left:0;top:1.25rem;}
#show-menu.on{position:fixed;left:unset !important;z-index: 5;right:0rem !important;}
.pdp{width:50%;height:auto;aspect-ratio: 1/1;max-width: 100px;}
.mini-picto{width:1.5rem;height:1.5rem;object-fit: contain;}
.mini-picto-bis{width:3rem;height:3rem;object-fit: contain;}
.mini-logo-yrelec{width:auto;height:3rem;object-fit: contain;}
.mini-logo-yrelec-bis{width:auto;height:5rem;object-fit: contain;}
.mini-lien-menu img{width:2rem;height:2rem;object-fit: contain;}
#open-menu-mobile{border-top-right-radius: 3rem;border-bottom-right-radius: 3rem;}
#show-menu.on #open-menu-mobile{border-top-right-radius: 0rem;border-bottom-right-radius: 0rem;border-top-left-radius: 3rem;border-bottom-left-radius: 3rem;}

#open-menu-mobile>div{
    width: 30px;
    height: 40px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
#open-menu-mobile span{
    background-color:#fff;
    position: absolute;
    -webkit-transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    -o-transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
}
#open-menu-mobile span:nth-child(1){
    width: 100%;
    height:  4px;
    display: block;
    top: 10px;
    left: 0px;
}
#open-menu-mobile span:nth-child(2){
    width: 100%;
    height:  4px;
    display: block;
    top: 18px;
    left: 0px;
}
#open-menu-mobile span:nth-child(3){
    width: 100%;
    height:  4px;
    display: block;
    bottom: 10px;
    left: 0px;
}
#open-menu-mobile.on span{
    background-color:#fff;}

#open-menu-mobile.on span:nth-child(1) {
    width: 100%;
    height: 4px;
    display: block;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
}

#open-menu-mobile.on span:nth-child(2) {
    width: 100%;
    height: 4px;
    display: block;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
}

#open-menu-mobile.on span:nth-child(3) {
    width: 0;
    height: 0;
    display: none; /* Masquer le troisième span */
}


/* Dashboard */
.filter-custom{backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background:rgba(255, 255, 255, 0.9);}
.title-dash{position: relative !important;background-color: #efefef;z-index: 1;}
.bloc-ui{min-height:40%;}
.picto-ui{width:3rem;height:3rem;object-fit: contain;object-position: bottom;}

/* Chantiers */
.form-label{text-transform: uppercase;font-family: 'OpenSansB', sans-serif;font-weight: normal;letter-spacing: 0.15rem;}
.table-max-height{max-height:40vh;}
#readerChantier{max-width: 400px;}

/* Scan */
.btn-circle{width:60px;height:60px;border-radius: 50%;flex-shrink: 0;}
#reader{border: 0 !important;z-index: 0;height:40vh !important;}
#reader *{display: flex;flex-direction: column;align-items: center;justify-content: center;}
#reader__scan_region{/*height:100%;*/}
#reader__scan_region video{height:100%;width:100%;object-fit: cover;}
#reader>div:first-of-type{display: none;}
#reader__dashboard{position: absolute;z-index: 30;bottom:0;padding:1rem;}
#reader__dashboard_section{display: flex;justify-content: center !important;padding:0 !important;align-items: end !important;flex-direction: column;}
#html5-qrcode-button-camera-permission{text-transform: uppercase;font-family: 'OpenSansB', sans-serif;font-weight: normal;letter-spacing: 0.15rem;padding:0.5rem 1.5rem;min-height:2.5rem;border-radius: 2rem;border:0;background-color: var(--bs-primary);color:#fff;margin:2rem 0rem;}
#html5-qrcode-anchor-scan-type-change{background-color: #fff;padding:1rem;border-radius: 2rem;margin-top:1rem;}
#html5-qrcode-button-camera-start, #html5-qrcode-button-camera-stop{text-transform: uppercase;font-family: 'OpenSansB', sans-serif;font-weight: normal;letter-spacing: 0.15rem;padding:0.5rem 1.5rem;min-height:2.5rem;border-radius: 2rem;border:0;background-color: var(--bs-secondary);color:#fff;}
#html5-qrcode-select-camera{margin-bottom:1rem;}
#retour ul, #retourChantier ul {list-style-type: none;padding: 0;margin: 0;display: flex;width: 100%;flex-direction: column;margin-top:1rem;}
#retour ul li, #retourChantier ul li {width:100%;display: flex;justify-content: center;text-align: center;background-color: #fff;}
#retour ul li:nth-child(odd), #retourChantier ul li:nth-child(odd) {background-color: #f0f0f0;}
#retour ul li:last-child, #retourChantier ul li:last-child {border-bottom: none;}
#retour ul li a, #retourChantier ul li a {width:100%;padding: 1rem 1.25rem;color: #5f5f5f;text-decoration: none;}
#retour ul li a:hover, #retourChantier ul li a:hover {color: #141414;text-decoration: underline;}
.imgPdt{max-height:200px;}
#detailPdtChantier .imgPdt{max-height:10vh;}

/* Commentaires */
#modal-infos-contenu textarea.form-control{height:auto !important;margin-bottom:1rem;min-height:50vh !important;}

/* Etiquettes */
.label-container {
	width: 210mm;
	max-width: 100%;
	margin: auto;
}
.label {page-break-inside: avoid;padding-top:0.05rem !important;}

.label .qr-etiq{height:100px;width:auto;image-rendering: pixelated;}

.label-nom-pdt{ display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;height:38px;}

.label img {
	height: 60px;
	object-fit: contain;
	object-position: center;
}
@media print {
	.label-container {
		display: flex;
		flex-wrap: wrap;
	}
	.label {
		width: 50%;
		box-sizing: border-box;
	}
	.btn-print {
		display: none;
	}
}

/* Animations */
@-webkit-keyframes toright {
    from {
		opacity: 0;
        -webkit-transform: translateX(-30px);
                transform: translateX(-30px);
    }
    to {
		opacity: 1;
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
    }
}
@keyframes toright {
    from {
		opacity: 0;
        -webkit-transform: translateX(-30px);
                transform: translateX(-30px);
    }
    to {
		opacity: 1;
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
    }
}
.toright {
    opacity:0;
    -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
            transform: translateX(-30px);
    -webkit-animation: toright 0.25s ease;
            animation: toright 0.25s ease;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.delay1{-webkit-animation-delay: 0s !important;animation-delay: 0s !important;}
.delay2{-webkit-animation-delay: 0.1s !important;animation-delay: 0.1s !important;}
.delay3{-webkit-animation-delay: 0.15s !important;animation-delay: 0.15s !important;}
.delay4{-webkit-animation-delay: 0.8s !important;animation-delay: 0.8s !important;}
.delay5{-webkit-animation-delay: 1s !important;animation-delay: 1s !important;}
.delay6{-webkit-animation-delay: 1.2s !important;animation-delay: 1.2s !important;}    


/*
X-Small	None	<576px
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1400px

/ Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }
*/

@media (min-width: 576px) {
	.btn-big{text-transform: uppercase;font-family: 'OpenSansB', sans-serif;font-weight: normal;letter-spacing: 0.15rem;padding:1rem 2.5rem;min-height:3.75rem;}
	#html5-qrcode-button-camera-permission{text-transform: uppercase;font-family: 'OpenSansB', sans-serif;font-weight: normal;letter-spacing: 0.15rem;padding:1rem 2.5rem;min-height:3.75rem;border-radius: 2rem;border:0;background-color: var(--bs-primary);color:#fff;margin:2rem 0rem;}
	#html5-qrcode-button-camera-start, #html5-qrcode-button-camera-stop{text-transform: uppercase;font-family: 'OpenSansB', sans-serif;font-weight: normal;letter-spacing: 0.15rem;padding:1rem 2.5rem;min-height:3.75rem;border-radius: 2rem;border:0;background-color: var(--bs-secondary);color:#fff;}
}


@media (min-width: 768px) {
	.picto-ui{width:4rem;height:4rem;object-fit: contain;object-position: bottom;max-height: 7vh;}
	.imgPdt{max-height:300px;}
}


@media (min-width: 992px) {
	.w-100-mobile{width: auto;}
	#menu, #menu.on{width:25%;transform: translate(0px);}
	.ps-custom{padding-left: 25%;}
	.title-dash{position: sticky !important;}
	.imgPdt{max-height:440px;}
	#detailPdtChantier .imgPdt{max-height:20vh;}
	.table-max-height{max-height:50vh;/*min-height: 30vh;*/}
	#modal-infos-contenu textarea.form-control{height:auto !important;margin-bottom:1rem;min-height:300px !important;}
}





@media (max-height: 720px) {
	/*.d-none-min-height{display: none !important;}*/
}

@media (orientation: portrait) and (min-width: 576px) {
	.mini-lien-menu img{width:4rem;height:4rem;object-fit: contain;}
	#reader__dashboard_section{display: flex;justify-content: center !important;padding:0 !important;align-items: center !important;flex-direction: column;}
	#reader{border: 0 !important;z-index: 0;height:50vh !important;}
	.table-max-height{max-height:25vh;}
}

@media (orientation: portrait) and (min-width: 768px) {
	
  }

  @media (min-width: 1400px) {
	.table-max-height{/*max-height:20vh;min-height: 30vh;*/}
	#detailPdtChantier .imgPdt{max-height:440px;}
	#readerChantier{max-width: unset;}
}