.font-weight-bold {
  font-weight: bolder;
}
body {
  font-family: 'latoregular';
  -webkit-font-smoothing: antialiased;
}
#modal-offline-tab {
  z-index: 100000;
}
.body-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  opacity: 0.5;
  display: none;
  z-index: 2;
}
.header .navbar {
  height: 45px;
  background-color: #9f508e;
  margin: 0;
  border: none;
}
.header .navbar .container-fluid {
  height: 50px;
  padding-left: 0;
}
.header .navbar .container-fluid .navbar-header {
  height: 99%;
  padding: 0 34px;
  background-color: #7c3b6f;
}
.header .navbar .container-fluid .navbar-header img {
  margin-top: -1px;
}
.header .navbar .container-fluid .navbar-header .navbar-brand {
  padding: 10px 10px;
}
.header .navbar .container-fluid .header-menu {
  height: 100%;
}
.header .navbar .container-fluid .header-menu .dropdown {
  margin: 2px;
  font-size: 30px;
}
.header .navbar .container-fluid .header-menu .dropdown a {
  color: #ffffff;
  background-color: transparent;
  padding-top: 10px;
  padding-bottom: 9px;
}
.header .navbar .container-fluid .header-menu .dropdown a i {
  margin-right: 20px;
  font-size: 30px;
  color: #404040;
}
.header .navbar .container-fluid .header-menu .dropdown a:hover,
.header .navbar .container-fluid .header-menu .dropdown a:active,
.header .navbar .container-fluid .header-menu .dropdown a:focus {
  background-color: transparent;
}
.header .navbar .container-fluid .header-menu .dropdown-menu {
  top: 102%;
  left: -3px;
  min-width: 300px;
  font-size: 22px;
  background-color: #ffffff;
}
.header .navbar .container-fluid .header-menu .dropdown-menu li a {
  color: #807f7f;
}
.header .navbar .container-fluid .header-menu .dropdown-menu li a i {
  margin-left: 10px;
  margin-right: 25px;
  font-size: 30px;
  color: #807f7f;
}
.header .navbar .container-fluid .header-menu .dropdown-menu li a:hover {
  color: #404040;
  background-color: #cfcfcf;
}
.header .navbar .container-fluid .header-menu .dropdown-menu li a:hover i {
  color: #404040;
}
.header .navbar .container-fluid .header-menu .dropdown-menu li.active-module {
  background-color: #f6f6f6;
}
.header .navbar .container-fluid .header-menu .dropdown-menu li.active-module i {
  color: #9f508e;
}
.header .navbar .container-fluid .header-menu .dropdown-menu li.active-module a {
  color: #9f508e;
}
.header .navbar .container-fluid .navbar-text {
  margin: 15px 0;
}
.header .navbar .container-fluid .navbar-text.logout {
  padding-left: 10px;
}
.header .navbar .container-fluid .navbar-text.logout a {
  color: #7c3b6f;
  font-weight: bold;
  font-size: 15px;
}
.header .navbar .container-fluid .navbar-text.username {
  border-right: 1px dotted #ffffff;
  padding-right: 10px;
  padding-left: 10px;
  color: #ffffff;
  font-size: 15px;
}
.header .navbar .container-fluid .navbar-text.syncdata {
  border-right: 1px dotted #ffffff;
  padding-right: 10px;
  font-size: 15px;
  font-weight: bold;
}
.header .navbar .container-fluid .navbar-text.syncdata .syncstatusok {
  color: #13D163;
  display: none;
}
.header .navbar .container-fluid .navbar-text.syncdata .syncstatusko {
  display: none;
}
.header .navbar .container-fluid .navbar-text.syncdata .syncstatusko a {
  color: #ff6b6b;
}
.header .navbar .container-fluid .navbar-text.syncdata .syncstatuspending {
  display: none;
  color: #e6cd39;
}
.header .loader {
  text-align: center;
  display: none;
}
.header .loader img {
  width: 25%;
}
.header .errorsync {
  position: absolute;
  right: 300px;
  top: 60px;
  background-color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  color: #de3334;
  display: none;
}
.header .errorsync .arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ffffff;
  position: absolute;
  top: -5px;
  left: 160px;
}
.popup-freeze {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 80;
}
.popup-freeze h1 {
  position: absolute;
  top: 50px;
  left: 50px;
  color: white;
}
.body {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  top: 50px;
  right: 0;
  bottom: 20px;
  left: 0;
}
.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
.footer .version {
  margin: 0;
  text-align: center;
  font-size: 10px;
  color: #807f7f;
}
.modal-header {
  background-color: #7c3b6f;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
}
.modal-footer {
  background-color: #f6f6f6;
}
.modal-footer a {
  display: inline-block;
  width: 80px;
  text-align: center;
  background-color: #ff6b6b;
  padding: 5px;
  color: #ffffff;
  border-radius: 2px;
}
.page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(../Images/Appli/fond.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.page .loading-div {
  text-align: center;
}
.page .loading-div .loading-loader {
  width: 4%;
}
#login,
#forgetPassword,
#changePassword,
#createPassword {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background-image: url(../Images/Appli/fondLogin.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
#login .field-validation-error,
#forgetPassword .field-validation-error,
#changePassword .field-validation-error,
#createPassword .field-validation-error {
  background-color: #ffffff;
  display: block;
}
#login .error p,
#forgetPassword .error p,
#changePassword .error p,
#createPassword .error p {
  background-color: #ffffff;
  margin: -2px 0;
  border-radius: 2px;
}
#login .error p a,
#forgetPassword .error p a,
#changePassword .error p a,
#createPassword .error p a {
  color: #b94a48;
}
#login .error div.text-danger,
#forgetPassword .error div.text-danger,
#changePassword .error div.text-danger,
#createPassword .error div.text-danger {
  background-color: #ffffff;
  border-radius: 2px;
  margin-bottom: -12px;
}
#login .error div.text-danger ul,
#forgetPassword .error div.text-danger ul,
#changePassword .error div.text-danger ul,
#createPassword .error div.text-danger ul {
  list-style-type: none;
  padding: 0;
}
#login .error .errorAJAX,
#forgetPassword .error .errorAJAX,
#changePassword .error .errorAJAX,
#createPassword .error .errorAJAX {
  display: none;
}
#login .submitAJAX,
#forgetPassword .submitAJAX,
#changePassword .submitAJAX,
#createPassword .submitAJAX {
  display: none;
}
#login .submitAJAX img,
#forgetPassword .submitAJAX img,
#changePassword .submitAJAX img,
#createPassword .submitAJAX img {
  width: 10%;
}
#login #passwordExpiredError,
#forgetPassword #passwordExpiredError,
#changePassword #passwordExpiredError,
#createPassword #passwordExpiredError {
  display: none;
}
#login .success p,
#forgetPassword .success p,
#changePassword .success p,
#createPassword .success p {
  background-color: #ffffff;
  color: #0d8f44;
  border-radius: 2px;
}
#login .formLogin,
#forgetPassword .formLogin,
#changePassword .formLogin,
#createPassword .formLogin,
#login .formForgetPassword,
#forgetPassword .formForgetPassword,
#changePassword .formForgetPassword,
#createPassword .formForgetPassword,
#login .formChangePassword,
#forgetPassword .formChangePassword,
#changePassword .formChangePassword,
#createPassword .formChangePassword,
#login .formCreatePassword,
#forgetPassword .formCreatePassword,
#changePassword .formCreatePassword,
#createPassword .formCreatePassword {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 400px;
  height: 600px;
}
#login .formLogin .imgLogin,
#forgetPassword .formLogin .imgLogin,
#changePassword .formLogin .imgLogin,
#createPassword .formLogin .imgLogin,
#login .formForgetPassword .imgLogin,
#forgetPassword .formForgetPassword .imgLogin,
#changePassword .formForgetPassword .imgLogin,
#createPassword .formForgetPassword .imgLogin,
#login .formChangePassword .imgLogin,
#forgetPassword .formChangePassword .imgLogin,
#changePassword .formChangePassword .imgLogin,
#createPassword .formChangePassword .imgLogin,
#login .formCreatePassword .imgLogin,
#forgetPassword .formCreatePassword .imgLogin,
#changePassword .formCreatePassword .imgLogin,
#createPassword .formCreatePassword .imgLogin {
  width: 243px;
  height: 243px;
  margin: 0 auto;
  padding: 20px 0;
  background-image: url(../Images/Appli/logo_login_multibox.png);
}
#login .formLogin .paques2017-logo,
#forgetPassword .formLogin .paques2017-logo,
#changePassword .formLogin .paques2017-logo,
#createPassword .formLogin .paques2017-logo,
#login .formForgetPassword .paques2017-logo,
#forgetPassword .formForgetPassword .paques2017-logo,
#changePassword .formForgetPassword .paques2017-logo,
#createPassword .formForgetPassword .paques2017-logo,
#login .formChangePassword .paques2017-logo,
#forgetPassword .formChangePassword .paques2017-logo,
#changePassword .formChangePassword .paques2017-logo,
#createPassword .formChangePassword .paques2017-logo,
#login .formCreatePassword .paques2017-logo,
#forgetPassword .formCreatePassword .paques2017-logo,
#changePassword .formCreatePassword .paques2017-logo,
#createPassword .formCreatePassword .paques2017-logo {
  background-image: url(../Images/Appli/logo_login_multibox_paques2017.png);
}
#login .formLogin form,
#forgetPassword .formLogin form,
#changePassword .formLogin form,
#createPassword .formLogin form,
#login .formForgetPassword form,
#forgetPassword .formForgetPassword form,
#changePassword .formForgetPassword form,
#createPassword .formForgetPassword form,
#login .formChangePassword form,
#forgetPassword .formChangePassword form,
#changePassword .formChangePassword form,
#createPassword .formChangePassword form,
#login .formCreatePassword form,
#forgetPassword .formCreatePassword form,
#changePassword .formCreatePassword form,
#createPassword .formCreatePassword form {
  margin-top: 20px;
}
#login .formLogin input[type=text],
#forgetPassword .formLogin input[type=text],
#changePassword .formLogin input[type=text],
#createPassword .formLogin input[type=text],
#login .formForgetPassword input[type=text],
#forgetPassword .formForgetPassword input[type=text],
#changePassword .formForgetPassword input[type=text],
#createPassword .formForgetPassword input[type=text],
#login .formChangePassword input[type=text],
#forgetPassword .formChangePassword input[type=text],
#changePassword .formChangePassword input[type=text],
#createPassword .formChangePassword input[type=text],
#login .formCreatePassword input[type=text],
#forgetPassword .formCreatePassword input[type=text],
#changePassword .formCreatePassword input[type=text],
#createPassword .formCreatePassword input[type=text],
#login .formLogin input[type=password],
#forgetPassword .formLogin input[type=password],
#changePassword .formLogin input[type=password],
#createPassword .formLogin input[type=password],
#login .formForgetPassword input[type=password],
#forgetPassword .formForgetPassword input[type=password],
#changePassword .formForgetPassword input[type=password],
#createPassword .formForgetPassword input[type=password],
#login .formChangePassword input[type=password],
#forgetPassword .formChangePassword input[type=password],
#changePassword .formChangePassword input[type=password],
#createPassword .formChangePassword input[type=password],
#login .formCreatePassword input[type=password],
#forgetPassword .formCreatePassword input[type=password],
#changePassword .formCreatePassword input[type=password],
#createPassword .formCreatePassword input[type=password] {
  height: 70px;
  font-size: 25px;
}
#login .formLogin input[type=submit],
#forgetPassword .formLogin input[type=submit],
#changePassword .formLogin input[type=submit],
#createPassword .formLogin input[type=submit],
#login .formForgetPassword input[type=submit],
#forgetPassword .formForgetPassword input[type=submit],
#changePassword .formForgetPassword input[type=submit],
#createPassword .formForgetPassword input[type=submit],
#login .formChangePassword input[type=submit],
#forgetPassword .formChangePassword input[type=submit],
#changePassword .formChangePassword input[type=submit],
#createPassword .formChangePassword input[type=submit],
#login .formCreatePassword input[type=submit],
#forgetPassword .formCreatePassword input[type=submit],
#changePassword .formCreatePassword input[type=submit],
#createPassword .formCreatePassword input[type=submit],
#login .formLogin button,
#forgetPassword .formLogin button,
#changePassword .formLogin button,
#createPassword .formLogin button,
#login .formForgetPassword button,
#forgetPassword .formForgetPassword button,
#changePassword .formForgetPassword button,
#createPassword .formForgetPassword button,
#login .formChangePassword button,
#forgetPassword .formChangePassword button,
#changePassword .formChangePassword button,
#createPassword .formChangePassword button,
#login .formCreatePassword button,
#forgetPassword .formCreatePassword button,
#changePassword .formCreatePassword button,
#createPassword .formCreatePassword button {
  height: 70px;
  width: 100%;
  background-color: transparent;
  color: #f6f6f6;
  font-size: 20px;
}
#login .formLogin a,
#forgetPassword .formLogin a,
#changePassword .formLogin a,
#createPassword .formLogin a,
#login .formForgetPassword a,
#forgetPassword .formForgetPassword a,
#changePassword .formForgetPassword a,
#createPassword .formForgetPassword a,
#login .formChangePassword a,
#forgetPassword .formChangePassword a,
#changePassword .formChangePassword a,
#createPassword .formChangePassword a,
#login .formCreatePassword a,
#forgetPassword .formCreatePassword a,
#changePassword .formCreatePassword a,
#createPassword .formCreatePassword a {
  color: #f6f6f6;
  text-decoration: underline;
}
#login .formLogin #ChangePasswordConfirm::-webkit-input-placeholder,
#forgetPassword .formLogin #ChangePasswordConfirm::-webkit-input-placeholder,
#changePassword .formLogin #ChangePasswordConfirm::-webkit-input-placeholder,
#createPassword .formLogin #ChangePasswordConfirm::-webkit-input-placeholder,
#login .formForgetPassword #ChangePasswordConfirm::-webkit-input-placeholder,
#forgetPassword .formForgetPassword #ChangePasswordConfirm::-webkit-input-placeholder,
#changePassword .formForgetPassword #ChangePasswordConfirm::-webkit-input-placeholder,
#createPassword .formForgetPassword #ChangePasswordConfirm::-webkit-input-placeholder,
#login .formChangePassword #ChangePasswordConfirm::-webkit-input-placeholder,
#forgetPassword .formChangePassword #ChangePasswordConfirm::-webkit-input-placeholder,
#changePassword .formChangePassword #ChangePasswordConfirm::-webkit-input-placeholder,
#createPassword .formChangePassword #ChangePasswordConfirm::-webkit-input-placeholder,
#login .formCreatePassword #ChangePasswordConfirm::-webkit-input-placeholder,
#forgetPassword .formCreatePassword #ChangePasswordConfirm::-webkit-input-placeholder,
#changePassword .formCreatePassword #ChangePasswordConfirm::-webkit-input-placeholder,
#createPassword .formCreatePassword #ChangePasswordConfirm::-webkit-input-placeholder {
  font-size: 20px;
}
#home #upd-date {
  position: absolute;
  bottom: 0;
  right: 5px;
}
#home .body ul {
  list-style-type: none;
  text-align: center;
  padding: 0;
  margin: 11% 0 0 0;
  text-transform: uppercase;
}
@media (max-width: 1280px) {
  #home .body ul {
    margin: 7% 0;
  }
}
#home .body ul li {
  display: inline-block;
  width: 13%;
  text-align: left;
  background-color: #f6f6f6;
  margin: 0 3%;
}
@media (max-width: 1280px) {
  #home .body ul li {
    width: 18%;
    margin: 0 3%;
  }
}
#home .body ul li .home-menu {
  border: 1px solid #f1f1f1;
  padding: 20px;
  height: 370px;
}
#home .body ul li .home-menu.mpp {
  background-image: url('../Images/Appli/planning_prio.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%;
}
#home .body ul li .home-menu.mdv {
  background-image: url('../Images/Appli/module_vente.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%;
}
#home .body ul li .home-menu.pdvt {
  background-image: url('../Images/Appli/module_pV_total.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%;
}
#home .body ul li .home-menu.mds {
  background-image: url('../Images/Appli/module_saisonier.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%;
}
#home .body ul li .home-menu.sis {
  background-image: url('../Images/Appli/module_SiS.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%;
}
#home .body ul li .home-menu span {
  position: relative;
  bottom: 87%;
  display: block;
  width: 98%;
  height: 2px;
  background-color: #e8e8e8;
  margin-top: 7px;
  margin-left: 1%;
}
#home .body ul li .home-menu a {
  color: #807f7f;
  display: block;
  height: 100%;
}
#home .body ul li .home-menu a:hover {
  text-decoration: none;
}
#home .body ul li .home-menu:hover {
  background-color: #cf5965;
}
#home .body ul li .home-menu:hover span {
  background-color: #cf5965;
}
#prioritaire .body #filter .navbar {
  margin: 0;
  background-color: #ffffff;
  border-bottom: 1px solid #cfcfcf;
}
#prioritaire .body #filter .navbar ul {
  margin-left: 30px;
  margin-top: 5px;
}
#prioritaire .body #filter .navbar ul li {
  margin: 0 10px;
}
#prioritaire .body #filter .navbar ul li select {
  border-radius: 0;
  font-weight: bold;
}
#prioritaire .body #top {
  position: absolute;
  top: 60px;
  right: 2%;
  left: 25%;
}
#prioritaire .body #top.overflow {
  overflow-x: hidden;
  overflow-y: hidden;
}
#prioritaire .body #top .calendar #mois-header {
  list-style-type: none;
  padding: 0;
  width: 100%;
  margin-bottom: 1px;
}
#prioritaire .body #top .calendar #mois-header li {
  display: inline-block;
  text-align: center;
  color: #ffffff;
  margin: 0 1px;
}
#prioritaire .body #top .calendar #mois-header li:nth-of-type(odd) .mois {
  background-color: #be90b5;
}
#prioritaire .body #top .calendar #mois-header li:nth-of-type(even) .mois {
  background-color: #9f508e;
}
#prioritaire .body #top .calendar #semaine-header {
  list-style-type: none;
  padding: 0;
  width: 100%;
}
#prioritaire .body #top .calendar #semaine-header li {
  display: inline-block;
  text-align: center;
  color: #807f7f;
}
#prioritaire .body #left {
  position: absolute;
  top: 105px;
  left: 3%;
  bottom: 40px;
  width: 22%;
  background-color: #ffffff;
}
#prioritaire .body #left.overflow {
  overflow-x: scroll;
  overflow-y: hidden;
}
#prioritaire .body #left .enseignes .enseigne .headEnseigneColor {
  height: 30px;
}
#prioritaire .body #left .enseignes .enseigne .headEnseigneColor h3 {
  margin: 0;
  padding: 10px;
  font-size: 12px;
}
#prioritaire .body #left .enseignes .enseigne .headEnseigneColor h3 img {
  margin-top: -3px;
}
#prioritaire .body #left .enseignes .enseigne:nth-child(odd) {
  border-left: 2px solid #e58594;
}
#prioritaire .body #left .enseignes .enseigne:nth-child(odd) .headEnseigneColor {
  background-color: #e58594;
}
#prioritaire .body #left .enseignes .enseigne:nth-child(even) {
  border-left: 2px solid #86acd4;
}
#prioritaire .body #left .enseignes .enseigne:nth-child(even) .headEnseigneColor {
  background-color: #86acd4;
}
#prioritaire .body #left .enseignes .promo-app,
#prioritaire .body #left .enseignes .promo-mon,
#prioritaire .body #left .enseignes .npd,
#prioritaire .body #left .enseignes .lineaire,
#prioritaire .body #left .enseignes .saiso {
  border-bottom: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
}
#prioritaire .body #left .enseignes ul {
  list-style-type: none;
  height: 50px;
  margin-bottom: 0;
  white-space: nowrap;
  padding-top: 10px;
  color: #807f7f;
  font-size: 14px;
}
#prioritaire .body #content {
  position: absolute;
  background-color: #ffffff;
  top: 105px;
  right: 2%;
  bottom: 40px;
  left: 25%;
}
#prioritaire .body #content.overflow {
  overflow-x: scroll;
  overflow-y: scroll;
}
#prioritaire .body #content .enseignes div:nth-child(odd) .headEnseigneColor {
  background-color: #e58594;
  height: 30px;
}
#prioritaire .body #content .enseignes div:nth-child(even) .headEnseigneColor {
  background-color: #86acd4;
  height: 30px;
}
#prioritaire .body #content .promo-app,
#prioritaire .body #content .promo-mon,
#prioritaire .body #content .npd,
#prioritaire .body #content .lineaire,
#prioritaire .body #content .saiso {
  border-bottom: 1px solid #cfcfcf;
}
#prioritaire .body #content .promo-app .operation .opLine {
  background-color: #be90b5;
}
#prioritaire .body #content .promo-mon .operation .opLine {
  background-color: #919CBF;
}
#prioritaire .body #content .operation {
  height: 50px;
  border-bottom: 1px solid #cfcfcf;
  font-size: 12px;
}
#prioritaire .body #content .operation .opLine {
  height: 50px;
  background-color: #e8e8e8;
  text-overflow: ellipsis;
  overflow: hidden;
}
#prioritaire .body #content .operation .opLine img {
  height: 50px;
  padding: 2px;
  margin-right: 10px;
  float: left;
}
#prioritaire .body #content .operation .opLine .opContent {
  overflow: hidden;
  margin-left: 10px;
}
#prioritaire .body #content .operation:last-of-type {
  border-bottom: none;
}
#prioritaire .body #body-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
}
#prioritaire .body #body-footer .button-nav {
  list-style-type: none;
  text-align: center;
  margin-top: 5px;
  padding: 0;
}
#prioritaire .body #body-footer .button-nav li {
  display: inline-block;
  margin: 0 20px;
}
#prioritaire .body #body-footer .button-nav button {
  background-color: #ff6b6b;
  border: none;
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
  height: 28px;
  width: 110px;
}
#prioritaire .body #body-footer .update {
  position: absolute;
  top: 15px;
  right: 25px;
  color: #807f7f;
}
#vente .body #filter .navbar {
  margin: 0;
  border-bottom: 1px solid #cfcfcf;
  background-color: #ffffff;
}
#vente .body #filter .navbar ul {
  margin-left: 30px;
  margin-top: 5px;
}
#vente .body #filter .navbar ul li {
  margin: 0 10px;
  max-width: 250px;
}
#vente .body #filter .navbar ul li select {
  border-radius: 0;
  font-weight: bold;
}
#vente .body #filter .navbar ul li label {
  color: #807f7f;
  font-weight: normal;
}
#vente .body #filter .navbar ul li input[type=checkbox] {
  margin-top: 10px;
  height: 20px;
  width: 30px;
}
@media (orientation: portrait) {
  #vente .body #filter {
    overflow-x: auto;
  }
  #vente .body #filter ul {
    width: 110%;
  }
}
#vente .body #top {
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  top: 60px;
  right: 2%;
  left: 25%;
}
#vente .body #top .calendar #mois-header {
  list-style-type: none;
  padding: 0;
  margin-bottom: 1px;
  width: 100%;
}
#vente .body #top .calendar #mois-header li {
  display: inline-block;
  text-align: center;
  color: #ffffff;
  margin: 0 1px;
}
#vente .body #top .calendar #mois-header li:nth-of-type(odd) .mois {
  background-color: #be90b5;
}
#vente .body #top .calendar #mois-header li:nth-of-type(even) .mois {
  background-color: #9f508e;
}
#vente .body #top .calendar #semaine-header {
  list-style-type: none;
  padding: 0;
}
#vente .body #top .calendar #semaine-header li {
  display: inline-block;
  text-align: center;
  color: #807f7f;
}
#vente .body #left {
  position: absolute;
  top: 105px;
  left: 3%;
  bottom: 40px;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 22%;
  background-color: #ffffff;
}
#vente .body #left .enseignes h3 img {
  margin-top: -3px;
}
#vente .body #left .enseignes .enseigne:nth-child(odd) {
  border-left: 2px solid #e58594;
}
#vente .body #left .enseignes .enseigne:nth-child(odd) .headEnseigneColor {
  height: 30px;
  background-color: #e58594;
}
#vente .body #left .enseignes .enseigne:nth-child(odd) .headEnseigneColor h3 {
  margin: 0;
  padding: 10px;
  font-size: 12px;
}
#vente .body #left .enseignes .enseigne:nth-child(even) {
  border-left: 2px solid #86acd4;
}
#vente .body #left .enseignes .enseigne:nth-child(even) .headEnseigneColor {
  height: 30px;
  background-color: #86acd4;
}
#vente .body #left .enseignes .enseigne:nth-child(even) .headEnseigneColor h3 {
  margin: 0;
  padding: 10px;
  font-size: 12px;
}
#vente .body #left .enseignes ul {
  list-style-type: none;
  height: 42px;
  margin-bottom: 0;
  white-space: nowrap;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
