@charset "UTF-8";
/* CSS Document */
/* Setup */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Source+Sans+Pro:wght@200;300;400;600;700;900&Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Border Radius */
/* Box Shadow */
/* Transition */
/* Transform */
/* Import */
/* Color */
/* Font Family */
/* Gotham Bold */
@font-face {
  font-family: 'GothamBold';
  src: url("../fonts/Gotham-Bold.eot");
  src: local("☺"), url("../fonts/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham-Bold.ttf") format("truetype"), url("../fonts/Gotham-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Gotham Book */
@font-face {
  font-family: 'GothamBook';
  src: url("../fonts/Gotham-Book.eot");
  src: url("../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham-Book.woff") format("woff"), url("../fonts/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

html {
  font-size: 100%;
}

body {
  overflow-x: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
  width: 100%;
}

body.page-login {
  background-image: url("../img/map.png");
  background-repeat: no-repeat;
  background-size: 1016px auto;
  background-position: center top;
}

body.page-start {
  background-image: url("../img/map.png");
  background-repeat: no-repeat;
  background-size: 598px auto;
  background-position: center top;
}

body.page-register {
  background-image: url("../img/bg-1.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center top;
}

body.page-join-team {
  background-image: url("../img/bg-2.png");
  background-repeat: no-repeat;
  background-size: auto 100vh;
  background-position: center top;
}

body.pb-1 {
  margin-bottom: 52px !important;
}

@media screen and (max-height: 850px) {
  body.page-login {
    background-size: 915px auto;
  }
  body.page-start {
    background-size: 538px auto;
  }
  body.pb-1 {
    margin-bottom: 46px !important;
  }
}

@media screen and (max-height: 700px) {
  body.page-login {
    background-size: 813px auto;
  }
  body.page-start {
    background-size: 478px auto;
  }
  body.pb-1 {
    margin-bottom: 41px !important;
  }
}

@media screen and (max-height: 600px) {
  body.page-login {
    background-size: 732px auto;
  }
  body.page-start {
    background-size: 431px auto;
  }
  body.pb-1 {
    margin-bottom: 37px !important;
  }
}

@media screen and (max-height: 550px) {
  body.page-login {
    background-size: 609px auto;
  }
  body.page-start {
    background-size: 359px auto;
  }
  body.pb-1 {
    margin-bottom: 20px !important;
  }
}

* {
  box-sizing: border-box;
}

/* float clearing for IE6 */
* html .clearfix {
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
* + html .clearfix {
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: 0 none !important;
}

button:focus {
  outline: 0 none !important;
}

.col-contenu {
  float: left;
  height: auto;
  width: 100%;
}

.clr {
  clear: both;
}

/* Form Error */
.form-message {
  height: 25px;
  right: 58px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  z-index: 40;
}

.form-message .error {
  border: 2px solid #dc3545;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: none;
  height: 25px;
  line-height: 21px;
  left: 0;
  position: absolute;
  top: 0;
  text-align: center;
  width: 25px;
}

.form-message .error svg {
  width: 16px;
}

.form-message .good {
  border: 2px solid #7ac142;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: none;
  height: 25px;
  line-height: 21px;
  left: 0;
  position: absolute;
  top: 0;
  text-align: center;
  width: 25px;
}

.form-message .good svg {
  width: 18px;
}

.form-message .message {
  background-color: #dc3545;
  bottom: calc(100% + 7px);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: white;
  display: none;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  line-height: 14px;
  left: 50%;
  padding: 4px;
  position: absolute;
  text-align: center;
  text-transform: capitalize;
  transform: translateX(-50%);
  width: 180px;
}

.form-message .message::after {
  border-top: solid 5px #dc3545;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  content: '';
  height: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  top: 100%;
  width: 10px;
}

/* Key */
.key {
  border: 2px solid #e8594a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  cursor: pointer;
  height: 26px;
  left: calc(100% + 2px);
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
}

.key::before {
  background-color: #e8594a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  height: 18px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 18px;
  z-index: 2;
}

.key svg {
  position: relative;
  width: 11px;
  z-index: 3;
}

.key svg path {
  fill: white;
}

/* Eye */
.eye {
  border: 2px solid #e8594a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 26px;
  right: 17px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
}

.eye::before {
  background-color: #e8594a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  height: 18px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 18px;
  z-index: 2;
}

.eye .feather {
  color: white;
  cursor: pointer;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  z-index: 2;
}

.eye .feather.feather-eye-off {
  display: none;
}

/* Popup Message */
.popup-message {
  height: 100vh;
  left: 0;
  line-height: 100vh;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 100;
}

.popup-message .fade {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.popup-message .content {
  background-color: white;
  display: inline-block;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  line-height: normal;
  max-width: 450px;
  padding: 70px 66px 50px 64px;
  position: relative;
  vertical-align: middle;
  width: 100%;
  z-index: 4;
}

.popup-message .content.content-border {
  border-top: 4px solid #27AE60;
}

.popup-message .content .circle {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 100px;
  margin: 0 auto;
  text-align: center;
  width: 100px;
}

.popup-message .content .circle.good {
  background-color: #27AE60;
  background-image: url("../img/icons/good.svg");
}

.popup-message .content .circle.not-good {
  background-color: #EB5757;
  background-image: url("../img/icons/not-good.svg");
}

.popup-message .content p {
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin: 17px 0 0;
  text-align: center;
}

.popup-message .content button {
  background-color: #e95a4b;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 0 none;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  margin: 44px 0 0;
  width: 114px;
}

.popup-message .content button:hover {
  background-color: #cf4233;
}

.tagify {
  background: rgba(255, 255, 255, 0.8);
  font-family: "Roboto", sans-serif;
  width: 100%;
}

.tagify__dropdown.users-list .tagify__dropdown__item {
  font-family: "Roboto", sans-serif;
  padding: .5em .7em;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 1em;
  grid-template-areas: "avatar name" "avatar email";
}

.tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  grid-area: avatar;
  font-family: "GothamBook", sans-serif;
  font-size: 20.57px;
  height: 48px;
  line-height: 48px;
  margin: 0 0 0 10px;
  text-align: center;
  width: 48px;
  text-transform: uppercase;
}

.tagify__dropdown.users-list img {
  width: 100%;
  vertical-align: top;
}

.tagify__dropdown.users-list strong {
  grid-area: name;
  width: 100%;
  align-self: center;
}

.tagify__dropdown.users-list span {
  grid-area: email;
  width: 100%;
  font-size: .9em;
  opacity: .6;
}

.tagify__dropdown.users-list .tagify__dropdown__item__addAll {
  border-bottom: 1px solid #DDD;
  gap: 0;
}

.tagify__tag {
  white-space: nowrap;
}

.tagify__tag .tagify__tag__avatar-wrap {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  font-size: 8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  white-space: normal;
  margin-right: 5px;
  text-transform: uppercase;
  text-align: center;
}

.tagify__tag img {
  width: 100%;
  vertical-align: top;
  pointer-events: none;
}

.picmo__popupContainer {
  z-index: 200;
}

#galpop-content img {
  width: 100%;
}

/* Disabled Button */
.disabled-button {
  cursor: no-drop !important;
  opacity: 0.5;
}

.disabled-button::before {
  background-color: transparent !important;
  cursor: no-drop !important;
  content: '';
}

.disabled-button:hover {
  background-color: transparent !important;
}

.disabled-button:hover h2 {
  color: initial !important;
}

.disabled-button:hover img {
  filter: initial !important;
}

/* End Disabled Button */
@keyframes animate {
  0% {
    transform: translateX(-150%);
    min-width: 100px;
  }
  100% {
    transform: translateX(300%);
    min-width: 400px;
  }
}

/* Scale */
@keyframes scale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

/* Bounce Left */

@keyframes bounceLeft {
  0% {
    left: 0;
  }
  50% {
    left: 10px;
  }
  100% {
    left: 0;
  }
}

/* Parts */
/* Splash Screen */
.Splash-Screen {
  background-color: white;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.Splash-Screen .logo-anime {
  height: 300px;
  line-height: 300px;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
}

.Splash-Screen .logo-anime::before {
  background-image: url("../img/wave.gif");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.Splash-Screen .logo-anime img {
  animation: scale 2s linear infinite;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 116px;
}

/* Start */
.start {
  align-items: center;
  display: flex;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.start .logo {
  display: block;
  position: relative;
  width: 252px;
}

.start .logo img {
  width: 100%;
}

.start .logo::before {
  background-image: url("../img/shadow.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: '';
  height: 11px;
  left: 50%;
  top: calc(100% + 16px);
  position: absolute;
  transform: translateX(-50%);
  width: 266px;
}

.start h1 {
  color: #131313;
  font-family: "Roboto", sans-serif;
  font-size: 42px;
  font-weight: 900;
  line-height: 50px;
  margin-top: 52px;
  text-align: center;
}

.start .box {
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 1px solid #dadada;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  height: 194px;
  margin-top: 20px;
  position: relative;
  top: 0px;
  transition: all 0.2s ease-in;
  width: 480px;
}

.start .box:nth-of-type(1) {
  margin-top: 46px;
}

.start .box.bg-1 {
  background-image: url("../img/bg-start-1.jpg");
}

.start .box.bg-2 {
  background-image: url("../img/bg-start-2.jpg");
}

.start .box h2 {
  color: #33475b;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
  margin-left: 29px;
  margin-top: 37px;
}

.start .box h2 span {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 13px;
}

.start .box .arrow {
  background-image: url("../img/arrow-right.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 18px;
  margin-left: 29px;
  margin-top: 15px;
  position: relative;
  width: 24px;
}

.start .box:hover {
  box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
  top: -8px;
  transition: all 0.2s ease-out;
}

.start .box:hover .arrow {
  animation: bounceLeft 0.8s infinite;
}

@media screen and (max-height: 850px) {
  .start .logo {
    width: 227px;
  }
  .start .logo::before {
    height: 11px;
    top: calc(100% + 14px);
    width: 244px;
  }
  .start h1 {
    font-size: 37.8px;
    line-height: 44px;
    margin-top: 35px;
  }
  .start .box {
    height: 174px;
    margin-top: 18px;
    width: 432px;
  }
  .start .box:nth-of-type(1) {
    margin-top: 26px;
  }
  .start .box h2 {
    font-size: 19.8px;
    line-height: 19px;
    margin-left: 27px;
    margin-top: 33px;
  }
  .start .box h2 span {
    font-size: 16.2px;
    line-height: 20px;
    margin-top: 12px;
  }
  .start .box .arrow {
    height: 16px;
    margin-left: 27px;
    margin-top: 14px;
    width: 22px;
  }
}

@media screen and (max-height: 700px) {
  .start .logo {
    width: 202px;
  }
  .start .logo::before {
    height: 10px;
    top: calc(100% + 12px);
    width: 212px;
  }
  .start h1 {
    font-size: 33.6px;
    line-height: 40px;
    margin-top: 36px;
  }
  .start .box {
    height: 155px;
    margin-top: 16px;
    width: 384px;
  }
  .start .box:nth-of-type(1) {
    margin-top: 20px;
  }
  .start .box h2 {
    font-size: 17.6px;
    line-height: 17px;
    margin-left: 23px;
    margin-top: 29px;
  }
  .start .box h2 span {
    font-size: 14.4px;
    line-height: 18px;
    margin-top: 10px;
  }
  .start .box .arrow {
    height: 14px;
    margin-left: 23px;
    margin-top: 13px;
    width: 19px;
  }
}

@media screen and (max-height: 600px) {
  .start .logo {
    width: 181px;
  }
  .start .logo::before {
    height: 9px;
    top: calc(100% + 12px);
    width: 190px;
  }
  .start h1 {
    font-size: 30.24px;
    line-height: 35px;
    margin-top: 25px;
  }
  .start .box {
    height: 139px;
    margin-top: 14px;
    width: 345px;
  }
  .start .box:nth-of-type(1) {
    margin-top: 15px;
  }
  .start .box h2 {
    font-size: 15.84px;
    line-height: 15px;
    margin-left: 21px;
    margin-top: 27px;
  }
  .start .box h2 span {
    font-size: 12.96px;
    line-height: 16px;
    margin-top: 9px;
  }
  .start .box .arrow {
    height: 13px;
    margin-left: 21px;
    margin-top: 11px;
    width: 17px;
  }
}

@media screen and (max-height: 550px) {
  .start .logo {
    width: 151px;
  }
  .start .logo::before {
    height: 7px;
    top: calc(100% + 10px);
    width: 158px;
  }
  .start h1 {
    font-size: 25.2px;
    line-height: 29px;
    margin-top: 24px;
  }
  .start .box {
    height: 116px;
    margin-top: 12px;
    width: 288px;
  }
  .start .box:nth-of-type(1) {
    margin-top: 10px;
  }
  .start .box h2 {
    font-size: 13.2px;
    line-height: 13px;
    margin-left: 17px;
    margin-top: 22px;
  }
  .start .box h2 span {
    font-size: 10.8px;
    line-height: 13px;
    margin-top: 8px;
  }
  .start .box .arrow {
    height: 11px;
    margin-left: 17px;
    margin-top: 8px;
    width: 14px;
  }
}

/* End Start */
/* Login */
.login {
  align-items: center;
  display: flex;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.login .logo {
  display: block;
  position: relative;
  width: 252px;
}

.login .logo img {
  width: 100%;
}

.login .logo::before {
  background-image: url("../img/shadow.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: '';
  height: 11px;
  left: 50%;
  top: calc(100% + 16px);
  position: absolute;
  transform: translateX(-50%);
  width: 266px;
}

.login h1 {
  color: #131313;
  font-family: "Roboto", sans-serif;
  font-size: 42px;
  font-weight: 900;
  line-height: 50px;
  margin-top: 69px;
  text-align: center;
}

.login p {
  color: #131313;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 30px;
}

.login button {
  background-color: #e8594a;
  border: 0 none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700;
  height: 49px;
  margin-top: 20px;
  padding: 0;
  position: relative;
  overflow: hidden;
  transition: background-color 0.3s linear;
  width: 411px;
}

.login button:nth-of-type(1) {
  margin-top: 64px;
}

.login button span {
  position: relative;
  z-index: 2;
}

.login button:hover {
  background-color: #cf4233;
}

.login .lien {
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin-top: 49px;
  position: relative;
  transition: color 0.5s linear;
}

.login .lien:hover {
  color: #28b5d4;
}

@media screen and (max-height: 850px) {
  .login .logo {
    width: 227px;
  }
  .login .logo::before {
    height: 11px;
    top: calc(100% + 14px);
    width: 244px;
  }
  .login h1 {
    font-size: 37.8px;
    line-height: 44px;
    margin-top: 66px;
  }
  .login p {
    font-size: 16.2px;
    line-height: 16px;
    margin-top: 26px;
  }
  .login button {
    font-size: 16.2px;
    height: 44px;
    margin-top: 18px;
    width: 369px;
  }
  .login button:nth-of-type(1) {
    margin-top: 58px;
  }
  .login .lien {
    font-size: 12.6px;
    line-height: 12px;
    margin-top: 43px;
  }
}

@media screen and (max-height: 700px) {
  .login .logo {
    width: 202px;
  }
  .login .logo::before {
    height: 10px;
    top: calc(100% + 12px);
    width: 212px;
  }
  .login h1 {
    font-size: 33.6px;
    line-height: 40px;
    margin-top: 46px;
  }
  .login p {
    font-size: 14.4px;
    line-height: 14px;
    margin-top: 23px;
  }
  .login button {
    font-size: 14.4px;
    height: 39px;
    margin-top: 16px;
    width: 328px;
  }
  .login button:nth-of-type(1) {
    margin-top: 44px;
  }
  .login .lien {
    font-size: 11.2px;
    line-height: 11px;
    margin-top: 38px;
  }
}

@media screen and (max-height: 600px) {
  .login .logo {
    width: 181px;
  }
  .login .logo::before {
    height: 9px;
    top: calc(100% + 12px);
    width: 190px;
  }
  .login h1 {
    font-size: 30.24px;
    line-height: 35px;
    margin-top: 50px;
  }
  .login p {
    font-size: 13px;
    line-height: 13px;
    margin-top: 20px;
  }
  .login button {
    font-size: 14.4px;
    height: 39px;
    margin-top: 15px;
    width: 295px;
  }
  .login button:nth-of-type(1) {
    margin-top: 46px;
  }
  .login .lien {
    font-size: 11.2px;
    line-height: 11px;
    margin-top: 34px;
  }
}

@media screen and (max-height: 550px) {
  .login .logo {
    width: 151px;
  }
  .login .logo::before {
    height: 7px;
    top: calc(100% + 10px);
    width: 158px;
  }
  .login h1 {
    font-size: 25.2px;
    line-height: 29px;
    margin-top: 34px;
  }
  .login p {
    font-size: 10.8px;
    line-height: 10px;
    margin-top: 18px;
  }
  .login button {
    font-size: 13px;
    height: 29px;
    margin-top: 12px;
    width: 246px;
  }
  .login button:nth-of-type(1) {
    margin-top: 30px;
  }
  .login .lien {
    font-size: 11.2px;
    line-height: 11px;
    margin-top: 28px;
  }
}

/* End Login */
/* Formulaire */
.formulaire {
  align-items: center;
  display: flex;
  height: auto;
  flex-direction: column;
  margin-top: 145px;
  width: 100%;
}

.formulaire .logo {
  display: block;
  position: relative;
  width: 252px;
}

.formulaire .logo img {
  width: 100%;
}

.formulaire h1 {
  color: #131313;
  font-family: "Roboto", sans-serif;
  font-size: 42px;
  font-weight: 900;
  line-height: 50px;
  margin-top: 61px;
  text-align: center;
}

.formulaire p {
  color: #131313;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 30px;
  text-align: center;
}

.formulaire p.error {
  color: red;
  font-size: 14px;
  line-height: 14px;
  margin-top: 8px;
  text-align: left;
}

.formulaire .form-group {
  font-size: 0;
  margin-top: 10px;
  position: relative;
}

.formulaire .form-group:nth-of-type(1) {
  margin-top: 38px;
}

.formulaire .form-control {
  background-color: white;
  border: 1px solid #dadada;
  box-shadow: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #808080;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  padding: 0 0 0 20px;
  width: 410px;
}

.formulaire .form-control:focus {
  outline: 0 none;
}

.formulaire .form-control::-webkit-input-placeholder {
  color: #808080;
  opacity: 0.8;
}

.formulaire .form-control::-moz-placeholder {
  color: #808080;
  opacity: 0.8;
}

.formulaire .form-control:-ms-input-placeholder {
  color: #808080;
  opacity: 0.8;
}

.formulaire .form-control:-moz-placeholder {
  color: #808080;
  opacity: 0.8;
}

.formulaire .lien {
  color: #2F80ED;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  margin-top: 20px;
  position: relative;
  width: 410px;
}

.formulaire .lien:hover {
  color: #28b5d4;
}

.formulaire button {
  background-color: #e95a4b;
  border: 0 none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700;
  height: 49px;
  margin-top: 20px;
  padding: 0;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  width: 411px;
}

.formulaire button:hover {
  background-color: #cf4233;
}

.formulaire .radio {
  cursor: pointer;
  color: #828282;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: 23px 0 17px 43px;
  padding-left: 28px;
  position: relative;
  user-select: none;
  width: 160px;
}

.formulaire .radio:nth-child(1) {
  margin-left: 0;
}

.formulaire .radio .checkmark {
  background-color: transparent;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #E0E0E0;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}

.formulaire .radio .checkmark::after {
  border: solid white;
  border-width: 0 2px 2px 0;
  content: "";
  display: none;
  height: 11px;
  left: 5px;
  position: absolute;
  transform: rotate(45deg);
  top: 2px;
  width: 7px;
}

.formulaire .radio input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}

.formulaire .radio input:checked ~ .checkmark {
  background-color: #e95a4b;
  border: 1px solid #e95a4b;
}

.formulaire .radio input:checked ~ .checkmark::after {
  display: block;
}

.formulaire .radio input:checked + .checkmark {
  font-size: 20px;
}

.formulaire .radio.checked {
  color: #4F4F4F;
  font-weight: 700;
}

.formulaire .bootstrap-select {
  width: 410px !important;
}

.formulaire .bootstrap-select .btn {
  background-color: white;
  border: 1px solid #dadada;
  box-shadow: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #808080;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  line-height: 48px;
  margin: 0;
  padding: 0 0 0 20px;
  width: 100%;
}

.formulaire .bootstrap-select .btn::after {
  background-image: url("../img/icons/chevron-down.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 0 none;
  height: 24px;
  margin: 0 17px 0 0;
  width: 24px;
}

.formulaire .bootstrap-select .btn:focus {
  outline: 0 none !important;
}

.formulaire .bootstrap-select .btn.show::after {
  transform: rotate(180deg);
}

.formulaire .bootstrap-select .dropdown-menu {
  background-color: white;
  border: 1px solid #dadada;
  box-shadow: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 0;
  width: 100%;
}

.formulaire .bootstrap-select .dropdown-menu.inner {
  border: 0 none;
}

.formulaire .bootstrap-select .dropdown-menu .dropdown-item {
  background-color: white;
  color: #808080;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  width: 100%;
}

.formulaire .bootstrap-select .dropdown-menu .dropdown-item:hover {
  background-color: #e95a4b;
  color: white;
  font-weight: 700;
}

.formulaire .bootstrap-select .dropdown-menu .dropdown-item.active {
  background-color: #e95a4b;
  color: white;
  font-weight: 700;
}

.formulaire .iti .iti__flag-container {
  left: auto;
  right: 0;
  z-index: 20;
}

.formulaire .iti .iti__flag-container .iti__selected-flag {
  direction: rtl;
  padding: 0 14px;
}

.formulaire .iti .iti__flag-container .iti__selected-flag .iti__arrow {
  margin-left: 0;
  margin-right: 6px;
}

.formulaire .iti .iti__flag-container .iti__country-list {
  right: 0;
  width: 410px;
}

.formulaire .iti .iti__flag-container .iti__country-list .iti__country {
  padding: 10px 8px;
}

.formulaire .iti .iti__flag-container .iti__country-list .iti__flag-box {
  margin-right: 8px;
}

.formulaire .iti .iti__flag-container .iti__country-list .iti__country-name {
  color: #808080;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.formulaire .iti .iti__flag-container .iti__country-list .iti__dial-code {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 22px;
}

.formulaire .iti input {
  padding-left: 20px;
  padding-right: 20px;
}

.formulaire .box-code {
  border: 1px solid #4F4F4F;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  display: inline-block;
  margin: 54px 0 0;
  max-width: 600px;
  padding: 54px 50px 60px;
  width: 100%;
}

.formulaire .box-code h2 {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 56px;
}

.formulaire .box-code h3 {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28.13px;
  margin: 12px 0 0;
}

.formulaire .box-code h3 span {
  font-weight: 700;
}

.formulaire .box-code .form-group:nth-child(1) {
  margin-top: 31px;
}

.formulaire .box-code .form-group label {
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.5px;
}

.formulaire .box-code .form-group .form-control {
  border: 1px solid #2F80ED;
  color: #828282;
  padding: 0 0 0 25px;
  width: 100%;
}

.formulaire .box-code .form-group .form-control.error {
  border: 1px solid #EA3D32;
}

.formulaire .box-code .form-group .text-error {
  color: #EA3D32;
  display: none;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin: 10px 0 0;
}

.formulaire .box-code .resendcode {
  color: #2F80ED;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  margin: 30px 0 0;
  text-decoration: underline;
}

/* End Formulaire */
/* App */
.app-container {
  height: auto;
  position: relative;
  width: 100%;
  /* App Header */
  /* End App Header */
  /* App Teo Plateforme */
  /* End App Teo Plateforme */
}

.app-container .app-header {
  background-color: white;
  border-bottom: 1px solid #D3D3D3;
  font-size: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 8;
}

.app-container .app-header .app-header__logo {
  display: inline-block;
  height: 70px;
  vertical-align: top;
  width: 260px;
}

.app-container .app-header .app-header__logo .logo {
  display: block;
  height: 50px;
  margin-left: 21px;
  margin-top: 9px;
}

.app-container .app-header .app-header__logo .logo img {
  height: 100%;
}

.app-container .app-header .app-header__content {
  display: inline-block;
  height: 70px;
  padding: 0 0 0 21px;
  vertical-align: top;
  width: calc(100% - 260px);
}

.app-container .app-header .app-header__content .widget-content {
  display: inline-block;
  height: 70px;
  padding: 17px 0 0 20px;
  position: relative;
  vertical-align: top;
  width: 254px;
}

.app-container .app-header .app-header__content .widget-content::before {
  background-color: #dcdcdc;
  content: '';
  height: 36px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

.app-container .app-header .app-header__content .widget-content .widget-content-left {
  background-color: #737373;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid white;
  display: inline-block;
  height: 35px;
  position: relative;
  vertical-align: middle;
  width: 35px;
}

.app-container .app-header .app-header__content .widget-content .widget-content-left img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.app-container .app-header .app-header__content .widget-content .widget-content-left .statut {
  background-color: var(--color);
  border: 2px solid white;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 12px;
  right: 0;
  position: absolute;
  top: 0;
  width: 12px;
  z-index: 1;
}

.app-container .app-header .app-header__content .widget-content .widget-content-right {
  display: inline-block;
  padding: 0 54px 0 11px;
  vertical-align: middle;
  width: calc(100% - 35px);
}

.app-container .app-header .app-header__content .widget-content .widget-content-right .widget-heading {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-transform: capitalize;
}

.app-container .app-header .app-header__content .widget-content .widget-content-right .angle-down {
  background-color: transparent;
  border: 1px solid #BDBDBD;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  right: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}

.app-container .app-header .app-header__content .widget-content .widget-content-right .angle-down::after {
  background-image: url("../img2/icons/arrow-down.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(83%) sepia(11%) saturate(11%) hue-rotate(355deg) brightness(91%) contrast(90%);
  height: 9px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
}

.app-container .app-header .app-header__content .widget-content .widget-content-right .angle-down.active {
  background-color: #dce5ec;
  border: 1px solid #1377e7;
}

.app-container .app-header .app-header__content .widget-content .widget-content-right .angle-down.active::after {
  filter: invert(30%) sepia(5%) saturate(806%) hue-rotate(156deg) brightness(96%) contrast(90%);
  transform: translate(-50%, -52%) rotate(180deg);
}

.app-container .app-header .app-header__content .widget-content .widget-content-right .angle-down:hover {
  background-color: #dce5ec;
  border: 1px solid #1377e7;
}

.app-container .app-header .app-header__content .widget-content .dropdown-widget {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  right: 21px;
  position: absolute;
  top: 62px;
  width: 290px;
  z-index: 200;
}

.app-container .app-header .app-header__content .widget-content .dropdown-widget li {
  display: inline-block;
  color: #373737;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  padding-left: 25px;
  margin-top: 18px;
  width: 100%;
}

.app-container .app-header .app-header__content .widget-content .dropdown-widget li a {
  color: #373737;
  display: block;
  position: relative;
  width: 100%;
}

.app-container .app-header .app-header__content .widget-content .dropdown-widget li a::before {
  background-color: #ebebeb;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  content: '';
  height: 34px;
  left: -15px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 269px;
  z-index: -1;
}

.app-container .app-header .app-header__content .widget-content .dropdown-widget li a:hover::before {
  opacity: 1;
  visibility: visible;
}

.app-container .app-header .app-header__content .widget-content .dropdown-widget li:first-child {
  border-bottom: 1px solid #e7e7e7;
  height: 50px;
  line-height: 49px;
  margin-top: 0;
}

.app-container .app-header .app-header__content .widget-content .dropdown-widget li:last-child {
  border-top: 1px solid #e7e7e7;
  height: 45px;
  line-height: 44px;
  margin-top: 14px;
}

.app-container .app-header .app-header__content .notifications-content {
  display: inline-block;
  height: 70px;
  line-height: 70px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 58px;
}

.app-container .app-header .app-header__content .notifications-content::before {
  background-color: #dcdcdc;
  content: '';
  height: 35px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

.app-container .app-header .app-header__content .notifications-content .bell {
  cursor: pointer;
  display: inline-block;
  height: 24px;
  position: relative;
  vertical-align: middle;
  width: 24px;
}

.app-container .app-header .app-header__content .notifications-content .bell::before {
  background-image: url("../img2/icons/bell.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(83%) sepia(11%) saturate(11%) hue-rotate(355deg) brightness(91%) contrast(90%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.app-container .app-header .app-header__content .notifications-content .bell .chiffre {
  background-color: #e84166;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-weight: 700;
  height: 18px;
  line-height: 18px;
  right: -6px;
  position: absolute;
  text-align: center;
  top: -8px;
  width: 18px;
  z-index: 2;
}

.app-container .app-header .app-header__content .notifications-content .bell.active::before {
  filter: invert(51%) sepia(59%) saturate(1299%) hue-rotate(325deg) brightness(99%) contrast(86%);
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications {
  background-color: white;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: none;
  height: auto;
  line-height: normal;
  right: 0;
  padding: 0 0 1px;
  position: absolute;
  text-align: left;
  top: 62px;
  width: 360px;
  z-index: 20;
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications h1 {
  color: #4c4c4c;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  margin: 19px 0 0;
  padding: 0 0 0 13px;
  position: relative;
  width: 100%;
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications h1::before {
  background-image: url("../img/icons/dots-bell.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  cursor: pointer;
  height: 4px;
  right: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications .title-page {
  display: inline-block;
  margin: 27px 0 0;
  padding: 0 16px 0 13px;
  width: 100%;
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications .title-page::after {
  clear: both;
  content: '';
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications .title-page h2 {
  color: #4c4c4c;
  float: left;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications .title-page a {
  color: #3d89f6;
  float: right;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin: 2px 0 0;
  text-decoration: underline;
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications .box-notifications {
  display: inline-block;
  font-size: 0;
  height: calc(92px * 4);
  overflow-y: scroll;
  margin: 11px 0 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications .box-notifications::-webkit-scrollbar {
  display: none;
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications .box-notifications .box {
  cursor: pointer;
  height: auto;
  margin: 1px 0 0;
  min-height: 75px;
  padding: 11px 15px 9px;
  width: 100%;
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications .box-notifications .box:nth-child(1) {
  margin: 0;
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications .box-notifications .box.active {
  background-color: #f2f7fd;
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications .box-notifications .box .circle {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  margin: 0 10px 0 0;
  text-align: center;
  vertical-align: top;
  width: 42px;
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications .box-notifications .box .circle img {
  display: inline-block;
  filter: brightness(0) invert(1);
  vertical-align: middle;
  width: var(--width);
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications .box-notifications .box .text {
  color: #373737;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  vertical-align: top;
  width: 247px;
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications .box-notifications .box .text span {
  font-weight: 700;
}

.app-container .app-header .app-header__content .notifications-content .dropdown-notifications .box-notifications .box .text font {
  color: #3585f0;
  font-weight: 700;
}

.app-container .app-header .app-header__content .faq-content {
  display: inline-block;
  height: 70px;
  line-height: 70px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 64px;
}

.app-container .app-header .app-header__content .faq-content::before {
  background-color: #dcdcdc;
  content: '';
  height: 35px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

.app-container .app-header .app-header__content .faq-content .help {
  background-image: url("../img2/icons/help.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  filter: invert(83%) sepia(11%) saturate(11%) hue-rotate(355deg) brightness(91%) contrast(90%);
  height: 24px;
  position: relative;
  vertical-align: middle;
  width: 24px;
}

.app-container .app-header .app-header__content .search {
  display: inline-block;
  margin: 17px 40px 0 0;
  vertical-align: top;
  width: calc(100% - (254px + 58px + 64px + 40px));
}

.app-container .app-header .app-header__content .search .form-control {
  background-color: #f3f3f3;
  background-image: url("../img2/icons/loupe.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: right 11px center;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  padding: 0 0 0 15px;
  position: relative;
  width: 100%;
}

.app-container .app-header .app-header__content .search .form-control:focus {
  outline: 0 none;
}

.app-container .app-header .app-header__content .search .form-control::-webkit-input-placeholder {
  color: #828282;
  opacity: 0.8;
}

.app-container .app-header .app-header__content .search .form-control::-moz-placeholder {
  color: #828282;
  opacity: 0.8;
}

.app-container .app-header .app-header__content .search .form-control:-ms-input-placeholder {
  color: #828282;
  opacity: 0.8;
}

.app-container .app-header .app-header__content .search .form-control:-moz-placeholder {
  color: #828282;
  opacity: 0.8;
}

.app-container .dropdown-groupe {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  padding: 18px 10px 28px;
  position: absolute;
  top: 0;
  width: 240px;
  z-index: 500;
}

.app-container .dropdown-groupe .box {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #373737;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 34px;
  line-height: 34px;
  margin: 4px 0 0;
  padding: 0 0 0 35px;
  position: relative;
  width: 100%;
}

.app-container .dropdown-groupe .box:nth-child(1) {
  margin: 0 0 0;
}

.app-container .dropdown-groupe .box::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(67%) sepia(3%) saturate(10%) hue-rotate(328deg) brightness(91%) contrast(88%);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.app-container .dropdown-groupe .box.renommer::before {
  background-image: url("../img/icons/renommer.png");
  height: 12px;
  left: 11px;
  width: 12px;
}

.app-container .dropdown-groupe .box.dupliquer::before {
  background-image: url("../img/icons/dupliquer.svg");
  height: 15px;
  left: 9px;
  width: 16px;
}

.app-container .dropdown-groupe .box.deplacer::before {
  background-image: url("../img/icons/deplacer.svg");
  height: 14px;
  left: 10px;
  width: 14px;
}

.app-container .dropdown-groupe .box.ajouter::before {
  background-image: url("../img/icons/ajouter.png");
  filter: initial;
  height: 14px;
  left: 10px;
  width: 14px;
}

.app-container .dropdown-groupe .box.supprimer {
  color: #e95a4b;
}

.app-container .dropdown-groupe .box.supprimer::before {
  background-image: url("../img/icons/corbeille.svg");
  height: 15px;
  left: 10px;
  filter: invert(62%) sepia(64%) saturate(6359%) hue-rotate(336deg) brightness(101%) contrast(83%);
  width: 14px;
}

.app-container .dropdown-groupe .box:hover {
  background-color: #ebebeb;
}

.app-container .dropdown-discussion {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 216px;
  padding: 18px 10px 28px;
  position: absolute;
  top: 0;
  width: 240px;
  z-index: 500;
}

.app-container .dropdown-discussion .box {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #373737;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 34px;
  line-height: 34px;
  margin: 4px 0 0;
  padding: 0 0 0 35px;
  position: relative;
  width: 100%;
}

.app-container .dropdown-discussion .box:nth-child(1) {
  margin: 0 0 0;
}

.app-container .dropdown-discussion .box::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(67%) sepia(3%) saturate(10%) hue-rotate(328deg) brightness(91%) contrast(88%);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.app-container .dropdown-discussion .box.epingler::before {
  background-image: url("../img/icons/epingler.svg");
  height: 13px;
  left: 10px;
  width: 13px;
}

.app-container .dropdown-discussion .box.detacher::before {
  background-image: url("../img/icons/detacher.svg");
  height: 9px;
  left: 13px;
  width: 9px;
}

.app-container .dropdown-discussion .box.renommer::before {
  background-image: url("../img/icons/renommer.png");
  height: 12px;
  left: 11px;
  width: 12px;
}

.app-container .dropdown-discussion .box.dupliquer::before {
  background-image: url("../img/icons/dupliquer.svg");
  height: 15px;
  left: 9px;
  width: 16px;
}

.app-container .dropdown-discussion .box.deplacer::before {
  background-image: url("../img/icons/deplacer.svg");
  height: 14px;
  left: 10px;
  width: 14px;
}

.app-container .dropdown-discussion .box.membres::before {
  background-image: url("../img/icons/membres.svg");
  height: 14px;
  left: 11px;
  width: 13px;
}

.app-container .dropdown-discussion .box.supprimer {
  color: #e95a4b;
}

.app-container .dropdown-discussion .box.supprimer::before {
  background-image: url("../img/icons/corbeille.svg");
  height: 15px;
  left: 10px;
  filter: invert(62%) sepia(64%) saturate(6359%) hue-rotate(336deg) brightness(101%) contrast(83%);
  width: 14px;
}

.app-container .dropdown-discussion .box.add {
  height: 50px;
  line-height: normal;
  padding: 8px 0 0 35px;
}

.app-container .dropdown-discussion .box.add span {
  display: inline-block;
  line-height: 17px;
  vertical-align: top;
}

.app-container .dropdown-discussion .box.add::before {
  background-image: url("../img/icons/membres-add.png");
  height: 14px;
  left: 11px;
  top: 11px;
  transform: initial;
  width: 16px;
}

.app-container .dropdown-discussion .box:hover {
  background-color: #ebebeb;
}

.app-container .dropdown-workspace {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 15px 0 16px;
  position: absolute;
  top: 0;
  width: 300px;
  z-index: 500;
}

.app-container .dropdown-workspace .search-workspace {
  display: inline-block;
  height: auto;
  margin: 0 0 0 15px;
  position: relative;
  width: 270px;
}

.app-container .dropdown-workspace .search-workspace .form-control {
  background-color: transparent;
  background-image: url("../img/icons/magnifying.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: right 11px center;
  border: 1px solid #1377e7;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #b2b2b2;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 38px;
  padding: 0 0 0 17px;
  position: relative;
  width: 100%;
}

.app-container .dropdown-workspace .search-workspace .form-control:focus {
  outline: 0 none;
}

.app-container .dropdown-workspace .search-workspace .form-control::-webkit-input-placeholder {
  color: #b2b2b2;
  opacity: 0.8;
}

.app-container .dropdown-workspace .search-workspace .form-control::-moz-placeholder {
  color: #b2b2b2;
  opacity: 0.8;
}

.app-container .dropdown-workspace .search-workspace .form-control:-ms-input-placeholder {
  color: #b2b2b2;
  opacity: 0.8;
}

.app-container .dropdown-workspace .search-workspace .form-control:-moz-placeholder {
  color: #b2b2b2;
  opacity: 0.8;
}

.app-container .dropdown-workspace .title {
  color: #333333;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin: 27px 0 0 17px;
}

.app-container .dropdown-workspace .box-workspace {
  display: inline-block;
  height: 391px;
  margin: 9px 0 0 15px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 270px;
}

.app-container .dropdown-workspace .box-workspace::-webkit-scrollbar {
  display: none;
}

.app-container .dropdown-workspace .box-workspace .box {
  background-color: #f6f7fb;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 38px;
  line-height: 38px;
  margin: 1px 0 0;
  padding: 0 0 0 17px;
  position: relative;
  width: 100%;
}

.app-container .dropdown-workspace .box-workspace .box span {
  display: inline-block;
  line-height: 14px;
  vertical-align: middle;
}

.app-container .dropdown-workspace .box-workspace .box .badge-workspace {
  background-color: #e95a4b;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 600;
  height: 20px;
  line-height: 20px;
  right: 11px;
  position: absolute;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  width: 20px;
}

.app-container .dropdown-workspace .box-workspace .box.active {
  background-color: #cde6fe;
}

.app-container .dropdown-workspace .box-workspace .box:hover {
  background-color: #cde6fe;
}

.app-container .dropdown-workspace hr {
  background-color: #e7e7e7;
  border: 0 none;
  height: 1px;
  margin: 15px 0;
  opacity: 1;
  width: 100%;
}

.app-container .dropdown-workspace .create-workspace {
  background-color: #f6f7fb;
  background-image: url("../img/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: 18px center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  color: #333333;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 38px;
  line-height: 38px;
  margin: 0 0 0 16px;
  padding: 0 0 0 37px;
  position: relative;
  width: 270px;
}

.app-container .dropdown-workspace .create-workspace:hover {
  background-color: #e6e6e6;
}

.app-container .dropdown-okr {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  right: 40px;
  padding: 18px 10px 28px;
  position: absolute;
  top: 0;
  width: 240px;
  z-index: 500;
}

.app-container .dropdown-okr .box {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #373737;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 34px;
  line-height: 34px;
  margin: 4px 0 0;
  padding: 0 0 0 35px;
  position: relative;
  width: 100%;
}

.app-container .dropdown-okr .box:nth-child(1) {
  margin: 0 0 0;
}

.app-container .dropdown-okr .box::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(67%) sepia(3%) saturate(10%) hue-rotate(328deg) brightness(91%) contrast(88%);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.app-container .dropdown-okr .box.fermer::before {
  background-image: url("../img/icons/fermer.svg");
  height: 9px;
  left: 13px;
  width: 9px;
}

.app-container .dropdown-okr .box.reminder::before {
  background-image: url("../img/icons/bell.svg");
  height: 14px;
  left: 11px;
  width: 13px;
}

.app-container .dropdown-okr .box.renommer::before {
  background-image: url("../img/icons/renommer.png");
  height: 12px;
  left: 11px;
  width: 12px;
}

.app-container .dropdown-okr .box.supprimer {
  color: #e95a4b;
}

.app-container .dropdown-okr .box.supprimer::before {
  background-image: url("../img/icons/corbeille.svg");
  height: 15px;
  left: 10px;
  filter: invert(62%) sepia(64%) saturate(6359%) hue-rotate(336deg) brightness(101%) contrast(83%);
  width: 14px;
}

.app-container .dropdown-okr .box:hover {
  background-color: #ebebeb;
}

.app-container .app-main {
  display: inline-block;
  font-size: 0;
  height: calc(100vh - 71px);
  margin: 71px 0 0;
  position: relative;
  vertical-align: top;
  width: 100%;
  z-index: 7;
  /* Nav */
  /* End Nav */
  /* Content */
  /* End Content */
}

.app-container .app-main.active {
  display: none;
}

.app-container .app-main .app-sidebar {
  background-color: #f6f7fb;
  border-right: 1px solid #D3D3D3;
  display: inline-block;
  height: calc(100vh - (71px + 38px));
  overflow-y: scroll;
  padding: 20px 0;
  position: fixed;
  -ms-overflow-style: none;
  scrollbar-width: none;
  top: 71px;
  width: 260px;
  z-index: 10;
}

.app-container .app-main .app-sidebar::-webkit-scrollbar {
  display: none;
}

.app-container .app-main .app-sidebar .box-teo-plateforme {
  background-color: white;
  border-right: 1px solid #D3D3D3;
  border-top: 1px solid #D3D3D3;
  bottom: 0;
  cursor: pointer;
  height: 43px;
  left: 0;
  line-height: 43px;
  position: fixed;
  width: 260px;
}

.app-container .app-main .app-sidebar .box-teo-plateforme .teo-plateforme {
  display: inline-block;
  margin: 0 0 0 21px;
  vertical-align: middle;
  width: 129px;
}

.app-container .app-main .app-sidebar .workspace-dropdown-button {
  background-color: white;
  border: 1px solid #828282;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  height: 50px;
  line-height: 48px;
  margin: 1px auto 0;
  padding: 0 0 0 14px;
  position: relative;
  width: 220px;
}

.app-container .app-main .app-sidebar .workspace-dropdown-button.active {
  background-color: #dce5ec;
  border: 1px solid #1377e7;
}

.app-container .app-main .app-sidebar .workspace-dropdown-button:hover {
  background-color: #dce5ec;
}

.app-container .app-main .app-sidebar .workspace-dropdown-button::before {
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(68%) sepia(7%) saturate(204%) hue-rotate(155deg) brightness(92%) contrast(86%);
  height: 5px;
  right: 14px;
  position: absolute;
  top: 18px;
  width: 10px;
}

.app-container .app-main .app-sidebar .workspace-dropdown-button::after {
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 18px;
  content: '';
  filter: invert(68%) sepia(7%) saturate(204%) hue-rotate(155deg) brightness(92%) contrast(86%);
  height: 5px;
  right: 14px;
  position: absolute;
  transform: rotate(180deg);
  width: 10px;
}

.app-container .app-main .app-sidebar .workspace-dropdown-button .workspace-title {
  color: #373737;
  display: inline-block;
  font-family: "GothamBold", sans-serif;
  font-size: 15px;
  line-height: 35px;
  padding: 0 0 0 45px;
  position: relative;
  text-transform: capitalize;
  vertical-align: middle;
}

.app-container .app-main .app-sidebar .workspace-dropdown-button .workspace-title::before {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: attr(data-name);
  color: white;
  height: 35px;
  line-height: 35px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  text-transform: uppercase;
  width: 35px;
}

.app-container .app-main .app-sidebar .workspace-dropdown-button .workspace-title .home {
  bottom: 0;
  left: 23px;
  position: absolute;
  width: 13px;
}

.app-container .app-main .app-sidebar .workspace-create-button {
  background-color: #dce5ec;
  background-image: url("../img/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 13px 13px;
  background-position: 15px center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #373737;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 34px;
  line-height: 34px;
  margin: 10px auto 0;
  padding: 0 0 0 41px;
  position: relative;
  width: 220px;
}

.app-container .app-main .app-sidebar .workspace-create-button span {
  cursor: pointer;
  display: inline-block;
  line-height: 34px;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-sidebar .workspace-create-button:hover {
  background-color: #c9d9e5;
}

.app-container .app-main .app-sidebar .workspace-create-button::before {
  background-image: url("../img/icons/gear.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(15%) sepia(2%) saturate(594%) hue-rotate(106deg) brightness(89%) contrast(78%);
  height: 18px;
  right: 11px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
}

.app-container .app-main .app-sidebar .workspace-create-button .dropdown-new-workspace {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  padding: 30px 0 30px 18px;
  position: absolute;
  top: 45px;
  width: 240px;
  z-index: 200;
}

.app-container .app-main .app-sidebar .workspace-create-button .dropdown-new-workspace .text {
  cursor: pointer;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 24px;
  padding: 0 0 0 27px;
  position: relative;
}

.app-container .app-main .app-sidebar .workspace-create-button .dropdown-new-workspace .text:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-sidebar .workspace-create-button .dropdown-new-workspace .text::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  position: absolute;
  top: 0;
}

.app-container .app-main .app-sidebar .workspace-create-button .dropdown-new-workspace .text::after {
  background-color: #ebebeb;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  content: '';
  height: 34px;
  left: -8px;
  opacity: 0;
  position: absolute;
  visibility: hidden;
  top: 50%;
  transform: translateY(-50%);
  width: 220px;
  z-index: -1;
}

.app-container .app-main .app-sidebar .workspace-create-button .dropdown-new-workspace .text.create::before {
  background-image: url("../img/icons/plus.svg");
  filter: invert(64%) sepia(3%) saturate(0%) hue-rotate(219deg) brightness(96%) contrast(86%);
  height: 13px;
  left: 1px;
  width: 13px;
}

.app-container .app-main .app-sidebar .workspace-create-button .dropdown-new-workspace .text.delete {
  color: #e95a4b;
}

.app-container .app-main .app-sidebar .workspace-create-button .dropdown-new-workspace .text.delete::before {
  background-image: url("../img/icons/corbeille.svg");
  filter: invert(42%) sepia(62%) saturate(971%) hue-rotate(325deg) brightness(96%) contrast(90%);
  height: 15px;
  left: 0;
  width: 14px;
}

.app-container .app-main .app-sidebar .workspace-create-button .dropdown-new-workspace .text:hover::after {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-sidebar .pinned-title {
  color: #373737;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  margin: 35px 0 0 21px;
  padding: 0 0 0 23px;
  position: relative;
}

.app-container .app-main .app-sidebar .pinned-title::before {
  background-image: url("../img/icons/thumbtack.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 15px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  width: 15px;
}

.app-container .app-main .app-sidebar .pinned-content {
  height: auto;
  margin: 21px auto 0;
  position: relative;
  width: 220px;
}

.app-container .app-main .app-sidebar .pinned-content .box {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 77px;
  margin-left: 10px;
  margin-top: 30px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 63px;
}

.app-container .app-main .app-sidebar .pinned-content .box:nth-child(3n + 1) {
  margin-left: 0;
}

.app-container .app-main .app-sidebar .pinned-content .box:nth-child(-n + 3) {
  margin-top: 0;
}

.app-container .app-main .app-sidebar .pinned-content .box .delete {
  background-color: #dce5ec;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 16px;
  right: -5px;
  position: absolute;
  top: -7px;
  width: 16px;
}

.app-container .app-main .app-sidebar .pinned-content .box .delete::before {
  background-image: url("../img/icons/detacher.svg");
  content: '';
  filter: invert(79%) sepia(16%) saturate(10%) hue-rotate(314deg) brightness(77%) contrast(76%);
  height: 6px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
}

.app-container .app-main .app-sidebar .pinned-content .box .delete:hover {
  background-color: #e95a4b;
}

.app-container .app-main .app-sidebar .pinned-content .box .delete:hover::before {
  filter: invert(100%) sepia(0%) saturate(7427%) hue-rotate(10deg) brightness(103%) contrast(90%);
}

.app-container .app-main .app-sidebar .pinned-content .box .icons-comment {
  background: linear-gradient(180deg, #d5d5d5 0%, #999999 100%);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  height: 32px;
  margin: 10px auto 0;
  position: relative;
  transition: all 0.3s linear;
  width: 32px;
}

.app-container .app-main .app-sidebar .pinned-content .box .icons-comment::before {
  background-image: url("../img/icons/comment.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  content: '';
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(112deg) brightness(108%) contrast(102%);
  height: 14px;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 21px;
}

.app-container .app-main .app-sidebar .pinned-content .box .title-comment {
  color: #4c4c4c;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  margin: 11px 0 0;
  transition: all 0.3s linear;
  padding: 0 5px;
}

.app-container .app-main .app-sidebar .pinned-content .box.band {
  background-color: white;
}

.app-container .app-main .app-sidebar .pinned-content .box.band .icons-comment {
  background: linear-gradient(180deg, #ffc267 0%, #f69e1b 100%);
}

.app-container .app-main .app-sidebar .pinned-content .box:hover {
  background-color: white;
}

.app-container .app-main .app-sidebar .pinned-content .box:hover .icons-comment {
  background: linear-gradient(180deg, #ffc267 0%, #f69e1b 100%);
}

.app-container .app-main .app-sidebar .nav {
  display: inline-block;
  height: auto;
  margin: 30px 0 0;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-sidebar .nav li {
  border-top: 1px solid #dfe0e5;
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-sidebar .nav li:hover {
  background-color: white;
}

.app-container .app-main .app-sidebar .nav li:last-child {
  border-bottom: 1px solid #dfe0e5;
}

.app-container .app-main .app-sidebar .nav li a {
  color: #373737;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  padding: 0 0 0 24px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-sidebar .nav li a .badge-discussion {
  background-color: #e95a4b;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: none;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 600;
  height: 20px;
  line-height: 20px;
  right: 39px;
  position: absolute;
  top: 13px;
  text-align: center;
  width: 20px;
}

.app-container .app-main .app-sidebar .nav li a.sub-menu::before {
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(70%) sepia(7%) saturate(229%) hue-rotate(156deg) brightness(88%) contrast(87%);
  height: 5px;
  right: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transition: all 0.3s linear;
  width: 10px;
}

.app-container .app-main .app-sidebar .nav li a i {
  border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  display: inline-block;
  height: 28px;
  margin: 0 9px 0 0;
  position: relative;
  vertical-align: middle;
  width: 28px;
}

.app-container .app-main .app-sidebar .nav li a i.platform {
  background-color: #27AE60;
  background-image: url("../img2/icons/icon-ai-platform-nav.svg");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: center;
}

.app-container .app-main .app-sidebar .nav li a i.my-patient {
  background-color: #9B51E0;
  background-image: url("../img/icons/icon-patient-2.svg");
  background-repeat: no-repeat;
  background-size: 18px 20px;
  background-position: center;
}

.app-container .app-main .app-sidebar .nav li a i.dashboard {
  background-color: #27AE60;
  background-image: url("../img/icons/icon-dashboard.svg");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: center;
}

.app-container .app-main .app-sidebar .nav li a i.my-day {
  background-color: #16c2b8;
  background-image: url("../img/icons/icon-okr-nav.svg");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: center;
}

.app-container .app-main .app-sidebar .nav li a i.crm {
  background-color: #3d89f6;
  background-image: url("../img/icons/crm.svg");
  background-repeat: no-repeat;
  background-size: 16px 18px;
  background-position: center;
}

.app-container .app-main .app-sidebar .nav li a i.discussion {
  background-color: #F8A428;
}

.app-container .app-main .app-sidebar .nav li a i.discussion::before {
  background-image: url("../img/icons/discussion.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(112deg) brightness(108%) contrast(102%);
  height: 18px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
}

.app-container .app-main .app-sidebar .nav li a i.parameters {
  background-color: #666ccd;
}

.app-container .app-main .app-sidebar .nav li a i.parameters::before {
  background-image: url("../img/icons/parameters.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(112deg) brightness(108%) contrast(102%);
  height: 16px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
}

.app-container .app-main .app-sidebar .nav li a i.sign-out {
  background-color: #e84166;
}

.app-container .app-main .app-sidebar .nav li a i.sign-out::before {
  background-image: url("../img/icons/sign-out-1.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(112deg) brightness(108%) contrast(102%);
  height: 16px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu {
  display: none;
  height: auto;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion {
  color: #373737;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 38px;
  line-height: 38px;
  padding: 0 0 0 24px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion .icons {
  background: linear-gradient(180deg, #d5d5d5 0%, #999999 100%);
  border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  display: inline-block;
  height: 28px;
  margin: 0 9px 0 0;
  position: relative;
  vertical-align: middle;
  width: 28px;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion .icons::before {
  background-image: url("../img/icons/comment.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  content: '';
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(112deg) brightness(108%) contrast(102%);
  height: 13px;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 18px;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion .tooltip-content {
  background-color: white;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 0;
  height: 27px;
  line-height: 25px;
  right: 20px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: -7px;
  visibility: hidden;
  width: 101px;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion .tooltip-content span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion .tooltip-content span.icons-pinned {
  height: 13px;
  width: 13px;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion .tooltip-content span.icons-pinned::before {
  background-image: url("../img/icons/thumbtack.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(71%) sepia(0%) saturate(3279%) hue-rotate(315deg) brightness(78%) contrast(66%);
  height: 13px;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(90deg);
  width: 13px;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion .tooltip-content span.icons-info {
  height: 13px;
  margin: 0 19px 0 18px;
  width: 13px;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion .tooltip-content span.icons-info::before {
  background-image: url("../img/icons/info.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(71%) sepia(0%) saturate(3279%) hue-rotate(315deg) brightness(78%) contrast(66%);
  height: 13px;
  left: 0;
  position: absolute;
  top: 0;
  width: 13px;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion .tooltip-content span.icons-arrow {
  border-bottom: 0 none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #888888;
  height: 7px;
  width: 10px;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion .badge-det-discussion {
  background-color: rgba(234, 61, 50, 0.2);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #EA3D32;
  display: none;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 600;
  height: 20px;
  line-height: 20px;
  right: 37px;
  position: absolute;
  top: 9px;
  text-align: center;
  width: 20px;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion .dots {
  background-color: transparent;
  background-image: url("../img/icons/dots-discussions.png");
  background-repeat: no-repeat;
  background-size: 14px 3px;
  background-position: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  height: 24px;
  right: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion .dots.active {
  background-color: #ced2e1;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion .dots:hover {
  background-color: #ced2e1;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion.band .icons {
  background: linear-gradient(180deg, #ffc267 0%, #f69e1b 100%);
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion.active {
  background-color: #dce5ec;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion:hover {
  background-color: #f3f3f3;
}

.app-container .app-main .app-sidebar .nav li .box-sub-menu .menu-discussion:hover .tooltip-content {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-sidebar .nav li.active {
  background-color: white;
}

.app-container .app-main .app-sidebar .nav li.active a.sub-menu::before {
  transform: translateY(-50%) rotate(90deg);
}

.app-container .app-main .app-main__outer {
  display: inline-block;
  height: auto;
  margin: 0 0 0 260px;
  position: relative;
  vertical-align: top;
  width: calc(100% - 260px);
  /* Ai Platform */
  /* End Ai Platform */
  /* App CRM */
  /* End App CRM */
  /* App New CRM */
  /* End App New CRM */
  /* App Patient */
  /* End App Patient */
  /* App Dashboard */
  /* End App Dashboard */
  /* App Okr */
  /* End App Okr */
  /* App Gerer Membres */
  /* End App Gerer Membres */
}

.app-container .app-main .app-main__outer .app-ai-platform {
  background-color: white;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 199;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform-content {
  background-color: white;
  display: inline-block;
  height: calc(100vh - (90px + 71px));
  margin: 90px 0 0;
  position: relative;
  width: 100%;
  z-index: 200;
}

.app-container .app-main .app-main__outer .app-ai-platform .empty-ai-platform {
  align-items: center;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}

.app-container .app-main .app-main__outer .app-ai-platform .empty-ai-platform.hidden {
  display: none;
}

.app-container .app-main .app-main__outer .app-ai-platform .empty-ai-platform .icon {
  background-color: #F0F0F0;
  background-image: url("../img2/icons/icon-ai-platform.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 59px;
  width: 59px;
}

.app-container .app-main .app-main__outer .app-ai-platform .empty-ai-platform h1 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 13px;
}

.app-container .app-main .app-main__outer .app-ai-platform .empty-ai-platform p {
  color: #8E8E93;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.app-container .app-main .app-main__outer .app-ai-platform .empty-ai-platform button {
  background-color: #1F71DE;
  border: 0 none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  margin-top: 20px;
  padding: 0;
  width: 126px;
}

.app-container .app-main .app-main__outer .app-ai-platform .empty-ai-platform button:hover {
  background-color: #2A81EF;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform.hidden {
  display: none;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header {
  display: flex;
  flex-direction: column;
  height: 123px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 32px;
  justify-content: space-between;
  margin-top: 20px;
  padding: 0 23px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter {
  align-items: center;
  display: flex;
  flex-direction: row;
  grid-column-gap: 10px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter h1 {
  color: #7C7C7A;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.88px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 32px;
  min-width: 120px;
  position: relative;
  width: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform span {
  color: #5A5A5A;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 36px 0 16px;
  position: relative;
  user-select: none;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform .list-box-specialties-dropdown-ai-platform {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  position: absolute;
  top: calc(100% + 5px);
  width: 210px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform .list-box-specialties-dropdown-ai-platform ul {
  margin-bottom: 18px;
  margin-left: 15px;
  margin-top: 16px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform .list-box-specialties-dropdown-ai-platform ul li {
  background-color: white;
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  line-height: 30px;
  margin-top: 2px;
  padding: 0 0 0 10px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform .list-box-specialties-dropdown-ai-platform ul li .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  position: relative;
  margin: 0 8px 0 0;
  padding-left: 22px;
  user-select: none;
  vertical-align: middle;
  width: calc(100% - 8px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform .list-box-specialties-dropdown-ai-platform ul li .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform .list-box-specialties-dropdown-ai-platform ul li .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform .list-box-specialties-dropdown-ai-platform ul li .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform .list-box-specialties-dropdown-ai-platform ul li .checkbox input:checked ~ .checkmark {
  background-color: #1F71DE;
  border: 1px solid #1F71DE;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform .list-box-specialties-dropdown-ai-platform ul li .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform .list-box-specialties-dropdown-ai-platform ul li .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 9px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-specialties-dropdown-ai-platform.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 32px;
  min-width: 145px;
  position: relative;
  width: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform span {
  color: #5A5A5A;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 36px 0 16px;
  position: relative;
  user-select: none;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform .list-box-subspecialties-dropdown-ai-platform {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  position: absolute;
  top: calc(100% + 5px);
  width: 210px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform .list-box-subspecialties-dropdown-ai-platform ul {
  margin-bottom: 18px;
  margin-left: 15px;
  margin-top: 16px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform .list-box-subspecialties-dropdown-ai-platform ul li {
  background-color: white;
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  line-height: 30px;
  margin-top: 2px;
  padding: 0 0 0 10px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform .list-box-subspecialties-dropdown-ai-platform ul li .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  position: relative;
  margin: 0 8px 0 0;
  padding-left: 22px;
  user-select: none;
  vertical-align: middle;
  width: calc(100% - 8px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform .list-box-subspecialties-dropdown-ai-platform ul li .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform .list-box-subspecialties-dropdown-ai-platform ul li .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform .list-box-subspecialties-dropdown-ai-platform ul li .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform .list-box-subspecialties-dropdown-ai-platform ul li .checkbox input:checked ~ .checkmark {
  background-color: #1F71DE;
  border: 1px solid #1F71DE;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform .list-box-subspecialties-dropdown-ai-platform ul li .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform .list-box-subspecialties-dropdown-ai-platform ul li .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 9px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-subspecialties-dropdown-ai-platform.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 32px;
  min-width: 120px;
  position: relative;
  width: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform span {
  color: #5A5A5A;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 36px 0 16px;
  position: relative;
  user-select: none;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform .list-box-modalities-dropdown-ai-platform {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  position: absolute;
  top: calc(100% + 5px);
  width: 210px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform .list-box-modalities-dropdown-ai-platform ul {
  margin-bottom: 18px;
  margin-left: 15px;
  margin-top: 16px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform .list-box-modalities-dropdown-ai-platform ul li {
  background-color: white;
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  line-height: 30px;
  margin-top: 2px;
  padding: 0 0 0 10px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform .list-box-modalities-dropdown-ai-platform ul li .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  position: relative;
  margin: 0 8px 0 0;
  padding-left: 22px;
  user-select: none;
  vertical-align: middle;
  width: calc(100% - 8px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform .list-box-modalities-dropdown-ai-platform ul li .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform .list-box-modalities-dropdown-ai-platform ul li .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform .list-box-modalities-dropdown-ai-platform ul li .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform .list-box-modalities-dropdown-ai-platform ul li .checkbox input:checked ~ .checkmark {
  background-color: #1F71DE;
  border: 1px solid #1F71DE;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform .list-box-modalities-dropdown-ai-platform ul li .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform .list-box-modalities-dropdown-ai-platform ul li .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 9px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-modalities-dropdown-ai-platform.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 32px;
  min-width: 120px;
  position: relative;
  width: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform span {
  color: #5A5A5A;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 36px 0 16px;
  position: relative;
  user-select: none;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform .list-box-clearances-dropdown-ai-platform {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  position: absolute;
  top: calc(100% + 5px);
  width: 210px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform .list-box-clearances-dropdown-ai-platform ul {
  margin-bottom: 18px;
  margin-left: 15px;
  margin-top: 16px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform .list-box-clearances-dropdown-ai-platform ul li {
  background-color: white;
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  line-height: 30px;
  margin-top: 2px;
  padding: 0 0 0 10px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform .list-box-clearances-dropdown-ai-platform ul li .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  position: relative;
  margin: 0 8px 0 0;
  padding-left: 22px;
  user-select: none;
  vertical-align: middle;
  width: calc(100% - 8px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform .list-box-clearances-dropdown-ai-platform ul li .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform .list-box-clearances-dropdown-ai-platform ul li .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform .list-box-clearances-dropdown-ai-platform ul li .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform .list-box-clearances-dropdown-ai-platform ul li .checkbox input:checked ~ .checkmark {
  background-color: #1F71DE;
  border: 1px solid #1F71DE;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform .list-box-clearances-dropdown-ai-platform ul li .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform .list-box-clearances-dropdown-ai-platform ul li .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 9px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-filter .list-clearances-dropdown-ai-platform.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-search {
  align-items: center;
  display: flex;
  grid-column-gap: 10px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-search .form-control {
  background-color: #f3f3f3;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: rgba(130, 130, 130, 0.8);
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  padding: 0 0 0 16px;
  position: relative;
  width: 268px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-search .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-search .form-control::-webkit-input-placeholder {
  color: #828282;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-search .form-control::-moz-placeholder {
  color: #828282;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-search .form-control:-ms-input-placeholder {
  color: #828282;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-search .form-control:-moz-placeholder {
  color: #828282;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-search button {
  background-color: #1F71DE;
  border: 0 none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  padding: 0;
  width: 126px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-filter .list-box-search button:hover {
  background-color: #2A81EF;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-header .list-results {
  color: black;
  display: flex;
  flex-direction: row;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.69px;
  margin-top: 35px;
  padding: 0 20px;
  grid-column-gap: 4px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body {
  display: flex;
  flex-wrap: wrap;
  height: calc(100% - (123px + 71px));
  grid-column-gap: 27px;
  grid-row-gap: 18px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 20px 18px;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 white;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body.list-body-doctor {
  height: calc(100% - 123px);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body::-webkit-scrollbar {
  width: 7px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body::-webkit-scrollbar-track {
  background: white;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body::-webkit-scrollbar-thumb {
  background-color: #E8E8E8;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body::-moz-scrollbar-thumb {
  background-color: #E8E8E8;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item {
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 300px;
  padding: 30px 30px 0;
  position: relative;
  width: calc((100% - (27px * 2)) / 3);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item.item-doctor {
  height: 390px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots {
  background-image: url("../img2/icons/ellypsis.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  height: 24px;
  right: 30px;
  position: absolute;
  top: 20px;
  width: 24px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots .dropdown-ai-platform {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #BDBDBD;
  display: block;
  height: auto;
  right: 0;
  padding: 17px 15px;
  position: absolute;
  top: calc(100% + 7px);
  width: 260px;
  z-index: 500;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots .dropdown-ai-platform .box {
  background-color: white;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #5A5A5A;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 34px;
  line-height: 35px;
  margin: 5px 0 0;
  padding: 0 0 0 34px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots .dropdown-ai-platform .box::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 18px;
  left: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots .dropdown-ai-platform .box:nth-child(1) {
  margin: 0;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots .dropdown-ai-platform .box.view-details::before {
  background-image: url("../img2/icons/eye-open.png");
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots .dropdown-ai-platform .box.create::before {
  background-image: url("../img2/icons/file-plus-02.svg");
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots .dropdown-ai-platform .box.view-customers::before {
  background-image: url("../img2/icons/link-angled.svg");
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots .dropdown-ai-platform .box.supprimer {
  color: #FF3B30;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots .dropdown-ai-platform .box.supprimer::before {
  background-image: url("../img2/icons/trash-02.svg");
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots .dropdown-ai-platform .box.active {
  background-color: #ebebeb;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots .dropdown-ai-platform .box:hover {
  background-color: #ebebeb;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots .dropdown-ai-platform-view {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #BDBDBD;
  display: block;
  height: auto;
  left: calc(100% + 7px);
  padding: 17px 15px;
  position: absolute;
  top: 0;
  width: 230px;
  z-index: 500;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots .dropdown-ai-platform-view .box-view {
  background-color: white;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  line-height: 15.6px;
  margin: 1px 0 0;
  overflow: hidden;
  padding: 8px 9px;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: top;
  width: 100%;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots .dropdown-ai-platform-view .box-view:hover {
  background-color: #ebebeb;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots.active {
  background-color: #ced2e1;
  z-index: 9;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .dots:hover {
  background-color: #ced2e1;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .swtich {
  background-color: #b3b3b3;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  height: 14px;
  right: 70px;
  position: absolute;
  top: 26px;
  width: 26px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .swtich::before {
  background-color: white;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  cursor: pointer;
  height: 12px;
  left: 1px;
  position: absolute;
  top: 1px;
  transition: all 0.3s linear;
  width: 12px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .swtich.active {
  background-color: #27AE60;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .swtich.active::before {
  left: 13px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .swtich.uactive {
  background-color: #FF6347;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .swtich.uactive::before {
  left: 13px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .swtich.dactive {
  background-color: #FF6347;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .ligne {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .ligne .icon {
  background-color: #e95a4b;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-repeat: no-repeat;
  background-size: 52px 52px;
  background-position: center;
  height: 60px;
  width: 60px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .ligne img {
  height: 25px;
  margin-top: 17px;
  width: 75px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item h1 {
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18.75px;
  margin-top: 9px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .para {
  height: 76px;
  margin-top: 8px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .para p {
  box-orient: vertical;
  color: #828282;
  display: -webkit-box;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-clamp: 3;
  line-height: 16.41px;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .para a {
  color: #1F71DE;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .specialties {
  display: flex;
  flex-direction: row;
  margin-top: 14px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .specialties h3 {
  background-color: rgba(31, 113, 222, 0.1);
  border: 1px solid #D8D8D8;
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17.16px;
  letter-spacing: 0.15px;
  padding: 4px 12px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .clearances {
  display: flex;
  flex-direction: row;
  grid-column-gap: 8px;
  height: 24px;
  margin-top: 6px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .clearances h4 {
  background-color: #F2F2F2;
  border: 1px solid #D8D8D8;
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17.16px;
  letter-spacing: 0.15px;
  padding: 3px 12px 4px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .box-choix {
  display: flex;
  flex-direction: column;
  grid-row-gap: 5px;
  margin-top: 20px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .box-choix button {
  background-color: #F0F0F3;
  border: 0 none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  line-height: 20.02px;
  letter-spacing: 0.15px;
  padding: 5.5px 0 6.5px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item .box-choix button:hover {
  background-color: rgba(31, 113, 222, 0.1);
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item h5 {
  align-items: center;
  background-color: rgba(39, 174, 96, 0.05);
  border: 1px dashed #D8D8D8;
  color: #4F4F4F;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 69px;
  line-height: 20.02px;
  letter-spacing: 0.15px;
  justify-content: center;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(3) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(6) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(9) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(12) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(15) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(18) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(21) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(24) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(27) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(30) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(33) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(36) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(39) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(42) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(45) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(48) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(51) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(54) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(57) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(60) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(63) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(66) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(69) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(72) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(75) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(78) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(81) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(84) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(87) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(90) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(93) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(96) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(99) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(102) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(105) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(108) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(111) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(114) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(117) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(120) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(123) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(126) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(129) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(132) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(135) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(138) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(141) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(144) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(147) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-body .item:nth-child(150) .dots .dropdown-ai-platform-view {
  right: calc(100% + 9px);
  left: auto;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-footer {
  border-top: 1px solid #D3D3D3;
  display: flex;
  flex-direction: column;
  height: 71px;
  justify-content: center;
  padding: 0 20px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-footer button {
  background-color: #1F71DE;
  border: 0 none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  padding: 0;
  width: 126px;
}

.app-container .app-main .app-main__outer .app-ai-platform .ai-platform .list-footer button:hover {
  background-color: #2A81EF;
}

.app-container .app-main .app-main__outer .app-crm {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 199;
}

.app-container .app-main .app-main__outer .app-crm .crm-content {
  background-color: white;
  display: inline-block;
  height: calc(100vh - (90px + 71px));
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 90px 0 0;
  padding: 0 0 32px;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: #e3e3e3 white;
  vertical-align: top;
  width: 100%;
  z-index: 200;
}

.app-container .app-main .app-main__outer .app-crm .crm-content::-webkit-scrollbar {
  width: 4px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content::-webkit-scrollbar-track {
  background: white;
}

.app-container .app-main .app-main__outer .app-crm .crm-content::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm {
  border-bottom: 1px solid #E0E0E0;
  display: inline-block;
  height: auto;
  padding: 24px 20px 16px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm h1 {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25.31px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre {
  margin: 11px 0 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  float: left;
  height: 34px;
  position: relative;
  vertical-align: top;
  width: 85px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button span {
  color: #4F4F4F;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 16px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 15px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li {
  background-color: white;
  cursor: pointer;
  display: inline-block;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 5px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li font {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 18px;
  line-height: 18px;
  padding: 0 9px;
  vertical-align: middle;
  width: auto;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li:hover {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li:hover::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown .clear {
  background-color: #f3f3f3;
  border-top: 1px solid #BDBDBD;
  color: #3B383E;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 33px;
  line-height: 32px;
  padding: 0 15px 0 0;
  text-align: right;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown .clear font {
  cursor: pointer;
  display: inline-block;
  line-height: 15.6px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  float: left;
  height: 34px;
  margin-left: 10px;
  position: relative;
  vertical-align: top;
  width: 100px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button span {
  color: #4F4F4F;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 16px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 15px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li {
  background-color: white;
  cursor: pointer;
  display: inline-block;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 5px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li font {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 18px;
  line-height: 18px;
  padding: 0 9px;
  vertical-align: middle;
  width: auto;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li:hover {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li:hover::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown .clear {
  background-color: #f3f3f3;
  border-top: 1px solid #BDBDBD;
  color: #3B383E;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 33px;
  line-height: 32px;
  padding: 0 15px 0 0;
  text-align: right;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown .clear font {
  cursor: pointer;
  display: inline-block;
  line-height: 15.6px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  float: left;
  height: 34px;
  margin-left: 10px;
  position: relative;
  vertical-align: top;
  width: 100px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button span {
  color: #4F4F4F;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 16px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 9px;
  padding: 0 0 0 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 15px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul li {
  background-color: white;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 9px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul li:hover {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul li:hover::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown .clear {
  background-color: #f3f3f3;
  border-top: 1px solid #BDBDBD;
  color: #3B383E;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 33px;
  line-height: 32px;
  padding: 0 15px 0 0;
  text-align: right;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown .clear font {
  cursor: pointer;
  display: inline-block;
  line-height: 15.6px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .search {
  float: right;
  vertical-align: top;
  width: 196px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .search .form-control {
  background-color: white;
  background-image: url("../img2/icons/loupe.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: right 14px center;
  border: 1px solid #CCCCCC;
  box-shadow: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: rgba(130, 130, 130, 0.8);
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 34px;
  padding: 0 0 0 16px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .search .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .search .form-control::-webkit-input-placeholder {
  color: #828282;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .search .form-control::-moz-placeholder {
  color: #828282;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .search .form-control:-ms-input-placeholder {
  color: #828282;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre .search .form-control:-moz-placeholder {
  color: #828282;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre button {
  background-color: #2A81EF;
  border: 0 none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #F2F2F2;
  float: right;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 34px;
  margin-right: 20px;
  padding: 0 0 0 24px;
  position: relative;
  text-align: left;
  width: 122px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre button::before {
  background-image: url("../img/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 8px;
  filter: invert(86%) sepia(74%) saturate(6477%) hue-rotate(178deg) brightness(137%) contrast(90%);
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .header-crm .box-filtre button:hover {
  background-color: #0d63b7;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .global-crm {
  display: inline-block;
  height: auto;
  padding: 32px 20px 0;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .item-groupe-crm {
  display: inline-block;
  height: auto;
  margin: 0 0 30px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .item-groupe-crm.dragged {
  position: absolute;
  transform: rotate(2deg);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .item-groupe-crm.dragged .sous-menu-deal {
  display: none !important;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .item-groupe-crm.placeholder {
  background-color: transparent;
  border: 1px dashed #E0E0E0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 44px;
  opacity: 1;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .item-deal {
  display: inline-block;
  height: auto;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .item {
  display: inline-block;
  height: auto;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_step, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_admin, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_priority, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_contact, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_account, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_vendors {
  cursor: pointer !important;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_step:hover, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_admin:hover, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_priority:hover, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_contact:hover, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_account:hover, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_vendors:hover {
  background-color: white;
  position: relative;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_step:hover::before, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_admin:hover::before, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_priority:hover::before, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_contact:hover::before, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_account:hover::before, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_vendors:hover::before {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_step:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_admin:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_priority:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_contact:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_account:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col_vendors:hover .arrow-dropdown {
  display: inline-block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .item.edit_deal .col .price span:hover {
  border: 1px solid #E0E0E0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .item-sub-deal {
  display: inline-block;
  height: auto;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm {
  border: 1px solid #E0E0E0;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  font-size: 0;
  height: 44px;
  line-height: 42px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .dots {
  background-image: url("../img2/icons/ellypsis.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  margin: 0 0 0 10px;
  position: relative;
  vertical-align: middle;
  width: 24px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .dots.active {
  background-color: #ced2e1;
  z-index: 9;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .dots:hover {
  background-color: #ced2e1;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .dots .dropdown-group-crm {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  display: block;
  height: auto;
  left: 0;
  padding: 18px 10px 28px;
  position: absolute;
  top: calc(100% + 7px);
  width: 240px;
  z-index: 500;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #373737;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 34px;
  line-height: 34px;
  margin: 4px 0 0;
  padding: 0 0 0 35px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box:nth-child(1) {
  margin: 0 0 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(67%) sepia(3%) saturate(10%) hue-rotate(328deg) brightness(91%) contrast(88%);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box.renommer::before {
  background-image: url("../img/icons/renommer.png");
  height: 12px;
  left: 11px;
  width: 12px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box.dupliquer::before {
  background-image: url("../img/icons/dupliquer.svg");
  height: 15px;
  left: 9px;
  width: 16px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box.deplacer::before {
  background-image: url("../img/icons/deplacer.svg");
  height: 14px;
  left: 10px;
  width: 14px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box.ajouter::before {
  background-image: url("../img/icons/ajouter.png");
  filter: initial;
  height: 14px;
  left: 10px;
  width: 14px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box.supprimer {
  color: #e95a4b;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box.supprimer::before {
  background-image: url("../img/icons/corbeille.svg");
  height: 15px;
  left: 10px;
  filter: invert(62%) sepia(64%) saturate(6359%) hue-rotate(336deg) brightness(101%) contrast(83%);
  width: 14px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box:hover {
  background-color: #ebebeb;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .arrow {
  background-image: url("../img2/icons/arrow-down-circle.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin-left: 15px;
  position: relative;
  vertical-align: middle;
  width: 20px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm h1 {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22.5px;
  margin-left: 11px;
  position: relative;
  vertical-align: middle;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm h1 .form-control {
  background-color: transparent;
  border: 1px solid rgba(224, 224, 224, 0.8);
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 0 10px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm h1 span {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 4px;
  transition: border 0.3s ease;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm h1 span:hover {
  border: 1px solid #E0E0E0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm h1.active {
  width: 50%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm h2 {
  color: #828282;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.96px;
  margin-left: 12px;
  position: relative;
  vertical-align: middle;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm .drag-groupe-crm {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: grab;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm.active {
  border: 1px solid transparent;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .groupe-crm.active .arrow {
  transform: rotate(180deg);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal {
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: none;
  font-size: 0;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal {
  background-color: rgba(255, 255, 255, 0.1);
  display: inline-block;
  height: 32px;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(1) {
  width: 30px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(2) {
  width: calc(100% - (30px + 120px + 110px + 110px + 110px + 110px + 110px + 110px + 110px));
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(3) {
  width: 120px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(4) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(5) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(6) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(7) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(8) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(9) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(10) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col span {
  color: #4F4F4F;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  padding: 0 0 0 12px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  position: relative;
  margin: -2px 0 0 14px;
  padding-left: 14px;
  user-select: none;
  vertical-align: middle;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #828282;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox input:checked ~ .checkmark {
  background-color: #333333;
  border: 1px solid #333333;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox input:disabled ~ .checkmark {
  cursor: no-drop !important;
  opacity: 0.5;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal {
  background-color: #f6f6f6;
  border-top: 1px solid #E0E0E0;
  display: table;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col {
  display: table-cell;
  padding: 6px 0;
  position: relative;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(1) {
  width: 30px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(2) {
  width: calc(100% - (30px + 120px + 110px + 110px + 110px + 110px + 110px + 110px + 110px));
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(3) {
  width: 120px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(4) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(5) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(6) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(7) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(8) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(9) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(10) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col::before {
  height: calc(100% + 2px);
  border: 1px solid #BDBDBD;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  content: '';
  display: none;
  height: calc(100% + 2px);
  left: -1px;
  position: absolute;
  top: -1px;
  width: calc(100% + 2px);
  z-index: 1;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  position: relative;
  margin: 0 0 0 14px;
  padding-left: 14px;
  user-select: none;
  vertical-align: middle;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox input:checked ~ .checkmark {
  background-color: #333333;
  border: 1px solid #333333;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox input:disabled ~ .checkmark {
  cursor: no-drop !important;
  opacity: 0.5;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col h1 {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin-left: 8px;
  vertical-align: middle;
  width: calc(100% - (20px + 7px + 8px));
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col h1 .form-control {
  background-color: transparent;
  border: 1px solid rgba(224, 224, 224, 0.8);
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  padding: 2px 10px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col h1 span {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  padding: 4px;
  transition: border 0.3s ease;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col h1 span:hover {
  border: 1px solid #E0E0E0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .arrow {
  background-image: url("../img2/icons/arrow-down-deal.svg");
  background-repeat: no-repeat;
  background-size: 10px 7px;
  background-position: center;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin-left: 3.5px;
  transition: all 0.3s linear;
  vertical-align: middle;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .arrow:hover {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .arrow-dropdown {
  background-image: url("../img2/icons/arrow-down-col.svg");
  background-repeat: no-repeat;
  background-size: 10px 7px;
  background-position: center;
  cursor: pointer;
  display: none;
  height: 7px;
  transition: all 0.3s linear;
  vertical-align: middle;
  width: 10px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .box-text {
  display: inline-block;
  padding: 0 0 0 11px;
  position: relative;
  vertical-align: middle;
  width: calc(100% - 20px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .box-type {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 18px;
  max-width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 9px;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .box-type.step {
  color: white;
  font-weight: 500;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .box-type.priority_crm {
  color: black;
  font-weight: 400;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .text {
  background-color: #E9EEF9;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  max-width: 92%;
  padding: 0 3px;
  text-overflow: ellipsis;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .price {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .price .form-control {
  background-color: transparent;
  border: 1px solid rgba(224, 224, 224, 0.8);
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  padding: 2px 10px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col .price span {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  padding: 4px;
  transition: border 0.3s ease;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col.active-col {
  background-color: white;
  position: relative;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col.active-col::before {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal .col.active-col .arrow-dropdown {
  display: inline-block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal.active {
  background-color: #EFEFEF;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .table-body-deal.active .col .arrow {
  transform: rotate(180deg);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal {
  display: none;
  height: auto;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal {
  background-color: white;
  border-top: 1px solid #E0E0E0;
  display: table;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub {
  display: table-cell;
  padding: 6px 0;
  position: relative;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(1) {
  width: 30px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(2) {
  width: calc(100% - (30px + 120px + 110px + 110px + 110px + 110px + 110px + 110px + 110px));
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(3) {
  width: 120px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(4) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(5) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(6) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(7) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(8) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(9) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(10) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub::before {
  height: calc(100% + 2px);
  border: 1px solid #BDBDBD;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  content: '';
  display: none;
  height: calc(100% + 2px);
  left: -1px;
  position: absolute;
  top: -1px;
  width: calc(100% + 2px);
  z-index: 1;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  position: relative;
  margin: 0 0 0 14px;
  padding-left: 14px;
  user-select: none;
  vertical-align: middle;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox input:checked ~ .checkmark {
  background-color: #333333;
  border: 1px solid #333333;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox input:disabled ~ .checkmark {
  cursor: no-drop !important;
  opacity: 0.5;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .arrow-dropdown {
  background-image: url("../img2/icons/arrow-down-col.svg");
  background-repeat: no-repeat;
  background-size: 10px 7px;
  background-position: center;
  cursor: pointer;
  display: none;
  height: 7px;
  position: relative;
  transition: all 0.3s linear;
  vertical-align: middle;
  width: 10px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-text {
  display: inline-block;
  padding: 0 0 0 11px;
  position: relative;
  vertical-align: middle;
  width: calc(100% - 20px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-type {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 18px;
  max-width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 9px;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-type.step {
  color: white;
  font-weight: 500;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-type.priority_crm {
  color: black;
  font-weight: 400;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .text {
  background-color: #E9EEF9;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  max-width: 92%;
  padding: 0 3px;
  text-overflow: ellipsis;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .price {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .price .form-control {
  background-color: transparent;
  border: 1px solid rgba(224, 224, 224, 0.8);
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  padding: 2px 10px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .price span {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  padding: 4px;
  transition: border 0.3s ease;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .price span:hover {
  border: 1px solid #E0E0E0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.active-col {
  background-color: white;
  position: relative;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.active-col::before {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.active-col .arrow-dropdown {
  display: inline-block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-step, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-admin, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-priority, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-contact, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-account, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-vendors {
  cursor: pointer !important;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-step:hover, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-admin:hover, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-priority:hover, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-contact:hover, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-account:hover, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-vendors:hover {
  background-color: white;
  position: relative;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-step:hover::before, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-admin:hover::before, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-priority:hover::before, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-contact:hover::before, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-account:hover::before, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-vendors:hover::before {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-step:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-admin:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-priority:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-contact:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-account:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-vendors:hover .arrow-dropdown {
  display: inline-block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .btn-sub-deal {
  background-color: white;
  border: 0 none;
  border-top: 1px solid #E0E0E0;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 31px;
  padding: 0 0 0 39px;
  text-align: left;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .btn-sub-deal .plus {
  background-image: url("../img2/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  height: 13px;
  margin: 0 6px 0 0;
  vertical-align: middle;
  width: 13px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .sub-menu-deal .btn-sub-deal span {
  color: #828282;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.2px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .btn-deal {
  background-color: white;
  border: 0 none;
  border-top: 1px solid #E0E0E0;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 31px;
  padding: 0 0 0 39px;
  text-align: left;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .btn-deal .plus {
  background-image: url("../img2/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  height: 13px;
  margin: 0 6px 0 0;
  vertical-align: middle;
  width: 13px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .sous-menu-deal .btn-deal span {
  color: #828282;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.2px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total {
  background-color: #f6f6f6;
  border: 1px solid #E0E0E0;
  border-top: 0 none;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  display: inline-block;
  height: 32px;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col {
  display: inline-block;
  height: 31px;
  line-height: 31px;
  vertical-align: top;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col:nth-child(1) {
  width: 30px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col:nth-child(2) {
  width: calc(100% - (30px + 120px + 110px + 110px + 110px + 110px + 110px + 110px + 110px));
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col:nth-child(3) {
  width: 120px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col:nth-child(4) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col:nth-child(5) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col:nth-child(6) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col:nth-child(7) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col:nth-child(8) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col:nth-child(9) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col:nth-child(10) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .bar-step {
  display: inline-block;
  height: auto;
  margin-left: 10px;
  position: relative;
  vertical-align: middle;
  width: calc(100% - 10px);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .bar-step .bar {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  cursor: pointer;
  display: inline-block;
  height: 5px;
  margin-left: -4px;
  position: relative;
  transition: all 0.2s linear;
  vertical-align: middle;
  width: var(--width);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .bar-step .bar:nth-child(1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .bar-step .bar .tootlip {
  background-color: #323338;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  bottom: calc(100% + 11px);
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  left: 50%;
  opacity: 0;
  padding: 0 10px;
  min-width: 130px;
  position: absolute;
  visibility: hidden;
  text-align: center;
  transition: all 0.3s linear;
  transform: translateX(-50%);
  width: auto;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .bar-step .bar .tootlip::after {
  border-bottom: 0 none;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid #323338;
  bottom: -9px;
  content: '';
  height: 12px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 14px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .bar-step .bar:hover {
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  height: 11px;
  width: calc(var(--width) + 4px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .bar-step .bar:hover .tootlip {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .box-admin {
  display: inline-block;
  padding: 0 11px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .box-admin .widget {
  background-color: #8E8E93;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  margin-left: 2px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .box-admin .widget:nth-child(1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .bar-priority {
  display: inline-block;
  height: auto;
  margin-left: 10px;
  vertical-align: middle;
  width: calc(100% - 10px);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .bar-priority .bar {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  cursor: pointer;
  display: inline-block;
  height: 5px;
  margin-left: -10px;
  position: relative;
  transition: all 0.2s linear;
  vertical-align: middle;
  width: var(--width);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .bar-priority .bar:nth-child(1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .bar-priority .bar .tootlip {
  background-color: #323338;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  bottom: calc(100% + 11px);
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  left: 50%;
  opacity: 0;
  position: absolute;
  visibility: hidden;
  text-align: center;
  transition: all 0.3s linear;
  transform: translateX(-50%);
  width: 130px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .bar-priority .bar .tootlip::after {
  border-bottom: 0 none;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid #323338;
  bottom: -9px;
  content: '';
  height: 12px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 14px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .bar-priority .bar:hover {
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  height: 11px;
  width: calc(var(--width) + 4px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .bar-priority .bar:hover .tootlip {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .sum {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.2px;
  margin-left: 12px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .box-total .col .sum span {
  color: #007AFF;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .btn-groupe-crm {
  background-color: white;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: inline-block;
  height: 32px;
  line-height: 30px;
  margin: 0 0 0 20px;
  padding: 0;
  width: 155px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .btn-groupe-crm .plus {
  background-image: url("../img2/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  height: 13px;
  margin: 0 4px 0 0;
  vertical-align: middle;
  width: 13px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .btn-groupe-crm span {
  color: #4F4F4F;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .btn-groupe-crm:hover {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .priority-dropdown-crm {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 4px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .priority-dropdown-crm h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .priority-dropdown-crm ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .priority-dropdown-crm ul li {
  background-color: white;
  cursor: pointer;
  display: inline-block;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 5px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .priority-dropdown-crm ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .priority-dropdown-crm ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .priority-dropdown-crm ul li font {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 18px;
  line-height: 18px;
  padding: 0 9px;
  vertical-align: middle;
  width: auto;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .priority-dropdown-crm ul li:hover {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .priority-dropdown-crm ul li:hover::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .priority-dropdown-crm ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .priority-dropdown-crm ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .admin-dropdown-crm {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .admin-dropdown-crm h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .admin-dropdown-crm ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .admin-dropdown-crm ul li {
  background-color: white;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 9px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .admin-dropdown-crm ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .admin-dropdown-crm ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .admin-dropdown-crm ul li:hover {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .admin-dropdown-crm ul li:hover::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .admin-dropdown-crm ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .admin-dropdown-crm ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .vendors-dropdown-crm {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  right: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .vendors-dropdown-crm h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 19px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .vendors-dropdown-crm ul {
  margin-bottom: 21px;
  margin-left: 15px;
  margin-top: 22px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .vendors-dropdown-crm ul li {
  background-color: white;
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  line-height: 30px;
  margin-top: 2px;
  padding: 0 0 0 10px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .vendors-dropdown-crm ul li .checkbox_vendors {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  position: relative;
  margin: 0 8px 0 0;
  padding-left: 22px;
  user-select: none;
  vertical-align: middle;
  width: calc(100% - 8px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .vendors-dropdown-crm ul li .checkbox_vendors input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .vendors-dropdown-crm ul li .checkbox_vendors .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .vendors-dropdown-crm ul li .checkbox_vendors .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .vendors-dropdown-crm ul li .checkbox_vendors input:checked ~ .checkmark {
  background-color: #1F71DE;
  border: 1px solid #1F71DE;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .vendors-dropdown-crm ul li .checkbox_vendors input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .vendors-dropdown-crm ul li .checkbox_vendors .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  position: absolute;
  top: calc(100% + 4px);
  width: 260px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 19px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm ul {
  margin-bottom: 20px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - (15px + 11px));
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm ul li {
  background-color: white;
  cursor: pointer;
  display: inline-block;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 5px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm ul li .text_label {
  background-color: white;
  display: inline-block;
  height: 31px;
  line-height: 31px;
  padding: 0 0 0 5px;
  position: relative;
  vertical-align: middle;
  width: calc(100% - (24px + 5px));
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm ul li .text_label::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm ul li .text_label font {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 18px;
  line-height: 18px;
  padding: 0 9px;
  vertical-align: middle;
  width: auto;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm ul li .dots-label {
  background-image: url("../img2/icons/ellypsis.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  margin: 0 0 0 5px;
  opacity: 0;
  position: relative;
  vertical-align: middle;
  width: 24px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm ul li .dots-label.active {
  background-color: #ced2e1;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm ul li .dots-label:hover {
  background-color: #ced2e1;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm ul li:hover .text_label {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm ul li:hover .text_label::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm ul li.active-ligne .text_label {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm ul li.active-ligne .text_label::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm .new_label {
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 0;
  height: 32px;
  line-height: 30px;
  margin-bottom: 21px;
  margin-left: 15px;
  position: relative;
  width: calc(100% - (15px + 11px));
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm .new_label.mb {
  margin-bottom: 10px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm .new_label .plus {
  background-image: url("../img2/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  height: 13px;
  margin: 0 7px 0 10px;
  vertical-align: middle;
  width: 13px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm .new_label span {
  color: #828282;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm .new_label .form-control {
  background-color: transparent;
  border: 0 none;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #8E8E93;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  padding: 0 10px 0 38px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm .new_label .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm .new_label .form-control::-webkit-input-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm .new_label .form-control::-moz-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm .new_label .form-control:-ms-input-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm .new_label .form-control:-moz-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .step-dropdown-crm .new_label .box-color {
  background-color: var(--color);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  height: 24px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 24px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .label-color-step {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  cursor: auto;
  display: none;
  height: auto;
  left: 0;
  padding: 19px 15px 22px;
  position: absolute;
  top: calc(100% + 6px);
  width: 160px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .label-color-step ul {
  display: inline-block;
  font-size: 0;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .label-color-step ul li {
  color: #253342;
  cursor: pointer;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 16px;
  line-height: 16px;
  margin-bottom: 16px;
  padding: 0 0 0 26px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .label-color-step ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .label-color-step ul li::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 16px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .label-color-step ul li.edit::before {
  background-image: url("../img2/icons/edit.svg");
}

.app-container .app-main .app-main__outer .app-crm .crm-content .label-color-step ul li.delet::before {
  background-image: url("../img2/icons/trash.svg");
}

.app-container .app-main .app-main__outer .app-crm .crm-content .color-dropdown {
  background-color: white;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  bottom: calc(100% + 10px);
  display: none;
  height: auto;
  left: 0;
  line-height: normal;
  padding: 15px;
  position: absolute;
  width: 150px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .color-dropdown .color {
  background-color: var(--colordetails);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: inline-block;
  height: 24px;
  margin-left: calc((100% - (24px * 4)) / 3);
  margin-top: 8px;
  vertical-align: top;
  width: 24px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .color-dropdown .color:nth-child(4n + 1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .color-dropdown .color:nth-child(-n + 4) {
  margin-top: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  right: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 300px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 19px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm h4 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.2px;
  margin-left: 15px;
  margin-top: 21px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm h4.mt {
  margin-top: 27px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm h5 {
  color: #1F71DE;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.69px;
  margin: 10px 0 0 15px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm .search {
  display: inline-block;
  margin-left: 15px;
  margin-top: 17px;
  vertical-align: top;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm .search .form-control {
  background-color: white;
  background-image: url("../img2/icons/loupe.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 10px center;
  border: 1px solid #1F71DE;
  box-shadow: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: rgba(142, 142, 147, 0.8);
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  padding: 0 0 0 31px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm .search .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm .search .form-control::-webkit-input-placeholder {
  color: #8E8E93;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm .search .form-control::-moz-placeholder {
  color: #8E8E93;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm .search .form-control:-ms-input-placeholder {
  color: #8E8E93;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm .search .form-control:-moz-placeholder {
  color: #8E8E93;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm p {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin-bottom: 64px;
  margin-left: 15px;
  margin-top: 59px;
  text-align: center;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm .button {
  margin-bottom: 103px;
  text-align: center;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm .button button {
  background-color: #1F71DE;
  border: 0 none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  padding: 0;
  position: relative;
  text-align: center;
  width: 160px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm .button button:hover {
  background-color: #2A81EF;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul {
  margin-bottom: 21px;
  margin-left: 15px;
  margin-top: 14px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li {
  background-color: white;
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  line-height: 30px;
  margin-top: 2px;
  padding: 0 0 0 10px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li .checkbox_vendors {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  position: relative;
  margin: 0 8px 0 0;
  padding-left: 22px;
  user-select: none;
  vertical-align: middle;
  width: calc(100% - 8px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li .checkbox_vendors input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li .checkbox_vendors .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li .checkbox_vendors .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li .checkbox_vendors input:checked ~ .checkmark {
  background-color: #1F71DE;
  border: 1px solid #1F71DE;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li .checkbox_vendors input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li .checkbox_vendors .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li .form-control {
  background-color: transparent;
  background-image: url("../img2/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 13px 13px;
  background-position: 32px center;
  border: 0 none;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #8E8E93;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  left: 0;
  padding: 0 10px 0 51px;
  position: absolute;
  top: 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li .form-control::-webkit-input-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li .form-control::-moz-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li .form-control:-ms-input-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li .form-control:-moz-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .account-dropdown-crm ul li.active-ligne .checkbox_vendors {
  width: auto;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm {
  background-color: white;
  bottom: 0;
  box-shadow: -2px -1px 9px 0px rgba(0, 0, 0, 0.2);
  display: none;
  font-size: 0;
  height: 60px;
  left: 260px;
  line-height: 60px;
  position: fixed;
  text-align: center;
  width: calc(100% - 260px);
  z-index: 100;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .chiffre {
  background-color: #e8594a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 20px;
  font-weight: 400;
  height: 45px;
  line-height: 43px;
  text-align: center;
  vertical-align: middle;
  width: 45px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm h1 {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  margin: 0 27px 0 11px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .nav {
  border-left: 2px solid #E0E0E0;
  border-right: 2px solid #E0E0E0;
  display: inline-block;
  height: 60px;
  vertical-align: middle;
  width: calc(100px * 5);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .nav .box {
  background-color: white;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  transition: all 0.3s linear;
  vertical-align: top;
  width: calc(100% / 5);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .nav .box span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .nav .box h2 {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.06px;
  transition: all 0.3s linear;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .nav .box img {
  display: inline-block;
  position: relative;
  transition: all 0.3s linear;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .nav .box.assign img {
  margin-bottom: 4.8px;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .nav .box.duplicate img {
  margin-bottom: 5px;
  width: 16px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .nav .box.archive img {
  margin-bottom: 4.66px;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .nav .box.move img {
  margin-bottom: 3.8px;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .nav .box.delete img {
  margin-bottom: 4px;
  width: 16px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .nav .box:hover {
  background-color: #f6f7fb;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .nav .box:hover h2 {
  color: #f06274;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .nav .box:hover img {
  filter: invert(45%) sepia(60%) saturate(1817%) hue-rotate(331deg) brightness(94%) contrast(93%);
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .fermer {
  background-image: url("../img/icons/fermer.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  display: inline-block;
  filter: brightness(0) saturate(100%) invert(64%) sepia(0%) saturate(0%) hue-rotate(42deg) brightness(96%) contrast(87%);
  height: 13px;
  margin: 0 0 0 20px;
  transition: all 0.3s linear;
  vertical-align: middle;
  width: 13px;
}

.app-container .app-main .app-main__outer .app-crm .crm-content .app-selected-crm .fermer:hover {
  filter: invert(45%) sepia(60%) saturate(1817%) hue-rotate(331deg) brightness(94%) contrast(93%);
}

.app-container .app-main .app-main__outer .app-new-crm {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 199;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content {
  background-color: white;
  display: inline-block;
  height: calc(100vh - (90px + 71px));
  overflow-y: auto;
  overflow-x: hidden;
  margin: 90px 0 0;
  padding: 0 0 32px;
  position: relative;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #e3e3e3 white;
  vertical-align: top;
  width: 100%;
  z-index: 200;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content::-webkit-scrollbar {
  width: 4px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content::-webkit-scrollbar-track {
  background: white;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm {
  background-color: white;
  border-bottom: 1px solid #E0E0E0;
  display: inline-block;
  height: auto;
  padding: 24px 20px 16px;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 200;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm h1 {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25.31px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre {
  margin: 11px 0 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  float: left;
  height: 34px;
  position: relative;
  vertical-align: top;
  width: 85px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button span {
  color: #4F4F4F;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 16px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 15px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li {
  background-color: white;
  cursor: pointer;
  display: inline-block;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 5px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li font {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 18px;
  line-height: 18px;
  padding: 0 9px;
  vertical-align: middle;
  width: auto;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li:hover {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li:hover::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown .clear {
  background-color: #f3f3f3;
  border-top: 1px solid #BDBDBD;
  color: #3B383E;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 33px;
  line-height: 32px;
  padding: 0 15px 0 0;
  text-align: right;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .step-dropdown-crm-button .filtre-step-dropdown .clear font {
  cursor: pointer;
  display: inline-block;
  line-height: 15.6px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  float: left;
  height: 34px;
  margin-left: 10px;
  position: relative;
  vertical-align: top;
  width: 100px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button span {
  color: #4F4F4F;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 16px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 15px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li {
  background-color: white;
  cursor: pointer;
  display: inline-block;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 5px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li font {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 18px;
  line-height: 18px;
  padding: 0 9px;
  vertical-align: middle;
  width: auto;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li:hover {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li:hover::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown .clear {
  background-color: #f3f3f3;
  border-top: 1px solid #BDBDBD;
  color: #3B383E;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 33px;
  line-height: 32px;
  padding: 0 15px 0 0;
  text-align: right;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .priority-dropdown-crm-button .filtre-priority-dropdown .clear font {
  cursor: pointer;
  display: inline-block;
  line-height: 15.6px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  float: left;
  height: 34px;
  margin-left: 10px;
  position: relative;
  vertical-align: top;
  width: 100px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button span {
  color: #4F4F4F;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 16px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 9px;
  padding: 0 0 0 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 15px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul li {
  background-color: white;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 9px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul li:hover {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul li:hover::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown .clear {
  background-color: #f3f3f3;
  border-top: 1px solid #BDBDBD;
  color: #3B383E;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 33px;
  line-height: 32px;
  padding: 0 15px 0 0;
  text-align: right;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .admin-dropdown-crm-button .filtre-admin-dropdown .clear font {
  cursor: pointer;
  display: inline-block;
  line-height: 15.6px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  float: left;
  height: 34px;
  margin-left: 10px;
  position: relative;
  vertical-align: top;
  width: 100px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button span {
  color: #4F4F4F;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 16px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 9px;
  padding: 0 0 0 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button .filtre-vendors-dropdown {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button .filtre-vendors-dropdown h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 15px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button .filtre-vendors-dropdown ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button .filtre-vendors-dropdown ul li {
  background-color: white;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 9px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button .filtre-vendors-dropdown ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button .filtre-vendors-dropdown ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button .filtre-vendors-dropdown ul li:hover {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button .filtre-vendors-dropdown ul li:hover::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button .filtre-vendors-dropdown ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button .filtre-vendors-dropdown ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button .filtre-vendors-dropdown .clear {
  background-color: #f3f3f3;
  border-top: 1px solid #BDBDBD;
  color: #3B383E;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 33px;
  line-height: 32px;
  padding: 0 15px 0 0;
  text-align: right;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .vendors-dropdown-crm-button .filtre-vendors-dropdown .clear font {
  cursor: pointer;
  display: inline-block;
  line-height: 15.6px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .search {
  float: right;
  vertical-align: top;
  width: 196px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .search .form-control {
  background-color: white;
  background-image: url("../img2/icons/loupe.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: right 14px center;
  border: 1px solid #CCCCCC;
  box-shadow: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: rgba(130, 130, 130, 0.8);
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 34px;
  padding: 0 0 0 16px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .search .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .search .form-control::-webkit-input-placeholder {
  color: #828282;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .search .form-control::-moz-placeholder {
  color: #828282;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .search .form-control:-ms-input-placeholder {
  color: #828282;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre .search .form-control:-moz-placeholder {
  color: #828282;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre button {
  background-color: #2A81EF;
  border: 0 none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #F2F2F2;
  float: right;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 34px;
  margin-right: 20px;
  padding: 0 0 0 24px;
  position: relative;
  text-align: left;
  width: 122px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre button::before {
  background-image: url("../img/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 8px;
  filter: invert(86%) sepia(74%) saturate(6477%) hue-rotate(178deg) brightness(137%) contrast(90%);
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .header-crm .box-filtre button:hover {
  background-color: #0d63b7;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .global-crm {
  display: inline-block;
  height: auto;
  padding: 32px 20px 0;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky {
  background-color: white;
  border-bottom: 1px solid #E0E0E0;
  display: none;
  height: 33px;
  left: 0;
  padding: 0 20px;
  position: sticky;
  transition: all 0.2s linear;
  top: 111px;
  width: 100%;
  z-index: 100;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky.show-sticky {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky .col {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky .col:nth-child(1) {
  width: 30px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky .col:nth-child(2) {
  width: calc(100% - (30px + 140px + 120px + 110px + 110px + 110px + 110px + 110px + 110px + 110px + 110px));
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky .col:nth-child(3) {
  width: 140px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky .col:nth-child(4) {
  width: 120px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky .col:nth-child(5) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky .col:nth-child(6) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky .col:nth-child(7) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky .col:nth-child(8) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky .col:nth-child(9) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky .col:nth-child(10) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky .col:nth-child(11) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky .col:nth-child(12) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .table-head-sticky .col span {
  color: #4F4F4F;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  padding: 0 0 0 12px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .item-groupe-crm {
  display: inline-block;
  height: auto;
  margin: 0 0 30px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .item-groupe-crm.dragged {
  position: absolute;
  transform: rotate(2deg);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .item-groupe-crm.dragged .sous-menu-deal {
  display: none !important;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .item-groupe-crm.placeholder {
  background-color: transparent;
  border: 1px dashed #E0E0E0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 44px;
  opacity: 1;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .item-deal {
  display: inline-block;
  height: auto;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .item {
  display: inline-block;
  height: auto;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_step, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_admin, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_priority, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_contact, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_account, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_vendors, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_membre {
  cursor: pointer !important;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_step:hover, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_admin:hover, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_priority:hover, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_contact:hover, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_account:hover, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_vendors:hover, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_membre:hover {
  background-color: white;
  position: relative;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_step:hover::before, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_admin:hover::before, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_priority:hover::before, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_contact:hover::before, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_account:hover::before, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_vendors:hover::before, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_membre:hover::before {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_step:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_admin:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_priority:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_contact:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_account:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_vendors:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col_membre:hover .arrow-dropdown {
  display: inline-block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col .box-next span:hover {
  border: 1px solid #E0E0E0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .item.edit_deal .col .price span:hover {
  border: 1px solid #E0E0E0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .item-sub-deal {
  display: inline-block;
  height: auto;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm {
  border: 1px solid #E0E0E0;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  font-size: 0;
  height: 44px;
  line-height: 42px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .dots {
  background-image: url("../img2/icons/ellypsis.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  margin: 0 0 0 10px;
  position: relative;
  vertical-align: middle;
  width: 24px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .dots.active {
  background-color: #ced2e1;
  z-index: 9;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .dots:hover {
  background-color: #ced2e1;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .dots .dropdown-group-crm {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px #00000033;
  display: block;
  height: auto;
  left: 0;
  padding: 17px 15px;
  position: absolute;
  top: calc(100% + 7px);
  width: 230px;
  z-index: 500;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box {
  background-color: white;
  color: #5A5A5A;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 34px;
  line-height: 35px;
  margin: 5px 0 0;
  padding: 0 0 0 34px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 18px;
  left: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box:nth-child(1) {
  margin: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box.renommer::before {
  background-image: url("../img2/icons/edit-02.svg");
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box.add_a_workspace::before, .app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box.ajouter::before {
  background-image: url("../img2/icons/add-square-01.svg");
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box.supprimer {
  color: #FF3B30;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box.supprimer::before {
  background-image: url("../img2/icons/trash-02.svg");
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .dots .dropdown-group-crm .box:hover {
  background-color: #ebebeb;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .arrow {
  background-image: url("../img2/icons/arrow-down-circle.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin-left: 15px;
  position: relative;
  vertical-align: middle;
  width: 20px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm h1 {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22.5px;
  margin-left: 11px;
  position: relative;
  vertical-align: middle;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm h1 .form-control {
  background-color: transparent;
  border: 1px solid rgba(224, 224, 224, 0.8);
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 0 10px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm h1 span {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 4px;
  transition: border 0.3s ease;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm h1 span:hover {
  border: 1px solid #E0E0E0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm h1.active {
  width: 50%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm h2 {
  color: #828282;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.96px;
  margin-left: 12px;
  position: relative;
  vertical-align: middle;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm .drag-groupe-crm {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: grab;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm.active {
  border: 1px solid transparent;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .groupe-crm.active .arrow {
  transform: rotate(180deg);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal {
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: none;
  font-size: 0;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal {
  background-color: rgba(255, 255, 255, 0.1);
  display: inline-block;
  height: 32px;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(1) {
  width: 30px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(2) {
  width: calc(100% - (30px + 140px + 120px + 110px + 110px + 110px + 110px + 110px + 110px + 110px + 110px));
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(3) {
  width: 140px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(4) {
  width: 120px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(5) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(6) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(7) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(8) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(9) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(10) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(11) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col:nth-child(12) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col span {
  color: #4F4F4F;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  padding: 0 0 0 12px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  position: relative;
  margin: -2px 0 0 14px;
  padding-left: 14px;
  user-select: none;
  vertical-align: middle;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #828282;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox input:checked ~ .checkmark {
  background-color: #333333;
  border: 1px solid #333333;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox input:disabled ~ .checkmark {
  cursor: no-drop !important;
  opacity: 0.5;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-head-deal .col .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal {
  background-color: #f6f6f6;
  border-top: 1px solid #E0E0E0;
  display: table;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col {
  display: table-cell;
  padding: 6px 0;
  position: relative;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(1) {
  width: 30px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(2) {
  width: calc(100% - (30px + 140px + 120px + 110px + 110px + 110px + 110px + 110px + 110px + 110px + 110px));
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(3) {
  width: 140px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(4) {
  width: 120px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(5) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(6) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(7) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(8) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(9) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(10) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(11) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col:nth-child(12) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col::before {
  height: calc(100% + 2px);
  border: 1px solid #BDBDBD;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  content: '';
  display: none;
  height: calc(100% + 2px);
  left: -1px;
  position: absolute;
  top: -1px;
  width: calc(100% + 2px);
  z-index: 1;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  position: relative;
  margin: 0 0 0 14px;
  padding-left: 14px;
  user-select: none;
  vertical-align: middle;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox input:checked ~ .checkmark {
  background-color: #333333;
  border: 1px solid #333333;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox input:disabled ~ .checkmark {
  cursor: no-drop !important;
  opacity: 0.5;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col h1 {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin-left: 8px;
  vertical-align: middle;
  width: calc(100% - (20px + 7px + 8px));
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col h1 .form-control {
  background-color: transparent;
  border: 1px solid rgba(224, 224, 224, 0.8);
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  padding: 2px 10px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col h1 span {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  padding: 4px;
  transition: border 0.3s ease;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col h1 span:hover {
  border: 1px solid #E0E0E0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-next {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-next .form-control {
  background-color: white;
  border: 2px solid #1F71DE;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 100%;
  line-height: 15.6px;
  padding: 2px 10px;
  left: 0;
  position: absolute;
  top: 0;
  resize: none;
  scrollbar-width: thin;
  scrollbar-color: #e3e3e3 white;
  width: 100%;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-next .form-control::-webkit-scrollbar {
  width: 2px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-next .form-control::-webkit-scrollbar-track {
  background: white;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-next .form-control::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-next .form-control.active {
  height: calc(100% + 48px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-next span {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  left: 0;
  line-height: 15.6px;
  position: absolute;
  max-width: 100%;
  overflow: hidden;
  padding: 0 12px;
  transform: translateY(-50%);
  text-overflow: ellipsis;
  vertical-align: middle;
  transition: border 0.3s ease;
  width: auto;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .arrow {
  background-image: url("../img2/icons/arrow-down-deal.svg");
  background-repeat: no-repeat;
  background-size: 10px 7px;
  background-position: center;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin-left: 3.5px;
  transition: all 0.3s linear;
  vertical-align: middle;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .arrow:hover {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .arrow-dropdown {
  background-image: url("../img2/icons/arrow-down-col.svg");
  background-repeat: no-repeat;
  background-size: 10px 7px;
  background-position: center;
  cursor: pointer;
  display: none;
  height: 7px;
  transition: all 0.3s linear;
  vertical-align: middle;
  width: 10px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-text {
  display: inline-block;
  padding: 0 0 0 11px;
  position: relative;
  vertical-align: middle;
  width: calc(100% - 20px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-admin {
  display: inline-block;
  padding: 0 0 0 11px;
  vertical-align: middle;
  width: calc(100% - 20px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-admin .widget {
  background-color: #8E8E93;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  margin-left: 2px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-admin .widget:nth-child(1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-membre {
  display: inline-block;
  padding: 0 11px;
  vertical-align: middle;
  width: calc(100% - 20px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-membre .widget {
  background-color: #4F4F4F;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  margin-left: 2px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  position: relative;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-membre .widget:nth-child(1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-membre .widget .dropdown-total-membre {
  background-color: white;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  left: -2px;
  opacity: 0;
  padding: 0 15px 19px;
  position: absolute;
  top: calc(100% + 11px);
  transition: all 0.2s linear;
  visibility: hidden;
  text-align: left;
  width: 150px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-membre .widget .dropdown-total-membre .widget-child {
  background-color: #4F4F4F;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  margin-left: 11px;
  margin-top: 15px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  position: relative;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-membre .widget .dropdown-total-membre .widget-child:nth-child(4n + 1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-membre .widget.widget-dropdown {
  cursor: pointer;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-membre .widget.widget-dropdown:hover .dropdown-total-membre {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-type {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 18px;
  max-width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 9px;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-type.step {
  color: white;
  font-weight: 500;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .box-type.priority_crm {
  color: black;
  font-weight: 400;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .text {
  background-color: #E9EEF9;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  max-width: 92%;
  padding: 0 3px;
  text-overflow: ellipsis;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .price {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .price .form-control {
  background-color: transparent;
  border: 1px solid rgba(224, 224, 224, 0.8);
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  padding: 2px 10px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col .price span {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  padding: 4px;
  transition: border 0.3s ease;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col.active-col {
  background-color: white;
  position: relative;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col.active-col::before {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal .col.active-col .arrow-dropdown {
  display: inline-block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal.active {
  background-color: #EFEFEF;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .table-body-deal.active .col .arrow {
  transform: rotate(180deg);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal {
  display: none;
  height: auto;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal {
  background-color: white;
  border-top: 1px solid #E0E0E0;
  display: table;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub {
  display: table-cell;
  padding: 6px 0;
  position: relative;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(1) {
  width: 30px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(2) {
  width: calc(100% - (30px + 140px + 120px + 110px + 110px + 110px + 110px + 110px + 110px + 110px + 110px));
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(3) {
  width: 140px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(4) {
  width: 120px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(5) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(6) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(7) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(8) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(9) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(10) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(11) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub:nth-child(12) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub::before {
  height: calc(100% + 2px);
  border: 1px solid #BDBDBD;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  content: '';
  display: none;
  height: calc(100% + 2px);
  left: -1px;
  position: absolute;
  top: -1px;
  width: calc(100% + 2px);
  z-index: 1;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  position: relative;
  margin: 0 0 0 14px;
  padding-left: 14px;
  user-select: none;
  vertical-align: middle;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox input:checked ~ .checkmark {
  background-color: #333333;
  border: 1px solid #333333;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox input:disabled ~ .checkmark {
  cursor: no-drop !important;
  opacity: 0.5;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub h2 {
  color: #828282;
  display: inline-block;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  padding: 0 12px;
  vertical-align: middle;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub h2 span {
  color: black;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .arrow-dropdown {
  background-image: url("../img2/icons/arrow-down-col.svg");
  background-repeat: no-repeat;
  background-size: 10px 7px;
  background-position: center;
  cursor: pointer;
  display: none;
  height: 7px;
  position: relative;
  transition: all 0.3s linear;
  vertical-align: middle;
  width: 10px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-next {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-next .form-control {
  background-color: white;
  border: 2px solid #1F71DE;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 100%;
  line-height: 15.6px;
  padding: 2px 10px;
  left: 0;
  position: absolute;
  top: 0;
  resize: none;
  scrollbar-width: thin;
  scrollbar-color: #e3e3e3 white;
  width: 100%;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-next .form-control::-webkit-scrollbar {
  width: 2px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-next .form-control::-webkit-scrollbar-track {
  background: white;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-next .form-control::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-next .form-control.active {
  height: calc(100% + 48px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-next span {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  left: 0;
  line-height: 15.6px;
  position: absolute;
  max-width: 100%;
  overflow: hidden;
  padding: 0 12px;
  transform: translateY(-50%);
  text-overflow: ellipsis;
  vertical-align: middle;
  transition: border 0.3s ease;
  width: auto;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-next span:hover {
  border: 1px solid #E0E0E0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-text {
  display: inline-block;
  padding: 0 0 0 11px;
  position: relative;
  vertical-align: middle;
  width: calc(100% - 20px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-admin {
  display: inline-block;
  padding: 0 0 0 11px;
  vertical-align: middle;
  width: calc(100% - 20px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-admin .widget {
  background-color: #8E8E93;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  margin-left: 2px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-admin .widget:nth-child(1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-membre {
  display: inline-block;
  padding: 0 11px;
  vertical-align: middle;
  position: relative;
  width: calc(100% - 20px);
  z-index: 4;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-membre .widget {
  background-color: #4F4F4F;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  margin-left: 2px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  position: relative;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-membre .widget:nth-child(1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-membre .widget .dropdown-total-membre {
  background-color: white;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  left: -2px;
  opacity: 0;
  padding: 0 15px 19px;
  position: absolute;
  top: calc(100% + 11px);
  transition: all 0.2s linear;
  visibility: hidden;
  text-align: left;
  width: 150px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-membre .widget .dropdown-total-membre .widget-child {
  background-color: #4F4F4F;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  margin-left: 11px;
  margin-top: 15px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  position: relative;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-membre .widget .dropdown-total-membre .widget-child:nth-child(4n + 1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-membre .widget.widget-dropdown {
  cursor: pointer;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-membre .widget.widget-dropdown:hover .dropdown-total-membre {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-type {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 18px;
  max-width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 9px;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-type.step {
  color: white;
  font-weight: 500;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .box-type.priority_crm {
  color: black;
  font-weight: 400;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .text {
  background-color: #E9EEF9;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  max-width: 92%;
  padding: 0 3px;
  text-overflow: ellipsis;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .price {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .price .form-control {
  background-color: transparent;
  border: 1px solid rgba(224, 224, 224, 0.8);
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  padding: 2px 10px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .price span {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  padding: 4px;
  transition: border 0.3s ease;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub .price span:hover {
  border: 1px solid #E0E0E0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.active-col {
  background-color: white;
  position: relative;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.active-col::before {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.active-col .arrow-dropdown {
  display: inline-block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-step, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-admin, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-priority, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-contact, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-account, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-vendors, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-membre {
  cursor: pointer !important;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-step:hover, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-admin:hover, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-priority:hover, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-contact:hover, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-account:hover, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-vendors:hover, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-membre:hover {
  background-color: white;
  position: relative;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-step:hover::before, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-admin:hover::before, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-priority:hover::before, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-contact:hover::before, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-account:hover::before, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-vendors:hover::before, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-membre:hover::before {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-step:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-admin:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-priority:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-contact:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-account:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-vendors:hover .arrow-dropdown, .app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .table-sub-deal .col-sub.col-membre:hover .arrow-dropdown {
  display: inline-block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .btn-sub-deal {
  background-color: white;
  border: 0 none;
  border-top: 1px solid #E0E0E0;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 31px;
  padding: 0 0 0 39px;
  text-align: left;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .btn-sub-deal .plus {
  background-image: url("../img2/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  height: 13px;
  margin: 0 6px 0 0;
  vertical-align: middle;
  width: 13px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .sub-menu-deal .btn-sub-deal span {
  color: #828282;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.2px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .btn-deal {
  background-color: white;
  border: 0 none;
  border-top: 1px solid #E0E0E0;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 31px;
  padding: 0 0 0 39px;
  text-align: left;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .btn-deal .plus {
  background-image: url("../img2/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  height: 13px;
  margin: 0 6px 0 0;
  vertical-align: middle;
  width: 13px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .sous-menu-deal .btn-deal span {
  color: #828282;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.2px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .global-crm-vendor .col_vendors {
  pointer-events: none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .global-crm-vendor .col_vendors:hover {
  background-color: inherit !important;
  position: static !important;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .global-crm-vendor .col_vendors:hover::before {
  display: none !important;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .global-crm-vendor .col_vendors:hover .arrow-dropdown {
  display: none !important;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .global-crm-vendor .col-vendors {
  pointer-events: none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .global-crm-vendor .col-vendors:hover {
  background-color: inherit !important;
  position: static !important;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .global-crm-vendor .col-vendors:hover::before {
  display: none !important;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .global-crm-vendor .col-vendors:hover .arrow-dropdown {
  display: none !important;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total {
  background-color: #f6f6f6;
  border: 1px solid #E0E0E0;
  border-top: 0 none;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  display: inline-block;
  height: 32px;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col {
  display: inline-block;
  height: 31px;
  line-height: 31px;
  vertical-align: top;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col:nth-child(1) {
  width: 30px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col:nth-child(2) {
  width: calc(100% - (30px + 140px + 120px + 110px + 110px + 110px + 110px + 110px + 110px + 110px + 110px));
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col:nth-child(3) {
  width: 140px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col:nth-child(4) {
  width: 120px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col:nth-child(5) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col:nth-child(6) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col:nth-child(7) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col:nth-child(8) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col:nth-child(9) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col:nth-child(10) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col:nth-child(11) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col:nth-child(12) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .bar-step {
  display: inline-block;
  height: auto;
  margin-left: 10px;
  position: relative;
  vertical-align: middle;
  width: calc(100% - 10px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .bar-step .bar {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  cursor: pointer;
  display: inline-block;
  height: 5px;
  margin-left: -4px;
  position: relative;
  transition: all 0.2s linear;
  vertical-align: middle;
  width: calc(var(--width) + 4px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .bar-step .bar:nth-child(1) {
  margin-left: 0;
  width: var(--width);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .bar-step .bar .tootlip {
  background-color: #323338;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  bottom: calc(100% + 11px);
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  left: 50%;
  opacity: 0;
  padding: 0 10px;
  min-width: 130px;
  position: absolute;
  visibility: hidden;
  text-align: center;
  transition: all 0.3s linear;
  transform: translateX(-50%);
  width: auto;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .bar-step .bar .tootlip::after {
  border-bottom: 0 none;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid #323338;
  bottom: -9px;
  content: '';
  height: 12px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 14px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .bar-step .bar:hover {
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  height: 11px;
  width: calc(var(--width) + 4px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .bar-step .bar:hover .tootlip {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .box-admin {
  display: inline-block;
  padding: 0 11px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .box-admin .widget {
  background-color: #4F4F4F;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  margin-left: 2px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  position: relative;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .box-admin .widget:nth-child(1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .box-admin .widget .dropdown-total-admin {
  background-color: white;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  left: -2px;
  opacity: 0;
  padding: 0 15px 19px;
  position: absolute;
  top: calc(100% + 11px);
  transition: all 0.2s linear;
  visibility: hidden;
  text-align: left;
  width: 150px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .box-admin .widget .dropdown-total-admin .widget-child {
  background-color: #4F4F4F;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  margin-left: 11px;
  margin-top: 15px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  position: relative;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .box-admin .widget .dropdown-total-admin .widget-child:nth-child(4n + 1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .box-admin .widget.widget-dropdown {
  cursor: pointer;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .box-admin .widget.widget-dropdown:hover .dropdown-total-admin {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .bar-priority {
  display: inline-block;
  height: auto;
  margin-left: 10px;
  vertical-align: middle;
  width: calc(100% - 10px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .bar-priority .bar {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  cursor: pointer;
  display: inline-block;
  height: 5px;
  margin-left: -4px;
  position: relative;
  transition: all 0.2s linear;
  vertical-align: middle;
  width: var(--width);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .bar-priority .bar:nth-child(1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .bar-priority .bar .tootlip {
  background-color: #323338;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  bottom: calc(100% + 11px);
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  left: 50%;
  opacity: 0;
  position: absolute;
  visibility: hidden;
  text-align: center;
  transition: all 0.3s linear;
  transform: translateX(-50%);
  width: 130px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .bar-priority .bar .tootlip::after {
  border-bottom: 0 none;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid #323338;
  bottom: -9px;
  content: '';
  height: 12px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 14px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .bar-priority .bar:hover {
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  height: 11px;
  width: calc(var(--width) + 4px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .bar-priority .bar:hover .tootlip {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .sum {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.2px;
  margin-left: 12px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .box-total .col .sum span {
  color: #007AFF;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .btn-groupe-crm {
  background-color: white;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: inline-block;
  height: 32px;
  line-height: 30px;
  margin: 0 0 0 20px;
  padding: 0;
  width: 155px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .btn-groupe-crm .plus {
  background-image: url("../img2/icons/plus-crm.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  height: 13px;
  margin: 0 4px 0 0;
  vertical-align: middle;
  width: 13px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .btn-groupe-crm span {
  color: #4F4F4F;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .btn-groupe-crm:hover {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .priority-dropdown-crm {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 4px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .priority-dropdown-crm h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .priority-dropdown-crm ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .priority-dropdown-crm ul li {
  background-color: white;
  cursor: pointer;
  display: inline-block;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 5px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .priority-dropdown-crm ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .priority-dropdown-crm ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .priority-dropdown-crm ul li font {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 18px;
  line-height: 18px;
  padding: 0 9px;
  vertical-align: middle;
  width: auto;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .priority-dropdown-crm ul li:hover {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .priority-dropdown-crm ul li:hover::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .priority-dropdown-crm ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .priority-dropdown-crm ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .admin-dropdown-crm {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .admin-dropdown-crm h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .admin-dropdown-crm ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .admin-dropdown-crm ul li {
  background-color: white;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 9px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .admin-dropdown-crm ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .admin-dropdown-crm ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .admin-dropdown-crm ul li:hover {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .admin-dropdown-crm ul li:hover::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .admin-dropdown-crm ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .admin-dropdown-crm ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-dropdown-crm {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  right: 0;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-dropdown-crm h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 19px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-dropdown-crm ul {
  height: calc(34px * 8);
  margin-bottom: 21px;
  margin-left: 15px;
  margin-top: 22px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-dropdown-crm ul::-webkit-scrollbar {
  display: none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-dropdown-crm ul li {
  background-color: white;
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  line-height: 30px;
  margin-top: 2px;
  padding: 0 0 0 10px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-dropdown-crm ul li .checkbox_vendors {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  position: relative;
  margin: 0 8px 0 0;
  padding-left: 22px;
  user-select: none;
  vertical-align: middle;
  width: calc(100% - 8px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-dropdown-crm ul li .checkbox_vendors input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-dropdown-crm ul li .checkbox_vendors .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-dropdown-crm ul li .checkbox_vendors .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-dropdown-crm ul li .checkbox_vendors input:checked ~ .checkmark {
  background-color: #1F71DE;
  border: 1px solid #1F71DE;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-dropdown-crm ul li .checkbox_vendors input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-dropdown-crm ul li .checkbox_vendors .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-dropdown-crm ul li.has-products {
  background-image: url("../img2/icons/arrow-right.svg");
  background-repeat: no-repeat;
  background-size: 7px 10px;
  background-position: right 15px center;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  position: absolute;
  top: calc(100% + 4px);
  width: 260px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 19px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul {
  margin-bottom: 20px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - (15px + 11px));
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li {
  background-color: white;
  cursor: pointer;
  display: inline-block;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 5px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .text_label {
  background-color: white;
  display: inline-block;
  height: 31px;
  line-height: 31px;
  padding: 0 0 0 5px;
  position: relative;
  vertical-align: middle;
  width: calc(100% - (24px + 5px));
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .text_label::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .text_label font {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 18px;
  line-height: 18px;
  padding: 0 9px;
  vertical-align: middle;
  width: auto;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .text_label .form-control {
  background-color: white;
  border: 1px solid #EFEFEF;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #8E8E93;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  padding: 0 10px 0 38px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .text_label .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .text_label .form-control::-webkit-input-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .text_label .form-control::-moz-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .text_label .form-control:-ms-input-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .text_label .form-control:-moz-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .text_label .box-color-update {
  background-color: var(--color);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  height: 24px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 24px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .text_label.active {
  padding: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .text_label.active::after {
  display: none !important;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .dots-label {
  background-image: url("../img2/icons/ellypsis.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  margin: 0 0 0 5px;
  opacity: 0;
  position: relative;
  vertical-align: middle;
  width: 24px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .dots-label.active {
  background-color: #ced2e1;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li .dots-label:hover {
  background-color: #ced2e1;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li:hover .text_label {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li:hover .text_label::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li.active-ligne .text_label {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm ul li.active-ligne .text_label::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm .new_label {
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 0;
  height: 32px;
  line-height: 30px;
  margin-bottom: 21px;
  margin-left: 15px;
  position: relative;
  width: calc(100% - (15px + 11px));
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm .new_label.mb {
  margin-bottom: 10px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm .new_label .plus {
  background-image: url("../img2/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  height: 13px;
  margin: 0 7px 0 10px;
  vertical-align: middle;
  width: 13px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm .new_label span {
  color: #828282;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm .new_label .form-control {
  background-color: transparent;
  border: 0 none;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #8E8E93;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  padding: 0 10px 0 38px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm .new_label .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm .new_label .form-control::-webkit-input-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm .new_label .form-control::-moz-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm .new_label .form-control:-ms-input-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm .new_label .form-control:-moz-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .step-dropdown-crm .new_label .box-color {
  background-color: var(--color);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  height: 24px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 24px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .label-color-step {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  cursor: auto;
  display: none;
  height: auto;
  left: 0;
  padding: 19px 15px 22px;
  position: absolute;
  top: calc(100% + 6px);
  width: 160px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .label-color-step ul {
  display: inline-block;
  font-size: 0;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .label-color-step ul li {
  color: #253342;
  cursor: pointer;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 16px;
  line-height: 16px;
  margin-bottom: 16px;
  padding: 0 0 0 26px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .label-color-step ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .label-color-step ul li::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 16px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .label-color-step ul li.edit::before {
  background-image: url("../img2/icons/edit.svg");
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .label-color-step ul li.delet::before {
  background-image: url("../img2/icons/trash.svg");
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .color-dropdown {
  background-color: white;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  bottom: calc(100% + 10px);
  display: none;
  height: auto;
  left: 0;
  line-height: normal;
  padding: 15px;
  position: absolute;
  width: 150px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .color-dropdown .color {
  background-color: var(--colordetails);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: inline-block;
  height: 24px;
  margin-left: calc((100% - (24px * 4)) / 3);
  margin-top: 8px;
  vertical-align: top;
  width: 24px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .color-dropdown .color:nth-child(4n + 1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .color-dropdown .color:nth-child(-n + 4) {
  margin-top: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  right: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 300px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 19px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm h4 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.2px;
  margin-left: 15px;
  margin-top: 21px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm h4.mt {
  margin-top: 27px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm h5 {
  color: #1F71DE;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.69px;
  margin: 10px 15px 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm .search {
  display: inline-block;
  margin-left: 15px;
  margin-top: 17px;
  vertical-align: top;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm .search .form-control {
  background-color: white;
  background-image: url("../img2/icons/loupe.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 10px center;
  border: 1px solid #1F71DE;
  box-shadow: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: rgba(142, 142, 147, 0.8);
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  padding: 0 0 0 31px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm .search .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm .search .form-control::-webkit-input-placeholder {
  color: #8E8E93;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm .search .form-control::-moz-placeholder {
  color: #8E8E93;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm .search .form-control:-ms-input-placeholder {
  color: #8E8E93;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm .search .form-control:-moz-placeholder {
  color: #8E8E93;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm p {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin-bottom: 64px;
  margin-left: 15px;
  margin-top: 59px;
  text-align: center;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm .button {
  margin-bottom: 103px;
  text-align: center;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm .button button {
  background-color: #1F71DE;
  border: 0 none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  padding: 0;
  position: relative;
  text-align: center;
  width: 160px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm .button button:hover {
  background-color: #2A81EF;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul {
  margin-bottom: 21px;
  margin-left: 15px;
  margin-top: 14px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li {
  background-color: white;
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  line-height: 30px;
  margin-top: 2px;
  padding: 0 0 0 10px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .checkbox_vendors {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  position: relative;
  margin: 0 8px 0 0;
  padding-left: 22px;
  user-select: none;
  vertical-align: middle;
  width: calc(100% - 8px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .checkbox_vendors input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .checkbox_vendors .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .checkbox_vendors .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .checkbox_vendors input:checked ~ .checkmark {
  background-color: #1F71DE;
  border: 1px solid #1F71DE;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .checkbox_vendors input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .checkbox_vendors .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .checkbox_search {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  position: relative;
  margin: 0 8px 0 0;
  padding-left: 22px;
  user-select: none;
  vertical-align: middle;
  width: calc(100% - 8px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .checkbox_search input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .checkbox_search .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .checkbox_search .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .checkbox_search input:checked ~ .checkmark {
  background-color: #1F71DE;
  border: 1px solid #1F71DE;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .checkbox_search input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .checkbox_search .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .form-control {
  background-color: transparent;
  background-image: url("../img2/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 13px 13px;
  background-position: left center;
  border: 0 none;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #8E8E93;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  left: 32px;
  padding: 0 10px 0 17px;
  position: absolute;
  top: 0;
  width: calc(100% - 32px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .form-control::-webkit-input-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .form-control::-moz-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .form-control:-ms-input-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .form-control:-moz-placeholder {
  color: #8E8E93;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .ContactDetails {
  background-color: #D0DFEB;
  background-image: url("../img2/icons/plus.svg?v=2");
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 20px;
  right: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li .ContactDetails:hover {
  background-color: #1F71DE;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm ul li.active-ligne .checkbox_vendors {
  width: auto;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .account-dropdown-crm .hei {
  height: 170px;
  overflow: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm {
  background-color: white;
  bottom: 0;
  box-shadow: -2px -1px 9px 0px rgba(0, 0, 0, 0.2);
  display: none;
  font-size: 0;
  height: 60px;
  left: 260px;
  line-height: 60px;
  position: fixed;
  text-align: center;
  width: calc(100% - 260px);
  z-index: 100;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .chiffre {
  background-color: #e8594a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 20px;
  font-weight: 400;
  height: 45px;
  line-height: 43px;
  text-align: center;
  vertical-align: middle;
  width: 45px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm h1 {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  margin: 0 27px 0 11px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .nav {
  border-left: 2px solid #E0E0E0;
  border-right: 2px solid #E0E0E0;
  display: inline-block;
  height: 60px;
  vertical-align: middle;
  width: calc(100px * 5);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .nav .box {
  background-color: white;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  transition: all 0.3s linear;
  vertical-align: top;
  width: calc(100% / 5);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .nav .box span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .nav .box h2 {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.06px;
  transition: all 0.3s linear;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .nav .box img {
  display: inline-block;
  position: relative;
  transition: all 0.3s linear;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .nav .box.assign img {
  margin-bottom: 4.8px;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .nav .box.duplicate img {
  margin-bottom: 5px;
  width: 16px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .nav .box.archive img {
  margin-bottom: 4.66px;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .nav .box.move img {
  margin-bottom: 3.8px;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .nav .box.delete img {
  margin-bottom: 4px;
  width: 16px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .nav .box:hover {
  background-color: #f6f7fb;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .nav .box:hover h2 {
  color: #f06274;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .nav .box:hover img {
  filter: invert(45%) sepia(60%) saturate(1817%) hue-rotate(331deg) brightness(94%) contrast(93%);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .fermer {
  background-image: url("../img/icons/fermer.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  display: inline-block;
  filter: brightness(0) saturate(100%) invert(64%) sepia(0%) saturate(0%) hue-rotate(42deg) brightness(96%) contrast(87%);
  height: 13px;
  margin: 0 0 0 20px;
  transition: all 0.3s linear;
  vertical-align: middle;
  width: 13px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .app-selected-crm .fermer:hover {
  filter: invert(45%) sepia(60%) saturate(1817%) hue-rotate(331deg) brightness(94%) contrast(93%);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .color-dropdown-update {
  background-color: white;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  bottom: calc(100% + 10px);
  display: none;
  height: auto;
  left: 0;
  line-height: normal;
  padding: 15px;
  position: absolute;
  width: 150px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .color-dropdown-update .color {
  background-color: var(--colordetails);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: inline-block;
  height: 24px;
  margin-left: calc((100% - (24px * 4)) / 3);
  margin-top: 8px;
  vertical-align: top;
  width: 24px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .color-dropdown-update .color:nth-child(4n + 1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .color-dropdown-update .color:nth-child(-n + 4) {
  margin-top: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-category-dropdown-crm {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  right: calc(100% - 7px);
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-category-dropdown-crm h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-category-dropdown-crm ul {
  height: auto;
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-category-dropdown-crm ul li {
  background-color: white;
  border: 0 none;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 9px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-category-dropdown-crm ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-category-dropdown-crm ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-category-dropdown-crm ul li:hover {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-category-dropdown-crm ul li:hover::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-category-dropdown-crm ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .vendors-category-dropdown-crm ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .member-dropdown-crm {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .member-dropdown-crm h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .member-dropdown-crm ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .member-dropdown-crm ul li {
  background-color: white;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 9px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .member-dropdown-crm ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .member-dropdown-crm ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .member-dropdown-crm ul li:hover {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .member-dropdown-crm ul li:hover::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .member-dropdown-crm ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-new-crm .crm-content .member-dropdown-crm ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-patient {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content {
  background-color: white;
  display: inline-block;
  height: calc(100vh - (90px + 71px));
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 90px 0 0;
  padding: 0 0 32px;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: #e3e3e3 white;
  vertical-align: top;
  width: 100%;
  z-index: 200;
}

.app-container .app-main .app-main__outer .app-patient .patient-content::-webkit-scrollbar {
  width: 4px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content::-webkit-scrollbar-track {
  background: white;
}

.app-container .app-main .app-main__outer .app-patient .patient-content::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content h1 {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25.31px;
  margin: 34px 0 0 21px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-head {
  height: auto;
  margin: 35px 0 0 20px;
  position: relative;
  width: calc(100% - 40px);
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-head .search-patient {
  float: left;
  height: auto;
  position: relative;
  width: 270px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-head .search-patient .form-control {
  background-color: transparent;
  background-image: url("../img/icons/magnifying.svg");
  background-repeat: no-repeat;
  background-size: 12.6px 12.6px;
  background-position: right 10.4px center;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  padding: 0 0 0 17px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-head .search-patient .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-head .search-patient .form-control::-webkit-input-placeholder {
  color: #828282;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-head .search-patient .form-control::-moz-placeholder {
  color: #828282;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-head .search-patient .form-control:-ms-input-placeholder {
  color: #828282;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-head .search-patient .form-control:-moz-placeholder {
  color: #828282;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-head .page-title-actions {
  float: right;
  height: 32px;
  position: relative;
  width: 96px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-head .page-title-actions span {
  background-color: white;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  line-height: 32px;
  padding: 0 0 0 16px;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-head .page-title-actions span::after {
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(98%) sepia(1%) saturate(1452%) hue-rotate(325deg) brightness(72%) contrast(75%);
  height: 5px;
  right: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  vertical-align: 0;
  width: 10px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-head .page-title-actions span.active {
  background-color: #dce5ec;
  border: 1px solid #1377e7;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-head .page-title-actions span.active::after {
  filter: invert(30%) sepia(7%) saturate(631%) hue-rotate(156deg) brightness(93%) contrast(85%);
  transform: translateY(-50%) rotate(0deg);
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-head .page-title-actions span:hover {
  background-color: #dce5ec;
  border: 1px solid #1377e7;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table {
  height: auto;
  margin: 19px 0 0 20px;
  position: relative;
  width: calc(100% - 40px);
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head {
  background-color: #E3F5FF;
  border: 1px solid #E0E0E0;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  font-size: 0;
  height: 36px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col {
  color: #193365;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 34px;
  padding: 0 0 0 12px;
  vertical-align: top;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col:nth-child(1) {
  padding: 0 0 0 15px;
  width: 30px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col:nth-child(2) {
  width: 140px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col:nth-child(3) {
  width: 400px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col:nth-child(4) {
  width: 161px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col:nth-child(5) {
  width: calc(100% - 30px - 400px - 140px - 161px);
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  position: relative;
  margin: 9px 0 0;
  padding-left: 14px;
  user-select: none;
  vertical-align: top;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #828282;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col .checkbox input:checked ~ .checkmark {
  background-color: #333333;
  border: 1px solid #333333;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col.sortable {
  cursor: pointer;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col.sortable .icon {
  display: inline-block;
  height: 12px;
  width: 8px;
  margin-left: 10px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col.sortable .icon::before, .app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col.sortable .icon::after {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: block;
  filter: invert(87%) sepia(8%) saturate(14%) hue-rotate(43deg) brightness(88%) contrast(87%);
  height: 6px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col.sortable .icon::before {
  background-image: url("../img/icons/arrow-down-table.svg");
  margin-bottom: 2px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col.sortable .icon::after {
  background-image: url("../img/icons/arrow-up-table.svg");
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col.sortable.sort-desc .icon::after {
  filter: invert(18%) sepia(1%) saturate(0%) hue-rotate(43deg) brightness(94%) contrast(92%);
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-head .col.sortable.sort-asc .icon::before {
  filter: invert(18%) sepia(1%) saturate(0%) hue-rotate(43deg) brightness(94%) contrast(92%);
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body {
  height: auto;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .list-item {
  display: inline-block;
  height: auto;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .list-item .ligne {
  background-color: #f7f7f7;
  border: 1px solid #E0E0E0;
  border-top: 0 none;
  cursor: pointer;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .list-item .ligne.today {
  background-color: rgba(255, 255, 255, 0.1);
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .list-item .ligne.active {
  background-color: #F1F1F1;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .list-item .ligne:hover {
  background-color: #F1F1F1;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col {
  color: #193365;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  padding: 10px 12px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col:nth-child(1) {
  padding: 0 0 0 15px;
  width: 30px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col:nth-child(2) {
  position: relative;
  width: 140px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col:nth-child(2)::after {
  background-image: url("../img/icons/arrow-up-table.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(16%) sepia(1%) saturate(0%) hue-rotate(328deg) brightness(92%) contrast(85%);
  height: 8px;
  right: 10px;
  opacity: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col:nth-child(3) {
  width: 400px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col:nth-child(4) {
  width: 161px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col:nth-child(5) {
  width: calc(100% - 30px - 400px - 140px - 161px);
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  position: relative;
  padding-left: 14px;
  user-select: none;
  vertical-align: top;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #828282;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .checkbox input:checked ~ .checkmark {
  background-color: #333333;
  border: 1px solid #333333;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .img {
  position: relative;
  width: 131px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .img a {
  display: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  height: 60px;
  margin-left: 11px;
  overflow: hidden;
  width: 60px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .img a:nth-child(1) {
  display: inline-block;
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .img a:nth-child(2) {
  display: inline-block;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .img a img {
  height: 100%;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .img .active {
  background-color: #dcdcdc;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  color: black;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 60px;
  line-height: 60px;
  right: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 60px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .img.activ a:nth-child(2) {
  opacity: 0;
  position: relative;
  z-index: 1;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col h2 {
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col h3 {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  padding-left: 19px;
  position: relative;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col h3::before {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  height: 10px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col h3.negative::before {
  background-color: #e95a4b;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col h3.positive::before {
  background-color: #27AE60;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col h3.doubt::before {
  background-color: #737373;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .picture {
  background-image: url("../img/icons/picture-pat.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 14px;
  width: 14px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col p {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  word-break: break-all;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col p.text {
  color: #2F80ED;
  text-decoration: underline;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col p.holder {
  color: #828282;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col button {
  background-color: #FFD2CD;
  border: 0 none;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 22px;
  padding: 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col button:hover {
  background-color: #FFB9B2;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .col .form-control {
  background-color: white;
  border: 1px solid #007AFF;
  box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  min-height: initial;
  padding: 10px 12px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne {
  display: none;
  height: auto;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-head {
  background-color: white;
  border: 1px solid #E0E0E0;
  border-top: 0 none;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-head .details-col {
  color: #4F4F4F;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 36px;
  padding: 0 0 0 12px;
  vertical-align: top;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-head .details-col:nth-child(1) {
  width: 140px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-head .details-col:nth-child(2) {
  width: 140px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-head .details-col:nth-child(3) {
  width: 161px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-head .details-col:nth-child(4) {
  width: 120px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-head .details-col:nth-child(5) {
  width: 240px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-head .details-col:nth-child(6) {
  width: calc(100% - (140px + 140px + 161px + 120px + 240px));
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .ligne-sous-details {
  background-color: white;
  border: 1px solid #E0E0E0;
  border-top: 0 none;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col {
  color: #4F4F4F;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  padding: 10px 12px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col:nth-child(1) {
  width: 140px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col:nth-child(2) {
  width: 140px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col:nth-child(3) {
  width: 161px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col:nth-child(4) {
  width: 120px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col:nth-child(5) {
  width: 240px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col:nth-child(6) {
  width: calc(100% - (140px + 140px + 161px + 120px + 240px));
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col span h2 {
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col span h3 {
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  padding-left: 19px;
  position: relative;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col span h3::before {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  height: 10px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col span h3.negative::before {
  background-color: #e95a4b;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col span h3.positive::before {
  background-color: #27AE60;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col span h3.doubt::before {
  background-color: #737373;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col span p {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  word-break: break-all;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col span p.text {
  color: #2F80ED;
  text-decoration: underline;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col span .img-details {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  display: block;
  overflow: hidden;
  width: 40px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .details-ligne .table-details-body .details-col span .img-details img {
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .table-body .disblead .col:nth-child(2)::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .smpPagination--pagination-nav {
  background-color: #f7f7f7;
  border: 1px solid #E0E0E0;
  border-top: 0 none;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  height: 36px;
  line-height: 35px;
  padding-right: 12px;
  position: relative;
  text-align: right;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .smpPagination--pagination-nav .smpPagination--pagination-counter {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 35px;
  margin: 0 13px 0 0;
  padding: 0;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .smpPagination--pagination-nav .smpPagination--pagination {
  background-color: transparent;
  background-image: url("../img/icons/arrow.svg");
  background-size: 100% 100%;
  border: 0 none;
  display: inline-block;
  height: 7px;
  filter: invert(19%) sepia(9%) saturate(12%) hue-rotate(321deg) brightness(102%) contrast(98%);
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: 13px;
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .smpPagination--pagination-nav .smpPagination--pagination.prev {
  transform: rotate(-90deg);
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .smpPagination--pagination-nav .smpPagination--pagination.next {
  margin-left: 24px;
  transform: rotate(90deg);
}

.app-container .app-main .app-main__outer .app-patient .patient-content .ligne-table .smpPagination--pagination-nav .smpPagination--pagination.disable {
  filter: invert(74%) sepia(60%) saturate(0%) hue-rotate(165deg) brightness(92%) contrast(90%);
}

.app-container .app-main .app-main__outer .app-dashboard {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 200;
}

.app-container .app-main .app-main__outer .app-dashboard .box-under-construction {
  background-color: rgba(255, 255, 255, 0.8);
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 200;
}

.app-container .app-main .app-main__outer .app-dashboard .box-under-construction img {
  display: inline-block;
  margin-top: 144px;
  vertical-align: top;
  width: 255px;
}

.app-container .app-main .app-main__outer .app-dashboard .box-under-construction h1 {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 34px;
  margin-top: 9px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content {
  background-color: white;
  display: inline-block;
  font-size: 0;
  height: calc(100vh - (90px + 71px));
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 90px 0 0;
  padding: 20px 20px 21px 21px;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: #e3e3e3 white;
  vertical-align: top;
  width: 100%;
  z-index: 200;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content::-webkit-scrollbar {
  width: 4px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content::-webkit-scrollbar-track {
  background: white;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter {
  display: inline-block;
  margin: 0 0 10px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 0;
  font-weight: 500;
  height: 30px;
  line-height: 28px;
  position: relative;
  width: auto;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard .btndashboard {
  display: inline-block;
  height: 30px;
  padding: 0 14px 0 15px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard span {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard i {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  filter: invert(84%) sepia(0%) saturate(2485%) hue-rotate(35deg) brightness(93%) contrast(93%);
  height: 7px;
  margin-left: 16px;
  vertical-align: middle;
  width: 10px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard i.arrow-down {
  background-image: url("../img2/icons/arrow-down.svg");
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard .dropdown-dashboard {
  background-color: white;
  box-shadow: 0px 15px 35px 0px rgba(37, 51, 66, 0.15);
  cursor: auto;
  display: none;
  height: auto;
  left: 37px;
  padding: 15px 0 19px;
  position: absolute;
  top: calc(100% + 5px);
  width: 160px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard .dropdown-dashboard h1 {
  color: rgba(37, 51, 66, 0.4);
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.06px;
  margin: 0 0 11px 15px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard .dropdown-dashboard ul {
  margin: 0 0 0 38px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard .dropdown-dashboard ul li {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.06px;
  margin-bottom: 17px;
  position: relative;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard .dropdown-dashboard ul li::before {
  background-image: url("../img2/icons/refresh.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 14px;
  left: -23px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard .dropdown-dashboard ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard .dropdown-dashboard ul li font {
  color: #253342;
  cursor: pointer;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard .dropdown-dashboard ul li:hover font {
  color: #2F80ED;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard .dropdown-dashboard ul li.active::before {
  content: '';
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .ligne-filter .btn-dropdown-dashboard .dropdown-dashboard ul li.active font {
  color: #2F80ED;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content {
  display: inline-block;
  font-size: 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"] {
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  height: auto;
  position: relative;
  overflow: hidden;
  vertical-align: top;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks {
  height: 201px;
  width: 398px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .header {
  border-bottom: 1px solid #E0E0E0;
  display: inline-block;
  height: 41px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .header h1 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  margin: 10px 0 0 52px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .header h1 span {
  color: #979797;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .header .dots {
  background-color: transparent;
  background-image: url("../img2/icons/dots.svg");
  background-repeat: no-repeat;
  background-size: 12px 3px;
  background-position: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  height: 24px;
  right: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .header .dots.active {
  background-color: #ced2e1;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .header .dots:hover {
  background-color: #ced2e1;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .header .dropdown-tasks {
  background-color: white;
  box-shadow: 0px 15px 35px 0px rgba(37, 51, 66, 0.15);
  display: none;
  height: auto;
  right: 19px;
  padding: 15px 0 23px;
  position: absolute;
  top: 100%;
  width: 160px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .header .dropdown-tasks h2 {
  color: rgba(37, 51, 66, 0.4);
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.06px;
  margin: 0 0 0 15px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .header .dropdown-tasks ul {
  margin: 11px 0 0 41px;
  width: calc(100% - 41px);
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .header .dropdown-tasks ul li {
  color: #253342;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.06px;
  margin-bottom: 17px;
  position: relative;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .header .dropdown-tasks ul li::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .header .dropdown-tasks ul li.refresh::before {
  background-image: url("../img2/icons/refresh.svg");
  height: 14px;
  left: -24px;
  width: 14px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .header .dropdown-tasks ul li.urgent::before {
  background-image: url("../img2/icons/tasks.svg");
  height: 16px;
  left: -26px;
  width: 16px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .header .dropdown-tasks ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .content-tasks {
  background-color: white;
  display: inline-block;
  height: calc(100% - 41px);
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .content-tasks.empty {
  background-color: #f6f6f6;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .content-tasks .img {
  margin: 30px auto 0;
  width: 131px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .content-tasks .img img {
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .content-tasks p {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 15.6px;
  margin: 12px 0 0;
  text-align: center;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .content-tasks p font {
  color: #8E8E93;
  font-weight: 600;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .content-tasks .ligne-tasks {
  background-color: white;
  border-top: 1px solid #E0E0E0;
  font-size: 0;
  height: calc(100% / 5);
  line-height: 31px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .content-tasks .ligne-tasks:nth-child(1) {
  border-top: 0 none;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .content-tasks .ligne-tasks .chiffre {
  color: #828282;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  vertical-align: middle;
  text-align: center;
  width: 40px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .content-tasks .ligne-tasks h1 {
  color: #4F4F4F;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  padding: 0 10px 0 0;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
  width: 326px;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .content-tasks .ligne-tasks .check {
  background-image: url("../img2/icons/check.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  filter: invert(98%) sepia(3%) saturate(497%) hue-rotate(210deg) brightness(112%) contrast(76%);
  height: 16px;
  vertical-align: middle;
  width: 16px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .content-tasks .ligne-tasks.done h1 {
  color: #828282;
  text-decoration: line-through;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-tasks .content-tasks .ligne-tasks.done .check {
  filter: invert(53%) sepia(81%) saturate(406%) hue-rotate(93deg) brightness(89%) contrast(89%);
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics {
  height: 201px;
  margin-left: 21px;
  padding: 0 20px;
  width: calc(100% - (398px + 21px));
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .dots {
  background-color: transparent;
  background-image: url("../img2/icons/dots.svg");
  background-repeat: no-repeat;
  background-size: 12px 3px;
  background-position: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  height: 24px;
  right: 13px;
  position: absolute;
  top: 10px;
  width: 24px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .dots.active {
  background-color: #ced2e1;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .dots:hover {
  background-color: #ced2e1;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics h1 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 36px;
  margin: 20px 0 0;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .content-statistics {
  font-size: 0;
  margin: 10px 0 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .content-statistics .box {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  height: 120px;
  margin-left: 10px;
  vertical-align: middle;
  width: calc((100% - 20px) / 3);
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .content-statistics .box:nth-child(1) {
  background-color: #E3F5FF;
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .content-statistics .box:nth-child(2) {
  background-color: #F7F9FB;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .content-statistics .box:nth-child(3) {
  background-color: #E5ECF6;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .content-statistics .box h2 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 18px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .content-statistics .box h3 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 32px;
  margin: 16px 0 0 20px;
  position: relative;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .content-statistics .box h3 span {
  font-size: 12.6px;
  font-weight: 400;
  line-height: 18.9px;
  right: 20.9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .content-statistics .box h3 span.green {
  color: #219653;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .content-statistics .box h3 span.green img {
  filter: invert(49%) sepia(89%) saturate(359%) hue-rotate(93deg) brightness(81%) contrast(95%);
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .content-statistics .box h3 span.black {
  color: black;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .content-statistics .box h3 span.red {
  color: #EA3D32;
  filter: invert(25%) sepia(91%) saturate(2814%) hue-rotate(345deg) brightness(90%) contrast(108%);
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-statistics .content-statistics .box h3 span img {
  display: inline-block;
  margin-left: 6.3px;
  width: 15px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products {
  background-color: #f6f6f6;
  margin-top: 10px;
  padding: 16px 9px 10px 8px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .dots {
  background-color: transparent;
  background-image: url("../img2/icons/dots.svg");
  background-repeat: no-repeat;
  background-size: 12px 3px;
  background-position: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  height: 24px;
  right: 13px;
  position: absolute;
  top: 13px;
  width: 24px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .dots.active {
  background-color: #ced2e1;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .dots:hover {
  background-color: #ced2e1;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products h1 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin: 16px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products h1 span {
  color: #828282;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .empty-products {
  background-color: white;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 105px;
  line-height: 103px;
  margin: 28px 0 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .empty-products p {
  color: #4F4F4F;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 15.6px;
  vertical-align: middle;
  text-align: center;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .empty-products p font {
  color: #8E8E93;
  font-weight: 600;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .carousel {
  margin: 25.71px auto 17.86px;
  width: calc(100% - (86px * 2));
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .carousel .item {
  margin-left: 23px;
  width: 110px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .carousel .item .img {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin: 2px 0 0;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .carousel .item .img img {
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .carousel .item h2 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  margin: 7px 0 0;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .carousel .item.active .img::before {
  border: 3px solid #6FCF97;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  content: '';
  height: calc(100% + 4px);
  left: -2px;
  position: absolute;
  top: -2px;
  width: calc(100% + 4px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .carousel .item.active h2 {
  color: #1C1C1C;
  font-weight: 700;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .carousel .slick-arrow {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 0 none;
  height: 24px;
  position: absolute;
  top: 26px;
  width: 24px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .carousel .slick-arrow.slick-prev {
  background-image: url("../img2/icons/circle-arrow-left.svg");
  left: -56px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .carousel .slick-arrow.slick-next {
  background-image: url("../img2/icons/circle-arrow-right.svg");
  right: -56px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products {
  display: inline-block;
  font-size: 0;
  margin: 6px 0 0;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box {
  background-color: white;
  border: 1px solid #E0E0E0;
  display: inline-block;
  height: 300px;
  margin-left: 9px;
  position: relative;
  vertical-align: middle;
  width: calc((100% - 27px) / 4);
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box:nth-child(1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .dotted {
  background-image: url("../img2/icons/dotted.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 30px;
  right: 8px;
  position: absolute;
  top: 21px;
  width: 35px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .status-dash {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 10px;
  right: 47px;
  position: absolute;
  top: 30px;
  width: 10px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .status-dash.on {
  background-color: #27AE60;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .status-dash.off {
  background-color: #EA3D32;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box h2 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin: 25px 0 0 20px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .empty-1 {
  margin: 53.8px auto 20px;
  width: 79px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .empty-1 img {
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .empty-2 {
  margin: 20.8px auto 34px;
  width: 212px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .empty-2 img {
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .empty-3 {
  margin: 74.8px auto 16px;
  width: 59px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .empty-3 img {
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .empty-4 {
  margin: 74.8px auto 20px;
  width: 59px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .empty-4 img {
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box p {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 15.6px;
  text-align: center;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box p font {
  color: #8E8E93;
  font-weight: 600;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-bar {
  margin: 33.86px auto 0;
  width: calc(100% - (20px * 2));
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-bar .bar {
  background-color: #D0DFEB;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  height: 2.1px;
  margin: 42px 0 0;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-bar .bar:nth-child(1) {
  margin: 0;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-bar .bar::before {
  background-color: rgba(233, 90, 75, 0.8);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  content: '';
  height: 2.1px;
  left: 0;
  position: absolute;
  top: 0;
  width: var(--width);
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-bar .bar h3, .app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-bar .bar h4 {
  bottom: 4.23px;
  color: #1C1C1C;
  font-family: "Roboto", sans-serif;
  font-size: 12.6px;
  font-weight: 400;
  line-height: 18.9px;
  position: absolute;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-bar .bar h3 {
  left: 0;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-bar .bar h4 {
  right: 0;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .world-map {
  margin: 20.8px auto 0;
  width: 212px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .world-map img {
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .world-map svg {
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-details-pays {
  margin: 8px auto 0;
  width: calc(100% - (20px + 15px));
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-details-pays .ligne-pays {
  display: inline-block;
  font-size: 0;
  margin: 10px 0 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-details-pays .ligne-pays:nth-child(1) {
  margin: 0;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-details-pays .ligne-pays span {
  color: #1C1C1C;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12.6px;
  font-weight: 400;
  line-height: 18.9px;
  vertical-align: top;
  width: calc(100% - 84px);
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-details-pays .ligne-pays font {
  color: #1C1C1C;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12.6px;
  font-weight: 700;
  line-height: 14.77px;
  letter-spacing: 0.02em;
  text-align: right;
  vertical-align: top;
  width: 84px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-sales {
  margin: 40.8px auto 0;
  width: 236px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-sales img {
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-deals {
  margin: 35.8px auto 0;
  width: calc(100% - 20px);
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-deals .bloc-deals {
  background-color: #F7F9FB;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 0;
  height: 66px;
  line-height: 66px;
  margin: 5px 0 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-deals .bloc-deals:nth-child(1) {
  margin: 0;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-deals .bloc-deals .progressbar {
  display: inline-block;
  height: 42px;
  margin-left: 19.28px;
  position: relative;
  vertical-align: middle;
  width: 42px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-deals .bloc-deals .progressbar svg {
  height: 42px;
  vertical-align: top;
  transform: rotate(-90deg);
  width: 42px;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-deals .bloc-deals .progressbar svg circle {
  stroke: white;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-deals .bloc-deals .progressbar svg circle.bar {
  stroke: rgba(233, 90, 75, 0.5);
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-deals .bloc-deals .progressbar h3 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 700;
  left: 50%;
  line-height: 14.06px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-deals .bloc-deals .details-deals {
  display: inline-block;
  padding-left: 14.32px;
  vertical-align: middle;
  width: calc(100% - (19.28px + 42px));
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-deals .bloc-deals .details-deals h3 {
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14.06px;
  letter-spacing: 0.02em;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-deals .bloc-deals .details-deals h3 span {
  color: #828282;
  font-weight: 400;
}

.app-container .app-main .app-main__outer .app-dashboard .dashboard-content .content [class*="box-"].box-products .ligne-products .box .content-deals .bloc-deals .details-deals h4 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.41px;
  letter-spacing: 0.02em;
  margin: 3px 0 0;
}

.app-container .app-main .app-main__outer .app-okr {
  background-color: white;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .title-okr {
  background-color: #f6f6f6;
  border-bottom: 1px solid #D3D3D3;
  height: 90px;
  position: relative;
  width: 100%;
  z-index: 400;
}

.app-container .app-main .app-main__outer .app-okr .title-okr::after {
  clear: both;
  content: '';
}

.app-container .app-main .app-main__outer .app-okr .title-okr h1 {
  color: #373737;
  float: left;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 34px 0 0 24px;
  padding: 0 0 0 32px;
  position: relative;
}

.app-container .app-main .app-main__outer .app-okr .title-okr h1::before {
  background-image: url("../img/icons/icon-okr.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  content: '';
  height: 18px;
  left: 0;
  position: absolute;
  width: 18px;
}

.app-container .app-main .app-main__outer .app-okr .title-okr h2 {
  color: #BDBDBD;
  float: right;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  margin: 34px 20px 0 0;
}

.app-container .app-main .app-main__outer .app-okr .title-okr h2 span {
  color: black;
  font-size: 34px;
  font-weight: 700;
}

.app-container .app-main .app-main__outer .app-okr .content-okr {
  background-color: white;
  font-size: 0;
  height: calc(100% - 90px);
  position: relative;
  width: calc(100% - 59px);
  z-index: 400;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr {
  border-right: 2.5px solid #F2F2F2;
  display: inline-block;
  height: 100%;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task {
  background-color: white;
  font-size: 0;
  height: calc(100% - 80px);
  overflow-y: scroll;
  padding: 36px 0 0;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
  text-align: center;
  width: 100%;
  z-index: 10;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task::-webkit-scrollbar {
  display: none;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task {
  background-color: white;
  border: 1px solid #F2F2F2;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: auto;
  margin: 0 0 10px;
  padding: 0 0 16px 50px;
  position: relative;
  text-align: left;
  vertical-align: top;
  width: calc(100% - (30px + 29px));
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .checkbox {
  color: black;
  cursor: pointer;
  left: 16px;
  height: 20px;
  position: absolute;
  padding-left: 20px;
  user-select: none;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .checkbox .checkmark {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid #edeff0;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .checkbox input:checked ~ .checkmark {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 7px;
  top: 3px;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .desc {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  margin: 15px 0 0;
  width: calc(100% - 71px);
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .desc h1 {
  color: #727f88;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.88px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .desc h2 {
  color: #333333;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.88px;
  margin-top: 5px;
  padding: 0 0 0 22.4px;
  position: relative;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .desc h2::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  left: 0;
  position: absolute;
  top: 4px;
  width: 14px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .desc h2:first-of-type {
  margin-left: 1.6px;
  margin-top: 8px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .desc h2:first-of-type::before {
  background-image: url("../img/icons/icon-title-okr-1.svg");
  height: 8px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .desc h2:nth-of-type(2) {
  margin-left: 10px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .desc h2:nth-of-type(2)::before {
  background-image: url("../img/icons/icon-title-okr-2.svg");
  height: 12px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .desc h2:nth-of-type(3) {
  margin-left: 23.6px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .desc h2:nth-of-type(3)::before {
  background-image: url("../img/icons/icon-title-okr-3.svg");
  height: 14px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .desc h2:last-of-type {
  font-size: 17px;
  font-weight: 700;
  line-height: 19.69px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .desc h2 .form-control {
  background-color: transparent;
  border: 1px solid #F2F2F2;
  box-shadow: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  padding: 5px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .desc h3 {
  color: #2F80ED;
  font-size: 12px;
  line-height: 16.88px;
  margin: 9px 0 0;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .desc h3.red {
  color: #EA3D32;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .pinned {
  background-image: url("../img/icons/thumbtack.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  display: none;
  filter: invert(78%) sepia(30%) saturate(5%) hue-rotate(314deg) brightness(88%) contrast(86%);
  height: 15px;
  right: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  width: 15px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .pinned.active {
  filter: invert(55%) sepia(68%) saturate(5942%) hue-rotate(196deg) brightness(102%) contrast(98%);
  display: block;
  right: 19px !important;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .fermer {
  background-image: url("../img/icons/fermer.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  display: none;
  filter: invert(78%) sepia(30%) saturate(5%) hue-rotate(314deg) brightness(88%) contrast(86%);
  height: 12px;
  right: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  width: 12px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task .fermer.active {
  display: none !important;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task:hover {
  background-color: #f7f7f7;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task:hover .pinned {
  display: block;
  right: 56px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task:hover .fermer {
  display: block;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task.disabled {
  background-color: transparent;
  border: 1px solid #edeff0;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task.disabled .desc h1 {
  color: #b3b3b3;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task.disabled .desc h2 {
  color: #b3b3b3;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task.disabled .pinned {
  display: none !important;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .content-task .col-task.disabled .fermer {
  display: none !important;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .box-add-task {
  background-color: white;
  bottom: 0;
  height: 80px;
  left: 0;
  position: absolute;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .box-add-task .okr-btn-task {
  background-color: white;
  background-image: url("../img/icons/icon-arrow-okr.svg");
  background-repeat: no-repeat;
  background-size: 10px 12px;
  background-position: right 17px center;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: none;
  cursor: pointer;
  color: #666666;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 38px;
  margin: 21px 0 0 20px;
  padding: 0 0 0 16px;
  position: relative;
  text-align: left;
  width: calc(100% - (20px + 17px));
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .box-add-task .okr-btn-task:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .box-add-task .okr-btn-task::-webkit-input-placeholder {
  color: #666666;
  opacity: 0.6;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .box-add-task .okr-btn-task::-moz-placeholder {
  color: #666666;
  opacity: 0.6;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .box-add-task .okr-btn-task:-ms-input-placeholder {
  color: #666666;
  opacity: 0.6;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .left-content-okr .box-add-task .okr-btn-task:-moz-placeholder {
  color: #666666;
  opacity: 0.6;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr {
  border-left: 2.5px solid #F2F2F2;
  display: inline-block;
  height: 100%;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content {
  background-color: white;
  height: 128px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content h1 {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 30px 0 0 33px;
  padding: 0 0 0 33px;
  position: relative;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content h1::before {
  background-image: url("../img/icons/icon-task-suggestions.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 22px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .ligne-filter {
  font-size: 0;
  margin: 22px 0 0 30px;
  width: calc(100% - (30px * 2));
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .filter {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 200px);
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .filter .form-control {
  background-color: #f3f3f3;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  padding: 0 0 0 16px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .filter .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .filter .form-control::-webkit-input-placeholder {
  color: #828282;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .filter .form-control::-moz-placeholder {
  color: #828282;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .filter .form-control:-ms-input-placeholder {
  color: #828282;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .filter .form-control:-moz-placeholder {
  color: #828282;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content h4 {
  color: #727f88;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 32px;
  padding-right: 22px;
  text-align: right;
  vertical-align: top;
  width: 100px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
  width: 100px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  height: 32px;
  line-height: 30px;
  position: relative;
  vertical-align: top;
  width: 100px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button span {
  color: #4F4F4F;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 15px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button .priority-dropdown {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  right: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button .priority-dropdown h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 15px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button .priority-dropdown ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button .priority-dropdown ul li {
  background-color: white;
  cursor: pointer;
  display: inline-block;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 5px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button .priority-dropdown ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button .priority-dropdown ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button .priority-dropdown ul li font {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 18px;
  line-height: 18px;
  padding: 0 9px;
  vertical-align: middle;
  width: auto;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button .priority-dropdown ul li:hover {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button .priority-dropdown ul li:hover::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button .priority-dropdown ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button .priority-dropdown ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button .priority-dropdown .clear {
  background-color: #f3f3f3;
  border-top: 1px solid #BDBDBD;
  color: #3B383E;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 33px;
  line-height: 32px;
  padding: 0 15px 0 0;
  text-align: right;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .priority-dropdown-button .priority-dropdown .clear font {
  cursor: pointer;
  display: inline-block;
  line-height: 15.6px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: none;
  height: 32px;
  margin-left: 10px;
  position: relative;
  vertical-align: top;
  width: 182px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button span {
  color: #4F4F4F;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 15px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 9px;
  padding: 0 0 0 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button .discussion-dropdown {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button .discussion-dropdown h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 15px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button .discussion-dropdown ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button .discussion-dropdown ul li {
  background-color: white;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 9px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button .discussion-dropdown ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button .discussion-dropdown ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button .discussion-dropdown ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button .discussion-dropdown ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button .discussion-dropdown .clear {
  background-color: #f3f3f3;
  border-top: 1px solid #BDBDBD;
  color: #3B383E;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 33px;
  line-height: 32px;
  padding: 0 15px 0 0;
  text-align: right;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .discussion-dropdown-button .discussion-dropdown .clear font {
  cursor: pointer;
  display: inline-block;
  line-height: 15.6px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: none;
  height: 32px;
  margin-left: 10px;
  position: relative;
  vertical-align: top;
  width: 100px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button span {
  color: #4F4F4F;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 15px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button .tasks-dropdown {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  width: 230px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button .tasks-dropdown h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 15px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button .tasks-dropdown ul {
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button .tasks-dropdown ul li {
  background-color: white;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 9px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button .tasks-dropdown ul li:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button .tasks-dropdown ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button .tasks-dropdown ul li.active-ligne {
  background-color: #F2F2F2;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button .tasks-dropdown ul li.active-ligne::after {
  display: block;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button .tasks-dropdown .clear {
  background-color: #f3f3f3;
  border-top: 1px solid #BDBDBD;
  color: #3B383E;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 33px;
  line-height: 32px;
  padding: 0 15px 0 0;
  text-align: right;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .title-right-content .box-filtre .tasks-dropdown-button .tasks-dropdown .clear font {
  cursor: pointer;
  display: inline-block;
  line-height: 15.6px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task {
  background-color: white;
  font-size: 0;
  height: calc(100% - 128px);
  overflow-y: scroll;
  margin: 128px 0 0;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
  text-align: center;
  width: 100%;
  z-index: 10;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task::-webkit-scrollbar {
  display: none;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task {
  background-color: white;
  border: 1px solid #F2F2F2;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: auto;
  margin: 0 0 10px;
  padding: 0 0 16px 50px;
  position: relative;
  text-align: left;
  width: calc(100% - (30px * 2));
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .plus {
  background-image: url("../img/icons/icon-plus-okr.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 10px;
  left: 22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .desc {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  margin: 15px 0 0;
  vertical-align: top;
  width: calc(100% - 52px);
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .desc h1 {
  color: #727f88;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.88px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .desc h2 {
  color: #333333;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.88px;
  margin-top: 5px;
  padding: 0 0 0 22.4px;
  position: relative;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .desc h2::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  left: 0;
  position: absolute;
  top: 4px;
  width: 14px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .desc h2:first-of-type {
  margin-left: 1.6px;
  margin-top: 8px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .desc h2:first-of-type::before {
  background-image: url("../img/icons/icon-title-okr-1.svg");
  height: 8px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .desc h2:nth-of-type(2) {
  margin-left: 10px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .desc h2:nth-of-type(2)::before {
  background-image: url("../img/icons/icon-title-okr-2.svg");
  height: 12px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .desc h2:nth-of-type(3) {
  margin-left: 23.6px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .desc h2:nth-of-type(3)::before {
  background-image: url("../img/icons/icon-title-okr-3.svg");
  height: 14px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .desc h2:last-of-type {
  font-size: 17px;
  font-weight: 700;
  line-height: 19.69px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .desc h2 .form-control {
  background-color: transparent;
  border: 1px solid #F2F2F2;
  box-shadow: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  padding: 5px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .desc h3 {
  color: #2F80ED;
  font-size: 12px;
  line-height: 16.88px;
  margin: 9px 0 0;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .desc h3.red {
  color: #EA3D32;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .dots {
  background-color: transparent;
  background-image: url("../img/icons/icon-dots-okr.svg");
  background-repeat: no-repeat;
  background-size: 12px 3px;
  background-position: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  height: 24px;
  right: 10px;
  position: absolute;
  top: 5.5px;
  width: 24px;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .dots.active {
  background-color: #ced2e1;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task .dots:hover {
  background-color: #ced2e1;
}

.app-container .app-main .app-main__outer .app-okr .content-okr .right-content-okr .content-task .box-task:hover {
  background-color: #f7f7f7;
}

.app-container .app-main .app-main__outer .app-gerer-membres {
  background-color: white;
  display: none;
  height: 100%;
  left: 0;
  padding: 28px 31px 0 29px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 400;
}

.app-container .app-main .app-main__outer .app-gerer-membres .title-gerer-membres {
  height: 38px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-gerer-membres .title-gerer-membres::after {
  clear: both;
  content: '';
}

.app-container .app-main .app-main__outer .app-gerer-membres .title-gerer-membres .back {
  background-color: #dce5ec;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #373737;
  cursor: pointer;
  float: left;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 38px;
  line-height: 38px;
  padding: 0 0 0 28px;
  position: relative;
  text-transform: uppercase;
  width: 87px;
}

.app-container .app-main .app-main__outer .app-gerer-membres .title-gerer-membres .back::before {
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(13%) sepia(29%) saturate(0%) hue-rotate(190deg) brightness(114%) contrast(84%);
  height: 5px;
  left: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-gerer-membres .title-gerer-membres h1 {
  color: #373737;
  float: left;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 38px;
  margin-left: 39px;
}

.app-container .app-main .app-main__outer .app-gerer-membres .title-gerer-membres button {
  background-color: #e8594a;
  border: 0 none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: white;
  float: right;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: 38px;
  padding: 0;
  width: 96px;
}

.app-container .app-main .app-main__outer .app-gerer-membres .title-gerer-membres button:hover {
  background-color: #cd4339;
}

.app-container .app-main .app-main__outer .app-gerer-membres .title-gerer-membres .search {
  float: right;
  margin: 0 30px 0 0;
  width: 414px;
}

.app-container .app-main .app-main__outer .app-gerer-membres .title-gerer-membres .search .form-control {
  background-color: white;
  background-image: url("../img/icons/magnifying.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: 15px center;
  border: 1px solid #e6e6e6;
  box-shadow: none;
  color: #787878;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 38px;
  padding: 0 0 0 46px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-gerer-membres .title-gerer-membres .search .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-gerer-membres .title-gerer-membres .search .form-control::-webkit-input-placeholder {
  color: #787878;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-gerer-membres .title-gerer-membres .search .form-control::-moz-placeholder {
  color: #787878;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-gerer-membres .title-gerer-membres .search .form-control:-ms-input-placeholder {
  color: #787878;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-gerer-membres .title-gerer-membres .search .form-control:-moz-placeholder {
  color: #787878;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres {
  background-color: white;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 0;
  height: auto;
  margin: 44px 0 0;
  min-height: calc(100% - (38px + 44px + 29px));
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-head {
  border-bottom: 1px solid #e6e6e6;
  height: 40px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-head .box {
  color: #5f6d83;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  vertical-align: top;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-head .box:nth-child(1) {
  padding-left: 24px;
  width: 338px;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-head .box:nth-child(2) {
  width: 396px;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-head .box:nth-child(3) {
  width: calc(100% - (338px + 396px));
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body {
  height: calc(100% - 40px);
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne {
  display: inline-block;
  height: 68px;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box {
  display: inline-block;
  height: 68px;
  line-height: 68px;
  vertical-align: top;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box:nth-child(1) {
  padding-left: 26px;
  width: 338px;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box:nth-child(2) {
  width: 396px;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box:nth-child(3) {
  width: calc(100% - (338px + 396px + 55px));
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box:nth-child(4) {
  width: 55px;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .name {
  color: #373737;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  padding-left: 43px;
  position: relative;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .name::before {
  background-color: var(--color);
  content: attr(data-title);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  font-family: "GothamBook", sans-serif;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  text-transform: uppercase;
  width: 36px;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .email {
  color: #666666;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix {
  display: inline-block;
  height: 38px;
  position: relative;
  vertical-align: middle;
  width: 122px;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix span {
  background-color: white;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  line-height: 38px;
  padding: 0 28px 0 15px;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix span::after {
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(29%) sepia(8%) saturate(547%) hue-rotate(155deg) brightness(97%) contrast(89%);
  height: 5px;
  right: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  vertical-align: 0;
  width: 10px;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix span.active {
  background-color: #dce5ec;
  border: 1px solid #1377e7;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix span.active::after {
  filter: invert(30%) sepia(7%) saturate(631%) hue-rotate(156deg) brightness(93%) contrast(85%);
  transform: translateY(-50%) rotate(0deg);
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix span:hover {
  background-color: #dce5ec;
  border: 1px solid #1377e7;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix .dropdown-choix {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  padding: 12px 10px 19px;
  position: absolute;
  top: 48px;
  width: 240px;
  z-index: 200;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix .dropdown-choix .text {
  cursor: pointer;
  color: #373737;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  line-height: 14px;
  padding: 14px 9px 11px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix .dropdown-choix .text font {
  font-size: 14px;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix .dropdown-choix .text::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  position: absolute;
  top: 0;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix .dropdown-choix .text::after {
  background-color: #ebebeb;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  visibility: hidden;
  top: 0;
  width: 100%;
  z-index: -1;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix .dropdown-choix .text:hover font {
  font-weight: 700;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix .dropdown-choix .text:hover::after {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix .dropdown-choix .text.active font {
  font-weight: 700;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix .dropdown-choix .text.active::after {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix.disabled span {
  background-color: #ecedf5;
  border: 0 none;
  color: #8c8c8c;
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .page-title-choix.disabled span::after {
  filter: invert(68%) sepia(0%) saturate(1454%) hue-rotate(178deg) brightness(83%) contrast(79%);
}

.app-container .app-main .app-main__outer .app-gerer-membres .content-gerer-membres .box-body .ligne .box .delete {
  background-image: url("../img/icons/corbeille.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  display: inline-block;
  filter: invert(57%) sepia(61%) saturate(11%) hue-rotate(43deg) brightness(94%) contrast(102%);
  height: 15px;
  vertical-align: middle;
  width: 14px;
}

.app-container .app-main .app-main__outer .app-page-title {
  background-color: #f6f6f6;
  border-bottom: 1px solid #e3e3e3;
  display: inline-block;
  height: 90px;
  position: relative;
  vertical-align: top;
  width: 100%;
  z-index: 200;
}

.app-container .app-main .app-main__outer .app-page-title::after {
  content: '';
  clear: both;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-heading {
  color: #373737;
  float: left;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 35px 0 0 21px;
  padding: 0 0 0 40px;
  position: relative;
  text-transform: uppercase;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-heading::before {
  background-image: url("../img/icons/discussion.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(59%) sepia(87%) saturate(401%) hue-rotate(355deg) brightness(99%) contrast(98%);
  height: 23px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 23px;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-heading.page-title-heading-patient {
  padding: 0 0 0 31px;
  text-transform: initial;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-heading.page-title-heading-patient::before {
  background-image: url("../img/icons/icon-patient-1.svg?v=2");
  height: 19.2px;
  filter: invert(42%) sepia(53%) saturate(1114%) hue-rotate(234deg) brightness(87%) contrast(103%);
  width: 16.8px;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-heading.page-title-heading-dashboard {
  padding: 0 0 0 32px;
  text-transform: initial;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-heading.page-title-heading-dashboard::before {
  background-image: url("../img/icons/icon-dashboard.svg");
  height: 18px;
  filter: invert(53%) sepia(93%) saturate(375%) hue-rotate(93deg) brightness(87%) contrast(86%);
  width: 18px;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-heading.page-title-heading-crm {
  padding: 0 0 0 32px;
  text-transform: initial;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-heading.page-title-heading-crm::before {
  background-image: url("../img2/icons/crm.svg");
  height: 23px;
  filter: none;
  width: 19px;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-heading.page-title-heading-ai-platform {
  padding: 0 0 0 32px;
  text-transform: initial;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-heading.page-title-heading-ai-platform::before {
  background-image: url("../img2/icons/ai-platform.svg");
  height: 22px;
  filter: none;
  width: 22px;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions {
  float: right;
  height: 38px;
  margin: 26px 21px 0 0;
  position: relative;
  width: 102px;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions span {
  background-color: white;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  line-height: 38px;
  padding: 0 28px 0 15px;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions span::after {
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(98%) sepia(1%) saturate(1452%) hue-rotate(325deg) brightness(72%) contrast(75%);
  height: 5px;
  right: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  vertical-align: 0;
  width: 10px;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions span.active {
  background-color: #dce5ec;
  border: 1px solid #1377e7;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions span.active::after {
  filter: invert(30%) sepia(7%) saturate(631%) hue-rotate(156deg) brightness(93%) contrast(85%);
  transform: translateY(-50%) rotate(0deg);
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions span:hover {
  background-color: #dce5ec;
  border: 1px solid #1377e7;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions .dropdown-options {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  right: 0;
  padding: 29px 0 31px 19px;
  position: absolute;
  top: 49px;
  width: 240px;
  z-index: 200;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions .dropdown-options .text {
  cursor: pointer;
  color: #373737;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 24px;
  padding: 0 0 0 31px;
  position: relative;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions .dropdown-options .text:last-child {
  margin-bottom: 0;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions .dropdown-options .text::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  position: absolute;
  top: 0;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions .dropdown-options .text::after {
  background-color: #ebebeb;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  content: '';
  height: 34px;
  left: -9px;
  opacity: 0;
  position: absolute;
  visibility: hidden;
  top: 50%;
  transform: translateY(-50%);
  width: 220px;
  z-index: -1;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions .dropdown-options .text.inviter::before {
  background-image: url("../img/icons/invite.png");
  height: 15px;
  left: 0;
  width: 18px;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions .dropdown-options .text.gerer::before {
  background-image: url("../img/icons/2-membre.png");
  height: 14px;
  left: 1px;
  width: 21px;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions .dropdown-options .text.delete::before {
  background-image: url("../img/icons/corbeille.svg");
  filter: invert(67%) sepia(0%) saturate(306%) hue-rotate(137deg) brightness(92%) contrast(81%);
  height: 15px;
  left: 0;
  width: 14px;
}

.app-container .app-main .app-main__outer .app-page-title .page-title-actions .dropdown-options .text:hover::after {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-page-title .avatar-wrapper {
  font-size: 0;
  float: right;
  margin: 31px 20px 0 0;
  width: auto;
}

.app-container .app-main .app-main__outer .app-page-title .avatar-wrapper .avatar-icon-wrapper {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid white;
  display: inline-block;
  color: white;
  font-family: "GothamBook", sans-serif;
  font-size: 12px;
  height: 28px;
  line-height: 26px;
  margin-left: -8px;
  position: relative;
  text-align: center;
  vertical-align: top;
  text-transform: uppercase;
  width: 28px;
  z-index: 5;
}

.app-container .app-main .app-main__outer .app-page-title .avatar-wrapper .avatar-icon-wrapper:nth-child(1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-page-title .avatar-wrapper .avatar-icon-wrapper.avatar-icon-add {
  background-color: #dadada;
  color: #737373;
  cursor: pointer;
  font-family: "GothamBold", sans-serif;
  font-size: 16px;
}

.app-container .app-main .app-main__outer .app-page-title .avatar-wrapper .avatar-icon-wrapper.avatar-icon-add:hover {
  background-color: #e8594a;
  color: white;
}

.app-container .app-main .app-main__outer .app-page-title .title-team {
  color: #303030;
  float: right;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  margin: 37px 7px 0 0;
}

.app-container .app-main .app-main__outer .app-page-title .title-team span {
  font-weight: 700;
}

.app-container .app-main .app-main__outer .app-page-content {
  font-size: 0;
  height: auto;
  position: relative;
  width: 100%;
  /* App Discussion */
  /* End App Discussion */
  /* App Task */
  /* End App Task */
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion {
  background-color: white;
  display: inline-block;
  height: calc(100vh - (90px + 71px));
  overflow: hidden;
  position: relative;
  vertical-align: top;
  width: calc(100% - 59px);
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion {
  border-bottom: 1px solid #e7e7e7;
  display: inline-block;
  font-size: 0;
  height: 76px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion::after {
  clear: both;
  content: '';
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-discussion {
  float: left;
  margin: 20px 0 0 18px;
  width: 173px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-discussion button {
  background: linear-gradient(180deg, #3d89f6 0%, #1377e7 100%);
  border: 0 none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  padding: 0 0 0 34px;
  position: relative;
  text-align: left;
  width: 173px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-discussion button::before {
  background-image: url("../img/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 8px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(112deg) brightness(108%) contrast(102%);
  left: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-discussion button:hover {
  background: #0d63b7;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-all-discussion {
  float: right;
  height: 32px;
  margin: 20px 21px 0 0;
  position: relative;
  vertical-align: top;
  width: 140px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-all-discussion span {
  background-color: white;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #373737;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  line-height: 30px;
  padding: 0 0 0 13px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-all-discussion span::after {
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(74%) sepia(0%) saturate(1914%) hue-rotate(14deg) brightness(93%) contrast(84%);
  height: 5px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-all-discussion span.active {
  background-color: #dce5ec;
  border: 1px solid #1377e7;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-all-discussion span.active::after {
  filter: invert(30%) sepia(13%) saturate(346%) hue-rotate(155deg) brightness(93%) contrast(88%);
  transform: translateY(-50%) rotate(0deg);
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-all-discussion span:hover {
  background-color: #dce5ec;
  border: 1px solid #1377e7;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-all-discussion .dropdown-all-discussion {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  display: none;
  font-size: 0;
  height: auto;
  right: 0;
  padding: 19px 10px 21px;
  position: absolute;
  top: 42px;
  width: 240px;
  z-index: 200;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-all-discussion .dropdown-all-discussion a {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #373737;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 34px;
  line-height: 34px;
  margin: 4px 0 0;
  padding: 0 0 0 15px;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-all-discussion .dropdown-all-discussion a:nth-child(1) {
  margin: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-all-discussion .dropdown-all-discussion a:hover {
  background-color: #ebebeb;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .bar-title-discussion .btn-all-discussion .dropdown-all-discussion a.active {
  background-color: #ebebeb;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages {
  display: inline-block;
  height: calc(100% - (76px + 80px));
  overflow-y: scroll;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages::-webkit-scrollbar {
  display: none;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .logo-messages {
  background: linear-gradient(180deg, #ffc267 0%, #f69e1b 100%);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 40px;
  margin: 49px auto 0;
  position: relative;
  width: 40px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .logo-messages::before {
  background-image: url("../img/icons/comment.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  content: '';
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(112deg) brightness(108%) contrast(102%);
  height: 18px;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 26px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .title-project-message {
  color: #4c4c4c;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  margin: 14px 0 0;
  padding: 0 10px;
  text-align: center;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .message-new-chat {
  color: #808080;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin: 10px 0 0;
  padding: 0 10px;
  text-align: center;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .date-discussion {
  border-bottom: 1px dashed #e6e6e6;
  height: 1px;
  margin: 32px 0 0;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .date-discussion span {
  background-color: white;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  color: #4c4c4c;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 24px;
  line-height: 22px;
  left: 50%;
  padding: 0 17px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  white-space: nowrap;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .message-chat {
  color: #808080;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  margin: 21px 0 0;
  padding: 0 10px;
  text-align: center;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .msg {
  font-size: 0;
  height: auto;
  margin: 20px 0 0;
  padding: 10px 18px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .msg.user {
  background-color: #f8f9f9;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .msg .avtr {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
  width: 40px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .msg .avtr.avtr-teo {
  background-color: #00D9FF;
  background-image: linear-gradient(147.53deg, #00D9FF -5.66%, #3A599E 85.15%);
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .msg .responsText {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 0 0 21px;
  vertical-align: top;
  width: calc(100% - 40px);
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .msg .responsText .name strong {
  color: #999999;
  font-size: 12px;
  font-weight: 400;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .msg .responsText .sms {
  font-size: 14px;
  font-weight: 400;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .msg .responsText img {
  display: inline-block;
  margin-top: 4px;
  width: 330px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .msg .responsText a {
  background-color: white;
  border: 1px solid #cdcdcd;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: #373737;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: auto;
  line-height: 14px;
  padding: 10px 15px;
  width: auto;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .msg .responsText a.galpop-single {
  border: 0 none;
  padding: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages .msg .responsText .sms-teo a {
  border: 0 none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  color: #1F71DE;
  padding: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .messages.content-message-epingler {
  height: calc(100% - (76px + 80px + 74px));
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages {
  bottom: 0;
  height: 80px;
  left: 0;
  position: absolute;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .sm {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "GothamBook", sans-serif;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  margin: 20px 20px 0 18px;
  text-align: center;
  text-transform: uppercase;
  width: 40px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .upload-btn-wrapper {
  border: 1px solid #cdcdcd;
  border-right: 0 none;
  border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  margin: 20px 0 0;
  position: relative;
  vertical-align: top;
  width: 40px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .upload-btn-wrapper::before {
  background-image: url("../img/icons/upload.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(60%) sepia(1%) saturate(884%) hue-rotate(12deg) brightness(85%) contrast(83%);
  height: 20px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .upload-btn-wrapper input {
  background-color: transparent;
  border: 0 none;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .upload-btn-wrapper:hover {
  background-color: #dce5ec;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .upload-btn-wrapper:hover::before {
  filter: invert(20%) sepia(12%) saturate(309%) hue-rotate(193deg) brightness(91%) contrast(96%);
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .emoji {
  border: 1px solid #cdcdcd;
  border-right: 0 none;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  margin: 20px 0 0;
  position: relative;
  vertical-align: top;
  width: 40px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .emoji::before {
  background-image: url("../img/icons/emoji.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(60%) sepia(1%) saturate(884%) hue-rotate(12deg) brightness(85%) contrast(83%);
  height: 20px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .emoji:hover {
  background-color: #dce5ec;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .emoji:hover::before {
  filter: invert(20%) sepia(12%) saturate(309%) hue-rotate(193deg) brightness(91%) contrast(96%);
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input {
  bottom: 20px;
  right: 20px;
  position: absolute;
  width: calc(100% - 178px);
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .form-control {
  background-color: white;
  border: 1px solid #cdcdcd;
  box-shadow: none;
  border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  color: #011828;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: auto;
  line-height: 18px;
  min-height: 40px;
  overflow-y: scroll;
  padding: 11px 49px 8px 15px;
  position: relative;
  resize: none;
  scrollbar-width: thin;
  scrollbar-color: #e3e3e3 white;
  width: 100%;
  word-wrap: break-word;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .form-control::-webkit-input-placeholder {
  color: #BDBDBD;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .form-control::-moz-placeholder {
  color: #BDBDBD;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .form-control:-ms-input-placeholder {
  color: #BDBDBD;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .form-control:-moz-placeholder {
  color: #BDBDBD;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .form-control::-webkit-scrollbar {
  width: 2px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .form-control::-webkit-scrollbar-track {
  background: white;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .form-control::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .form-control:focus {
  outline: none;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .form-control:focus::-webkit-input-placeholder {
  opacity: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .form-control:focus::-moz-placeholder {
  opacity: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .form-control:focus:-ms-input-placeholder {
  opacity: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .form-control:focus:-moz-placeholder {
  opacity: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .form-control strong {
  font-weight: 700;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input button {
  background-color: #e8594a;
  border: 0 none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 30px;
  right: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s linear;
  width: 30px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input button::before {
  background-image: url("../img/icons/paper.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(97%) sepia(25%) saturate(2%) hue-rotate(233deg) brightness(120%) contrast(100%);
  height: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(7deg);
  width: 12px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input button:hover {
  background-color: #cf4233;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .suggest {
  bottom: 100%;
  left: 0;
  height: auto;
  top: auto;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .suggest .dropdown-menu {
  border: 0 none;
  inset: initial !important;
  margin: 0;
  padding: 0;
  position: relative;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .suggest .dropdown-menu .dropdown-item {
  background-color: #f6f7fb;
  color: #373737;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 15px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .suggest .dropdown-menu .dropdown-item.active {
  background-color: #dce5ec;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .suggest .dropdown-menu .dropdown-item:hover {
  background-color: #dce5ec;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .form-messages .input .suggest .dropdown-menu .dropdown-item .avatar-circle {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  text-align: center;
  width: 30px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .box-upload {
  background-color: #f6f6f6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  bottom: 70px;
  color: #323338;
  display: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 56px;
  left: 78px;
  line-height: 56px;
  padding: 0 0 0 52px;
  position: absolute;
  width: calc(100% - (78px + 21px));
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .box-upload::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(94%) sepia(6%) saturate(251%) hue-rotate(173deg) brightness(84%) contrast(89%);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .box-upload.picture::before {
  background-image: url("../img/icons/picture.svg");
  height: 22px;
  left: 21px;
  width: 22px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .box-upload.assets::before {
  background-image: url("../img/icons/assets.svg");
  height: 20px;
  left: 22px;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .box-upload .vider {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  height: 28px;
  right: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .box-upload .vider::before {
  background-image: url("../img/icons/fermer.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  content: '';
  filter: invert(15%) sepia(1%) saturate(729%) hue-rotate(7deg) brightness(100%) contrast(86%);
  height: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .box-upload .vider:hover {
  background-color: #f6f6f6;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .box-upload:hover {
  background-color: #ebebeb;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .epingler-message {
  align-items: center;
  background-color: #f3f3f3;
  display: flex;
  height: 74px;
  padding: 0 21px 0 18px;
  justify-content: space-between;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .epingler-message .title {
  align-items: center;
  color: #373737;
  display: flex;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .epingler-message .title .avtr-epi {
  background-color: #00D9FF;
  background-image: linear-gradient(147.53deg, #00D9FF -5.66%, #3A599E 85.15%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 34px;
  line-height: 34px;
  margin-right: 4px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
  width: 34px;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .epingler-message button {
  background: linear-gradient(180deg, #3d89f6 0%, #1377e7 100%);
  border: 0 none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  padding: 0 20px;
  position: relative;
  text-align: left;
  width: auto;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion .epingler-message button:hover {
  background: #0d63b7;
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion.demi {
  width: calc((100% - (59px + 31px)) / 2);
}

.app-container .app-main .app-main__outer .app-page-content .app-discussion.active {
  width: 0;
}

.app-container .app-main .app-main__outer .app-page-content .bar-discussion {
  background-color: #ebecf0;
  cursor: pointer;
  display: inline-block;
  height: calc(100vh - (90px + 71px));
  overflow: hidden;
  position: relative;
  vertical-align: top;
  width: 0;
}

.app-container .app-main .app-main__outer .app-page-content .bar-discussion::before {
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(16%) sepia(11%) saturate(4%) hue-rotate(69deg) brightness(103%) contrast(90%);
  height: 5px;
  left: 50%;
  position: absolute;
  top: 12px;
  transform: translateX(-50%) rotate(270deg);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-page-content .bar-discussion span {
  color: #212121;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
}

.app-container .app-main .app-main__outer .app-page-content .bar-discussion.demi {
  width: 31px;
}

.app-container .app-main .app-main__outer .app-page-content .bar-discussion.active {
  width: 31px;
}

.app-container .app-main .app-main__outer .app-page-content .bar-discussion.active::before {
  transform: translateX(-50%) rotate(90deg);
}

.app-container .app-main .app-main__outer .app-page-content .bar-navigation {
  background-color: #ebecf0;
  border-left: 1px solid #e3e3e3;
  display: inline-block;
  height: calc(100vh - (90px + 71px));
  position: relative;
  vertical-align: top;
  width: 59px;
}

.app-container .app-main .app-main__outer .app-page-content .bar-navigation .bar {
  cursor: pointer;
  display: inline-block;
  height: 59px;
  line-height: 59px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .bar-navigation .bar::before {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.app-container .app-main .app-main__outer .app-page-content .bar-navigation .bar.notes::before {
  background-image: url("../img/icons/notes.svg");
  height: 18px;
  width: 18px;
}

.app-container .app-main .app-main__outer .app-page-content .bar-navigation .bar.files::before {
  background-image: url("../img/icons/files.svg");
  height: 20px;
  width: 20px;
}

.app-container .app-main .app-main__outer .app-page-content .bar-navigation .bar.fav::before {
  background-image: url("../img/icons/fav.svg");
  height: 17px;
  width: 18px;
}

.app-container .app-main .app-main__outer .app-page-content .bar-navigation .bar.taches::before {
  background-image: url("../img/icons/taches.svg");
  height: 24px;
  width: 18px;
}

.app-container .app-main .app-main__outer .app-page-content .bar-navigation .bar.active {
  background-color: #e95a4b;
}

.app-container .app-main .app-main__outer .app-page-content .bar-navigation .bar.active::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.app-container .app-main .app-main__outer .app-page-content .bar-navigation .bar:hover {
  background-color: #e95a4b;
}

.app-container .app-main .app-main__outer .app-page-content .bar-navigation .bar:hover::before {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.app-container .app-main .app-main__outer .app-page-content .app-task {
  display: inline-block;
  height: calc(100vh - (90px + 71px));
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 0 32px;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: #e3e3e3 white;
  vertical-align: top;
  width: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task::-webkit-scrollbar {
  width: 4px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task::-webkit-scrollbar-track {
  background: white;
}

.app-container .app-main .app-main__outer .app-page-content .app-task::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-task {
  margin: 20px 0 0 25px;
  width: calc(100% - 25px);
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-task button {
  background: linear-gradient(180deg, #3d89f6 0%, #1377e7 100%);
  border: 0 none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  padding: 0 0 0 34px;
  position: relative;
  text-align: left;
  width: 143px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-task button::before {
  background-image: url("../img/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  height: 8px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(112deg) brightness(108%) contrast(102%);
  left: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-task button:hover {
  background: #0d63b7;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-task .search-task {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: top;
  width: 193px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-task .search-task .form-control {
  background-color: #f3f3f3;
  background-image: url("../img/icons/magnifying.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: 14px center;
  border: 0 none;
  box-shadow: none;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  padding: 0 0 0 35px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-task .search-task .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-task .search-task .form-control::-webkit-input-placeholder {
  color: #333333;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-task .search-task .form-control::-moz-placeholder {
  color: #333333;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-task .search-task .form-control:-ms-input-placeholder {
  color: #333333;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-task .search-task .form-control:-moz-placeholder {
  color: #333333;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-page-content .app-task hr {
  background-color: #e7e7e7;
  border: 0 none;
  height: 1px;
  margin: 23px 0 2px;
  opacity: 1;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .global-group {
  display: inline-block;
  height: auto;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .tabs-task {
  border-bottom: 1px solid #e7e7e7;
  font-size: 0;
  height: auto;
  margin: 0 0 0 25px;
  width: calc(100% - 25px);
}

.app-container .app-main .app-main__outer .app-page-content .app-task .tabs-task .tabs {
  display: inline-block;
  color: #999999;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: auto;
  margin-left: 30px;
  line-height: 58px;
  position: relative;
  transition: all 0.3s linear;
  vertical-align: top;
  width: auto;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .tabs-task .tabs:nth-child(1) {
  margin-left: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .tabs-task .tabs::before {
  background-color: #e8594a;
  bottom: 0;
  content: "";
  height: 3px;
  left: 50%;
  position: absolute;
  transition: all 0.3s linear;
  width: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .tabs-task .tabs:hover {
  color: #3d89f6;
  font-weight: 500;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .tabs-task .tabs:hover::before {
  left: 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .tabs-task .tabs.active {
  color: #3d89f6;
  font-weight: 500;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .tabs-task .tabs.active::before {
  left: 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .item-groupe {
  display: inline-block;
  height: auto;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .item-groupe.dragged {
  position: absolute;
  transform: rotate(2deg);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .item-groupe.placeholder {
  background-color: transparent;
  border: 1px dashed #e6e6e6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 60px;
  margin: 40px 0 0 38px;
  opacity: 1;
  width: calc(100% - (38px + 20px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task .item {
  display: inline-block;
  height: auto;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .item.dragged {
  position: absolute;
  transform: rotate(2deg);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .item.dragged .table-body {
  border: 1px solid #e6e6e6;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .item.placeholder {
  background-color: transparent;
  border: 1px dashed #e6e6e6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 40px;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .item-task {
  display: inline-block;
  height: auto;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .item-element {
  display: inline-block;
  height: auto;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task {
  background-color: white;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 0;
  height: 60px;
  line-height: 58px;
  margin: 40px 0 0 38px;
  position: relative;
  width: calc(100% - (38px + 20px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task .dots {
  background-image: url("../img/icons/dots-groupe.png");
  background-repeat: no-repeat;
  background-size: 14px 3px;
  background-position: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  height: 24px;
  left: -27px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task .dots.active {
  background-color: #ced2e1;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task .dots:hover {
  background-color: #ced2e1;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task .icons {
  background-color: #e5e5e5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin: 0 0 0 10px;
  position: relative;
  vertical-align: middle;
  width: 20px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task .icons::before {
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(66%) sepia(10%) saturate(146%) hue-rotate(155deg) brightness(92%) contrast(90%);
  height: 4px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  width: 8px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task h1 {
  color: #373737;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  margin: 0 0 0 13px;
  position: relative;
  vertical-align: middle;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task h1 .form-control {
  background-color: transparent;
  border: 1px solid rgba(231, 231, 231, 0.8);
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #373737;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  padding: 5px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task h1 span {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 4px;
  transition: border 0.3s ease;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task h1 span:hover {
  border: 1px solid #e7e7e7;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task h1.active {
  width: calc(100% - (149px + 151px + 150px + 120px + 53px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task .bar-loading {
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 16px;
  line-height: 16px;
  right: 11px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  width: 129px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task .bar-loading span {
  position: relative;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task .bar-loading::before {
  background-color: #f0b7b1;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: var(--size);
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task .drag-task {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: grab;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task.active {
  border: 1px solid transparent;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task {
  border: 1px solid #e6e6e6;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  display: none;
  font-size: 0;
  height: auto;
  margin: 0 0 0 38px;
  position: relative;
  width: calc(100% - (38px + 20px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head {
  border-bottom: 1px solid #e6e6e6;
  height: 40px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col {
  color: #5f6d83;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 39px;
  position: relative;
  vertical-align: top;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col::before {
  background-image: var(--img);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(49%) sepia(7%) saturate(983%) hue-rotate(178deg) brightness(94%) contrast(88%);
  height: var(--height);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: var(--width);
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin: 0 34px 0 0;
  position: relative;
  padding-left: 20px;
  user-select: none;
  vertical-align: middle;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col .checkbox .checkmark {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid #dadada;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col .checkbox input:checked ~ .checkmark {
  background-color: #e8594a;
  border: 1px solid #e8594a;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 7px;
  top: 3px;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col span {
  position: relative;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col:nth-child(1) {
  padding: 0 0 0 10px;
  width: calc(100% - (149px + 151px + 150px + 120px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col:nth-child(1)::before {
  content: attr(data-name);
  height: auto;
  left: 43px;
  width: auto;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col:nth-child(2) {
  width: 149px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col:nth-child(2)::before {
  left: 4px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col:nth-child(3) {
  width: 151px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col:nth-child(4) {
  width: 150px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col:nth-child(5) {
  width: 120px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-head .col:nth-child(5)::before {
  left: 25%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body {
  border-bottom: 1px solid #e6e6e6;
  cursor: grab;
  height: auto;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .col {
  display: inline-block;
  font-size: 0;
  padding: 9px 0;
  position: relative;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .col:nth-child(1) {
  padding: 9px 0 9px 10px;
  width: calc(100% - (149px + 151px + 150px + 120px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .col:nth-child(2) {
  width: 149px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .col:nth-child(3) {
  width: 151px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .col:nth-child(4) {
  width: 150px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .col:nth-child(5) {
  width: 120px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  position: relative;
  padding-left: 20px;
  user-select: none;
  vertical-align: top;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .checkbox .checkmark {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid #dadada;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .checkbox input:checked ~ .checkmark {
  background-color: #e8594a;
  border: 1px solid #e8594a;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 7px;
  top: 3px;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .arrow {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin: 0 7px 0 5px;
  position: relative;
  vertical-align: top;
  transition: all 0.3s linear;
  width: 20px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .arrow::before {
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(14%) sepia(1%) saturate(242%) hue-rotate(314deg) brightness(94%) contrast(81%);
  height: 5px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .arrow:hover {
  background-color: #ced2e1;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body h1 {
  color: #373737;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: -4px 0 0 -4px;
  position: relative;
  vertical-align: top;
  width: calc(100% - 100px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body h1::before {
  display: none;
  content: attr(data-title);
  transition: all 0.3s linear;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body h1 font {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: auto;
  display: inline-block;
  max-width: 100%;
  padding: 4px;
  position: relative;
  transition: all 0.3s ease;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body h1 font:hover {
  border: 1px solid #e7e7e7;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body h1 .form-control {
  background-color: transparent;
  border: 1px solid rgba(231, 231, 231, 0.8);
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #373737;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-height: auto;
  padding: 4px;
  overflow: hidden;
  resize: none;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body h1.active {
  width: calc(100% - 72px);
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body h1.active ~ .note {
  display: none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .note {
  background-color: #e6e6e6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #333333;
  display: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 16px;
  line-height: 16px;
  margin: 0 0 0 10px;
  opacity: 0;
  padding: 0 4px;
  position: relative;
  vertical-align: middle;
  visibility: hidden;
  width: auto;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .name-membre {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  cursor: pointer;
  color: white;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 27px;
  line-height: 27px;
  margin-right: -6px;
  position: relative;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: center;
  width: 27px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .membre {
  background-image: url("../img/icons/membre.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  cursor: pointer;
  display: inline-block;
  height: 27px;
  position: relative;
  vertical-align: middle;
  width: 27px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .membre.team-active {
  background-image: url("../img/icons/membre-active.png");
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .membre:hover {
  background-image: url("../img/icons/membre-active.png");
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .none {
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  position: relative;
  vertical-align: middle;
  width: calc(100% - 21px);
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .none.none-deadline {
  width: calc(100% - 11px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .none.status {
  background-color: var(--color);
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 0 0 0 17px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .none.status::before {
  background-color: var(--color1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  height: 8px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 8px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .none.priority {
  background-color: var(--color1);
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 0 0 0 17px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .none.priority::before {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  height: 8px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 8px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .none.date {
  background-color: #e6e6e6;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding-left: 28px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .none.date::before {
  background-image: url("../img/icons/clock.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(17%) sepia(19%) saturate(25%) hue-rotate(5deg) brightness(96%) contrast(91%);
  height: 12px;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .none.date::after {
  content: attr(data-days);
  display: none;
  left: 28px;
  position: absolute;
  top: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-status {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  display: none;
  left: 50%;
  padding: 10px;
  position: absolute;
  top: calc(100% + 1px);
  transform: translateX(-50%);
  width: 240px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-status .box {
  background-color: var(--color);
  color: #373737;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  line-height: 36px;
  margin: 2px 0 0;
  padding: 0 0 0 35px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-status .box::before {
  background-color: var(--color1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  height: 8px;
  left: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-status .box:nth-child(1) {
  margin: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-priority {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  display: none;
  left: 50%;
  padding: 10px;
  position: absolute;
  top: calc(100% + 1px);
  transform: translateX(-50%);
  width: 240px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-priority .box {
  background-color: var(--color);
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  line-height: 36px;
  margin: 2px 0 0;
  padding: 0 0 0 35px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-priority .box::before {
  background-color: var(--color1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  height: 8px;
  left: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-priority .box:nth-child(1) {
  margin: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  cursor: auto;
  display: none;
  height: auto;
  left: 50%;
  padding: 15px 20px 38px;
  position: absolute;
  top: calc(100% + 1px);
  transform: translateX(-50%);
  width: 360px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .box-membre {
  font-size: 0;
  height: 27px;
  line-height: 27px;
  margin: 5px 0 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .box-membre .avatar-circle {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 27px;
  line-height: 27px;
  text-align: center;
  vertical-align: middle;
  width: 27px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .box-membre .person-name {
  color: #4c4c4c;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin: 0 0 0 7px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .box-membre .close-button {
  background-color: #e6e6e6;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  height: 15px;
  margin: 0 0 0 10px;
  position: relative;
  vertical-align: middle;
  width: 15px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .box-membre .close-button::before {
  background-image: url("../img/icons/fermer.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(13%) sepia(1%) saturate(3071%) hue-rotate(330deg) brightness(93%) contrast(80%);
  height: 7px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 7px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .form-team {
  height: auto;
  margin: 20px 0 0;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .form-team .form-control {
  background-color: #f3f3f3;
  background-image: url("../img/icons/magnifying.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: 14px center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: none;
  border: 0 none;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 14px;
  padding: 0 0 0 38px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .form-team .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .form-team .form-control::-webkit-input-placeholder {
  color: #333333;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .form-team .form-control::-moz-placeholder {
  color: #333333;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .form-team .form-control:-ms-input-placeholder {
  color: #333333;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .form-team .form-control:-moz-placeholder {
  color: #333333;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .title-suggested {
  color: #1a1a1a;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  margin: 20px 0 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .box-suggested {
  height: 117px;
  margin: 15px 0 0;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: #e3e3e3 white;
  width: calc(100% + 4px);
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .box-suggested::-webkit-scrollbar {
  width: 4px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .box-suggested::-webkit-scrollbar-track {
  background: white;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .box-suggested::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .box-suggested .box {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
  font-size: 0;
  height: 39px;
  line-height: 39px;
  transition: all 0.3s linear;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .box-suggested .box .avatar-circle {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 27px;
  line-height: 27px;
  margin: 0 0 0 10px;
  text-align: center;
  vertical-align: middle;
  width: 27px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .box-suggested .box .person-name {
  color: #4c4c4c;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  margin: 0 0 0 6px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .box-team .box-suggested .box:hover {
  background-color: #f3f3f3;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body .drag-sous-task {
  cursor: grab;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body:last-child {
  border-bottom: 0 none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body:hover {
  background-color: rgba(245, 246, 248, 0.5);
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body:hover .note {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .table-body.active .arrow {
  transform: rotate(90deg);
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element {
  border-bottom: 1px solid #e7e7e7;
  display: none;
  height: auto;
  padding: 20px 9px 30px 43px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element::before {
  box-shadow: -1px -1px 5px 0px rgba(1, 1, 1, 0.2);
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element::after {
  background-color: #e6e6e6;
  content: "";
  height: 100%;
  left: 23px;
  position: absolute;
  top: 0;
  width: 1px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-head-element {
  border: 1px solid #e6e6e6;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  height: 41px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-head-element .col {
  color: #5f6d83;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 39px;
  position: relative;
  vertical-align: top;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-head-element .col::before {
  background-image: var(--img);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(49%) sepia(7%) saturate(983%) hue-rotate(178deg) brightness(94%) contrast(88%);
  height: var(--height);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: var(--width);
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-head-element .col span {
  position: relative;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-head-element .col:nth-child(1) {
  padding: 0 0 0 43px;
  width: calc(100% - (149px + 151px + 150px + 110px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-head-element .col:nth-child(1)::before {
  content: attr(data-name);
  height: auto;
  left: 43px;
  width: auto;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-head-element .col:nth-child(2) {
  width: 149px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-head-element .col:nth-child(2)::before {
  left: 4px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-head-element .col:nth-child(3) {
  width: 151px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-head-element .col:nth-child(4) {
  width: 150px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-head-element .col:nth-child(5) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-head-element .col:nth-child(5)::before {
  left: 25%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element {
  border: 1px solid #e6e6e6;
  border-top: 0 none;
  height: auto;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .col {
  display: inline-block;
  font-size: 0;
  padding: 9px 0;
  position: relative;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .col:nth-child(1) {
  padding: 9px 0 9px 43px;
  width: calc(100% - (149px + 151px + 150px + 110px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .col:nth-child(2) {
  width: 149px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .col:nth-child(3) {
  width: 151px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .col:nth-child(4) {
  width: 150px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .col:nth-child(5) {
  width: 110px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  position: relative;
  padding-left: 20px;
  user-select: none;
  vertical-align: top;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .checkbox .checkmark {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid #dadada;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: white;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .checkbox input:checked ~ .checkmark {
  background-color: #e8594a;
  border: 1px solid #e8594a;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 7px;
  top: 3px;
  transform: rotate(45deg);
  width: 5px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element h1 {
  color: #373737;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: -4px 0 0 8px;
  position: relative;
  vertical-align: top;
  width: calc(100% - (20px + 24px));
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element h1::before {
  display: none;
  content: attr(data-title);
  transition: all 0.3s linear;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element h1 font {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  cursor: auto;
  padding: 4px;
  position: relative;
  vertical-align: top;
  transition: all 0.3s ease;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element h1 font:hover {
  border: 1px solid #e7e7e7;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element h1 .form-control {
  background-color: transparent;
  border: 1px solid rgba(231, 231, 231, 0.8);
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #373737;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-height: auto;
  padding: 4px;
  overflow: hidden;
  resize: none;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element h1.active ~ .files {
  display: none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element h1.active ~ .files + .note {
  display: none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .arrow {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0 12px;
  position: relative;
  vertical-align: middle;
  width: 20px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .arrow::before {
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(14%) sepia(1%) saturate(242%) hue-rotate(314deg) brightness(94%) contrast(81%);
  height: 5px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  width: 10px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .arrow + h1 {
  margin: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .files {
  color: #373737;
  display: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin: 0 0 0 30px;
  opacity: 0;
  padding: 0 0 0 15px;
  position: relative;
  transition: all 0.3s linear;
  vertical-align: middle;
  visibility: hidden;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .files::before {
  background-image: url("../img/icons/files.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(46%) sepia(82%) saturate(2407%) hue-rotate(333deg) brightness(96%) contrast(90%);
  height: 12px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .note {
  color: #373737;
  display: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin: 0 0 0 18px;
  opacity: 0;
  padding: 0 0 0 16px;
  position: relative;
  transition: all 0.3s linear;
  vertical-align: middle;
  visibility: hidden;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .note::before {
  background-image: url("../img/icons/notes.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(46%) sepia(82%) saturate(2407%) hue-rotate(333deg) brightness(96%) contrast(90%);
  height: 12px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .name-membre {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  cursor: pointer;
  color: white;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 27px;
  line-height: 27px;
  margin-right: -6px;
  position: relative;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: center;
  width: 27px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .membre {
  background-image: url("../img/icons/membre.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  cursor: pointer;
  display: inline-block;
  height: 27px;
  position: relative;
  vertical-align: middle;
  width: 27px;
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .membre.team-active {
  background-image: url("../img/icons/membre-active.png");
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .membre:hover {
  background-image: url("../img/icons/membre-active.png");
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .none {
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  position: relative;
  vertical-align: middle;
  width: calc(100% - 21px);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .none.none-deadline {
  width: calc(100% - 10px);
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .none.status {
  background-color: var(--color);
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 0 0 0 17px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .none.status::before {
  background-color: var(--color1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  height: 8px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 8px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .none.priority {
  background-color: var(--color1);
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 0 0 0 17px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .none.priority::before {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  height: 8px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 8px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .none.date {
  background-color: #e6e6e6;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding-left: 28px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .none.date::before {
  background-image: url("../img/icons/clock.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(17%) sepia(19%) saturate(25%) hue-rotate(5deg) brightness(96%) contrast(91%);
  height: 12px;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .none.date::after {
  content: attr(data-days);
  display: none;
  left: 28px;
  position: absolute;
  top: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element::before {
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  bottom: 22px;
  border-radius: 0 0 0 10px;
  -webkit-border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px;
  content: '';
  height: 19px;
  left: -21px;
  position: absolute;
  transition: all 0.3s linear;
  width: 21px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-status {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  display: none;
  left: 50%;
  padding: 10px;
  position: absolute;
  top: calc(100% + 1px);
  transform: translateX(-50%);
  width: 240px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-status .box {
  background-color: var(--color);
  color: #373737;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  line-height: 36px;
  margin: 2px 0 0;
  padding: 0 0 0 35px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-status .box::before {
  background-color: var(--color1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  height: 8px;
  left: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-status .box:nth-child(1) {
  margin: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-priority {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
  display: none;
  left: 50%;
  padding: 10px;
  position: absolute;
  top: calc(100% + 1px);
  transform: translateX(-50%);
  width: 240px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-priority .box {
  background-color: var(--color);
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  line-height: 36px;
  margin: 2px 0 0;
  padding: 0 0 0 35px;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-priority .box::before {
  background-color: var(--color1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  height: 8px;
  left: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-priority .box:nth-child(1) {
  margin: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  cursor: auto;
  display: none;
  height: auto;
  left: 50%;
  padding: 15px 20px 38px;
  position: absolute;
  top: calc(100% + 1px);
  transform: translateX(-50%);
  width: 360px;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .box-membre {
  font-size: 0;
  height: 27px;
  line-height: 27px;
  margin: 5px 0 0;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .box-membre .avatar-circle {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 27px;
  line-height: 27px;
  text-align: center;
  vertical-align: middle;
  width: 27px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .box-membre .person-name {
  color: #4c4c4c;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin: 0 0 0 7px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .box-membre .close-button {
  background-color: #e6e6e6;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  height: 15px;
  margin: 0 0 0 10px;
  position: relative;
  vertical-align: middle;
  width: 15px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .box-membre .close-button::before {
  background-image: url("../img/icons/fermer.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(13%) sepia(1%) saturate(3071%) hue-rotate(330deg) brightness(93%) contrast(80%);
  height: 7px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 7px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .form-team {
  height: auto;
  margin: 20px 0 0;
  position: relative;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .form-team .form-control {
  background-color: #f3f3f3;
  background-image: url("../img/icons/magnifying.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: 14px center;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: none;
  border: 0 none;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 14px;
  padding: 0 0 0 38px;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .form-team .form-control:focus {
  outline: 0 none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .form-team .form-control::-webkit-input-placeholder {
  color: #333333;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .form-team .form-control::-moz-placeholder {
  color: #333333;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .form-team .form-control:-ms-input-placeholder {
  color: #333333;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .form-team .form-control:-moz-placeholder {
  color: #333333;
  opacity: 0.8;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .title-suggested {
  color: #1a1a1a;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  margin: 20px 0 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .box-suggested {
  height: 117px;
  margin: 15px 0 0;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: #e3e3e3 white;
  width: calc(100% + 4px);
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .box-suggested::-webkit-scrollbar {
  width: 4px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .box-suggested::-webkit-scrollbar-track {
  background: white;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .box-suggested::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .box-suggested .box {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
  font-size: 0;
  height: 39px;
  line-height: 39px;
  transition: all 0.3s linear;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .box-suggested .box .avatar-circle {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 27px;
  line-height: 27px;
  margin: 0 0 0 10px;
  text-align: center;
  vertical-align: middle;
  width: 27px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .box-suggested .box .person-name {
  color: #4c4c4c;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  margin: 0 0 0 6px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .box-team .box-suggested .box:hover {
  background-color: #f3f3f3;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element .drag-element {
  cursor: grab;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element.dragged {
  border-top: 1px solid #e6e6e6;
  position: absolute;
  transform: rotate(2deg);
  z-index: 2;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element.dragged::before {
  opacity: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element.placeholder {
  background-color: transparent;
  border: 1px dashed #e6e6e6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 41px;
  opacity: 1;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element:hover {
  background-color: rgba(245, 246, 248, 0.5);
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element:hover .files {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .table-body-element:hover .note {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .btn-element {
  background-color: #fafafa;
  border: 1px solid #e7e7e7;
  border-top: 0 none;
  font-size: 0;
  height: 39px;
  line-height: 38px;
  padding: 0 0 0 20px;
  text-align: left;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .btn-element .plus {
  background-image: url("../img/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  filter: invert(29%) sepia(1%) saturate(1535%) hue-rotate(72deg) brightness(93%) contrast(88%);
  height: 8px;
  margin: 0 12px 0 0;
  vertical-align: middle;
  width: 8px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element .btn-element span {
  color: #666666;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .btn-tas {
  background-color: #fafafa;
  border: 0 none;
  font-size: 0;
  height: 39px;
  line-height: 38px;
  padding: 0 0 0 20px;
  text-align: left;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .btn-tas .plus {
  background-image: url("../img/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  filter: invert(29%) sepia(1%) saturate(1535%) hue-rotate(72deg) brightness(93%) contrast(88%);
  height: 8px;
  margin: 0 12px 0 0;
  vertical-align: middle;
  width: 8px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .btn-tas span {
  color: #666666;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-groupe {
  background-color: #fafafa;
  border: 1px solid #e7e7e7;
  font-size: 0;
  height: 32px;
  line-height: 30px;
  margin: 30px 0 0 38px;
  padding: 0 0 0 15px;
  text-align: left;
  width: 180px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-groupe .plus {
  background-image: url("../img/icons/plus.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  height: 8px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  width: 8px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-groupe span {
  color: #373737;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  vertical-align: middle;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .btn-groupe:hover {
  background-color: #dce5ec;
  border: 1px solid #1377e7;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .app-popup-task {
  background-color: white;
  display: none;
  height: calc(100vh - (90px + 71px));
  left: 0;
  line-height: calc(100vh - (90px + 71px));
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .app-popup-task span {
  display: inline-block;
  line-height: normal;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .app-popup-task .icon-task {
  background-image: url("../img/icons/taches.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  filter: invert(50%) sepia(56%) saturate(5151%) hue-rotate(336deg) brightness(102%) contrast(83%);
  height: 37px;
  position: relative;
  vertical-align: top;
  width: 28px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .app-popup-task .icon-task::before {
  content: '+';
  font-family: "Roboto", sans-serif;
  font-size: 15.53px;
  font-weight: 400;
  line-height: 15px;
  right: -8px;
  position: absolute;
  top: -9px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .app-popup-task h1 {
  color: #373737;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin: 10px 0 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .app-popup-task p {
  color: #808080;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  margin: 9px 0 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .app-popup-task button {
  background-color: #e8594a;
  border: 0 none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  margin: 40px 0 0;
  padding: 0;
  transition: all 0.3s ease;
  width: 240px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task .app-popup-task button:hover {
  background-color: #cf4233;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi {
  width: calc((100% - (59px + 31px)) / 2);
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .groupe-task {
  margin: 40px 0 0 44px;
  width: calc(100% - (44px + 20px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .groupe-task h1 {
  width: calc(100% - (54px + 46px + 44px + 61px + 62px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task {
  margin: 0 0 0 44px;
  width: calc(100% - (44px + 20px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-head .col::before {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-head .col span {
  opacity: 0;
  visibility: hidden;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-head .col:nth-child(1) {
  width: calc(100% - (54px + 46px + 44px + 61px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-head .col:nth-child(1)::before {
  left: 94px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-head .col:nth-child(2) {
  width: 54px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-head .col:nth-child(3) {
  width: 46px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-head .col:nth-child(4) {
  width: 44px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-head .col:nth-child(5) {
  width: 61px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .col:nth-child(1) {
  width: calc(100% - (54px + 46px + 44px + 61px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .col:nth-child(2) {
  width: 54px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .col:nth-child(3) {
  width: 46px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .col:nth-child(4) {
  width: 44px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .col:nth-child(5) {
  width: 61px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body h1 {
  width: calc(100% - (20px + 32px + 27px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .note {
  display: none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .name-membre {
  display: none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .name-membre:nth-child(1) {
  display: inline-block;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .none {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 16px;
  width: 16px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .none.none-deadline {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: calc(100% - 11px);
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .none.status {
  font-size: 0;
  padding: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .none.priority {
  font-size: 0;
  padding: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .none.date {
  font-size: 0;
  padding-left: 24px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .none.date::before {
  height: 10px;
  left: 8px;
  width: 10px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .none.date::after {
  display: block;
  font-size: 12px;
  left: 24px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .box-status {
  width: 166px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .table-body .box-priority {
  width: 166px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-head-element .col::before {
  opacity: 1;
  visibility: visible;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-head-element .col span {
  opacity: 0;
  visibility: hidden;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-head-element .col:nth-child(1) {
  width: calc(100% - (54px + 46px + 44px + 61px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-head-element .col:nth-child(2) {
  width: 54px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-head-element .col:nth-child(3) {
  width: 46px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-head-element .col:nth-child(4) {
  width: 44px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-head-element .col:nth-child(5) {
  width: 61px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .col:nth-child(1) {
  width: calc(100% - (54px + 46px + 44px + 61px));
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .col:nth-child(2) {
  width: 54px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .col:nth-child(3) {
  width: 46px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .col:nth-child(4) {
  width: 44px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .col:nth-child(5) {
  width: 61px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .files {
  display: none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .note {
  display: none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .name-membre {
  display: none;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .name-membre:nth-child(1) {
  display: inline-block;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .none {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 16px;
  width: 16px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .none.none-deadline {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: calc(100% - 11px);
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .none.status {
  font-size: 0;
  padding: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .none.priority {
  font-size: 0;
  padding: 0;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .none.date {
  font-size: 0;
  padding-left: 24px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .none.date::before {
  height: 10px;
  left: 8px;
  width: 10px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .none.date::after {
  display: block;
  font-size: 12px;
  left: 24px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .box-status {
  width: 166px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.demi .sous-menu-task .sous-menu-element .table-body-element .box-priority {
  width: 166px;
}

.app-container .app-main .app-main__outer .app-page-content .app-task.active {
  width: calc(100% - (59px + 31px));
}

.app-container .app-main .app-main__outer .app-page-discussion {
  background-color: white;
  display: inline-block;
  height: calc(100vh - (71px + 90px));
  line-height: calc(100vh - (71px + 90px));
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-discussion span {
  display: inline-block;
  line-height: normal;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-discussion .icon-chat {
  background-image: url("../img/icons/discussion.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  filter: invert(86%) sepia(30%) saturate(4618%) hue-rotate(336deg) brightness(98%) contrast(100%);
  height: 28px;
  position: relative;
  vertical-align: top;
  width: 28px;
}

.app-container .app-main .app-main__outer .app-page-discussion .icon-chat::before {
  content: '+';
  font-family: "Roboto", sans-serif;
  font-size: 15.53px;
  font-weight: 400;
  line-height: 15px;
  right: -8px;
  position: absolute;
  top: -6px;
}

.app-container .app-main .app-main__outer .app-page-discussion h1 {
  color: #373737;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin: 10px 0 0;
}

.app-container .app-main .app-main__outer .app-page-discussion p {
  color: #808080;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  margin: 9px 0 0;
}

.app-container .app-main .app-main__outer .app-page-discussion button {
  background-color: #e8594a;
  border: 0 none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  margin: 40px 0 0;
  padding: 0;
  transition: all 0.3s ease;
  width: 240px;
}

.app-container .app-main .app-main__outer .app-page-discussion button:hover {
  background-color: #cf4233;
}

.app-container .app-main .app-main__outer .app-page-workspace {
  background-color: white;
  display: inline-block;
  height: calc(100vh - 70px);
  line-height: calc(100vh - 70px);
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-workspace span {
  display: inline-block;
  line-height: normal;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

.app-container .app-main .app-main__outer .app-page-workspace .icon-workspace {
  background-image: url("../img/icons/workspace.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  filter: invert(50%) sepia(76%) saturate(1769%) hue-rotate(183deg) brightness(100%) contrast(103%);
  height: 30px;
  position: relative;
  vertical-align: top;
  width: 45px;
}

.app-container .app-main .app-main__outer .app-page-workspace h1 {
  color: #373737;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin: 10px 0 0;
}

.app-container .app-main .app-main__outer .app-page-workspace p {
  color: #808080;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  margin: 9px 0 0;
}

.app-container .app-main .app-main__outer .app-page-workspace button {
  background-color: #e8594a;
  border: 0 none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  margin: 40px 0 0;
  padding: 0;
  transition: all 0.3s ease;
  width: 240px;
}

.app-container .app-main .app-main__outer .app-page-workspace button:hover {
  background-color: #cf4233;
}

.app-container .app-selected {
  background-color: white;
  bottom: 0;
  box-shadow: -2px -1px 9px 0px rgba(0, 0, 0, 0.2);
  display: none;
  font-size: 0;
  height: 60px;
  line-height: 60px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 100;
}

.app-container .app-selected .chiffre {
  background-color: #e8594a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 20px;
  font-weight: 400;
  height: 45px;
  line-height: 43px;
  text-align: center;
  vertical-align: middle;
  width: 45px;
}

.app-container .app-selected h1 {
  color: #323338;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 23px 0 11px;
  vertical-align: middle;
}

.app-container .app-selected .nav {
  border-left: 2px solid #e7e7e7;
  border-right: 2px solid #e7e7e7;
  display: inline-block;
  height: 60px;
  vertical-align: middle;
  width: 549px;
}

.app-container .app-selected .nav .box {
  background-color: white;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  transition: all 0.3s linear;
  vertical-align: top;
  width: calc(100% / 6);
}

.app-container .app-selected .nav .box span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}

.app-container .app-selected .nav .box h2 {
  color: #323338;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin: 5px 0 0;
}

.app-container .app-selected .nav .box img {
  position: relative;
  transition: all 0.3s linear;
}

.app-container .app-selected .nav .box.assign img {
  width: 18px;
}

.app-container .app-selected .nav .box.duplicate img {
  width: 14px;
}

.app-container .app-selected .nav .box.set-a-date img {
  width: 18px;
}

.app-container .app-selected .nav .box.add-file img {
  width: 14px;
}

.app-container .app-selected .nav .box.move img {
  width: 16px;
}

.app-container .app-selected .nav .box.delete img {
  width: 18px;
}

.app-container .app-selected .nav .box:hover {
  background-color: #f6f7fb;
}

.app-container .app-selected .nav .box:hover img {
  filter: invert(45%) sepia(60%) saturate(1817%) hue-rotate(331deg) brightness(94%) contrast(93%);
}

.app-container .app-selected .fermer {
  background-image: url("../img/icons/fermer.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin: 0 0 0 20px;
  transition: all 0.3s linear;
  vertical-align: middle;
  width: 16px;
}

.app-container .app-selected .fermer:hover {
  filter: invert(45%) sepia(60%) saturate(1817%) hue-rotate(331deg) brightness(94%) contrast(93%);
}

.app-container .app-teo-plateforme {
  background-color: #1c2c4c;
  display: inline-block;
  height: auto;
  margin: 71px 0 0;
  min-height: calc(100vh - 71px);
  padding: 0 0 60px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-teo-plateforme.active {
  display: none;
}

.app-container .app-teo-plateforme::before {
  background-image: url("../img/bg-teo-plateforme.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  content: '';
  height: 100%;
  left: 50%;
  max-width: 1400px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  z-index: 1;
}

.app-container .app-teo-plateforme .arrows {
  background-image: url("../img/icons/arrow-left.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  filter: brightness(0) invert(1);
  height: 21px;
  left: 35px;
  position: absolute;
  top: 50px;
  width: 31px;
}

.app-container .app-teo-plateforme h1 {
  color: white;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 100px;
  font-weight: 300;
  line-height: 100px;
  margin: 71px 0 0;
  position: relative;
  text-align: center;
  z-index: 2;
}

.app-container .app-teo-plateforme .title-teo-plateforme {
  margin: 24px auto 0;
  position: relative;
  width: 620px;
  z-index: 2;
}

.app-container .app-teo-plateforme .title-teo-plateforme img {
  width: 100%;
}

.app-container .app-teo-plateforme .content {
  height: auto;
  margin: 51px auto 0;
  max-width: 1326px;
  position: relative;
  width: calc(100% - (36px + 38px));
  z-index: 2;
}

.app-container .app-teo-plateforme .content .tabs {
  border-top: 1px solid #33425e;
  display: inline-block;
  font-size: 0;
  height: auto;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-teo-plateforme .content .tabs li {
  background-color: #131e36;
  cursor: pointer;
  border-left: 1px solid #33425e;
  display: inline-block;
  font-size: 0;
  height: 100px;
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: calc(100% / 5);
}

.app-container .app-teo-plateforme .content .tabs li:nth-child(1) {
  border-left: 0 none;
}

.app-container .app-teo-plateforme .content .tabs li i {
  display: inline-block;
  position: relative;
  z-index: 2;
}

.app-container .app-teo-plateforme .content .tabs li i img {
  width: 100%;
}

.app-container .app-teo-plateforme .content .tabs li i.all {
  margin: 27px 0 14px;
  width: 20px;
}

.app-container .app-teo-plateforme .content .tabs li i.radiology {
  margin: 22px 0 10px;
  width: 34px;
}

.app-container .app-teo-plateforme .content .tabs li i.microbiology {
  margin: 16px 0 8px;
  width: 28px;
}

.app-container .app-teo-plateforme .content .tabs li i.pathology {
  margin: 24px 0 12px;
  width: 40px;
}

.app-container .app-teo-plateforme .content .tabs li i.ophthalmology {
  margin: 22px 0 10px;
  width: 32px;
}

.app-container .app-teo-plateforme .content .tabs li span {
  color: white;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
  width: 100%;
  z-index: 2;
}

.app-container .app-teo-plateforme .content .tabs li:hover {
  background-color: #e8594a;
}

.app-container .app-teo-plateforme .content .tabs li.active {
  background-color: #e8594a;
}

.app-container .app-teo-plateforme .content .box-tabs {
  display: none;
  height: auto;
  margin: 58px 0 0;
  position: relative;
  width: 100%;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result {
  display: inline-block;
  font-size: 0;
  height: auto;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box {
  background-color: #182542;
  cursor: pointer;
  display: inline-block;
  height: 421px;
  margin-bottom: 20px;
  margin-left: 13px;
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: calc((100% - (13px * 4 )) / 5);
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box:nth-child(5n + 1) {
  margin-left: 0;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box .info {
  background-color: #141f38;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  cursor: pointer;
  height: 30px;
  right: 14px;
  position: absolute;
  top: 14px;
  width: 30px;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box .info::before {
  background-image: url("../img/icons/info-teo.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(97%) sepia(76%) saturate(690%) hue-rotate(176deg) brightness(81%) contrast(79%);
  height: 14px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box .box-icon {
  background-color: #141f38;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 120px;
  line-height: 120px;
  margin: 30px auto 0;
  width: 120px;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box .box-icon img {
  filter: brightness(0) invert(1);
  width: var(--width);
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box p {
  color: white;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin: 21px 0 0;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box p span {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box .marked {
  color: white;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  margin: 15px 0 0;
  padding-right: 30px;
  position: relative;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box .marked::after {
  background-image: url("../img/icons/ce.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  content: '';
  height: 15px;
  filter: invert(76%) sepia(0%) saturate(1%) hue-rotate(156deg) brightness(92%) contrast(99%);
  right: 0;
  position: absolute;
  width: 20px;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box .box-button {
  height: 90px;
  margin: 31px auto 0;
  width: calc(100% - 40px);
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box .box-button button {
  border: 0 none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #182542;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  height: 40px;
  margin: 10px 0 0;
  padding: 0;
  width: 100%;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box .box-button button:nth-child(1) {
  background-color: #dce3ec;
  margin: 0;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box .box-button button:nth-child(2) {
  background-color: #efdad8;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box .box-button button.active {
  opacity: 0;
  visibility: hidden;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box:hover {
  background-color: white;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box:hover .info {
  background-color: #e8594a;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box:hover .info::before {
  filter: brightness(0) invert(1);
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box:hover .box-icon {
  background-color: #e6e6e6;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box:hover .box-icon img {
  filter: invert(60%) sepia(54%) saturate(6888%) hue-rotate(336deg) brightness(99%) contrast(83%);
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box:hover .box-icon.box-png img {
  filter: initial;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box:hover p {
  color: #1c2c4c;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box:hover .marked {
  color: #1c2c4c;
}

.app-container .app-teo-plateforme .content .box-tabs .box-result .box:hover .box-button button:nth-child(2) {
  background-color: #f1b5af;
}

.dragging .app-container .app-main .app-main__outer .app-page-content .app-task .groupe-task {
  border: 1px solid #e6e6e6;
}

.dragging .app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task {
  display: none !important;
}

.dragging-task .app-container .app-main .app-main__outer .app-page-content .app-task .sous-menu-task .sous-menu-element {
  display: none !important;
}

/* End App */
/* Modal */
.modal-backdrop.show {
  opacity: 0.7;
}

.modal .modal-dialog {
  bottom: 0;
  height: auto;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 600px;
  position: absolute;
  top: 0;
  width: 100%;
}

.modal .modal-dialog .fermer {
  background-image: url("../img/icons/fermer.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  filter: invert(67%) sepia(2%) saturate(12%) hue-rotate(10deg) brightness(92%) contrast(83%);
  height: 11px;
  right: 20px;
  position: absolute;
  top: 20px;
  width: 12px;
}

.modal .modal-dialog .modal-content {
  top: 50%;
  transform: translateY(-50%);
}

.modal .modal-dialog .modal-header {
  border: 0 none;
  display: block;
  padding: 32px 0 0;
  text-align: center;
}

.modal .modal-dialog .modal-header .icon-member {
  background-image: url("../img/icons/member.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  filter: invert(50%) sepia(76%) saturate(1769%) hue-rotate(183deg) brightness(100%) contrast(103%);
  height: 26px;
  position: relative;
  vertical-align: top;
  width: 42px;
}

.modal .modal-dialog .modal-header .icon-workspace {
  background-image: url("../img/icons/workspace.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  filter: invert(50%) sepia(76%) saturate(1769%) hue-rotate(183deg) brightness(100%) contrast(103%);
  height: 30px;
  position: relative;
  vertical-align: top;
  width: 45px;
}

.modal .modal-dialog .modal-header .icon-chat {
  background-image: url("../img/icons/discussion.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  filter: invert(86%) sepia(30%) saturate(4618%) hue-rotate(336deg) brightness(98%) contrast(100%);
  height: 28px;
  position: relative;
  vertical-align: top;
  width: 28px;
}

.modal .modal-dialog .modal-header .icon-chat::before {
  content: '+';
  font-family: "Roboto", sans-serif;
  font-size: 15.53px;
  font-weight: 400;
  line-height: 15px;
  right: -8px;
  position: absolute;
  top: -6px;
}

.modal .modal-dialog .modal-header h1 {
  color: #373737;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin: 10px 0 0;
}

.modal .modal-dialog .modal-header p {
  color: #808080;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  margin: 9px 0 0;
}

.modal .modal-dialog .modal-header p span {
  font-weight: 700;
}

.modal .modal-dialog .modal-body {
  border: 0 none;
  display: block;
  padding: 0 40px 40px;
}

.modal .modal-dialog .modal-body .box-checkbox {
  font-size: 0;
  height: auto;
  margin: 20px 0 0;
  position: relative;
  width: 100%;
}

.modal .modal-dialog .modal-body .box-checkbox .col-checkbox {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}

.modal .modal-dialog .modal-body .box-checkbox .col-checkbox .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  position: relative;
  padding-left: 30px;
  user-select: none;
  vertical-align: middle;
  z-index: 2;
}

.modal .modal-dialog .modal-body .box-checkbox .col-checkbox .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.modal .modal-dialog .modal-body .box-checkbox .col-checkbox .checkbox .checkmark {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid #dadada;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: white;
}

.modal .modal-dialog .modal-body .box-checkbox .col-checkbox .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.modal .modal-dialog .modal-body .box-checkbox .col-checkbox .checkbox input:checked ~ .checkmark {
  background-color: #e8594a;
  border: 1px solid #e8594a;
}

.modal .modal-dialog .modal-body .box-checkbox .col-checkbox .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.modal .modal-dialog .modal-body .box-checkbox .col-checkbox .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 7px;
  top: 3px;
  transform: rotate(45deg);
  width: 5px;
}

.modal .modal-dialog .modal-body .MembreNewWorkspace {
  display: none;
}

.modal .modal-dialog .modal-body .form-group {
  margin: 20px 0 0;
  position: relative;
  width: 100%;
}

.modal .modal-dialog .modal-body .form-group:nth-child(1) {
  margin: 53px 0 0;
}

.modal .modal-dialog .modal-body .form-group label {
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  margin: 0 0 10px;
}

.modal .modal-dialog .modal-body .form-group .form-control {
  border: 1px solid #dadada;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: none;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 48px;
  padding: 0 0 0 19px;
  width: 100%;
}

.modal .modal-dialog .modal-body .form-group .form-control:focus {
  outline: 0 none;
}

.modal .modal-dialog .modal-body .form-group .form-control::-webkit-input-placeholder {
  color: #808080;
  opacity: 0.8;
}

.modal .modal-dialog .modal-body .form-group .form-control::-moz-placeholder {
  color: #808080;
  opacity: 0.8;
}

.modal .modal-dialog .modal-body .form-group .form-control:-ms-input-placeholder {
  color: #808080;
  opacity: 0.8;
}

.modal .modal-dialog .modal-body .form-group .form-control:-moz-placeholder {
  color: #808080;
  opacity: 0.8;
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select {
  width: 100%;
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select .btn {
  background-color: transparent;
  border: 1px solid #dadada;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: none;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 48px;
  margin: 0;
  padding: 0 0 0 19px;
  width: 100%;
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select .btn::after {
  background-image: url("../img/icons/arrow.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 0 none;
  display: block;
  filter: invert(78%) sepia(5%) saturate(13%) hue-rotate(46deg) brightness(86%) contrast(87%);
  height: 5px;
  margin: 0 19px 0 0;
  transition: all 0.3s linear;
  width: 10px;
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select .btn:focus {
  outline: 0 none !important;
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select .btn .filter-option-inner-inner {
  color: #333333;
  line-height: 46px;
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select .btn.show::after {
  transform: rotate(180deg);
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select .dropdown-menu {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.3);
  border: 0 none;
  padding: 0;
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select .dropdown-menu.inner {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: none;
  padding: 26px 10px;
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select .dropdown-menu li a {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 34px;
  line-height: 34px;
  padding: 0 0 0 35px;
  position: relative;
  width: 100%;
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select .dropdown-menu li a::before {
  background-image: url("../img/icons/cocher.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(49%) sepia(48%) saturate(3259%) hue-rotate(332deg) brightness(96%) contrast(91%);
  height: 12px;
  right: 17px;
  position: absolute;
  top: 11px;
  width: 15px;
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select .dropdown-menu li a:hover {
  background-color: #ebebeb;
  color: #e95a4b;
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select .dropdown-menu li a:hover::after {
  transform: translateX(-50%) scaleX(1);
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select .dropdown-menu li a.active {
  background-color: #ebebeb;
  color: #e95a4b;
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select .dropdown-menu li a.active::before {
  display: block;
}

.modal .modal-dialog .modal-body .form-group .bootstrap-select .dropdown-menu li a.active::after {
  transform: translateX(-50%) scaleX(1);
}

.modal .modal-dialog .modal-body button {
  background-color: #e8594a;
  border: 0 none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  height: 48px;
  margin: 30px 0 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  width: 100%;
}

.modal .modal-dialog .modal-body button:hover {
  background-color: #cd4339;
}

.modal .modal-dialog .modal-body .box-team {
  height: calc(68px * 4);
  margin: 21px 0 0;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
}

.modal .modal-dialog .modal-body .box-team::-webkit-scrollbar {
  display: none;
}

.modal .modal-dialog .modal-body .box-team .box {
  background-color: white;
  display: inline-block;
  font-size: 0;
  height: 68px;
  line-height: 68px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.modal .modal-dialog .modal-body .box-team .box:nth-child(even) {
  background-color: #f8f9f9;
}

.modal .modal-dialog .modal-body .box-team .box .avatar-circle {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  display: inline-block;
  font-family: "GothamBook", sans-serif;
  font-size: 20.57px;
  height: 48px;
  line-height: 48px;
  margin-left: 10px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  width: 48px;
}

.modal .modal-dialog .modal-body .box-team .box .person-name {
  color: #373737;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding: 0 0 0 13px;
  vertical-align: middle;
  width: 422px;
}

.modal .modal-dialog .modal-body .box-team .box .person-name span {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}

.modal .modal-dialog .modal-body .box-team .box .delete-button {
  background-color: #dce5ec;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  position: relative;
  vertical-align: middle;
  width: 22px;
}

.modal .modal-dialog .modal-body .box-team .box .delete-button::before {
  background-image: url("../img/icons/fermer.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(64%) sepia(15%) saturate(20%) hue-rotate(6deg) brightness(93%) contrast(91%);
  height: 7px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
}

.modal .modal-dialog .modal-body .box-team .box .delete-button:hover {
  background-color: #e95a4b;
}

.modal .modal-dialog .modal-body .box-team .box .delete-button:hover::before {
  filter: invert(84%) sepia(97%) saturate(147%) hue-rotate(218deg) brightness(114%) contrast(101%);
}

.modal.modal-delete .modal-header {
  padding: 58px 0 0;
}

.modal.modal-delete .modal-header .icon-delete {
  background-image: url("../img/icons/home-delete.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  height: 55px;
  position: relative;
  vertical-align: top;
  width: 73px;
}

.modal.modal-delete .modal-header .icon-delete-discussion {
  background-image: url("../img/icons/discussion-delete.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  height: 58px;
  position: relative;
  vertical-align: top;
  width: 89px;
}

.modal.modal-delete .modal-header h1 {
  margin: 27px 0 0;
}

.modal.modal-delete .modal-header h2 {
  color: #808080;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 17px 0 0;
  text-align: center;
}

.modal.modal-delete .modal-header p {
  color: #373737;
  line-height: 24px;
  margin: 41px auto 0;
  width: 500px;
}

.modal.modal-delete .modal-body .box-button {
  font-size: 0;
  margin: 65px 0 0;
  text-align: center;
  width: 100%;
}

.modal.modal-delete .modal-body .box-button .annuler {
  background-color: transparent;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #858585;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 48px;
  line-height: 46px;
  margin-left: 0;
  vertical-align: top;
  width: 140px;
}

.modal.modal-delete .modal-body .box-button .annuler:hover {
  background-color: #8f8f8f;
  border: 1px solid #8f8f8f;
  color: white;
}

.modal.modal-delete .modal-body .box-button button {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  height: 48px;
  margin-left: 20px;
  margin-top: 0;
  vertical-align: top;
  width: 140px;
}

.modal.modal-delete .modal-body .box-button button.supprimer {
  background-color: #e8594a;
}

.modal.modal-delete .modal-body .box-button button.supprimer:hover {
  background-color: #cd4339;
}

.modal.modal-renomer .modal-header h1 {
  margin: 21px 0 0;
}

.modal.modal-renomer .modal-body .form-group:nth-child(1) {
  margin: 59px 0 0;
}

.modal.modal-deplacer .modal-header h1 {
  margin: 21px 0 0;
}

.modal.modal-deplacer .modal-body .box-button {
  font-size: 0;
  margin: 31px 0 0;
  text-align: center;
  width: 100%;
}

.modal.modal-deplacer .modal-body .box-button .annuler {
  background-color: transparent;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #858585;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 48px;
  line-height: 46px;
  margin-left: 0;
  vertical-align: top;
  width: 140px;
}

.modal.modal-deplacer .modal-body .box-button .annuler:hover {
  background-color: #8f8f8f;
  border: 1px solid #8f8f8f;
  color: white;
}

.modal.modal-deplacer .modal-body .box-button button {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  height: 48px;
  margin-left: 20px;
  margin-top: 0;
  vertical-align: top;
  width: 140px;
}

.modal.modal-deplacer .modal-body .box-button button.deplacer {
  background-color: #e8594a;
}

.modal.modal-deplacer .modal-body .box-button button.deplacer:hover {
  background-color: #cd4339;
}

.modal.modal-membres .modal-header h1 {
  margin: 31px 0 0;
}

.modal.modal-membres .modal-body .form-group:nth-child(1) {
  margin: 42px 0 0;
}

.modal.modal-membres .modal-body .form-group .bootstrap-select .btn .filter-option-inner-inner {
  color: #e95a4b;
  font-weight: 700;
}

.modal.modal-dupliquer .modal-header h1 {
  margin: 20px 0 0;
}

.modal.modal-dupliquer .modal-body .form-group:nth-child(1) {
  margin: 60px 0 0;
}

.modal.modal-dupliquer .modal-body .form-group:nth-child(3) {
  margin: 40px 0 0;
}

.modal.modal-dupliquer .modal-body .details-dupliquer {
  background-color: #fbfbfb;
  border: 1px solid #dadada;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: auto;
  margin: 21px 0 0;
  padding: 19px 20px 22px;
  position: relative;
  width: 100%;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .linge-choix {
  font-size: 0;
  height: auto;
  position: relative;
  width: 100%;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .linge-choix .containerradio {
  cursor: pointer;
  color: #373737;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  padding-left: 29px;
  user-select: none;
  vertical-align: top;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .linge-choix .containerradio:nth-child(1) {
  margin-right: 54px;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .linge-choix .containerradio:nth-child(2) {
  margin-right: 33px;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .linge-choix .containerradio input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .linge-choix .containerradio .checkmark {
  background-color: transparent;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid #dadada;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .linge-choix .containerradio .checkmark:after {
  background: #e95a4b;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: "";
  display: none;
  height: 12px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 12px;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .linge-choix .containerradio input:checked ~ .checkmark:after {
  display: block;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .linge-choix .containerradio input:checked ~ font {
  color: #e95a4b;
  font-weight: 700;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .box-choix {
  font-size: 0;
  margin: 35px 0 0;
  width: 100%;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .box-choix .bloc {
  display: inline-block;
  vertical-align: top;
  width: 235px;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .box-choix .containercheckbox {
  cursor: pointer;
  color: #373737;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 29px;
  user-select: none;
  vertical-align: top;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .box-choix .containercheckbox input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .box-choix .containercheckbox .checkmark {
  background-color: transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #dadada;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .box-choix .containercheckbox .checkmark:after {
  background: rgba(233, 90, 75, 0.6);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  content: "";
  display: none;
  height: 12px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 12px;
}

.modal.modal-dupliquer .modal-body .details-dupliquer .box-choix .containercheckbox input:checked ~ .checkmark:after {
  display: block;
}

#TeoPlateformeModal .modal-dialog {
  max-width: 900px;
}

#TeoPlateformeModal .modal-dialog .fermer {
  height: 28px;
  filter: brightness(0) invert(1);
  right: 30px;
  top: 30px;
  width: 28px;
  z-index: 20;
}

#TeoPlateformeModal .modal-dialog .modal-content {
  background-color: #1c2c4c;
  border: 0 none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  top: 0;
  transform: initial;
  margin: 40px 0;
}

#TeoPlateformeModal .modal-dialog .modal-header {
  padding: 29px 30px 0;
  text-align: left;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 {
  height: auto;
  position: relative;
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content {
  font-size: 0;
  height: auto;
  position: relative;
  width: 100%;
  z-index: 2;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box {
  display: inline-block;
  height: auto;
  position: relative;
  vertical-align: bottom;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box:nth-child(1) {
  width: calc(100% - 160px);
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box:nth-child(2) {
  text-align: right;
  width: 160px;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .logo-partenaire {
  display: inline-block;
  vertical-align: top;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .logo-partenaire.logo-1 {
  width: 181px;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .logo-partenaire.logo-2 {
  width: 106px;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .logo-partenaire.logo-3 {
  width: 94px;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .logo-partenaire.logo-4 {
  width: 115px;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .logo-partenaire.logo-5 {
  width: 85px;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .logo-partenaire img {
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .title-products {
  height: auto;
  margin: 23px 0 0;
  padding: 0 0 0 111px;
  position: relative;
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .title-products::before, #TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .title-products::after {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  height: 88px;
  left: 0;
  position: absolute;
  top: 0;
  width: 88px;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .title-products::before {
  background-image: var(--image);
  background-repeat: no-repeat;
  background-size: var(--size);
  background-position: center center;
  filter: brightness(0) invert(1);
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .title-products::after {
  border: 1px solid #485675;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .title-products h1 {
  color: white;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 46px;
  font-weight: 600;
  line-height: 46px;
  margin: 5px 0 0;
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .title-products .para {
  color: white;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  margin: 13px 0 0;
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .box-category {
  background-color: #e8594a;
  display: inline-block;
  height: 88px;
  line-height: 88px;
  margin: 23px 0 0;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .box-category span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .box-category i {
  display: inline-block;
  position: relative;
  margin: 0 0 8px;
  width: var(--width);
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .box-category i img {
  filter: brightness(0) invert(1);
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-1 .box-content .box .box-category h2 {
  color: white;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 {
  height: auto;
  margin: 30px 0 0;
  position: relative;
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-banner {
  background-color: #dadada;
  height: 446px;
  position: relative;
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-banner img {
  height: 100%;
  object-fit: cover;
  object-position: center top;
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-banner .box-marked {
  background-color: #e8594a;
  bottom: 0;
  height: 127px;
  line-height: 127px;
  left: 0;
  padding: 0 0 0 28px;
  position: absolute;
  width: 231px;
  z-index: 2;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-banner .box-marked span {
  display: inline-block;
  line-height: normal;
  vertical-align: bottom;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-banner .box-marked .icon {
  background-image: url("../img/icons/ce.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  filter: brightness(0) invert(1);
  height: 16px;
  margin: 0 0 20px;
  width: 22px;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-banner .box-marked h6 {
  color: white;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18.19px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 0 28px;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-banner .box-button {
  bottom: 12px;
  height: 90px;
  right: 12px;
  position: absolute;
  width: 215px;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-banner .box-button button {
  border: 0 none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #182542;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  height: 40px;
  margin: 10px 0 0;
  padding: 0;
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-banner .box-button button:nth-child(1) {
  background-color: #dce3ec;
  margin: 0;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-banner .box-button button:nth-child(2) {
  background-color: #efdad8;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-banner .box-button button.active {
  opacity: 0;
  visibility: hidden;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-square {
  font-size: 0;
  height: auto;
  position: relative;
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-square .square {
  display: inline-block;
  height: 13px;
  position: relative;
  width: 231px;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-square .square.bg-c-1 {
  background-color: #182745;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-square .square.bg-c-2 {
  background-color: #f6f6f7;
}

#TeoPlateformeModal .modal-dialog .modal-header .column-2 .box-square .square img {
  height: 100%;
  object-fit: cover;
  object-position: center top;
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-body {
  padding: 29px 30px 62px;
}

#TeoPlateformeModal .modal-dialog .modal-body .column-6 {
  height: auto;
  margin: 52px 0 0;
  position: relative;
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-body .column-6 .box-content {
  font-size: 0;
  height: auto;
  position: relative;
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-body .column-6 .box-content .box {
  display: inline-block;
  height: auto;
  position: relative;
  vertical-align: top;
}

#TeoPlateformeModal .modal-dialog .modal-body .column-6 .box-content .box:nth-child(1) {
  margin-right: calc(100% - (385px + 422px));
  width: 385px;
}

#TeoPlateformeModal .modal-dialog .modal-body .column-6 .box-content .box:nth-child(2) {
  width: 422px;
}

#TeoPlateformeModal .modal-dialog .modal-body .column-6 .box-content .box img {
  width: 100%;
}

#TeoPlateformeModal .modal-dialog .modal-body .column-6 .box-content .box h1 {
  color: white;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 39px;
  margin: 0 0 0;
}

#TeoPlateformeModal .modal-dialog .modal-body .column-6 .box-content .box p {
  color: white;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin: 11px 0 0;
}

#TeoPlateformeModal .modal-dialog .modal-body iframe {
  height: 80vh;
}

.modal-user {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000;
}

.modal-user .fade-user {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.modal-user .box-user {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: auto;
  left: 50%;
  padding: 0 0 50px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 450px;
  z-index: 2;
}

.modal-user .box-user .box-icon {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 100px;
  line-height: 100px;
  margin: 70px auto 0;
  text-align: center;
  width: 100px;
}

.modal-user .box-user .box-icon .icon {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}

.modal-user .box-user .box-icon .icon img {
  width: 100%;
}

.modal-user .box-user h1 {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin: 17px 0 0;
  text-align: center;
}

.modal-user .box-user p {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin: 21px 0 0;
  text-align: center;
}

.modal-user .box-user .form-group {
  font-size: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  position: relative;
  width: 370px;
}

.modal-user .box-user .form-group.mt {
  margin-top: 42px;
}

.modal-user .box-user .radio {
  cursor: pointer;
  color: #828282;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 20px calc(100% - (160px * 2));
  padding-left: 28px;
  position: relative;
  user-select: none;
  width: 160px;
}

.modal-user .box-user .radio:nth-child(1) {
  margin-left: 0;
}

.modal-user .box-user .radio .checkmark {
  background-color: transparent;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #E0E0E0;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}

.modal-user .box-user .radio .checkmark::after {
  border: solid white;
  border-width: 0 2px 2px 0;
  content: "";
  display: none;
  height: 11px;
  left: 5px;
  position: absolute;
  transform: rotate(45deg);
  top: 2px;
  width: 7px;
}

.modal-user .box-user .radio input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}

.modal-user .box-user .radio input:checked ~ .checkmark {
  background-color: #e95a4b;
  border: 1px solid #e95a4b;
}

.modal-user .box-user .radio input:checked ~ .checkmark::after {
  display: block;
}

.modal-user .box-user .radio input:checked + .checkmark {
  font-size: 20px;
}

.modal-user .box-user .radio.checked {
  color: #4F4F4F;
  font-weight: 700;
}

.modal-user .box-user .bootstrap-select {
  width: 100% !important;
}

.modal-user .box-user .bootstrap-select .btn {
  background-color: white;
  border: 1px solid #dadada;
  box-shadow: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #808080;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  line-height: 48px;
  margin: 0;
  padding: 0 0 0 24px;
  width: 100%;
}

.modal-user .box-user .bootstrap-select .btn::after {
  background-image: url("../img/icons/chevron-down.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 0 none;
  height: 24px;
  margin: 0 17px 0 0;
  width: 24px;
}

.modal-user .box-user .bootstrap-select .btn:focus {
  outline: 0 none !important;
}

.modal-user .box-user .bootstrap-select .btn.show::after {
  transform: rotate(180deg);
}

.modal-user .box-user .bootstrap-select .dropdown-menu {
  background-color: white;
  border: 1px solid #dadada;
  box-shadow: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 0;
  width: 100%;
}

.modal-user .box-user .bootstrap-select .dropdown-menu.inner {
  border: 0 none;
}

.modal-user .box-user .bootstrap-select .dropdown-menu .dropdown-item {
  background-color: white;
  color: #808080;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  width: 100%;
}

.modal-user .box-user .bootstrap-select .dropdown-menu .dropdown-item:hover {
  background-color: #e95a4b;
  color: white;
  font-weight: 700;
}

.modal-user .box-user .bootstrap-select .dropdown-menu .dropdown-item.active {
  background-color: #e95a4b;
  color: white;
  font-weight: 700;
}

.modal-user .box-user .button {
  margin: 30px 0 0;
  text-align: center;
}

.modal-user .box-user .button button {
  border: 0 none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 40px;
  padding: 0;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  width: 114px;
}

.modal-user .box-user .button button:hover {
  opacity: 0.8;
}

.modal-user .box-user.info {
  border-top: 4px solid #007AFF;
}

.modal-user .box-user.info .box-icon {
  background-color: #007AFF;
}

.modal-user .box-user.info .box-icon .icon {
  width: 33px;
}

.modal-user .box-user.info .button button {
  background-color: #D3D3D3;
  color: #F2F2F2;
}

.modal-user .box-user.success {
  border-top: 4px solid #27AE60;
}

.modal-user .box-user.success .box-icon {
  background-color: #27AE60;
}

.modal-user .box-user.success .box-icon .icon {
  width: 40px;
}

.modal-user .box-user.success .button button {
  background-color: #e95a4b;
  color: white;
}

.modal-workspace .modal-dialog {
  max-width: 450px;
}

.modal-workspace .modal-dialog .modal-header {
  padding: 35px 40px 0;
}

.modal-workspace .modal-dialog .modal-header .ico-workspace {
  background-color: #007AFF;
  background-image: url("../img2/icons/workspace.svg");
  background-repeat: no-repeat;
  background-size: 51px 46px;
  background-position: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: inline-block;
  height: 100px;
  vertical-align: top;
  width: 100px;
}

.modal-workspace .modal-dialog .modal-header h1 {
  color: #333333;
  font-size: 18px;
  line-height: 26px;
  margin: 12px 0 0;
}

.modal-workspace .modal-dialog .modal-header .box-workspace {
  width: 100%;
}

.modal-workspace .modal-dialog .modal-body {
  padding: 0 40px 40px;
}

.modal-workspace .modal-dialog .modal-body .content-workspace {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.modal-workspace .modal-dialog .modal-body .content-workspace .box-workspace {
  display: inline-block;
  margin: 9px 0 0;
  vertical-align: top;
  width: 100%;
}

.modal-workspace .modal-dialog .modal-body .content-workspace .box-workspace .box {
  background-color: #f3f3f3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 0;
  height: 36px;
  line-height: 36px;
  margin: 2px 0 0;
  padding: 0 9px 0 14px;
  position: relative;
  width: 100%;
}

.modal-workspace .modal-dialog .modal-body .content-workspace .box-workspace .box:nth-child(1) {
  margin: 0;
}

.modal-workspace .modal-dialog .modal-body .content-workspace .box-workspace .box h3 {
  color: #4F4F4F;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  vertical-align: middle;
  width: calc(100% - 18px);
}

.modal-workspace .modal-dialog .modal-body .content-workspace .box-workspace .box .button {
  background-color: white;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 18px;
  position: relative;
  vertical-align: middle;
  width: 18px;
}

.modal-workspace .modal-dialog .modal-body .content-workspace .box-workspace .box .button::before {
  background-image: url("../img2/icons/close.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  filter: invert(68%) sepia(0%) saturate(1%) hue-rotate(52deg) brightness(90%) contrast(87%);
  height: 10px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
}

.modal-workspace .modal-dialog .modal-body .content-workspace .box-workspace .box .button:hover {
  background-color: #1F71DE;
}

.modal-workspace .modal-dialog .modal-body .content-workspace .box-workspace .box .button:hover::before {
  filter: invert(98%) sepia(84%) saturate(302%) hue-rotate(305deg) brightness(122%) contrast(100%);
}

.modal-workspace .modal-dialog .modal-body .content-workspace .box-workspace.hei {
  height: calc((36px * 3) + 4px);
  overflow: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.modal-workspace .modal-dialog .modal-body h2 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18.75px;
  margin: 32px 0 0;
}

.modal-workspace .modal-dialog .modal-body .form-group {
  margin: 28px 0 0;
}

.modal-workspace .modal-dialog .modal-body .form-group label {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18.75px;
  margin: 0 0 8px;
}

.modal-workspace .modal-dialog .modal-body .form-group .btn-dropdown-workspace {
  background-color: white;
  border: 1px solid #E0E0E0;
  cursor: pointer;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 0;
  height: 50px;
  line-height: 48px;
  padding: 0 60px 0 24px;
  position: relative;
  width: 100%;
}

.modal-workspace .modal-dialog .modal-body .form-group .btn-dropdown-workspace::after {
  background-image: url("../img2/icons/arrow-down.svg");
  background-repeat: no-repeat;
  background-size: 14px 8px;
  background-position: center;
  content: '';
  filter: invert(81%) sepia(8%) saturate(0%) hue-rotate(357deg) brightness(96%) contrast(86%);
  height: 24px;
  right: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  z-index: 2;
}

.modal-workspace .modal-dialog .modal-body .form-group .btn-dropdown-workspace::before {
  border: 1px solid #E0E0E0;
  content: '';
  height: 24px;
  right: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  z-index: 1;
}

.modal-workspace .modal-dialog .modal-body .form-group .btn-dropdown-workspace span {
  color: #828282;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
}

.modal-workspace .modal-dialog .modal-body .form-group .dropdown-workspace-crm {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  cursor: auto;
  display: none;
  height: auto;
  left: 0;
  position: absolute;
  top: calc(100% + 5px);
  width: 100%;
  z-index: 20;
}

.modal-workspace .modal-dialog .modal-body .form-group .dropdown-workspace-crm h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 19px 0 0 20px;
}

.modal-workspace .modal-dialog .modal-body .form-group .dropdown-workspace-crm ul {
  margin-bottom: 21px;
  margin-left: 15px;
  margin-top: 22px;
  width: calc(100% - 30px);
}

.modal-workspace .modal-dialog .modal-body .form-group .dropdown-workspace-crm ul li {
  background-color: white;
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  line-height: 30px;
  margin-top: 2px;
  padding: 0 0 0 10px;
  position: relative;
  width: 100%;
}

.modal-workspace .modal-dialog .modal-body .form-group .dropdown-workspace-crm ul li .checkbox_workspace {
  color: #3B383E;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 14px;
  line-height: 14px;
  position: relative;
  margin: 0 8px 0 0;
  padding-left: 22px;
  user-select: none;
  vertical-align: middle;
  width: calc(100% - 8px);
  z-index: 2;
}

.modal-workspace .modal-dialog .modal-body .form-group .dropdown-workspace-crm ul li .checkbox_workspace input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.modal-workspace .modal-dialog .modal-body .form-group .dropdown-workspace-crm ul li .checkbox_workspace .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.modal-workspace .modal-dialog .modal-body .form-group .dropdown-workspace-crm ul li .checkbox_workspace .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.modal-workspace .modal-dialog .modal-body .form-group .dropdown-workspace-crm ul li .checkbox_workspace input:checked ~ .checkmark {
  background-color: #1F71DE;
  border: 1px solid #1F71DE;
}

.modal-workspace .modal-dialog .modal-body .form-group .dropdown-workspace-crm ul li .checkbox_workspace input:checked ~ .checkmark:after {
  display: block;
}

.modal-workspace .modal-dialog .modal-body .form-group .dropdown-workspace-crm ul li .checkbox_workspace .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.modal-workspace .modal-dialog .modal-body .form-group .dropdown-workspace-crm ul li:hover {
  background-color: #F2F2F2;
}

.modal-workspace .modal-dialog .modal-body .form-group .dropdown-workspace-crm ul li.active {
  background-color: #F2F2F2;
}

.modal-workspace .modal-dialog .modal-body .form-group .dropdown-workspace-crm ul.hei {
  height: calc((32px * 5) + 10px);
  overflow: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.modal-workspace .modal-dialog .modal-body button {
  font-size: 16px;
  font-weight: 700;
  margin: 21px 0 0;
}

/* End Modal */
.ContactModal {
  background-color: white;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
  display: none;
  height: 100vh;
  right: 0;
  overflow-y: scroll;
  padding: 0 0 50px;
  position: fixed;
  top: 0;
  width: 680px;
  z-index: 200;
}

.ContactModal .header {
  border-bottom: 1px solid #E0E0E0;
  display: inline-block;
  height: 91px;
  margin-left: 40px;
  position: relative;
  vertical-align: top;
  width: calc(100% - 80px);
}

.ContactModal .header h1 {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 30.94px;
  margin-top: 48px;
}

.ContactModal .header .FermerContactModal {
  background-image: url("../img2/icons/add.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 34px;
  right: -24px;
  position: absolute;
  top: 14px;
  width: 34px;
}

.ContactModal .BoxContact {
  background-color: #f6f6f6;
  display: inline-block;
  font-size: 0;
  height: 300px;
  margin-left: 40px;
  margin-top: 30px;
  padding: 0 29px 0 30px;
  position: relative;
  vertical-align: top;
  width: calc(100% - 80px);
}

.ContactModal .BoxContact .form-group {
  display: inline-block;
  margin-left: calc(100% - (250px * 2));
  margin-top: 20px;
  vertical-align: top;
  width: 250px;
}

.ContactModal .BoxContact .form-group:nth-child(1) {
  margin-left: 0;
  margin-top: 33px;
  width: 100%;
}

.ContactModal .BoxContact .form-group:nth-child(even) {
  margin-left: 0;
}

.ContactModal .BoxContact .form-group label {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin-bottom: 12px;
}

.ContactModal .BoxContact .form-group .form-control {
  background-color: white;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 35px;
  padding: 0 0 0 14px;
  width: 100%;
}

.ContactModal .BoxContact .form-group .form-control:focus {
  outline: 0 none;
}

.ContactModal .BoxContact .form-group .form-control::-webkit-input-placeholder {
  color: black;
  opacity: 0.8;
}

.ContactModal .BoxContact .form-group .form-control::-moz-placeholder {
  color: black;
  opacity: 0.8;
}

.ContactModal .BoxContact .form-group .form-control:-ms-input-placeholder {
  color: black;
  opacity: 0.8;
}

.ContactModal .BoxContact .form-group .form-control:-moz-placeholder {
  color: black;
  opacity: 0.8;
}

.ContactModal .BoxContact .form-group .bootstrap-select {
  width: 100% !important;
}

.ContactModal .BoxContact .form-group .bootstrap-select .btn {
  background-color: white;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 35px;
  line-height: 33px;
  margin: 0;
  padding: 0 0 0 14px;
  width: 100%;
}

.ContactModal .BoxContact .form-group .bootstrap-select .btn::after {
  background-image: url("../img2/icons/arrow-down.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 0 none;
  filter: invert(66%) sepia(1%) saturate(2354%) hue-rotate(233deg) brightness(85%) contrast(93%);
  height: 9px;
  margin: 0 16px 0 0;
  width: 14px;
}

.ContactModal .BoxContact .form-group .bootstrap-select .btn:focus {
  outline: 0 none !important;
}

.ContactModal .BoxContact .form-group .bootstrap-select .btn.show::after {
  transform: rotate(180deg);
}

.ContactModal .BoxContact .form-group .bootstrap-select .dropdown-menu {
  background-color: white;
  border: 1px solid #dadada;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 0;
  width: 100%;
}

.ContactModal .BoxContact .form-group .bootstrap-select .dropdown-menu.inner {
  border: 0 none;
}

.ContactModal .BoxContact .form-group .bootstrap-select .dropdown-menu .dropdown-item {
  background-color: white;
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  padding: 0 14px;
  width: 100%;
}

.ContactModal .BoxContact .form-group .bootstrap-select .dropdown-menu .dropdown-item:hover {
  background-color: #F2F2F2;
}

.ContactModal .BoxContact .form-group .bootstrap-select .dropdown-menu .dropdown-item.active {
  background-color: #F2F2F2;
}

.ContactModal .BoxContact .form-group .DropdownAccount {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 35px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.ContactModal .BoxContact .form-group .DropdownAccount span {
  color: black;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 33px;
  line-height: 33px;
  padding: 0 0 0 14px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.ContactModal .BoxContact .form-group .DropdownAccount span::after {
  background-image: url("../img2/icons/arrow-down.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  filter: invert(66%) sepia(1%) saturate(2354%) hue-rotate(233deg) brightness(85%) contrast(93%);
  height: 8px;
  right: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
}

.ContactModal .BoxContact .form-group .DropdownAccount .account-dropdown-modal-crm {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: block;
  height: auto;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 4px);
  width: 100%;
  z-index: 20;
}

.ContactModal .BoxContact .form-group .DropdownAccount .account-dropdown-modal-crm h3 {
  color: #3B383E;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  margin: 20px 0 0 20px;
}

.ContactModal .BoxContact .form-group .DropdownAccount .account-dropdown-modal-crm ul {
  height: calc(32px * 5);
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-bottom: 26px;
  margin-left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
}

.ContactModal .BoxContact .form-group .DropdownAccount .account-dropdown-modal-crm ul::-webkit-scrollbar {
  display: none;
}

.ContactModal .BoxContact .form-group .DropdownAccount .account-dropdown-modal-crm ul li {
  background-color: white;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 31px;
  line-height: 31px;
  margin-bottom: 1px;
  padding: 0 0 0 9px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.ContactModal .BoxContact .form-group .DropdownAccount .account-dropdown-modal-crm ul li:last-child {
  margin-bottom: 0;
}

.ContactModal .BoxContact .form-group .DropdownAccount .account-dropdown-modal-crm ul li::after {
  background-image: url("../img2/icons/check-dropdown.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  display: none;
  filter: invert(60%) sepia(0%) saturate(353%) hue-rotate(46deg) brightness(95%) contrast(92%);
  height: 9px;
  right: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
}

.ContactModal .BoxContact .form-group .DropdownAccount .account-dropdown-modal-crm ul li:hover {
  background-color: #F2F2F2;
}

.ContactModal .BoxContact .form-group .DropdownAccount .account-dropdown-modal-crm ul li:hover::after {
  display: block;
}

.ContactModal .BoxContact .form-group .DropdownAccount .account-dropdown-modal-crm ul li.active-ligne {
  background-color: #F2F2F2;
}

.ContactModal .BoxContact .form-group .DropdownAccount .account-dropdown-modal-crm ul li.active-ligne::after {
  display: block;
}

.ContactModal .BoxOpportunities {
  display: inline-block;
  font-size: 0;
  height: auto;
  margin-left: 40px;
  margin-bottom: 40px;
  position: relative;
  vertical-align: top;
  width: calc(100% - 80px);
}

.ContactModal .BoxOpportunities h1 {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18.2px;
  margin-bottom: 10px;
  margin-top: 30px;
}

.ContactModal .BoxOpportunities .table-head {
  background-color: #f6f6f6;
  border-bottom: 1px solid #E0E0E0;
  height: 40px;
  width: 100%;
}

.ContactModal .BoxOpportunities .table-head .col {
  display: inline-block;
  line-height: 39px;
  vertical-align: top;
}

.ContactModal .BoxOpportunities .table-head .col:nth-child(1) {
  padding-left: 20px;
  width: calc(100% - (150px + 122px));
}

.ContactModal .BoxOpportunities .table-head .col:nth-child(2) {
  width: 150px;
}

.ContactModal .BoxOpportunities .table-head .col:nth-child(3) {
  width: 122px;
}

.ContactModal .BoxOpportunities .table-head .col span {
  color: #8E8E93;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  vertical-align: middle;
}

.ContactModal .BoxOpportunities .item {
  height: auto;
  width: 100%;
}

.ContactModal .BoxOpportunities .item .table-body {
  background-color: #f6f6f6;
  border-bottom: 1px solid #E0E0E0;
  height: 40px;
  width: 100%;
}

.ContactModal .BoxOpportunities .item .table-body .col {
  display: inline-block;
  line-height: 39px;
  vertical-align: top;
}

.ContactModal .BoxOpportunities .item .table-body .col:nth-child(1) {
  padding-left: 20px;
  width: calc(100% - (150px + 122px));
}

.ContactModal .BoxOpportunities .item .table-body .col:nth-child(2) {
  width: 150px;
}

.ContactModal .BoxOpportunities .item .table-body .col:nth-child(3) {
  width: 122px;
}

.ContactModal .BoxOpportunities .item .table-body .col span {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  vertical-align: middle;
}

.ContactModal .BoxOpportunities .item .table-body .col span font {
  color: #999999;
}

.ContactModal .BoxOpportunities .item .table-body .col .box-type {
  background-color: var(--color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  color: white;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 15.6px;
  max-width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 9px;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
}

.ContactModal .BoxOpportunities .item .table-body .col .box-type.step {
  color: white;
  font-weight: 500;
}

.ContactModal .BoxTabs {
  border-bottom: 1px solid #E0E0E0;
  display: inline-block;
  font-size: 0;
  height: 29px;
  padding-left: 32px;
  position: relative;
  vertical-align: top;
  width: 100%;
  z-index: 2;
}

.ContactModal .BoxTabs li {
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  padding: 0 9px;
  position: relative;
  vertical-align: top;
}

.ContactModal .BoxTabs li::after {
  background-color: #1F71DE;
  bottom: -2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

.ContactModal .BoxInput {
  display: inline-block;
  height: 42px;
  position: relative;
  vertical-align: top;
  width: 100%;
  z-index: 2;
}

.ContactModal .BoxInput .form-control {
  background-color: white;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  bottom: 0;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  height: 42px;
  min-height: 42px;
  overflow-y: hidden;
  left: 40px;
  padding: 12px 80px 12px 20px;
  position: absolute;
  resize: none;
  width: calc(100% - 80px);
  word-wrap: break-word;
  box-sizing: border-box;
}

.ContactModal .BoxInput .form-control:focus {
  outline: 0 none;
}

.ContactModal .BoxInput .form-control::-webkit-input-placeholder {
  color: black;
  opacity: 0.9;
}

.ContactModal .BoxInput .form-control::-moz-placeholder {
  color: black;
  opacity: 0.9;
}

.ContactModal .BoxInput .form-control:-ms-input-placeholder {
  color: black;
  opacity: 0.9;
}

.ContactModal .BoxInput .form-control:-moz-placeholder {
  color: black;
  opacity: 0.9;
}

.ContactModal .BoxInput .form-control::-webkit-scrollbar {
  width: 2px;
}

.ContactModal .BoxInput .form-control::-webkit-scrollbar-track {
  background: white;
}

.ContactModal .BoxInput .form-control::-webkit-scrollbar-thumb {
  background-color: #E0E0E0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.ContactModal .BoxInput button {
  background-color: #2A81EF;
  border: 0 none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  bottom: 4px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: #F2F2F2;
  font-weight: 400;
  height: 34px;
  right: 43px;
  padding: 0;
  position: absolute;
  width: 75px;
}

.ContactModal .BoxInput button:hover {
  background-color: rgba(42, 129, 239, 0.8);
}

.ContactModal .BoxNote {
  display: inline-block;
  height: 555px;
  overflow-y: scroll;
  margin-left: 72px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 0 0 26px;
  position: relative;
  vertical-align: top;
  width: calc(100% - (72px + 39px));
  z-index: 1;
}

.ContactModal .BoxNote::-webkit-scrollbar {
  display: none;
}

.ContactModal .BoxNote::before {
  background-color: #E0E0E0;
  bottom: 0;
  content: "";
  left: 13px;
  height: 100%;
  position: absolute;
  width: 1px;
}

.ContactModal .BoxNote .msg {
  font-size: 0;
  margin: 26px 0 0;
  position: relative;
  width: 100%;
}

.ContactModal .BoxNote .msg::before {
  background-color: #E0E0E0;
  bottom: 0;
  content: "";
  left: 13px;
  height: calc(100% + 26px);
  position: absolute;
  width: 1px;
}

.ContactModal .BoxNote .msg:last-child::before {
  bottom: -26px;
  height: calc(100% + (26px * 2));
}

.ContactModal .BoxNote .msg .avtr, .ContactModal .BoxNote .msg .responsText {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  z-index: 1;
}

.ContactModal .BoxNote .msg .avtr {
  background-color: var(--color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 600;
  height: 26px;
  line-height: 26px;
  text-align: center;
  text-transform: uppercase;
  width: 26px;
}

.ContactModal .BoxNote .msg .responsText {
  margin-left: 29px;
  width: calc(100% - (26px + 29px));
}

.ContactModal .BoxNote .msg .responsText .name {
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.69px;
  text-transform: capitalize;
}

.ContactModal .BoxNote .msg .responsText .name span {
  font-weight: 400;
}

.ContactModal .BoxNote .msg .responsText .sms {
  background-color: #F7F9FA;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.69px;
  margin-top: 6px;
  max-width: 100%;
  vertical-align: top;
  padding: 4px 14px;
  width: auto;
}

/* Popup Solutions Ai Platform */
.popup-solutions-ai-platform {
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500;
}

.popup-solutions-ai-platform .fade-popup {
  background-color: rgba(136, 136, 136, 0.7);
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.popup-solutions-ai-platform .content {
  background-color: white;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: calc(100vh - (98px * 2));
  left: 50%;
  max-height: 769px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 960px;
  z-index: 3;
}

.popup-solutions-ai-platform .content .popup-header {
  display: flex;
  flex-direction: column;
  height: 161px;
}

.popup-solutions-ai-platform .content .popup-header .titre {
  border-bottom: 1px solid #E0E0E0;
  display: flex;
  flex-direction: row;
  height: 52px;
  justify-content: space-between;
  padding: 0 25px 0 30px;
}

.popup-solutions-ai-platform .content .popup-header .titre h1 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25.31px;
  margin-top: 14px;
}

.popup-solutions-ai-platform .content .popup-header .titre .fermer-popup {
  background-image: url("../img2/icons/close.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 10px;
  margin-top: 20px;
  width: 10px;
}

.popup-solutions-ai-platform .content .popup-header .filter {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 32px;
  justify-content: space-between;
  margin-top: 21px;
  padding: 0 50px;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter {
  align-items: center;
  display: flex;
  flex-direction: row;
  grid-column-gap: 10px;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter h1 {
  color: #7C7C7A;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.88px;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  float: left;
  height: 32px;
  min-width: 120px;
  position: relative;
  vertical-align: top;
  width: auto;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform span {
  color: #5A5A5A;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 36px 0 16px;
  position: relative;
  user-select: none;
  vertical-align: top;
  width: 100%;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform .box-specialties-dropdown-ai-platform {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  position: absolute;
  top: calc(100% + 5px);
  width: 210px;
  z-index: 20;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform .box-specialties-dropdown-ai-platform ul {
  margin-bottom: 18px;
  margin-left: 15px;
  margin-top: 16px;
  width: calc(100% - 30px);
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform .box-specialties-dropdown-ai-platform ul li {
  background-color: white;
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  line-height: 30px;
  margin-top: 2px;
  padding: 0 0 0 10px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform .box-specialties-dropdown-ai-platform ul li .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  position: relative;
  margin: 0 8px 0 0;
  padding-left: 22px;
  user-select: none;
  vertical-align: middle;
  width: calc(100% - 8px);
  z-index: 2;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform .box-specialties-dropdown-ai-platform ul li .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform .box-specialties-dropdown-ai-platform ul li .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform .box-specialties-dropdown-ai-platform ul li .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform .box-specialties-dropdown-ai-platform ul li .checkbox input:checked ~ .checkmark {
  background-color: #1F71DE;
  border: 1px solid #1F71DE;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform .box-specialties-dropdown-ai-platform ul li .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform .box-specialties-dropdown-ai-platform ul li .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 9px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .specialties-dropdown-ai-platform.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  float: left;
  height: 32px;
  min-width: 145px;
  position: relative;
  vertical-align: top;
  width: auto;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform span {
  color: #5A5A5A;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 36px 0 16px;
  position: relative;
  user-select: none;
  vertical-align: top;
  width: 100%;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform span::after {
  background-image: url("../img2/icons/arrow-down.svg?v=2");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  filter: invert(58%) sepia(6%) saturate(200%) hue-rotate(202deg) brightness(97%) contrast(84%);
  height: 6px;
  right: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform .box-subspecialties-dropdown-ai-platform {
  background-color: white;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: auto;
  left: 0;
  position: absolute;
  top: calc(100% + 5px);
  width: 210px;
  z-index: 20;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform .box-subspecialties-dropdown-ai-platform ul {
  margin-bottom: 18px;
  margin-left: 15px;
  margin-top: 16px;
  width: calc(100% - 30px);
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform .box-subspecialties-dropdown-ai-platform ul li {
  background-color: white;
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  cursor: pointer;
  color: black;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  line-height: 30px;
  margin-top: 2px;
  padding: 0 0 0 10px;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform .box-subspecialties-dropdown-ai-platform ul li .checkbox {
  color: black;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  position: relative;
  margin: 0 8px 0 0;
  padding-left: 22px;
  user-select: none;
  vertical-align: middle;
  width: calc(100% - 8px);
  z-index: 2;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform .box-subspecialties-dropdown-ai-platform ul li .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform .box-subspecialties-dropdown-ai-platform ul li .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: white;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform .box-subspecialties-dropdown-ai-platform ul li .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform .box-subspecialties-dropdown-ai-platform ul li .checkbox input:checked ~ .checkmark {
  background-color: #1F71DE;
  border: 1px solid #1F71DE;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform .box-subspecialties-dropdown-ai-platform ul li .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform .box-subspecialties-dropdown-ai-platform ul li .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 9px;
  left: 4px;
  top: 0;
  transform: rotate(45deg);
  width: 5px;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform.active {
  border: 1px solid #2F80ED;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.popup-solutions-ai-platform .content .popup-header .filter .box-filter .subspecialties-dropdown-ai-platform.active span::after {
  transform: translateY(-50%) rotate(180deg);
}

.popup-solutions-ai-platform .content .popup-header .filter .box-search {
  align-items: center;
  display: flex;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-search .form-control {
  background-color: #f3f3f3;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: rgba(130, 130, 130, 0.8);
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  padding: 0 0 0 16px;
  position: relative;
  width: 268px;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-search .form-control:focus {
  outline: 0 none;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-search .form-control::-webkit-input-placeholder {
  color: #828282;
  opacity: 1;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-search .form-control::-moz-placeholder {
  color: #828282;
  opacity: 1;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-search .form-control:-ms-input-placeholder {
  color: #828282;
  opacity: 1;
}

.popup-solutions-ai-platform .content .popup-header .filter .box-search .form-control:-moz-placeholder {
  color: #828282;
  opacity: 1;
}

.popup-solutions-ai-platform .content .popup-header .results {
  color: black;
  display: flex;
  flex-direction: row;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.69px;
  margin-top: 26px;
  padding: 0 50px;
  grid-column-gap: 4px;
}

.popup-solutions-ai-platform .content .popup-body {
  display: flex;
  flex-wrap: wrap;
  height: calc(100% - (161px + 92px));
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  margin: 0 auto;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 38px;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 white;
  width: calc(100% - 12px);
}

.popup-solutions-ai-platform .content .popup-body::-webkit-scrollbar {
  width: 7px;
}

.popup-solutions-ai-platform .content .popup-body::-webkit-scrollbar-track {
  background: white;
}

.popup-solutions-ai-platform .content .popup-body::-webkit-scrollbar-thumb {
  background-color: #E8E8E8;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.popup-solutions-ai-platform .content .popup-body::-moz-scrollbar-thumb {
  background-color: #E8E8E8;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.popup-solutions-ai-platform .content .popup-body .item {
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: flex;
  flex-direction: column;
  height: calc((100% - (18px * 2)) / 3);
  min-height: 150px;
  padding: 20px 20px 0;
  width: calc((100% - (16px * 2)) / 3);
}

.popup-solutions-ai-platform .content .popup-body .item.active {
  border: 2px solid #1F71DE;
}

.popup-solutions-ai-platform .content .popup-body .item .ligne {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.popup-solutions-ai-platform .content .popup-body .item .ligne .icon {
  background-color: #e95a4b;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-repeat: no-repeat;
  background-size: 34px 34px;
  background-position: center;
  height: 40px;
  width: 40px;
}

.popup-solutions-ai-platform .content .popup-body .item .ligne .checkbox {
  color: black;
  cursor: pointer;
  display: block;
  height: 20px;
  line-height: 20px;
  position: relative;
  user-select: none;
  margin-top: 10px;
  width: 20px;
  z-index: 2;
}

.popup-solutions-ai-platform .content .popup-body .item .ligne .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.popup-solutions-ai-platform .content .popup-body .item .ligne .checkbox .checkmark {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border: 1px solid #C7C7CC;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: white;
}

.popup-solutions-ai-platform .content .popup-body .item .ligne .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.popup-solutions-ai-platform .content .popup-body .item .ligne .checkbox input:checked ~ .checkmark {
  background-color: #1F71DE;
  border: 1px solid #1F71DE;
}

.popup-solutions-ai-platform .content .popup-body .item .ligne .checkbox input:checked ~ .checkmark:after {
  display: block;
}

.popup-solutions-ai-platform .content .popup-body .item .ligne .checkbox .checkmark:after {
  border: solid white;
  border-width: 0 2px 2px 0;
  height: 12px;
  left: 6px;
  top: 2px;
  transform: rotate(45deg);
  width: 6px;
}

.popup-solutions-ai-platform .content .popup-body .item .ligne h2 {
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.88px;
  margin-top: 3px;
}

.popup-solutions-ai-platform .content .popup-body .item h1 {
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18.75px;
  margin-top: 10px;
}

.popup-solutions-ai-platform .content .popup-body .item p {
  color: #828282;
  display: -webkit-box;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-clamp: 2;
  line-height: 20px;
  margin-top: 5px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.popup-solutions-ai-platform .content .popup-body .item.item-disabled {
  background-color: #f3f3f3;
  border: 0 none;
}

.popup-solutions-ai-platform .content .popup-body .item.item-disabled .ligne .icon {
  background-color: #BDBDBD;
}

.popup-solutions-ai-platform .content .popup-body .item.item-disabled h1 {
  color: #8E8E93;
}

.popup-solutions-ai-platform .content .popup-body .item.item-disabled p {
  color: #8E8E93;
}

.popup-solutions-ai-platform .content .popup-footer {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: row;
  height: 92px;
  left: 0;
  position: absolute;
  justify-content: center;
  grid-column-gap: 10px;
  width: 100%;
}

.popup-solutions-ai-platform .content .popup-footer .cancel {
  background-color: transparent;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  margin-top: 20px;
  padding: 0;
  width: 84px;
}

.popup-solutions-ai-platform .content .popup-footer .cancel:hover {
  border: 1px solid #2A81EF;
  color: #2A81EF;
}

.popup-solutions-ai-platform .content .popup-footer .add-solutions {
  background-color: #1F71DE;
  border: 0 none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  margin-top: 20px;
  padding: 0;
  width: 126px;
}

.popup-solutions-ai-platform .content .popup-footer .add-solutions:hover {
  background-color: #2A81EF;
}

.popup-solutions-ai-platform .content .popup-footer .add-solutions.disabled {
  cursor: no-drop;
}

.popup-solutions-ai-platform .content .popup-footer .add-solutions.disabled:hover {
  background-color: #1F71DE;
}

/* End Popup Solutions Ai Platform */
/* Popup Start New Project */
.popup-new-projet-ai-platform {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  -ms-overflow-style: none;
  scrollbar-width: none;
  top: 0;
  width: 100%;
  z-index: 500;
}

.popup-new-projet-ai-platform::-webkit-scrollbar {
  display: none;
}

.popup-new-projet-ai-platform.hidden {
  display: none;
}

.popup-new-projet-ai-platform .fade-popup {
  background-color: rgba(136, 136, 136, 0.7);
  left: 0;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}

.popup-new-projet-ai-platform .content {
  background-color: white;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: none;
  height: auto;
  flex-direction: column;
  margin: 56px 0;
  padding: 0 0 92px;
  position: relative;
  width: 600px;
  z-index: 3;
}

.popup-new-projet-ai-platform .content .popup-projet-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 40px 0 0;
  position: relative;
}

.popup-new-projet-ai-platform .content .popup-projet-header .fermer-projet-popup {
  background-image: url("../img2/icons/close.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 10px;
  right: 30px;
  position: absolute;
  top: 20px;
  width: 10px;
}

.popup-new-projet-ai-platform .content .popup-projet-header .icon {
  background-color: #007AFF;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 100px;
  width: 100px;
}

.popup-new-projet-ai-platform .content .popup-projet-header .icon.projet {
  background-image: url("../img2/icons/plus-projet.svg");
}

.popup-new-projet-ai-platform .content .popup-projet-header .icon.calendly {
  background-image: url("../img2/icons/calendar-check.svg");
}

.popup-new-projet-ai-platform .content .popup-projet-header h1 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25.31px;
  margin-top: 9px;
}

.popup-new-projet-ai-platform .content .popup-projet-header p {
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: center;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 26px 0;
  justify-content: flex-start;
  padding: 0 50px;
  width: 100%;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(50% - 10px);
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group.full-width {
  width: 100%;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group label {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.41px;
  margin-bottom: 8px;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .form-control {
  background-color: white;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  padding: 0 19px;
  width: 100%;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .form-control:focus {
  outline: 0 none;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .form-control::-webkit-input-placeholder {
  color: #828282;
  opacity: 0.8;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .form-control::-moz-placeholder {
  color: #828282;
  opacity: 0.8;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .form-control:-ms-input-placeholder {
  color: #828282;
  opacity: 0.8;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .form-control:-moz-placeholder {
  color: #828282;
  opacity: 0.8;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .form-control.is-invalid {
  border: 1px solid red;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .bootstrap-select {
  width: 100% !important;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .bootstrap-select .btn {
  background-color: white;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 38px;
  margin: 0;
  padding: 0 12px 0 19px;
  width: 100%;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .bootstrap-select .btn::after {
  background-image: url("../img2/icons/arrow-down.svg");
  background-repeat: no-repeat;
  background-size: 14px 9px;
  background-position: center top 7px;
  border: 1px solid black;
  filter: invert(100%) sepia(0%) saturate(2855%) hue-rotate(323deg) brightness(97%) contrast(81%);
  height: 24px;
  margin: 0;
  width: 24px;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .bootstrap-select .btn:focus {
  outline: 0 none !important;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .bootstrap-select .btn.show::after {
  transform: rotate(180deg);
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .bootstrap-select .dropdown-menu {
  background-color: white;
  border: 1px solid #dadada;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 0;
  width: 100%;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .bootstrap-select .dropdown-menu.inner {
  border: 0 none;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .bootstrap-select .dropdown-menu .dropdown-item {
  background-color: white;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  padding: 0 19px;
  width: 100%;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .bootstrap-select .dropdown-menu .dropdown-item:hover {
  background-color: #F2F2F2;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .bootstrap-select .dropdown-menu .dropdown-item.active {
  background-color: #F2F2F2;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .bootstrap-select .selectpicker.is-invalid + .btn {
  border-color: red;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .box-list-name-workspace {
  background-color: white;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
  display: none;
  height: 195px;
  left: 0;
  position: absolute;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  top: 100%;
  width: 100%;
  z-index: 20;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .box-list-name-workspace::-webkit-scrollbar {
  display: none;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .box-list-name-workspace .box {
  background-color: transparent;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 38px;
  line-height: 38px;
  margin: 1px 0 0;
  padding: 0 17px;
  position: relative;
  vertical-align: top;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.popup-new-projet-ai-platform .content .popup-projet-formulaire .form-group .box-list-name-workspace .box:hover {
  background-color: #cde6fe;
}

.popup-new-projet-ai-platform .content .popup-projet-calendly {
  display: flex;
  flex-direction: column;
  height: 321px;
  margin-top: 38px;
  padding: 0 50px;
  gap: 20px;
}

.popup-new-projet-ai-platform .content .popup-projet-calendly .item {
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: pointer;
  display: flex;
  height: auto;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 20px 16px;
  min-height: 100px;
  gap: 14px;
  width: 100%;
}

.popup-new-projet-ai-platform .content .popup-projet-calendly .item .icon {
  background-image: url("../img2/icons/calendar-01.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  height: 50px;
  width: 50px;
}

.popup-new-projet-ai-platform .content .popup-projet-calendly .item .text {
  display: flex;
  flex-direction: column;
  width: 395px;
}

.popup-new-projet-ai-platform .content .popup-projet-calendly .item .text h1 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18.75px;
}

.popup-new-projet-ai-platform .content .popup-projet-calendly .item .text p {
  color: #7C7C7A;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.41px;
  margin-top: 9px;
}

.popup-new-projet-ai-platform .content .popup-projet-calendly .item.active {
  border: 2px solid #1F71DE;
}

.popup-new-projet-ai-platform .content .popup-projet-calendly .item.active .icon {
  background-image: url("../img2/icons/calendar-02.svg");
}

.popup-new-projet-ai-platform .content .popup-projet-footer {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: row;
  height: 92px;
  left: 0;
  justify-content: center;
  position: absolute;
  grid-column-gap: 10px;
  width: 100%;
}

.popup-new-projet-ai-platform .content .popup-projet-footer .back {
  background-color: transparent;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  padding: 0;
  width: 84px;
}

.popup-new-projet-ai-platform .content .popup-projet-footer .back:hover {
  border: 1px solid #EA3D32;
  color: #EA3D32;
}

.popup-new-projet-ai-platform .content .popup-projet-footer .next {
  background-color: #e95a4b;
  border: 0 none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  padding: 0;
  width: 84px;
}

.popup-new-projet-ai-platform .content .popup-projet-footer .next:hover {
  background-color: #EA3D32;
}

.popup-new-projet-ai-platform .content .popup-projet-footer .created-the-deal {
  background-color: #e95a4b;
  border: 0 none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 117px;
}

.popup-new-projet-ai-platform .content .popup-projet-footer .created-the-deal .containerbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.popup-new-projet-ai-platform .content .popup-projet-footer .created-the-deal .containerbar .bar {
  background-color: transparent;
  min-width: 100%;
  min-height: 3px;
  position: relative;
  overflow: hidden;
}

.popup-new-projet-ai-platform .content .popup-projet-footer .created-the-deal .containerbar .bar::after {
  content: "";
  min-height: 3px;
  position: absolute;
  background: white;
  transform: translateX(-100%);
  animation: animate 2s infinite;
}

.popup-new-projet-ai-platform .content .popup-projet-footer .created-the-deal .containerbar .bar::before {
  content: "";
  min-height: 3px;
  position: absolute;
  background: white;
  transform: translateX(-100%);
  animation: animate 2s infinite;
  animation-delay: 1s;
}

.popup-new-projet-ai-platform .content .popup-projet-footer .created-the-deal:not(.disabled):hover {
  background-color: #EA3D32;
}

/* End Popup Start New Project */
/* Popup Request Unsubscription */
.popup-request-unsubscription-ai-platform {
  align-items: center;
  display: none;
  flex-direction: column;
  height: 100vh;
  left: 0;
  justify-content: center;
  overflow-y: scroll;
  position: fixed;
  -ms-overflow-style: none;
  scrollbar-width: none;
  top: 0;
  width: 100%;
  z-index: 500;
}

.popup-request-unsubscription-ai-platform::-webkit-scrollbar {
  display: none;
}

.popup-request-unsubscription-ai-platform .fade-popup {
  background-color: rgba(136, 136, 136, 0.7);
  left: 0;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}

.popup-request-unsubscription-ai-platform .content {
  background-color: white;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: flex;
  height: auto;
  flex-direction: column;
  margin: 56px 0;
  padding: 0 0 38px;
  position: relative;
  width: 600px;
  z-index: 3;
}

.popup-request-unsubscription-ai-platform .content .popup-request-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 40px 0 0;
  position: relative;
}

.popup-request-unsubscription-ai-platform .content .popup-request-header .fermer-request-popup {
  background-image: url("../img2/icons/close.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 10px;
  right: 30px;
  position: absolute;
  top: 20px;
  width: 10px;
}

.popup-request-unsubscription-ai-platform .content .popup-request-header .icon {
  background-color: #e95a4b;
  background-image: url("../img2/icons/mail.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 54px 54px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 100px;
  width: 100px;
}

.popup-request-unsubscription-ai-platform .content .popup-request-header h1 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25.31px;
  margin-top: 9px;
}

.popup-request-unsubscription-ai-platform .content .popup-request-header p {
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: center;
}

.popup-request-unsubscription-ai-platform .content .popup-request-body {
  display: flex;
  flex-direction: column;
  margin: 23px 0 0;
  padding: 0 50px;
  position: relative;
}

.popup-request-unsubscription-ai-platform .content .popup-request-body .form-group {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.popup-request-unsubscription-ai-platform .content .popup-request-body .form-group label {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.41px;
  margin-bottom: 8px;
}

.popup-request-unsubscription-ai-platform .content .popup-request-body .form-group .form-control {
  background-color: white;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 22.5px;
  min-height: 160px;
  padding: 8px 32px 8px 19px;
  resize: none;
  width: 100%;
}

.popup-request-unsubscription-ai-platform .content .popup-request-body .form-group .form-control:focus {
  outline: 0 none;
}

.popup-request-unsubscription-ai-platform .content .popup-request-body .form-group .form-control::-webkit-input-placeholder {
  color: #828282;
  opacity: 0.8;
}

.popup-request-unsubscription-ai-platform .content .popup-request-body .form-group .form-control::-moz-placeholder {
  color: #828282;
  opacity: 0.8;
}

.popup-request-unsubscription-ai-platform .content .popup-request-body .form-group .form-control:-ms-input-placeholder {
  color: #828282;
  opacity: 0.8;
}

.popup-request-unsubscription-ai-platform .content .popup-request-body .form-group .form-control:-moz-placeholder {
  color: #828282;
  opacity: 0.8;
}

.popup-request-unsubscription-ai-platform .content .popup-request-body .form-group .form-control.is-invalid {
  border: 1px solid red;
}

.popup-request-unsubscription-ai-platform .content .popup-request-footer {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin: 30px 0 0;
  justify-content: center;
  grid-column-gap: 10px;
  width: 100%;
}

.popup-request-unsubscription-ai-platform .content .popup-request-footer .cancel-request {
  background-color: transparent;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  padding: 0;
  width: 84px;
}

.popup-request-unsubscription-ai-platform .content .popup-request-footer .cancel-request:hover {
  border: 1px solid #EA3D32;
  color: #EA3D32;
}

.popup-request-unsubscription-ai-platform .content .popup-request-footer .submit {
  background-color: #e95a4b;
  border: 0 none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  padding: 0;
  width: 84px;
}

.popup-request-unsubscription-ai-platform .content .popup-request-footer .submit:hover {
  background-color: #EA3D32;
}

/* End Popup Request Unsubscription */
/* Popup Deployment */
.popup-deployment-ai-platform {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  -ms-overflow-style: none;
  scrollbar-width: none;
  top: 0;
  width: 100%;
  z-index: 500;
}

.popup-deployment-ai-platform::-webkit-scrollbar {
  display: none;
}

.popup-deployment-ai-platform.hidden {
  display: none;
}

.popup-deployment-ai-platform .fade-popup {
  background-color: rgba(136, 136, 136, 0.7);
  left: 0;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}

.popup-deployment-ai-platform .content {
  background-color: white;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: flex;
  height: auto;
  flex-direction: column;
  margin: 56px 0;
  padding: 0 0 92px;
  position: relative;
  width: 600px;
  z-index: 3;
}

.popup-deployment-ai-platform .content .popup-deployment-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 0 25px;
  padding: 40px 0 0;
  position: relative;
}

.popup-deployment-ai-platform .content .popup-deployment-header .fermer-deployment-popup {
  background-image: url("../img2/icons/close.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  height: 10px;
  right: 30px;
  position: absolute;
  top: 20px;
  width: 10px;
}

.popup-deployment-ai-platform .content .popup-deployment-header .icon {
  background-color: #007AFF;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 100px;
  width: 100px;
}

.popup-deployment-ai-platform .content .popup-deployment-header .icon.deployment {
  background-image: url("../img2/icons/plus-projet.svg");
}

.popup-deployment-ai-platform .content .popup-deployment-header h1 {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25.31px;
  margin-top: 9px;
}

.popup-deployment-ai-platform .content .popup-deployment-header p {
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: center;
  width: 487px;
}

.popup-deployment-ai-platform .content .popup-deployment-header p span {
  color: #4F4F4F;
}

.popup-deployment-ai-platform .content h2 {
  color: #4F4F4F;
  display: flex;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 28.13px;
  margin-bottom: 27px;
  padding: 0 50px;
  width: 100%;
}

.popup-deployment-ai-platform .content hr {
  background-color: #BDBDBD;
  display: flex;
  height: 1px;
  margin: 40px auto;
  opacity: 1;
  width: calc(100% - 100px);
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
  padding: 0 50px;
  width: 100%;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(50% - 10px);
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group.full-width {
  width: 100%;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group label {
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.41px;
  margin-bottom: 8px;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .form-control {
  background-color: white;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  padding: 0 19px;
  width: 100%;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .form-control:focus {
  outline: 0 none;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .form-control::-webkit-input-placeholder {
  color: #828282;
  opacity: 0.8;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .form-control::-moz-placeholder {
  color: #828282;
  opacity: 0.8;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .form-control:-ms-input-placeholder {
  color: #828282;
  opacity: 0.8;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .form-control:-moz-placeholder {
  color: #828282;
  opacity: 0.8;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .form-control.is-invalid {
  border: 1px solid red;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .bootstrap-select {
  width: 100% !important;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .bootstrap-select .btn {
  background-color: white;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 38px;
  margin: 0;
  padding: 0 12px 0 19px;
  width: 100%;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .bootstrap-select .btn::after {
  background-image: url("../img2/icons/arrow-down.svg");
  background-repeat: no-repeat;
  background-size: 14px 9px;
  background-position: center top 7px;
  border: 1px solid black;
  filter: invert(100%) sepia(0%) saturate(2855%) hue-rotate(323deg) brightness(97%) contrast(81%);
  height: 24px;
  margin: 0;
  width: 24px;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .bootstrap-select .btn:focus {
  outline: 0 none !important;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .bootstrap-select .btn.show::after {
  transform: rotate(180deg);
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .bootstrap-select .dropdown-menu {
  background-color: white;
  border: 1px solid #dadada;
  box-shadow: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 0;
  width: 100%;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .bootstrap-select .dropdown-menu.inner {
  border: 0 none;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .bootstrap-select .dropdown-menu .dropdown-item {
  background-color: white;
  color: #828282;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  padding: 0 19px;
  width: 100%;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .bootstrap-select .dropdown-menu .dropdown-item:hover {
  background-color: #F2F2F2;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .bootstrap-select .dropdown-menu .dropdown-item.active {
  background-color: #F2F2F2;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .bootstrap-select .selectpicker.is-invalid + .btn {
  border-color: red;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .fa {
  border: 2px solid #e8594a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  cursor: pointer;
  bottom: 7px;
  height: 26px;
  right: 4px;
  position: absolute;
  width: 26px;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .fa::before {
  background-color: #e8594a;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  content: '';
  height: 18px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 18px;
  z-index: 2;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .fa::after {
  background-image: url("../img2/icons/feather-eye.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  left: 50%;
  filter: brightness(0) saturate(100%) invert(97%) sepia(1%) saturate(1204%) hue-rotate(225deg) brightness(117%) contrast(100%);
  height: 14px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background-image linear 0.3s;
  width: 14px;
  z-index: 3;
}

.popup-deployment-ai-platform .content .popup-deployment-formulaire .form-group .fa.fa-eye-slash::after {
  background-image: url("../img2/icons/feather-eye-off.svg");
}

.popup-deployment-ai-platform .content h3 {
  color: #4F4F4F;
  display: flex;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  flex-direction: column;
  line-height: 16.88px;
  padding: 0 50px;
}

.popup-deployment-ai-platform .content .popup-deployment-footer {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: row;
  height: 92px;
  left: 0;
  justify-content: center;
  position: absolute;
  grid-column-gap: 10px;
  width: 100%;
}

.popup-deployment-ai-platform .content .popup-deployment-footer .cancel {
  background-color: transparent;
  border: 1px solid #E0E0E0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #4F4F4F;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  padding: 0;
  width: 84px;
}

.popup-deployment-ai-platform .content .popup-deployment-footer .cancel:hover {
  border: 1px solid #EA3D32;
  color: #EA3D32;
}

.popup-deployment-ai-platform .content .popup-deployment-footer .submit {
  background-color: #e95a4b;
  border: 0 none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  padding: 0;
  width: 84px;
}

.popup-deployment-ai-platform .content .popup-deployment-footer .submit:hover {
  background-color: #EA3D32;
}

/* End Popup Deployment */
/* Nav Footer */
.nav-footer {
  font-size: 0;
  text-align: center;
  width: 100%;
}

.nav-footer.fixed {
  bottom: 52px;
  left: 0;
  position: fixed;
}

.nav-footer.mt-1 {
  margin-top: 132px !important;
}

.nav-footer a {
  color: #333333;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin-left: 34px;
  position: relative;
  transition: color 0.3s linear;
}

.nav-footer a:nth-child(1) {
  margin-left: 0;
}

.nav-footer a:hover {
  color: #28b5d4;
}

@media screen and (max-height: 850px) {
  .nav-footer.fixed {
    bottom: 46px;
  }
  .nav-footer.mt-1 {
    margin-top: 118px !important;
  }
  .nav-footer a {
    font-size: 12.6px;
    line-height: 12px;
    margin-left: 30px;
  }
}

@media screen and (max-height: 700px) {
  .nav-footer.fixed {
    bottom: 31px;
  }
  .nav-footer.mt-1 {
    margin-top: 105px !important;
  }
  .nav-footer a {
    font-size: 11.2px;
    line-height: 11px;
    margin-left: 26px;
  }
}

@media screen and (max-height: 600px) {
  .nav-footer.fixed {
    bottom: 37px;
  }
  .nav-footer.mt-1 {
    margin-top: 94px !important;
  }
}

@media screen and (max-height: 550px) {
  .nav-footer.fixed {
    bottom: 20px;
  }
  .nav-footer.mt-1 {
    margin-top: 78px !important;
  }
}

/* End Nav Footer */
/*# sourceMappingURL=style.css.map */