/* Polices d'écriture */
@font-face{font-family:"PoppinsR"; src: local("PoppinsR"), url("../fonts/Poppins-Regular.woff") format("woff")}
@font-face{font-family:"PoppinsM"; src: local("PoppinsM"), url("../fonts/Poppins-Medium.woff") format("woff")}
@font-face{font-family:"PoppinsI"; src: local("PoppinsI"), url("../fonts/Poppins-Italic.woff") format("woff")}
@font-face{font-family:"PoppinsSB"; src: local("PoppinsSB"), url("../fonts/Poppins-SemiBold.woff") format("woff")}
@font-face{font-family:"PoppinsB"; src: local("PoppinsB"), url("../fonts/Poppins-Bold.woff") format("woff")}

:root{
  --bleu:#039EBF;
  --bodyfontcolor:#1E2B50;
  --bs-primary:#1E2B50;
  --bs-primary-rgb: 30,43,80;
  --bs-danger-rgb: 212,28, 29;
  --bs-border-radius:2rem;
}

/* Global */
html{height:100%;}
body{color:var(--bodyfontcolor, #514F4D);font-family: 'PoppinsM', sans-serif;height:100%;}
header{background-image: url('../images/visuel-header-rouchy.png');background-position: top right -90px;background-repeat: no-repeat;}
header.log{background-image: url('../images/visuel-header-rouchy-opacity.png');background-position: top -10px right -90px;background-repeat: no-repeat;}
#page{display: flex;flex-direction: column;justify-content: flex-start;min-height:100%;}
.fs-7{font-size: 0.9rem;}
.fs-8{font-size: 0.75rem;}
.fw-bold{font-weight: normal !important;font-family: 'PoppinsB', sans-serif;}
.fw-semibold{font-weight: normal !important;font-family: 'PoppinsSB', sans-serif;}
.fs-italic{font-style: normal !important;font-family: 'PoppinsI', sans-serif;}
.smooth{-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.p-custom{padding: 0.75rem 1rem !important;}
.pe-0{padding-right:0rem !important;}
.min-header{min-height:150px;}
.max-height-scroll{/*max-height:30vh;*/}
.form-control, .form-select{padding:0.75rem 1rem;}
.input-group-text{background:#ffffff !important;padding:0.75rem 0rem 0.75rem 1.5rem;border-right:0px;background:none;}
.input-group-text img{height:20px;width:auto;}
.input-group .form-control{border-left:0px;}
.input-group .form-control.form-quantity{border-left:1px solid #ced4da;}
.link-primary {color: #039EBF!important;}
.flex-1{flex:1;}
.togglemdp{position: absolute;z-index:10;cursor:pointer;height:40%;padding-right:5px;}
.togglemdp.on{opacity: 0.5;}
.logout{border-bottom-left-radius: 2rem;max-width:40vw;}
.logout img{height:1.5rem;width:auto;}
.picto-mini{height:0.6rem;width:auto;}
.picto-mini-bis{height:2rem;width:auto;}
.visuel-mini{width:auto;height:2rem;}
#emplacementImage img, .picto-empl{max-height:100px;object-fit: contain;}
.mw-90{max-width:90%;}
.hr-small{width:50px;}
.rounded-custom{border-radius: 2rem;}
.text-truncate-1{ overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;}
.text-truncate-4{ overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;}
  .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #039EBF;
    --bs-btn-border-color: #039EBF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0287a5;
    --bs-btn-hover-border-color: #0287a5;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0287a5;
    --bs-btn-active-border-color: #0287a5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    letter-spacing: 0.2rem;
    --bs-btn-padding-x:0.75rem;
    --bs-btn-padding-y:0.75rem;
  }
  .btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #b62130;
    --bs-btn-hover-border-color: #b62130;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b62130;
    --bs-btn-active-border-color: #b62130;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #961623;
    --bs-btn-disabled-border-color: #961623;
    letter-spacing: 0.2rem;
    --bs-btn-padding-x:0.75rem;
    --bs-btn-padding-y:0.75rem;
  }
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1E2B50;
  --bs-btn-border-color: #1E2B50;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1E2B50;
  --bs-btn-hover-border-color: #1E2B50;
  --bs-btn-focus-shadow-rgb: 66,70,73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1E2B50;
  --bs-btn-active-border-color: #1E2B50;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.lightgray{color:#E7E7E7 !important;}
.gray{color:#646464 !important;}
.bg-gray{background:#646464 !important;}
.bg-lightgray{background:#E7E7E7 !important;}

.bg-gradient-orange{background: rgb(227,12,20);
  background: -moz-linear-gradient(90deg, rgba(227,12,20,1) 0%, rgba(234,87,19,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(227,12,20,1) 0%, rgba(234,87,19,1) 100%);
  background: linear-gradient(90deg, rgba(227,12,20,1) 0%, rgba(234,87,19,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e30c14",endColorstr="#ea5713",GradientType=1);}
.bg-gradient-bleu{background: rgb(105,191,177);
  background: -moz-linear-gradient(90deg, rgba(105,191,177,1) 0%, rgba(0,119,179,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(105,191,177,1) 0%, rgba(0,119,179,1) 100%);
  background: linear-gradient(90deg, rgba(105,191,177,1) 0%, rgba(0,119,179,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#69bfb1",endColorstr="#0077b3",GradientType=1);}

.pill-nb-scan{min-width:60px;}
.text-overflow{white-space: nowrap;overflow: hidden;  text-overflow: ellipsis;}
.btn-plus-moins{width:2.5rem;height:2.5rem;margin:0rem 0.25rem;}

#retour ul{ margin-top: 0.5rem;  overflow: auto;  max-height: 20vh;  font-size: 0.75rem;  padding-left: 0;list-style: none;line-height: 1.5rem;}
#retour ul li a{text-decoration:none;color:#039EBF;}

/*
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: 992px) {
}


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


@media (min-width: 1200px) {
  body{background:var(--bodyfontcolor);height:auto;}
  #page{width:50%;min-height:auto;margin:4rem auto;background:#ffffff;border-radius:3rem;border-top-right-radius:0rem;border-bottom-left-radius:0rem;}
  .mw-90{max-width:100%;}
  #emplacementImage img, .picto-empl{max-height:170px;object-fit: contain;}
}

@media (min-width: 1400px) {
}