#vente .body #left .enseignes ul li {
  color: #807f7f;
  font-size: 12px;
  padding-top: 4px;
  display: grid;
  grid-template-rows: 100%;
  grid-column-gap: 5px;
  grid-template-columns: auto auto;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  height: 100%;
}
#vente .body #left .enseignes ul li div {
  overflow: hidden;
}
#vente .body #left .enseignes ul li .popup-link,
#vente .body #left .enseignes ul li .popup-npd {
  color: #807f7f;
}
#vente .body #left .enseignes ul li .operation-drive-picto-container {
  display: flex;
  height: inherit;
  align-self: center;
  position: relative;
}
#vente .body #left .enseignes ul li .operation-drive-picto-container .operation-drive-picto {
  height: 50%;
  align-self: center;
}
#vente .body #content {
  position: absolute;
  overflow-x: scroll;
  overflow-y: scroll;
  background-color: #ffffff;
  top: 105px;
  right: 2%;
  bottom: 40px;
  left: 25%;
}
#vente .body #content .enseignes div:nth-child(odd) .headEnseigneColor {
  background-color: #e58594;
  height: 30px;
}
#vente .body #content .enseignes div:nth-child(even) .headEnseigneColor {
  background-color: #86acd4;
  height: 30px;
}
#vente .body #content .operation,
#vente .body #content .npd {
  height: 42px;
  border-bottom: 1px solid #cfcfcf;
  position: relative;
}
#vente .body #content .operation .popup-link,
#vente .body #content .npd .popup-link,
#vente .body #content .operation .npd-op,
#vente .body #content .npd .npd-op {
  display: inline-block;
  background-color: #e8e8e8;
  height: 100%;
  position: absolute;
  left: 0;
}
#vente .body #content .operation .popup-link.tf,
#vente .body #content .npd .popup-link.tf,
#vente .body #content .operation .npd-op.tf,
#vente .body #content .npd .npd-op.tf {
  background-color: #84cee4;
}
#vente .body #content .operation .popup-link.tf-prio,
#vente .body #content .npd .popup-link.tf-prio,
#vente .body #content .operation .npd-op.tf-prio,
#vente .body #content .npd .npd-op.tf-prio {
  border: 1px solid #de3334;
}
#vente .body #content .operation .popup-link.tf-tran,
#vente .body #content .npd .popup-link.tf-tran,
#vente .body #content .operation .npd-op.tf-tran,
#vente .body #content .npd .npd-op.tf-tran {
  background-color: #1f6d3a;
}
#vente .body #content .operation .popup-link.op-std,
#vente .body #content .npd .popup-link.op-std,
#vente .body #content .operation .npd-op.op-std,
#vente .body #content .npd .npd-op.op-std {
  background-image: linear-gradient(to left top, #FFC000 40%, transparent 42%);
}
#vente .body #content .operation .popup-link.appui,
#vente .body #content .npd .popup-link.appui,
#vente .body #content .operation .npd-op.appui,
#vente .body #content .npd .npd-op.appui {
  background-image: url('data:image/gif;base64,R0lGODlhBgAGAPcAAAAAAHJycnNzc3R0dAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAGAAYAAAgYAP8FCPCv4MCCBhH+G6BQAEGDAhAe/BcQADs=');
}
#vente .body #popup,
#vente .body #popupNPD {
  position: absolute;
  width: 350px;
  height: 430px;
  margin: auto;
  background-color: #ffffff;
  border: 1px solid #cfcfcf;
  display: none;
  color: #807f7f;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#vente .body #popup .popup-header,
#vente .body #popupNPD .popup-header {
  font-size: 20px;
  color: #404040;
  padding: 15px;
}
#vente .body #popup .popup-header a,
#vente .body #popupNPD .popup-header a {
  float: right;
  color: #b65370;
}
#vente .body #popup .popup-content,
#vente .body #popupNPD .popup-content {
  background-color: #f6f6f6;
  overflow-y: scroll;
  padding: 5px 15px 15px;
  height: 310px;
}
#vente .body #popup .popup-content p,
#vente .body #popupNPD .popup-content p {
  margin: 5px 0;
}
#vente .body #popup .popup-content a,
#vente .body #popupNPD .popup-content a {
  color: #be90b5;
}
#vente .body #popup .popup-content span,
#vente .body #popupNPD .popup-content span {
  display: block;
  width: 80%;
  height: 1px;
  background-color: #cfcfcf;
}
#vente .body #popup .popup-content .img-npd,
#vente .body #popupNPD .popup-content .img-npd {
  display: block;
  margin: 0 auto;
  height: 80px;
}
#vente .body #popup .popup-footer,
#vente .body #popupNPD .popup-footer {
  padding: 15px;
  text-align: center;
  /*button {
                    border: none;
                    background-color: transparent;

                    &.button-disable {
                        background-color: @greytxt;
                    }
                }*/
}
#vente .body #popup .popup-footer .msgmagasin,
#vente .body #popupNPD .popup-footer .msgmagasin {
  color: #9f508e;
  display: none;
}
#vente .body #popup .popup-footer a,
#vente .body #popupNPD .popup-footer a {
  border-radius: 2px;
  border: none;
  background-color: #b65370;
  text-transform: uppercase;
  font-size: 12px;
  padding: 5px;
  color: #ffffff;
}
#vente .body #popup .popup-footer a:hover,
#vente .body #popupNPD .popup-footer a:hover {
  text-decoration: none;
}
#vente .body #body-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
}
#vente .body #body-footer .navbar {
  margin: 0;
  height: 40px;
  background-color: transparent;
  border: none;
}
#vente .body #body-footer .navbar .tf {
  width: 20px;
  height: 20px;
  background-color: #84cee4;
}
#vente .body #body-footer .navbar .tf-prio {
  width: 20px;
  height: 20px;
  border: 1px solid #de3334;
}
#vente .body #body-footer .navbar .tf-tran {
  width: 20px;
  height: 20px;
  background-color: #1f6d3a;
}
#vente .body #body-footer .navbar .update {
  margin-right: 10px;
}
#vente .body #body-footer .navbar .op-std {
  width: 20px;
  height: 20px;
  background-image: linear-gradient(to left top, #FFC000 40%, transparent 42%);
}
#operation {
  background-color: #ffffff;
  position: fixed;
  z-index: 5000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#operation .container {
  width: 100%;
  padding: 0;
}
#operation .row {
  margin: 0;
}
#operation #filter .navbar {
  margin: 0;
  background-color: #ffffff;
  border-bottom: none;
}
#operation #filter .navbar input[type=text] {
  border-radius: 0;
}
#operation #filter .navbar img {
  margin-top: -4px;
}
#operation #top {
  position: absolute;
  top: 51px;
  right: 0;
  left: 0;
}
#operation #top .operation-nav {
  list-style-type: none;
  padding: 0;
  text-align: center;
  background-color: #ffffff;
  border-bottom: 2px solid #f6f6f6;
}
#operation #top .operation-nav li:first-of-type {
  color: #807f7f;
}
#operation #top .operation-nav li:first-of-type.activepromo {
  top: 0;
  background-color: #f6f6f6;
}
#operation #top .operation-nav li:first-of-type.activepromo a {
  color: #7c3b6f;
}
#operation #top .operation-nav li:nth-of-type(2).active {
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
}
#operation #top .operation-nav .operation-li {
  position: relative;
  display: inline-block;
  width: 30%;
  text-align: left;
  border-top: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  height: 55px;
  font-size: 20px;
  padding: 10px 20px;
  font-weight: bold;
}
#operation #top .operation-nav .operation-li a {
  display: block;
  color: #807f7f;
}
#operation #top .operation-nav .operation-li a:hover,
#operation #top .operation-nav .operation-li a:focus,
#operation #top .operation-nav .operation-li a:active {
  text-decoration: none;
}
#operation #top .operation-nav .operation-li.active {
  top: 0;
  background-color: #f6f6f6;
}
#operation #top .operation-nav .operation-li.active a {
  color: #7c3b6f;
}
#operation #top .operation-nav .operation-li:not(.active) {
  top: 5px;
  background-color: transparent;
}
#operation #top .operation-nav .operation-li.promo ul {
  position: absolute;
  list-style-type: none;
  top: 10px;
  right: 30px;
  padding: 0;
}
#operation #top .operation-nav .operation-li.promo ul li {
  display: inline-block;
  background-color: #f6f6f6;
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  padding: 2px 10px;
  margin: 0 5px;
  font-size: 14px;
}
#operation #top .operation-nav .operation-li.promo ul li.active {
  background-color: #7c3b6f;
}
#operation #top .operation-nav .operation-li.promo ul li.active a {
  color: #ffffff;
}
#operation #top .operation-nav .operation-li.promo ul li a {
  color: #807f7f;
}
#operation #content {
  position: absolute;
  top: 108px;
  right: 60px;
  bottom: 60px;
  left: 60px;
  background-color: #f6f6f6;
}
#operation #content .container {
  padding-top: 10px;
}
#operation #content #pdv #pdvHead {
  margin-top: 7px;
  overflow-y: scroll;
  position: absolute;
  top: 45px;
  right: 30px;
  bottom: 0;
  left: 30px;
}
#operation #content #pdv #pdvHead table {
  margin: 0;
  font-size: 12px;
}
#operation #content #pdv #pdvHead table td {
  text-align: center;
  background-color: #be90b5;
  color: #ffffff;
  padding: 0;
}
#operation #content #pdv .info {
  color: #7c3b6f;
  font-weight: bold;
}
#operation #content #pdv .operation-info .drive-filter {
  width: 100%;
  height: 30px;
  color: #807f7f;
}
#operation #content #pdv .operation-info .operation-list {
  width: 100%;
  height: 30px;
  color: #807f7f;
}
#operation #content #pdv .product-list {
  position: absolute;
  overflow-y: scroll;
  background-color: #ffffff;
  top: 75px;
  right: 30px;
  bottom: 0;
  left: 30px;
}
#operation #content #pdv .product-list .pdvUnivers {
  background-color: #7c3b6f;
  color: #ffffff;
  text-transform: uppercase;
  border-top: 1px solid #cfcfcf;
}
#operation #content #pdv .product-list .pdvUnivers td {
  border: none;
  text-align: left;
  padding: 2px 0 2px 10px;
}
#operation #content #pdv .product-list table {
  word-wrap: break-word;
}
#operation #content #pdv .product-list table td {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
@media (max-width: 1280px) {
  #operation #content #pdv .product-list table td {
    font-size: 9px;
  }
}
#operation #content #pdv .product-list table td img {
  max-height: 50px;
  max-width: 200px;
}
#operation #content #pdv .product-list table .cond {
  margin: 10px 0;
}
#operation #content #pdv .product-list table .cond input:read-only {
  background-color: #cfcfcf;
  border: 1px solid #cfcfcf;
}
#operation #content #pdv .product-list table .quantity {
  width: 100%;
}
#operation #content #mea {
  background-color: #f6f6f6;
}
#operation #content #mea .container {
  background-color: #ffffff;
  margin-top: 39px;
}
@media (max-width: 1280px) {
  #operation #content #mea .container {
    margin-top: 9px;
  }
}
#operation #content #mea .operation-info .sep {
  border-bottom: 1px solid #cfcfcf;
}
#operation #content #mea .operation-info .sep .info {
  text-align: center;
  color: #7c3b6f;
  font-weight: bold;
  text-transform: uppercase;
}
#operation #content #mea .PoSimg img {
  max-width: 50%;
  max-height: 100px;
  display: block;
  margin: auto;
}
#operation #content #mea #mea-content {
  position: absolute;
  font-size: 12px;
  color: #807f7f;
  background-color: #ffffff;
  top: 80px;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (max-width: 1280px) {
  #operation #content #mea #mea-content {
    top: 50px;
    right: 0;
    bottom: 0px;
    left: 0;
  }
}
#operation #content #mea #mea-content .row {
  margin: 10px 0;
}
#operation #content #mea #mea-content .ilot {
  border-right: 1px solid #cfcfcf;
}
#operation #content #mea #mea-content input[type=text],
#operation #content #mea #mea-content input[type=number] {
  width: 100%;
}
#operation #content #mea #mea-content #PoSNumber,
#operation #content #mea #mea-content #animationNumber,
#operation #content #mea #mea-content #merchNumber,
#operation #content #mea #mea-content #otherNumber {
  width: 50%;
}
@media (max-width: 1280px) {
  #operation #content #mea #mea-content #PoSNumber,
  #operation #content #mea #mea-content #animationNumber,
  #operation #content #mea #mea-content #merchNumber,
  #operation #content #mea #mea-content #otherNumber {
    width: 80%;
  }
}
#operation #content #mea #mea-content select {
  border-radius: 0;
  padding: 0;
  height: 21px;
}
#operation #content #mea #mea-content input:read-only {
  background-color: #f6f6f6;
  border: 1px solid #cfcfcf;
}
#operation #content #mea #mea-recap {
  position: absolute;
  color: #ffffff;
  top: 300px;
  right: 0;
  bottom: 0px;
  left: 0;
}
@media (max-width: 1280px) {
  #operation #content #mea #mea-recap {
    top: 240px;
    right: 0;
    bottom: 0px;
    left: 0;
  }
}
#operation #content #mea #mea-recap .row {
  background-color: #be90b5;
}
#operation #content #mea #mea-recap .row .table-mea {
  display: table;
  padding: 0;
}
#operation #content #mea #mea-recap .row .table-mea .table-row {
  display: table-row;
}
#operation #content #mea #mea-recap .row .table-mea .table-cell {
  display: table-cell;
}
#operation #content #mea #mea-recap .row .col-xs-4 {
  text-align: center;
  border-right: 1px solid #9f508e;
}
#operation #content #mea #mea-recap .row .col-xs-4 .table-cell {
  height: 43px;
  border-bottom: 1px solid #d5b0cf;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: left;
  padding-left: 20px;
  font-size: 11px;
  font-weight: bold;
}
#operation #content #mea #mea-recap .row .col-xs-4 .table-row:last-of-type .table-cell {
  border-bottom: none;
}
#operation #content #mea #mea-recap .row .col-xs-4 span {
  color: #7c3b6f;
  float: right;
  padding-right: 50px;
}
#operation #content #mea #mea-recap .row .col-xs-8 {
  border-left: 1px solid #d5b0cf;
}
#operation #content #mea #mea-recap .row .col-xs-8 .table-row:first-of-type {
  height: 43px;
  text-transform: uppercase;
  font-weight: bold;
}
#operation #content #mea #mea-recap .row .col-xs-8 .table-row:last-of-type {
  height: 86px;
  font-weight: bold;
}
#operation #content #mea #mea-recap .row .col-xs-8 .table-row:last-of-type .table-cell {
  border-bottom: none;
}
#operation #content #mea #mea-recap .row .col-xs-8 .table-row .table-cell {
  border-bottom: 1px solid #d5b0cf;
  vertical-align: middle;
  padding-left: 35px;
}
#operation #content #mea #mea-recap .row .col-xs-8 .up {
  text-transform: uppercase;
}
#operation #content #mea #mea-recap .row .col-xs-8 span {
  color: #7c3b6f;
}
#operation #content #npd #npdHead {
  position: absolute;
  top: 26px;
  right: 30px;
  left: 30px;
  overflow-y: scroll;
}
#operation #content #npd #npdHead table {
  margin: 0;
}
#operation #content #npd #npdHead table td {
  text-align: center;
  background-color: #be90b5;
  color: #ffffff;
  padding: 0;
}
#operation #content #npd .product-list {
  position: absolute;
  overflow-y: scroll;
  top: 50px;
  right: 30px;
  bottom: 0px;
  left: 30px;
  background-color: #ffffff;
}
#operation #content #npd .product-list .prdUnivers {
  background-color: #7c3b6f;
  color: #ffffff;
  text-transform: uppercase;
  border-top: 1px solid #cfcfcf;
}
#operation #content #npd .product-list .prdUnivers td {
  border: none;
  text-align: left;
  padding: 2px 0 2px 10px;
}
#operation #content #npd .product-list table {
  word-wrap: break-word;
}
#operation #content #npd .product-list table td {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
#operation #content #npd .product-list .prdLine .npdEan {
  margin: auto;
}
#operation #content #npd .product-list .prdLine img {
  max-height: 50px;
  max-width: 200px;
}
#operation #content #std .operation-info {
  color: #9f508e;
  font-size: 15px;
  font-weight: bold;
}
#operation #content #std .operation-info a {
  color: #9f508e;
}
#operation #content #std #stdHead {
  position: absolute;
  top: 70px;
  right: 30px;
  left: 30px;
  overflow-y: scroll;
}
#operation #content #std #stdHead table {
  margin: 0;
}
#operation #content #std #stdHead table td {
  text-align: center;
  background-color: #be90b5;
  color: #ffffff;
  padding: 0;
}
#operation #content #std .product-list {
  position: absolute;
  overflow-y: scroll;
  background-color: #ffffff;
  top: 94px;
  right: 30px;
  bottom: 0px;
  left: 30px;
}
#operation #content #std .product-list .stdUnivers {
  background-color: #7c3b6f;
  color: #ffffff;
  text-transform: uppercase;
  border-top: 1px solid #cfcfcf;
}
#operation #content #std .product-list .stdUnivers td {
  border: none;
  text-align: left;
  padding: 2px 0 2px 10px;
}
#operation #content #std .product-list table {
  word-wrap: break-word;
}
#operation #content #std .product-list table td {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
#operation #content #std .product-list .stdLine .stdEan {
  margin: auto;
}
#operation #content #std .product-list .stdLine img {
  max-height: 50px;
  max-width: 200px;
}
#operation #content #std .addProduct {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f6f6f6;
  display: none;
}
#operation #content #std .addProduct h3 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
#operation #content #std .addProduct .filter .navbar-default {
  text-align: center;
  border-radius: 0;
}
#operation #content #std .addProduct .filter label {
  margin-right: 15px;
  font-weight: normal;
}
#operation #content #std .addProduct .filter .form-control {
  border-radius: 0;
}
#operation #content #std .addProduct .filter .searchProduct {
  display: block;
  height: 30px;
  width: 100px;
  margin: auto;
  padding: 5px 0;
  background-color: #ff6b6b;
  border-radius: 2px;
  font-weight: bold;
  color: #ffffff;
}
#operation #content #std .addProduct .filter .searchProduct:hover,
#operation #content #std .addProduct .filter .searchProduct:focus {
  text-decoration: none;
}
#operation #content #std .addProduct #prdListHead {
  position: absolute;
  overflow-y: scroll;
  top: 120px;
  right: 90px;
  left: 90px;
}
#operation #content #std .addProduct #prdListHead table {
  margin: 0;
}
#operation #content #std .addProduct #prdListHead table td {
  text-align: center;
  background-color: #be90b5;
  color: #ffffff;
  padding: 0;
}
#operation #content #std .addProduct .prdList {
  position: absolute;
  overflow-y: scroll;
  background-color: #ffffff;
  top: 142px;
  right: 90px;
  bottom: 0px;
  left: 90px;
}
#operation #content #std .addProduct .prdList table {
  word-wrap: break-word;
}
#operation #content #std .addProduct .prdList table td {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
#operation #content #std .addProduct .prdList table td img {
  max-height: 50px;
  max-width: 200px;
}
#operation #modal-change-tab .modal-footer a {
  margin: 0 10px;
}
#operation #body-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
}
#operation #body-footer .button-nav,
#operation #body-footer .button-add-prd-nav {
  list-style-type: none;
  text-align: center;
  margin-top: 5px;
  padding: 0;
}
#operation #body-footer .button-nav li,
#operation #body-footer .button-add-prd-nav li {
  display: inline-block;
  margin: 0 20px;
}
#operation #body-footer .button-nav .addProductList,
#operation #body-footer .button-add-prd-nav .addProductList {
  background-color: #0d8f44;
}
#operation #body-footer .button-nav button,
#operation #body-footer .button-add-prd-nav button {
  background-color: #ff6b6b;
  border: none;
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
  height: 28px;
  width: 110px;
  /*a {
                    color: @white;

                    &:hover {
                        text-decoration: none;
                    }
                }*/
}
#operation #body-footer .button-nav a,
#operation #body-footer .button-add-prd-nav a {
  color: #ffffff;
  background-color: #ff6b6b;
  border: none;
  border-radius: 2px;
  font-weight: bold;
  height: 28px;
  width: 110px;
  padding: 6px 20px;
}
#operation #body-footer .button-nav a:hover,
#operation #body-footer .button-add-prd-nav a:hover {
  text-decoration: none;
}
#operation #body-footer .button-add-prd-nav {
  display: none;
}
#operation #body-footer .update {
  position: absolute;
  top: 15px;
  right: 25px;
  color: #807f7f;
}
#saisonnier .body #filter .navbar {
  margin: 0;
  background-color: #ffffff;
  border-bottom: 1px solid #cfcfcf;
}
#saisonnier .body #filter .navbar ul {
  margin-left: 30px;
  margin-top: 5px;
  display: inline-flex;
}
#saisonnier .body #filter .navbar ul li {
  width: 100%;
  margin: 0 10px;
}
#saisonnier .body #filter .navbar ul li select {
  border-radius: 0;
}
#saisonnier .body #content {
  position: absolute;
  top: 70px;
  right: 60px;
  bottom: 0;
  left: 60px;
  background-color: #f6f6f6;
}
#saisonnier .body #content .container {
  padding-top: 10px;
}
#saisonnier .body #content #saiHead,
#saisonnier .body #content #saiFooter {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}
#saisonnier .body #content #saiHead table,
#saisonnier .body #content #saiFooter table {
  margin: 0;
}
#saisonnier .body #content #saiHead table td,
#saisonnier .body #content #saiFooter table td {
  text-align: center;
  background-color: #be90b5;
  color: #ffffff;
  font-size: 11px;
  padding: 0;
}
#saisonnier .body #content #saiHead table td .row,
#saisonnier .body #content #saiFooter table td .row {
  margin: 0;
  background-color: #502171;
}
#saisonnier .body #content #saiHead table td .row div,
#saisonnier .body #content #saiFooter table td .row div {
  height: 40px;
  border-right: 1px solid #cfcfcf;
  padding: 0;
}
#saisonnier .body #content #saiFooter {
  height: 28px;
  top: auto;
  bottom: 0;
}
#saisonnier .body #content #saiFooter table td {
  padding: 5px;
}
#saisonnier .body #content .product-list {
  position: absolute;
  overflow-y: scroll;
  top: 40px;
  right: 0;
  bottom: 28px;
  left: 0;
  background-color: #ffffff;
}
#saisonnier .body #content .product-list .saiLine {
  margin: 0;
  height: 40px;
  overflow: hidden;
  font-size: 12px;
  cursor: pointer;
}
#saisonnier .body #content .product-list .saiLine .priorityIcon {
  float: left;
  position: absolute;
  left: 5px;
  top: 5px;
  height: 30px;
  width: 30px;
  font-size: 30px;
  color: #7c3b6f;
}
#saisonnier .body #content .product-list .saiLine a {
  color: #404040;
  text-align: center;
}
#saisonnier .body #content .product-list .saiLine div {
  border: 1px solid #cfcfcf;
  height: 100%;
}
#saisonnier .body #content .product-list .saiLine .inner {
  border: 0;
}
#saisonnier .body #content .product-list .saiLine .inner div {
  border: 0;
  color: #ffffff;
  border-right: 1px solid #cfcfcf;
  font-size: 9px;
  padding: 0;
}
#saisonnier .body #content .product-list .saiLine .inner div.active-1 {
  background-color: #be90b5;
}
#saisonnier .body #content .product-list .saiLine .inner div.active-2 {
  background-color: #9f508e;
}
#saisonnier .body #content .product-list .saiLine .inner div.active-3 {
  background-color: #7c3b6f;
}
#saisonnier .body #content .product-list .saiLine .inner div.active-4 {
  background-color: #542E70;
}
#saisonnier .body #content .product-list .saiLine .neg {
  color: #de3334;
}
#saisonnier .body #content .product-list .saiLine .pos {
  color: #0d8f44;
}
#saisonnier .body #content .product-list .saiPriorityLine {
  margin: 0;
  height: 40px;
  overflow: hidden;
  font-size: 12px;
  background-color: #FDDDF4;
  cursor: pointer;
}
#saisonnier .body #content .product-list .saiPriorityLine .priorityIcon {
  float: left;
  position: absolute;
  left: 5px;
  top: 5px;
  height: 30px;
  width: 30px;
  font-size: 30px;
  color: #7c3b6f;
}
#saisonnier .body #content .product-list .saiPriorityLine a {
  color: #404040;
  text-align: center;
}
#saisonnier .body #content .product-list .saiPriorityLine div {
  border: 1px solid #cfcfcf;
  height: 100%;
}
#saisonnier .body #content .product-list .saiPriorityLine .inner {
  border: 0;
}
#saisonnier .body #content .product-list .saiPriorityLine .inner div {
  border: 0;
  color: #ffffff;
  border-right: 1px solid #cfcfcf;
  font-size: 9px;
  padding: 0;
}
#saisonnier .body #content .product-list .saiPriorityLine .inner div.active-1 {
  background-color: #be90b5;
}
#saisonnier .body #content .product-list .saiPriorityLine .inner div.active-2 {
  background-color: #9f508e;
}
#saisonnier .body #content .product-list .saiPriorityLine .inner div.active-3 {
  background-color: #7c3b6f;
}
#saisonnier .body #content .product-list .saiPriorityLine .inner div.active-4 {
  background-color: #542E70;
}
#saisonnier .body #content .product-list .saiPriorityLine .neg {
  color: #de3334;
}
#saisonnier .body #content .product-list .saiPriorityLine .pos {
  color: #0d8f44;
}
#saisonnier .body #body-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
}
#saisonnier .body #body-footer .update {
  position: absolute;
  top: 15px;
  right: 25px;
  color: #807f7f;
}
#saisonnier .body #body-footer.saison {
  background-image: url(../Images/Appli/fond_paques2017.png);
  background-repeat: repeat;
}
#saisonnier .body #body-footer.saison .update {
  color: white;
  top: -18px;
}
#campagne #filter .navbar {
  margin: 0;
  background-color: #ffffff;
  border-bottom: none;
}
#campagne #filter .navbar input[type=text] {
  border-radius: 0;
}
#campagne #filter .navbar img {
  margin-top: -4px;
}
#campagne #filter .navbar .navbar-text {
  margin-top: 5px;
  margin-bottom: 5px;
}
#campagne #filter .navbar-right {
  margin-right: 55px;
}
#campagne #filter .navbar-right a {
  color: #9f508e;
  font-weight: bold;
  font-size: 15px;
}
#campagne #top {
  position: absolute;
  top: 26px;
  right: 4px;
  left: 4px;
}
#campagne #top .operation-nav-campagne {
  list-style-type: none;
  padding: 0;
  text-align: center;
  background-color: #ffffff;
  border-bottom: 2px solid #f6f6f6;
}
#campagne #top .operation-nav-campagne li:nth-of-type(2) {
  color: #807f7f;
}
#campagne #top .operation-nav-campagne li:nth-of-type(2).activepromo {
  top: 0;
  background-color: #f6f6f6;
}
#campagne #top .operation-nav-campagne li:nth-of-type(2).activepromo a {
  color: #7c3b6f;
}
#campagne #top .operation-nav-campagne li:nth-of-type(3).active {
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
}
#campagne #top .operation-nav-campagne .disable-li {
  background-color: #dedede !important;
}
#campagne #top .operation-nav-campagne .operation-li {
  position: relative;
  display: inline-block;
  width: 21%;
  text-align: left;
  border-top: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  height: 42px;
  font-size: 20px;
  padding: 5px 20px;
  font-weight: bold;
}
#campagne #top .operation-nav-campagne .operation-li a {
  display: block;
  color: #807f7f;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#campagne #top .operation-nav-campagne .operation-li a:hover,
#campagne #top .operation-nav-campagne .operation-li a:focus,
#campagne #top .operation-nav-campagne .operation-li a:active {
  text-decoration: none;
}
#campagne #top .operation-nav-campagne .operation-li.active {
  top: 0;
  background-color: #f6f6f6;
}
#campagne #top .operation-nav-campagne .operation-li.active a {
  color: #7c3b6f;
}
#campagne #top .operation-nav-campagne .operation-li:not(.active) {
  top: 5px;
  background-color: transparent;
}
#campagne #top .operation-nav-campagne .operation-li.fiche {
  width: 15%;
}
#campagne #top .operation-nav-campagne .operation-li.preco {
  width: 27%;
}
#campagne #top .operation-nav-campagne .operation-li.preco ul {
  list-style-type: none;
  top: 5px;
  right: 30px;
  padding: 0;
  position: absolute;
}
@media (max-width: 1280px) {
  #campagne #top .operation-nav-campagne .operation-li.preco ul {
    right: 5px;
  }
}
#campagne #top .operation-nav-campagne .operation-li.preco ul li {
  display: inline-block;
  background-color: #f6f6f6;
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  padding: 2px 10px;
  margin: 0 5px;
  font-size: 14px;
}
#campagne #top .operation-nav-campagne .operation-li.preco ul li.active {
  background-color: #7c3b6f;
}
#campagne #top .operation-nav-campagne .operation-li.preco ul li.active a {
  color: #ffffff;
}
#campagne #top .operation-nav-campagne .operation-li.preco ul li a {
  color: #807f7f;
}
#campagne #top .operation-nav-campagne .operation-li.realized {
  width: 13%;
}
#campagne #content {
  position: absolute;
  top: 68px;
  right: 15px;
  bottom: 60px;
  left: 15px;
  background-color: #f6f6f6;
}
#campagne #content .container {
  padding-top: 10px;
}
#campagne #content .table-head {
  margin: 0;
}
#campagne #content .table-head td {
  text-align: center;
  color: #ffffff;
  padding: 0;
}
#campagne #content .table-head td.prd {
  background-color: #be90b5;
}
#campagne #content .table-head td.ha1 {
  background-color: #86acd4;
}
#campagne #content .table-head td.pre {
  background-color: #0d8f44;
}
#campagne #content .neg {
  color: #de3334;
}
#campagne #content .pos {
  color: #0d8f44;
}
#campagne #content #esg .col-xs-6 {
  text-align: center;
  margin-top: 80px;
  border: 1px solid #ff6b6b;
  border-radius: 3px;
  padding: 0;
}
#campagne #content #esg .col-xs-6 a {
  color: #ff6b6b;
  font-weight: bold;
  display: block;
  width: 100%;
}
#campagne #content #esg .col-xs-6 a:hover {
  text-decoration: none;
}
#campagne #content #pdvs #fixed-pane {
  position: absolute;
  overflow: hidden;
  background-color: #be90b5;
  top: 10px;
  height: 20px;
  width: 61%;
  left: 0;
  color: white;
  text-align: center;
}
#campagne #content #pdvs #fixed-pane ul {
  list-style-type: none;
}
#campagne #content #pdvs #top-pane {
  position: absolute;
  overflow: hidden;
  top: 10px;
  left: 61%;
  right: 0;
  height: 20px;
}
#campagne #content #pdvs #top-pane .t-header {
  width: 1500px;
}
#campagne #content #pdvs #top-pane .t-header ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
  display: flex;
}
#campagne #content #pdvs #top-pane .t-header ul li {
  display: inline-block;
  text-align: center;
  color: #ffffff;
  /*&:first-child {
                                background-color: @lightpurple;
                                width: 675px;
                            }*/
}
#campagne #content #pdvs #top-pane .t-header ul li:first-child {
  background-color: #86acd4;
  width: 990px;
}
#campagne #content #pdvs #top-pane .t-header ul li:last-child {
  background-color: #0d8f44;
  width: 479px;
}
#campagne #content #pdvs #left-head {
  position: absolute;
  overflow: hidden;
  top: 30px;
  left: 0;
  right: 0;
  width: 61%;
  border-top: 1px solid #ffffff;
}
#campagne #content #pdvs #left-head ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
  font-size: 13.4px;
  display: flex;
}
#campagne #content #pdvs #left-head ul li {
  display: inline-block;
  text-align: center;
  color: #ffffff;
  background-color: #be90b5;
  border-right: 1px solid #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#campagne #content #pdvs #left-head ul li:nth-child(1) {
  width: 22%;
}
#campagne #content #pdvs #left-head ul li:nth-child(2) {
  width: 8%;
}
#campagne #content #pdvs #left-head ul li:nth-child(3) {
  width: 13%;
}
#campagne #content #pdvs #left-head ul li:nth-child(4) {
  width: 14%;
}
#campagne #content #pdvs #left-head ul li:nth-child(n+5) {
  width: 7%;
}
#campagne #content #pdvs #left-head ul li:nth-child(n+7) {
  width: 13%;
}
#campagne #content #pdvs #left-head ul li:nth-child(n+8) {
  width: 16%;
}
#campagne #content #pdvs #left-data {
  position: absolute;
  top: 52px;
  right: 0px;
  bottom: 75px;
  left: 0px;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 61%;
}
#campagne #content #pdvs #left-data .left-line {
  list-style-type: none;
  padding: 0;
  width: 100%;
  height: 44px;
  margin: 0;
  border-bottom: 1px solid #999;
  display: flex;
}
#campagne #content #pdvs #left-data .left-line li {
  border-right: 1px solid #ddd;
  height: 100%;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
#campagne #content #pdvs #left-data .left-line li img {
  display: block;
  margin: auto;
  max-height: 43px;
  max-width: 100%;
}
#campagne #content #pdvs #left-data .left-line li .px-fs-11 {
  font-size: 11px;
}
#campagne #content #pdvs #left-data .left-line li:nth-child(1) {
  width: 22%;
  padding-left: 10px;
  font-size: 11px;
  justify-content: stretch;
  text-align: left;
}
#campagne #content #pdvs #left-data .left-line li:nth-child(2) {
  width: 8%;
  font-size: 20px;
  text-align: center;
  justify-content: center;
  display: inline-flex;
  align-items: center;
}
#campagne #content #pdvs #left-data .left-line li:nth-child(3) {
  width: 13%;
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
#campagne #content #pdvs #left-data .left-line li:nth-child(4) {
  width: 14%;
  text-align: center;
}
#campagne #content #pdvs #left-data .left-line li:nth-child(n+5) {
  width: 7%;
  text-align: center;
}
#campagne #content #pdvs #left-data .left-line li:nth-child(n+7) {
  width: 13%;
  text-align: center;
}
#campagne #content #pdvs #left-data .left-line li:nth-child(n+8) {
  width: 16%;
  text-align: center;
}
#campagne #content #pdvs #left-data .left-line li .line-list {
  padding: 0;
  width: 100%;
}
#campagne #content #pdvs #left-data .left-line li .line-list li {
  display: inline-block;
  border: none;
  width: 100%;
  text-align: center;
  padding: 0;
  font-size: 11px;
}
#campagne #content #pdvs #left-data .greyTxt {
  color: grey;
}
#campagne #content #pdvs #content-head {
  position: absolute;
  overflow: hidden;
  top: 30px;
  left: 61%;
  right: 0;
  border-top: 1px solid #ffffff;
}
#campagne #content #pdvs #content-head .c-header {
  width: 1500px;
}
#campagne #content #pdvs #content-head .c-header ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
  font-size: 13.4px;
  display: flex;
}
#campagne #content #pdvs #content-head .c-header ul li {
  display: inline-block;
  text-align: center;
  color: #ffffff;
  border-right: 1px solid #ffffff;
  /*&:nth-child(-n+7) {
                                background-color: @blueesg;
                                width: 135px;
                            }

                            &:nth-child(n+6)
                            {
                                background-color: @blueesg;
                            }*/
}
#campagne #content #pdvs #content-head .c-header ul li:nth-child(-n+2) {
  background-color: #86acd4;
  width: 135px;
}
#campagne #content #pdvs #content-head .c-header ul li:nth-child(n+3) {
  background-color: #86acd4;
  width: 80px;
}
#campagne #content #pdvs #content-head .c-header ul li:nth-child(n+12) {
  background-color: #0d8f44;
  width: 80px;
}
#campagne #content #pdvs #content-data {
  position: absolute;
  overflow: hidden;
  top: 52px;
  right: 0px;
  bottom: 75px;
  left: 61%;
  overflow-x: scroll;
  overflow-y: scroll;
}
#campagne #content #pdvs #content-data .px-fs-11 {
  font-size: 11px;
}
#campagne #content #pdvs #content-data .greyTxt {
  color: grey;
}
#campagne #content #pdvs #content-data .line {
  list-style-type: none;
  padding: 0;
  width: 1470px;
  margin: 0;
  height: 44px;
  display: table;
  border-bottom: 1px solid #999;
  line-height: normal;
}
#campagne #content #pdvs #content-data .line li.cell {
  border-right: 1px solid #ddd;
  display: table-cell;
  text-align: center;
  height: 100%;
  vertical-align: middle;
}
#campagne #content #pdvs #content-data .line li.cell:nth-child(-n+2) {
  width: 135px;
}
#campagne #content #pdvs #content-data .line li.cell:nth-child(n+3) {
  width: 80px;
}
#campagne #content #pdvs #content-data .line li.cell:nth-child(n+10) {
  width: 80px;
}
#campagne #content #pdvs #content-data .line li.cell input[type=number] {
  height: 100%;
  width: 100%;
  line-height: normal;
  border: none;
  text-align: center;
}
#campagne #content #pdvs #content-data .line li.cell input:read-only {
  background-color: #e8e8e8;
}
#campagne #content #pdvs #content-data .line .line-list {
  padding: 0;
}
#campagne #content #pdvs #content-data .line .line-list li {
  display: inline-block;
  border: none;
}
#campagne #content #pdvs #bottom-pane {
  position: absolute;
  right: 0;
  bottom: -38px;
  left: 0;
}
#campagne #content #pdvs #bottom-pane .row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
#campagne #content #pdvs #bottom-pane .row .preco {
  text-align: center;
}
#campagne #content #pdvs #bottom-pane .row .preco span {
  color: #7c3b6f;
  font-weight: bold;
}
#campagne #content #pdvs #bottom-pane .row #precoTotalValue {
  text-align: center;
  color: #7c3b6f;
  font-weight: bold;
}
#campagne #content #pdvs #bottom-pane .row .table > tbody > tr > td {
  padding: 3px;
}
#campagne #content #pdvs #bottom-pane .row .table-rtm {
  text-align: center;
  margin: auto;
  font-size: 12px;
}
#campagne #content #pdvs #bottom-pane .row .table-rtm .row-head {
  color: #ffffff;
  background-color: #0d8f44;
}
#campagne #content #pdvs #bottom-pane .row .table-rtm .row-head th {
  text-align: center;
  padding: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 0;
  overflow: hidden;
  font-weight: bold;
}
#campagne #content #pdvs #bottom-pane .row .table-rtm td:first-child {
  color: #ffffff;
  background-color: #0d8f44;
  font-weight: bold;
}
#campagne #content #pdvs #bottom-pane .row .table-rtm td {
  text-align: center;
  padding: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 0;
  overflow: hidden;
}
#campagne #content #pdvs #bottom-pane .row .table-rpt {
  text-align: center;
  margin: auto;
  font-size: 12px;
}
#campagne #content #pdvs #bottom-pane .row .table-rpt .row-head {
  color: #ffffff;
  background-color: #0d8f44;
}
#campagne #content #pdvs #bottom-pane .row .table-rpt .row-head td {
  text-align: center;
  padding: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 0;
  overflow: hidden;
  font-weight: bold;
}
#campagne #content #pdvs #bottom-pane .row .table-rpt .row-data td:first-child {
  color: #ffffff;
  background-color: #0d8f44;
  font-weight: bold;
}
#campagne #content #pdvs #bottom-pane .row .table-rpt .row-data td {
  text-align: center;
  padding: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 0;
  overflow: hidden;
}
#campagne #content #moy #moy-container {
  margin-top: 100px;
  position: relative;
}
#campagne #content #moy #moy-container input:read-only {
  background-color: #f6f6f6;
  border: 1px solid #cfcfcf;
}
@media (max-width: 1280px) {
  #campagne #content #moy #moy-container input:read-only {
    max-width: 80%;
  }
}
#campagne #content #moy #moy-container #moy-content {
  position: absolute;
  left: 0;
  right: 15px;
  top: 0;
  background-color: #ffffff;
  font-size: 12px;
}
#campagne #content #moy #moy-container #moy-content .row {
  margin: 10px 0;
}
#campagne #content #moy #moy-container #moy-content span {
  color: #9f508e;
}
#campagne #content #moy #moy-container #plvList {
  width: 100%;
}
#campagne #content #moy #moy-container #plvImg img {
  max-width: 50%;
  max-height: 100px;
  display: block;
  margin: auto;
}
@media (max-width: 1280px) {
  #campagne #content #moy #moy-container #plvImg img {
    max-width: 50%;
  }
}
#campagne #content #moy #moy-container #moy-resume {
  position: absolute;
  top: 154px;
  right: 15px;
  left: 0;
}
@media (max-width: 1280px) {
  #campagne #content #moy #moy-container #moy-resume {
    top: 182px;
  }
}
#campagne #content #moy #moy-container #moy-resume .row {
  background-color: #be90b5;
  height: 40px;
  color: #ffffff;
  padding: 10px 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
#campagne #content #moy #moy-container #moy-resume .row:nth-child(-n+2) {
  border-bottom: 1px solid #d5b0cf;
}
#campagne #content #moy #moy-container #moy-resume .row span {
  color: #7c3b6f;
  font-weight: bold;
}
#campagne #content #rea #fixed-pane-rea {
  position: absolute;
  overflow: hidden;
  background-color: #be90b5;
  top: 10px;
  height: 20px;
  width: 25%;
  left: 0;
}
#campagne #content #rea #top-pane-rea {
  position: absolute;
  overflow: hidden;
  top: 10px;
  left: 25%;
  right: 0;
}
#campagne #content #rea #top-pane-rea .t-header {
  width: 2509px;
}
#campagne #content #rea #top-pane-rea .t-header ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
  display: flex;
}
#campagne #content #rea #top-pane-rea .t-header ul li {
  display: inline-block;
  text-align: center;
  color: #ffffff;
}
#campagne #content #rea #top-pane-rea .t-header ul li:first-child {
  background-color: #be90b5;
  width: 434px;
}
#campagne #content #rea #top-pane-rea .t-header ul li:nth-child(2) {
  background-color: #86acd4;
  width: 501px;
}
#campagne #content #rea #top-pane-rea .t-header ul li:last-child {
  background-color: #0d8f44;
  width: 1096px;
}
#campagne #content #rea #left-head-rea {
  position: absolute;
  overflow: hidden;
  top: 30px;
  left: 0;
  right: 0;
  width: 25%;
  border-top: 1px solid #ffffff;
}
#campagne #content #rea #left-head-rea ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
  display: flex;
}
#campagne #content #rea #left-head-rea ul li {
  display: inline-block;
  text-align: center;
  color: #ffffff;
  background-color: #be90b5;
  border-right: 1px solid #ffffff;
}
#campagne #content #rea #content-head-rea {
  position: absolute;
  overflow: hidden;
  top: 30px;
  left: 25%;
  right: 0;
  border-top: 1px solid #ffffff;
}
#campagne #content #rea #content-head-rea .c-header {
  width: 1977px;
}
#campagne #content #rea #content-head-rea .c-header ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
  display: flex;
}
#campagne #content #rea #content-head-rea .c-header ul li {
  display: inline-block;
  text-align: center;
  border-right: 1px solid #ffffff;
  color: #ffffff;
}
#campagne #content #rea #content-head-rea .c-header ul li input {
  margin: 0px;
}
#campagne #content #rea #content-head-rea .c-header ul li:nth-child(-n+3) {
  background-color: #be90b5;
  width: 145px;
}
#campagne #content #rea #content-head-rea .c-header ul li:nth-child(n+4) {
  background-color: #0d8f44;
  width: 137px;
}
#campagne #content #rea #left-data-rea {
  position: absolute;
  top: 52px;
  right: 0px;
  bottom: 50px;
  left: 0px;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 25%;
}
@media (max-width: 1280px) {
  #campagne #content #rea #left-data-rea {
    bottom: 50px;
  }
}
#campagne #content #rea #left-data-rea ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
  font-size: 12px;
  height: 35px;
  margin: 0;
  display: flex;
}
@media (max-width: 1280px) {
  #campagne #content #rea #left-data-rea ul {
    font-size: 8px;
  }
}
#campagne #content #rea #left-data-rea ul li {
  border: 1px solid #ddd;
  height: 100%;
}
#campagne #content #rea #left-data-rea ul li img {
  height: 100%;
  display: block;
  margin: auto;
}
#campagne #content #rea #left-data-rea ul li:nth-of-type(2) {
  text-align: center;
}
#campagne #content #rea #content-data-rea {
  position: absolute;
  overflow: hidden;
  top: 52px;
  right: 0px;
  bottom: 50px;
  left: 25%;
  overflow-x: scroll;
  overflow-y: scroll;
}
@media (max-width: 1280px) {
  #campagne #content #rea #content-data-rea {
    bottom: 50px;
  }
}
#campagne #content #rea #content-data-rea ul {
  list-style-type: none;
  padding: 0;
  width: 1698px;
  margin: 0;
  height: 35px;
  display: flex;
}
#campagne #content #rea #content-data-rea ul li {
  border: 1px solid #ddd;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#campagne #content #rea #content-data-rea ul li:nth-child(-n+3) {
  width: 145px;
}
#campagne #content #rea #content-data-rea ul li:nth-child(n+4) {
  width: 137px;
}
#campagne #content #rea #content-data-rea ul li input[type=number] {
  height: 100%;
  width: 100%;
  line-height: normal;
  border: none;
  text-align: center;
}
#campagne #content #rea #content-data-rea ul li.real-is-reco {
  background: repeating-linear-gradient(135deg, #f6f6f6, #f6f6f6 5px, #f0f0f0 5px, #f0f0f0 10px);
}
#campagne #content #rea #content-data-rea ul li.real-is-reco input {
  background: repeating-linear-gradient(135deg, #fff, #fff 5px, #f8f8f8 5px, #f8f8f8 10px);
}
#campagne #content #rea #bottom-pane {
  position: absolute;
  right: 0;
  bottom: -75px;
  left: 0;
  text-align: center;
}
#campagne #content #rea #bottom-pane td {
  padding: 3px;
}
@media (max-width: 1440px) {
  #campagne #content #rea #bottom-pane td {
    font-size: 9px;
  }
}
#campagne #content #rea #bottom-pane .exportdiv {
  margin-bottom: 5px;
}
#campagne #content #rea #bottom-pane .exportdiv .info-msg {
  position: absolute;
  left: 0px;
  top: 7px;
}
#campagne #content #rea #bottom-pane .exportdiv .buttons-container {
  display: flex;
  align-content: center;
  justify-content: center;
  gap: 40px;
}
#campagne #content #rea #bottom-pane .exportdiv .buttons-container #saveUlConst button {
  background-color: #ff6b6b;
  border: none;
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
  height: 28px;
  width: 110px;
}
#campagne #content #rea #bottom-pane .exportdiv .buttons-container #saveUlConst button a {
  color: #ffffff;
}
#campagne #content #rea #bottom-pane .exportdiv .buttons-container #saveUlConst button a:hover {
  text-decoration: none;
}
#campagne #content #rea #bottom-pane button {
  background-color: #ff6b6b;
  border: none;
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
  height: 28px;
  width: 110px;
}
#campagne #content #rea #bottom-pane button a {
  color: #ffffff;
}
#campagne #content #rea #bottom-pane button a:hover {
  text-decoration: none;
}
#campagne #content #rea #bottom-pane table {
  color: #ffffff;
}
#campagne #content #rea #bottom-pane table.histo {
  background-color: #86acd4;
}
#campagne #content #rea #bottom-pane table.preco-a {
  background-color: #be90b5;
}
#campagne #content #rea #bottom-pane table.preco-reel {
  background-color: #ff6b6b;
}
#campagne #content #rea #bottom-pane table.ecart-a {
  background-color: #807f7f;
}
#campagne #content #rea #bottom-pane table.ecart-promo {
  background-color: #e6cd39;
}
#campagne #content #rea #bottom-pane table.repartition-dc {
  background-color: #0d8f44;
}
#campagne #content #rea #bottom-pane table tr:first-child {
  font-size: 12px;
  color: #ffffff;
}
#campagne #content #rea #bottom-pane table tr:first-child td {
  padding: 0;
}
#campagne #content #rea #bottom-pane table tr:nth-child(2) {
  font-size: 11px;
}
#campagne #content #sr #top-pane {
  position: absolute;
  top: 10px;
  right: 0px;
  bottom: 0px;
  left: 0;
}
#campagne #content #sr #top-pane input {
  width: 100px;
  margin-left: 15px;
}
#campagne #content #sr #content-pane {
  position: absolute;
  top: 43px;
  right: 0px;
  bottom: 150px;
  left: 0;
  text-align: center;
}
#campagne #content #sr #content-pane .table-sr-head {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
}
#campagne #content #sr #content-pane .table-sr-head table {
  margin: 0;
  overflow: hidden;
}
#campagne #content #sr #content-pane .table-sr-head td {
  padding: 0;
  color: #ffffff;
  overflow: hidden;
}
#campagne #content #sr #content-pane .table-sr-head td div {
  border-right: 1px solid #ddd;
}
#campagne #content #sr #content-pane .table-sr-head td div:last-of-type {
  border-right: none;
}
#campagne #content #sr #content-pane .table-sr-head td.prd {
  background-color: #be90b5;
}
#campagne #content #sr #content-pane .table-sr-head td.sol {
  background-color: #86acd4;
}
#campagne #content #sr #content-pane .table-sr-head td.rep {
  background-color: #0d8f44;
}
#campagne #content #sr #content-pane .table-sr-head td.cas {
  background-color: #e58594;
}
#campagne #content #sr #content-pane .table-sr-data {
  position: absolute;
  top: 45px;
  right: 0;
  bottom: -100px;
  left: 0;
  overflow-y: scroll;
  background-color: #ffffff;
}
#campagne #content #sr #content-pane .table-sr-data td {
  padding: 0;
  min-height: 30px;
}
#campagne #content #sr #content-pane .table-sr-data td div {
  border-right: 1px solid #ddd;
  display: table-cell;
  min-height: 30px;
}
@media (max-width: 1280px) {
  #campagne #content #sr #content-pane .table-sr-data td div {
    font-size: 12px;
  }
}
#campagne #content #sr #content-pane .table-sr-data td div img {
  max-height: 30px;
  display: block;
  margin: auto;
}
#campagne #content #sr #content-pane .table-sr-data td div:last-of-type {
  border-right: none;
}
#campagne #content #sr #content-pane .table-sr-data td input[type=number] {
  width: 70%;
}
#campagne #content #sr #content-pane .table-sr-data td input:read-only {
  background-color: #cfcfcf;
  border: 1px solid #cfcfcf;
}
#campagne #content #sr #bottom-pane {
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
}
#campagne #content #sr #bottom-pane td {
  padding: 2px;
}
#campagne #content #sr #bottom-pane span {
  font-weight: bold;
}
#campagne #content #sr #bottom-pane .green {
  background-color: #0d8f44;
}
#campagne #content #sr #bottom-pane .red {
  background-color: #de3334;
}
#campagne #content #sr #bottom-pane .pos {
  color: #0d8f44;
}
#campagne #content #sr #bottom-pane .neg {
  color: #de3334;
}
#campagne #content #suivi #fixed-pane {
  position: absolute;
  overflow: hidden;
  background-color: #be90b5;
  top: 10px;
  height: 20px;
  width: 50%;
  left: 0;
  color: white;
  text-align: center;
}
#campagne #content #suivi #fixed-pane ul {
  list-style-type: none;
  display: flex;
}
#campagne #content #suivi #top-pane-suivi {
  position: absolute;
  overflow: hidden;
  top: 10px;
  left: 50%;
  right: 0;
}
#campagne #content #suivi #top-pane-suivi .t-header {
  width: 1450px;
}
#campagne #content #suivi #top-pane-suivi .t-header ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
  display: flex;
}
#campagne #content #suivi #top-pane-suivi .t-header ul li {
  display: inline-block;
  text-align: center;
  color: #ffffff;
}
#campagne #content #suivi #top-pane-suivi .t-header ul li:nth-child(1) {
  background-color: #86acd4;
  width: 240px;
}
#campagne #content #suivi #top-pane-suivi .t-header ul li:nth-child(2) {
  background-color: #0d8f44;
  width: 240px;
}
#campagne #content #suivi #top-pane-suivi .t-header ul li:nth-child(3) {
  background-color: #ff6b6b;
  width: 280px;
}
#campagne #content #suivi #left-head {
  position: absolute;
  overflow: hidden;
  top: 30px;
  left: 0;
  right: 0;
  width: 50%;
  border-top: 1px solid #ffffff;
}
#campagne #content #suivi #left-head ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
  font-size: 13.4px;
  display: flex;
}
#campagne #content #suivi #left-head ul li {
  display: inline-block;
  text-align: center;
  color: #ffffff;
  background-color: #be90b5;
  border-right: 1px solid #ffffff;
}
#campagne #content #suivi #left-head ul li:nth-child(1) {
  width: 50%;
}
#campagne #content #suivi #left-head ul li:nth-child(2) {
  width: 25%;
}
#campagne #content #suivi #left-head ul li:nth-child(3) {
  width: 25%;
}
#campagne #content #suivi #left-data-suivi {
  position: absolute;
  top: 52px;
  right: 0px;
  bottom: 75px;
  left: 0px;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 50%;
}
#campagne #content #suivi #left-data-suivi .left-line {
  list-style-type: none;
  padding: 0;
  width: 100%;
  height: 44px;
  margin: 0;
  border-bottom: 1px solid #999;
  display: flex;
}
#campagne #content #suivi #left-data-suivi .left-line li {
  border-right: 1px solid #ddd;
  display: inline-block;
  height: 100%;
  vertical-align: text-bottom;
}
#campagne #content #suivi #left-data-suivi .left-line li img {
  display: block;
  margin: auto;
  max-height: 43px;
  max-width: 100%;
}
#campagne #content #suivi #left-data-suivi .left-line li .px-fs-11 {
  font-size: 11px;
}
#campagne #content #suivi #left-data-suivi .left-line li:nth-child(1) {
  width: 50%;
  padding-left: 15px;
  font-size: 11px;
}
#campagne #content #suivi #left-data-suivi .left-line li:nth-child(2) {
  width: 25%;
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
#campagne #content #suivi #left-data-suivi .left-line li:nth-child(3) {
  width: 25%;
  text-align: center;
}
#campagne #content #suivi #left-data-suivi .left-line li .line-list {
  padding: 0;
}
#campagne #content #suivi #left-data-suivi .left-line li .line-list li {
  display: inline-block;
  border: none;
  width: 100%;
  text-align: center;
  padding: 0;
}
#campagne #content #suivi #left-data-suivi .greyTxt {
  color: grey;
}
#campagne #content #suivi #content-head-suivi {
  position: absolute;
  overflow: hidden;
  top: 30px;
  left: 50%;
  right: 0;
  border-top: 1px solid #ffffff;
}
#campagne #content #suivi #content-head-suivi .c-header {
  width: 1450px;
}
#campagne #content #suivi #content-head-suivi .c-header ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
  font-size: 13.4px;
  display: flex;
}
#campagne #content #suivi #content-head-suivi .c-header ul li {
  display: inline-block;
  text-align: center;
  color: #ffffff;
  border-right: 1px solid #ffffff;
}
#campagne #content #suivi #content-head-suivi .c-header ul li:nth-child(-n+2) {
  background-color: #86acd4;
  width: 120px;
}
#campagne #content #suivi #content-head-suivi .c-header ul li:nth-child(n+3) {
  background-color: #0d8f44;
  width: 120px;
}
#campagne #content #suivi #content-head-suivi .c-header ul li:nth-child(5) {
  background-color: #ff6b6b;
  width: 160px;
}
#campagne #content #suivi #content-head-suivi .c-header ul li:nth-child(6) {
  background-color: #ff6b6b;
  width: 120px;
}
#campagne #content #suivi #content-data-suivi {
  position: absolute;
  overflow: hidden;
  top: 52px;
  right: 0px;
  bottom: 75px;
  left: 50%;
  overflow-x: scroll;
  overflow-y: scroll;
}
#campagne #content #suivi #content-data-suivi .px-fs-11 {
  font-size: 11px;
}
#campagne #content #suivi #content-data-suivi .greyTxt {
  color: grey;
}
#campagne #content #suivi #content-data-suivi .line {
  list-style-type: none;
  padding: 0;
  width: 760px;
  margin: 0;
  height: 44px;
  display: table;
  border-bottom: 1px solid #999;
}
#campagne #content #suivi #content-data-suivi .line li.cell {
  border-right: 1px solid #ddd;
  display: table-cell;
  text-align: center;
  height: 100%;
  vertical-align: middle;
}
#campagne #content #suivi #content-data-suivi .line li.cell:nth-child(n) {
  width: 120px;
}
#campagne #content #suivi #content-data-suivi .line li.cell:nth-child(5) {
  width: 160px;
}
#campagne #content #suivi #content-data-suivi .line li.cell input[type=number] {
  height: 100%;
  width: 100%;
  line-height: normal;
  border: none;
  text-align: center;
}
#campagne #content #suivi #content-data-suivi .line li.cell input[type=date] {
  height: 100%;
  width: 100%;
  line-height: normal;
  border: none;
  text-align: center;
}
#campagne #content #suivi #content-data-suivi .line li.cell input[type=checkbox] {
  width: 80%;
  height: 50%;
}
#campagne #content #suivi #content-data-suivi .line li.cell input:read-only {
  background-color: #e8e8e8;
}
#campagne #content #suivi #content-data-suivi .line .line-list {
  padding: 0;
}
#campagne #content #suivi #content-data-suivi .line .line-list li {
  display: inline-block;
  border: none;
}
#campagne #content #suivi #bottom-pane {
  position: absolute;
  right: 0;
  bottom: -38px;
  left: 0;
}
@media (max-width: 1280px) {
  #campagne #content #suivi #bottom-pane {
    bottom: -38px;
  }
}
#campagne #content #suivi #bottom-pane .table-expo {
  font-size: 11px;
  width: 70%;
  margin: auto;
  text-align: center;
}
#campagne #content #suivi #bottom-pane .table-expo td {
  text-align: left;
  vertical-align: middle;
}
#campagne #content #suivi #bottom-pane .table-expo td div {
  display: inline-flex;
  vertical-align: middle;
}
#campagne #content #suivi #bottom-pane .table-expo td div input {
  line-height: normal;
  vertical-align: middle;
  margin: auto;
}
#campagne #content #suivi #bottom-pane .table-expo td div label {
  display: inline-block;
  max-width: 100%;
  font-weight: bold;
  vertical-align: middle;
  margin: 3px;
  flex-wrap: wrap;
  text-overflow: ellipsis;
  overflow-wrap: normal;
}
#campagne #content #suivi #bottom-pane .table-expo .row-head {
  color: #ffffff;
  background-color: #ff6b6b;
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
#campagne #content #suivi #bottom-pane .table-expo .row-head td {
  padding: 3px;
  text-align: center;
}
#campagne #content #suivi #bottom-pane .table > tbody > tr > td {
  padding: 3px;
}
#campagne #content #suivi #bottom-pane .table-expoTotal {
  text-align: center;
  font-size: 11px;
  width: 50%;
  margin: auto;
}
#campagne #content #suivi #bottom-pane .table-expoTotal .row-head {
  color: #ffffff;
  background-color: #ff6b6b;
  padding: 0;
  vertical-align: middle;
}
#campagne #content #suivi #bottom-pane .table-expoTotal .row-head td {
  padding: 3px;
}
#campagne #content #suivi #bottom-pane .table-stock {
  font-size: 11px;
  text-align: center;
  width: 50%;
  margin: auto;
}
#campagne #content #suivi #bottom-pane .table-stock .row-head td:nth-child(n) {
  color: #ffffff;
  background-color: #ff6b6b;
  padding: 3px;
  vertical-align: middle;
}
#campagne #content #suivi #bottom-pane .table-stock .row-data td:first-child {
  color: #ffffff;
  background-color: #0d8f44;
  font-size: 10px;
}
#campagne #content #suivi #bottom-pane .table-stock .row-data td {
  vertical-align: middle;
}
#campagne #body-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  /*@media (max-width: 1280px)
        {
            bottom: 15px;
        }*/
}
#campagne #body-footer .button-nav-preco,
#campagne #body-footer .button-nav-real,
#campagne #body-footer .button-nav-sr,
#campagne #body-footer .button-nav-suivi {
  list-style-type: none;
  text-align: center;
  margin-top: 5px;
  padding: 0;
  display: none;
}
#campagne #body-footer .button-nav-preco li,
#campagne #body-footer .button-nav-real li,
#campagne #body-footer .button-nav-sr li,
#campagne #body-footer .button-nav-suivi li {
  display: inline-block;
  margin: 0 20px;
}
#campagne #body-footer .button-nav-preco button,
#campagne #body-footer .button-nav-real button,
#campagne #body-footer .button-nav-sr button,
#campagne #body-footer .button-nav-suivi button {
  background-color: #ff6b6b;
  border: none;
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
  height: 28px;
  width: 110px;
}
#campagne #body-footer .button-nav-preco button a,
#campagne #body-footer .button-nav-real button a,
#campagne #body-footer .button-nav-sr button a,
#campagne #body-footer .button-nav-suivi button a {
  color: #ffffff;
}
#campagne #body-footer .button-nav-preco button a:hover,
#campagne #body-footer .button-nav-real button a:hover,
#campagne #body-footer .button-nav-sr button a:hover,
#campagne #body-footer .button-nav-suivi button a:hover {
  text-decoration: none;
}
#campagne #body-footer .button-nav-real button {
  width: 150px;
}
#campagne #body-footer .button-nav-sr button {
  width: 158px;
}
#campagne #body-footer .button-nav-sr #transmission-siege button {
  width: 150px;
}
.wrapLongMechanics {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 130px;
}
#standard #filter .navbar {
  margin: 0;
  border-bottom: 1px solid #cfcfcf;
  background-color: #ffffff;
}
#standard #filter .navbar ul {
  margin-left: 30px;
  margin-top: 11px;
}
#standard #filter .navbar ul li {
  margin: 0 10px;
  max-width: 250px;
}
#standard #filter .navbar ul li select {
  border-radius: 0;
  font-weight: bold;
}
#standard #filter .navbar ul li label {
  color: #807f7f;
  font-weight: normal;
}
#standard #filter .navbar ul li input[type=checkbox] {
  margin-top: 10px;
  height: 20px;
  width: 30px;
}
#standard #esg .col-xs-6 {
  text-align: center;
  margin-top: 80px;
  border: 1px solid #ff6b6b;
  border-radius: 3px;
  padding: 0;
}
#standard #esg .col-xs-6 a {
  color: #ff6b6b;
  font-weight: bold;
  display: block;
  width: 100%;
}
#standard #esg .col-xs-6 a:hover {
  text-decoration: none;
}
#standard #top {
  position: absolute;
  top: 51px;
  right: 0;
  left: 0;
}
#standard #top .operation-nav-standard {
  list-style-type: none;
  padding: 0;
  text-align: center;
  background-color: #ffffff;
  border-bottom: 2px solid #f6f6f6;
}
#standard #top .operation-nav-standard .disable-li {
  background-color: #dedede !important;
}
#standard #top .operation-nav-standard .operation-li {
  position: relative;
  display: inline-block;
  width: 49%;
  text-align: left;
  border-top: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  height: 55px;
  font-size: 20px;
  padding: 10px 20px;
  font-weight: bold;
}
#standard #top .operation-nav-standard .operation-li a {
  display: block;
  color: #807f7f;
}
#standard #top .operation-nav-standard .operation-li a:hover,
#standard #top .operation-nav-standard .operation-li a:focus,
#standard #top .operation-nav-standard .operation-li a:active {
  text-decoration: none;
}
#standard #top .operation-nav-standard .operation-li.active {
  top: 0;
  background-color: #f6f6f6;
}
#standard #top .operation-nav-standard .operation-li.active a {
  color: #7c3b6f;
}
#standard #top .operation-nav-standard .operation-li:not(.active) {
  top: 5px;
  background-color: transparent;
}
#standard #content {
  position: absolute;
  top: 108px;
  right: 60px;
  bottom: 60px;
  left: 60px;
  background-color: #f6f6f6;
}
#standard #content #filterEnseignes,
#standard #content #filterMagasin {
  border-radius: 0;
  font-weight: bold;
}
#standard #content .container {
  padding-top: 10px;
}
#standard #content #nop .operation-info {
  color: #9f508e;
  font-size: 15px;
  font-weight: bold;
}
#standard #content #nop .operation-info a {
  color: #9f508e;
}
#standard #content #nop #nopHead {
  margin-top: 7px;
  overflow-y: scroll;
  position: absolute;
  top: 45px;
  right: 30px;
  bottom: 0;
  left: 30px;
}
#standard #content #nop #nopHead table {
  margin: 0;
  font-size: 12px;
}
#standard #content #nop #nopHead table td {
  text-align: center;
  background-color: #be90b5;
  color: #ffffff;
  padding: 0;
}
#standard #content #nop .product-list {
  position: absolute;
  overflow-y: scroll;
  background-color: #ffffff;
  top: 75px;
  right: 30px;
  bottom: 0;
  left: 30px;
}
#standard #content #nop .product-list .stdUnivers {
  background-color: #7c3b6f;
  color: #ffffff;
  text-transform: uppercase;
  border-top: 1px solid #cfcfcf;
}
#standard #content #nop .product-list .stdUnivers td {
  border: none;
  text-align: left;
  padding: 2px 0 2px 10px;
}
#standard #content #nop .product-list table {
  word-wrap: break-word;
}
#standard #content #nop .product-list table td {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
#standard #content #nop .product-list .stdLine .stdEan {
  margin: auto;
}
#standard #content #nop .product-list .stdLine img {
  max-height: 50px;
  max-width: 100%;
}
#standard #content #nop .product-list .stdLine input[type=number] {
  width: 80%;
}
#standard #content #nop .prd-total {
  position: absolute;
  overflow-y: scroll;
  background-color: transparent;
  right: 30px;
  bottom: 0;
  left: 30px;
}
#standard #content #nop .prd-total table {
  margin: 0;
  font-size: 12px;
}
#standard #content #nop .prd-total table td {
  text-align: center;
  border: none;
  background-color: #9f508e;
  color: #ffffff;
  padding: 0;
}
#standard #content #nop .prd-total table td:nth-of-type(n+6) {
  background-color: #9f508e;
  border: 1px solid #ddd;
}
#standard #content #nop .addProduct {
  position: absolute;
  z-index: 4;
  top: -58px;
  bottom: 0px;
  background-color: #f6f6f6;
  display: none;
  flex-direction: column;
}
#standard #content #nop .addProduct .filtersBar {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  align-content: center;
  padding: 0;
}
#standard #content #nop .addProduct .filtersBar .filterContainer {
  flex: 1;
  margin: 0px 5px;
}
#standard #content #nop .addProduct .filtersBar .filterContainer .addProductFilter {
  width: 100%;
}
#standard #content #nop .addProduct h3 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  flex: 0 0 auto;
}
#standard #content #nop .addProduct .filter {
  flex: 0 0 auto;
}
#standard #content #nop .addProduct .filter .navbar-default {
  text-align: center;
  border-radius: 0;
}
#standard #content #nop .addProduct .filter label {
  margin-right: 15px;
  font-weight: normal;
}
#standard #content #nop .addProduct .filter .form-control {
  border-radius: 0;
}
#standard #content #nop .addProduct .filter .searchProductStd {
  display: flex;
  height: 33px;
  width: 100px;
  margin: auto;
  padding: 5px 0;
  background-color: #ff6b6b;
  border-radius: 2px;
  font-weight: bold;
  color: #ffffff;
  justify-content: center;
  align-items: center;
}
#standard #content #nop .addProduct .filter .searchProductStd:hover,
#standard #content #nop .addProduct .filter .searchProductStd:focus {
  text-decoration: none;
}
#standard #content #nop .addProduct .prdList {
  flex: 1 1 auto;
  overflow-y: scroll;
}
#standard #content #nop .addProduct .prdList table {
  height: 100px;
  border-top: 0;
}
#standard #content #nop .addProduct .prdList table thead {
  background-color: #be90b5;
  position: sticky;
  top: 0;
}
#standard #content #nop .addProduct .prdList table thead tr th {
  position: sticky;
  text-align: center;
  color: #ffffff;
  padding: 0;
  font-weight: normal;
}
#standard #content #nop .addProduct .prdList table tbody {
  word-wrap: break-word;
  background-color: #ffffff;
  overflow: scroll;
}
#standard #content #nop .addProduct .prdList table tbody .alt-background {
  background-color: #FDDDF4;
}
#standard #content #nop .addProduct .prdList table tbody tr .alt-background {
  background-color: #FDDDF4;
}
#standard #content #nop .addProduct .prdList table tbody tr td {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
#standard #content #nop .addProduct .prdList table tbody tr td img {
  max-height: 50px;
  max-width: 50px;
}
#standard #content #nop .addProduct #prdListHead {
  position: absolute;
  overflow-y: scroll;
  top: 120px;
  right: 90px;
  left: 90px;
}
#standard #content #nop .addProduct #prdListHead table {
  margin: 0;
}
#standard #content #nop .addProduct #prdListHead table td {
  text-align: center;
  background-color: #be90b5;
  color: #ffffff;
  padding: 0;
}
#standard #content #nop .addProduct .prdListNop {
  position: absolute;
  overflow-y: scroll;
  background-color: #ffffff;
  top: 142px;
  right: 90px;
  bottom: 0px;
  left: 90px;
}
#standard #content #nop .addProduct .prdListNop table {
  word-wrap: break-word;
}
#standard #content #nop .addProduct .prdListNop table td {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
#standard #content #nop .addProduct .prdListNop table td img {
  max-height: 50px;
  max-width: 50px;
}
#standard #content #nop .addProduct .button-add-prd-nav {
  flex: 0 0 auto;
  list-style-type: none;
  text-align: center;
  margin-top: 5px;
  padding: 10px 0;
  background-color: #f6f6f6;
}
#standard #content #nop .addProduct .button-add-prd-nav li {
  display: inline-block;
  margin: 0 20px;
}
#standard #content #nop .addProduct .button-add-prd-nav button {
  background-color: #ff6b6b;
  border: none;
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
  height: 28px;
  width: 110px;
}
#standard #content #nop .addProduct .button-add-prd-nav .addProductListSTD {
  background-color: #0d8f44;
}
#standard #content #nop .addProduct .button-add-prd-nav a {
  color: #ffffff;
  background-color: #ff6b6b;
  border: none;
  border-radius: 2px;
  font-weight: bold;
  height: 28px;
  width: 110px;
  padding: 6px 20px;
}
#standard #content #nop .addProduct .button-add-prd-nav a:hover {
  text-decoration: none;
}
#standard #body-footer {
  position: absolute;
  right: 60px;
  bottom: 0;
  left: 60px;
  height: 40px;
  z-index: 5;
}
#standard #body-footer .button-nav,
#standard #body-footer .button-add-prd-nav {
  list-style-type: none;
  text-align: center;
  margin-top: 5px;
  padding: 0;
}
#standard #body-footer .button-nav li,
#standard #body-footer .button-add-prd-nav li {
  display: inline-block;
  margin: 0 20px;
}
#standard #body-footer .button-nav button,
#standard #body-footer .button-add-prd-nav button {
  background-color: #ff6b6b;
  border: none;
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
  height: 28px;
  width: 110px;
}
#standard #body-footer .button-nav .addProductListSTD,
#standard #body-footer .button-add-prd-nav .addProductListSTD {
  background-color: #0d8f44;
}
#standard #body-footer .button-nav a,
#standard #body-footer .button-add-prd-nav a {
  color: #ffffff;
  background-color: #ff6b6b;
  border: none;
  border-radius: 2px;
  font-weight: bold;
  height: 28px;
  width: 110px;
  padding: 6px 20px;
}
#standard #body-footer .button-nav a:hover,
#standard #body-footer .button-add-prd-nav a:hover {
  text-decoration: none;
}
#standard #body-footer .button-add-prd-nav {
  display: none;
}
#standard #body-footer .table-rpt {
  font-size: 10px;
  text-align: center;
  width: 60%;
  margin: auto;
}
#standard #body-footer .table-rpt .row-head th {
  text-align: center;
  color: #ffffff;
  background-color: #9f508e;
  padding: 0;
  vertical-align: middle;
}
#standard #body-footer .table-rpt .row-data td {
  text-align: center;
  background-color: #ffffff;
  font-size: 10px;
  padding: 0;
  vertical-align: middle;
}
#standard .container {
  width: 100%;
  padding: 0;
}
#sis #filter .navbar {
  margin: 0;
  border-bottom: 1px solid #cfcfcf;
  background-color: #ffffff;
}
#sis #filter .navbar ul {
  margin-left: 60px;
  margin-top: 11px;
}
#sis #filter .navbar ul li {
  margin: 0 10px;
  max-width: 250px;
}
#sis #filter .navbar ul li select {
  border-radius: 0;
  font-weight: bold;
}
#sis #filter .navbar ul li label {
  color: #807f7f;
  font-weight: normal;
}
#sis #filter .navbar ul li input[type=checkbox] {
  margin-top: 10px;
  height: 20px;
  width: 30px;
}
#sis #esg .col-xs-6 {
  text-align: center;
  margin-top: 80px;
  border: 1px solid #ff6b6b;
  border-radius: 3px;
  padding: 0;
}
#sis #esg .col-xs-6 a {
  color: #ff6b6b;
  font-weight: bold;
  display: block;
  width: 100%;
}
#sis #esg .col-xs-6 a:hover {
  text-decoration: none;
}
#sis #top {
  position: absolute;
  top: 51px;
  right: 0;
  left: 0;
}
#sis #top .operation-nav-standard {
  list-style-type: none;
  padding: 0;
  text-align: center;
  background-color: #ffffff;
  border-bottom: 2px solid #f6f6f6;
}
#sis #top .operation-nav-standard .disable-li {
  background-color: #dedede !important;
}
#sis #top .operation-nav-standard .operation-li {
  position: relative;
  display: inline-block;
  width: 49%;
  text-align: left;
  border-top: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  height: 55px;
  font-size: 20px;
  padding: 10px 20px;
  font-weight: bold;
}
#sis #top .operation-nav-standard .operation-li a {
  display: block;
  color: #807f7f;
}
#sis #top .operation-nav-standard .operation-li a:hover,
#sis #top .operation-nav-standard .operation-li a:focus,
#sis #top .operation-nav-standard .operation-li a:active {
  text-decoration: none;
}
#sis #top .operation-nav-standard .operation-li.active {
  top: 0;
  background-color: #f6f6f6;
}
#sis #top .operation-nav-standard .operation-li.active a {
  color: #7c3b6f;
}
#sis #top .operation-nav-standard .operation-li:not(.active) {
  top: 5px;
  background-color: transparent;
}
#sis #content {
  position: absolute;
  top: 50px;
  right: 60px;
  bottom: 60px;
  left: 60px;
  background-color: #f6f6f6;
}
#sis #content #filterEnseignes,
#sis #content #filterMagasin {
  border-radius: 0;
  font-weight: bold;
}
#sis #content .container {
  padding-top: 10px;
}
#sis #content #nop .operation-info {
  color: #be90b5;
  font-size: 15px;
  font-weight: bold;
}
#sis #content #nop .operation-info a {
  color: #be90b5;
}
#sis #content #nop #nopHead {
  margin-top: 7px;
  overflow-y: scroll;
  position: absolute;
  top: 45px;
  right: 30px;
  bottom: 0;
  left: 30px;
}
#sis #content #nop #nopHead table {
  margin: 0;
  font-size: 12px;
}
#sis #content #nop #nopHead table td {
  text-align: center;
  background-color: #be90b5;
  color: #ffffff;
  padding: 0;
}
#sis #content #nop .product-list {
  position: absolute;
  overflow-y: scroll;
  background-color: #ffffff;
  top: 75px;
  right: 30px;
  bottom: 0;
  left: 30px;
}
#sis #content #nop .product-list .stdUnivers {
  background-color: #7c3b6f;
  color: #ffffff;
  text-transform: uppercase;
  border-top: 1px solid #cfcfcf;
}
#sis #content #nop .product-list .stdUnivers td {
  border: none;
  text-align: left;
  padding: 2px 0 2px 10px;
}
#sis #content #nop .product-list table {
  word-wrap: break-word;
}
#sis #content #nop .product-list table td {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
#sis #content #nop .product-list .stdLine .stdEan {
  margin: auto;
}
#sis #content #nop .product-list .stdLine img {
  max-height: 50px;
  max-width: 100%;
}
#sis #content #nop .product-list .stdLine input[type=number] {
  width: 80%;
}
#sis #content #nop .prd-total {
  position: absolute;
  overflow-y: scroll;
  background-color: transparent;
  right: 30px;
  bottom: 0;
  left: 30px;
}
#sis #content #nop .prd-total table {
  margin: 0;
  font-size: 12px;
}
#sis #content #nop .prd-total table td {
  text-align: center;
  border: none;
  background-color: #FDDDF4;
  color: #404040;
  padding: 0;
}
#sis #content #nop .prd-total table td:nth-of-type(n+6) {
  background-color: #FDDDF4;
  border: 1px solid #ddd;
}
#sis #content #nop .addProduct {
  position: absolute;
  z-index: 4;
  top: 4px;
  bottom: 0px;
  background-color: #f6f6f6;
  display: none;
  flex-direction: column;
}
#sis #content #nop .addProduct .filtersBar {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  align-content: center;
  padding: 0;
}
#sis #content #nop .addProduct .filtersBar .filterContainer {
  flex: 1;
  margin: 0px 5px;
}
#sis #content #nop .addProduct .filtersBar .filterContainer .addProductFilter {
  width: 100%;
}
#sis #content #nop .addProduct h3 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  flex: 0 0 auto;
}
#sis #content #nop .addProduct .filter {
  flex: 0 0 auto;
}
#sis #content #nop .addProduct .filter .navbar-default {
  text-align: center;
  border-radius: 0;
}
#sis #content #nop .addProduct .filter label {
  margin-right: 15px;
  font-weight: normal;
}
#sis #content #nop .addProduct .filter .form-control {
  border-radius: 0;
}
#sis #content #nop .addProduct .filter .searchProductStd {
  display: flex;
  height: 33px;
  width: 100px;
  margin: auto;
  padding: 5px 0;
  background-color: #ff6b6b;
  border-radius: 2px;
  font-weight: bold;
  color: #ffffff;
  justify-content: center;
  align-items: center;
}
#sis #content #nop .addProduct .filter .searchProductStd:hover,
#sis #content #nop .addProduct .filter .searchProductStd:focus {
  text-decoration: none;
}
#sis #content #nop .addProduct .prdList {
  flex: 1 1 auto;
  overflow-y: scroll;
}
#sis #content #nop .addProduct .prdList table {
  height: 100px;
  border-top: 0;
}
#sis #content #nop .addProduct .prdList table thead {
  background-color: #be90b5;
  position: sticky;
  top: 0;
}
#sis #content #nop .addProduct .prdList table thead tr th {
  position: sticky;
  text-align: center;
  color: #ffffff;
  padding: 0;
  font-weight: normal;
}
#sis #content #nop .addProduct .prdList table tbody {
  word-wrap: break-word;
  background-color: #ffffff;
  overflow: scroll;
}
#sis #content #nop .addProduct .prdList table tbody .alt-background {
  background-color: #FDDDF4;
}
#sis #content #nop .addProduct .prdList table tbody tr .alt-background {
  background-color: #FDDDF4;
}
#sis #content #nop .addProduct .prdList table tbody tr td {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
#sis #content #nop .addProduct .prdList table tbody tr td img {
  max-height: 50px;
  max-width: 50px;
}
#sis #content #nop .addProduct #prdListHead {
  position: absolute;
  overflow-y: scroll;
  top: 120px;
  right: 90px;
  left: 90px;
}
#sis #content #nop .addProduct #prdListHead table {
  margin: 0;
}
#sis #content #nop .addProduct #prdListHead table td {
  text-align: center;
  background-color: #be90b5;
  color: #ffffff;
  padding: 0;
}
#sis #content #nop .addProduct .prdListNop {
  position: absolute;
  overflow-y: scroll;
  background-color: #ffffff;
  top: 142px;
  right: 90px;
  bottom: 0px;
  left: 90px;
}
#sis #content #nop .addProduct .prdListNop table {
  word-wrap: break-word;
}
#sis #content #nop .addProduct .prdListNop table td {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
#sis #content #nop .addProduct .prdListNop table td img {
  max-height: 50px;
  max-width: 50px;
}
#sis #content #nop .addProduct .button-add-prd-nav {
  flex: 0 0 auto;
  list-style-type: none;
  text-align: center;
  margin-top: 5px;
  padding: 30px 0;
  background-color: #f6f6f6;
}
#sis #content #nop .addProduct .button-add-prd-nav li {
  display: inline-block;
  margin: 0 20px;
}
#sis #content #nop .addProduct .button-add-prd-nav button {
  background-color: #ff6b6b;
  border: none;
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
  height: 28px;
  width: 110px;
}
#sis #content #nop .addProduct .button-add-prd-nav .addProductListSTD {
  background-color: #0d8f44;
}
#sis #content #nop .addProduct .button-add-prd-nav a {
  color: #ffffff;
  background-color: #ff6b6b;
  border: none;
  border-radius: 2px;
  font-weight: bold;
  height: 28px;
  width: 110px;
  padding: 6px 20px;
}
#sis #content #nop .addProduct .button-add-prd-nav a:hover {
  text-decoration: none;
}
#sis #body-footer {
  position: absolute;
  right: 60px;
  bottom: 0;
  left: 60px;
  height: 100px;
  z-index: 5;
}
#sis #body-footer .button-nav,
#sis #body-footer .button-add-prd-nav {
  list-style-type: none;
  text-align: center;
  margin-top: 20px;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;
}
#sis #body-footer .button-nav li,
#sis #body-footer .button-add-prd-nav li {
  flex-shrink: 0;
}
#sis #body-footer .button-nav button,
#sis #body-footer .button-add-prd-nav button {
  background-color: #ff6b6b;
  border: none;
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
  height: 30px;
  width: 110px;
  margin-top: 65px;
  white-space: nowrap;
}
#sis #body-footer .button-nav .addProductListSTD,
#sis #body-footer .button-add-prd-nav .addProductListSTD {
  background-color: #0d8f44;
}
#sis #body-footer .button-nav a,
#sis #body-footer .button-add-prd-nav a {
  color: #ffffff;
  background-color: #ff6b6b;
  border: none;
  border-radius: 2px;
  font-weight: bold;
  height: 28px;
  width: 110px;
  padding: 6px 20px;
}
#sis #body-footer .button-nav a:hover,
#sis #body-footer .button-add-prd-nav a:hover {
  text-decoration: none;
}
#sis #body-footer .button-nav form,
#sis #body-footer .button-add-prd-nav form {
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
}
#sis #body-footer .button-add-prd-nav {
  display: none;
}
#sis #body-footer .table-rpt {
  font-size: 10px;
  text-align: center;
  width: 60%;
  margin: auto;
}
#sis #body-footer .table-rpt .row-head th {
  text-align: center;
  color: #ffffff;
  background-color: #be90b5;
  padding: 0;
  vertical-align: middle;
}
#sis #body-footer .table-rpt .row-data td {
  text-align: center;
  background-color: #ffffff;
  font-size: 10px;
  padding: 0;
  vertical-align: middle;
}
#sis .container {
  width: 100%;
  padding: 0;
}
#sis .containers {
  width: 85%;
  padding: 0;
  margin: 85px;
}
#sis .sis-thead {
  text-align: center;
  background-color: #be90b5;
  color: #ffffff;
  padding: 0;
}
#sis .buttons-container {
  display: flex;
  justify-content: flex-start;
  /* les aligne à gauche */
  gap: 10px;
  /* espace entre les boutons */
  margin-top: 20px;
  margin-left: 40%;
}
#sis .create-order,
#sis .delete-order {
  background-color: #ff6b6b;
  border: none;
  border-radius: 4px;
  color: #ffffff;
  font-weight: bold;
  padding: 10px 20px;
  cursor: pointer;
  text-decoration: none;
}
#printretail .container {
  width: 100%;
  font-size: 12px;
}
#printretail .operation-list {
  display: none;
}
#printretail #pdv #pdvHead {
  margin-top: 7px;
}
#printretail #pdv #pdvHead table {
  margin: 0;
  font-size: 12px;
}
#printretail #pdv #pdvHead table td {
  text-align: center;
  background-color: #be90b5;
  color: #ffffff;
  padding: 0;
}
#printretail #pdv .info {
  color: #7c3b6f;
  font-weight: bold;
}
#printretail #pdv .operation-info .operation-list {
  width: 100%;
  height: 30px;
  color: #807f7f;
}
#printretail #pdv .product-list {
  background-color: #ffffff;
}
#printretail #pdv .product-list .pdvUnivers {
  background-color: #7c3b6f;
  color: #ffffff;
  text-transform: uppercase;
  border-top: 1px solid #cfcfcf;
}
#printretail #pdv .product-list .pdvUnivers td {
  border: none;
  text-align: left;
  padding: 2px 0 2px 10px;
}
#printretail #pdv .product-list table {
  word-wrap: break-word;
}
#printretail #pdv .product-list table td {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  max-height: 50px;
  max-width: 200px;
}
@media (max-width: 1280px) {
  #printretail #pdv .product-list table td {
    font-size: 10px;
  }
}
#printretail #pdv .product-list .cond {
  margin: 10px 0;
}
#printretail #pdv .product-list .cond input:read-only {
  background-color: #cfcfcf;
  border: 1px solid #cfcfcf;
}
#mea {
  background-color: #f6f6f6;
}
#mea .container {
  background-color: #ffffff;
  margin-top: 39px;
}
@media (max-width: 1280px) {
  #mea .container {
    margin-top: 9px;
  }
}
#mea .operation-info .sep {
  border-bottom: 1px solid #cfcfcf;
}
#mea .operation-info .sep .info {
  text-align: center;
  color: #7c3b6f;
  font-weight: bold;
  text-transform: uppercase;
}
#mea .PoSimg img {
  max-width: 50%;
  max-height: 100px;
  display: block;
  margin: auto;
}
#mea #mea-content {
  font-size: 12px;
  color: #807f7f;
  background-color: #ffffff;
}
#mea #mea-content .row {
  margin: 10px 0;
}
#mea #mea-content .ilot {
  border-right: 1px solid #cfcfcf;
}
#mea #mea-content input[type=text],
#mea #mea-content input[type=number] {
  width: 100%;
}
#mea #mea-content #PoSNumber,
#mea #mea-content #animationNumber,
#mea #mea-content #merchNumber,
#mea #mea-content #otherNumber {
  width: 50%;
}
@media (max-width: 1280px) {
  #mea #mea-content #PoSNumber,
  #mea #mea-content #animationNumber,
  #mea #mea-content #merchNumber,
  #mea #mea-content #otherNumber {
    width: 80%;
  }
}
#mea #mea-content select {
  border-radius: 0;
  padding: 0;
  height: 21px;
}
#mea #mea-content input:read-only {
  background-color: #f6f6f6;
  border: 1px solid #cfcfcf;
}
#mea #mea-recap {
  color: #ffffff;
}
@media (max-width: 1280px) {
  #mea #mea-recap {
    top: 240px;
    right: 0;
    bottom: 0px;
    left: 0;
  }
}
#mea #mea-recap .row {
  background-color: #be90b5;
}
#mea #mea-recap .row .table-mea {
  display: table;
  padding: 0;
}
#mea #mea-recap .row .table-mea .table-row {
  display: table-row;
}
#mea #mea-recap .row .table-mea .table-cell {
  display: table-cell;
}
#mea #mea-recap .row .col-xs-4 {
  text-align: center;
  border-right: 1px solid #9f508e;
}
#mea #mea-recap .row .col-xs-4 .table-cell {
  height: 43px;
  border-bottom: 1px solid #d5b0cf;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: left;
  padding-left: 20px;
  font-size: 11px;
  font-weight: bold;
}
#mea #mea-recap .row .col-xs-4 .table-row:last-of-type .table-cell {
  border-bottom: none;
}
#mea #mea-recap .row .col-xs-4 span {
  color: #7c3b6f;
  float: right;
  padding-right: 50px;
}
#mea #mea-recap .row .col-xs-8 {
  border-left: 1px solid #d5b0cf;
}
#mea #mea-recap .row .col-xs-8 .table-row:first-of-type {
  height: 43px;
  text-transform: uppercase;
  font-weight: bold;
}
#mea #mea-recap .row .col-xs-8 .table-row:last-of-type {
  height: 86px;
  font-weight: bold;
}
#mea #mea-recap .row .col-xs-8 .table-row:last-of-type .table-cell {
  border-bottom: none;
}
#mea #mea-recap .row .col-xs-8 .table-row .table-cell {
  border-bottom: 1px solid #d5b0cf;
  vertical-align: middle;
  padding-left: 35px;
}
#mea #mea-recap .row .col-xs-8 .up {
  text-transform: uppercase;
}
#mea #mea-recap .row .col-xs-8 span {
  color: #7c3b6f;
}
.btn-send-order {
  height: 30px !important;
  width: 190px !important;
  margin-top: 65px;
}
.btn-save-draft {
  height: 30px !important;
  width: 190px !important;
  margin-top: 65px;
}
.operation-data {
  background: #f5f5f5;
  border-radius: 6px;
  font-weight: bold;
  font-size: 16px;
  margin-left: 30px;
  margin-right: 30px;
}
.date-operation-input {
  height: 100%;
  line-height: normal;
  border: none;
  text-align: center;
}