/* Minification failed. Returning unminified contents.
(1293,42): run-time error CSS1055: Expected media-query expression, found 'screen'
(3188,63): run-time error CSS1030: Expected identifier, found '.'
(3188,82): run-time error CSS1031: Expected selector, found ')'
(3188,82): run-time error CSS1025: Expected comma or open brace, found ')'
(25263,62): run-time error CSS1030: Expected identifier, found '.'
(25263,85): run-time error CSS1031: Expected selector, found ')'
(25263,85): run-time error CSS1025: Expected comma or open brace, found ')'
(42660,70): run-time error CSS1030: Expected identifier, found '~'
(42660,80): run-time error CSS1031: Expected selector, found ')'
(42660,80): run-time error CSS1025: Expected comma or open brace, found ')'
(46350,23): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(53388,43): run-time error CSS1030: Expected identifier, found '.'
(53388,60): run-time error CSS1031: Expected selector, found ')'
(53388,60): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*/*
 * Style tweaks
 * --------------------------------------------------
 */
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
html,
body {
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  /* Prevent scroll on narrow devices */
  color: #464680;
  overflow-y: hidden !important;
}
input[type=number] {
  -moz-appearance: textfield !important;
}
footer {
  padding: 30px 0;
}
a {
  cursor: pointer;
  color: inherit;
}
a.company-creation {
  color: #48cde0;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
#overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  z-index: 100000;
}
body {
  padding-top: 0;
  height: 100%;
  font-family: 'Heebo-Regular', sans-serif;
  overflow-y: hidden;
  /* Prevent scroll on narrow devices */
  /*
*   Custom theme style
*   --------------------------------------------
*/
  /*::-webkit-scrollbar-track {
      background-color: #f3f3f3;
  }*/
  /*.my-content::-webkit-scrollbar-track {
        margin-bottom: 155px;
    }*/
  /*button for call filter in mobile mode*/
  /*.my-btn-sidebar button {
        margin-top: 22px;
    }*/
  /*sidebar bar dismiss-on-timeout computer*/
}
@media screen and (max-width: 991px) {
  body .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  body .row-offcanvas-right {
    right: 0;
  }
  body .row-offcanvas-left {
    left: 0;
  }
  body .row-offcanvas-right .sidebar-offcanvas {
    right: -50%;
  }
  body .row-offcanvas-left .sidebar-offcanvas {
    left: -50%;
  }
  body .row-offcanvas-right.active .link-card {
    pointer-events: none;
  }
  body .row-offcanvas-left.active {
    left: 50%;
  }
  body .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 243px;
  }
  body .btn-filtre-offline {
    opacity: 0.34;
  }
  body .btn-filtre {
    width: 100px;
    height: 40px;
    border-radius: 4px;
    background-color: #48cde0;
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 16px 24px 2px rgba(0, 0, 0, 0.14), inset -1px 1px 0 0 rgba(255, 255, 255, 0);
    border: solid 1px rgba(0, 0, 0, 0.07);
  }
  body .btn-filtre-contact {
    text-transform: capitalize;
    color: #656f71 !important;
    padding: 0;
    margin: 0;
    min-width: initial;
    min-height: initial;
    background-color: unset !important;
    display: flex;
    align-items: center;
  }
  body .btn-filtre-contact .btn-filtre-icon {
    margin: 0 0 0 5px;
    font-size: 150%;
    min-height: initial;
    height: auto;
    width: auto;
  }
  body .active {
    /**cacher le button quand le filtre est ouvert en mobile**/
  }
  body .active .btn-filtre {
    display: none;
  }
}
body .md-calendar-scroll-mask .md-virtual-repeat-scroller {
  padding-bottom: 0 !important;
}
body .list-linear-background {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
body .my-navbar .my-navbar-link ul:first-child {
  margin-left: 20%;
}
body .main-content {
  width: 100%;
}
body .md-virtual-repeat-container.md-autocomplete-suggestions-container li {
  font-size: 0.85em;
  padding: 0.5em 15px;
  line-height: initial;
  height: initial;
}
body ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
body ::-webkit-scrollbar-thumb {
  background-color: #bebebe;
  border-radius: 100px;
}
body ::-webkit-scrollbar-thumb:hover {
  background-color: #48cde0;
}
body .add-icon-size {
  font-size: 172%;
}
@media (min-width: 992px) {
  body .main-content .my-container {
    margin-top: 0;
    text-align: left;
    padding: 0;
  }
  body .my-container ::-webkit-scrollbar-track {
    background-color: #f3f3f3;
  }
  body ::-webkit-scrollbar {
    width: 10px;
  }
}
@media screen and (max-width: 600px) {
  body .my-content-visjs {
    height: 100vh !important;
  }
}
body .my-content-visjs {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  display: block;
  min-height: 100%;
  padding-bottom: 150px;
  height: auto;
  transform: translateZ(0);
  width: 100vw;
  position: sticky;
  position: -webkit-sticky;
}
@supports (-webkit-overflow-scrolling: touch) {
  body .my-content-visjs {
    padding-bottom: 200px;
  }
}
body .my-content-visjs > :last-child {
  margin-bottom: 200px;
}
body .my-content {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  display: block;
  height: calc(100vh - 160px);
  transform: translateZ(0);
  width: 100vw;
  position: fixed;
}
@supports (-webkit-overflow-scrolling: touch) {
  body .my-content {
    padding-bottom: 200px;
  }
}
@media all and (max-width: 992px) {
  body .my-content {
    height: calc(100vh - 62px);
    /*padding-bottom: 0;*/
  }
}
body .my-content > :last-child {
  margin-bottom: 200px;
}
body .main-section {
  position: fixed;
  width: 100vw;
}
body .main-section .my-content {
  position: inherit;
  width: inherit;
}
body .main-section .my-content-visjs {
  padding-top: 20px;
}
body .main-content .my-container .menu-page {
  background-color: #fff;
  font-weight: 500;
  letter-spacing: 2.3px;
  text-align: left;
  color: #464680;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  top: 0;
  height: 66px;
  font-size: 15px;
  border-bottom: #ddebf6;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
body .main-content .my-container .menu-page .row-switch-ic {
  display: flex;
}
body .main-content .my-container .menu-page .row > span {
  padding-left: 10px;
}
@media (min-width: 992px) {
  body .main-content .my-container .menu-page .row > span {
    padding-left: 8px;
    padding-right: 8px;
  }
}
body .main-content .my-container .menu-page .row .menu-page-match {
  width: 5vw;
  text-align-last: end;
  padding-left: 0px;
}
body .main-content .my-container .menu-page .row .candidate-liste-style {
  padding-top: 22px;
  margin-top: -16px;
}
body .main-content .my-container .menu-page .row .switch-ic {
  width: 50vw;
  display: flex;
  justify-content: center;
  align-self: center;
}
body .main-content .my-container .menu-page .row .switch-ic .chevron-right:before {
  content: "\232A";
  min-width: 1000px;
  padding: 0 15px;
}
body .main-content .my-container .menu-page .row .switch-ic .chevron-left:before {
  content: "\2329";
  min-width: 1000px;
  padding: 0 15px;
}
@media (max-width: 991px) {
  body .main-content .row-offcanvas.active .my-sidebar {
    position: fixed;
    right: 0;
    z-index: 999;
    display: block;
    background: white;
    margin-top: 0;
  }
  body .main-content .row-offcanvas .my-sidebar {
    display: none;
  }
  body .main-content .my-container .menu-page-collab {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    letter-spacing: 1px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
    width: 100vw;
    height: 75px;
  }
  body .main-content .my-container .menu-page {
    padding: 23px 0 15px 20px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    letter-spacing: 1px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
    height: 75px;
    width: 100vw;
  }
  body .container {
    padding: 0px;
  }
  body .main-content .my-container {
    padding: 0 !important;
    width: 100%;
  }
  body .my-sidebar {
    padding: 0 !important;
  }
  body .skyline {
    display: none;
  }
}
body .main-content .row-offcanvas .my-sidebar {
  border-left: 1px solid lightgray;
  height: 100%;
  padding-bottom: 100px;
  margin-top: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: fixed;
}
body .my-sidebar ::-webkit-scrollbar {
  margin-bottom: 103px;
}
@media (min-width: 992px) {
  body .my-sidebar {
    padding: 0;
  }
  body .main-content .row-offcanvas .my-sidebar {
    position: fixed;
    right: 0;
  }
}
body .my-btn-sidebar {
  text-align: center;
  position: fixed;
  z-index: 1000;
  bottom: 70px;
  left: 35%;
}
body .my-btn-sidebar-contact {
  position: fixed;
  z-index: 1000;
  right: 10px;
  top: 10px;
}
body #footer > div {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 0 30px 5px rgba(0, 0, 0, 0.12), 0 0 24px 2px rgba(0, 0, 0, 0.14), inset 0 1px 0 0 #f2f3f3;
  color: #464680;
}
body #footer > div a.active {
  color: #48cde0;
}
body #footer .my-navbar-bottom a {
  color: #000;
}
body .navbar-brand {
  width: 100%;
  height: 100%;
}
body .agiteamLogo {
  object-fit: contain;
  float: left;
}
body .user-identity {
  display: inline-block;
  float: right;
  padding-left: 0px;
  padding-right: 0px;
}
body .navbar-fixed-top {
  border-width: 0 0 0;
}
body .navbar.navbar-fixed-top.my-navbar.hidden-xs {
  margin-bottom: 0;
  background-color: white;
}
body .menuText {
  display: flex;
  align-items: center;
  width: 64px;
  height: 20px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #464680;
  margin: 15px;
  width: 100%;
  height: 50px;
}
@media (max-width: 991px) {
  body .menuText {
    width: auto;
    font-size: 15px;
    margin-left: 3px;
    margin-right: 3px;
  }
}
@media (max-width: 1279px) {
  body .menuText {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
body .active-link {
  border-bottom-color: #48cde0;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  color: #48cde0;
}
body .space-betwen-candidate {
  width: 100%;
  text-align: center;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  letter-spacing: normal;
}
body .sidebar-offcanvas.my-sidebar {
  background-color: #ffffff;
  box-shadow: inset 0 -1px 0 0 #ddecf7, inset 1px 0 0 0 #ddecf7;
}
@media screen and (max-width: 320px) {
  .btn-filtre-contact {
    font-size: 11px;
  }
}
.slide-mask {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: rgba(127, 127, 127, 0);
  transition: background-color 1s;
  z-index: 500;
  opacity: 0;
}
body.ng-pageslide-body-open .slide-mask {
  display: block;
  background-color: #000000;
  opacity: 0.5;
  transition: opacity 1s;
  pointer-events: all;
}
body.ng-pageslide-body-closed .slide-mask {
  transition: opacity 1s;
  display: block;
  background-color: #000000;
  opacity: 0;
  pointer-events: none;
}
/*.ng-pageslide-body-open {
    
        display: block;
        transition: background-color 1s;
        background-color: rgba(127,127,127,0.5);
    }
}

.ng-pageslide-body-closed {
    pageslide {
        box-shadow: none;
        display: none;
    }
}*/
.slide-close {
  visibility: hidden;
  opacity: 0;
}
.slide-open {
  opacity: 1;
}
pageslide {
  background-color: white;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  height: 100vh;
  box-shadow: -20px 0 60px 0 rgba(0, 0, 0, 0.2);
  min-width: 320px;
  transition-delay: 0.1s;
  transform: translateZ(0);
}
@media (min-width: 992px) {
  pageslide {
    min-width: 500px;
  }
}
pageslide .header {
  height: 70px;
  background-image: linear-gradient(to left, #ffffff, #eaf8fa), linear-gradient(#fafbfc, #fafbfc);
  box-shadow: inset 1px 0 0 0 rgba(221, 235, 246, 0.8);
  margin-bottom: 10px;
}
pageslide .header i {
  margin: 25px;
}
pageslide .box-title {
  height: 120px;
  box-shadow: inset 0 -1px 0 0 #f2f3f3;
}
pageslide .box-title .name-title {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 34px;
  line-height: 1.03;
  text-align: left;
  color: #474781;
}
pageslide .box-title .function-title {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.07;
  text-align: left;
  color: #464680;
}
pageslide .box-title .experience-title {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.2px;
  text-align: left;
  color: #464680;
}
pageslide .slide-content {
  /*padding: 20px 40px 40px 40px;*/
  width: 90%;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
}
pageslide .slide-content .action-button {
  margin-top: 20px;
}
pageslide .slide-content-RDV {
  /*padding: 20px 40px 40px 40px;*/
  width: 90%;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
}
pageslide .slide-content-RDV .action-button {
  margin-top: 20px;
}
pageslide .md-errors-spacer:empty {
  min-height: 0px !important;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-right: 0;
  padding-left: 0;
}
.form-control-feedback {
  width: auto;
  padding-right: 5px;
}
.row {
  margin-right: 0;
  margin-left: 0;
}
.md-datepicker-calendar-pane {
  z-index: 1000 !important;
}
.md-datepicker-is-showing .md-scroll-mask {
  z-index: 9000 !important;
}
.md-select-menu-container.md-select-menu-container {
  z-index: 9999 !important;
}
md-backdrop.md-select-backdrop {
  z-index: 9998 !important;
}
.md-virtual-repeat-container {
  z-index: 1000 !important;
}
md-input-container:not(.md-input-has-value) input:not(:focus) {
  color: black;
}
md-time-picker.hide-timepicker-button .md-icon-button {
  display: none;
}
md-time-picker.hide-timepicker-button md-input-container {
  margin: 0;
}
.is-busy {
  z-index: 5000 !important;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: rgba(127, 127, 127, 0.5);
  top: 0;
  left: 0;
}
.is-busy md-progress-circular {
  width: 50px;
  height: 50px;
  background: white;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 20px #ffffff, 0px 3px 15px 20px #888888;
  margin: auto;
}
.skyline {
  width: 100%;
  height: 20px;
  background-image: linear-gradient(282deg, #48cde0, #464680);
  margin-bottom: 0px;
  margin-top: 79px;
}
@media (max-width: 991px) {
  .skyline {
    display: none;
  }
}
.skyline-myInformation {
  width: 100%;
  height: 20px;
  background-image: linear-gradient(282deg, #48cde0, #464680);
  margin-bottom: 0px;
  margin-top: 79px;
}
@media (max-width: 991px) {
  .skyline-myInformation {
    display: none;
  }
}
.skyline-myInformation .button-back {
  width: auto;
  line-height: 80px;
  display: inline-block;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.7px;
  color: white;
  padding-left: 65px;
}
.skyline-myInformation .button-back .backtext {
  margin-top: 0px;
  line-height: 40px;
  vertical-align: middle;
  text-transform: uppercase;
  border-left-color: rgba(255, 255, 255, 0.8);
  border-left-style: solid;
  border-left-width: 1px;
}
.skyline-myInformation .button-back span {
  padding-left: 15px;
  display: none;
}
@media (min-width: 992px) {
  .skyline-myInformation .button-back span {
    display: inline-block;
  }
}
.skyline-reversed {
  width: 100%;
  height: 80px;
  background-image: linear-gradient(282deg, #48cde0, #464680);
  margin-bottom: 0px;
  margin-top: 79px;
}
.skyline-reversed .button-back {
  width: auto;
  line-height: 80px;
  display: inline-block;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.7px;
  color: white;
  /*margin: auto 0 auto 40px;
        padding-top: 25px;*/
  /*@media (max-width: (@md-width - 1px)) {
            width: auto;
            margin-left: 10px;
        }*/
}
.skyline-reversed .button-back .icon-fleche {
  width: 30px;
  padding: 0 7px 0 7px;
  margin-right: 15px;
  font-size: 14px;
}
.skyline-reversed .button-back .arrow {
  display: inline-block;
}
.skyline-reversed .button-back .backtext {
  margin-top: 0px;
  line-height: 40px;
  vertical-align: middle;
  text-transform: uppercase;
  border-left-color: rgba(255, 255, 255, 0.8);
  border-left-style: solid;
  border-left-width: 1px;
}
.skyline-reversed .button-back span {
  padding-left: 15px;
  display: none;
}
@media (min-width: 992px) {
  .skyline-reversed .button-back span {
    display: inline-block;
  }
}
.skyline-reversed .button-container {
  height: 80px;
  padding-right: 37px;
  float: right;
}
@media (max-width: 991px) {
  .skyline-reversed .button-container {
    padding-right: 5px;
  }
}
.skyline-reversed .button-container .button-skyline {
  display: block;
  float: right;
  margin-left: 5px;
}
.skyline-reversed .button-container .button-skyline.hidden {
  visibility: hidden;
}
@media (max-width: 991px) {
  .skyline-reversed {
    display: none;
  }
}
*:focus {
  outline: 0 !important;
}
.md-dialog-container {
  z-index: 1001 !important;
}
md-tabs[md-border-bottom] md-tabs-wrapper * {
  border: none !important;
}
md-tabs.md-default-theme md-ink-bar,
md-tabs md-ink-bar {
  color: #48cde0 !important;
  background-color: #48cde0 !important;
}
.md-open-menu-container {
  z-index: 1000 !important;
}
md-backdrop.md-select-backdrop {
  /*z-index: 8999;*/
}
.popover {
  max-width: 100%;
}
.text-bold {
  font-weight: bold;
}
textarea {
  color: #464680 !important;
}
.form-control-feedback {
  z-index: 0;
}
md-content {
  color: #464680;
}
.contains-scroller {
  /*
    display: flex;
    flex-direction: column;
    height: 100%;
*/
}
.child-contains-scroller > :first-child {
  /*
    display: flex;
    flex-direction: column;
    height: 100%;
*/
}
.sidenav-over-all-mobile {
  position: fixed;
  z-index: 300;
}
.safari-spacer {
  color: transparent;
  -webkit-text-fill-color: transparent;
  height: 80px;
  display: block;
}
@media (min-width: 992px) {
  .refresh-button {
    position: absolute;
    bottom: 24px;
    left: 24px;
  }
}
.refresh-button.btn-agb {
  position: absolute;
  bottom: 70px;
  width: 80vw;
  z-index: 999;
  left: 10vw;
  white-space: normal;
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 16px 24px 2px rgba(0, 0, 0, 0.14), inset -1px 1px 0 0 rgba(255, 255, 255, 0);
}
.dropdown-sub-content-first {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 170px;
  box-shadow: 0 2px 8px 0 rgba(105, 99, 99, 0.5);
  z-index: 1;
  margin-top: -40px;
  margin-left: -170px;
}
.dropdown-sub-content-first a {
  color: #656f71;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-sub-first:hover .dropdown-sub-content-first {
  display: block;
}
.dropdown-sub-content-middle {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 170px;
  box-shadow: 0 2px 8px 0 rgba(105, 99, 99, 0.5);
  z-index: 1;
  margin-top: -40px;
  margin-left: -170px;
}
.dropdown-sub-content-middle a {
  color: #656f71;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-sub-middle:hover .dropdown-sub-content-middle {
  display: block;
}
.dropdown-sub-content-last {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 170px;
  box-shadow: 0 2px 8px 0 rgba(105, 99, 99, 0.5);
  z-index: 1;
  margin-top: -40px;
  margin-left: -170px;
}
.dropdown-sub-content-last a {
  color: #656f71;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-sub-last:hover .dropdown-sub-content-last {
  display: block;
}
.dropdown .dropbtn {
  padding: 16px;
  color: #656f71;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 170px;
  box-shadow: 0 2px 8px 0 rgba(105, 99, 99, 0.5);
  z-index: 1;
  margin-top: -15px;
  margin-left: -12px;
}
@media screen and (max-width: 1279px) {
  .dropdown-content {
    margin-left: -44px;
  }
}
.dropdown-content a {
  color: #656f71;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {
  background-color: #ebebeb;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown:hover .dropbtn {
  background-color: #ebebeb;
}
/*.md-virtual-repeat-scroller {
        padding-bottom: 60px !important;
    }*/
.custom-popover-header {
  font-size: 10px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  line-height: normal;
  color: #464680;
}
.tests-popover-content {
  border-radius: 10px;
  font-size: 10px;
  color: white;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  background-color: #2FC254;
  height: 14px;
  padding: 1px 7px 1px 7px;
  width: fit-content;
  margin-top: 5px;
}
.tests-popover-content:first-of-type {
  margin-top: 10px;
}
.mixed-skills-container-popover {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 1305px) {
  .mixed-skills-container-popover {
    width: 300px;
  }
}
.mixed-skills-container-popover .skill-name-inline {
  display: inline-block;
}
.mixed-skills-container-popover .functional-skills-container-popover {
  margin-top: 3px;
}
.mixed-skills-container-popover .functional-skills-container-popover span {
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #3f4176;
  margin-right: 5px;
  background-color: #cdeff4;
}
.mixed-skills-container-popover .technical-skills-container-popover {
  margin-top: 3px;
}
.mixed-skills-container-popover .technical-skills-container-popover span {
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #3f4176;
  border: 1px solid #48cde0;
  margin-right: 5px;
}
.mixed-skills-container-popover .soft-skills-container-popover {
  margin-top: 3px;
}
.mixed-skills-container-popover .soft-skills-container-popover span {
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #3f4176;
  margin-right: 5px;
  background-color: rgba(255, 152, 0, 0.29);
  text-transform: uppercase;
}
@media (max-width: 1100px) {
  .menuText {
    font-size: 14px !important;
  }
}
@media (min-width: 1101px) and (max-width: 1350px) {
  .menuText {
    font-size: 16px !important;
  }
}
@media (min-width: 1351px) {
  .menuText {
    font-size: 18px !important;
  }
}
@media all and (min-width: 992px) {
  body .my-content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.icon-margin-right {
  margin-right: 8px;
}
.container-center {
  display: flex !important;
  align-items: center;
  margin: 2px;
}
.aqua-color {
  color: #48cde0;
}
.icon-for-material-28 {
  font-size: 28px !important;
}
.icon-for-material-26 {
  font-size: 26px !important;
}
.icon-for-material-22 {
  font-size: 22px !important;
}
.icon-for-material-large {
  font-size: 20px !important;
  cursor: pointer;
}
.icon-for-material {
  font-size: 22px !important;
  cursor: pointer;
}
.icon-for-material-24 {
  font-size: 24px !important;
}
.icon-for-material-26 {
  font-size: 26px !important;
}
.icon-for-material-28 {
  font-size: 28px !important;
}
.icon-for-material-medium {
  font-size: 18px !important;
}
.icon-for-material-small {
  font-size: 16px !important;
}
.icon-for-material-smaller {
  font-size: 14px !important;
}
.icon-for-material-tiny {
  font-size: 12px !important;
}
.icon-in-field {
  position: relative;
  margin-top: -33px !important;
  float: right;
  padding-top: 2px !important;
}
.icon-in-date-field {
  position: relative;
  margin-top: -39px !important;
  float: right;
  padding-top: 2px !important;
}
.icon-align-middle {
  margin-left: 5px !important;
  vertical-align: middle !important;
}
.icon-grey-color {
  color: #c8c7d9;
}
.contract-input-file {
  display: none !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.clockpicker-popover.clockpicker-popover.clockpicker-popover {
  max-width: 100% !important;
}
.blue-color.blue-color {
  color: #474781;
}
.blue-background.blue-background {
  background-color: #474781;
}
.red-color.red-color {
  color: #FF1744;
}
.red-background.red-background {
  background-color: #FF1744;
}
.orange-color.orange-color {
  color: #FF9800;
}
.orange-background.orange-background {
  background-color: #FF9800;
}
.green-color.green-color {
  color: #00C853;
}
.green-background.green-background {
  background-color: #00C853;
}
.reinit-filters-container-all {
  margin: 8px 10px 16px 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  height: 34px;
}
.reinit-filters-container-all:hover {
  background: #f1f2f2;
}
.reinit-filters {
  margin: 2px 0 0 8px;
}
.width-page-slide-100 {
  width: 100% !important;
}
.width-page-slide-40 {
  width: 40% !important;
}
.width-page-slide-30 {
  width: 40% !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.underNavbar {
  list-style-type: none;
  justify-content: center;
  align-items: flex-start;
  padding-top: 12px;
  padding-right: 25px;
  padding-left: 25px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0px;
}
.underNavbar .titles {
  text-align: center;
  font-size: 17px;
  cursor: pointer;
  padding: 20px 20px;
}
.underNavbar .titles:hover {
  background-color: #eee;
}
.underNavbar .actif {
  color: #48cde0;
  border-bottom: 2px solid #48cde0;
}
@media screen and (max-width: 375px) {
  .underNavbar {
    list-style-type: none;
    height: auto;
    padding: 0;
    justify-content: normal;
    overflow-x: scroll;
  }
  .underNavbar::-webkit-scrollbar {
    display: none;
  }
  .underNavbar .titles {
    font-size: 14px;
    cursor: pointer;
  }
  .underNavbar .titles:hover {
    background-color: #eee;
  }
  .underNavbar .actif {
    color: #48cde0;
    border-bottom: 2px solid #48cde0;
  }
}
@media screen and (max-width: 375px) and screen and (max-width: 375px) {
  .underNavbar .titles {
    font-size: 11px;
    padding: 20px;
    margin-left: 0;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.addOrDeleteRoleModal {
  height: 45%;
  width: 25%;
  max-width: unset;
  max-height: unset;
}
.addOrDeleteRoleModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.addOrDeleteRoleModal .modal-header {
  height: 48px;
  background: #48cde0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.addOrDeleteRoleModal .modal-header span {
  font-size: 16px;
}
.addOrDeleteRoleModal .i-close {
  position: absolute;
  right: 24px;
  cursor: pointer;
  font-size: 22px;
}
.addOrDeleteRoleModal .i-close:hover {
  background: rgba(0, 0, 0, 0.1);
}
.addOrDeleteRoleModal .text-container {
  padding: 24px 24px 0 24px;
  display: flex;
  flex-direction: column;
  font-size: 12px;
}
.addOrDeleteRoleModal .text-container span {
  color: #464680;
}
.addOrDeleteRoleModal .text-container span + span {
  color: #FF9800;
  margin: 8px 0 0 0;
}
.addOrDeleteRoleModal .select-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 24px 24px 0 24px;
}
.addOrDeleteRoleModal .select-container md-input-container {
  margin: 0;
  padding: 2px 0;
}
.addOrDeleteRoleModal .select-container md-input-container md-select,
.addOrDeleteRoleModal .select-container md-input-container md-datepicker {
  padding: 0 2px;
}
.addOrDeleteRoleModal .select-container md-input-container input {
  padding-left: 4px;
}
.addOrDeleteRoleModal .half-width {
  width: 80%;
}
.addOrDeleteRoleModal .icon-container {
  display: flex;
  align-items: center;
  position: relative;
}
.addOrDeleteRoleModal .i-error-outline {
  position: absolute;
  right: -32px;
  font-size: 22px;
  color: #b9bebe;
  cursor: pointer;
}
.addOrDeleteRoleModal .i-error-outline:hover {
  color: #48cde0;
}
.addOrDeleteRoleModal .modal-btns-container {
  margin: 24px;
  display: flex;
  justify-content: space-around;
}
.addOrDeleteRoleModal .role-name-container.role-name-container {
  margin: 0 0 8px 0;
}
.filled-grey {
  height: 32px;
  background: #b9bebe;
  width: 128px;
  border: 1px solid #b9bebe;
  color: white;
  border-radius: 4px;
  margin: 0 4px;
}
.filled-grey:hover {
  background: white;
  color: #b9bebe;
  transition: 0.3s;
}
.filled-grey.disabled,
.filled-grey[disabled],
fieldset[disabled] .filled-grey {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: unset;
}
.filled-red {
  height: 32px;
  background: #FF1744;
  width: 128px;
  border: 1px solid #FF1744;
  color: white;
  border-radius: 4px;
  margin: 0 4px;
}
.filled-red:hover {
  background: white;
  color: #FF1744;
  transition: 0.3s;
}
.filled-red.disabled,
.filled-red[disabled],
fieldset[disabled] .filled-red {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: unset;
}
.filled-aqua {
  height: 32px;
  background: #48cde0;
  width: 128px;
  border: 1px solid #48cde0;
  color: white;
  border-radius: 4px;
  margin: 0 4px;
}
.filled-aqua:hover {
  background: white;
  color: #48cde0;
  transition: 0.3s;
}
.filled-aqua.disabled,
.filled-aqua[disabled],
fieldset[disabled] .filled-aqua {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: unset;
}
.information-role-popover.information-role-popover.information-role-popover {
  background: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  border: unset;
  border-radius: unset;
  margin-top: -1px !important;
  margin-left: 16px !important;
  max-width: 260px !important;
}
.information-role-popover.information-role-popover.information-role-popover .arrow {
  border-right-color: rgba(0, 0, 0, 0.1) !important;
}
.information-role-popover.information-role-popover.information-role-popover .popover-inner .popover-content {
  padding: 8px 16px;
  font-size: 12px;
}
.information-role-popover.information-role-popover.information-role-popover .popover-inner .popover-content .header-container {
  font-weight: bold;
  margin-bottom: 8px;
}
.information-role-popover.information-role-popover.information-role-popover .popover-inner .popover-content .content-container {
  display: flex;
  align-items: center;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
#pageAddEditContact {
  background-color: white;
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
@media (max-width: 991px) {
  #pageAddEditContact .main-place form .middle-content {
    padding: 21px 5% 30px 5%;
  }
  #pageAddEditContact .main-place form .middle-content .first-edit-bloc {
    padding-right: 0;
  }
  #pageAddEditContact .main-place form .middle-content .second-edit-bloc {
    padding-right: 0;
  }
  #pageAddEditContact .main-place form .middle-content .second-edit-bloc skill-material-v2 md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
    color: #a5c0d4;
  }
  #pageAddEditContact .main-place form .middle-content .third-edit-bloc {
    padding-left: 0;
  }
  #pageAddEditContact .main-place form .middle-content.row-infos {
    padding-bottom: 0;
  }
  #pageAddEditContact .main-place form .middle-content.row-memo .for-incident h1 {
    color: #FF1744;
    border-bottom-color: #FF1744;
  }
  #pageAddEditContact .main-place form .for-incident h1 {
    color: #FF1744;
    border-bottom-color: #FF1744;
  }
}
@media (min-width: 992px) {
  #pageAddEditContact .main-place form .middle-content {
    padding: 32px 2.52747253% 30px 4.94505495%;
  }
  #pageAddEditContact .main-place form .middle-content .first-edit-bloc {
    padding-right: 46px;
  }
  #pageAddEditContact .main-place form .middle-content .second-edit-bloc {
    padding-right: 46px;
  }
  #pageAddEditContact .main-place form .middle-content .second-edit-bloc skill-material-v2 md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
    color: #a5c0d4;
  }
  #pageAddEditContact .main-place form .middle-content .third-edit-bloc {
    padding-right: 46px;
  }
  #pageAddEditContact .main-place form .middle-content.row-infos {
    padding-bottom: 0;
  }
  #pageAddEditContact .main-place form .middle-content.row-memo {
    padding-top: 0;
  }
  #pageAddEditContact .main-place form .middle-content.row-memo :not(:first-child) h1 {
    margin-left: 2px;
  }
  #pageAddEditContact .main-place form .middle-content.row-memo :not(:last-child) h1 {
    margin-right: 2px;
  }
  #pageAddEditContact .main-place form .middle-content.row-memo .for-memo {
    padding-right: 23px;
  }
  #pageAddEditContact .main-place form .middle-content.row-memo .for-incident {
    padding-left: 23px;
  }
  #pageAddEditContact .main-place form .middle-content.row-memo .for-incident h1 {
    color: #FF1744;
    border-bottom-color: #FF1744;
  }
  #pageAddEditContact .main-place form .for-incident h1 {
    color: #FF1744;
    border-bottom-color: #FF1744;
  }
}
#pageAddEditContact .main-place form .top-content {
  display: block;
}
@media (max-width: 992px) {
  #pageAddEditContact .main-place form .top-content {
    padding: 12px 10px 0;
  }
}
#pageAddEditContact .main-place form .top-content .header-content {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 992px) {
  #pageAddEditContact .main-place form .top-content .header-content {
    flex-direction: column;
  }
}
#pageAddEditContact .main-place form .top-content .header-content .forName {
  display: flex;
}
@media (max-width: 992px) {
  #pageAddEditContact .main-place form .top-content .header-content .forName {
    flex-direction: column;
    margin-left: unset;
  }
}
@media (max-width: 992px) {
  #pageAddEditContact .main-place form .top-content .header-content .forName .for-first-name {
    margin-right: unset;
  }
}
@media (max-width: 992px) {
  #pageAddEditContact .main-place form .top-content .header-content .forName .for-title {
    margin-right: unset;
  }
}
@media (max-width: 992px) {
  #pageAddEditContact .main-place form .top-content .header-content .forName .input-container-info label {
    transform: translate3d(-4px, 22px, 0) scale(1);
  }
}
@media (max-width: 992px) {
  #pageAddEditContact .main-place form .top-content .header-content .forName > div:nth-child(2) {
    margin-right: unset;
  }
}
#pageAddEditContact .main-place .footer {
  box-shadow: none;
  column-gap: 10px;
  padding: 0 5px;
}
#pageAddEditContact .main-place .keep-create {
  text-transform: initial;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#pageAddEditContact .main-place .keep-create-desktop {
  padding-top: 0;
}
#pageAddEditContact .main-place .keep-create-text {
  font-size: 12px;
  display: flex;
  align-items: center;
}
#pageAddEditContact md-input-container.for-phone-fixe {
  margin-bottom: 0;
  padding-bottom: 0;
}
#pageAddEditContact md-input-container.for-phone-mobile {
  margin-top: 0px;
  margin-bottom: 0;
  padding-bottom: 0;
}
#pageAddEditContact md-input-container.for-phone-standard {
  margin-top: 0px;
  margin-bottom: 0;
  padding-bottom: 0;
}
#pageAddEditContact md-input-container.for-mail {
  margin-top: 0;
}
#pageAddEditContact .mailError {
  color: red;
  font-size: 90%;
  margin-left: 5px;
}
#pageAddEditContact .mailErrorInput {
  border-color: red;
}
#pageAddEditContact .block {
  margin: 0;
}
#pageAddEditContact a[href^="mailto"]:hover:after {
  content: attr(title);
  background-color: pink !important;
}
#pageAddEditContact form[name=formAddEditContact] {
  background-color: white;
}
#pageAddEditContact contact-edit-coordinate md-input-container {
  width: 100%;
}
#pageAddEditContact contact-edit-coordinate md-input-container.with-icon i {
  margin-top: -34px;
}
#pageAddEditContact contact-edit-coordinate md-input-container.with-icon.for-mail i {
  margin-top: -26px;
  height: auto;
}
#pageAddEditContact .newcompany {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 3px;
  margin-right: 3px;
}
.reminderDateContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.reminderDateContainer md-input-container:nth-child(2) {
  width: 125px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.flex-display {
  display: flex;
}
.on-the-right {
  text-align: right;
}
.first-col-for-icon {
  font-size: 16px;
  color: #48cde0;
  text-align: center;
  margin: 24px -10px 0 -19px;
}
md-input-container {
  width: 90%;
}
md-input-container label {
  opacity: 0.7;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif !important;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #a5c0d4 !important;
}
#pageAddEditEmployee {
  /*********** Propriétés générales **********/
  /***** Les champs dans des colonnes à droite *****/
  /********** TOP content **********/
  /********** Footer **********/
}
#pageAddEditEmployee .preferred-tech-skills {
  margin-top: 16px;
  font-size: 15px;
}
@media (max-width: 992px) {
  #pageAddEditEmployee .material-icons {
    margin-left: unset;
  }
}
#pageAddEditEmployee .preferred-tech-skills-title {
  display: flex;
  margin-right: 8px;
}
#pageAddEditEmployee .custom-white-space {
  margin-top: 8px;
}
#pageAddEditEmployee h1 {
  margin-bottom: 14px;
}
#pageAddEditEmployee .main-place form {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
}
#pageAddEditEmployee .main-place .middle-content {
  padding-bottom: 90px;
}
#pageAddEditEmployee div.main-place .footer {
  box-shadow: none;
}
@media all and (min-width: 992px) {
  #pageAddEditEmployee div.main-info .md-for-calendar {
    width: 100%;
    margin-bottom: 0;
  }
}
#pageAddEditEmployee md-input-container {
  margin: 2px 0;
  /***** Lorsque l'input a un value *****/
  /***** Lorsque l'input n'a pas de value *****/
  /***** Lorsque l'input est focused *****/
  /** Champs input **/
  /** Champs select **/
  /** Champs textarea **/
}
#pageAddEditEmployee md-input-container.md-input-has-value label:not(.md-no-float) {
  /*transform: translate3d(-4px, 20px, 0) scale(0.75);*/
}
#pageAddEditEmployee md-input-container label:not(.md-no-float) {
  /*transform: translate3d(0, 36px, 0) scale(1);*/
}
#pageAddEditEmployee md-input-container.md-input-focused label:not(.md-no-float) {
  /*transform: translate3d(-4px, 20px, 0) scale(0.75);*/
}
#pageAddEditEmployee md-input-container input,
#pageAddEditEmployee md-input-container md-select,
#pageAddEditEmployee md-input-container textarea {
  background-color: #effafc;
}
#pageAddEditEmployee md-input-container:not(.md-input-has-value) input {
  background-color: #effafc;
  height: 42px;
}
#pageAddEditEmployee md-input-container.md-input-has-value input {
  background-color: transparent;
  height: 42px;
}
#pageAddEditEmployee md-input-container:not(.md-input-has-value) md-select {
  background-color: #effafc;
  height: 42px;
}
#pageAddEditEmployee md-input-container.md-input-has-value md-select {
  background-color: transparent;
  height: 42px;
}
#pageAddEditEmployee md-input-container:not(.md-input-has-value) textarea {
  background-color: #effafc;
  height: 42px;
}
#pageAddEditEmployee md-input-container:not(.md-input-has-value) textarea.emergencyContact {
  height: unset;
}
#pageAddEditEmployee md-input-container:not(.md-input-has-value) textarea.employeeNote {
  height: unset;
}
#pageAddEditEmployee md-input-container.md-input-has-value textarea {
  background-color: transparent;
  height: 42px;
}
#pageAddEditEmployee md-input-container.md-input-has-value textarea.emergencyContact {
  height: unset;
}
#pageAddEditEmployee md-input-container.md-input-has-value textarea.employeeNote {
  height: unset;
}
#pageAddEditEmployee md-input-container md-select {
  background-color: #effafc;
  height: 42px;
}
#pageAddEditEmployee md-input-container md-select .md-select-value.md-select-placeholder {
  color: #a5c0d4;
}
#pageAddEditEmployee md-input-container md-select .md-select-value.md-select-placeholder span {
  margin-left: 5px;
}
#pageAddEditEmployee md-input-container label {
  opacity: 1;
  margin-left: 5px;
}
#pageAddEditEmployee md-input-container label::after {
  color: #a5c0d4 !important;
}
#pageAddEditEmployee .md-datepicker-input[placeholder] {
  color: red;
}
#pageAddEditEmployee .input-right {
  padding-left: 4px;
}
@media (max-width: 992px) {
  #pageAddEditEmployee .top-content {
    padding: 12px 10px 0;
  }
}
#pageAddEditEmployee .top-content .container-employee {
  display: flex;
}
@media (max-width: 992px) {
  #pageAddEditEmployee .top-content .container-employee {
    flex-direction: column;
  }
}
#pageAddEditEmployee .top-content .container-employee .back {
  display: flex;
}
#pageAddEditEmployee .top-content .forSwitchFreelance {
  margin-right: 87px;
  margin-top: 11px;
}
#pageAddEditEmployee .top-content .header-content {
  flex-grow: 1;
}
@media (max-width: 992px) {
  #pageAddEditEmployee .top-content .header-content {
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  #pageAddEditEmployee .top-content .header-content .input-container-info label {
    transform: translate3d(-4px, 22px, 0) scale(1);
  }
}
#pageAddEditEmployee .top-content .header-content > .forName-employee {
  flex: 0 1 450px;
  display: flex;
  padding-left: 0px;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  #pageAddEditEmployee .top-content .header-content > .forName-employee {
    flex: unset;
    flex-direction: column;
    margin-bottom: unset;
  }
}
#pageAddEditEmployee .top-content .header-content > .forName-employee label {
  margin-bottom: 5px;
}
#pageAddEditEmployee .top-content .header-content > .forName-employee input,
#pageAddEditEmployee .top-content .header-content > .forName-employee .mySelectLarge > md-select {
  font-weight: 500;
  font-size: 28px;
  line-height: 0.8;
}
#pageAddEditEmployee .top-content .header-content > .forName-employee input[type=text],
#pageAddEditEmployee .top-content .header-content > .forName-employee .mySelectLarge > md-select[type=text] {
  font-size: 30px;
  line-height: 0.73;
}
@media all and (max-width: 991px) {
  #pageAddEditEmployee .top-content .header-content > .forName-employee input[type=text],
  #pageAddEditEmployee .top-content .header-content > .forName-employee .mySelectLarge > md-select[type=text] {
    font-size: 15px;
    line-height: 0.4;
  }
}
#pageAddEditEmployee .top-content .header-content > .forName-employee .for-title {
  margin-right: 10px;
  margin-top: 0px;
}
@media (max-width: 992px) {
  #pageAddEditEmployee .top-content .header-content > .forName-employee .for-title {
    margin-right: unset;
  }
}
#pageAddEditEmployee .top-content .header-content > .forName-employee .for-last-name,
#pageAddEditEmployee .top-content .header-content > .forName-employee .for-first-name {
  margin-right: 10px;
}
@media (max-width: 992px) {
  #pageAddEditEmployee .top-content .header-content > .forName-employee .for-last-name,
  #pageAddEditEmployee .top-content .header-content > .forName-employee .for-first-name {
    margin-right: unset;
  }
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee,
#pageAddEditEmployee .top-content .header-content > .forActions2-employee {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  margin-bottom: 10px;
}
@media all and (min-width: 992px) {
  #pageAddEditEmployee .top-content .header-content > .forActions-employee,
  #pageAddEditEmployee .top-content .header-content > .forActions2-employee {
    justify-content: flex-end;
  }
  #pageAddEditEmployee .top-content .header-content > .forActions-employee > div.dc,
  #pageAddEditEmployee .top-content .header-content > .forActions2-employee > div.dc {
    margin: 0 25px 0 10px;
  }
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee .pos-menu-file,
#pageAddEditEmployee .top-content .header-content > .forActions2-employee .pos-menu-file {
  display: flex;
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee .select-state,
#pageAddEditEmployee .top-content .header-content > .forActions2-employee .select-state {
  margin-right: 10px;
}
@media (max-width: 992px) {
  #pageAddEditEmployee .top-content .header-content > .forActions-employee .select-state,
  #pageAddEditEmployee .top-content .header-content > .forActions2-employee .select-state {
    margin-right: unset;
  }
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee .cv,
#pageAddEditEmployee .top-content .header-content > .forActions2-employee .cv {
  margin-right: 10px;
  margin-top: 9px;
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee .upload-button,
#pageAddEditEmployee .top-content .header-content > .forActions2-employee .upload-button {
  margin-right: 10px;
  margin-top: 9px;
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee div.icon-upload-button.cv:hover,
#pageAddEditEmployee .top-content .header-content > .forActions2-employee div.icon-upload-button.cv:hover {
  color: #464680;
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee .icon-upload-button:hover .btn-agb-principal-light-inverse,
#pageAddEditEmployee .top-content .header-content > .forActions2-employee .icon-upload-button:hover .btn-agb-principal-light-inverse {
  color: #464680;
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee a.btn,
#pageAddEditEmployee .top-content .header-content > .forActions2-employee a.btn {
  background-color: transparent;
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee a.btn i,
#pageAddEditEmployee .top-content .header-content > .forActions2-employee a.btn i {
  color: #464680 !important;
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee a.btn i.wrong,
#pageAddEditEmployee .top-content .header-content > .forActions2-employee a.btn i.wrong {
  color: #ff1744 !important;
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee menu-file-button a.btn i,
#pageAddEditEmployee .top-content .header-content > .forActions2-employee menu-file-button a.btn i {
  color: #464680 !important;
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee menu-file-button[required] a.btn i.wrong,
#pageAddEditEmployee .top-content .header-content > .forActions2-employee menu-file-button[required] a.btn i.wrong {
  color: #ff1744 !important;
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee menu-file-button:not([required]) a.btn i.wrong,
#pageAddEditEmployee .top-content .header-content > .forActions2-employee menu-file-button:not([required]) a.btn i.wrong {
  color: #b9bebe !important;
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee a.btn:hover,
#pageAddEditEmployee .top-content .header-content > .forActions2-employee a.btn:hover {
  color: #464680;
}
#pageAddEditEmployee .top-content .header-content > .forActions-employee md-input-container md-select[disabled],
#pageAddEditEmployee .top-content .header-content > .forActions2-employee md-input-container md-select[disabled],
#pageAddEditEmployee .top-content .header-content > .forActions-employee md-input-container input[disabled],
#pageAddEditEmployee .top-content .header-content > .forActions2-employee md-input-container input[disabled],
#pageAddEditEmployee .top-content .header-content > .forActions-employee md-input-container textarea[disabled],
#pageAddEditEmployee .top-content .header-content > .forActions2-employee md-input-container textarea[disabled] {
  background-color: transparent !important;
}
@media (max-width: 992px) {
  #pageAddEditEmployee .top-content .header-content .forActions-employee {
    flex-direction: column;
  }
}
#pageAddEditEmployee .top-content md-input-container {
  /***** Lorsque l'input a un value *****/
  /***** Lorsque l'input est focused *****/
}
#pageAddEditEmployee .top-content md-input-container.md-input-has-value label:not(.md-no-float) {
  /*transform: translate3d(-4px, 12px, 0) scale(0.75);*/
}
#pageAddEditEmployee .top-content md-input-container.md-input-focused label:not(.md-no-float) {
  /*transform: translate3d(-4px, 12px, 0) scale(0.75);*/
}
#pageAddEditEmployee .top-content md-input-container.md-input {
  background-color: transparent;
}
#pageAddEditEmployee .top-content .warning-doublon {
  color: orange;
  margin-top: -30px;
  margin-left: 30px;
  font-size: 16px;
}
@media all and (max-width: 991px) {
  #pageAddEditEmployee .top-content .warning-doublon {
    display: none;
  }
}
#pageAddEditEmployee .top-content .warning-doublon .name {
  font-weight: bold;
}
#pageAddEditEmployee div.for-infos-persos .for-email md-input-container.with-icon i {
  margin-top: -27px;
}
#pageAddEditEmployee div.for-infos-persos .for-email-perso md-input-container {
  margin-top: 0px;
}
#pageAddEditEmployee div.for-infos-persos .for-phone md-input-container {
  margin-bottom: 0;
  padding-bottom: 0;
}
#pageAddEditEmployee div.for-infos-persos .for-phone md-input-container.with-icon i {
  margin-top: -34px;
}
#pageAddEditEmployee div.for-infos-persos .for-address md-input-container {
  margin-top: 1px;
  margin-bottom: 0;
  padding: 0 1px 2px 1px;
}
#pageAddEditEmployee div.for-infos-persos .for-address button {
  top: 9px;
  right: -5px;
}
#pageAddEditEmployee div.for-infos-persos .for-birthdate md-input-container.with-icon i,
#pageAddEditEmployee div.for-infos-persos .for-sejour md-input-container.with-icon i {
  margin-top: -30px;
  color: #a5c0d5;
}
#pageAddEditEmployee div.for-infos-persos .for-sejour md-datepicker .md-datepicker-input-container input.md-datepicker-input {
  max-width: none;
}
#pageAddEditEmployee div.for-infos-persos .for-society .for-society-address {
  padding-left: 2px;
}
#pageAddEditEmployee div.for-infos-persos .for-society .for-society-address md-input-container {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 1px;
}
#pageAddEditEmployee div.for-infos-persos .for-society .for-society-address button {
  top: 9px;
  right: -5px;
}
#pageAddEditEmployee div.for-infos-persos .for-license-vehicle {
  margin-top: 14px;
}
#pageAddEditEmployee div.for-infos-persos .for-license-vehicle .without-padding-right-left {
  padding-right: 0;
  padding-left: 0;
}
#pageAddEditEmployee div.for-infos-persos .for-freelance {
  display: inline-block;
}
#pageAddEditEmployee div.for-formation .for-formation-formation md-input-container,
#pageAddEditEmployee div.for-formation .for-poste md-input-container {
  padding-bottom: 2px;
}
#pageAddEditEmployee div.for-formation .for-company md-input-container {
  margin-top: 0;
}
#pageAddEditEmployee div.for-formation .for-technical,
#pageAddEditEmployee div.for-formation .for-soft {
  margin-top: 5px;
}
#pageAddEditEmployee .for-formation-level .md-select-value .md-select-icon {
  width: 18px;
}
#pageAddEditEmployee div.for-status .md-datepicker-input {
  max-width: none;
}
#pageAddEditEmployee div.for-status span.first-col-for-icon {
  margin: 17px 0px 0 0px;
}
#pageAddEditEmployee div.for-status .for-disponibility md-input-container .md-datepicker-input .md-input {
  color: #a5c0d4;
}
#pageAddEditEmployee div.for-status .for-disponibility .for-disponibility-entry {
  padding-right: 0px;
}
#pageAddEditEmployee div.for-status .for-disponibility .for-disponibility-entry md-input-container {
  padding: 2px;
  padding-right: -2px;
}
#pageAddEditEmployee div.for-status .for-disponibility .for-disponibility-entry .md-datepicker-input-container {
  width: 100%;
}
#pageAddEditEmployee div.for-status .for-disponibility .for-disponibility-entry i {
  margin-top: -30px;
  color: #a5c0d5;
}
#pageAddEditEmployee div.for-status .for-disponibility .for-disponibility-pe md-input-container,
#pageAddEditEmployee div.for-status .for-disponibility .for-disponibility-start md-input-container {
  padding-right: 2px;
}
#pageAddEditEmployee div.for-status .for-disponibility .for-disponibility-pe md-input-container i,
#pageAddEditEmployee div.for-status .for-disponibility .for-disponibility-start md-input-container i {
  margin-top: -30px;
  color: #a5c0d5;
}
#pageAddEditEmployee div.for-status .for-disponibility .for-disponibility-pe .md-datepicker-input-container,
#pageAddEditEmployee div.for-status .for-disponibility .for-disponibility-start .md-datepicker-input-container {
  width: 100%;
}
#pageAddEditEmployee div.for-status .for-salary md-input-container.with-text span.extra-text {
  margin-top: -28px;
}
#pageAddEditEmployee div.for-status .for-mobility .mobility {
  padding: 0;
}
#pageAddEditEmployee div.for-status .for-mobility .mobility .form-control {
  text-align: left;
  background-color: #effafc;
  height: 42px;
}
#pageAddEditEmployee div.for-status .for-mobility .mobility .form-control span.ui-select-placeholder.text-muted.ng-binding {
  color: #a5c0d4;
}
#pageAddEditEmployee div.for-status .for-mobility .mobility .hlistMobilitySelected {
  padding: 5px 0 0 0 !important;
}
#pageAddEditEmployee div.for-status .for-mobility md-input-container span.ui-select-placeholder.text-muted.ng-binding {
  margin-left: -10px;
}
@media all and (max-width: 991px) {
  #pageAddEditEmployee div.main-place div.middle-content div.for-memo {
    padding-right: 0px;
  }
}
@media all and (min-width: 992px) {
  #pageAddEditEmployee div.main-place div.middle-content div.for-memo {
    padding-right: 46px;
  }
}
@media all and (max-width: 991px) {
  #pageAddEditEmployee div.main-place div.middle-content {
    z-index: 3;
    padding: 32px 5% 30px 5%;
  }
  #pageAddEditEmployee div.main-place div.middle-content .input-right {
    padding-left: 0;
  }
  #pageAddEditEmployee div.main-place div.middle-content .input-and-icon .input-salary {
    padding-right: 10px;
    position: relative;
  }
  #pageAddEditEmployee div.main-place div.middle-content .input-and-icon .euro {
    position: absolute;
    bottom: 10px;
    right: 5px;
  }
}
@media all and (min-width: 992px) and (max-width: 1439px) {
  #pageAddEditEmployee div.main-place div.middle-content {
    padding-left: 43px;
    padding-right: 0;
  }
}
@media all and (min-width: 992px) {
  #pageAddEditEmployee div.main-place div.middle-content > div.main-info > div,
  #pageAddEditEmployee div.main-place div.middle-content > div.o1-info > div {
    padding-right: 46px;
  }
}
#pageAddEditEmployee div.main-place div.middle-content .info-company {
  margin-bottom: 20px;
}
#pageAddEditEmployee div.main-place div.middle-content .info-company .flex {
  display: flex;
  flex-basis: auto;
  column-gap: 5px;
  align-items: center;
}
@media (max-width: 992px) {
  #pageAddEditEmployee div.main-place div.middle-content .info-company .flex {
    flex-direction: column;
  }
}
#pageAddEditEmployee div.main-place div.middle-content .remuneration-block table {
  table-layout: fixed;
  width: 100%;
  overflow-wrap: break-word;
}
#pageAddEditEmployee div.main-place div.middle-content .remuneration-block table thead tr th {
  text-align: center;
  vertical-align: middle;
}
#pageAddEditEmployee div.main-place div.middle-content .remuneration-block table thead tr .horsPrimeVac {
  font-size: 12px;
}
#pageAddEditEmployee div.main-place div.middle-content .remuneration-block table tbody tr td md-input-container input {
  padding: 5px;
  text-align: center;
  border: 1px solid white;
  min-width: 100%;
  overflow-wrap: break-word;
}
#pageAddEditEmployee div.main-place div.middle-content .remuneration-block table tbody tr td md-input-container .input-span {
  position: relative;
}
#pageAddEditEmployee div.main-place div.middle-content .remuneration-block table tbody tr td md-input-container .input-span.input-span-right span {
  right: 0;
  top: 14px;
}
#pageAddEditEmployee div.main-place div.middle-content .remuneration-block table tbody tr td md-input-container .input-span span {
  position: absolute;
  display: block;
  width: 25px;
  text-align: center;
}
#pageAddEditEmployee div.main-place div.middle-content .remuneration-block table tbody tr td md-input-container .textSalaryType {
  padding: 5px !important;
  text-align: center;
  max-height: 45px;
  max-width: 100%;
  margin-top: 4px;
  vertical-align: top;
  resize: none;
  border-color: white;
  overflow-y: scroll;
}
#pageAddEditEmployee div.main-place div.middle-content .add-remuneration {
  width: 20px;
}
#pageAddEditEmployee div.main-place div.middle-content .add-remuneration span {
  justify-content: center;
  font-size: 40px;
}
#pageAddEditEmployee div.main-place div.middle-content .suiviRemunerationTitleAndButton {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 992px) {
  #pageAddEditEmployee div.main-place div.middle-content .suiviRemunerationTitleAndButton {
    flex-direction: column;
  }
}
#pageAddEditEmployee div.main-place div.middle-content .suiviRemunerationTitleAndButton h1 {
  flex-grow: 1;
}
#pageAddEditEmployee div.main-place div.middle-content .suiviRemunerationTitleAndButton .add-action-system-btn {
  align-self: center;
  margin-left: 16px;
}
@media (max-width: 992px) {
  #pageAddEditEmployee div.main-place div.middle-content .suiviRemunerationTitleAndButton .add-action-system-btn {
    font-size: 15px;
    width: 100%;
    margin-bottom: 10px;
    margin-left: unset;
  }
}
#pageAddEditEmployee .footer {
  overflow: hidden;
  background-color: #fafbfc;
  height: auto;
}
@media all and (min-width: 992px) {
  #pageAddEditEmployee .footer {
    height: 100px;
  }
}
#pageAddEditEmployee .footer div.lg-only > div:last-child {
  text-transform: uppercase;
}
#pageAddEditEmployee .footer div.lg-only > div:last-child > div {
  width: 100%;
}
#pageAddEditEmployee .footer div.lg-only > div:last-child .create-and-add button {
  width: 90%;
}
#pageAddEditEmployee .footer div.only-under-lg {
  padding-top: 20px;
  padding-bottom: 30px;
  height: auto;
}
#pageAddEditEmployee .footer div.only-under-lg > div {
  display: flex;
  flex-direction: column;
}
#pageAddEditEmployee .footer div.only-under-lg > div > div {
  flex: 1;
  text-align: center;
  width: 100%;
}
#pageAddEditEmployee .footer div.only-under-lg > div > div:first-child {
  margin-bottom: 5px;
}
#pageAddEditEmployee .footer div.only-under-lg > div > div .btn-agb {
  width: 90%;
  text-transform: uppercase;
}
#pageAddEditEmployee .souhaitProEtFreelance {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  border-bottom: solid #48cde0 1px;
  margin-bottom: 14px;
  height: 42px;
}
#pageAddEditEmployee .souhaitProEtFreelance .souhait {
  flex-shrink: 1;
  margin-right: auto;
}
#pageAddEditEmployee .souhaitProEtFreelance .souhait .souhaitHeader {
  color: #48cde0;
  border-bottom: none;
  margin-bottom: -2px;
}
#pageAddEditEmployee .souhaitProEtFreelance .forSwitchFreelance {
  flex-shrink: 0;
  display: flex;
  align-items: baseline;
  margin-bottom: 2px;
}
#pageAddEditEmployee .souhaitProEtFreelance .forSwitchFreelance .switch-kit {
  display: block;
  position: relative;
  top: 6px;
}
#pageAddEditEmployee .souhaitProEtFreelance .labelFreelance {
  margin-right: 5px;
}
#pageAddEditEmployee .notes {
  padding-top: 8px;
}
#pageAddEditEmployee .size {
  font-size: 19px;
}
.pepiteAgauche {
  margin: 0;
  width: calc(90*100%/1820);
  padding: 0;
  flex: 0 0 auto;
  margin-top: -32px;
  display: flex;
  justify-content: center;
}
.pepiteAgauche .signet {
  height: 77px;
  width: 40px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.addOrEditExperiencePageSlide {
  height: 100%;
  width: 100%;
}
.addOrEditExperiencePageSlide .content-container {
  padding: 32px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.addOrEditExperiencePageSlide .content-date-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
.addOrEditExperiencePageSlide .content-skill-container {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  margin-bottom: 40px;
}
.addOrEditExperiencePageSlide .full-width-container {
  width: 100%;
}
.addOrEditExperiencePageSlide .md-input-date-container {
  margin: 0;
  max-width: 312px;
}
.addOrEditExperiencePageSlide .md-input-date-container input {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: normal !important;
}
.addOrEditExperiencePageSlide .md-input-date-container:last-child {
  margin-left: 8px;
}
.addOrEditExperiencePageSlide .content-text-container {
  margin-top: 8px;
}
.addOrEditExperiencePageSlide .md-select-text-container {
  margin: 0;
}
.addOrEditExperiencePageSlide .md-select-text-container .md-text {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: normal !important;
}
.addOrEditExperiencePageSlide .md-input-text-container {
  margin: 0;
}
.addOrEditExperiencePageSlide .md-input-text-container input {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: normal !important;
}
.addOrEditExperiencePageSlide .adjust-textarea {
  padding-top: 10px;
  margin-top: 0px !important;
}
.addOrEditExperiencePageSlide .experience-btn-container {
  margin-top: 40px;
  display: flex;
  align-content: center;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  height: 40px;
  justify-content: center;
  margin-bottom: 100px;
}
.addOrEditExperiencePageSlide .experience-btn-container .cancel-experience-btn {
  width: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-radius: 4px;
  color: #48cde0;
  border: 1px solid #48cde0;
  background: white;
  padding: 4px 10px 4px 10px;
}
.addOrEditExperiencePageSlide .experience-btn-container .cancel-experience-btn:hover {
  background: #48cde0;
  color: white;
  transition: 0.3s;
}
.addOrEditExperiencePageSlide .experience-btn-container .save-experience-btn {
  margin-left: 16px;
  justify-content: center;
  width: 128px;
  display: flex;
  align-items: center;
  font-size: 14px;
  border-radius: 4px;
  color: white !important;
  border: 1px solid #48cde0;
  background: #48cde0 !important;
  padding: 4px 10px 4px 10px;
}
.addOrEditExperiencePageSlide .experience-btn-container .save-experience-btn:hover {
  background: white !important;
  color: #48cde0 !important;
  transition: 0.3s;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.missionOrderPageSlideContainer {
  height: 100%;
  width: 100%;
  position: relative;
}
.missionOrderPageSlideContainer .validateToOdm {
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  background: #48CDE0;
  padding: 0 16px;
}
.missionOrderPageSlideContainer .validateToOdm:hover {
  background: #48CDE0;
}
.missionOrderPageSlideContainer .content-container {
  width: 100%;
  height: 100%;
  padding: 32px 56px;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .content-container {
    padding: 32px 25px;
  }
}
.missionOrderPageSlideContainer .content-container .add-action-system-btn {
  font-size: 14px;
  width: 100%;
  justify-content: center;
  margin-top: 10px;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .refacturable-checkbox {
    margin-top: 16px;
  }
}
.missionOrderPageSlideContainer .forSwitchCdc {
  left: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.missionOrderPageSlideContainer .forSwitchCdc label {
  white-space: nowrap;
}
.missionOrderPageSlideContainer .forSwitchCdc label.withoutSignature {
  color: #464680;
}
.missionOrderPageSlideContainer .forSwitchCdc label.withSignature {
  color: #B9BEBE;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .comment textarea {
    margin: unset;
  }
}
.missionOrderPageSlideContainer .mission-type-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: 0 10px;
}
.missionOrderPageSlideContainer .expensesNatureForOdm-mobile {
  display: flex;
  column-gap: 5px;
  justify-content: space-between;
  margin-top: 20px;
}
.missionOrderPageSlideContainer .expensesNatureForOdm-mobile .delete-btn {
  font-size: 20px;
  display: flex;
  align-items: center;
}
.missionOrderPageSlideContainer .half-container {
  width: 68%;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .half-container {
    width: 100%;
  }
}
.missionOrderPageSlideContainer .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 15px;
}
.missionOrderPageSlideContainer .subTitleLabel {
  opacity: 1;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif !important;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #a5c0d4 !important;
  margin-bottom: 10px;
  white-space: nowrap;
}
.missionOrderPageSlideContainer .subTitleLabel.day {
  white-space: unset;
}
.missionOrderPageSlideContainer .odmInfoCollab {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .odmInfoCollab {
    flex-direction: column;
    padding-top: unset;
    padding-bottom: unset;
    margin-bottom: unset;
  }
}
.missionOrderPageSlideContainer .odmInfoCollab .red-alerte {
  color: #FF1744 !important;
}
.missionOrderPageSlideContainer .dep {
  margin-bottom: 20px;
}
.missionOrderPageSlideContainer .odmInfoProject {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .odmInfoProject {
    flex-direction: column;
    padding-top: unset;
    padding-bottom: unset;
    margin-bottom: unset;
  }
}
.missionOrderPageSlideContainer .odmInfoProject .red-alerte {
  color: #FF1744 !important;
}
.missionOrderPageSlideContainer .cellPhoneManager {
  width: 50%;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .cellPhoneManager {
    width: 100%;
    margin-bottom: unset;
  }
}
.missionOrderPageSlideContainer .cellPhoneManager .red-alerte {
  color: #FF1744 !important;
}
.missionOrderPageSlideContainer .cellPhoneContact {
  width: 50%;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .cellPhoneContact {
    width: 100%;
    margin-bottom: unset;
  }
}
.missionOrderPageSlideContainer .cellPhoneContact .red-alerte {
  color: #FF1744 !important;
}
.missionOrderPageSlideContainer .internationalProject {
  margin-bottom: 10px;
}
.missionOrderPageSlideContainer .distanceUsed {
  padding-top: 15px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 40%;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .distanceUsed {
    width: 100%;
  }
}
.missionOrderPageSlideContainer .link {
  display: inline-block;
  font-size: 12px;
  word-break: break-word;
  text-decoration: underline;
  margin-left: 31px;
}
.missionOrderPageSlideContainer .underTitle {
  font-size: 12px;
  text-align: center;
  margin-bottom: 30px;
}
.missionOrderPageSlideContainer .underTitle span {
  font-size: 11px;
  text-decoration: underline;
}
.missionOrderPageSlideContainer .termsAndConditionsOfRebilling {
  display: flex;
  column-gap: 50px;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .termsAndConditionsOfRebilling {
    flex-direction: column;
  }
}
.missionOrderPageSlideContainer .termsAndConditionsOfRebilling .modalite-refacturation {
  display: flex;
  column-gap: 50px;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .termsAndConditionsOfRebilling .modalite-refacturation {
    flex-direction: column;
  }
}
.missionOrderPageSlideContainer .termsAndConditionsOfRebilling .flex_group {
  display: flex;
  column-gap: 20px;
}
.missionOrderPageSlideContainer .termsAndConditionsOfRebilling .amounOfPackage {
  width: 55%;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .termsAndConditionsOfRebilling .amounOfPackage {
    width: 100%;
  }
}
.missionOrderPageSlideContainer .addNature {
  margin-bottom: 30px;
}
.missionOrderPageSlideContainer .tjmWithEuro {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
  position: relative;
}
.missionOrderPageSlideContainer .tjmWithEuro .symboleEuro {
  position: absolute;
  right: 10px;
  top: 18px;
}
.missionOrderPageSlideContainer .tjmWithEuro .errorTooltip {
  position: absolute;
  right: -2px;
  top: 0px;
}
.missionOrderPageSlideContainer .tjmWithEuro .span-container {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.missionOrderPageSlideContainer .tabs-expensesNatureForOdm {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.missionOrderPageSlideContainer .tabs-expensesNatureForOdm .comment {
  margin-top: -12px;
}
.missionOrderPageSlideContainer .tabs-expensesNatureForOdm .td-rebillingToTheCustomer {
  margin-top: 10px;
}
.missionOrderPageSlideContainer .tabs-expensesNatureForOdm .td-checkbox {
  text-align: center;
}
.missionOrderPageSlideContainer .tabs-expensesNatureForOdm .nature-width md-select div {
  font-size: 13px;
}
.missionOrderPageSlideContainer .tabs-expensesNatureForOdm .add-activity {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  padding: 3px 0;
  color: #464580;
  font-size: 14px;
}
.missionOrderPageSlideContainer .tabs-expensesNatureForOdm .add-activity span {
  color: #48cde0;
  margin-right: 5px;
  font-size: 22px;
}
.missionOrderPageSlideContainer .tabs-expensesNatureForOdm .remove-line {
  color: #B9BEBE;
  text-align: center;
  margin-top: 15px;
  font-size: 20px;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .mission-type-container-toValidate {
    flex-direction: column;
  }
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .mission-type-container-row {
  width: 90%;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .toValidate-mobile {
  display: flex;
  justify-content: space-between;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .toValidate-mobile .odm-row {
  display: flex;
  flex-wrap: wrap;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .toValidate-mobile .odm-row .info-message {
  color: red;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .toValidate-mobile.setCollab {
  background-color: #48CDE0;
  color: white;
  padding: 5px;
  margin: -5px;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .toValidate-mobile.clikCollab {
  background-color: #48CDE0;
  color: white;
  padding: 5px;
  margin: -5px;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .toValidate-mobile.clikCollab .silver {
  color: white;
  margin-top: 5px;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .half-container-toValidate {
  width: 80%;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .half-container-toValidate .tabs-odmToValidateByCollab td {
  vertical-align: middle;
  text-align: left;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .half-container-toValidate .tabs-odmToValidateByCollab .infoMessageCollab {
  color: red;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .half-container-toValidate .tabs-odmToValidateByCollab .setCollab {
  background-color: #48CDE0;
  color: white;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .half-container-toValidate .tabs-odmToValidateByCollab .clikCollab {
  background-color: #48CDE0;
  color: white;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .half-container-toValidate .tabs-odmToValidateByCollab .clikCollab .silver {
  color: white;
  margin-top: 5px;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .half-container-toValidate .tabs-odmToValidateByCollab .silver {
  color: #B9BEBE;
  margin-top: 5px;
}
.missionOrderPageSlideContainer .mission-type-container-toValidate .toValidate-action {
  display: flex;
  align-items: center;
}
.missionOrderPageSlideContainer .bar {
  border-bottom: solid #48cde0 1px;
  margin: 10px 0;
}
.missionOrderPageSlideContainer .signature-container {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  justify-content: center;
}
.missionOrderPageSlideContainer .signature-container-validated {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  justify-content: space-around;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .signature-container-validated {
    flex-direction: column;
  }
}
.missionOrderPageSlideContainer .file-manager-file-card-left {
  display: flex;
  align-items: center;
  margin-right: auto;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  border-left: 10px solid #48cde0;
  justify-content: space-between;
  position: relative;
}
.missionOrderPageSlideContainer .file-manager-file-card-left .file-name {
  text-overflow: ellipsis;
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.missionOrderPageSlideContainer .file-manager-file-card-left .i-folder-file {
  font-size: 25px;
  color: #B9BEBE;
}
.missionOrderPageSlideContainer .file-manager-file-card-left .i-visibility-file {
  font-size: 25px;
  color: #B9BEBE;
}
.missionOrderPageSlideContainer .buttons-container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 128px;
}
@media (max-width: 992px) {
  .missionOrderPageSlideContainer .buttons-container {
    flex-direction: column;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
#pageAdministration .table-header {
  background: #48cde0;
  color: white;
  font-weight: bold;
}
#pageAdministration th {
  text-align: center;
}
#pageAdministration .organisation-logo {
  min-width: 100px;
}
#pageAdministration .selected {
  background-color: aqua;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.agenciesModal {
  height: 60%;
  width: 40%;
  max-width: unset;
  max-height: unset;
}
.agenciesModal .header-modal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  background: #48cde0;
  color: white;
}
.agenciesModal .title {
  font-size: 20px;
}
.agenciesModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.agenciesModal .agencies-container {
  width: 100%;
  display: flex;
  padding: 16px 24px;
  flex-wrap: wrap;
}
.agenciesModal .agencies-container > h1 {
  width: 100%;
  margin-bottom: 16px;
}
.agenciesModal .agencies-container > .filter-rules {
  width: 100%;
}
.agenciesModal .agencies-container + .agencies-container {
  padding-top: 0;
}
.agenciesModal .box-active,
.agenciesModal .box-not-active,
.agenciesModal .box-disabled {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: calc(25% + 50px);
  margin-left: 8px;
  margin-top: 8px;
  min-height: 32px;
  padding: 8px;
  border-radius: 4px;
}
.agenciesModal .box-not-active {
  cursor: pointer;
  border: 2px solid #b9bebe;
  background: white;
}
.agenciesModal .box-not-active:hover {
  background: #48cde0;
  border: 2px solid #48cde0;
  color: white;
  opacity: 0.8;
}
.agenciesModal .box-active {
  cursor: pointer;
  border: 2px solid #48cde0;
  background: #48cde0;
  color: white;
}
.agenciesModal .box-disabled {
  cursor: not-allowed;
  border: 2px solid #b9bebe;
  color: #a0a0a0;
}
.agenciesModal .checkboxes {
  flex: 0 0 auto;
  margin-top: 16px;
}
.agenciesModal .checkboxes-and-explanation {
  gap: 24px;
}
.agenciesModal .checkboxes-and-explanation > *:first-child {
  flex: 0 1 fit-content;
}
.agenciesModal .checkboxes-and-explanation > :not(:first-child) {
  flex: 1 1 0;
  min-width: min-content;
}
.agenciesModal .checkboxes-and-explanation > :not(:first-child) h1 {
  margin-bottom: 16px;
}
.agenciesModal .checkboxes-and-explanation > .explanation:has(.filter-rules:empty) {
  display: none;
  /*opacity: .5;*/
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.agenciesSettings {
  display: flex;
  flex-direction: column;
}
.agenciesSettings .agencies-settings-container {
  width: 100%;
  height: 100vh;
  padding: 32px;
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
.agenciesSettings .filled {
  background: #48cde0;
  width: 128px;
  height: 38px;
  border: 1px solid #48cde0;
  color: white;
  padding: 8px 0;
  border-radius: 4px;
}
.agenciesSettings .filled:hover {
  background: white;
  color: #48cde0;
  transition: 0.3s;
}
.agenciesSettings .filled.disabled,
.agenciesSettings .filled[disabled],
fieldset[disabled] .agenciesSettings .filled {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: unset;
}
.agenciesSettings .add-agency-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.agenciesSettings .table-container {
  width: 100%;
  height: 90%;
}
.agenciesSettings .scrolling-content {
  overflow-y: scroll;
  height: calc(100% - 98px);
  margin-top: 32px;
}
.agenciesSettings .block-separator {
  height: 32px;
}
.agenciesSettings .block-color {
  background: white;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15), inset -1px 0 0 0 #ddecf7, inset 1px 0 0 0 #ddecf7, inset 0 1px 0 0 #c5d9e8, inset 0 -1px 0 0 #ddecf7;
}
.agenciesSettings .table-header-container {
  font-size: 15px;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #ddebf6;
  border-top: 2px solid #ddebf6;
  background: white;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), inset 2px 0 0 0 #464680;
}
.agenciesSettings .table-cell-formatting {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  padding: 16px;
  height: 56px;
}
.agenciesSettings .left-content {
  display: grid;
  grid-template-columns: 200px 400px 200px;
  align-items: center;
  width: 200px;
  padding: 16px;
  height: 56px;
  column-gap: 16px;
  flex: 1;
  /* Allow left-content to take available space */
}
.agenciesSettings .agency {
  display: flex;
  align-items: center;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.agenciesSettings .agency-address,
.agenciesSettings .agency-zone {
  display: flex;
  align-items: center;
}
.agenciesSettings .i-agency {
  font-size: 22px;
  color: #c4c4d5;
}
.agenciesSettings .agency-name {
  margin-top: 4px;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agenciesSettings .i-location {
  font-size: 22px;
  color: #c4c4d5;
  margin-left: 16px;
}
.agenciesSettings .i-villa {
  font-size: 24px;
  color: #c4c4d5;
  margin-left: 16px;
}
.agenciesSettings .agency-span-detail {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin-top: 4px;
  margin-left: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agenciesSettings .right-content {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 10%;
  padding: 16px;
}
.agenciesSettings .i-create {
  cursor: pointer;
  font-size: 22px;
  color: #c4c4d5;
}
.agenciesSettings .i-create:hover {
  color: #464680;
}
.agenciesSettings .i-delete {
  cursor: pointer;
  font-size: 22px;
  color: #c4c4d5;
  margin-left: 16px;
}
.agenciesSettings .i-delete:hover {
  color: #464680;
}
.agenciesSettings .table-content-container {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddebf6;
}
.agenciesSettings .table-content-container:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), inset 2px 0 0 0 #48cde0, inset -2px 0 0 0 #48cde0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.agiSuiviModal {
  height: 85%;
  width: 85%;
  max-width: unset;
  max-height: unset;
}
.agiSuiviModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.agiSuiviModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.agiSuiviModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.agiSuiviModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  padding: 32px;
  background: #48cde0;
}
.agiSuiviModal .form-container {
  height: 100%;
  overflow-y: hidden;
}
.agiSuiviModal .end-btn-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 24px 0;
  background: #D7DBDD;
}
.md-dialog-container {
  height: 100% !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.agiSuiviModalDelete {
  height: 85%;
  width: 85%;
  max-width: unset;
  max-height: unset;
}
.agiSuiviModalDelete .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.agiSuiviModalDelete .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  padding: 32px;
  background: #48cde0;
}
.agiSuiviModalDelete .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.agiSuiviModalDelete .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.agiSuiviModalDelete .future-appointments {
  border-bottom: 2px solid #ddebf6;
  border-top: 2px solid #ddebf6;
  background: white;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), inset 2px 0 0 0 #464680;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  font-weight: normal;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 16px;
  height: 56px;
  margin: 32px 32px 0 32px;
  color: #464680;
}
.agiSuiviModalDelete .future-appointments span {
  text-transform: uppercase;
}
.agiSuiviModalDelete .radio-btn-container {
  display: flex;
  font-size: 14px;
}
.agiSuiviModalDelete .radio-btn {
  margin: 0 16px 0 0;
}
.agiSuiviModalDelete .radio-btn .md-label {
  margin-top: 3.5px;
}
.agiSuiviModalDelete .appointments-container {
  height: 100%;
  overflow-y: scroll;
  color: #464680;
  margin: 0 32px 32px 32px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15), inset -1px 0 0 0 #ddecf7, inset 1px 0 0 0 #ddecf7, inset 0 1px 0 0 #c5d9e8, inset 0 -1px 0 0 #ddecf7;
}
.agiSuiviModalDelete .header-container {
  font-weight: bold;
  text-align: left;
  font-weight: normal;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 16px;
  height: 56px;
  font-size: 15px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #ddebf6;
  border-top: 2px solid #ddebf6;
  background: white;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), inset 2px 0 0 0 #464680;
}
.agiSuiviModalDelete .appointment {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  border-bottom: 1px solid #ddebf6;
}
.agiSuiviModalDelete .appointment:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), inset 2px 0 0 0 #48cde0, inset -2px 0 0 0 #48cde0;
}
.agiSuiviModalDelete .end-btn-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 24px 0;
  background: #D7DBDD;
}
.agiSuiviModalDelete .outlined {
  background: white;
  width: 128px;
  border: 1px solid #48cde0;
  color: #48cde0;
  padding: 8px 0;
  border-radius: 4px;
}
.agiSuiviModalDelete .outlined:hover {
  background: #48cde0;
  color: white;
  transition: 0.3s;
}
.agiSuiviModalDelete .filled {
  background: #48cde0;
  width: 128px;
  border: 1px solid #48cde0;
  color: white;
  padding: 8px 0;
  border-radius: 4px;
}
.agiSuiviModalDelete .filled:hover {
  background: white;
  color: #48cde0;
  transition: 0.3s;
}
.agiSuiviModalDelete .filled.disabled,
.agiSuiviModalDelete .filled[disabled],
fieldset[disabled] .agiSuiviModalDelete .filled {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: unset;
}
.md-dialog-container {
  height: 100% !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.agiSuiviTemplateModal {
  padding: 24px;
  width: 30%;
}
.agiSuiviTemplateModal .close-modal-btn {
  color: #b9bebe;
  position: absolute;
  right: 24px;
}
.agiSuiviTemplateModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.agiSuiviTemplateModal .missing,
.agiSuiviTemplateModal .extra {
  margin-top: 8px;
  margin-left: -8px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.agiSuiviTemplateModal .tag-missing {
  cursor: pointer;
  color: #464680;
  background: rgba(72, 205, 224, 0.3);
  border: 2px solid rgba(72, 205, 224, 0.3);
  padding: 4px 8px;
  border-radius: 24px;
  margin-top: 8px;
  margin-left: 8px;
}
.agiSuiviTemplateModal .tag-missing:hover {
  border: 2px solid rgba(72, 205, 224, 0.3);
  background: white;
}
.agiSuiviTemplateModal .tag-extra {
  cursor: pointer;
  color: #464680;
  padding: 4px 8px;
  border-radius: 24px;
  margin-top: 8px;
  margin-left: 8px;
  border: 2px solid #FF1744;
  background: rgba(255, 23, 68, 0.1);
}
.agiSuiviTemplateModal .quiztable {
  margin-top: 12px;
}
.agiSuiviTemplateModal .requiredTableTag,
.agiSuiviTemplateModal .badTableTag {
  border: 1px solid grey;
  color: #464680;
  padding: 3px 5px;
}
.agiSuiviTemplateModal .requiredTableTag {
  background: rgba(72, 205, 224, 0.3);
  cursor: pointer;
}
.agiSuiviTemplateModal .badTableTag {
  background: rgba(255, 23, 68, 0.1);
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.fileManagerPageSlide,
.fileManager {
  display: flex;
  flex-direction: column;
  height: 100%;
  /*.file-manager-recent-files-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 24px;

        span {
            width: 100%;
        }
    }*/
  /*.file-manager-recent-file {
        display: flex;
        align-items: center;
        padding: 0 0 8px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin: 8px 0;

        &:first-of-type {
            margin: 16px 0 8px 0;
        }
    }*/
  /*.file-manager-recent-file-name {
        font-family: @Medium;
        font-size: 16px;
        margin: 4px 0 0 8px;
    }*/
}
.fileManagerPageSlide .file-manager-container,
.fileManager .file-manager-container {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.fileManagerPageSlide .file-manager-folder-container,
.fileManager .file-manager-folder-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 24px;
}
@media screen and (max-width: 500px) {
  .fileManagerPageSlide .file-manager-folder-container,
  .fileManager .file-manager-folder-container {
    flex-direction: column;
  }
}
.fileManagerPageSlide .file-manager-folder,
.fileManager .file-manager-folder {
  width: 48%;
  height: 96px;
  border: 1px solid #9DBACE;
  display: flex;
  align-items: center;
  border-radius: 6px;
  margin: 8px 0;
  user-select: none;
  cursor: pointer;
}
.fileManagerPageSlide .file-manager-folder:hover,
.fileManager .file-manager-folder:hover {
  transition: 0.2s transform;
  transform: translateY(-4px);
  border-width: 2px;
}
@media screen and (max-width: 500px) {
  .fileManagerPageSlide .file-manager-folder,
  .fileManager .file-manager-folder {
    width: 100%;
  }
}
.fileManagerPageSlide .file-manager-folder-left,
.fileManager .file-manager-folder-left {
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: #9DBACE;
  color: white;
  min-width: 48px;
}
.fileManagerPageSlide .i-folder,
.fileManager .i-folder {
  font-size: 24px;
}
.fileManagerPageSlide .file-manager-folder-right,
.fileManager .file-manager-folder-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  height: 100%;
  overflow: hidden;
  background: #FAFAFA;
  width: 100%;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.fileManagerPageSlide .file-manager-folder-title,
.fileManager .file-manager-folder-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.fileManagerPageSlide .file-manager-folder-files-number,
.fileManager .file-manager-folder-files-number {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fileManagerPageSlide .i-folder-file,
.fileManager .i-folder-file {
  font-size: 22px;
}
.fileManagerPageSlide .file-manager-files-container,
.fileManager .file-manager-files-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 24px;
}
.fileManagerPageSlide .file-manager-file-card,
.fileManager .file-manager-file-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  margin: 8px 0;
  border: 1px solid #9DBACE;
  background: #FAFAFA;
  border-radius: 6px;
  width: 100%;
}
.fileManagerPageSlide .file-manager-file-card-left,
.fileManager .file-manager-file-card-left {
  display: flex;
  align-items: center;
}
.fileManagerPageSlide .name-hover:hover,
.fileManager .name-hover:hover {
  color: #5e5d9a;
}
.fileManagerPageSlide .file-name,
.fileManager .file-name {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin: 4px 0 0 8px;
}
.fileManagerPageSlide .i-delete-file,
.fileManager .i-delete-file {
  font-size: 22px;
  color: #9DBACE;
  cursor: pointer;
}
.fileManagerPageSlide .i-delete-file:hover,
.fileManager .i-delete-file:hover {
  color: #C2D9E6;
}
.fileManagerPageSlide .i-visibility-file,
.fileManager .i-visibility-file {
  font-size: 22px;
  color: #9DBACE;
  cursor: pointer;
  margin: 0 8px 0 0;
}
.fileManagerPageSlide .i-visibility-file:hover,
.fileManager .i-visibility-file:hover {
  color: #C2D9E6;
}
.fileManagerPageSlide .i-download-file,
.fileManager .i-download-file {
  font-size: 22px;
  color: #9DBACE;
  cursor: pointer;
  margin: 0 8px 0 0;
}
.fileManagerPageSlide .i-download-file:hover,
.fileManager .i-download-file:hover {
  color: #C2D9E6;
}
.fileManagerPageSlide .file-manager-icons,
.fileManager .file-manager-icons {
  display: flex;
  align-items: center;
}
.fileManagerPageSlide .all-file-manager-scrolling-container,
.fileManager .all-file-manager-scrolling-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: calc(100vh - 246px);
}
.fileManagerPageSlide .all-file-manager-breadcrumb-container,
.fileManager .all-file-manager-breadcrumb-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 24px 24px 0 24px;
}
.fileManagerPageSlide .all-file-manager-breadcrumb,
.fileManager .all-file-manager-breadcrumb {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 8px 0 0;
}
.fileManagerPageSlide .all-file-manager-breadcrumb:hover .breadcrumb-name,
.fileManager .all-file-manager-breadcrumb:hover .breadcrumb-name {
  color: #5e5d9a;
}
.fileManagerPageSlide .all-file-manager-breadcrumb:hover .i-breadcrumb-arrow,
.fileManager .all-file-manager-breadcrumb:hover .i-breadcrumb-arrow {
  color: #5e5d9a;
}
.fileManagerPageSlide .all-file-manager-breadcrumb:hover .i-breadcrumb-folder,
.fileManager .all-file-manager-breadcrumb:hover .i-breadcrumb-folder {
  color: #3CDBE8;
}
.fileManagerPageSlide .i-breadcrumb-arrow,
.fileManager .i-breadcrumb-arrow {
  font-size: 22px;
  color: #464584;
}
.fileManagerPageSlide .i-breadcrumb-folder,
.fileManager .i-breadcrumb-folder {
  font-size: 22px;
  color: #48CDE0;
  margin: 0 8px 0 0;
}
.fileManagerPageSlide .breadcrumb-name,
.fileManager .breadcrumb-name {
  font-size: 16px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 2px 0 0 0;
}
.input-on-drag-over.input-on-drag-over.input-on-drag-over.input-on-drag-over {
  border-color: #464584;
  color: #464584;
}
.input-on-drag-over.input-on-drag-over.input-on-drag-over.input-on-drag-over i {
  color: #464584 !important;
}
.master-input-on-drag-over {
  background: rgba(0, 0, 0, 0.1);
}
.input-manager-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin: 24px 0;
}
.input-manager-container:hover .visible-input {
  border-color: #464584;
}
.input-manager-container:hover .visible-input i {
  color: #464584;
}
.input-manager-container:hover .input-text {
  color: #464584;
}
.visible-input {
  width: 88px;
  height: 56px;
  border: 1px dashed #9DBACE;
  display: flex;
  align-items: center;
  justify-content: center;
}
.visible-input i {
  color: #9DBACE;
  font-size: 24px;
}
.input-text {
  color: #9DBACE;
  margin: 8px 0 0 0;
}
.invisible-input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.invisible-input:disabled {
  cursor: pointer;
}
.invisible-input-no-display.invisible-input-no-display.invisible-input-no-display {
  display: none;
}
.cadre {
  margin: 20px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.appointmentPageSlide {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  /*overflow: hidden;*/
  overflow-y: scroll;
}
.appointmentPageSlide .appointment-slide-content {
  flex: 1 1 0;
  padding-top: 0px;
}
.appointmentPageSlide .carousel-indicators {
  display: none;
}
.appointmentPageSlide .carousel-container {
  height: 100%;
  /*overflow-y: scroll;*/
}
.appointmentPageSlide .carousel-inner {
  height: 100%;
}
.appointmentPageSlide .carousel-sub-container {
  width: 100%;
  height: 100%;
}
.appointmentPageSlide .page-slide-paddings {
  padding: 24px 24px 0 24px;
}
.appointmentPageSlide .page-slide-paddings h1 {
  margin: 0;
}
.appointmentPageSlide .events-header-container {
  margin: 0 0 16px 0;
}
.appointmentPageSlide .rappel-back {
  margin-bottom: 20px;
  border-radius: 4px;
  background-color: rgba(255, 152, 0, 0.39);
  border: solid 1px #ff9800;
  padding: 10px 14px 14px 0px;
}
.appointmentPageSlide .rappel-back .rappel-content {
  display: table;
}
.appointmentPageSlide .rappel-back .rappel-content i {
  padding-left: 10px;
  padding-right: 10px;
  display: table-cell;
}
.appointmentPageSlide .rappel-back .rappel-content .text {
  display: table-cell;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: left;
  color: black;
  word-wrap: break-word;
}
.appointmentPageSlide .btn-repeat-container {
  display: flex;
  margin: 0 24px 0 16px;
  flex-wrap: wrap;
}
.appointmentPageSlide .btn-repeat-container:not(:last-child) {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  border-bottom-style: dotted;
  padding-bottom: 8px;
}
.appointmentPageSlide .btn-repeat-place-container {
  display: flex;
  flex-wrap: wrap;
  margin: 16px 24px 0 16px;
}
.appointmentPageSlide .btn-repeat {
  text-transform: uppercase;
  background: white;
  width: 88px;
  height: 40px;
  border: 1px solid #b9bebe;
  color: #b9bebe;
  padding: 8px;
  border-radius: 4px;
  font-size: 12px;
  margin: 8px 0 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.appointmentPageSlide .btn-repeat:hover {
  border: 1px solid #48cde0;
  background: #48cde0;
  color: white;
}
.appointmentPageSlide .btn-repeat:disabled {
  background: #b9bebe;
  color: white;
  cursor: not-allowed;
}
.appointmentPageSlide .btn-repeat-selected {
  border: 1px solid #48cde0;
  background: #48cde0;
  color: white;
}
.appointmentPageSlide .btn-repeat-not-selected {
  border: 1px solid #FF1744;
}
.appointmentPageSlide .send-mail-container {
  margin: 24px 24px 0 26px;
}
.appointmentPageSlide .send-mail-container .md-label {
  user-select: none;
  margin-top: 3.5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.appointmentPageSlide .input-container {
  user-select: none;
  margin: 24px 24px 0 24px;
}
.appointmentPageSlide .input-container md-input-container {
  margin: 0;
  padding: 2px 0;
}
.appointmentPageSlide .input-container md-input-container md-select,
.appointmentPageSlide .input-container md-input-container md-datepicker {
  padding: 0 2px;
}
.appointmentPageSlide .input-container md-input-container clockpicker input {
  padding-left: 4px;
}
.appointmentPageSlide .clockpicker {
  width: 60px;
}
.appointmentPageSlide .salary-proposition-container {
  display: flex;
  margin: 24px 24px 0 16px;
}
.appointmentPageSlide .salary-proposition-container md-input-container {
  margin: 0 0 0 8px;
  padding: 2px 0;
}
.appointmentPageSlide .date-and-time-container {
  display: flex;
  justify-content: space-between;
}
.appointmentPageSlide .half-width {
  width: 50%;
}
.appointmentPageSlide .attendees-container {
  margin: 0 24px 0 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.appointmentPageSlide .attendees-container span {
  margin: 1px 0 0 0;
}
.appointmentPageSlide .attendee {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 8px 0 0 8px;
  font-size: 10px;
  padding: 4px 8px 2px 8px;
  border: 1px solid #48cde0;
  border-radius: 24px;
}
.appointmentPageSlide .attendee:hover:after {
  margin: 0 0 0 4px;
  content: 'X';
  color: #FF1744;
}
.appointmentPageSlide .months-days-scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  user-select: none;
  display: flex;
  margin: 0 24px 0 24px;
}
.appointmentPageSlide .months-days-scroll:first-of-type {
  padding: 16px 0 0 0;
}
.appointmentPageSlide .months-days-scroll:last-of-type {
  box-shadow: 0 6px 2px -2px rgba(0, 0, 0, 0.2);
}
.appointmentPageSlide .months-days-scroll::-webkit-scrollbar {
  display: none;
}
.appointmentPageSlide .day-month-content-container {
  display: inline-flex;
}
.appointmentPageSlide .day-month-content-container::-webkit-scrollbar {
  display: none;
}
.appointmentPageSlide .months-content {
  color: silver;
  margin: 0 0 0 24px;
  cursor: pointer;
}
.appointmentPageSlide .months-content:first-of-type {
  margin: 0 0 0 0;
}
.appointmentPageSlide .calendar-shadow {
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.2);
}
.appointmentPageSlide .selected-month {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  color: #48cde0;
}
.appointmentPageSlide .day-content {
  cursor: pointer;
  height: 65px;
  width: 40px;
  text-align: center;
  padding-top: 10px;
  margin-top: 4px;
}
.appointmentPageSlide .day-content .day-letter {
  color: #b9bebe;
}
.appointmentPageSlide .day-content .day-number {
  color: #656f71;
}
.appointmentPageSlide .day-content.is-weekend .day-letter,
.appointmentPageSlide .day-content.is-holiday .day-letter {
  color: #f1f2f2;
}
.appointmentPageSlide .day-content.is-weekend .day-number,
.appointmentPageSlide .day-content.is-holiday .day-number {
  color: #b9bebe;
}
.appointmentPageSlide .day-today.selected-day {
  background: #48cde0 !important;
  border-radius: 22px 22px 0px 0px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.appointmentPageSlide .day-today.selected-day .day-letter,
.appointmentPageSlide .day-today.selected-day .day-number {
  color: white;
}
.appointmentPageSlide .selected-day {
  background: #48cde0;
  border-radius: 22px 22px 0px 0px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.appointmentPageSlide .selected-day .day-letter.day-letter,
.appointmentPageSlide .selected-day .day-number.day-number {
  color: white;
}
.appointmentPageSlide .day-number {
  margin-top: 4px;
  display: block;
}
.appointmentPageSlide .carousel-btns-container {
  display: flex;
  justify-content: space-around;
  margin: 24px;
  flex: 1 1 0;
}
.appointmentPageSlide .outlined {
  height: 38px;
  text-transform: uppercase;
  background: white;
  width: 128px;
  border: 1px solid #48cde0;
  color: #48cde0;
  padding: 8px 0;
  border-radius: 4px;
}
.appointmentPageSlide .outlined:hover {
  background: #48cde0;
  color: white;
  transition: 0.3s;
}
.appointmentPageSlide .filled {
  height: 38px;
  text-transform: uppercase;
  background: #48cde0;
  width: 128px;
  border: 1px solid #48cde0;
  color: white;
  padding: 8px 0;
  border-radius: 4px;
}
.appointmentPageSlide .filled:hover {
  background: white;
  color: #48cde0;
  transition: 0.3s;
}
.appointmentPageSlide .filled.disabled,
.appointmentPageSlide .filled[disabled],
fieldset[disabled] .appointmentPageSlide .filled {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: unset;
}
.appointmentPageSlide .fc-view-container {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  min-height: 50%;
}
.appointmentPageSlide .fc-view-container::-webkit-scrollbar {
  display: none;
}
.appointmentPageSlide .fc-slats {
  background: #f1f2f2;
}
.appointmentPageSlide .fc-time-grid-event {
  padding-top: 4px;
  padding-left: 20px;
  font-size: 12px;
  border-radius: 0px;
  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
  border-color: transparent;
  border-left: 3px solid #464680;
}
.appointmentPageSlide .fc-unthemed td {
  border-color: transparent;
}
.appointmentPageSlide .fc-time {
  color: #b9bebe;
}
.appointmentPageSlide .fc-event-container * {
  pointer-events: none;
}
.appointmentPageSlide fullcalendar {
  padding-top: 2px;
  margin: 2px 24px 4px 24px;
  display: block;
  min-height: 50%;
  overflow-y: scroll;
  box-shadow: 0 6px 2px -2px rgba(0, 0, 0, 0.2);
  flex: 1 1 0;
}
.appointmentPageSlide fullcalendar::-webkit-scrollbar {
  display: none;
}
.appointmentPageSlide .form-calendar-container {
  overflow: hidden;
}
.appointmentPageSlide .duration-slider {
  margin-right: 0 !important;
}
.appointmentPageSlide .special-small-container {
  width: 64px;
}
.appointmentPageSlide .meeting-time {
  margin-top: 7px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.38) !important;
  padding-left: 4px;
}
.appointmentPageSlide .duration-label {
  color: #a5c0d4 !important;
  padding-left: 4px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
}
.appointmentPageSlide .slider-not-required .md-thumb:after,
.appointmentPageSlide .slider-not-required .md-track-fill {
  background-color: #48cde0 !important;
  border-color: #48cde0 !important;
}
.appointmentPageSlide .slider-required .md-thumb:after,
.appointmentPageSlide slider-required .md-track-fill {
  background-color: #FF1744 !important;
  border-color: #FF1744 !important;
}
.appointmentPageSlide #red-slider .md-focus-thumb,
.appointmentPageSlide #red-slider .md-focus-ring {
  background-color: #48cde0;
}
.appointmentPageSlide #red-slider .md-sign {
  background: #48cde0 !important;
}
.appointmentPageSlide #red-slider .md-sign:after {
  border-top-color: #48cde0 !important;
}
.appointmentPageSlide .adapt-label-slider label {
  transform: translate3d(0, 20px, 0) scale(1) !important;
}
.appointmentPageSlide .adapt-label-slider md-slider {
  margin-top: 16px;
}
.appointmentPageSlide .md-text-area {
  padding: 0;
  padding-left: 4px;
}
.appointmentPageSlide .unavailable-day-container {
  text-align: center;
  width: 100%;
  padding: 0 24px;
}
.appointmentPageSlide .unavailable-day-container .unavailable-day {
  color: #FF1744;
}
.appointmentPageSlide .mail-checkbox-container {
  margin: 24px 24px 0 28px;
}
.appointmentPageSlide .mail-checkbox-container .md-icon {
  border-color: #48cde0 !important;
}
.appointmentPageSlide .mail-checkbox-container .md-label {
  user-select: none;
  margin-top: 3.5px;
  margin-left: 30px;
}
.appointmentPageSlide .no-calendar-days {
  margin: 8px 24px 0 24px;
  color: #FF1744;
  text-align: center;
}
.carousel-slide-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.carousel-slide-content > form {
  height: calc(100% - 86px);
  display: flex;
  flex-direction: column;
}
.event-btns-popover.event-btns-popover.event-btns-popover {
  background: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  border: unset;
  border-radius: unset;
  max-width: 260px !important;
}
.event-btns-popover.event-btns-popover.event-btns-popover .arrow {
  border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}
.event-btns-popover.event-btns-popover.event-btns-popover .popover-inner .popover-content {
  padding: 8px 16px;
  font-size: 12px;
}
.event-btns-popover.event-btns-popover.event-btns-popover .popover-inner .popover-content .header-container {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin-bottom: 8px;
}
.event-btns-popover.event-btns-popover.event-btns-popover .popover-inner .popover-content .content-container {
  display: flex;
  align-items: center;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.appointmentsSettings {
  display: flex;
  flex-direction: column;
}
.appointmentsSettings .appointments-settings-container {
  display: flex;
  width: 100%;
  height: calc(100vh - 155px);
  padding: 24px;
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
.appointmentsSettings .table-container {
  width: 100%;
  height: 100%;
}
.appointmentsSettings .scrolling-content {
  overflow-y: scroll;
  height: 100%;
}
.appointmentsSettings .table-header-container {
  font-size: 15px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #ddebf6;
  border-top: 2px solid #ddebf6;
  background: white;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), inset 2px 0 0 0 #464680;
}
.appointmentsSettings .block-color {
  background: white;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15), inset -1px 0 0 0 #ddecf7, inset 1px 0 0 0 #ddecf7, inset 0 1px 0 0 #c5d9e8, inset 0 -1px 0 0 #ddecf7;
}
.appointmentsSettings .table-header-color {
  font-size: 16px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  background: white;
}
.appointmentsSettings .unset-border {
  border-top: unset;
}
.appointmentsSettings .table-content-container {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddebf6;
}
.appointmentsSettings .table-content-container:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), inset 2px 0 0 0 #48cde0, inset -2px 0 0 0 #48cde0;
}
.appointmentsSettings .table-cell-formatting {
  text-align: left;
  font-weight: normal;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 16px;
  height: 56px;
}
.appointmentsSettings .header-cell {
  font-weight: bold;
}
.appointmentsSettings .block-separator {
  height: 40px;
}
.appointmentsSettings .block-separator:first-of-type {
  height: 8px;
}
.appointmentsSettings .content-cell-header-left {
  width: 64.65%;
  display: flex;
  align-items: center;
}
.appointmentsSettings .content-cell-left {
  width: 50%;
  display: flex;
  align-items: center;
}
.appointmentsSettings .content-cell-right {
  width: 50%;
  border-left: unset;
  display: flex;
  align-items: center;
  border-left: 2px solid #ddebf6;
}
.appointmentsSettings .no-actions {
  background: rgba(0, 0, 0, 0.04);
}
.appointmentsSettings .left-content-left {
  width: 40%;
}
.appointmentsSettings .left-content-middle {
  color: #b9bebe;
  width: 30%;
}
.appointmentsSettings .left-content-middle span {
  cursor: pointer;
}
.appointmentsSettings .left-content-right {
  color: #b9bebe;
  width: 30%;
}
.appointmentsSettings .left-content-right span {
  cursor: pointer;
}
.appointmentsSettings .right-content-left {
  text-align: center;
  color: #656f71;
  width: 100%;
}
.appointmentsSettings .right-content-left span {
  cursor: pointer;
}
.appointmentsSettings .right-content-left span:hover {
  font-weight: bold;
}
.appointmentsSettings .right-content-middle {
  text-align: center;
  color: #656f71;
  width: 100%;
}
.appointmentsSettings .right-content-middle span {
  cursor: pointer;
}
.appointmentsSettings .right-content-middle span:hover {
  font-weight: bold;
}
.appointmentsSettings .right-content-right {
  text-align: center;
  color: #656f71;
  width: 100%;
}
.appointmentsSettings .right-content-right span {
  cursor: pointer;
}
.appointmentsSettings .right-content-right span:hover {
  font-weight: bold;
}
.appointmentsSettings .candidtae-header {
  width: 30%;
}
.appointmentsSettings .appointment-header {
  width: 20%;
}
.appointmentsSettings .agi-suivi-header {
  width: 50%;
  text-align: center;
}
.appointmentsSettings input[type=file] {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/** Icônes du 3ème bloc **/
.first-col-for-icon {
  font-size: 16px;
  color: #48cde0;
  text-align: center;
  margin: 24px -10px 0 -19px;
}
#pageAddEditCandidate {
  /*********** Propriétés générales **********/
  /********** TOP content **********/
}
@media (max-width: 992px) {
  #pageAddEditCandidate .material-icons {
    margin-left: unset;
  }
}
#pageAddEditCandidate .flex-display {
  display: flex !important;
}
#pageAddEditCandidate .main-place .footer {
  box-shadow: none;
}
#pageAddEditCandidate .main-place div.middle-content {
  padding-bottom: 90px;
}
@media all and (max-width: 991px) {
  #pageAddEditCandidate .main-place div.middle-content {
    z-index: 3;
    padding: 32px 5% 30px 5%;
  }
  #pageAddEditCandidate .main-place div.middle-content .input-right {
    padding-left: 0;
  }
  #pageAddEditCandidate .main-place div.middle-content md-datepicker .md-datepicker-input-container input.md-datepicker-input {
    max-width: none;
  }
  #pageAddEditCandidate .main-place div.middle-content .for-memo {
    margin-top: 1px;
    padding-right: 0;
  }
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process-title {
  margin-top: 0;
  width: 96.9%;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-button-container {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-button-container .recruitment-button-add {
  margin-top: 15px;
  background: unset;
  outline: none;
  border: unset;
  padding: 4px;
  color: #48cde0;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  margin-right: 21px;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-button-container .recruitment-button-add[disabled] {
  color: #a0a0a0;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-button-container .recruitment-button-del {
  margin-top: 15px;
  background: unset;
  outline: none;
  border: unset;
  padding: 4px;
  color: #48cde0;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-button-container .recruitment-button-del[disabled] {
  color: #a0a0a0;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process {
  width: 96.5%;
  margin-left: 3px;
  margin-top: 12px;
  table-layout: fixed;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-header {
  height: 40px;
  font-size: 10px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #464680;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-header .table-header-content-box {
  width: 6%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-header .table-header-content {
  width: 20%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-header .table-header-content-step {
  width: 11%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-header .table-header-content-comm {
  width: 43%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-content {
  height: 40px;
  font-size: 12px;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-content .table-td-box {
  width: 6%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-content .table-td-box .recruitment-checkbox {
  padding: 0px;
  margin: 0px;
  max-width: 20px;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-content .table-td-box .recruitment-checkbox .md-container {
  width: 16px;
  height: 16px;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-content .table-td-box .recruitment-checkbox .md-container .md-icon {
  width: 16px;
  height: 16px;
  border-radius: unset;
  border: 1px solid silver;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-content .table-td-box .recruitment-checkbox .md-container .md-icon::after {
  width: 5px;
  height: 10px;
  left: 4px;
  top: 0;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-content .table-td {
  width: 20%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-content .table-td-step {
  width: 11%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-content .table-td-comm {
  width: 43%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-content .expand-commentary {
  overflow: hidden;
  text-overflow: ellipsis;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-content .expand-commentary .commentary {
  background: white;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-content .expand-commentary:hover {
  overflow: unset;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content-step {
  width: 11%;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content-step .step-selection span {
  color: #b9bebe;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content-step .step-selection {
  max-width: 69px;
  min-width: unset;
  width: 100%;
  margin: 0;
  height: 20px;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content-step .step-selection .md-select-value {
  max-width: 69px;
  width: 100%;
  height: 20px;
  min-height: unset;
  padding: 0;
  border-bottom-width: 0px;
  border-bottom-style: unset;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content-step .step-selection .md-select-value .md-select-icon {
  display: none;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content-step .step-selection .md-select-value .md-text {
  color: #464680;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content-comm {
  width: 43%;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content-comm .commentary-field {
  max-width: 306px;
  min-width: unset;
  width: 100%;
  padding: 0px;
  margin: 0px;
  /*height: 20px;*/
  border: unset;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  resize: vertical;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content-box {
  width: 6%;
  border-bottom: 1px solid #464680;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content-other {
  width: 20%;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content {
  height: 40px;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content .company-field::placeholder,
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content .commentary-field::placeholder {
  color: #b9bebe;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content .company-field,
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content .datepicker-field {
  max-width: 136px;
  min-width: unset;
  width: 100%;
  padding: 0px;
  margin: 0px;
  height: 20px;
  border: unset;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content .datepicker-container {
  height: 20px;
  width: 100%;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content .datepicker-container .md-datepicker-input-container {
  height: 20px;
  border-bottom-width: 0px;
  border-bottom-style: unset;
  border-bottom-color: unset;
  width: 100%;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content .datepicker-container .md-datepicker-input-container .md-datepicker-input {
  padding: 0;
  height: 20px;
  max-width: 136px;
  min-width: unset;
  width: 100%;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: #464680;
  font-size: 12px;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer-content .datepicker-container .md-datepicker-input-container .md-datepicker-input::placeholder {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: #b9bebe;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer {
  height: 40px;
  font-size: 12px;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer .table-footer-content-box {
  width: 6%;
  border-bottom: 1px solid #464680;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer .table-footer-content-other {
  width: 20%;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer .table-footer-content {
  height: 40px;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer .table-footer-content .company-field::placeholder,
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer .table-footer-content .commentary-field::placeholder {
  color: #b9bebe;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer .table-footer-content .company-field,
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer .table-footer-content .datepicker-field {
  max-width: 136px;
  min-width: unset;
  width: 100%;
  padding: 0px;
  margin: 0px;
  height: 20px;
  border: unset;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer .table-footer-content .datepicker-container {
  height: 20px;
  width: 100%;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer .table-footer-content .datepicker-container .md-datepicker-input-container {
  height: 20px;
  border-bottom-width: 0px;
  border-bottom-style: unset;
  border-bottom-color: unset;
  width: 100%;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer .table-footer-content .datepicker-container .md-datepicker-input-container .md-datepicker-input {
  padding: 0;
  height: 20px;
  max-width: 136px;
  min-width: unset;
  width: 100%;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: #464680;
  font-size: 12px;
}
#pageAddEditCandidate .main-place div.middle-content .recruitment-process .table-footer .table-footer-content .datepicker-container .md-datepicker-input-container .md-datepicker-input::placeholder {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: #b9bebe;
}
@media all and (min-width: 992px) {
  #pageAddEditCandidate .main-place div.middle-content .for-leads,
  #pageAddEditCandidate .main-place div.middle-content .for-comment {
    padding-right: 23px;
  }
  #pageAddEditCandidate .main-place div.middle-content .for-keys,
  #pageAddEditCandidate .main-place div.middle-content .for-infocomm {
    padding-left: 23px;
  }
}
@media all and (min-width: 992px) and (max-width: 1439px) {
  #pageAddEditCandidate .main-place div.middle-content {
    padding-left: 43px;
    padding-right: 0;
  }
}
@media all and (min-width: 992px) {
  #pageAddEditCandidate .main-place div.middle-content > div.main-info > div,
  #pageAddEditCandidate .main-place div.middle-content > div.o1-info > div {
    padding-right: 46px;
  }
}
@media all and (min-width: 992px) {
  #pageAddEditCandidate div.main-info .md-for-calendar {
    width: 100%;
    margin-bottom: 0;
  }
}
#pageAddEditCandidate div.for-memo {
  margin-top: 5px;
  padding-right: 46px;
}
#pageAddEditCandidate .info-company {
  margin-bottom: 20px;
}
#pageAddEditCandidate .info-company .flex {
  display: flex;
  flex-basis: auto;
  column-gap: 5px;
  align-items: center;
}
@media (max-width: 992px) {
  #pageAddEditCandidate .info-company .flex {
    flex-direction: column;
  }
}
#pageAddEditCandidate .md-datepicker-input[placeholder] {
  color: red;
}
@media (max-width: 992px) {
  #pageAddEditCandidate .top-content {
    padding: 12px 10px 0;
  }
}
#pageAddEditCandidate .top-content .back {
  display: flex;
}
#pageAddEditCandidate .top-content.underDesktop {
  display: flex;
  flex: 1 1 0;
}
#pageAddEditCandidate .top-content .header-content {
  column-gap: 7px;
}
@media (max-width: 992px) {
  #pageAddEditCandidate .top-content .header-content .input-container-info label {
    transform: translate3d(-4px, 22px, 0) scale(1) !important;
  }
}
#pageAddEditCandidate .top-content .forName {
  margin-left: 0;
}
@media (max-width: 992px) {
  #pageAddEditCandidate .top-content .forName {
    flex-direction: column;
    width: 100%;
  }
}
@media (max-width: 992px) {
  #pageAddEditCandidate .top-content .forName .for-last-name,
  #pageAddEditCandidate .top-content .forName .for-first-name,
  #pageAddEditCandidate .top-content .forName .for-title {
    margin: unset;
  }
}
#pageAddEditCandidate .top-content .pepiteAgauche {
  margin: 0;
  width: calc(90*100%/1820);
  padding: 0;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  margin-top: -32px;
}
#pageAddEditCandidate .top-content .pepiteAgauche .signet {
  height: 77px;
  width: 37px;
  margin-right: -5px;
}
@media (max-width: 785px) {
  #pageAddEditCandidate .top-content .pepiteAgauche .signet {
    width: 33px;
  }
}
#pageAddEditCandidate .top-content div.forActions {
  display: flex;
}
@media all and (min-width: 992px) {
  #pageAddEditCandidate .top-content div.forActions {
    justify-content: flex-end;
  }
  #pageAddEditCandidate .top-content div.forActions > div.dc {
    margin: 0 25px 0 10px;
  }
}
@media (max-width: 992px) {
  #pageAddEditCandidate .top-content div.forActions {
    margin-left: unset;
  }
}
#pageAddEditCandidate .top-content div.forActions > div.star {
  align-items: center;
  display: flex;
  margin-right: 5px;
  margin-top: -10px;
}
#pageAddEditCandidate .top-content div.forActions > div.star i {
  text-shadow: -1px 0 #a5c0d5, 0 1px #a5c0d5, 1px 0 #a5c0d5, 0 -1px #a5c0d5;
  cursor: pointer;
  font-size: 30px;
}
#pageAddEditCandidate .top-content div.forActions > div.star i:active,
#pageAddEditCandidate .top-content div.forActions > div.star i:focus {
  outline: 0 !important;
}
#pageAddEditCandidate .top-content div.forActions > div.star i.active {
  color: #ffd500;
}
#pageAddEditCandidate .top-content div.forActions > div.star i.active:hover {
  text-shadow: 0 0 5px grey, -1px 0 #a5c0d5, 0 1px #a5c0d5, 1px 0 #a5c0d5, 0 -1px #a5c0d5;
}
#pageAddEditCandidate .top-content div.forActions > div.star i:not(.active) {
  color: #fff;
}
#pageAddEditCandidate .top-content div.forActions > div.star i:not(.active):hover {
  text-shadow: 0 0 5px grey, -1px 0 #a5c0d5, 0 1px #a5c0d5, 1px 0 #a5c0d5, 0 -1px #a5c0d5;
}
#pageAddEditCandidate .top-content div.forActions .recruteur {
  font-size: 5px;
}
#pageAddEditCandidate .top-content .forActions3 {
  display: flex;
  margin-right: auto;
}
@media (max-width: 992px) {
  #pageAddEditCandidate .top-content .forActions3 {
    flex-direction: column;
    width: 100%;
  }
}
#pageAddEditCandidate .top-content .forActions3.hasFlag {
  margin-left: calc(90*100%/1820 + 7px);
}
@media (max-width: 558px) {
  #pageAddEditCandidate .top-content .forActions3.hasFlag {
    margin-left: 0;
  }
}
@media (max-width: 992px) {
  #pageAddEditCandidate .top-content .forActions3 .agency-select {
    margin-right: unset;
  }
}
#pageAddEditCandidate .top-content .upload-button {
  margin-right: 10px;
  margin-top: 9px;
}
#pageAddEditCandidate .top-content .star {
  margin-top: 0px;
}
div.for-infos-persos .for-email md-input-container {
  margin-top: 0;
}
div.for-infos-persos .for-email md-input-container.with-icon i {
  margin-top: -32px;
}
div.for-infos-persos .for-skype md-input-container.with-icon i {
  margin-top: -32px;
}
div.for-infos-persos .for-phone md-input-container {
  margin-bottom: 0;
  padding-bottom: 0;
}
div.for-infos-persos .for-phone md-input-container.with-icon i {
  margin-top: -37px;
}
div.for-infos-persos .for-address md-input-container {
  margin-top: 2px;
  margin-bottom: 0;
  padding: 0 1px 2px 1px;
}
div.for-infos-persos .for-address button {
  top: 9px;
  right: -5px;
}
div.for-infos-persos .for-birthdate md-input-container.with-icon i {
  margin-top: -30px;
  color: #a5c0d5;
}
div.for-infos-persos .for-license-vehicle {
  margin-top: 14px;
}
div.for-infos-persos .for-freelance {
  display: inline-block;
}
div.for-formation span.first-col-for-icon {
  margin: 17px 0px 0 0px;
}
div.for-formation .for-formation-formation md-input-container,
div.for-formation .for-poste md-input-container {
  padding-bottom: 2px;
}
div.for-formation .no-min-width {
  min-width: unset !important;
}
div.for-formation skill-material-v2 md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
  color: #a5c0d4;
}
div.for-formation md-input-container.with-icon i.icon-for-material {
  margin-top: -32px;
}
div.for-formation md-input-container.with-icon i:hover {
  color: #474781;
}
.for-formation-level .md-select-value .md-select-icon {
  width: 18px;
}
div.for-status span.first-col-for-icon {
  margin: 17px 0px 0 0px;
}
div.for-status .for-disponibility .for-disponibility-entry {
  padding-right: 0px;
}
div.for-status .for-disponibility .for-disponibility-entry md-input-container {
  padding: 2px;
  padding-right: -2px;
}
div.for-status .for-disponibility .for-disponibility-entry i {
  margin-top: -30px;
  color: #a5c0d5;
}
div.for-status .for-salary-souhait md-input-container.with-text span.extra-text,
div.for-status .for-salary-proposal md-input-container.with-text span.extra-text,
div.for-status for-tjm md-input-container.with-text span.extra-text {
  margin-top: -28px;
}
div.for-status .for-mobility .mobility {
  padding: 0;
}
div.for-status .for-mobility .mobility .form-control {
  text-align: left;
  background-color: #effafc;
  height: 42px;
}
div.for-status .for-mobility .mobility .form-control span.ui-select-placeholder.text-muted.ng-binding {
  color: #a5c0d4;
}
div.for-status .for-mobility .mobility .hlistMobilitySelected {
  padding: 5px 0 0 0 !important;
}
div.for-status .for-mobility md-input-container span.ui-select-placeholder.text-muted.ng-binding {
  margin-left: -10px;
}
.souhaitProEtFreelance {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  border-bottom: solid #48cde0 1px;
  margin-bottom: 14px;
}
.souhaitProEtFreelance .souhait {
  flex-shrink: 1;
  margin-right: auto;
}
.souhaitProEtFreelance .souhait .souhaitHeader {
  color: #48cde0;
  border-bottom: none;
  margin-bottom: -2px;
}
.souhaitProEtFreelance .forSwitchFreelance {
  flex-shrink: 0;
  display: flex;
  align-items: baseline;
  margin-bottom: 2px;
}
.souhaitProEtFreelance .forSwitchFreelance .switch-kit {
  display: block;
  position: relative;
  top: 6px;
}
.souhaitProEtFreelance .labelFreelance {
  margin-right: 5px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
@media (max-width: 991px) {
  .candidate-detail {
    overflow-x: hidden;
  }
}
.candidate-detail md-pagination-wrapper {
  width: 100%;
  padding-left: 20px;
}
.candidate-detail md-tab-item {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 12px;
  width: auto;
  display: block;
}
.candidate-detail md-tabs .row {
  padding-top: 0;
}
.candidate-detail .contact-bloc {
  padding: 26px 0 14px 10px;
}
.candidate-detail .contact-bloc .col-xs-12 {
  padding-bottom: 12px;
}
.candidate-detail .header-detail-xs {
  box-shadow: 0px 2px 5px 0px #f2f3f3;
}
.candidate-detail .header-detail-xs .appointment {
  float: right;
  margin-right: 10px;
  position: relative;
  margin-top: -5px;
}
.candidate-detail .header-detail-xs .top-xs {
  padding-left: 4px;
}
.candidate-detail .header-detail-xs .top-xs a {
  display: inline-block;
  height: 100%;
  vertical-align: central;
}
.candidate-detail .header-detail-xs .top-xs a i {
  display: inline-block;
  margin-bottom: 16px;
}
.candidate-detail .header-detail-xs .top-xs .detail-name-xs {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.1;
  text-align: left;
  display: inline-block;
  vertical-align: central;
  margin-top: 20px;
}
.candidate-detail .header-detail-xs .top-xs .left-corner-xs {
  float: right;
  margin-left: auto;
  margin-right: 11px;
  display: inline-block;
  width: 33px;
  height: 47px;
  position: relative;
  top: 0;
  vertical-align: top;
}
.candidate-detail .header-detail-xs .top-xs .left-corner-xs .signet {
  display: inline-block;
  vertical-align: top;
  margin-left: auto;
  margin-right: 11px;
}
.candidate-detail .header-detail-xs .top-xs .left-corner-xs .freelance-pepite {
  width: 33px;
  height: 17px;
  position: static;
  top: 30px;
}
.candidate-detail .header-detail-xs .detail-description-xs {
  /*margin-right: 20px;*/
  vertical-align: top;
  padding-left: 35px;
  width: 100%;
  margin-top: -8px;
}
.candidate-detail .header-detail-xs .detail-description-xs * {
  display: inline-block;
}
.candidate-detail .header-detail-xs .source-xs {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.27;
  text-align: left;
  color: #a0a0a0;
  padding-left: 35px;
  width: 100%;
  padding-bottom: 7px;
  margin-top: 10px;
}
@media (max-width: 991px) {
  .candidate-detail .md-active {
    text-align: left;
  }
  .candidate-detail .md-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
  .candidate-detail p {
    padding: 10px 20px 20px 20px;
  }
  .candidate-detail .buttons-right i {
    padding: 0px;
  }
  .candidate-detail .buttons-right .icon {
    margin-left: 0px;
    margin-right: 3px;
  }
  .candidate-detail .buttons-right .button-file-name {
    display: none;
  }
}
.candidate-detail .header-detail {
  box-shadow: inset 0 -1px 0 0 rgba(151, 151, 151, 0.16);
  padding-bottom: 16px;
  padding-left: 12px;
  padding-right: 30px;
}
@media (max-width: 991px) {
  .candidate-detail .header-detail {
    padding: 0;
  }
}
.candidate-detail .col-lg-6.candidate-main-block:first-child {
  padding-right: 34px;
  padding-left: 114px;
}
@media (max-width: 1279px) {
  .candidate-detail .col-lg-6.candidate-main-block:first-child {
    padding-right: 25px;
    padding-left: 50px;
  }
}
@media (max-width: 991px) {
  .candidate-detail .col-lg-6.candidate-main-block:first-child {
    padding: 0;
  }
}
.candidate-detail .col-lg-6.candidate-main-block:not(first-child) {
  padding-right: 40px;
  padding-left: 0;
}
@media (max-width: 1279px) {
  .candidate-detail .col-lg-6.candidate-main-block:not(first-child) {
    padding-right: 20px;
  }
}
@media (max-width: 991px) {
  .candidate-detail .col-lg-6.candidate-main-block:not(first-child) {
    padding: 0;
  }
}
.candidate-detail .candidate-main-block {
  padding-right: 40px;
  padding-left: 114px;
}
@media (max-width: 1279px) {
  .candidate-detail .candidate-main-block {
    padding-right: 25px;
    padding-left: 50px;
  }
}
@media (max-width: 991px) {
  .candidate-detail .candidate-main-block {
    padding: 0;
  }
}
.candidate-detail .detail-contact {
  padding-left: 47px;
}
.candidate-detail .detail-contact .files {
  white-space: nowrap;
  display: inline-block;
  float: right;
  padding-right: 50px;
}
.candidate-detail .detail-contact .files .no-padding-reverse {
  padding: 0;
}
.candidate-detail .detail-contact .files button {
  margin-right: 10px;
}
.candidate-detail .detail-contact .files button:nth-last-of-type(1) {
  margin-right: 0;
}
.candidate-detail .detail-description {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
  padding-left: 53px;
  color: #474781;
  margin-top: -22px;
  height: 21px;
  display: none;
  align-items: center;
  position: relative;
  top: 100px;
}
.candidate-detail .detail-description .work-social-medias {
  color: #464680 !important;
}
.candidate-detail .detail-description .work-social-medias .linkedin-nowrap {
  white-space: nowrap;
}
.candidate-detail .detail-description .work-social-medias .linkedin-nowrap .icon-linkedlin {
  margin: 0px 6px 0px 0px;
  font-size: 17px !important;
}
.candidate-detail .detail-description .work-social-medias .icon-viadeo {
  background-color: #464680;
  color: white;
  font-size: 12px;
  padding: 1px 3px;
  height: 17px;
  border-radius: 2px;
  margin-left: -4px;
  width: 17px;
}
@media (min-width: 992px) {
  .candidate-detail .detail-description {
    display: flex;
  }
}
@media (min-width: 992px) {
  .candidate-detail .left-corner {
    overflow: hidden;
    float: left;
    position: relative;
    right: 0;
    top: -22px;
    margin-right: 10px;
  }
  .candidate-detail .left-corner .signet {
    width: 43px;
    height: 62px;
  }
}
.candidate-detail .detail-name {
  display: inline-flex;
  flex-flow: row;
  width: 100%;
  height: 100%;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 40px;
  line-height: 0.88;
  color: #00c853;
  display: inline-block;
  text-align: left;
  padding-left: 0;
  padding-top: 22px;
  vertical-align: middle;
  margin: auto;
}
.candidate-detail .detail-name > i {
  display: inline-block;
  vertical-align: middle;
}
.candidate-detail .detail-name .source {
  float: right;
  margin-left: auto;
  display: inline-flex;
  flex-flow: column;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.27;
  text-align: right;
  color: #a0a0a0;
}
.candidate-detail .detail-name .source.view {
  font-size: 0.35em;
}
.candidate-detail .addFormating .diploma-month:after {
  content: none !important;
}
.candidate-detail .addFormating span:after {
  content: ', ';
}
.candidate-detail .addFormating span:nth-last-of-type(1):after {
  content: none !important;
}
.candidate-detail .addFormatingDash span:after {
  content: ' - ';
}
.candidate-detail .addFormatingDash span:last-child:after {
  content: none !important;
}
.candidate-detail .addFormatingOver span:after {
  content: ' > ';
}
.candidate-detail .addFormatingOver span:nth-last-of-type(1):after {
  content: none !important;
}
.candidate-detail .skill {
  margin: 5px 0 7px 0;
  padding-top: 1px;
  padding-bottom: 1px;
  overflow: hidden;
}
.file-item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding-bottom: 8px;
  flex-wrap: wrap;
  box-shadow: inset 0 -1px 0 0 #f2f3f3;
}
.file-item .text {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  margin-left: 8px;
}
.file-item .del-icon {
  display: none;
  margin-left: auto;
}
.file-item:hover .file-icon {
  color: #464680;
}
.file-item:hover .text {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
}
.file-item:hover .del-icon {
  display: inline-block;
  margin-bottom: auto;
  margin-top: auto;
}
.file-item:hover .del-icon:hover {
  color: #464680;
}
.appointment-salary-variable {
  margin-left: 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.fiche-candidate {
  background-color: #ffffff;
}
.fiche-candidate .button-container {
  display: flex;
}
.import-cv {
  z-index: 4500 !important;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: rgba(127, 127, 127, 0.5);
}
.import-cv .box-input {
  top: 40%;
  margin-top: auto;
  margin-bottom: auto;
  width: 500px;
  height: 500px;
  border-radius: 8px;
  background-color: #48cde0;
  box-shadow: 0 1px 60px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
}
.import-cv .box-input .text-big {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 34px;
  line-height: 1.03;
  color: #ffffff;
  margin-top: 40px;
  margin-bottom: 20px;
}
.import-cv .box-input i {
  font-size: 95px;
  margin-top: 134px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: auto;
  background-color: rgba(255, 255, 255, 0.145);
  border-radius: 15px;
  padding: 18px 16px;
}
.import-cv .box-input input {
  width: 500px;
  height: 500px;
}
.import-cv .box-input .text-small {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #ffffff;
}
.candidates-list-header {
  padding: 0.7em 1.5em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.candidates-list-header .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.candidates-list-header .right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.candidates-list-header .right .dropdown {
  margin-left: 1em;
}
.candidates-list-header .icon:first-child {
  margin-left: 0.4em;
}
.candidates-list-header .icon {
  position: relative;
  font-size: 1.9em;
  background: transparent;
  padding: 0.15em;
  margin: 0;
  margin-left: 0.2em;
  border-radius: 7px;
  cursor: pointer;
  color: #96bbd0;
  overflow: hidden;
  z-index: 0;
}
.candidates-list-header .icon:before {
  content: '';
  position: absolute;
  background: white;
  border-radius: 50%;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all linear 200ms 150ms, border-radius linear 200ms 0ms;
}
.candidates-list-header .icon.active:before,
.candidates-list-header .icon:hover:before {
  width: 100%;
  height: 100%;
  border-radius: 0;
  transition: all linear 200ms, border-radius linear 200ms 200ms;
}
.candidates-list-header .icon.active {
  color: #3cdbe8;
}
.candidates-list-header + .list-container {
  padding-top: 0px;
}
.candidates-list-header .candidateSortOrder .md-text {
  font-family: 'Heebo-Regular', sans-serif;
}
@media screen and (max-width: 991px) {
  .menu-page-candidate-mobile {
    padding: 0 !important;
  }
}
.tools-menu-header-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 25px;
  padding-left: 25px;
  width: 100%;
  min-height: 66px;
  height: 100%;
}
.candidate-menu-header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 25px;
  padding-left: 25px;
  width: 100%;
  min-height: 66px;
  height: 100%;
}
.candidate-menu-header-container .candidate-number-and-search-bar-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 6px;
}
.candidate-menu-header-container .candidate-number-and-search-bar-container .candidate-number {
  margin-top: 6px;
}
.candidate-menu-header-container .candidate-number {
  margin-top: 6px;
  font-size: 15px;
  line-height: 22px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  color: #464680;
  letter-spacing: 1.71px;
}
@media screen and (max-width: 992px) {
  .candidate-menu-header-container .candidate-number {
    margin-top: 28px;
    margin-bottom: auto;
  }
}
@media screen and (max-width: 765px) {
  .candidate-menu-header-container .candidate-number {
    margin-top: 28px;
    margin-bottom: auto;
  }
}
.candidate-menu-header-container .candidate-nav-container {
  margin-top: 12px;
  letter-spacing: 1.71px;
  font-size: 14px;
  line-height: 21px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 992px) {
  .candidate-menu-header-container .candidate-nav-container {
    margin-top: 32px;
  }
}
@media screen and (max-width: 765px) {
  .candidate-menu-header-container .candidate-nav-container {
    margin-top: 42px;
  }
}
.candidate-menu-header-container .candidate-nav-container .not-implemented-yet {
  color: #b9bebe;
}
@media screen and (max-width: 1217px) {
  .candidate-menu-header-container .candidate-nav-container .not-implemented-yet {
    display: none;
  }
}
.candidate-menu-header-container .candidate-btn-group {
  display: flex;
}
.candidate-menu-header-container .candidate-btn-group .add-action-system-btn {
  margin: 10px;
}
.add-candidate {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: -0.2px;
  color: #464680;
  margin-top: 8px;
}
@media screen and (max-width: 992px) {
  .add-candidate {
    margin-top: 28px;
  }
}
@media screen and (max-width: 765px) {
  .add-candidate {
    margin-top: 38px;
  }
}
.add-candidate i {
  color: #48cde0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
list-iC .card-ic-transparent,
.bargraph-div .card-ic-transparent,
.new-bargraph .card-ic-transparent {
  height: 0px;
  width: 358px;
}
list-iC .card-ic-display,
.bargraph-div .card-ic-display,
.new-bargraph .card-ic-display {
  display: block !important;
}
list-iC .card-ic,
.bargraph-div .card-ic,
.new-bargraph .card-ic {
  width: 100%;
  height: 50px;
  color: #464680;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  cursor: auto;
  background-color: #ffffff;
  border-bottom: 1px solid #b9bebe;
  /*box-shadow: inset -1px 0 0 0 #ddecf7, inset 1px 0 0 0 #ddecf7, inset 0 1px 0 0 #c5d9e8, inset 0 -1px 0 0 #ddecf7;*/
}
@media (min-width: 768px) {
  list-iC .card-ic,
  .bargraph-div .card-ic,
  .new-bargraph .card-ic {
    width: 340px;
  }
}
list-iC .card-ic .card-row,
.bargraph-div .card-ic .card-row,
.new-bargraph .card-ic .card-row {
  display: flex;
  height: 100%;
  font-size: 18px;
  font-weight: 900;
}
list-iC .card-ic .card-row .signet,
.bargraph-div .card-ic .card-row .signet,
.new-bargraph .card-ic .card-row .signet {
  cursor: default;
}
list-iC .card-ic .card-row .signet i,
.bargraph-div .card-ic .card-row .signet i,
.new-bargraph .card-ic .card-row .signet i {
  cursor: default;
}
list-iC .card-ic .card-row .card-trigram,
.bargraph-div .card-ic .card-row .card-trigram,
.new-bargraph .card-ic .card-row .card-trigram {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: normal;
  text-align: center;
  line-height: normal;
  width: 100%;
  color: white;
  position: absolute;
  bottom: 2px;
}
list-iC .card-ic .card-row .card-command,
.bargraph-div .card-ic .card-row .card-command,
.new-bargraph .card-ic .card-row .card-command {
  font-size: 18px;
  font-weight: 900;
}
list-iC .card-ic .card-row .card-provisional,
.bargraph-div .card-ic .card-row .card-provisional,
.new-bargraph .card-ic .card-row .card-provisional {
  font-size: 18px;
  font-weight: bold;
}
list-iC .card-ic .card-row .icon-calendrier,
.bargraph-div .card-ic .card-row .icon-calendrier,
.new-bargraph .card-ic .card-row .icon-calendrier {
  font-size: 18px;
  font-weight: 900;
  font-family: "Heebo-Black", Helvetica, Arial, sans-serif;
}
list-iC .card-ic .card-row .only-under-lg .card-date span,
.bargraph-div .card-ic .card-row .only-under-lg .card-date span,
.new-bargraph .card-ic .card-row .only-under-lg .card-date span {
  font-weight: 400;
}
list-iC .card-ic .card-row .card-date,
.bargraph-div .card-ic .card-row .card-date,
.new-bargraph .card-ic .card-row .card-date {
  font-size: 18px;
  font-weight: bold;
  color: #b8bebe;
  font-family: "Heebo-Bold", Helvetica, Arial, sans-serif;
  display: inline-flex;
}
list-iC .card-ic .card-row .card-date span,
.bargraph-div .card-ic .card-row .card-date span,
.new-bargraph .card-ic .card-row .card-date span {
  font-family: "Heebo-Bold", Helvetica, Arial, sans-serif;
  font-size: 11px;
  text-align: center;
  margin-left: 3px;
  padding: 0 4px;
  align-self: center;
  line-height: 17px;
  color: white;
  background-color: #b9bebe;
  width: 70px;
}
list-iC .card-ic .card-row .card-date span.warning,
.bargraph-div .card-ic .card-row .card-date span.warning,
.new-bargraph .card-ic .card-row .card-date span.warning {
  background-color: #ff9800;
}
list-iC .card-ic .card-row .card-date span.danger,
.bargraph-div .card-ic .card-row .card-date span.danger,
.new-bargraph .card-ic .card-row .card-date span.danger {
  background-color: #ff1744;
}
list-iC .card-ic .card-row .right-corner,
.bargraph-div .card-ic .card-row .right-corner,
.new-bargraph .card-ic .card-row .right-corner {
  margin: 0;
  padding: 0;
}
list-iC .card-ic .name-and-company-div,
.bargraph-div .card-ic .name-and-company-div,
.new-bargraph .card-ic .name-and-company-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 10px;
  width: 240px;
}
list-iC .card-ic .employee-company-name,
.bargraph-div .card-ic .employee-company-name,
.new-bargraph .card-ic .employee-company-name {
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.7;
  font-size: 11px;
  color: #b9bebe;
  font-weight: normal;
  margin-top: -3px;
}
list-iC .card-ic .employee-company-name-active,
.bargraph-div .card-ic .employee-company-name-active,
.new-bargraph .card-ic .employee-company-name-active {
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.7;
  font-size: 11px;
  color: #656f71;
  font-weight: normal;
  margin-top: -3px;
}
list-iC .card-ic .card-name,
.bargraph-div .card-ic .card-name,
.new-bargraph .card-ic .card-name {
  font-size: 14px;
  font-weight: bold;
  font-family: "Heebo-Bold", Helvetica, Arial, sans-serif;
}
list-iC .card-ic .card-corner,
.bargraph-div .card-ic .card-corner,
.new-bargraph .card-ic .card-corner {
  width: 24px;
  height: 40px;
  border-radius: 3px;
  background-color: #464580;
  padding-top: 4px;
  top: 0px;
}
list-iC .card-ic .card-corner div,
.bargraph-div .card-ic .card-corner div,
.new-bargraph .card-ic .card-corner div {
  line-height: 40px;
  color: white;
  text-align: center;
  width: 100%;
}
list-iC .card-bar-container,
.bargraph-div .card-bar-container,
.new-bargraph .card-bar-container {
  height: 100%;
  width: 30px;
  position: relative;
  border: solid white 2px;
  /*classe interne de possition */
}
list-iC .card-bar-container .time-bar-position,
.bargraph-div .card-bar-container .time-bar-position,
.new-bargraph .card-bar-container .time-bar-position {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
list-iC .card-bar-container.first,
.bargraph-div .card-bar-container.first,
.new-bargraph .card-bar-container.first {
  margin-top: 4px;
  height: 17px;
}
list-iC .card-bar-container.first .bar-time,
.bargraph-div .card-bar-container.first .bar-time,
.new-bargraph .card-bar-container.first .bar-time {
  font-size: 100%;
}
list-iC .card-bar-container.second,
.bargraph-div .card-bar-container.second,
.new-bargraph .card-bar-container.second {
  margin-top: 0px;
  height: 17px;
}
list-iC .card-bar-container.second .bar-time,
.bargraph-div .card-bar-container.second .bar-time,
.new-bargraph .card-bar-container.second .bar-time {
  font-size: 100%;
}
list-iC .card-bar-container .bar-background,
.bargraph-div .card-bar-container .bar-background,
.new-bargraph .card-bar-container .bar-background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
list-iC .card-bar-container .bar,
.bargraph-div .card-bar-container .bar,
.new-bargraph .card-bar-container .bar {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0px !important;
}
list-iC .card-bar-container .bar-company-name,
.bargraph-div .card-bar-container .bar-company-name,
.new-bargraph .card-bar-container .bar-company-name {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: normal;
  text-align: center;
  line-height: normal;
  width: 100%;
  color: white;
  position: absolute;
  bottom: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
}
list-iC .card-bar-container .bar-time,
.bargraph-div .card-bar-container .bar-time,
.new-bargraph .card-bar-container .bar-time {
  font-family: "Heebo-Bold", Helvetica, Arial, sans-serif;
  text-align: center;
  font-size: 100%;
  font-weight: 800;
  color: white;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  justify-content: space-around;
  font-size: 14px;
  top: 5px;
}
list-iC .card-bar-container .bar-time .arrivalDate,
.bargraph-div .card-bar-container .bar-time .arrivalDate,
.new-bargraph .card-bar-container .bar-time .arrivalDate {
  font-size: 14px;
}
list-iC .card-bar-container .weeks-remaining-style,
.bargraph-div .card-bar-container .weeks-remaining-style,
.new-bargraph .card-bar-container .weeks-remaining-style {
  font-size: 8px;
  text-align: center;
  color: white;
  top: 20px;
  position: absolute;
  width: 100%;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
}
list-iC .card-bar-container .ok .bar,
.bargraph-div .card-bar-container .ok .bar,
.new-bargraph .card-bar-container .ok .bar {
  background-color: #7de2a7;
}
list-iC .card-bar-container .ok .bar-background,
.bargraph-div .card-bar-container .ok .bar-background,
.new-bargraph .card-bar-container .ok .bar-background {
  background-color: #b2eecb;
}
list-iC .card-bar-container .warning,
.bargraph-div .card-bar-container .warning,
.new-bargraph .card-bar-container .warning {
  background-color: #ff9800;
}
list-iC .card-bar-container .warning .bar,
.bargraph-div .card-bar-container .warning .bar,
.new-bargraph .card-bar-container .warning .bar {
  background-color: #ff9800;
}
list-iC .card-bar-container .warning .bar-background,
.bargraph-div .card-bar-container .warning .bar-background,
.new-bargraph .card-bar-container .warning .bar-background {
  background-color: rgba(255, 152, 0, 0.3);
}
list-iC .card-bar-container .danger,
.bargraph-div .card-bar-container .danger,
.new-bargraph .card-bar-container .danger {
  background-color: #ff1744;
}
list-iC .card-bar-container .danger .bar,
.bargraph-div .card-bar-container .danger .bar,
.new-bargraph .card-bar-container .danger .bar {
  background-color: #ff1744;
}
list-iC .card-bar-container .danger .bar-background,
.bargraph-div .card-bar-container .danger .bar-background,
.new-bargraph .card-bar-container .danger .bar-background {
  background-color: rgba(255, 23, 68, 0.43);
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.candidate-container {
  /* caché les infos vide en mobile et PC*/
}
.candidate-container .selected-before {
  border: solid;
}
.candidate-container .flex-card {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /*flex-basis: 100%;*/
  align-self: flex-start;
  align-content: flex-start;
  overflow: hidden;
}
.candidate-container .flex-card .card-wrapper {
  flex-grow: 0;
}
@media (max-width: 767px) {
  .candidate-container .flex-card .card-wrapper {
    width: 100%;
  }
}
.candidate-container .flex-card .card-transparent {
  height: 0px;
  width: 377px;
}
.candidate-container .skill {
  margin-left: 10px;
  height: 23px;
  padding-top: 1px;
  padding-bottom: 1px;
  /*overflow-x:scroll;
        -webkit-overflow-scrolling: touch;
        
        ::-webkit-scrollbar {
            height:2px;
        }   
        ::-webkit-scrollbar-thumb {
            background-color: #ff0000;
            border-radius: 100px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background-color: @aqua-marine;
        }*/
}
.candidate-container .skill.technical {
  margin-top: 5px;
}
.candidate-container .skill.functional {
  margin-top: 12px;
}
.candidate-container .skill.soft {
  margin-top: 5px;
}
@media (min-width: 768px) {
  .candidate-container .skill.soft {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .candidate-container .skill.soft {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .candidate-container .card:hover,
  .candidate-container .card-ic:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15), inset -1px 0 0 0 #ddecf7, inset 1px 0 0 0 #ddecf7, inset 0 1px 0 0 #c5d9e8, inset 0 -1px 0 0 #ddecf7;
  }
}
.candidate-container .label-icon {
  width: 41px;
  height: 15px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.15;
  letter-spacing: -0.2px;
  text-align: left;
  color: #a0a0a0;
}
.candidate-container .right-corner {
  overflow: hidden;
  float: right;
  position: relative;
  right: 0;
}
.candidate-container .right-corner .signet {
  width: 33px;
  height: 47px;
}
@media (min-width: 768px) {
  .candidate-container .right-corner {
    top: -8px;
  }
}
.candidate-container .card-mobility {
  width: 323px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.08;
  height: 14px;
  letter-spacing: -0.2px;
  text-align: left;
  color: #464680;
  margin: 10px auto 6px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.candidate-container .main-card-content {
  height: 64%;
}
.candidate-container .card-detail {
  display: block;
  width: 100%;
}
.candidate-container .card-detail .card-line {
  display: flex;
  justify-content: space-between;
  box-shadow: inset 0 1px 0 0 rgba(221, 235, 246, 0.8);
  width: 100%;
  height: 40px;
}
.candidate-container .card-detail .card-line .data {
  height: 18px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.2px;
  text-align: left;
  color: #464680;
  font-style: normal;
  padding-left: 5px;
}
.candidate-container .card-detail .card-line .my-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.candidate-container .card-detail .card-line .card-phone {
  padding-left: 2px;
  display: inline-block;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.2px;
  text-align: left;
  color: #464680;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
}
.candidate-container .card-detail .card-line .card-file {
  display: inline-table;
  text-align: right;
  width: auto;
  height: 100%;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  float: right;
}
.candidate-container .card-detail .card-line .card-arrivalDate {
  padding-left: 2px;
  display: inline-block;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.2px;
  text-align: left;
  color: #464680;
  width: auto;
  white-space: nowrap;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
}
.candidate-container .card-detail .card-line .card-salary {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  padding-right: 0px;
  white-space: nowrap;
  font-size: 15px;
  line-height: 1;
  color: #474781;
  text-align: right;
  height: 15px;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
}
.candidate-container .card-detail .card-line .card-salary.addFormatingPlus span.data:after {
  content: ' + ' !important;
}
.candidate-container .card-detail .card-line .card-salary.addFormatingPlus span.data:nth-last-of-type(1):after {
  content: none !important;
}
.candidate-container .card-detail .card-line .card-link {
  width: auto;
  font-size: 13px;
  line-height: 1.15;
  text-decoration: none;
  /* no underline */
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  letter-spacing: -0.2px;
  color: #464680;
  padding-left: 1px;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}
.candidate-container .card-info {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.2px;
  text-align: left;
  color: #464680;
  margin: 11px 0 0 10px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
  .candidate-container .hide-remove {
    visibility: hidden;
    content: " ";
  }
}
@media (max-width: 767px) {
  .candidate-container .hide-remove {
    display: none !important;
  }
}
.candidate-container .card-line.hide-remove {
  height: 40px;
}
@media (max-width: 767px) {
  .candidate-container .card-line.hide-remove {
    display: none !important;
    height: 0;
  }
}
.candidate-container .contracts {
  display: flex;
  height: 33.98px;
}
.candidate-container .contracts .leftAuto {
  margin-left: auto;
}
.candidate-container .card-mobility.hide-remove {
  height: 14px;
}
@media (max-width: 767px) {
  .candidate-container .card-mobility.hide-remove {
    display: none !important;
    height: 0;
  }
}
.candidate-container .fonctionalSkill.hide-remove,
.candidate-container .technicalSkills.hide-remove {
  height: 20px;
}
@media (max-width: 767px) {
  .candidate-container .fonctionalSkill.hide-remove,
  .candidate-container .technicalSkills.hide-remove {
    display: none !important;
    height: 0;
  }
}
.candidate-container .card-file.hide-remove {
  height: 30px;
}
@media (max-width: 767px) {
  .candidate-container .card-file.hide-remove {
    display: none !important;
    height: 0;
  }
}
.candidate-container .card-salary.hide-remove {
  height: 15px;
}
@media (max-width: 767px) {
  .candidate-container .card-salary.hide-remove {
    display: none !important;
    height: 0;
  }
}
.candidate-container .repeat-row.hide-remove {
  height: 20px;
}
@media (max-width: 767px) {
  .candidate-container .repeat-row.hide-remove {
    display: none !important;
    height: 0;
  }
}
.candidate-container .card-info.hide-remove {
  height: 12px;
}
@media (max-width: 767px) {
  .candidate-container .card-info.hide-remove {
    display: none !important;
    height: 0;
  }
}
.selected-before {
  border: solid;
}
.card {
  float: left;
  width: 361px;
  cursor: pointer;
  background-color: #ffffff;
  box-shadow: inset -1px 0 0 0 #ddecf7, inset 1px 0 0 0 #ddecf7, inset 0 1px 0 0 #c5d9e8, inset 0 -1px 0 0 #ddecf7;
}
@media (min-width: 768px) {
  .card {
    height: 340px;
  }
}
@media (max-width: 767px) {
  .card {
    padding: 0 21px 4px 20px;
    margin: 0;
    width: 100%;
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .card {
    padding: 8px 10px 3px 10px;
    margin: 0px 16px 36px 0;
    display: inline-block;
  }
}
.card .card-name .name {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.07;
  text-align: left;
  margin: 20px 0 0 10px;
}
.card-mini {
  height: 110px;
  background-color: #ffffff;
  width: 98%;
  margin-bottom: 8px;
  box-shadow: inset -1px 0 0 0 #ddecf7, inset 1px 0 0 0 #ddecf7, inset 0 1px 0 0 #c5d9e8, inset 0 -1px 0 0 #ddecf7;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}
.card-mini.selected-for-won {
  border: 3px solid #00C853;
}
.card-mini.not-selected-for-won {
  border: 1px solid #ff9800;
  padding: 2px;
}
.card-mini.no-date-qualif {
  border: 0.01em solid #48cde0;
}
.card-mini .first-line {
  display: flex;
  flex-flow: row nowrap;
  padding: 10px 10px 0 10px;
  justify-content: space-between;
}
.card-mini .first-line .name-state .name {
  margin-top: 0px;
  margin-left: 0px;
}
.card-mini .first-line .pepite-and-reactivation {
  overflow: hidden;
  margin-top: -10px;
  text-overflow: ellipsis;
  width: 140px;
  min-width: 60px;
}
.card-mini .first-line .pepite-and-reactivation .pepite-cell {
  margin-left: 8px;
}
.card-mini .first-line .reactivate-solution {
  padding-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-mini .first-line .left-bloc {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}
.card-mini .trash {
  cursor: pointer;
  color: lightgray;
}
.card-mini .trash:hover {
  color: #464680;
}
.card-mini .signet .freelance .signet-icon {
  font-size: 14px;
}
.card-mini .second-line {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 0 8px 8px 8px;
}
.card-mini .second-line > div:first-child {
  cursor: pointer;
  color: #cecece;
}
.card-mini .second-line > div:first-child a:hover,
.card-mini .second-line > div:first-child i:hover {
  color: #464680;
  text-decoration: none;
}
.card-mini .second-line > div:last-child .no-date:not(.no-hover) {
  cursor: pointer;
}
.card-mini .second-line > div:last-child .no-date:not(.no-hover) i {
  color: #cecece;
}
.card-mini .second-line > div:last-child .no-date:not(.no-hover):hover i {
  color: #464680;
}
.card-mini .second-line .chooseAssignation {
  background-color: #28D149;
  color: white;
}
@media screen and (min-width: 1200px) {
  .reduce-length {
    margin-right: 4px;
    max-width: 130px;
    overflow: hidden;
  }
  .reduce-length .reduce-length-content {
    max-width: 130px;
    min-width: 0px;
    display: block !important;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .reduce-length {
    margin-right: 4px;
    max-width: 280px;
    overflow: hidden;
  }
  .reduce-length .reduce-length-content {
    max-width: 280px;
    min-width: 0px;
    display: block !important;
  }
}
@media screen and (max-width: 991px) {
  .reduce-length {
    margin-right: 4px;
    max-width: 200px;
    overflow: hidden;
  }
  .reduce-length .reduce-length-content {
    max-width: 200px;
    min-width: 0px;
    display: block !important;
  }
}
.name-state-popover .circle {
  display: table-cell;
  border-radius: 50px;
  color: black;
  text-align: left;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  text-align: center;
  font-size: 10px;
  min-width: 13px;
  height: 13px;
  padding: 0px 3px 0px 3px;
  vertical-align: bottom;
}
.name-state-popover .circle span {
  text-align: center;
  margin-top: 7px;
  position: relative;
  top: 1.1px;
  left: 0px;
  color: #ffffff;
}
.name-state-popover .state-table {
  height: 100%;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  display: inline-table;
}
.name-state-popover .state-table .repeat-cell:last-child .between {
  visibility: hidden;
}
.name-state-popover .state-table .repeat-cell {
  display: table-cell;
}
.name-state-popover .state-table .between {
  display: table-cell;
  height: 1px;
  width: 12px;
  background-clip: padding-box;
  border-top: 5.5px solid transparent;
  border-bottom: 5.5px solid transparent;
}
.name-state .circle {
  display: table-cell;
  border-radius: 50px;
  color: black;
  text-align: left;
  /*padding: 0px 3px 0px 3px;*/
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  text-align: center;
  font-size: 10px;
  /*line-height: 13px;*/
  min-width: 13px;
  height: 13px;
  padding: 0px 3px 0px 3px;
  vertical-align: bottom;
}
.name-state .circle span {
  text-align: center;
  margin-top: 7px;
  position: relative;
  top: 1.1px;
  left: 0px;
  color: #ffffff;
}
.name-state .state-table {
  height: 100%;
  margin-top: 4px;
  margin-left: 11px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  display: inline-table;
}
.name-state .state-table .repeat-cell:last-child .between {
  visibility: hidden;
}
.name-state .state-table .repeat-cell {
  display: table-cell;
}
.name-state .state-table .between {
  display: table-cell;
  height: 1px;
  width: 12px;
  background-clip: padding-box;
  border-top: 5.5px solid transparent;
  border-bottom: 5.5px solid transparent;
}
.name-state .name {
  margin-top: 20px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.cardBargraphBusiness {
  background-color: red;
  height: 50px;
  width: 290px;
  display: flex;
  align-items: center;
  padding: 16px;
  background: white;
  color: #464680;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #b9bebe;
}
.cardBargraphBusiness .company-container {
  width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
}
.company-contact-popover {
  background: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  border: unset;
  border-radius: unset;
  min-width: 180px;
  margin-left: -25px !important;
}
.company-contact-popover .arrow {
  display: none;
}
.company-contact-popover .popover-inner .popover-content {
  padding: 8px 16px;
  font-size: 12px;
}
.company-contact-popover .popover-inner .popover-content .header-popover {
  font-weight: bold;
  margin-bottom: 8px;
}
.company-contact-popover .popover-inner .popover-content .contact-container {
  display: flex;
  align-items: center;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
card-agi-flow {
  width: 100%;
  overflow: hidden;
}
.candidate-container .agiflowrec-filter-container-no-scroll.agiflowrec-filter-container-no-scroll {
  margin-left: 0px;
  width: 50%;
}
.candidate-container .agiflowrec-filter-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  width: calc(50% - 20px);
  height: 50px;
  margin-top: -12px;
  margin-left: 10px;
  padding-left: 40px;
  padding-right: 20px;
  font-size: 10px;
  line-height: normal;
  font-weight: normal;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.candidate-container .agiflowrec-filter-container .week-filter-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 1;
  width: 200px;
  background: rgba(0, 0, 0, 0.08);
  height: 17px;
}
.candidate-container .agiflowrec-filter-container .week-filter-container .week-filter-input-container {
  width: 200px;
  height: 17px;
  margin: 0;
  padding: 0;
}
.candidate-container .agiflowrec-filter-container .week-filter-container .week-filter-input-container .week-filter-select {
  height: unset;
}
.candidate-container .agiflowrec-filter-container .week-filter-container .week-filter-input-container .week-filter-select .md-select-value {
  height: 17px;
  padding: 0;
  min-height: 16px;
  border: unset;
}
.candidate-container .agiflowrec-filter-container .week-filter-container .week-filter-input-container .week-filter-select .md-select-value span {
  height: 17px;
  transform: unset;
}
.candidate-container .agiflowrec-filter-container .week-filter-container .week-filter-input-container .week-filter-select .md-select-value .md-text {
  height: 18px;
  display: flex;
  align-items: center;
  color: #656f71 !important;
  font-size: 10px;
  font-weight: normal;
}
.candidate-container .agiflowrec-filter-container .week-filter-container .week-filter-input-container .week-filter-select .md-select-value .md-select-icon {
  display: none;
}
.candidate-container .agiflowrec-filter-container .agiflowrec-right-filters {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.candidate-container .agiflowrec-filter-container .agiflowrec-right-filters span + span {
  margin-top: 5px;
}
.candidate-container .agiflowrec-filter-container .agiflowrec-right-filters .active-right-candidate-filter.active-right-candidate-filter {
  color: #656f71;
  font-weight: bold;
}
.candidate-container .agiflowrec-filter-container .agiflowrec-right-filters .right-candidate-filter {
  color: #b9bebe;
  cursor: pointer;
  z-index: 1;
}
.candidate-container .card-candidate-container {
  display: flex;
  width: 100%;
  height: 49px;
  background-color: #ffffff;
  cursor: auto;
  overflow: hidden;
}
.candidate-container .card-candidate-container > * {
  overflow: hidden;
}
.candidate-container .card-candidate-container .pepite-badge {
  height: 49px;
  width: 30px;
  flex: 0 0 auto;
}
.candidate-container .card-candidate-container .pepite-badge .signet {
  height: 49px;
}
.candidate-container .card-candidate-container .pepite-badge .signet .pepite {
  border-radius: unset;
}
.candidate-container .card-candidate-container .name-and-responsability-container {
  /*max-width: 220px;*/
  margin-left: 10px;
  flex: 25 0 0;
}
.candidate-container .card-candidate-container .name-and-responsability-container .card-candidate-name .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: normal;
  margin-top: 5px;
}
.candidate-container .card-candidate-container .name-and-responsability-container .responsability {
  display: flex;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #464680;
}
.candidate-container .card-candidate-container .name-and-responsability-container .responsability .responsability-span {
  white-space: nowrap;
}
.candidate-container .card-candidate-container .name-and-responsability-container .responsability .second-span-element {
  margin-left: 5px;
  margin-right: 2.5px;
}
.candidate-container .card-candidate-container .name-and-responsability-container .responsability .other-span-elements {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.candidate-container .card-candidate-container .mobility-and-disponiblity-container {
  font-size: 10px;
  font-weight: normal;
  line-height: normal;
  color: #656f71;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 5px;
  flex: 17 0 0;
}
.candidate-container .card-candidate-container .mobility-and-disponiblity-container .mobility-formated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.candidate-container .card-candidate-container .mobility-and-disponiblity-container .availability {
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.candidate-container .card-candidate-container .salary-container {
  font-size: 10px;
  font-weight: normal;
  line-height: normal;
  padding-left: 5px;
  flex: 8 0 0;
}
.candidate-container .card-candidate-container .salary-container .salary-display {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.candidate-container .card-candidate-container .salary-container .salary-display .current-salary {
  color: #b9bebe;
}
.candidate-container .card-candidate-container .salary-container .salary-display .proposed-salary {
  color: #464680;
  margin-top: 3px;
}
.candidate-container .card-candidate-container .tests-skills-value-container {
  display: flex;
  align-items: center;
  flex: 0 0 30px;
}
.candidate-container .card-candidate-container .tests-skills-value-container .tests-skills-color-inactive {
  color: #b9bebe;
}
.candidate-container .card-candidate-container .tests-skills-value-container .tests-skills-color-active {
  color: #00c853;
}
.candidate-container .card-candidate-container .dc-container {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  flex: 0 0 20px;
}
.candidate-container .card-candidate-container .dc-container .dc-color-inactive {
  color: #b9bebe;
}
.candidate-container .card-candidate-container .dc-container .dc-color-active {
  color: #00c853;
}
.candidate-container .card-candidate-container .all-skills-container.all-skills-container {
  display: flex;
  align-items: center;
  flex: 25 0 0;
  margin-right: 38px;
}
.candidate-container .card-candidate-container .all-skills-container.all-skills-container .arrow-popover-all-skills {
  color: #b9bebe;
  margin-right: 5px;
}
.candidate-container .card-candidate-container .all-skills-container.all-skills-container .mixed-skills-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
}
.candidate-container .card-candidate-container .all-skills-container.all-skills-container .mixed-skills-container .functional-skills-container span {
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 1.5px;
  color: #3f4176;
  margin-right: 5px;
  background-color: #cdeff4;
}
.candidate-container .card-candidate-container .all-skills-container.all-skills-container .mixed-skills-container .technical-skills-container span {
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  color: #3f4176;
  border: 1px solid #48cde0;
  margin-right: 5px;
}
.candidate-container .card-candidate-container .all-skills-container.all-skills-container .mixed-skills-container .soft-skills-container span {
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 1.5px;
  color: #3f4176;
  margin-right: 5px;
  background-color: rgba(255, 152, 0, 0.29);
  text-transform: uppercase;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
#pageCompanyDetail .card-company-article {
  max-height: 131px;
  width: 100%;
  height: 131px;
  cursor: pointer;
  color: #464680;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  padding: 10px 10px 5px 10px;
  border: solid 1px rgba(151, 151, 151, 0.06);
  margin-bottom: 10px;
  /*@media (min-width: 768px) {
        }*/
  background-color: #ffffff;
  box-shadow: 4px 5px 6px 0 rgba(0, 0, 0, 0.13);
}
#pageCompanyDetail .card-company-article.unread {
  border-left-style: solid;
  border-left-width: 3px;
  border-left-color: #48cde0;
}
#pageCompanyDetail .card-company-article .article .article-header {
  display: flex;
  align-content: start;
  justify-content: space-between;
  height: 31px;
}
#pageCompanyDetail .card-company-article .article .article-header .date {
  height: 14px;
  font-size: 10px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-align: left;
  color: #656f71;
}
#pageCompanyDetail .card-company-article .article .article-header .feed-information {
  margin-right: 15px;
  max-height: 21px;
  max-width: 67px;
}
#pageCompanyDetail .card-company-article .article .article-header .feed-information img {
  align-self: center;
  max-height: 21px;
  max-width: 67px;
  width: auto;
  height: auto;
}
#pageCompanyDetail .card-company-article .article .article-header .feed-information span {
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: "Heebo-Bold", Helvetica, Arial, sans-serif;
  align-self: center;
  max-width: 67px;
  display: block;
}
#pageCompanyDetail .card-company-article .article .title {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  height: 39px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  line-height: 1.36;
  margin-bottom: 1px;
}
#pageCompanyDetail .card-company-article .article .summary {
  width: 100%;
  height: 45px;
  font-size: 12px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  line-height: 1.25;
  color: #b9bebe;
  white-space: initial;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
candidates .list-view-candidate > *:nth-child(even) .candidate-view-list {
  background: #fafbfc;
}
candidates .selected-before.selected-before {
  border: 1px solid;
}
candidates .candidate-view-list {
  height: 52px;
  width: 100%;
  box-shadow: inset -1px 0 0 0 #ddecf7, inset 1px 0 0 0 #ddecf7, inset 0 1px 0 0 #c5d9e8, inset 0 -1px 0 0 #ddecf7;
  margin: 0;
  padding: 0 5px;
  display: flex;
  /* width calculations
            There are 4 parts with fixed widths :
                .flag = 38px
                .dc-file = 86px
                .cv-file = 86px
            Total fixed width = 210px
             
            There are five variable parts that can consume the remaining space with the following percentages
                .name = 27%
                .poste-exp-mobility = 16%
                .skills = 22%
                .salary-and-availability = 17%
                .contact-details = 18%
            Total = 100%

            Therefore each variable part has a calculated width composed of the percentage width minus 
            the same percentage of 211px.

            Hence .name has width calc(27% - 57px) because 27% of 211px is very nearly 57px

            The percentages of 210px come out to roughly
                27% = 56px
                16% = 34px
                22% = 46px
                17% = 36px
                18% = 38px
            and since 57 + 34 + 46 + 36 + 38 = 211 no additional adjustment is needed
        **/
}
candidates .candidate-view-list > * {
  flex: 0 0 auto;
  margin: auto 0;
}
candidates .candidate-view-list > .flag {
  height: 100%;
  overflow: hidden;
  flex: 0 0 38px;
  padding-right: 5px;
}
candidates .candidate-view-list > .flag pepite {
  top: 0 !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
candidates .candidate-view-list > .name {
  overflow: hidden;
  flex: 27 0 0;
}
candidates .candidate-view-list > .name .name-state .name {
  margin-top: 4px;
  font-size: 15px;
}
candidates .candidate-view-list > .name .name-state .state-table {
  margin-left: 0;
}
candidates .candidate-view-list > .poste-exp-mobility {
  overflow: hidden;
  flex: 16 0 0;
  font-size: 11px;
}
candidates .candidate-view-list > .skills {
  overflow: hidden;
  flex: 22 0 0;
}
candidates .candidate-view-list > .salary-and-availability {
  overflow: hidden;
  flex: 17 0 0;
  font-size: 11px;
  padding-left: 5px;
}
candidates .candidate-view-list > .salary-and-availability i.icon {
  font-size: 12px;
}
candidates .candidate-view-list > .contact-details {
  overflow: hidden;
  flex: 27 0 0;
  font-size: 11px;
}
candidates .candidate-view-list > .contact-details i.icon {
  font-size: 12px;
}
candidates .candidate-view-list > .contracts {
  overflow: hidden;
  flex: 27 0 0;
}
candidates .candidate-view-list > .dc-file,
candidates .candidate-view-list > .cv-file {
  flex: 0 0 87px;
  padding-left: 5px;
  padding-right: 5px;
}
candidates .candidate-view-list .btn-agb {
  border: 1px solid #3cdbe8;
  color: #3cdbe8;
  border-radius: 5px;
  padding: 3px 14px 3px 8px;
  text-align: center;
  font-size: 17px !important;
}
candidates .candidate-view-list .btn-agb .icon {
  color: inherit;
  display: inline-flex;
  font-size: 18px !important;
  margin-right: 5px;
}
candidates .candidate-view-list .vertical-bar {
  border-left: 1px solid #b9bfbf;
  width: 1px;
  height: 100%;
}
candidates .candidate-view-list .skills {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
candidates .candidate-view-list .skills .arrow-popover-all-skills {
  color: #b9bebe;
  margin-right: 5px;
}
candidates .candidate-view-list .skills .mixed-skills-container {
  display: flex;
  flex-direction: row;
  justify-content: start;
  overflow: hidden;
  white-space: nowrap;
  flex-wrap: wrap;
  align-self: flex-start;
}
candidates .candidate-view-list .skills .mixed-skills-container span {
  height: 19px;
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 4px;
  margin-top: 5px;
}
candidates .candidate-view-list .skills .mixed-skills-container .funcSkill {
  color: #3f4176;
  margin-right: 5px;
  background-color: #cdeff4;
}
candidates .candidate-view-list .skills .mixed-skills-container .techSkill {
  color: #3f4176;
  border: 1px solid #48cde0;
  margin-right: 5px;
  padding-top: 3px;
}
candidates .candidate-view-list .skills .mixed-skills-container .softSkill {
  color: #3f4176;
  margin-right: 5px;
  background-color: rgba(255, 152, 0, 0.29);
  text-transform: uppercase;
}
@media screen and (max-width: 1331px) {
  candidates .candidate-view-list {
    /* 
                Hiding the DC and CV icons gains us 46px, so the width calculations must be adapted to 
                use percentages of 210px - 46px = 164px.
                
                The percentages of 165px come out to roughly
                    27% = 44px
                    16% = 26px
                    22% = 36px
                    17% = 28px
                    18% = 30px
            */
  }
  candidates .candidate-view-list .btn-agb {
    padding: 3px 14px 3px 14px;
  }
  candidates .candidate-view-list .btn-agb .icon {
    display: none;
  }
  candidates .candidate-view-list > .dc-file,
  candidates .candidate-view-list .cv-file {
    width: 57px;
  }
  candidates .candidate-view-list > .name {
    width: calc(27% - 44px);
  }
  candidates .candidate-view-list > .poste-exp-mobility {
    width: calc(16% - 26px);
  }
  candidates .candidate-view-list > .skills {
    width: calc(22% - 36px);
  }
  candidates .candidate-view-list > .salary-and-availability {
    width: calc(17% - 28px);
  }
  candidates .candidate-view-list > .contact-details {
    width: calc(18% - 30px);
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
employees .list-view-collaborator > *:nth-child(even) .collaborator-view-list {
  background: #fafbfc;
}
employees .selected-before.selected-before {
  border: 1px solid;
}
employees .collaborator-view-list {
  height: 52px;
  width: 100%;
  box-shadow: inset -1px 0 0 0 #ddecf7, inset 1px 0 0 0 #ddecf7, inset 0 1px 0 0 #c5d9e8, inset 0 -1px 0 0 #ddecf7;
  margin: 0;
  padding: 0 5px;
  display: flex;
  /* width calculations
            There are 4 parts with fixed widths :
                .flag = 38px
                .dc-file = 86px
            Total fixed width = 124px
             
            There are five variable parts that can consume the remaining space with the following percentages
                .name = 27%
                .poste-exp-mobility = 16%
                .skills = 22%
                .salary-and-availability = 17%
                .contact-details = 18%
            Total = 100%

            Therefore each variable part has a calculated width composed of the percentage width minus 
            the same percentage of 124px.

            Hence .name has width calc(27% - 34px) because 27% of 124px is very nearly 34px

            The percentages of 210px come out to roughly
                27% = 34px
                16% = 20px
                22% = 27px
                17% = 21px
                18% = 22px
            and since the total is = 124 no additional adjustment is needed
        **/
}
employees .collaborator-view-list > * {
  flex: 0 0 auto;
  margin: auto 0;
}
employees .collaborator-view-list > .flag {
  height: 100%;
  overflow: hidden;
  width: 38px;
  padding-right: 5px;
}
employees .collaborator-view-list > .flag pepite {
  top: 0 !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
employees .collaborator-view-list .contracts {
  margin-right: auto;
}
employees .collaborator-view-list .card-salary {
  margin-left: -12px;
}
employees .collaborator-view-list > .name {
  width: calc(24% - 30px);
}
employees .collaborator-view-list > .name .name-state .name {
  margin-top: 4px;
  font-size: 15px;
}
employees .collaborator-view-list > .name .name-state .state-table {
  margin-left: 0;
}
employees .collaborator-view-list > .poste-exp-mobility {
  width: calc(15% - 19px);
  font-size: 11px;
}
employees .collaborator-view-list > .skills {
  width: calc(15% - 19px);
}
employees .collaborator-view-list > .salary-and-availability {
  width: calc(16% - 20px);
  font-size: 11px;
  padding-left: 5px;
}
employees .collaborator-view-list > .salary-and-availability i.icon {
  font-size: 12px;
}
employees .collaborator-view-list > .contact-details {
  width: calc(15% - 80px);
  font-size: 11px;
}
employees .collaborator-view-list > .contact-details i.icon {
  font-size: 12px;
}
employees .collaborator-view-list > .dc-file {
  width: 87px;
  padding-left: 5px;
  padding-right: 5px;
}
employees .collaborator-view-list .btn-agb {
  border: 1px solid #3cdbe8;
  color: #3cdbe8;
  border-radius: 5px;
  padding: 3px 14px 3px 8px;
  text-align: center;
  font-size: 17px !important;
}
employees .collaborator-view-list .btn-agb .icon {
  color: inherit;
  display: inline-flex;
  font-size: 18px !important;
  margin-right: 5px;
}
employees .collaborator-view-list .vertical-bar {
  border-left: 1px solid #b9bfbf;
  width: 1px;
  height: 100%;
}
employees .collaborator-view-list .skills {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
employees .collaborator-view-list .skills .arrow-popover-all-skills {
  color: #b9bebe;
  margin-right: 5px;
}
employees .collaborator-view-list .skills .mixed-skills-container {
  display: flex;
  flex-direction: row;
  justify-content: start;
  overflow: hidden;
  white-space: nowrap;
  flex-wrap: wrap;
  align-self: flex-start;
}
employees .collaborator-view-list .skills .mixed-skills-container span {
  height: 19px;
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 4px;
  margin-top: 5px;
}
employees .collaborator-view-list .skills .mixed-skills-container .funcSkill {
  color: #3f4176;
  margin-right: 5px;
  background-color: #cdeff4;
}
employees .collaborator-view-list .skills .mixed-skills-container .techSkill {
  color: #3f4176;
  border: 1px solid #48cde0;
  margin-right: 5px;
  padding-top: 3px;
}
employees .collaborator-view-list .skills .mixed-skills-container .softSkill {
  color: #3f4176;
  margin-right: 5px;
  background-color: rgba(255, 152, 0, 0.29);
  text-transform: uppercase;
}
@media screen and (max-width: 1331px) {
  employees .collaborator-view-list {
    /* 
                Hiding the DC icons gains us 23px, so the width calculations must be adapted to 
                use percentages of 124px - 23px = 101px.
                
                The percentages of 165px come out to roughly
                    27% = 28px
                    16% = 16px
                    22% = 22px
                    17% = 17px
                    18% = 18px
            */
  }
  employees .collaborator-view-list .btn-agb {
    padding: 3px 14px 3px 14px;
  }
  employees .collaborator-view-list .btn-agb .icon {
    display: none;
  }
  employees .collaborator-view-list > .dc-file {
    width: 57px;
  }
  employees .collaborator-view-list > .name {
    width: calc(27% - 28px);
  }
  employees .collaborator-view-list > .poste-exp-mobility {
    width: calc(16% - 16px);
  }
  employees .collaborator-view-list > .skills {
    width: calc(22% - 22px);
  }
  employees .collaborator-view-list > .salary-and-availability {
    width: calc(17% - 17px);
  }
  employees .collaborator-view-list > .contact-details {
    width: calc(18% - 18px);
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.card-candidate-project-container {
  min-height: 170px;
  width: 203px;
  border: 1px solid #b9bebe;
  position: relative;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  padding: 16px 16px 8px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-candidate-project-container .danger-text {
  color: #FF1744;
}
.card-candidate-project-container .warning-text {
  color: #FF9800;
}
.card-candidate-project-container .ok-text {
  color: #00C853;
}
.card-candidate-project-container .icon-info-container {
  position: absolute;
  right: 8px;
  top: 8px;
  height: 20px;
  width: 20px;
  color: #b9bebe;
  cursor: pointer;
}
.card-candidate-project-container .icon-info-container .material-icons-outlined {
  font-size: 20px !important;
}
.card-candidate-project-container .project-name-container {
  color: #464680;
  font-weight: bold;
  line-height: 21px;
  font-size: 14px;
  max-width: 155px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-candidate-project-container .skill-bar {
  margin-top: 6px;
  height: 12px;
  width: 149px;
  background: #F1F2F2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-candidate-project-container .skill-bar .skill-text {
  padding-left: 8px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  color: #464580;
  text-transform: uppercase;
}
.card-candidate-project-container .skill-bar .skill-bar-percentage {
  position: absolute;
  top: 0;
  height: 12px;
  overflow: hidden;
}
.card-candidate-project-container .skill-bar .skill-bar-percentage .skill-bar-coloration {
  height: 12px;
  width: 149px;
  background: linear-gradient(90deg, #464580 20%, 50%, #00C853 100%);
}
.card-candidate-project-container .skill-bar .skill-bar-percentage .skill-bar-coloration .skill-text {
  color: white;
}
.card-candidate-project-container .skill-bar .skill-percentage {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: #b9bebe;
  font-size: 8px;
  position: absolute;
  right: -24px;
}
.card-candidate-project-container .experience-and-mobility-container {
  display: flex;
  flex-direction: column;
  margin: auto 0 0 0;
}
.card-candidate-project-container .experience-container {
  margin-top: 5px;
  display: flex;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  line-height: 14px;
  font-size: 10px;
}
.card-candidate-project-container .experience-container .experience-content-one {
  color: #464680;
}
.card-candidate-project-container .experience-container .experience-content-two {
  margin-left: 8px;
}
.card-candidate-project-container .mobility-container {
  display: flex;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  line-height: 14px;
  font-size: 10px;
}
.card-candidate-project-container .mobility-container .mobility-content-one {
  color: #464680;
}
.card-candidate-project-container .mobility-container .mobility-content-two {
  margin-left: 21px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.custom-popover-project-description {
  font-size: 12px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  line-height: 16px;
  color: #464680;
  margin-top: 8px;
}
.custom-popover-project-header {
  font-size: 12px;
  color: #464680;
  font-weight: bold;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.solutions-container .card-employee-solution-container {
  min-height: 170px;
  width: 203px;
  border: 1px solid #b9bebe;
  position: relative;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  padding: 16px 16px 8px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.solutions-container .card-employee-solution-container .head-band {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 4px;
}
.solutions-container .card-employee-solution-container .pepite {
  background: linear-gradient(180deg, #FAD961 0%, #F76F21 100%);
}
.solutions-container .card-employee-solution-container .danger-text {
  color: #FF1744;
}
.solutions-container .card-employee-solution-container .warning-text {
  color: #FF9800;
}
.solutions-container .card-employee-solution-container .ok-text {
  color: #00C853;
}
.solutions-container .card-employee-solution-container .full-name {
  color: #464680;
  font-weight: bold;
  line-height: 21px;
  font-size: 14px;
}
.solutions-container .card-employee-solution-container .skill-bar {
  margin-top: 6px;
  height: 15px;
  width: 149px;
  background: #F1F2F2;
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.solutions-container .card-employee-solution-container .skill-bar .skill-text {
  padding-left: 8px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  color: #464580;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.solutions-container .card-employee-solution-container .skill-bar .skill-bar-percentage {
  position: absolute;
  top: 0;
  height: 15px;
  overflow: hidden;
}
.solutions-container .card-employee-solution-container .skill-bar .skill-bar-percentage .skill-bar-coloration {
  height: 15px;
  width: 149px;
  background: linear-gradient(90deg, #464580 20%, 50%, #00C853 100%);
}
.solutions-container .card-employee-solution-container .skill-bar .skill-bar-percentage .skill-bar-coloration .skill-text {
  color: white;
  text-overflow: clip;
}
.solutions-container .card-employee-solution-container .skill-bar .skill-percentage {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: #b9bebe;
  font-size: 8px;
  position: absolute;
  right: -24px;
}
.solutions-container .card-employee-solution-container .experience-container {
  margin-top: 5px;
  display: flex;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  line-height: 14px;
  font-size: 10px;
}
.solutions-container .card-employee-solution-container .experience-container .experience-content-one {
  color: #464680;
}
.solutions-container .card-employee-solution-container .experience-container .experience-content-two {
  margin-left: 8px;
}
.solutions-container .card-employee-solution-container .experience-and-mobility-container {
  display: flex;
  flex-direction: column;
  margin: auto 0 0 0;
}
.solutions-container .card-employee-solution-container .mobility-container {
  display: flex;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  line-height: 14px;
  font-size: 10px;
}
.solutions-container .card-employee-solution-container .mobility-container .mobility-content-one {
  color: #464680;
}
.solutions-container .card-employee-solution-container .mobility-container .mobility-content-two {
  margin-left: 21px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.commandDateModal {
  height: 40%;
  width: 30%;
  max-width: unset;
  max-height: unset;
  padding: 16px;
}
.commandDateModal .command-modal-header {
  display: flex;
  align-items: center;
  font-size: 24px !important;
  justify-content: space-between;
}
.commandDateModal .command-modal-header .name {
  font-size: 18px;
  color: #464680;
}
.commandDateModal .command-modal-header i {
  color: #b9bebe;
  cursor: pointer;
}
.commandDateModal .command-modal-header i:hover {
  background: rgba(0, 0, 0, 0.1);
}
.commandDateModal .command-modal-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.commandDateModal .upload-container {
  margin-top: 16px;
}
.commandDateModal .md-command-date {
  margin: 0;
  padding: 0;
  width: 50%;
}
.commandDateModal .command-menu-file-button {
  cursor: pointer;
}
.commandDateModal .command-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.commandDateModal .outlined {
  background: white;
  width: 128px;
  border: 1px solid #48cde0;
  color: #48cde0;
  padding: 8px 0;
  border-radius: 4px;
}
.commandDateModal .outlined:hover {
  background: #48cde0;
  color: white;
  transition: 0.3s;
}
.commandDateModal .filled {
  background: #48cde0;
  width: 128px;
  border: 1px solid #48cde0;
  color: white;
  padding: 8px 0;
  border-radius: 4px;
}
.commandDateModal .filled:hover {
  background: white;
  color: #48cde0;
  transition: 0.3s;
}
.commandDateModal .filled.disabled,
.commandDateModal .filled[disabled],
fieldset[disabled] .commandDateModal .filled {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: unset;
}
.md-datepicker-calendar-pane {
  z-index: 9999 !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
#pageCompanyDetail .concurrents {
  width: 100%;
}
#pageCompanyDetail .concurrents .table-header {
  height: 38px;
  font-size: 10px;
  font-weight: normal;
  line-height: normal;
  color: #464680;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #464680;
}
#pageCompanyDetail .concurrents .table-header .table-checkbox-container {
  width: 44px;
}
#pageCompanyDetail .concurrents .table-header .second-table-header {
  text-align: right;
  padding-right: 16px;
}
#pageCompanyDetail .concurrents .table-content {
  height: 48px;
  font-size: 12px;
  line-height: normal;
  font-weight: normal;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #464680;
}
#pageCompanyDetail .concurrents .table-content .table-checkbox-container {
  width: 44px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  height: 48px;
}
#pageCompanyDetail .concurrents .table-content .table-checkbox-container .table-checkbox {
  margin: 0;
  width: 16px;
}
#pageCompanyDetail .concurrents .table-content .table-checkbox-container .table-checkbox .md-container {
  width: 16px;
  height: 16px;
}
#pageCompanyDetail .concurrents .table-content .table-checkbox-container .table-checkbox .md-container .md-icon {
  width: 16px;
  height: 16px;
  border-radius: unset;
  border: 1px solid silver;
}
#pageCompanyDetail .concurrents .table-content .table-checkbox-container .table-checkbox .md-container .md-icon::after {
  width: 5px;
  height: 10px;
  left: 4.7px;
  top: 0;
}
#pageCompanyDetail .concurrents .table-content .second-table-row {
  text-align: right;
  padding-right: 16px;
}
#pageCompanyDetail .concurrents .table-footer label {
  display: none;
}
#pageCompanyDetail .concurrents .table-footer .custom-td {
  margin: 0;
  padding: 0;
  height: 48px;
  border-color: #464680 !important;
  border-bottom: 1px solid;
}
#pageCompanyDetail .concurrents .table-footer .table-autocomplete {
  height: 48px;
}
#pageCompanyDetail .concurrents .table-footer .table-autocomplete md-input-container {
  margin: 0;
  padding: 0;
  height: 48px;
}
#pageCompanyDetail .concurrents .table-footer .table-autocomplete md-input-container button {
  display: none;
}
#pageCompanyDetail .concurrents .table-footer .table-autocomplete md-input-container md-autocomplete {
  height: 48px;
}
#pageCompanyDetail .concurrents .table-footer .table-autocomplete md-input-container md-autocomplete md-autocomplete-wrap {
  height: 48px;
  box-shadow: unset;
}
#pageCompanyDetail .concurrents .table-footer .table-autocomplete md-input-container md-autocomplete md-autocomplete-wrap input {
  height: 48px;
  background: white;
  border-color: #464680 !important;
  border-bottom: 1px solid;
  font-size: 12px;
  padding-top: 0px;
  border-width: 0 0 1px 0 !important;
  margin-left: -4px;
}
#pageCompanyDetail .concurrents .table-footer .table-without-autocomplete .replace-md-input-container {
  margin: 0;
  padding: 0;
  height: 48px;
}
#pageCompanyDetail .concurrents .table-footer .table-without-autocomplete .replace-md-input-container input {
  height: 48px;
  background: white;
  border-color: #464680 !important;
  border-bottom: 1px solid #464680;
  padding-top: 0px;
  font-size: 12px;
  text-align: right;
  padding-right: 16px;
}
#pageCompanyDetail .concurrents .table-footer .table-without-autocomplete .unused-container {
  height: 48px;
  background: white;
  border-color: #464680 !important;
  border-bottom: 1px solid #464680;
  padding-top: 0px;
  font-size: 12px;
}
#pageCompanyDetail .competitor-btns-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 15px;
}
#pageCompanyDetail .competitor-btns-container .competitor-btns {
  background: unset;
  border: unset;
  height: 18px;
  font-size: 12px;
  color: #48cde0;
  font-weight: bold;
  padding: unset;
}
#pageCompanyDetail .competitor-btns-container .competitor-btns[disabled] {
  color: #a0a0a0;
}
#pageCompanyDetail .companyStateContainer {
  position: relative;
}
#pageCompanyDetail .companyState {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10px;
}
#pageCompanyDetail .icon-ecrire {
  margin: 6px 0px 0px 20px;
}
#pageCompanyDetail .source {
  color: #a0a0a0;
}
#pageCompanyDetail .bottom-header-content {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 10px;
}
#pageCompanyDetail .bottom-header-content .document-buttons {
  margin-left: auto;
}
#pageCompanyDetail .responsables .company-responsable {
  font-family: "Heebo-Bold", Helvetica, Arial, sans-serif;
}
#pageCompanyDetail .grey {
  color: #b9bebe;
}
#pageCompanyDetail .contact-detail .main-content-inline {
  float: right;
}
#pageCompanyDetail .contact-detail .main-content-inline.left {
  float: left;
  margin-top: 2px;
}
#pageCompanyDetail .contact-detail .main-content-inline-business {
  float: left;
  padding-top: 10px;
}
#pageCompanyDetail .contact-detail .header {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: #474781;
  width: 100%;
}
#pageCompanyDetail .contact-detail .header.row {
  padding: 22px 50px 17px 64px;
  height: 135px;
  box-shadow: inset 0 -1px 0 0 rgba(72, 205, 224, 0.3);
}
#pageCompanyDetail .contact-detail .header .circle-near-company-detail {
  width: 50px;
  margin-top: -14px;
}
#pageCompanyDetail .contact-detail .header .name {
  font-size: 31px;
  line-height: 1.2;
  text-align: left;
  display: flex;
}
#pageCompanyDetail .contact-detail .header .name i {
  line-height: 32px;
  margin-left: 8px;
}
#pageCompanyDetail .contact-detail .header .name span:not(:first-child) {
  margin-left: 10px;
}
#pageCompanyDetail .contact-detail .header .responsables {
  display: block;
}
#pageCompanyDetail .contact-detail .header .responsables > span {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
}
#pageCompanyDetail .contact-detail .header .responsables span.company-responsable {
  font-family: "Heebo-Bold", Helvetica, Arial, sans-serif;
}
#pageCompanyDetail .contact-detail .header .icon-ecrire {
  margin: 6px 0px 0px 20px;
}
#pageCompanyDetail .contact-detail .header .source {
  display: inline-block;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.27;
  color: #a0a0a0;
  margin-left: auto;
  float: right;
}
@media (min-width: 992px) {
  #pageCompanyDetail .contact-detail .header .source {
    display: block;
    text-align: right;
  }
  #pageCompanyDetail .contact-detail .header .source i {
    display: block;
    width: 30px;
    margin-left: auto;
    margin-right: 0px;
  }
}
#pageCompanyDetail .contact-detail .header .top-header-content {
  display: flex;
}
#pageCompanyDetail .contact-detail .header .top-header-content .limit-header-title-size {
  max-width: 85%;
}
#pageCompanyDetail .only-under-lg {
  margin-bottom: 180px;
}
#pageCompanyDetail .address-cell {
  display: flex;
  justify-content: space-between;
}
#pageCompanyDetail .address-cell .address-label {
  margin: 0;
}
#pageCompanyDetail .address-cell .billing-address-line {
  max-width: 65%;
  display: inline-block;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  text-align: right;
}
@media all and (max-width: 992px) {
  #pageCompanyDetail .address-cell .billing-address-line {
    height: 0;
  }
}
#pageCompanyDetail .mobileContent {
  height: 100vh;
  margin-bottom: 65px;
}
#pageCompanyDetail .mobileContent .header {
  padding: 20px 10px 5px;
}
#pageCompanyDetail .mobileContent .header .name {
  font-size: 20px;
  font-family: "Heebo-Bold", Helvetica, Arial, sans-serif;
  line-height: 1.1;
  text-align: left;
}
#pageCompanyDetail .mobileContent .header .name > i {
  margin-right: auto;
}
#pageCompanyDetail .mobileContent .header .name .source {
  padding-bottom: 5px;
}
#pageCompanyDetail .mobileContent .header .icon {
  margin: 0 6px;
}
#pageCompanyDetail .mobileContent .header .icon-fleche {
  margin-top: 25px;
}
#pageCompanyDetail .mobileContent .header .bottom-header-content {
  margin-bottom: 0;
}
@media all and (max-width: 600px) {
  #pageCompanyDetail .mobileContent .buttons-right i {
    padding: 0px;
  }
  #pageCompanyDetail .mobileContent .buttons-right .button-file-name {
    display: none;
  }
}
#pageCompanyDetail .mobileContent md-content.md-padding {
  padding-left: 10px;
  padding-right: 10px;
}
#pageCompanyDetail .mobileContent md-content.md-padding .detail-block {
  margin-left: 0;
  width: 100%;
}
#pageCompanyDetail .mobileContent md-content.md-padding .detail-block .detail-cell .main-content-inline {
  float: right;
}
#pageCompanyDetail .mobileContent md-content.md-padding .detail-block i.icon-inline {
  padding-left: 5px;
}
#companyNewsFeed {
  min-height: 100vh;
  padding: 12px 47px 40px 32px;
  box-shadow: inset 20px 0px 50px -20px rgba(0, 0, 0, 0.15);
}
#companyNewsFeed h1 {
  margin-bottom: 13px;
}
.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 40px;
  max-height: 40px;
}
.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8px;
}
.circle {
  fill: none;
  stroke-width: 2.8px;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
.circular-chart.orange .circle {
  stroke: #ff9f00;
}
.circular-chart.green .circle {
  stroke: #4CC790;
}
.circular-chart.red .circle {
  stroke: #ff1744;
}
.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.75em;
  text-anchor: middle;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.configurableListsSettings {
  display: flex;
  flex-direction: column;
}
.configurableListsSettings .configurable-lists-master-container {
  height: 100vh;
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
.configurableListsSettings .configurable-lists-container {
  height: calc(100% - 204px);
  width: calc(100% - 48px);
  margin: 24px;
  overflow-y: scroll;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.configurableListsSettings .configurable-list-card {
  background: white;
  margin: 16px 24px;
  width: calc(100% - 20px);
  max-width: 30%;
  min-width: 376px;
  height: calc(100% - 32px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.configurableListsSettings .configurable-list-header {
  height: 56px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), -4px 0 0 0 #464680;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 26px 0 16px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.configurableListsSettings .configurable-list-content-container {
  overflow-y: scroll;
  height: calc(100% - 56px);
  /*width: calc(100% + 10px);*/
}
.configurableListsSettings .configurable-list-content {
  padding: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.configurableListsSettings .configurable-list-content-modification {
  background: #E4F5F7;
}
.configurableListsSettings .configurable-list-texts {
  width: 65%;
}
.configurableListsSettings .item-name {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
}
.configurableListsSettings .configurable-list-input {
  border: none;
  background: #E4F5F7;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
}
.configurableListsSettings .configurable-list-btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 19px;
  user-select: none;
  width: 35%;
}
.configurableListsSettings .configurable-list-btns-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  font-size: 19px;
  user-select: none;
  width: 50%;
}
.configurableListsSettings .material-icons {
  cursor: pointer;
  user-select: none;
}
.configurableListsSettings .i-add-list {
  cursor: pointer;
  font-size: 28px;
  color: #464680;
}
.configurableListsSettings .i-add-list:hover {
  color: #6d6da1;
}
.configurableListsSettings .i-create-list {
  padding: 4px 8px;
  background: #48cde0;
  border-radius: 4px;
  color: white;
}
.configurableListsSettings .i-create-list:hover {
  background: #81deeb;
}
.configurableListsSettings .i-delete-list {
  margin: 0 0 0 8px;
  padding: 4px 8px;
  background: #464680;
  border-radius: 4px;
  color: white;
}
.configurableListsSettings .i-delete-list:hover {
  background: #6d6da1;
}
.configurableListsSettings .i-save-list {
  font-size: 19px;
  margin: 0 0 0 8px;
  padding: 4px 8px;
  background: #464680;
  border-radius: 4px;
  color: white;
}
.configurableListsSettings .i-save-list:hover {
  background: #6d6da1;
}
.configurableListsSettings .i-cancel-list {
  font-size: 19px;
  margin: 0 0 0 8px;
  padding: 4px 8px;
  background: #b9bebe;
  border-radius: 4px;
  color: white;
}
.configurableListsSettings .i-cancel-list:hover {
  background: #d0d6d6;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
#fiche-contact {
  /****colorer les premier chiffres des numéraux de telephonne ***/
}
#fiche-contact a[href^="tel:"] span {
  border-radius: 5px;
  background-color: rgba(221, 235, 246, 0.5);
  margin-right: 3px;
  padding: 1px 3px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.2px;
  color: #8790B1;
}
#fiche-contact h1 {
  font-size: 16px;
  border-bottom: solid #48cde0 1px;
  height: 30px;
}
#fiche-contact .contactIcon {
  border-radius: 50%;
  color: white;
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 32px;
  position: relative;
}
#fiche-contact .contactIcon.contactToCallProspect:after {
  content: '';
  position: absolute;
  top: 21px;
  left: 21px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid white;
  background: #47CDE0;
}
#fiche-contact .detail-cell {
  padding-left: 0px;
}
@media all and (min-width: 992px) {
  #fiche-contact .detail-cell .skills {
    max-width: calc(70% - 45px);
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
}
#fiche-contact .detail-cell .address-line {
  max-width: 75%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  text-align: right;
}
@media all and (max-width: 992px) {
  #fiche-contact .detail-cell .address-line {
    height: 0;
  }
}
#fiche-contact .mobileContent {
  height: 100vh;
  margin-bottom: 65px;
}
#fiche-contact .mobileContent .add-project-in-candidat {
  margin-right: 10px;
}
#fiche-contact .mobileContent .for-incident h1 {
  color: #FF1744;
  border-bottom-color: #FF1744;
}
#fiche-contact .mobileContent .not-for-incident h1 {
  color: #48cde0;
  border-bottom-color: #48cde0;
}
#fiche-contact .mobileContent contact-profile {
  display: none;
}
#fiche-contact .mobileContent md-content.md-padding {
  padding-left: 10px;
  padding-right: 10px;
}
#fiche-contact .mobileContent md-content.md-padding.historique {
  padding-left: 0;
}
#fiche-contact .mobileContent md-content.md-padding .detail-block {
  margin-left: 0;
  width: 100%;
}
#fiche-contact .mobileContent md-content.md-padding .detail-block .skills {
  width: 100%;
}
#fiche-contact .mobileContent md-content.md-padding .detail-block .detail-cell .main-content-inline {
  float: right;
}
#fiche-contact .mobileContent md-content.md-padding .detail-block i.icon-inline {
  padding-left: 5px;
}
#fiche-contact .mobilePadding {
  padding: 0px !important;
}
#fiche-contact .md-padding {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 200px;
}
#fiche-contact .contact-name .only-under-lg.header .icon-fleche.rotation {
  margin-top: 20px;
}
#fiche-contact .contact-name .only-under-lg.header .name .manage {
  padding-bottom: 5px;
  display: flex;
  margin-left: -5px;
}
#fiche-contact .contact-name .only-under-lg.header .name .manage span {
  line-height: 22px !important;
}
#fiche-contact .contact-name .only-under-lg.header .name .manage .button-actions.only-under-lg {
  display: flex;
  float: right;
  margin-top: -3px;
}
@media (max-width: 991px) {
  #fiche-contact .contact-name .only-under-lg.header .name .manage .button-actions.only-under-lg i {
    padding: 0px;
  }
  #fiche-contact .contact-name .only-under-lg.header .name .manage .button-actions.only-under-lg .icon {
    margin-left: 5px;
    margin-right: 3px;
  }
  #fiche-contact .contact-name .only-under-lg.header .name .manage .button-actions.only-under-lg .button-file-name {
    display: none;
  }
}
#fiche-contact .contact-name .only-under-lg.header .name .manage .source {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.27;
  text-align: left;
  color: #a0a0a0;
  width: 100%;
}
#fiche-contact .contact-name .only-under-lg.header .name .fullName {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.1;
  text-align: left;
  display: inline-block;
  vertical-align: central;
  margin-top: 20px;
}
#fiche-contact .contact-detail .main-content-inline {
  float: right;
}
#fiche-contact .contact-detail .main-content-inline.left {
  float: left;
  margin-top: 2px;
}
#fiche-contact .contact-detail .candidate-main-block.for-incident h1 {
  color: #FF1744;
  border-bottom-color: #FF1744;
}
#fiche-contact .contact-detail .contact-name {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: #474781;
  width: 100%;
}
#fiche-contact .contact-detail .contact-name .lg-only.row {
  padding: 22px 0 17px 64px;
  height: 118px;
}
#fiche-contact .contact-detail .contact-name .lg-only .col-xs-1 {
  text-align: center;
  width: 30px;
  height: 100%;
}
#fiche-contact .contact-detail .contact-name .lg-only .col-xs-1 i {
  margin-top: -0.5px;
}
#fiche-contact .contact-detail .contact-name .lg-only .col-xs-7 {
  padding-left: 20px;
}
#fiche-contact .contact-detail .contact-name .lg-only .name {
  font-size: 31px;
  line-height: 1.2;
  text-align: left;
  display: flex;
}
#fiche-contact .contact-detail .contact-name .lg-only .name i {
  line-height: 32px;
  margin-left: 8px;
}
#fiche-contact .contact-detail .contact-name .lg-only .name span:not(:first-child) {
  margin-left: 10px;
}
#fiche-contact .contact-detail .contact-name .only-under-lg.header {
  margin: 20px 0 0 25px;
}
#fiche-contact .contact-detail .contact-name .only-under-lg.header .col-xs-1 > a {
  vertical-align: top;
  width: 100%;
  text-align: center;
}
#fiche-contact .contact-detail .contact-name .only-under-lg.header .name {
  font-size: 20px;
  line-height: 1.1;
  text-align: left;
}
#fiche-contact .contact-detail .contact-name .only-under-lg.header .name > i {
  margin-right: auto;
}
#fiche-contact .contact-detail .contact-name .only-under-lg.header .name .manage {
  padding-bottom: 5px;
}
#fiche-contact .contact-detail .contact-name .function {
  display: block;
  /*> span:nth-child(1):after {
                    content: ' | ';
                    font-family: @Bold;
                }

                > span:nth-child(1) {
                    font-family: @Regular;
                }

                > span:nth-child(2) {
                    font-family: @Bold;
                }*/
}
#fiche-contact .contact-detail .contact-name .function i {
  vertical-align: baseline;
}
#fiche-contact .contact-detail .contact-name .function > span {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
}
#fiche-contact .contact-detail .contact-name .icon-viadeo {
  background-color: #464680;
  color: white;
  font-size: 12px;
  border-radius: 2px;
  padding: 1px 2px;
  margin: 0px 6px 0px 0px;
}
#fiche-contact .contact-detail .contact-name .icon-linkedlin {
  margin: 0px 6px 0px 0px;
}
#fiche-contact .contact-detail .contact-name .icon-ecrire {
  margin: 6px 0px 0px 20px;
}
#fiche-contact .contact-detail .contact-name .manage {
  display: inline-block;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.27;
  color: #a0a0a0;
  padding-right: 32px;
  margin-left: auto;
  float: right;
}
@media (min-width: 992px) {
  #fiche-contact .contact-detail .contact-name .manage {
    display: block;
    text-align: right;
  }
  #fiche-contact .contact-detail .contact-name .manage i {
    display: block;
    width: 30px;
    margin-left: auto;
    margin-right: 0px;
  }
}
#fiche-contact .contact-detail .contact-name .manage.view {
  font-size: 1em;
  padding: 0;
}
#fiche-contact .contact-detail contact-coordinates {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: #464680;
  text-align: left;
}
#fiche-contact .contact-detail contact-profile {
  display: none;
}
#fiche-contact .contact-detail .contact-voir {
  color: #464680;
  font-size: 13px;
  font-weight: bold !important;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.15;
  letter-spacing: -0.2px;
}
#fiche-contact .company-name {
  width: 100%;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #48cde0;
  border-bottom: solid #48cde0 1px;
  margin-top: 12px;
  margin-bottom: 0;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 7px;
}
#fiche-contact .company-name span:hover,
#fiche-contact .company-name a:hover {
  border-bottom: solid #48cde0 1px;
  color: #48cde0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
#pageCompanyDetail a[href^="tel:"] span,
#fiche-contact a[href^="tel:"] span {
  border-radius: 5px;
  background-color: rgba(221, 235, 246, 0.5);
  margin-right: 3px;
  padding: 1px 3px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.2px;
  color: #8790B1;
}
#pageCompanyDetail .title,
#fiche-contact .title {
  display: flex;
  justify-content: space-between;
}
#pageCompanyDetail h1,
#fiche-contact h1 {
  border-bottom: solid #48cde0 1px;
  height: 30px;
}
#pageCompanyDetail .detail-cell,
#fiche-contact .detail-cell {
  padding-left: 0px;
}
#pageCompanyDetail .company-address-style,
#fiche-contact .company-address-style,
#pageCompanyDetail .company-bank-details-style,
#fiche-contact .company-bank-details-style {
  color: #464680;
  font-weight: bold !important;
}
#pageCompanyDetail .icon-linkedlin,
#fiche-contact .icon-linkedlin {
  margin: 0px 6px 0px 0px !important;
}
#pageCompanyDetail .source,
#fiche-contact .source,
#pageCompanyDetail .manage,
#fiche-contact .manage {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.27;
}
#pageCompanyDetail .responsables,
#fiche-contact .responsables,
#pageCompanyDetail .function,
#fiche-contact .function {
  display: block;
}
#pageCompanyDetail .responsables > span,
#fiche-contact .responsables > span,
#pageCompanyDetail .function > span,
#fiche-contact .function > span {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
}
#pageCompanyDetail .only-under-lg .header,
#fiche-contact .only-under-lg .header {
  padding: 20px 10px 5px;
}
#pageCompanyDetail .contact-detail .header.row,
#fiche-contact .contact-detail .header.row,
#pageCompanyDetail .contact-detail .contact-name .lg-only.row,
#fiche-contact .contact-detail .contact-name .lg-only.row {
  box-shadow: inset 0 -1px 0 0 rgba(151, 151, 151, 0.16);
}
#pageCompanyDetail .contact-detail .detail-block,
#fiche-contact .contact-detail .detail-block {
  padding: 0px;
  padding-top: 10.5px;
  padding-bottom: 10.5px;
  line-height: 15px;
}
#pageCompanyDetail .contact-detail .detail-block a,
#fiche-contact .contact-detail .detail-block a {
  font-weight: bold;
  font-size: 15px;
  font-family: Heebo-Regular;
}
#pageCompanyDetail .contact-detail .detail-block .icon-inline,
#fiche-contact .contact-detail .detail-block .icon-inline {
  height: 15px;
  font-size: 15px;
}
#pageCompanyDetail .contact-detail .detail-block .contact-voir span,
#fiche-contact .contact-detail .detail-block .contact-voir span,
#pageCompanyDetail .contact-detail .detail-block .address-line a,
#fiche-contact .contact-detail .detail-block .address-line a {
  font-family: Heebo-Regular;
  font-weight: lighter;
}
#pageCompanyDetail .contact-detail h1,
#fiche-contact .contact-detail h1,
#pageCompanyDetail .contact-detail .company-name,
#fiche-contact .contact-detail .company-name {
  margin-top: 20px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.contactHistory {
  color: #474781;
}
@media all and (min-width: 992px) {
  .contactHistory {
    min-height: 100vh;
    background-color: #fff;
    margin-bottom: -30px;
    box-shadow: inset 20px 0px 50px -20px rgba(0, 0, 0, 0.15);
  }
}
.contactHistory .projectBox {
  margin-top: 5px;
  width: 100%;
  height: 40px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: solid 1px #f1f2f2;
  padding: 8px 11px 8px 11px;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
.contactHistory .projectBox div {
  display: flex;
  cursor: pointer;
}
.contactHistory .projectBox .disabled-pointer {
  cursor: default;
}
.contactHistory .projectBox .winProject {
  color: #00C853;
  z-index: 999;
}
.contactHistory .projectBox .pipeProject {
  color: #B9BEBE;
}
.contactHistory .projectBox .looseProject {
  color: #FF1744;
}
.contactHistory .projectBox .looseProject .reversed {
  transform: scale(-1, 1);
}
.contactHistory .projectBox .projectNumber {
  padding: 0px 0px 0px 7px;
  line-height: 27px;
  color: #464680;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.contactHistory .marge {
  margin: 12px 32px 0px 32px;
}
.contactHistory .top-marge-and-padding {
  margin-top: 0;
  padding-top: 28px;
}
.contactHistory .margeRDV {
  margin: 0px 8% 0px 8%;
}
@media all and (max-width: 991px) {
  .contactHistory {
    background-color: white;
    margin-bottom: 150px;
  }
  .contactHistory .margeRDV {
    margin: 0px 8% 0px 8%;
  }
  .contactHistory .marge {
    margin: 12px 13px 0px 13px;
  }
}
.contactHistory h1 {
  margin-top: 0;
}
@media all and (max-width: 991px) {
  .contactHistory .margeRDV {
    margin: 0px 8% 0px 8%;
  }
}
.contactHistory .margePropal {
  margin-bottom: 10px;
}
.contactHistory .paddingProject {
  padding: 12px 0px 0px 32px;
}
@media all and (max-width: 991px) {
  .contactHistory .paddingProject {
    padding: 12px 15px 0px 16px;
  }
}
.contactHistory .reverseIcon {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
  padding: 4px 5px 0px 5px;
  height: 30px;
}
.contactHistory .normalIcon {
  padding: 6px 5px 0px 0px;
  height: 30px;
}
@media all and (max-width: 991px) {
  .contactHistory .reverseIcon {
    padding: 4px 5px 0px 3px;
  }
  .contactHistory .normalIcon {
    padding: 5px 5px 0px 3px;
  }
}
.contactHistory .staterow {
  display: table-row;
}
.contactHistory .cell {
  display: table-cell;
}
.contactHistory .historyMonth {
  text-align: center;
  padding-top: 10px;
  width: 90%;
  max-width: 90%;
  display: flex;
  flex-flow: row wrap;
  margin: 0px 5% 0px 5%;
}
.contactHistory .month {
  padding-top: 6px;
  font-size: 15px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: center;
}
.contactHistory .prospection {
  box-shadow: inset 0 2px 0 0 #ddecf7;
  padding-top: 10px;
  margin-bottom: 10px;
}
.contactHistory .job-application {
  display: table;
  width: 100%;
  margin-top: 25px;
  /*Row*/
  /*End Row*/
}
.contactHistory .job-application .projectNameContent {
  background-color: rgba(221, 235, 246, 0.5);
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.07;
  letter-spacing: normal;
}
@media all and (min-width: 992px) {
  .contactHistory .job-application .projectNameContent {
    height: 40px;
  }
}
@media all and (max-width: 991px) {
  .contactHistory .job-application .projectNameContent {
    padding-bottom: 5px;
  }
}
.contactHistory .job-application .projectName {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.contactHistory .job-application .propal {
  margin: 0px 0px 5px 58px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.27;
  letter-spacing: normal;
}
@media all and (min-width: 992px) {
  .contactHistory .job-application .propal {
    font-size: 11px;
  }
}
@media all and (max-width: 991px) {
  .contactHistory .job-application .propal {
    font-size: 13px;
  }
}
.contactHistory .job-application .centeredIcon {
  display: inline-block;
  vertical-align: text-bottom;
}
.contactHistory .job-application .cell-straight {
  display: table-cell;
  background-color: #c5d9e8;
  width: 1px;
  border: 0;
  background-clip: padding-box;
  border-left: 8.5px solid transparent;
  border-right: 9.5px solid transparent;
}
.contactHistory .job-application .cell-straight-hidden {
  background-color: transparent;
}
.contactHistory .job-application .staterow {
  display: table-row;
  margin-bottom: 5px;
  /*cell*/
  /*end Cell*/
}
.contactHistory .job-application .staterow .title {
  vertical-align: middle;
  height: 19px;
  display: table-cell;
  font-size: 15px;
  line-height: 1.07;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-align: left;
  padding-left: 11.6px;
}
.contactHistory .job-application .staterow .rectangle-circle {
  display: table-cell;
}
.contactHistory .job-application .staterow .rectangle-circle .circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
  line-height: 1;
}
.contactHistory .job-application .staterow .cell-classic {
  display: table-cell;
  width: 100%;
  padding-bottom: 10px;
}
.contactHistory .job-application .staterow .cell-classic .content {
  padding-left: 11.6px;
  width: 100%;
  font-size: 11px;
  line-height: 1.27;
  color: #8d8d8d;
  text-align: left;
}
.contactHistory .job-application .staterow .cell-classic .comments {
  padding-left: 11.6px;
  text-align: left;
  margin: auto;
  width: 100%;
  padding-top: 6px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #474781;
  padding-bottom: 15px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
@media all and (min-width: 992px) {
  .contactHistory .job-application .staterow .cell-classic .comments {
    font-size: 12px;
  }
}
@media all and (max-width: 991px) {
  .contactHistory .job-application .staterow .cell-classic .comments {
    font-size: 13px;
  }
}
.contactHistory .job-application .staterow .cell-classic .comments span {
  display: inline-block;
  float: left;
}
.contactHistory .job-application .staterow .cell-classic .reason {
  padding-left: 11.6px;
  width: 100%;
  text-align: left;
  line-height: 1.43;
  color: #474781;
  font-size: 12px;
  padding-top: 6px;
}
.contactHistory .job-application .icones {
  display: inline-block;
  float: right;
  font-size: 12px;
}
.contactHistory .job-application .icones .icon {
  display: inline;
}
.contactHistory .job-application .icones .silver {
  color: #c4c4d5;
}
.contactHistory .job-application .smallinformation {
  display: inline-block;
  color: #b9bebe;
}
.history-popover {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #464680;
}
.history-popover .popover-projectname {
  font-weight: bold;
}
.history-popover .popover-no-assignation {
  color: #B9BEBE;
}
.history-popover .popover-no-projectname {
  color: #B9BEBE;
  font-weight: bold;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
#pageListContacts .main-section .menu-page {
  display: flex;
}
#pageListContacts .main-section .menu-page .contact-number-and-search-bar-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#pageListContacts .main-section .menu-page .contact-number-and-search-bar-container .contact-number {
  margin-top: 6px;
}
#pageListContacts .my-content {
  padding-bottom: 10px;
  height: calc(100vh - 165px);
}
#pageListContacts .selected-before.selected-before {
  border: 1px solid;
}
#pageListContacts .contact-menu-header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 25px;
  padding-left: 25px;
  width: 100%;
  height: 66px;
}
#pageListContacts .contact-menu-header-container .contact-number {
  margin-top: 6px;
  font-size: 15px;
  line-height: 22px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  color: #464680;
  letter-spacing: 1.71px;
}
#pageListContacts .contact-menu-header-container .contact-nav-container {
  margin-top: 12px;
  letter-spacing: 1.71px;
  font-size: 14px;
  line-height: 21px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
#pageListContacts .contact-menu-header-container .contact-nav-container .not-implemented-yet {
  color: #b9bebe;
}
@media screen and (max-width: 1165px) {
  #pageListContacts .contact-menu-header-container .contact-nav-container .not-implemented-yet {
    display: none;
  }
}
#pageListContacts .contact-menu-header-container .contact-btn-group {
  display: flex;
}
#pageListContacts .contact-menu-header-container .contact-btn-group .add-action-system-btn {
  margin: 10px;
}
@media all and (max-width: 991px) {
  #pageListContacts md-content {
    overflow: hidden;
  }
  #pageListContacts md-content .my-content {
    overflow: hidden;
  }
  #pageListContacts .list-linear-background {
    overflow: visible;
  }
}
#pageListContacts .relative-pos {
  position: relative;
}
#pageListContacts .list-infinite-repeat {
  overflow-y: scroll;
  height: 100%;
}
#pageListContacts .list-infinite-repeat > [infinite-scroll] {
  overflow: hidden;
  height: auto;
}
#pageListContacts .list-containers {
  height: 100%;
}
#pageListContacts md-virtual-repeat-container {
  height: 100%;
  position: relative;
  /*box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.2) inset, 0 1px 18px -1px rgba(0, 0, 0, 0.12) inset, 0 6px 10px -6px rgba(0, 0, 0, 0.14) inset;*/
}
#pageListContacts md-virtual-repeat-container.md-virtual-repeat-container .md-virtual-repeat-offsetter {
  margin-right: 25px;
  /* leave space for alphabetBar */
}
#pageListContacts md-virtual-repeat-container md-list-item {
  all: unset;
  padding: 1px;
}
#pageListContacts md-virtual-repeat-container md-list-item > div {
  margin-top: -10px;
  /* étrangement nécessaire pour que les lignes ne soit pas espacées */
}
#pageListContacts md-virtual-repeat-container md-list-item::before {
  all: unset;
}
#pageListContacts md-virtual-repeat-container .companyLine {
  margin-top: 10px;
}
#pageListContacts md-virtual-repeat-container .companyLine .actionButton + .actionBlue span {
  display: flex;
}
#pageListContacts .alphabetBar {
  width: 25px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 15px;
  border: solid 1px #b9bebe;
  background-color: #ffffff;
  position: absolute;
  top: 10px;
  right: 6px;
  color: #b9bebe;
  font-size: 8px;
  user-select: none;
  z-index: 10000;
  /* put alphabetBar over virtual scroller */
}
@media (min-height: 490px) {
  #pageListContacts .alphabetBar {
    font-size: 9px;
  }
}
@media (min-height: 568px) {
  #pageListContacts .alphabetBar {
    font-size: 10px;
  }
}
@media (min-height: 665px) {
  #pageListContacts .alphabetBar {
    font-size: 12px;
  }
}
#pageListContacts .alphabetBar div {
  text-align: center;
}
#pageListContacts .alphabetBar .tooltip-inner {
  font-size: 30px;
  background: #f1f2f2;
  color: black;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  box-shadow: rgba(0, 0, 0, 0.23) 0px 12px 13px 0px;
}
#pageListContacts .alphabetBar .tooltip.left .tooltip-arrow {
  border-left-color: #f1f2f2;
  z-index: 30 !important;
}
#pageListContacts .alphabetBar .tooltip {
  z-index: 30 !important;
  left: -75px !important;
  border-radius: 50%;
}
#pageListContacts [infinite-scroll] {
  overflow: auto;
  height: 100%;
}
@media all and (max-width: 991px) {
  #pageListContacts [infinite-scroll] {
    padding-top: 10px;
  }
  #pageListContacts md-virtual-repeat-container {
    height: calc(100% - 71px);
  }
}
@media all and (min-width: 992px) {
  #pageListContacts .main-section > md-content {
    height: 100%;
  }
  #pageListContacts .list-linear-background {
    overflow: visible;
  }
  #pageListContacts md-virtual-repeat-container {
    margin-left: 10px;
  }
  #pageListContacts md-virtual-repeat-container.md-virtual-repeat-container .md-virtual-repeat-offsetter {
    margin-right: 10px;
  }
}
#pageListContacts .add-contact {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: -0.2px;
  color: #464680;
  margin-top: 8px;
}
#pageListContacts .add-contact i {
  color: #48cde0;
}
@media all and (max-width: calc(992px - 1px)) {
  #pageListContacts .iconAddContact {
    display: inline;
  }
}
@media all and (max-width: calc(992px - 1px)) {
  #pageListContacts .iconCompany {
    vertical-align: top;
  }
}
#pageListContacts .list {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  padding: 0px;
  margin-top: 0;
  margin-bottom: 11px;
}
#pageListContacts .businessUnits {
  max-width: 240px;
  line-height: 1.15;
  letter-spacing: -0.2px;
}
#pageListContacts .phoneNumber {
  max-width: 240px;
  line-height: 1.15;
  letter-spacing: -0.2px;
}
#pageListContacts .mail {
  margin-left: 8px;
}
#pageListContacts .actionButton {
  min-width: 28px;
}
#pageListContacts .actionGrey .material-icons {
  color: #c8c7d9;
  -webkit-text-fill-color: #c8c7d9;
}
#pageListContacts .actionDarkBlue .material-icons {
  color: #464680;
  -webkit-text-fill-color: #464680;
}
#pageListContacts .actionBlue .material-icons {
  color: #48cde0;
  -webkit-text-fill-color: #48cde0;
}
#pageListContacts .leftPartContainer {
  display: flex;
  width: calc(38% - 140px);
  flex: 0 1 auto !important;
  align-items: center;
}
#pageListContacts .rightPartContainer {
  display: flex;
  width: calc(62% - 250px);
  flex: 0 1 auto !important;
  align-items: center;
  justify-content: flex-end;
  overflow-y: hidden;
  height: 100%;
}
#pageListContacts .rightPartContainer .singleLine {
  max-height: 17px;
  white-space: nowrap;
}
#pageListContacts .companyLine {
  border-bottom: 2px solid #ddebf6;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 8px 8px 8px 0px;
  font-size: 13px;
  background: white;
  position: relative;
  /* needed for companyState */
}
#pageListContacts .companyLine > div {
  flex: 0 0 auto;
  /* no grow, no shrink, basic size */
}
#pageListContacts .companyLine .companyInfo {
  display: table-cell;
  width: 100%;
}
@media all and (min-width: 992px) {
  #pageListContacts .companyLine .companyInfo .company-managers {
    display: inline-block;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin-left: 5px;
    margin-bottom: auto;
    margin-top: auto;
    font-size: 13px;
    letter-spacing: 2.3px;
    color: #48cde0;
  }
}
@media all and (max-width: 991px) {
  #pageListContacts .companyLine .companyInfo .company-managers {
    display: none;
  }
}
#pageListContacts .companyLineSelected {
  border: 1px solid #464680;
}
#pageListContacts .companyState {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10px;
}
#pageListContacts .companyFullName {
  flex: 0 1 auto !important;
  min-width: 0;
  /* needed for text ellipsis */
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 48px;
  margin-right: auto;
  max-width: 100%;
  padding-left: 20px;
}
#pageListContacts .ellipsis-company {
  overflow: hidden;
  text-overflow: ellipsis;
}
#pageListContacts .companyName {
  font-weight: bold;
}
#pageListContacts .extensionName {
  font-size: 10px;
  font-weight: 200;
  letter-spacing: 2.3px;
  margin-left: 2px;
  font-weight: bold;
  vertical-align: middle;
}
#pageListContacts .extensionName:not(:empty):after {
  content: ")";
}
#pageListContacts .extensionName:not(:empty):before {
  content: "(";
}
#pageListContacts .companyNameContainer {
  display: flex;
  width: 24%;
}
#pageListContacts .companyPastille {
  float: right;
}
#pageListContacts .companyPastille > i {
  font-size: 11px;
}
#pageListContacts .companyPastille > i.newsUnread {
  color: #ff1744;
  -webkit-text-fill-color: #ff1744;
  background-color: transparent;
  font-size: 14px;
  vertical-align: middle;
  margin-left: 8px;
}
#pageListContacts .companyPastille > i.newsRead {
  color: #babbca;
  -webkit-text-fill-color: #babbca;
  background-color: transparent;
  font-size: 14px;
  vertical-align: middle;
  margin-left: 8px;
}
#pageListContacts .companyPastille > i.pastilleOk {
  color: #00c853;
  -webkit-text-fill-color: #00c853;
  background-color: transparent;
}
#pageListContacts .companyPastille > i.pastilleBad {
  color: #ff1744;
  -webkit-text-fill-color: #ff1744;
  background-color: transparent;
}
#pageListContacts .companyPastille > i.pastilleDisabled {
  color: #babbca;
  -webkit-text-fill-color: #babbca;
  background-color: transparent;
}
#pageListContacts .companyManagers {
  flex: 0 0 auto !important;
  color: #48cde0;
  /*width: auto;*/
  width: 216px;
  margin-left: auto;
  display: flex;
}
#pageListContacts .companyManagers .companyManagersSelector {
  margin-left: auto;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
#pageListContacts .companyManagers .md-text,
#pageListContacts .companyManagers .contactContentManagers {
  color: #48cde0 !important;
  letter-spacing: 0.5px;
  font-size: 15px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
#pageListContacts .companyManagers .contactContentManagers {
  margin-left: auto;
  margin-right: 10px;
}
#pageListContacts .companyManagers .md-select-value {
  border-bottom-style: none;
}
#pageListContacts .businessUnitsNumber {
  display: flex;
  width: 140px;
  margin-right: 250px;
}
#pageListContacts .businessUnitsNumber div {
  display: flex;
}
#pageListContacts .businessUnitsNumber div i {
  margin-right: 5px;
}
#pageListContacts .businessUnitsNumber div span {
  line-height: 22px;
}
#pageListContacts .companyStandard {
  display: flex;
  width: 140px;
  margin-right: 250px;
}
#pageListContacts .companyStandard a {
  display: flex;
}
#pageListContacts .companyStandard a i {
  margin-right: 5px;
}
#pageListContacts .companyStandard a span {
  line-height: 22px;
}
#pageListContacts .contactLine {
  background-color: #fdfdfd;
  border-bottom: 1px solid #ddebf6;
  color: #464680;
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0 8px 0 0;
  white-space: nowrap;
  font-size: 13px;
}
#pageListContacts .contactLine > div {
  flex: 0 0 auto;
  /* no grow, no shrink, basic size */
  margin: 8px 0;
}
#pageListContacts .contactLine a {
  color: inherit;
  /* blue colors for links too */
  text-decoration: inherit;
  /* no underline */
}
#pageListContacts .contactLine h3 {
  font-size: inherit;
  font-weight: bold;
  margin: 0;
}
#pageListContacts .contactLine p {
  margin: 0;
}
#pageListContacts .contactInfo {
  flex: 1 1 auto !important;
  width: 100%;
  /* needed for flex-grow to take all available space*/
  min-width: 0;
  /* needed for text ellipsis */
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#pageListContacts .contactInfo h3,
#pageListContacts .contactInfo p {
  line-height: 1.6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  #pageListContacts .contactInfo p {
    line-height: 1.5;
    font-size: 10px;
  }
}
#pageListContacts .contactMemo {
  color: #b1b0c9 !important;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#pageListContacts .contactMemo .contactMemoInfoCom {
  text-overflow: ellipsis;
  overflow: hidden;
}
#pageListContacts .contactMemo .contactMemoInfoComAbsent {
  margin: auto 0;
}
#pageListContacts .contactMemo textarea {
  margin-top: 3px;
  height: 100%;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #48cde0;
  resize: none;
}
#pageListContacts .contactLineDesktop .contactInfo {
  width: 30%;
  max-width: 300px;
}
#pageListContacts .contactLineDesktop .contactMemo {
  flex: 1 1 auto !important;
  width: 100%;
  /* needed for flex-grow to take all available space*/
  min-width: 100px;
  width: 60%;
  font-size: 12px;
  margin-left: 8px;
  color: #b1b0c9 !important;
  overflow: hidden;
  white-space: initial;
}
#pageListContacts .contactStateChanger {
  position: relative;
  width: 70px;
  margin: 0 30px 0 0 !important;
  padding-left: 8px;
  height: 60px;
  text-align: center;
}
#pageListContacts .contactStateChanger .trigger {
  width: 44px;
  transform: translateY(8px);
  transition: transform ease 0.2s, opacity ease 0.2s;
}
#pageListContacts .contactStateChanger .trigger.state > span {
  opacity: 0;
}
#pageListContacts .contactStateChanger .drawer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 60px;
  padding-right: 20px;
  overflow: hidden;
  background-color: white;
  display: flex;
  transform: scale(0, 1);
  transform-origin: left;
  transition: transform ease 0.2s;
  border-right: 1px solid #ddebf6;
}
#pageListContacts .contactStateChanger .state > .icon {
  display: block;
}
#pageListContacts .contactStateChanger .state > span {
  display: block;
  font-size: 8px;
}
#pageListContacts .contactStateChanger.isOpen .trigger {
  transform: translateY(0);
}
#pageListContacts .contactStateChanger.isOpen .trigger span {
  opacity: 1;
}
#pageListContacts .contactStateChanger.isOpen .drawer {
  width: initial;
  transform: scale(1, 1);
}
#pageListContacts .contactStateChanger.isOpen .drawer:after {
  /* left arrow */
  content: " ";
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -6px;
  margin-left: -20px;
  border: 6px solid transparent;
  border-right-color: #c8c7d9;
}
#pageListContacts .contactStateChanger.isActive:after {
  /* right arrow */
  content: " ";
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -6px;
  margin-left: -10px;
  border: 6px solid transparent;
  border-left-color: #c8c7d9;
  transition: opacity linear 0s 0.2s;
  /* instantanément après .2s */
}
#pageListContacts .contactStateChanger.isOpen:after {
  opacity: 0;
  transition: opacity linear 0s 0s;
  /* instantanément */
}
#pageListContacts .contactIcon {
  border-radius: 50%;
  color: white;
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 32px;
}
#pageListContacts .contactIcon.contactToCallProspect:after {
  content: '';
  position: absolute;
  top: 21px;
  left: 27px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid white;
  background: #47CDE0;
}
#pageListContacts .contactInactif.contactLine > * {
  opacity: 0.6;
  color: #464680;
  -webkit-text-fill-color: #464680;
}
#pageListContacts .contactPhoneNumbers {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 140px;
}
#pageListContacts .contactPhoneNumbers a {
  display: flex;
}
#pageListContacts .contactPhoneNumbers a i {
  margin-right: 5px;
}
#pageListContacts .contactPhoneNumbers a span {
  line-height: 22px;
}
#pageListContacts .contactPhoneNumbers .icon {
  margin-top: 3px;
  margin-bottom: 3px;
}
#pageListContacts .contactEmail {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 250px;
}
#pageListContacts .contactEmail a {
  display: flex;
}
#pageListContacts .contactEmail a i {
  margin-right: 5px;
}
#pageListContacts .contactEmail a span {
  line-height: 22px;
}
@media (max-width: 991px) {
  #pageListContacts .companyStandard {
    margin-right: 0 !important;
  }
  #pageListContacts .my-content {
    padding-bottom: 10px;
    height: calc(100vh - 60px);
  }
}
@media (max-width: 767px) {
  #pageListContacts .contactStateChanger {
    margin: 0 10px 0 0 !important;
  }
  #pageListContacts .contactPhoneNumbers {
    width: 28px;
  }
  #pageListContacts .contactPhoneNumbers span {
    display: none;
  }
  #pageListContacts .companyStandard {
    margin-left: auto;
    width: 28px;
  }
  #pageListContacts .companyStandard span {
    display: none;
  }
}
@media (max-width: 1439px) {
  #pageListContacts .companyStandard {
    margin-right: 28px;
  }
  #pageListContacts .leftPartContainer {
    width: calc(38% - 40px);
  }
  #pageListContacts .rightPartContainer {
    width: calc(62% - 128px);
  }
  #pageListContacts .contactEmail {
    width: 28px;
  }
  #pageListContacts .contactEmail span {
    display: none;
  }
}
#pageListContacts .unactive-bm {
  color: #FF1744;
}
#pageListContacts .unactive-bm:not(:last-child):after {
  color: #FF1744;
  content: ', ';
}
#pageListContacts .active-bm {
  color: #48cde0;
}
#pageListContacts .active-bm:not(:last-child):after {
  color: #48cde0;
  content: ', ';
}
.old-bm-color-bold {
  color: #FF1744 !important;
}
.toBeCallLineDetail {
  display: flex;
  justify-content: center;
  align-items: center;
}
.deleteReminderDate {
  font-size: 22px !important;
}
.pageSlideMobileContact {
  display: flex;
  margin: 25px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.contactSolutionMatchingPageSlide {
  height: 100%;
  width: 100%;
}
.contactSolutionMatchingPageSlide .slide-content {
  overflow-x: hidden;
  padding: 10px 15px 10px 15px;
}
.contactSolutionMatchingPageSlide .slide-content .firstRowInformations .right-informations {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}
.contactSolutionMatchingPageSlide .slide-content .firstRowInformations .left-informations {
  display: flex;
  flex-flow: column nowrap;
}
.contactSolutionMatchingPageSlide .slide-content .rowForCards {
  margin-top: 20px;
}
.contactSolutionMatchingPageSlide md-input-container {
  width: 95%;
}
.contactSolutionMatchingPageSlide .information-container {
  height: 95px;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #47CDE0;
  overflow: hidden;
}
.contactSolutionMatchingPageSlide .information-container .skills-container {
  width: 50%;
  margin-left: 24px;
  margin-top: 24px;
}
.contactSolutionMatchingPageSlide .information-container .skills-container .functional-skills-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contactSolutionMatchingPageSlide .information-container .skills-container .functional-skills-container span {
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 1.5px;
  color: #3f4176;
  margin-right: 5px;
  background-color: #cdeff4;
}
.contactSolutionMatchingPageSlide .information-container .skills-container .technical-skills-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contactSolutionMatchingPageSlide .information-container .skills-container .technical-skills-container span {
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  color: #3f4176;
  border: 1px solid #48cde0;
  margin-right: 5px;
}
.contactSolutionMatchingPageSlide .information-container .skills-container .soft-skills-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contactSolutionMatchingPageSlide .information-container .skills-container .soft-skills-container span {
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 1.5px;
  color: #3f4176;
  margin-right: 5px;
  background-color: rgba(255, 152, 0, 0.29);
  text-transform: uppercase;
}
.contactSolutionMatchingPageSlide .information-container .experience-mobility-container {
  display: flex;
  justify-content: flex-end;
  width: 50%;
  font-size: 15px;
  line-height: 18px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  margin-top: 24px;
  margin-right: 24px;
}
.contactSolutionMatchingPageSlide .information-container .experience-mobility-container .icon-localisation {
  margin-left: 16px;
  font-size: 20px;
  margin-top: -4px;
}
.contactSolutionMatchingPageSlide .information-container .experience-mobility-container .candidate-mobility {
  margin-left: 4px;
}
.contactSolutionMatchingPageSlide .search-project-container {
  height: 87px;
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #B9BEBE;
}
.contactSolutionMatchingPageSlide .search-project-container .search-auto-complete {
  margin: 0;
  padding: 0;
  margin-left: 24px;
  width: 65%;
  max-width: 420px;
}
.contactSolutionMatchingPageSlide .search-project-container .project-add-btn-container {
  width: 39%;
  justify-content: flex-end;
  display: flex;
  margin-top: 1px;
  margin-right: 24px;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.contactSolutionMatchingPageSlide .search-project-container .project-add-btn-container .project-add-btn {
  padding: 0;
  margin: 0;
  height: 42px;
  width: 100%;
  max-width: 190px;
  border: 1px solid #47CDE0;
  border-radius: 4px;
  color: #47CDE0;
  background: white;
}
.contactSolutionMatchingPageSlide .search-project-container .project-add-btn-container .project-add-btn:hover {
  color: white;
  background: #47CDE0;
  transition: 0.4s;
}
.contactSolutionMatchingPageSlide .content-tab-solutions .solutions-container {
  margin-top: 16px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.contactSolutionMatchingPageSlide .content-tab-solutions .solutions-container .alert-solutions {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #faebcc;
  border-radius: 4px;
}
.contactSolutionMatchingPageSlide .content-tab-solutions .solutions-container .header-container {
  display: flex;
  align-items: center;
}
.contactSolutionMatchingPageSlide .content-tab-solutions .solutions-container .header-container .solutions-header {
  color: #b9bebe;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
.contactSolutionMatchingPageSlide .content-tab-solutions .solutions-container .header-container .separator-header {
  background: #F1F2F2;
  height: 2px;
  flex: 1 1 auto;
  margin-left: 8px;
}
.contactSolutionMatchingPageSlide .content-tab-solutions .solutions-container .solutions-card-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
}
.contactSolutionMatchingPageSlide .content-tab-solutions .solutions-container .solutions-card-container .solutions-card-spacing {
  margin-left: 16px;
  margin-top: 16px;
}
.contactSolutionMatchingPageSlide .content-tab-solutions .solutions-container .solutions-card-container .solutions-card-spacing .chose-solution-btn {
  height: 40px;
  width: 203px;
  background-color: #48cde0;
  outline: none;
  border: 1px solid #48cde0;
  border-top: unset;
  color: white;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.contactSolutionMatchingPageSlide .content-tab-solutions .solutions-container .solutions-card-container .solutions-card-spacing .chose-solution-btn:hover {
  transition: 0.5s;
  background-color: white;
  outline: none;
  border: 1px solid #48cde0;
  border-top: unset;
  color: #48cde0;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.contactSolutionMatchingPageSlide .content-tab-solutions md-content {
  box-shadow: none !important;
}
.contactSolutionMatchingPageSlide .content-tab-solutions .alert-for-nothing {
  margin-top: 10px;
}
.contactSolutionMatchingPageSlide .tabs-content-container {
  margin-top: 16px;
  margin-left: 15px;
  margin-right: 15px;
}
.contactSolutionMatchingPageSlide .tabs-content-container md-content {
  box-shadow: none !important;
}
.contactSolutionMatchingPageSlide .tabs-content-container .tabs-border .projects-container {
  margin-top: 16px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.contactSolutionMatchingPageSlide .tabs-content-container .tabs-border .projects-container .alert-projects {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #faebcc;
  border-radius: 4px;
}
.contactSolutionMatchingPageSlide .tabs-content-container .tabs-border .projects-container .projects-card-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
}
.contactSolutionMatchingPageSlide .tabs-content-container .tabs-border .projects-container .projects-card-container .projects-card-spacing {
  margin-left: 16px;
  margin-top: 16px;
}
.contactSolutionMatchingPageSlide .tabs-content-container .tabs-border .projects-container .projects-card-container .projects-card-spacing .chose-project-btn {
  height: 40px;
  width: 203px;
  background-color: #464584;
  border: 1px solid #464584;
  outline: none;
  border-top: unset;
  color: white;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.contactSolutionMatchingPageSlide .tabs-content-container .tabs-border .projects-container .projects-card-container .projects-card-spacing .chose-project-btn:hover {
  transition: 0.5s;
  background-color: #5e5d9a;
  border: 1px solid #5e5d9a;
  border-top: unset;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.contractsPageSlideContainer {
  height: 100%;
  width: 100%;
}
.contractsPageSlideContainer .content-container {
  width: 100%;
  height: 100%;
  padding: 32px 56px;
}
.contractsPageSlideContainer .contract-type-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contractsPageSlideContainer .half-container {
  width: 50%;
}
.contractsPageSlideContainer .upload-buttons-container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 96px;
  width: 100%;
}
.contractsPageSlideContainer .upload-buttons-container > div {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contractsPageSlideContainer .upload-buttons-container span {
  font-size: 10px;
}
.contractsPageSlideContainer .upload-buttons {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 160px;
  height: 32px;
  border: 1px solid #48cde0;
  border-radius: 4px;
  background: white;
  outline: none;
}
.contractsPageSlideContainer .not-uploaded {
  color: #FF1744;
}
.contractsPageSlideContainer .buttons-container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 128px;
}
.contractsPageSlideContainer .outlined {
  outline: none;
  color: #48cde0;
  background: white;
  border: 1px solid #48cde0;
  border-radius: 4px;
  width: 192px;
  height: 40px;
}
.contractsPageSlideContainer .outlined:hover {
  color: white;
  background: #48cde0;
  transition: 0.3s;
}
.contractsPageSlideContainer .filled {
  outline: none;
  color: white;
  background: #48cde0;
  border: 1px solid #48cde0;
  border-radius: 4px;
  width: 192px;
  height: 40px;
  margin-left: 8px;
}
.contractsPageSlideContainer .filled.disabled,
.contractsPageSlideContainer .filled[disabled],
fieldset[disabled] .contractsPageSlideContainer .filled {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: unset;
}
.contractsPageSlideContainer .filled:hover {
  color: #48cde0;
  background: white;
  transition: 0.3s;
}
.custom-contract-type-select md-select-menu md-content {
  padding: 0;
}
.custom-contract-type-select md-select-menu md-content md-select-header {
  padding-left: 16px;
}
.custom-select-field md-select-menu md-content {
  padding: 0;
}
.custom-select-field md-select-menu md-content md-select-header {
  padding-left: 16px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
#dashboardDirectorContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
#dashboardDirectorContainer .dashboard-director-menu-header-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 25px;
  padding-left: 25px;
  width: 100%;
  min-height: 66px;
  height: 66px;
}
#dashboardDirectorContainer .dashboard-director-menu-header-container .dashboard-director-nav-container {
  margin-top: 14px;
  letter-spacing: 1.71px;
  font-size: 14px;
  line-height: 21px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
#dashboardDirectorContainer .dashboard-director-menu-header-container .dashboard-director-nav-container .not-implemented-yet {
  color: #b9bebe;
}
#dashboardDirectorContainer .rapports {
  height: calc(100% - 165px);
  width: 100%;
  padding: 20px;
  background-color: #E7EFF1;
  overflow-y: scroll;
}
#dashboardDirectorContainer .dashboard-director-container {
  height: calc(100% - 165px);
  width: 100%;
  padding: 20px;
  background-color: #E7EFF1;
  display: flex;
  justify-content: center;
  overflow-y: scroll;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container {
  height: 100%;
  max-height: 470px;
  min-width: 280px;
  max-width: 280px;
  background-color: #FFFFFF;
  box-shadow: 4px 5px 6px 0 rgba(0, 0, 0, 0.11);
  /*.agi-action-card-container::-webkit-scrollbar {
                display: none;
            }*/
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-header {
  margin: 10px;
  display: flex;
  justify-content: space-between;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-header .agi-action-header-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-header .agi-action-header-content .agi-action-header-title {
  color: #b9bebe;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-header .agi-action-header-content .info-text-container {
  line-height: 1;
  margin-top: 15px;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-header .agi-action-header-content .info-text-container .agi-action-header-text {
  color: #b9bebe;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 10px;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-header .three-dots-icon:before {
  content: '...';
  font-size: 36px;
  display: flex;
  margin-top: -25px;
  color: #b9bebe;
  letter-spacing: -3px;
  margin-right: 2px;
  cursor: pointer;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container {
  height: calc(100% - 82px);
  overflow-y: auto;
  overflow-x: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .no-agiaction {
  text-align: center;
  margin-top: 30px;
  color: #b9bebe;
  font-size: 16px;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .red-border.red-border {
  border-left-color: #FF1744;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card {
  border-left: 8px solid transparent;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  min-height: 54px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .agi-action-card-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .agi-action-card-info .agi-action-card-contact-name {
  color: #464580;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 200px;
  text-overflow: ellipsis;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .agi-action-card-info .text-content {
  color: #B9BEBE;
  font-size: 12px;
  line-height: 18px;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .agi-action-card-info .text-content .text-content-colored {
  color: #464580;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .play-arrow-agi-action-container {
  height: 26px;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .play-arrow-agi-action-container .play-arrow-agi-action {
  font-size: 26px;
  color: #656f71;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .play-arrow-agi-action-container .play-arrow-agi-action:hover {
  transition: 0.4s;
  border-radius: 100%;
  background: #b9bebe;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .play-arrow-agi-action-container .agi-action-menu-arrow {
  z-index: 1;
  width: 200px;
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.2);
  margin-left: 22px;
  margin-top: -21px;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .play-arrow-agi-action-container .agi-action-menu-arrow .agi-action-menu-arrow-content {
  display: flex;
  align-items: center;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .play-arrow-agi-action-container .agi-action-menu-arrow .agi-action-menu-arrow-content .agi-action-span {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  line-height: 21px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .play-arrow-agi-action-container .agi-action-menu-arrow .agi-action-menu-arrow-content .agi-action-span:hover {
  background-color: #F1F2F2;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .play-arrow-agi-action-container:focus .agi-action-menu-arrow {
  display: block;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .play-arrow-agi-action-container:active .agi-action-menu-arrow {
  display: block;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .play-arrow-agi-action-container:focus .play-arrow-agi-action {
  background: #b9bebe;
  transition: 0.4s;
  border-radius: 100%;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .agi-action-card .play-arrow-agi-action-container:active .play-arrow-agi-action {
  background: #b9bebe;
  transition: 0.4s;
  border-radius: 100%;
}
#dashboardDirectorContainer .dashboard-director-container .agi-action-container .agi-action-card-container .action-card:hover {
  background-color: #F1F2F2;
}
#dashboardDirectorContainer .dashboard-director-container .name-company-name-container {
  display: flex;
  align-items: center;
}
#dashboardDirectorContainer .dashboard-director-container .info-icon {
  font-size: 14px;
  margin-left: 8px;
  color: #b9bebe;
}
#dashboardDirectorContainer .dashboard-director-container .metric-container {
  display: flex;
  width: 100%;
  justify-content: center;
}
#dashboardDirectorContainer .dashboard-director-container .iframe-container {
  height: 100%;
  width: 100%;
}
#dashboardDirectorContainer .dashboard-director-container .widgets-container {
  display: flex;
  width: 100%;
  justify-content: center;
}
#dashboardDirectorContainer .dashboard-director-container .widgets-container metrics-report {
  width: 100%;
}
.agi-action-popover.agi-action-popover {
  background-color: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  border: unset;
  display: flex !important;
  align-items: center;
  padding: 8px 16px 8px 16px;
  border-radius: unset;
  margin-left: 10px;
  margin-top: 14px;
}
.agi-action-popover.agi-action-popover .arrow {
  display: none;
}
.agi-action-popover.agi-action-popover .popover-inner .popover-content {
  padding: 0;
  font-size: 10px;
  line-height: 14px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.company-name-popover.company-name-popover {
  background-color: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  border: unset;
  display: flex !important;
  align-items: center;
  padding: 8px 16px 8px 16px;
  border-radius: unset;
}
.company-name-popover.company-name-popover .popover-inner .popover-content {
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.agi-action-card-last .agi-action-menu-arrow {
  margin-top: -100px !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.archive a {
  color: #48cde0;
}
.archive a[href*="sharepoint"] {
  max-width: 70px;
  max-height: 68px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.archive a[href*="sharepoint"]:before {
  content: '\006f';
  display: block;
  text-align: center;
  font-family: 'AGITEAM';
  font-style: normal;
  font-weight: normal;
  line-height: 1.2;
  /*aligne les icons par rapport au text'*/
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #48cde0;
  margin: 3px;
}
.archive canvas {
  transform: scale(0.64);
  transform-origin: top left;
  position: absolute;
}
.archive md-dialog-content {
  position: relative;
}
.archive .title {
  font-size: 24px;
  margin: 16px 50px !important;
  border-bottom: lightgray 1px solid;
  position: absolute;
}
.archive span[data-tag="to-do:completed"]:before {
  content: '\0058';
  display: inline-block;
  font-family: 'AGITEAM';
  font-style: normal;
  font-weight: normal;
  line-height: 1.2;
  /*aligne les icons par rapport au text'*/
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #48cde0;
  margin: 3px;
}
.archive span[data-tag="to-do"]:before {
  content: '\0067';
  display: inline-block;
  font-family: 'AGITEAM';
  font-style: normal;
  font-weight: normal;
  line-height: 1.2;
  /*aligne les icons par rapport au text'*/
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #464680;
  margin: 3px;
}
.archive span[data-tag] {
  margin-right: 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.fade-in {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 0.5s;
  -moz-animation: fadeIn ease 0.5s;
  -o-animation: fadeIn ease 0.5s;
  -ms-animation: fadeIn ease 0.5s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.editAgiSuiviPageSlide {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.editAgiSuiviPageSlide .saved-info {
  cursor: pointer;
  color: white;
  position: absolute;
  top: 120px;
  right: 24px;
  z-index: 3;
  background: #00C853;
  padding: 8px 16px;
  border-radius: 24px;
  display: flex;
  align-items: center;
}
.editAgiSuiviPageSlide .saved-info i {
  font-size: 20px;
  margin-top: -4px;
  margin-right: 8px;
}
.editAgiSuiviPageSlide .saved-info:hover {
  transition: 0.3s;
  opacity: 1;
}
.editAgiSuiviPageSlide .change-opacity {
  transition: 0.3s;
  opacity: 0.5;
}
.editAgiSuiviPageSlide .content-container {
  height: calc(100% - 64px);
  padding: 10px 32px;
  overflow-y: scroll;
}
.editAgiSuiviPageSlide .content-container h1 {
  margin: 0;
}
.editAgiSuiviPageSlide .buttons-container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 80px;
  margin: 48px 0 24px 0;
}
.editAgiSuiviPageSlide .outlined {
  outline: none;
  color: #48cde0;
  background: white;
  border: 1px solid #48cde0;
  border-radius: 4px;
  width: 192px;
  height: 40px;
}
.editAgiSuiviPageSlide .outlined:hover {
  color: white;
  background: #48cde0;
  transition: 0.3s;
}
.editAgiSuiviPageSlide .filled {
  outline: none;
  color: white;
  background: #48cde0;
  border: 1px solid #48cde0;
  border-radius: 4px;
  width: 192px;
  height: 40px;
  margin-left: 8px;
}
.editAgiSuiviPageSlide .filled.disabled,
.editAgiSuiviPageSlide .filled[disabled],
fieldset[disabled] .editAgiSuiviPageSlide .filled {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: unset;
}
.editAgiSuiviPageSlide .filled:hover {
  color: #48cde0;
  background: white;
  transition: 0.3s;
}
.editAgiSuiviPageSlide .full-screen {
  font-size: 24px;
  color: white;
  position: absolute;
  right: 24px;
  top: 24px;
  transition: 0.3s;
}
.editAgiSuiviPageSlide .full-screen:hover {
  background: rgba(0, 0, 0, 0.1);
}
.editAgiSuiviPageSlide .warning {
  background: #FF9D17;
  color: white;
}
.editAgiSuiviPageSlide .warning:hover {
  background: #FFA930;
}
.signature-warning-dialog {
  color: #ff9800;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.editMeAsEmployee .my-content {
  background: linear-gradient(to bottom, #e8f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
@media (max-width: 992px) {
  .editMeAsEmployee .material-icons {
    margin-left: unset;
  }
}
.editMeAsEmployee .main-place {
  margin-bottom: unset;
}
.editMeAsEmployee .main-place .edition-header-banner-container {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
  min-height: 90px;
  width: 100%;
  background: #effafc;
  border-bottom: 1px solid #ddecf7;
  display: flex;
  align-items: center;
  padding-left: 56px;
}
.editMeAsEmployee .main-place .edition-header-banner-container span {
  margin-top: 8px;
  font-size: 31px;
}
@media (max-width: 992px) {
  .editMeAsEmployee .main-place .top-content {
    padding: 12px 10px 0;
  }
}
.editMeAsEmployee .main-place .top-content .container-employee {
  display: flex;
  gap: 5px;
}
.editMeAsEmployee .main-place .top-content .container-employee .input-container-info label {
  transform: translate3d(-4px, 22px, 0) scale(1);
}
.editMeAsEmployee .main-place .top-content .container-employee .pepiteAgauche {
  width: unset;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  margin-top: -32px;
  display: flex;
  justify-content: center;
}
.editMeAsEmployee .main-place .top-content .container-employee .pepiteAgauche .signet {
  height: 77px;
  width: 40px;
}
.editMeAsEmployee .main-place .top-content .container-employee .header-content {
  flex: 1 1 0;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
}
.editMeAsEmployee .main-place .top-content .container-employee .header-content .forName-employee {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.editMeAsEmployee .main-place .top-content .container-employee .header-content .forActions-employee {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.editMeAsEmployee .main-place .top-content .container-employee .header-content .forActions2-employee {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.editMeAsEmployee .main-place .top-content .container-employee-mobile {
  display: flex;
  flex-direction: column;
}
.editMeAsEmployee .main-place .top-content .container-employee-mobile .input-container-info label {
  transform: translate3d(-4px, 22px, 0) scale(1);
}
.editMeAsEmployee .main-place .top-content .container-employee-mobile .top-mobile {
  display: flex;
  gap: 9px;
}
.editMeAsEmployee .main-place .top-content .container-employee-mobile .top-mobile .pepiteAgauche {
  margin-top: unset;
}
.editMeAsEmployee .main-place .top-content .container-employee-mobile .top-mobile .pepiteAgauche .signet {
  width: 100%;
  height: 47px;
  min-width: 34px;
  display: flex;
  flex-direction: column;
}
.editMeAsEmployee .main-place .top-content .container-employee-mobile .header-content-mobile {
  display: flex;
  flex-direction: column;
}
.editMeAsEmployee .main-place .middle-content {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
}
@media all and (max-width: 992px) {
  .editMeAsEmployee .main-place .middle-content {
    padding-bottom: 0;
  }
}
@media all and (min-width: 992px) {
  .editMeAsEmployee .main-place .middle-content > div.main-info > div,
  .editMeAsEmployee .main-place .middle-content > div.o1-info > div {
    padding-right: 46px;
  }
}
.editMeAsEmployee .main-place .middle-content .bar {
  border-bottom: solid #48cde0 1px;
  margin: 10px 0;
}
.editMeAsEmployee .main-place .middle-content .input-and-icon .input-salary {
  padding-right: 10px;
  position: relative;
}
.editMeAsEmployee .main-place .middle-content .input-and-icon .euro {
  position: absolute;
  bottom: 10px;
}
.editMeAsEmployee .main-place .middle-content .no-data {
  margin: 24px 0;
}
.editMeAsEmployee .main-place .remuneration-block {
  display: flex;
}
.editMeAsEmployee .main-place .remuneration-block .table {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
}
.editMeAsEmployee .main-place .remuneration-block .table .headRem th {
  color: #C1D5E1;
  font-family: Helvetica, Arial, sans-serif;
  text-align: center;
}
.editMeAsEmployee .main-place .remuneration-block .table md-datepicker input {
  padding-right: 0px;
  min-width: 10%;
}
.editMeAsEmployee .main-place .remuneration-block .table td {
  text-align: center;
}
.editMeAsEmployee .main-place .vehicule {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .editMeAsEmployee .main-place .vehicule {
    padding-top: 20px;
    flex-direction: column;
  }
}
.editMeAsEmployee span.first-col-for-icon {
  margin: 17px 0px 0 0px;
}
.editMeAsEmployee .input-and-icon {
  display: flex;
  flex-direction: row-reverse;
  align-items: baseline;
}
.editMeAsEmployee .edition-footer-banner-container {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
  min-height: 90px;
  width: 100%;
  background: #fafbfc;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.editMeAsEmployee .btn-cancel {
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  background: #9DBACE;
  padding: 0 16px;
  text-transform: none;
}
.editMeAsEmployee .btn-cancel:hover {
  background: #48cde0;
  color: white;
  transition: 0.3s;
}
.editMeAsEmployee .btn-save {
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  background: #464584;
  padding: 0 16px;
  text-transform: none;
}
.editMeAsEmployee .btn-save:hover {
  background: white;
  color: #48cde0;
}
.editMeAsEmployee .md-datepicker-input.md-input {
  color: rgba(0, 0, 0, 0.38) !important;
}
.editMeAsEmployee .forMobilitySelect {
  position: relative;
}
.editMeAsEmployee .forMobilitySelect .arrow-down {
  position: absolute;
  top: 20px;
  z-index: 1;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #a9a9a9;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.fiche-employee .signet .leaving {
  width: 100%;
  height: 100%;
  background-color: #FF1744;
  border-radius: 0 0 3px 3px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
}
.fiche-employee .signet .leaving .door {
  font-size: 17px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fiche-employee .signet .intern {
  width: 100%;
  height: 100%;
  background-color: #00c853;
  border-radius: 0 0 3px 3px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
}
.fiche-employee .signet .intern .hat {
  font-size: 17px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fiche-employee .lg-only .details {
  margin-bottom: 50px;
  /*.formation {
                padding-right: 0px;
            }*/
}
.fiche-employee .lg-only .projects .row .project-date {
  text-align: right;
}
.fiche-employee .only-under-lg .projects {
  box-shadow: none;
}
.fiche-employee .only-under-lg .projects .row {
  padding-left: 20px;
}
.fiche-employee .detail-block.salary-block .detail-cell .main-label,
.fiche-employee .detail-block.syntec-block .detail-cell .main-label {
  display: block;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.employee-detail {
  /****** Md-tab ******/
  overflow-x: hidden;
}
.employee-detail md-content .row.ligne {
  padding-top: 10px;
  padding-bottom: 10px;
}
.employee-detail md-pagination-wrapper {
  width: 100%;
  padding-left: 20px;
}
.employee-detail md-tab-item {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 12px;
  width: auto;
  display: block;
}
.employee-detail md-tabs .row {
  padding-top: 0;
}
.employee-detail .contact-bloc {
  padding: 26px 0 14px 10px;
}
.employee-detail .contact-bloc .col-xs-12 {
  padding-bottom: 12px;
}
.employee-detail .header-detail-xs .detail-back-arrow-xs {
  width: 35px;
  text-align: center;
  font-size: 16px;
  margin-top: 20px;
}
.employee-detail .header-detail-xs .detail-name-xs {
  font-size: 20px;
  line-height: 1.1;
  margin-top: 20px;
}
.employee-detail .header-detail-xs .pepite-container-xs {
  width: 50px;
  height: 47px;
  padding: 0 11px 0 6px;
}
.employee-detail .header-detail-xs .freelance-pepite {
  height: 17px;
}
.employee-detail .header-detail-xs .source-xs {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.27;
  color: #a0a0a0;
  padding-bottom: 7px;
  margin-top: 10px;
  margin-right: 5px;
}
.employee-detail .header-detail-xs .details-icon-container {
  margin-left: auto;
}
@media (max-width: 991px) {
  .employee-detail .md-active {
    text-align: left;
  }
  .employee-detail .md-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
  .employee-detail p {
    padding: 10px 20px 20px 20px;
  }
  .employee-detail .details-icon-container i {
    padding: 0px;
  }
  .employee-detail .details-icon-container .icon {
    margin-left: -3px;
    margin-right: 3px;
  }
  .employee-detail .details-icon-container .button-file-name {
    display: none;
  }
}
.employee-detail .header-detail {
  box-shadow: inset 0 -1px 0 0 rgba(151, 151, 151, 0.16);
  padding-bottom: 16px;
  padding-left: 12px;
  padding-right: 30px;
}
@media (max-width: 991px) {
  .employee-detail .header-detail {
    padding: 0;
  }
}
.employee-detail .col-lg-6.candidate-main-block:first-child {
  padding-right: 34px;
  padding-left: 114px;
}
@media (max-width: 1279px) {
  .employee-detail .col-lg-6.candidate-main-block:first-child {
    padding-right: 25px;
    padding-left: 50px;
  }
}
@media (max-width: 991px) {
  .employee-detail .col-lg-6.candidate-main-block:first-child {
    padding: 0;
  }
}
.employee-detail .col-lg-6.candidate-main-block:not(first-child) {
  padding-right: 40px;
  padding-left: 0;
}
@media (max-width: 1279px) {
  .employee-detail .col-lg-6.candidate-main-block:not(first-child) {
    padding-right: 20px;
  }
}
@media (max-width: 991px) {
  .employee-detail .col-lg-6.candidate-main-block:not(first-child) {
    padding: 0;
  }
}
.employee-detail .candidate-main-block {
  padding-right: 40px;
  padding-left: 114px;
}
@media (max-width: 1279px) {
  .employee-detail .candidate-main-block {
    padding-right: 25px;
    padding-left: 50px;
  }
}
@media (max-width: 991px) {
  .employee-detail .candidate-main-block {
    padding: 0;
  }
}
.employee-detail .detail-contact {
  padding-left: 48px;
}
.employee-detail .detail-contact .numbers-container {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.employee-detail .detail-contact .numbers-container span {
  margin-left: 8px;
  margin-right: 8px;
}
.employee-detail .detail-contact .skype-container {
  margin-left: 5px;
}
.employee-detail .detail-contact .infos-and-files-container {
  display: flex;
  align-items: center;
}
.employee-detail .detail-contact .infos-and-files-container .infos-container {
  width: 100%;
}
.employee-detail .detail-contact .infos-and-files-container .files {
  white-space: nowrap;
}
.employee-detail .detail-contact .infos-and-files-container .files button {
  margin-right: 10px;
}
.employee-detail .detail-contact .infos-and-files-container .files button:nth-last-of-type(1) {
  margin-right: 0;
}
.employee-detail .detail-contact .infos-and-files-container .files .icon-timemachine-no-padding {
  padding-right: 0;
}
.employee-detail .detail-description {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  text-align: left;
  padding-left: 53px;
  color: #474781;
  margin-top: -22px;
  height: 21px;
}
.employee-detail .detail-description .addFormatingPlus {
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .employee-detail .left-corner {
    overflow: hidden;
    float: left;
    position: relative;
    right: 0;
    top: -22px;
    margin-right: 10px;
  }
  .employee-detail .left-corner .signet {
    width: 43px;
    height: 62px;
  }
}
.employee-detail .detail-name {
  display: inline-flex;
  flex-flow: row;
  width: 100%;
  height: 100%;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 40px;
  line-height: 0.88;
  color: #464680;
  display: inline-block;
  text-align: left;
  padding-left: 0;
  padding-top: 22px;
  vertical-align: middle;
  margin: auto;
}
.employee-detail .detail-name > i {
  display: inline-block;
  vertical-align: middle;
}
.employee-detail .detail-name .source {
  float: right;
  margin-left: auto;
  display: inline-flex;
  flex-flow: column;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.27;
  text-align: right;
  color: #a0a0a0;
}
.employee-detail .detail-name .source.view {
  font-size: 0.35em;
}
.employee-detail .addFormating span:after {
  content: ', ';
}
.employee-detail .addFormating span:nth-last-of-type(1):after {
  content: none !important;
}
.employee-detail .addFormatingPlus span:after {
  content: ' + ' !important;
}
.employee-detail .addFormatingPlus span:nth-last-of-type(1):after {
  content: none !important;
}
.employee-detail .addFormatingDash span:after {
  content: ' - ';
}
.employee-detail .addFormatingDash span:last-child:after {
  content: none !important;
}
.employee-detail .addFormatingOver span:after {
  content: ' > ';
}
.employee-detail .addFormatingOver span:nth-last-of-type(1):after {
  content: none !important;
}
.employee-detail .skill {
  margin: 5px 0 7px 0;
  padding-top: 1px;
  padding-bottom: 1px;
  overflow: hidden;
}
.employee-detail .businessUnit {
  margin: 5px 0 7px 0;
  padding-top: 1px;
  padding-bottom: 1px;
  overflow: hidden;
  display: flex;
  flex-flow: wrap;
}
.employee-detail .remuneration-block {
  margin-top: 5px;
}
.employee-detail .remuneration-block .SuiviRemTab {
  table-layout: fixed;
  width: 100%;
  overflow-wrap: break-word;
}
.employee-detail .remuneration-block .SuiviRemTab .headRem th {
  text-align: center;
  vertical-align: middle;
}
.employee-detail .remuneration-block .SuiviRemTab .horsPrimeVac {
  font-size: 12px;
}
.employee-detail .remuneration-block .SuiviRemTab .bodyRem td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.employee-detail .syntheseProjetTab {
  table-layout: fixed;
  width: 100%;
  overflow-wrap: break-word;
  margin-top: 5px;
}
.employee-detail .syntheseProjetTab .headSynthProjet th {
  text-align: center;
  vertical-align: middle;
}
.employee-detail .syntheseProjetTab .headSynthProjet .clientName {
  vertical-align: middle;
  text-align: left;
}
.employee-detail .syntheseProjetTab .headSynthProjet .projectName {
  vertical-align: middle;
  text-align: left;
}
.employee-detail .syntheseProjetTab .bodySynthProjet td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.employee-detail .syntheseProjetTab .bodySynthProjet .clientName {
  vertical-align: middle;
  text-align: left;
}
.employee-detail .syntheseProjetTab .bodySynthProjet .projectName {
  vertical-align: middle;
  text-align: left;
}
.employee-detail .detail-block-mobile .barre {
  border-bottom: solid #48cde0 1px;
  margin: 10px 0;
}
.employee-detail .detail-block-mobile .other-data-content-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (max-width: 400px) {
  .employee-detail .detail-block-mobile .other-data-content-container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.employee-detail .detail-block-mobile .other-data-content-container .text-with-icon {
  display: flex;
  align-items: center;
}
.employee-detail .detail-block-mobile .other-data-content-container .text-without-icon {
  margin-left: 34px;
}
@media (max-width: 400px) {
  .employee-detail .detail-block-mobile .other-data-content-container .value {
    padding-left: 35px;
  }
}
.employee-detail .detail-block .main-label {
  white-space: inherit;
}
.history {
  /****** Md-tab ******/
}
.history md-content {
  box-shadow: none;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.employeeHistory {
  color: #474781;
}
@media all and (min-width: 992px) {
  .employeeHistory {
    min-height: 100vh;
    background-color: #fff;
    margin-bottom: -30px;
    box-shadow: inset 20px 0px 50px -20px rgba(0, 0, 0, 0.15);
  }
}
.employeeHistory .marge {
  margin: 12px 32px 0px 32px;
}
.employeeHistory .top-marge-and-padding {
  margin-top: 0;
  padding-top: 28px;
}
.employeeHistory .margeRDV {
  margin: 0px 8% 0px 8%;
}
@media all and (max-width: 991px) {
  .employeeHistory {
    background-color: white;
    margin-bottom: 150px;
  }
  .employeeHistory .margeRDV {
    margin: 0px 5% 0px 5%;
  }
  .employeeHistory .marge {
    margin: 12px 13px 0px 13px;
  }
}
.employeeHistory h1 {
  margin-top: 0;
}
@media all and (max-width: 991px) {
  .employeeHistory .margeRDV {
    margin: 0px 5% 0px 5%;
  }
}
.employeeHistory .margePropal {
  margin-bottom: 10px;
}
.employeeHistory .paddingProject {
  padding: 12px 0px 0px 32px;
}
@media all and (max-width: 991px) {
  .employeeHistory .paddingProject {
    padding: 12px 15px 0px 16px;
  }
}
.employeeHistory .reverseIcon {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
  padding: 4px 5px 0px 5px;
  height: 30px;
}
.employeeHistory .normalIcon {
  padding: 6px 5px 0px 0px;
  height: 30px;
}
@media all and (max-width: 991px) {
  .employeeHistory .reverseIcon {
    padding: 4px 5px 0px 3px;
  }
  .employeeHistory .normalIcon {
    padding: 5px 5px 0px 3px;
  }
}
.employeeHistory .staterow {
  display: table-row;
}
.employeeHistory .cell {
  display: table-cell;
}
.employeeHistory .historyMonth {
  text-align: center;
  padding-top: 10px;
  width: 90%;
  max-width: 90%;
  display: flex;
  flex-flow: row wrap;
  margin: 0px 5% 0px 5%;
}
.employeeHistory .month {
  padding-top: 6px;
  font-size: 15px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: center;
}
.employeeHistory .prospection {
  box-shadow: inset 0 2px 0 0 #ddecf7;
  padding-top: 10px;
  margin-bottom: 10px;
}
.employeeHistory .job-application {
  display: table;
  width: 100%;
  margin-top: 25px;
  /*Row*/
  /*End Row*/
}
.employeeHistory .job-application .projectNameContent {
  background-color: rgba(221, 235, 246, 0.5);
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.07;
  letter-spacing: normal;
}
@media all and (min-width: 992px) {
  .employeeHistory .job-application .projectNameContent {
    height: 40px;
  }
}
@media all and (max-width: 991px) {
  .employeeHistory .job-application .projectNameContent {
    padding-bottom: 5px;
  }
}
.employeeHistory .job-application .projectName {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.employeeHistory .job-application .propal {
  margin: 0px 0px 5px 58px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.27;
  letter-spacing: normal;
}
@media all and (min-width: 992px) {
  .employeeHistory .job-application .propal {
    font-size: 11px;
  }
}
@media all and (max-width: 991px) {
  .employeeHistory .job-application .propal {
    font-size: 13px;
  }
}
.employeeHistory .job-application .centeredIcon {
  display: inline-block;
  vertical-align: text-bottom;
}
.employeeHistory .job-application .cell-straight {
  display: table-cell;
  background-color: #c5d9e8;
  width: 1px;
  border: 0;
  background-clip: padding-box;
  border-left: 8.5px solid transparent;
  border-right: 9.5px solid transparent;
}
.employeeHistory .job-application .cell-straight-hidden {
  background-color: transparent;
}
.employeeHistory .job-application .staterow {
  display: table-row;
  margin-bottom: 5px;
  /*cell*/
  /*end Cell*/
}
.employeeHistory .job-application .staterow .title {
  vertical-align: middle;
  height: 19px;
  display: table-cell;
  font-size: 15px;
  line-height: 1.07;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-align: left;
  padding-left: 11.6px;
}
.employeeHistory .job-application .staterow .rectangle-circle {
  display: table-cell;
  position: relative;
}
.employeeHistory .job-application .staterow .rectangle-circle .circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.employeeHistory .job-application .staterow .rectangle-circle .extension {
  position: absolute;
  width: 3px;
  height: 60px;
  background-color: #c5d9e8;
  top: 0;
  bottom: 0;
  left: 8px;
}
.employeeHistory .job-application .staterow .cell-classic {
  display: table-cell;
  width: 100%;
  padding-bottom: 10px;
}
.employeeHistory .job-application .staterow .cell-classic .content {
  padding-left: 11.6px;
  width: 100%;
  font-size: 11px;
  line-height: 1.27;
  color: #8d8d8d;
  text-align: left;
}
.employeeHistory .job-application .staterow .cell-classic .comments {
  padding-left: 11.6px;
  text-align: left;
  margin: auto;
  width: 100%;
  padding-top: 6px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #474781;
  padding-bottom: 15px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
@media all and (min-width: 992px) {
  .employeeHistory .job-application .staterow .cell-classic .comments {
    font-size: 12px;
  }
}
@media all and (max-width: 991px) {
  .employeeHistory .job-application .staterow .cell-classic .comments {
    font-size: 13px;
  }
}
.employeeHistory .job-application .staterow .cell-classic .comments span {
  display: inline-block;
  float: left;
}
.employeeHistory .job-application .staterow .cell-classic .reason {
  padding-left: 11.6px;
  width: 100%;
  text-align: left;
  line-height: 1.43;
  color: #474781;
  font-size: 12px;
  padding-top: 6px;
}
.employeeHistory .job-application .icones {
  display: inline-block;
  float: right;
  font-size: 12px;
}
@media (max-width: 992px) {
  .employeeHistory .job-application .icones {
    margin-top: 5px;
  }
}
.employeeHistory .job-application .icones .icon {
  display: inline;
  margin-right: 0;
}
.employeeHistory .job-application .icones .silver {
  color: #c4c4d5;
}
.employeeHistory .job-application .smallinformation {
  display: inline-block;
  color: #b9bebe;
}
.history-popover {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #464680;
}
.history-popover .popover-projectname {
  font-weight: bold;
}
.history-popover .popover-no-assignation {
  color: #B9BEBE;
}
.history-popover .popover-no-projectname {
  color: #B9BEBE;
  font-weight: bold;
}
.i-refresh-hourglass-dl {
  font-size: 20px !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
employees .not-agiflow {
  padding: 0;
}
.employees-list-header {
  padding: 18px 21px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.employees-list-header .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.employees-list-header .icon:first-child {
  margin-left: 0.4em;
}
.employees-list-header .icon {
  position: relative;
  font-size: 1.9em;
  background: transparent;
  padding: 0.15em;
  margin: 0;
  margin-left: 0.2em;
  border-radius: 7px;
  cursor: pointer;
  color: #96bbd0;
  overflow: hidden;
  z-index: 0;
}
.employees-list-header .icon:before {
  content: '';
  position: absolute;
  background: white;
  border-radius: 50%;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all linear 200ms 150ms, border-radius linear 200ms 0ms;
}
.employees-list-header .icon.active:before,
.employees-list-header .icon:hover:before {
  width: 100%;
  height: 100%;
  border-radius: 0;
  transition: all linear 200ms, border-radius linear 200ms 200ms;
}
.employees-list-header .icon.active {
  color: #3cdbe8;
}
.employees-list-header + .list-container {
  padding-top: 0px;
}
.employees-list-header .candidateSortOrder .md-text {
  font-family: 'Heebo-Regular', sans-serif;
}
@media screen and (max-width: 321px) {
  .icFilterSearchbarContainerFront.icFilterSearchbarContainerFront {
    width: 190px;
  }
  .icFilterSearchbarInputFront.icFilterSearchbarInputFront {
    width: 190px;
  }
}
.icFilterSearchbarContainerFront {
  z-index: 2;
  width: 240px;
  height: 30px;
  border-radius: 2px;
  background-color: #f1f2f2;
  margin-top: 22px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  position: absolute;
}
.icFilterSearchbarContainerFront .search-icon-ic {
  font-size: 150%;
  z-index: 1;
  padding-left: 8px;
  padding-top: 2px;
  color: #b9bebe;
}
.icFilterSearchbarContainerFront .icFilterSearchbarInputFront {
  border: none;
  font-size: 12px;
  padding-left: 14px;
  color: #656f71;
  width: 240px;
  height: 30px;
  border-radius: 2px;
  background-color: #f1f2f2;
  padding-right: 8px;
  padding-top: 0;
  padding-bottom: 0;
}
.icFilterSearchbarContainerFront input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}
.icFilterSearchbarContainerFront .icFilterSearchbarInputFront::-webkit-input-placeholder {
  color: #b9bebe;
}
.icFilterSearchbarContainerFront .button-style {
  display: flex;
}
.icFilterSearchbarContainerFront .add-action-system-btn {
  margin: 10px;
}

/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.fileOrFolder {
  font-size: 16px;
  cursor: pointer;
  /*margin-left: 8px;*/
  /*padding-left: 16px;*/
  margin-left: 32px;
  border-left: 1px solid #b9bebe;
}
.fileOrFolder .is-open {
  font-weight: bold;
}
.fileOrFolder .folder-name-with-icon {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.fileOrFolder .folder-icon {
  font-size: 148%;
  margin-right: 8px;
}
.fileOrFolder .separtor-folders-files {
  width: 24px;
  height: 1px;
  background: #b9bebe;
}
.fileOrFolder .folder-name-with-icon:hover {
  background: rgba(0, 0, 0, 0.05);
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.fileUploader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
input[type=file],
input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
#sideNavPanel .filter-sidenav-desktop {
  height: calc(100vh - 99px);
}
.my-sidebar-filters {
  margin-top: 1em;
}
.my-sidebar-filters .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  align-items: center;
}
.my-sidebar-filters .filter-contract {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}
.my-sidebar-filters .autocomplete-flex-cont .reset,
.my-sidebar-filters .group_date .reset {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.my-sidebar-filters .autocomplete-flex-cont .reset i,
.my-sidebar-filters .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.my-sidebar-filters .autocomplete-flex-cont .reset:hover,
.my-sidebar-filters .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.my-sidebar-filters .autocomplete-flex-cont .reset:hover i,
.my-sidebar-filters .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.my-sidebar-filters .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.my-sidebar-filters .bar-contact {
  margin: 1em 0;
  width: 100%;
  height: 1.2px;
  background-color: #b1b0c9;
}
.my-sidebar-filters .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.my-sidebar-filters .group .title {
  color: #b1b0c9;
}
.my-sidebar-filters .group .title .button {
  position: relative;
  cursor: pointer;
  margin: 0 0.3em;
  color: #b1b0c9;
  border-radius: 5px;
  border: 1px solid #b1b0c9;
  padding: 0.3em 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  z-index: 0;
  overflow: hidden;
  transition: border linear 200ms;
}
.my-sidebar-filters .group .title .button i {
  font-size: 1.2em;
  margin-right: 0.3em;
}
.my-sidebar-filters .group .title .button:before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #e8e8e8;
  transition: width linear 200ms;
  z-index: -1;
}
.my-sidebar-filters .group .title .button:hover {
  border: 1px solid #e8e8e8;
}
.my-sidebar-filters .group .title .button:hover:before {
  width: 100%;
}
.my-sidebar-filters .group .child {
  margin-top: 1em;
}
.my-sidebar-filters .group .child responsibility-material {
  width: 100%;
}
.my-sidebar-filters .group .child business-unit-material {
  width: 100%;
}
.my-sidebar-filters .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.my-sidebar-filters .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.my-sidebar-filters .group .radio-kit {
  padding: 0;
}
.my-sidebar-filters .group_forSwitchProspect {
  padding-left: 20px;
}
.my-sidebar-filters .group_forSwitchProspect .title1 {
  color: #b1b0c9;
  margin-bottom: 20px;
}
.my-sidebar-filters .group_forSwitchProspect .position-with-info-com {
  display: flex;
  margin-bottom: 20px;
}
.my-sidebar-filters .group_forSwitchProspect .position-with-info-com .position-label {
  padding-left: 13px;
  align-self: center;
}
.my-sidebar-filters .group_forSwitchProspect .position-without-info-com {
  display: flex;
}
.my-sidebar-filters .group_forSwitchProspect .position-without-info-com .position-label {
  padding-left: 13px;
  align-self: center;
}
.my-sidebar-filters .group_checkbox .title2 {
  color: #b1b0c9;
  margin-bottom: 20px;
}
.my-sidebar-filters .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.my-sidebar-filters .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.my-sidebar-filters .group_checkbox .toggler_cont .elem:hover,
.my-sidebar-filters .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.my-sidebar-filters .group_checkbox .toggler_cont .elem:hover:before,
.my-sidebar-filters .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.my-sidebar-filters .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.my-sidebar-filters .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.my-sidebar-filters .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.my-sidebar-filters .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.my-sidebar-filters .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-sidebar-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.my-sidebar-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.my-sidebar-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.my-sidebar-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.my-sidebar-filters .group_dropdown .child {
  margin-top: 0;
}
.my-sidebar-filters .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.my-sidebar-filters .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.my-sidebar-filters .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.my-sidebar-filters .group_dropdown .child business-unit-material md-select {
  background: none;
}
.my-sidebar-filters .group_dropdown .child business-unit-material md-select-value {
  color: #464584;
}
.my-sidebar-filters .group_dropdown .child business-unit-material > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters .group_dropdown .child business-unit-material > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters .group_dropdown .child business-unit-material > span:after:hover {
  color: white;
}
.my-sidebar-filters .special.group_mobility .child {
  margin-top: 0;
}
.my-sidebar-filters .special.group_mobility .mobility {
  padding: 0;
}
.my-sidebar-filters .special.group_mobility .mobility .hlistMobilitySelected li {
  float: initial;
  padding-top: 0;
  margin-bottom: 1.5em;
  padding-right: 0;
}
.my-sidebar-filters .special.group_mobility .mobility .hlistMobilitySelected li span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters .special.group_mobility .mobility .hlistMobilitySelected li span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters .special.group_mobility .mobility .hlistMobilitySelected li span:after:hover {
  color: white;
}
.my-sidebar-filters .special.group_mobility .mobility .hlistMobilitySelected li .pictoMoins {
  display: none;
}
.my-sidebar-filters .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.my-sidebar-filters .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-sidebar-filters .group_input .child input::placeholder {
  color: #C1CCD3;
}
.my-sidebar-filters .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.my-sidebar-filters .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.my-sidebar-filters .group_date .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-sidebar-filters .group_date .reset {
  margin-right: 2px;
}
.my-sidebar-filters .group_date .date label {
  font-size: 0.9em;
}
.custom-md-sidenav-top {
  left: 0;
  top: -100vh;
  transform: translateY(100vh) translateX(0px);
}
.custom-md-sidenav-top.md-closed {
  left: 0;
  transform: translateY(0px) translateX(0px);
}
.resize-md-sidenav-mobile {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding-bottom: 80px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.formValues {
  width: 100%;
  user-select: none;
  display: flex;
  flex-wrap: wrap;
}
.formValues > * {
  float: none;
}
.formValues .half-container {
  width: 50%;
}
.formValues .full-container {
  width: 100%;
}
.formValues .date-with-time-container {
  display: flex;
  flex-wrap: wrap;
}
.formValues .half-inside-container {
  width: 50%;
}
.formValues .quarter-inside-container {
  width: 25%;
}
.formValues .fields-container {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.formValues .inside-field-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.formValues .field-separator-margin {
  margin-top: 8px;
  min-height: 56px;
}
@media (max-width: 768px) {
  .formValues .field-separator-margin {
    margin-top: 0;
  }
}
.formValues .form-field-label {
  margin-left: 5px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif !important;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #a5c0d4 !important;
}
.formValues .box-name {
  display: flex;
  align-items: center;
  margin: 2px 0;
}
.formValues .box-name .md-label {
  margin: 4px 0 0 32px;
  color: #464680;
  white-space: nowrap;
}
.formValues .description {
  white-space: pre-line;
  font-size: 14px;
}
.formValues .telephone-input label {
  font-size: 20px;
}
.formValues .phone-custom::placeholder {
  text-align: left;
  background: unset !important;
  background-color: unset !important;
}
.formValues .error-messages-container {
  position: absolute !important;
  margin-top: 40px !important;
}
.formValues .number-unit {
  position: absolute;
  height: 96%;
  right: 16px;
  top: 16px;
  font-size: 12px;
  color: #a5c0d5;
}
.formValues .multiple-choice-quiz {
  width: 100%;
}
.formValues .table-multiple-choice-quiz {
  width: calc(100% - 10px);
  margin: 16px 0 0 0;
}
.formValues .table-costs-table {
  width: 100%;
}
.formValues tr {
  width: 100%;
}
.formValues th {
  text-align: center;
  padding: 8px;
  border: 1px solid #dddddd;
}
.formValues td {
  padding: 8px;
  border: 1px solid #dddddd;
  word-break: break-word;
}
.formValues textarea {
  resize: none;
  border: none;
  padding: 8px;
  width: 100%;
  background: #effafc;
}
.formValues textarea:disabled {
  background: #f8f8f8;
  border-bottom: 1px solid #b9bebe;
  border-bottom-style: dashed;
}
.formValues .question-title {
  word-break: break-word;
}
.formValues .box {
  margin: 0 !important;
  cursor: pointer;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  outline: none;
  border: 1px solid #41b8c9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.formValues .box:before {
  content: '';
  width: 60%;
  height: 60%;
  border-radius: 50%;
}
.formValues .box:checked:before {
  background: #41b8c9;
  transition: 0.4s;
}
.formValues .box:checked {
  border-color: #41b8c9;
  transition: 0.4s;
}
.formValues .add-delete-row {
  padding: 16px 0 0 0 !important;
  border: none !important;
  word-break: unset !important;
  font-size: 21px !important;
  max-width: 0;
}
.formValues .name {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.formValues .quiz-name-answers {
  display: flex;
  flex-direction: column;
  font-size: 16px;
}
.formValues .checkbox-name-container {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  margin: 0 0 16px 0;
}
.formValues .radio-name-container {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  margin: 0 0 8px 0;
}
.formValues .answers {
  font-size: 14px;
}
.formValues ::-webkit-input-placeholder {
  text-align: center;
  background: #effafc;
}
.formValues :-moz-placeholder {
  text-align: center;
  background: #effafc;
}
.formValues ::-moz-placeholder {
  text-align: center;
  background: #effafc;
}
.formValues :-ms-input-placeholder {
  text-align: center;
  background: #effafc;
}
.formValues input.md-input,
.formValues textarea.md-input.textarea-format {
  margin-top: 0;
  padding-top: 4px;
}
.formValues .textarea-format {
  max-height: 180px;
  overflow-y: scroll;
}
.formValues .signature-width {
  width: unset;
  margin-right: auto;
  margin-left: auto;
}
.formValues .form-value-field-separator:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, transparent, #b9bebe, transparent);
}
.formValues .form-value-field-separator {
  position: relative;
  height: 1px;
  margin: 24px 0 24px 0;
}
.formValues .form-value-field-separator:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -12px;
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background-color: #48cde0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px white, 0 0 0 4px white;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.agi-grey-blue-color {
  color: #9DBACE;
}
.agi-aqua-marine-color {
  color: #48CDE0;
}
.agi-green-color {
  color: #28D149;
}
.agi-red-color {
  color: #FF1744;
}
.agi-grey-blue-background-color {
  background: #9DBACE;
}
.agi-grey-blue-background-color:hover {
  background: #C2D9E6;
}
.agi-aqua-marine-background-color {
  background: #48CDE0;
}
.agi-aqua-marine-background-color:hover {
  background: #3CDBE8;
}
.agi-green-background-color {
  background: #28D149;
}
.agi-green-background-color:hover {
  background: #2ADE4E;
}
.agi-red-background-color {
  background: #FF1744;
}
.agi-orange-background-color {
  background: #FF9D17;
}
.agi-orange-background-color:hover {
  background: #FFA930;
}
.agi-twilight-background-color {
  background: #464584;
}
.agi-twilight-background-color:hover {
  background: #5e5d9a;
}
.agi-grey-blue-left-border {
  border-left-color: #9DBACE !important;
}
.agi-aqua-marine-left-border {
  border-left-color: #48CDE0 !important;
}
.agi-green-left-border {
  border-left-color: #28D149 !important;
}
.agi-red-left-border {
  border-left-color: #FF1744 !important;
}
/*COLORS*/
.page-slide-header-container {
  background: #48cde0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 24px 8px 24px;
}
.i-close.i-close {
  font-size: 24px;
  color: white;
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin: 0 0 0 -4px;
}
.i-close.i-close:hover {
  background: rgba(0, 0, 0, 0.05);
}
.page-slide-header-name {
  color: white;
  text-transform: uppercase;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin: 4px 0 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-slide-header-bis-name {
  color: white;
  text-transform: uppercase;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin: 4px 0 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-slide-header-sub-container {
  display: flex;
  align-items: center;
  margin: -4px 0 0 0;
}
.i-next-to-name.i-next-to-name {
  font-size: 22px;
  color: white;
  height: 22px;
  width: 22px;
  margin: 0 8px 0 -1px;
}
.page-slide-header-sub-name {
  color: white;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 4px 0 0 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-slide-sub-header-container {
  background: #464680;
  display: flex;
  align-items: center;
  padding: 24px;
}
.page-slide-sub-header-container:hover {
  background: #2C295F;
}
.i-arrow-back.i-arrow-back {
  color: white;
  margin: 0 8px 0 0;
  font-size: 24px;
  cursor: pointer;
}
.page-slide-sub-header-name {
  color: white;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin: 1px 0 0 0;
}
.page-slide-content-container {
  margin: 24px 0;
}
.underlined-bold-title {
  color: #48CDE0;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #48cde0;
  padding-bottom: 8px;
}
.btn-delete-system-normal {
  height: 40px;
  min-width: 240px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  background: #464584;
  margin: 8px 8px 0 8px;
}
.btn-delete-system-normal:hover {
  background: #5e5d9a;
}
.page-slide-header-tag {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.81);
  text-transform: uppercase;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
}
.page-slide-header-tag span {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 2px 0 0 2px;
  font-size: 10px;
  letter-spacing: 1.52px;
}
.dialog-header {
  background: #48CDE0;
  padding: 16px;
  display: flex;
  align-items: center;
  margin: -34px -24px 0 -24px;
}
.dialog-header span {
  margin: 2px 0 0 0;
  color: white;
  font-size: 18px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.d-header {
  background: #48CDE0;
  padding: 16px;
  display: flex;
  align-items: center;
}
.d-header span {
  margin: 2px 0 0 0;
  color: white;
  font-size: 18px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.d-content {
  height: 190px;
  width: 40%;
}
.content2 {
  padding-left: 17px;
  font-size: 15px;
  color: #464680;
  padding-right: 17px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.child-dates-dialog {
  width: 34%;
  margin-left: 16px;
}
.form-control-feedback-dialog {
  color: #464680;
}
.navigation-btns-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-top: 16px;
}
.dialog-header-error.dialog-header-error.dialog-header-error {
  background: #FF1744;
}
.dialog-content {
  margin: 24px 0 0 0;
  max-width: 504px;
}
.dialog-content span {
  color: #464584;
  font-size: 14px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.dialog-content .messageSuccessGreen {
  color: #28D149;
}
.dialog-content .messageWarningOrange {
  color: #FF9D17;
}
.dialog-content .messageErrorRed {
  color: #FF1744;
}
.dialog-confirm-btn.dialog-confirm-btn.dialog-confirm-btn {
  border: unset;
  background: #464584 !important;
  padding: 2px 16px 0 16px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  margin: 0 8px 16px 16px;
  text-transform: unset;
  height: 40px;
  min-width: 120px;
}
.dialog-confirm-btn.dialog-confirm-btn.dialog-confirm-btn:hover {
  background: #5e5d9a !important;
}
.dialog-unconfirm-btn.dialog-unconfirm-btn.dialog-unconfirm-btn {
  border: unset;
  background: #9DBACE !important;
  padding: 2px 16px 0 16px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  margin: 0 0 16px 0;
  text-transform: unset;
  height: 40px;
  min-width: 120px;
}
.dialog-unconfirm-btn.dialog-unconfirm-btn.dialog-unconfirm-btn:hover {
  background: #C2D9E6 !important;
}
.dialog-unconfirm-btn-no-display.dialog-unconfirm-btn-no-display {
  display: none;
}
.rounded-btn {
  outline: none;
  border: unset;
  border-radius: 50%;
  background: #464584;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rounded-btn:hover {
  background: #2C295F;
}
.add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: white;
  cursor: pointer;
  background: #48CDE0;
  padding: 0;
}
.add-action-system-btn i {
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border-right: 1px solid white;
  padding: 0 0 0 1px;
}
.add-action-system-btn span {
  margin: 0 auto;
  padding: 0 16px;
}
.add-action-system-btn:hover {
  background: #3CDBE8;
}
@media screen and (max-width: 375px) {
  .add-action-system-btn {
    font-size: 11px;
  }
}
.action-system-btn {
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  background: #464584;
  padding: 0 16px;
}
.action-system-btn:hover {
  background: #5e5d9a;
}
.disabled-action-system-btn {
  cursor: not-allowed !important;
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  outline: none;
  border: 2px solid #9F9F9F;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9F9F9F;
  cursor: pointer;
  padding: 0 16px;
  background: transparent;
}
.cancellation-system-btn {
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  background: #9DBACE;
  padding: 0 16px;
}
.cancellation-system-btn:hover {
  background: #C2D9E6;
}
.container-system-btns {
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.margins-system-btns {
  margin: 8px;
}
.mobile-container-system-btns {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.disabled-btn {
  cursor: not-allowed !important;
  color: #9F9F9F !important;
}
.add-project-in-candidat {
  float: right;
  margin-right: 50px;
}
@media (max-width: 991px) {
  .add-project-in-candidat {
    margin-right: 10px;
  }
}
.date-creation {
  margin-right: 25px;
  display: block;
}
#test-delete-button {
  margin-right: 25px;
}
.delete-circle {
  position: relative;
  text-align: right;
}
.bar {
  border-bottom: solid #48cde0 1px;
  margin: 10px 0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.history {
  min-height: 100vh;
  background-color: white;
  margin-bottom: -30px;
}
@media (min-width: 992px) {
  .history {
    box-shadow: inset 20px 0px 50px -20px rgba(0, 0, 0, 0.15);
  }
}
@media (min-width: 992px) {
  .history {
    padding: 12px 47px 40px 32px;
    background-color: white;
  }
  .history h1 {
    width: 100%;
  }
}
.history h1 {
  margin-top: 0;
}
.history .projectName {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.history .rappel-back {
  margin-top: 10px;
  border-radius: 4px;
  background-color: #e2f7fa;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
  border: solid 1px rgba(72, 205, 224, 0.5);
  padding: 10px 14px 14px 0px;
}
.history .rappel-back .rappel-content {
  display: table;
}
.history .rappel-back .rappel-content i {
  padding-left: 10px;
  padding-right: 10px;
  display: table-cell;
}
.history .rappel-back .rappel-content .text {
  display: table-cell;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: left;
  color: #474781;
  word-wrap: break-word;
}
.history .job-application {
  display: table;
  box-shadow: inset 0 -2px 0 0 #ddecf7;
  padding: 20px 20px 0 20px;
  width: 100%;
  /*Row*/
  /*End Row*/
}
@media (min-width: 992px) {
  .history .job-application {
    padding: 20px 0 0 0;
  }
}
.history .job-application .event:last-child .cell-straight {
  visibility: hidden;
}
.history .job-application .staterow {
  display: table-row;
  /*cell*/
  /*end Cell*/
}
.history .job-application .staterow .cell-straight {
  display: table-cell;
  background-color: #c5d9e8;
  width: 1px;
  border: 0;
  background-clip: padding-box;
  border-left: 9.5px solid transparent;
  border-right: 9.5px solid transparent;
}
.history .job-application .staterow .title {
  vertical-align: middle;
  height: 19px;
  display: table-cell;
  font-size: 15px;
  line-height: 1.07;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-align: left;
  padding-left: 11.6px;
}
.history .job-application .staterow .title .green {
  color: #00c853;
}
.history .job-application .staterow .title .orange {
  color: #ff9800;
}
.history .job-application .staterow .title .blue {
  color: #464680;
}
.history .job-application .staterow .title .red {
  color: #ff0000;
}
.history .job-application .staterow .rectangle-circle {
  display: table-cell;
}
.history .job-application .staterow .rectangle-circle .circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: black;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  color: #ffffff;
  padding: 5px 0 4px 0;
}
.history .job-application .staterow .rectangle-circle .circle .appel {
  font-size: 10px;
  vertical-align: middle;
  margin: 0px;
  display: inline-flex;
}
.history .job-application .staterow .rectangle-circle .green {
  background-color: #00c853;
}
.history .job-application .staterow .rectangle-circle .orange {
  background-color: #ff9800;
}
.history .job-application .staterow .rectangle-circle .blue {
  background-color: #464680;
}
.history .job-application .staterow .rectangle-circle .red {
  background-color: #ff0000;
}
.history .job-application .staterow .cell-classic {
  display: table-cell;
  width: 100%;
  padding-bottom: 27px;
}
.history .job-application .staterow .cell-classic .table-content {
  padding-left: 11.6px;
  width: 100%;
  font-size: 11px;
  line-height: 1.27;
  color: #8d8d8d;
  text-align: left;
  display: table;
}
.history .job-application .staterow .cell-classic .comments {
  padding-left: 11.6px;
  text-align: left;
  margin: auto;
  width: 100%;
  padding-top: 6px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #474781;
  padding-bottom: 5px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.history .job-application .staterow .cell-classic .reason {
  padding-left: 11.6px;
  text-align: left;
  margin: auto;
  width: 100%;
  padding-top: 6px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #474781;
  padding-bottom: 14px;
}
.history .job-application .staterow .cell-classic .cr {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.15;
  letter-spacing: -0.2px;
  text-align: left;
  color: #464680;
  margin: 0 6px;
}
.history .job-application .cell-icones {
  display: table-cell;
  text-align: right;
  white-space: nowrap;
}
.history .job-application .cell-icones .icon {
  margin: 0 6px;
}
.history .job-application .cell-smallinformation {
  display: table-cell;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.tooltip-span {
  margin-top: 10px;
  justify-content: space-around !important;
  align-items: flex-start !important;
  text-align: left !important;
}
.tooltip-span ul {
  margin: 0 !important;
  margin-left: 10px !important;
  padding: 10px !important;
}
#pageListProjects .for-command-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#pageListProjects .command-menu {
  width: 8px;
  border-radius: 4px;
  transition: 0.3s;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#pageListProjects .command-menu .orderCount {
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: white;
  justify-content: center;
  display: flex;
  align-items: center;
}
#pageListProjects .command-menu .orderCount .hideCount {
  display: none;
}
#pageListProjects .command-menu i {
  display: none;
  font-size: 20px;
  color: white;
}
#pageListProjects .command-menu:hover {
  width: 20px;
  transition: 0.3s;
}
#pageListProjects .command-menu:hover .hideCount {
  display: block;
}
#pageListProjects .command-date-color-red {
  background: #FF1744;
}
#pageListProjects .command-date-color-orange {
  background: #FF9D17;
}
#pageListProjects .command-date-color-green {
  background: #28D149;
}
#pageListProjects .command-date-color-hatched-green {
  background-image: repeating-linear-gradient(30deg, white, white 7px, #28D149 5px, #28D149 13px);
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3em;
  border: 1px solid #28D149;
}
#pageListProjects .tooltip-placement {
  margin-left: -24px !important;
}
#pageListProjects .pageListProjects-menu-other-action {
  width: 33px;
}
@media screen and (max-width: 991px) {
  #pageListProjects .menu-page-project-mobile {
    padding: 0;
  }
}
#pageListProjects .project-menu-header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 25px;
  padding-left: 25px;
  width: 100%;
  min-height: 66px;
  height: 100%;
}
#pageListProjects .project-menu-header-container .project-number-and-search-bar-container {
  margin-top: 6px;
}
#pageListProjects .project-menu-header-container .project-number-container {
  margin-top: 6px;
}
@media screen and (max-width: 992px) {
  #pageListProjects .project-menu-header-container .project-number-container {
    margin-bottom: auto;
  }
}
@media screen and (max-width: 765px) {
  #pageListProjects .project-menu-header-container .project-number-container {
    margin-bottom: auto;
  }
}
#pageListProjects .project-menu-header-container .project-number-container .project-number {
  font-size: 15px;
  line-height: 22px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  color: #464680;
  letter-spacing: 1.71px;
}
#pageListProjects .project-menu-header-container .project-nav-container {
  margin-top: 12px;
  letter-spacing: 1.71px;
  font-size: 14px;
  line-height: 21px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 992px) {
  #pageListProjects .project-menu-header-container .project-nav-container {
    margin-top: 32px;
  }
}
@media screen and (max-width: 765px) {
  #pageListProjects .project-menu-header-container .project-nav-container {
    margin-top: 42px;
  }
}
#pageListProjects .project-menu-header-container .project-nav-container .not-implemented-yet {
  color: #b9bebe;
}
@media screen and (max-width: 765px) {
  #pageListProjects .project-menu-header-container .project-nav-container .not-implemented-yet {
    display: none;
  }
}
#pageListProjects .list-container {
  padding-top: 0.7em;
}
#pageListProjects .project-list-header {
  padding-bottom: 0.7em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  #pageListProjects .project-list-header {
    padding: 0.7em 1.5em;
    justify-content: flex-end;
  }
}
#pageListProjects .project-list-header .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#pageListProjects .project-list-header .right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#pageListProjects .project-list-header .project-sort-order {
  display: flex;
}
@media (max-width: 600px) {
  #pageListProjects .project-list-header .project-sort-order {
    flex-direction: column;
  }
}
#pageListProjects .project-list-header .project-sort-order div:first-child {
  width: 180px;
  line-height: 53px;
}
#pageListProjects .project-list-header .project-sort-order .md-text {
  font-family: 'Heebo-Regular', sans-serif;
}
#pageListProjects div.main-project-list {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
  padding: 0;
  overflow: hidden !important;
}
#pageListProjects div.main-project-list > div:nth-child(odd) {
  background-color: #ffffff;
}
#pageListProjects div.main-project-list > div:nth-child(even) {
  background-color: #fafbfc;
}
#pageListProjects div.main-project-list div.list-child {
  white-space: nowrap;
  box-shadow: inset 0 -1px 0 0 rgba(221, 235, 246, 0.8);
}
@media all and (min-width: 992px) {
  #pageListProjects div.main-project-list div.list-child {
    height: 100px;
    white-space: inherit;
  }
}
#pageListProjects div.main-project-list div.list-child.no-edit-action:hover {
  cursor: default !important;
}
#pageListProjects div.main-project-list div.list-child:hover {
  background-color: #ffffff;
  cursor: pointer;
  margin-bottom: 0px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), inset 2px 0 0 0 #48cde0, inset -2px 0 0 0 #48cde0;
  z-index: 1;
  position: relative;
}
#pageListProjects div.main-project-list div.list-child:hover .for-win-lose-buttons > div:first-child {
  display: block;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop {
  display: flex;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop > div {
  overflow: hidden;
  padding-right: 3px;
  padding-left: 3px;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-project-flag {
  flex: 0 0 53px;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-compagny {
  flex: 8 0 0;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-project-type-and-resp {
  flex: 0 0 65px;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-project-description {
  flex: 10 0 0;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .date-locality {
  flex: 0 0 110px;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-all-skills {
  flex: 10 0 0;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-all-skills.with-business-units {
  flex: 9 0 0;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-all-businessUnit {
  flex: 8 0 0;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-cdc-and-response {
  flex: 0 0 75px;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-pipe-solutions {
  flex: 0 0 90px;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-add-command-menu {
  flex: 0 0 100px;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-ptfs-menu {
  flex: 0 0 100px;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-ptfs-menu.with-mission-orders {
  flex: 0 0 100px;
  padding-right: 50px;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-assignations {
  flex: 0 0 200px;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-lost-reason {
  flex: 10 0 0;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-win-lose-buttons {
  flex: 0 0 70px;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-command-menu {
  flex: 0 0 53px;
}
#pageListProjects div.main-project-list div.list-child.project-row-desktop .for-menu-other-actions {
  flex: 0 0 35px;
}
@media all and (min-width: 992px) {
  #pageListProjects div.main-project-list div.list-child.project-row-mobile {
    margin-left: 11px;
  }
}
#pageListProjects div.main-project-list div.list-child.project-row-mobile .first-col-part {
  height: 100%;
}
@media all and (min-width: 992px) {
  #pageListProjects div.main-project-list div.list-child.project-row-mobile .first-col-part {
    max-height: 90px;
    overflow: hidden;
    max-width: none;
  }
}
#pageListProjects div.main-project-list div.list-child.project-row-mobile .first-col-part > div:not(:first-child) {
  padding-top: 25px;
}
#pageListProjects div.main-project-list div.list-child.project-row-mobile .second-col-part {
  height: 100px;
  overflow: hidden;
}
#pageListProjects div.main-project-list div.list-child.project-row-mobile .second-col-part > div {
  padding-top: 25px;
}
#pageListProjects div.main-project-list div.list-child .for-project-description {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 10px;
  overflow: hidden;
}
#pageListProjects div.main-project-list div.list-child .for-project-description .for-project-description-elem {
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
}
#pageListProjects div.main-project-list div.list-child .for-project-description .name {
  text-transform: uppercase;
  height: 16px;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 5px;
}
#pageListProjects div.main-project-list div.list-child .for-project-description .desc {
  font-size: 10px;
  color: #464680;
  line-height: 12px;
}
#pageListProjects div.main-project-list div.list-child .project-city-name {
  font-size: 13px;
  line-height: 1.15;
}
#pageListProjects div.main-project-list div.list-child .name-for-mobile {
  color: #b9bebe;
  text-transform: uppercase;
  font-size: 12px;
}
#pageListProjects div.main-project-list div.list-child .name-for-mobile .for-project-resp {
  margin-right: 20px;
}
#pageListProjects div.main-project-list div.list-child .name-for-mobile .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  max-width: 200px;
  vertical-align: bottom;
}
#pageListProjects div.main-project-list div.list-child .skills-for-mobile {
  margin-top: 10px;
  margin-bottom: 10px;
}
#pageListProjects div.main-project-list div.list-child .skills-for-mobile .for-icon-actions-win-lose .p-win {
  display: flex;
}
#pageListProjects div.main-project-list div.list-child .skills-for-mobile .for-icon-actions-win-lose .p-win i {
  margin-right: 5px;
}
#pageListProjects div.main-project-list div.list-child .skills-for-mobile .for-icon-actions-win-lose .p-win span {
  line-height: 26px;
}
#pageListProjects div.main-project-list div.list-child .skills-for-mobile > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#pageListProjects div.main-project-list div.list-child .for-project-flag {
  display: flex;
  justify-content: center;
}
#pageListProjects div.main-project-list div.list-child .flag-day {
  display: table-cell;
  overflow: visible;
  width: 33px;
  text-align: center;
  margin-left: 0;
}
#pageListProjects div.main-project-list div.list-child .flag-day .rectangle {
  background: rgba(72, 205, 224, 0.3);
  color: #474781;
  height: 47px;
  padding-top: 23px;
  bottom: 0;
  margin-bottom: 5px;
  font-size: 13px;
  border-radius: 0 0 6px 6px;
}
#pageListProjects div.main-project-list div.list-child .flag-day .rectangle.urgent {
  background-color: #ff1744;
  opacity: 1;
  color: #fff;
}
#pageListProjects div.main-project-list div.list-child .flag-day .in-name {
  color: #464680;
  font-size: 11px;
  border-bottom: 1px solid #ddecf7;
}
#pageListProjects div.main-project-list div.list-child .after-flag {
  display: table-cell;
  padding-left: 17px;
  vertical-align: top;
  width: 100%;
  max-width: 85vw;
}
#pageListProjects div.main-project-list div.list-child .for-compagny {
  flex-flow: column nowrap;
  padding-top: 15px;
}
@media all and (max-width: 991px) {
  #pageListProjects div.main-project-list div.list-child .for-compagny {
    text-align: left !important;
    padding-top: 8px !important;
    flex-shrink: 1;
  }
}
#pageListProjects div.main-project-list div.list-child .for-compagny .name {
  max-height: 31px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.07;
  font-size: 15px;
}
#pageListProjects div.main-project-list div.list-child .for-compagny .name .companyName {
  font-weight: bold;
}
#pageListProjects div.main-project-list div.list-child .for-compagny .name .extensionName {
  font-size: 10px;
  font-weight: 200;
  letter-spacing: 2.3px;
  margin-left: 2px;
  font-weight: bold;
  vertical-align: middle;
}
#pageListProjects div.main-project-list div.list-child .for-compagny .name .extensionName:not(:empty):after {
  content: ")";
}
#pageListProjects div.main-project-list div.list-child .for-compagny .name .extensionName:not(:empty):before {
  content: "(";
}
#pageListProjects div.main-project-list div.list-child .for-compagny .contact {
  display: block;
  font-size: 13px;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media all and (min-width: 992px) {
  #pageListProjects div.main-project-list div.list-child .for-compagny .contact {
    margin-top: 5px;
  }
}
#pageListProjects div.main-project-list div.list-child .for-compagny .budget {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
#pageListProjects div.main-project-list div.list-child .odm-mobile {
  width: 35px;
  padding-top: 4px !important;
}
#pageListProjects div.main-project-list div.list-child .odm-mobile .has-no-mission-order {
  color: #cecece;
}
#pageListProjects div.main-project-list div.list-child .odm-mobile .has-past-mission-order {
  color: #385eb1;
}
#pageListProjects div.main-project-list div.list-child .odm-mobile .has-current-mission-order {
  color: #28d149;
}
#pageListProjects div.main-project-list div.list-child .odm-mobile .has-pending-mission-order {
  color: #ff9800;
}
#pageListProjects div.main-project-list div.list-child .for-project-type-and-resp {
  text-align: center;
  padding-top: 15px;
}
#pageListProjects div.main-project-list div.list-child .for-project-type-and-resp .for-project-type {
  display: block;
  font-weight: bold;
  font-size: 12px;
}
#pageListProjects div.main-project-list div.list-child .for-project-type-and-resp .for-project-resp {
  font-size: 12px;
}
#pageListProjects div.main-project-list div.list-child .date-locality {
  height: 100px;
  padding-left: 10px;
  padding-top: 15px;
}
#pageListProjects div.main-project-list div.list-child .date-locality .for-project-date {
  font-size: 10px;
  height: 17px;
  padding-top: 2px;
}
#pageListProjects div.main-project-list div.list-child .date-locality .for-project-city {
  font-size: 10px;
  word-wrap: hyphenate;
}
#pageListProjects div.main-project-list div.list-child .date-locality .for-project-copy-projectcode {
  padding-top: 6px;
  font-size: 10px;
}
#pageListProjects div.main-project-list div.list-child .date-locality .for-project-copy-projectcode .content-copy-icon {
  font-size: 18px !important;
}
#pageListProjects div.main-project-list div.list-child .for-lost-reason {
  padding-top: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
#pageListProjects div.main-project-list div.list-child .for-assignations {
  padding-top: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
#pageListProjects div.main-project-list div.list-child .for-assignations .p-won {
  display: flex;
}
#pageListProjects div.main-project-list div.list-child .for-assignations .p-won > i {
  margin-right: 5px;
}
#pageListProjects div.main-project-list div.list-child .for-assignations i {
  position: relative;
  top: -3px;
}
#pageListProjects div.main-project-list div.list-child .for-assignations .p-won-multi {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 15px;
}
#pageListProjects div.main-project-list div.list-child .for-pipe-solutions {
  display: flex;
  justify-content: center;
  padding-top: 3px;
}
#pageListProjects div.main-project-list div.list-child .for-pipe-solutions > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#pageListProjects div.main-project-list div.list-child .for-pipe-solutions > div:first-child {
  margin-right: 15px;
}
#pageListProjects div.main-project-list div.list-child .for-pipe-solutions > div > span {
  margin-top: 0;
  margin-bottom: 0;
}
#pageListProjects div.main-project-list div.list-child .for-pipe-solutions > div > span:first-child {
  margin-bottom: 15px;
}
#pageListProjects div.main-project-list div.list-child .for-pipe-solutions > div .pastille {
  height: 11px;
  width: 11px;
  background-color: #ff1744;
  border-radius: 50%;
  margin-left: -8px;
  margin-top: 10px;
  position: absolute;
}
#pageListProjects div.main-project-list div.list-child .for-add-command-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#pageListProjects div.main-project-list div.list-child .for-cdc-and-response {
  display: flex;
  flex-direction: column;
  padding-top: 15px;
  height: 100%;
}
#pageListProjects div.main-project-list div.list-child .for-cdc-and-response div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}
#pageListProjects div.main-project-list div.list-child .for-cdc-and-response .cdc-received {
  height: 21px;
}
#pageListProjects div.main-project-list div.list-child .for-cdc-and-response .response-date,
#pageListProjects div.main-project-list div.list-child .for-cdc-and-response .response-priority {
  font-size: 10px;
  height: 17px;
}
#pageListProjects div.main-project-list div.list-child .for-all-skills {
  padding-top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 1px;
  height: 100px;
}
#pageListProjects div.main-project-list div.list-child .for-all-skills > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 992px) {
  #pageListProjects div.main-project-list div.list-child .for-all-skills .skill {
    display: flex;
    row-gap: 5px;
    flex-wrap: wrap;
  }
}
#pageListProjects div.main-project-list div.list-child .for-all-businessUnit {
  padding-top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 1px;
  height: 100px;
}
#pageListProjects div.main-project-list div.list-child .for-all-businessUnit > div {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
#pageListProjects div.main-project-list div.list-child .for-all-businessUnit > div .tag {
  display: inline-block;
}
#pageListProjects div.main-project-list div.list-child .for-all-businessUnit > div .tag > span {
  position: relative;
  top: -3px;
}
#pageListProjects div.main-project-list div.list-child .for-ptfs-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#pageListProjects div.main-project-list div.list-child .for-ptfs-menu > md-menu > div {
  text-align: center;
  position: relative;
}
#pageListProjects div.main-project-list div.list-child .for-ptfs-menu > md-menu > div .mission-orders {
  top: 12%;
  left: 140%;
  margin-left: 20px;
}
#pageListProjects div.main-project-list div.list-child .for-ptfs-menu > md-menu > div .mission-orders.dis-icon {
  color: #cecece;
}
#pageListProjects div.main-project-list div.list-child .for-ptfs-menu > md-menu > div .mission-orders.has-no-mission-order {
  color: #cecece;
}
#pageListProjects div.main-project-list div.list-child .for-ptfs-menu > md-menu > div .mission-orders.has-past-mission-order {
  color: #385eb1;
}
#pageListProjects div.main-project-list div.list-child .for-ptfs-menu > md-menu > div .mission-orders.has-current-mission-order {
  color: #28d149;
}
#pageListProjects div.main-project-list div.list-child .for-ptfs-menu > md-menu > div .mission-orders.has-pending-mission-order {
  color: #ff9800;
}
#pageListProjects div.main-project-list div.list-child .for-ptfs-menu > md-menu > div .mission-orders:first-child {
  margin-bottom: 0px;
}
#pageListProjects div.main-project-list div.list-child .for-ptfs-menu > md-menu > div .mission-orders:first-child.ptf-winproject {
  margin-bottom: -19px;
}
#pageListProjects div.main-project-list div.list-child .for-ptfs-menu > md-menu > div .mission-orders:first-child.ptf-pipeproject {
  margin-top: 3px;
}
#pageListProjects div.main-project-list div.list-child .for-ptfs-menu > md-menu > div .mission-orders:last-child {
  font-size: 12px;
}
#pageListProjects div.main-project-list div.list-child .for-win-lose-buttons {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#pageListProjects div.main-project-list div.list-child .for-win-lose-buttons span:first-child.dis {
  cursor: default;
  color: lightgray;
}
#pageListProjects div.main-project-list div.list-child .for-win-lose-buttons span:first-child.dis:hover {
  color: lightgray !important;
}
#pageListProjects div.main-project-list div.list-child .for-win-lose-buttons span:first-child:hover {
  color: #00C853;
}
#pageListProjects div.main-project-list div.list-child .for-win-lose-buttons span:last-child:hover {
  color: #FF1744;
}
#pageListProjects div.main-project-list div.list-child .for-menu-other-actions {
  display: flex;
  justify-content: center;
  align-items: center;
}
#pageListProjects div.main-project-list div.list-child .for-menu-other-actions > md-menu {
  width: 35px;
}
#pageListProjects .page-title {
  text-align: center;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1.8px;
  margin-bottom: 14px;
  color: #656f71;
}
@media (max-width: 991px) {
  #pageListProjects .page-title {
    margin-top: 20px;
  }
}
#pageListProjects .page-title .page-title-weight {
  font-weight: bold;
}
#pageListProjects .add-project {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: -0.2px;
  color: #464680;
  margin-top: 8px;
}
@media screen and (max-width: 992px) {
  #pageListProjects .add-project {
    margin-top: 28px;
  }
}
@media screen and (max-width: 765px) {
  #pageListProjects .add-project {
    margin-top: 38px;
  }
}
@media (max-width: 329px) {
  #pageListProjects .add-project {
    margin-right: 5px;
  }
}
#pageListProjects .add-project i {
  color: #48cde0;
}
#pageListProjects .first-col-part {
  display: flex;
}
#pageListProjects .first-col-part > * {
  flex: 0 0 auto;
}
#pageListProjects .first-col-part .project-width-first-div {
  min-width: 53px;
  width: 8%;
}
#pageListProjects .first-col-part .for-compagny {
  width: 25%;
}
#pageListProjects .first-col-part .full-width-names {
  width: 100%;
}
#pageListProjects .first-col-part .for-project-type-and-resp {
  width: 8%;
}
#pageListProjects .first-col-part .for-project-description {
  width: 35%;
}
#pageListProjects .first-col-part .date-locality {
  width: 23%;
}
#pageListProjects .button-style {
  display: flex;
}
#pageListProjects .add-action-system-btn {
  margin: 10px;
}
#pageListProjects #sideNavPanel .move-filtetr {
  top: 80px;
}
.pageListProjects_pageslide_editionSolution .dates {
  font-size: 15px;
  margin-top: 5px;
}
.pageListProjects_pageslide_editionSolution .dates md-input-container,
.pageListProjects_pageslide_editionSolution .dates md-autocomplete {
  width: 100%;
}
.pageListProjects_pageslide_editionSolution .dates md-input-container .label,
.pageListProjects_pageslide_editionSolution .dates md-autocomplete .label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.pageListProjects_pageslide_editionSolution .dates md-input-container .icon,
.pageListProjects_pageslide_editionSolution .dates md-autocomplete .icon {
  position: relative;
  margin-top: -30px;
  float: right;
  padding-top: 2px;
}
/** Dialog de suppresion d'une solution **/
.pageListProjects_pageslide_editionSolution_dialogConfirmSolutionCancelOrDelete {
  color: #464680;
}
.pageListProjects_pageslide_editionSolution_dialogConfirmSolutionCancelOrDelete div.header-cross {
  padding: 10px !important;
  text-align: right;
  font-size: 5px !important;
  color: lightgray;
}
.pageListProjects_pageslide_editionSolution_dialogConfirmSolutionCancelOrDelete div.header-cross:hover {
  color: #464680;
}
.pageListProjects_pageslide_editionSolution_dialogConfirmSolutionCancelOrDelete div.header {
  padding: 1px 30px 0px 30px;
  font-size: 20px;
  text-align: center;
}
.pageListProjects_pageslide_editionSolution_dialogConfirmSolutionCancelOrDelete div.btns {
  padding: 20px 30px 0 30px;
  margin-bottom: 30px;
}
.pageListProjects-popover-for-solutions {
  font-size: 12px;
}
.pageListProjects-popover-for-solutions > div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.pageListProjects-popover-for-solutions > div:not(:last-child) {
  border-bottom: 1px solid rgba(72, 205, 224, 0.5);
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.pageListProjects-popover-for-solutions > div > span:first-child {
  flex: 9;
  margin-right: 15px;
}
.pageListProjects-popover-for-solutions > div > span:last-child {
  flex: 1;
}
.pageListProjects-popover-for-solutions > div > span:last-child > i.dis {
  font-size: 10px;
}
.pageListProjects-popover-for-solutions > div.dis {
  color: #ff1744;
}
.pageListProjects-popover-for-rtf {
  font-size: 12px;
}
.pageListProjects-popover-for-rtf > div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.pageListProjects-popover-for-rtf > div:not(:last-child) {
  border-bottom: 1px solid rgba(72, 205, 224, 0.5);
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.pageListProjects-popover-for-rtf > div > span:first-child {
  flex: 9;
  margin-right: 15px;
}
.pageListProjects-popover-for-rtf > div > span:last-child {
  flex: 1;
}
.pageListProjects-popover-for-rtf > div > span:last-child > i.dis {
  font-size: 10px;
}
.pageListProjects-popover-for-rtf > div.dis {
  color: #464680;
}
.noProjectCode {
  color: #B9BEBE;
}
.noProjectCode .disabled-icon {
  padding: 5px;
  vertical-align: middle;
  display: inline-flex;
}
.popover {
  max-width: 40% !important;
}
.old-bm-color {
  color: #FF1744 !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.mobility {
  width: 100%;
}
.mobility #treeSelect {
  margin: 0px;
  width: 100%;
  margin-left: 10px;
}
.mobility .pictoMoins {
  width: 7px;
  height: 7px;
  background-color: transparent;
}
.mobility .tag {
  width: 30px;
  height: 13px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.2px;
  text-align: left;
  color: #464680;
  text-transform: uppercase;
}
.mobility .tag .pictoMoins:after {
  content: ' X';
}
.mobility .ui-select-choices-group.ui-select-choices-content {
  position: relative;
  top: 100%;
  left: 10px;
  right: 10px;
  float: left;
  list-style: none;
  background-clip: padding-box;
}
.mobility .ui-breadcrumb {
  display: inline-block;
  list-style-type: none;
  font-size: 10px;
  padding-left: 10px;
  height: 35px;
  margin-left: 10px;
}
.mobility .ui-breadcrumb:after {
  content: '>';
  margin-right: 10px;
}
.mobility .ui-breadcrumb:last-child:after {
  content: ' ';
}
.mobility .fa.fa-angle-right {
  float: right;
  width: 35px;
  height: 100%;
  font-size: 100%;
  font-weight: 900;
  text-align: center;
}
.mobility .goto-child-group {
  position: center;
}
.mobility .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
  width: 100%;
}
.mobility .hlistMobilitySelected {
  margin-top: 0;
  margin-bottom: 0px;
  margin-left: 0px;
  list-style-type: none;
  padding: 10px 0 0 10px !important;
}
.mobility .hlistMobilitySelected li {
  padding-top: 10px;
  display: inline-block;
  white-space: nowrap;
  font-size: 10px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.2px;
  color: #464680;
  padding-right: 10px;
  float: left;
  margin-bottom: 5px;
}
.mobility .hlistMobilitySelected li:hover {
  text-decoration: underline;
}
.mobility .itemMobility {
  height: 100%;
  padding-left: 10px;
  margin-left: 10px;
  padding-right: 10px;
  margin-right: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  color: #464680;
}
.mobility .row-xs-flex-center {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .mobility .row-sm-flex-center {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .mobility .row-md-flex-center {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .mobility .row-lg-flex-center {
    display: flex;
    align-items: center;
  }
}
.mobility .vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.mobility .ic-group > td {
  padding: 30px 0px 0px 50px !important;
  background-color: white;
  border-bottom-style: solid;
  font-weight: bold;
}
.mobility .editable-click,
.mobility a.editable-click {
  display: inline;
  border-bottom: none !important;
}
.mobility .darkpanel {
  background: lightgray;
}
.mobility .pageclose {
  float: right;
}
.mobility .dropdown-menu {
  position: static !important;
}
.mobility .btn.btn-default {
  width: 100%;
}
.mobility .ui-select-focusser {
  display: none;
}
.mobility .navigation * {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  font-size: 9px !important;
  padding: 0;
  margin: 0;
}
.mobility .form-control {
  background-color: #ffffff;
  box-shadow: inset 0 -1px 0 0 #c5d9e8;
  border: none;
  text-align: center;
  text-decoration: none;
  border-radius: 0 !important;
  width: 100% !important;
}
.mobility .form-control:hover {
  box-shadow: inset 0 -1px 0 0 #48cde0 !important;
}
.mobility .placeholder {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  color: #a5c0d5 !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.myEmployeeCareer .my-career-container-mobile {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
.myEmployeeCareer .my-career-container-mobile .main-container {
  margin: 24px;
  width: 100%;
  height: 100%;
  padding-bottom: 200px;
}
.myEmployeeCareer .my-career-container-mobile .main-container .block {
  min-height: 200px;
  width: 100%;
  background: white;
  box-shadow: 4px 5px 6px 0 rgba(0, 0, 0, 0.11);
  margin-bottom: 24px;
}
.myEmployeeCareer .my-career-container-mobile .main-container .block-header {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 1.63px;
  line-height: 21px;
  color: #b9bebe;
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.myEmployeeCareer .my-career-container-mobile .main-container .block-header .more-dots-icon {
  font-size: 24px !important;
  cursor: pointer;
}
.myEmployeeCareer .my-career-container-mobile .main-container .objectives-formations {
  height: calc(100% - 56px);
  overflow-y: scroll;
}
.myEmployeeCareer .my-career-container-mobile .main-container .objective-formation {
  min-height: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.myEmployeeCareer .my-career-container-mobile .main-container .objectives-formations-names {
  display: flex;
  flex-direction: column;
  max-width: 70%;
}
.myEmployeeCareer .my-career-container-mobile .main-container .objective-formation-date {
  font-size: 12px;
  color: #b9bebe;
  margin: 0 0 0 8px;
}
.myEmployeeCareer .my-career-container-mobile .main-container .footer-container-scroll {
  min-height: 200px;
  width: 100%;
  height: 200px;
}
.myEmployeeCareer .my-career-container-mobile .main-container .custom-h1 {
  font-size: 16px;
}
.myEmployeeCareer .my-career-container-mobile .main-container .events-navigation {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 10px 0px 0 0;
}
.myEmployeeCareer .my-career-container-mobile .main-container .events-navigation i {
  cursor: pointer;
  user-select: none;
}
.myEmployeeCareer .my-career-container-mobile .main-container .events-navigation i:hover {
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.05);
}
.myEmployeeCareer .my-career-container-mobile .main-container .events-navigation span {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 2px 0 0 0;
}
.myEmployeeCareer .my-career-container-mobile .main-container .no-visibility {
  visibility: hidden;
}
.myEmployeeCareer .my-career-container-mobile .main-container .events-list {
  height: calc(100% - 135px);
  overflow-y: scroll;
  margin: 24px 24px 0px 24px;
}
.myEmployeeCareer .my-career-container-mobile .main-container .events {
  display: flex;
  justify-content: space-between;
  min-height: 80px;
}
.myEmployeeCareer .my-career-container-mobile .main-container .events i {
  cursor: pointer;
  color: #C4C4D5;
  font-size: 20px;
  margin-left: 8px;
}
.myEmployeeCareer .my-career-container-mobile .main-container .events i:hover {
  color: #464680;
}
.myEmployeeCareer .my-career-container-mobile .main-container .event-information {
  display: flex;
  margin-right: 10px;
}
.myEmployeeCareer .my-career-container-mobile .main-container .design {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.myEmployeeCareer .my-career-container-mobile .main-container .circle {
  height: 20px;
  width: 20px;
  border-radius: 50%;
}
.myEmployeeCareer .my-career-container-mobile .main-container .background-color-sp {
  background: #C7D9E8;
}
.myEmployeeCareer .my-career-container-mobile .main-container .background-color-others {
  background: #464680;
}
.myEmployeeCareer .my-career-container-mobile .main-container .bar {
  width: 2px;
  height: calc(100% - 18px);
  background: #C7D9E8;
}
.myEmployeeCareer .my-career-container-mobile .main-container .text {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 16px;
}
.myEmployeeCareer .my-career-container-mobile .main-container .type-name {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.myEmployeeCareer .my-career-container-mobile .main-container .project-name {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.myEmployeeCareer .my-career-container-mobile .main-container .date-host-name {
  color: #b9bebe;
  font-size: 12px;
}
.myEmployeeCareer .my-career-container {
  height: calc(100vh - 100px);
  width: 100%;
  display: flex;
}
.myEmployeeCareer .my-career-container .left-container {
  width: 68%;
  height: calc(100vh - 160px);
  display: block;
  overflow-y: scroll;
  padding: 0 0 3% 70px;
  position: relative;
}
@media (max-width: 992px) {
  .myEmployeeCareer .my-career-container .left-container {
    width: 100%;
    padding: 0;
    height: calc(100vh - 54px);
  }
}
.myEmployeeCareer .my-career-container .left-container .myCareerDetail {
  flex: 1 1 0%;
}
.myEmployeeCareer .my-career-container .block {
  width: 285px;
  height: 512px;
  max-height: 512px;
  background: white;
  box-shadow: 4px 5px 6px 0 rgba(0, 0, 0, 0.11);
  margin: 16px 0 0 16px;
}
.myEmployeeCareer .my-career-container .block-header {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 1.63px;
  line-height: 21px;
  color: #b9bebe;
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.myEmployeeCareer .my-career-container .block-header .more-dots-icon {
  font-size: 24px !important;
  cursor: pointer;
}
.myEmployeeCareer .my-career-container .objectives-formations {
  height: calc(100% - 56px);
  overflow-y: scroll;
}
.myEmployeeCareer .my-career-container .objective-formation {
  min-height: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.myEmployeeCareer .my-career-container .objectives-formations-names {
  display: flex;
  flex-direction: column;
  max-width: 70%;
}
.myEmployeeCareer .my-career-container .objective-formation-date {
  font-size: 12px;
  color: #b9bebe;
  margin: 0 0 0 8px;
}
.myEmployeeCareer .my-career-container .right-container {
  width: 32%;
  box-shadow: inset 20px 0px 50px -20px rgba(0, 0, 0, 0.15);
  padding: 0 3%;
  overflow-y: scroll;
  padding-bottom: 100px;
}
.myEmployeeCareer .my-career-container .right-container .other-data-header-container {
  width: 100%;
  color: #48cde0;
  font-size: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #48cde0;
  margin-top: 24px;
}
.myEmployeeCareer .my-career-container .right-container .btns-right-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 24px 0 0 0;
  row-gap: 10px;
}
.myEmployeeCareer .my-career-container .right-container .btns-right-container .download-btn {
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #48cde0;
  background: white;
  padding: 4px 10px 4px 10px;
}
.myEmployeeCareer .my-career-container .right-container .btns-right-container .download-btn:hover {
  background: #48cde0;
  color: white;
  transition: 0.3s;
}
.myEmployeeCareer .my-career-container .right-container .btns-right-container .download-icon {
  margin-right: 4px;
  font-size: 22px;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container {
  margin-top: 48px;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container {
  display: flex;
  justify-content: space-between;
  min-height: 80px;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .left-information-container {
  display: flex;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .left-information-container .left-information-content .circle {
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 12px;
  color: white;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .left-information-container .left-information-content .back-grey-color {
  background: #b9bebe;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .left-information-container .left-information-content .text-grey-color {
  color: #b9bebe;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .left-information-container .left-information-content .back-orange-color {
  background: #FF9800;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .left-information-container .left-information-content .text-orange-color {
  color: #FF9800;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .left-information-container .left-information-content .back-aqua-color {
  background: #48cde0;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .left-information-container .left-information-content .text-aqua-color {
  color: #48cde0;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .left-information-container .left-information-content .bar {
  height: calc(100% - 18px);
  display: flex;
  width: 1px;
  border: 1px solid #B9BEBE;
  margin: 0 auto;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .left-information-container .middle-information-content {
  margin-left: 8px;
  display: flex;
  flex-direction: column;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .left-information-container .middle-information-content .experience-company-name {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: -2px;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .left-information-container .middle-information-content .experience-dates {
  font-size: 12px;
  color: #b9bebe;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .left-information-container .middle-information-content .experience-dates .experience-duration {
  color: #656f71;
  margin-left: 8px;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .left-information-container .middle-information-content .experience-challenge {
  font-size: 14px;
  margin-top: 8px;
  padding-bottom: 8px;
  max-width: 350px;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .right-information-content {
  min-width: 60px;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .right-information-content .create-icon-color {
  cursor: pointer;
  color: #C4C4D5;
  font-size: 20px;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .right-information-content .create-icon-color:hover {
  color: #656f71;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .right-information-content .delete-icon-color {
  margin-left: 16px;
  cursor: pointer;
  color: #C4C4D5;
  font-size: 20px;
}
.myEmployeeCareer .my-career-container .right-container .experiences-events-container .experience-container .right-information-content .delete-icon-color:hover {
  color: #656f71;
}
.myEmployeeCareer .my-career-container .custom-h1 {
  margin: 0 48px 0 0;
  font-size: 16px;
}
.myEmployeeCareer .my-career-container .events-navigation {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 24px 0 0 0;
}
.myEmployeeCareer .my-career-container .events-navigation i {
  cursor: pointer;
  user-select: none;
}
.myEmployeeCareer .my-career-container .events-navigation i:hover {
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.05);
}
.myEmployeeCareer .my-career-container .events-navigation span {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 2px 0 0 0;
}
.myEmployeeCareer .my-career-container .no-visibility {
  visibility: hidden;
}
.myEmployeeCareer .my-career-container .events-list {
  height: calc(100% - 135px);
  overflow-y: scroll;
  margin: 24px 0 0 0;
}
.myEmployeeCareer .my-career-container .events {
  display: flex;
  justify-content: space-between;
  min-height: 80px;
}
.myEmployeeCareer .my-career-container .events i {
  cursor: pointer;
  color: #C4C4D5;
  font-size: 20px;
  margin-left: 8px;
}
.myEmployeeCareer .my-career-container .events i:hover {
  color: #464680;
}
.myEmployeeCareer .my-career-container .event-information {
  display: flex;
}
.myEmployeeCareer .my-career-container .design {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.myEmployeeCareer .my-career-container .circle {
  height: 20px;
  width: 20px;
  border-radius: 50%;
}
.myEmployeeCareer .my-career-container .background-color-others {
  background: #464680;
}
.myEmployeeCareer .my-career-container .bar {
  width: 2px;
  height: calc(100% - 18px);
  background: #C7D9E8;
}
.myEmployeeCareer .my-career-container .text {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 16px;
}
.myEmployeeCareer .my-career-container .type-name {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.myEmployeeCareer .my-career-container .project-name {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.myEmployeeCareer .my-career-container .date-host-name {
  color: #b9bebe;
  font-size: 12px;
}
.myEmployeeCareer .events-icons-container {
  display: flex;
}
.myEmployeeCareer .i-refresh-hourglass-download {
  font-size: 25px !important;
  margin-right: 8px;
  margin-top: 2px;
  margin-left: unset !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.myEmployeeDashboard .my-dashboard-body {
  display: flex;
  width: 100%;
  height: 100vh;
}
.myEmployeeDashboard .my-dashboard-body .my-dashboard-left-block {
  width: 68%;
}
@media (max-width: 992px) {
  .myEmployeeDashboard .my-dashboard-body .my-dashboard-left-block {
    width: 100%;
  }
}
.myEmployeeDashboard .my-dashboard-body .my-dashboard-right-block {
  width: 32%;
  box-shadow: inset 20px 0px 50px -20px rgba(0, 0, 0, 0.15);
  padding: 0 48px 0 48px;
  padding-bottom: 100px;
  overflow-y: auto;
  height: calc(100vh - 99px);
}
.myEmployeeDashboard .my-dashboard-detail-container {
  width: 100%;
  height: 100vh;
  padding: 24px;
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  display: flex;
  flex-direction: column;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 88px;
}
@media screen and (max-width: 450px) {
  .myEmployeeDashboard .my-dashboard-detail-container .blocks-container {
    padding-bottom: 300px !important;
  }
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .pointer-cursor {
  cursor: pointer;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .box-header-container {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 1.63px;
  line-height: 21px;
  color: #b9bebe;
  display: flex;
  justify-content: space-between;
  align-self: flex-start;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .box-header-container .more-dots-icon {
  font-size: 24px !important;
  cursor: pointer;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .box-header-padding {
  padding: 16px 16px 0px 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 450px) {
  .myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container {
    margin-right: 0 !important;
    max-width: 100% !important;
  }
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
  margin-right: 16px;
  max-width: 285px;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container .activity-holiday-container {
  background: #FFFFFF;
  box-shadow: 4px 5px 6px 0 rgba(0, 0, 0, 0.11);
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container .activity-holiday-container .box-content-container {
  display: flex;
  justify-content: space-between;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container .activity-holiday-container .link-container {
  width: 100%;
  height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container .activity-holiday-container .link-container .span-no-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 16px;
}
@media screen and (max-width: 450px) {
  .myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container .activity-holiday-container .link-container .span-no-overflow {
    max-width: 230px;
  }
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container .activity-holiday-container .link-container .act-hol-link-style {
  font-weight: bold;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container .activity-holiday-container .link-container .play-arrow {
  font-size: 24px;
  color: #b9bebe;
  margin-right: 16px;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container .activity-holiday-container .link-container:hover {
  cursor: pointer;
  color: #48cde0;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container .activity-holiday-container .link-container:hover .play-arrow {
  color: #656f71;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container .tools-container-dashboard {
  display: flex;
  flex-direction: column;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container .tools-container {
  height: 248px;
  background: #FFFFFF;
  box-shadow: 4px 5px 6px 0 rgba(0, 0, 0, 0.11);
  padding: 16px 16px 10px 16px;
  overflow: hidden;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container .tools-container .tools-icons-container {
  font-size: 36px;
  color: #464680;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container .tools-container .tools-icons-container a {
  margin: 16px 20px 0;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .first-blocks-container .tools-container .tools-icons-container a:hover {
  color: #48cde0;
}
@media screen and (max-width: 450px) {
  .myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container {
    margin-right: 0 !important;
    max-width: 600px !important;
    width: 100% !important;
    max-height: 100% !important;
  }
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .padding-footer-scroll {
  width: 100%;
  height: 200px;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container {
  overflow-y: scroll;
  overflow-x: hidden;
  width: 285px;
  background: #FFFFFF;
  box-shadow: 4px 5px 6px 0 rgba(0, 0, 0, 0.11);
  margin-bottom: 16px;
  margin-right: 16px;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container .material-icons {
  vertical-align: middle !important;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container .contact-header-container {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: #656f71;
  margin-top: 8px;
  height: 48px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 16px 0px 16px;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container .contact-header-container .contact-header-title {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2.2px;
  line-height: 22px;
  text-align: center;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container .key-contact-container {
  display: flex;
  align-items: center;
  height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0px 16px 0px 16px;
  justify-content: space-between;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container .key-contact-container .key-contact-name-profession {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container .key-contact-container .key-contact-name-profession .key-contact-name {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 152px;
  text-overflow: ellipsis;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container .key-contact-container .key-contact-name-profession .key-contact-profession {
  font-size: 10px;
  line-height: 11px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 152px;
  text-overflow: ellipsis;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container .key-contact-container .relative-position {
  position: relative;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container .key-contact-container .key-contact-icon-container {
  color: #b9bebe;
  font-size: 22px;
  display: flex;
  align-items: center;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container .key-contact-container .key-contact-icon-container .dropdown-mail-menu-container {
  position: absolute;
  padding: 0;
  margin: 0;
  left: -144px;
  top: 16px;
  border: unset;
  border-radius: unset;
  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.2);
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container .key-contact-container .key-contact-icon-container .dropdown-mail-menu-container a {
  justify-content: flex-end;
  color: #464680;
  font-size: 14px;
  line-height: 21px;
  padding: 8px 8px 8px 8px;
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container .key-contact-container .key-contact-icon-container .dropdown-phone-menu-container {
  padding: 0;
  margin: 0;
  left: -116px;
  top: 16px;
  border: unset;
  border-radius: unset;
  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.2);
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container .key-contact-container .key-contact-icon-container .dropdown-phone-menu-container a {
  justify-content: flex-end;
  color: #464680;
  font-size: 14px;
  line-height: 21px;
  padding: 8px 8px 8px 8px;
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
}
.myEmployeeDashboard .my-dashboard-detail-container .blocks-container .uniform-block-container .key-contact-container .key-contact-icon-container .key-contact-icon {
  margin-left: 24px;
}
.myEmployeeDashboard .agi-events-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 5px solid #b9bebe;
}
.myEmployeeDashboard .events-navigation {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 24px 0px 30px 0;
}
.myEmployeeDashboard .events-navigation i {
  cursor: pointer;
  user-select: none;
}
.myEmployeeDashboard .events-navigation i:hover {
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.05);
}
.myEmployeeDashboard .events-navigation span {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 2px 0 0 0;
}
.myEmployeeDashboard .no-visibility {
  visibility: hidden;
}
.myEmployeeDashboard .agi-events-header-history-container {
  display: flex;
  align-items: center;
  margin-top: 32px;
  width: 100%;
  height: 32px;
  position: relative;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.myEmployeeDashboard .history-title-container {
  padding-bottom: 8px;
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: #656f71;
}
.myEmployeeDashboard .history-right-arrow-container {
  position: absolute;
  right: 48px;
  display: flex;
  padding-bottom: 8px;
}
.myEmployeeDashboard .history-right-arrow-container i {
  color: #656f71;
  font-size: 16px;
}
.myEmployeeDashboard .history-left-arrow-container {
  position: absolute;
  left: 48px;
  display: flex;
  padding-bottom: 8px;
}
.myEmployeeDashboard .history-left-arrow-container i {
  color: #656f71;
  font-size: 16px;
}
.myEmployeeDashboard .event-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  letter-spacing: 1.63px;
  font-weight: bold;
  margin-left: 8px;
  margin-right: 8px;
}
.myEmployeeDashboard .event-date {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
  margin-left: 8px;
  font-size: 12px;
  letter-spacing: 1.39px;
  color: #656f71;
  text-transform: capitalize;
  margin-top: 1px;
}
.myEmployeeDashboard .event-address {
  margin-top: 2px;
  font-size: 10px;
  letter-spacing: 1.16px;
  color: #b9bebe;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
  margin-left: 8px;
}
.myEmployeeDashboard .no-display {
  visibility: hidden;
}
.myEmployeeDashboard .my-dashboard-event {
  /*End Row*/
}
.myEmployeeDashboard .my-dashboard-event .event-margin {
  margin-bottom: 24px;
}
.myEmployeeDashboard .my-dashboard-event .btn_addEvent {
  display: flex;
}
.myEmployeeDashboard .my-dashboard-event .btn_addEvent .btn_FlexAddEvent {
  margin-left: auto;
  margin-top: 15px;
}
.myEmployeeDashboard .my-dashboard-event .title_AndAddEvent {
  margin-top: 15px;
}
.myEmployeeDashboard .my-dashboard-event .staterow {
  display: table-row;
  /*cell*/
  /*end Cell*/
}
.myEmployeeDashboard .my-dashboard-event .staterow .cell-straight {
  display: table-cell;
  background-color: #c5d9e8;
  width: 1px;
  border: 0;
  background-clip: padding-box;
  border-left: 9.5px solid transparent;
  border-right: 9.5px solid transparent;
}
.myEmployeeDashboard .my-dashboard-event .staterow .cell-straight.invisible {
  background-color: none;
}
.myEmployeeDashboard .my-dashboard-event .staterow .title {
  vertical-align: middle;
  height: 19px;
  display: table-cell;
  font-size: 15px;
  line-height: 1.07;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-align: left;
  padding-left: 11.6px;
}
.myEmployeeDashboard .my-dashboard-event .staterow .title .blue {
  color: #464680;
}
.myEmployeeDashboard .my-dashboard-event .staterow .rectangle-circle {
  display: table-cell;
}
.myEmployeeDashboard .my-dashboard-event .staterow .rectangle-circle .circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: black;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  color: #ffffff;
  padding: 5px 0 4px 0;
}
.myEmployeeDashboard .my-dashboard-event .staterow .rectangle-circle .circle .appel {
  font-size: 10px;
  vertical-align: middle;
  margin: 0px;
  display: inline-flex;
}
.myEmployeeDashboard .my-dashboard-event .staterow .rectangle-circle .blue {
  background-color: #464680;
}
.myEmployeeDashboard .my-dashboard-event .staterow .cell-classic {
  display: table-cell;
  width: 100%;
  padding-bottom: 27px;
}
.myEmployeeDashboard .my-dashboard-event .staterow .cell-classic .table-content {
  padding-left: 11.6px;
  width: 100%;
  font-size: 11px;
  line-height: 1.27;
  color: #8d8d8d;
  text-align: left;
  display: table;
}
.myEmployeeDashboard .my-dashboard-event .staterow .cell-classic .description {
  padding-left: 18.6px;
  text-align: left;
  margin: auto;
  width: 100%;
  padding-top: 6px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #474781;
  padding-bottom: 5px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.myEmployeeDashboard .my-dashboard-event .cell-icones {
  display: table-cell;
  text-align: right;
  white-space: nowrap;
}
.myEmployeeDashboard .my-dashboard-event .cell-icones .icon {
  margin: 0 6px;
}
.myEmployeeDashboard .my-dashboard-event .cell-smallinformation {
  display: table-cell;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.myDocumentsPageSlide {
  /*height: 100%;*/
  width: 100%;
}
.myDocumentsPageSlide .header-container {
  width: 100%;
  height: 120px;
  margin-left: -1px;
  background: #72E3EE;
  display: flex;
}
.myDocumentsPageSlide .header-container .icon-container {
  margin-left: 25px;
  margin-top: 24px;
  font-size: 16px;
  color: white;
}
.myDocumentsPageSlide .header-container .full-name-container {
  color: white;
  margin-top: 48px;
  margin-left: 24px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 31px;
  font-weight: bold;
  line-height: 45px;
}
.myDocumentsPageSlide .content-container {
  width: 100%;
  height: 100%;
  padding: 32px 32px 32px 8px;
}
.myDocumentsPageSlide .root-folder-content {
  cursor: pointer;
  font-weight: bold;
}
.myDocumentsPageSlide .folder-name-with-icon {
  display: flex;
  align-items: center;
}
.myDocumentsPageSlide .folder-icon {
  font-size: 124%;
  margin-right: 8px;
}
.myDocumentsPageSlide .first-folder-name-with-icon {
  font-size: 16px;
  padding-left: 24px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.myEmployeeInformation {
  display: flex;
  flex-direction: column;
}
.myEmployeeInformation .information-master-container {
  display: flex;
  width: 100%;
  height: calc(100vh - 160px);
}
.myEmployeeInformation .information-master-container .information-left-block {
  width: 68%;
  height: calc(100vh - 160px);
  display: block;
  overflow-y: scroll;
  padding: 0 0 3% 70px;
  position: relative;
}
@media (max-width: 992px) {
  .myEmployeeInformation .information-master-container .information-left-block {
    padding: 0;
    height: calc(100vh - 54px);
  }
}
.myEmployeeInformation .information-master-container .information-left-block .header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  box-shadow: inset 0 -1px 0 0 rgba(151, 151, 151, 0.16);
  padding: 0 30px 16px 0;
}
@media (max-width: 992px) {
  .myEmployeeInformation .information-master-container .information-left-block .header {
    padding: 16px 10px;
    font-size: 14px;
  }
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-name {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
  width: 100%;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 40px;
  line-height: 0.88;
  color: #464680;
}
@media (max-width: 992px) {
  .myEmployeeInformation .information-master-container .information-left-block .header .header-name {
    flex-direction: column;
    font-size: 20px;
    gap: 2px;
  }
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-name .name {
  display: flex;
  column-gap: 5px;
  padding-top: 22px;
}
@media (max-width: 992px) {
  .myEmployeeInformation .information-master-container .information-left-block .header .header-name .name {
    align-items: center;
    gap: 5px;
    padding-top: 0px;
  }
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-name .left-corner {
  position: absolute;
  left: 32px;
}
@media (max-width: 992px) {
  .myEmployeeInformation .information-master-container .information-left-block .header .header-name .left-corner {
    left: unset;
    right: 11px;
    top: 0;
  }
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-name .left-corner .signet {
  height: 52px;
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-name > i {
  display: inline-block;
  vertical-align: middle;
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-name .source {
  display: flex;
  align-items: center;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.27;
  text-align: right;
  color: #a0a0a0;
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-name .source .creation-date {
  margin-top: 27px;
}
@media (max-width: 992px) {
  .myEmployeeInformation .information-master-container .information-left-block .header .header-name .source .creation-date {
    margin-top: 0;
  }
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-name .source .circle {
  width: 50px;
  cursor: pointer;
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-name .source.view {
  font-size: 0.35em;
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-description {
  display: flex;
  column-gap: 5px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #474781;
  margin-left: 6px;
}
@media (max-width: 400px) {
  .myEmployeeInformation .information-master-container .information-left-block .header .header-description {
    flex-direction: column;
    padding-top: 0px;
  }
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-description .birth {
  display: flex;
  column-gap: 2px;
}
@media (max-width: 400px) {
  .myEmployeeInformation .information-master-container .information-left-block .header .header-description .hide {
    display: none;
  }
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-contact {
  display: flex;
  flex-direction: column;
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-contact .infos-and-files-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 992px) {
  .myEmployeeInformation .information-master-container .information-left-block .header .header-contact .infos-and-files-container {
    flex-direction: column;
    align-items: unset;
  }
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-contact .infos-and-files-container .infos-container {
  display: flex;
}
@media (max-width: 992px) {
  .myEmployeeInformation .information-master-container .information-left-block .header .header-contact .infos-and-files-container .infos-container {
    flex-direction: column;
  }
}
.myEmployeeInformation .information-master-container .information-left-block .header .header-contact .infos-and-files-container .files {
  margin-left: 6px;
  display: flex;
  justify-content: flex-end;
  column-gap: 5px;
}
.myEmployeeInformation .information-master-container .information-left-block .content {
  display: flex;
  column-gap: 5%;
  padding-right: 30px;
}
@media (max-width: 992px) {
  .myEmployeeInformation .information-master-container .information-left-block .content {
    flex-direction: column;
    padding: 0 10px 100px;
  }
}
.myEmployeeInformation .information-master-container .information-left-block .content .other-data-content-container:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.myEmployeeInformation .information-master-container .information-left-block .content .other-data-content-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (max-width: 400px) {
  .myEmployeeInformation .information-master-container .information-left-block .content .other-data-content-container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.myEmployeeInformation .information-master-container .information-left-block .content .other-data-content-container .text-with-icon {
  display: flex;
  align-items: center;
}
.myEmployeeInformation .information-master-container .information-left-block .content .other-data-content-container .text-without-icon {
  margin-left: 34px;
}
@media (max-width: 400px) {
  .myEmployeeInformation .information-master-container .information-left-block .content .other-data-content-container .value {
    padding-left: 35px;
  }
}
.myEmployeeInformation .information-master-container .information-left-block .content .content-left {
  flex: 1 1 0%;
}
.myEmployeeInformation .information-master-container .information-left-block .content .content-right {
  flex: 1 1 0%;
}
.myEmployeeInformation .information-master-container .information-left-block .content .content-right .detail-cell .bar {
  border-bottom: solid #48cde0 1px;
}
.myEmployeeInformation .mobile-master-container {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container {
  width: 100%;
  height: calc(100% - 62px);
  position: relative;
  overflow-y: scroll;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container {
  margin: 24px 24px 0 24px;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-info .name-and-edit {
  display: flex;
  align-items: center;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-info .name-and-edit .user-name {
  font-size: 40px;
  line-height: 45px;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-info .creation-date {
  color: #b9bebe;
  font-size: 8px;
  text-align: right;
  margin-bottom: auto;
  padding-top: 5px;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-data {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-data .base-data-left-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-data .base-data-left-container .first-line-base-data-container {
  font-size: 10px;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-data .base-data-left-container .first-line-base-data-container * {
  display: inline-block;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-data .base-data-left-container .second-line-base-data-container {
  font-size: 10px;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-data .base-data-left-container .second-line-base-data-container * {
  display: inline-block;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-data .base-data-left-container .third-line-base-data-container {
  font-size: 10px;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-data .base-data-left-container .third-line-base-data-container * {
  display: inline-block;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-data .btn-container .document-btn {
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 10px;
  border-radius: 4px;
  border: 1px solid #48cde0;
  background: white;
  padding: 4px 6px 4px 2px;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-data .btn-container .document-btn .document-icon {
  margin-right: 4px;
  font-size: 22px;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .base-data-container .base-data .btn-container .document-btn:hover {
  background: #48cde0;
  color: white;
  transition: 0.3s;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .custom-separator {
  height: 1px;
  margin: 32px 0 0 0;
  background: rgba(0, 0, 0, 0.1);
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .other-data-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px !important;
}
.myEmployeeInformation .mobile-master-container .main-container-mobile .header-container .other-data-container .custom-container {
  width: 100%;
  margin-top: -24px;
  padding-bottom: 30px;
}
.myEmployeeInformation .mobile-master-container .scrolling-container {
  position: relative;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: calc(100% - 248px - 62px);
  display: flex;
  flex-direction: column;
  width: 100%;
}
.myEmployeeInformation .mobile-master-container .scrolling-container .empty-space {
  height: 100px;
  min-height: 100px;
  width: 100%;
}
.myEmployeeInformation .mobile-master-container .scrolling-footer {
  min-height: 100px;
  width: 100%;
}
.myEmployeeInformation .mobile-master-container .other-data-content-special-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
}
.myEmployeeInformation .mobile-master-container .other-data-content-special-container .special-content-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.myEmployeeInformation .mobile-master-container .other-data-content-special-container .special-content-div .special-content-formatting {
  font-size: 11px;
}
.myEmployeeInformation .mobile-master-container .other-data-content-container:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.myEmployeeInformation .mobile-master-container .other-data-content-container {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.myEmployeeInformation .mobile-master-container .content-formatting {
  max-width: 450px;
  text-align: right;
}
.myEmployeeInformation .mobile-master-container .custom-no-wrapping {
  white-space: nowrap;
  margin-right: 20px;
}
.myEmployeeInformation .mobile-master-container .tests-container {
  display: flex;
  align-items: center;
  max-width: 450px;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: -8px;
}
.myEmployeeInformation .mobile-master-container .tests-container .tests {
  margin-top: 8px;
  margin-left: 8px;
  font-size: 12px;
  background: #00C853;
  border-radius: 10px;
  color: white;
  padding: 2px 10px 0px 10px;
}
.myEmployeeInformation .mobile-master-container .education-container {
  max-width: 450px;
}
.myEmployeeInformation .skills-to-lower-case {
  text-transform: lowercase;
}
.myEmployeeInformation .skills-to-lower-case:first-letter {
  text-transform: uppercase;
}
.myEmployeeInformation .other-data-header-container {
  width: 100%;
  color: #48cde0;
  font-size: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #48cde0;
  margin-top: 24px;
}
.myEmployeeInformation .btns-right-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.myEmployeeInformation .download-btn {
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #48cde0;
  background: white;
  padding: 4px 10px 4px 10px;
}
.myEmployeeInformation .download-btn:hover {
  background: #48cde0;
  color: white;
  transition: 0.3s;
}
.myEmployeeInformation .download-icon {
  margin-right: 4px;
  font-size: 22px;
}
.myEmployeeInformation .new-experience {
  font-size: 14px;
  cursor: pointer;
  margin-top: 24px;
}
.myEmployeeInformation .new-experience:hover {
  color: #48cde0;
}
.myEmployeeInformation .information-master-container {
  display: flex;
  width: 100%;
  height: 100vh;
}
.myEmployeeInformation .information-master-container .information-left-block {
  width: 68%;
}
@media (max-width: 992px) {
  .myEmployeeInformation .information-master-container .information-left-block {
    width: 100%;
  }
}
.myEmployeeInformation .information-master-container .information-left-block .creation-date {
  color: #b9bebe;
  font-size: 12px;
}
.myEmployeeInformation .information-master-container .information-left-block .base-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 32px;
  position: relative;
}
.myEmployeeInformation .information-master-container .information-left-block .name-and-edit {
  display: flex;
  align-items: center;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container {
  margin: 24px 0 0 56px;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .user-name {
  font-size: 40px;
  line-height: 45px;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .open-detail {
  margin-left: 16px;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .open-detail .icon-open-detail {
  font-size: 17px;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .base-data {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .base-data .base-data-left-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .base-data .base-data-left-container .first-line-base-data-container {
  font-size: 14px;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .base-data .base-data-left-container .first-line-base-data-container * {
  display: inline-block;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .base-data .base-data-left-container .second-line-base-data-container {
  font-size: 14px;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .base-data .base-data-left-container .second-line-base-data-container * {
  display: inline-block;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .base-data .base-data-left-container .third-line-base-data-container {
  font-size: 14px;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .base-data .base-data-left-container .third-line-base-data-container * {
  display: inline-block;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .base-data .btn-container {
  margin: 0 32px 0 0;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .base-data .btn-container .document-btn {
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #48cde0;
  background: white;
  padding: 4px 10px 4px 10px;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .base-data .btn-container .document-btn .document-icon {
  margin-right: 4px;
  font-size: 22px;
}
.myEmployeeInformation .information-master-container .information-left-block .base-data-container .base-data .btn-container .document-btn:hover {
  background: #48cde0;
  color: white;
  transition: 0.3s;
}
.myEmployeeInformation .information-master-container .information-left-block .custom-separator {
  height: 1px;
  margin: 32px 0 0 0;
  background: rgba(0, 0, 0, 0.1);
}
.myEmployeeInformation .information-master-container .information-left-block .scrolling-container {
  overflow-y: scroll;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 300px;
}
.myEmployeeInformation .information-master-container .information-left-block .other-data-container {
  display: flex;
  justify-content: space-between;
  margin: 24px 56px 0 56px;
}
.myEmployeeInformation .information-master-container .information-left-block .other-data-container .other-data-content-special-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
}
.myEmployeeInformation .information-master-container .information-left-block .other-data-container .other-data-content-special-container .special-content-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.myEmployeeInformation .information-master-container .information-left-block .other-data-container .other-data-content-special-container .special-content-div .special-content-formatting {
  font-size: 11px;
}
.myEmployeeInformation .information-master-container .information-left-block .other-data-container .other-data-content-container {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.myEmployeeInformation .information-master-container .information-left-block .other-data-container .content-formatting {
  max-width: 450px;
  text-align: right;
}
.myEmployeeInformation .information-master-container .information-left-block .other-data-container .custom-no-wrapping {
  white-space: nowrap;
}
.myEmployeeInformation .information-master-container .information-left-block .other-data-container .tests-container {
  display: flex;
  align-items: center;
  max-width: 450px;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: -8px;
}
.myEmployeeInformation .information-master-container .information-left-block .other-data-container .tests-container .tests {
  margin-top: 8px;
  margin-left: 8px;
  font-size: 12px;
  background: #00C853;
  border-radius: 10px;
  color: white;
  padding: 2px 10px 0px 10px;
}
.myEmployeeInformation .information-master-container .information-left-block .other-data-container .education-container {
  max-width: 450px;
}
.myEmployeeInformation .information-master-container .information-left-block .other-data-container .custom-container {
  width: 48%;
  margin-top: -24px;
  padding-bottom: 30px;
}
.myEmployeeInformation .information-master-container .skills-to-lower-case {
  text-transform: lowercase;
}
.myEmployeeInformation .information-master-container .skills-to-lower-case:first-letter {
  text-transform: uppercase;
}
.myEmployeeInformation .information-master-container .other-data-header-container {
  width: 100%;
  color: #48cde0;
  font-size: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #48cde0;
  margin-top: 24px;
}
.myEmployeeInformation .information-master-container .information-right-block {
  width: 32%;
  box-shadow: inset 20px 0px 50px -20px rgba(0, 0, 0, 0.15);
  padding: 24px 3% 0;
  overflow-y: scroll;
  padding-bottom: 100px;
}
.myEmployeeInformation .information-master-container .btns-right-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 24px 0 0 0;
}
.myEmployeeInformation .information-master-container .download-btn {
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #48cde0;
  background: white;
  padding: 4px 10px 4px 10px;
}
.myEmployeeInformation .information-master-container .download-btn:hover {
  background: #48cde0;
  color: white;
  transition: 0.3s;
}
.myEmployeeInformation .information-master-container .download-icon {
  margin-right: 4px;
  font-size: 22px;
}
.myEmployeeInformation .information-master-container .new-experience {
  font-size: 14px;
  cursor: pointer;
  margin-top: 24px;
}
.myEmployeeInformation .information-master-container .new-experience:hover {
  color: #48cde0;
}
.myEmployeeInformation .add-formating-dash span:after {
  content: ' - ';
}
.myEmployeeInformation .add-formating-dash span:last-child:after {
  content: none;
}
.myEmployeeInformation .add-formating-dash-for-divs div:after {
  content: ' - ';
}
.myEmployeeInformation .add-formating-dash-for-divs div:last-child:after {
  content: none;
}
.myEmployeeInformation .add-formating-plus span:after {
  content: ' + ';
}
.myEmployeeInformation .add-formating-plus span:last-child:after {
  content: none;
}
.myEmployeeInformation .add-formating-coma span:after {
  content: ', ';
}
.myEmployeeInformation .add-formating-coma span:last-child:after {
  content: none;
}
.myEmployeeInformation .add-formating-slash div:after {
  content: ' / ';
}
.myEmployeeInformation .add-formating-slash div:last-child:after {
  content: none;
}
.myEmployeeInformation .skills-container {
  text-align: right;
  flex-wrap: wrap;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
.myEmployeeInformation .skills-container .custom-skill-margin {
  margin-top: 4px !important;
}
.myEmployeeInformation .skills-container .activity-sectors-container {
  flex-wrap: wrap;
  display: flex;
  justify-content: flex-end;
  margin-top: -4px;
}
.myEmployeeInformation .skills-container .activity-sectors-container span {
  margin-left: 4px;
  margin-top: 8px;
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 1.5px;
  color: #3f4176;
  background-color: #F1F2F2;
  text-transform: uppercase;
}
.myEmployeeInformation .skills-container .functional-skills-container {
  flex-wrap: wrap;
  display: flex;
  justify-content: flex-end;
  margin-top: -4px;
}
.myEmployeeInformation .skills-container .functional-skills-container span {
  margin-left: 4px;
  margin-top: 8px;
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 1.5px;
  color: #3f4176;
  background-color: #cdeff4;
}
.myEmployeeInformation .skills-container .technical-skills-container {
  flex-wrap: wrap;
  display: flex;
  justify-content: flex-end;
}
.myEmployeeInformation .skills-container .technical-skills-container span {
  margin-left: 4px;
  margin-top: 8px;
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  color: #3f4176;
  border: 1px solid #48cde0;
}
.myEmployeeInformation .skills-container .soft-skills-container {
  flex-wrap: wrap;
  display: flex;
  justify-content: flex-end;
}
.myEmployeeInformation .skills-container .soft-skills-container span {
  margin-left: 4px;
  margin-top: 8px;
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 1.5px;
  color: #3f4176;
  background-color: rgba(255, 152, 0, 0.29);
  text-transform: uppercase;
}
.myEmployeeInformation .experiences-events-container {
  margin-top: 48px;
}
.myEmployeeInformation .experiences-events-container .experience-container {
  display: flex;
  justify-content: space-between;
  min-height: 80px;
}
.myEmployeeInformation .experiences-events-container .experience-container .left-information-container {
  display: flex;
}
.myEmployeeInformation .experiences-events-container .experience-container .left-information-container .left-information-content .circle {
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 12px;
  color: white;
}
.myEmployeeInformation .experiences-events-container .experience-container .left-information-container .left-information-content .bar {
  height: calc(100% - 18px);
  display: flex;
  width: 1px;
  border: 1px solid #B9BEBE;
  margin: 0 auto;
}
.myEmployeeInformation .experiences-events-container .experience-container .left-information-container .middle-information-content {
  margin-left: 8px;
  display: flex;
  flex-direction: column;
}
.myEmployeeInformation .experiences-events-container .experience-container .left-information-container .middle-information-content .experience-company-name {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: -2px;
}
.myEmployeeInformation .experiences-events-container .experience-container .left-information-container .middle-information-content .experience-dates {
  font-size: 12px;
  color: #b9bebe;
}
.myEmployeeInformation .experiences-events-container .experience-container .left-information-container .middle-information-content .experience-dates .experience-duration {
  color: #656f71;
  margin-left: 8px;
}
.myEmployeeInformation .experiences-events-container .experience-container .left-information-container .middle-information-content .experience-challenge {
  font-size: 14px;
  margin-top: 8px;
  padding-bottom: 8px;
  max-width: 350px;
}
.myEmployeeInformation .experiences-events-container .experience-container .right-information-content {
  min-width: 60px;
}
.myEmployeeInformation .experiences-events-container .experience-container .right-information-content .create-icon-color {
  cursor: pointer;
  color: #C4C4D5;
  font-size: 20px;
}
.myEmployeeInformation .experiences-events-container .experience-container .right-information-content .create-icon-color:hover {
  color: #656f71;
}
.myEmployeeInformation .experiences-events-container .experience-container .right-information-content .delete-icon-color {
  margin-left: 16px;
  cursor: pointer;
  color: #C4C4D5;
  font-size: 20px;
}
.myEmployeeInformation .experiences-events-container .experience-container .right-information-content .delete-icon-color:hover {
  color: #656f71;
}
.myEmployeeInformation .back-grey-color {
  background: #b9bebe;
}
.myEmployeeInformation .text-grey-color {
  color: #b9bebe;
}
.myEmployeeInformation .back-orange-color {
  background: #FF9800;
}
.myEmployeeInformation .text-orange-color {
  color: #FF9800;
}
.myEmployeeInformation .back-aqua-color {
  background: #48cde0;
}
.myEmployeeInformation .text-aqua-color {
  color: #48cde0;
}
.myEmployeeInformation .responsability-container {
  display: flex;
  flex-direction: column;
}
.myEmployeeInformation .remuneration-block {
  margin-top: 20px;
}
.myEmployeeInformation .remuneration-block .SuiviRemTab {
  table-layout: fixed;
  width: 100%;
  overflow-wrap: anywhere;
}
.myEmployeeInformation .remuneration-block .SuiviRemTab .headRem th {
  color: #C1D5E1;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  vertical-align: middle;
}
.myEmployeeInformation .remuneration-block .SuiviRemTab .horsPrimeVac {
  font-size: 12px;
}
.myEmployeeInformation .remuneration-block .SuiviRemTab .bodyRem td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.myEmployeeInformation .syntheseProjetTab {
  table-layout: fixed;
  width: 100%;
  overflow-wrap: break-word;
  margin-top: 20px;
}
.myEmployeeInformation .syntheseProjetTab .headSynthProjet th {
  text-align: center;
  vertical-align: middle;
}
.myEmployeeInformation .syntheseProjetTab .headSynthProjet .clientName {
  vertical-align: middle;
  text-align: left;
}
.myEmployeeInformation .syntheseProjetTab .headSynthProjet .projectName {
  vertical-align: middle;
  text-align: left;
}
.myEmployeeInformation .syntheseProjetTab .bodySynthProjet td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.myEmployeeInformation .syntheseProjetTab .bodySynthProjet .clientName {
  vertical-align: middle;
  text-align: left;
}
.myEmployeeInformation .syntheseProjetTab .bodySynthProjet .projectName {
  vertical-align: middle;
  text-align: left;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.container {
  padding-left: 0;
  padding-right: 0;
}
.container .navbar-nav {
  float: none;
  margin: auto;
  display: flex;
}
@media screen and (min-width: 992px) {
  .navbar-main-container {
    display: flex !important;
  }
}
.navbar-main-container .agiteamLogo {
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
}
.navbar-main-container .agiteamLogo .logo-icon {
  position: relative;
  height: 100%;
  width: auto;
  margin-left: 10px;
}
.navbar-main-container .agiteamLogo .logo-icon-organisation {
  position: relative;
  max-width: 110px;
  max-height: 80%;
  margin: 10% 12px 10% 12px;
}
.navbar-main-container .agiteamLogo .for-span {
  font-size: 12px;
  padding: 12px 5px 12px 12px;
  color: #acacac;
}
.navbar-main-container .agiteamLogo .organisation-name {
  font-size: 20px;
}
.navbar-main-container .agency {
  display: flex;
  align-items: center;
}
.navbar-main-container .agency:hover {
  color: #48cde0;
  cursor: pointer;
}
.navbar-main-container .agency .agency-button-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.navbar-main-container .agency .agency-button-cont .i-agency {
  font-size: 24px;
}
.navbar-main-container .agency .agency-selected {
  color: #48cde0;
}
.navbar-main-container .navbar-full-width {
  width: 100%;
}
.navbar-main-container .navbar-full-width .navbar-container {
  height: 94%;
  display: flex;
  justify-content: flex-end;
}
.navbar-main-container .navbar-full-width .navbar-container .support-color {
  color: #656f71;
}
.navbar-main-container .navbar-full-width .navbar-container .settings-color {
  color: #656f71;
}
.navbar-main-container .navbar-full-width .navbar-container .profile-color {
  color: #b9bebe;
}
.navbar-main-container .navbar-full-width .navbar-container .navbar-section-container {
  display: none;
  margin: 0;
}
.navbar-main-container .navbar-full-width .navbar-container .navbar-section-container.active {
  display: flex;
}
@media screen and (max-width: 1100px) {
  .navbar-main-container .navbar-full-width .navbar-container > ul li a {
    margin: 15px 9px;
  }
}
@media (max-width: 1100px) {
  .navbar-main-container .navbar-full-width .navbar-container .police {
    font-size: 14px !important;
  }
}
@media (min-width: 1101px) and (max-width: 1350px) {
  .navbar-main-container .navbar-full-width .navbar-container .police {
    font-size: 16px !important;
  }
}
@media (min-width: 1351px) {
  .navbar-main-container .navbar-full-width .navbar-container .police {
    font-size: 18px !important;
  }
}
.navbar-main-container .navbar-full-width .navbar-container .navbar-dropdown-menu-btn {
  cursor: pointer;
  margin-left: 16px;
  border-left: 1px solid #b9bebe;
}
.navbar-main-container .navbar-full-width .navbar-container .navbar-dropdown-menu-btn .no-margin {
  margin: 0;
  height: 100%;
  width: 100%;
}
.navbar-main-container .navbar-full-width .navbar-container .navbar-dropdown-menu-btn .no-margin .link-style {
  padding: 0;
  height: 98%;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 24px;
  padding-right: 32px;
}
.navbar-main-container .navbar-full-width .navbar-container .navbar-dropdown-menu-btn .no-margin .dropdown-menu-container {
  left: -1px;
  right: 0;
  top: 70px;
  padding: 0;
  border: unset;
  font-size: 18px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: #656f71;
}
.navbar-main-container .navbar-full-width .navbar-container .navbar-dropdown-menu-btn .no-margin .dropdown-menu-container .dropdown-menu-text {
  height: 35px;
  display: flex;
  align-items: center;
}
.navbar-main-container .navbar-full-width .navbar-container .navbar-dropdown-menu-btn .icon-style {
  margin-left: 16px;
}
.navbar-main-container .navbar-full-width .navbar-container .navbar-dropdown-menu-btn:hover {
  background: rgba(211, 211, 211, 0.36);
}
.navbar-main-container .menu-separator {
  height: 0;
  border-bottom: 2px solid #48CDE0;
}
.mobileNavBar {
  display: flex;
  justify-content: flex-end;
}
.mobileNavBar .button-container {
  display: flex;
  width: 100%;
}
.mobileNavBar .button-container .button {
  width: 100%;
}
.mobileNavBar .button-container .button a {
  font-size: 8px;
}
.mobileNavBar .button-container .button a i {
  font-size: 20px;
  margin-bottom: 0;
}
.mobileNavBar .navBarMenuButtonContainer {
  -webkit-user-select: none;
  user-select: none;
  width: 80px !important;
  border-left: #bdbdbd 1px solid;
}
.mobileNavBar .navBarMenuButtonContainer .navBarMenuButton .icon {
  font-size: 20px !important;
  margin-bottom: 0;
}
.mobileNavBar .navBarMenuButtonContainer .navBarMenuButton a {
  font-size: 8px !important;
}
.mobileNavBar .dropdown-menu {
  -webkit-user-select: none;
  user-select: none;
  padding: 5px;
  right: 0 !important;
  left: auto !important;
  border: none !important;
  border-radius: 0px;
  margin-bottom: 0 !important;
  box-shadow: -10px -10px 16px -8px rgba(189, 189, 189, 0.9);
}
.mobileNavBar .dropdown-menu .dropdown-item:not(:first-child) {
  border-top: solid 1px #bdbdbd;
  padding-top: 15px;
}
.mobileNavBar .dropdown-menu .dropdown-item:not(:first-child).menu-separator {
  height: 0;
  padding: 0;
  border-top: 2px solid #48CDE0;
}
.mobileNavBar .dropdown-menu .dropdown-item {
  padding: 5px;
  margin: 5px;
  min-width: 200px;
  min-height: 50px;
  line-height: 40px;
}
.mobileNavBar .dropdown-menu .dropdown-item a {
  font-size: 16px !important;
}
.mobileNavBar .dropdown-menu .dropDownItemButton {
  background: #fff;
  color: #464680;
  text-align: center;
}
.mobileNavBar .dropdown-menu .activeDropDownItemButton {
  background: #fff;
  color: #48cde6;
  text-align: center;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.newAgencyPageSlide {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.newAgencyPageSlide .content-container {
  padding: 32px;
  display: flex;
  flex-direction: column;
}
.newAgencyPageSlide .custom-md-input-container {
  margin: 0;
}
.newAgencyPageSlide .custom-md-input-container + .custom-md-input-container {
  margin: 16px 0 0 0;
}
.newAgencyPageSlide .validate {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
.newAgencyPageSlide .validate {
  margin: 32px 0 0 0;
}
.newAgencyPageSlide .agency-informaiton-permissions {
  margin: 24px 0 0 4px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
#chart-container {
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 !important;
}
@media (max-width: 991px) {
  #chart-container {
    max-width: 100%;
    max-height: 100%;
  }
}
.orgchart {
  background-image: none;
  background-color: none;
  width: 100%;
  height: 100%;
  overflow: visible !important;
}
@media (max-width: 991px) {
  .orgchart {
    padding: 0 !important;
  }
}
.orgchart .node {
  margin: 0 15px;
}
.orgchart .node:not(#TreeTop) {
  height: 100%;
  width: 200px !important;
}
.orgchart .node .contact_card {
  box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
.orgchart .node .content {
  padding: 3px 10px 0 10px;
  width: 100%;
  height: 40px;
  font-size: 11px;
  line-height: 18px;
  border: 1px solid rgba(70, 69, 128, 0.2);
  border-top: none;
  border-radius: 0;
  text-align: left;
  background-color: #f8f8f8;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: initial;
}
.orgchart .node .title {
  height: 40px;
  line-height: 15px;
  background-color: white;
  padding: 5px 0 5px 15px;
  border: 1px solid rgba(70, 69, 128, 0.2);
  border-left: 0px;
  border-radius: 0;
  text-align: left;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}
.orgchart .node .title .contactState {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  width: 10px;
}
.orgchart .node .title a {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orgchart .node .title a .nameLine {
  display: flex;
  justify-content: space-between;
}
.orgchart .node .title a .nameLine #potentialNumber {
  color: #9DBACE;
  margin-right: 3px;
}
.orgchart .node .title a .nameLine #potentialNumber .icon-small {
  font-size: 12px;
  vertical-align: text-top;
  margin-left: 2px;
}
.orgchart tr.lines td.topLine {
  border-top: 2px solid #464580;
}
.orgchart tr.lines td.rightLine {
  border-right: 1px solid #464580;
}
.orgchart tr.lines td.leftLine {
  border-left: 1px solid #464580;
}
.orgchart tr.lines .downLine {
  background-color: #464580;
}
.orgchart #TreeTop {
  content: none;
  border-radius: 8px;
  background-clip: padding-box;
  padding: 3px;
  width: 100%;
  max-width: 400px;
  vertical-align: middle;
}
.orgchart #TreeTop a {
  display: block;
}
.orgchart #TreeTop .title {
  text-align: center;
  box-shadow: none;
  width: 100%;
  height: 100%;
  border-radius: 4px 4px 4px 4px;
  background-color: transparent;
  border: none;
}
.orgchart #TreeTop .title span {
  height: 30px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.39;
  text-align: left;
  color: #48cde0;
  border-bottom: solid #48cde0 1px;
  margin-top: 12px;
  margin-bottom: 0;
}
.orgchart #lineTop,
.orgchart #lineTop + .lines {
  height: 25px;
  visibility: hidden;
}
.orgchart #TreeTop .content {
  display: none;
}
.orgchart .content-name {
  font-size: 13px;
  font-weight: bold;
  color: #464580;
}
.orgchart .content-title {
  font-weight: normal;
  font-size: 10px;
  color: #464580;
  margin-right: 3px;
  overflow: hidden;
}
.orgchart a[href^=tel] {
  display: inline-block;
  font-style: normal;
  font-size: 13px;
  color: #464580;
}
.orgchart .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.orgchart .tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  Position: absolute;
  z-index: 1;
}
.orgchart .tooltip:hover .tooltiptext {
  visibility: visible;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
pageslide page-slide-business-proposition .header .second-line {
  padding: 0 0 35px 35px;
  margin-top: -10px;
  width: 100%;
}
pageslide page-slide-business-proposition .header .second-line .ptfHeader {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  white-space: nowrap;
}
pageslide page-slide-business-proposition .header .second-line .ptfHeader .ptfTitle {
  font-size: 34px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
}
pageslide page-slide-business-proposition .header .second-line .ptfHeader .ptfDescription {
  color: #474781;
  overflow: hidden;
  text-overflow: ellipsis;
}
pageslide page-slide-business-proposition .row {
  margin-bottom: 10px;
}
pageslide page-slide-business-proposition .row .tjm-checkbox {
  margin-top: 16px;
  margin-bottom: 4px;
}
pageslide page-slide-business-proposition .row .col-lg-6,
pageslide page-slide-business-proposition .row .col-lg-12 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
}
pageslide page-slide-business-proposition .row .col-lg-6 md-input-container,
pageslide page-slide-business-proposition .row .col-lg-12 md-input-container {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
pageslide page-slide-business-proposition .row .col-lg-6 md-input-container .form-control-feedback,
pageslide page-slide-business-proposition .row .col-lg-12 md-input-container .form-control-feedback {
  height: auto;
}
pageslide page-slide-business-proposition .row .col-lg-6 md-input-container span,
pageslide page-slide-business-proposition .row .col-lg-12 md-input-container span {
  margin-top: 2px;
}
pageslide page-slide-business-proposition .row .col-lg-6 md-input-container textarea,
pageslide page-slide-business-proposition .row .col-lg-12 md-input-container textarea {
  margin-top: 0px;
}
pageslide page-slide-business-proposition .row .col-lg-6 md-input-container .md-resize-wrapper,
pageslide page-slide-business-proposition .row .col-lg-12 md-input-container .md-resize-wrapper {
  margin-top: 0px;
  padding-top: 10px;
}
pageslide page-slide-business-proposition .row .col-lg-6 md-input-container .md-resize-handle,
pageslide page-slide-business-proposition .row .col-lg-12 md-input-container .md-resize-handle {
  display: none;
}
pageslide page-slide-business-proposition .row .col-lg-6 md-input-container input[type=number]::-webkit-inner-spin-button,
pageslide page-slide-business-proposition .row .col-lg-12 md-input-container input[type=number]::-webkit-inner-spin-button,
pageslide page-slide-business-proposition .row .col-lg-6 md-input-container input[type=number]::-webkit-outer-spin-button,
pageslide page-slide-business-proposition .row .col-lg-12 md-input-container input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
pageslide page-slide-business-proposition .row .col-lg-6 md-input-container .icon-for-tjm,
pageslide page-slide-business-proposition .row .col-lg-12 md-input-container .icon-for-tjm,
pageslide page-slide-business-proposition .row .col-lg-6 md-input-container .icon-for-payment-schedule,
pageslide page-slide-business-proposition .row .col-lg-12 md-input-container .icon-for-payment-schedule {
  font-size: 15px;
  color: #a5c0d5;
  padding-right: 5px;
  margin-right: 6px;
  margin-top: -30px;
}
pageslide page-slide-business-proposition .functionClient .space {
  margin-top: 20px;
}
pageslide page-slide-business-proposition md-autocomplete {
  min-width: 0px;
}
.pageListProjects-popover-for-payment-schedule {
  font-size: 12px;
}
.pageListProjects-popover-for-payment-schedule td:last-child {
  text-align: right;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
pageslide .add-test-center {
  display: flex;
  justify-content: center;
}
pageslide edit-tests div.pageslide .button-add-test {
  margin-top: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
pageslide reject-candidate-page-slide .mail {
  padding: 2px;
}
pageslide .adapt-label-slider label {
  transform: translate3d(0, 20px, 0) scale(1) !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
pageslide page-slide-event-contact div.pageslide .for-place md-input-container {
  padding-bottom: 2px;
}
pageslide page-slide-event-contact div.pageslide .md-select-value {
  min-width: 0;
}
pageslide page-slide-event-contact div.pageslide input.md-datepicker-input {
  min-width: 0;
}
pageslide page-slide-event-contact div.pageslide .custom-margin {
  margin-top: 10px;
}
pageslide page-slide-call-back-contact div.pageslide .md-select-value {
  min-width: 0;
}
pageslide page-slide-call-back-contact div.pageslide input.md-datepicker-input {
  min-width: 0;
}
.custom-md-select-menu {
  left: 70% !important;
}
@media screen and (max-width: 991px) {
  .custom-md-select-menu {
    left: unset !important;
    width: 100%;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
pageslide page-slide-event-contact {
  height: 100%;
}
pageslide page-slide-event-contact .pageslide {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
pageslide page-slide-event-contact .row-buttons.row-buttons {
  margin-top: 0;
}
pageslide page-slide-event-contact .adress-style {
  margin-top: 13px;
  margin-bottom: 15px;
}
pageslide page-slide-event-contact .warning-calendar-date {
  text-align: center;
  color: #FF1744;
}
pageslide page-slide-event-contact .unavailable-day-container {
  text-align: center;
  width: 100%;
  margin-top: 8px;
}
pageslide page-slide-event-contact .unavailable-day-container .unavailable-day {
  color: #FF1744;
}
pageslide page-slide-event-contact .take-RDV-btns {
  width: 120px;
  height: 40px;
  margin-left: 40px;
  margin-top: 15px;
  padding: 10px 12px;
  margin-bottom: 20px;
}
pageslide page-slide-event-contact .take-RDV-btns:first-of-type {
  margin-left: 0px;
}
pageslide page-slide-event-contact .btn-contact-reunion-choice {
  border: 1px solid #FF1744 !important;
}
pageslide page-slide-event-contact .meeting-date-parent {
  margin-top: 50px;
}
pageslide page-slide-event-contact .contact-notfication {
  margin-top: 50px;
  margin-left: 5px;
}
pageslide page-slide-event-contact .duration-slider-container {
  margin-top: 15px;
}
pageslide page-slide-event-contact .duration-slider {
  max-width: 260px;
  width: 260px;
  flex: 0 0 auto;
}
pageslide page-slide-event-contact md-slider {
  margin-left: 0;
}
pageslide page-slide-event-contact .meeting-time {
  margin-top: -30.5px;
  border-color: rgba(0, 0, 0, 0.38) !important;
  width: 50px;
  text-align: center;
  margin-left: -10px;
  border-width: 0 0 0.5px 0;
}
pageslide page-slide-event-contact #red-slider .md-thumb:after,
pageslide page-slide-event-contact #red-slider .md-track-fill {
  background-color: #48cde0 !important;
  border-color: #48cde0 !important;
}
pageslide page-slide-event-contact #red-slider .md-focus-thumb,
pageslide page-slide-event-contact #red-slider .md-focus-ring {
  background-color: #48cde0;
}
pageslide page-slide-event-contact .header2 {
  width: 100%;
  height: 60px;
  background-image: linear-gradient(282deg, #7ee9f2, #52d3e4 81%, #52d3e4 81%, #48cde0);
}
pageslide page-slide-event-contact .header2 > .icon-close {
  color: #fff;
  cursor: pointer;
}
pageslide page-slide-event-contact .header2 .first-line {
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  align-items: center;
}
pageslide page-slide-event-contact .header2 .first-line > span.cross-x {
  color: #fff;
  cursor: pointer;
  margin: 25px;
}
pageslide page-slide-event-contact .header2 .first-line .rdv-with {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  display: flex;
  margin: 0 auto;
  overflow: hidden;
  padding-right: 66px;
}
pageslide page-slide-event-contact .header2 .first-line .rdv-with .name {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
pageslide page-slide-event-contact .header2 .first-line .rdv-with .candidat {
  font-size: 18px;
  font-weight: bold;
  color: #474781;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
}
@media (max-width: 991px) {
  pageslide page-slide-event-contact .slide-content-RDV {
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: visible;
  }
  pageslide page-slide-event-contact .carousel-calendar-view {
    width: 100%;
    margin: 0;
  }
  pageslide page-slide-event-contact .carousel-other-views {
    width: 100%;
    padding-left: 4%;
    padding-right: 4%;
    margin: 0;
  }
}
pageslide page-slide-event-contact .carousel-container {
  height: 100%;
}
pageslide page-slide-event-contact .carousel-other-views,
pageslide page-slide-event-contact .carousel-calendar-view {
  height: 100%;
  display: flex;
  flex-direction: column;
}
pageslide page-slide-event-contact .carousel-view-above-buttons {
  flex: 1 1 0;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
pageslide page-slide-event-contact .carousel-view-above-buttons::-webkit-scrollbar {
  display: none;
}
pageslide page-slide-event-contact .carousel-calendar-view-above-buttons {
  flex: 1 1 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
pageslide page-slide-event-contact .carousel-slide-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
pageslide page-slide-event-contact .carousel-slide-content > form {
  height: 100%;
  display: flex;
  flex-direction: column;
}
pageslide page-slide-event-contact .carousel-inner {
  height: 100%;
}
pageslide page-slide-event-contact .slide-content-RDV {
  flex: 1 1 0;
  padding-top: 0px;
}
pageslide page-slide-event-contact .slide-content-RDV > form {
  height: 100%;
}
pageslide page-slide-event-contact .fc-header-toolbar {
  margin-top: 15px;
}
pageslide page-slide-event-contact fullcalendar {
  display: block;
  flex: 1 1 0;
  height: calc(100% - 104px);
}
pageslide page-slide-event-contact .fc-view-container {
  margin-top: 3px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
pageslide page-slide-event-contact .fc-view-container::-webkit-scrollbar {
  display: none;
}
pageslide page-slide-event-contact .fc-slats {
  background: #f1f2f2;
}
pageslide page-slide-event-contact .btn-contact-reunion,
pageslide page-slide-event-contact .btn-contact-place {
  text-transform: uppercase;
  padding: 0;
  white-space: normal;
  line-height: 1;
  flex: 0 0 auto;
  border: 1px solid #b9bebe;
  color: #b9bebe;
  font-size: 12px;
  font-weight: normal;
  min-width: 78px;
  padding: 8px;
  height: 36px;
  margin-left: 8px;
  margin-top: 8px;
  overflow: hidden;
}
pageslide page-slide-event-contact .input-container-reunion {
  margin-top: -8px;
  margin-left: -8px;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
@media screen and (min-width: 992px) {
  pageslide page-slide-event-contact .input-container-reunion {
    width: 82%;
  }
}
pageslide page-slide-event-contact .month-days-scroll {
  flex: 0 0 auto;
  overflow-x: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  user-select: none;
}
pageslide page-slide-event-contact .month-days-scroll::-webkit-scrollbar {
  display: none;
}
pageslide page-slide-event-contact .month-days-scroll:first-of-type {
  margin-top: 15px;
}
pageslide page-slide-event-contact .header-calendar {
  display: inline-flex;
}
pageslide page-slide-event-contact .header-calendar::-webkit-scrollbar {
  display: none;
}
pageslide page-slide-event-contact .header-calendar-content {
  color: silver;
  margin-left: 25px;
  cursor: pointer;
}
pageslide page-slide-event-contact .header-calendar-day {
  cursor: pointer;
  height: 65px;
  width: 40px;
  text-align: center;
  padding-top: 10px;
  margin-top: 4px;
}
pageslide page-slide-event-contact .header-calendar-day .day-letter {
  color: #b9bebe;
}
pageslide page-slide-event-contact .header-calendar-day .day-number {
  color: #656f71;
}
pageslide page-slide-event-contact .header-calendar-day.is-weekend .day-letter,
pageslide page-slide-event-contact .header-calendar-day.is-holiday .day-letter {
  color: #f1f2f2;
}
pageslide page-slide-event-contact .header-calendar-day.is-weekend .day-number,
pageslide page-slide-event-contact .header-calendar-day.is-holiday .day-number {
  color: #b9bebe;
}
pageslide page-slide-event-contact .header-calendar-content:first-of-type {
  margin-left: 0px;
}
pageslide page-slide-event-contact .day-number {
  margin-top: 5px;
  display: block;
}
pageslide page-slide-event-contact .selected-month {
  font-weight: bold;
  color: #48cde0;
}
pageslide page-slide-event-contact .day-today.selected-day {
  background: #48cde0 !important;
  border-radius: 22px 22px 0px 0px;
  font-weight: bold;
}
pageslide page-slide-event-contact .day-today.selected-day .day-letter,
pageslide page-slide-event-contact .day-today.selected-day .day-number {
  color: white;
}
pageslide page-slide-event-contact .selected-day {
  background: #48cde0;
  border-radius: 22px 22px 0px 0px;
  font-weight: bold;
}
pageslide page-slide-event-contact .selected-day .day-letter.day-letter,
pageslide page-slide-event-contact .selected-day .day-number.day-number {
  color: white;
}
pageslide page-slide-event-contact .btn-contact-reunion:hover,
pageslide page-slide-event-contact .btn-contact-place:hover {
  border: 1px solid #48cde0;
  color: white;
}
pageslide page-slide-event-contact .btn-contact-place-active,
pageslide page-slide-event-contact .btn-contact-reunion-active {
  border: 1px solid #48cde0 !important;
  background: #48cde0 !important;
  color: white !important;
}
pageslide page-slide-event-contact .date-hour-picker {
  display: flex;
}
pageslide page-slide-event-contact .date-hour-picker-left {
  width: 260px;
}
pageslide page-slide-event-contact .date-hour-picker-right {
  width: 50px;
  margin-left: 10px;
}
pageslide page-slide-event-contact .duration-slider-container {
  margin-top: 20px;
}
pageslide page-slide-event-contact .btns-calendar-slide {
  box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.2);
  margin-top: 5px;
}
pageslide page-slide-event-contact .header-calendar-shadow {
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.2);
}
pageslide page-slide-event-contact .carousel-indicators {
  display: none;
}
pageslide page-slide-event-contact .fc-time-grid-event {
  padding-top: 5px;
  padding-left: 20px;
  font-size: 12px;
  width: 103%;
  border-radius: 0px;
  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
  border-color: transparent;
  border-left: 3px solid #464680;
}
pageslide page-slide-event-contact .fc-unthemed td {
  border-color: transparent;
}
pageslide page-slide-event-contact .fc-time {
  color: #b9bebe;
}
pageslide page-slide-event-contact .fc-event-container * {
  pointer-events: none;
}
@media (max-width: 340px) {
  pageslide page-slide-event-contact .duration-slider {
    width: 226px;
    max-width: 226px;
    flex: 0 0 auto;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
pageslide page-slide-event-employee {
  height: 100%;
}
pageslide page-slide-event-employee .pageslide {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
pageslide page-slide-event-employee .row-buttons.row-buttons {
  margin-top: 0;
}
pageslide page-slide-event-employee .adress-style {
  margin-top: 13px;
  margin-bottom: 15px;
}
pageslide page-slide-event-employee .warning-calendar-date {
  text-align: center;
  color: #FF1744;
}
pageslide page-slide-event-employee .unavailable-day-container {
  text-align: center;
  width: 100%;
  margin-top: 8px;
}
pageslide page-slide-event-employee .unavailable-day-container .unavailable-day {
  color: #FF1744;
}
pageslide page-slide-event-employee .take-RDV-btns {
  width: 120px;
  height: 40px;
  margin-left: 40px;
  margin-top: 15px;
  padding: 10px 12px;
  margin-bottom: 20px;
}
pageslide page-slide-event-employee .take-RDV-btns:first-of-type {
  margin-left: 0px;
}
pageslide page-slide-event-employee .btn-employee-reunion-choice {
  border: 1px solid #FF1744 !important;
}
pageslide page-slide-event-employee .meeting-date-parent {
  margin-top: 50px;
}
pageslide page-slide-event-employee .employee-notfication {
  margin-top: 50px;
  margin-left: 5px;
}
pageslide page-slide-event-employee .duration-slider-container {
  margin-top: 15px;
}
pageslide page-slide-event-employee .duration-slider {
  max-width: 260px;
  width: 260px;
  flex: 0 0 auto;
}
pageslide page-slide-event-employee md-slider {
  margin-left: 0;
}
pageslide page-slide-event-employee .meeting-time {
  margin-top: -30.5px;
  border-color: rgba(0, 0, 0, 0.38) !important;
  width: 50px;
  text-align: center;
  margin-left: -10px;
  border-width: 0 0 0.5px 0;
}
pageslide page-slide-event-employee #red-slider .md-thumb:after,
pageslide page-slide-event-employee #red-slider .md-track-fill {
  background-color: #48cde0 !important;
  border-color: #48cde0 !important;
}
pageslide page-slide-event-employee #red-slider .md-focus-thumb,
pageslide page-slide-event-employee #red-slider .md-focus-ring {
  background-color: #48cde0;
}
pageslide page-slide-event-employee .header2 {
  width: 100%;
  height: 60px;
  background-image: linear-gradient(282deg, #7ee9f2, #52d3e4 81%, #52d3e4 81%, #48cde0);
}
pageslide page-slide-event-employee .header2 > .icon-close {
  color: #fff;
  cursor: pointer;
}
pageslide page-slide-event-employee .header2 .first-line {
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  align-items: center;
}
pageslide page-slide-event-employee .header2 .first-line > span.cross-x {
  color: #fff;
  cursor: pointer;
  margin: 25px;
}
pageslide page-slide-event-employee .header2 .first-line .rdv-with {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  display: flex;
  margin: 0 auto;
  overflow: hidden;
  padding-right: 66px;
}
pageslide page-slide-event-employee .header2 .first-line .rdv-with .name {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
pageslide page-slide-event-employee .header2 .first-line .rdv-with .candidat {
  font-size: 18px;
  font-weight: bold;
  color: #474781;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
}
@media (max-width: 991px) {
  pageslide page-slide-event-employee .slide-content-RDV {
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: visible;
  }
  pageslide page-slide-event-employee .carousel-calendar-view {
    width: 100%;
    margin: 0;
  }
  pageslide page-slide-event-employee .carousel-other-views {
    width: 100%;
    padding-left: 4%;
    padding-right: 4%;
    margin: 0;
  }
}
pageslide page-slide-event-employee .carousel-container {
  height: 100%;
}
pageslide page-slide-event-employee .carousel-other-views,
pageslide page-slide-event-employee .carousel-calendar-view {
  height: 100%;
  display: flex;
  flex-direction: column;
}
pageslide page-slide-event-employee .carousel-view-above-buttons {
  flex: 1 1 0;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
pageslide page-slide-event-employee .carousel-view-above-buttons::-webkit-scrollbar {
  display: none;
}
pageslide page-slide-event-employee .carousel-calendar-view-above-buttons {
  flex: 1 1 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
pageslide page-slide-event-employee .carousel-slide-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
pageslide page-slide-event-employee .carousel-slide-content > form {
  height: 100%;
  display: flex;
  flex-direction: column;
}
pageslide page-slide-event-employee .carousel-inner {
  height: 100%;
}
pageslide page-slide-event-employee .slide-content-RDV {
  flex: 1 1 0;
  padding-top: 0px;
}
pageslide page-slide-event-employee .slide-content-RDV > form {
  height: 100%;
}
pageslide page-slide-event-employee .fc-header-toolbar {
  margin-top: 15px;
}
pageslide page-slide-event-employee fullcalendar {
  display: block;
  flex: 1 1 0;
  height: calc(100% - 104px);
}
pageslide page-slide-event-employee .fc-view-container {
  margin-top: 3px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
pageslide page-slide-event-employee .fc-view-container::-webkit-scrollbar {
  display: none;
}
pageslide page-slide-event-employee .fc-slats {
  background: #f1f2f2;
}
pageslide page-slide-event-employee .btn-employee-reunion,
pageslide page-slide-event-employee .btn-employee-place {
  text-transform: uppercase;
  padding: 0;
  white-space: normal;
  line-height: 1;
  flex: 0 0 auto;
  border: 1px solid #b9bebe;
  color: #b9bebe;
  font-size: 12px;
  font-weight: normal;
  width: 78px;
  height: 36px;
  margin-left: 8px;
  margin-top: 8px;
  overflow: hidden;
}
pageslide page-slide-event-employee .input-container-reunion {
  margin-top: -8px;
  margin-left: -8px;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
@media screen and (min-width: 992px) {
  pageslide page-slide-event-employee .input-container-reunion {
    width: 82%;
  }
}
pageslide page-slide-event-employee .month-days-scroll {
  flex: 0 0 auto;
  overflow-x: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  user-select: none;
}
pageslide page-slide-event-employee .month-days-scroll::-webkit-scrollbar {
  display: none;
}
pageslide page-slide-event-employee .month-days-scroll:first-of-type {
  margin-top: 15px;
}
pageslide page-slide-event-employee .header-calendar {
  display: inline-flex;
}
pageslide page-slide-event-employee .header-calendar::-webkit-scrollbar {
  display: none;
}
pageslide page-slide-event-employee .header-calendar-content {
  color: silver;
  margin-left: 25px;
  cursor: pointer;
}
pageslide page-slide-event-employee .header-calendar-day {
  cursor: pointer;
  height: 65px;
  width: 40px;
  text-align: center;
  padding-top: 10px;
  margin-top: 4px;
}
pageslide page-slide-event-employee .header-calendar-day .day-letter {
  color: #b9bebe;
}
pageslide page-slide-event-employee .header-calendar-day .day-number {
  color: #656f71;
}
pageslide page-slide-event-employee .header-calendar-day.is-weekend .day-letter,
pageslide page-slide-event-employee .header-calendar-day.is-holiday .day-letter {
  color: #f1f2f2;
}
pageslide page-slide-event-employee .header-calendar-day.is-weekend .day-number,
pageslide page-slide-event-employee .header-calendar-day.is-holiday .day-number {
  color: #b9bebe;
}
pageslide page-slide-event-employee .header-calendar-content:first-of-type {
  margin-left: 0px;
}
pageslide page-slide-event-employee .day-number {
  margin-top: 5px;
  display: block;
}
pageslide page-slide-event-employee .selected-month {
  font-weight: bold;
  color: #48cde0;
}
pageslide page-slide-event-employee .day-today.selected-day {
  background: #48cde0 !important;
  border-radius: 22px 22px 0px 0px;
  font-weight: bold;
}
pageslide page-slide-event-employee .day-today.selected-day .day-letter,
pageslide page-slide-event-employee .day-today.selected-day .day-number {
  color: white;
}
pageslide page-slide-event-employee .selected-day {
  background: #48cde0;
  border-radius: 22px 22px 0px 0px;
  font-weight: bold;
}
pageslide page-slide-event-employee .selected-day .day-letter.day-letter,
pageslide page-slide-event-employee .selected-day .day-number.day-number {
  color: white;
}
pageslide page-slide-event-employee .btn-employee-reunion:hover,
pageslide page-slide-event-employee .btn-employee-place:hover {
  border: 1px solid #48cde0;
  color: white;
}
pageslide page-slide-event-employee .btn-employee-place-active,
pageslide page-slide-event-employee .btn-employee-reunion-active {
  border: 1px solid #48cde0 !important;
  background: #48cde0 !important;
  color: white !important;
}
pageslide page-slide-event-employee .date-hour-picker {
  display: flex;
}
pageslide page-slide-event-employee .date-hour-picker-left {
  width: 260px;
}
pageslide page-slide-event-employee .date-hour-picker-right {
  width: 50px;
  margin-left: 10px;
}
pageslide page-slide-event-employee .duration-slider-container {
  margin-top: 20px;
}
pageslide page-slide-event-employee .btns-calendar-slide {
  box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.2);
  margin-top: 5px;
}
pageslide page-slide-event-employee .header-calendar-shadow {
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.2);
}
pageslide page-slide-event-employee .carousel-indicators {
  display: none;
}
pageslide page-slide-event-employee .fc-time-grid-event {
  padding-top: 5px;
  padding-left: 20px;
  font-size: 12px;
  width: 103%;
  border-radius: 0px;
  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
  border-color: transparent;
  border-left: 3px solid #464680;
}
pageslide page-slide-event-employee .fc-unthemed td {
  border-color: transparent;
}
pageslide page-slide-event-employee .fc-time {
  color: #b9bebe;
}
pageslide page-slide-event-employee .fc-event-container * {
  pointer-events: none;
}
@media (max-width: 340px) {
  pageslide page-slide-event-employee .duration-slider {
    width: 226px;
    max-width: 226px;
    flex: 0 0 auto;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
page-slide-projects-ic .employee-name,
page-slide-employee-rq .employee-name {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 31px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
page-slide-projects-ic .note,
page-slide-employee-rq .note {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: normal;
  color: #b9bebe;
  margin: 5px 0px 10px 0px;
}
page-slide-projects-ic .slide-content .label-events,
page-slide-employee-rq .slide-content .label-events {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #48cde0;
  border-bottom: solid 1px #48cde0;
  width: 100%;
  padding-bottom: 5px;
  margin: 10px 0px;
}
page-slide-projects-ic assignation .row,
page-slide-employee-rq assignation .row {
  margin-top: 10px;
}
page-slide-projects-ic assignation .titre,
page-slide-employee-rq assignation .titre {
  height: 50px;
  background-image: linear-gradient(to right, #e9f7f9, #feffff);
  display: flex;
  align-items: center;
  margin-left: -40px;
  padding-left: 40px;
}
page-slide-projects-ic assignation .company,
page-slide-employee-rq assignation .company {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #464680;
}
page-slide-projects-ic assignation .contact,
page-slide-employee-rq assignation .contact {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #464680;
  margin-left: 10px;
}
page-slide-projects-ic assignation .name,
page-slide-employee-rq assignation .name {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: normal;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
page-slide-projects-ic assignation .description,
page-slide-employee-rq assignation .description {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: normal;
  color: #b9bebe;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
page-slide-projects-ic assignation .label-date,
page-slide-employee-rq assignation .label-date {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #48cde0;
  border-bottom: solid 2px #48cde0;
}
page-slide-projects-ic assignation .date,
page-slide-employee-rq assignation .date {
  margin-bottom: 40px;
}
page-slide-projects-ic assignation .date .input-left,
page-slide-employee-rq assignation .date .input-left {
  padding-right: 4px;
}
page-slide-projects-ic assignation .md-for-calendar-end,
page-slide-employee-rq assignation .md-for-calendar-end {
  border-bottom: solid 2px #48cde0;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #a5c0d5;
  margin-top: 10px;
}
page-slide-projects-ic assignation md-input-container .md-input,
page-slide-employee-rq assignation md-input-container .md-input {
  border: none;
  padding-top: 20px;
}
page-slide-projects-ic assignation md-input-container .md-input-has-value .md-datepicker-input,
page-slide-employee-rq assignation md-input-container .md-input-has-value .md-datepicker-input {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #a5c0d5 !important;
}
page-slide-projects-ic block-rq .block-rq,
page-slide-employee-rq block-rq .block-rq {
  display: flex;
  height: 45px;
  border-radius: 3px;
  box-shadow: 4px 5px 6px 0 rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
  border: solid 1px rgba(151, 151, 151, 0.06);
  align-items: center;
  padding: 15px;
  margin: 10px 0px;
}
page-slide-projects-ic block-rq .icon-calendrier,
page-slide-employee-rq block-rq .icon-calendrier {
  width: 7%;
  color: #b9bebe;
}
page-slide-projects-ic block-rq .own-event,
page-slide-employee-rq block-rq .own-event {
  color: #48cde0;
}
page-slide-projects-ic block-rq .past-event,
page-slide-employee-rq block-rq .past-event {
  opacity: 0.3;
}
page-slide-projects-ic block-rq .main-content,
page-slide-employee-rq block-rq .main-content {
  display: flex;
  align-items: flex-end;
}
page-slide-projects-ic block-rq .company-date .date,
page-slide-employee-rq block-rq .company-date .date,
page-slide-projects-ic block-rq .rq-type,
page-slide-employee-rq block-rq .rq-type {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #464680;
}
page-slide-projects-ic block-rq .company-date,
page-slide-employee-rq block-rq .company-date {
  display: flex;
  flex-direction: column;
  width: 40%;
  margin: 0px 0px 0px 10px;
}
page-slide-projects-ic block-rq .contact,
page-slide-employee-rq block-rq .contact {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #464680;
}
page-slide-projects-ic .modification-icon,
page-slide-employee-rq .modification-icon {
  font-size: 18px !important;
  margin: 0 !important;
  position: absolute !important;
  right: 0;
  top: 0;
  padding-right: 8px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
pageslide .slide-content .warning-header {
  color: #FF1744;
}
pageslide page-slide-fast-edition div.pageslide .slide-content {
  padding: 10px 30px 10px 30px;
}
pageslide page-slide-fast-edition div.pageslide .slide-content .for-type-of-project {
  margin-top: 25px;
}
pageslide page-slide-fast-edition div.pageslide .slide-content .for-description-area md-input-container {
  max-height: 400px;
  min-height: 200px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
pageslide page-slide-fast-edition div.pageslide .slide-content .forSwitchCdc .pastilleOk {
  color: #00c853;
  background-color: transparent;
}
pageslide page-slide-fast-edition div.pageslide .slide-content .forSwitchCdc .pastilleBad {
  color: #ff1744;
  background-color: transparent;
}
pageslide page-slide-solutions-edition-project div.pageslide .flag {
  margin-top: -10px;
}
pageslide page-slide-solutions-edition-project div.pageslide .separator.aqua {
  border-bottom: 1px solid #48cde0;
  margin: 15px -100px 10px -30px;
}
pageslide page-slide-solutions-edition-project div.pageslide .separator.gray {
  border-bottom: 1px solid lightgray;
  margin: 10px -100px 10px -30px;
}
pageslide page-slide-solutions-edition-project div.pageslide .crudSolution {
  background-color: #fff;
}
pageslide page-slide-solutions-edition-project div.pageslide .crudSolution .for-date-qualif {
  margin-top: 16px;
}
pageslide page-slide-solutions-edition-project div.pageslide .crudSolution .alert {
  margin-bottom: 10px;
  padding: 5px;
}
pageslide page-slide-solutions-edition-project div.pageslide .crudSolution .minForm {
  display: flex;
  align-items: center;
}
pageslide page-slide-solutions-edition-project div.pageslide .content-tab-solutions .busy-tab-spinner {
  display: flex;
  justify-content: center;
  margin: 32px 0 0 0;
}
pageslide page-slide-solutions-edition-project div.pageslide .content-tab-solutions .solutions-container {
  margin-top: 16px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
pageslide page-slide-solutions-edition-project div.pageslide .content-tab-solutions .solutions-container .alert-solutions {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #faebcc;
  border-radius: 4px;
}
pageslide page-slide-solutions-edition-project div.pageslide .content-tab-solutions .solutions-container .header-container {
  display: flex;
  align-items: center;
}
pageslide page-slide-solutions-edition-project div.pageslide .content-tab-solutions .solutions-container .header-container .solutions-header {
  color: #b9bebe;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
pageslide page-slide-solutions-edition-project div.pageslide .content-tab-solutions .solutions-container .header-container .separator-header {
  background: #F1F2F2;
  height: 2px;
  flex: 1 1 auto;
  margin-left: 8px;
}
pageslide page-slide-solutions-edition-project div.pageslide .content-tab-solutions .solutions-container .solutions-card-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
}
pageslide page-slide-solutions-edition-project div.pageslide .content-tab-solutions .solutions-container .solutions-card-container .solutions-card-spacing {
  margin-left: 16px;
  margin-top: 16px;
}
pageslide page-slide-solutions-edition-project div.pageslide .content-tab-solutions .solutions-container .solutions-card-container .solutions-card-spacing .chose-solution-btn {
  height: 40px;
  width: 203px;
  background-color: #464584;
  border: 1px solid #464584;
  outline: none;
  border-top: unset;
  color: white;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
}
pageslide page-slide-solutions-edition-project div.pageslide .content-tab-solutions .solutions-container .solutions-card-container .solutions-card-spacing .chose-solution-btn:hover {
  transition: 0.5s;
  background-color: #5e5d9a;
  border: 1px solid #5e5d9a;
  border-top: unset;
}
pageslide page-slide-solutions-edition-project div.pageslide .content-tab-solutions md-content {
  box-shadow: none !important;
}
pageslide page-slide-solutions-edition-project div.pageslide .content-tab-solutions .alert-for-nothing {
  margin-top: 10px;
}
pageslide page-slide-solutions-edition-project div.pageslide .loadingState {
  text-align: center;
  vertical-align: middle;
  margin-top: 45%;
  font-size: 20px;
}
pageslide page-slide-solutions-edition-project div.pageslide .slide-content {
  overflow-x: hidden;
  padding: 10px 15px 10px 15px;
}
pageslide page-slide-solutions-edition-project div.pageslide .slide-content .firstRowInformations .right-informations {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}
pageslide page-slide-solutions-edition-project div.pageslide .slide-content .firstRowInformations .left-informations {
  display: flex;
  flex-flow: column nowrap;
}
pageslide page-slide-solutions-edition-project div.pageslide .slide-content .rowForCards {
  margin-top: 20px;
}
pageslide page-slide-solutions-edition-project div.pageslide md-input-container {
  width: 95%;
}
pageslide page-slide-solutions-edition-project page-slide-add-qualif-solution-project div.pageslide.pageslide-over .info-person .name {
  font-size: 34px;
}
pageslide page-slide-solutions-edition-project page-slide-add-qualif-solution-project div.pageslide.pageslide-over .info-person .responsabilite {
  font-size: 15px;
  font-weight: bold;
}
pageslide page-slide-solutions-edition-project page-slide-add-qualif-solution-project div.pageslide.pageslide-over .info-person .experience {
  font-size: 15px;
  letter-spacing: -0.2px;
}
pageslide page-slide-solutions-edition-project page-slide-add-qualif-solution-project div.pageslide.pageslide-over .row-content.for-title {
  color: #48cde0;
  font-weight: bold;
  margin-bottom: 20px;
}
pageslide page-slide-solutions-edition-project page-slide-add-qualif-solution-project div.pageslide.pageslide-over .separator {
  border-bottom: 1px solid lightgray;
  margin: 15px -37px 15px -40px;
}
pageslide page-slide-won-project div.pageslide .rowLabel {
  margin-top: 15px;
  margin-bottom: 5px;
}
pageslide page-slide-lost-project div.pageslide .for-winning-company > md-input-container {
  padding: 0;
  margin-top: 0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.personProjectMatchingPageSlide {
  height: 100%;
  width: 100%;
}
.personProjectMatchingPageSlide .information-container {
  height: 95px;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #47CDE0;
  overflow: hidden;
}
.personProjectMatchingPageSlide .information-container .skills-container {
  width: 50%;
  margin-left: 24px;
  margin-top: 24px;
  cursor: pointer;
}
.personProjectMatchingPageSlide .information-container .skills-container .functional-skills-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.personProjectMatchingPageSlide .information-container .skills-container .functional-skills-container span {
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 1.5px;
  color: #3f4176;
  margin-right: 5px;
  background-color: #cdeff4;
}
.personProjectMatchingPageSlide .information-container .skills-container .technical-skills-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.personProjectMatchingPageSlide .information-container .skills-container .technical-skills-container span {
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  color: #3f4176;
  border: 1px solid #48cde0;
  margin-right: 5px;
}
.personProjectMatchingPageSlide .information-container .skills-container .soft-skills-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.personProjectMatchingPageSlide .information-container .skills-container .soft-skills-container span {
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 1.5px;
  color: #3f4176;
  margin-right: 5px;
  background-color: rgba(255, 152, 0, 0.29);
  text-transform: uppercase;
}
.personProjectMatchingPageSlide .information-container .experience-mobility-container {
  display: flex;
  justify-content: flex-end;
  width: 50%;
  font-size: 15px;
  line-height: 18px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  margin-top: 24px;
  margin-right: 24px;
  margin-left: 24px;
}
.personProjectMatchingPageSlide .information-container .experience-mobility-container .icon-localisation {
  margin-left: 16px;
  font-size: 20px;
  margin-top: -4px;
}
.personProjectMatchingPageSlide .information-container .experience-mobility-container .candidate-mobility {
  margin-left: 4px;
}
.personProjectMatchingPageSlide .tabs-content-container {
  margin-top: 16px;
  margin-left: 15px;
  margin-right: 15px;
}
.personProjectMatchingPageSlide .tabs-content-container md-content {
  box-shadow: none !important;
}
.personProjectMatchingPageSlide .tabs-content-container .tabs-border .projects-container {
  margin-top: 16px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.personProjectMatchingPageSlide .tabs-content-container .tabs-border .projects-container .card-name-project {
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
}
.personProjectMatchingPageSlide .tabs-content-container .tabs-border .projects-container .alert-projects {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #faebcc;
  border-radius: 4px;
}
.personProjectMatchingPageSlide .tabs-content-container .tabs-border .projects-container .projects-card-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
}
.personProjectMatchingPageSlide .tabs-content-container .tabs-border .projects-container .projects-card-container .projects-card-spacing {
  margin-left: 16px;
  margin-top: 16px;
}
.personProjectMatchingPageSlide .tabs-content-container .tabs-border .projects-container .projects-card-container .projects-card-spacing .chose-project-btn {
  height: 40px;
  width: 203px;
  background-color: #464584;
  border: 1px solid #464584;
  outline: none;
  border-top: unset;
  color: white;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
}
.personProjectMatchingPageSlide .tabs-content-container .tabs-border .projects-container .projects-card-container .projects-card-spacing .chose-project-btn:hover {
  transition: 0.5s;
  background-color: #5e5d9a;
  border: 1px solid #5e5d9a;
  border-top: unset;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*style for autocomplete highlighted text*/
.highlight {
  font-family: "Heebo-Bold", Helvetica, Arial, sans-serif;
  color: #464680 !important;
}
#pageAddEditProject .main-place {
  /** TODO : l'ombre fout le bordel en format mobile **/
}
#pageAddEditProject .main-place form .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 20px;
}
#pageAddEditProject .main-place form .header .icon-and-name {
  display: flex;
  align-items: center;
}
#pageAddEditProject .main-place form .middle-content-lg {
  background-color: white;
}
@media (max-width: 991px) {
  #pageAddEditProject .main-place form .middle-content-lg {
    display: none;
  }
  #pageAddEditProject .main-place form .middle-content-under-lg {
    padding: 65px 10% 30px 10%;
  }
}
@media (min-width: 992px) {
  #pageAddEditProject .main-place form .middle-content-lg {
    padding: 32px 4.94505495% 30px 4.94505495%;
  }
  #pageAddEditProject .main-place form .middle-content-under-lg {
    display: none;
  }
}
#pageAddEditProject .main-place .footer {
  box-shadow: none;
}
#pageAddEditProject .row {
  margin-bottom: 12px;
}
@media (max-width: 992px) {
  #pageAddEditProject .row {
    margin-bottom: 0px;
  }
}
#pageAddEditProject .tree-dots-div {
  position: relative;
}
#pageAddEditProject .tree-dots-div .editProject-menu-other-action {
  position: absolute;
  right: -90px;
}
#pageAddEditProject .responsability-div {
  margin: 0 20px 0 0;
}
#pageAddEditProject .solutionTitleAndButton {
  display: flex;
  justify-content: space-between;
}
#pageAddEditProject .solutionTitleAndButton h1 {
  flex-grow: 1;
}
#pageAddEditProject .solutionTitleAndButton .add-action-system-btn {
  align-self: center;
  margin-left: 16px;
}
#pageAddEditProject .rtfblock + .rtfblock {
  border-top: 1px solid #48cde0;
  margin-top: 25px;
}
@media (max-width: 991px) {
  #pageAddEditProject .input-right {
    padding-left: 0;
  }
}
#pageAddEditProject md-input-container md-datepicker {
  width: 100%;
}
#pageAddEditProject md-input-container md-datepicker .md-datepicker-input-container {
  width: 100%;
}
#pageAddEditProject md-input-container md-datepicker .md-datepicker-input-container .md-datepicker-input {
  max-width: none;
}
#pageAddEditProject .input-for-creation-date {
  display: none;
}
@media (min-width: 992px) {
  #pageAddEditProject .input-for-creation-date {
    display: block;
    float: right;
    margin-bottom: -30px;
    margin-top: 10px;
    height: 20px;
    margin-right: 15px;
    font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: right;
    color: #a0a0a0;
    font-size: 11px;
  }
  #pageAddEditProject .input-for-creation-date span {
    font-weight: bold;
    font-size: 12px;
  }
}
#pageAddEditProject .circle-near-project {
  width: 50px;
  margin-top: -2px;
  margin-right: 3px;
  font-size: 1em;
}
#pageAddEditProject .description {
  padding-bottom: 20px;
}
#pageAddEditProject .description .for-city {
  font-size: 15px;
  padding-left: 0px;
}
#pageAddEditProject .description .for-city md-input-container,
#pageAddEditProject .description .for-city md-autocomplete {
  width: 100%;
}
#pageAddEditProject .description .for-city md-input-container .icon,
#pageAddEditProject .description .for-city md-autocomplete .icon {
  position: relative;
  margin-top: -30px;
  float: right;
  padding-top: 2px;
}
#pageAddEditProject .description .forSwitchCdc {
  left: 0;
}
#pageAddEditProject .description .forSwitchCdc label {
  white-space: nowrap;
}
#pageAddEditProject .description .for-radio-btn-resp {
  margin-left: 5px;
  display: flex;
  justify-content: space-between;
}
#pageAddEditProject .description .for-radio-btn-resp > md-radio-button {
  padding-top: 5px;
  display: inline-block;
  margin-top: 20px;
}
#pageAddEditProject .description .for-radio-btn-resp > md-radio-button:last-child {
  margin-right: 0px;
}
@media (min-width: 992px) {
  #pageAddEditProject .description {
    padding-bottom: 0px;
  }
  #pageAddEditProject .description .md-block {
    margin-bottom: 5px;
  }
}
@media (max-width: 991px) {
  #pageAddEditProject .description .col-xs-3 {
    width: 50%;
  }
}
#pageAddEditProject .dates {
  font-size: 15px;
  margin-top: 5px;
}
#pageAddEditProject .dates md-input-container,
#pageAddEditProject .dates md-autocomplete {
  width: 100%;
}
#pageAddEditProject .dates md-input-container .icon,
#pageAddEditProject .dates md-autocomplete .icon {
  position: relative;
  margin-top: -30px;
  float: right;
  padding-top: 2px;
}
#pageAddEditProject .skills .experience span.extra-text {
  right: 15px;
}
#pageAddEditProject div.left-pane {
  padding-right: 5.10989011%;
  border-right: 1px solid #ddecf7;
}
#pageAddEditProject div.right-pane {
  padding-left: 5.49450549%;
}
#pageAddEditProject div.main-place .skills skill-material-v2 md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
  color: #a5c0d4;
}
#pageAddEditProject div.main-place div.only-under-lg .for-type-switch {
  margin-top: 15px;
}
#pageAddEditProject div.main-place div.only-under-lg .for-type-switch md-input-container {
  /***** Lorsque l'input a un value *****/
  /***** Lorsque l'input est focused *****/
}
#pageAddEditProject div.main-place div.only-under-lg .for-type-switch md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(-4px, 7px, 0) scale(0.75);
}
#pageAddEditProject div.main-place div.only-under-lg .for-type-switch md-input-container.md-input-focused label:not(.md-no-float) {
  transform: translate3d(-4px, 7px, 0) scale(0.75);
}
#pageAddEditProject div.main-place div.only-under-lg .skills .experience span.extra-text {
  right: -5px;
}
#pageAddEditProject div.main-place div.lg-only .for-type-switch {
  margin-top: 15px;
}
#pageAddEditProject div.main-place div.lg-only .for-type-switch md-input-container {
  /***** Lorsque l'input a un value *****/
  /***** Lorsque l'input est focused *****/
}
#pageAddEditProject div.main-place div.lg-only .for-type-switch md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(-4px, 7px, 0) scale(0.75);
}
#pageAddEditProject div.main-place div.lg-only .for-type-switch md-input-container.md-input-focused label:not(.md-no-float) {
  transform: translate3d(-4px, 7px, 0) scale(0.75);
}
@media screen and (max-width: 1024px) {
  #pageAddEditProject .for-project-type md-radio-button .md-label {
    margin-left: 22px;
  }
}
@media screen and (max-width: 568px) {
  #pageAddEditProject .for-project-type md-radio-button .md-label {
    margin-left: 22px;
  }
  #pageAddEditProject .add-action-system-btn span {
    display: none;
  }
  #pageAddEditProject .experiences {
    display: contents;
  }
  #pageAddEditProject .dispose {
    display: contents;
  }
  #pageAddEditProject .input-right .dispose {
    display: contents;
  }
}
#pageAddEditProject .update {
  display: flex;
  justify-content: center;
}
#pageAddEditProject .projectDeriveRed {
  color: red !important;
}
#pageAddEditProject .tjmWithEuro {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
#pageAddEditProject .tjmWithEuro .symboleEuro {
  position: absolute;
  right: 10px;
  top: 18px;
}
.dialog-field-name,
.dialog-main-text {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.dialog-new-value,
.dialog-main-text,
.dialog-field-name {
  color: #464680;
}
.dialog-old-value {
  color: #b9bebe;
}
.dialog-main-text {
  margin-bottom: 10px;
}
.projectDeriveRed {
  color: red !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.ptfsSendModal {
  width: 800px;
}
.ptfsSendModal .dialog-header {
  margin: 0;
}
.ptfsSendModal .dialog-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: none;
  padding: 10px;
}
.ptfsSendModal .dialog-content p {
  padding: 5px;
}
.ptfsSendModal .dialog-content .input-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 5px;
}
.ptfsSendModal .dialog-content .input-group md-input-container {
  width: 250px;
}
.ptfsPageSlide {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  overflow-y: auto;
}
.ptfsPageSlide .ptf-section-title-container {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin: 16px 0 0 0;
}
.ptfsPageSlide .ptf-section-title-container:first-of-type {
  margin: 0;
}
.ptfsPageSlide .select-ptf-title {
  font-size: 16px;
}
.ptfsPageSlide .ptf-section-title {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #9DBACE;
}
.ptfsPageSlide .ptf-card {
  padding: 8px 0 8px 8px;
  margin: 8px 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #9DBACE;
  border-left: 8px solid;
  border-radius: 6px;
  height: 70px;
  background: #FAFAFA;
  position: relative;
}
.ptfsPageSlide .ptf-card-left-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 72.5%;
}
.ptfsPageSlide .ptf-card-left-container .ptf-card-left {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 85%;
  margin-top: -10px;
}
.ptfsPageSlide .ptf-card-left-container .ptf-card-left:hover {
  color: #5e5d9a;
}
.ptfsPageSlide .ptf-card-left-container .ptf-sign-status {
  margin-left: 30px;
  color: #b9bebe;
  font-size: 14px;
}
.ptfsPageSlide .i-ptf {
  font-size: 22px;
}
.ptfsPageSlide .i-ptf-flagged {
  user-select: none;
  font-size: 22px;
  color: #FF9D17;
  margin: 0 0 0 8px;
}
.ptfsPageSlide .ptf-name {
  font-size: 16px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 2px 0 0 8px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ptfsPageSlide .i-visibility {
  font-size: 22px;
  margin: 0 8px;
  color: #9DBACE;
  cursor: pointer;
  margin-top: -10px;
}
.ptfsPageSlide .i-visibility:hover {
  color: #C2D9E6;
}
.ptfsPageSlide .i-visibility-gray {
  font-size: 22px;
  margin: 0 8px;
  color: #b9bebe;
  cursor: pointer;
  margin-top: -10px;
}
.ptfsPageSlide .i-visibility-gray:hover {
  color: #C2D9E6;
}
.ptfsPageSlide .i-link-and-open {
  font-size: 24px;
  color: white;
}
.ptfsPageSlide .i-delete {
  font-size: 24px;
  margin: 0 8px;
  color: #9DBACE;
  cursor: pointer;
  margin-top: -4px;
}
.ptfsPageSlide .i-delete:hover {
  color: #C2D9E6;
}
.ptfsPageSlide .ptf-card-right {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% + 16px);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin: 0 0 0 8px;
}
.ptfsPageSlide .ptf-card-right .ptf-card-command-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  width: 56px;
  min-width: 56px;
  margin: 0 0 0 8px;
  cursor: pointer;
}
.ptfsPageSlide .ptf-card-right .circle-red {
  position: absolute;
  top: 29px;
  right: 48px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 2px solid #FF1744;
  background: #FF1744;
}
.ptfsPageSlide .command-view {
  justify-content: space-between;
}
.ptfsPageSlide .command-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ptfsPageSlide .page-slide-first-scrolling-container {
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0 24px;
  /*height: calc(100vh - 317px);*/
  height: calc(100vh - 235px);
}
.ptfsPageSlide .information-text {
  margin: 0 0 0 2px;
  font-size: 16px;
}
.ptfsPageSlide .navigation-btns-container {
  margin: 16px 24px 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
.ptfsPageSlide .ptfs-selection-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100vh - 507px);
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0 24px;
  margin: -8px 0 0 0;
}
.ptfsPageSlide .ptf-command-date-selection-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 16px 0 0 0;
  padding: 0 24px;
  position: relative;
}
.ptfsPageSlide .command-top-container {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.ptfsPageSlide .ptf-selected {
  background: #464584;
  color: white;
  border-color: #464584;
}
.ptfsPageSlide .i-relative {
  position: relative;
}
.ptfsPageSlide .md-input-has-value {
  margin: -8px 0 0 0 !important;
}
.ptfsPageSlide .command-date-container {
  margin: 8px 0 0 0;
  width: 100%;
  cursor: pointer;
  padding: 2px 0;
}
.ptfsPageSlide .command-date-container input {
  cursor: pointer;
}
.ptfsPageSlide .i-date-modify {
  position: absolute;
  top: 12px;
  font-size: 22px;
  right: 16px;
  margin: 0 8px;
  color: #9DBACE;
}
.ptfsPageSlide .ptfs-list-container {
  margin: 24px 0 0 0;
}
.ptfsPageSlide .ptfs-list-container-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 24px;
  height: calc(100vh - 296px);
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.rolesAndRights {
  display: flex;
  flex-direction: column;
}
.rolesAndRights .roles-and-rights-container {
  height: calc(100vh - 155px);
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
.rolesAndRights .roles-rights-table-container {
  height: calc(100% - 136px);
  margin: 0 32px;
}
.rolesAndRights .roles-rights-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  direction: ltr;
}
.rolesAndRights .table-tr-container {
  height: 56px;
  min-height: 56px;
  max-height: 56px;
}
.rolesAndRights .table-th {
  box-sizing: border-box;
  background: white;
  text-transform: uppercase;
  padding: 8px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: normal;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.19);
  border: 1px solid #DDEBF6;
}
.rolesAndRights .table-td-first {
  position: relative;
  z-index: 0;
  background: white;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #DDEBF6;
}
.rolesAndRights .table-td {
  position: relative;
  z-index: 0;
  background: white;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #FFFFFF;
}
.rolesAndRights .table-fix-head {
  overflow-y: scroll;
  direction: rtl;
}
.rolesAndRights .table-fix-head thead th {
  position: sticky;
  top: -1px;
  z-index: 1;
}
.rolesAndRights .cell-container {
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  width: fit-content;
  margin: 0 auto;
  cursor: pointer !important;
}
.rolesAndRights .cell-container i {
  font-weight: bold;
  font-size: 16px;
  margin-top: -2px;
  margin-left: 8px;
}
.rolesAndRights .td-role {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
}
.rolesAndRights .td-role:hover .i-create-role {
  display: unset;
}
.rolesAndRights .i-create-role {
  cursor: pointer;
  font-size: 16px;
  display: none;
  color: #b9bebe;
  margin-top: -2px;
  padding: 4px;
}
.rolesAndRights .i-create-role:hover {
  color: white;
  background: #464680;
  border-radius: 50%;
  cursor: pointer;
}
.rolesAndRights .td-all-rights {
  background-color: #41A31D;
}
.rolesAndRights .td-all-rights:hover {
  cursor: pointer;
  background-color: #4b8a34;
}
.rolesAndRights .td-all-rights:hover .i-check {
  display: none;
}
.rolesAndRights .td-all-rights:hover .i-create {
  display: unset;
}
.rolesAndRights .td-some-rights {
  background-color: #FFA70C;
}
.rolesAndRights .td-some-rights:hover {
  cursor: pointer;
  background-color: #e6a739;
}
.rolesAndRights .td-some-rights:hover .i-panorama_fish_eye {
  display: none;
}
.rolesAndRights .td-some-rights:hover .i-create {
  display: unset;
}
.rolesAndRights .td-no-rights {
  background-color: #DB2337;
}
.rolesAndRights .td-no-rights:hover {
  cursor: pointer;
  background-color: #c24654;
}
.rolesAndRights .td-no-rights:hover .i-close.i-close.i-close {
  display: none;
}
.rolesAndRights .td-no-rights:hover .i-create {
  display: unset;
}
.rolesAndRights .td-cant-see {
  background-color: rgba(146, 143, 143, 0.5);
}
.rolesAndRights .i-all.i-all.i-all {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -14px;
  margin-top: -14px;
  font-size: 28px;
  height: 28px;
  width: 28px;
}
.rolesAndRights .i-check {
  color: white;
}
.rolesAndRights .i-close.i-close.i-close {
  color: white;
}
.rolesAndRights .i-panorama_fish_eye {
  color: white;
}
.rolesAndRights .i-create {
  color: white;
  display: none;
}
.rolesAndRights .add-role-btn-container {
  width: 100%;
  margin: 32px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rolesAndRights .add-role-btn {
  background: #48cde0;
  border-radius: 8px;
  color: white;
  border: 1px solid #48cde0;
  padding: 4px 24px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.rolesAndRights .add-role-btn:hover {
  transition: 0.3s;
  background: white;
  color: #48cde0;
}
.rolesAndRights [role="button"] {
  cursor: default;
}
.rolesAndRights .role-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.rolesAndRightsPageSlide {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.rolesAndRightsPageSlide .page-slide-header {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  height: 64px;
  min-height: 64px;
  background: linear-gradient(282deg, #7ee9f2, #52d3e4 81%, #52d3e4 81%, #48cde0);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rolesAndRightsPageSlide .page-slide-header-title {
  font-size: 18px;
  text-transform: uppercase;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80%;
}
.rolesAndRightsPageSlide .page-slide-header-title span {
  text-transform: uppercase;
  color: #464680;
}
.rolesAndRightsPageSlide .role-container {
  margin: 24px 24px 0 24px;
}
.rolesAndRightsPageSlide .h1-title {
  margin: 0;
}
.rolesAndRightsPageSlide .h1-title-content {
  margin: 0 24px 0 24px;
}
.rolesAndRightsPageSlide .input-container {
  user-select: none;
}
.rolesAndRightsPageSlide .input-container md-input-container {
  margin: 24px 0 0 0;
  padding: 2px 0;
}
.rolesAndRightsPageSlide .input-container md-input-container md-select,
.rolesAndRightsPageSlide .input-container md-input-container md-datepicker {
  padding: 0 2px;
}
.rolesAndRightsPageSlide .input-container md-input-container input {
  padding-left: 4px;
}
.rolesAndRightsPageSlide .half-container {
  width: 50%;
}
.rolesAndRightsPageSlide .role-and-delete-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rolesAndRightsPageSlide .i-delete {
  font-size: 20px;
  margin: 24px 0 0 0;
  color: #b9bebe;
  padding: 4px;
  cursor: pointer;
}
.rolesAndRightsPageSlide .i-delete:hover {
  color: white;
  background: #FF1744;
  border-radius: 50%;
}
.rolesAndRightsPageSlide .rights-tabs-container {
  margin: 24px 0 0 0;
  height: calc(100% - 220px);
}
.rolesAndRightsPageSlide md-pagination-wrapper {
  padding-left: 0px;
  width: unset !important;
}
.rolesAndRightsPageSlide .content-container {
  user-select: none;
  padding: 24px 0 0 0;
  overflow: hidden;
}
.rolesAndRightsPageSlide .rights-container {
  margin: 0;
  display: flex;
  flex-direction: column;
}
.rolesAndRightsPageSlide .i-box {
  font-size: 22px;
}
.rolesAndRightsPageSlide md-tab-item,
.rolesAndRightsPageSlide md-dummy-tab {
  height: 48px;
  user-select: none;
  max-width: 144px !important;
  min-width: 144px !important;
  width: 144px !important;
  margin: 0;
  padding: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.rolesAndRightsPageSlide md-tabs {
  height: 100%;
}
.rolesAndRightsPageSlide md-tab-content {
  min-height: unset !important;
  padding-bottom: unset !important;
}
.rolesAndRightsPageSlide .md-content-container {
  overflow: scroll;
  height: calc(100% - 62px);
  margin: 16px 24px 0 24px;
}
.rolesAndRightsPageSlide .btns-container {
  margin: 24px;
  display: flex;
  justify-content: space-around;
}
.rolesAndRightsPageSlide .custom-checkbox-container {
  display: flex;
  flex-direction: column;
  margin-left: 28px;
}
.rolesAndRightsPageSlide md-checkbox {
  margin: 8px 0 0 0;
  width: fit-content;
}
.rolesAndRightsPageSlide .md-label {
  user-select: none;
  margin-top: 3.5px;
}
.rolesAndRightsPageSlide .dropdown-permission-container {
  display: flex;
  align-items: center;
}
.rolesAndRightsPageSlide .dropdown-permission-container i {
  font-size: 24px;
  margin: 6px 4px 0 0;
  cursor: pointer;
}
.rolesAndRightsPageSlide .dropdown-permission-container i:hover {
  background: rgba(0, 0, 0, 0.05);
}
.rolesAndRightsPageSlide .align-master-checkbox {
  margin-left: 28px;
}
.rolesAndRightsPageSlide .profils-action-buttons-container {
  margin: 8px 0;
}
.rolesAndRightsPageSlide .profils-action-buttons-container span {
  margin-right: 16px;
}
.rolesAndRightsPageSlide .profils-action-buttons-container span:hover {
  font-weight: bold;
  border-bottom: 2px solid #464680;
}
.rolesAndRightsPageSlide .full-screen {
  font-size: 24px;
  color: white;
  position: absolute;
  right: 24px;
  top: 24px;
  transition: 0.3s;
}
.rolesAndRightsPageSlide .full-screen:hover {
  background: rgba(0, 0, 0, 0.1);
}
.outlined {
  background: white;
  width: 128px;
  border: 1px solid #48cde0;
  color: #48cde0;
  padding: 8px 0;
  border-radius: 4px;
  margin: 0 4px;
}
.outlined:hover {
  background: #48cde0;
  color: white;
  transition: 0.3s;
}
.filled {
  background: #48cde0;
  width: 128px;
  border: 1px solid #48cde0;
  color: white;
  padding: 8px 0;
  border-radius: 4px;
  margin: 0 4px;
}
.filled:hover {
  background: white;
  color: #48cde0;
  transition: 0.3s;
}
.filled.disabled,
.filled[disabled],
fieldset[disabled] .filled {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: unset;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.rolesAndRightsTree {
  position: relative;
}
.rolesAndRightsTree md-checkbox {
  margin: 8px 0 0 0;
  width: fit-content;
}
.rolesAndRightsTree .md-label {
  user-select: none;
  margin-top: 3.5px;
}
.rolesAndRightsTree .dropdown-permission-container {
  display: flex;
  align-items: center;
}
.rolesAndRightsTree .dropdown-permission-container i {
  font-size: 24px;
  margin: 6px 4px 0 0;
  cursor: pointer;
}
.rolesAndRightsTree .checkbox-with-icon {
  margin-left: -26px;
}
.rolesAndRightsTree .tree-bar-vertical-first {
  position: absolute;
  height: 74%;
  width: 2px;
  background: #464680;
  top: -4px;
}
.rolesAndRightsTree .tree-bar-vertical {
  position: absolute;
  height: 102%;
  width: 2px;
  background: #464680;
  top: -12px;
}
.rolesAndRightsTree .tree-bar-horizontal-master {
  position: absolute;
  width: 20px;
  height: 2px;
  background: #464680;
  top: 18px;
}
.rolesAndRightsTree .tree-bar-horizontal {
  position: absolute;
  width: 32px;
  height: 2px;
  background: #464680;
  top: 18px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.satisfactionSurveyPageSlide {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.satisfactionSurveyPageSlide .content-container {
  height: calc(100% - 64px);
  padding: 10px 32px;
  overflow-y: scroll;
}
.satisfactionSurveyPageSlide .content-container h1 {
  margin: 0;
}
.satisfactionSurveyPageSlide .buttons-container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 80px;
  margin: 48px 0 24px 0;
}
.satisfactionSurveyPageSlide .full-screen {
  font-size: 24px;
  color: white;
  position: absolute;
  right: 24px;
  top: 24px;
  transition: 0.3s;
}
.satisfactionSurveyPageSlide .full-screen:hover {
  background: rgba(0, 0, 0, 0.1);
}
.satisfactionSurveyPageSlide .warning {
  background: #FF9D17;
  color: white;
}
.satisfactionSurveyPageSlide .warning:hover {
  background: #FFA930;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
search-autocomplete md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
search-autocomplete md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
search-autocomplete md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
search-autocomplete md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
search-autocomplete .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
search-autocomplete .searchbar-disable {
  opacity: 0.4;
}
search-autocomplete .searchbar-container {
  position: relative;
}
search-autocomplete .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
search-autocomplete .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
search-autocomplete .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
search-autocomplete .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
search-autocomplete .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
search-autocomplete .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
search-autocomplete .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
search-autocomplete .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
search-autocomplete .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
search-autocomplete .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  search-autocomplete .autocomplete-mobile {
    width: 190px !important;
  }
  search-autocomplete .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  padding: 0;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li div {
  padding-left: 10px;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-group {
  background-image: linear-gradient(to right, #e9f7f9, #feffff);
  color: #a9aeae;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  /*margin: 5px 0px 5px 0px;*/
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-group .item-extension {
  font-style: italic;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li:hover .item-group,
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li.selected .item-group {
  color: #464680;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-value {
  color: #464680;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-value .highlight {
  font-family: "Heebo-Bold", Helvetica, Arial, sans-serif;
  color: #464680;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.signature-component {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}
.signature-component .signature-container {
  touch-action: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.signature-component .signature-header {
  margin-top: 20px;
}
.signature-component .signature-and-btns {
  margin-top: 8px;
}
.signature-component .signature {
  height: 146px;
  width: 207px;
  background: #effafc;
  border: 1px solid #b9bebe;
}
.signature-component .signature-canvas {
  border-radius: 4px;
  background: transparent;
  touch-action: none;
}
.signature-component .signature-btns {
  display: flex;
  justify-content: space-around;
  margin-top: 8px;
}
.signature-component .signature-btn-reset {
  min-width: 40px;
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  background: #9DBACE;
  padding: 0 16px;
}
.signature-component .signature-btn-reset:hover {
  background: #C2D9E6;
}
.signature-component .signature-btn-save {
  min-width: 40px;
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  background: #464584;
  padding: 0 16px;
}
.signature-component .signature-btn-save:hover {
  background: #5e5d9a;
}
.signature-component .signature-btn-save-disabled {
  cursor: not-allowed !important;
  min-width: 40px;
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: 2px solid #9F9F9F;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9F9F9F;
  cursor: pointer;
  padding: 0 16px;
  background: transparent;
}
.signature-component .validated {
  background: #98FB98;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.selectdemoSelectHeader md-content._md {
  max-height: 100%;
}
.selectdemoSelectHeader .demo-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}
.selectdemoSelectHeader .demo-select-header {
  margin-top: 1em;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10.667px;
  padding-right: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}
.selectdemoSelectHeader md-optgroup > label:only-child {
  display: none;
}
.label-skill {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  display: inline-block;
  border-radius: 100px;
  letter-spacing: -0.2px;
  text-align: center;
  vertical-align: middle;
  margin-right: 3px;
  font-weight: 100;
  padding-top: 5px;
  color: #464680;
}
.label-skill.deletable {
  cursor: pointer;
}
.label-skill.deletable:hover::after {
  content: "X";
  color: #d9534f;
}
.label-skill.addable {
  cursor: pointer;
}
.label-skill.addable:hover:after {
  content: "✓";
  color: darkgreen;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.skills .ui-select-focusser {
  display: none;
}
.skills .form-control {
  width: 100% !important;
  border: none;
  box-shadow: inset 0 -1px 0 0 #c5d9e8;
  border-radius: 0;
}
.skills .form-control:hover {
  box-shadow: inset 0 -1px 0 0 #48cde0 !important;
}
.skills .ui-select-choices {
  width: 100%;
}
.skills .btn {
  width: 200px;
  height: 30px;
  background-color: transparent;
  border: none;
  color: white;
  padding: 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 0;
  font-family: 'Heebo', sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #a5c0d5;
}
.skills .ui-select-placeholder {
  padding: 0 6px 0px 0;
}
.skills .ui-select-container {
  padding: 0px 23px 0px 20px;
}
.skills .hlistMobilitySelected {
  margin-top: 0;
  margin-bottom: 0px;
  margin-left: 0px;
  list-style-type: none;
  padding: 10px 0 0 20px;
}
.skills .hlistMobilitySelected li {
  padding-top: 10px;
  display: inline-block;
  white-space: nowrap;
  font-size: 10px;
  font-family: 'Heebo', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.2px;
  color: #464680;
  float: left;
  margin-bottom: 5px;
}
.skills .hlistMobilitySelected li:hover {
  text-decoration: underline;
}
.skills .hlistMobilitySelected .tag {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.2px;
  text-align: left;
  color: #464680;
  border-radius: 100px;
  border: solid 1px #48cde0;
  padding: 0px 5px 0px 5px;
}
.skills .hlistMobilitySelected .tag .pictoMoins:after {
  content: ' X';
}
.tooltip.white,
.tooltip.bottom {
  max-width: none;
  width: auto;
}
.tooltip.white .tooltip-inner,
.tooltip.bottom .tooltip-inner {
  max-width: none;
  width: auto;
}
.tooltip.white .tooltip-inner {
  color: #464580;
  background-color: white;
  border-radius: 5px;
  border: 1px #bbbbd0 solid;
  border-top: none;
}
.tooltip.white .tooltip-arrow {
  border-bottom-color: white !important;
}
.tooltip.white .content,
.tooltip.bottom .content {
  text-align: left;
}
.tooltip.white .content table,
.tooltip.bottom .content table {
  width: 100%;
}
.tooltip.white .content hr,
.tooltip.bottom .content hr {
  margin: 2px 0;
  padding: 0;
  font-weight: bold;
  height: 2px;
}
.tooltip.white .content th,
.tooltip.bottom .content th {
  font-weight: normal;
}
.tooltip.white .content td,
.tooltip.bottom .content td {
  text-align: right;
  padding: 0px 5px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.icon-upload {
  display: inline-block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.icon-upload svg {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.icon-upload[type="file"] {
  position: absolute;
  z-index: 2;
  font-size: 5px;
  color: #ffffff;
  opacity: 0;
  background-color: #ffffff;
  cursor: pointer;
}
.menu-file-button {
  display: inline-block;
  position: relative;
}
.menu-file-button .btn-agb-principal-light-inverse {
  background-color: transparent;
}
.menu-file-button md-menu {
  position: absolute;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}
.menu-file-button md-menu .md-button {
  margin: 0;
  padding: 0;
  min-height: 100%;
  min-width: 100%;
}
.menu-file-button .btn-agb-icon i {
  padding-right: 6px;
}
@media all and (max-width: 500px) {
  .menu-file-button .btn-agb-icon i {
    padding-right: 0px;
  }
}
.icon-upload-button {
  display: inline-block;
  position: relative;
}
.icon-upload-button input[type="file"] {
  position: absolute;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}
.icon-upload-button:hover .btn-agb-principal-light-inverse {
  background-color: #48cde0;
  color: #fff;
}
.icon-upload:before {
  content: none;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.usersAndRolesFilters {
  display: flex;
  flex-direction: column;
}
.usersAndRolesFilters .search-input-container {
  margin: 24px 24px 0 24px;
  position: relative;
}
.usersAndRolesFilters .i-search {
  position: absolute;
  left: 8px;
  font-size: 22px;
  color: #b9bebe;
  top: 6px;
}
.usersAndRolesFilters .custom-search-input {
  border: unset;
  background: #f1f2f2;
  padding: 8px 34px 6px 34px;
  width: 100%;
  border-radius: 4px;
  color: #656f71;
}
.usersAndRolesFilters ::placeholder {
  color: #b9bebe;
}
.usersAndRolesFilters .reinit-filters-container {
  margin: 8px 0 0 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  height: 34px;
}
.usersAndRolesFilters .reinit-filters-container:hover {
  background: #f1f2f2;
}
.usersAndRolesFilters .i-close {
  position: absolute;
  right: 8px;
  font-size: 22px;
  color: #656f71;
  top: 6px;
  cursor: pointer;
}
.usersAndRolesFilters .i-close:hover {
  background: rgba(0, 0, 0, 0.05);
}
.usersAndRolesFilters .reinit-filters {
  margin: 2px 0 0 8px;
}
.usersAndRolesFilters .filters-container {
  display: flex;
  flex-direction: column;
}
.usersAndRolesFilters .filter-title-container {
  margin: 24px 0 0 0;
  text-transform: uppercase;
  width: 100%;
  background-image: linear-gradient(to right, #e9f7f9, #feffff);
  box-shadow: inset 1px 0 0 0 rgba(221, 235, 246, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.usersAndRolesFilters .filter-title {
  margin: 4px 0 0 0;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  color: #464680;
  letter-spacing: 1.7px;
}
.usersAndRolesFilters .type-radio-btns-container {
  display: flex;
  flex-direction: column;
  margin: 16px 24px 0 24px;
}
.usersAndRolesFilters .radio-btn {
  margin: 8px 16px 0 0;
}
.usersAndRolesFilters .radio-btn .md-label {
  margin-top: 3.5px;
}
.usersAndRolesFilters .input-container {
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  width: 100%;
  margin: 24px 0 0 0;
}
.usersAndRolesFilters md-input-container {
  margin: 0;
  padding: 2px 0;
  margin: 0 24px;
}
.usersAndRolesFilters md-input-container md-select,
.usersAndRolesFilters md-input-container md-datepicker {
  padding: 0 2px;
  /*background-color: rgba(0, 0, 0, 0.02) !important;*/
}
.usersAndRolesFilters md-input-container input {
  padding-left: 4px;
}
.usersAndRolesFilters md-input-container .md-select-value {
  padding-left: 16px;
  padding-right: 16px;
}
.usersAndRolesFilters .checkbox-container {
  display: flex;
  flex-direction: column;
  margin: 16px 24px 0 24px;
}
.usersAndRolesFilters .checkbox-container md-checkbox {
  margin: 8px 0 0 0;
}
.usersAndRolesFilters .checkbox-container .md-icon {
  border-color: #48cde0 !important;
}
.usersAndRolesFilters .checkbox-container .md-label {
  user-select: none;
  margin-top: 3.5px;
  margin-left: 30px;
}
.usersAndRolesFilters .roles-container {
  margin: 0 24px 0 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.usersAndRolesFilters .roles-container span {
  margin: 1px 0 0 0;
}
.usersAndRolesFilters .role {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 8px 0 0 8px;
  font-size: 10px;
  padding: 4px 8px 2px 8px;
  border: 1px solid #48cde0;
  border-radius: 24px;
}
.usersAndRolesFilters .role:hover:after {
  margin: 0 0 0 4px;
  content: 'X';
  color: #FF1744;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.usersAndRolesSettings {
  display: flex;
  flex-direction: column;
}
.usersAndRolesSettings .users-and-roles-container {
  height: calc(100vh - 155px);
}
.usersAndRolesSettings .custom-section {
  height: 100%;
}
.usersAndRolesSettings .header-bar {
  height: 64px;
  display: flex;
  align-items: center;
  padding: 0 40px;
}
.usersAndRolesSettings .header-title {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.usersAndRolesSettings .md-custom-content {
  height: unset;
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
.usersAndRolesSettings .users-and-roles-table-container {
  height: calc(100% - 96px);
  margin: 0 32px 0 32px;
  overflow-y: scroll;
}
.usersAndRolesSettings .users-and-roles-table-container thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}
.usersAndRolesSettings .users-roles-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.usersAndRolesSettings .table-tr-container {
  height: 56px;
  min-height: 56px;
  max-height: 56px;
}
.usersAndRolesSettings .table-th {
  box-sizing: border-box;
  text-align: center;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0 8px;
  background: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-shadow: inset 0px -2px 0px 0px #b9bebe;
  -moz-box-shadow: inset 0px -2px 0px 0px #b9bebe;
  box-shadow: inset 0px -2px 0px 0px #b9bebe;
}
.usersAndRolesSettings .table-th:first-of-type {
  -webkit-box-shadow: inset -2px -2px 0px 0px #b9bebe;
  -moz-box-shadow: inset -2px -2px 0px 0px #b9bebe;
  box-shadow: inset -2px -2px 0px 0px #b9bebe;
}
.usersAndRolesSettings .table-th:last-of-type {
  -webkit-box-shadow: inset -1px -2px 0px 0px #b9bebe;
  -moz-box-shadow: inset -1px -2px 0px 0px #b9bebe;
  box-shadow: inset -1px -2px 0px 0px #b9bebe;
}
.usersAndRolesSettings .table-td {
  position: relative;
  background: white;
  z-index: 0;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.usersAndRolesSettings .table-td:last-of-type {
  text-align: right;
}
.usersAndRolesSettings .table-td:first-of-type {
  -webkit-box-shadow: inset -2px -1px 0px 0px #b9bebe;
  -moz-box-shadow: inset -2px -1px 0px 0px #b9bebe;
  box-shadow: inset -2px -1px 0px 0px #b9bebe;
}
.usersAndRolesSettings .table-td-border {
  -webkit-box-shadow: inset 0px -1px 0px 0px #b9bebe;
  -moz-box-shadow: inset 0px -1px 0px 0px #b9bebe;
  box-shadow: inset 0px -1px 0px 0px #b9bebe;
}
.usersAndRolesSettings .table-td-border:last-of-type {
  -webkit-box-shadow: inset -1px -1px 0px 0px #b9bebe;
  -moz-box-shadow: inset -1px -1px 0px 0px #b9bebe;
  box-shadow: inset -1px -1px 0px 0px #b9bebe;
}
.usersAndRolesSettings .td-name {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
}
.usersAndRolesSettings .cell-header-container {
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  width: fit-content;
  margin: 0 auto;
  cursor: pointer !important;
}
.usersAndRolesSettings .cell-header-container i {
  font-weight: bold;
  font-size: 16px;
  margin-top: -2px;
  margin-left: 8px;
}
.usersAndRolesSettings .deactivated-color {
  color: #b9bebe;
}
.usersAndRolesSettings .deactivated-background-color.deactivated-background-color {
  background: #b9bebe;
}
.usersAndRolesSettings md-select[disabled],
.usersAndRolesSettings input[disabled],
.usersAndRolesSettings textarea[disabled] {
  background-color: transparent !important;
  color: #b9bebe !important;
}
.usersAndRolesSettings md-select[disabled] md-select-value,
.usersAndRolesSettings input[disabled] md-select-value,
.usersAndRolesSettings textarea[disabled] md-select-value {
  padding-top: 4px !important;
}
.usersAndRolesSettings md-select[disabled] .md-text,
.usersAndRolesSettings input[disabled] .md-text,
.usersAndRolesSettings textarea[disabled] .md-text {
  color: #b9bebe !important;
}
.usersAndRolesSettings .cell-content-container {
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  margin: 0 auto;
}
.usersAndRolesSettings .cell-content-container md-input-container {
  margin: 0;
  padding: 2px 0;
  margin-top: -6px;
  width: 80%;
}
.usersAndRolesSettings .cell-content-container md-input-container md-select,
.usersAndRolesSettings .cell-content-container md-input-container md-datepicker {
  padding: 0 2px;
  height: unset;
}
.usersAndRolesSettings .cell-content-container md-input-container input {
  padding-left: 4px;
}
.usersAndRolesSettings .cell-content-last-container {
  display: flex;
  justify-content: flex-end;
  padding-right: 16px;
  align-items: center;
  user-select: none;
  margin: 0 auto;
}
.usersAndRolesSettings .i-all {
  font-weight: bold;
  font-size: 16px;
  margin-top: -2px;
  margin-right: 8px;
}
.usersAndRolesSettings md-sidenav {
  width: 280px;
  max-width: 280px;
  min-width: 280px;
}
.usersAndRolesSettings .cell-name-container {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 8px;
  justify-content: space-between;
}
.usersAndRolesSettings .name-and-responsability-container {
  display: flex;
  overflow: hidden;
}
.usersAndRolesSettings .name-and-responsability {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.usersAndRolesSettings .name {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.usersAndRolesSettings .responsability {
  font-size: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.usersAndRolesSettings .i-statut.i-statut {
  font-size: 28px;
  height: 33px;
  margin: 0 8px 0 0;
}
.usersAndRolesSettings .i-statut.i-statut:before {
  margin-top: unset;
  vertical-align: unset;
}
.usersAndRolesSettings .custom-md-sidenav.custom-md-sidenav {
  height: unset;
  padding-bottom: unset;
}
.usersAndRolesSettings .license-name-container {
  width: 120px;
  display: flex;
}
.usersAndRolesSettings .trigram-container {
  height: 100%;
  display: flex;
  align-items: center;
}
.usersAndRolesSettings .trigram-container md-input-container {
  width: 104px;
  margin: 0 8px 0 0;
  padding: 2px 0;
}
.usersAndRolesSettings .trigram-container md-input-container md-select,
.usersAndRolesSettings .trigram-container md-input-container md-datepicker {
  padding: 0 2px;
}
.usersAndRolesSettings .trigram-container md-input-container input {
  padding-left: 4px;
  text-transform: uppercase;
}
.usersAndRolesSettings .trigram-label {
  text-transform: uppercase;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  background: #464680;
  color: white;
  width: 54px;
  font-size: 10px;
  justify-content: center;
}
.usersAndRolesSettings .trigram-label span {
  margin: 2px 0 0 0;
}
.usersAndRolesSettings .i-add {
  cursor: pointer;
  font-size: 22px;
}
.usersAndRolesSettings .i-add:hover {
  background: rgba(0, 0, 0, 0.05);
}
.usersAndRolesSettings .error-color {
  color: #FF1744 !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.workflowsSettings {
  display: flex;
  flex-direction: column;
}
.workflowsSettings md-checkbox.md-indeterminate .md-icon:after {
  border-style: none;
  content: "?";
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  top: 50%;
  left: 50%;
}
.workflowsSettings .workflows-settings-container {
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
.workflowsSettings .workflows-settings-scrolling-container {
  height: calc(100vh - 157px);
  overflow-y: scroll;
  width: 100%;
}
.workflowsSettings .under-section-container {
  width: 100%;
}
.workflowsSettings .workflow-selector-container {
  display: flex;
  justify-content: center;
  background: white;
  height: 56px;
  width: 100%;
}
.workflowsSettings .general-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 100%;
  padding: 0 16px;
  border-bottom: 2px solid white;
  text-transform: uppercase;
  letter-spacing: 1.71px;
}
.workflowsSettings .general-link:hover {
  background: #eee;
}
.workflowsSettings .general-link-selected {
  color: #48cde0;
  border-color: #48cde0;
}
.workflowsSettings .workflow-title {
  font-size: 30px;
  margin-right: 16px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.workflowsSettings .workflow-md-input-container {
  margin: 0;
  background: white;
  width: 16%;
  min-width: 285px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), inset 2px 0 0 0 #464680;
  padding-left: 8px;
}
.workflowsSettings .workflow-select-label {
  padding-left: 12px !important;
}
.workflowsSettings .md-input-focused {
  border: none;
}
.workflowsSettings .md-primary {
  margin-top: 8px !important;
}
.workflowsSettings .workflow-md-select {
  padding-left: 3px;
  background: white;
}
.workflowsSettings .workflow-md-select .md-select-value {
  border: none !important;
}
.workflowsSettings .recruitment-workflow-container {
  display: flex;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  user-select: none;
  position: relative;
  padding-bottom: 25px;
}
.workflowsSettings .workflow-boxes-container {
  display: flex;
  margin: 0 auto;
  padding: 0 35px;
  padding-top: 48px;
  justify-content: center;
}
.workflowsSettings .workflow-second-boxes-container {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  padding: 0 35px;
  padding-top: 48px;
}
.workflowsSettings .workflow-box {
  border-radius: 8px;
  background: white;
  box-shadow: 6px 7px 8px 0 rgba(0, 0, 0, 0.11);
  min-height: 512px;
  max-height: 512px;
  min-width: 296px;
  width: 16%;
  padding: 24px 24px 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 8px 24px 8px 8px;
  position: relative;
  border: 2px solid black;
}
.workflowsSettings .workflow-box:first-child {
  margin-left: 24px;
}
.workflowsSettings .workflow-box:last-child {
  margin-right: 24px;
}
.workflowsSettings .workflow-box.heigthBox {
  border-radius: 8px;
  background: white;
  box-shadow: 6px 7px 8px 0 rgba(0, 0, 0, 0.11);
  min-height: 600px;
  max-height: 600px;
  min-width: 296px;
  width: 16%;
  padding: 24px 24px 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 8px 24px 8px 8px;
  position: relative;
  border: 2px solid black;
}
.workflowsSettings .workflow-box.heigthBox:first-child {
  margin-left: 24px;
}
.workflowsSettings .workflow-box.heigthBox:last-child {
  margin-right: 24px;
}
.workflowsSettings .event-short-name-container {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 8px 0;
  height: 42px;
}
.workflowsSettings .event-short-name {
  font-size: 30px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  width: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 244px;
}
.workflowsSettings .md-input-container-workflow {
  background-color: #effafc;
  margin: 0;
  padding-bottom: 0;
}
.workflowsSettings .score-container {
  display: flex;
  align-items: center;
  background-color: #f8f8f8 !important;
  padding-right: 0;
}
.workflowsSettings .score-container md-input-container,
.workflowsSettings .score-container input {
  user-select: none;
  padding-right: 0;
  border-bottom: unset;
}
.workflowsSettings .i-add-remove {
  font-size: 22px;
  cursor: pointer;
  user-select: none;
}
.workflowsSettings .i-add-remove:hover {
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.1);
}
.workflowsSettings .plus-and-minus-container {
  display: flex;
  flex-direction: column;
}
.workflowsSettings .i-save-workflow-color {
  color: #b9bebe;
}
.workflowsSettings .i-delete {
  font-size: 22px;
  position: absolute;
  top: 8px;
  left: 8px;
  color: #b9bebe;
}
.workflowsSettings .i-delete:hover {
  cursor: pointer;
}
.workflowsSettings .i-workflow {
  font-size: 22px;
  position: absolute;
  top: 8px;
  right: 8px;
}
.workflowsSettings .i-workflow:hover {
  cursor: pointer;
}
.workflowsSettings .event-long-name-container {
  margin-top: 40px;
  border-top: 2px solid #464680;
  padding-top: 8px;
  width: 85%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.workflowsSettings .event-long-name-container span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.workflowsSettings .event-long-name {
  text-align: center;
  word-break: break-word;
  width: 85%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.workflowsSettings .event-description {
  margin-top: 24px;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: scroll;
}
.workflowsSettings .event-description::-webkit-scrollbar {
  width: 4px;
}
.workflowsSettings .description {
  max-width: 240px;
  word-break: break-word;
  color: #b9bebe;
}
.workflowsSettings .md-resize-wrapper {
  height: 94%;
}
.workflowsSettings .description-modification {
  width: 100%;
  height: 100% !important;
  background-color: #effafc;
  resize: none;
  overflow-y: scroll;
}
.workflowsSettings .add-appointment-container-first {
  height: 40px;
  width: 40px;
  position: absolute;
  border-radius: 50%;
  left: -38px;
  z-index: 2;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -48px;
}
.workflowsSettings .add-appointment-container {
  height: 40px;
  width: 40px;
  position: absolute;
  border-radius: 50%;
  right: -38px;
  z-index: 2;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -48px;
}
.workflowsSettings .add-appointment-container-solo {
  position: relative;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.workflowsSettings .i-add {
  cursor: pointer;
  color: white;
  font-size: 30px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.workflowsSettings .wheel-container {
  height: 80px;
  width: 80px;
  position: absolute;
  border-radius: 50%;
  right: -58px;
  z-index: 2;
  top: 50%;
  margin-top: -40px;
  border: 2px solid black;
  border-style: dashed;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.workflowsSettings .swap-container {
  z-index: 3;
  border-radius: 50%;
  display: flex;
  height: 98%;
  width: 98%;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 2px solid white;
  background: #b9bebe;
}
.workflowsSettings .wheel-container-silver {
  border-color: #b9bebe;
}
.workflowsSettings .vivier-workflow-container {
  z-index: 3;
  border-radius: 50%;
  display: flex;
  height: 98%;
  width: 98%;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 2px solid white;
}
.workflowsSettings i-swap-vivier {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.workflowsSettings .vivier-workflow {
  color: white;
  font-size: 10px;
}
.workflowsSettings .workflow-buttons-container {
  display: flex;
  justify-content: center;
  margin: 40px;
}
.workflowsSettings .outlined-action {
  background: white;
  min-width: 160px;
  border: 1px solid #48cde0;
  color: #48cde0;
  padding: 8px 16px;
  border-radius: 4px;
}
.workflowsSettings .filled-action {
  background: #48cde0;
  min-width: 160px;
  border: 1px solid #48cde0;
  color: white;
  padding: 8px 16px;
  border-radius: 4px;
}
.workflowsSettings .filled-action.disabled,
.workflowsSettings .filled-action[disabled],
fieldset[disabled] .workflowsSettings .filled-action {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: unset;
}
.workflowsSettings .option-container {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.workflowsSettings .option-container md-input-container {
  min-width: 408px;
  width: 408px;
  margin: 0;
  padding: 10px;
}
.workflowsSettings .option-container score-container {
  padding: 10px;
  margin: 0px;
}
.workflowsSettings .checkbox-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  margin: 16px 0 0 0;
}
.workflowsSettings .checkbox-container md-checkbox {
  margin: 0;
}
.workflowsSettings .checkbox-container .md-label {
  user-select: none;
  margin-top: 3.5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.workflowsSettings .options-checkbox-container md-checkbox {
  margin: 0 !important;
}
.workflowsSettings .options-checkbox-container .md-label {
  user-select: none;
  margin-top: 3.5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.workflowsSettings .show-options-btn-container {
  margin: 16px 0 0 0;
  display: flex;
  width: 100%;
  padding-bottom: 24px;
  justify-content: center;
}
.workflowsSettings .show-options-btn-container i {
  font-size: 36px !important;
}
.workflowsSettings md-checkbox.md-default-theme[disabled].md-checked .md-icon,
.workflowsSettings md-checkbox[disabled].md-checked .md-icon {
  background-color: rgba(0, 0, 0, 0.38) !important;
  border-color: rgba(0, 0, 0, 0.38) !important;
}
.workflowsSettings md-checkbox.md-default-theme[disabled] .md-icon,
.workflowsSettings md-checkbox[disabled] .md-icon {
  border-color: rgba(0, 0, 0, 0.38) !important;
}
.workflowsSettings .workflow-1 {
  color: #464680;
}
.workflowsSettings .workflow-background-1 {
  background: #464680;
}
.workflowsSettings .workflow-background-with-hover-1 {
  background: #464680;
}
.workflowsSettings .workflow-background-with-hover-1:hover {
  background: #48cde0;
}
.workflowsSettings .workflow-hover-1:hover {
  color: #464680;
}
.workflowsSettings .workflow-second-hover-1:hover {
  color: #48cde0;
}
.workflowsSettings .workflow-checkbox-1 .md-container {
  color: #48cde0 !important;
}
.workflowsSettings .workflow-checkbox-1 md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
  background-color: #48cde0;
  border-color: #48cde0;
}
.workflowsSettings .workflow-checkbox-1 md-checkbox.md-indeterminate .md-icon:after {
  color: #48cde0;
}
.workflowsSettings .workflow-checkbox-1 md-checkbox.md-default-theme.md-indeterminate .md-icon,
.workflowsSettings .workflow-checkbox-1 md-checkbox.md-indeterminate .md-icon {
  border-color: #48cde0;
}
.workflowsSettings .workflow-border-1 {
  border-color: #464680;
}
.workflowsSettings .workflow-modification-1 {
  color: #48cde0;
}
.workflowsSettings .workflow-border-modification-1 {
  border-color: #48cde0;
}
.workflowsSettings .workflow-2 {
  color: #F85E19;
}
.workflowsSettings .workflow-background-2 {
  background: #F85E19;
}
.workflowsSettings .workflow-background-with-hover-2 {
  background: #F85E19;
}
.workflowsSettings .workflow-background-with-hover-2:hover {
  background: #FFAE2C;
}
.workflowsSettings .workflow-hover-2:hover {
  color: #F85E19;
}
.workflowsSettings .workflow-second-hover-2:hover {
  color: #FFAE2C;
}
.workflowsSettings .workflow-checkbox-2 .md-container {
  color: #FFAE2C !important;
}
.workflowsSettings .workflow-checkbox-2 md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
  background-color: #FFAE2C;
  border-color: #FFAE2C;
}
.workflowsSettings .workflow-checkbox-2 md-checkbox.md-indeterminate .md-icon:after {
  color: #FFAE2C;
}
.workflowsSettings .workflow-checkbox-2 md-checkbox.md-default-theme.md-indeterminate .md-icon,
.workflowsSettings .workflow-checkbox-2 md-checkbox.md-indeterminate .md-icon {
  border-color: #FFAE2C;
}
.workflowsSettings .workflow-border-2 {
  border-color: #F85E19;
}
.workflowsSettings .workflow-modification-2 {
  color: #FFAE2C;
}
.workflowsSettings .workflow-border-modification-2 {
  border-color: #FFAE2C;
}
.workflowsSettings .workflow-3 {
  color: #289820;
}
.workflowsSettings .workflow-background-3 {
  background: #289820;
}
.workflowsSettings .workflow-background-with-hover-3 {
  background: #289820;
}
.workflowsSettings .workflow-background-with-hover-3:hover {
  background: #AED948;
}
.workflowsSettings .workflow-hover-3:hover {
  color: #289820;
}
.workflowsSettings .workflow-checkbox-3 .md-container {
  color: #AED948 !important;
}
.workflowsSettings .workflow-checkbox-3 md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
  background-color: #AED948;
  border-color: #AED948;
}
.workflowsSettings .workflow-checkbox-3 md-checkbox.md-indeterminate .md-icon:after {
  color: #AED948;
}
.workflowsSettings .workflow-checkbox-3 md-checkbox.md-default-theme.md-indeterminate .md-icon,
.workflowsSettings .workflow-checkbox-3 md-checkbox.md-indeterminate .md-icon {
  border-color: #AED948;
}
.workflowsSettings .workflow-border-3 {
  border-color: #289820;
}
.workflowsSettings .workflow-modification-3 {
  color: #AED948;
}
.workflowsSettings .workflow-border-modification-3 {
  border-color: #AED948;
}
.workflowsSettings .workflow-4 {
  color: #990033;
}
.workflowsSettings .workflow-background-4 {
  background: #990033;
}
.workflowsSettings .workflow-background-with-hover-4 {
  background: #990033;
}
.workflowsSettings .workflow-background-with-hover-4:hover {
  background: #ff0033;
}
.workflowsSettings .workflow-hover-4:hover {
  color: #990033;
}
.workflowsSettings .workflow-checkbox-4 .md-container {
  color: #ff0033 !important;
}
.workflowsSettings .workflow-checkbox-4 md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
  background-color: #ff0033;
  border-color: #ff0033;
}
.workflowsSettings .workflow-checkbox-4 md-checkbox.md-indeterminate .md-icon:after {
  color: #ff0033;
}
.workflowsSettings .workflow-checkbox-4 md-checkbox.md-default-theme.md-indeterminate .md-icon,
.workflowsSettings .workflow-checkbox-4 md-checkbox.md-indeterminate .md-icon {
  border-color: #ff0033;
}
.workflowsSettings .workflow-border-4 {
  border-color: #990033;
}
.workflowsSettings .workflow-modification-4 {
  color: #ff0033;
}
.workflowsSettings .workflow-border-modification-4 {
  border-color: #ff0033;
}
.workflowsSettings md-sidenav {
  width: 320px;
  max-width: 320px;
  min-width: 320px;
}
.workflowsSettings .filters-container {
  padding: 24px;
  display: flex;
  justify-content: center;
}
.workflowsSettings .filters-container button {
  margin: 0 8px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/**************Regle pour les pages d'ajout ou d'edition *****************************/
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.main-place {
  width: 100%;
}
@media (min-width: 992px) {
  .main-place {
    padding: 50px 5.27472527%;
    background-image: linear-gradient(to bottom, #e8f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  }
}
.main-place .form-style {
  background: white;
}
.main-place h1 {
  margin-bottom: 14px;
}
.main-place .agency-select {
  margin-right: auto;
}
.main-place .business {
  margin-top: 10px;
}
.main-place .small-label {
  transform: translate3d(-4px, 22px, 0) scale(0.75) !important;
}
.main-place form {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
}
.main-place form md-input-container {
  margin: 2px 0;
  /***** Lorsque l'input n'a pas de value *****/
  /*input, md-select, textarea {
                height: 42px;
                background-color: #effafc;
            }*/
  /*&:not(.md-input-has-value) {
                input, md-select, textarea {
                    background-color: #effafc;
                }
            }*/
  /***** Lorsque l'input a une value *****/
  /*&.md-input-has-value {
                label:not(.md-no-float) {
                    transform: translate3d(-4px, 20px, 0) scale(0.75);
                }

                input, .md-text, .md-datepicker-input {
                    font-family: @Medium;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 1;
                    text-align: left;
                    color: @twilight !important;
                    opacity: 1 !important;
                }

                input, md-select, textarea {
                    background-color: transparent;
                }
            }*/
  /*label:not(.md-no-float) {
                transform: translate3d(0, 36px, 0) scale(1);
            }*/
  /***** Lorsque l'input est focused *****/
  /*&.md-input-focused label:not(.md-no-float) {
                transform: translate3d(-4px, 20px, 0) scale(0.75);
            }*/
  /*&.with-text span.extra-text {
                margin-top: -28px;
            }*/
  /*md-select {
                background-color: #effafc;
                height: 42px;

                .md-select-value.md-select-placeholder {
                    color: #a5c0d4;

                    span {
                        margin-left: 5px;
                    }
                }
            }*/
  /*label {
                opacity: 1.0;
                margin-left: 5px;
                font-family: @Regular !important;
                font-size: 15px;
                line-height: 1;
                text-align: left;
                color: #a5c0d4 !important;
            }

            label::after {
                color: #a5c0d4 !important;
            }*/
  /*&.telephone-input {
                label {
                    transform: translate3d(-4px, 20px, 0) scale(0.75) !important;
                }
            }

            i.icon-calendrier, i.icon-fleche-drop {
                margin-top: -30px;
            }*/
  /*input {
                &[disabled] {
                    background-color: #f8f8f8 !important;
                }
            }

            &.md-for-calendar-end {
                margin: 2px 0;
            }

            .md-datepicker-input-container {
                width: 100%;
            }*/
}
.main-place form .input-right {
  padding-left: 4px;
}
.main-place .header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100vw;
  height: 60px;
  background-image: linear-gradient(281deg, #7ee9f2, #52d3e4 81%, #52d3e4 81%, #48cde0);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  line-height: 2.19;
  letter-spacing: -0.3px;
  display: table;
}
.main-place .header > div {
  display: table-row;
  height: 60px;
}
.main-place .header > div .name-corp,
.main-place .header > div .button-back {
  color: white;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.main-place .header > div .button-back {
  width: 40px;
  text-align: center;
  padding-top: 8px;
}
.main-place .header > div .icon-close {
  color: black;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .main-place .header {
    display: none;
  }
}
.main-place .top-content {
  min-height: 107px;
  background-color: white;
  border-bottom: 1px solid #ddecf7;
  padding: 0;
  margin-bottom: 1px;
  padding: 32px 2.52747253% 30px 4.94505495%;
  padding-bottom: 10px !important;
  background-color: #effafc;
}
.main-place .top-content .title-field {
  width: 75px;
  margin-right: 13px;
}
.main-place .top-content .title-field md-input-container {
  width: 100%;
}
.main-place .top-content .go-back {
  margin-top: 10px;
}
@media all and (min-width: 992px) {
  .main-place .top-content .go-back {
    margin-left: -40px;
  }
}
.main-place .top-content .header-content {
  display: flex;
  justify-content: space-between;
}
.main-place .top-content div.forName {
  display: flex;
}
.main-place .top-content div.forName label {
  margin-bottom: 5px;
}
.main-place .top-content div.forName input,
.main-place .top-content div.forName .mySelectLarge > md-select {
  font-weight: 500;
  font-size: 28px;
  line-height: 0.8;
}
.main-place .top-content div.forName input[type=text],
.main-place .top-content div.forName .mySelectLarge > md-select[type=text] {
  font-size: 20px;
  line-height: 0.73;
}
@media all and (max-width: 991px) {
  .main-place .top-content div.forName input[type=text],
  .main-place .top-content div.forName .mySelectLarge > md-select[type=text] {
    font-size: 15px;
    line-height: 0.4;
  }
}
.main-place .top-content div.forName > div:nth-child(1) {
  flex: 2;
}
.main-place .top-content div.forName > div:nth-child(2) {
  flex: 5;
}
@media all and (min-width: 319px) and (max-width: 374px) {
  .main-place .top-content div.forName > div:nth-child(2) {
    margin-right: -12px;
  }
}
.main-place .top-content div.forName > div:nth-child(3) {
  flex: 4;
}
.main-place .top-content div.forName .for-title,
.main-place .top-content div.forName .for-last-name,
.main-place .top-content div.forName .for-first-name {
  margin-right: 10px;
  margin-top: 0px;
}
@media (max-width: 374px) {
  .main-place .top-content div.forName .custom-margin {
    margin-left: 25px;
  }
  .main-place .top-content div.forName .input-ellips {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.main-place .top-content div.forActions,
.main-place .top-content .forActions2 {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  margin-bottom: 10px;
}
@media all and (min-width: 992px) {
  .main-place .top-content div.forActions,
  .main-place .top-content .forActions2 {
    justify-content: flex-end;
  }
}
.main-place .top-content div.forActions div.icon-upload-button.cv:hover,
.main-place .top-content .forActions2 div.icon-upload-button.cv:hover {
  color: #464680;
}
.main-place .top-content div.forActions div.icon-upload-button.cv:hover .btn-agb-principal-light-inverse,
.main-place .top-content .forActions2 div.icon-upload-button.cv:hover .btn-agb-principal-light-inverse {
  color: #464680;
}
.main-place .top-content div.forActions a.btn,
.main-place .top-content .forActions2 a.btn {
  background-color: transparent;
}
.main-place .top-content div.forActions a.btn i,
.main-place .top-content .forActions2 a.btn i {
  color: #464680 !important;
}
.main-place .top-content div.forActions a.btn:hover,
.main-place .top-content .forActions2 a.btn:hover {
  color: #464680;
}
.main-place .top-content div.forActions menu-file-button a.btn i,
.main-place .top-content .forActions2 menu-file-button a.btn i {
  color: #464680 !important;
}
.main-place .top-content div.forActions menu-file-button[required] a.btn i.wrong,
.main-place .top-content .forActions2 menu-file-button[required] a.btn i.wrong {
  color: #ff1744 !important;
}
.main-place .top-content div.forActions menu-file-button:not([required]) a.btn i.wrong,
.main-place .top-content .forActions2 menu-file-button:not([required]) a.btn i.wrong {
  color: #b9bebe !important;
}
.main-place .top-content .forActions3 {
  display: flex;
  flex-direction: row;
  margin-right: auto;
}
.main-place .top-content md-input-container {
  /***** Lorsque l'input a un value *****/
  /***** Lorsque l'input est focused *****/
}
.main-place .top-content md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(-4px, 12px, 0) scale(0.75);
}
.main-place .top-content md-input-container.md-input-focused label:not(.md-no-float) {
  transform: translate3d(-4px, 12px, 0) scale(0.75);
}
.main-place .top-content md-input-container.md-input {
  background-color: transparent;
}
.main-place .top-content .warning-doublon {
  color: orange;
  margin-left: 3px;
  font-size: 16px;
}
@media all and (max-width: 991px) {
  .main-place .top-content .warning-doublon {
    display: none;
  }
}
.main-place .top-content .warning-doublon .name {
  font-weight: bold;
}
.main-place .middle-content {
  padding: 32px 2.52747253% 30px 4.94505495%;
  background-color: white;
  width: 100%;
}
.main-place .footer {
  overflow: hidden;
  background-color: #fafbfc;
  height: auto;
  margin-top: 40px;
  height: 100px !important;
}
@media (min-width: 992px) {
  .main-place .footer {
    height: 100px;
    background-color: #fafbfc;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
  }
  .main-place .footer .lg-only {
    width: 100%;
    padding: 32px 2.52747253% 30px 4.94505495%;
    display: flex !important;
    align-items: center;
    justify-content: space-around;
  }
}
.main-place .footer .only-under-lg {
  padding-top: 20px;
  padding-bottom: 30px;
  height: auto;
}
.main-place .source-cv {
  margin-top: 6px;
}
.ATEnCours {
  text-align: end;
}
.infobulle {
  color: orangered;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.main-blocks {
  padding: 0;
  margin-left: -20px;
  margin-right: -20px;
}
.main-blocks.companyBlocks {
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-between;
}
.main-blocks .contactsAdmin {
  padding-top: 20px;
  padding-bottom: 10px;
}
.main-blocks .contactsAdmin .contactsFlex {
  display: flex;
  justify-content: flex-start;
}
.main-blocks .contactsAdmin .contactsFlex p {
  font-weight: bold;
  padding-right: 5px;
}
.main-blocks .contactsAdmin hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.main-blocks .contactsAdmin .contactsFlex2 {
  display: flex;
  justify-content: flex-start;
}
.main-blocks .contactsAdmin .contactsFlex2 p {
  font-weight: bold;
  padding-right: 5px;
}
.main-blocks .contactsAdmin .colors {
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #48cde0;
}
.main-blocks:last-child {
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .main-blocks {
    padding-left: 64px;
  }
}
@media (min-width: 992px) {
  .main-blocks {
    padding-right: 50px;
  }
}
.main-blocks > div {
  padding-left: 20px;
  padding-right: 20px;
}
.main-blocks .recruitment-button-container {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
.main-blocks .recruitment-button-container .recruitment-button-add {
  margin-top: 15px;
  background: unset;
  outline: none;
  border: unset;
  padding: 4px;
  color: #48cde0;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  margin-right: 1px;
  cursor: pointer;
}
.main-blocks .recruitment-button-container .recruitment-button-add[disabled] {
  color: #a0a0a0;
}
.main-blocks .recruitment-button-container .recruitment-button-del {
  margin-top: 15px;
  background: unset;
  outline: none;
  border: unset;
  padding: 4px;
  color: #48cde0;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  cursor: pointer;
}
.main-blocks .recruitment-button-container .recruitment-button-del[disabled] {
  color: #a0a0a0;
}
.main-blocks .recruitment-process {
  width: 100%;
  margin-top: 12px;
  table-layout: fixed;
}
.main-blocks .recruitment-process .table-header {
  height: 40px;
  font-size: 10px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #464680;
}
.main-blocks .recruitment-process .table-header .table-header-content-box {
  width: 6%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
.main-blocks .recruitment-process .table-header .table-header-content {
  width: 20%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
.main-blocks .recruitment-process .table-header .table-header-content-step {
  width: 11%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
.main-blocks .recruitment-process .table-header .table-header-content-comm {
  width: 43%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
.main-blocks .recruitment-process .table-content {
  height: 40px;
  font-size: 12px;
}
.main-blocks .recruitment-process .table-content .table-td-box {
  width: 6%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
.main-blocks .recruitment-process .table-content .table-td-box .recruitment-checkbox {
  padding: 0px;
  margin: 0px;
  max-width: 20px;
}
.main-blocks .recruitment-process .table-content .table-td-box .recruitment-checkbox .md-container {
  width: 16px;
  height: 16px;
}
.main-blocks .recruitment-process .table-content .table-td-box .recruitment-checkbox .md-container .md-icon {
  width: 16px;
  height: 16px;
  border-radius: unset;
  border: 1px solid silver;
}
.main-blocks .recruitment-process .table-content .table-td-box .recruitment-checkbox .md-container .md-icon::after {
  width: 5px;
  height: 10px;
  left: 4px;
  top: 0;
}
.main-blocks .recruitment-process .table-content .table-td {
  width: 20%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
.main-blocks .recruitment-process .table-content .table-td-step {
  width: 11%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
.main-blocks .recruitment-process .table-content .table-td-comm {
  width: 43%;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
.main-blocks .recruitment-process .table-content .expand-commentary {
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-blocks .recruitment-process .table-content .expand-commentary .commentary {
  background: white;
}
.main-blocks .recruitment-process .table-content .expand-commentary:hover {
  overflow: unset;
}
.main-blocks .recruitment-process .table-footer-content-step {
  width: 11%;
}
.main-blocks .recruitment-process .table-footer-content-step .step-selection span {
  color: #b9bebe;
}
.main-blocks .recruitment-process .table-footer-content-step .step-selection {
  max-width: 50px;
  min-width: unset;
  width: 100%;
  margin: 0;
  height: 20px;
}
.main-blocks .recruitment-process .table-footer-content-step .step-selection .md-select-value {
  max-width: 50px;
  width: 100%;
  height: 20px;
  min-height: unset;
  padding: 0;
  border-bottom-width: 0px;
  border-bottom-style: unset;
  border: unset;
}
.main-blocks .recruitment-process .table-footer-content-step .step-selection .md-select-value .md-select-icon {
  display: none;
}
.main-blocks .recruitment-process .table-footer-content-step .step-selection .md-select-value .md-text {
  color: #464680;
}
.main-blocks .recruitment-process .table-footer-content {
  height: 40px;
  padding: 6px;
  border-bottom: 1px solid #464680;
}
.main-blocks .recruitment-process .table-footer-content .company-field::placeholder,
.main-blocks .recruitment-process .table-footer-content .commentary-field::placeholder {
  color: #b9bebe;
}
.main-blocks .recruitment-process .table-footer-content .company-field,
.main-blocks .recruitment-process .table-footer-content .datepicker-field {
  max-width: 99px;
  min-width: unset;
  width: 100%;
  padding: 0px;
  margin: 0px;
  height: 20px;
  border: unset;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.main-blocks .recruitment-process .table-footer-content .datepicker-container {
  height: 20px;
  width: 100%;
}
.main-blocks .recruitment-process .table-footer-content .datepicker-container .md-datepicker-input-container {
  height: 20px;
  border-bottom-width: 0px;
  border-bottom-style: unset;
  border-bottom-color: unset;
  width: 100%;
}
.main-blocks .recruitment-process .table-footer-content .datepicker-container .md-datepicker-input-container .md-datepicker-input {
  padding: 0;
  height: 20px;
  max-width: 99px;
  min-width: unset;
  width: 100%;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: #464680;
  font-size: 12px;
}
.main-blocks .recruitment-process .table-footer-content .datepicker-container .md-datepicker-input-container .md-datepicker-input::placeholder {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  color: #b9bebe;
}
.main-blocks .recruitment-process .disabled-color {
  background: #ebebe4;
}
.main-blocks .recruitment-process .table-footer-content-other {
  width: 20%;
}
.main-blocks .recruitment-process .table-footer-content-comm {
  width: 43%;
}
.main-blocks .recruitment-process .table-footer-content-comm .commentary-field {
  max-width: 228px;
  min-width: unset;
  width: 100%;
  padding: 0px;
  margin: 0px;
  /*height: 20px;*/
  border: unset;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  resize: vertical;
}
.main-blocks .recruitment-process .table-footer {
  height: 40px;
  font-size: 12px;
}
.main-blocks .recruitment-process .table-footer .table-footer-content-box {
  width: 6%;
  border-bottom: 1px solid #464680;
}
/******bloc de detail *****/
.sub-block {
  font-size: small;
  padding-left: 30px;
  padding-bottom: 5px;
}
.detail-block {
  padding: 10px 0 3px 0px;
  box-shadow: inset 0 1px 0 0 #f2f3f3;
  display: table;
  table-layout: fixed;
  margin-left: 15px;
  margin-right: 15px;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .detail-block {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    display: block;
  }
}
.detail-block .underline {
  color: #48cde0;
  text-decoration: underline;
}
.detail-block .icon-cell {
  width: 20px;
  padding-right: 5px;
  display: table-cell;
  vertical-align: top;
  text-align: center;
}
.detail-block .detail-cell {
  display: table-cell;
  vertical-align: top;
  padding-left: 5px;
  text-align: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail-block .detail-cell .address-line {
  max-width: 75%;
  display: inline-block;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  text-align: right;
}
@media all and (max-width: 992px) {
  .detail-block .detail-cell .address-line {
    height: 0;
  }
}
.detail-block .businessUnit {
  padding-left: 5px;
}
.detail-block .main-label {
  display: inline-block;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 15px;
  letter-spacing: -0.2px;
  line-height: 1.2;
  text-align: left;
  color: #464680;
  margin: auto;
  white-space: nowrap;
}
.detail-block .main-label .span-title {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.detail-block .main-label .span-content {
  white-space: normal;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.detail-block p {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: left;
  color: #474781;
  padding: 10px 60px 10px 48px;
  width: 280px;
}
.detail-block .col-auto {
  width: auto;
  max-width: 100%;
}
.detail-block .detail-grade .item {
  display: inline-block;
  border-radius: 100px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.2px;
  text-align: center;
  color: white;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  background-color: #2FC254;
  padding: 1px 7px 1px 7px;
  height: 19px;
  margin: 2px 2px 0 0;
}
.detail-block .detail-edit {
  width: 30px;
}
.detail-block .main-content-inline {
  display: inline-block;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #464680;
}
.detail-block .second-content {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.27;
  text-align: left;
  color: #464680;
  margin-top: 3px;
}
.syntheseProjetTab {
  table-layout: fixed;
  width: 100%;
  overflow-wrap: break-word;
  margin-top: 5px;
}
.syntheseProjetTab .headSynthProjet .nameProject {
  vertical-align: middle;
  text-align: left;
}
.syntheseProjetTab .headSynthProjet .equipe {
  vertical-align: middle;
  text-align: left;
}
.syntheseProjetTab .headSynthProjet .clientName {
  vertical-align: middle;
  text-align: left;
}
.syntheseProjetTab .headSynthProjet .projectName {
  vertical-align: middle;
  text-align: left;
}
.syntheseProjetTab .headSynthProjet th {
  text-align: center;
  vertical-align: middle;
}
.syntheseProjetTab .bodySynthProjet .nameProject {
  vertical-align: middle;
  text-align: left;
}
.syntheseProjetTab .bodySynthProjet .equipe {
  vertical-align: middle;
  text-align: left;
}
.syntheseProjetTab .bodySynthProjet .clientName {
  vertical-align: middle;
  text-align: left;
}
.syntheseProjetTab .bodySynthProjet .projectName {
  vertical-align: middle;
  text-align: left;
}
.syntheseProjetTab .bodySynthProjet td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
.add-commercial-info {
  width: 100%;
  color: #b9bebe;
  font-size: 12px;
  margin: 0;
  margin-top: 12px;
  height: 80px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid rgba(185, 190, 190, 0.2);
  text-transform: unset;
  box-shadow: 4px 5px 6px 0 rgba(0, 0, 0, 0.1);
}
.add-commercial-info:hover {
  border: 1px solid #656f71;
}
.add-commercial-info-icon {
  font-size: 170% !important;
  color: #b9bebe;
}
.see-commercial-info-container {
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid rgba(185, 190, 190, 0.2);
  margin-top: 10px;
  width: 100%;
  box-shadow: 4px 5px 6px 0 rgba(0, 0, 0, 0.1);
  padding: 10px 10px 5px 10px;
}
.see-commercial-info-container:hover {
  border: 1px solid #656f71;
}
.span-commercial-info-company {
  font-size: 18px;
  font-weight: bold;
  color: #464680;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.span-commercial-info-fullname {
  font-size: 14px;
  color: #464680;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.span-commercial-info-description {
  margin-top: 5px;
  height: 34px;
  font-size: 12px;
  color: #b9bebe;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.span-commercial-info-date {
  margin-top: 8px;
  font-size: 10px;
  color: #b9bebe;
  display: flex;
  flex-direction: row-reverse;
}
.span-info-com-name:hover {
  border-bottom: 1px solid #464680;
  line-height: 14px;
}
.span-info-com-company:hover {
  border-bottom: 1px solid #464680;
  line-height: 18px;
  margin-top: 4px;
  margin-bottom: 2px;
}
.fill-content {
  width: fit-content;
}
.span-info-com-name-candidate:hover {
  border-bottom: 1px solid #464680;
  margin-top: 3px;
  line-height: 14px;
  margin-bottom: 7px;
}
.cv-btn-style {
  font-size: 8.4px;
  width: 24px !important;
  height: 20px;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
.cv-btn-margin {
  margin-right: 14px !important;
}
.commercial-info-description-popover {
  width: 390px;
}
.flex-commercial-info-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.delete-icon-size {
  font-size: 170%!important;
  margin: 0;
  color: #b9bebe;
}
.delete-icon-size:hover {
  color: #656f71;
}
.action-text-dc {
  margin-left: 16px;
}
.icon-dc-size {
  font-size: 16px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*
    Colors
*/
.displayStateColor-Basic {
  color: #464680;
  -webkit-text-fill-color: #464680;
}
.displayStateColor-Prospect {
  color: #FF9800;
  -webkit-text-fill-color: #FF9800;
}
.displayStateColor-Client {
  color: #00C853;
  -webkit-text-fill-color: #00C853;
}
.displayStateColor-Inactive {
  color: #B9BEBE;
  -webkit-text-fill-color: #B9BEBE;
}
.displayStateColor-Incident {
  color: #FF1744;
  -webkit-text-fill-color: #FF1744;
}
.displayStateColor-ToCall {
  color: #47CDE0;
  -webkit-text-fill-color: #47CDE0;
}
.displayStateColor-DeadEndProspect {
  color: #464680;
  -webkit-text-fill-color: #464680;
}
/*
    Background colors
*/
.displayStateBgColor-Basic {
  background-color: #464680;
}
.displayStateBgColor-Prospect {
  background-color: #FF9800;
}
.displayStateBgColor-Client {
  background-color: #00C853;
}
.displayStateBgColor-Inactive {
  background-color: #B9BEBE;
}
.displayStateBgColor-Incident {
  background-color: #FF1744;
}
.displayStateBgColor-ToCall {
  background-color: #47CDE0;
}
.displayStateBgColor-DeadEndProspect {
  background-color: #464680;
}
.edit-in-place p {
  cursor: pointer !important;
  padding-top: 10px;
}
.edit-in-place textarea {
  display: none;
}
.edit-in-place.enabled p {
  cursor: pointer;
}
.edit-in-place:not(.enabled) p {
  cursor: default;
}
.edit-in-place.active p {
  display: none;
}
.edit-in-place.active textarea {
  display: block;
}
.edit-in-place.empty p {
  opacity: 1;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #a5c0d4;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.list-container {
  /*background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);*/
  padding: 0;
  margin: 0;
  padding-bottom: 160px;
}
@media (min-width: 992px) {
  .list-container {
    padding: 31px 10px 47px 10px;
    margin: auto;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/***** Style commun à tous les pageslide *****/
@media (max-width: 991px) {
  pageslide {
    width: 100% !important;
  }
}
pageslide .ptf-creation-container {
  margin-top: 32px;
  margin-bottom: 32px;
}
pageslide .pageslide .send-mail-container {
  margin-top: 16px;
}
pageslide .pageslide .send-mail-checkbox {
  margin: 0;
}
pageslide .pageslide .mail-preview-container {
  margin-top: 16px;
  color: #b9bebe;
  padding: 0 16px;
}
pageslide .pageslide .section-title {
  height: 42px;
  background-color: #fafbfc;
  box-shadow: inset 0 -1px 0 0 rgba(221, 235, 246, 0.8);
  color: #464680;
  padding-top: 11px;
  font-weight: bold;
}
pageslide .pageslide .small-header {
  border-bottom: 1px solid;
  padding-bottom: 6px;
  margin-top: 20px;
  margin-bottom: 20px;
}
pageslide .pageslide .header-commercial-info {
  width: 100%;
  height: 150px;
  background-image: linear-gradient(282deg, #7ee9f2, #52d3e4 81%, #52d3e4 81%, #48cde0);
}
pageslide .pageslide .header-commercial-info > .icon-close {
  color: #fff;
  cursor: pointer;
}
pageslide .pageslide .header-commercial-info .icon-cross {
  margin-top: 20px;
  margin-left: 35px;
}
pageslide .pageslide .header-commercial-info .header-commercial-info-title {
  margin-top: 20px;
  margin-left: 35px;
  font-size: 34px;
  font-weight: bold;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
pageslide .pageslide .content-commercial-info {
  margin-left: 35px;
  margin-right: 35px;
}
pageslide .pageslide .content-commercial-info .creation-header {
  margin-bottom: 0px;
}
pageslide .pageslide .content-commercial-info .md-input-container-no-padding {
  margin-top: 5px;
}
pageslide .pageslide .content-commercial-info .input-name-capitalize {
  text-transform: capitalize;
}
pageslide .pageslide .content-commercial-info .btn-com-info-div {
  text-align: center;
  margin-top: 60px;
}
pageslide .pageslide .content-commercial-info .textarea-com-info-container {
  background: #effafc;
}
pageslide .pageslide .content-commercial-info .textarea-com-info-container-not-empty {
  background: white;
}
pageslide .pageslide .content-commercial-info .textarea-com-info {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #464680 !important;
}
pageslide .pageslide .content-commercial-info .newcompany {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 3px;
  margin-right: 3px;
}
pageslide .pageslide .content-commercial-info .title-input {
  margin-top: 5px;
}
pageslide .pageslide .content-commercial-info .warning-phone-cell-number {
  color: #FF1744;
  margin-left: 4px;
  font-size: 11px;
  height: 17px;
  margin-top: -6px;
  margin-bottom: 2px;
}
pageslide .pageslide .content-commercial-info .mailError {
  color: red;
  font-size: 90%;
  margin-left: 5px;
}
pageslide .pageslide .content-commercial-info .mailErrorInput {
  border-color: red;
}
pageslide .pageslide .unavailable-day-container {
  text-align: center;
  width: 100%;
  margin-top: 8px;
}
pageslide .pageslide .unavailable-day-container .unavailable-day {
  color: #FF1744;
}
pageslide .pageslide .header {
  width: 100%;
  height: 150px;
  background-image: linear-gradient(282deg, #7ee9f2, #52d3e4 81%, #52d3e4 81%, #48cde0);
  margin-left: -1px;
}
pageslide .pageslide .header > .icon-close {
  color: #fff;
  cursor: pointer;
}
pageslide .pageslide .header .first-line {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 1px 0 0 5px;
}
pageslide .pageslide .header .first-line > span.cross-x {
  color: #fff;
  cursor: pointer;
}
pageslide .pageslide .header .second-line {
  padding: 0 0 35px 35px;
  margin-top: -10px;
  width: 100%;
}
pageslide .pageslide .header .second-line .compagny {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  white-space: nowrap;
}
pageslide .pageslide .header .second-line .compagny .name {
  font-size: 34px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
}
pageslide .pageslide .header .second-line .compagny .candidat {
  color: #474781;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 992px) {
  pageslide .pageslide .input-right {
    padding-left: 4px;
  }
}
pageslide .pageslide .row-buttons {
  margin-top: 20px;
}
pageslide .pageslide .row-buttons div {
  left: 0;
}
pageslide .pageslide .row-buttons div button {
  width: 100%;
}
pageslide .pageslide .row-buttons div.cancel {
  padding-right: 5%;
}
pageslide .pageslide .row-buttons div.validate {
  padding-left: 5%;
}
@media (max-width: 991px) {
  pageslide .pageslide .slide-content {
    padding: 20px 30px 40px 30px;
    overflow-y: visible;
  }
}
pageslide .pageslide .slide-content {
  padding-top: 0px;
}
pageslide.pageslide-over .header {
  height: 70px;
  box-shadow: inset 1px 0 0 0 rgba(221, 235, 246, 0.8);
}
pageslide.pageslide-over .header .first-line {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 1px 0 0 5px;
}
pageslide.pageslide-over .header .first-line > span.cross-x {
  color: #9b9b9b;
  cursor: pointer;
}
pageslide .embauche {
  margin-bottom: 6%;
}
pageslide .emailEtResponsable {
  margin-top: 6%;
}
pageslide .businessUnitsAndUserRole {
  margin-bottom: 6%;
  display: flex;
}
pageslide .businessUnitsAndUserRole .BuAndUserRoleWidth {
  width: 50%;
}
.permission-warning {
  background-color: #f89406;
  color: white;
  padding: 15px 15px 15px 50px;
  border-radius: 3px;
  margin: 15px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
place-autocomplete > .mySelectLarge > md-autocomplete-wrap {
  box-shadow: none;
}
.place-suggestions {
  width: 750px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/****************mise en page du text de mémo***********************/
.memo {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  text-align: left;
  color: #464680;
  white-space: pre-wrap;
  padding: 10px 0 10px 0;
  overflow-wrap: break-word;
}
/********************************************************************/
/*[class*="col-"], footer {
    background-color: lightgreen;
    border: 2px solid black;
    border-radius: 6px;
}*/
/**************************Classe générique **************************************/
.stateOk:not(.name) {
  background-color: #00c853;
}
.stateOk.name {
  color: #00c853;
  background-color: transparent;
}
.stateWarning:not(.name) {
  background-color: #ff9800;
}
.stateWarning.name {
  color: #ff9800;
  background-color: transparent;
}
.stateBad:not(.name) {
  background-color: #ff1744;
}
.stateBad.name {
  color: #ff1744;
  background-color: transparent;
}
.quit-button {
  position: fixed !important;
  bottom: 5px;
  right: 5px;
  background-color: #E8E8E8;
}
.none {
  background-color: #464680;
}
.none:not(.name) {
  background-color: #464680;
}
.none.name {
  color: #464680;
  background-color: transparent;
}
.none .on-the-right {
  text-align: right;
}
.hide-shild-text-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/**********************************Customisation angular material****************************************/
.hide-spin-button input[type=number]::-webkit-outer-spin-button,
.hide-spin-button input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.first-col-for-icon {
  font-size: 16px;
  color: #48cde0;
  text-align: center;
  margin: 24px -10px 0 -19px;
}
@media (max-width: 991px) {
  md-dialog {
    min-width: 100%;
    min-height: 100%;
  }
}
md-dialog.fullscreen-dialog {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
md-dialog-content.fullscreen-content {
  height: 100%;
}
form.fullscreen-form {
  height: 100%;
}
md-sidenav {
  width: 280px;
  max-width: 280px;
  min-width: inherit;
}
md-progress-linear .md-container {
  background-color: rgba(72, 205, 224, 0.1);
}
/***** Design des champs *****/
md-input-container {
  width: 100%;
  margin: 2px 0;
  /***** Lorsque l'input n'a pas de value *****/
  /***** Lorsque l'input a une value *****/
  /***** Pour les icônes dans les champs *****/
  /***** Quand l'input est disabled *****/
  /***** Pour le calendrier *****/
}
md-input-container input.md-input,
md-input-container md-select,
md-input-container textarea {
  height: 42px;
  background-color: #effafc;
}
md-input-container input.md-input.ng-invalid.ng-dirty,
md-input-container md-select.ng-invalid.ng-dirty,
md-input-container textarea.ng-invalid.ng-dirty {
  border-width: 0 0 1px 0 !important;
}
md-input-container:not(.md-input-has-value) input,
md-input-container:not(.md-input-has-value) md-select,
md-input-container:not(.md-input-has-value) textarea {
  background-color: #effafc;
}
md-input-container label {
  opacity: 1;
  margin-left: 5px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif !important;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #a5c0d4 !important;
}
md-input-container label::after {
  color: #a5c0d4 !important;
}
md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  transform: translate3d(0, 36px, 0) scale(1);
}
md-input-container .md-placeholder {
  transform: translate3d(0, 36px, 0) scale(1);
}
md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore) {
  transform: translate3d(-4px, 22px, 0) scale(1);
}
md-input-container.md-input-has-value input,
md-input-container.md-input-has-value .md-text,
md-input-container.md-input-has-value .md-datepicker-input,
md-input-container.md-input-has-value .md-select-value {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-align: left;
  color: #464680 !important;
  opacity: 1 !important;
}
md-input-container.md-input-has-value input,
md-input-container.md-input-has-value md-select,
md-input-container.md-input-has-value textarea {
  background-color: transparent;
}
md-input-container md-select[disabled],
md-input-container input[disabled],
md-input-container textarea[disabled] {
  background-color: #f8f8f8 !important;
  color: rgba(0, 0, 0, 0.38) !important;
}
md-input-container md-select[disabled] .md-text,
md-input-container input[disabled] .md-text,
md-input-container textarea[disabled] .md-text {
  color: rgba(0, 0, 0, 0.38) !important;
}
md-input-container.md-input-focused label:not(.md-no-float):not(.md-container-ignore) {
  transform: translate3d(-4px, 22px, 0) scale(1);
}
md-input-container md-select .md-select-value.md-select-placeholder {
  color: #a5c0d4;
}
md-input-container md-select .md-select-value.md-select-placeholder span {
  margin-left: 5px;
}
md-input-container .md-errors-spacer {
  min-height: 0;
}
md-input-container .md-select-icon {
  color: #48cde0;
}
md-input-container.with-text span.extra-text {
  float: right;
  margin: 0;
  position: relative;
  margin-right: 6px;
  margin-top: -20px;
  z-index: 2;
  color: #a5c0d5;
  font-size: 11px;
  margin-top: -28px;
}
md-input-container.with-icon input {
  padding-right: 27px;
}
md-input-container.with-icon i {
  float: right;
  margin: 0;
  position: relative;
  margin-right: 6px;
  margin-top: -20px;
  z-index: 2;
  font-size: 11px;
  color: #a5c0d5;
  margin-top: -38px;
}
md-input-container.telephone-input label {
  transform: translate3d(-4px, 22px, 0) scale(0.75) !important;
}
md-input-container i.icon-calendrier,
md-input-container i.icon-fleche-drop {
  margin-top: -30px;
}
md-input-container input[disabled] {
  background-color: #f8f8f8 !important;
}
md-input-container md-select[disabled] .md-select-value {
  color: rgba(0, 0, 0, 0.38);
}
md-input-container.md-for-calendar-end {
  margin: 2px 0;
}
md-input-container .md-datepicker-input-container {
  width: 100%;
}
md-input-container .md-datepicker-input {
  max-width: none;
}
md-input-container .hint {
  position: absolute;
  left: 2px;
  right: auto;
  bottom: 7px;
  font-size: 12px;
  line-height: 14px;
  color: #a5c0d4;
  left: auto;
  right: 2px;
  top: 1px;
  font-size: 10px;
}
md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {
  -webkit-transform: translateY(-14px) translateX(-2px) scale(1);
  transform: translateY(-14px) translateX(-2px) scale(1);
}
md-select-menu md-input-container.md-input-focused label:not(.md-no-float):not(.md-container-ignore) {
  transform: translate3d(-4px, 12px, 0) scale(1);
}
md-select-menu md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  transform: translateY(26px) translateX(0px) scale(1);
}
md-select-menu md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore) {
  transform: translate3d(-4px, 12px, 0) scale(1);
}
md-select-menu md-content label {
  color: #464680;
}
md-select-menu md-content md-option {
  color: #464680;
}
md-select-menu md-content md-optgroup label {
  color: #48cde0;
}
.md-open-menu-container md-menu-content md-menu-item {
  color: #464680;
}
md-virtual-repeat-container ul.md-autocomplete-suggestions li {
  color: #464680;
}
.demo-select-header input {
  background-color: transparent !important;
}
.md-for-calendar md-datepicker .md-datepicker-input-container {
  width: 100%;
}
.md-for-calendar md-datepicker .md-datepicker-input-container .md-datepicker-triangle-button {
  display: none;
}
.md-for-calendar .icon-calendrier {
  font-size: 15px;
  color: #464680;
}
.md-for-calendar .adaptIconHeight {
  margin-top: -25px;
}
input {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
input.upper {
  text-transform: uppercase;
}
md-autocomplete.upper {
  text-transform: none;
}
md-autocomplete.upper input {
  text-transform: uppercase;
}
/**style du tab**/
md-pagination-wrapper {
  width: 100%;
  padding-left: 20px;
}
md-tab-item {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 12px;
  width: auto;
  display: block;
}
md-content {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  box-shadow: inset 0 2px 0 0 #f2f3f3;
}
md-tab-content {
  min-height: 100vh;
  padding-bottom: 65px;
}
md-tabs {
  color: rgba(72, 205, 224, 0.5);
}
md-tabs .row {
  background-color: #ffffff;
  padding: 15px 0 15px 0;
  color: #464680;
  padding-top: 0;
}
md-tabs md-tab-item {
  text-transform: none !important;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
}
md-tabs .md-active {
  color: #464680 !important;
}
md-tabs md-ink-bar {
  border-bottom: 2px solid #48cde0;
}
md-tabs .md-padding {
  overflow: hidden;
  padding: 10px;
}
md-datepicker {
  background-color: #ffffff;
  z-index: 1000;
}
md-datepicker .text {
  opacity: 0.7;
  font-family: Heebo;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.5px;
  text-align: left;
  color: #464680;
  letter-spacing: normal;
}
md-datepicker .date {
  font-family: Heebo;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-align: left;
  color: #464680;
}
md-datepicker-calendar-pane {
  z-index: 1000;
}
/**********************************************************************************************************/
h1 {
  height: 30px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.39;
  text-align: left;
  color: #48cde0;
  border-bottom: solid #48cde0 1px;
  margin-top: 12px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.skill {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.skill > .tag {
  border-radius: 100px;
  font-size: 12px;
  line-height: 2;
  letter-spacing: -0.2px;
  text-align: center;
  color: #464680;
  margin-right: 2px;
  margin-left: 0;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  padding: 0px 9px 0px 9px;
  height: 20px;
  text-transform: uppercase;
}
.businessUnitCompany {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}
.businessUnitCompany > .bu {
  border-radius: 100px;
  font-size: 12px;
  line-height: 2;
  letter-spacing: -0.2px;
  text-align: center;
  color: #464680;
  margin-right: 2px;
  margin-left: 0;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  padding: 0px 9px 0px 9px;
  height: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.businessUnit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.businessUnit > .bu {
  border-radius: 100px;
  font-size: 12px;
  line-height: 2;
  letter-spacing: -0.2px;
  text-align: center;
  color: #464680;
  margin-right: 2px;
  margin-left: 0;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  padding: 0px 9px 0px 9px;
  height: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.tvaAccount {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.tvaAccount > .tva {
  border-radius: 100px;
  font-size: 12px;
  line-height: 2;
  letter-spacing: -0.2px;
  text-align: center;
  color: #464680;
  margin-right: 2px;
  margin-left: 0;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  padding: 0px 9px 0px 9px;
  height: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.technical > .bu {
  border: solid 1px #48cde0;
}
.technical > .tva {
  border: solid 1px #48cde0;
}
.technical > .tag {
  border: solid 1px #48cde0;
}
.functional > .tag {
  background-color: rgba(72, 205, 224, 0.3);
}
.soft > .tag {
  background-color: rgba(255, 215, 156, 0.5);
}
.technical-color {
  border: solid 1px #48cde0;
  background-color: white;
  color: #474781;
}
.functional-color {
  border: solid 1px #48cde0;
  background-color: rgba(72, 205, 224, 0.3);
  color: #474781;
}
.soft-color {
  background-color: rgba(255, 215, 156, 0.5);
}
/**************************************button et checkbox....*****************/
.button-skyline {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 12px;
  padding-right: 11px;
  min-width: 130px;
  min-height: 40px;
  border-radius: 4px;
  box-shadow: inset -1px 1px 0 0 rgba(255, 255, 255, 0);
  border: solid 1px #ffffff;
  text-align: center;
  display: inline-block;
  font: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
}
@media (max-width: 991px) {
  .button-skyline {
    padding-left: 5px;
    padding-right: 4px;
    min-width: 80px;
  }
}
.switch-kit {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 27px;
  /* Hide default HTML checkbox */
  /* Rounded sliders */
}
.switch-kit label {
  padding-left: 60px;
  font-size: 15px;
  text-align: left;
  margin-top: 3px;
}
.switch-kit input {
  display: none;
}
.switch-kit .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-kit .slider:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 100px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2), inset -1px 1px 0 0 rgba(255, 255, 255, 0);
  border: solid 1px rgba(0, 0, 0, 0.07);
}
.switch-kit input:checked + .slider {
  background-color: #48cde0;
}
.switch-kit input:focus + .slider {
  box-shadow: 0 0 1px #48cde0;
}
.switch-kit input:checked + .slider:before {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2), inset -1px 1px 0 0 rgba(255, 255, 255, 0);
  border: solid 1px #bebebe;
}
.switch-kit .slider.round {
  border-radius: 34px;
}
.switch-kit .slider.round:before {
  border-radius: 50%;
}
.principal-button {
  border-radius: 4px;
  background-color: #48cde0;
  box-shadow: inset -1px 1px 0 0 rgba(255, 255, 255, 0);
  border: solid 1px rgba(0, 0, 0, 0.07);
  display: table-cell;
  font-family: Heebo;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}
.principal-button-light {
  border-radius: 4px;
  box-shadow: inset -1px 1px 0 0 rgba(255, 255, 255, 0);
  border: solid 1px #48cde0;
  display: table-cell;
  font-family: Heebo;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: #48cde0;
}
.inactive-fields {
  background-color: #ffffff;
  box-shadow: inset 0 -1px 0 0 #c5d9e8;
}
.inactive-fields .place-holder {
  font-family: Heebo;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #a5c0d5;
}
.filled-field {
  background-color: #ffffff;
  box-shadow: inset 0 -1px 0 0 #c5d9e8;
}
.filled-field .place-holder {
  opacity: 0.7;
  font-family: Heebo;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.5px;
  text-align: left;
  color: #464680;
}
.filled-field .place-holder .text-style-1 {
  letter-spacing: normal;
}
.filled-field .text-holder {
  font-family: Heebo;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-align: left;
  color: #464680;
}
.small-header {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  color: #48cde0;
  margin-bottom: 10px;
}
.statetable {
  display: table;
}
.staterow {
  display: table-row;
}
/******************Pepite***********************/
.signet {
  width: 100%;
  height: 47px;
  min-width: 34px;
  display: flex;
  flex-direction: column;
  /*** Signet du départ d'un employé ***/
  /*** Signet d'un stagiaire  ***/
}
.signet .pepite {
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle at 30% 41%, #ffe26d, #ffcf70 30%, #f9b146 58%, #bf7c45);
  border-radius: 0 0 3px 3px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
}
.signet .pepite .signet-icon {
  font-size: 14px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.signet .pepite .freelance-pepite {
  width: 100%;
  height: 16px;
  background-color: #464680;
  color: white;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: 300;
  letter-spacing: -0.2px;
  padding-top: 4px;
  border-radius: 0 0 3px 3px;
}
.signet .pepite .intern-pepite {
  width: 100%;
  height: 16px;
  background-color: #00C853;
  color: white;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: 300;
  letter-spacing: -0.2px;
  padding-top: 4px;
  border-radius: 0 0 3px 3px;
}
.signet .pepite .star {
  font-size: 17px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.signet .freelance {
  width: 100%;
  height: 100%;
  background-color: #464680;
  border-radius: 0 0 3px 3px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
}
.signet .freelance .signet-icon {
  font-size: 21px;
  text-align: center;
  margin: 0;
  position: relative;
  top: 42%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
}
.signet .freelance .freelance-pepite {
  margin: 0;
  position: relative;
  bottom: 0;
  width: 100%;
  height: 16px;
  text-align: center;
  background-color: #464680;
  color: white;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: 300;
  letter-spacing: -0.2px;
  padding-top: 4px;
  border-radius: 0 0 3px 3px;
}
.signet .leaving {
  width: 100%;
  height: 100%;
  background-color: #FF1744;
  border-radius: 0 0 3px 3px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
  /*** Label de la raison du départ ***/
  /*** Icône d'un départ ***/
}
.signet .leaving .leaving-label {
  margin: 0;
  position: relative;
  bottom: 0;
  width: 100%;
  height: 16px;
  text-align: center;
  background-color: #FF1744;
  color: white;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: 300;
  letter-spacing: -0.2px;
  padding-top: 4px;
  border-radius: 0 0 3px 3px;
}
.signet .leaving .door {
  font-size: 17px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.signet .intern {
  width: 100%;
  height: 100%;
  background-color: #00c853;
  border-radius: 0 0 3px 3px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
  /*** Icône d'un stagiaire ***/
}
.signet .intern .signet-icon {
  font-size: 14px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.signet .intern .freelance-intern {
  width: 100%;
  height: 16px;
  background-color: #464680;
  color: white;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: 300;
  letter-spacing: -0.2px;
  padding-top: 4px;
  border-radius: 0 0 3px 3px;
}
.full-width {
  width: 100% !important;
}
.lg-only {
  display: none !important;
}
@media all and (min-width: 992px) {
  .lg-only {
    display: block !important;
  }
}
.only-under-lg {
  display: block;
}
@media all and (min-width: 992px) {
  .only-under-lg {
    display: none;
  }
}
.btn-com-info {
  width: 190px!important;
  height: 40px;
  border-radius: 4px;
  margin-left: 12px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 550px) {
  .btn-com-info {
    width: 114px!important;
  }
}
.btn-com-info:first-of-type {
  margin-left: 0px;
}
.btn-agb {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  border-color: #48cde0;
  transition: all ease 0.3s;
  width: auto;
}
.btn-agb-principal {
  background-color: #48cde0;
  color: #fff;
}
.btn-agb-principal:hover {
  background-color: #fff;
  color: #48cde0;
}
.btn-agb-principal:focus:hover {
  color: #48cde0;
}
.btn-agb-principal:focus {
  color: #fff;
}
.btn-agb-principal-light,
.btn-agb-principal-light-inverse {
  background-color: #fff;
  color: #48cde0;
}
.btn-agb-principal-light:hover,
.btn-agb-principal-light-inverse:hover {
  background-color: #48cde0;
  color: #fff;
}
.btn-agb-principal-light:focus:hover,
.btn-agb-principal-light-inverse:focus:hover {
  color: #fff;
}
.btn-agb-principal-light:focus,
.btn-agb-principal-light-inverse:focus {
  color: #48cde0;
}
.btn-agb-principal-light-inverse {
  color: #464680;
}
.btn-agb:active,
.btn-agb:focus {
  outline: none !important;
}
.btn-agb.red {
  color: #d9534f;
  border-color: #d9534f;
}
.btn-agb.red:hover {
  background-color: #d9534f;
  color: #fff;
}
.btn-agb.red:focus {
  color: #d9534f;
}
.btn-agb-icon {
  display: inline-flex;
  padding-bottom: 6px;
  line-height: 23px;
}
.btn-agb-icon i {
  padding-right: 19px;
}
.btn-agb-icon i[class*='icon-']:before {
  margin-bottom: 1px;
}
.btn-agb-icon i.wrong {
  color: #ff1744 !important;
}
.btn-lg {
  padding-bottom: 8px;
}
.btn-lg i {
  width: 18px;
  height: 18px;
  padding-right: 20px;
  margin-top: -2px;
}
.btn-sm,
.btn-xs {
  padding-bottom: 4px;
}
.btn-sm i,
.btn-xs i {
  width: 12px;
  height: 12px;
  padding-right: 13px;
  margin-top: -3px;
}
.btn-xs {
  padding-bottom: 2px !important;
}
.btn-mobile {
  width: 50vw;
  height: 40px;
  border-radius: 4px;
  background-color: #48cde0;
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 16px 24px 2px rgba(0, 0, 0, 0.14), inset -1px 1px 0 0 rgba(255, 255, 255, 0);
  border: solid 1px rgba(0, 0, 0, 0.07);
  color: white;
  opacity: 1 !important;
}
#place-autocomplete > md-autocomplete md-input-container {
  margin-top: -10px;
}
/*Media query for tablets and above */
@media screen and (min-width: 480px) {
  #place-autocomplete > md-autocomplete md-input-container {
    padding-bottom: 0;
  }
}
.contactIconBackground {
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 15px;
  color: white;
  height: 30px;
  width: 30px;
  background-color: #c5d9e8;
  padding-top: 4px;
}
@media (max-width: 991px) {
  .contactIconBackground {
    padding-top: 1px;
  }
}
.contactIconBackground i {
  vertical-align: middle;
}
@media (max-width: 991px) {
  .contactIconBackground i {
    padding-left: 1px;
  }
}
.flagWarning {
  color: #ff1744 !important;
}
.telephone-input label {
  transform: translate3d(0, 12px, 0) scale(1) !important;
}
.intl-tel-input {
  position: relative;
  display: inline-block;
  width: 100%;
}
.md-datepicker-input-mask {
  display: none;
}
.md-select-value {
  padding-top: 5px;
}
md-input-container .md-input {
  padding-top: 10px;
}
md-input-container textarea.md-input {
  padding-top: 0;
  margin-top: 14px;
}
.mailPreview {
  padding: 4px 4px 0 4px;
  margin-bottom: 20px;
}
.mailPreview p {
  font-size: 12px;
  letter-spacing: normal;
  color: #b9bebe;
  margin-top: 10px;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.underline {
  color: #48cde0;
  text-decoration: underline;
}
/* md-checkbox, md-radio-button etc */
md-select-menu[multiple] md-option.md-checkbox-enabled {
  /* checkboxes in <md-select multiple> */
}
md-select-menu[multiple] md-option.md-checkbox-enabled > .md-container {
  color: #48cde0;
}
md-select-menu[multiple] md-option.md-checkbox-enabled > .md-container > .md-icon {
  border-color: #48cde0;
  border-radius: 4px;
  border-width: 1px;
}
md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
  left: 5.9px;
  top: 1.2px;
}
md-checkbox:not(.md-checked) .md-icon:after,
md-checkbox.md-checked .md-icon:after {
  left: 5.5px;
  top: 1.2px;
}
md-checkbox:not(.md-checked) > .md-ink-ripple,
md-checkbox.md-checked > .md-ink-ripple {
  color: #48cde0;
}
md-checkbox:not(.md-checked) > .md-ink-ripple > .md-icon,
md-checkbox.md-checked > .md-ink-ripple > .md-icon {
  border-color: #48cde0;
  border-radius: 4px;
  border-width: 1px;
}
md-checkbox:not(.md-checked) > .md-label,
md-checkbox.md-checked > .md-label {
  margin-left: 28px;
  line-height: 20px;
}
md-checkbox.md-checked > .md-ink-ripple > .md-icon {
  border-color: #41b8c9;
  background-color: #48cde0;
}
md-checkbox.md-focused:not([disabled]).md-checked .md-container:before,
md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
  background-color: rgba(72, 205, 224, 0.12);
}
md-radio-group.md-focused .md-checked .md-container:before,
md-radio-group.md-focused:not(:empty) .md-checked .md-container:before {
  background-color: rgba(72, 205, 224, 0.12);
}
md-radio-group .md-checked .md-ink-ripple,
md-radio-group :not(.md-checked) .md-ink-ripple,
md-radio-group.md-focused:not(:empty) .md-checked .md-ink-ripple,
md-radio-group.md-focused:not(:empty) :not(.md-checked) .md-ink-ripple {
  color: rgba(72, 205, 224, 0.12);
}
md-radio-button .md-on,
md-radio-button.md-checked .md-on {
  background-color: #48cde0;
  border-color: #2f99a7;
  /* slightly darker border */
  border-width: 1px;
}
md-radio-button .md-off,
md-radio-button.md-checked .md-off {
  border-color: #41b8c9;
  border-width: 1px;
}
form.ng-submitted md-radio-group.ng-invalid md-radio-button .md-on,
form.ng-submitted md-radio-group.ng-invalid md-radio-button.md-checked .md-on,
form.ng-submitted md-radio-group.ng-invalid md-radio-button .md-off,
form.ng-submitted md-radio-group.ng-invalid md-radio-button.md-checked .md-off {
  border-color: #dd2c00;
  /* red to show invalid state */
}
form.ng-submitted md-radio-group.ng-invalid md-radio-button .md-label,
form.ng-submitted md-radio-group.ng-invalid md-radio-button.md-checked .md-label {
  color: #dd2c00;
  /* red to show invalid state */
}
.check-kit,
.radio-kit {
  padding: 19px;
}
.check-kit md-checkbox,
.radio-kit md-checkbox {
  display: block;
}
.check-kit md-checkbox:not(.md-checked),
.radio-kit md-checkbox:not(.md-checked),
.check-kit md-checkbox.md-checked,
.radio-kit md-checkbox.md-checked,
.check-kit md-radio-button,
.radio-kit md-radio-button {
  margin-right: 0;
  margin-bottom: 8px;
}
.check-kit md-checkbox:not(.md-checked) > .md-container:after,
.radio-kit md-checkbox:not(.md-checked) > .md-container:after,
.check-kit md-checkbox.md-checked > .md-container:after,
.radio-kit md-checkbox.md-checked > .md-container:after,
.check-kit md-radio-button > .md-container:after,
.radio-kit md-radio-button > .md-container:after {
  /* reduce vertical touch area when checkboxes are close to each other */
  top: -5px;
  bottom: -8px;
}
md-select {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif !important;
}
md-input-container label {
  margin-top: 8px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif !important;
}
md-input-container textarea {
  padding-top: 16px !important;
}
md-select-header md-input-container label {
  padding-bottom: 5px;
}
input[type=number].remove-input-arrows::-webkit-inner-spin-button,
input[type=number].remove-input-arrows::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
/* for easy resizing of material icons */
.material-icons {
  font-size: 100%;
  /* adaptive size by default */
}
.icon-11px {
  font-size: 11px;
}
.icon-12px {
  font-size: 12px;
}
.icon-13px {
  font-size: 13px;
}
.icon-14px {
  font-size: 14px;
}
.icon-15px {
  font-size: 15px;
}
.icon-16px {
  font-size: 16px;
}
.icon-18px {
  font-size: 18px;
}
.icon-20px {
  font-size: 20px;
}
.icon-22px {
  font-size: 22px;
}
.icon-24px {
  font-size: 24px;
}
/*table gestion des concurrents*/
.spaceTableVertical {
  width: 20px;
  padding-right: 200px;
  padding-left: 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
body .employee-class-container .employees-menu-header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 25px;
  padding-left: 25px;
  width: 100%;
  min-height: 66px;
  height: 100%;
}
body .employee-class-container .employees-menu-header-container .emloyee-number-and-search-bar-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  width: 90%;
  height: 100%;
}
body .employee-class-container .employees-menu-header-container .emloyee-number-and-search-bar-container .search-collab {
  display: flex;
  flex-direction: column;
}
body .employee-class-container .employees-menu-header-container .emloyee-number-and-search-bar-container search-autocomplete {
  margin-top: 10px;
}
body .employee-class-container .employees-menu-header-container .emloyee-number-and-search-bar-container .employees-number {
  position: relative;
}
@media screen and (max-width: 600px) {
  body .employee-class-container .employees-menu-header-container .emloyee-number-and-search-bar-container .search-bar-collab {
    display: block;
  }
}
body .employee-class-container .employees-menu-header-container .employees-number {
  margin-top: 6px;
  font-size: 15px;
  line-height: 22px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  color: #464680;
  letter-spacing: 1.71px;
  position: absolute;
}
body .employee-class-container .employees-menu-header-container .employees-nav-container {
  margin: 0 auto;
  margin-top: 14px;
  letter-spacing: 1.71px;
  font-size: 14px;
  line-height: 21px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 992px) {
  body .employee-class-container .employees-menu-header-container .employees-nav-container {
    margin-top: auto;
  }
}
body .employee-class-container .vis-time-axis .vis-text {
  color: #b9bebe;
}
body .employee-class-container .vis-content,
body .employee-class-container .vis-group {
  cursor: grab !important;
  cursor: -moz-grab !important;
  cursor: -webkit-grab !important;
}
body .employee-class-container .vis-content:active,
body .employee-class-container .vis-group:active {
  cursor: grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
}
body .employee-class-container .vis-label {
  height: 50px !important;
}
body .employee-class-container .vis-label .vis-inner {
  padding: 0px !important;
}
body .employee-class-container .vis-major {
  color: #656f71 !important;
  font-weight: bold;
}
body .employee-class-container .vis-day1 {
  color: #656f71 !important;
  font-weight: bold;
}
body .employee-class-container .vis-current-time-background {
  background: rgba(234, 241, 243, 0.5);
  z-index: 999;
  pointer-events: none;
}
body .employee-class-container .vis-time-axis {
  font-size: 10px;
}
body .employee-class-container .vis-time-axis.vis-foreground {
  background: white;
  height: 50px !important;
}
body .employee-class-container .vis-tooltip {
  z-index: 999;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  background: white;
  width: auto;
  height: auto;
  color: #656f71;
  font-size: 8px;
  border-color: white;
  margin-left: -11px;
  margin-top: -2px;
  font-weight: 300;
}
body .employee-class-container .vis-tooltip .reunion-span {
  font-size: 10px;
  font-weight: bold;
  color: #464680;
}
body .employee-class-container .vis-tooltip .project-span {
  font-size: 9px;
  font-weight: bold;
  color: #464680;
}
body .employee-class-container .vis-tooltip .pending-days-off-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body .employee-class-container .vis-tooltip .pending-days-off-container .pending-days-off-number {
  color: #ff9800;
  font-size: 10px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 0.4px;
}
body .employee-class-container .vis-tooltip .pending-days-off-container .pending-days-off-period {
  color: #656f71;
  font-size: 8px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin-top: 1px;
  letter-spacing: 0.4px;
}
body .employee-class-container .vis-tooltip .accepted-days-off-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body .employee-class-container .vis-tooltip .accepted-days-off-container .accepted-days-off-number {
  color: #464680;
  font-size: 10px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 0.4px;
}
body .employee-class-container .vis-tooltip .accepted-days-off-container .accepted-days-off-period {
  color: #656f71;
  font-size: 8px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin-top: 1px;
  letter-spacing: 0.4px;
}
body .employee-class-container .vis-timeline {
  border: unset;
}
body .employee-class-container .vis-current-time::before {
  content: attr(dateMonthDayNumber);
  display: block;
  width: 18px;
  height: 18px;
  color: white;
  font-size: 10px;
  background: #FF1744;
  border-radius: 50%;
  margin-left: -8px;
  padding-top: 2px;
}
body .employee-class-container .vis-current-time {
  background-color: #FF1744;
  margin-top: 21px;
  text-align: center;
  z-index: 999;
}
body .employee-class-container .vis-panel.vis-left {
  top: 50px !important;
}
body .employee-class-container .vis-group {
  display: flex;
  align-items: center;
}
body .employee-class-container .vis-group .reunion-item.vis-selected {
  border-color: #464680;
  background-color: #464680;
  z-index: 1;
}
body .employee-class-container .vis-group .project-item.vis-selected {
  border-color: white;
  background-color: white;
  z-index: 0;
}
body .employee-class-container .vis-grid.vis-minor {
  background-color: #eaf1f3 !important;
}
body .employee-class-container .vis-time-axis .vis-grid.vis-major {
  border-color: #cfcfcf !important;
  background-color: #eaf1f3 !important;
}
body .employee-class-container .reunion-item-aqua-marine {
  width: 24px !important;
  height: 24px;
  border-radius: 12px !important;
  background-color: #48cde0;
  color: white !important;
  font-size: 10px;
  font-weight: bold;
  border-color: #48cde0;
  top: unset !important;
  z-index: 2;
}
body .employee-class-container .reunion-item-aqua-marine .vis-item-content {
  left: 50% !important;
  transform: translateX(-50%);
  width: auto !important;
}
body .employee-class-container .reunion-item-default-text-color {
  width: 24px !important;
  height: 24px;
  border-radius: 12px !important;
  background-color: #464680;
  color: white !important;
  font-size: 10px;
  font-weight: bold;
  border-color: #464680;
  top: unset !important;
  z-index: 2;
}
body .employee-class-container .reunion-item-default-text-color .vis-item-content {
  left: 50% !important;
  transform: translateX(-50%);
  width: auto !important;
}
body .employee-class-container .reunion-item-green {
  width: 24px !important;
  height: 24px;
  border-radius: 12px !important;
  background-color: #00D628;
  color: white !important;
  font-size: 10px;
  font-weight: bold;
  border-color: #00D628;
  top: unset !important;
  z-index: 2;
}
body .employee-class-container .reunion-item-green .vis-item-content {
  left: 50% !important;
  transform: translateX(-50%);
  width: auto !important;
}
body .employee-class-container .reunion-item {
  width: 24px !important;
  height: 24px;
  border-radius: 12px !important;
  background-color: #464680;
  color: white !important;
  font-size: 10px;
  font-weight: bold;
  border-color: #464680;
  top: unset !important;
  z-index: 2;
}
body .employee-class-container .reunion-item .vis-item-content {
  left: 50% !important;
  transform: translateX(-50%);
  width: auto !important;
}
body .employee-class-container .DFP-item-secondElem,
body .employee-class-container .DFP-item-first {
  width: 24px !important;
  height: 24px;
  margin-top: -25px;
  border-radius: 12px !important;
  background-color: #464680;
  color: white !important;
  font-size: 10px;
  font-weight: bold;
  border-color: #464680;
  top: unset !important;
  z-index: 2;
}
body .employee-class-container .DFP-item-secondElem .vis-item-content,
body .employee-class-container .DFP-item-first .vis-item-content {
  left: 50% !important;
  transform: translateX(-50%);
  width: auto !important;
}
body .employee-class-container .DFP-item-firstElem,
body .employee-class-container .DFP-item-last {
  width: 24px !important;
  height: 24px;
  margin-top: 25px;
  border-radius: 12px !important;
  background-color: #464680;
  color: white !important;
  font-size: 10px;
  font-weight: bold;
  border-color: #464680;
  top: unset !important;
  z-index: 2;
}
body .employee-class-container .DFP-item-firstElem .vis-item-content,
body .employee-class-container .DFP-item-last .vis-item-content {
  left: 50% !important;
  transform: translateX(-50%);
  width: auto !important;
}
body .employee-class-container .project-item {
  border-radius: 100px !important;
  background-color: rgba(70, 70, 128, 0.24);
  top: unset !important;
  height: 32px;
  border-color: rgba(70, 70, 128, 0.24);
  z-index: 1;
  border-width: unset !important;
  border-style: unset !important;
}
body .employee-class-container .project-item-end {
  border-radius: 100px !important;
  background-color: white;
  top: unset !important;
  height: 32px;
  border-color: white;
  z-index: 0;
}
body .employee-class-container .project-item-first {
  border-radius: 100px !important;
  background-color: rgba(70, 70, 128, 0.24);
  top: 5px !important;
  height: 16px;
  border-color: rgba(70, 70, 128, 0.24);
  z-index: 1;
  border-width: unset !important;
  border-style: unset !important;
}
body .employee-class-container .project-item-end-first {
  border-radius: 100px !important;
  background-color: white;
  top: 5px !important;
  height: 16px;
  border-color: white;
  z-index: 0;
}
body .employee-class-container .project-item-last {
  bottom: 5px;
  border-radius: 100px !important;
  background-color: rgba(70, 70, 128, 0.24);
  top: unset !important;
  height: 16px;
  border-color: rgba(70, 70, 128, 0.24);
  z-index: 1;
  border-width: unset !important;
  border-style: unset !important;
}
body .employee-class-container .project-item-end-last {
  bottom: 5px;
  border-radius: 100px !important;
  background-color: white;
  top: unset !important;
  height: 16px;
  border-color: white;
  z-index: 0;
}
body .employee-class-container .vacant-time-item {
  background-color: rgba(0, 0, 0, 0.08) !important;
  top: unset !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  z-index: 0;
}
body .employee-class-container .pending-vacations {
  background-color: rgba(255, 152, 0, 0.2) !important;
  border-color: rgba(255, 152, 0, 0.2) !important;
  top: unset !important;
  z-index: 0;
  height: 100%;
}
body .employee-class-container .accepted-vacations {
  background-color: rgba(101, 111, 113, 0.2) !important;
  border-color: rgba(101, 111, 113, 0.2) !important;
  top: unset !important;
  z-index: 0;
  height: 100%;
}
body .employee-class-container .bargraph-div {
  width: 100%;
  border-bottom: 1px solid #bebebe;
}
body .employee-class-container .filter-bargraph-vertical-not-scroll.filter-bargraph-vertical-not-scroll {
  left: unset;
}
body .employee-class-container .filter-bargraph-div {
  width: 340px;
  position: absolute;
  height: 50px;
  background: white;
  -webkit-box-shadow: inset 30px 0px 0px 0px #656f71;
  -moz-box-shadow: inset 30px 0px 0px 0px #656f71;
  box-shadow: inset 30px 0px 0px 0px #656f71;
  padding-left: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 150;
  padding-right: 14px;
  left: 20px;
}
body .employee-class-container .filter-bargraph-div.filter-bargraph-mobile {
  width: 100%;
  position: static;
}
body .employee-class-container .filter-bargraph-div .percentage-number {
  color: white;
  font-size: 14px;
  font-weight: bold;
}
body .employee-class-container .filter-bargraph-div .percentage-sign {
  color: white;
  font-size: 8px;
  margin-left: -3px;
  font-weight: normal;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
body .contact-bargraph-container {
  background: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: 100vh;
  padding: 10px;
  position: relative;
  display: block;
}
body .contact-bargraph-container .bargraph-business-filters-container {
  width: 280px;
  height: 50px;
  background: white;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  z-index: 1;
  background-color: #ffffff;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: normal;
  font-weight: normal;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
body .contact-bargraph-container .bargraph-business-filters-container .left-filters-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 1;
  width: 140px;
  background: rgba(0, 0, 0, 0.08);
  height: 17px;
}
body .contact-bargraph-container .bargraph-business-filters-container .left-filters-container .left-filter-input-container {
  width: 150px;
  height: 17px;
  margin: 0;
  padding: 0;
}
body .contact-bargraph-container .bargraph-business-filters-container .left-filters-container .left-filter-input-container .left-filter-select {
  height: unset;
}
body .contact-bargraph-container .bargraph-business-filters-container .left-filters-container .left-filter-input-container .left-filter-select .md-select-value {
  height: 17px;
  padding: 0;
  min-height: 16px;
  border: unset;
}
body .contact-bargraph-container .bargraph-business-filters-container .left-filters-container .left-filter-input-container .left-filter-select .md-select-value span {
  height: 17px;
  transform: unset;
}
body .contact-bargraph-container .bargraph-business-filters-container .left-filters-container .left-filter-input-container .left-filter-select .md-select-value .md-text {
  height: 18px;
  display: flex;
  align-items: center;
  color: #656f71 !important;
  font-size: 10px;
  font-weight: normal;
}
body .contact-bargraph-container .bargraph-business-filters-container .left-filters-container .left-filter-input-container .left-filter-select .md-select-value .md-select-icon {
  display: none;
}
body .contact-bargraph-container .bargraph-business-filters-container .right-filters-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 10px;
  height: 100%;
  color: #b9bebe;
}
body .contact-bargraph-container .bargraph-business-filters-container .right-filters-container span + span {
  margin-top: 8px;
}
body .contact-bargraph-container .bargraph-business-filters-container .right-filters-container .active-right-filter {
  color: #656f71;
  font-weight: bold;
}
body .contact-bargraph-container .vis-time-axis .vis-text {
  color: #b9bebe;
}
body .contact-bargraph-container .vis-label {
  height: 50px !important;
}
body .contact-bargraph-container .vis-label .vis-inner {
  width: 100%;
  padding: 0px !important;
}
body .contact-bargraph-container .vis-content,
body .contact-bargraph-container .vis-group {
  cursor: grab !important;
  cursor: -moz-grab !important;
  cursor: -webkit-grab !important;
}
body .contact-bargraph-container .vis-content:active,
body .contact-bargraph-container .vis-group:active {
  cursor: grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important;
}
body .contact-bargraph-container .vis-major {
  color: #656f71 !important;
  font-weight: bold;
}
body .contact-bargraph-container .vis-day1 {
  color: #656f71 !important;
  font-weight: bold;
}
body .contact-bargraph-container .vis-time-axis {
  font-size: 10px;
}
body .contact-bargraph-container .vis-time-axis.vis-foreground {
  background: white;
  height: 50px !important;
}
body .contact-bargraph-container .vis-tooltip {
  z-index: 999;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  background: white;
  border-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 0 8px 8px 8px;
}
body .contact-bargraph-container .vis-tooltip .item-tooltip-header {
  margin-top: 8px;
  font-size: 12px;
  font-weight: bold;
  color: #464680;
}
body .contact-bargraph-container .vis-tooltip .item-tooltip-content {
  font-size: 8px;
  color: #b9bebe;
}
body .contact-bargraph-container .vis-tooltip .item-tooltip-attendees-header {
  font-size: 10px;
  color: #464680;
  margin-top: 4px;
}
body .contact-bargraph-container .vis-tooltip .item-tooltip-attendees {
  font-size: 10px;
  color: #464680;
}
body .contact-bargraph-container .vis-tooltip:nth-child(1 of .item-tooltip-attendees) {
  margin-top: 8px;
}
body .contact-bargraph-container .vis-timeline {
  border: unset;
}
body .contact-bargraph-container .vis-item {
  top: unset !important;
}
body .contact-bargraph-container .vis-current-time::before {
  content: attr(dateMonthDayNumber);
  display: block;
  width: 18px;
  height: 18px;
  color: white;
  font-size: 10px;
  background: #FF1744;
  border-radius: 50%;
  margin-left: -8px;
  padding-top: 2px;
}
body .contact-bargraph-container .vis-current-time {
  background-color: #FF1744;
  margin-top: 21px;
  text-align: center;
  z-index: 999;
}
body .contact-bargraph-container .vis-panel.vis-left {
  top: 50px !important;
  /*width: 50%;*/
  width: 290px;
}
body .contact-bargraph-container .vis-group {
  display: flex;
  align-items: center;
  height: 50px !important;
}
body .contact-bargraph-container .blue {
  background-color: #464680;
  border-color: #464680;
}
body .contact-bargraph-container .blue-text {
  color: #464680;
}
body .contact-bargraph-container .aqua-marine {
  background-color: #48cde0;
  border-color: #48cde0;
}
body .contact-bargraph-container .aqua-mmarine-text {
  color: #48cde0;
}
body .contact-bargraph-container .reunion-item-light {
  width: 22px !important;
  height: 22px;
  border-radius: 100%;
}
body .contact-bargraph-container .reunion-item-light .vis-item-overflow {
  text-align: center;
  display: flex;
  align-items: center;
  margin: 0 !important;
  padding: 0;
}
body .contact-bargraph-container .reunion-item-light .vis-item-overflow .vis-item-content {
  padding: 0;
}
body .contact-bargraph-container .reunion-item-light .vis-item-overflow .vis-item-content .event-shortname {
  font-size: 10px;
  color: white;
  /*font-weight: bold;*/
}
body .contact-bargraph-container .vis-grid.vis-minor {
  background-color: #eaf1f3 !important;
}
body .contact-bargraph-container .vis-time-axis .vis-grid.vis-major {
  border-color: #cfcfcf !important;
  background-color: #eaf1f3 !important;
}
body .contact-bargraph-container .bargraph-div {
  width: 100%;
  border-bottom: 1px solid #bebebe;
}
body .contact-bargraph-container .no-scroll-content.no-scroll-content {
  height: unset;
}
body .contact-bargraph-container .filter-bargraph-vertical-not-scroll.filter-bargraph-vertical-not-scroll {
  width: 290px;
  margin-left: unset;
}
.left-filter-select-container {
  background: #ffffff;
  width: 150px;
  left: 30px !important;
  top: 208px !important;
}
.left-filter-select-container md-select-menu {
  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
  height: 34px;
  padding: 0;
  margin: 0;
  min-height: unset !important;
}
.left-filter-select-container md-select-menu md-content {
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.left-filter-select-container md-select-menu md-content md-option[selected] {
  color: #656f71;
}
.left-filter-select-container md-select-menu md-content md-option {
  font-size: 10px;
  height: 17px;
  margin: 0;
  color: #656f71;
  padding: 8px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
admin-outbox table {
  width: 98%;
  margin: auto;
  border: 1px solid;
}
admin-outbox thead {
  color: white;
  background: #48CDE0;
}
admin-outbox th,
admin-outbox td {
  margin: 0.2em 0.5em;
}
admin-outbox th.cc,
admin-outbox td.cc {
  min-width: 50px;
}
.emailPreviewModal {
  width: 80%;
  height: 80%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.emailPreviewModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.emailPreviewModal .main-modal-container .attachment-file {
  border: 1px solid #464680;
  border-radius: 5px;
}
.emailPreviewModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.emailPreviewModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.emailPreviewModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  padding: 32px;
  background: #48cde0;
}
.emailPreviewModal iframe {
  flex: 0 1 100%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.my-sidebar-filters-invoicesManagement {
  margin-top: 1em;
}
.my-sidebar-filters-invoicesManagement md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-invoicesManagement md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-invoicesManagement md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-invoicesManagement md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-invoicesManagement .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
.my-sidebar-filters-invoicesManagement .searchbar-disable {
  opacity: 0.4;
}
.my-sidebar-filters-invoicesManagement .searchbar-container {
  position: relative;
}
.my-sidebar-filters-invoicesManagement .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
.my-sidebar-filters-invoicesManagement .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
.my-sidebar-filters-invoicesManagement .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
.my-sidebar-filters-invoicesManagement .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
.my-sidebar-filters-invoicesManagement .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
.my-sidebar-filters-invoicesManagement .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
.my-sidebar-filters-invoicesManagement .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
.my-sidebar-filters-invoicesManagement .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.my-sidebar-filters-invoicesManagement .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
.my-sidebar-filters-invoicesManagement .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  .my-sidebar-filters-invoicesManagement .autocomplete-mobile {
    width: 190px !important;
  }
  .my-sidebar-filters-invoicesManagement .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.my-sidebar-filters-invoicesManagement .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  align-items: center;
}
.my-sidebar-filters-invoicesManagement .autocomplete-flex-cont .reset,
.my-sidebar-filters-invoicesManagement .group_date .reset {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.my-sidebar-filters-invoicesManagement .autocomplete-flex-cont .reset i,
.my-sidebar-filters-invoicesManagement .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.my-sidebar-filters-invoicesManagement .autocomplete-flex-cont .reset:hover,
.my-sidebar-filters-invoicesManagement .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.my-sidebar-filters-invoicesManagement .autocomplete-flex-cont .reset:hover i,
.my-sidebar-filters-invoicesManagement .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.my-sidebar-filters-invoicesManagement .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.my-sidebar-filters-invoicesManagement .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.my-sidebar-filters-invoicesManagement .group .title {
  color: #b1b0c9;
}
.my-sidebar-filters-invoicesManagement .group .title .button {
  position: relative;
  cursor: pointer;
  margin: 0 0.3em;
  color: #b1b0c9;
  border-radius: 5px;
  border: 1px solid #b1b0c9;
  padding: 0.3em 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  z-index: 0;
  overflow: hidden;
  transition: border linear 200ms;
}
.my-sidebar-filters-invoicesManagement .group .title .button i {
  font-size: 1.2em;
  margin-right: 0.3em;
}
.my-sidebar-filters-invoicesManagement .group .title .button:before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #e8e8e8;
  transition: width linear 200ms;
  z-index: -1;
}
.my-sidebar-filters-invoicesManagement .group .title .button:hover {
  border: 1px solid #e8e8e8;
}
.my-sidebar-filters-invoicesManagement .group .title .button:hover:before {
  width: 100%;
}
.my-sidebar-filters-invoicesManagement .group .checkbox-containers {
  padding-left: 35px;
}
.my-sidebar-filters-invoicesManagement .group .child {
  margin-top: 1em;
}
.my-sidebar-filters-invoicesManagement .group .child responsibility-material {
  width: 100%;
}
.my-sidebar-filters-invoicesManagement .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.my-sidebar-filters-invoicesManagement .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.my-sidebar-filters-invoicesManagement .group .radio-kit {
  padding: 0;
}
.my-sidebar-filters-invoicesManagement .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.my-sidebar-filters-invoicesManagement .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.my-sidebar-filters-invoicesManagement .group_checkbox .toggler_cont .elem:hover,
.my-sidebar-filters-invoicesManagement .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.my-sidebar-filters-invoicesManagement .group_checkbox .toggler_cont .elem:hover:before,
.my-sidebar-filters-invoicesManagement .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.my-sidebar-filters-invoicesManagement .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.my-sidebar-filters-invoicesManagement .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.my-sidebar-filters-invoicesManagement .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.my-sidebar-filters-invoicesManagement .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.my-sidebar-filters-invoicesManagement .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-sidebar-filters-invoicesManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.my-sidebar-filters-invoicesManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.my-sidebar-filters-invoicesManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.my-sidebar-filters-invoicesManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.my-sidebar-filters-invoicesManagement .group_dropdown .child {
  margin-top: 0;
}
.my-sidebar-filters-invoicesManagement .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.my-sidebar-filters-invoicesManagement .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.my-sidebar-filters-invoicesManagement .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-invoicesManagement .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-invoicesManagement .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.my-sidebar-filters-invoicesManagement .special.group_mobility .child {
  margin-top: 0;
}
.my-sidebar-filters-invoicesManagement .special.group_mobility .mobility {
  padding: 0;
}
.my-sidebar-filters-invoicesManagement .special.group_mobility .mobility .hlistMobilitySelected li {
  float: initial;
  padding-top: 0;
  margin-bottom: 1.5em;
  padding-right: 0;
}
.my-sidebar-filters-invoicesManagement .special.group_mobility .mobility .hlistMobilitySelected li span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-invoicesManagement .special.group_mobility .mobility .hlistMobilitySelected li span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-invoicesManagement .special.group_mobility .mobility .hlistMobilitySelected li span:after:hover {
  color: white;
}
.my-sidebar-filters-invoicesManagement .special.group_mobility .mobility .hlistMobilitySelected li .pictoMoins {
  display: none;
}
.my-sidebar-filters-invoicesManagement .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.my-sidebar-filters-invoicesManagement .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-sidebar-filters-invoicesManagement .group_input .child input::placeholder {
  color: #C1CCD3;
}
.my-sidebar-filters-invoicesManagement .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.my-sidebar-filters-invoicesManagement .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.my-sidebar-filters-invoicesManagement .group_date .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-sidebar-filters-invoicesManagement .group_date .reset {
  margin-right: 2px;
}
.my-sidebar-filters-invoicesManagement .group_date .date label {
  font-size: 0.9em;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
#sideNavPanel .filter-sidenav-desktop {
  height: calc(100vh - 99px);
}
.my-sidebar-filters-invoicingManagement {
  margin-top: 1em;
}
.my-sidebar-filters-invoicingManagement md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-invoicingManagement md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-invoicingManagement md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-invoicingManagement md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-invoicingManagement .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
.my-sidebar-filters-invoicingManagement .searchbar-disable {
  opacity: 0.4;
}
.my-sidebar-filters-invoicingManagement .searchbar-container {
  position: relative;
}
.my-sidebar-filters-invoicingManagement .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
.my-sidebar-filters-invoicingManagement .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
.my-sidebar-filters-invoicingManagement .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
.my-sidebar-filters-invoicingManagement .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
.my-sidebar-filters-invoicingManagement .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
.my-sidebar-filters-invoicingManagement .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
.my-sidebar-filters-invoicingManagement .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
.my-sidebar-filters-invoicingManagement .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.my-sidebar-filters-invoicingManagement .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
.my-sidebar-filters-invoicingManagement .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  .my-sidebar-filters-invoicingManagement .autocomplete-mobile {
    width: 190px !important;
  }
  .my-sidebar-filters-invoicingManagement .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.my-sidebar-filters-invoicingManagement .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  align-items: center;
}
.my-sidebar-filters-invoicingManagement .autocomplete-flex-cont .reset,
.my-sidebar-filters-invoicingManagement .group_date .reset {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.my-sidebar-filters-invoicingManagement .autocomplete-flex-cont .reset i,
.my-sidebar-filters-invoicingManagement .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.my-sidebar-filters-invoicingManagement .autocomplete-flex-cont .reset:hover,
.my-sidebar-filters-invoicingManagement .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.my-sidebar-filters-invoicingManagement .autocomplete-flex-cont .reset:hover i,
.my-sidebar-filters-invoicingManagement .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.my-sidebar-filters-invoicingManagement .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.my-sidebar-filters-invoicingManagement .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.my-sidebar-filters-invoicingManagement .group .title {
  color: #b1b0c9;
}
.my-sidebar-filters-invoicingManagement .group .title .button {
  position: relative;
  cursor: pointer;
  margin: 0 0.3em;
  color: #b1b0c9;
  border-radius: 5px;
  border: 1px solid #b1b0c9;
  padding: 0.3em 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  z-index: 0;
  overflow: hidden;
  transition: border linear 200ms;
}
.my-sidebar-filters-invoicingManagement .group .title .button i {
  font-size: 1.2em;
  margin-right: 0.3em;
}
.my-sidebar-filters-invoicingManagement .group .title .button:before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #e8e8e8;
  transition: width linear 200ms;
  z-index: -1;
}
.my-sidebar-filters-invoicingManagement .group .title .button:hover {
  border: 1px solid #e8e8e8;
}
.my-sidebar-filters-invoicingManagement .group .title .button:hover:before {
  width: 100%;
}
.my-sidebar-filters-invoicingManagement .group .checkbox-containers {
  padding-left: 35px;
}
.my-sidebar-filters-invoicingManagement .group .child {
  margin-top: 1em;
}
.my-sidebar-filters-invoicingManagement .group .child responsibility-material {
  width: 100%;
}
.my-sidebar-filters-invoicingManagement .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.my-sidebar-filters-invoicingManagement .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.my-sidebar-filters-invoicingManagement .group .radio-kit {
  padding: 0;
}
.my-sidebar-filters-invoicingManagement .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.my-sidebar-filters-invoicingManagement .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.my-sidebar-filters-invoicingManagement .group_checkbox .toggler_cont .elem:hover,
.my-sidebar-filters-invoicingManagement .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.my-sidebar-filters-invoicingManagement .group_checkbox .toggler_cont .elem:hover:before,
.my-sidebar-filters-invoicingManagement .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.my-sidebar-filters-invoicingManagement .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.my-sidebar-filters-invoicingManagement .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.my-sidebar-filters-invoicingManagement .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.my-sidebar-filters-invoicingManagement .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.my-sidebar-filters-invoicingManagement .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-sidebar-filters-invoicingManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.my-sidebar-filters-invoicingManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.my-sidebar-filters-invoicingManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.my-sidebar-filters-invoicingManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.my-sidebar-filters-invoicingManagement .group_dropdown .child {
  margin-top: 0;
}
.my-sidebar-filters-invoicingManagement .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.my-sidebar-filters-invoicingManagement .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.my-sidebar-filters-invoicingManagement .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-invoicingManagement .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-invoicingManagement .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.my-sidebar-filters-invoicingManagement .special.group_mobility .child {
  margin-top: 0;
}
.my-sidebar-filters-invoicingManagement .special.group_mobility .mobility {
  padding: 0;
}
.my-sidebar-filters-invoicingManagement .special.group_mobility .mobility .hlistMobilitySelected li {
  float: initial;
  padding-top: 0;
  margin-bottom: 1.5em;
  padding-right: 0;
}
.my-sidebar-filters-invoicingManagement .special.group_mobility .mobility .hlistMobilitySelected li span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-invoicingManagement .special.group_mobility .mobility .hlistMobilitySelected li span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-invoicingManagement .special.group_mobility .mobility .hlistMobilitySelected li span:after:hover {
  color: white;
}
.my-sidebar-filters-invoicingManagement .special.group_mobility .mobility .hlistMobilitySelected li .pictoMoins {
  display: none;
}
.my-sidebar-filters-invoicingManagement .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.my-sidebar-filters-invoicingManagement .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-sidebar-filters-invoicingManagement .group_input .child input::placeholder {
  color: #C1CCD3;
}
.my-sidebar-filters-invoicingManagement .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.my-sidebar-filters-invoicingManagement .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.my-sidebar-filters-invoicingManagement .group_date .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-sidebar-filters-invoicingManagement .group_date .reset {
  margin-right: 2px;
}
.my-sidebar-filters-invoicingManagement .group_date .date label {
  font-size: 0.9em;
}
.custom-md-sidenav-top {
  left: 0;
  top: -100vh;
  transform: translateY(100vh) translateX(0px);
}
.custom-md-sidenav-top.md-closed {
  left: 0;
  transform: translateY(0px) translateX(0px);
}
.resize-md-sidenav-mobile {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
#sideNavPanel .filter-sidenav-desktop {
  height: calc(100vh - 99px);
}
.my-sidebar-filters-rebillableReportManagement {
  margin-top: 1em;
}
.my-sidebar-filters-rebillableReportManagement md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-rebillableReportManagement md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-rebillableReportManagement md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-rebillableReportManagement md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-rebillableReportManagement .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
.my-sidebar-filters-rebillableReportManagement .searchbar-disable {
  opacity: 0.4;
}
.my-sidebar-filters-rebillableReportManagement .searchbar-container {
  position: relative;
}
.my-sidebar-filters-rebillableReportManagement .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
.my-sidebar-filters-rebillableReportManagement .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
.my-sidebar-filters-rebillableReportManagement .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
.my-sidebar-filters-rebillableReportManagement .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
.my-sidebar-filters-rebillableReportManagement .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
.my-sidebar-filters-rebillableReportManagement .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
.my-sidebar-filters-rebillableReportManagement .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
.my-sidebar-filters-rebillableReportManagement .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.my-sidebar-filters-rebillableReportManagement .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
.my-sidebar-filters-rebillableReportManagement .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  .my-sidebar-filters-rebillableReportManagement .autocomplete-mobile {
    width: 190px !important;
  }
  .my-sidebar-filters-rebillableReportManagement .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.my-sidebar-filters-rebillableReportManagement .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  align-items: center;
}
.my-sidebar-filters-rebillableReportManagement .autocomplete-flex-cont .reset,
.my-sidebar-filters-rebillableReportManagement .group_date .reset {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.my-sidebar-filters-rebillableReportManagement .autocomplete-flex-cont .reset i,
.my-sidebar-filters-rebillableReportManagement .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.my-sidebar-filters-rebillableReportManagement .autocomplete-flex-cont .reset:hover,
.my-sidebar-filters-rebillableReportManagement .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.my-sidebar-filters-rebillableReportManagement .autocomplete-flex-cont .reset:hover i,
.my-sidebar-filters-rebillableReportManagement .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.my-sidebar-filters-rebillableReportManagement .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.my-sidebar-filters-rebillableReportManagement .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.my-sidebar-filters-rebillableReportManagement .group .title {
  color: #b1b0c9;
}
.my-sidebar-filters-rebillableReportManagement .group .title .button {
  position: relative;
  cursor: pointer;
  margin: 0 0.3em;
  color: #b1b0c9;
  border-radius: 5px;
  border: 1px solid #b1b0c9;
  padding: 0.3em 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  z-index: 0;
  overflow: hidden;
  transition: border linear 200ms;
}
.my-sidebar-filters-rebillableReportManagement .group .title .button i {
  font-size: 1.2em;
  margin-right: 0.3em;
}
.my-sidebar-filters-rebillableReportManagement .group .title .button:before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #e8e8e8;
  transition: width linear 200ms;
  z-index: -1;
}
.my-sidebar-filters-rebillableReportManagement .group .title .button:hover {
  border: 1px solid #e8e8e8;
}
.my-sidebar-filters-rebillableReportManagement .group .title .button:hover:before {
  width: 100%;
}
.my-sidebar-filters-rebillableReportManagement .group .checkbox-containers {
  padding-left: 35px;
}
.my-sidebar-filters-rebillableReportManagement .group .child {
  margin-top: 1em;
}
.my-sidebar-filters-rebillableReportManagement .group .child responsibility-material {
  width: 100%;
}
.my-sidebar-filters-rebillableReportManagement .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.my-sidebar-filters-rebillableReportManagement .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.my-sidebar-filters-rebillableReportManagement .group .radio-kit {
  padding: 0;
}
.my-sidebar-filters-rebillableReportManagement .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.my-sidebar-filters-rebillableReportManagement .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.my-sidebar-filters-rebillableReportManagement .group_checkbox .toggler_cont .elem:hover,
.my-sidebar-filters-rebillableReportManagement .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.my-sidebar-filters-rebillableReportManagement .group_checkbox .toggler_cont .elem:hover:before,
.my-sidebar-filters-rebillableReportManagement .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.my-sidebar-filters-rebillableReportManagement .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.my-sidebar-filters-rebillableReportManagement .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.my-sidebar-filters-rebillableReportManagement .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.my-sidebar-filters-rebillableReportManagement .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.my-sidebar-filters-rebillableReportManagement .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-sidebar-filters-rebillableReportManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.my-sidebar-filters-rebillableReportManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.my-sidebar-filters-rebillableReportManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.my-sidebar-filters-rebillableReportManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.my-sidebar-filters-rebillableReportManagement .group_dropdown .child {
  margin-top: 0;
}
.my-sidebar-filters-rebillableReportManagement .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.my-sidebar-filters-rebillableReportManagement .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.my-sidebar-filters-rebillableReportManagement .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-rebillableReportManagement .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-rebillableReportManagement .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.my-sidebar-filters-rebillableReportManagement .special.group_mobility .child {
  margin-top: 0;
}
.my-sidebar-filters-rebillableReportManagement .special.group_mobility .mobility {
  padding: 0;
}
.my-sidebar-filters-rebillableReportManagement .special.group_mobility .mobility .hlistMobilitySelected li {
  float: initial;
  padding-top: 0;
  margin-bottom: 1.5em;
  padding-right: 0;
}
.my-sidebar-filters-rebillableReportManagement .special.group_mobility .mobility .hlistMobilitySelected li span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-rebillableReportManagement .special.group_mobility .mobility .hlistMobilitySelected li span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-rebillableReportManagement .special.group_mobility .mobility .hlistMobilitySelected li span:after:hover {
  color: white;
}
.my-sidebar-filters-rebillableReportManagement .special.group_mobility .mobility .hlistMobilitySelected li .pictoMoins {
  display: none;
}
.my-sidebar-filters-rebillableReportManagement .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.my-sidebar-filters-rebillableReportManagement .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-sidebar-filters-rebillableReportManagement .group_input .child input::placeholder {
  color: #C1CCD3;
}
.my-sidebar-filters-rebillableReportManagement .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.my-sidebar-filters-rebillableReportManagement .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.my-sidebar-filters-rebillableReportManagement .group_date .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-sidebar-filters-rebillableReportManagement .group_date .reset {
  margin-right: 2px;
}
.my-sidebar-filters-rebillableReportManagement .group_date .date label {
  font-size: 0.9em;
}
.custom-md-sidenav-top {
  left: 0;
  top: -100vh;
  transform: translateY(100vh) translateX(0px);
}
.custom-md-sidenav-top.md-closed {
  left: 0;
  transform: translateY(0px) translateX(0px);
}
.resize-md-sidenav-mobile {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
#sideNavPanel .filter-sidenav-desktop {
  height: calc(100vh - 99px);
}
.my-sidebar-filters-regulationManagement {
  margin-top: 1em;
}
.my-sidebar-filters-regulationManagement md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-regulationManagement md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-regulationManagement md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-regulationManagement md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-regulationManagement .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
.my-sidebar-filters-regulationManagement .searchbar-disable {
  opacity: 0.4;
}
.my-sidebar-filters-regulationManagement .searchbar-container {
  position: relative;
}
.my-sidebar-filters-regulationManagement .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
.my-sidebar-filters-regulationManagement .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
.my-sidebar-filters-regulationManagement .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
.my-sidebar-filters-regulationManagement .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
.my-sidebar-filters-regulationManagement .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
.my-sidebar-filters-regulationManagement .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
.my-sidebar-filters-regulationManagement .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
.my-sidebar-filters-regulationManagement .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.my-sidebar-filters-regulationManagement .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
.my-sidebar-filters-regulationManagement .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  .my-sidebar-filters-regulationManagement .autocomplete-mobile {
    width: 190px !important;
  }
  .my-sidebar-filters-regulationManagement .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.my-sidebar-filters-regulationManagement .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  align-items: center;
}
.my-sidebar-filters-regulationManagement .autocomplete-flex-cont .reset,
.my-sidebar-filters-regulationManagement .group_date .reset {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.my-sidebar-filters-regulationManagement .autocomplete-flex-cont .reset i,
.my-sidebar-filters-regulationManagement .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.my-sidebar-filters-regulationManagement .autocomplete-flex-cont .reset:hover,
.my-sidebar-filters-regulationManagement .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.my-sidebar-filters-regulationManagement .autocomplete-flex-cont .reset:hover i,
.my-sidebar-filters-regulationManagement .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.my-sidebar-filters-regulationManagement .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.my-sidebar-filters-regulationManagement .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.my-sidebar-filters-regulationManagement .group .title {
  color: #b1b0c9;
}
.my-sidebar-filters-regulationManagement .group .title .button {
  position: relative;
  cursor: pointer;
  margin: 0 0.3em;
  color: #b1b0c9;
  border-radius: 5px;
  border: 1px solid #b1b0c9;
  padding: 0.3em 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  z-index: 0;
  overflow: hidden;
  transition: border linear 200ms;
}
.my-sidebar-filters-regulationManagement .group .title .button i {
  font-size: 1.2em;
  margin-right: 0.3em;
}
.my-sidebar-filters-regulationManagement .group .title .button:before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #e8e8e8;
  transition: width linear 200ms;
  z-index: -1;
}
.my-sidebar-filters-regulationManagement .group .title .button:hover {
  border: 1px solid #e8e8e8;
}
.my-sidebar-filters-regulationManagement .group .title .button:hover:before {
  width: 100%;
}
.my-sidebar-filters-regulationManagement .group .checkbox-containers {
  padding-left: 35px;
}
.my-sidebar-filters-regulationManagement .group .child {
  margin-top: 1em;
}
.my-sidebar-filters-regulationManagement .group .child responsibility-material {
  width: 100%;
}
.my-sidebar-filters-regulationManagement .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.my-sidebar-filters-regulationManagement .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.my-sidebar-filters-regulationManagement .group .radio-kit {
  padding: 0;
}
.my-sidebar-filters-regulationManagement .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.my-sidebar-filters-regulationManagement .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.my-sidebar-filters-regulationManagement .group_checkbox .toggler_cont .elem:hover,
.my-sidebar-filters-regulationManagement .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.my-sidebar-filters-regulationManagement .group_checkbox .toggler_cont .elem:hover:before,
.my-sidebar-filters-regulationManagement .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.my-sidebar-filters-regulationManagement .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.my-sidebar-filters-regulationManagement .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.my-sidebar-filters-regulationManagement .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.my-sidebar-filters-regulationManagement .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.my-sidebar-filters-regulationManagement .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-sidebar-filters-regulationManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.my-sidebar-filters-regulationManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.my-sidebar-filters-regulationManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.my-sidebar-filters-regulationManagement .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.my-sidebar-filters-regulationManagement .group_dropdown .child {
  margin-top: 0;
}
.my-sidebar-filters-regulationManagement .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.my-sidebar-filters-regulationManagement .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.my-sidebar-filters-regulationManagement .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-regulationManagement .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-regulationManagement .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.my-sidebar-filters-regulationManagement .special.group_mobility .child {
  margin-top: 0;
}
.my-sidebar-filters-regulationManagement .special.group_mobility .mobility {
  padding: 0;
}
.my-sidebar-filters-regulationManagement .special.group_mobility .mobility .hlistMobilitySelected li {
  float: initial;
  padding-top: 0;
  margin-bottom: 1.5em;
  padding-right: 0;
}
.my-sidebar-filters-regulationManagement .special.group_mobility .mobility .hlistMobilitySelected li span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-regulationManagement .special.group_mobility .mobility .hlistMobilitySelected li span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-regulationManagement .special.group_mobility .mobility .hlistMobilitySelected li span:after:hover {
  color: white;
}
.my-sidebar-filters-regulationManagement .special.group_mobility .mobility .hlistMobilitySelected li .pictoMoins {
  display: none;
}
.my-sidebar-filters-regulationManagement .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.my-sidebar-filters-regulationManagement .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-sidebar-filters-regulationManagement .group_input .child input::placeholder {
  color: #C1CCD3;
}
.my-sidebar-filters-regulationManagement .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.my-sidebar-filters-regulationManagement .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.my-sidebar-filters-regulationManagement .group_date .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-sidebar-filters-regulationManagement .group_date .reset {
  margin-right: 2px;
}
.my-sidebar-filters-regulationManagement .group_date .date label {
  font-size: 0.9em;
}
.custom-md-sidenav-top {
  left: 0;
  top: -100vh;
  transform: translateY(100vh) translateX(0px);
}
.custom-md-sidenav-top.md-closed {
  left: 0;
  transform: translateY(0px) translateX(0px);
}
.resize-md-sidenav-mobile {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoicing-container .invoicing-head {
  display: flex;
  width: 100%;
}
.invoicing-container .invoicing-head .rmaVsFac {
  width: 30%;
  align-self: center;
  padding-left: 100px;
  cursor: pointer;
}
.invoicing-container .invoicing-head .rmaVsFac .ajust {
  margin-top: 6px;
  font-size: 15px;
  line-height: 22px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  color: #464680;
}
.invoicing-container .invoicing-head .rmaVsFac .ajust span {
  cursor: pointer;
}
.invoicing-container .invoicing-head .totalHtAndTtc {
  display: flex;
  width: 30%;
  align-self: center;
  padding-left: 100px;
  cursor: pointer;
}
.invoicing-container .invoicing-head .totalHtAndTtc .ajust {
  margin-top: 6px;
  font-size: 15px;
  line-height: 22px;
}
.invoicing-container .invoicing-head .underNavbarInvoice {
  list-style-type: none;
  justify-content: center;
  align-items: flex-start;
  padding-top: 12px;
  padding-right: 25px;
  padding-left: 25px;
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0px;
}
.invoicing-container .invoicing-head .underNavbarInvoice .titles {
  text-align: center;
  font-size: 17px;
  cursor: pointer;
  padding: 20px 20px;
}
.invoicing-container .invoicing-head .underNavbarInvoice .titles:hover {
  background-color: #eee;
}
.invoicing-container .invoicing-head .underNavbarInvoice .actif {
  color: #48cde0;
  border-bottom: 2px solid #48cde0;
}
.invoicing-container .invoicing-head .add-draft-button {
  align-self: center;
}
.invoicing-container .invoicing-component {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: calc(100vh - 176px);
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  overflow-y: scroll;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.addProofInvoicePageSlide {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  overflow-y: auto;
}
.addProofInvoicePageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 24px;
  height: calc(100vh - 296px);
}
.addProofInvoicePageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll .title-container {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin: 16px 0 0 0;
}
.addProofInvoicePageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll .title-container .title {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #9DBACE;
}
.addProofInvoicePageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll .position-file-card {
  padding-top: 10px;
}
.addProofInvoicePageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll .position-file-card .file-manager-file-card-left {
  display: flex;
  align-items: end;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  padding-left: 0px;
  border-left: 10px solid #48cde0;
}
.addProofInvoicePageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll .position-file-card .file-manager-file-card-left .file-name {
  display: block;
  font-size: 16px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  color: #464680;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
  margin-right: auto;
  /* pour repousser le boutons vers le coté droit */
}
.addProofInvoicePageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll .position-file-card .file-manager-file-card-left .file-manager-icon {
  display: block;
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 15px;
  min-height: 1em;
  min-width: 1em;
}
.addProofInvoicePageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll .position-file-card .file-manager-file-card-left .file-manager-icon.description {
  color: #464680;
}
.addProofInvoicePageSlide .addProofInvoice-list-container .input-manager-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin: 24px 0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.addProofInvoiceWithoutPOPageSlide {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  overflow-y: auto;
}
.addProofInvoiceWithoutPOPageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 24px;
  height: calc(100vh - 296px);
}
.addProofInvoiceWithoutPOPageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll .title-container {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin: 16px 0 0 0;
}
.addProofInvoiceWithoutPOPageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll .title-container .title {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #9DBACE;
}
.addProofInvoiceWithoutPOPageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll .position-file-card {
  padding-top: 10px;
}
.addProofInvoiceWithoutPOPageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll .position-file-card .file-manager-file-card-left {
  display: flex;
  align-items: end;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  padding-left: 0px;
  border-left: 10px solid #48cde0;
}
.addProofInvoiceWithoutPOPageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll .position-file-card .file-manager-file-card-left .file-name {
  display: block;
  font-size: 16px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  color: #464680;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
  margin-right: auto;
  /* pour repousser le boutons vers le coté droit */
}
.addProofInvoiceWithoutPOPageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll .position-file-card .file-manager-file-card-left .file-manager-icon {
  display: block;
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 15px;
  min-height: 1em;
  min-width: 1em;
}
.addProofInvoiceWithoutPOPageSlide .addProofInvoice-list-container .addProofInvoice-list-container-scroll .position-file-card .file-manager-file-card-left .file-manager-icon.description {
  color: #464680;
}
.addProofInvoiceWithoutPOPageSlide .addProofInvoice-list-container .input-manager-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin: 24px 0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoiceOrCreditNoteDetails .title {
  height: 30px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.39;
  text-align: left;
  color: #48cde0;
  border-bottom: solid #48cde0 1px;
  margin-top: 12px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.invoiceOrCreditNoteDetails .pos-top {
  padding-top: 20px;
}
.invoiceOrCreditNoteDetails .orderNumber {
  margin-top: 20px;
}
.invoiceOrCreditNoteDetails .clientName {
  margin-top: 20px;
}
.invoiceOrCreditNoteDetails .orderClient {
  margin-top: 20px;
}
.invoiceOrCreditNoteDetails .projectName {
  margin-top: 20px;
}
.invoiceOrCreditNoteDetails .typeProject .typePro {
  display: flex;
  margin-top: 50px;
}
.invoiceOrCreditNoteDetails .typeProject .typePro .md-primary {
  margin-left: 5px;
  margin-right: 18px;
}
.invoiceOrCreditNoteDetails .addresse {
  margin-bottom: 40px;
}
.invoiceOrCreditNoteDetails .addresse .postalCode-city {
  display: flex;
}
.invoiceOrCreditNoteDetails .addresse .cedex-country {
  display: flex;
}
.invoiceOrCreditNoteDetails .date {
  margin-top: 20px;
}
.invoiceOrCreditNoteDetails .pos-flex_1 {
  display: flex;
}
.invoiceOrCreditNoteDetails .pos-flex_1 .delay {
  width: 50%;
  margin-top: 20px;
}
.invoiceOrCreditNoteDetails .tva {
  margin-top: 20px;
}
.invoiceOrCreditNoteDetails .bankDetails-selector {
  height: 55px;
}
.invoiceOrCreditNoteDetails .bankDetails-selector .bankDetails-owner {
  margin-bottom: 5px;
}
.invoiceOrCreditNoteDetails .bankDetails-selector .bankDetails-iban {
  font-size: 85%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoiceOrCreditNoteLines .button-tabs {
  width: 267px;
  margin-left: auto;
  padding-bottom: 30px;
}
.invoiceOrCreditNoteLines .addInvoice-page-container {
  background-color: white;
  padding-bottom: 30px;
  overflow-y: scroll;
  height: calc(100vh - 350px);
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid lightgray;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice th .checkbox_cont {
  cursor: pointer;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice th span {
  margin-right: 5px;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice th .pos_category {
  position: absolute;
  margin-top: -27px;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(1) {
  width: 20%;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(2) {
  width: 9%;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(3) {
  width: 8%;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(4) {
  width: 8%;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(5) {
  width: 8%;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(6) {
  width: 14%;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(7) {
  width: 8%;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(8) {
  width: 8%;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(9) {
  width: 10%;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice tbody tr:nth-child(odd) {
  background-color: white;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice .color-icons .silver {
  color: #b9bebe;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice th {
  color: grey;
  font-weight: lighter;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px -1px 0px 0px #656f71;
  -moz-box-shadow: inset 0px -1px 0px 0px #656f71;
  box-shadow: inset 0px -1px 0px 0px #656f71;
  position: relative;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice th,
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice td {
  padding: 20px 10px;
}
.invoiceOrCreditNoteLines .addInvoice-page-container .tabs-addInvoice tr {
  padding-left: 20px;
  padding-right: 20px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoiceRmaPreviewModal {
  width: 90%;
  height: 90%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.invoiceRmaPreviewModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.invoiceRmaPreviewModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.invoiceRmaPreviewModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.invoiceRmaPreviewModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  padding: 32px;
  background: #48cde0;
  padding-bottom: 20px;
}
.invoiceRmaPreviewModal .selector-date {
  display: flex;
  justify-content: space-between;
  width: 50%;
  align-items: baseline;
  padding-top: 20px;
  margin-left: 25px;
}
.invoiceRmaPreviewModal .selector-date .title-date {
  width: 50%;
  font-size: 16px;
  color: #464680;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice {
  padding-top: 25px;
  padding-left: 27px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  color: #464680;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .clickCollab {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 24px;
  background-color: #F3F6F8;
  width: 65%;
  border-radius: 5px;
  margin-bottom: 20px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .clickCollab .collabInfo {
  margin-right: 25px;
  padding-left: 15px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .clickCollab .expand-less {
  font-size: 24px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma {
  width: 95%;
  position: relative;
  top: 5%;
  background: #ffffff;
  box-shadow: 0px 4px 5px 0px #e8e8e8;
  -webkit-box-shadow: 0px 4px 5px 0px #e8e8e8;
  -moz-box-shadow: 0px 4px 5px 0px #e8e8e8;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 50px;
  position: relative;
  height: 75px;
  box-shadow: 0px 4px 5px 0px #e8e8e8;
  -webkit-box-shadow: 0px 4px 5px 0px #e8e8e8;
  -moz-box-shadow: 0px 4px 5px 0px #e8e8e8;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection {
  display: flex;
  align-items: center;
  flex: auto;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .freelance {
  width: 40px;
  height: 73px;
  border-radius: 0 0 3px 3px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
  background-color: #464680;
  color: white;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .freelance .signet-icon {
  font-size: 21px;
  text-align: center;
  margin: 0;
  position: relative;
  top: 42%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .freelance .freelance-pepite {
  margin: 0;
  position: relative;
  bottom: 0;
  width: 100%;
  height: 16px;
  text-align: center;
  background-color: #464680;
  color: white;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: 300;
  letter-spacing: -0.2px;
  padding-top: 4px;
  border-radius: 0 0 3px 3px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .collab-and-approbator {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  left: 8%;
  width: 100%;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .collab-and-approbator .collab-name {
  text-transform: capitalize;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .collab-and-approbator .collab-name strong {
  font-size: 18px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .collab-and-approbator .approbator {
  display: flex;
  flex-direction: column;
  text-transform: capitalize;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .collab-and-approbator .approbator span:first-child {
  color: #ADC3D6;
  font-size: 13px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .collab-and-approbator .approbator span:last-child {
  color: #464680;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-select {
  width: auto;
  margin-left: 10%;
  color: #464680;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-select .md-select-value {
  border-bottom: none;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-select .md-select-value span:not(.md-select-icon) {
  flex: initial;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-select .md-select-value .md-text {
  font-size: 16px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-select-manager {
  display: flex;
  margin-right: 5%;
  width: auto;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-select .md-select-icon {
  color: #464680;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status {
  position: relative;
  height: 100%;
  display: flex;
  flex: auto;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .flag {
  height: 55px;
  width: 35px;
  position: relative;
  border-radius: 0 0 5px 5px;
  top: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .flag span {
  font-weight: bold;
  margin-left: 10px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .flag.in-process {
  background-color: #48cde0;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .flag.awaiting-validation {
  background-color: #FF9700;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .flag.validated {
  background-color: #00C853;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .flag i {
  font-size: 25px;
  color: #ffffff;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .manager-status {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-left: 15px;
  font-size: 16px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 15px;
  font-size: 16px;
  font-weight: 600;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status i {
  font-size: 20px;
  margin-left: 15px;
  color: #b9bebe;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status i.active {
  color: #464584;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow {
  border: 1px solid rgba(70, 69, 132, 0.4);
  border-radius: 10px;
  background: #ffffff;
  padding: 20px 0;
  position: absolute;
  top: 45px;
  left: -95px;
  width: auto;
  z-index: 9999;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow:after {
  content: '';
  width: 15px;
  height: 15px;
  border-left: 0px solid transparent;
  border-right: 1px solid rgba(70, 69, 132, 0.4);
  border-bottom: 1px solid rgba(70, 69, 132, 0.4);
  position: absolute;
  top: -8px;
  left: 174px;
  background: #ffffff;
  transform: rotate(225deg);
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow.has-declared:after {
  right: 158px;
  left: initial;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow.two {
  left: -50px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow.two:after {
  right: 51px;
  left: initial;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow.is-validated:after {
  left: 110px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li {
  width: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .circle {
  width: 20px;
  background: #ADC3D6;
  position: relative;
  display: block;
  height: 20px;
  border-radius: 100px;
  border: 3px solid #ADC3D6;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .circle.current {
  background: #ffffff;
  border: 3px solid #ADC3D6;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .circle.has-declared {
  background: #00C853;
  border: 3px solid #00C853;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .circle.has-validated {
  background: #00C853;
  border: 3px solid #00C853;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .circle.next-validator:before {
  background: #ADC3D6;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .circle.first-two-validated:before {
  background: #00C853;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .circle:before {
  content: '';
  width: 135px;
  height: 2px;
  background: #ADC3D6;
  display: block;
  position: absolute;
  top: 6px;
  left: 15px;
  z-index: -1;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .name-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 7px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .name-wrapper .name {
  font-weight: 400;
  font-size: 13px;
  text-transform: capitalize;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .name-wrapper .validation-status {
  font-weight: 400;
  font-size: 11px;
  color: #c5c5c5;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li:last-child .circle:before {
  content: none;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .progression-days {
  flex: auto;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declared-days {
  width: 100px;
  background-color: #CDEFF4;
  text-align: center;
  padding: 7px 10px;
  color: #464680;
  border-radius: 6px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declared-days span {
  font-size: 13px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declared-days span:first-child {
  font-weight: bold;
  font-size: 18px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header button.declare {
  font-weight: bold;
  width: 170px;
  margin-right: 25px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header button.devalidate {
  font-weight: bold;
  width: 170px;
  margin-right: 25px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declaration-extras {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: auto;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declaration-extras.flex-end {
  justify-content: flex-end;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declaration-extras .extras {
  display: flex;
  align-items: center;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declaration-extras .extras span {
  margin: 0 7px;
  color: #b9bebe;
  font-size: 25px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declaration-extras .extras .edit {
  border: none;
  background: none;
  font-size: 25px;
  color: #b9bebe;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declaration-extras .extras .edit.disabled {
  opacity: 0.5;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  margin: auto;
  padding: 20px 10px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .rma-table {
  overflow-x: scroll;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body.collab {
  overflow-x: scroll;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table {
  position: relative;
  empty-cells: show;
  border-collapse: unset;
  margin: 20px auto 0;
  width: 100%;
  height: auto;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .week-end {
  background-color: #FAFAFA !important;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .week-end.head {
  background: none;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .week-day {
  text-align: center;
  color: #C7CBCB;
  font-weight: 200;
  padding: 10px 7px;
  font-size: 12px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .total {
  padding: 0px 12px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .month {
  text-transform: capitalize;
  text-align: left;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr {
  border-bottom: 1px solid #b9bebe;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr:first-child td {
  border-bottom: 1px solid rgba(21, 20, 66, 0.45);
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr:first-child td:not(:first-child) {
  width: 5px;
  padding: 10px 9px;
  font-size: 10px;
  color: #959292;
}
@media screen and (max-width: 1550px) {
  .invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr:first-child td:not(:first-child) {
    padding: 10px 6px;
  }
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr:last-child {
  border-bottom: none;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td {
  padding: 15px 5px;
  text-align: center;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.actions {
  min-width: 325px;
  text-align: left;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.actions.absolute {
  position: absolute;
  top: 50px;
  left: -10px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.rma-days.empty {
  padding: 15px 5px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.total {
  font-size: 16px !important;
  padding: 20px;
  font-weight: bold;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.total-sign {
  font-size: 12px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.last-month,
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.holiday {
  background-color: #FAFAFA !important;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.activity-day {
  position: relative;
  user-select: none;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.activity-day .arrows {
  display: none;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.activity-day .vacation-status {
  color: #FF9800;
  position: absolute;
  top: 2px;
  right: 2px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.activity-day:hover .arrows {
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.activity-day:hover .arrows:first-child:not(:last-child) {
  top: 0;
  left: 0;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.activity-day:hover .arrows:last-child {
  bottom: 0;
  left: 0;
  padding-top: 12px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td:first-child {
  padding: 5px 10px 5px 30px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td:last-child {
  min-width: 80px;
  border-bottom: 1px solid #b9bebe;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td:nth-child(2) {
  -webkit-box-shadow: inset 6px 0px 4px -4px #b3b3b3;
  -moz-box-shadow: inset 6px 0px 4px -4px #b3b3b3;
  box-shadow: inset 6px 0px 4px -4px #b3b3b3;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr:not(:first-child):not(:last-child) td:not(:first-child):not(:last-child) {
  border-bottom: 1px solid #b9bebe;
  background-color: #E7EFF1;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.activity-total .complete {
  background: #00C853;
  color: #ffffff;
  border-radius: 15px;
  padding: 2px 8px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.activity-total .incomplete {
  padding: 2px 3px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.activity-total .rma-complete {
  color: #00C853;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.activity-total td {
  background-color: transparent !important;
  border-bottom: none !important;
  font-size: 12px;
  color: #FF9800;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.week-declaration td {
  border-bottom: none;
  border-right: 1px solid rgba(21, 20, 66, 0.45);
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.week-declaration td:first-child {
  border-right: none;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.week-declaration button {
  margin: auto;
  background-color: #48cde0;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.week-declaration button.disabled {
  opacity: 0.5;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table td {
  cursor: default;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table td .add-activity,
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table td .copy-activity {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  padding: 3px 0;
  font-size: 13px;
  color: #464580;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table td .add-activity span,
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table td .copy-activity span {
  color: #48cde0;
  margin-right: 5px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table td.total-sign {
  font-size: 12px !important;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .border-right {
  border-right: 1px solid rgba(21, 20, 66, 0.45);
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .border-right:last-child {
  border-right: none;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .d-none {
  display: none;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .last {
  -webkit-box-shadow: inset -6px 0px 4px -4px #b3b3b3;
  -moz-box-shadow: inset -6px 0px 4px -4px #b3b3b3;
  box-shadow: inset -6px 0px 4px -4px #b3b3b3;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .last.no-border {
  border-right: none;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name {
  position: relative;
  border-bottom: 1px solid #b9bebe;
  text-align: left;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper {
  display: none;
  position: absolute;
  flex-direction: column;
  height: 100%;
  width: 25px;
  top: 0;
  left: 0;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .comment,
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .delete {
  height: 50%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .comment.comment,
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .delete.comment {
  transform: scaleX(-1);
  background: #48cde0;
  color: #ffffff;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .comment.has-declared::before,
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .delete.has-declared::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #F60039;
  display: inline-block;
  position: absolute;
  bottom: 5px;
  left: 3px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .comment.delete,
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .delete.delete {
  background: #464584;
  color: #ffffff;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-bubble {
  width: 200px;
  background: white;
  padding: 15px;
  border: 1px solid rgba(70, 69, 132, 0.4);
  border-radius: 8px;
  font-size: 12px;
  position: absolute;
  top: 37px;
  left: 0px;
  display: block;
  word-break: break-word;
  text-align: center;
  z-index: 9999;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-bubble:after {
  content: '';
  width: 10px;
  height: 10px;
  border-left: 0px solid transparent;
  border-right: 1px solid rgba(70, 69, 132, 0.4);
  border-bottom: 1px solid rgba(70, 69, 132, 0.4);
  position: absolute;
  top: -6px;
  left: 14px;
  background: #ffffff;
  transform: rotate(225deg);
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-manager {
  transform: scaleX(-1);
  color: #464584;
  position: absolute;
  top: 8px;
  left: 5px;
  font-size: 18px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-manager:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #F60039;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: -2px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .activity-client {
  font-size: 11px;
  line-height: 22px;
  display: block;
  color: #827E7E;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .activity-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  display: block;
  color: #464584;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .fill-units {
  transform: scaleX(-1);
  position: absolute;
  right: 3%;
  top: 45%;
  font-size: 16px;
  color: #CECECE;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name.space {
  width: 260px;
  border: 0;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name:hover .comment-delete-wrapper {
  display: flex;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager {
  padding-bottom: 10px;
  position: relative;
  z-index: 9999;
  text-align: center;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li {
  width: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle {
  width: 20px;
  background: #ADC3D6;
  position: relative;
  display: block;
  height: 20px;
  border-radius: 100px;
  border: 3px solid #ADC3D6;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle.current {
  background: #ffffff;
  border: 3px solid #ADC3D6;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle.has-declared {
  background: #00C853;
  border: 3px solid #00C853;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle.has-validated {
  background: #00C853;
  border: 3px solid #00C853;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle.has-validated:before {
  background: #ADC3D6;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle.next-validator:before {
  background: #ADC3D6;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle.first-two-validated:before {
  background: #00C853;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle:before {
  content: '';
  width: 135px;
  height: 2px;
  background: #ADC3D6;
  display: block;
  position: absolute;
  top: 6px;
  left: 15px;
  z-index: -1;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .name-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 7px;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .name-wrapper .name {
  font-weight: 400;
  font-size: 13px;
  text-transform: capitalize;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .name-wrapper .validation-status {
  font-weight: 400;
  font-size: 11px;
  color: #c5c5c5;
}
.invoiceRmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li:last-child .circle:before {
  content: none;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoiceOrCreditNoteSummary {
  min-height: 100vh;
  height: 100%;
  background-color: #fff;
  margin-bottom: -30px;
  box-shadow: inset 20px 0px 50px -20px rgba(0, 0, 0, 0.15);
}
.invoiceOrCreditNoteSummary .title {
  height: 30px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.39;
  text-align: left;
  color: #48cde0;
  border-bottom: solid #48cde0 1px;
  margin-top: 28px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}
.invoiceOrCreditNoteSummary .total {
  width: 100%;
  font-size: 15px;
}
.invoiceOrCreditNoteSummary .total td:nth-child(1) {
  width: 50%;
}
.invoiceOrCreditNoteSummary .total .might-have-warning {
  position: relative;
}
.invoiceOrCreditNoteSummary .total .might-have-warning .amount-warning {
  position: absolute;
  top: -6px;
  right: -11px;
  color: #FF9D17;
}
.invoiceOrCreditNoteSummary .total td:nth-child(2) {
  width: 50%;
  text-align: right;
}
.invoiceOrCreditNoteSummary .total td:nth-child(3) {
  font-size: 25px;
  width: 50px;
}
.invoiceOrCreditNoteSummary .total .tva-details {
  font-size: 90%;
  line-height: 2;
}
.invoiceOrCreditNoteSummary .total .tva-details > :first-child {
  padding-left: 20px;
}
.invoiceOrCreditNoteSummary .total .total-ttc {
  font-weight: bold;
}
.invoiceOrCreditNoteSummary .total .expand-less {
  position: relative;
  top: 2px;
}
.invoiceOrCreditNoteSummary .total .expand-more {
  position: relative;
  top: 5px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoiceOrCreditNoteWithoutPoDetails .title {
  height: 30px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.39;
  text-align: left;
  color: #48cde0;
  border-bottom: solid #48cde0 1px;
  margin-top: 12px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.invoiceOrCreditNoteWithoutPoDetails .pos-top {
  padding-top: 20px;
}
.invoiceOrCreditNoteWithoutPoDetails .orderNumber {
  margin-top: 20px;
}
.invoiceOrCreditNoteWithoutPoDetails .clientName {
  margin-top: 20px;
}
.invoiceOrCreditNoteWithoutPoDetails .orderClient {
  margin-top: 20px;
}
.invoiceOrCreditNoteWithoutPoDetails .projectName {
  margin-top: 20px;
}
.invoiceOrCreditNoteWithoutPoDetails .typeProject .typePro {
  display: flex;
  margin-top: 50px;
}
.invoiceOrCreditNoteWithoutPoDetails .typeProject .typePro .md-primary {
  margin-left: 5px;
  margin-right: 18px;
}
.invoiceOrCreditNoteWithoutPoDetails .addresse {
  margin-bottom: 40px;
}
.invoiceOrCreditNoteWithoutPoDetails .addresse .postalCode-city {
  display: flex;
}
.invoiceOrCreditNoteWithoutPoDetails .addresse .cedex-country {
  display: flex;
}
.invoiceOrCreditNoteWithoutPoDetails .date {
  margin-top: 20px;
}
.invoiceOrCreditNoteWithoutPoDetails .pos-flex_1 {
  display: flex;
}
.invoiceOrCreditNoteWithoutPoDetails .pos-flex_1 .delay {
  width: 50%;
  margin-top: 20px;
}
.invoiceOrCreditNoteWithoutPoDetails .tva {
  margin-top: 20px;
}
.invoiceOrCreditNoteWithoutPoDetails .bankDetails-selector {
  height: 55px;
}
.invoiceOrCreditNoteWithoutPoDetails .bankDetails-selector .bankDetails-owner {
  margin-bottom: 5px;
}
.invoiceOrCreditNoteWithoutPoDetails .bankDetails-selector .bankDetails-iban {
  font-size: 85%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoiceOrCreditNoteWithoutPoLines .button-tabs {
  width: 267px;
  margin-left: auto;
  padding-bottom: 30px;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container {
  background-color: white;
  padding-bottom: 30px;
  overflow-y: scroll;
  height: calc(100vh - 350px);
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid lightgray;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice th .checkbox_cont {
  cursor: pointer;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice th span {
  margin-right: 5px;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice th .pos_category {
  position: absolute;
  margin-top: -27px;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(1) {
  width: 20%;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(2) {
  width: 9%;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(3) {
  width: 8%;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(4) {
  width: 8%;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(5) {
  width: 8%;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(6) {
  width: 14%;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(7) {
  width: 8%;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(8) {
  width: 8%;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice thead th:nth-child(9) {
  width: 10%;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice tbody tr:nth-child(odd) {
  background-color: white;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice .color-icons .silver {
  color: #b9bebe;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice th {
  color: grey;
  font-weight: lighter;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px -1px 0px 0px #656f71;
  -moz-box-shadow: inset 0px -1px 0px 0px #656f71;
  box-shadow: inset 0px -1px 0px 0px #656f71;
  position: relative;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice th,
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice td {
  padding: 20px 10px;
}
.invoiceOrCreditNoteWithoutPoLines .addInvoice-page-container .tabs-addInvoice tr {
  padding-left: 20px;
  padding-right: 20px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoiceOrCreditNoteWithoutPoSummary {
  min-height: 100vh;
  height: 100%;
  background-color: #fff;
  margin-bottom: -30px;
  box-shadow: inset 20px 0px 50px -20px rgba(0, 0, 0, 0.15);
}
.invoiceOrCreditNoteWithoutPoSummary .title {
  height: 30px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.39;
  text-align: left;
  color: #48cde0;
  border-bottom: solid #48cde0 1px;
  margin-top: 28px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}
.invoiceOrCreditNoteWithoutPoSummary .total {
  width: 100%;
  font-size: 15px;
}
.invoiceOrCreditNoteWithoutPoSummary .total td:nth-child(1) {
  width: 50%;
}
.invoiceOrCreditNoteWithoutPoSummary .total .might-have-warning {
  position: relative;
}
.invoiceOrCreditNoteWithoutPoSummary .total .might-have-warning .amount-warning {
  position: absolute;
  top: -6px;
  right: -11px;
  color: #FF9D17;
}
.invoiceOrCreditNoteWithoutPoSummary .total td:nth-child(2) {
  width: 50%;
  text-align: right;
}
.invoiceOrCreditNoteWithoutPoSummary .total td:nth-child(3) {
  font-size: 25px;
  width: 50px;
}
.invoiceOrCreditNoteWithoutPoSummary .total .tva-details {
  font-size: 90%;
  line-height: 2;
}
.invoiceOrCreditNoteWithoutPoSummary .total .tva-details > :first-child {
  padding-left: 20px;
}
.invoiceOrCreditNoteWithoutPoSummary .total .total-ttc {
  font-weight: bold;
}
.invoiceOrCreditNoteWithoutPoSummary .total .expand-less {
  position: relative;
  top: 2px;
}
.invoiceOrCreditNoteWithoutPoSummary .total .expand-more {
  position: relative;
  top: 5px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
credit-note-detail-router .invoice-columns {
  display: flex;
  align-items: stretch;
  margin-bottom: 0 !important;
}
credit-note-detail-router .invoice-columns .invoice-left-column {
  width: 75%;
}
credit-note-detail-router .invoice-columns .invoice-right-column {
  width: 25%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.credit-note-header {
  box-shadow: inset 0 -1px 0 0 rgba(151, 151, 151, 0.16);
  padding-bottom: 25px;
  padding-left: 12px;
  padding-right: 30px;
  margin-bottom: 10px;
}
.credit-note-header .action-button-draft {
  display: flex;
  align-items: flex-end;
}
.credit-note-header .action-button-draft .draftCode {
  background-color: #28D149;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}
.credit-note-header .action-button-draft .draftCode .invoiceText {
  display: flex;
  justify-content: center;
  font-size: 0.6em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.credit-note-header .action-button-draft .draftCode .logo-a-f {
  padding-top: 5px;
  padding-bottom: 2.5px;
  height: 30px;
  width: 25px;
}
.credit-note-header .action-button-draft .draftCode .icon-edit-draft {
  font-size: 25px;
  color: white;
}
.credit-note-header .action-button-draft .text-draft {
  width: 25%;
  margin-left: 15px;
  margin-bottom: -2px;
}
.credit-note-header .action-button-draft .files {
  margin-left: 70px;
}
.credit-note-header .action-button-draft .files .backtextUppercase {
  text-transform: uppercase;
}
.credit-note-header .action-button-draft .files .btn-agb {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  border-color: #48cde0;
  transition: all ease 0.3s;
  width: auto;
  margin-right: 10px;
  margin-top: 10px;
}
.credit-note-header .action-button-draft .files .btn-agb-principal {
  background-color: #48cde0;
  color: #fff;
}
.credit-note-header .action-button-draft .files .btn-agb-principal:hover {
  background-color: #fff;
  color: #48cde0;
}
.credit-note-header .action-button-draft .files .btn-agb-principal:focus:hover {
  color: #48cde0;
}
.credit-note-header .action-button-draft .files .btn-agb-principal:focus {
  color: #fff;
}
.credit-note-header .action-button-draft .files .btn-agb-principal-light,
.credit-note-header .action-button-draft .files .btn-agb-principal-light-inverse {
  background-color: #fff;
  color: #48cde0;
}
.credit-note-header .action-button-draft .files .btn-agb-principal-light:hover,
.credit-note-header .action-button-draft .files .btn-agb-principal-light-inverse:hover {
  background-color: #48cde0;
  color: #fff;
}
.credit-note-header .action-button-draft .files .btn-agb-principal-light:focus:hover,
.credit-note-header .action-button-draft .files .btn-agb-principal-light-inverse:focus:hover {
  color: #fff;
}
.credit-note-header .action-button-draft .files .btn-agb-principal-light:focus,
.credit-note-header .action-button-draft .files .btn-agb-principal-light-inverse:focus {
  color: #48cde0;
}
.credit-note-header .action-button-draft .files .btn-agb-principal-light-inverse {
  color: #464680;
}
.credit-note-header .action-button-draft .files .btn-agb:active,
.credit-note-header .action-button-draft .files .btn-agb:focus {
  outline: none !important;
}
.credit-note-header .action-button-draft .files .btn-agb.red {
  color: #d9534f;
  border-color: #d9534f;
}
.credit-note-header .action-button-draft .files .btn-agb.red:hover {
  background-color: #d9534f;
  color: #fff;
}
.credit-note-header .action-button-draft .files .btn-agb.red:focus {
  color: #d9534f;
}
.credit-note-header .action-button-draft .files.btn-agb-icon {
  display: inline-flex;
  padding-bottom: 6px;
  line-height: 23px;
}
.credit-note-header .action-button-draft .files.btn-agb-icon i {
  padding-right: 19px;
}
.credit-note-header .action-button-draft .files.btn-agb-icon i[class*='icon-']:before {
  margin-bottom: 1px;
}
.credit-note-header .action-button-draft .files.btn-agb-icon i.wrong {
  color: #ff1744 !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
credit-note-without-po-detail-router .invoice-columns {
  display: flex;
  align-items: stretch;
  margin-bottom: 0 !important;
}
credit-note-without-po-detail-router .invoice-columns .invoice-left-column {
  width: 75%;
}
credit-note-without-po-detail-router .invoice-columns .invoice-right-column {
  width: 25%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.credit-note-without-po-header {
  box-shadow: inset 0 -1px 0 0 rgba(151, 151, 151, 0.16);
  padding-bottom: 25px;
  padding-left: 12px;
  padding-right: 30px;
  margin-bottom: 10px;
}
.credit-note-without-po-header .action-button-draft {
  display: flex;
  align-items: flex-end;
}
.credit-note-without-po-header .action-button-draft .draftCode {
  background-color: #28D149;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}
.credit-note-without-po-header .action-button-draft .draftCode .invoiceText {
  display: flex;
  justify-content: center;
  font-size: 0.6em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.credit-note-without-po-header .action-button-draft .draftCode .logo-a-f {
  padding-top: 5px;
  padding-bottom: 2.5px;
  height: 30px;
  width: 25px;
}
.credit-note-without-po-header .action-button-draft .draftCode .icon-edit-draft {
  font-size: 25px;
  color: white;
}
.credit-note-without-po-header .action-button-draft .text-draft {
  width: 25%;
  margin-left: 15px;
  margin-bottom: -2px;
}
.credit-note-without-po-header .action-button-draft .files {
  margin-left: 70px;
}
.credit-note-without-po-header .action-button-draft .files .backtextUppercase {
  text-transform: uppercase;
}
.credit-note-without-po-header .action-button-draft .files .btn-agb {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  border-color: #48cde0;
  transition: all ease 0.3s;
  width: auto;
  margin-right: 10px;
  margin-top: 10px;
}
.credit-note-without-po-header .action-button-draft .files .btn-agb-principal {
  background-color: #48cde0;
  color: #fff;
}
.credit-note-without-po-header .action-button-draft .files .btn-agb-principal:hover {
  background-color: #fff;
  color: #48cde0;
}
.credit-note-without-po-header .action-button-draft .files .btn-agb-principal:focus:hover {
  color: #48cde0;
}
.credit-note-without-po-header .action-button-draft .files .btn-agb-principal:focus {
  color: #fff;
}
.credit-note-without-po-header .action-button-draft .files .btn-agb-principal-light,
.credit-note-without-po-header .action-button-draft .files .btn-agb-principal-light-inverse {
  background-color: #fff;
  color: #48cde0;
}
.credit-note-without-po-header .action-button-draft .files .btn-agb-principal-light:hover,
.credit-note-without-po-header .action-button-draft .files .btn-agb-principal-light-inverse:hover {
  background-color: #48cde0;
  color: #fff;
}
.credit-note-without-po-header .action-button-draft .files .btn-agb-principal-light:focus:hover,
.credit-note-without-po-header .action-button-draft .files .btn-agb-principal-light-inverse:focus:hover {
  color: #fff;
}
.credit-note-without-po-header .action-button-draft .files .btn-agb-principal-light:focus,
.credit-note-without-po-header .action-button-draft .files .btn-agb-principal-light-inverse:focus {
  color: #48cde0;
}
.credit-note-without-po-header .action-button-draft .files .btn-agb-principal-light-inverse {
  color: #464680;
}
.credit-note-without-po-header .action-button-draft .files .btn-agb:active,
.credit-note-without-po-header .action-button-draft .files .btn-agb:focus {
  outline: none !important;
}
.credit-note-without-po-header .action-button-draft .files .btn-agb.red {
  color: #d9534f;
  border-color: #d9534f;
}
.credit-note-without-po-header .action-button-draft .files .btn-agb.red:hover {
  background-color: #d9534f;
  color: #fff;
}
.credit-note-without-po-header .action-button-draft .files .btn-agb.red:focus {
  color: #d9534f;
}
.credit-note-without-po-header .action-button-draft .files.btn-agb-icon {
  display: inline-flex;
  padding-bottom: 6px;
  line-height: 23px;
}
.credit-note-without-po-header .action-button-draft .files.btn-agb-icon i {
  padding-right: 19px;
}
.credit-note-without-po-header .action-button-draft .files.btn-agb-icon i[class*='icon-']:before {
  margin-bottom: 1px;
}
.credit-note-without-po-header .action-button-draft .files.btn-agb-icon i.wrong {
  color: #ff1744 !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.draft-detail {
  position: relative;
}
.draft-detail .saved-info {
  cursor: pointer;
  color: white;
  position: absolute;
  top: 120px;
  right: 24px;
  z-index: 3;
  background: #00C853;
  padding: 8px 16px;
  border-radius: 24px;
  display: flex;
  align-items: center;
}
.draft-detail .saved-info i {
  font-size: 20px;
  margin-top: -4px;
  margin-right: 8px;
}
.draft-detail .saved-info:hover {
  transition: 0.3s;
  opacity: 1;
}
.draft-detail .change-opacity {
  transition: 0.3s;
  opacity: 0;
}
.draft-detail .header-detail {
  box-shadow: inset 0 -1px 0 0 rgba(151, 151, 151, 0.16);
  padding-bottom: 25px;
  padding-left: 12px;
  padding-right: 30px;
  margin-bottom: 10px;
}
.draft-detail .header-detail .action-button-draft {
  display: flex;
  align-items: flex-end;
}
.draft-detail .header-detail .action-button-draft .draftCode {
  background-color: lightgray;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-top: 15px;
  padding-left: 10px;
  padding-bottom: 15px;
  width: 43px;
}
.draft-detail .header-detail .action-button-draft .draftCode .icon-edit-draft {
  font-size: 25px;
  color: white;
}
.draft-detail .header-detail .action-button-draft .text-draft {
  width: 25%;
  margin-left: 15px;
  margin-bottom: -2px;
}
.draft-detail .header-detail .action-button-draft .files {
  margin-left: 70px;
}
.draft-detail .header-detail .action-button-draft .files .backtextUppercase {
  text-transform: uppercase;
}
.draft-detail .header-detail .action-button-draft .files .btn-agb {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  border-color: #48cde0;
  transition: all ease 0.3s;
  width: auto;
  margin-right: 10px;
  margin-top: 10px;
}
.draft-detail .header-detail .action-button-draft .files .btn-agb-principal {
  background-color: #48cde0;
  color: #fff;
}
.draft-detail .header-detail .action-button-draft .files .btn-agb-principal:hover {
  background-color: #fff;
  color: #48cde0;
}
.draft-detail .header-detail .action-button-draft .files .btn-agb-principal:focus:hover {
  color: #48cde0;
}
.draft-detail .header-detail .action-button-draft .files .btn-agb-principal:focus {
  color: #fff;
}
.draft-detail .header-detail .action-button-draft .files .btn-agb-principal-light,
.draft-detail .header-detail .action-button-draft .files .btn-agb-principal-light-inverse {
  background-color: #fff;
  color: #48cde0;
}
.draft-detail .header-detail .action-button-draft .files .btn-agb-principal-light:hover,
.draft-detail .header-detail .action-button-draft .files .btn-agb-principal-light-inverse:hover {
  background-color: #48cde0;
  color: #fff;
}
.draft-detail .header-detail .action-button-draft .files .btn-agb-principal-light:focus:hover,
.draft-detail .header-detail .action-button-draft .files .btn-agb-principal-light-inverse:focus:hover {
  color: #fff;
}
.draft-detail .header-detail .action-button-draft .files .btn-agb-principal-light:focus,
.draft-detail .header-detail .action-button-draft .files .btn-agb-principal-light-inverse:focus {
  color: #48cde0;
}
.draft-detail .header-detail .action-button-draft .files .btn-agb-principal-light-inverse {
  color: #464680;
}
.draft-detail .header-detail .action-button-draft .files .btn-agb:active,
.draft-detail .header-detail .action-button-draft .files .btn-agb:focus {
  outline: none !important;
}
.draft-detail .header-detail .action-button-draft .files .btn-agb.red {
  color: #d9534f;
  border-color: #d9534f;
}
.draft-detail .header-detail .action-button-draft .files .btn-agb.red:hover {
  background-color: #d9534f;
  color: #fff;
}
.draft-detail .header-detail .action-button-draft .files .btn-agb.red:focus {
  color: #d9534f;
}
.draft-detail .header-detail .action-button-draft .files.btn-agb-icon {
  display: inline-flex;
  padding-bottom: 6px;
  line-height: 23px;
}
.draft-detail .header-detail .action-button-draft .files.btn-agb-icon i {
  padding-right: 19px;
}
.draft-detail .header-detail .action-button-draft .files.btn-agb-icon i[class*='icon-']:before {
  margin-bottom: 1px;
}
.draft-detail .header-detail .action-button-draft .files.btn-agb-icon i.wrong {
  color: #ff1744 !important;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .title {
  height: 30px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.39;
  text-align: left;
  color: #48cde0;
  border-bottom: solid #48cde0 1px;
  margin-top: 12px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .pos-top {
  padding-top: 20px;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .orderNumber {
  margin-top: 20px;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .clientName {
  margin-top: 20px;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .orderClient {
  margin-top: 20px;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .siretClient {
  margin-top: 20px;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .tvaIntraClient {
  margin-top: 20px;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .countryCode {
  margin-top: 20px;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .projectName {
  margin-top: 20px;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .typeProject .typePro {
  display: flex;
  margin-top: 50px;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .typeProject .typePro .md-primary {
  margin-left: 5px;
  margin-right: 18px;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .addresse {
  margin-bottom: 40px;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .addresse .postalCode-city {
  display: flex;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .addresse .cedex-country {
  display: flex;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .date {
  margin-top: 20px;
  position: relative;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .date > .date-warning {
  position: absolute;
  top: 0;
  right: 0;
  color: #FF9D17;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .pos-flex_1 {
  display: flex;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .pos-flex_1 .delay {
  width: 50%;
  margin-top: 20px;
}
.draft-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .tva {
  margin-top: 20px;
}
.draft-detail .might-have-quantity-warning {
  position: relative;
}
.draft-detail .might-have-quantity-warning .quantity-warning {
  position: absolute;
  top: 20px;
  right: 10px;
  color: #FF9D17;
}
.draft-detail .tabs-header .button-tabs {
  width: 267px;
  margin-left: auto;
  padding-bottom: 30px;
}
.draft-detail .tabs-header .addInvoice-page-container {
  background-color: white;
  padding-bottom: 30px;
  overflow-y: scroll;
  height: calc(100vh - 350px);
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice .orderFleche {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 18px;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice .orderFleche .orderUp,
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice .orderFleche .orderDown {
  font-size: 20px;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid lightgray;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice th .checkbox_cont {
  cursor: pointer;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice th span {
  margin-right: 5px;
  word-break: break-word;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice th .pos_order {
  vertical-align: super;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice th .pos_category {
  vertical-align: super;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(1) {
  width: 5%;
  padding-top: 10px;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(2) {
  width: 20%;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(3) {
  width: 8%;
  padding-top: 10px;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(4) {
  width: 8%;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(5) {
  width: 7%;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(6) {
  width: 8%;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(7) {
  width: 10%;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(8) {
  width: 10%;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(9) {
  width: 8%;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(10) {
  width: 10%;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice tbody tr:nth-child(odd) {
  background-color: white;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice .color-icons .silver {
  color: #b9bebe;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice th {
  color: grey;
  font-weight: lighter;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px -1px 0px 0px #656f71;
  -moz-box-shadow: inset 0px -1px 0px 0px #656f71;
  box-shadow: inset 0px -1px 0px 0px #656f71;
  position: relative;
}
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice th,
.draft-detail .tabs-header .addInvoice-page-container .tabs-addInvoice td {
  padding: 20px;
}
.draft-detail .bankDetails-selector {
  height: 55px;
}
.draft-detail .bankDetails-selector .bankDetails-owner {
  margin-bottom: 5px;
}
.draft-detail .bankDetails-selector .bankDetails-iban {
  font-size: 85%;
}
.bankDetails-selector-menu .bankDetails-selector-item {
  height: 55px;
}
.bankDetails-selector-menu .bankDetails-selector-item .bankDetails-iban {
  font-size: 85%;
}
.rma-status-tooltip .material-icons {
  position: relative;
  top: 3px;
  color: aqua;
}
.rma-status-tooltip .not-submitted {
  color: #FF1744;
}
.rma-status-tooltip .waiting-for-validation {
  color: #464680;
}
.rma-status-tooltip .validated {
  color: #28D149;
}
.rma-status-tooltip .total-to-invoice {
  font-weight: bold;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
draft-detail-router .draft-columns {
  display: flex;
  align-items: stretch;
  margin-bottom: 0 !important;
}
draft-detail-router .draft-columns .draft-left-column {
  width: 75%;
}
draft-detail-router .draft-columns .draft-right-column {
  width: 25%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.HistoryDraft {
  min-height: 100vh;
  height: 100%;
  background-color: #fff;
  margin-bottom: -30px;
  box-shadow: inset 20px 0px 50px -20px rgba(0, 0, 0, 0.15);
}
.HistoryDraft .title {
  height: 30px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.39;
  text-align: left;
  color: #48cde0;
  border-bottom: solid #48cde0 1px;
  margin-top: 28px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}
.HistoryDraft .total {
  width: 100%;
  font-size: 15px;
}
.HistoryDraft .total td:nth-child(1) {
  width: 50%;
}
.HistoryDraft .total .might-have-warning {
  position: relative;
}
.HistoryDraft .total .might-have-warning .amount-warning {
  position: absolute;
  top: -6px;
  right: -11px;
  color: #FF9D17;
}
.HistoryDraft .total td:nth-child(2) {
  width: 50%;
  text-align: right;
}
.HistoryDraft .total td:nth-child(3) {
  font-size: 25px;
  width: 50px;
}
.HistoryDraft .total .tva-details {
  font-size: 90%;
  line-height: 2;
}
.HistoryDraft .total .tva-details > :first-child {
  padding-left: 20px;
}
.HistoryDraft .total .total-ttc {
  font-weight: bold;
}
.HistoryDraft .total .expand-less {
  position: relative;
  top: 2px;
}
.HistoryDraft .total .expand-more {
  position: relative;
  top: 5px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.rmaPreviewModal {
  width: 90%;
  height: 90%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.rmaPreviewModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.rmaPreviewModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.rmaPreviewModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.rmaPreviewModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  padding: 32px;
  background: #48cde0;
  padding-bottom: 20px;
}
.rmaPreviewModal .selector-date {
  display: flex;
  justify-content: space-between;
  width: 50%;
  align-items: baseline;
  padding-top: 20px;
  margin-left: 25px;
}
.rmaPreviewModal .selector-date .title-date {
  width: 50%;
  font-size: 16px;
  color: #464680;
}
.rmaPreviewModal .rmaCollabsInvoice {
  padding-top: 25px;
  padding-left: 27px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  color: #464680;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .clickCollab {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 24px;
  background-color: #F3F6F8;
  width: 65%;
  border-radius: 5px;
  margin-bottom: 20px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .clickCollab .collabInfo {
  margin-right: 25px;
  padding-left: 15px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .clickCollab .expand-less {
  font-size: 24px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma {
  width: 95%;
  position: relative;
  top: 5%;
  background: #ffffff;
  box-shadow: 0px 4px 5px 0px #e8e8e8;
  -webkit-box-shadow: 0px 4px 5px 0px #e8e8e8;
  -moz-box-shadow: 0px 4px 5px 0px #e8e8e8;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 50px;
  position: relative;
  height: 75px;
  box-shadow: 0px 4px 5px 0px #e8e8e8;
  -webkit-box-shadow: 0px 4px 5px 0px #e8e8e8;
  -moz-box-shadow: 0px 4px 5px 0px #e8e8e8;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection {
  display: flex;
  align-items: center;
  flex: auto;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .freelance {
  width: 40px;
  height: 73px;
  border-radius: 0 0 3px 3px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
  background-color: #464680;
  color: white;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .freelance .signet-icon {
  font-size: 21px;
  text-align: center;
  margin: 0;
  position: relative;
  top: 42%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .freelance .freelance-pepite {
  margin: 0;
  position: relative;
  bottom: 0;
  width: 100%;
  height: 16px;
  text-align: center;
  background-color: #464680;
  color: white;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: 300;
  letter-spacing: -0.2px;
  padding-top: 4px;
  border-radius: 0 0 3px 3px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .collab-and-approbator {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  left: 8%;
  width: 100%;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .collab-and-approbator .collab-name {
  text-transform: capitalize;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .collab-and-approbator .collab-name strong {
  font-size: 18px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .collab-and-approbator .approbator {
  display: flex;
  flex-direction: column;
  text-transform: capitalize;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .collab-and-approbator .approbator span:first-child {
  color: #ADC3D6;
  font-size: 13px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-selection .collab-and-approbator .approbator span:last-child {
  color: #464680;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-select {
  width: auto;
  margin-left: 10%;
  color: #464680;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-select .md-select-value {
  border-bottom: none;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-select .md-select-value span:not(.md-select-icon) {
  flex: initial;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-select .md-select-value .md-text {
  font-size: 16px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-select-manager {
  display: flex;
  margin-right: 5%;
  width: auto;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .month-select .md-select-icon {
  color: #464680;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status {
  position: relative;
  height: 100%;
  display: flex;
  flex: auto;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .flag {
  height: 55px;
  width: 35px;
  position: relative;
  border-radius: 0 0 5px 5px;
  top: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .flag span {
  font-weight: bold;
  margin-left: 10px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .flag.in-process {
  background-color: #48cde0;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .flag.awaiting-validation {
  background-color: #FF9700;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .flag.validated {
  background-color: #00C853;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .flag i {
  font-size: 25px;
  color: #ffffff;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .manager-status {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-left: 15px;
  font-size: 16px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 15px;
  font-size: 16px;
  font-weight: 600;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status i {
  font-size: 20px;
  margin-left: 15px;
  color: #b9bebe;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status i.active {
  color: #464584;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow {
  border: 1px solid rgba(70, 69, 132, 0.4);
  border-radius: 10px;
  background: #ffffff;
  padding: 20px 0;
  position: absolute;
  top: 45px;
  left: -95px;
  width: auto;
  z-index: 9999;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow:after {
  content: '';
  width: 15px;
  height: 15px;
  border-left: 0px solid transparent;
  border-right: 1px solid rgba(70, 69, 132, 0.4);
  border-bottom: 1px solid rgba(70, 69, 132, 0.4);
  position: absolute;
  top: -8px;
  left: 174px;
  background: #ffffff;
  transform: rotate(225deg);
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow.has-declared:after {
  right: 158px;
  left: initial;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow.two {
  left: -50px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow.two:after {
  right: 51px;
  left: initial;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow.is-validated:after {
  left: 110px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li {
  width: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .circle {
  width: 20px;
  background: #ADC3D6;
  position: relative;
  display: block;
  height: 20px;
  border-radius: 100px;
  border: 3px solid #ADC3D6;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .circle.current {
  background: #ffffff;
  border: 3px solid #ADC3D6;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .circle.has-declared {
  background: #00C853;
  border: 3px solid #00C853;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .circle.has-validated {
  background: #00C853;
  border: 3px solid #00C853;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .circle.next-validator:before {
  background: #ADC3D6;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .circle.first-two-validated:before {
  background: #00C853;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .circle:before {
  content: '';
  width: 135px;
  height: 2px;
  background: #ADC3D6;
  display: block;
  position: absolute;
  top: 6px;
  left: 15px;
  z-index: -1;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .name-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 7px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .name-wrapper .name {
  font-weight: 400;
  font-size: 13px;
  text-transform: capitalize;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li .actor-wrapper .name-wrapper .validation-status {
  font-weight: 400;
  font-size: 11px;
  color: #c5c5c5;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .rma-status .status .workflow ul li:last-child .circle:before {
  content: none;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .progression-days {
  flex: auto;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declared-days {
  width: 100px;
  background-color: #CDEFF4;
  text-align: center;
  padding: 7px 10px;
  color: #464680;
  border-radius: 6px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declared-days span {
  font-size: 13px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declared-days span:first-child {
  font-weight: bold;
  font-size: 18px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header button.declare {
  font-weight: bold;
  width: 170px;
  margin-right: 25px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header button.devalidate {
  font-weight: bold;
  width: 170px;
  margin-right: 25px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declaration-extras {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: auto;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declaration-extras.flex-end {
  justify-content: flex-end;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declaration-extras .extras {
  display: flex;
  align-items: center;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declaration-extras .extras span {
  margin: 0 7px;
  color: #b9bebe;
  font-size: 25px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declaration-extras .extras .edit {
  border: none;
  background: none;
  font-size: 25px;
  color: #b9bebe;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .header .declaration-extras .extras .edit.disabled {
  opacity: 0.5;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  margin: auto;
  padding: 20px 10px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .rma-table {
  overflow-x: scroll;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body.collab {
  overflow-x: scroll;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table {
  position: relative;
  empty-cells: show;
  border-collapse: unset;
  margin: 20px auto 0;
  width: 100%;
  height: auto;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .week-end {
  background-color: #FAFAFA !important;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .week-end.head {
  background: none;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .week-day {
  text-align: center;
  color: #C7CBCB;
  font-weight: 200;
  padding: 10px 7px;
  font-size: 12px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .total {
  padding: 0px 12px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .month {
  text-transform: capitalize;
  text-align: left;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr {
  border-bottom: 1px solid #b9bebe;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr:first-child td {
  border-bottom: 1px solid rgba(21, 20, 66, 0.45);
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr:first-child td:not(:first-child) {
  width: 5px;
  padding: 10px 9px;
  font-size: 10px;
  color: #959292;
}
@media screen and (max-width: 1550px) {
  .rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr:first-child td:not(:first-child) {
    padding: 10px 6px;
  }
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr:last-child {
  border-bottom: none;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td {
  padding: 15px 5px;
  text-align: center;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.actions {
  min-width: 325px;
  text-align: left;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.actions.absolute {
  position: absolute;
  top: 50px;
  left: -10px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.rma-days.empty {
  padding: 15px 5px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.total {
  font-size: 16px !important;
  padding: 20px;
  font-weight: bold;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.total-sign {
  font-size: 12px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.last-month,
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.holiday {
  background-color: #FAFAFA !important;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.activity-day {
  position: relative;
  user-select: none;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.activity-day .arrows {
  display: none;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.activity-day .vacation-status {
  color: #FF9800;
  position: absolute;
  top: 2px;
  right: 2px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.activity-day:hover .arrows {
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.activity-day:hover .arrows:first-child:not(:last-child) {
  top: 0;
  left: 0;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td.activity-day:hover .arrows:last-child {
  bottom: 0;
  left: 0;
  padding-top: 12px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td:first-child {
  padding: 5px 10px 5px 30px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td:last-child {
  min-width: 80px;
  border-bottom: 1px solid #b9bebe;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr td:nth-child(2) {
  -webkit-box-shadow: inset 6px 0px 4px -4px #b3b3b3;
  -moz-box-shadow: inset 6px 0px 4px -4px #b3b3b3;
  box-shadow: inset 6px 0px 4px -4px #b3b3b3;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr:not(:first-child):not(:last-child) td:not(:first-child):not(:last-child) {
  border-bottom: 1px solid #b9bebe;
  background-color: #E7EFF1;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.activity-total .complete {
  background: #00C853;
  color: #ffffff;
  border-radius: 15px;
  padding: 2px 8px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.activity-total .incomplete {
  padding: 2px 3px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.activity-total .rma-complete {
  color: #00C853;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.activity-total td {
  background-color: transparent !important;
  border-bottom: none !important;
  font-size: 12px;
  color: #FF9800;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.week-declaration td {
  border-bottom: none;
  border-right: 1px solid rgba(21, 20, 66, 0.45);
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.week-declaration td:first-child {
  border-right: none;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.week-declaration button {
  margin: auto;
  background-color: #48cde0;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table tr.week-declaration button.disabled {
  opacity: 0.5;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table td {
  cursor: default;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table td .add-activity,
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table td .copy-activity {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  padding: 3px 0;
  font-size: 13px;
  color: #464580;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table td .add-activity span,
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table td .copy-activity span {
  color: #48cde0;
  margin-right: 5px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table td.total-sign {
  font-size: 12px !important;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .border-right {
  border-right: 1px solid rgba(21, 20, 66, 0.45);
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .border-right:last-child {
  border-right: none;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .d-none {
  display: none;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .last {
  -webkit-box-shadow: inset -6px 0px 4px -4px #b3b3b3;
  -moz-box-shadow: inset -6px 0px 4px -4px #b3b3b3;
  box-shadow: inset -6px 0px 4px -4px #b3b3b3;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .last.no-border {
  border-right: none;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name {
  position: relative;
  border-bottom: 1px solid #b9bebe;
  text-align: left;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper {
  display: none;
  position: absolute;
  flex-direction: column;
  height: 100%;
  width: 25px;
  top: 0;
  left: 0;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .comment,
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .delete {
  height: 50%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .comment.comment,
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .delete.comment {
  transform: scaleX(-1);
  background: #48cde0;
  color: #ffffff;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .comment.has-declared::before,
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .delete.has-declared::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #F60039;
  display: inline-block;
  position: absolute;
  bottom: 5px;
  left: 3px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .comment.delete,
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-delete-wrapper .delete.delete {
  background: #464584;
  color: #ffffff;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-bubble {
  width: 200px;
  background: white;
  padding: 15px;
  border: 1px solid rgba(70, 69, 132, 0.4);
  border-radius: 8px;
  font-size: 12px;
  position: absolute;
  top: 37px;
  left: 0px;
  display: block;
  word-break: break-word;
  text-align: center;
  z-index: 9999;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-bubble:after {
  content: '';
  width: 10px;
  height: 10px;
  border-left: 0px solid transparent;
  border-right: 1px solid rgba(70, 69, 132, 0.4);
  border-bottom: 1px solid rgba(70, 69, 132, 0.4);
  position: absolute;
  top: -6px;
  left: 14px;
  background: #ffffff;
  transform: rotate(225deg);
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-manager {
  transform: scaleX(-1);
  color: #464584;
  position: absolute;
  top: 8px;
  left: 5px;
  font-size: 18px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .comment-manager:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #F60039;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: -2px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .activity-client {
  font-size: 11px;
  line-height: 22px;
  display: block;
  color: #827E7E;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .activity-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  display: block;
  color: #464584;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name .fill-units {
  transform: scaleX(-1);
  position: absolute;
  right: 3%;
  top: 45%;
  font-size: 16px;
  color: #CECECE;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name.space {
  width: 260px;
  border: 0;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body table .activity-name:hover .comment-delete-wrapper {
  display: flex;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager {
  padding-bottom: 10px;
  position: relative;
  z-index: 9999;
  text-align: center;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li {
  width: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle {
  width: 20px;
  background: #ADC3D6;
  position: relative;
  display: block;
  height: 20px;
  border-radius: 100px;
  border: 3px solid #ADC3D6;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle.current {
  background: #ffffff;
  border: 3px solid #ADC3D6;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle.has-declared {
  background: #00C853;
  border: 3px solid #00C853;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle.has-validated {
  background: #00C853;
  border: 3px solid #00C853;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle.has-validated:before {
  background: #ADC3D6;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle.next-validator:before {
  background: #ADC3D6;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle.first-two-validated:before {
  background: #00C853;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .circle:before {
  content: '';
  width: 135px;
  height: 2px;
  background: #ADC3D6;
  display: block;
  position: absolute;
  top: 6px;
  left: 15px;
  z-index: -1;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .name-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 7px;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .name-wrapper .name {
  font-weight: 400;
  font-size: 13px;
  text-transform: capitalize;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li .actor-wrapper .name-wrapper .validation-status {
  font-weight: 400;
  font-size: 11px;
  color: #c5c5c5;
}
.rmaPreviewModal .rmaCollabsInvoice .collabsRma .viewRma .body .workflow-manager ul li:last-child .circle:before {
  content: none;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.InvoiceLinePageSlide .content-container {
  padding-top: 40px;
}
.InvoiceLinePageSlide .content-container .new-invoiceLine {
  padding-left: 45px;
  padding-right: 45px;
}
.InvoiceLinePageSlide .content-container .select-container {
  padding-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .wording {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .categories {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .quantity {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .unit {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .unitPriceExcludingTax {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .discount {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .excludingTax {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .tva {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .allTaxesIncluded {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
  padding-bottom: 40px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.draft-without-PO-detail {
  position: relative;
}
.draft-without-PO-detail .saved-info {
  cursor: pointer;
  color: white;
  position: absolute;
  top: 120px;
  right: 24px;
  z-index: 3;
  background: #00C853;
  padding: 8px 16px;
  border-radius: 24px;
  display: flex;
  align-items: center;
}
.draft-without-PO-detail .saved-info i {
  font-size: 20px;
  margin-top: -4px;
  margin-right: 8px;
}
.draft-without-PO-detail .saved-info:hover {
  transition: 0.3s;
  opacity: 1;
}
.draft-without-PO-detail .change-opacity {
  transition: 0.3s;
  opacity: 0;
}
.draft-without-PO-detail .header-detail {
  box-shadow: inset 0 -1px 0 0 rgba(151, 151, 151, 0.16);
  padding-bottom: 25px;
  padding-left: 12px;
  padding-right: 30px;
  margin-bottom: 10px;
}
.draft-without-PO-detail .header-detail .action-button-draft {
  display: flex;
  align-items: flex-end;
}
.draft-without-PO-detail .header-detail .action-button-draft .draftCode {
  background-color: lightgray;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-top: 15px;
  padding-left: 10px;
  padding-bottom: 15px;
  width: 43px;
}
.draft-without-PO-detail .header-detail .action-button-draft .draftCode .icon-edit-draft {
  font-size: 25px;
  color: white;
}
.draft-without-PO-detail .header-detail .action-button-draft .text-draft {
  width: 25%;
  margin-left: 15px;
  margin-bottom: -2px;
}
.draft-without-PO-detail .header-detail .action-button-draft .files {
  margin-left: 70px;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .backtextUppercase {
  text-transform: uppercase;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  border-color: #48cde0;
  transition: all ease 0.3s;
  width: auto;
  margin-right: 10px;
  margin-top: 10px;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb-principal {
  background-color: #48cde0;
  color: #fff;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb-principal:hover {
  background-color: #fff;
  color: #48cde0;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb-principal:focus:hover {
  color: #48cde0;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb-principal:focus {
  color: #fff;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb-principal-light,
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb-principal-light-inverse {
  background-color: #fff;
  color: #48cde0;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb-principal-light:hover,
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb-principal-light-inverse:hover {
  background-color: #48cde0;
  color: #fff;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb-principal-light:focus:hover,
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb-principal-light-inverse:focus:hover {
  color: #fff;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb-principal-light:focus,
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb-principal-light-inverse:focus {
  color: #48cde0;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb-principal-light-inverse {
  color: #464680;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb:active,
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb:focus {
  outline: none !important;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb.red {
  color: #d9534f;
  border-color: #d9534f;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb.red:hover {
  background-color: #d9534f;
  color: #fff;
}
.draft-without-PO-detail .header-detail .action-button-draft .files .btn-agb.red:focus {
  color: #d9534f;
}
.draft-without-PO-detail .header-detail .action-button-draft .files.btn-agb-icon {
  display: inline-flex;
  padding-bottom: 6px;
  line-height: 23px;
}
.draft-without-PO-detail .header-detail .action-button-draft .files.btn-agb-icon i {
  padding-right: 19px;
}
.draft-without-PO-detail .header-detail .action-button-draft .files.btn-agb-icon i[class*='icon-']:before {
  margin-bottom: 1px;
}
.draft-without-PO-detail .header-detail .action-button-draft .files.btn-agb-icon i.wrong {
  color: #ff1744 !important;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .title {
  height: 30px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.39;
  text-align: left;
  color: #48cde0;
  border-bottom: solid #48cde0 1px;
  margin-top: 12px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .pos-top {
  padding-top: 20px;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .orderNumber {
  margin-top: 20px;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .clientName {
  margin-top: 20px;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .orderClient {
  margin-top: 20px;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .projectName {
  margin-top: 20px;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .typeProject .typePro {
  display: flex;
  margin-top: 50px;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .typeProject .typePro .md-primary {
  margin-left: 5px;
  margin-right: 18px;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .addresse {
  margin-bottom: 40px;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .addresse .postalCode-city {
  display: flex;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .addresse .cedex-country {
  display: flex;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .date {
  margin-top: 20px;
  position: relative;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .date > .date-warning {
  position: absolute;
  top: 0;
  right: 0;
  color: #FF9D17;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .pos-flex_1 {
  display: flex;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .pos-flex_1 .delay {
  width: 50%;
  margin-top: 20px;
}
.draft-without-PO-detail .clientProject-orderBillingPeriodicityAndWording-InvoicingAddress .tva {
  margin-top: 20px;
}
.draft-without-PO-detail .might-have-quantity-warning {
  position: relative;
}
.draft-without-PO-detail .might-have-quantity-warning .quantity-warning {
  position: absolute;
  top: 20px;
  right: 10px;
  color: #FF9D17;
}
.draft-without-PO-detail .tabs-header .button-tabs {
  width: 267px;
  margin-left: auto;
  padding-bottom: 30px;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container {
  background-color: white;
  padding-bottom: 30px;
  overflow-y: scroll;
  height: calc(100vh - 350px);
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice .orderFleche {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 18px;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice .orderFleche .orderUp,
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice .orderFleche .orderDown {
  font-size: 20px;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid lightgray;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice th .checkbox_cont {
  cursor: pointer;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice th span {
  margin-right: 5px;
  word-break: break-word;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice th .pos_order {
  vertical-align: super;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice th .pos_category {
  vertical-align: super;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(1) {
  width: 5%;
  padding-top: 10px;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(2) {
  width: 18%;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(3) {
  width: 8%;
  padding-top: 10px;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(4) {
  width: 8%;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(5) {
  width: 7%;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(6) {
  width: 8%;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(7) {
  width: 10%;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(8) {
  width: 10%;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(9) {
  width: 8%;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice thead th:nth-child(10) {
  width: 10%;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice tbody tr:nth-child(odd) {
  background-color: white;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice .color-icons .silver {
  color: #b9bebe;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice th {
  color: grey;
  font-weight: lighter;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px -1px 0px 0px #656f71;
  -moz-box-shadow: inset 0px -1px 0px 0px #656f71;
  box-shadow: inset 0px -1px 0px 0px #656f71;
  position: relative;
}
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice th,
.draft-without-PO-detail .tabs-header .addInvoice-page-container .tabs-addInvoice td {
  padding: 20px;
}
.draft-without-PO-detail .bankDetails-selector {
  height: 55px;
}
.draft-without-PO-detail .bankDetails-selector .bankDetails-owner {
  margin-bottom: 5px;
}
.draft-without-PO-detail .bankDetails-selector .bankDetails-iban {
  font-size: 85%;
}
.bankDetails-selector-menu .bankDetails-selector-item {
  height: 55px;
}
.bankDetails-selector-menu .bankDetails-selector-item .bankDetails-iban {
  font-size: 85%;
}
.rma-status-tooltip .material-icons {
  position: relative;
  top: 3px;
  color: aqua;
}
.rma-status-tooltip .not-submitted {
  color: #FF1744;
}
.rma-status-tooltip .waiting-for-validation {
  color: #464680;
}
.rma-status-tooltip .validated {
  color: #28D149;
}
.rma-status-tooltip .total-to-invoice {
  font-weight: bold;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
draft-without-po-detail-router .draft-columns {
  display: flex;
  align-items: stretch;
  margin-bottom: 0 !important;
}
draft-without-po-detail-router .draft-columns .draft-left-column {
  width: 75%;
}
draft-without-po-detail-router .draft-columns .draft-right-column {
  width: 25%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.HistoryDraftWithoutPO {
  min-height: 100vh;
  height: 100%;
  background-color: #fff;
  margin-bottom: -30px;
  box-shadow: inset 20px 0px 50px -20px rgba(0, 0, 0, 0.15);
}
.HistoryDraftWithoutPO .title {
  height: 30px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.39;
  text-align: left;
  color: #48cde0;
  border-bottom: solid #48cde0 1px;
  margin-top: 28px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}
.HistoryDraftWithoutPO .total {
  width: 100%;
  font-size: 15px;
}
.HistoryDraftWithoutPO .total td:nth-child(1) {
  width: 50%;
}
.HistoryDraftWithoutPO .total .might-have-warning {
  position: relative;
}
.HistoryDraftWithoutPO .total .might-have-warning .amount-warning {
  position: absolute;
  top: -6px;
  right: -11px;
  color: #FF9D17;
}
.HistoryDraftWithoutPO .total td:nth-child(2) {
  width: 50%;
  text-align: right;
}
.HistoryDraftWithoutPO .total td:nth-child(3) {
  font-size: 25px;
  width: 50px;
}
.HistoryDraftWithoutPO .total .tva-details {
  font-size: 90%;
  line-height: 2;
}
.HistoryDraftWithoutPO .total .tva-details > :first-child {
  padding-left: 20px;
}
.HistoryDraftWithoutPO .total .total-ttc {
  font-weight: bold;
}
.HistoryDraftWithoutPO .total .expand-less {
  position: relative;
  top: 2px;
}
.HistoryDraftWithoutPO .total .expand-more {
  position: relative;
  top: 5px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.InvoiceLinePageSlide .content-container {
  padding-top: 40px;
}
.InvoiceLinePageSlide .content-container .new-invoiceLine {
  padding-left: 45px;
  padding-right: 45px;
}
.InvoiceLinePageSlide .content-container .select-container {
  padding-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .wording {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .categories {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .quantity {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .unit {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .unitPriceExcludingTax {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .discount {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .excludingTax {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .tva {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .allTaxesIncluded {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
  padding-bottom: 40px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.exportManagement {
  display: flex;
  justify-content: space-around;
  padding-bottom: 700px;
}
.exportManagement .export-pay-wrapper {
  padding: 10px;
  width: 1000px;
  height: 290px;
  background-color: white;
  margin-bottom: 40px;
}
.exportManagement .export-pay-wrapper .border-title {
  border-bottom: 1px solid #48CDE0;
  color: #48CDE0;
  margin-bottom: 22px;
  margin-left: 20px;
  margin-right: 20px;
}
.exportManagement .export-pay-wrapper .format {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-bottom: 20px;
}
.exportManagement .export-pay-wrapper .format p {
  font-size: 15px;
  font-weight: bold;
}
.exportManagement .export-pay-wrapper .format .formtat-accounting-entries {
  margin: 0px;
  width: 150px;
  margin-left: 20px;
}
.exportManagement .export-pay-wrapper .format .formtat-accounting-entries span {
  color: #464680;
}
.exportManagement .export-pay-wrapper .format .formtat-accounting-entries span:hover {
  color: #464680;
}
.exportManagement .export-pay-wrapper .month-container {
  padding-bottom: 20px;
  padding-left: 20px;
}
.exportManagement .export-pay-wrapper .month-container p {
  font-size: 15px;
  font-weight: bold;
}
.exportManagement .export-pay-wrapper .month-container .select-month {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.exportManagement .export-pay-wrapper .month-container .select-month .select-date {
  position: relative;
}
.exportManagement .export-pay-wrapper .month-container .select-month .select-date .arrow {
  position: absolute;
  margin-left: -25px;
}
.exportManagement .export-pay-wrapper .month-container .select-month .date {
  margin-right: 5px;
  margin-left: 5px;
}
.exportManagement .export-pay-wrapper .month-container .select-month .date .md-datepicker-input-container .md-datepicker-input {
  color: #464680;
  text-align: center;
  width: 150px;
  cursor: pointer;
}
.exportManagement .export-pay-wrapper .month-container .select-month .date .md-datepicker-input-container .md-datepicker-input:hover {
  color: #464680;
}
.exportManagement .export-pay-wrapper .newlyValidatedInvoice-and-button-style {
  padding-left: 20px;
  padding-bottom: 20px;
}
.exportManagement .export-pay-wrapper .newlyValidatedInvoice-and-button-style .P {
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
.exportManagement .export-pay-wrapper .newlyValidatedInvoice-and-button-style .pos-flex {
  display: flex;
  justify-content: space-between;
}
.exportManagement .export-pay-wrapper .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice {
  border: 1px solid #ddd;
  padding: 2px 40px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  margin-right: 30px;
}
.exportManagement .export-pay-wrapper .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice .notP {
  padding: 4px 0;
}
.exportManagement .export-pay-wrapper .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice span {
  color: grey;
}
.exportManagement .export-pay-wrapper .newlyValidatedInvoice-and-button-style .pos-flex .button-style .add-action-system-btn {
  width: 250px;
}
.exportManagement .export-pay-wrapper .export-pay-wraps {
  padding: 10px;
  width: 1000px;
  height: 330px;
  background-color: white;
  margin-top: 40px;
  margin-left: -10px;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .border-title {
  border-bottom: 1px solid #48CDE0;
  color: #48CDE0;
  margin-bottom: 22px;
  margin-left: 20px;
  margin-right: 20px;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .format {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-bottom: 20px;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .format p {
  font-size: 15px;
  font-weight: bold;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .format .formtat-accounting-entries {
  margin: 0px;
  width: 150px;
  margin-left: 20px;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .format .formtat-accounting-entries span {
  color: #464680;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .format .formtat-accounting-entries span:hover {
  color: #464680;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .groups_PDF {
  padding-left: 20px;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .groups_PDF .name {
  font-size: 15px;
  font-weight: bold;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .month-container {
  padding-bottom: 20px;
  padding-left: 20px;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .month-container p {
  font-size: 15px;
  font-weight: bold;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .month-container .select-month {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .month-container .select-month .select-date {
  position: relative;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .month-container .select-month .select-date .arrow {
  position: absolute;
  margin-left: -25px;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .month-container .select-month .date {
  margin-right: 5px;
  margin-left: 5px;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .month-container .select-month .date .md-datepicker-input-container .md-datepicker-input {
  color: #464680;
  text-align: center;
  width: 150px;
  cursor: pointer;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .month-container .select-month .date .md-datepicker-input-container .md-datepicker-input:hover {
  color: #464680;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .newlyValidatedInvoice-and-button-style {
  padding-left: 20px;
  padding-bottom: 20px;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .newlyValidatedInvoice-and-button-style .P {
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .newlyValidatedInvoice-and-button-style .pos-flex {
  display: flex;
  justify-content: space-between;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice {
  border: 1px solid #ddd;
  padding: 2px 40px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  margin-right: 30px;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice .notP {
  padding: 4px 0;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice span {
  color: grey;
}
.exportManagement .export-pay-wrapper .export-pay-wraps .newlyValidatedInvoice-and-button-style .pos-flex .button-style .add-action-system-btn {
  width: 250px;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers {
  padding: 10px;
  width: 1000px;
  height: 235px;
  background-color: white;
  margin-top: 40px;
  margin-left: -10px;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .border-title {
  border-bottom: 1px solid #48CDE0;
  color: #48CDE0;
  margin-bottom: 22px;
  margin-left: 20px;
  margin-right: 20px;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .month-container {
  padding-bottom: 20px;
  padding-left: 20px;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .month-container p {
  font-size: 15px;
  font-weight: bold;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .month-container .select-month {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .month-container .select-month .select-date {
  position: relative;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .month-container .select-month .select-date .arrow {
  position: absolute;
  margin-left: -25px;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .month-container .select-month .date {
  margin-right: 5px;
  margin-left: 5px;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .month-container .select-month .date .md-datepicker-input-container .md-datepicker-input {
  color: #464680;
  text-align: center;
  width: 150px;
  cursor: pointer;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .month-container .select-month .date .md-datepicker-input-container .md-datepicker-input:hover {
  color: #464680;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .newlyValidatedInvoice-and-button-style {
  padding-left: 20px;
  padding-bottom: 20px;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .newlyValidatedInvoice-and-button-style .P {
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .newlyValidatedInvoice-and-button-style .pos-flex {
  display: flex;
  justify-content: space-between;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice {
  border: 1px solid #ddd;
  padding: 2px 40px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  margin-right: 30px;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice .notP {
  padding: 4px 0;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice span {
  color: grey;
}
.exportManagement .export-pay-wrapper .export-pay-wrappers .newlyValidatedInvoice-and-button-style .pos-flex .button-style .add-action-system-btn {
  width: 250px;
}
.list-export-invoice {
  width: 30%;
  min-height: 200px;
  padding-top: 11px;
  padding: 15px;
}
.list-export-invoice .accountingExportHistory {
  margin-top: -5px;
  margin-bottom: 50px;
}
.list-export-invoice .accountingExportHistory .border-title {
  border-bottom: 1px solid #48CDE0;
  color: #48CDE0;
}
.list-export-invoice .accountingExportHistory .file-export {
  padding-top: 25px;
}
.list-export-invoice .accountingExportHistory .file-export .exported-date {
  font-size: 16px;
  font-weight: bold;
}
.list-export-invoice .accountingExportHistory .file-export .creator-export {
  padding-bottom: 15px;
  padding-top: 5px;
}
.list-export-invoice .accountingExportHistory .file-export .file-creator {
  display: flex;
  width: 100%;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: left;
  padding-top: 15px;
  padding-left: 15px;
  background-color: white;
}
.list-export-invoice .accountingExportHistory .file-export .file-creator .i-folder-file {
  font-size: 20px;
}
.list-export-invoice .accountingExportHistory .file-export .file-creator .i-files {
  font-size: 20px;
}
.list-export-invoice .accountingExportHistory .file-export .file-creator .file-name {
  padding-left: 5px;
}
.list-export-invoice .accountingExportHistory .file-export .file-creator .visible-file {
  margin-left: auto;
  padding-right: 10px;
}
.list-export-invoice .export-pdf {
  margin-top: -5px;
  margin-bottom: 50px;
}
.list-export-invoice .export-pdf .border-title {
  border-bottom: 1px solid #48CDE0;
  color: #48CDE0;
}
.list-export-invoice .export-pdf .file-export {
  padding-top: 25px;
}
.list-export-invoice .export-pdf .file-export .exported-date {
  font-size: 16px;
  font-weight: bold;
}
.list-export-invoice .export-pdf .file-export .creator-export {
  padding-bottom: 15px;
  padding-top: 5px;
}
.list-export-invoice .export-pdf .file-export .file-creator {
  display: flex;
  width: 100%;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: left;
  padding-top: 15px;
  padding-left: 15px;
  background-color: white;
}
.list-export-invoice .export-pdf .file-export .file-creator .i-folder-file {
  font-size: 20px;
}
.list-export-invoice .export-pdf .file-export .file-creator .i-files {
  font-size: 20px;
}
.list-export-invoice .export-pdf .file-export .file-creator .file-name {
  padding-left: 5px;
}
.list-export-invoice .export-pdf .file-export .file-creator .visible-file {
  margin-left: auto;
  padding-right: 10px;
}
.list-export-invoice .history-of-reports {
  margin-top: -5px;
  margin-bottom: 50px;
}
.list-export-invoice .history-of-reports .border-title {
  border-bottom: 1px solid #48CDE0;
  color: #48CDE0;
}
.list-export-invoice .history-of-reports .file-export {
  padding-top: 25px;
}
.list-export-invoice .history-of-reports .file-export .exported-date {
  font-size: 16px;
  font-weight: bold;
}
.list-export-invoice .history-of-reports .file-export .creator-export {
  padding-bottom: 15px;
  padding-top: 5px;
}
.list-export-invoice .history-of-reports .file-export .file-creator {
  display: flex;
  width: 100%;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: left;
  padding-top: 15px;
  padding-left: 15px;
  background-color: white;
}
.list-export-invoice .history-of-reports .file-export .file-creator .i-folder-file {
  font-size: 20px;
}
.list-export-invoice .history-of-reports .file-export .file-creator .i-files {
  font-size: 20px;
}
.list-export-invoice .history-of-reports .file-export .file-creator .file-name {
  padding-left: 5px;
}
.list-export-invoice .history-of-reports .file-export .file-creator .visible-file {
  margin-left: auto;
  padding-right: 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
invoice-detail-router .invoice-columns {
  display: flex;
  align-items: stretch;
  margin-bottom: 0 !important;
}
invoice-detail-router .invoice-columns .invoice-left-column {
  width: 75%;
}
invoice-detail-router .invoice-columns .invoice-right-column {
  width: 25%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoice-header {
  box-shadow: inset 0 -1px 0 0 rgba(151, 151, 151, 0.16);
  padding-bottom: 25px;
  padding-left: 12px;
  padding-right: 30px;
  margin-bottom: 10px;
}
.invoice-header .action-button-draft {
  display: flex;
  align-items: flex-end;
}
.invoice-header .action-button-draft .draftCode {
  background-color: #28D149;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}
.invoice-header .action-button-draft .draftCode .invoiceText {
  display: flex;
  justify-content: center;
  font-size: 0.6em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.invoice-header .action-button-draft .draftCode .logo-a-f {
  padding-top: 5px;
  padding-bottom: 2.5px;
  height: 30px;
  width: 25px;
}
.invoice-header .action-button-draft .draftCode.partially-cancelled {
  background-color: #FF9D17;
}
.invoice-header .action-button-draft .draftCode.totally-cancelled {
  background-color: #FF1744;
}
.invoice-header .action-button-draft .draftCode .icon-edit-draft {
  font-size: 25px;
  color: white;
}
.invoice-header .action-button-draft .text-draft {
  width: 25%;
  margin-left: 15px;
  margin-bottom: -2px;
}
.invoice-header .action-button-draft .files {
  margin-left: 70px;
}
.invoice-header .action-button-draft .files .backtextUppercase {
  text-transform: uppercase;
}
.invoice-header .action-button-draft .files .btn-agb {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  border-color: #48cde0;
  transition: all ease 0.3s;
  width: auto;
  margin-right: 10px;
  margin-top: 10px;
}
.invoice-header .action-button-draft .files .btn-agb-principal {
  background-color: #48cde0;
  color: #fff;
}
.invoice-header .action-button-draft .files .btn-agb-principal:hover {
  background-color: #fff;
  color: #48cde0;
}
.invoice-header .action-button-draft .files .btn-agb-principal:focus:hover {
  color: #48cde0;
}
.invoice-header .action-button-draft .files .btn-agb-principal:focus {
  color: #fff;
}
.invoice-header .action-button-draft .files .btn-agb-principal-light,
.invoice-header .action-button-draft .files .btn-agb-principal-light-inverse {
  background-color: #fff;
  color: #48cde0;
}
.invoice-header .action-button-draft .files .btn-agb-principal-light:hover,
.invoice-header .action-button-draft .files .btn-agb-principal-light-inverse:hover {
  background-color: #48cde0;
  color: #fff;
}
.invoice-header .action-button-draft .files .btn-agb-principal-light:focus:hover,
.invoice-header .action-button-draft .files .btn-agb-principal-light-inverse:focus:hover {
  color: #fff;
}
.invoice-header .action-button-draft .files .btn-agb-principal-light:focus,
.invoice-header .action-button-draft .files .btn-agb-principal-light-inverse:focus {
  color: #48cde0;
}
.invoice-header .action-button-draft .files .btn-agb-principal-light-inverse {
  color: #464680;
}
.invoice-header .action-button-draft .files .btn-agb:active,
.invoice-header .action-button-draft .files .btn-agb:focus {
  outline: none !important;
}
.invoice-header .action-button-draft .files .btn-agb.red {
  color: #d9534f;
  border-color: #d9534f;
}
.invoice-header .action-button-draft .files .btn-agb.red:hover {
  background-color: #d9534f;
  color: #fff;
}
.invoice-header .action-button-draft .files .btn-agb.red:focus {
  color: #d9534f;
}
.invoice-header .action-button-draft .files.btn-agb-icon {
  display: inline-flex;
  padding-bottom: 6px;
  line-height: 23px;
}
.invoice-header .action-button-draft .files.btn-agb-icon i {
  padding-right: 19px;
}
.invoice-header .action-button-draft .files.btn-agb-icon i[class*='icon-']:before {
  margin-bottom: 1px;
}
.invoice-header .action-button-draft .files.btn-agb-icon i.wrong {
  color: #ff1744 !important;
}
.logo-a-f.header {
  height: 25px;
  width: 20px;
  margin: auto;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.reminderEmailPreviewModal {
  width: 90%;
  height: 90%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.reminderEmailPreviewModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.reminderEmailPreviewModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.reminderEmailPreviewModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.reminderEmailPreviewModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  padding: 32px;
  background: #48cde0;
}
.reminderEmailPreviewModal .myTiltle {
  font-size: 16px;
  padding-left: 20px;
  padding-top: 20px;
  color: #464680;
}
.reminderEmailPreviewModal .myTiltle .titleFlex {
  display: flex;
  justify-content: space-between;
}
.reminderEmailPreviewModal .myTiltle .recipients {
  width: 450px;
}
.reminderEmailPreviewModal .myTiltle .notBorder {
  padding-right: 20px;
}
.reminderEmailPreviewModal .myTiltle .withBorder {
  border-bottom: 1px solid #464680;
}
.reminderEmailPreviewModal .myTiltle .withBorder2 {
  border-bottom: 1px solid #464680;
  margin-right: 5px;
  font-weight: bold;
}
.reminderEmailPreviewModal .myTiltle .objectEmail {
  padding-right: 60%;
  padding-bottom: 20px;
  margin-top: 20px;
}
.reminderEmailPreviewModal .myTiltle .bodyEmail {
  padding-right: 60%;
  padding-bottom: 20px;
}
.reminderEmailPreviewModal .myTiltle .listContacts {
  padding-bottom: 20px;
  padding-top: 20px;
}
.reminderEmailPreviewModal .myTiltle .listContacts .listContactsFlex {
  display: flex;
}
.reminderEmailPreviewModal .myTiltle .listContacts .email {
  margin-left: 5px;
}
.reminderEmailPreviewModal .myTiltle .buttons-container {
  display: flex;
  justify-content: space-evenly;
  padding-top: 75px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.reminderMailPreviewModal {
  width: 50%;
  height: 60%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.reminderMailPreviewModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.reminderMailPreviewModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.reminderMailPreviewModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.reminderMailPreviewModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  padding: 32px;
  background: #48cde0;
}
.reminderMailPreviewModal .selector-date {
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
  padding-top: 20px;
  width: 88%;
}
.reminderMailPreviewModal .selector-date .title-date {
  font-size: 16px;
  color: #464680;
}
.reminderMailPreviewModal .selector-date .sendDateInit {
  width: 40%;
}
.reminderMailPreviewModal .buttons-container {
  display: flex;
  justify-content: space-evenly;
  padding-top: 125px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.Invoice .pos-tabs {
  padding-bottom: 70px;
}
.Invoice .pos-tabs .invoiceList table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.Invoice .pos-tabs .invoiceList thead {
  border-top: 1px solid #B9BEBE;
  border-left: 1px solid #B9BEBE;
  border-right: 1px solid #B9BEBE;
  background-color: white;
}
.Invoice .pos-tabs .invoiceList thead th:nth-child(1) {
  width: 52px;
}
.Invoice .pos-tabs .invoiceList thead th:nth-child(2) {
  width: 15%;
}
.Invoice .pos-tabs .invoiceList thead th:nth-child(3) {
  width: 10%;
}
.Invoice .pos-tabs .invoiceList thead th:nth-child(4) {
  width: 20%;
}
.Invoice .pos-tabs .invoiceList thead th:nth-child(5) {
  width: 15%;
}
.Invoice .pos-tabs .invoiceList thead th:nth-child(6) {
  width: 15%;
}
.Invoice .pos-tabs .invoiceList thead th:nth-child(7) {
  width: 10%;
}
.Invoice .pos-tabs .invoiceList thead th:nth-child(8) {
  width: 8%;
}
.Invoice .pos-tabs .invoiceList thead th:nth-child(9) {
  width: 60px;
}
.Invoice .pos-tabs .invoiceList thead th:nth-child(10) {
  width: 120px;
}
.Invoice .pos-tabs .invoiceList tbody tr:nth-child(odd) {
  background-color: white;
}
.Invoice .pos-tabs .invoiceList tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.Invoice .pos-tabs .invoiceList tr {
  border-left: 1px solid #B9BEBE;
  border-right: 1px solid #B9BEBE;
}
.Invoice .pos-tabs .invoiceList th,
.Invoice .pos-tabs .invoiceList td {
  padding: 10px;
  border-bottom: 1px solid #B9BEBE;
}
.Invoice .pos-tabs .invoiceList .companyName {
  font-weight: bold;
}
.Invoice .pos-tabs .invoiceList .menu-other-action {
  width: 20px;
  color: #b9bebe;
}
.Invoice .pos-tabs .invoiceList .menu-other-action > md-menu {
  width: 20px;
}
.Invoice .pos-tabs .invoiceList .circle-red {
  position: absolute;
  top: 11px;
  left: 16px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 2px solid #FF1744;
  background: #FF1744;
}
.Invoice .pos-tabs .invoiceList .invoiceCodeCase {
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 0px;
  vertical-align: top;
}
.Invoice .pos-tabs .invoiceList .invoiceCode {
  background-color: #28D149;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  vertical-align: top;
}
.Invoice .pos-tabs .invoiceList .invoiceCode .invoiceText {
  display: flex;
  justify-content: center;
  font-size: 0.6em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.Invoice .pos-tabs .invoiceList .invoiceCode .logo-a-f {
  padding-top: 5px;
  padding-bottom: 2.5px;
  height: 30px;
  width: 25px;
}
.Invoice .pos-tabs .invoiceList .invoiceCode i {
  margin-left: -5px;
  margin-right: 5px;
}
.Invoice .pos-tabs .invoiceList .invoiceCode.partially-cancelled {
  background-color: #FF9D17;
}
.Invoice .pos-tabs .invoiceList .invoiceCode.totally-cancelled {
  background-color: #FF1744;
}
.Invoice .pos-tabs .invoiceList .sent-icon,
.Invoice .pos-tabs .invoiceList .print-icon {
  font-size: 24px;
}
.Invoice .pos-tabs .invoiceList .sent-icon {
  position: relative;
  cursor: default;
}
.Invoice .pos-tabs .invoiceList .sent-icon .material-icons {
  color: lightgrey;
}
.Invoice .pos-tabs .invoiceList .sent-icon .blue {
  color: #464680;
}
.Invoice .pos-tabs .invoiceList .actions {
  white-space: nowrap;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
invoice-without-po-detail-router .invoice-columns {
  display: flex;
  align-items: stretch;
  margin-bottom: 0 !important;
}
invoice-without-po-detail-router .invoice-columns .invoice-left-column {
  width: 75%;
}
invoice-without-po-detail-router .invoice-columns .invoice-right-column {
  width: 25%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoice-without-po-header {
  box-shadow: inset 0 -1px 0 0 rgba(151, 151, 151, 0.16);
  padding-bottom: 25px;
  padding-left: 12px;
  padding-right: 30px;
  margin-bottom: 10px;
}
.invoice-without-po-header .action-button-draft {
  display: flex;
  align-items: flex-end;
}
.invoice-without-po-header .action-button-draft .draftCode {
  background-color: #28D149;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}
.invoice-without-po-header .action-button-draft .draftCode .invoiceText {
  display: flex;
  justify-content: center;
  font-size: 0.6em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.invoice-without-po-header .action-button-draft .draftCode .logo-a-f {
  padding-top: 5px;
  padding-bottom: 2.5px;
  height: 30px;
  width: 25px;
}
.invoice-without-po-header .action-button-draft .draftCode.partially-cancelled {
  background-color: #FF9D17;
}
.invoice-without-po-header .action-button-draft .draftCode.totally-cancelled {
  background-color: #FF1744;
}
.invoice-without-po-header .action-button-draft .draftCode .icon-edit-draft {
  font-size: 25px;
  color: white;
}
.invoice-without-po-header .action-button-draft .text-draft {
  width: 25%;
  margin-left: 15px;
  margin-bottom: -2px;
}
.invoice-without-po-header .action-button-draft .files {
  margin-left: 70px;
}
.invoice-without-po-header .action-button-draft .files .backtextUppercase {
  text-transform: uppercase;
}
.invoice-without-po-header .action-button-draft .files .btn-agb {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  border-color: #48cde0;
  transition: all ease 0.3s;
  width: auto;
  margin-right: 10px;
  margin-top: 10px;
}
.invoice-without-po-header .action-button-draft .files .btn-agb-principal {
  background-color: #48cde0;
  color: #fff;
}
.invoice-without-po-header .action-button-draft .files .btn-agb-principal:hover {
  background-color: #fff;
  color: #48cde0;
}
.invoice-without-po-header .action-button-draft .files .btn-agb-principal:focus:hover {
  color: #48cde0;
}
.invoice-without-po-header .action-button-draft .files .btn-agb-principal:focus {
  color: #fff;
}
.invoice-without-po-header .action-button-draft .files .btn-agb-principal-light,
.invoice-without-po-header .action-button-draft .files .btn-agb-principal-light-inverse {
  background-color: #fff;
  color: #48cde0;
}
.invoice-without-po-header .action-button-draft .files .btn-agb-principal-light:hover,
.invoice-without-po-header .action-button-draft .files .btn-agb-principal-light-inverse:hover {
  background-color: #48cde0;
  color: #fff;
}
.invoice-without-po-header .action-button-draft .files .btn-agb-principal-light:focus:hover,
.invoice-without-po-header .action-button-draft .files .btn-agb-principal-light-inverse:focus:hover {
  color: #fff;
}
.invoice-without-po-header .action-button-draft .files .btn-agb-principal-light:focus,
.invoice-without-po-header .action-button-draft .files .btn-agb-principal-light-inverse:focus {
  color: #48cde0;
}
.invoice-without-po-header .action-button-draft .files .btn-agb-principal-light-inverse {
  color: #464680;
}
.invoice-without-po-header .action-button-draft .files .btn-agb:active,
.invoice-without-po-header .action-button-draft .files .btn-agb:focus {
  outline: none !important;
}
.invoice-without-po-header .action-button-draft .files .btn-agb.red {
  color: #d9534f;
  border-color: #d9534f;
}
.invoice-without-po-header .action-button-draft .files .btn-agb.red:hover {
  background-color: #d9534f;
  color: #fff;
}
.invoice-without-po-header .action-button-draft .files .btn-agb.red:focus {
  color: #d9534f;
}
.invoice-without-po-header .action-button-draft .files.btn-agb-icon {
  display: inline-flex;
  padding-bottom: 6px;
  line-height: 23px;
}
.invoice-without-po-header .action-button-draft .files.btn-agb-icon i {
  padding-right: 19px;
}
.invoice-without-po-header .action-button-draft .files.btn-agb-icon i[class*='icon-']:before {
  margin-bottom: 1px;
}
.invoice-without-po-header .action-button-draft .files.btn-agb-icon i.wrong {
  color: #ff1744 !important;
}
.logo-a-f.header {
  height: 25px;
  width: 20px;
  margin: auto;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.reminderEmailWithoutPoPreviewModal {
  width: 90%;
  height: 90%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.reminderEmailWithoutPoPreviewModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.reminderEmailWithoutPoPreviewModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.reminderEmailWithoutPoPreviewModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.reminderEmailWithoutPoPreviewModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  padding: 32px;
  background: #48cde0;
}
.reminderEmailWithoutPoPreviewModal .myTiltle {
  font-size: 16px;
  padding-left: 20px;
  padding-top: 20px;
  color: #464680;
}
.reminderEmailWithoutPoPreviewModal .myTiltle .titleFlex {
  display: flex;
  justify-content: space-between;
}
.reminderEmailWithoutPoPreviewModal .myTiltle .recipients {
  width: 450px;
}
.reminderEmailWithoutPoPreviewModal .myTiltle .notBorder {
  padding-right: 20px;
}
.reminderEmailWithoutPoPreviewModal .myTiltle .withBorder {
  border-bottom: 1px solid #464680;
}
.reminderEmailWithoutPoPreviewModal .myTiltle .withBorder2 {
  border-bottom: 1px solid #464680;
  margin-right: 5px;
  font-weight: bold;
}
.reminderEmailWithoutPoPreviewModal .myTiltle .objectEmail {
  padding-right: 60%;
  padding-bottom: 20px;
  margin-top: 20px;
}
.reminderEmailWithoutPoPreviewModal .myTiltle .bodyEmail {
  padding-right: 60%;
  padding-bottom: 20px;
}
.reminderEmailWithoutPoPreviewModal .myTiltle .listContacts {
  padding-bottom: 20px;
  padding-top: 20px;
}
.reminderEmailWithoutPoPreviewModal .myTiltle .listContacts .listContactsFlex {
  display: flex;
}
.reminderEmailWithoutPoPreviewModal .myTiltle .listContacts .email {
  margin-left: 5px;
}
.reminderEmailWithoutPoPreviewModal .myTiltle .buttons-container {
  display: flex;
  justify-content: space-evenly;
  padding-top: 75px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.reminderMailWithoutPOPreviewModal {
  width: 50%;
  height: 60%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.reminderMailWithoutPOPreviewModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.reminderMailWithoutPOPreviewModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.reminderMailWithoutPOPreviewModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.reminderMailWithoutPOPreviewModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  padding: 32px;
  background: #48cde0;
}
.reminderMailWithoutPOPreviewModal .selector-date {
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
  padding-top: 20px;
  width: 88%;
}
.reminderMailWithoutPOPreviewModal .selector-date .title-date {
  font-size: 16px;
  color: #464680;
}
.reminderMailWithoutPOPreviewModal .selector-date .sendDateInit {
  width: 40%;
}
.reminderMailWithoutPOPreviewModal .buttons-container {
  display: flex;
  justify-content: space-evenly;
  padding-top: 125px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.addDraftModal {
  width: 90%;
  height: 90%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.addDraftModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.addDraftModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.addDraftModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.addDraftModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  padding: 32px;
  background: #48cde0;
}
.addDraftModal h1 {
  margin-bottom: 10px;
}
.addDraftModal .type-input {
  padding-right: 20px;
}
.addDraftModal .option-group {
  display: block;
}
.addDraftModal .modal-contents {
  font-size: 16px;
  color: #464680;
  flex: 1 1 auto;
  padding: 20px;
}
.addDraftModal .buttons-container {
  display: flex;
  justify-content: space-evenly;
  padding-top: 75px;
  padding-bottom: 15px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoicingManagement .bloc-company {
  background: white;
  margin-bottom: 35px;
}
.invoicingManagement .bloc-company .company_header {
  display: flex;
  height: 65px;
  border-bottom: 2px solid #B9BEBE;
  align-items: center;
}
.invoicingManagement .bloc-company .company_header > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.invoicingManagement .bloc-company .company_header .company {
  font-size: 15px;
  font-weight: bold;
  padding-right: 20px;
  padding-left: 10px;
  width: calc(80% - 260px);
}
.invoicingManagement .bloc-company .company_header .company > div {
  text-overflow: ellipsis;
  overflow: hidden;
}
.invoicingManagement .bloc-company .company_header .totalInvoiceHt {
  flex: 0 0 auto;
  width: 120px;
}
.invoicingManagement .bloc-company .company_drafts table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.invoicingManagement .bloc-company .company_drafts thead th:nth-child(1) {
  width: 5%;
}
.invoicingManagement .bloc-company .company_drafts thead th:nth-child(2) {
  width: 15%;
}
.invoicingManagement .bloc-company .company_drafts thead th:nth-child(3) {
  width: 15%;
}
.invoicingManagement .bloc-company .company_drafts thead th:nth-child(4) {
  width: 25%;
}
.invoicingManagement .bloc-company .company_drafts thead th:nth-child(5) {
  width: 20%;
}
.invoicingManagement .bloc-company .company_drafts thead th:nth-child(6) {
  width: 20%;
}
.invoicingManagement .bloc-company .company_drafts tbody tr:nth-child(odd) {
  background-color: white;
}
.invoicingManagement .bloc-company .company_drafts tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.invoicingManagement .bloc-company .company_drafts th,
.invoicingManagement .bloc-company .company_drafts td {
  overflow: hidden;
  padding: 10px;
  border-bottom: 1px solid #B9BEBE;
}
.invoicingManagement .bloc-company .company_drafts .draftCode {
  background-color: #B9BEBE;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-top: 10px;
  color: white;
  padding-left: 10px;
  font-size: 20px;
}
.invoicingManagement .bloc-company .company_drafts .draftCode i {
  margin-left: -5px;
  margin-right: 5px;
}
.invoicingManagement .bloc-company .company_drafts .invoicingManagement-menu-other-action .silver {
  color: #B9BEBE;
}
.invoicingManagement .bloc-bdc {
  background: white;
  margin-bottom: 35px;
}
.invoicingManagement .bloc-bdc.selected-bdc {
  border-style: solid;
  border-color: #464680;
  border-width: 1px;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header {
  display: flex;
  height: 65px;
  border-bottom: 2px solid #B9BEBE;
  align-items: center;
  justify-content: flex-end;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header > div {
  text-overflow: ellipsis;
  overflow: hidden;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .bdcColor {
  width: 10px;
  background-color: #ffffff;
  height: 100%;
  flex: 0 0 auto;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .bdcColor.red {
  background-color: #FF1744;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .bdcColor.orange {
  background-color: #FF9D17;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .bdcColor.green {
  background-color: #28D149;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .company {
  font-size: 15px;
  font-weight: bold;
  padding-right: 20px;
  padding-left: 10px;
  height: 100%;
  flex: 45 0 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .company > .project-name {
  font-weight: normal;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .type {
  font-size: 15px;
  flex: 20 0 0;
  display: flex;
  justify-content: center;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .project {
  font-size: 15px;
  flex: 7 0 0;
  display: flex;
  justify-content: center;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .bdcCode {
  flex: 20 0 0;
  display: flex;
  justify-content: center;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .bdcCode > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .endDate {
  flex: 17 0 0;
  display: flex;
  justify-content: center;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .nearlyCompleteWarning {
  font-size: 20px;
  text-align: center;
  flex: 5 0 0;
  color: #FF9D17;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .htBdcVsTotalInvoiceHt {
  flex: 20 0 0;
  display: flex;
  justify-content: center;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .rmaAndAddDraft {
  display: flex;
  justify-content: flex-end;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .rmas {
  padding-right: 20px;
  display: flex;
  align-items: center;
  flex: 15 0 0;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .rmas .number {
  padding-right: 10px;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .bar {
  width: 1px;
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
  background-color: lightgray;
  height: 65%;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .addDraft {
  display: flex;
  align-items: center;
  padding-left: 13px;
  padding-right: 20px;
  flex: 15 0 0;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .addDraft .color-invoicing {
  color: #48CDE0;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .addDraft .color-invoicing.warning {
  color: #FF9D17;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .addDraft.warning {
  color: #FF9D17;
}
.invoicingManagement .bloc-bdc .invoicingOrder_header .addDraft span {
  padding-left: 5px;
}
.invoicingManagement .bloc-bdc .invoicingOrder_draftsAndInvoices table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.invoicingManagement .bloc-bdc .invoicingOrder_draftsAndInvoices thead th:nth-child(1) {
  width: 5%;
}
.invoicingManagement .bloc-bdc .invoicingOrder_draftsAndInvoices thead th:nth-child(2) {
  width: 15%;
}
.invoicingManagement .bloc-bdc .invoicingOrder_draftsAndInvoices thead th:nth-child(3) {
  width: 15%;
}
.invoicingManagement .bloc-bdc .invoicingOrder_draftsAndInvoices thead th:nth-child(4) {
  width: 25%;
}
.invoicingManagement .bloc-bdc .invoicingOrder_draftsAndInvoices thead th:nth-child(5) {
  width: 20%;
}
.invoicingManagement .bloc-bdc .invoicingOrder_draftsAndInvoices thead th:nth-child(6) {
  width: 20%;
}
.invoicingManagement .bloc-bdc .invoicingOrder_draftsAndInvoices tbody tr:nth-child(odd) {
  background-color: white;
}
.invoicingManagement .bloc-bdc .invoicingOrder_draftsAndInvoices tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.invoicingManagement .bloc-bdc .invoicingOrder_draftsAndInvoices th,
.invoicingManagement .bloc-bdc .invoicingOrder_draftsAndInvoices td {
  overflow: hidden;
  padding: 10px;
  border-bottom: 1px solid #B9BEBE;
}
.invoicingManagement .bloc-bdc .invoicingOrder_draftsAndInvoices .draftCode {
  background-color: #B9BEBE;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-top: 10px;
  color: white;
  padding-left: 10px;
  font-size: 20px;
}
.invoicingManagement .bloc-bdc .invoicingOrder_draftsAndInvoices .draftCode i {
  margin-left: -5px;
  margin-right: 5px;
}
.invoicingManagement .bloc-bdc .invoicingOrder_draftsAndInvoices .invoicingManagement-menu-other-action .silver {
  color: #B9BEBE;
}
.invoicingManagement .bloc-bdc .invoicingOrder_draft {
  cursor: pointer;
}
.pageListInvoiving-popover-for-rmas-collabs {
  font-size: 12px;
}
.pageListInvoiving-popover-for-rmas-collabs > div:not(:last-child) {
  border-bottom: 1px solid rgba(72, 205, 224, 0.5);
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.pageListInvoiving-popover-for-rmas-collabs > div > span:first-child {
  flex: 9;
  position: relative;
  top: 3px;
  margin-right: 15px;
}
.pageListInvoiving-popover-for-rmas-collabs > div > span:last-child {
  flex: 1;
}
.pageListInvoiving-popover-for-rmas-collabs > div > span:last-child > i.dis {
  font-size: 10px;
}
.pageListInvoiving-popover-for-rmas-collabs > div.dis {
  color: #464680;
}
.pageListInvoiving-popover-for-rmas-collabs > div.dis .hasSubmittedRma {
  color: #FF9D17;
  font-size: 16px !important;
}
.pageListInvoiving-popover-for-rmas-collabs > div.dis .notSubmittedRma {
  color: #FF1744;
  font-size: 16px !important;
}
.pageListInvoiving-popover-for-rmas-collabs > div.dis .validated {
  color: #28D149;
  font-size: 16px !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.modal-dialog-rebillable,
.modal-dialog-rebillable .modal-dialog-content-rebillable {
  padding: 0px !important;
  overflow: hidden;
}
.modal-dialog-rebillable .modal-header-container-rebillable,
.modal-dialog-rebillable .modal-dialog-content-rebillable .modal-header-container-rebillable {
  background: #48cde0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 200px 15px 200px;
  color: #ffffff;
  font-size: 20px;
}
.modal-dialog-rebillable .modal-dialog-actions-rebillable,
.modal-dialog-rebillable .modal-dialog-content-rebillable .modal-dialog-actions-rebillable {
  padding-top: 20px;
  justify-content: center !important;
}
.modal-dialog-rebillable .modal-dialog-container-area-rebillable,
.modal-dialog-rebillable .modal-dialog-content-rebillable .modal-dialog-container-area-rebillable {
  padding: 0px 10px 5px 10px !important;
}
.Rebillable .pos-tabs {
  padding-bottom: 70px;
  font-size: 15px;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable thead {
  border-top: 1px solid #B9BEBE;
  border-left: 1px solid #B9BEBE;
  border-right: 1px solid #B9BEBE;
  background-color: white;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable thead th:nth-child(1) {
  width: 7%;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable thead th:nth-child(2) {
  width: 10%;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable thead th:nth-child(3) {
  width: 15%;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable thead th:nth-child(4) {
  width: 10%;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable thead th:nth-child(5) {
  width: 10%;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable thead th:nth-child(6) {
  width: 18%;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable thead th:nth-child(7) {
  width: 10%;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable thead th:nth-child(8) {
  width: 5%;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable thead th:nth-child(9) {
  width: 8%;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable thead th:nth-child(10) {
  width: 17%;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable tbody td:nth-child(10) {
  font-size: 20px !important;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable tbody tr:nth-child(odd) {
  background-color: white;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable tr {
  border-left: 1px solid #B9BEBE;
  border-right: 1px solid #B9BEBE;
}
.Rebillable .pos-tabs .invoicingOrder-rebillable th,
.Rebillable .pos-tabs .invoicingOrder-rebillable td {
  padding: 10px;
  border-bottom: 1px solid #B9BEBE;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.Regulations .pos-tabs {
  padding-bottom: 70px;
}
.Regulations .pos-tabs .rec {
  display: flex;
  justify-content: space-between;
  /* pour les navigateurs qui ne comprennent pas space-evenly */
  justify-content: space-evenly;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
}
.Regulations .pos-tabs .rec .ttc {
  background-color: #464680;
  height: 90px;
  width: 180px;
  color: white;
  font-size: 20px;
}
.Regulations .pos-tabs .rec .ttc .pos {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.Regulations .pos-tabs .rec .ttc .pos2 {
  display: flex;
  justify-content: center;
}
.Regulations .pos-tabs .rec .ht {
  background-color: #b9bebe;
  height: 90px;
  width: 180px;
  color: white;
  font-size: 20px;
}
.Regulations .pos-tabs .rec .ht .pos {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.Regulations .pos-tabs .rec .ht .pos2 {
  display: flex;
  justify-content: center;
}
.Regulations .pos-tabs .rec .reglement {
  background-color: #28D149;
  height: 90px;
  width: 180px;
  color: white;
  font-size: 20px;
}
.Regulations .pos-tabs .rec .reglement .pos {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.Regulations .pos-tabs .rec .reglement .pos2 {
  display: flex;
  justify-content: center;
}
.Regulations .pos-tabs .rec .remaining {
  background-color: #FF9D17;
  height: 90px;
  width: 180px;
  color: white;
  font-size: 20px;
}
.Regulations .pos-tabs .rec .remaining .pos {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.Regulations .pos-tabs .rec .remaining .pos2 {
  display: flex;
  justify-content: center;
}
.Regulations .pos-tabs .invoicingOrder_reglements table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.Regulations .pos-tabs .invoicingOrder_reglements thead {
  border-top: 1px solid #B9BEBE;
  border-left: 1px solid #B9BEBE;
  border-right: 1px solid #B9BEBE;
  background-color: white;
}
.Regulations .pos-tabs .invoicingOrder_reglements thead th:nth-child(1) {
  width: 12%;
}
.Regulations .pos-tabs .invoicingOrder_reglements thead th:nth-child(2) {
  width: 10%;
}
.Regulations .pos-tabs .invoicingOrder_reglements thead th:nth-child(3) {
  width: 15%;
}
.Regulations .pos-tabs .invoicingOrder_reglements thead th:nth-child(4) {
  width: 10%;
}
.Regulations .pos-tabs .invoicingOrder_reglements thead th:nth-child(5) {
  width: 10%;
}
.Regulations .pos-tabs .invoicingOrder_reglements thead th:nth-child(6) {
  width: 10%;
}
.Regulations .pos-tabs .invoicingOrder_reglements thead th:nth-child(7) {
  width: 10%;
}
.Regulations .pos-tabs .invoicingOrder_reglements thead th:nth-child(8) {
  width: 8%;
}
.Regulations .pos-tabs .invoicingOrder_reglements thead th:nth-child(9) {
  width: 15%;
}
.Regulations .pos-tabs .invoicingOrder_reglements thead th:nth-child(10) {
  width: 13%;
}
.Regulations .pos-tabs .invoicingOrder_reglements thead th:nth-child(11) {
  width: 13%;
}
.Regulations .pos-tabs .invoicingOrder_reglements thead th:nth-child(12) {
  width: 1%;
}
.Regulations .pos-tabs .invoicingOrder_reglements thead th:nth-child(13) {
  width: 13%;
}
.Regulations .pos-tabs .invoicingOrder_reglements tbody tr:nth-child(odd) {
  background-color: white;
}
.Regulations .pos-tabs .invoicingOrder_reglements tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.Regulations .pos-tabs .invoicingOrder_reglements tr {
  border-left: 1px solid #B9BEBE;
  border-right: 1px solid #B9BEBE;
}
.Regulations .pos-tabs .invoicingOrder_reglements th,
.Regulations .pos-tabs .invoicingOrder_reglements td {
  padding: 10px;
  border-bottom: 1px solid #B9BEBE;
}
.Regulations .pos-tabs .invoicingOrder_reglements th .circle-red,
.Regulations .pos-tabs .invoicingOrder_reglements td .circle-red {
  position: absolute;
  top: 20px;
  left: 16px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 2px solid #FF1744;
  background: #FF1744;
}
.Regulations .pos-tabs .invoicingOrder_reglements th .sent,
.Regulations .pos-tabs .invoicingOrder_reglements td .sent {
  color: #464680;
  font-size: 24px;
  position: relative;
  margin-right: 6px;
}
.Regulations .pos-tabs .invoicingOrder_reglements th .sent.greyRedIcon,
.Regulations .pos-tabs .invoicingOrder_reglements td .sent.greyRedIcon {
  color: lightgrey;
  font-size: 20px;
}
.Regulations .pos-tabs .invoicingOrder_reglements th .sent.blueRedIcon,
.Regulations .pos-tabs .invoicingOrder_reglements td .sent.blueRedIcon {
  font-size: 24px;
}
.Regulations .pos-tabs .invoicingOrder_reglements th .sent.blueIcon,
.Regulations .pos-tabs .invoicingOrder_reglements td .sent.blueIcon {
  font-size: 24px;
}
.Regulations .pos-tabs .invoicingOrder_reglements th .sent.blueIcon .circle-red,
.Regulations .pos-tabs .invoicingOrder_reglements td .sent.blueIcon .circle-red {
  visibility: hidden;
}
.Regulations .pos-tabs .invoicingOrder_reglements th .paymentState,
.Regulations .pos-tabs .invoicingOrder_reglements td .paymentState {
  font-size: 20px;
  position: relative;
  margin-right: 6px;
}
.Regulations .pos-tabs .invoicingOrder_reglements th .paymentState.greyIcon,
.Regulations .pos-tabs .invoicingOrder_reglements td .paymentState.greyIcon {
  color: lightgrey;
}
.Regulations .pos-tabs .invoicingOrder_reglements th .paymentState.greyIcon .circle-red,
.Regulations .pos-tabs .invoicingOrder_reglements td .paymentState.greyIcon .circle-red {
  visibility: hidden;
}
.Regulations .pos-tabs .invoicingOrder_reglements th .paymentState.blueRedIcon,
.Regulations .pos-tabs .invoicingOrder_reglements td .paymentState.blueRedIcon {
  color: #464680;
}
.Regulations .pos-tabs .invoicingOrder_reglements th .paymentState.blueIcon,
.Regulations .pos-tabs .invoicingOrder_reglements td .paymentState.blueIcon {
  color: #464680;
}
.Regulations .pos-tabs .invoicingOrder_reglements th .paymentState.blueIcon .circle-red,
.Regulations .pos-tabs .invoicingOrder_reglements td .paymentState.blueIcon .circle-red {
  visibility: hidden;
}
.Regulations .pos-tabs .invoicingOrder_reglements .ranks .rank-state .circle {
  display: table-cell;
  border-radius: 50px;
  color: black;
  text-align: left;
  /*padding: 0px 3px 0px 3px;*/
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  text-align: center;
  font-size: 10px;
  line-height: 13px;
  min-width: 13px;
  height: 13px;
  padding: 0px 3px 0px 3px;
  vertical-align: bottom;
}
.Regulations .pos-tabs .invoicingOrder_reglements .ranks .rank-state .circle span {
  text-align: center;
  margin-top: 7px;
  position: relative;
  top: 1.1px;
  left: 0px;
  color: #ffffff;
}
.Regulations .pos-tabs .invoicingOrder_reglements .ranks .rank-state .state-table {
  height: 100%;
  margin-top: 4px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  display: flex;
  flex-wrap: wrap;
}
.Regulations .pos-tabs .invoicingOrder_reglements .ranks .rank-state .state-table .repeat-cell:last-child .between {
  visibility: hidden;
}
.Regulations .pos-tabs .invoicingOrder_reglements .ranks .rank-state .state-table .repeat-cell {
  display: table-cell;
}
.Regulations .pos-tabs .invoicingOrder_reglements .ranks .rank-state .state-table .between {
  display: table-cell;
  height: 1px;
  width: 10px;
  background-clip: padding-box;
  border-top: 10.5px solid transparent;
  border-bottom: 10.5px solid transparent;
}
.Regulations .invoicingOrder_draft {
  cursor: pointer;
}
.Regulations .invoicingOrder_draft .code_and_name {
  font-size: 80%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.InvoiceLinePageSlide .content-container {
  padding-top: 40px;
}
.InvoiceLinePageSlide .content-container .new-invoiceLine {
  padding-left: 45px;
  padding-right: 45px;
}
.InvoiceLinePageSlide .content-container .select-container {
  padding-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .wording {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .categories {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .quantity {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .unit {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .unitPriceExcludingTax {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .discount {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .excludingTax {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .tva {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .invoiceLine-container .allTaxesIncluded {
  margin-bottom: 30px;
}
.InvoiceLinePageSlide .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
  padding-bottom: 40px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.RegulationsPageSlide .content-container {
  padding: 20px;
}
.RegulationsPageSlide .content-container h2 {
  text-align: left;
  font-size: 16px;
}
.RegulationsPageSlide .content-container .amount {
  float: right;
}
.RegulationsPageSlide .content-container .totalAmount {
  float: right;
  font-size: 16px;
}
.RegulationsPageSlide .content-container .select-container {
  padding-bottom: 30px;
}
.RegulationsPageSlide .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
  padding-bottom: 40px;
}
.RegulationsPageSlide .content-container .flex-container {
  display: flex;
  flex-wrap: nowrap;
}
.RegulationsPageSlide .content-container .flex-container h1 {
  width: 100%;
}
.RegulationsPageSlide .content-container .regulationsHistory {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-top: 25px;
  /*End Row*/
}
.RegulationsPageSlide .content-container .regulationsHistory .cell-straight {
  display: table-cell;
  background-color: #c5d9e8;
  width: 1px;
  border: 0;
  background-clip: padding-box;
  border-left: 8.5px solid transparent;
  border-right: 9.5px solid transparent;
}
.RegulationsPageSlide .content-container .regulationsHistory .cell-straight-hidden {
  background-color: transparent;
}
.RegulationsPageSlide .content-container .regulationsHistory .staterow {
  display: table-row;
  width: 100%;
  margin-bottom: 5px;
}
.RegulationsPageSlide .content-container .regulationsHistory .staterow .title-container {
  vertical-align: middle;
  height: 19px;
  display: table-cell;
  font-size: 15px;
  line-height: 1.07;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  padding-left: 11.6px;
  width: 50%;
}
.RegulationsPageSlide .content-container .regulationsHistory .staterow .title-container .payment-date {
  font-size: 11px;
  line-height: 1.27;
  color: #b9bebe;
}
.RegulationsPageSlide .content-container .regulationsHistory .staterow .amount-container {
  display: table-cell;
  text-align: right;
  font-weight: bold;
  width: 50%;
}
.RegulationsPageSlide .content-container .regulationsHistory .staterow .rectangle-circle {
  display: table-cell;
  width: 20px;
}
.RegulationsPageSlide .content-container .regulationsHistory .staterow .rectangle-circle .circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
  line-height: 1;
}
.RegulationsPageSlide .content-container .regulationsHistory .staterow .icons {
  display: table-cell;
  color: #c4c4d5;
  padding-left: 7px;
  font-size: 20px;
  width: 23px;
}
.RegulationsPageSlide .content-container .md-style {
  height: 50px;
}
.RegulationsPageSlide .bankDetails-selector.md-style {
  height: 65px;
}
.RegulationsPageSlide .bankDetails-selector.md-style .bankDetails-owner {
  margin-bottom: 5px;
}
.RegulationsPageSlide .bankDetails-selector.md-style .bankDetails-iban {
  font-size: 85%;
}
.bankDetails-selector-menu .bankDetails-selector-item {
  height: 55px;
}
.bankDetails-selector-menu .bankDetails-selector-item .bankDetails-iban {
  font-size: 85%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.RemindersPageSlide .content-container {
  padding: 20px;
}
.RemindersPageSlide .content-container .payment .dunning-selector {
  height: 60px;
}
.RemindersPageSlide .content-container .payment .dunning-selector .dunningName {
  margin-bottom: 5px;
}
.RemindersPageSlide .content-container .payment .dunning-selector .dunningRank {
  font-size: 85%;
}
.RemindersPageSlide .content-container .payment .notContactReminder .md-text {
  color: #FF1744 !important;
}
.RemindersPageSlide .content-container .comment {
  color: lightgrey;
  display: table-cell;
}
.RemindersPageSlide .content-container h2 {
  text-align: left;
  font-size: 16px;
}
.RemindersPageSlide .content-container .amount {
  float: right;
}
.RemindersPageSlide .content-container .totalAmount {
  float: right;
  font-size: 16px;
}
.RemindersPageSlide .content-container .select-container {
  padding-bottom: 30px;
}
.RemindersPageSlide .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
  padding-bottom: 40px;
}
.RemindersPageSlide .content-container .flex-container {
  display: flex;
  flex-wrap: nowrap;
}
.RemindersPageSlide .content-container .flex-container h1 {
  width: 100%;
}
.RemindersPageSlide .content-container .job-application {
  display: table;
  width: 100%;
  margin-top: 25px;
  /*End Row*/
}
.RemindersPageSlide .content-container .job-application .cell-straight {
  display: table-cell;
  background-color: #c5d9e8;
  width: 1px;
  border: 0;
  background-clip: padding-box;
  border-left: 8.5px solid transparent;
  border-right: 9.5px solid transparent;
  position: relative;
}
.RemindersPageSlide .content-container .job-application .cell-straight-hidden {
  background-color: transparent;
}
.RemindersPageSlide .content-container .job-application .staterow {
  display: table-row;
  margin-bottom: 5px;
  /*cell*/
  /*end Cell*/
}
.RemindersPageSlide .content-container .job-application .staterow .title {
  vertical-align: middle;
  height: 19px;
  display: table-cell;
  font-size: 15px;
  line-height: 1.07;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-align: left;
  padding-left: 11.6px;
}
.RemindersPageSlide .content-container .job-application .staterow .objectEmail {
  text-decoration: underline;
  color: #464680;
  margin-bottom: 10px;
}
.RemindersPageSlide .content-container .job-application .staterow .bodyEmail {
  color: #464680;
  width: 100%;
  line-height: 1;
  white-space: pre-wrap;
  font-family: 'Heebo-Regular';
  word-break: break-word;
}
.RemindersPageSlide .content-container .job-application .staterow .contactEmail {
  color: #464680;
}
.RemindersPageSlide .content-container .job-application .staterow .rectangle-circle {
  display: table-cell;
}
.RemindersPageSlide .content-container .job-application .staterow .rectangle-circle .circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
  line-height: 1;
}
.RemindersPageSlide .content-container .job-application .staterow .cell-classic {
  display: table-cell;
  width: 100%;
  padding-bottom: 10px;
}
.RemindersPageSlide .content-container .job-application .staterow .cell-classic .content {
  padding-left: 11.6px;
  width: 100%;
  font-size: 11px;
  line-height: 1.27;
  color: #8d8d8d;
  text-align: left;
  margin-bottom: 10px;
}
.RemindersPageSlide .content-container .job-application .smallinformation {
  display: inline-block;
  color: #b9bebe;
}
.RemindersPageSlide .content-container .md-style {
  height: 50px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.ndfDesktop {
  height: calc(100vh - 98px);
}
.ndf-container .ndf-head {
  display: flex;
  width: 100%;
}
.ndf-container .ndf-head .validation-button {
  display: flex;
  align-items: center;
  padding-right: 100px;
}
.ndf-container .ndf-component {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: calc(100vh - 176px);
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 80px;
}
.ndfMobile.ndf-container {
  /*.autocomplete-flex-cont {
            display: flex;
            align-items: center;
            padding-right: 100px;
            padding-left: 10px;
        }*/
}
.ndfMobile.ndf-container .ndf-component {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.ndfMobile.ndf-container .ndf-head {
  /*padding-right: 70px;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px 0px 0px 0px;
  position: sticky;
  box-shadow: 0px 4px 5px 0px #e8e8e8;
}
.ndfMobile.ndf-container .underNavbar {
  height: auto;
  padding: 0px 10px;
}
.ndfMobile.ndf-container ul {
  margin-bottom: 0;
  padding: 0;
  flex: auto;
  margin-top: 10px;
}
.ndfMobile.ndf-container ul li {
  width: 50%;
}
.ndfMobile.ndf-container ul .titles {
  padding: 20px;
}
.ndfMobile.ndf-container .searchbar-container {
  position: relative;
}
.ndfMobile.ndf-container .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
.ndfMobile.ndf-container .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
.ndfMobile.ndf-container .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
.ndfMobile.ndf-container .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
.ndfMobile.ndf-container .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
.ndfMobile.ndf-container .autocomplete.autocomplete-mobile {
  /*width: 200px;*/
  width: auto;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
.ndfMobile.ndf-container .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
.ndfMobile.ndf-container .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.ndfMobile.ndf-container .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
.ndfMobile.ndf-container .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.ndfMobile.ndf-container .search-bar-container {
  width: 100%;
  padding-right: 100px;
  padding-left: 10px;
}
.ndfMobile.ndf-container .search-bar-container .autocomplete-mobile {
  width: auto;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
ndf-control-detail .ndf-content {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  padding: 40px;
  overflow-y: hidden;
}
ndf-control-detail .ndf-print {
  display: flex;
  justify-content: flex-end;
}
ndf-control-detail .ndf-print .print-icon {
  font-size: 2em;
}
ndf-control-detail .ndf-details {
  display: flex;
  justify-content: space-between;
  background-color: white;
  margin-bottom: 5px;
}
ndf-control-detail .ndf-summary {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
ndf-control-detail .ndf-summary strong {
  margin: 0;
}
ndf-control-detail .ndf-summary .infoCollabNdf {
  font-size: 17px;
}
ndf-control-detail #ndf-table-totals {
  table-layout: fixed;
  /*width: 100%;*/
  overflow-wrap: break-word;
  background: white;
  border: 1px solid #b9bebe;
  border-collapse: collapse;
}
ndf-control-detail #ndf-table-totals .ndf-head-totals th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
  padding: 10px;
  max-width: 150px;
  border: 1px solid #b9bebe;
  font-weight: 100;
}
ndf-control-detail #ndf-table-totals .ndf-body-totals td {
  max-height: 45px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #b9bebe;
  padding-top: 10px;
  padding-bottom: 10px;
}
ndf-control-detail .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
ndf-control-detail .ndf-expenses {
  background: white;
}
ndf-control-detail .ndf-expenses .table-expenses th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
ndf-control-detail .ndf-expenses .table-expenses td.center {
  text-align: center;
}
ndf-control-detail .ndf-expenses .table-expenses .expensesColor {
  font-weight: bold;
  position: relative;
  padding: 15px;
}
ndf-control-detail .ndf-expenses .table-expenses .expensesColor .expensesColor-border-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
}
ndf-control-detail .ndf-expenses .table-expenses .expensesColor .expensesColor-border-color.to-control {
  background-color: #FF9D17;
}
ndf-control-detail .ndf-expenses .table-expenses .expensesColor .expensesColor-border-color.controlled {
  background-color: #28D149;
}
ndf-control-detail .ndf-expenses .table-expenses .refusalReason {
  font-size: 80%;
  font-style: italic;
  color: #FF1744;
}
ndf-control-detail .ndf-expenses .table-expenses .icons {
  font-size: 24px;
  text-align: center;
  color: #b9bebe;
}
ndf-control-detail .ndf-expenses .table-expenses .icons > span {
  position: relative;
  top: 5px;
}
ndf-control-detail .ndf-expenses .table-expenses .groupHeader {
  height: 30px;
  background-color: #464680;
}
ndf-control-detail .ndf-expenses .table-expenses .groupHeader th {
  color: white;
  border-left-color: #464680;
  border-right-color: #464680;
}
ndf-control-detail .ndf-expenses .table-expenses .groupHeader .icons .material-icons {
  position: relative;
  top: 5px;
}
ndf-control-detail .validationGlobal {
  display: flex;
  justify-content: flex-end;
  padding-top: 18px;
  padding-right: 50px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.ndf-control-filters {
  margin-top: 1em;
}
.ndf-control-filters md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
.ndf-control-filters md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
.ndf-control-filters md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
.ndf-control-filters md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
.ndf-control-filters .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
.ndf-control-filters .searchbar-disable {
  opacity: 0.4;
}
.ndf-control-filters .searchbar-container {
  position: relative;
}
.ndf-control-filters .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
.ndf-control-filters .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
.ndf-control-filters .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
.ndf-control-filters .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
.ndf-control-filters .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
.ndf-control-filters .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
.ndf-control-filters .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
.ndf-control-filters .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.ndf-control-filters .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
.ndf-control-filters .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  .ndf-control-filters .autocomplete-mobile {
    width: 190px !important;
  }
  .ndf-control-filters .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.ndf-control-filters .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  padding-right: 14px;
  align-items: center;
}
.ndf-control-filters .autocomplete-flex-cont .reset,
.ndf-control-filters .group_date .reset {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.ndf-control-filters .autocomplete-flex-cont .reset i,
.ndf-control-filters .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.ndf-control-filters .autocomplete-flex-cont .reset:hover,
.ndf-control-filters .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.ndf-control-filters .autocomplete-flex-cont .reset:hover i,
.ndf-control-filters .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.ndf-control-filters .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.ndf-control-filters .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.ndf-control-filters .group .title {
  color: #b1b0c9;
}
.ndf-control-filters .group .title .button {
  position: relative;
  cursor: pointer;
  margin: 0 0.3em;
  color: #b1b0c9;
  border-radius: 5px;
  border: 1px solid #b1b0c9;
  padding: 0.3em 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  z-index: 0;
  overflow: hidden;
  transition: border linear 200ms;
}
.ndf-control-filters .group .title .button i {
  font-size: 1.2em;
  margin-right: 0.3em;
}
.ndf-control-filters .group .title .button:before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #e8e8e8;
  transition: width linear 200ms;
  z-index: -1;
}
.ndf-control-filters .group .title .button:hover {
  border: 1px solid #e8e8e8;
}
.ndf-control-filters .group .title .button:hover:before {
  width: 100%;
}
.ndf-control-filters .group .checkbox-containers {
  padding-left: 35px;
}
.ndf-control-filters .group .child {
  margin-top: 1em;
}
.ndf-control-filters .group .child responsibility-material {
  width: 100%;
}
.ndf-control-filters .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.ndf-control-filters .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.ndf-control-filters .group .radio-kit {
  padding: 0;
}
.ndf-control-filters .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.ndf-control-filters .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.ndf-control-filters .group_checkbox .toggler_cont .elem:hover,
.ndf-control-filters .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.ndf-control-filters .group_checkbox .toggler_cont .elem:hover:before,
.ndf-control-filters .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.ndf-control-filters .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.ndf-control-filters .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.ndf-control-filters .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.ndf-control-filters .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.ndf-control-filters .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ndf-control-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.ndf-control-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.ndf-control-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.ndf-control-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.ndf-control-filters .group_dropdown .child {
  margin-top: 0;
}
.ndf-control-filters .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.ndf-control-filters .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.ndf-control-filters .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.ndf-control-filters .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.ndf-control-filters .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.ndf-control-filters .special.group_mobility .child {
  margin-top: 0;
}
.ndf-control-filters .special.group_mobility .mobility {
  padding: 0;
}
.ndf-control-filters .special.group_mobility .mobility .hlistMobilitySelected li {
  float: initial;
  padding-top: 0;
  margin-bottom: 1.5em;
  padding-right: 0;
}
.ndf-control-filters .special.group_mobility .mobility .hlistMobilitySelected li span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.ndf-control-filters .special.group_mobility .mobility .hlistMobilitySelected li span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.ndf-control-filters .special.group_mobility .mobility .hlistMobilitySelected li span:after:hover {
  color: white;
}
.ndf-control-filters .special.group_mobility .mobility .hlistMobilitySelected li .pictoMoins {
  display: none;
}
.ndf-control-filters .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.ndf-control-filters .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.ndf-control-filters .group_input .child input::placeholder {
  color: #C1CCD3;
}
.ndf-control-filters .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.ndf-control-filters .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.ndf-control-filters .group_date .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ndf-control-filters .group_date .reset {
  margin-right: 2px;
}
.ndf-control-filters .group_date .date label {
  font-size: 0.9em;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
ndf-control-list .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
ndf-control-list .table-ndfs {
  table-layout: fixed;
  width: 100%;
  overflow-wrap: break-word;
  background: white;
}
ndf-control-list .table-ndfs .head-ndfs th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
ndf-control-list .body-ndfs td {
  max-height: 45px;
  text-align: center;
  vertical-align: middle;
}
ndf-control-list .body-ndfs .ndfColor {
  position: relative;
}
ndf-control-list .body-ndfs .ndfColor .ndfColor-border-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
}
ndf-control-list .body-ndfs .ndfColor .ndfColor-border-color.to-control {
  background-color: #FF9D17;
}
ndf-control-list .body-ndfs .ndfColor .ndfColor-border-color.controlled {
  background-color: #28D149;
}
ndf-control-list .body-ndfs .icons {
  font-size: 24px;
  color: #b9bebe;
}
ndf-control-list .body-ndfs .icons > span {
  position: relative;
  top: 5px;
}
ndf-control-list .body-ndfs .icons .expense-warnings {
  color: #FF9D17;
}
ndf-control-list .body-ndfs .invisible {
  display: none;
}
ndf-control-list .body-ndfs .groupHeader {
  height: 30px;
  background-color: #464680;
}
ndf-control-list .body-ndfs .groupHeader th {
  border: #464680;
  vertical-align: middle;
  border-bottom: 1px solid #b9bebe;
  color: white;
}
ndf-control-list .body-ndfs .groupHeader .icons {
  text-align: center;
}
ndf-control-list .body-ndfs .groupHeader .icons .material-icons {
  position: relative;
  top: 5px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
control-expense-ps .content-container {
  padding-left: 45px;
  padding-right: 45px;
}
control-expense-ps .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 40px;
  padding-bottom: 20px;
}
control-expense-ps .content-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 15px;
}
control-expense-ps .content-container .mission-order-icon {
  color: #B9BEBE;
}
control-expense-ps .content-container .mission-order-icon.enabled {
  color: #464680;
}
control-expense-ps .content-container .comment {
  align-items: center;
  margin-top: 10px;
}
control-expense-ps .content-container .expenseType {
  display: flex;
  justify-content: space-between;
}
control-expense-ps .content-container .expenseType > * {
  width: calc(40% - 2px);
  margin-left: 15em;
}
control-expense-ps .content-container .upload-file {
  text-align: center;
}
control-expense-ps .content-container .upload-file .Logo {
  color: #464680;
  margin-bottom: 10px;
}
control-expense-ps .content-container .input-expense-container {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin-left: 3px;
  align-items: center;
}
control-expense-ps .content-container .file-manager-file-card-left {
  display: flex;
  align-items: end;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  padding-left: 0px;
  border-left: 10px solid #48cde0;
}
control-expense-ps .content-container .file-manager-file-card-left .file-name {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
  margin-right: auto;
  /* pour repousser le boutons vers le coté droit */
}
control-expense-ps .content-container .file-manager-file-card-left .file-manager-icon {
  display: block;
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 15px;
  min-height: 1em;
  min-width: 1em;
}
control-expense-ps .content-container .tjmWithEuro {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
control-expense-ps .content-container .tjmWithEuro .symboleEuro {
  position: absolute;
  right: 10px;
  top: 18px;
}
control-expense-ps .content-container .tjmWithEuro .errorTooltip {
  position: absolute;
  right: -2px;
  top: 0px;
}
control-expense-ps .content-container .tjmWithEuro .span-container {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
control-expense-ps .content-container .alert-message {
  color: #FF1744;
  display: flex;
}
control-expense-ps .content-container .alert-messageKm {
  color: #FF1744;
  display: flex;
  margin-top: 10px;
}
control-expense-ps .content-container .limitKm {
  justify-content: space-between;
  margin-top: 1em;
  padding-bottom: 15px;
}
control-expense-ps .content-container .limitKm > md-input-container {
  width: calc(50% - 2px);
  align-items: center;
}
control-expense-ps .content-container .limitKm .add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #464680;
  background: white;
  padding: 0;
}
control-expense-ps .content-container .limitKm .add-action-system-btn i {
  height: 25px;
  width: 25px;
  display: flex;
  background: #48CDE0;
  color: white;
  border-radius: 50%;
  margin-left: 3px;
}
control-expense-ps .content-container .limitKm .add-action-system-btn span {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
control-expense-ps .content-container .limitKm .add-action-system-btn:hover {
  background: #DFDFDF;
}
@media screen and (max-width: 375px) {
  control-expense-ps .content-container .limitKm .add-action-system-btn {
    font-size: 11px;
  }
}
control-expense-ps .content-container .limitKm .allWidth {
  width: 100%;
}
control-expense-ps .content-container .limit {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  padding-bottom: 15px;
}
control-expense-ps .content-container .limit > md-input-container {
  width: calc(50% - 2px);
  align-items: center;
}
control-expense-ps .content-container .limit .add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #464680;
  background: white;
  padding: 0;
}
control-expense-ps .content-container .limit .add-action-system-btn i {
  height: 25px;
  width: 25px;
  display: flex;
  background: #48CDE0;
  color: white;
  border-radius: 50%;
  margin-left: 3px;
}
control-expense-ps .content-container .limit .add-action-system-btn span {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
control-expense-ps .content-container .limit .add-action-system-btn:hover {
  background: #DFDFDF;
}
@media screen and (max-width: 375px) {
  control-expense-ps .content-container .limit .add-action-system-btn {
    font-size: 11px;
  }
}
control-expense-ps .content-container .limit .allWidth {
  width: 100%;
}
control-expense-ps .content-container .limit-2 {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 1.5em;
}
control-expense-ps .content-container .limit-2 > md-input-container {
  width: calc(92% - 2px);
}
control-expense-ps .content-container .limit-2 > i {
  display: flex;
  align-items: center;
  width: calc(5% - 2px);
}
control-expense-ps .content-container .limit-3 {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 1.5em;
}
control-expense-ps .content-container .limit-3 > md-input-container {
  width: calc(100% - 2px);
}
control-expense-ps .content-container .helpStyle {
  color: #464680;
  width: 100%;
  padding: 5px;
  line-height: 2;
}
control-expense-ps .content-container .guestExterne {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
control-expense-ps .content-container .guestExterne .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
control-expense-ps .content-container .guestExterne .autoWidth {
  width: 60%;
}
control-expense-ps .content-container .guestInterne {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
control-expense-ps .content-container .guestInterne .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
control-expense-ps .content-container .guestInterne .autoWidth {
  width: 60%;
}
control-expense-ps .content-container .tvaList {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  padding-top: 20px;
}
control-expense-ps .content-container .tvaList .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
control-expense-ps .content-container .tvaList .autoWidth-tvaList {
  width: 100%;
  display: flex;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.ndf-delegation-component {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: 100%;
  padding: 30px 20px;
}
.ndf-delegation-component .delegations {
  position: relative;
  background-color: white;
  padding: 10px 20px 20px 20px;
}
.ndf-delegation-component .delegations h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
}
.ndf-delegation-component .radio-delegation {
  padding-left: 20px;
  padding-top: 10px;
}
.ndf-delegation-component .button-styles {
  display: flex;
  justify-content: flex-end;
  margin-top: 55px;
  width: 100%;
  padding-right: 33px;
}
.ndf-delegation-component .my-staff {
  width: 55%;
}
.ndf-delegation-component .activated {
  color: #00C853;
  padding-left: 24px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 16px;
}
.ndf-delegation-component .disable {
  color: #FF9800;
  padding-left: 24px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 16px;
}
.ndf-delegation-component .dates-container {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  padding-left: 20px;
  padding-right: 20px;
}
.ndf-delegation-component .my-dates {
  display: flex;
  justify-content: space-evenly;
  width: 45%;
}
.ndf-delegation-component .my-dates .child {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 375px) {
  .ndf-delegation-component .my-dates .child {
    flex-direction: column;
    width: 100%;
  }
}
.ndf-delegation-component .my-dates .date {
  width: 100%;
  margin: 2px 20px;
}
.ndf-delegation-mobile .my-staff {
  width: 100%;
  margin-bottom: 20px;
}
.ndf-delegation-mobile .my-dates {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}
.ndf-delegation-mobile .my-dates .child {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 375px) {
  .ndf-delegation-mobile .my-dates .child {
    flex-direction: column;
    width: 100%;
  }
}
.ndf-delegation-mobile .my-dates .date {
  width: 100%;
  margin: 2px 20px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.ndfExport {
  display: flex;
  justify-content: space-around;
  padding-bottom: 700px;
}
.ndfExport .export-pay-wrapper {
  padding: 10px;
  width: 85%;
  height: 500px;
  margin-bottom: 40px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.ndfExport .export-pay-wrapper .border-title {
  border-bottom: 1px solid #48CDE0;
  color: #48CDE0;
  margin-bottom: 22px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  justify-content: space-between;
}
.ndfExport .export-pay-wrapper .border-collapse-button {
  border: none;
  background: none;
}
.ndfExport .export-pay-wrapper .format {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-bottom: 20px;
}
.ndfExport .export-pay-wrapper .format p {
  font-size: 15px;
  font-weight: bold;
}
.ndfExport .export-pay-wrapper .format .formtat-accounting-entries {
  margin: 0px;
  width: 150px;
  margin-left: 20px;
}
.ndfExport .export-pay-wrapper .format .formtat-accounting-entries span {
  color: #464680;
}
.ndfExport .export-pay-wrapper .format .formtat-accounting-entries span:hover {
  color: #464680;
}
.ndfExport .export-pay-wrapper .format .nature-entries {
  margin: 0px;
  width: 200px;
  margin-left: 20px;
}
.ndfExport .export-pay-wrapper .format .nature-entries span {
  color: #464680;
}
.ndfExport .export-pay-wrapper .format .nature-entries span:hover {
  color: #464680;
}
.ndfExport .export-pay-wrapper .month-container {
  padding-bottom: 20px;
  padding-left: 20px;
}
.ndfExport .export-pay-wrapper .month-container p {
  font-size: 15px;
  font-weight: bold;
}
.ndfExport .export-pay-wrapper .month-container .select-month {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ndfExport .export-pay-wrapper .month-container .select-month .select-date {
  position: relative;
}
.ndfExport .export-pay-wrapper .month-container .select-month .select-date md-select {
  margin: 0;
}
.ndfExport .export-pay-wrapper .month-container .select-month .select-date .arrow {
  position: absolute;
  margin-left: -25px;
}
.ndfExport .export-pay-wrapper .month-container .select-month .date {
  margin-right: 5px;
  margin-left: 5px;
}
.ndfExport .export-pay-wrapper .month-container .select-month .date .md-datepicker-input-container .md-datepicker-input {
  color: #464680;
  text-align: center;
  width: 150px;
  cursor: pointer;
}
.ndfExport .export-pay-wrapper .month-container .select-month .date .md-datepicker-input-container .md-datepicker-input:hover {
  color: #464680;
}
.ndfExport .export-pay-wrapper .newlyValidatedInvoice-and-button-style {
  padding-left: 20px;
  margin-bottom: 20px;
}
.ndfExport .export-pay-wrapper .newlyValidatedInvoice-and-button-style .P {
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
.ndfExport .export-pay-wrapper .newlyValidatedInvoice-and-button-style .pos-flex {
  display: flex;
  justify-content: space-between;
}
.ndfExport .export-pay-wrapper .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice {
  border: 1px solid #ddd;
  padding: 2px 40px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  margin-right: 30px;
}
.ndfExport .export-pay-wrapper .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice .notP {
  padding: 4px 0;
}
.ndfExport .export-pay-wrapper .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice span {
  color: grey;
}
.ndfExport .export-pay-wrapper .newlyValidatedInvoice-and-button-style .pos-flex .button-style .add-action-system-btn {
  width: 250px;
}
.ndfExport .export-pay-wrapper .export-pay-wraps {
  padding: 10px;
  padding-bottom: 15px;
  width: 95%;
  background-color: white;
  margin-top: -10px;
  margin-left: -10px;
  margin-bottom: 40px;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .border-title {
  border-bottom: 1px solid #48CDE0;
  color: #48CDE0;
  margin-bottom: 22px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  justify-content: space-between;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .border-collapse-button {
  border: none;
  background: none;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .format {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-bottom: 20px;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .format p {
  font-size: 15px;
  font-weight: bold;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .format .formtat-accounting-entries {
  margin: 0px;
  width: 150px;
  margin-left: 20px;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .format .formtat-accounting-entries span {
  color: #464680;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .format .formtat-accounting-entries span:hover {
  color: #464680;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .groups_PDF {
  padding-left: 20px;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .groups_PDF .name {
  font-size: 15px;
  font-weight: bold;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .month-container {
  padding-bottom: 20px;
  padding-left: 20px;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .month-container p {
  font-size: 15px;
  font-weight: bold;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .month-container .select-month {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .month-container .select-month .select-date {
  position: relative;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .month-container .select-month .select-date .arrow {
  position: absolute;
  margin-left: -25px;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .month-container .select-month .date {
  margin-right: 5px;
  margin-left: 5px;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .month-container .select-month .date .md-datepicker-input-container .md-datepicker-input {
  color: #464680;
  text-align: center;
  width: 150px;
  cursor: pointer;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .month-container .select-month .date .md-datepicker-input-container .md-datepicker-input:hover {
  color: #464680;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .newlyValidatedInvoice-and-button-style {
  padding-left: 20px;
  padding-bottom: 20px;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .newlyValidatedInvoice-and-button-style .P {
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .newlyValidatedInvoice-and-button-style .pos-flex {
  display: flex;
  justify-content: space-between;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice {
  border: 1px solid #ddd;
  padding: 2px 40px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  margin-right: 30px;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice .notP {
  padding: 4px 0;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice span {
  color: grey;
}
.ndfExport .export-pay-wrapper .export-pay-wraps .newlyValidatedInvoice-and-button-style .pos-flex .button-style .add-action-system-btn {
  width: 250px;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers {
  padding: 10px;
  width: 95%;
  height: 235px;
  background-color: white;
  margin-top: 40px;
  margin-left: -10px;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .border-title {
  border-bottom: 1px solid #48CDE0;
  color: #48CDE0;
  margin-bottom: 22px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  justify-content: space-between;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .border-collapse-button {
  border: none;
  background: none;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .month-container {
  padding-bottom: 20px;
  padding-left: 20px;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .month-container p {
  font-size: 15px;
  font-weight: bold;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .month-container .select-month {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .month-container .select-month .select-date {
  position: relative;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .month-container .select-month .select-date .arrow {
  position: absolute;
  margin-left: -25px;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .month-container .select-month .date {
  margin-right: 5px;
  margin-left: 5px;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .month-container .select-month .date .md-datepicker-input-container .md-datepicker-input {
  color: #464680;
  text-align: center;
  width: 150px;
  cursor: pointer;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .month-container .select-month .date .md-datepicker-input-container .md-datepicker-input:hover {
  color: #464680;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .newlyValidatedInvoice-and-button-style {
  padding-left: 20px;
  padding-bottom: 20px;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .newlyValidatedInvoice-and-button-style .P {
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .newlyValidatedInvoice-and-button-style .pos-flex {
  display: flex;
  justify-content: space-between;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice {
  border: 1px solid #ddd;
  padding: 2px 40px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  margin-right: 30px;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice .notP {
  padding: 4px 0;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice span {
  color: grey;
}
.ndfExport .export-pay-wrapper .export-pay-wrappers .newlyValidatedInvoice-and-button-style .pos-flex .button-style .add-action-system-btn {
  width: 250px;
}
.list-export-invoice {
  width: 100%;
  height: 500px;
  padding-top: 11px;
  padding: 15px;
  overflow-y: scroll;
}
.list-export-invoice .exportHistory {
  margin-top: -5px;
  margin-bottom: 50px;
}
.list-export-invoice .exportHistory .border-title {
  border-bottom: 1px solid #48CDE0;
  color: #48CDE0;
  display: flex;
  justify-content: space-between;
}
.list-export-invoice .exportHistory .border-collapse-button {
  border: none;
  background: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.list-export-invoice .exportHistory .file-export {
  padding-top: 25px;
}
.list-export-invoice .exportHistory .file-export .exported-date {
  font-size: 16px;
  font-weight: bold;
}
.list-export-invoice .exportHistory .file-export .creator-export {
  padding-bottom: 15px;
  padding-top: 5px;
}
.list-export-invoice .exportHistory .file-export .file-creator {
  display: flex;
  width: 100%;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: left;
  padding-top: 15px;
  padding-left: 15px;
  background-color: white;
}
.list-export-invoice .exportHistory .file-export .file-creator .i-folder-file {
  font-size: 20px;
}
.list-export-invoice .exportHistory .file-export .file-creator .i-files {
  font-size: 20px;
}
.list-export-invoice .exportHistory .file-export .file-creator .file-name {
  padding-left: 5px;
}
.list-export-invoice .exportHistory .file-export .file-creator .visible-file {
  margin-left: auto;
  padding-right: 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
ndf-payment-detail .ndf-content {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  padding: 40px;
  overflow-y: hidden;
}
ndf-payment-detail .ndf-summary {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
ndf-payment-detail .ndf-summary strong {
  margin: 0;
}
ndf-payment-detail .ndf-summary .infoCollabNdf {
  font-size: 17px;
}
ndf-payment-detail .ndf-print {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 10px;
}
ndf-payment-detail .ndf-print .print-icon {
  font-size: 2em;
}
ndf-payment-detail .ndf-details {
  display: flex;
  justify-content: space-between;
  background-color: white;
  margin-bottom: 5px;
}
ndf-payment-detail #ndf-table-totals {
  table-layout: fixed;
  /*width: 100%;*/
  overflow-wrap: break-word;
  background: white;
  border: 1px solid #b9bebe;
  border-collapse: collapse;
}
ndf-payment-detail #ndf-table-totals .ndf-head-totals th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
  padding: 10px;
  max-width: 150px;
  border: 1px solid #b9bebe;
  font-weight: 100;
  height: 83px;
}
ndf-payment-detail #ndf-table-totals .ndf-body-totals td {
  max-height: 45px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #b9bebe;
  padding-top: 10px;
  padding-bottom: 10px;
}
ndf-payment-detail .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
ndf-payment-detail .tabs-expensesValidation-container {
  background: white;
}
ndf-payment-detail .tabs-expensesValidation-container .tabs-expensesValidation th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
ndf-payment-detail .tabs-expensesValidation-container .tabs-expensesValidation td.center {
  text-align: center;
}
ndf-payment-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor {
  font-weight: bold;
  position: relative;
  padding: 15px;
}
ndf-payment-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor .expensesColor-border-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
}
ndf-payment-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor .expensesColor-border-color.to-be-paid {
  background-color: #464680;
}
ndf-payment-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor .expensesColor-border-color.in-process-of-payment {
  background-color: #FF9D17;
}
ndf-payment-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor .expensesColor-border-color.paid {
  background-color: #28D149;
}
ndf-payment-detail .tabs-expensesValidation-container .tabs-expensesValidation .refusalReason {
  font-size: 80%;
  font-style: italic;
  color: #FF1744;
}
ndf-payment-detail .tabs-expensesValidation-container .tabs-expensesValidation .icons {
  font-size: 24px;
  text-align: center;
  color: #b9bebe;
}
ndf-payment-detail .tabs-expensesValidation-container .tabs-expensesValidation .icons > span {
  position: relative;
  top: 5px;
}
ndf-payment-detail .tabs-expensesValidation-container .tabs-expensesValidation .groupHeader {
  height: 30px;
  background-color: #464680;
}
ndf-payment-detail .tabs-expensesValidation-container .tabs-expensesValidation .groupHeader th {
  color: white;
  border-left-color: #464680;
  border-right-color: #464680;
}
ndf-payment-detail .tabs-expensesValidation-container .tabs-expensesValidation .groupHeader .icons .material-icons {
  position: relative;
  top: 5px;
}
ndf-payment-detail .validationGlobal {
  display: flex;
  justify-content: flex-end;
  padding-top: 18px;
  padding-right: 50px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.ndf-payment-filters {
  margin-top: 1em;
}
.ndf-payment-filters md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
.ndf-payment-filters md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
.ndf-payment-filters md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
.ndf-payment-filters md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
.ndf-payment-filters .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
.ndf-payment-filters .searchbar-disable {
  opacity: 0.4;
}
.ndf-payment-filters .searchbar-container {
  position: relative;
}
.ndf-payment-filters .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
.ndf-payment-filters .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
.ndf-payment-filters .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
.ndf-payment-filters .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
.ndf-payment-filters .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
.ndf-payment-filters .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
.ndf-payment-filters .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
.ndf-payment-filters .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.ndf-payment-filters .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
.ndf-payment-filters .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  .ndf-payment-filters .autocomplete-mobile {
    width: 190px !important;
  }
  .ndf-payment-filters .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.ndf-payment-filters .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  padding-right: 14px;
  align-items: center;
}
.ndf-payment-filters .autocomplete-flex-cont .reset,
.ndf-payment-filters .group_date .reset {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.ndf-payment-filters .autocomplete-flex-cont .reset i,
.ndf-payment-filters .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.ndf-payment-filters .autocomplete-flex-cont .reset:hover,
.ndf-payment-filters .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.ndf-payment-filters .autocomplete-flex-cont .reset:hover i,
.ndf-payment-filters .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.ndf-payment-filters .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.ndf-payment-filters .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.ndf-payment-filters .group .title {
  color: #b1b0c9;
}
.ndf-payment-filters .group .title .button {
  position: relative;
  cursor: pointer;
  margin: 0 0.3em;
  color: #b1b0c9;
  border-radius: 5px;
  border: 1px solid #b1b0c9;
  padding: 0.3em 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  z-index: 0;
  overflow: hidden;
  transition: border linear 200ms;
}
.ndf-payment-filters .group .title .button i {
  font-size: 1.2em;
  margin-right: 0.3em;
}
.ndf-payment-filters .group .title .button:before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #e8e8e8;
  transition: width linear 200ms;
  z-index: -1;
}
.ndf-payment-filters .group .title .button:hover {
  border: 1px solid #e8e8e8;
}
.ndf-payment-filters .group .title .button:hover:before {
  width: 100%;
}
.ndf-payment-filters .group .checkbox-containers {
  padding-left: 35px;
}
.ndf-payment-filters .group .child {
  margin-top: 1em;
}
.ndf-payment-filters .group .child responsibility-material {
  width: 100%;
}
.ndf-payment-filters .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.ndf-payment-filters .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.ndf-payment-filters .group .radio-kit {
  padding: 0;
}
.ndf-payment-filters .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.ndf-payment-filters .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.ndf-payment-filters .group_checkbox .toggler_cont .elem:hover,
.ndf-payment-filters .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.ndf-payment-filters .group_checkbox .toggler_cont .elem:hover:before,
.ndf-payment-filters .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.ndf-payment-filters .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.ndf-payment-filters .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.ndf-payment-filters .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.ndf-payment-filters .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.ndf-payment-filters .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ndf-payment-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.ndf-payment-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.ndf-payment-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.ndf-payment-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.ndf-payment-filters .group_dropdown .child {
  margin-top: 0;
}
.ndf-payment-filters .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.ndf-payment-filters .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.ndf-payment-filters .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.ndf-payment-filters .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.ndf-payment-filters .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.ndf-payment-filters .special.group_mobility .child {
  margin-top: 0;
}
.ndf-payment-filters .special.group_mobility .mobility {
  padding: 0;
}
.ndf-payment-filters .special.group_mobility .mobility .hlistMobilitySelected li {
  float: initial;
  padding-top: 0;
  margin-bottom: 1.5em;
  padding-right: 0;
}
.ndf-payment-filters .special.group_mobility .mobility .hlistMobilitySelected li span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.ndf-payment-filters .special.group_mobility .mobility .hlistMobilitySelected li span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.ndf-payment-filters .special.group_mobility .mobility .hlistMobilitySelected li span:after:hover {
  color: white;
}
.ndf-payment-filters .special.group_mobility .mobility .hlistMobilitySelected li .pictoMoins {
  display: none;
}
.ndf-payment-filters .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.ndf-payment-filters .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.ndf-payment-filters .group_input .child input::placeholder {
  color: #C1CCD3;
}
.ndf-payment-filters .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.ndf-payment-filters .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.ndf-payment-filters .group_date .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ndf-payment-filters .group_date .reset {
  margin-right: 2px;
}
.ndf-payment-filters .group_date .date label {
  font-size: 0.9em;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
ndf-payment-list .ndf-content {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  padding: 0px;
  overflow-y: hidden;
}
ndf-payment-list .expenses-list-header {
  padding: 0.1em 1.5em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
ndf-payment-list .expenses-list-header .right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
ndf-payment-list .expenses-list-header .right .dropdown {
  margin-left: 1em;
}
ndf-payment-list .tabs-expensesPayment-container {
  width: auto;
}
ndf-payment-list .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
  /*.dataTables_empty {
                    display: none;
                }*/
}
ndf-payment-list .tabs-expensesPayment {
  table-layout: fixed;
  overflow-wrap: break-word;
  background: white;
}
ndf-payment-list .tabs-expensesPayment .head-expensesPayment th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
ndf-payment-list .tabs-expensesPayment .expensesForPayment_header {
  height: 30px;
  background-color: #464680;
  border: #464680;
  vertical-align: middle;
  border-bottom: 1px solid #b9bebe;
}
ndf-payment-list .tabs-expensesPayment .expensesForPayment_header .statusEnum .status-name {
  color: white;
  font-size: 13px;
  padding-left: 20px;
}
ndf-payment-list .tabs-expensesPayment .expensesForPayment_header .expensesForPayment-btn-container {
  text-align: center;
}
ndf-payment-list .tabs-expensesPayment .expensesForPayment_header .expensesForPayment-btn-container .expand-less {
  font-size: 35px;
  color: white;
  margin-top: 5px;
}
ndf-payment-list .tabs-expensesPayment .expensesForPayment_header .expensesForPayment-btn-container .expand-more {
  font-size: 35px;
  color: white;
  margin-top: 5px;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment td .error-icon {
  position: absolute;
  left: 20px;
  color: #FF9D17;
  font-size: 1.4em;
  vertical-align: middle;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment td .to-be-paid {
  background-color: #464680;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment td .in-process-of-payment {
  background-color: #FF9D17;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment td .paid {
  background-color: #28D149;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment .icons {
  font-size: 24px;
  color: #b9bebe;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment .icons > span {
  position: relative;
  top: 5px;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment .icons .expense-warnings {
  color: #FF9D17;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment .invisible {
  display: none;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment .expensesForPayment-tr2 {
  text-align: center;
  vertical-align: middle;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment .expensesForPayment-tr2 .expensesColor {
  font-weight: bold;
  position: relative;
  padding: 15px;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment .expensesForPayment-tr2 .expensesColor .expensesColor-border-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment .expensesForPayment-tr2 .expensesColor .expensesColor-border-color.to-be-paid {
  background-color: #464680;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment .expensesForPayment-tr2 .expensesColor .expensesColor-border-color.in-process-of-payment {
  background-color: #FF9D17;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment .expensesForPayment-tr2 .expensesColor .expensesColor-border-color.paid {
  background-color: #28D149;
}
ndf-payment-list .tabs-expensesPayment .body-expensesPayment .expensesForPayment-tr2 .silver {
  color: #b9bebe;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.paymentExpensePs .content-container {
  padding-left: 45px;
  padding-right: 45px;
}
.paymentExpensePs .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 40px;
  padding-bottom: 20px;
}
.paymentExpensePs .content-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 15px;
}
.paymentExpensePs .content-container .mission-order-icon {
  color: #B9BEBE;
}
.paymentExpensePs .content-container .mission-order-icon.enabled {
  color: #464680;
}
.paymentExpensePs .content-container .comment {
  align-items: center;
  margin-top: 10px;
}
.paymentExpensePs .content-container .expenseType {
  display: flex;
  justify-content: space-between;
}
.paymentExpensePs .content-container .expenseType > * {
  width: calc(40% - 2px);
  margin-left: 15em;
}
.paymentExpensePs .content-container .upload-file {
  text-align: center;
}
.paymentExpensePs .content-container .upload-file .Logo {
  color: #464680;
  margin-bottom: 10px;
}
.paymentExpensePs .content-container .input-expense-container {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin-left: 3px;
  align-items: center;
}
.paymentExpensePs .content-container .file-manager-file-card-left {
  display: flex;
  align-items: end;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  padding-left: 0px;
  border-left: 10px solid #48cde0;
}
.paymentExpensePs .content-container .file-manager-file-card-left .file-name {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
  margin-right: auto;
  /* pour repousser le boutons vers le coté droit */
}
.paymentExpensePs .content-container .file-manager-file-card-left .file-manager-icon {
  display: block;
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 15px;
  min-height: 1em;
  min-width: 1em;
}
.paymentExpensePs .content-container .tjmWithEuro {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.paymentExpensePs .content-container .tjmWithEuro .symboleEuro {
  position: absolute;
  right: 10px;
  top: 18px;
}
.paymentExpensePs .content-container .tjmWithEuro .errorTooltip {
  position: absolute;
  right: -2px;
  top: 0px;
}
.paymentExpensePs .content-container .tjmWithEuro .span-container {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.paymentExpensePs .content-container .alert-message {
  color: #FF1744;
  display: flex;
}
.paymentExpensePs .content-container .alert-messageKm {
  color: #FF1744;
  display: flex;
  margin-top: 10px;
}
.paymentExpensePs .content-container .limitKm {
  justify-content: space-between;
  margin-top: 1em;
  padding-bottom: 15px;
}
.paymentExpensePs .content-container .limitKm > md-input-container {
  width: calc(50% - 2px);
  align-items: center;
}
.paymentExpensePs .content-container .limitKm .add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #464680;
  background: white;
  padding: 0;
}
.paymentExpensePs .content-container .limitKm .add-action-system-btn i {
  height: 25px;
  width: 25px;
  display: flex;
  background: #48CDE0;
  color: white;
  border-radius: 50%;
  margin-left: 3px;
}
.paymentExpensePs .content-container .limitKm .add-action-system-btn span {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.paymentExpensePs .content-container .limitKm .add-action-system-btn:hover {
  background: #DFDFDF;
}
@media screen and (max-width: 375px) {
  .paymentExpensePs .content-container .limitKm .add-action-system-btn {
    font-size: 11px;
  }
}
.paymentExpensePs .content-container .limitKm .allWidth {
  width: 100%;
}
.paymentExpensePs .content-container .limit {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  padding-bottom: 15px;
}
.paymentExpensePs .content-container .limit > md-input-container {
  width: calc(50% - 2px);
  align-items: center;
}
.paymentExpensePs .content-container .limit .add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #464680;
  background: white;
  padding: 0;
}
.paymentExpensePs .content-container .limit .add-action-system-btn i {
  height: 25px;
  width: 25px;
  display: flex;
  background: #48CDE0;
  color: white;
  border-radius: 50%;
  margin-left: 3px;
}
.paymentExpensePs .content-container .limit .add-action-system-btn span {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.paymentExpensePs .content-container .limit .add-action-system-btn:hover {
  background: #DFDFDF;
}
@media screen and (max-width: 375px) {
  .paymentExpensePs .content-container .limit .add-action-system-btn {
    font-size: 11px;
  }
}
.paymentExpensePs .content-container .limit .allWidth {
  width: 100%;
}
.paymentExpensePs .content-container .limit-2 {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 1.5em;
}
.paymentExpensePs .content-container .limit-2 > md-input-container {
  width: calc(92% - 2px);
}
.paymentExpensePs .content-container .limit-2 > i {
  display: flex;
  align-items: center;
  width: calc(5% - 2px);
}
.paymentExpensePs .content-container .limit-3 {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 1.5em;
}
.paymentExpensePs .content-container .limit-3 > md-input-container {
  width: calc(100% - 2px);
}
.paymentExpensePs .content-container .helpStyle {
  color: #464680;
  width: 100%;
  padding: 5px;
  line-height: 2;
}
.paymentExpensePs .content-container .guestExterne {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.paymentExpensePs .content-container .guestExterne .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.paymentExpensePs .content-container .guestExterne .autoWidth {
  width: 60%;
}
.paymentExpensePs .content-container .guestInterne {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.paymentExpensePs .content-container .guestInterne .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.paymentExpensePs .content-container .guestInterne .autoWidth {
  width: 60%;
}
.paymentExpensePs .content-container .tvaList {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  padding-top: 20px;
}
.paymentExpensePs .content-container .tvaList .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.paymentExpensePs .content-container .tvaList .autoWidth-tvaList {
  width: 100%;
  display: flex;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
ndf-validation-detail .ndf-content {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  padding: 40px;
  padding-top: 20px;
  overflow-y: hidden;
}
ndf-validation-detail .ndf-print {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 10px;
}
ndf-validation-detail .ndf-print .print-icon {
  font-size: 2em;
}
ndf-validation-detail .ndf-summary {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
ndf-validation-detail .ndf-summary strong {
  margin: 0;
}
ndf-validation-detail .ndf-summary .infoCollabNdf {
  font-size: 17px;
}
ndf-validation-detail .ndf-details {
  display: flex;
  justify-content: space-between;
  background-color: white;
  margin-bottom: 5px;
}
ndf-validation-detail #ndf-table-totals {
  table-layout: fixed;
  /*width: 100%;*/
  overflow-wrap: break-word;
  background: white;
  border: 1px solid #b9bebe;
  border-collapse: collapse;
}
ndf-validation-detail #ndf-table-totals .ndf-head-totals th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
  padding: 10px;
  max-width: 150px;
  border: 1px solid #b9bebe;
  font-weight: 100;
  height: 83px;
}
ndf-validation-detail #ndf-table-totals .ndf-body-totals td {
  max-height: 45px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #b9bebe;
  padding-top: 10px;
  padding-bottom: 10px;
}
ndf-validation-detail .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
ndf-validation-detail .tabs-expensesValidation-container {
  background: white;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation td.center {
  text-align: center;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor {
  font-weight: bold;
  position: relative;
  padding: 15px;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor .expensesColor-border-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor .expensesColor-border-color.need-validation-minus {
  background-color: #464680;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor .expensesColor-border-color.need-validation {
  background-color: #464680;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor .expensesColor-border-color.validatedBySupervisor {
  background-color: #28D149;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor .expensesColor-border-color.validated {
  background-color: #28D149;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor .expensesPayementColor-border-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor .expensesPayementColor-border-color.to-be-paid {
  background-color: #28D149;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor .expensesPayementColor-border-color.in-process-of-payment {
  background-color: #28D149;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .expensesColor .expensesPayementColor-border-color.paid {
  background-color: #28D149;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .refusalReason {
  font-size: 80%;
  font-style: italic;
  color: #FF1744;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .icons {
  font-size: 24px;
  text-align: center;
  color: #b9bebe;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .icons > span {
  position: relative;
  top: 5px;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .groupHeader {
  height: 30px;
  background-color: #464680;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .groupHeader th {
  color: white;
  border-left-color: #464680;
  border-right-color: #464680;
}
ndf-validation-detail .tabs-expensesValidation-container .tabs-expensesValidation .groupHeader .icons .material-icons {
  position: relative;
  top: 5px;
}
ndf-validation-detail .validationGlobal {
  display: flex;
  justify-content: flex-end;
  padding-top: 18px;
  padding-right: 50px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.ndf-validation-filters {
  margin-top: 1em;
}
.ndf-validation-filters md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
.ndf-validation-filters md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
.ndf-validation-filters md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
.ndf-validation-filters md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
.ndf-validation-filters .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
.ndf-validation-filters .searchbar-disable {
  opacity: 0.4;
}
.ndf-validation-filters .searchbar-container {
  position: relative;
}
.ndf-validation-filters .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
.ndf-validation-filters .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
.ndf-validation-filters .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
.ndf-validation-filters .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
.ndf-validation-filters .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
.ndf-validation-filters .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
.ndf-validation-filters .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
.ndf-validation-filters .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.ndf-validation-filters .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
.ndf-validation-filters .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  .ndf-validation-filters .autocomplete-mobile {
    width: 190px !important;
  }
  .ndf-validation-filters .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.ndf-validation-filters .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  padding-right: 14px;
  align-items: center;
}
.ndf-validation-filters .autocomplete-flex-cont .reset,
.ndf-validation-filters .group_date .reset {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.ndf-validation-filters .autocomplete-flex-cont .reset i,
.ndf-validation-filters .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.ndf-validation-filters .autocomplete-flex-cont .reset:hover,
.ndf-validation-filters .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.ndf-validation-filters .autocomplete-flex-cont .reset:hover i,
.ndf-validation-filters .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.ndf-validation-filters .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.ndf-validation-filters .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.ndf-validation-filters .group .title {
  color: #b1b0c9;
}
.ndf-validation-filters .group .title .button {
  position: relative;
  cursor: pointer;
  margin: 0 0.3em;
  color: #b1b0c9;
  border-radius: 5px;
  border: 1px solid #b1b0c9;
  padding: 0.3em 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  z-index: 0;
  overflow: hidden;
  transition: border linear 200ms;
}
.ndf-validation-filters .group .title .button i {
  font-size: 1.2em;
  margin-right: 0.3em;
}
.ndf-validation-filters .group .title .button:before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #e8e8e8;
  transition: width linear 200ms;
  z-index: -1;
}
.ndf-validation-filters .group .title .button:hover {
  border: 1px solid #e8e8e8;
}
.ndf-validation-filters .group .title .button:hover:before {
  width: 100%;
}
.ndf-validation-filters .group .checkbox-containers {
  padding-left: 35px;
}
.ndf-validation-filters .group .child {
  margin-top: 1em;
}
.ndf-validation-filters .group .child responsibility-material {
  width: 100%;
}
.ndf-validation-filters .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.ndf-validation-filters .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.ndf-validation-filters .group .radio-kit {
  padding: 0;
}
.ndf-validation-filters .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.ndf-validation-filters .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.ndf-validation-filters .group_checkbox .toggler_cont .elem:hover,
.ndf-validation-filters .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.ndf-validation-filters .group_checkbox .toggler_cont .elem:hover:before,
.ndf-validation-filters .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.ndf-validation-filters .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.ndf-validation-filters .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.ndf-validation-filters .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.ndf-validation-filters .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.ndf-validation-filters .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ndf-validation-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.ndf-validation-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.ndf-validation-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.ndf-validation-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.ndf-validation-filters .group_dropdown .child {
  margin-top: 0;
}
.ndf-validation-filters .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.ndf-validation-filters .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.ndf-validation-filters .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.ndf-validation-filters .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.ndf-validation-filters .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.ndf-validation-filters .special.group_mobility .child {
  margin-top: 0;
}
.ndf-validation-filters .special.group_mobility .mobility {
  padding: 0;
}
.ndf-validation-filters .special.group_mobility .mobility .hlistMobilitySelected li {
  float: initial;
  padding-top: 0;
  margin-bottom: 1.5em;
  padding-right: 0;
}
.ndf-validation-filters .special.group_mobility .mobility .hlistMobilitySelected li span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.ndf-validation-filters .special.group_mobility .mobility .hlistMobilitySelected li span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.ndf-validation-filters .special.group_mobility .mobility .hlistMobilitySelected li span:after:hover {
  color: white;
}
.ndf-validation-filters .special.group_mobility .mobility .hlistMobilitySelected li .pictoMoins {
  display: none;
}
.ndf-validation-filters .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.ndf-validation-filters .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.ndf-validation-filters .group_input .child input::placeholder {
  color: #C1CCD3;
}
.ndf-validation-filters .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.ndf-validation-filters .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.ndf-validation-filters .group_date .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ndf-validation-filters .group_date .reset {
  margin-right: 2px;
}
.ndf-validation-filters .group_date .date label {
  font-size: 0.9em;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
ndf-validation-list .ndf-content {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  padding: 0px;
  overflow-y: hidden;
}
ndf-validation-list .expenses-list-header {
  padding: 0.1em 1.5em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
ndf-validation-list .expenses-list-header .right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
ndf-validation-list .expenses-list-header .right .dropdown {
  margin-left: 1em;
}
ndf-validation-list .tabs-expensesValidation-container {
  width: auto;
}
ndf-validation-list .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
ndf-validation-list .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .dataTables_empty {
  display: none;
}
ndf-validation-list .tabs-expensesValidation {
  table-layout: fixed;
  overflow-wrap: break-word;
  background: white;
}
ndf-validation-list .tabs-expensesValidation .head-expensesValidation th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
ndf-validation-list .tabs-expensesValidation .expensesForValidation_header {
  height: 30px;
  background-color: #464680;
  border: #464680;
  vertical-align: middle;
  border-bottom: 1px solid #b9bebe;
}
ndf-validation-list .tabs-expensesValidation .expensesForValidation_header .statusEnum .status-name {
  color: white;
  font-size: 13px;
  padding-left: 20px;
}
ndf-validation-list .tabs-expensesValidation .expensesForValidation_header .expensesForValidation-btn-container {
  text-align: center;
}
ndf-validation-list .tabs-expensesValidation .expensesForValidation_header .expensesForValidation-btn-container .expand-less {
  font-size: 35px;
  color: white;
  margin-top: 5px;
}
ndf-validation-list .tabs-expensesValidation .expensesForValidation_header .expensesForValidation-btn-container .expand-more {
  font-size: 35px;
  color: white;
  margin-top: 5px;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation td .error-icon {
  position: absolute;
  left: 20px;
  color: #FF9D17;
  font-size: 1.4em;
  vertical-align: middle;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .icons {
  font-size: 24px;
  color: #b9bebe;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .icons > span {
  position: relative;
  top: 5px;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .icons .expense-warnings {
  color: #FF9D17;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .invisible {
  display: none;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .expensesForValidation-tr2 {
  text-align: center;
  vertical-align: middle;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .expensesForValidation-tr2 .expensesColor {
  font-weight: bold;
  position: relative;
  padding: 15px;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .expensesForValidation-tr2 .expensesColor .expensesColor-border-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .expensesForValidation-tr2 .expensesColor .expensesColor-border-color.need-validation-minus {
  background-color: #464680;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .expensesForValidation-tr2 .expensesColor .expensesColor-border-color.need-validation {
  background-color: #464680;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .expensesForValidation-tr2 .expensesColor .expensesColor-border-color.validatedBySupervisor {
  background-color: #28D149;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .expensesForValidation-tr2 .expensesColor .expensesColor-border-color.validated {
  background-color: #28D149;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .expensesForValidation-tr2 .expensesColor .expensesPayementColor-border-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .expensesForValidation-tr2 .expensesColor .expensesPayementColor-border-color.to-be-paid {
  background-color: #28D149;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .expensesForValidation-tr2 .expensesColor .expensesPayementColor-border-color.in-process-of-payment {
  background-color: #28D149;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .expensesForValidation-tr2 .expensesColor .expensesPayementColor-border-color.paid {
  background-color: #28D149;
}
ndf-validation-list .tabs-expensesValidation .body-expensesValidation .expensesForValidation-tr2 .silver {
  color: #b9bebe;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.validateExpensePs .content-container {
  padding-left: 45px;
  padding-right: 45px;
}
.validateExpensePs .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 40px;
  padding-bottom: 20px;
}
.validateExpensePs .content-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 15px;
}
.validateExpensePs .content-container .mission-order-icon {
  color: #B9BEBE;
}
.validateExpensePs .content-container .mission-order-icon.enabled {
  color: #464680;
}
.validateExpensePs .content-container .comment {
  align-items: center;
  margin-top: 10px;
}
.validateExpensePs .content-container .expenseType {
  display: flex;
  justify-content: space-between;
}
.validateExpensePs .content-container .expenseType > * {
  width: calc(40% - 2px);
  margin-left: 15em;
}
.validateExpensePs .content-container .upload-file {
  text-align: center;
}
.validateExpensePs .content-container .upload-file .Logo {
  color: #464680;
  margin-bottom: 10px;
}
.validateExpensePs .content-container .input-expense-container {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin-left: 3px;
  align-items: center;
}
.validateExpensePs .content-container .file-manager-file-card-left {
  display: flex;
  align-items: end;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  padding-left: 0px;
  border-left: 10px solid #48cde0;
}
.validateExpensePs .content-container .file-manager-file-card-left .file-name {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
  margin-right: auto;
  /* pour repousser le boutons vers le coté droit */
}
.validateExpensePs .content-container .file-manager-file-card-left .file-manager-icon {
  display: block;
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 15px;
  min-height: 1em;
  min-width: 1em;
}
.validateExpensePs .content-container .tjmWithEuro {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.validateExpensePs .content-container .tjmWithEuro .symboleEuro {
  position: absolute;
  right: 10px;
  top: 18px;
}
.validateExpensePs .content-container .tjmWithEuro .errorTooltip {
  position: absolute;
  right: -2px;
  top: 0px;
}
.validateExpensePs .content-container .tjmWithEuro .span-container {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.validateExpensePs .content-container .alert-message {
  color: #FF1744;
  display: flex;
}
.validateExpensePs .content-container .alert-messageKm {
  color: #FF1744;
  display: flex;
  margin-top: 10px;
}
.validateExpensePs .content-container .limitKm {
  justify-content: space-between;
  margin-top: 1em;
  padding-bottom: 15px;
}
.validateExpensePs .content-container .limitKm > md-input-container {
  width: calc(50% - 2px);
  align-items: center;
}
.validateExpensePs .content-container .limitKm .add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #464680;
  background: white;
  padding: 0;
}
.validateExpensePs .content-container .limitKm .add-action-system-btn i {
  height: 25px;
  width: 25px;
  display: flex;
  background: #48CDE0;
  color: white;
  border-radius: 50%;
  margin-left: 3px;
}
.validateExpensePs .content-container .limitKm .add-action-system-btn span {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.validateExpensePs .content-container .limitKm .add-action-system-btn:hover {
  background: #DFDFDF;
}
@media screen and (max-width: 375px) {
  .validateExpensePs .content-container .limitKm .add-action-system-btn {
    font-size: 11px;
  }
}
.validateExpensePs .content-container .limitKm .allWidth {
  width: 100%;
}
.validateExpensePs .content-container .limit {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  padding-bottom: 15px;
}
.validateExpensePs .content-container .limit > md-input-container {
  width: calc(50% - 2px);
  align-items: center;
}
.validateExpensePs .content-container .limit .add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #464680;
  background: white;
  padding: 0;
}
.validateExpensePs .content-container .limit .add-action-system-btn i {
  height: 25px;
  width: 25px;
  display: flex;
  background: #48CDE0;
  color: white;
  border-radius: 50%;
  margin-left: 3px;
}
.validateExpensePs .content-container .limit .add-action-system-btn span {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.validateExpensePs .content-container .limit .add-action-system-btn:hover {
  background: #DFDFDF;
}
@media screen and (max-width: 375px) {
  .validateExpensePs .content-container .limit .add-action-system-btn {
    font-size: 11px;
  }
}
.validateExpensePs .content-container .limit .allWidth {
  width: 100%;
}
.validateExpensePs .content-container .limit-2 {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 1.5em;
}
.validateExpensePs .content-container .limit-2 > md-input-container {
  width: calc(92% - 2px);
}
.validateExpensePs .content-container .limit-2 > i {
  display: flex;
  align-items: center;
  width: calc(5% - 2px);
}
.validateExpensePs .content-container .limit-3 {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 1.5em;
}
.validateExpensePs .content-container .limit-3 > md-input-container {
  width: calc(100% - 2px);
}
.validateExpensePs .content-container .helpStyle {
  color: #464680;
  width: 100%;
  padding: 5px;
  line-height: 2;
}
.validateExpensePs .content-container .guestExterne {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.validateExpensePs .content-container .guestExterne .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.validateExpensePs .content-container .guestExterne .autoWidth {
  width: 60%;
}
.validateExpensePs .content-container .guestInterne {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.validateExpensePs .content-container .guestInterne .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.validateExpensePs .content-container .guestInterne .autoWidth {
  width: 60%;
}
.validateExpensePs .content-container .tvaList {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  padding-top: 20px;
}
.validateExpensePs .content-container .tvaList .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.validateExpensePs .content-container .tvaList .autoWidth-tvaList {
  width: 100%;
  display: flex;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
validate-or-refuse-expense .content-container {
  padding-top: 40px;
  padding-left: 45px;
  padding-right: 45px;
}
validate-or-refuse-expense .content-container .expense-type-container {
  justify-content: center;
}
validate-or-refuse-expense .content-container .expense-type-container .expense-type {
  max-width: 50%;
}
validate-or-refuse-expense .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 100px;
  padding-bottom: 20px;
}
validate-or-refuse-expense .content-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
validate-or-refuse-expense .content-container .title.infobulles {
  margin-bottom: 15px;
}
validate-or-refuse-expense .content-container .display-flex {
  display: flex;
}
validate-or-refuse-expense .content-container .flex-item {
  flex: 1 1 auto;
}
validate-or-refuse-expense .content-container .display-inline {
  display: inline-block;
}
validate-or-refuse-expense .content-container #rebillable-checkbox-container {
  height: 26px;
  width: 26px;
  margin-bottom: 10px;
}
validate-or-refuse-expense .content-container #rebillable-checkbox-container #rebillable-Checkbox {
  margin-bottom: 0px;
}
validate-or-refuse-expense .content-container .icons {
  font-size: 24px;
  color: #b9bebe;
  align-self: center;
  margin-left: 10px;
}
validate-or-refuse-expense .content-container .icons.error {
  color: #FF9D17;
}
validate-or-refuse-expense .content-container .del-btn-container {
  display: flex;
  align-items: center;
}
validate-or-refuse-expense .content-container .del-btn-container .del-btn {
  font-size: 1.7em;
  color: #b9bebe;
}
validate-or-refuse-expense .content-container .add-btn-container {
  width: 100%;
  align-self: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
validate-or-refuse-expense .content-container .add-btn-container .add-btn {
  font-size: 1.1em;
  border-radius: 100%;
  background-color: #48CDE0;
  color: white;
  position: relative;
  top: 4px;
  margin-left: 10px;
  margin-right: 10px;
}
validate-or-refuse-expense .content-container .add-btn-container .add-btn:hover {
  background-color: #3CDBE8;
}
validate-or-refuse-expense .content-container .dropzone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 70px;
}
validate-or-refuse-expense .content-container .dropzone .dropzone-box {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed;
  border-color: #b9bebe;
  width: 80px;
  height: 55px;
}
validate-or-refuse-expense .content-container .dropzone .dropzone-box .dropzone-icon {
  color: #b9bebe;
}
validate-or-refuse-expense .content-container .dropzone-text {
  width: 100%;
  text-align: center;
  color: #b9bebe;
}
validate-or-refuse-expense .content-container .amount-alert {
  color: #FF1744;
  font-style: italic;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
#sideNavPanel .filter-sidenav-desktop {
  height: calc(100vh - 99px);
}
.my-sidebar-filters-rma {
  margin-top: 1em;
}
.my-sidebar-filters-rma md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-rma md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-rma md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-rma md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-rma .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
.my-sidebar-filters-rma .searchbar-disable {
  opacity: 0.4;
}
.my-sidebar-filters-rma .searchbar-container {
  position: relative;
}
.my-sidebar-filters-rma .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
.my-sidebar-filters-rma .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
.my-sidebar-filters-rma .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
.my-sidebar-filters-rma .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
.my-sidebar-filters-rma .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
.my-sidebar-filters-rma .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
.my-sidebar-filters-rma .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
.my-sidebar-filters-rma .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.my-sidebar-filters-rma .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
.my-sidebar-filters-rma .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  .my-sidebar-filters-rma .autocomplete-mobile {
    width: 190px !important;
  }
  .my-sidebar-filters-rma .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.my-sidebar-filters-rma .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  align-items: center;
}
.my-sidebar-filters-rma .autocomplete-flex-cont .reset,
.my-sidebar-filters-rma .group_date .reset {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.my-sidebar-filters-rma .autocomplete-flex-cont .reset i,
.my-sidebar-filters-rma .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.my-sidebar-filters-rma .autocomplete-flex-cont .reset:hover,
.my-sidebar-filters-rma .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.my-sidebar-filters-rma .autocomplete-flex-cont .reset:hover i,
.my-sidebar-filters-rma .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.my-sidebar-filters-rma .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.my-sidebar-filters-rma .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.my-sidebar-filters-rma .group .title {
  color: #b1b0c9;
}
.my-sidebar-filters-rma .group .title .button {
  position: relative;
  cursor: pointer;
  margin: 0 0.3em;
  color: #b1b0c9;
  border-radius: 5px;
  border: 1px solid #b1b0c9;
  padding: 0.3em 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  z-index: 0;
  overflow: hidden;
  transition: border linear 200ms;
}
.my-sidebar-filters-rma .group .title .button i {
  font-size: 1.2em;
  margin-right: 0.3em;
}
.my-sidebar-filters-rma .group .title .button:before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #e8e8e8;
  transition: width linear 200ms;
  z-index: -1;
}
.my-sidebar-filters-rma .group .title .button:hover {
  border: 1px solid #e8e8e8;
}
.my-sidebar-filters-rma .group .title .button:hover:before {
  width: 100%;
}
.my-sidebar-filters-rma .group .checkbox-containers {
  padding-left: 35px;
}
.my-sidebar-filters-rma .group .child {
  margin-top: 1em;
}
.my-sidebar-filters-rma .group .child responsibility-material {
  width: 100%;
}
.my-sidebar-filters-rma .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.my-sidebar-filters-rma .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.my-sidebar-filters-rma .group .radio-kit {
  padding: 0;
}
.my-sidebar-filters-rma .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem:hover,
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem:hover:before,
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.my-sidebar-filters-rma .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.my-sidebar-filters-rma .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-sidebar-filters-rma .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.my-sidebar-filters-rma .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.my-sidebar-filters-rma .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.my-sidebar-filters-rma .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.my-sidebar-filters-rma .group_dropdown .child {
  margin-top: 0;
}
.my-sidebar-filters-rma .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.my-sidebar-filters-rma .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.my-sidebar-filters-rma .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-rma .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-rma .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.my-sidebar-filters-rma .special.group_mobility .child {
  margin-top: 0;
}
.my-sidebar-filters-rma .special.group_mobility .mobility {
  padding: 0;
}
.my-sidebar-filters-rma .special.group_mobility .mobility .hlistMobilitySelected li {
  float: initial;
  padding-top: 0;
  margin-bottom: 1.5em;
  padding-right: 0;
}
.my-sidebar-filters-rma .special.group_mobility .mobility .hlistMobilitySelected li span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-rma .special.group_mobility .mobility .hlistMobilitySelected li span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-rma .special.group_mobility .mobility .hlistMobilitySelected li span:after:hover {
  color: white;
}
.my-sidebar-filters-rma .special.group_mobility .mobility .hlistMobilitySelected li .pictoMoins {
  display: none;
}
.my-sidebar-filters-rma .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.my-sidebar-filters-rma .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-sidebar-filters-rma .group_input .child input::placeholder {
  color: #C1CCD3;
}
.my-sidebar-filters-rma .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.my-sidebar-filters-rma .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.my-sidebar-filters-rma .group_date .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-sidebar-filters-rma .group_date .reset {
  margin-right: 2px;
}
.my-sidebar-filters-rma .group_date .date label {
  font-size: 0.9em;
}
.custom-md-sidenav-top {
  left: 0;
  top: -100vh;
  transform: translateY(100vh) translateX(0px);
}
.custom-md-sidenav-top.md-closed {
  left: 0;
  transform: translateY(0px) translateX(0px);
}
.resize-md-sidenav-mobile {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
#sideNavPanel .filter-sidenav-desktop {
  height: calc(100vh - 99px);
}
.my-sidebar-filters-rma {
  margin-top: 1em;
}
.my-sidebar-filters-rma md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-rma md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-rma md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-rma md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-rma .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
.my-sidebar-filters-rma .searchbar-disable {
  opacity: 0.4;
}
.my-sidebar-filters-rma .searchbar-container {
  position: relative;
}
.my-sidebar-filters-rma .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
.my-sidebar-filters-rma .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
.my-sidebar-filters-rma .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
.my-sidebar-filters-rma .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
.my-sidebar-filters-rma .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
.my-sidebar-filters-rma .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
.my-sidebar-filters-rma .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
.my-sidebar-filters-rma .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.my-sidebar-filters-rma .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
.my-sidebar-filters-rma .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  .my-sidebar-filters-rma .autocomplete-mobile {
    width: 190px !important;
  }
  .my-sidebar-filters-rma .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.my-sidebar-filters-rma .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  align-items: center;
}
.my-sidebar-filters-rma .autocomplete-flex-cont .reset,
.my-sidebar-filters-rma .group_date .reset {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.my-sidebar-filters-rma .autocomplete-flex-cont .reset i,
.my-sidebar-filters-rma .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.my-sidebar-filters-rma .autocomplete-flex-cont .reset:hover,
.my-sidebar-filters-rma .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.my-sidebar-filters-rma .autocomplete-flex-cont .reset:hover i,
.my-sidebar-filters-rma .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.my-sidebar-filters-rma .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.my-sidebar-filters-rma .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.my-sidebar-filters-rma .group .title {
  color: #b1b0c9;
}
.my-sidebar-filters-rma .group .title .button {
  position: relative;
  cursor: pointer;
  margin: 0 0.3em;
  color: #b1b0c9;
  border-radius: 5px;
  border: 1px solid #b1b0c9;
  padding: 0.3em 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  z-index: 0;
  overflow: hidden;
  transition: border linear 200ms;
}
.my-sidebar-filters-rma .group .title .button i {
  font-size: 1.2em;
  margin-right: 0.3em;
}
.my-sidebar-filters-rma .group .title .button:before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #e8e8e8;
  transition: width linear 200ms;
  z-index: -1;
}
.my-sidebar-filters-rma .group .title .button:hover {
  border: 1px solid #e8e8e8;
}
.my-sidebar-filters-rma .group .title .button:hover:before {
  width: 100%;
}
.my-sidebar-filters-rma .group .checkbox-containers {
  padding-left: 35px;
}
.my-sidebar-filters-rma .group .child {
  margin-top: 1em;
}
.my-sidebar-filters-rma .group .child responsibility-material {
  width: 100%;
}
.my-sidebar-filters-rma .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.my-sidebar-filters-rma .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.my-sidebar-filters-rma .group .radio-kit {
  padding: 0;
}
.my-sidebar-filters-rma .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem:hover,
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem:hover:before,
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.my-sidebar-filters-rma .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.my-sidebar-filters-rma .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.my-sidebar-filters-rma .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-sidebar-filters-rma .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.my-sidebar-filters-rma .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.my-sidebar-filters-rma .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.my-sidebar-filters-rma .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.my-sidebar-filters-rma .group_dropdown .child {
  margin-top: 0;
}
.my-sidebar-filters-rma .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.my-sidebar-filters-rma .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.my-sidebar-filters-rma .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-rma .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-rma .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.my-sidebar-filters-rma .special.group_mobility .child {
  margin-top: 0;
}
.my-sidebar-filters-rma .special.group_mobility .mobility {
  padding: 0;
}
.my-sidebar-filters-rma .special.group_mobility .mobility .hlistMobilitySelected li {
  float: initial;
  padding-top: 0;
  margin-bottom: 1.5em;
  padding-right: 0;
}
.my-sidebar-filters-rma .special.group_mobility .mobility .hlistMobilitySelected li span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-rma .special.group_mobility .mobility .hlistMobilitySelected li span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-rma .special.group_mobility .mobility .hlistMobilitySelected li span:after:hover {
  color: white;
}
.my-sidebar-filters-rma .special.group_mobility .mobility .hlistMobilitySelected li .pictoMoins {
  display: none;
}
.my-sidebar-filters-rma .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.my-sidebar-filters-rma .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-sidebar-filters-rma .group_input .child input::placeholder {
  color: #C1CCD3;
}
.my-sidebar-filters-rma .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.my-sidebar-filters-rma .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.my-sidebar-filters-rma .group_date .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-sidebar-filters-rma .group_date .reset {
  margin-right: 2px;
}
.my-sidebar-filters-rma .group_date .date label {
  font-size: 0.9em;
}
.custom-md-sidenav-top {
  left: 0;
  top: -100vh;
  transform: translateY(100vh) translateX(0px);
}
.custom-md-sidenav-top.md-closed {
  left: 0;
  transform: translateY(0px) translateX(0px);
}
.resize-md-sidenav-mobile {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.RmaDesktop {
  height: calc(100vh - 98px);
}
.rma-container .rma-head {
  display: flex;
  width: 100%;
}
.rma-container .rma-component {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: calc(100vh - 176px);
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  overflow-y: scroll;
  padding-bottom: 80px;
}
.RmaMobile.rma-container {
  /*.autocomplete-flex-cont {
            display: flex;
            align-items: center;
            padding-right: 100px;
            padding-left: 10px;
        }*/
}
.RmaMobile.rma-container .rma-component {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.RmaMobile.rma-container .rma-head {
  /*padding-right: 70px;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px 0px 0px 0px;
  position: sticky;
  box-shadow: 0px 4px 5px 0px #e8e8e8;
}
.RmaMobile.rma-container .underNavbar {
  height: auto;
  padding: 0px 10px;
}
.RmaMobile.rma-container ul {
  margin-bottom: 0;
  padding: 0;
  flex: auto;
  margin-top: 10px;
}
.RmaMobile.rma-container ul li {
  width: 50%;
}
.RmaMobile.rma-container ul .titles {
  padding: 20px;
}
.RmaMobile.rma-container .searchbar-container {
  position: relative;
}
.RmaMobile.rma-container .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
.RmaMobile.rma-container .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
.RmaMobile.rma-container .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
.RmaMobile.rma-container .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
.RmaMobile.rma-container .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
.RmaMobile.rma-container .autocomplete.autocomplete-mobile {
  /*width: 200px;*/
  width: auto;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
.RmaMobile.rma-container .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
.RmaMobile.rma-container .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.RmaMobile.rma-container .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
.RmaMobile.rma-container .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.RmaMobile.rma-container .search-bar-container {
  width: 100%;
  padding-right: 100px;
  padding-left: 10px;
}
.RmaMobile.rma-container .search-bar-container .autocomplete-mobile {
  width: auto;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.rma-detail-container {
  background-color: #E7EFF1;
}
@media screen and (max-width: 992px) {
  .rma-detail-container {
    height: 100vh !important;
  }
  .rma-detail-container::-webkit-scrollbar {
    display: none;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.rma-delegation-component {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: 100%;
  padding: 30px 20px;
}
.rma-delegation-component .delegations {
  position: relative;
  background-color: white;
  padding: 10px 20px 20px 20px;
}
.rma-delegation-component .delegations h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
}
.rma-delegation-component .radio-delegation {
  padding-left: 20px;
  padding-top: 10px;
}
.rma-delegation-component .button-styles {
  display: flex;
  justify-content: flex-end;
  margin-top: 55px;
  width: 100%;
  padding-right: 33px;
}
.rma-delegation-component .my-staff {
  width: 55%;
}
.rma-delegation-component .activated {
  color: #00C853;
  padding-left: 24px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 16px;
}
.rma-delegation-component .disable {
  color: #FF9800;
  padding-left: 24px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 16px;
}
.rma-delegation-component .dates-container {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  padding-left: 20px;
  padding-right: 20px;
}
.rma-delegation-component .my-dates {
  display: flex;
  justify-content: space-evenly;
  width: 45%;
}
.rma-delegation-component .my-dates .child {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 375px) {
  .rma-delegation-component .my-dates .child {
    flex-direction: column;
    width: 100%;
  }
}
.rma-delegation-component .my-dates .date {
  width: 100%;
  margin: 2px 20px;
}
.rma-delegation-mobile .my-staff {
  width: 100%;
  margin-bottom: 20px;
}
.rma-delegation-mobile .my-dates {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}
.rma-delegation-mobile .my-dates .child {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 375px) {
  .rma-delegation-mobile .my-dates .child {
    flex-direction: column;
    width: 100%;
  }
}
.rma-delegation-mobile .my-dates .date {
  width: 100%;
  margin: 2px 20px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.exports-container {
  display: flex;
  justify-content: space-around;
  padding-bottom: 150px;
}
.exports-container .export-pay-wrapper {
  padding: 10px;
  background-color: white;
  width: 1000px;
  height: 250px;
}
.exports-container .export-pay-wrapper .border-title {
  border-bottom: 1px solid #48CDE0;
  color: #48CDE0;
  margin-bottom: 22px;
  margin-left: 20px;
  margin-right: 20px;
}
.exports-container .export-pay-wrapper .month-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}
.exports-container .export-pay-wrapper .month-container .select-month {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.exports-container .export-pay-wrapper .month-container .select-month label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0px;
}
.exports-container .export-pay-wrapper .month-container .select-month .position-select {
  margin: 0px;
  width: 140px;
  margin-left: 20px;
}
.exports-container .export-pay-wrapper .month-container .select-month .position-select span {
  color: #464680;
}
.exports-container .export-pay-wrapper .month-container .select-month .position-select span:hover {
  color: #464680;
}
.exports-container .export-pay-wrapper .month-container .newlyValidatedRMA {
  flex: 3;
  border: 1px solid #ddd;
  padding: 2px 0px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  margin-right: 30px;
}
.exports-container .export-pay-wrapper .month-container .newlyValidatedRMA p {
  padding: 4px 0;
}
.exports-container .export-pay-wrapper .month-container .newlyValidatedRMA span {
  color: grey;
}
.exports-container .export-pay-wrapper .month-container .newlyValidatedOldRMA {
  flex: 4;
  border: 1px solid #ddd;
  padding: 2px 0px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
}
.exports-container .export-pay-wrapper .month-container .newlyValidatedOldRMA p {
  padding: 4px 0;
}
.exports-container .export-pay-wrapper .month-container .newlyValidatedOldRMA span {
  color: grey;
}
.exports-container .export-pay-wrapper .button-style {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
  padding-bottom: 20px;
}
.exports-container .export-pay-wrapper .button-style .add-action-system-btn {
  width: 250px;
}
.list-export-pay {
  width: 30%;
  min-height: 200px;
  padding-top: 11px;
}
.list-export-pay .export-list-pay-wrapper .border-title {
  border-bottom: 1px solid #48CDE0;
  color: #48CDE0;
}
.list-export-pay .export-list-pay-wrapper .file-export {
  padding-top: 25px;
}
.list-export-pay .export-list-pay-wrapper .file-export .exported-date {
  font-size: 16px;
  font-weight: bold;
}
.list-export-pay .export-list-pay-wrapper .file-export .creator-export {
  padding-bottom: 15px;
  padding-top: 5px;
}
.list-export-pay .export-list-pay-wrapper .file-export .file-creator {
  display: flex;
  width: 100%;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: left;
  padding-top: 15px;
  padding-left: 15px;
  background-color: white;
}
.list-export-pay .export-list-pay-wrapper .file-export .file-creator .i-folder-file {
  font-size: 20px;
}
.list-export-pay .export-list-pay-wrapper .file-export .file-creator .i-files {
  font-size: 20px;
}
.list-export-pay .export-list-pay-wrapper .file-export .file-creator .file-name {
  padding-left: 5px;
}
.list-export-pay .export-list-pay-wrapper .file-export .file-creator .visible-file {
  margin-left: auto;
  padding-right: 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
search-collab-vacation md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
search-collab-vacation md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
search-collab-vacation md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
search-collab-vacation md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
search-collab-vacation .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
search-collab-vacation .searchbar-disable {
  opacity: 0.4;
}
search-collab-vacation .searchbar-container {
  position: relative;
}
search-collab-vacation .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
search-collab-vacation .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
search-collab-vacation .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
search-collab-vacation .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
search-collab-vacation .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
search-collab-vacation .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
search-collab-vacation .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
search-collab-vacation .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
search-collab-vacation .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
search-collab-vacation .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  search-collab-vacation .autocomplete-mobile {
    width: 190px !important;
  }
  search-collab-vacation .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  padding: 0;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li div {
  padding-left: 10px;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-group {
  background-image: linear-gradient(to right, #e9f7f9, #feffff);
  color: #a9aeae;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  /*margin: 5px 0px 5px 0px;*/
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-group .item-extension {
  font-style: italic;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li:hover .item-group,
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li.selected .item-group {
  color: #464680;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-value {
  color: #464680;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-value .highlight {
  font-family: "Heebo-Bold", Helvetica, Arial, sans-serif;
  color: #464680;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
rma-validation .validation-header {
  background-color: #ebf8fa;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 5px;
  align-items: center;
}
rma-validation .validation-header .maj {
  text-transform: capitalize;
}
rma-validation .validation-header span {
  vertical-align: middle;
  line-height: 22px;
  color: #656f71;
}
rma-validation .validation-header span.material-icons {
  font-size: 22px;
}
rma-validation .validation-header i {
  vertical-align: middle;
  font-size: 22px;
}
rma-validation .validation-header i.warning {
  color: #ff9800;
}
rma-validation .validation-header md-input-container {
  margin: 0px;
  padding: 0px;
  width: auto;
}
rma-validation .validation-header md-input-container md-select {
  height: 26px;
}
rma-validation .validation-header md-input-container md-select .md-select-value {
  padding: 0px;
  border: none;
}
rma-validation .validation-header md-input-container md-select .md-select-value .md-select-icon {
  color: #464680;
  width: 12px;
}
rma-validation .validation-sub-header {
  background-color: white;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 2;
  padding: 10px 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
rma-validation .validation-sub-header .tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 150px;
  background-color: black;
  border-radius: 5px;
  color: white;
  position: relative;
  overflow: hidden;
  margin: 0 10px;
}
rma-validation .validation-sub-header .tab .value {
  margin-top: 5px;
  font-size: 20pt;
  font-weight: 500;
  line-height: 20pt;
}
rma-validation .validation-sub-header .tab .title {
  margin-bottom: 2px;
}
rma-validation .validation-sub-header .tab .icon {
  position: absolute;
  font-size: 54px;
  top: -20px;
  left: -6px;
  color: rgba(255, 255, 255, 0.25);
}
rma-validation .validation-sub-header .tab.danger {
  background-image: linear-gradient(282deg, #ff7590, #ff8ea4);
}
rma-validation .validation-sub-header .tab.success {
  background-image: linear-gradient(to right, #66de98, #82e4ab);
}
rma-validation .validation-sub-header .tab.warning {
  background-image: linear-gradient(to right, #ffc267, #ffcd82);
}
rma-validation .validation-sub-header .tab.info {
  background-image: linear-gradient(to right, #9191b4, #a5a4c1);
}
rma-validation .validation-container {
  background-color: white;
}
rma-validation .validation-container table {
  width: 100%;
}
rma-validation .validation-container table .first {
  padding-left: 2%;
}
rma-validation .validation-container table .freelance {
  width: 40px;
  height: 62px;
  border-radius: 0 0 3px 3px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
  background-color: #464680;
  color: white;
}
rma-validation .validation-container table .freelance .signet-icon {
  font-size: 21px;
  text-align: center;
  margin: 0;
  position: relative;
  top: 42%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
}
rma-validation .validation-container table .freelance .freelance-pepite {
  margin: 0;
  position: relative;
  bottom: 0;
  width: 100%;
  height: 16px;
  text-align: center;
  background-color: #464680;
  color: white;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: 300;
  letter-spacing: -0.2px;
  padding-top: 4px;
  border-radius: 0 0 3px 3px;
}
rma-validation .validation-container table .last {
  padding-right: 2%;
}
rma-validation .validation-container table thead tr {
  border-bottom: 1px solid #656f71;
}
rma-validation .validation-container table thead tr th {
  color: #656f71;
  font-weight: lighter;
  padding: 10px 0px;
}
rma-validation .validation-container table thead tr th i {
  color: #b9bebe;
  vertical-align: middle;
}
rma-validation .validation-container table thead tr th i:hover {
  color: #464580;
}
rma-validation .validation-container table thead tr th button {
  padding: 7.5px 15px;
  height: auto;
  font-weight: bolder;
  width: 100%;
  justify-content: center;
}
rma-validation .validation-container table tbody tr:nth-child(even) {
  background-color: #f8f8f8;
}
rma-validation .validation-container table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
rma-validation .validation-container table tbody tr {
  border-bottom: 1px solid #ebecec;
}
rma-validation .validation-container table tbody tr .total-day {
  background-color: #cdeff4;
  border-radius: 5px;
  padding: 5px 15px;
  padding-top: 7.5px;
  font-size: 9pt;
  vertical-align: middle;
}
rma-validation .validation-container table tbody tr .total-day .value {
  font-size: 12pt;
  font-weight: bold;
  margin-right: 2px;
  vertical-align: bottom;
}
rma-validation .validation-container table tbody tr .collaborator {
  font-weight: bold;
}
rma-validation .validation-container table tbody tr td > .icon {
  background-color: black;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  border-radius: 0px 0px 5px 5px;
}
rma-validation .validation-container table tbody tr td > .icon span {
  margin: 8px 4px;
  margin-top: 15px;
  font-size: 24px;
  color: white;
  width: 24px;
}
rma-validation .validation-container table tbody tr td > .icon.danger {
  background-color: #FF1744;
}
rma-validation .validation-container table tbody tr td > .icon.warning {
  background-color: #FF9800;
}
rma-validation .validation-container table tbody tr td > .icon.success {
  background-color: #00C853;
}
rma-validation .validation-container table tbody tr td > .icon.info {
  background-color: #464580;
}
rma-validation .validation-container table tbody tr .nav {
  display: flex;
}
rma-validation .validation-container table tbody tr .nav span {
  color: #b9bebe;
  font-size: 24px;
}
rma-validation .validation-container table tbody tr .nav span:hover {
  color: #464580;
}
rma-validation .validation-container table tbody tr .nav .start {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
}
rma-validation .validation-container table tbody tr .nav .end {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
rma-validation .validation-container-mobil {
  height: calc(100vh - 225px);
  overflow-y: scroll;
}
rma-validation .validation-container-mobil .first {
  position: absolute;
  top: 0;
  left: 0px;
  padding-left: 3%;
}
rma-validation .validation-container-mobil .first .icon {
  padding-top: 4px;
  padding-bottom: 4px;
}
rma-validation .validation-container-mobil tr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 15px 10px;
}
rma-validation .validation-container-mobil .center-data {
  margin-left: 15%;
}
rma-validation .validation-container-mobil .collaborator {
  padding-bottom: 5px;
}
rma-validation .validation-container-mobil .value {
  background: #CDEFF4;
  border-radius: 10%;
  padding: 4px 15px;
}
rma-validation .validation-container-mobil .worked-days {
  font-weight: bold;
  font-size: 16px;
}
rma-validation .validation-container-mobil .last .end a .eye-icon {
  font-size: 36px;
}
rma-validation .validation-container-mobil .campaign-icon {
  font-size: 36px !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.rma-manager-mobile-container .header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  background-color: white;
  padding: 25px 25px 15px;
  box-shadow: 0px 0px 10px 0px grey;
  position: relative;
  z-index: 1;
}
.rma-manager-mobile-container .header .pos-left {
  display: flex;
}
.rma-manager-mobile-container .header .pos-left .arrow {
  margin-right: 10px;
  margin-left: -10px;
  font-size: 20px;
}
.rma-manager-mobile-container .header .pos-left .arrow .icon-fleche {
  font-size: 20px;
}
.rma-manager-mobile-container .header .pos-left .collab-name {
  font-size: 20px;
}
.rma-manager-mobile-container .header .pos-right {
  display: flex;
  align-items: center;
  font-size: 20px;
}
.rma-manager-mobile-container .header .pos-right .campaign-icon {
  font-size: 30px;
  color: #464680;
}
.rma-manager-mobile-container .header .pos-right .edit {
  font-size: 25px;
  color: #464680;
  background: none;
  border: none;
}
.rma-manager-mobile-container .subHeader {
  background-color: white;
  display: flex;
  padding-bottom: 10px;
  margin-bottom: 15px;
  z-index: 2;
}
.rma-manager-mobile-container .subHeader .rma-status {
  position: relative;
  height: 100%;
  display: flex;
  flex: auto;
  padding-left: 20px;
}
.rma-manager-mobile-container .subHeader .rma-status .flag {
  height: 55px;
  width: 35px;
  border-radius: 0 0 5px 5px;
  top: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
}
.rma-manager-mobile-container .subHeader .rma-status .flag span {
  font-weight: bold;
  margin-left: 10px;
}
.rma-manager-mobile-container .subHeader .rma-status .flag.in-process {
  background-color: #48cde0;
}
.rma-manager-mobile-container .subHeader .rma-status .flag.awaiting-validation {
  background-color: #FF9700;
}
.rma-manager-mobile-container .subHeader .rma-status .flag.validated {
  background-color: #00C853;
}
.rma-manager-mobile-container .subHeader .rma-status .flag i {
  font-size: 25px;
  margin-right: 20px;
  color: #ffffff;
}
.rma-manager-mobile-container .subHeader .rma-status .manager-status {
  display: flex;
  align-items: center;
  padding-top: 15px;
  font-weight: bold;
  margin-left: 15px;
  font-size: 16px;
}
.rma-manager-mobile-container .subHeader .rma-status .status {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 15px;
  font-size: 16px;
  font-weight: 600;
  margin-right: 170px;
}
.rma-manager-mobile-container .subHeader .rma-status .status i {
  font-size: 20px;
  margin-left: 70px;
  margin-right: 70px;
  color: #b9bebe;
}
.rma-manager-mobile-container .subHeader .rma-status .status i.active {
  color: #464584;
}
.rma-manager-mobile-container .subHeader .progression-days {
  padding-right: 20px;
  padding-top: 15px;
}
.rma-manager-mobile-container .subHeader .declared-days {
  width: 100px;
  background-color: #CDEFF4;
  text-align: center;
  padding: 7px 10px;
  color: #464680;
  border-radius: 6px;
}
.rma-manager-mobile-container .subHeader .declared-days span {
  font-size: 13px;
}
.rma-manager-mobile-container .subHeader .declared-days span:first-child {
  font-weight: bold;
  font-size: 18px;
}
.rma-manager-mobile-container .workflow-manager {
  position: relative;
  z-index: 9999;
  text-align: center;
  background-color: white;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.rma-manager-mobile-container .workflow-manager ul {
  list-style: none;
  padding: 15px;
  margin: 0;
  display: flex;
  padding-right: 10px;
  align-items: baseline;
}
.rma-manager-mobile-container .workflow-manager ul li {
  width: 74px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.rma-manager-mobile-container .workflow-manager ul li .actor-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rma-manager-mobile-container .workflow-manager ul li .actor-wrapper .circle {
  width: 25px;
  background: #ADC3D6;
  position: relative;
  display: block;
  height: 25px;
  border-radius: 100px;
  border: 3px solid #ADC3D6;
}
.rma-manager-mobile-container .workflow-manager ul li .actor-wrapper .circle.current {
  background: #ffffff;
  border: 3px solid #ADC3D6;
}
.rma-manager-mobile-container .workflow-manager ul li .actor-wrapper .circle.has-declared {
  background: #00C853;
  border: 3px solid #00C853;
}
.rma-manager-mobile-container .workflow-manager ul li .actor-wrapper .circle.has-validated {
  background: #00C853;
  border: 3px solid #00C853;
}
.rma-manager-mobile-container .workflow-manager ul li .actor-wrapper .circle.has-validated:before {
  background: #ADC3D6;
}
.rma-manager-mobile-container .workflow-manager ul li .actor-wrapper .circle.next-validator:before {
  background: #ADC3D6;
}
.rma-manager-mobile-container .workflow-manager ul li .actor-wrapper .circle.first-two-validated:before {
  background: #00C853;
}
.rma-manager-mobile-container .workflow-manager ul li .actor-wrapper .circle:before {
  content: '';
  width: 60px;
  height: 2px;
  background: #ADC3D6;
  display: block;
  position: absolute;
  top: 9px;
  left: 15px;
  z-index: -1;
}
.rma-manager-mobile-container .workflow-manager ul li .actor-wrapper .name-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 7px;
}
.rma-manager-mobile-container .workflow-manager ul li .actor-wrapper .name-wrapper .name {
  font-weight: 400;
  font-size: 13px;
  text-transform: capitalize;
}
.rma-manager-mobile-container .workflow-manager ul li .actor-wrapper .name-wrapper .validation-status {
  font-weight: 400;
  font-size: 11px;
  color: #c5c5c5;
}
.rma-manager-mobile-container .workflow-manager ul li:last-child .circle:before {
  content: none;
}
.rma-manager-mobile-container .workflow-manager .workflow-dropdown {
  font-size: 30px;
  color: #b9bebe;
  padding-right: 20px;
  margin-top: 12px;
}
.rma-manager-mobile-container .scroll-activities {
  height: calc(100vh - 450px);
  overflow-y: scroll;
}
.rma-manager-mobile-container .scroll-activities .myActivity {
  background-color: white;
  width: auto;
  height: auto;
  margin-bottom: 20px;
}
.rma-manager-mobile-container .scroll-activities .myActivity .border-activity {
  border-bottom: 1px solid #b9bebe;
  position: relative;
}
.rma-manager-mobile-container .scroll-activities .myActivity .border-activity .pos-comment-and-delete .comment-manager {
  transform: scaleX(-1);
  color: #464584;
  position: absolute;
  top: 22px;
  left: 10px;
  font-size: 18px;
}
.rma-manager-mobile-container .scroll-activities .myActivity .border-activity .pos-comment-and-delete .comment-manager:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #F60039;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: -2px;
}
.rma-manager-mobile-container .scroll-activities .myActivity .border-activity .pos-comment-and-delete .delete {
  font-size: 20px;
  position: absolute;
  margin-top: 40px;
  margin-left: 10px;
  color: #9DBACE;
}
.rma-manager-mobile-container .scroll-activities .myActivity .activity-name {
  position: relative;
  text-align: left;
  margin-left: 35px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.rma-manager-mobile-container .scroll-activities .myActivity .activity-name .submit-weeks {
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 40px;
  margin-top: 22px;
  margin-right: 10px;
}
.rma-manager-mobile-container .scroll-activities .myActivity .activity-name .comment-bubble {
  width: 200px;
  background: white;
  padding: 15px;
  border: 1px solid rgba(70, 69, 132, 0.4);
  border-radius: 8px;
  font-size: 12px;
  position: absolute;
  top: 20px;
  left: 0px;
  display: block;
  word-break: break-word;
  text-align: center;
  z-index: 9999;
}
.rma-manager-mobile-container .scroll-activities .myActivity .activity-name .comment-manager {
  transform: scaleX(-1);
  color: #464584;
  position: absolute;
  top: 8px;
  left: 5px;
  font-size: 18px;
}
.rma-manager-mobile-container .scroll-activities .myActivity .activity-name .activity-client {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  color: #959292;
  white-space: nowrap;
  max-width: 230px;
  font-size: 12px;
  line-height: 22px;
}
.rma-manager-mobile-container .scroll-activities .myActivity .activity-name .activity-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
  font-size: 16px;
  overflow: hidden;
  display: block;
  color: #464584;
}
.rma-manager-mobile-container .scroll-activities .myActivity .activity-name .declared-activity {
  position: absolute;
  right: 55px;
  margin-top: -40px;
  width: 70px;
  background-color: #CDEFF4;
  text-align: center;
  padding: 7px 10px;
  color: #464680;
  border-radius: 6px;
  font-weight: bold;
}
.rma-manager-mobile-container .scroll-activities .pos-button {
  padding-left: 5px;
}
.rma-manager-mobile-container .scroll-activities .pos-button .add-activities-mobile {
  background-color: #48CDE0;
  width: calc(100% - 20px);
}
.rma-manager-mobile-container .pos2-button {
  background-color: white;
  height: 120px;
  margin-top: 26px;
  border-top: 1px solid #b9bebe;
  z-index: 3;
  position: relative;
  box-shadow: 0px 0px 10px 0px grey;
}
.rma-manager-mobile-container .pos2-button .footer {
  display: flex;
  justify-content: flex-start;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 20px;
}
.rma-manager-mobile-container .pos2-button .footer .accept-the-input-of-days-off.forSwitch {
  display: flex;
  align-items: center;
}
.rma-manager-mobile-container .pos2-button .footer .accept-the-input-of-days-off.forSwitch .switch-kit {
  margin-right: 10px;
}
.rma-manager-mobile-container .pos2-button button {
  width: 40%;
}
.rma-manager-mobile-container .pos2-button .pos3-button {
  display: flex;
  justify-content: space-around;
}
.rma-manager-mobile-container .pos2-button .pos3-button.cant-go-to-next {
  display: flex;
  justify-content: space-around;
  padding-right: 50px;
  margin-top: 40px;
  margin-left: 40px;
}
#sideNavPanel .filter-sidenav-desktop {
  height: calc(100vh - 99px);
}
.my-sidebar-filters-collabs {
  margin-top: 1em;
}
.my-sidebar-filters-collabs .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  align-items: center;
}
.my-sidebar-filters-collabs .autocomplete-flex-cont .reset {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.my-sidebar-filters-collabs .autocomplete-flex-cont .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.my-sidebar-filters-collabs .autocomplete-flex-cont .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.my-sidebar-filters-collabs .autocomplete-flex-cont .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.my-sidebar-filters-collabs .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.custom-md-sidenav-top {
  left: 0;
  top: -100vh;
  transform: translateY(100vh) translateX(0px);
}
.custom-md-sidenav-top.md-closed {
  left: 0;
  transform: translateY(0px) translateX(0px);
}
.resize-md-sidenav-mobile {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
#sideNavPanel .filter-sidenav-desktop {
  height: calc(100vh - 99px);
}
.my-sidebar-filters-vacations {
  margin-top: 1em;
}
.my-sidebar-filters-vacations md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-vacations md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-vacations md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-vacations md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-vacations .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
.my-sidebar-filters-vacations .searchbar-disable {
  opacity: 0.4;
}
.my-sidebar-filters-vacations .searchbar-container {
  position: relative;
}
.my-sidebar-filters-vacations .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
.my-sidebar-filters-vacations .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
.my-sidebar-filters-vacations .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
.my-sidebar-filters-vacations .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
.my-sidebar-filters-vacations .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
.my-sidebar-filters-vacations .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
.my-sidebar-filters-vacations .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
.my-sidebar-filters-vacations .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.my-sidebar-filters-vacations .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
.my-sidebar-filters-vacations .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  .my-sidebar-filters-vacations .autocomplete-mobile {
    width: 190px !important;
  }
  .my-sidebar-filters-vacations .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.my-sidebar-filters-vacations .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  align-items: center;
}
.my-sidebar-filters-vacations .autocomplete-flex-cont .reset,
.my-sidebar-filters-vacations .group_date .reset {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.my-sidebar-filters-vacations .autocomplete-flex-cont .reset i,
.my-sidebar-filters-vacations .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.my-sidebar-filters-vacations .autocomplete-flex-cont .reset:hover,
.my-sidebar-filters-vacations .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.my-sidebar-filters-vacations .autocomplete-flex-cont .reset:hover i,
.my-sidebar-filters-vacations .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.my-sidebar-filters-vacations .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.my-sidebar-filters-vacations .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.my-sidebar-filters-vacations .group .title {
  color: #b1b0c9;
}
.my-sidebar-filters-vacations .group .title .button {
  position: relative;
  cursor: pointer;
  margin: 0 0.3em;
  color: #b1b0c9;
  border-radius: 5px;
  border: 1px solid #b1b0c9;
  padding: 0.3em 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  z-index: 0;
  overflow: hidden;
  transition: border linear 200ms;
}
.my-sidebar-filters-vacations .group .title .button i {
  font-size: 1.2em;
  margin-right: 0.3em;
}
.my-sidebar-filters-vacations .group .title .button:before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #e8e8e8;
  transition: width linear 200ms;
  z-index: -1;
}
.my-sidebar-filters-vacations .group .title .button:hover {
  border: 1px solid #e8e8e8;
}
.my-sidebar-filters-vacations .group .title .button:hover:before {
  width: 100%;
}
.my-sidebar-filters-vacations .group .checkbox-containers {
  padding-left: 35px;
}
.my-sidebar-filters-vacations .group .child {
  margin-top: 1em;
}
.my-sidebar-filters-vacations .group .child responsibility-material {
  width: 100%;
}
.my-sidebar-filters-vacations .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.my-sidebar-filters-vacations .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.my-sidebar-filters-vacations .group .radio-kit {
  padding: 0;
}
.my-sidebar-filters-vacations .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.my-sidebar-filters-vacations .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.my-sidebar-filters-vacations .group_checkbox .toggler_cont .elem:hover,
.my-sidebar-filters-vacations .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.my-sidebar-filters-vacations .group_checkbox .toggler_cont .elem:hover:before,
.my-sidebar-filters-vacations .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.my-sidebar-filters-vacations .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.my-sidebar-filters-vacations .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.my-sidebar-filters-vacations .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.my-sidebar-filters-vacations .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.my-sidebar-filters-vacations .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-sidebar-filters-vacations .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.my-sidebar-filters-vacations .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.my-sidebar-filters-vacations .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.my-sidebar-filters-vacations .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.my-sidebar-filters-vacations .group_dropdown .child {
  margin-top: 0;
}
.my-sidebar-filters-vacations .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.my-sidebar-filters-vacations .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.my-sidebar-filters-vacations .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-vacations .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-vacations .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.my-sidebar-filters-vacations .special.group_mobility .child {
  margin-top: 0;
}
.my-sidebar-filters-vacations .special.group_mobility .mobility {
  padding: 0;
}
.my-sidebar-filters-vacations .special.group_mobility .mobility .hlistMobilitySelected li {
  float: initial;
  padding-top: 0;
  margin-bottom: 1.5em;
  padding-right: 0;
}
.my-sidebar-filters-vacations .special.group_mobility .mobility .hlistMobilitySelected li span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-vacations .special.group_mobility .mobility .hlistMobilitySelected li span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-vacations .special.group_mobility .mobility .hlistMobilitySelected li span:after:hover {
  color: white;
}
.my-sidebar-filters-vacations .special.group_mobility .mobility .hlistMobilitySelected li .pictoMoins {
  display: none;
}
.my-sidebar-filters-vacations .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.my-sidebar-filters-vacations .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-sidebar-filters-vacations .group_input .child input::placeholder {
  color: #C1CCD3;
}
.my-sidebar-filters-vacations .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.my-sidebar-filters-vacations .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.my-sidebar-filters-vacations .group_date .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-sidebar-filters-vacations .group_date .reset {
  margin-right: 2px;
}
.my-sidebar-filters-vacations .group_date .date label {
  font-size: 0.9em;
}
.custom-md-sidenav-top {
  left: 0;
  top: -100vh;
  transform: translateY(100vh) translateX(0px);
}
.custom-md-sidenav-top.md-closed {
  left: 0;
  transform: translateY(0px) translateX(0px);
}
.resize-md-sidenav-mobile {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.VacationsDesktop {
  height: calc(100vh - 178px);
}
.VacationsMobile {
  height: calc(100vh - 126px);
}
.VacationsMobile.Vacations .vacations-head {
  display: block;
}
.VacationsMobile.Vacations .vacations-components {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: 100%;
  padding-left: 10px;
  padding-right: 5px;
}
.VacationsMobile.Vacations .planing-components {
  width: 100%;
  background-color: white;
  height: 520px;
  padding-right: 20px;
  padding-left: 20px;
}
.VacationsMobile.Vacations .planing-components h4 {
  margin: auto;
  color: #48cde0;
  padding-top: 20px;
  padding-left: 20px;
  font-size: 24px;
}
.VacationsMobile.Vacations .button-styles-vacations {
  width: 233px;
  margin-left: 10px;
  margin-bottom: 23px;
}
@media screen and (max-width: 991px) {
  .VacationsMobile.Vacations .button-styles-vacations {
    width: 100%;
  }
  .VacationsMobile.Vacations .add-action-system-btn {
    margin-left: auto;
    margin-right: auto;
  }
}
.VacationsMobile.Vacations .request-for-leave {
  position: relative;
  background-color: white;
  padding: 10px 20px 20px 20px;
}
.VacationsMobile.Vacations .request-for-leave h2 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
}
.VacationsMobile.Vacations .request-for-leave th {
  color: #48cde0;
}
.VacationsMobile.Vacations .request-for-leave .tabs-styles {
  border-collapse: collapse;
  width: 100%;
  height: 100%;
  font-size: 8pt;
}
.VacationsMobile.Vacations .request-for-leave .tabs-styles thead,
.VacationsMobile.Vacations .request-for-leave .tabs-styles tr {
  border-bottom: 1px solid #48cde0;
}
.VacationsMobile.Vacations .request-for-leave .tabs-styles tr,
.VacationsMobile.Vacations .request-for-leave .tabs-styles th,
.VacationsMobile.Vacations .request-for-leave .tabs-styles td {
  padding: 6px 3px;
  height: 100%;
  text-align: center;
}
.VacationsMobile.Vacations .request-for-leave .tabs-styles .durationDays {
  padding-top: 9px;
}
.VacationsMobile.Vacations .request-for-leave .tabs-styles .details {
  font-size: 25px;
}
.VacationsMobile.Vacations .request-for-leave .tabs-styles td.detail i {
  font-size: 12px;
}
.VacationsMobile.Vacations .request-for-leave .tabs-styles td.thumbs {
  display: flex;
  align-items: center;
  padding-top: 14px;
}
.VacationsMobile.Vacations .request-for-leave .tabs-styles td.thumbs i {
  font-size: 12px !important;
}
.VacationsMobile.Vacations .request-for-leave .thumb-up {
  color: #28d149;
  cursor: default;
}
.VacationsMobile.Vacations .request-for-leave .thumb-down {
  color: #FF1744;
  cursor: default;
}
.VacationsMobile.Vacations .request-for-leave .pending-action {
  color: #FF9800;
}
.VacationsMobile.Vacations .request-for-leave .position-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  text-align: center;
}
.VacationsMobile.Vacations .request-for-leave .pending {
  color: #464680;
  cursor: pointer;
}
.VacationsMobile.Vacations .request-for-leave .pending.disabled {
  color: lightgray;
  cursor: default;
}
.VacationsMobile.Vacations .request-for-leave .assignment {
  color: #464680;
}
@media screen and (max-width: 450px) {
  .VacationsMobile.Vacations .request-for-leave .tabs-styles {
    font-size: 6pt;
  }
}
.VacationsMobile.Vacations .delegation-component {
  overflow-y: scroll;
}
.VacationsMobile.Vacations .delegation-component .delegations {
  width: 100%;
  background-color: white;
  margin-bottom: 150px;
}
.VacationsMobile.Vacations .delegation-component .button-styles {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.VacationsMobile.Vacations .delegation-component .my-staff {
  width: 100%;
  margin-bottom: 20px;
}
.VacationsMobile.Vacations .delegation-component .my-dates {
  display: flex;
  width: 100%;
}
.VacationsMobile.Vacations .delegation-component .my-dates .date {
  width: 100%;
  margin: 0 0 20px 0;
}
.VacationsMobile.Vacations .new-entry-container {
  overflow-y: scroll;
  margin-bottom: 175px;
}
.VacationsMobile.Vacations .new-entry-container .new-entry-wrapper .calculation-container {
  width: 100%;
}
.VacationsMobile.Vacations .new-entry-container .new-entry-wrapper .calculation-container .vacationCalc {
  margin: 0;
}
.VacationsMobile.Vacations .new-entry-container .new-entry-wrapper .select-container {
  margin: 0;
}
.VacationsMobile.Vacations .new-entry-container .new-entry-wrapper .validate-entry {
  position: relative;
  top: initial;
  bottom: initial;
  right: initial;
  margin-top: 25px;
}
.Vacations .vacations-components {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: 100%;
  padding: 30px 20px;
}
.Vacations .vacations-components .vacation-type-container md-select-value {
  padding: 5px 15px;
}
.Vacations .planing-components {
  width: 100%;
  background-color: #ffffff;
  height: 520px;
  padding-right: 20px;
  padding-left: 20px;
}
.Vacations .planing-components h4 {
  margin: auto;
  color: #48cde0;
  padding-top: 20px;
  padding-left: 20px;
  font-size: 24px;
}
.Vacations .vacations-head {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.Vacations .button-styles-vacations {
  width: 245px;
  margin: 20px;
}
.Vacations .credit-debit-tab {
  overflow-y: scroll;
  padding-bottom: 175px;
}
.Vacations .new-entry-container {
  margin-top: 20px;
}
.Vacations .new-entry-container .new-entry-wrapper {
  position: relative;
  min-height: 375px;
  background: #ffffff;
  padding: 10px 20px 20px 20px;
}
.Vacations .new-entry-container .new-entry-wrapper h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
}
.Vacations .new-entry-container .new-entry-wrapper .select-container {
  display: inline-flex;
  width: 48%;
  margin: 10px;
}
.Vacations .new-entry-container .new-entry-wrapper .select-container > md-select {
  width: 100%;
  height: 50px;
}
@media screen and (max-width: 1200px) {
  .Vacations .new-entry-container .new-entry-wrapper .select-container {
    width: 100%;
  }
}
.Vacations .new-entry-container .new-entry-wrapper .calculation-container {
  display: flex;
  width: 48%;
  margin-top: 25px;
}
.Vacations .new-entry-container .new-entry-wrapper .calculation-container .vacationCalc {
  margin: 0 10px;
}
.Vacations .new-entry-container .new-entry-wrapper .calculation-container .vacationCalc label {
  transform: translate3d(-4px, 26px, 0) scale(1);
}
.Vacations .new-entry-container .new-entry-wrapper .calculation-container .vacationCalc input {
  height: 50px;
  padding-top: 15px;
}
.Vacations .new-entry-container .new-entry-wrapper .calculation-container .no-disable {
  border-bottom-color: rgba(0, 0, 0, 0.12);
  background-image: none;
}
@media screen and (max-width: 1200px) {
  .Vacations .new-entry-container .new-entry-wrapper .calculation-container {
    flex-direction: column;
  }
}
.Vacations .new-entry-container .new-entry-wrapper .radios md-radio-button {
  margin: 15px 10px;
}
.Vacations .new-entry-container .new-entry-wrapper .validate-entry {
  position: absolute;
  right: 45px;
  bottom: 20px;
}
.Vacations .counter-updates {
  background: #ffffff;
  padding: 10px 20px 20px 20px;
}
.Vacations .counter-updates h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
}
.Vacations .counter-updates .counter-updates-wrapper .calculation-container {
  width: 100%;
}
.Vacations .counter-updates .counter-updates-wrapper .calculation-container .vacationCalc {
  margin: 0;
}
.Vacations .counter-updates .counter-updates-wrapper .select-container {
  margin: 0;
}
.Vacations .counter-updates .counter-updates-wrapper .validate-entry {
  position: relative;
  top: initial;
  bottom: initial;
  right: initial;
  margin-top: 25px;
}
.Vacations .file-input-wrapper {
  margin: 20px auto 0 auto;
  background: #ffffff;
  padding: 10px 20px 20px 20px;
}
.Vacations .file-input-wrapper h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
}
.Vacations .file-input-wrapper .file-input-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Vacations .planning-components {
  margin-bottom: 100px;
  min-height: 230px;
  position: relative;
  background-color: white;
  padding: 10px 20px 20px 20px;
}
.Vacations .planning-components h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
}
.Vacations .request-for-leave {
  position: relative;
  background-color: white;
  padding: 10px 20px 20px 20px;
  margin-bottom: 30px;
}
.Vacations .request-for-leave h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
}
.Vacations .request-for-leave th {
  color: #48cde0;
}
.Vacations .request-for-leave .tabs-styles {
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}
.Vacations .request-for-leave .tabs-styles thead,
.Vacations .request-for-leave .tabs-styles tr {
  border-bottom: 1px solid #48cde0;
}
.Vacations .request-for-leave .tabs-styles tr,
.Vacations .request-for-leave .tabs-styles th,
.Vacations .request-for-leave .tabs-styles td {
  padding: 10px;
  text-align: center;
}
.Vacations .request-for-leave .tabs-styles .details {
  font-size: 25px;
}
.Vacations .request-for-leave .thumb-up {
  color: #28d149;
  cursor: default;
}
.Vacations .request-for-leave .thumb-down {
  color: #FF1744;
  cursor: default;
}
.Vacations .request-for-leave .pending-action {
  color: #FF9800;
}
.Vacations .request-for-leave tbody {
  height: 100%;
}
.Vacations .request-for-leave .position-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.Vacations .request-for-leave .position-icon i {
  margin-left: 10px;
}
.Vacations .request-for-leave .pending {
  color: #464680;
  cursor: pointer;
}
.Vacations .request-for-leave .pending.disabled {
  color: lightgray;
  cursor: default;
}
.Vacations .request-for-leave .assignment {
  color: #FF9800;
}
.Vacations .request-for-leave .accepted {
  color: #28d149;
}
.Vacations .request-for-leave .refused {
  color: #FF1744;
}
.delegation-component {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: 100%;
  padding: 30px 20px;
}
.delegation-component .delegations {
  position: relative;
  background-color: white;
  padding: 10px 20px 20px 20px;
}
.delegation-component .delegations h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
}
.delegation-component h5 {
  margin: auto;
  color: #48cde0;
  padding-top: 20px;
  padding-left: 20px;
  font-size: 25px;
}
.delegation-component hr {
  border-bottom: 1px solid #48cde0;
  width: 97%;
}
.delegation-component .radio-delegation {
  padding-left: 20px;
  padding-top: 10px;
}
.delegation-component .button-styles {
  display: flex;
  justify-content: flex-end;
  margin-top: 55px;
  width: 100%;
  padding-right: 33px;
}
.delegation-component .my-staff {
  width: 55%;
}
.delegation-component .activated {
  color: #00C853;
  padding-left: 24px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 16px;
}
.delegation-component .disable {
  color: #FF9800;
  padding-left: 24px;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 16px;
}
.delegation-component .dates-container {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  padding-left: 20px;
  padding-right: 20px;
}
.delegation-component .my-dates {
  display: flex;
  justify-content: space-evenly;
  width: 45%;
}
.delegation-component .my-dates .child {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 375px) {
  .delegation-component .my-dates .child {
    flex-direction: column;
    width: 100%;
  }
}
.delegation-component .my-dates .date {
  width: 100%;
  margin: 2px 20px;
}
.exports-component {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: 100%;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  overflow-y: scroll;
  display: flex;
}
.exports-component .notification {
  display: flex;
  flex-direction: row;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.4);
}
.exports-component .notification .icon {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  font-weight: bold;
  color: white;
  font-size: 18px;
  line-height: 28px;
  padding-left: 12px;
}
.exports-component .notification .content {
  display: flex;
  justify-content: center;
  color: black;
  align-items: center;
}
.exports-component .notification .content span {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 12px;
}
.exports-component .notification.notification-warning {
  background-color: #f8cbad;
  border: 1px solid #ed7d31;
}
.exports-component .notification.notification-warning .icon {
  background: #ed7d31;
}
.exports-component .notification.notification-danger {
  background-color: #d69c9c;
  border: 1px solid #c00000;
}
.exports-component .notification.notification-danger .icon {
  background: #c00000;
}
.exports-component .export-action {
  padding-right: 30px;
  width: 70%;
}
.exports-component .export-pay {
  margin-bottom: 20px;
}
.exports-component .export-pay .export-pay-wrapper {
  width: 100%;
  background-color: #ffffff;
}
.exports-component .export-pay .export-pay-wrapper .button-style {
  display: flex;
  justify-content: flex-end;
}
.exports-component .export-pay .export-pay-wrapper .add-action-system-btn {
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 20px;
}
.exports-component .export-pay .export-pay-wrapper .month-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.exports-component .export-pay .export-pay-wrapper .month-container .select-month {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 3;
  margin-right: 30px;
}
.exports-component .export-pay .export-pay-wrapper .month-container .select-month md-select {
  width: 65%;
}
.exports-component .export-pay .export-pay-wrapper .month-container .select-month md-select-value {
  padding-top: 0;
}
.exports-component .export-pay .export-pay-wrapper .month-container .select-month label {
  padding: 0;
  margin-bottom: 0;
}
.exports-component .export-pay .export-pay-wrapper .month-container .select-month .position-select {
  margin: 0;
}
.exports-component .export-pay .export-pay-wrapper .month-container .select-month .position-select span {
  color: #464680;
}
.exports-component .export-pay .export-pay-wrapper .month-container .select-month .position-select span:hover {
  color: #464680;
}
.exports-component .export-pay .export-pay-wrapper .month-container .newlyValidatedVacations {
  flex: 3;
  border: 1px solid #ddd;
  padding: 2px 0px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  margin-right: 30px;
}
.exports-component .export-pay .export-pay-wrapper .month-container .newlyValidatedVacations p {
  padding: 4px 0;
}
.exports-component .export-pay .export-pay-wrapper .month-container .newlyValidatedVacations span {
  color: grey;
}
.exports-component .export-pay .export-pay-wrapper .month-container .newlyValidatedOldVacations {
  flex: 4;
  border: 1px solid #ddd;
  padding: 2px 0px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
}
.exports-component .export-pay .export-pay-wrapper .month-container .newlyValidatedOldVacations p {
  padding: 4px 0;
}
.exports-component .export-pay .export-pay-wrapper .month-container .newlyValidatedOldVacations span {
  color: grey;
}
.exports-component .export-balance {
  padding-bottom: 170px;
}
.exports-component .export-balance .export-balance-wrapper {
  width: 100%;
  background-color: white;
}
.exports-component .export-balance .export-balance-wrapper .button-style {
  display: flex;
  justify-content: flex-end;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 50px;
  padding-bottom: 20px;
}
.exports-component .export-balance .export-balance-wrapper .add-action-system-btn {
  padding-left: 40px;
  padding-right: 40px;
}
.exports-component .export-balance .paragraph {
  padding-left: 20px;
  font-size: 16px;
  line-height: 2.5;
  margin-bottom: -30px;
}
.exports-component .border-title {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #ffffff;
  padding: 10px 20px 20px 20px;
}
.exports-component .border-title h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
}
.exports-component .title-styles {
  font-size: 20px;
  padding-left: 20px;
}
.exports-component .list-export-pay {
  width: 30%;
  min-height: 200px;
}
.exports-component .list-export-pay .export-list-pay-wrapper {
  padding-bottom: 30px;
}
.exports-component .list-export-pay .export-list-pay-wrapper .title-style {
  font-size: 25px;
  margin-top: 27px;
}
.exports-component .list-export-pay .export-list-pay-wrapper .file-export {
  padding-top: 25px;
}
.exports-component .list-export-pay .export-list-pay-wrapper .file-export .exported-date {
  font-size: 16px;
  font-weight: bold;
}
.exports-component .list-export-pay .export-list-pay-wrapper .file-export .creator-export {
  padding-bottom: 15px;
  padding-top: 5px;
}
.exports-component .list-export-pay .export-list-pay-wrapper .file-export .file-creator {
  display: flex;
  width: 100%;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: left;
  padding-top: 15px;
  padding-left: 15px;
}
.exports-component .list-export-pay .export-list-pay-wrapper .file-export .file-creator .i-folder-file {
  font-size: 20px;
}
.exports-component .list-export-pay .export-list-pay-wrapper .file-export .file-creator .i-files {
  font-size: 20px;
}
.exports-component .list-export-pay .export-list-pay-wrapper .file-export .file-creator .file-name {
  padding-left: 5px;
}
.exports-component .list-export-pay .export-list-pay-wrapper .file-export .file-creator .visible-file {
  margin-left: auto;
  padding-right: 10px;
}
.exports-component .counter-updates {
  width: 30%;
  min-height: 200px;
}
.exports-component .counter-updates .counter-updates-wrapper .title-style {
  font-size: 25px;
  margin-top: 27px;
}
.historyCollabs-component {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  overflow-y: scroll;
}
.historyCollabs-component .vacations-container {
  height: auto;
  width: 100%;
  display: flex;
  padding: 0 2rem;
  margin: 1rem 0;
}
.historyCollabs-component .vacations-container button {
  position: absolute;
  right: 4rem;
  top: 3rem;
}
.historyCollabs-component .vacations-container .counter-wrapper,
.historyCollabs-component .vacations-container .history-wrapper {
  width: 50%;
  padding: 2rem;
}
@media screen and (max-width: 991px) {
  .historyCollabs-component .vacations-container .counter-wrapper,
  .historyCollabs-component .vacations-container .history-wrapper {
    width: 100%;
    padding: 0;
    margin: 10px;
  }
}
@media screen and (max-width: 991px) {
  .historyCollabs-component .vacations-container {
    display: block;
    width: auto;
  }
}
.historyCollabs-component .planning-component {
  margin-bottom: 100px;
  min-height: 230px;
  position: relative;
  background-color: white;
  padding: 10px 20px 20px 20px;
  margin-right: 40px;
  margin-left: 40px;
}
.historyCollabs-component .planning-component h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
section.planning-components .groups-vacations-teams #vacation-timeline .vis-labelset .vis-label {
  height: 40px !important;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-labelset .vis-label.project {
  background: #48cde0;
  color: #fff;
  font-size: 13px;
  height: 29px !important;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-labelset .vis-label.project .vis-inner {
  font-size: 11px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 260px;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-labelset .vis-label.managers {
  background: #48cde0;
  color: #fff;
  font-size: 13px;
  height: 29px !important;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-labelset .vis-label.managers .vis-inner {
  font-size: 11px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 260px;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-foreground .vis-group {
  display: flex;
  align-items: center;
  height: 40px !important;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-foreground .vis-group.project {
  height: 29px !important;
  background: #48cde0;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-foreground .vis-group.managers {
  height: 29px !important;
  background: #48cde0;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-foreground .vis-text .vis-minor {
  text-align: center;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-background .vis-group {
  height: 40px !important;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-background .vis-group:first-child {
  height: 0 !important;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-item {
  top: 0 !important;
  height: 100%;
  border: none;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-item.willBeTaken {
  background: #28d149;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-item.requested {
  background: #FF9800;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-item.cancellationRequested {
  background-color: #28d149;
  opacity: 1;
  background: repeating-linear-gradient(-45deg, #FF9800, #FF9800 2.5px, #28d149 2.5px, #28d149 9.5px);
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-item.bankHolidays {
  background: #D5DDF6;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-tooltip {
  z-index: 999;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  background: #ffffff;
  border-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 8px;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-time-axis {
  font-size: 10px;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-time-axis .vis-grid.vis-saturday {
  text-align: center;
  background: #eee;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-time-axis .vis-grid.vis-sunday {
  text-align: center;
  background: #eee;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-time-axis .vis-text {
  text-align: center;
  color: #b9bebe;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-time-axis .vis-text.vis-major {
  color: #656f71 !important;
  font-weight: bold;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-time-axis .vis-foreground {
  background: #ffffff;
  height: 40px !important;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-center {
  cursor: grab;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-range {
  cursor: default;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-nested-group {
  height: 40px !important;
  display: flex;
  align-items: center;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-nesting-group {
  display: flex;
  align-items: center;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-day1 {
  color: #656f71 !important;
  font-weight: bold;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-current-time {
  background-color: #FF1744;
  margin-top: 21px;
  text-align: center;
  z-index: 999;
}
section.planning-components .groups-vacations-teams #vacation-timeline .vis-current-time:before {
  content: attr(dateMonthDayNumber);
  display: block;
  width: 18px;
  height: 18px;
  color: white;
  font-size: 10px;
  background: #FF1744;
  border-radius: 50%;
  margin-left: -8px;
  padding-top: 2px;
}
section.planning-components .groups-vacations-teams .vacation-timeline-filters {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
section.planning-components .groups-vacations-teams .vacation-timeline-filters p {
  margin-right: 10px;
}
section.planning-components .groups-vacations-teams .vacation-timeline-filters button {
  padding: 5px 10px;
  border-radius: 10px;
  background: none;
  outline: none;
  border: none;
}
section.planning-components .groups-vacations-teams .vacation-timeline-filters button i {
  font-size: 35px;
  color: #656f71;
}
section.planning-components .groups-vacations-teams .vacation-timeline-filters button:hover {
  background: #DFDFDF;
}
section.planning-components .groups-vacations-teams .vacation-timeline-filters button:hover i {
  color: #464680;
}
section.planning-components .groups-vacations-teams .vacation-timeline-filters button.active i {
  color: #48cde0;
}
@media (max-width: 992px) {
  section.planning-components {
    display: none;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.counters-block table,
.history-block table {
  border-spacing: 0;
  display: table;
  font-size: 1.2rem;
  line-height: 2.4rem;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .counters-block table,
  .history-block table {
    font-size: 8pt;
  }
}
.counters-block table tr td,
.history-block table tr td {
  padding: 0.5rem;
}
.counters-block table tr .vacation-type,
.history-block table tr .vacation-type {
  display: flex;
  align-items: center;
  text-align: left;
}
.counters-block table thead tr,
.history-block table thead tr {
  /*
                th#col_current_balance {
                    width: 12rem;
                    position: relative;

                    span {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        width: 100%;
                        padding-top: 1rem;
                    }
                }

                th#col_future_balance {
                    .md-select-value {
                        text-align: center;

                        > span:not(.md-select-icon) {
                            .md-text {
                                text-transform: capitalize;
                            }
                        }
                    }

                    .select-month {
                        width: 60%;
                        margin: auto;
                    }
                }*/
}
.counters-block table thead tr th,
.history-block table thead tr th {
  text-align: center;
}
.counters-block table thead tr th span,
.history-block table thead tr th span {
  color: #48CDE0;
  font-weight: 400;
}
.counters-block table tbody tr,
.history-block table tbody tr {
  border-bottom: 0.1rem solid #48CDE0;
}
.counters-block table tbody tr:last-child,
.history-block table tbody tr:last-child {
  border: none;
}
.counters-block h3.header,
.history-block h3.header {
  color: #48CDE0;
  margin: 2rem;
}
.counters-block .notification,
.history-block .notification {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.4);
}
.counters-block .notification .icon,
.history-block .notification .icon {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  padding: 1px;
  padding-left: 16px;
  font-weight: bold;
  color: white;
  font-size: 18px;
}
.counters-block .notification .content,
.history-block .notification .content {
  display: flex;
  justify-content: center;
  color: black;
}
.counters-block .notification .content span,
.history-block .notification .content span {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 12px;
}
.counters-block .notification.notification-danger,
.history-block .notification.notification-danger {
  background-color: #d69c9c;
  border: 1px solid #c00000;
}
.counters-block .notification.notification-danger .icon,
.history-block .notification.notification-danger .icon {
  background: #c00000;
}
.counters-block .disable-min-width,
.history-block .disable-min-width {
  min-width: unset !important;
}
.counters-block .end-page-margin,
.history-block .end-page-margin {
  margin: 20px;
}
.counters-block .colored-boxe,
.history-block .colored-boxe {
  background-color: #48cde0;
  color: white;
}
.counters-block .buttons-container,
.history-block .buttons-container {
  display: flex;
  justify-content: space-around;
}
.counters-block .center-content,
.history-block .center-content {
  margin-left: auto;
  margin-right: auto;
}
.counters-block input[type="file"],
.history-block input[type="file"] {
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.counters-block .position-relative,
.history-block .position-relative {
  position: relative;
}
.counters-block .proof,
.history-block .proof {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.counters-block .proof span,
.history-block .proof span {
  font-size: 9px;
  color: #a9c3d6;
}
.counters-block .proof input[type="file"],
.history-block .proof input[type="file"] {
  position: absolute;
}
.counters-block .proof .upload-square,
.history-block .proof .upload-square {
  border: 2px dotted #d1d5d8;
  height: 50px;
  width: 80px;
  color: #d1d5d8;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  font-weight: bold;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
search-collab-vacation md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
search-collab-vacation md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
search-collab-vacation md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
search-collab-vacation md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
search-collab-vacation .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
search-collab-vacation .searchbar-disable {
  opacity: 0.4;
}
search-collab-vacation .searchbar-container {
  position: relative;
}
search-collab-vacation .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
search-collab-vacation .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
search-collab-vacation .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
search-collab-vacation .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
search-collab-vacation .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
search-collab-vacation .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
search-collab-vacation .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
search-collab-vacation .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
search-collab-vacation .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
search-collab-vacation .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  search-collab-vacation .autocomplete-mobile {
    width: 190px !important;
  }
  search-collab-vacation .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  padding: 0;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li div {
  padding-left: 10px;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-group {
  background-image: linear-gradient(to right, #e9f7f9, #feffff);
  color: #a9aeae;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  /*margin: 5px 0px 5px 0px;*/
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-group .item-extension {
  font-style: italic;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li:hover .item-group,
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li.selected .item-group {
  color: #464680;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-value {
  color: #464680;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-value .highlight {
  font-family: "Heebo-Bold", Helvetica, Arial, sans-serif;
  color: #464680;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
search-vacation md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
search-vacation md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
search-vacation md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
search-vacation md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
search-vacation .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
search-vacation .searchbar-disable {
  opacity: 0.4;
}
search-vacation .searchbar-container {
  position: relative;
}
search-vacation .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
search-vacation .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
search-vacation .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
search-vacation .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
search-vacation .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
search-vacation .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
search-vacation .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
search-vacation .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
search-vacation .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
search-vacation .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  search-vacation .autocomplete-mobile {
    width: 190px !important;
  }
  search-vacation .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  padding: 0;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li div {
  padding-left: 10px;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-group {
  background-image: linear-gradient(to right, #e9f7f9, #feffff);
  color: #a9aeae;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  /*margin: 5px 0px 5px 0px;*/
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-group .item-extension {
  font-style: italic;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li:hover .item-group,
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li.selected .item-group {
  color: #464680;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-value {
  color: #464680;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-value .highlight {
  font-family: "Heebo-Bold", Helvetica, Arial, sans-serif;
  color: #464680;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
#vacation-collab-timeline {
  height: 171px !important;
}
#vacation-collab-timeline .vis-labelset .vis-label {
  height: 110px !important;
}
#vacation-collab-timeline .vis-itemset {
  height: 110px !important;
}
#vacation-collab-timeline .vis-itemset .vis-foreground {
  height: 110px !important;
}
#vacation-collab-timeline .vis-itemset .vis-foreground .vis-group {
  display: flex;
  align-items: center;
  height: 110px !important;
}
#vacation-collab-timeline .vis-itemset .vis-foreground .vis-text .vis-minor {
  text-align: center;
}
#vacation-collab-timeline .vis-itemset .vis-background {
  height: 110px !important;
}
#vacation-collab-timeline .vis-itemset .vis-background .vis-group {
  height: 110px !important;
}
#vacation-collab-timeline .vis-itemset .vis-background .vis-group:first-child {
  height: 0 !important;
}
#vacation-collab-timeline .vis-item {
  top: 0 !important;
  height: 100%;
  border: none;
}
#vacation-collab-timeline .vis-item.willBeTaken {
  background: #28d149;
}
#vacation-collab-timeline .vis-item.requested {
  background: #FF9800;
}
#vacation-collab-timeline .vis-item.cancellationRequested {
  background-color: #28d149;
  opacity: 1;
  background: repeating-linear-gradient(-45deg, #FF9800, #FF9800 2.5px, #28d149 2.5px, #28d149 9.5px);
}
#vacation-collab-timeline .vis-item.beforeArrivalOrAfterLeaving {
  background-color: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  top: unset !important;
  height: 100% !important;
  z-index: 0;
}
#vacation-collab-timeline .vis-item.bankHolidays {
  background: #D5DDF6;
}
#vacation-collab-timeline .vis-tooltip {
  z-index: 999;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  background: #ffffff;
  border-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 8px;
}
#vacation-collab-timeline .vis-time-axis .vis-grid.vis-saturday,
#vacation-collab-timeline .vis-time-axis .vis-grid.vis-sunday {
  text-align: center;
  background: #eee;
}
#vacation-collab-timeline .vis-time-axis {
  font-size: 10px;
}
#vacation-collab-timeline .vis-time-axis .vis-text {
  text-align: center;
  color: #b9bebe;
}
#vacation-collab-timeline .vis-time-axis .vis-text.vis-major {
  color: #656f71 !important;
  font-weight: bold;
}
#vacation-collab-timeline .vis-time-axis .vis-foreground {
  background: #ffffff;
  height: 110px !important;
}
#vacation-collab-timeline .vis-center {
  cursor: grab;
}
#vacation-collab-timeline .vis-range {
  cursor: default;
}
#vacation-collab-timeline .vis-nested-group {
  height: 110px !important;
  display: flex;
  align-items: center;
}
#vacation-collab-timeline .vis-nesting-group {
  display: flex;
  align-items: center;
}
#vacation-collab-timeline .vis-day1 {
  color: #656f71 !important;
  font-weight: bold;
}
#vacation-collab-timeline .vis-current-time {
  background-color: #FF1744;
  margin-top: 21px;
  text-align: center;
  z-index: 999;
}
#vacation-collab-timeline .vis-current-time:before {
  content: attr(dateMonthDayNumber);
  display: block;
  width: 18px;
  height: 18px;
  color: white;
  font-size: 10px;
  background: #FF1744;
  border-radius: 50%;
  margin-left: -8px;
  padding-top: 2px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.counters-block table,
.history-block table {
  border-spacing: 0;
  display: table;
  font-size: 1.2rem;
  line-height: 2.4rem;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .counters-block table,
  .history-block table {
    font-size: 8pt;
  }
}
.counters-block table tr td,
.history-block table tr td {
  padding: 0.5rem;
}
.counters-block table tr .vacation-type,
.history-block table tr .vacation-type {
  display: flex;
  align-items: center;
  text-align: left;
}
.counters-block table thead tr,
.history-block table thead tr {
  /*
                th#col_current_balance {
                    width: 12rem;
                    position: relative;

                    span {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        width: 100%;
                        padding-top: 1rem;
                    }
                }

                th#col_future_balance {
                    .md-select-value {
                        text-align: center;

                        > span:not(.md-select-icon) {
                            .md-text {
                                text-transform: capitalize;
                            }
                        }
                    }

                    .select-month {
                        width: 60%;
                        margin: auto;
                    }
                }*/
}
.counters-block table thead tr th,
.history-block table thead tr th {
  text-align: center;
}
.counters-block table thead tr th span,
.history-block table thead tr th span {
  color: #48CDE0;
  font-weight: 400;
}
.counters-block table tbody tr,
.history-block table tbody tr {
  border-bottom: 0.1rem solid #48CDE0;
}
.counters-block table tbody tr:last-child,
.history-block table tbody tr:last-child {
  border: none;
}
.counters-block h3.header,
.history-block h3.header {
  color: #48CDE0;
  margin: 2rem;
}
.counters-block .notification,
.history-block .notification {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.4);
}
.counters-block .notification .icon,
.history-block .notification .icon {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  padding: 1px;
  padding-left: 16px;
  font-weight: bold;
  color: white;
  font-size: 18px;
}
.counters-block .notification .content,
.history-block .notification .content {
  display: flex;
  justify-content: center;
  color: black;
}
.counters-block .notification .content span,
.history-block .notification .content span {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 12px;
}
.counters-block .notification.notification-danger,
.history-block .notification.notification-danger {
  background-color: #d69c9c;
  border: 1px solid #c00000;
}
.counters-block .notification.notification-danger .icon,
.history-block .notification.notification-danger .icon {
  background: #c00000;
}
.counters-block .disable-min-width,
.history-block .disable-min-width {
  min-width: unset !important;
}
.counters-block .end-page-margin,
.history-block .end-page-margin {
  margin: 20px;
}
.counters-block .colored-boxe,
.history-block .colored-boxe {
  background-color: #48cde0;
  color: white;
}
.counters-block .buttons-container,
.history-block .buttons-container {
  display: flex;
  justify-content: space-around;
}
.counters-block .center-content,
.history-block .center-content {
  margin-left: auto;
  margin-right: auto;
}
.counters-block input[type="file"],
.history-block input[type="file"] {
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.counters-block .position-relative,
.history-block .position-relative {
  position: relative;
}
.counters-block .proof,
.history-block .proof {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.counters-block .proof span,
.history-block .proof span {
  font-size: 9px;
  color: #a9c3d6;
}
.counters-block .proof input[type="file"],
.history-block .proof input[type="file"] {
  position: absolute;
}
.counters-block .proof .upload-square,
.history-block .proof .upload-square {
  border: 2px dotted #d1d5d8;
  height: 50px;
  width: 80px;
  color: #d1d5d8;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  font-weight: bold;
}
.counters-container {
  background: #fff;
  padding: 2rem;
  min-height: 42rem;
  user-select: none;
}
.counters-container table {
  word-break: break-word;
}
.counters-container table th {
  line-height: 1;
  max-width: 33%;
}
.counters-container table th .select-month {
  width: auto;
}
.counters-container table th .select-month .md-text {
  font-size: 9pt;
  text-transform: capitalize;
}
.counters-container .material-icons {
  margin-left: 1rem;
  font-size: 2rem;
  color: #464680;
}
.counters-container .counters-block {
  padding: 0 2rem;
}
@media screen and (max-width: 991px) {
  .counters-container {
    height: auto;
    padding: 5px;
  }
  .counters-container .material-icons {
    margin-left: 1px;
  }
  .counters-container .header {
    text-align: center;
  }
  .counters-container .counters-block {
    padding: 0;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.login-container {
  width: 100%;
  height: 100vh;
  display: flex;
}
.login-container .login-left-container {
  height: 100%;
  width: 20%;
  background: #464584;
}
.login-container .login-right-container {
  height: 100%;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  overflow-y: scroll;
  padding: 0 4% 0 4%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
login .login-form-and-test-users {
  width: 100%;
  display: flex;
  flex-direction: row;
}
@media (max-width: 1300px) {
  login .login-form-and-test-users {
    flex-direction: column;
  }
}
login .login-icon {
  height: 105px;
  width: auto;
  margin-left: -20px;
  display: block;
}
login .welcome-title {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 42px;
  margin: 24px 0 0 0;
}
login .connect-title {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 24px;
  margin: 8px 0 0 0;
}
login .login-input {
  margin: 16px 0 0 -2px;
  width: 100%;
}
login .remember-me {
  margin: 24px 0 0 0;
}
login .remember-me .md-label {
  font-size: 16px;
  margin: 2px 0 0 32px;
}
login .forgot-pwd {
  cursor: pointer;
  margin: 24px 0 0 0;
  font-size: 16px;
  color: #9DBACE;
}
login .forgot-pwd:hover {
  color: #C2D9E6;
}
login .login-form {
  max-width: 472px;
}
login .login-btn {
  margin: 24px 0 0 0;
}
login .login-right-container {
  display: flex;
}
login .test-user-list {
  margin-left: 20px;
}
login .test-user-list td {
  padding: 0 10px;
}
attachment-organisation-selector {
  background: #fff;
  border-radius: 10px;
  padding: 10px 20px;
  width: 300px;
  display: block;
}
attachment-organisation-selector:empty {
  display: none;
}
attachment-organisation-selector md-select .md-select-value .md-text {
  font-size: 20px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.buSelectorMaterial .attachmentOrganisationForBusinessUnitSelector {
  color: #48cde0;
  padding: 5px 10px 0;
}
.buSelectorMaterial .hierarchy-indicator {
  width: 1em;
  display: inline-block;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.file-visualiser-modal {
  display: none;
}
.file-visualiser-modal-contents {
  width: 80%;
  height: 80%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.file-visualiser-modal-contents .title-container {
  position: relative;
  color: white;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  padding: 32px;
  background: #48cde0;
}
@media (max-width: 992px) {
  .file-visualiser-modal-contents .title-container {
    font-size: 15px;
  }
}
.file-visualiser-modal-contents .title-container .modal-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  color: white;
  display: flex;
  gap: 10px;
  height: 26px;
}
.file-visualiser-modal-contents .title-container .modal-btn > * {
  cursor: pointer;
}
.file-visualiser-modal-contents .title-container .modal-btn > *:hover {
  background: rgba(0, 0, 0, 0.1);
}
.file-visualiser-modal-contents .loading {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.file-visualiser-modal-contents .file-container {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: flex;
  justify-content: center;
}
.file-visualiser-modal-contents .file-container > object {
  width: 100%;
  height: 100%;
}
.file-visualiser-modal-contents .file-container > img {
  max-width: 100%;
}
.file-visualiser-modal-contents .file-download {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.file-visualiser-modal-contents .file-download .action-system-btn:hover,
.file-visualiser-modal-contents .file-download .action-system-btn:active,
.file-visualiser-modal-contents .file-download .action-system-btn:focus {
  text-decoration: none;
  color: white;
}
.file-visualiser-modal-contents .file-error-message {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.modalDeleteOdm {
  width: 45%;
}
.modalDeleteOdm .dialog-header {
  position: relative;
  margin: unset;
  justify-content: center;
  color: white;
  font-size: 20px;
}
.modalDeleteOdm .dialog-header .closeIcon {
  position: absolute;
  right: 5px;
  top: 5px;
}
.modalDeleteOdm .dialog-content {
  color: #464680;
  align-self: center;
  width: 80%;
  margin: unset;
  max-width: unset;
  overflow: hidden;
  padding: 25px 0;
  row-gap: 10px;
  overflow-y: auto;
  height: auto;
}
.modalDeleteOdm .dialog-content p {
  font-size: 15px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.modalDeleteOdm .dialog-content ul,
.modalDeleteOdm .dialog-content li {
  font-size: 15px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.modalDeleteOdm .buttons-container {
  display: flex;
  justify-content: space-evenly;
  padding-bottom: 20px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.new-bargraph {
  padding-left: 10px;
  height: calc(100vh - 250px);
}
.new-bargraph .bargraph-header {
  display: flex;
  border-bottom: 1px solid #b9bebe;
  position: sticky;
  line-height: 2.6;
}
.new-bargraph .bargraph-header .filter-bargraph-div-new {
  position: static !important;
  flex: 0 0 340px;
}
.new-bargraph .bargraph-header > agi-flow-header {
  flex: 1 0 0;
  border-left: 1px solid #b9bebe;
  padding-right: 10px;
}
.new-bargraph agi-flow-header {
  background: white;
  height: 100%;
}
.new-bargraph agi-flow-header .months {
  display: flex;
  font-weight: bold;
  font-size: 10px;
}
.new-bargraph agi-flow-header .months > span {
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
  flex-shrink: 0;
  flex-basis: 0;
}
.new-bargraph agi-flow-header .day-groups {
  display: flex;
  font-size: 10px;
}
.new-bargraph agi-flow-header .day-groups > span {
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
  flex-shrink: 0;
  flex-basis: 0;
}
.new-bargraph .bargraph-body {
  position: relative;
  height: 100%;
}
.new-bargraph .bargraph-body .bargraph-line {
  display: flex;
  width: 100%;
  align-items: stretch;
}
.new-bargraph .bargraph-body .bargraph-line card-ic {
  flex: 0 0 340px;
}
.new-bargraph .bargraph-body .bargraph-line agi-flow-line {
  flex: 1 0 0;
}
.new-bargraph .bargraph-body md-list-item {
  padding: 0 !important;
}
.new-bargraph agi-flow-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  z-index: 1000;
  pointer-events: none;
}
.new-bargraph agi-flow-overlay > * {
  flex-shrink: 0;
  flex-basis: 0;
}
.new-bargraph agi-flow-line {
  background: #eaf1f3;
  position: relative;
  border-left: 1px solid #b9bebe;
  border-bottom: 1px solid #b9bebe;
  overflow: hidden;
}
.new-bargraph agi-flow-line .calendar-layer {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.new-bargraph agi-flow-line .calendar-layer > * {
  flex-shrink: 0;
  flex-basis: 0;
}
.new-bargraph agi-flow-line .calendar-grid > * {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.new-bargraph agi-flow-line .transparent {
  opacity: 0;
}
.new-bargraph agi-flow-line .calendar-background {
  height: 100%;
}
.new-bargraph agi-flow-line .calendar-background .vacant-time-item,
.new-bargraph agi-flow-line .calendar-background .accepted-vacations,
.new-bargraph agi-flow-line .calendar-background .pending-vacations {
  pointer-events: all;
}
.new-bargraph agi-flow-line .calendar-squashable-layer {
  display: flex;
  flex-direction: column;
}
.new-bargraph agi-flow-line .calendar-squashable-layer > :not(.calendar-points) {
  position: relative;
  flex-grow: 1;
}
.new-bargraph agi-flow-line .calendar-periods > * {
  position: relative;
}
.new-bargraph agi-flow-line .calendar-periods > * > * {
  position: absolute;
  top: 50% !important;
  height: 32px;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  border-radius: 16px;
  pointer-events: all;
}
.new-bargraph agi-flow-line .calendar-periods > * > *.new-bargraph-project-item {
  background-color: rgba(70, 70, 128, 0.24);
}
.new-bargraph agi-flow-line .calendar-periods > * > *.new-bargraph-project-item-end {
  background-color: white;
}
.new-bargraph agi-flow-line .calendar-periods > * > *.-first,
.new-bargraph agi-flow-line .calendar-periods > * > *.-last {
  height: 16px;
  border-radius: 8px;
}
.new-bargraph agi-flow-line .calendar-periods > * > *.square-start {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.new-bargraph agi-flow-line .calendar-periods > * > *.square-end {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.new-bargraph agi-flow-line .calendar-points {
  /* each point must have zero width for the flex grow calculations to place everything correctly */
}
.new-bargraph agi-flow-line .calendar-points > * {
  position: relative;
}
.new-bargraph agi-flow-line .calendar-points > * .calendar-point {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: -12px;
  border-radius: 24px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  background: #464680;
  color: white;
  font-size: 10px;
  font-weight: bold;
  pointer-events: all;
  user-select: none;
}
.new-bargraph agi-flow-line .calendar-points > * .calendar-point .point-label {
  position: relative;
  top: 6px;
}
.new-bargraph agi-flow-line .calendar-points > * .calendar-point:has(~ .subtext) {
  transform: translateY(-7px);
}
.new-bargraph agi-flow-line .calendar-points > * .subtext {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: -12px -20px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: 12px;
  user-select: none;
  transform: translateY(20px);
}
.new-bargraph agi-flow-line .rdv-green {
  background-color: #00D628 !important;
}
.new-bargraph agi-flow-line .rdv-aqua-marine {
  background-color: #48cde0 !important;
}
.agi-flow-tooltip {
  color: #656f71;
  font-size: 10px;
}
.agi-flow-tooltip .reunion-span {
  font-size: 125%;
  font-weight: bold;
  color: #464680;
}
.agi-flow-tooltip .project-span {
  font-size: 112.5%;
  font-weight: bold;
  color: #464680;
}
.agi-flow-tooltip .pending-days-off-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.agi-flow-tooltip .pending-days-off-container .pending-days-off-number {
  color: #ff9800;
  font-size: 125%;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 0.4px;
}
.agi-flow-tooltip .pending-days-off-container .pending-days-off-period {
  color: #656f71;
  font-size: 100%;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin-top: 1px;
  letter-spacing: 0.4px;
}
.agi-flow-tooltip .accepted-days-off-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.agi-flow-tooltip .accepted-days-off-container .accepted-days-off-number {
  color: #464680;
  font-size: 125%;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 0.4px;
}
.agi-flow-tooltip .accepted-days-off-container .accepted-days-off-period {
  color: #656f71;
  font-size: 100%;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin-top: 1px;
  letter-spacing: 0.4px;
}
.agi-flow-rdv-menu {
  color: #656f71;
  font-size: 11px !important;
  margin: 0 !important;
}
.agi-flow-rdv-menu .reunion-span {
  font-size: 14px !important;
  font-weight: bold;
  color: #464680;
  margin-bottom: 2px;
}
.agi-flow-rdv-menu .right-align {
  margin-left: auto;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.vacationDetailPageSlide {
  height: 100%;
  width: 100%;
  position: relative;
  font-size: 14px;
  /*color: black;*/
}
.vacationDetailPageSlide .content-container {
  width: 100%;
  height: 100%;
  padding: 15px 24px;
  /*span {
            color: black;
            font-size: 12px;
            line-height: 12px;
        }*/
}
.vacationDetailPageSlide .content-container .container-row {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.vacationDetailPageSlide .content-container .container-row.row-space-around {
  justify-content: space-around;
}
.vacationDetailPageSlide .content-container .full-width {
  width: 100%;
}
.vacationDetailPageSlide .content-container .vertical-center {
  justify-content: center;
}
.vacationDetailPageSlide .content-container .container-column {
  display: flex;
  flex-direction: column;
  position: relative;
}
.vacationDetailPageSlide .content-container .container-column .title {
  padding: 3px 0;
}
.vacationDetailPageSlide .content-container .container-column .counter {
  line-height: 20px;
}
.vacationDetailPageSlide .content-container .container-column .center-content {
  text-align: center;
}
.vacationDetailPageSlide .content-container .container-column .content {
  line-height: 15px;
}
.vacationDetailPageSlide .content-container .container-column .content .comment {
  color: #a9a9a9;
  margin-top: 5px;
  display: block;
}
.vacationDetailPageSlide .content-container .container-column input[type=submit],
.vacationDetailPageSlide .content-container .container-column input[type=button] {
  width: 100%;
  background-color: #48cde0;
  border: 0;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  margin: 5px;
  font-size: 18px;
  line-height: 18px;
}
.vacationDetailPageSlide .content-container .container-column input[type=submit][disabled],
.vacationDetailPageSlide .content-container .container-column input[type=button][disabled] {
  background-color: #cdf1f7;
}
.vacationDetailPageSlide .content-container .container-title {
  color: #65cde0;
  font-size: 18px;
  border-bottom: 1px solid #65cde0;
  padding-top: 15px;
  margin-bottom: 5px;
}
.vacationDetailPageSlide .content-container input[type="file"] {
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.vacationDetailPageSlide .content-container .proof {
  margin-top: 10px;
  margin-bottom: 10px;
}
.vacationDetailPageSlide .content-container .proof span {
  font-size: 9px;
  color: #a9c3d6;
}
.vacationDetailPageSlide .content-container .proof input[type="file"] {
  position: absolute;
}
.vacationDetailPageSlide .content-container .proof .upload-square {
  border: 2px dotted #d1d5d8;
  height: 50px;
  width: 80px;
  color: #d1d5d8;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  font-weight: bold;
}
.vacationDetailPageSlide .content-container .history-item {
  min-height: 50px;
  margin-left: 5px;
  padding: 10px 0;
}
.vacationDetailPageSlide .content-container .history-item.last .circle::after {
  content: none;
}
.vacationDetailPageSlide .content-container .details-container {
  padding: 10px 0;
  align-items: flex-start;
}
.vacationDetailPageSlide .content-container .details-container .container-column {
  margin: 0 20px;
}
.vacationDetailPageSlide .content-container .accounts-container {
  padding-bottom: 10px;
  margin: 0 20px;
}
.vacationDetailPageSlide .content-container .justification-container {
  margin: 0 20px;
}
.vacationDetailPageSlide .container-sub-title {
  color: #65cde0;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
}
.vacationDetailPageSlide .circle {
  height: 20px;
  width: 20px;
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  position: relative;
}
.vacationDetailPageSlide .circle::after {
  content: '';
  position: absolute;
  top: 95%;
  right: 47.5%;
  z-index: -1;
  height: 275%;
  width: 2px;
  background-color: #DFDFDF;
  display: block;
}
.vacationDetailPageSlide .circle.circle-green {
  background-color: #92d050;
}
.vacationDetailPageSlide .circle.circle-blue {
  background-color: #4472c4;
}
.vacationDetailPageSlide .circle.circle-cyan {
  background-color: #48cde0;
}
.vacationDetailPageSlide .circle.circle-warning {
  background-color: #ff9800;
}
.vacationDetailPageSlide .circle.circle-danger {
  background-color: #f91414;
  padding-top: 1px;
}
.vacationDetailPageSlide .notification {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.4);
}
.vacationDetailPageSlide .notification .icon {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  font-weight: bold;
  color: white;
  font-size: 18px;
  line-height: 28px;
  padding-left: 12px;
}
.vacationDetailPageSlide .notification .content {
  display: flex;
  justify-content: center;
  color: black;
}
.vacationDetailPageSlide .notification .content span {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 12px;
}
.vacationDetailPageSlide .notification.notification-warning {
  background-color: #f8cbad;
  border: 1px solid #ed7d31;
}
.vacationDetailPageSlide .notification.notification-warning .icon {
  background: #ed7d31;
}
.vacationDetailPageSlide .notification.notification-danger {
  background-color: #d69c9c;
  border: 1px solid #c00000;
}
.vacationDetailPageSlide .notification.notification-danger .icon {
  background: #c00000;
}
.vacationDetailPageSlide .end-page-margin {
  margin: 20px;
}
.vacationDetailPageSlide .default-margin {
  margin-bottom: 4px;
  margin-top: 4px;
  margin-right: 16px;
  margin-left: 16px;
}
.vacationDetailPageSlide .display-flex {
  justify-content: center;
  display: flex;
}
.vacationDetailPageSlide .doc-card {
  padding: 8px 8px 8px 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #9DBACE;
  border-radius: 6px;
  height: 32px;
  background: #FAFAFA;
}
.vacationDetailPageSlide .doc-card-left {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: auto;
  position: relative;
}
.vacationDetailPageSlide .i-doc {
  position: absolute;
  right: 12px;
  font-size: 14px;
}
.vacationDetailPageSlide .doc-name {
  font-size: 12px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 2px 0 0 8px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
md-dialog-content.refuse-vacation-request {
  padding: 22px 15px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
contacts-agi-flow .contact-header {
  background-color: white;
}
contacts-agi-flow .container {
  display: flex;
  align-items: center;
  flex: 0 0 290px !important;
}
contacts-agi-flow agi-flow-overlay {
  max-height: 100%;
}
contacts-agi-flow .left-part {
  width: 130px;
  padding: 0;
  margin-left: 10px;
}
contacts-agi-flow .left-part md-select[disabled] {
  background-color: rgba(0, 0, 0, 0.08) !important;
}
contacts-agi-flow .left-part md-select[disabled] .md-select-value {
  background-image: unset !important;
}
contacts-agi-flow .left-part .filter-ic-select {
  width: 130px;
  height: 16px;
  background-color: rgba(0, 0, 0, 0.08);
  font-size: 10px;
}
contacts-agi-flow .left-part .filter-ic-select .md-select-value {
  width: 130px;
  height: 16px;
  font-size: 10px;
  padding-top: 0;
  padding: 0;
  padding-left: 6px;
  border-bottom-width: 0px;
  border-bottom-style: unset;
  min-height: 0px;
  color: #656f71;
}
contacts-agi-flow .left-part .filter-ic-select .md-select-value .md-select-icon {
  color: #656f71;
}
contacts-agi-flow .left-part .filter-ic-select .md-select-value .md-text {
  font-size: 10px;
  color: #656f71 !important;
}
contacts-agi-flow .right-part {
  display: flex;
  flex-direction: column;
  width: 105px;
  margin-left: 30px;
  font-size: 75%;
}
contacts-agi-flow .right-part .active-right-filter {
  color: #656f71;
  font-weight: bold;
}
contacts-agi-flow .content {
  margin-left: -10px;
}
contacts-agi-flow .contacts-lines {
  width: 340px;
  margin-top: 50px;
  padding-bottom: 10px;
  padding-top: 10px;
}
contacts-agi-flow .isRqPoint {
  background-color: #48cde0 !important;
  border-color: #48cde0 !important;
}
.contactAgiflowPopUpTitle {
  color: #464680;
  font-weight: bold;
  font-size: 120%;
}
.contactLabelTitle {
  font-size: 14px !important;
  font-weight: bold;
  color: #464680;
  margin-right: 5px !important;
  display: block;
  margin-bottom: -5px !important;
}
.contactAgiflowPopUpContainer {
  line-height: normal;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
#pageEditCompany {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  background-color: white;
}
#pageEditCompany .menu-file-button {
  margin: 5px;
}
#pageEditCompany .form-style {
  background: white;
}
#pageEditCompany .header-line {
  min-width: 200px;
}
@media all and (max-width: 992px) {
  #pageEditCompany .header-line {
    margin-right: unset;
  }
}
#pageEditCompany .circle-near-company {
  width: 50px;
  font-size: 1em;
}
#pageEditCompany .top-content {
  display: block;
}
@media (max-width: 992px) {
  #pageEditCompany .top-content {
    padding: 12px 10px 0;
  }
}
#pageEditCompany .top-content .company-name input {
  font-size: 24px;
}
@media (max-width: 992px) {
  #pageEditCompany .top-content .company-name input {
    font-size: 15px;
  }
}
#pageEditCompany .top-content .header-content {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 992px) {
  #pageEditCompany .top-content .header-content {
    flex-direction: column;
    margin-top: 10px;
  }
}
#pageEditCompany .top-content .header-content .responsables {
  margin-bottom: 10px;
}
#pageEditCompany .top-content .header-content .forName {
  display: flex;
  column-gap: 40px;
}
@media (max-width: 992px) {
  #pageEditCompany .top-content .header-content .forName {
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  #pageEditCompany .top-content .header-content .forName .input-container-info label {
    transform: translate3d(-4px, 22px, 0) scale(1);
  }
}
#pageEditCompany .top-content .header-content .forName > div:nth-child(1) {
  flex: unset;
}
#pageEditCompany .top-content .buttons-container {
  margin-left: auto;
}
@media all and (max-width: 500px) {
  #pageEditCompany .top-content .buttons-container {
    display: none;
  }
}
#pageEditCompany span.extra-text {
  float: right;
  margin: 0;
  position: relative;
  margin-right: 6px;
  z-index: 2;
  font-size: 15px;
  color: #a5c0d5;
  margin-top: -26px;
}
#pageEditCompany .main-place form {
  /*@media (min-width: @sm-width) {
                .middle-content {
                    padding: 32px 5% 30px 5%;
                }
            }*/
}
@media (max-width: 991px) {
  #pageEditCompany .main-place form .middle-content {
    padding: 21px 0% 30px 5%;
  }
}
#pageEditCompany .main-place .footer {
  box-shadow: none;
}
#pageEditCompany .main-place .footer div.only-under-lg {
  padding-top: 20px;
  padding-bottom: 30px;
}
#pageEditCompany .main-place md-input-container.telephone-input {
  margin-bottom: -2px;
  padding-bottom: 0;
}
#pageEditCompany .main-place div.middle-content div.top-pane {
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-between;
}
#pageEditCompany .main-place div.middle-content div.top-pane .pad-bot {
  padding-bottom: 20px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .pad-bot .country-code {
  padding-top: 10px;
}
#pageEditCompany .main-place div.middle-content div.top-pane ._groups {
  padding-bottom: 20px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .financial {
  padding-bottom: 20px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .financial .postalCode-city {
  display: flex;
}
#pageEditCompany .main-place div.middle-content div.top-pane .financial .cedex-country {
  display: flex;
}
#pageEditCompany .main-place div.middle-content div.top-pane .tabs-concurrents {
  padding-top: 20px;
  padding-bottom: 80px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents {
  width: 100%;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-header {
  height: 38px;
  font-size: 10px;
  font-weight: normal;
  line-height: normal;
  color: #464680;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #464680;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-header .table-checkbox-container {
  width: 44px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-header .second-table-header {
  text-align: right;
  padding-right: 16px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-content {
  height: 48px;
  font-size: 12px;
  line-height: normal;
  font-weight: normal;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #464680;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-content .table-checkbox-container {
  width: 44px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  height: 48px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-content .table-checkbox-container .table-checkbox {
  margin: 0;
  width: 16px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-content .table-checkbox-container .table-checkbox .md-container {
  width: 16px;
  height: 16px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-content .table-checkbox-container .table-checkbox .md-container .md-icon {
  width: 16px;
  height: 16px;
  border-radius: unset;
  border: 1px solid silver;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-content .table-checkbox-container .table-checkbox .md-container .md-icon::after {
  width: 5px;
  height: 10px;
  left: 4.7px;
  top: 0;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-content .second-table-row {
  text-align: right;
  padding-right: 16px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-footer label {
  display: none;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-footer .custom-td {
  margin: 0;
  padding: 0;
  height: 48px;
  border-color: #464680 !important;
  border-bottom: 1px solid;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-footer .table-autocomplete {
  height: 48px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-footer .table-autocomplete md-input-container {
  margin: 0;
  padding: 0;
  height: 48px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-footer .table-autocomplete md-input-container button {
  display: none;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-footer .table-autocomplete md-input-container md-autocomplete {
  height: 48px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-footer .table-autocomplete md-input-container md-autocomplete md-autocomplete-wrap {
  height: 48px;
  box-shadow: unset;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-footer .table-autocomplete md-input-container md-autocomplete md-autocomplete-wrap input {
  height: 48px;
  background: white;
  border-color: #464680 !important;
  border-bottom: 1px solid;
  font-size: 12px;
  padding-top: 0px;
  border-width: 0 0 1px 0 !important;
  margin-left: -4px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-footer .table-without-autocomplete .replace-md-input-container {
  margin: 0;
  padding: 0;
  height: 48px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-footer .table-without-autocomplete .replace-md-input-container input {
  height: 48px;
  background: white;
  border-color: #464680 !important;
  border-bottom: 1px solid #464680;
  padding-top: 0px;
  font-size: 12px;
  text-align: right;
  padding-right: 16px;
}
#pageEditCompany .main-place div.middle-content div.top-pane .concurrents .table-footer .table-without-autocomplete .unused-container {
  height: 48px;
  background: white;
  border-color: #464680 !important;
  border-bottom: 1px solid #464680;
  padding-top: 0px;
  font-size: 12px;
}
#pageEditCompany .main-place div.middle-content div.last-panel {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 500px) {
  #pageEditCompany .main-place div.middle-content div.last-panel {
    flex-direction: column;
  }
}
#pageEditCompany .main-place div.middle-content .info-section {
  min-width: 250px;
  width: 30%;
}
@media all and (max-width: 992px) {
  #pageEditCompany .main-place div.middle-content .info-section {
    margin-right: 5%;
    flex-grow: 1;
  }
}
@media all and (min-width: 550px) {
  #pageEditCompany .main-place div.middle-content .info-section {
    max-width: 45%;
  }
}
#pageEditCompany .main-place div.middle-content .info-section .contactBlock_Invoicing {
  padding-bottom: 35px;
  position: relative;
}
#pageEditCompany .main-place div.middle-content .info-section .contactBlock_Invoicing .chooseContactsEnum {
  width: calc(100% - 20px);
}
#pageEditCompany .main-place div.middle-content .info-section .contactBlock_Invoicing .remove-contact {
  position: absolute;
  top: 15px;
  right: 0px;
  font-size: 18px;
  color: #B9BEBE;
}
#pageEditCompany .main-place div.middle-content .btn_contacts {
  display: flex;
  justify-content: space-between;
  position: relative;
}
#pageEditCompany .main-place div.middle-content .btn_contacts .title {
  width: 100%;
}
#pageEditCompany .main-place div.middle-content .btn_contacts .add-action-system-btn {
  margin-top: -20px;
  position: absolute;
  right: 0;
}
@media all and (max-width: 992px) {
  #pageEditCompany .main-place div.middle-content .text-section {
    width: 100%;
    margin-right: 5%;
  }
}
@media all and (min-width: 992px) {
  #pageEditCompany .main-place div.middle-content .memo-edit {
    width: 65%;
  }
}
@media all and (min-width: 992px) {
  #pageEditCompany .main-place div.middle-content .last-panel-edit {
    width: 30%;
  }
}
#pageEditCompany .main-place div.middle-content .competitor-btns-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 15px;
}
#pageEditCompany .main-place div.middle-content .competitor-btns-container .competitor-btns {
  background: unset;
  border: unset;
  height: 18px;
  font-size: 12px;
  color: #48cde0;
  font-weight: bold;
  padding: unset;
}
#pageEditCompany .main-place div.middle-content .competitor-btns-container .competitor-btns[disabled] {
  color: #a0a0a0;
}
#pageEditCompany .main-place div.middle-content div.right-pane,
#pageEditCompany .main-place div.middle-content div.left-pane,
#pageEditCompany .main-place div.middle-content div.bottom-pane {
  padding-right: 40px;
}
@media all and (max-width: 991px) {
  #pageEditCompany .main-place div.middle-content div.right-pane,
  #pageEditCompany .main-place div.middle-content div.left-pane,
  #pageEditCompany .main-place div.middle-content div.bottom-pane {
    padding: 0;
  }
}
#pageEditCompany .main-place div.middle-content div.left-pane label {
  font-weight: 100;
}
#pageEditCompany .main-place div.middle-content div.right-pane md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
  color: #a5c0d4;
}
@media all and (max-width: 991px) {
  #pageEditCompany .main-place div.middle-content div.right-pane md-input-container,
  #pageEditCompany .main-place div.middle-content div.right-pane md-for-calendar {
    width: 100%;
  }
}
#pageEditCompany .main-place div.middle-content > div.bottom-pane label {
  font-weight: 100;
}
#pageEditCompany .main-place div.middle-content div.foot-panel {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 500px) {
  #pageEditCompany .main-place div.middle-content div.foot-panel {
    flex-direction: column;
  }
}
@media all and (max-width: 992px) {
  #pageEditCompany .main-place div.middle-content div.foot-panel .foot-panel.edit {
    margin-right: 5%;
    flex-grow: 1;
  }
}
@media all and (min-width: 550px) {
  #pageEditCompany .main-place div.middle-content div.foot-panel .foot-panel.edit {
    max-width: 45%;
  }
}
#pageEditCompany .swicth-collab-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
#pageEditCompany .swicth-collab-container label {
  margin: 0;
}
#pageEditCompany .swicth-collab-container .yes {
  margin-left: 5px;
}
#pageEditCompany .mailError {
  color: red;
  font-size: 90%;
  margin-left: 5px;
}
#pageEditCompany .mailErrorInput {
  border-color: red;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
analysis-report {
  width: 100%;
  height: 100%;
}
.analysis-report {
  width: 100%;
  height: 100%;
}
.analysis-report h3 {
  font-weight: bold;
  margin-top: 5px;
  font-size: 120%;
}
.analysis-report .flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.analysis-report .flex-container .flex-column {
  display: flex;
  flex-direction: column;
  width: 49%;
  margin-right: 15px;
  min-width: 300px;
}
.analysis-report .flex-container .flex-column.no-right-margin {
  margin-right: 0;
}
.analysis-report .flex-container .flex-column .container-widget {
  margin-bottom: 8px;
}
.analysis-report .flex-container .flex-column .container-widget.grow {
  flex-grow: 1;
}
.analysis-report .flex-container .flex-column .container-widget .widget-title {
  border-radius: 5px;
  color: white;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.analysis-report .flex-container .flex-column .container-widget .widget-title.business {
  background-color: #48cde0;
}
.analysis-report .flex-container .flex-column .container-widget .widget-title.completion {
  background-color: #48cde0;
  text-align: center;
}
.analysis-report .flex-container .flex-column .container-widget .widget-title.recruitment {
  background-color: #FF9800;
}
.analysis-report .flex-container .flex-column .container-widget .widget-title.management {
  background-color: #ADCC4F;
}
@media screen and (max-width: 650px) {
  .analysis-report .flex-container .flex-column {
    margin-right: 0;
  }
}
.analysis-report .container-filters {
  width: 100%;
  margin-bottom: 15px;
}
.analysis-report .container-filters .line {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.analysis-report .container-filters .line .container-widget {
  width: 50%;
}
.analysis-report .container-filters .line .container-staff,
.analysis-report .container-filters .line .container-dates {
  margin-bottom: 0;
}
.analysis-report .container-filters .line .container-staff {
  width: 56%;
}
.analysis-report .container-filters .line .container-dates {
  width: 42%;
}
.analysis-report .container-business,
.analysis-report .container-recruitment {
  width: 100%;
}
.analysis-report .container-business .line,
.analysis-report .container-recruitment .line {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.analysis-report .container-business .line .container-widget,
.analysis-report .container-recruitment .line .container-widget {
  width: 48%;
}
.analysis-report .container-business .doughnut-line,
.analysis-report .container-recruitment .doughnut-line {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.analysis-report .container-business .doughnut-line .container-widget,
.analysis-report .container-recruitment .doughnut-line .container-widget {
  width: 19%;
}
.analysis-report .container-recruitment,
.analysis-report .container-business,
.analysis-report .container-management {
  margin-bottom: 15px;
}
.analysis-report .container-management {
  width: 100%;
}
.analysis-report .white-background {
  background-color: #fff;
}
.analysis-report .rounded-borders {
  border: 1px solid #C4D3D9;
  border-radius: 10px;
}
.analysis-report .container-padding {
  padding: 10px 20px 10px 20px;
}
.analysis-report .margin-left {
  margin-left: 15px;
}
.analysis-report .no-margin-bottom {
  margin-bottom: 0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
hiring-indicators-report {
  width: 100%;
  height: 100%;
}
.hiring-indicators-report {
  width: 100%;
  height: 100%;
}
.hiring-indicators-report h3 {
  font-weight: bold;
  margin-top: 5px;
  font-size: 120%;
}
.hiring-indicators-report .flex-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.hiring-indicators-report .flex-container .flex-line {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 15px;
  justify-content: space-between;
}
.hiring-indicators-report .flex-container .flex-line .container-widget {
  margin-right: 15px;
}
.hiring-indicators-report .flex-container .flex-line .container-widget .widget-title {
  border-radius: 5px;
  color: white;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.hiring-indicators-report .flex-container .flex-line .container-widget .widget-title.business {
  background-color: #48cde0;
}
.hiring-indicators-report .flex-container .flex-line .container-widget .widget-title.recruitment {
  background-color: #FF9800;
}
.hiring-indicators-report .flex-container .flex-line .container-widget .widget-title.management {
  background-color: #ADCC4F;
}
.hiring-indicators-report .flex-container .flex-line .container-widget.no-margin-right {
  margin-right: 0;
}
.hiring-indicators-report .flex-container .flex-line.first-line {
  justify-content: space-between;
}
.hiring-indicators-report .container-es-graph {
  width: 49%;
}
.hiring-indicators-report .container-hires-graph {
  width: 50%;
}
.hiring-indicators-report .container-es-list {
  width: 36%;
}
.hiring-indicators-report .container-hires-list {
  width: 28%;
}
.hiring-indicators-report .container-recrutement {
  width: 36%;
}
.hiring-indicators-report table {
  width: 100%;
}
.hiring-indicators-report table td,
.hiring-indicators-report table th {
  padding: 2px;
}
.hiring-indicators-report .table-container {
  width: 100%;
  padding-left: 5px;
  max-height: 255px;
  overflow-y: scroll;
}
.hiring-indicators-report .table-container table {
  width: 100%;
}
.hiring-indicators-report .table-container table .table-th {
  box-sizing: border-box;
  text-align: left;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: normal;
  background: white;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 8px;
  position: sticky;
  top: 0;
  -webkit-box-shadow: inset 0px -2px 0px 0px #FF9800;
  -moz-box-shadow: inset 0px -2px 0px 0px #FF9800;
  box-shadow: inset 0px -2px 0px 0px #FF9800;
}
.hiring-indicators-report .table-container table .table-th .cell-header-container {
  display: flex;
  align-items: center;
  width: fit-content;
}
.hiring-indicators-report .table-container table .table-th .cell-header-container i {
  font-weight: bold;
  font-size: 16px;
  margin-top: -2px;
  margin-left: 8px;
}
.hiring-indicators-report .table-container table .table-th .cell-header-container.cell-header-container {
  cursor: pointer;
}
.hiring-indicators-report .table-container table .table-tr {
  height: 30px;
  min-height: 30px;
  max-height: 30px;
}
.hiring-indicators-report .table-container table .table-tr:nth-child(even) {
  background-color: #F8F9FA;
}
.hiring-indicators-report .table-container table .table-td {
  padding: 0px 8px;
}
.hiring-indicators-report .white-background {
  background-color: #fff;
}
.hiring-indicators-report .rounded-borders {
  border: 1px solid #C4D3D9;
  border-radius: 10px;
}
.hiring-indicators-report .container-padding {
  padding: 10px 20px 10px 20px;
}
.hiring-indicators-report .margin-left {
  margin-left: 15px;
}
.hiring-indicators-report .no-margin-bottom {
  margin-bottom: 0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.metricsReport {
  width: 100%;
}
.metricsReport .line {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
.metricsReport .container-staff-selector {
  flex: 1 0 auto;
  width: 30%;
  height: 100%;
  margin-right: 15px;
}
.metricsReport .container-energetic-performance {
  flex: 3 0 auto;
  width: 67%;
}
.metricsReport .container-business {
  flex: 1 0 auto;
  margin-top: 15px;
  width: 47%;
  min-width: 600px;
}
.metricsReport .container-recruitment {
  flex: 1 0 auto;
  margin-left: 15px;
  margin-top: 15px;
  width: 47%;
  min-width: 600px;
}
.metricsReport .container-recruitment .recruitment-bottom-widgets {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.metricsReport .container-recruitment .recruitment-bottom-widgets .container-yearly-hires {
  width: 47%;
}
.metricsReport .container-recruitment .recruitment-bottom-widgets .container-rdv-types {
  width: 47%;
  margin-left: 15px;
}
@media screen and (max-width: 650px) {
  .metricsReport .container-staff-selector,
  .metricsReport .container-energetic-performance,
  .metricsReport .container-business,
  .metricsReport .container-recruitment {
    width: 100%;
    min-width: unset;
  }
  .metricsReport .container-energetic-performance,
  .metricsReport .container-recruitment {
    margin-left: 0;
  }
  .metricsReport .container-energetic-performance {
    margin-top: 15px;
  }
  .metricsReport .container-recruitment .recruitment-bottom-widgets .container-yearly-hires,
  .metricsReport .container-recruitment .recruitment-bottom-widgets .container-rdv-types {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 1264px) {
  .metricsReport .container-recruitment,
  .metricsReport .container-energetic-performance {
    width: 100%;
    margin-left: 0;
  }
  .metricsReport .container-energetic-performance {
    margin-top: 15px;
  }
}
.metricsReport .widget {
  margin-bottom: 15px;
  position: relative;
}
.metricsReport .widget .widget-title {
  border-radius: 5px;
  color: white;
  padding: 0 16px;
  height: 36px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.metricsReport .widget .canvas-container {
  width: 100%;
}
.metricsReport .widget .canvas-container canvas {
  width: 100% !important;
}
.metricsReport .widget .average-information-container {
  display: flex;
  align-items: center;
  height: 100%;
}
.metricsReport .widget .average-information {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 12px;
}
@media screen and (max-width: 650px) {
  .metricsReport .canvas-container {
    margin-top: 10px;
  }
}
.metricsReport .average-list-hover {
  cursor: pointer;
}
.metricsReport .average-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  position: absolute;
  top: 40px;
  right: 0px;
  z-index: 1;
}
.metricsReport .average-list .average-box {
  text-align: center;
  padding: 8px;
  margin: 0px 3px;
  border-radius: 5px;
  width: auto !important;
}
.metricsReport .average-list .average-box h3 {
  font-size: 150%;
  font-weight: normal;
  margin-bottom: 0;
}
.metricsReport .average-list .average-box.business {
  background-color: #FFFFFF;
  border: 1px solid #48cde0;
}
.metricsReport .average-list .average-box.recruitment {
  background-color: #FFFFFF;
  border: 1px solid #FF9800;
}
@media screen and (max-width: 650px) {
  .metricsReport .average-list {
    position: relative;
    justify-content: space-around;
    top: unset;
    right: unset;
  }
}
.metricsReport .white-background {
  background-color: #fff;
}
.metricsReport .business-background {
  background-color: #48cde0;
}
.metricsReport .recruitment-background {
  background-color: #FF9800;
}
.metricsReport .rounded-borders {
  border: 1px solid #C4D3D9;
  border-radius: 10px;
}
.metricsReport .container-padding {
  padding: 10px 20px 10px 20px;
}
.metricsReport h3 {
  font-weight: bold;
  margin-top: 5px;
  font-size: 120%;
}
.metricsReport p.no-data {
  padding-left: 10px;
}
.dashboards-popover {
  max-width: 240px;
  width: 240px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
organisation-report {
  width: 100%;
  height: 100%;
}
.organisationReport {
  width: 100%;
  height: 100%;
}
.organisationReport .flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.organisationReport .flex-container .flex-column {
  display: flex;
  flex-direction: column;
  width: 32%;
  margin-right: 15px;
  min-width: 300px;
}
.organisationReport .flex-container .flex-column.no-right-margin {
  margin-right: 0;
}
.organisationReport .flex-container .flex-column .container-widget {
  margin-bottom: 15px;
}
.organisationReport .flex-container .flex-column .container-widget.grow {
  flex-grow: 1;
}
.organisationReport .flex-container .flex-column .container-widget.max-height-standard {
  max-height: 265px;
}
.organisationReport .flex-container .flex-column .container-widget.max-height-companies {
  max-height: 500px;
}
@media screen and (max-width: 650px) {
  .organisationReport .flex-container .flex-column {
    margin-right: 0;
  }
}
.organisationReport .widget {
  position: relative;
}
.organisationReport .widget .widget-title {
  border-radius: 5px;
  color: white;
  padding: 0 16px;
  height: 36px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.organisationReport .widget .average-information-container {
  display: flex;
  align-items: center;
  height: 100%;
}
.organisationReport .widget .average-information {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.organisationReport .widget .canvas-container {
  width: 100%;
}
.organisationReport .widget .canvas-container canvas {
  width: 100% !important;
}
.organisationReport .count-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  position: absolute;
  top: 37px;
  right: 0px;
  z-index: 1;
}
.organisationReport .count-list .count-box {
  text-align: center;
  padding: 8px;
  border-radius: 5px;
  background-color: #FFFFFF;
  border: 1px solid #48cde0;
}
.organisationReport .count-list .count-box h3 {
  font-size: 150%;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 5px;
}
.organisationReport .count-list .count-box.count-box {
  width: auto;
}
.organisationReport .table-container {
  width: 100%;
  padding-left: 5px;
  max-height: 200px;
  min-height: 70px;
  overflow-y: scroll;
}
.organisationReport .table-container table {
  width: 100%;
}
.organisationReport .table-container table .table-th {
  box-sizing: border-box;
  text-align: left;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: normal;
  background: white;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 8px;
  position: sticky;
  top: 0;
  -webkit-box-shadow: inset 0px -2px 0px 0px #48cde0;
  -moz-box-shadow: inset 0px -2px 0px 0px #48cde0;
  box-shadow: inset 0px -2px 0px 0px #48cde0;
}
.organisationReport .table-container table .table-th .cell-header-container {
  display: flex;
  align-items: center;
  width: fit-content;
}
.organisationReport .table-container table .table-th .cell-header-container i {
  font-weight: bold;
  font-size: 16px;
  margin-top: -2px;
  margin-left: 8px;
}
.organisationReport .table-container table .table-th .cell-header-container.cell-header-container {
  cursor: pointer;
}
.organisationReport .table-container table .table-tr {
  height: 30px;
  min-height: 30px;
  max-height: 30px;
}
.organisationReport .table-container table .table-tr:nth-child(even) {
  background-color: #F8F9FA;
}
.organisationReport .table-container table .table-td {
  padding: 0px 8px;
}
.organisationReport .white-background {
  background-color: #fff;
}
.organisationReport .business-background {
  background-color: #48cde0;
}
.organisationReport .recruitment-background {
  background-color: #FF9800;
}
.organisationReport .rounded-borders {
  border: 1px solid #C4D3D9;
  border-radius: 10px;
}
.organisationReport .container-padding {
  padding: 10px 10px 10px 10px;
}
.organisationReport .smiley-icon {
  font-size: 175px;
  color: gainsboro;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.date-range-selector .datepicker-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.date-range-selector md-input-container {
  width: unset;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.dashboards-myBu {
  font-weight: bold;
}
.dashboards-myStaff {
  font-weight: bold;
}
.buSelectorForStaffSelector .attachmentOrganisationForBusinessUnitSelector {
  color: #48cde0;
  padding: 5px 10px 0;
}
.buSelectorForStaffSelector .hierarchy-indicator {
  width: 1em;
  display: inline-block;
}
.buSelectorForStaffSelector .attachmentOrganisationName {
  display: none;
}
staff-selector .hierarchy-indicator {
  display: none !important;
}
staff-selector .attachmentOrganisationName {
  display: inline;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.rapportRdv {
  padding: 30px 20px 0;
}
.rapportRdv .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
.rapportRdv .content-managers-rdv {
  padding-left: 20px;
  max-width: 1400px;
  background-color: white;
  margin: 30px auto 30px auto;
}
.rapportRdv .content-managers-rdv .second-content-managers-rdv {
  padding: 40px 50px 200px 50px;
}
.rapportRdv .content-managers-rdv .second-content-managers-rdv .title-h1 {
  font-size: 20px;
  width: auto;
}
.rapportRdv .content-managers-rdv .second-content-managers-rdv .container-managers {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  grid-gap: 30px;
  width: 50%;
}
.rapportRdv .content-managers-rdv .second-content-managers-rdv .export-container {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}
.rapportRdv .content-managers-rdv .loading {
  text-align: center;
  font-style: italic;
}
.rapportRdv .content-managers-rdv .managerRdv-page-container .tabs-managerRdv {
  table-layout: fixed;
  width: 100%;
  overflow-wrap: break-word;
  background: white;
}
.rapportRdv .content-managers-rdv .managerRdv-page-container .tabs-managerRdv .head-managerRdv th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
.rapportRdv .content-managers-rdv .managerRdv-page-container .tabs-managerRdv .totalHead-managerRdv th {
  text-align: center;
  vertical-align: middle;
  color: "Heebo-Black", Helvetica, Arial, sans-serif;
}
.rapportRdv .content-managers-rdv .managerRdv-page-container .tabs-managerRdv .body-managerRdv td {
  max-height: 45px;
  text-align: center;
  vertical-align: middle;
}
.rapportRdv .content-managers-rdv .managerRdv-page-container .tabs-managerRdv .body-managerRdv .nameLeft {
  max-height: 45px;
  text-align: left;
  vertical-align: middle;
}
.rapportRdv .content-managers-rdv .managerRdv-page-container .tabs-managerRdv .body-managerRdv .notComments {
  color: #b9bebe;
}
.rapportRdv .content-managers-rdv .managerRdv-page-container .tabs-managerRdv .body-managerRdv .isComments {
  color: #28D149;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
energetic-performance {
  margin-bottom: 0;
}
energetic-performance .tables-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
energetic-performance table td {
  border: 1px solid #E0E7EA;
}
energetic-performance thead tr td {
  background-color: #c4d3d9;
  text-align: center;
}
energetic-performance thead tr td:last-of-type {
  background-color: #c4d3d9;
  text-align: right;
}
energetic-performance thead tr td.total {
  font-weight: bold;
}
energetic-performance tbody tr td {
  text-align: center;
}
energetic-performance tbody tr td:first-of-type {
  text-align: left;
  padding-right: 10px;
}
energetic-performance tbody tr td:last-of-type {
  background-color: #c4d3d9;
  text-align: right;
}
energetic-performance tbody tr td.total {
  font-weight: bold;
}
energetic-performance .empty-td {
  background: transparent;
  border: none;
}
energetic-performance .table-weeks-container {
  min-width: 600px;
}
energetic-performance .table-weeks-container table {
  width: 100%;
}
@media screen and (max-width: 650px) {
  energetic-performance .table-weeks-container {
    overflow-x: scroll;
  }
}
@media screen and (max-width: 807px) {
  energetic-performance .table-weeks-container {
    width: 100%;
    margin-right: 0;
    min-width: unset;
  }
}
energetic-performance td {
  padding: 5px;
}
energetic-performance .green {
  color: white;
  background-color: #ADCC4F;
}
energetic-performance .orange {
  color: white;
  background-color: #FFAE2C;
}
energetic-performance .red {
  color: white;
  background-color: #E74C3C;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.pipe-evolution .canvas-container {
  width: 80% !important;
}
@media screen and (max-width: 650px) {
  .pipe-evolution .canvas-container {
    width: 100%;
  }
}
.pipe-evolution .average-list.pipe {
  flex-direction: column;
  justify-content: flex-start;
}
.pipe-evolution .average-list.pipe .average-box {
  margin: 0px 0px 6px 0px;
}
@media screen and (max-width: 650px) {
  .pipe-evolution .average-list.pipe {
    flex-direction: row;
    position: relative;
    justify-content: space-around;
    top: unset;
    right: unset;
  }
  .pipe-evolution .average-list.pipe .average-box {
    margin: 0px 3px;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.rdv-types .range-label {
  padding: 5px 10px;
  margin-bottom: 10px;
}
.rdv-types .range-label span {
  border-bottom: 2px solid #FF9800;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.yearly-hires .hires-table-container {
  width: 100%;
  padding-left: 5px;
  max-height: 300px;
  min-height: 60px;
  overflow-y: scroll;
}
.yearly-hires .hires-table-container table {
  width: 100%;
}
.yearly-hires .hires-table-container table .table-th {
  box-sizing: border-box;
  text-align: left;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: normal;
  background: white;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 8px;
  position: sticky;
  top: 0;
  -webkit-box-shadow: inset 0px -2px 0px 0px #FF9800;
  -moz-box-shadow: inset 0px -2px 0px 0px #FF9800;
  box-shadow: inset 0px -2px 0px 0px #FF9800;
}
.yearly-hires .hires-table-container table .table-th .cell-header-container {
  display: flex;
  align-items: center;
  width: fit-content;
  cursor: pointer !important;
}
.yearly-hires .hires-table-container table .table-th .cell-header-container i {
  font-weight: bold;
  font-size: 16px;
  margin-top: -2px;
  margin-left: 8px;
}
.yearly-hires .hires-table-container table .table-th.date-hire {
  width: 40%;
}
.yearly-hires .hires-table-container table .table-th.name-hire {
  width: 60%;
}
.yearly-hires .hires-table-container table .table-tr {
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  -webkit-box-shadow: inset 0px -1px 0px 0px #b9bebe;
  -moz-box-shadow: inset 0px -1px 0px 0px #b9bebe;
  box-shadow: inset 0px -1px 0px 0px #b9bebe;
}
.yearly-hires .hires-table-container table .table-td {
  padding: 0px 8px;
}
.yearly-hires .hires-table-container table .table-td.date-hire {
  width: 40%;
}
.yearly-hires .hires-table-container table .table-td.name-hire {
  width: 60%;
}
.yearly-hires .average-list {
  right: 10px;
}
@media screen and (max-width: 650px) {
  .yearly-hires .average-list.hires {
    margin-top: 10px;
    right: 0;
  }
}
.yearly-hires .average-box {
  padding: 0px 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.companies-list .table-container {
  max-height: 435px;
}
.companies-list .company-cell {
  color: white;
  background-color: #464580;
}
.companies-list .table-tr {
  border-bottom: 2px solid white;
}
.companies-list .table-td {
  text-transform: uppercase;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.count-alerts .count-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
  top: unset;
  right: unset;
  z-index: unset;
}
.count-alerts .count-list .count-box {
  text-align: center;
  padding: 8px;
  margin: 0px 3px;
  border-radius: 10px;
  border: none;
  color: white;
}
.count-alerts .count-list .count-box h3 {
  font-size: 150%;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 5px;
}
.count-alerts .count-list .count-box-error {
  background-color: #E74C3C;
}
.count-alerts .count-list .count-box-warning {
  background-color: #FFAE2C;
}
.count-alerts .count-list .count-box-ok {
  background-color: #ADCC4F;
}
.count-alerts .count-list .count-box.count-box {
  width: 33%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.evolution-arrivings-and-leavings .count-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  position: relative;
}
.evolution-arrivings-and-leavings .count-list .count-box {
  text-align: center;
  padding: 5px 8px;
  margin: 0px 3px;
  border-radius: 5px;
  background-color: #FFFFFF;
  border: 1px solid #ADCC4F;
}
.evolution-arrivings-and-leavings .count-list .count-box .centered-info-div {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.evolution-arrivings-and-leavings .count-list .count-box h3 {
  font-size: 150%;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 5px;
}
.evolution-arrivings-and-leavings .count-list .count-box .info-icon {
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.new-prospects .count-list {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  position: relative;
}
.new-prospects .count-list .count-box {
  text-align: center;
  padding: 5px 8px;
  margin: 0px 3px;
  border-radius: 5px;
  margin-bottom: 8px;
  background-color: #FFFFFF;
  border: 1px solid #48cde0;
}
.new-prospects .count-list .count-box h3 {
  font-size: 150%;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 5px;
}
.new-prospects .table-container {
  padding: 0 16px;
  max-height: 250px;
  overflow-y: scroll;
}
.new-prospects .table-container table {
  width: 100%;
}
.new-prospects .table-container .table-tr:nth-child(odd) {
  background-color: #F8F9FA;
}
.new-prospects .table-container .table-th,
.new-prospects .table-container .table-td {
  padding-left: 5px;
}
.new-prospects .table-container .table-th {
  box-sizing: border-box;
  text-align: left;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: normal;
  background: white;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 8px;
  position: sticky;
  top: 0;
}
.new-prospects .table-container .table-th .cell-header-container {
  display: flex;
  align-items: center;
  width: fit-content;
}
.new-prospects .table-container .table-th .cell-header-container i {
  font-weight: bold;
  font-size: 16px;
  margin-top: -2px;
  margin-left: 8px;
}
.new-prospects .table-container .table-th .cell-header-container.cell-header-container {
  cursor: pointer;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.project-fail-reasons .line {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.project-fail-reasons .line .canvas-container {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
}
.project-fail-reasons .line .canvas-container canvas {
  height: 100% !important;
}
.project-fail-reasons .line .legend-list {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding-right: 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.recruitment-indicators .line {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.recruitment-indicators .line .table-container,
.recruitment-indicators .line .count-list {
  padding: 0 10px;
}
.recruitment-indicators .line .count-list {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
.recruitment-indicators .line .count-list .count-box {
  text-align: center;
  padding: 5px 8px;
  margin: 0px 3px;
  border-radius: 5px;
  margin-bottom: 8px;
  background-color: #FFFFFF;
  border: 1px solid #FF9800;
}
.recruitment-indicators .line .count-list .count-box h3 {
  font-size: 150%;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 5px;
}
.recruitment-indicators .line .table-container {
  width: 50%;
}
.recruitment-indicators .line .table-container table {
  width: 100%;
  height: 100%;
}
.recruitment-indicators .line .table-container .average-label {
  font-weight: bold;
  text-align: center;
}
.recruitment-indicators .line .table-container .table-tr:nth-child(odd) {
  background-color: #F8F9FA;
}
.recruitment-indicators .line .table-container .td-label {
  padding-left: 5px;
}
.recruitment-indicators .line .table-container .td-average {
  color: white;
  background-color: #464580;
  text-align: right;
  padding-right: 5px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.recruitment-performances .bar-container {
  height: 40px;
  display: flex;
  flex-direction: row;
}
.recruitment-performances .rate-list {
  padding: 0 12px;
}
.recruitment-performances .rate-list .rate-item {
  margin-top: 10px;
}
.recruitment-performances .rate-list .rate-item .rate-label {
  margin-bottom: 5px;
}
.recruitment-performances .standard-bar {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  min-width: 30px;
}
.recruitment-performances .centered-info-icon {
  display: flex;
  align-items: center;
  padding: 10px;
}
.recruitment-performances .left-bar {
  color: #fff;
}
.recruitment-performances .left-bar.blue-bar {
  background-color: #464680;
}
.recruitment-performances .left-bar.orange-bar {
  background-color: #FF9800;
}
.recruitment-performances .right-bar {
  background-color: #E7EDF0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.transformation-project .line {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.transformation-project .line .canvas-container {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.transformation-project .line .count-list {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
.transformation-project .line .count-list .count-box {
  text-align: center;
  padding: 3px 8px;
  margin: 0px 3px;
  border-radius: 5px;
  background-color: #DEE4E7;
  border: none;
  margin-bottom: 2px;
}
.transformation-project .line .count-list .count-box h3 {
  font-size: 150%;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 5px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.transformation-rq .line {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.transformation-rq .line .canvas-container {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.transformation-rq .line .count-list {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
.transformation-rq .line .count-list .count-box {
  text-align: center;
  padding: 3px 8px;
  margin: 0px 3px;
  border-radius: 5px;
  background-color: #DEE4E7;
  border: none;
  margin-bottom: 2px;
}
.transformation-rq .line .count-list .count-box h3 {
  font-size: 150%;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 5px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.total-hires {
  height: 100%;
}
.total-hires .count-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.total-hires h3 {
  text-align: center;
  font-size: 200%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.suivi-projet .events-navigation {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 24px 0 0 0;
}
.suivi-projet .events-navigation i {
  cursor: pointer;
  user-select: none;
}
.suivi-projet .events-navigation i:hover {
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.05);
}
.suivi-projet .events-navigation span {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 2px 0 0 0;
}
.suivi-projet .no-visibility {
  visibility: hidden;
}
.suivi-projet .events-list {
  height: calc(100% - 135px);
  overflow-y: scroll;
  margin: 24px 0 0 0;
}
.suivi-projet .events {
  display: flex;
  justify-content: space-between;
  min-height: 80px;
}
.suivi-projet .events i {
  cursor: pointer;
  color: #C4C4D5;
  font-size: 20px;
  margin-left: 8px;
}
.suivi-projet .events i:hover {
  color: #464680;
}
.suivi-projet .event-information {
  display: flex;
}
.suivi-projet .design {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.suivi-projet .circle {
  height: 20px;
  width: 20px;
  border-radius: 50%;
}
.suivi-projet .background-color-others {
  background: #464680;
  flex: 0 0 auto;
}
.suivi-projet .bar {
  width: 2px;
  height: calc(100% - 18px);
  background: #C7D9E8;
}
.suivi-projet .text {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 16px;
}
.suivi-projet .type-name {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.suivi-projet .project-name {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.suivi-projet .date-host-name {
  color: #b9bebe;
  font-size: 12px;
}
.suivi-projet .events-icons-container {
  display: flex;
}
.suivi-projet .i-refresh-hourglass-download {
  font-size: 25px !important;
  margin-right: 8px;
  margin-top: 2px;
  margin-left: unset !important;
}
.popover-style {
  color: red;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.myAccountDesktop {
  height: calc(100vh - 98px);
}
.myAccountMobile {
  height: calc(100vh - 64px);
}
.myAccount {
  display: flex;
  width: 100%;
}
.myAccount .account-left-container {
  height: 100%;
  width: 20%;
  background: #F3F6F8;
  padding: 32px;
}
.myAccount .account-left-container-mobile {
  height: 100%;
  width: 100%;
  background: #F3F6F8;
  padding: 32px;
}
.myAccount .account-param-title {
  font-size: 20px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.myAccount .account-tabs-container {
  margin: 16px 0 0 0;
  display: flex;
  flex-direction: column;
}
.myAccount .account-tab-btn {
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  border-radius: 6px;
  margin: 8px 0;
  padding: 0 16px;
  width: 100%;
  height: 56px;
  font-size: 16px;
  background: transparent;
}
.myAccount .account-tab-btn:hover {
  background: #E8E8E8;
}
.myAccount .active-account-tab-btn {
  background: #E8E8E8;
}
.myAccount .account-right-container {
  height: 100%;
  width: 80%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.myAccount .account-right-container-mobile {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.accountConnexions {
  display: flex;
  flex-direction: column;
  padding: 48px;
}
.accountConnexions .is-connected-container {
  display: flex;
  flex-direction: column;
}
.accountConnexions .connexions-title {
  font-size: 28px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  border-bottom: 2px solid #48CDE0;
  padding: 0 0 8px 0;
  display: flex;
  align-items: center;
  cursor: default !important;
}
.accountConnexions .i-chevron-left {
  color: #464584;
  font-size: 32px;
  margin: -4px 0 0 -8px;
}
.accountConnexions .connexions-sub-title {
  font-size: 20px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 32px 0 0 0;
}
.accountConnexions .connexions-text {
  font-size: 16px;
  margin: 16px 0 0 0;
}
.accountConnexions .connexions-imgs {
  margin: 24px 0 0 -5px;
  width: 100%;
  max-width: 328px;
}
.accountConnexions .connexions-imgs:hover {
  filter: drop-shadow(0px 0px 2px #9DBACE);
}
.accountConnexions .connexions-input {
  margin: 16px 0 0 -2px;
  width: 100%;
  max-width: 456px;
}
.accountConnexions .connexions-btn-container {
  margin: 32px 0 0 0;
}
.accountConnexions .connexions-btn-container-mobile {
  margin: 32px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.accountConnexions .connexions-flex-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}
.accountConnexions .connexions-flex-col-container {
  display: flex;
  flex-direction: column;
}
.accountConnexions .disconnect-btn-container {
  height: 100%;
}
.accountConnexions .disconnect-btn {
  margin: 32px 0 0 0;
  font-size: 16px;
  background-color: #ff9800;
}
.accountConnexions .switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
  margin: 0;
}
.accountConnexions .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.accountConnexions .switch input:checked + .slider {
  background-color: #48CDE0;
}
.accountConnexions .switch input:focus + .slider {
  box-shadow: 0 0 1px #48CDE0;
}
.accountConnexions .switch input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}
.accountConnexions .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #B9BEBE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.accountConnexions .slider:before {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.21);
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.accountConnexions .slider.round {
  border-radius: 34px;
}
.accountConnexions .slider.round:before {
  border-radius: 50%;
}
.accountConnexions .connexions-text-spacing {
  margin: 0 16px 0 0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.accountPassword {
  display: flex;
  flex-direction: column;
  padding: 48px;
}
.accountPassword .security-title {
  font-size: 28px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  border-bottom: 2px solid #48CDE0;
  padding: 0 0 8px 0;
  display: flex;
  align-items: center;
  cursor: default !important;
}
.accountPassword .i-chevron-left {
  color: #464584;
  font-size: 32px;
  margin: -4px 0 0 -8px;
}
.accountPassword .password-change-title {
  font-size: 20px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 32px 0 0 0;
}
.accountPassword .password-information-container {
  display: flex;
  color: #9DBACE;
  margin: 8px 0 0 0;
}
.accountPassword .password-information-texts-container {
  display: flex;
  flex-direction: column;
  margin: 1px 0 0 0;
  font-size: 16px;
}
.accountPassword .password-information-texts-container-mobile {
  display: flex;
  flex-direction: column;
  margin: 1px 0 0 0;
  font-size: 12px;
}
.accountPassword .i-info {
  font-size: 22px;
  margin: 0 8px 0 0;
}
.accountPassword .account-password-input {
  margin: 16px 0 0 -2px;
  width: 100%;
  max-width: 520px;
}
.accountPassword .account-password-error-message {
  color: #FF1744;
  font-size: 12px;
}
.accountPassword .account-password-btn-container {
  margin: 32px 0 0 0;
}
.accountPassword .account-password-btn-container-mobile {
  margin: 32px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
@media (max-width: 992px) {
  .editMyCareer .material-icons {
    margin-left: unset;
  }
}
.editMyCareer .my-content-editMyCareer {
  background: linear-gradient(to bottom, #e8f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
.editMyCareer .my-content-editMyCareer .input-same-column {
  display: flex;
}
@media (max-width: 992px) {
  .editMyCareer .my-content-editMyCareer .input-same-column {
    flex-direction: column;
  }
}
.editMyCareer .my-content-editMyCareer .input-same-column > * {
  flex: 1 1 0%;
}
.editMyCareer .my-content-editMyCareer .input-diff-column {
  display: flex;
}
@media (max-width: 992px) {
  .editMyCareer .my-content-editMyCareer .input-diff-column {
    flex-direction: column;
  }
}
.editMyCareer .my-content-editMyCareer .input-diff-column :nth-child(1) {
  flex: 1 1 60%;
}
.editMyCareer .my-content-editMyCareer .input-diff-column :nth-child(2) {
  flex: 1 1 30%;
}
@media (max-width: 992px) {
  .editMyCareer .my-content-editMyCareer .main-place {
    padding: 0;
    height: calc(100vh - 60px);
    overflow: scroll;
    padding-bottom: 200px;
  }
}
.editMyCareer .my-content-editMyCareer .main-place .edition-header-banner-container {
  min-height: 107px;
  background-color: white;
  border-bottom: 1px solid #ddecf7;
  margin-bottom: 1px;
  padding: 0 2.52747253% 30px 4.94505495%;
  padding-bottom: 10px !important;
  background-color: #effafc;
}
@media (max-width: 992px) {
  .editMyCareer .my-content-editMyCareer .main-place .edition-header-banner-container {
    padding: 12px 10px 0;
  }
}
.editMyCareer .my-content-editMyCareer .main-place .edition-header-banner-container .header-content-mobile {
  display: flex;
  flex-direction: column;
}
.editMyCareer .my-content-editMyCareer .main-place .edition-header-banner-container .header-content-mobile .top-mobile {
  display: flex;
}
.editMyCareer .my-content-editMyCareer .main-place .edition-header-banner-container .header-content-mobile .top-mobile .go-back {
  margin-top: 10px;
}
.editMyCareer .my-content-editMyCareer .main-place .edition-header-banner-container .header-content-mobile .content-mobile {
  display: flex;
  flex-direction: column;
}
.editMyCareer .my-content-editMyCareer .main-place .edition-header-banner-container .header-content {
  width: 100%;
  display: flex;
  grid-gap: 5px;
}
.editMyCareer .my-content-editMyCareer .main-place .edition-header-banner-container .header-content pepite .signet {
  height: 77px;
  width: 40px;
}
.editMyCareer .my-content-editMyCareer .main-place .edition-header-banner-container .header-content .content {
  flex: 1 1 0%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 32px;
}
.editMyCareer .my-content-editMyCareer .main-place .edition-header-banner-container .header-content .content .first {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.editMyCareer .my-content-editMyCareer .main-place .edition-header-banner-container .header-content .content .middle {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.editMyCareer .my-content-editMyCareer .main-place .edition-header-banner-container .header-content .content .last {
  display: flex;
  align-items: center;
}
.editMyCareer .my-content-editMyCareer .main-place .editMyCareer-content-container {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
  background: white;
  display: flex;
  column-gap: 50px;
  padding: 32px 2.52747253% 30px 4.94505495%;
}
@media screen and (max-width: 992px) {
  .editMyCareer .my-content-editMyCareer .main-place .editMyCareer-content-container {
    flex-direction: column;
    justify-content: unset;
  }
}
.editMyCareer .my-content-editMyCareer .main-place .editMyCareer-content-container .competence {
  flex: 0 1 33.3%;
}
.editMyCareer .my-content-editMyCareer .main-place .editMyCareer-content-container .formation {
  flex: 0 1 33.3%;
  display: flex;
  flex-direction: column;
}
.editMyCareer .my-content-editMyCareer .main-place .edition-footer-banner-container {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
  min-height: 90px;
  width: 100%;
  background-color: #fafbfc;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.editMyCareer .my-content-editMyCareer .main-place .edition-footer-banner-container .btn-save {
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  background: #464584;
  padding: 0 16px;
  text-transform: none;
}
.editMyCareer .my-content-editMyCareer .main-place .edition-footer-banner-container .btn-cancel {
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  background: #9DBACE;
  padding: 0 16px;
  text-transform: none;
}
.editMyCareer .my-content-editMyCareer completion-index-circle {
  width: 50px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
@media (max-width: 992px) {
  .my-career-detail {
    padding-bottom: 100px;
  }
}
.my-career-detail .separation {
  box-shadow: inset 0 -1px 0 0 rgba(151, 151, 151, 0.16);
  padding-bottom: 20px;
}
.my-career-detail .synthese-projet .headSynthProjet {
  text-align: center;
  color: #C1D5E1;
}
.my-career-detail .synthese-projet .bodySynthProjet > td {
  text-align: center;
}
.my-career-detail .synthese-projet .detail-block-mobile .barre {
  border-bottom: solid #48cde0 1px;
  margin: 10px 0;
}
.my-career-detail .synthese-projet .detail-block-mobile .other-data-content-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (max-width: 400px) {
  .my-career-detail .synthese-projet .detail-block-mobile .other-data-content-container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.my-career-detail .synthese-projet .detail-block-mobile .other-data-content-container .text-with-icon {
  display: flex;
  align-items: center;
}
.my-career-detail .synthese-projet .detail-block-mobile .other-data-content-container .text-without-icon {
  margin-left: 34px;
}
@media (max-width: 400px) {
  .my-career-detail .synthese-projet .detail-block-mobile .other-data-content-container .value {
    padding-left: 35px;
  }
}
.my-career-detail .my-career_header-container {
  margin: auto;
  display: flex;
  column-gap: 15px;
}
.my-career-detail .my-career_header-container .left-corner {
  position: absolute;
  left: 32px;
}
@media (max-width: 992px) {
  .my-career-detail .my-career_header-container .left-corner {
    left: unset;
    right: 11px;
    top: 0;
  }
}
.my-career-detail .my-career_header-container .left-corner .signet {
  height: 52px;
}
.my-career-detail .my-career_header-container .my-career_header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  box-shadow: inset 0 -1px 0 0 rgba(151, 151, 151, 0.16);
  padding: 0 30px 16px 0;
}
@media (max-width: 992px) {
  .my-career-detail .my-career_header-container .my-career_header {
    padding: 16px 10px;
    font-size: 14px;
  }
}
.my-career-detail .my-career_header-container .my-career_header .my-career_header-name {
  display: flex;
  justify-content: space-between;
  line-height: 0.88;
}
.my-career-detail .my-career_header-container .my-career_header .my-career_header-name .icon-and-name {
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 40px;
  padding-top: 22px;
}
@media (max-width: 992px) {
  .my-career-detail .my-career_header-container .my-career_header .my-career_header-name .icon-and-name {
    font-size: 20px;
    padding-top: 0px;
  }
}
.my-career-detail .my-career_header-container .my-career_header .my-career_header-name .circle-and-date {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
}
.my-career-detail .my-career_header-container .my-career_header .my-career_header-name .circle-and-date .source {
  flex-flow: column;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.27;
  color: #a0a0a0;
}
.my-career-detail .my-career_header-container .my-career_header .my-career_header-description {
  display: flex;
  column-gap: 5px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #474781;
  margin-left: 6px;
}
@media (max-width: 400px) {
  .my-career-detail .my-career_header-container .my-career_header .my-career_header-description {
    flex-direction: column;
    padding-top: 0px;
  }
}
.my-career-detail .my-career_header-container .my-career_header .my-career_header-description .birth {
  display: flex;
  column-gap: 2px;
}
.my-career-detail .my-career_header-container .my-career_header .my-career_header-contact .infos-and-files-container {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 992px) {
  .my-career-detail .my-career_header-container .my-career_header .my-career_header-contact .infos-and-files-container {
    flex-direction: column;
  }
}
.my-career-detail .my-career_header-container .my-career_header .my-career_header-contact .infos-container {
  display: flex;
  flex-direction: row;
}
@media (max-width: 992px) {
  .my-career-detail .my-career_header-container .my-career_header .my-career_header-contact .infos-container {
    flex-direction: column;
    width: 100%;
  }
}
.my-career-detail .my-career_header-container .my-career_header .my-career_header-contact .files {
  margin-left: auto;
}
.my-career-detail .detail-contact .infos-and-files-container {
  justify-content: space-between;
}
.my-career-detail .detail-contact .infos-and-files-container .infos-container {
  width: 0%;
  display: flex;
  align-items: center;
  flex: 1 1 0;
}
.my-career-detail .my-career-detail-content {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  padding-right: 30px;
}
@media (max-width: 992px) {
  .my-career-detail .my-career-detail-content {
    padding: 0 10px;
  }
}
.my-career-detail .competence-formation {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  column-gap: 5%;
}
@media (max-width: 992px) {
  .my-career-detail .competence-formation {
    flex-direction: column;
  }
}
.my-career-detail .competence-formation > * {
  flex: 1 1 0%;
}
.myDashboardPageSlide {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.myDashboardPageSlide .dashboard-container {
  margin-bottom: 20px;
}
.myDashboardPageSlide .my-dashboard-slide-content {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 40px;
  height: auto;
}
.myDashboardPageSlide .my-dashboard-slide-content .addOrEditEventForm {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
}
.myDashboardPageSlide .my-dashboard-slide-content .date-and-time-container {
  display: flex;
}
.myDashboardPageSlide .my-dashboard-slide-content .date-and-time-container .input-container {
  flex: 1 1 0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.myDeclarationsDesktop {
  height: calc(100vh - 98px);
}
.myDeclarationsMobile {
  height: calc(100vh - 64px);
}
.myDeclaration .btn-filtre-ODM {
  top: 60px;
}
.myDeclaration .underNavbar {
  list-style-type: none;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
  padding-right: 25px;
  padding-left: 25px;
  width: 100%;
  height: 66px;
}
.myDeclaration .underNavbar li {
  letter-spacing: 1.71px;
  font-size: 14px;
  line-height: 21px;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.myDeclaration .title {
  font-size: 17px;
  cursor: pointer;
  padding: 20px 30px;
}
.myDeclaration .title:hover {
  background-color: #eee;
}
.myDeclaration .title.disabled {
  color: #B9BEBE;
  cursor: default;
}
.myDeclaration .title.disabled:hover {
  background-color: transparent !important;
}
.myDeclaration .actif {
  padding-bottom: 13px;
  border-bottom-color: #48CDE0;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  color: #48CDE0;
}
.myDeclaration .declarations-components {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: calc(100% - 62px);
  position: relative;
  overflow-y: scroll;
}
.myDeclaration .declarations-components.rma-section {
  overflow: scroll;
}
@media screen and (max-width: 992px) {
  .myDeclaration .declarations-components.rma-section {
    height: calc(var(--vh, 1vh) * 100);
  }
  .myDeclaration .declarations-components.rma-section::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.myDeclaration .declarations-components .vacations-container {
  height: auto;
  width: 100%;
  display: flex;
  padding: 0 2rem;
  margin: 7rem 0;
}
@media screen and (max-width: 992px) {
  .myDeclaration .declarations-components .vacations-container {
    display: block;
    width: auto;
  }
}
.myDeclaration .declarations-components .vacations-container button {
  position: absolute;
  right: 4rem;
  top: 3rem;
}
.myDeclaration .declarations-components .vacations-container .counter-wrapper,
.myDeclaration .declarations-components .vacations-container .history-wrapper {
  width: 50%;
  padding: 2rem;
}
@media screen and (max-width: 992px) {
  .myDeclaration .declarations-components .vacations-container .counter-wrapper,
  .myDeclaration .declarations-components .vacations-container .history-wrapper {
    width: 100%;
    padding: 0;
    margin: 10px;
  }
}
@media screen and (max-width: 992px) {
  .myDeclaration .underNavbar {
    padding: 0;
    margin: 0;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
    box-shadow: 0px 0px 10px 0px grey;
  }
  .myDeclaration .title {
    font-size: 13px;
    padding: 0 5px;
    text-align: center;
    width: 100%;
  }
  .myDeclaration .actif {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 5px;
  }
  .myDeclaration .declarations-components {
    z-index: 1;
  }
  .myDeclaration .declarations-components .vacations-container {
    flex-direction: column;
    padding: 0 0 70px;
    margin: 0 10px;
  }
  .myDeclaration .declarations-components .vacations-container button {
    position: relative;
    right: initial;
    top: initial;
    width: 100%;
    margin: 20px auto;
  }
}
.mobile-container .col-xs-3 {
  font-size: 12px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
expense-report-declaration .my-content {
  padding: 32px;
  padding-bottom: 0px;
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: calc(100% - 42px);
  overflow-y: scroll;
}
@media (max-width: 992px) {
  expense-report-declaration .my-content {
    padding: 32px 15px;
  }
}
expense-report-declaration .my-content .close-icon {
  font-size: 24px;
  color: #464680;
  position: absolute;
  top: 0;
  left: 0;
}
expense-report-declaration .my-content .bar {
  border-bottom: 1px solid #48cde0;
  width: 50%;
  margin: 20px auto;
}
expense-report-declaration .my-content .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  margin-bottom: 20px;
}
expense-report-declaration .my-content .title .redExplain {
  color: #FF1744;
  font-size: 13px;
  font-style: italic;
}
expense-report-declaration .my-content .depense-elemnt-row {
  display: flex;
  flex-wrap: wrap;
}
expense-report-declaration .my-content .bloc-for-mobile {
  border-bottom: 1px solid #b9bebe;
  justify-content: space-between;
  padding: 15px 5px 15px 10px;
  background-color: white;
}
expense-report-declaration .my-content .bloc-for-mobile .numberingAndCheck {
  display: flex;
  column-gap: 2px;
}
expense-report-declaration .my-content .bloc-for-mobile .numberingAndCheck .checkbox_cont {
  margin-bottom: unset;
}
expense-report-declaration .my-content .bloc-for-mobile.ndf-row {
  display: flex;
  flex-direction: column;
}
expense-report-declaration .my-content .bloc-for-mobile.ndf-row-total {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
expense-report-declaration .my-content .ndfExpenses-row {
  display: flex;
  justify-content: space-between;
}
expense-report-declaration .my-content .ndfExpenses-row .ndfExpenses-action {
  display: flex;
  align-items: center;
}
expense-report-declaration .my-content .ndfExpenses-row .ndfExpenses-action md-checkbox {
  margin-bottom: unset;
}
expense-report-declaration .my-content .subTitle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
}
expense-report-declaration .my-content .subTitle .styleSubTitle {
  width: 12%;
}
@media (max-width: 992px) {
  expense-report-declaration .my-content .subTitle .styleSubTitle {
    width: 50%;
    align-self: center;
    padding-top: 10px;
  }
}
expense-report-declaration .my-content .subTitle .styleContainer {
  width: 20%;
}
@media (max-width: 992px) {
  expense-report-declaration .my-content .subTitle .styleContainer {
    width: 50%;
  }
}
expense-report-declaration .my-content .subTitle p {
  font-size: 15px;
  font-weight: bold;
  color: #B9BEBE;
}
@media (max-width: 992px) {
  expense-report-declaration .my-content .subTitle p {
    font-size: 13px;
  }
}
expense-report-declaration .my-content .subTitle .ngTitle {
  text-transform: capitalize;
}
expense-report-declaration .my-content .ndf-details {
  background: white;
}
expense-report-declaration .my-content .ndf-details .tabs-ndfTotals {
  margin-top: -20px;
}
expense-report-declaration .my-content .ndfTotals {
  margin-top: 20px;
}
expense-report-declaration .my-content .ndfTotals .table-ndfTotals {
  table-layout: fixed;
  width: 100%;
}
expense-report-declaration .my-content .ndfTotals .table-ndfTotals th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
  padding: 10px 20px;
}
expense-report-declaration .my-content .ndfTotals .table-ndfTotals td {
  text-align: center;
  vertical-align: middle;
  padding: 10px 20px;
}
expense-report-declaration .my-content .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
expense-report-declaration .my-content .ndfExpenses {
  margin-top: 20px;
  width: auto;
}
expense-report-declaration .my-content .ndfExpenses .table-ndfExpenses {
  table-layout: fixed;
  overflow-wrap: break-word;
  background-color: white;
}
expense-report-declaration .my-content .ndfExpenses .table-ndfExpenses .head-ndfExpenses th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
expense-report-declaration .my-content .ndfExpenses .table-ndfExpenses .ndfExpenses_header {
  height: 30px;
  background-color: #464680;
  border: #464680;
  vertical-align: middle;
  border-bottom: 1px solid #b9bebe;
}
expense-report-declaration .my-content .ndfExpenses .table-ndfExpenses .ndfExpenses_header .statusEnum .status-name {
  color: white;
  font-size: 13px;
  padding-left: 35px;
}
expense-report-declaration .my-content .ndfExpenses .table-ndfExpenses .ndfExpenses_header .expand-less {
  font-size: 35px;
  color: white;
  margin-top: 5px;
}
expense-report-declaration .my-content .ndfExpenses .table-ndfExpenses .ndfExpenses_header .expand-more {
  font-size: 35px;
  color: white;
  margin-top: 5px;
}
expense-report-declaration .my-content .ndfExpenses .table-ndfExpenses .ndfExpenses_header .statusEnum {
  width: 500px;
}
expense-report-declaration .my-content .ndfExpenses .table-ndfExpenses .expand_lessAndexpand_more {
  text-align: center;
}
expense-report-declaration .my-content .ndfExpenses .table-ndfExpenses .body-ndfExpenses .ndfExpenses-tr2 {
  text-align: center;
  vertical-align: middle;
}
expense-report-declaration .my-content .ndfExpenses .table-ndfExpenses .body-ndfExpenses .ndfExpenses-tr2 .numberingAndCheck {
  display: flex;
  margin-bottom: -15px;
}
expense-report-declaration .my-content .ndfExpenses .table-ndfExpenses .body-ndfExpenses .ndfExpenses-tr2 .numberingAndCheck .numberingRight {
  margin-left: 5px;
}
expense-report-declaration .my-content .ndfExpenses .table-ndfExpenses .body-ndfExpenses .ndfExpenses-tr2 .silver {
  color: #b9bebe;
}
expense-report-declaration .my-content .footer_expenseReportDeclare {
  padding-top: 40px;
  padding-bottom: 0px;
}
expense-report-declaration .my-content .footer_expenseReportDeclare .saveNdf {
  display: flex;
}
expense-report-declaration .my-content .footer_expenseReportDeclare .saveNdf .canSave {
  background-color: #9F9F9F;
}
expense-report-declaration .my-content .footer_expenseReportDeclare .saveNdf p {
  font-size: 15px;
  align-self: center;
}
expense-report-declaration .my-content .footer_expenseReportDeclare .saveNdf div {
  margin-left: auto;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.bloc-profil {
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
}
@media (max-width: 992px) {
  .bloc-profil {
    margin: unset;
    padding: 0;
    padding-bottom: 120px;
  }
}
.bloc-profil .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
.bloc-profil .tabs-ndfsForDeclaration {
  table-layout: fixed;
  overflow-wrap: break-word;
  background-color: white;
}
.bloc-profil .tabs-ndfsForDeclaration .head-ndfsForDeclaration .th-style {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
.bloc-profil .tabs-ndfsForDeclaration .ndfsForDeclaration_header {
  height: 30px;
  background-color: #48CDE0;
  border: #48CDE0;
  vertical-align: middle;
  border-bottom: 1px solid #b9bebe;
}
.bloc-profil .tabs-ndfsForDeclaration .ndfsForDeclaration_header .statusEnum .status-name {
  color: white;
  font-size: 13px;
  padding-left: 20px;
}
.bloc-profil .tabs-ndfsForDeclaration .ndfsForDeclaration_header .expand-less {
  font-size: 35px;
  color: white;
  margin-top: 5px;
}
.bloc-profil .tabs-ndfsForDeclaration .ndfsForDeclaration_header .expand-more {
  font-size: 35px;
  color: white;
  margin-top: 5px;
}
.bloc-profil .tabs-ndfsForDeclaration .expand_lessAndexpand_more {
  text-align: center;
}
.bloc-profil .tabs-ndfsForDeclaration .body-ndfsForDeclaration .ndfsForDeclaration-tr2 {
  text-align: center;
  vertical-align: middle;
}
.bloc-profil .tabs-ndfsForDeclaration .body-ndfsForDeclaration .ndfsForDeclaration-tr2 .ndfColor {
  font-weight: bold;
  position: relative;
  padding: 15px;
}
.bloc-profil .tabs-ndfsForDeclaration .body-ndfsForDeclaration .ndfsForDeclaration-tr2 .ndfColor .ndfColor-border-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
}
.bloc-profil .tabs-ndfsForDeclaration .body-ndfsForDeclaration .ndfsForDeclaration-tr2 .ndfColor .ndfColor-border-color.declare {
  background-color: #464680;
}
.bloc-profil .tabs-ndfsForDeclaration .body-ndfsForDeclaration .ndfsForDeclaration-tr2 .ndfColor .ndfColor-border-color.control {
  background-color: #FF9D17;
}
.bloc-profil .tabs-ndfsForDeclaration .body-ndfsForDeclaration .ndfsForDeclaration-tr2 .ndfColor .ndfColor-border-color.validated {
  background-color: #FF9D17;
}
.bloc-profil .tabs-ndfsForDeclaration .body-ndfsForDeclaration .ndfsForDeclaration-tr2 .ndfColor .ndfColor-border-color.validatedForPayment {
  background-color: #28D149;
}
.bloc-profil .tabs-ndfsForDeclaration .body-ndfsForDeclaration .ndfsForDeclaration-tr2 .ndfColor .ndfColor-border-color.paid {
  background-color: #28D149;
}
.bloc-profil .tabs-ndfsForDeclaration .body-ndfsForDeclaration .ndfsForDeclaration-tr2 .ndfColor .ndfColor-border-color.refused {
  background-color: #FF1744;
}
.bloc-profil .tabs-ndfsForDeclaration .body-ndfsForDeclaration .ndfsForDeclaration-tr2 .silver {
  color: #b9bebe;
}
.bloc-profil .bloc-for-mobile {
  border-bottom: 1px solid #b9bebe;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 5px 15px 10px;
  background-color: white;
}
.bloc-profil .ndf-row {
  display: flex;
  justify-content: space-between;
}
.bloc-profil .ndf-row .ndf-elemnt-row {
  display: flex;
}
.bloc-profil .ndf-row .ndf-action {
  display: flex;
  align-items: center;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
expense-report-visual .visualiser-ndf-mobile {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: calc(100vh - 62px);
  overflow-y: scroll;
  padding: 32px 32px 100px;
  position: relative;
}
expense-report-visual .visualiser-ndf-mobile .close-icon {
  font-size: 24px;
  color: #464680;
  position: absolute;
  top: 0;
  left: 0;
}
expense-report-visual .visualiser-ndf-mobile .title {
  margin-bottom: 20px;
}
expense-report-visual .visualiser-ndf-mobile .bar {
  border-bottom: 1px solid #48cde0;
  width: 50%;
  margin: 20px auto;
}
expense-report-visual .visualiser-ndf-mobile .ndf-total-row {
  display: flex;
  flex-wrap: wrap;
}
expense-report-visual .visualiser-ndf-mobile .ndf-details-mobile {
  border-bottom: 1px solid #b9bebe;
  display: flex;
  flex-direction: column;
  padding: 15px 5px 15px 10px;
  background-color: white;
  margin-bottom: 20px;
}
expense-report-visual .visualiser-ndf-mobile .bloc-for-mobile {
  border-bottom: 1px solid #b9bebe;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 5px 15px 10px;
  background-color: white;
}
expense-report-visual .my-content {
  padding: 32px 64px;
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  height: calc(100% - 62px);
  overflow-y: hidden;
}
expense-report-visual .my-content .printNdf {
  display: flex;
  padding-bottom: 15px;
}
expense-report-visual .my-content .printNdf .print {
  margin-left: auto;
  font-size: 35px;
}
expense-report-visual .my-content .ndf-details {
  background: white;
  display: flex;
  justify-content: space-around;
}
expense-report-visual .my-content .ndf-details .ndf-details-title {
  margin-right: auto;
  margin-top: 17px;
  padding-bottom: 10px;
  padding-left: 10px;
}
expense-report-visual .my-content .ndf-details .tabs-ndfTotals {
  margin-top: -20px;
}
expense-report-visual .my-content .ndfTotals {
  margin-top: 20px;
}
expense-report-visual .my-content .ndfTotals .table-ndfTotals {
  table-layout: fixed;
  width: 100%;
}
expense-report-visual .my-content .ndfTotals .table-ndfTotals th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
  padding: 10px 20px;
}
expense-report-visual .my-content .ndfTotals .table-ndfTotals td {
  text-align: center;
  vertical-align: middle;
  padding: 10px 20px;
}
expense-report-visual .my-content .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
expense-report-visual .my-content .ndfExpenses {
  margin-top: 20px;
  width: auto;
}
expense-report-visual .my-content .ndfExpenses .table-ndfExpenses {
  table-layout: fixed;
  overflow-wrap: break-word;
  background-color: white;
}
expense-report-visual .my-content .ndfExpenses .table-ndfExpenses .head-ndfExpenses th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
expense-report-visual .my-content .ndfExpenses .table-ndfExpenses .ndfExpenses_header {
  height: 30px;
  background-color: #464680;
  border: #464680;
  vertical-align: middle;
  border-bottom: 1px solid #b9bebe;
}
expense-report-visual .my-content .ndfExpenses .table-ndfExpenses .ndfExpenses_header .statusEnum {
  width: 500px;
}
expense-report-visual .my-content .ndfExpenses .table-ndfExpenses .ndfExpenses_header .statusEnum .status-name {
  color: white;
  font-size: 13px;
  padding-left: 35px;
}
expense-report-visual .my-content .ndfExpenses .table-ndfExpenses .ndfExpenses_header .expand-less {
  font-size: 35px;
  color: white;
  padding-left: 85px;
  margin-top: 5px;
}
expense-report-visual .my-content .ndfExpenses .table-ndfExpenses .ndfExpenses_header .expand-more {
  font-size: 35px;
  color: white;
  padding-left: 85px;
  margin-top: 5px;
}
expense-report-visual .my-content .ndfExpenses .table-ndfExpenses .ndfExpenses_header .statusEnum {
  width: 500px;
}
expense-report-visual .my-content .ndfExpenses .table-ndfExpenses .body-ndfExpenses .ndfExpenses-tr2 {
  text-align: center;
  vertical-align: middle;
}
expense-report-visual .my-content .ndfExpenses .table-ndfExpenses .body-ndfExpenses .ndfExpenses-tr2 .silver {
  color: #b9bebe;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.consulteExpense .content-container {
  padding-left: 45px;
  padding-right: 45px;
}
@media (max-width: 992px) {
  .consulteExpense .content-container {
    padding: 0 10px;
  }
}
.consulteExpense .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 40px;
  padding-bottom: 20px;
}
.consulteExpense .content-container .delete-container {
  display: flex;
  justify-content: space-around;
  padding-top: 20px;
  padding-bottom: 20px;
}
.consulteExpense .content-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 15px;
}
@media (max-width: 992px) {
  .consulteExpense .content-container .title {
    margin-bottom: 15px;
  }
}
.consulteExpense .content-container .mission-order-icon {
  color: #B9BEBE;
}
.consulteExpense .content-container .mission-order-icon.enabled {
  color: #464680;
}
.consulteExpense .content-container .comment {
  align-items: center;
  margin-top: 10px;
}
@media (max-width: 992px) {
  .consulteExpense .content-container .comment {
    margin-top: unset;
  }
}
.consulteExpense .content-container .expenseType {
  display: flex;
  justify-content: center;
}
.consulteExpense .content-container .expenseType > * {
  width: calc(40% - 2px);
}
@media screen and (max-width: 992px) {
  .consulteExpense .content-container .expenseType > * {
    width: 100%;
  }
}
.consulteExpense .content-container .upload-file {
  text-align: center;
}
.consulteExpense .content-container .upload-file .Logo {
  color: #464680;
  margin-bottom: 10px;
}
.consulteExpense .content-container .input-expense-container {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin-left: 3px;
  align-items: center;
}
.consulteExpense .content-container .file-manager-file-card-left {
  display: flex;
  align-items: end;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  padding-left: 0px;
  border-left: 10px solid #48cde0;
}
.consulteExpense .content-container .file-manager-file-card-left .file-name {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
  margin-right: auto;
  /* pour repousser le boutons vers le coté droit */
}
.consulteExpense .content-container .file-manager-file-card-left .file-manager-icon {
  display: block;
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 15px;
  min-height: 1em;
  min-width: 1em;
}
.consulteExpense .content-container .tjmWithEuro {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.consulteExpense .content-container .tjmWithEuro .symboleEuro {
  position: absolute;
  right: 10px;
  top: 18px;
}
.consulteExpense .content-container .tjmWithEuro .errorTooltip {
  position: absolute;
  right: -2px;
  top: 0px;
}
.consulteExpense .content-container .tjmWithEuro .span-container {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.consulteExpense .content-container .alert-message {
  color: #FF1744;
  display: flex;
}
.consulteExpense .content-container .alert-messageKm {
  color: #FF1744;
  display: flex;
  margin-top: 10px;
}
.consulteExpense .content-container .limitKm {
  justify-content: space-between;
  margin-top: 1em;
  padding-bottom: 15px;
}
@media screen and (max-width: 992px) {
  .consulteExpense .content-container .limitKm {
    margin-top: unset;
    padding-bottom: unset;
  }
}
.consulteExpense .content-container .limitKm > md-input-container {
  width: calc(50% - 2px);
  align-items: center;
}
@media (max-width: 992px) {
  .consulteExpense .content-container .limitKm > md-input-container {
    width: 100%;
  }
}
.consulteExpense .content-container .limitKm .add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #464680;
  background: white;
  padding: 0;
}
.consulteExpense .content-container .limitKm .add-action-system-btn i {
  height: 25px;
  width: 25px;
  display: flex;
  background: #48CDE0;
  color: white;
  border-radius: 50%;
  margin-left: 3px;
}
.consulteExpense .content-container .limitKm .add-action-system-btn span {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.consulteExpense .content-container .limitKm .add-action-system-btn:hover {
  background: #DFDFDF;
}
@media screen and (max-width: 375px) {
  .consulteExpense .content-container .limitKm .add-action-system-btn {
    font-size: 11px;
  }
}
.consulteExpense .content-container .limitKm .allWidth {
  width: 100%;
}
.consulteExpense .content-container .limit {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  padding-bottom: 15px;
}
@media (max-width: 992px) {
  .consulteExpense .content-container .limit {
    flex-direction: column;
    margin-top: unset;
    padding-bottom: unset;
  }
}
@media (max-width: 992px) {
  .consulteExpense .content-container .limit md-checkbox {
    margin-top: 14px;
  }
}
.consulteExpense .content-container .limit > md-input-container {
  width: calc(50% - 2px);
  align-items: center;
}
@media screen and (max-width: 992px) {
  .consulteExpense .content-container .limit > md-input-container {
    width: 100%;
  }
}
.consulteExpense .content-container .limit .add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #464680;
  background: white;
  padding: 0;
}
.consulteExpense .content-container .limit .add-action-system-btn i {
  height: 25px;
  width: 25px;
  display: flex;
  background: #48CDE0;
  color: white;
  border-radius: 50%;
  margin-left: 3px;
}
.consulteExpense .content-container .limit .add-action-system-btn span {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.consulteExpense .content-container .limit .add-action-system-btn:hover {
  background: #DFDFDF;
}
@media screen and (max-width: 375px) {
  .consulteExpense .content-container .limit .add-action-system-btn {
    font-size: 11px;
  }
}
.consulteExpense .content-container .limit .allWidth {
  width: 100%;
}
.consulteExpense .content-container .limit-2 {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 1.5em;
}
.consulteExpense .content-container .limit-2 > md-input-container {
  width: calc(92% - 2px);
}
.consulteExpense .content-container .limit-2 > i {
  display: flex;
  align-items: center;
  width: calc(5% - 2px);
}
.consulteExpense .content-container .limit-3 {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 992px) {
  .consulteExpense .content-container .limit-3 {
    flex-direction: column;
    justify-content: unset;
    margin-top: unset;
    margin-bottom: unset;
  }
}
@media (max-width: 992px) {
  .consulteExpense .content-container .limit-3 md-checkbox {
    margin-top: 14px;
  }
}
.consulteExpense .content-container .limit-3 > md-input-container {
  width: calc(100% - 2px);
}
@media screen and (max-width: 992px) {
  .consulteExpense .content-container .limit-3 > md-input-container {
    width: 100%;
  }
}
.consulteExpense .content-container .helpStyle {
  padding: 5px;
  line-height: 2;
}
.consulteExpense .content-container .guestExterne {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.consulteExpense .content-container .guestExterne .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.consulteExpense .content-container .guestExterne .autoWidth {
  width: 60%;
}
@media (max-width: 992px) {
  .consulteExpense .content-container .guestExterne .autoWidth {
    width: 100%;
  }
}
.consulteExpense .content-container .guestInterne {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.consulteExpense .content-container .guestInterne .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.consulteExpense .content-container .guestInterne .autoWidth {
  width: 60%;
}
@media (max-width: 992px) {
  .consulteExpense .content-container .guestInterne .autoWidth {
    width: 100%;
  }
}
.consulteExpense .content-container .tvaList {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  padding-top: 20px;
}
@media (max-width: 992px) {
  .consulteExpense .content-container .tvaList {
    padding-bottom: unset;
    padding-top: unset;
  }
}
.consulteExpense .content-container .tvaList .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.consulteExpense .content-container .tvaList .autoWidth-tvaList {
  width: 100%;
  display: flex;
}
@media (max-width: 992px) {
  .consulteExpense .content-container .tvaList .autoWidth-tvaList {
    flex-direction: column;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.modalForSave {
  width: 40%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.modalForSave .main-modal-container {
  flex: 0 1 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.modalForSave .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.modalForSave .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.modalForSave .title-container {
  flex: 0 0 auto;
  color: white;
  text-align: center;
  font-size: 20px;
  padding: 32px;
  background: #48cde0;
}
.modalForSave .custom-md-input-container {
  margin-left: 20%;
  width: 50%;
  margin-top: 20px;
}
.modalForSave .titleDelete {
  flex: 0 0 auto;
  padding-top: 20px;
  font-size: 20px;
  padding-left: 5%;
  padding-right: 5%;
  color: #464680;
  margin-bottom: 20px;
}
.modalForSave .expense-container {
  flex: 0 0 auto;
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: 10px;
}
.modalForSave .expense-container .expense-title {
  font-size: 17px;
  color: #464680;
  margin-bottom: 10px;
}
.modalForSave .expense-container .expenseNatureList {
  color: #464680;
  margin-bottom: 10px;
}
.modalForSave .validate {
  flex: 0 0 auto;
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.modalForSave .action-system-btn[disabled] {
  background-color: #9F9F9F;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.expenseRouter .expenseRouter-manager-tabs-header-container {
  display: flex;
  align-items: flex-end;
  padding: 30px 40px 0;
  flex-wrap: wrap;
  grid-row-gap: 10px;
}
@media (max-width: 992px) {
  .expenseRouter .expenseRouter-manager-tabs-header-container {
    padding: 30px 10px 0;
  }
}
.expenseRouter .subNavbar {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .expenseRouter .subNavbar {
    flex: 1 1 0;
  }
}
.expenseRouter .button-styles-subNavbar-left {
  cursor: pointer;
  align-self: center;
  margin-top: 32px;
  margin-left: auto;
}
@media (max-width: 991px) {
  .expenseRouter .button-styles-subNavbar-left {
    width: 100%;
    margin-top: 0;
  }
}
.expenseRouter .button-styles-subNavbar-left .add-action-system-btn {
  height: auto;
  width: 100%;
}
@media (max-width: 991px) {
  .expenseRouter .button-styles-subNavbar-left .add-action-system-btn {
    font-size: 14px;
    padding: 0.25em 1em;
  }
}
.expenseRouter .button-styles-subNavbar-right {
  cursor: pointer;
  align-self: center;
  margin-top: 32px;
  margin-right: auto;
  display: flex;
}
@media (max-width: 991px) {
  .expenseRouter .button-styles-subNavbar-right {
    width: 100%;
    margin-top: 0;
  }
}
.expenseRouter .button-styles-subNavbar-right .add-action-system-btn {
  height: auto;
  width: 100%;
}
@media (max-width: 991px) {
  .expenseRouter .button-styles-subNavbar-right .add-action-system-btn {
    padding: 0.25em 1em;
  }
}
.expenseRouter .button-styles-subNavbar-right .add-ndf {
  margin-right: 22px;
}
@media (max-width: 991px) {
  .expenseRouter .button-styles-subNavbar-right .add-ndf {
    margin-right: unset;
    font-size: 14px;
    padding: 0.25em 1em;
  }
}
.expenseRouter .button-styles-subNavbar-right .disabled-action-system-btn-ndf {
  cursor: not-allowed !important;
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  outline: none;
  border: 2px solid #9F9F9F;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9F9F9F;
  cursor: pointer;
  padding: 0 16px;
  background: transparent;
  background-color: white;
}
.expenseRouter .button-styles-subNavbar-right .expense-warnings {
  color: #FF9D17;
  font-size: 22px !important;
  cursor: pointer;
  margin-top: 8px;
}
.expenseRouter .button-styles-subNavbar-right .ndf-expense-warnings-popover-mobile {
  width: 100%;
}
.expenseRouter .expenseRouter-manager-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 230px;
}
@media (max-width: 991px) {
  .expenseRouter .expenseRouter-manager-tab {
    width: 100%;
  }
}
.expenseRouter .expenseRouter-manager-tab-is-active {
  background: white;
}
@media (max-width: 991px) {
  .expenseRouter .expenseRouter-manager-tab-is-active {
    width: 100%;
  }
}
.expenseRouter .i-tab-icon {
  font-size: 22px;
  color: #48CDE0;
}
.expenseRouter .tab-name {
  font-size: 16px;
  margin: 2px 0 0 0px;
}
.expenseRouter .expenseRouter-components {
  height: calc(100vh - 240px);
  padding: 20px 39px 80px;
}
@media (max-width: 992px) {
  .expenseRouter .expenseRouter-components {
    padding: 20px 0 100px;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.expensesDeclaration {
  padding-bottom: 50px;
}
@media (max-width: 992px) {
  .expensesDeclaration {
    padding-bottom: 100px;
  }
}
.expensesDeclaration .tabs-expensesForDeclaration-container {
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
}
.expensesDeclaration .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
.expensesDeclaration .bloc-for-mobile {
  border-bottom: 1px solid #b9bebe;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 5px 15px 10px;
  background-color: white;
}
.expensesDeclaration .bloc-for-mobile.empty {
  display: flex;
  justify-content: center;
}
.expensesDeclaration .depense-row {
  display: flex;
  justify-content: space-between;
}
.expensesDeclaration .depense-row .depense-elemnt-row {
  display: flex;
}
.expensesDeclaration .depense-row .depense-action {
  display: flex;
  align-items: center;
}
.expensesDeclaration .depense-row .depense-action .silver {
  color: #b9bebe;
}
.expensesDeclaration .depense-row .depense-action .expense-warnings {
  color: #FF9D17;
  font-size: 22px !important;
  cursor: pointer;
}
.expensesDeclaration .tabs-expensesDeclaration {
  table-layout: fixed;
  overflow-wrap: break-word;
  background: white;
}
.expensesDeclaration .tabs-expensesDeclaration .head-expensesDeclaration th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
.expensesDeclaration .tabs-expensesDeclaration .expensesForDeclaration_header {
  height: 30px;
  background-color: #464680;
  border: #464680;
  vertical-align: middle;
  border-bottom: 1px solid #b9bebe;
}
.expensesDeclaration .tabs-expensesDeclaration .expensesForDeclaration_header .statusEnum {
  width: 500px;
}
.expensesDeclaration .tabs-expensesDeclaration .expensesForDeclaration_header .statusEnum .status-name {
  color: white;
  font-size: 13px;
  padding-left: 10px;
}
.expensesDeclaration .tabs-expensesDeclaration .expensesForDeclaration_header .expand-less {
  font-size: 35px;
  color: white;
  margin-top: 5px;
}
.expensesDeclaration .tabs-expensesDeclaration .expensesForDeclaration_header .expand-more {
  font-size: 35px;
  color: white;
  margin-top: 5px;
}
.expensesDeclaration .tabs-expensesDeclaration .expand_lessAndexpand_more {
  text-align: center;
}
.expensesDeclaration .tabs-expensesDeclaration .body-expensesDeclaration td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.expensesDeclaration .tabs-expensesDeclaration .body-expensesDeclaration .expensesForDeclaration-tr2 {
  text-align: center;
  vertical-align: middle;
}
.expensesDeclaration .tabs-expensesDeclaration .body-expensesDeclaration .expensesForDeclaration-tr2 .expensesColor {
  font-weight: bold;
  position: relative;
  padding: 15px;
}
.expensesDeclaration .tabs-expensesDeclaration .body-expensesDeclaration .expensesForDeclaration-tr2 .expensesColor .expensesColor-border-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
}
.expensesDeclaration .tabs-expensesDeclaration .body-expensesDeclaration .expensesForDeclaration-tr2 .expensesColor .expensesColor-border-color.declare {
  background-color: #28D149;
}
.expensesDeclaration .tabs-expensesDeclaration .body-expensesDeclaration .expensesForDeclaration-tr2 .expensesColor .expensesColor-border-color.reject {
  background-color: #FF1744;
}
.expensesDeclaration .tabs-expensesDeclaration .body-expensesDeclaration .expensesForDeclaration-tr2 .expensesColor .expensesColor-border-color.toBeReported {
  background-color: #464680;
}
.expensesDeclaration .tabs-expensesDeclaration .body-expensesDeclaration .expensesForDeclaration-tr2 .commentsExpense {
  margin-bottom: 10px;
}
.expensesDeclaration .tabs-expensesDeclaration .body-expensesDeclaration .expensesForDeclaration-tr2 .refusalReason {
  color: #FF1744;
}
.expensesDeclaration .tabs-expensesDeclaration .body-expensesDeclaration .expensesForDeclaration-tr2 .silver {
  color: #b9bebe;
}
.expensesDeclaration .tabs-expensesDeclaration .body-expensesDeclaration .expensesForDeclaration-tr2 .expense-warnings {
  color: #FF9D17;
  font-size: 22px !important;
  cursor: pointer;
}
.expensesDeclaration .tabs-expensesDeclaration .body-expensesDeclaration .no-expense {
  text-align: center;
}
.expensesDeclaration .ndf-expense-warnings-popover ul {
  margin-bottom: 0 !important;
  padding-left: 15px !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.expenses-list-filters {
  margin-top: 1em;
}
.expenses-list-filters md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
.expenses-list-filters md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
.expenses-list-filters md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
.expenses-list-filters md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
.expenses-list-filters .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
.expenses-list-filters .searchbar-disable {
  opacity: 0.4;
}
.expenses-list-filters .searchbar-container {
  position: relative;
}
.expenses-list-filters .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
.expenses-list-filters .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
.expenses-list-filters .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
.expenses-list-filters .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
.expenses-list-filters .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
.expenses-list-filters .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
.expenses-list-filters .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
.expenses-list-filters .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.expenses-list-filters .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
.expenses-list-filters .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  .expenses-list-filters .autocomplete-mobile {
    width: 190px !important;
  }
  .expenses-list-filters .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.expenses-list-filters .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  padding-right: 14px;
  align-items: center;
}
.expenses-list-filters .autocomplete-flex-cont p {
  margin-right: 70px;
}
.expenses-list-filters .autocomplete-flex-cont .reset,
.expenses-list-filters .group_date .reset {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.expenses-list-filters .autocomplete-flex-cont .reset i,
.expenses-list-filters .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.expenses-list-filters .autocomplete-flex-cont .reset:hover,
.expenses-list-filters .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.expenses-list-filters .autocomplete-flex-cont .reset:hover i,
.expenses-list-filters .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.expenses-list-filters .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.expenses-list-filters .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.expenses-list-filters .group .title-filters {
  color: #b1b0c9;
}
.expenses-list-filters .group .title-filters .button {
  position: relative;
  cursor: pointer;
  margin: 0 0.3em;
  color: #b1b0c9;
  border-radius: 5px;
  border: 1px solid #b1b0c9;
  padding: 0.3em 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  z-index: 0;
  overflow: hidden;
  transition: border linear 200ms;
}
.expenses-list-filters .group .title-filters .button i {
  font-size: 1.2em;
  margin-right: 0.3em;
}
.expenses-list-filters .group .title-filters .button:before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #e8e8e8;
  transition: width linear 200ms;
  z-index: -1;
}
.expenses-list-filters .group .title-filters .button:hover {
  border: 1px solid #e8e8e8;
}
.expenses-list-filters .group .title-filters .button:hover:before {
  width: 100%;
}
.expenses-list-filters .group .checkbox-containers {
  padding-left: 35px;
}
.expenses-list-filters .group .child {
  margin-top: 1em;
}
.expenses-list-filters .group .child responsibility-material {
  width: 100%;
}
.expenses-list-filters .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.expenses-list-filters .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.expenses-list-filters .group .radio-kit {
  padding: 0;
}
.expenses-list-filters .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.expenses-list-filters .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.expenses-list-filters .group_checkbox .toggler_cont .elem:hover,
.expenses-list-filters .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.expenses-list-filters .group_checkbox .toggler_cont .elem:hover:before,
.expenses-list-filters .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.expenses-list-filters .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.expenses-list-filters .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.expenses-list-filters .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.expenses-list-filters .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.expenses-list-filters .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.expenses-list-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.expenses-list-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.expenses-list-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.expenses-list-filters .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.expenses-list-filters .group_dropdown .child {
  margin-top: 0;
}
.expenses-list-filters .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.expenses-list-filters .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.expenses-list-filters .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.expenses-list-filters .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.expenses-list-filters .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.expenses-list-filters .special.group_mobility .child {
  margin-top: 0;
}
.expenses-list-filters .special.group_mobility .mobility {
  padding: 0;
}
.expenses-list-filters .special.group_mobility .mobility .hlistMobilitySelected li {
  float: initial;
  padding-top: 0;
  margin-bottom: 1.5em;
  padding-right: 0;
}
.expenses-list-filters .special.group_mobility .mobility .hlistMobilitySelected li span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.expenses-list-filters .special.group_mobility .mobility .hlistMobilitySelected li span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.expenses-list-filters .special.group_mobility .mobility .hlistMobilitySelected li span:after:hover {
  color: white;
}
.expenses-list-filters .special.group_mobility .mobility .hlistMobilitySelected li .pictoMoins {
  display: none;
}
.expenses-list-filters .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.expenses-list-filters .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.expenses-list-filters .group_input .child input::placeholder {
  color: #C1CCD3;
}
.expenses-list-filters .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.expenses-list-filters .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.expenses-list-filters .group_date .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.expenses-list-filters .group_date .reset {
  margin-right: 2px;
}
.expenses-list-filters .group_date .date label {
  font-size: 0.9em;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.addOrEditExpense .content-container {
  padding-left: 45px;
  padding-right: 45px;
}
@media (max-width: 992px) {
  .addOrEditExpense .content-container {
    padding: 0 10px;
  }
}
.addOrEditExpense .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 40px;
  padding-bottom: 20px;
}
.addOrEditExpense .content-container .buttons-container .is-block-expense-disabled-action-system-btn {
  cursor: not-allowed !important;
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  outline: none;
  border: 2px solid #9F9F9F;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9F9F9F;
  cursor: pointer;
  padding: 0 16px;
  background: transparent;
}
.addOrEditExpense .content-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 15px;
}
@media (max-width: 992px) {
  .addOrEditExpense .content-container .title {
    margin-bottom: 15px;
  }
}
.addOrEditExpense .content-container .mission-order-icon {
  color: #B9BEBE;
}
.addOrEditExpense .content-container .mission-order-icon.enabled {
  color: #464680;
}
.addOrEditExpense .content-container .comment {
  align-items: center;
  margin-top: 10px;
}
@media (max-width: 992px) {
  .addOrEditExpense .content-container .comment {
    margin-top: unset;
  }
}
.addOrEditExpense .content-container .expenseType {
  display: flex;
  justify-content: center;
}
.addOrEditExpense .content-container .expenseType > * {
  width: calc(40% - 2px);
}
@media (max-width: 992px) {
  .addOrEditExpense .content-container .expenseType > * {
    width: 100%;
  }
}
.addOrEditExpense .content-container .upload-file {
  text-align: center;
}
.addOrEditExpense .content-container .upload-file .Logo {
  color: #464680;
  margin-bottom: 10px;
}
.addOrEditExpense .content-container .input-expense-container {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin-left: 3px;
  align-items: center;
}
.addOrEditExpense .content-container .file-manager-file-card-left {
  display: flex;
  align-items: end;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  padding-left: 0px;
  border-left: 10px solid #48cde0;
}
.addOrEditExpense .content-container .file-manager-file-card-left .file-name {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
  margin-right: auto;
  /* pour repousser le boutons vers le coté droit */
}
.addOrEditExpense .content-container .file-manager-file-card-left .file-manager-icon {
  display: block;
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 15px;
  min-height: 1em;
  min-width: 1em;
}
.addOrEditExpense .content-container .tjmWithEuro {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.addOrEditExpense .content-container .tjmWithEuro .symboleEuro {
  position: absolute;
  right: 10px;
  top: 18px;
}
.addOrEditExpense .content-container .tjmWithEuro .errorTooltip {
  position: absolute;
  right: -2px;
  top: 0px;
}
.addOrEditExpense .content-container .tjmWithEuro .span-container {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.addOrEditExpense .content-container .alert-message {
  color: #FF1744;
  display: flex;
}
.addOrEditExpense .content-container .alert-messageKm {
  color: #FF1744;
  display: flex;
  margin-top: 10px;
}
.addOrEditExpense .content-container .limit {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  padding-bottom: 15px;
}
@media (max-width: 992px) {
  .addOrEditExpense .content-container .limit {
    flex-direction: column;
    margin-top: unset;
    padding-bottom: unset;
  }
}
.addOrEditExpense .content-container .limit > md-input-container {
  width: calc(50% - 2px);
  align-items: center;
}
@media (max-width: 992px) {
  .addOrEditExpense .content-container .limit > md-input-container {
    width: 100%;
  }
}
.addOrEditExpense .content-container .limit .add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #464680;
  background: white;
  padding: 0;
}
.addOrEditExpense .content-container .limit .add-action-system-btn i {
  height: 25px;
  width: 25px;
  display: flex;
  background: #48CDE0;
  color: white;
  border-radius: 50%;
  margin-left: 3px;
}
.addOrEditExpense .content-container .limit .add-action-system-btn span {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.addOrEditExpense .content-container .limit .add-action-system-btn:hover {
  background: #DFDFDF;
}
@media screen and (max-width: 375px) {
  .addOrEditExpense .content-container .limit .add-action-system-btn {
    font-size: 11px;
  }
}
.addOrEditExpense .content-container .limit .allWidth {
  width: 100%;
}
.addOrEditExpense .content-container .limitKm {
  justify-content: space-between;
  margin-top: 1em;
  padding-bottom: 15px;
}
@media screen and (max-width: 992px) {
  .addOrEditExpense .content-container .limitKm {
    margin-top: unset;
    padding-bottom: unset;
  }
}
.addOrEditExpense .content-container .limitKm > md-input-container {
  width: calc(50% - 2px);
  align-items: center;
}
@media (max-width: 992px) {
  .addOrEditExpense .content-container .limitKm > md-input-container {
    width: 100%;
  }
}
.addOrEditExpense .content-container .limitKm .add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #464680;
  background: white;
  padding: 0;
}
.addOrEditExpense .content-container .limitKm .add-action-system-btn i {
  height: 25px;
  width: 25px;
  display: flex;
  background: #48CDE0;
  color: white;
  border-radius: 50%;
  margin-left: 3px;
}
.addOrEditExpense .content-container .limitKm .add-action-system-btn span {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.addOrEditExpense .content-container .limitKm .add-action-system-btn:hover {
  background: #DFDFDF;
}
@media screen and (max-width: 375px) {
  .addOrEditExpense .content-container .limitKm .add-action-system-btn {
    font-size: 11px;
  }
}
.addOrEditExpense .content-container .limitKm .allWidth {
  width: 100%;
}
.addOrEditExpense .content-container .limit-2 {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 1.5em;
}
.addOrEditExpense .content-container .limit-2 > md-input-container {
  width: calc(92% - 2px);
}
.addOrEditExpense .content-container .limit-2 > i {
  display: flex;
  align-items: center;
  width: calc(5% - 2px);
}
.addOrEditExpense .content-container .limit-3 {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 992px) {
  .addOrEditExpense .content-container .limit-3 {
    flex-direction: column;
    margin-top: unset;
    margin-bottom: unset;
  }
}
@media (max-width: 992px) {
  .addOrEditExpense .content-container .limit-3 md-checkbox {
    margin-top: 14px;
  }
}
.addOrEditExpense .content-container .limit-3 > md-input-container {
  width: calc(100% - 2px);
}
@media screen and (max-width: 992px) {
  .addOrEditExpense .content-container .limit-3 > md-input-container {
    width: 100%;
  }
}
.addOrEditExpense .content-container .limit-3 .top {
  margin-top: -2px;
}
.addOrEditExpense .content-container .limit-3 .top .autocomplete-with-close .md-show-clear-button button {
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
  width: 30px;
  height: 30px;
}
.addOrEditExpense .content-container .helpStyle {
  padding: 5px;
  line-height: 2;
}
.addOrEditExpense .content-container .guestExterne {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.addOrEditExpense .content-container .guestExterne .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.addOrEditExpense .content-container .guestExterne .autoWidth {
  width: 60%;
}
@media (max-width: 992px) {
  .addOrEditExpense .content-container .guestExterne .autoWidth {
    width: 100%;
  }
}
.addOrEditExpense .content-container .guestInterne {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.addOrEditExpense .content-container .guestInterne .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.addOrEditExpense .content-container .guestInterne .autoWidth {
  width: 60%;
}
@media (max-width: 992px) {
  .addOrEditExpense .content-container .guestInterne .autoWidth {
    width: 100%;
  }
}
.addOrEditExpense .content-container .tvaList {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  padding-top: 20px;
}
.addOrEditExpense .content-container .tvaList .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.addOrEditExpense .content-container .tvaList .autoWidth-tvaList {
  width: 100%;
  display: flex;
}
@media (max-width: 992px) {
  .addOrEditExpense .content-container .tvaList .autoWidth-tvaList {
    flex-direction: column;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.deleteExpenseModal {
  width: 35%;
  height: 47%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.deleteExpenseModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.deleteExpenseModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.deleteExpenseModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.deleteExpenseModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  padding: 32px;
  background: #48cde0;
}
.deleteExpenseModal .titleDelete {
  padding-top: 20px;
  font-size: 20px;
  padding-left: 10%;
  color: #464680;
  margin-bottom: 20px;
}
.deleteExpenseModal .expense-container {
  padding-left: 10%;
  margin-bottom: 10px;
}
.deleteExpenseModal .expense-container .expense-title {
  font-size: 17px;
  color: #464680;
  margin-bottom: 10px;
}
.deleteExpenseModal .expense-container .liNatures {
  font-size: 15px;
  color: #464680;
}
.deleteExpenseModal .validate {
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.editExpenses .content-container {
  padding-left: 45px;
  padding-right: 45px;
}
@media (max-width: 992px) {
  .editExpenses .content-container {
    padding: 0 10px;
  }
}
.editExpenses .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 40px;
  padding-bottom: 20px;
}
@media (max-width: 992px) {
  .editExpenses .content-container .buttons-container {
    flex-direction: column;
  }
}
.editExpenses .content-container .buttons-container .is-block-expense-disabled-action-system-btn {
  cursor: not-allowed !important;
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  outline: none;
  border: 2px solid #9F9F9F;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9F9F9F;
  cursor: pointer;
  padding: 0 16px;
  background: transparent;
}
.editExpenses .content-container .delete-container {
  display: flex;
  justify-content: space-around;
  padding-top: 20px;
  padding-bottom: 20px;
}
.editExpenses .content-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 15px;
}
@media (max-width: 992px) {
  .editExpenses .content-container .title {
    margin-bottom: 15px;
  }
}
.editExpenses .content-container .mission-order-icon {
  color: #B9BEBE;
}
.editExpenses .content-container .mission-order-icon.enabled {
  color: #464680;
}
.editExpenses .content-container .comment {
  align-items: center;
  margin-top: 10px;
}
.editExpenses .content-container .expenseType {
  display: flex;
  justify-content: center;
}
.editExpenses .content-container .expenseType > * {
  width: calc(40% - 2px);
}
@media (max-width: 992px) {
  .editExpenses .content-container .expenseType > * {
    width: 100%;
  }
}
.editExpenses .content-container .upload-file {
  text-align: center;
}
.editExpenses .content-container .upload-file .Logo {
  color: #464680;
  margin-bottom: 10px;
}
.editExpenses .content-container .input-expense-container {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin-left: 3px;
  align-items: center;
}
.editExpenses .content-container .file-manager-file-card-left {
  display: flex;
  align-items: end;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  padding-left: 0px;
  border-left: 10px solid #48cde0;
}
.editExpenses .content-container .file-manager-file-card-left .file-name {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
  margin-right: auto;
  /* pour repousser le boutons vers le coté droit */
}
.editExpenses .content-container .file-manager-file-card-left .file-manager-icon {
  display: block;
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 15px;
  min-height: 1em;
  min-width: 1em;
}
.editExpenses .content-container .tjmWithEuro {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.editExpenses .content-container .tjmWithEuro .symboleEuro {
  position: absolute;
  right: 10px;
  top: 18px;
}
.editExpenses .content-container .tjmWithEuro .errorTooltip {
  position: absolute;
  right: -2px;
  top: 0px;
}
.editExpenses .content-container .tjmWithEuro .span-container {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.editExpenses .content-container .alert-message {
  color: #FF1744;
  display: flex;
}
.editExpenses .content-container .alert-messageKm {
  color: #FF1744;
  display: flex;
  margin-top: 10px;
}
.editExpenses .content-container .limit-adjust-top {
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  padding-bottom: 15px;
}
.editExpenses .content-container .limit-adjust-top > md-input-container {
  width: calc(50% - 2px);
  align-items: center;
}
.editExpenses .content-container .limit-adjust-top .add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #464680;
  background: white;
  padding: 0;
}
.editExpenses .content-container .limit-adjust-top .add-action-system-btn i {
  height: 25px;
  width: 25px;
  display: flex;
  background: #48CDE0;
  color: white;
  border-radius: 50%;
  margin-left: 3px;
}
.editExpenses .content-container .limit-adjust-top .add-action-system-btn span {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.editExpenses .content-container .limit-adjust-top .add-action-system-btn:hover {
  background: #DFDFDF;
}
@media screen and (max-width: 375px) {
  .editExpenses .content-container .limit-adjust-top .add-action-system-btn {
    font-size: 11px;
  }
}
.editExpenses .content-container .limit-adjust-top .allWidth {
  width: 100%;
}
.editExpenses .content-container .limit {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  padding-bottom: 15px;
}
@media (max-width: 992px) {
  .editExpenses .content-container .limit {
    flex-direction: column;
    margin-top: unset;
    padding-bottom: unset;
  }
}
.editExpenses .content-container .limit > md-input-container {
  width: calc(50% - 2px);
  align-items: center;
}
@media screen and (max-width: 992px) {
  .editExpenses .content-container .limit > md-input-container {
    width: 100%;
  }
}
.editExpenses .content-container .limit .add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #464680;
  background: white;
  padding: 0;
}
.editExpenses .content-container .limit .add-action-system-btn i {
  height: 25px;
  width: 25px;
  display: flex;
  background: #48CDE0;
  color: white;
  border-radius: 50%;
  margin-left: 3px;
}
.editExpenses .content-container .limit .add-action-system-btn span {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.editExpenses .content-container .limit .add-action-system-btn:hover {
  background: #DFDFDF;
}
@media screen and (max-width: 375px) {
  .editExpenses .content-container .limit .add-action-system-btn {
    font-size: 11px;
  }
}
.editExpenses .content-container .limit .allWidth {
  width: 100%;
}
.editExpenses .content-container .limitKm {
  justify-content: space-between;
  margin-top: 1em;
  padding-bottom: 15px;
}
@media screen and (max-width: 992px) {
  .editExpenses .content-container .limitKm {
    margin-top: unset;
    padding-bottom: unset;
  }
}
.editExpenses .content-container .limitKm > md-input-container {
  width: calc(50% - 2px);
  align-items: center;
}
@media (max-width: 992px) {
  .editExpenses .content-container .limitKm > md-input-container {
    width: 100%;
  }
}
.editExpenses .content-container .limitKm .add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #464680;
  background: white;
  padding: 0;
}
.editExpenses .content-container .limitKm .add-action-system-btn i {
  height: 25px;
  width: 25px;
  display: flex;
  background: #48CDE0;
  color: white;
  border-radius: 50%;
  margin-left: 3px;
}
.editExpenses .content-container .limitKm .add-action-system-btn span {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.editExpenses .content-container .limitKm .add-action-system-btn:hover {
  background: #DFDFDF;
}
@media screen and (max-width: 375px) {
  .editExpenses .content-container .limitKm .add-action-system-btn {
    font-size: 11px;
  }
}
.editExpenses .content-container .limitKm .allWidth {
  width: 100%;
}
.editExpenses .content-container .limit-2 {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 1.5em;
}
.editExpenses .content-container .limit-2 > md-input-container {
  width: calc(92% - 2px);
}
.editExpenses .content-container .limit-2 > i {
  display: flex;
  align-items: center;
  width: calc(5% - 2px);
}
.editExpenses .content-container .limit-3 {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 992px) {
  .editExpenses .content-container .limit-3 {
    flex-direction: column;
    margin-top: unset;
    margin-bottom: unset;
  }
}
@media (max-width: 992px) {
  .editExpenses .content-container .limit-3 md-checkbox {
    margin-top: 14px;
  }
}
.editExpenses .content-container .limit-3 > md-input-container {
  width: calc(100% - 2px);
}
@media screen and (max-width: 992px) {
  .editExpenses .content-container .limit-3 > md-input-container {
    width: 100%;
  }
}
.editExpenses .content-container .limit-3 .top {
  margin-top: -2px;
}
.editExpenses .content-container .helpStyle {
  padding: 5px;
  line-height: 2;
}
.editExpenses .content-container .guestExterne {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.editExpenses .content-container .guestExterne .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.editExpenses .content-container .guestExterne .autoWidth {
  width: 60%;
}
.editExpenses .content-container .guestInterne {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}
.editExpenses .content-container .guestInterne .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.editExpenses .content-container .guestInterne .autoWidth {
  width: 60%;
}
.editExpenses .content-container .tvaList {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  padding-top: 20px;
}
.editExpenses .content-container .tvaList .remove-line {
  font-size: 25px;
  color: #B9BEBE;
  align-self: center;
}
.editExpenses .content-container .tvaList .autoWidth-tvaList {
  width: 100%;
  display: flex;
}
@media (max-width: 992px) {
  .editExpenses .content-container .tvaList .autoWidth-tvaList {
    flex-direction: column;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
@media (max-width: 992px) {
  .missionsOrdersTabs {
    padding: 50px 0px 100px;
  }
}
.missionsOrdersTabs .for-tabs {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 50px;
  font-size: 15px;
}
@media (max-width: 991px) {
  .missionsOrdersTabs .for-tabs {
    font-size: 12px;
  }
}
.missionsOrdersTabs .for-tabs .align-text {
  text-align: center;
  vertical-align: middle;
}
.missionsOrdersTabs .link {
  display: inline-block;
  font-size: 12px;
  word-break: break-word;
  text-decoration: underline;
  margin-left: 31px;
}
.missionsOrdersTabs .for-mobile {
  border-bottom: 1px solid #b9bebe;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 5px 15px 10px;
  background-color: white;
}
.missionsOrdersTabs .for-mobile .odm-info-mobile .title-value {
  display: flex;
  column-gap: 5px;
  align-items: baseline;
}
.missionsOrdersTabs .for-mobile .odm_action-mobile {
  display: flex;
  align-items: center;
}
.missionsOrdersTabs .odmList {
  width: 70%;
  border-collapse: collapse;
  border: 1px solid #B9BEBE;
}
@media (max-width: 991px) {
  .missionsOrdersTabs .odmList {
    width: 100%;
  }
}
.missionsOrdersTabs .odmList thead {
  border: 1px solid #B9BEBE;
  background-color: white;
}
.missionsOrdersTabs .odmList tbody tr:nth-child(odd) {
  background-color: white;
}
.missionsOrdersTabs .odmList tbody tr:nth-child(even) {
  background-color: #fbfbfb;
}
.missionsOrdersTabs .odmList td {
  vertical-align: baseline;
}
.missionsOrdersTabs .odmList .odm_action {
  display: flex;
  justify-content: flex-start;
}
.missionsOrdersTabs .odmList .odm_action .action-text {
  flex: 1 1 0;
}
.missionsOrdersTabs .odmList .odm_action .silver {
  color: #b9bebe;
}
.missionsOrdersTabs .odmList .collabHasSigned {
  color: #FF9D17;
}
.missionsOrdersTabs .odmList .collabSigned {
  color: #464680;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.missionOrderContainer {
  height: 100%;
  width: 100%;
  position: relative;
}
.missionOrderContainer .content-container {
  width: 100%;
  height: 100%;
  padding: 32px 56px;
}
@media (max-width: 992px) {
  .missionOrderContainer .content-container {
    padding: 32px 25px;
  }
}
.missionOrderContainer .link {
  display: inline-block;
  word-break: break-word;
  font-size: 12px;
  text-decoration: underline;
  padding-left: 31px;
}
.missionOrderContainer .mission-type-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.missionOrderContainer .bar {
  border-bottom: solid #48cde0 1px;
  margin: 10px 0;
}
@media (max-width: 992px) {
  .missionOrderContainer .refacturable-checkbox {
    margin-top: 16px;
  }
}
.missionOrderContainer .half-container {
  width: 50%;
}
.missionOrderContainer .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 15px;
}
@media (max-width: 992px) {
  .missionOrderContainer .comment textarea {
    margin: unset;
  }
}
.missionOrderContainer .subTitleLabel {
  opacity: 1;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif !important;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #a5c0d4 !important;
  margin-bottom: 10px;
  white-space: nowrap;
}
.missionOrderContainer .subTitleLabel.day {
  white-space: unset;
}
.missionOrderContainer .odmInfoCollab {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .missionOrderContainer .odmInfoCollab {
    flex-direction: column;
    padding-top: unset;
    padding-bottom: unset;
    margin-bottom: unset;
  }
}
.missionOrderContainer .odmInfoCollab .red-alerte {
  color: #FF1744 !important;
}
.missionOrderContainer .odmInfoProject {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .missionOrderContainer .odmInfoProject {
    flex-direction: column;
    padding-top: unset;
    padding-bottom: unset;
    margin-bottom: unset;
  }
}
.missionOrderContainer .odmInfoProject li .red-alerte {
  color: #FF1744 !important;
}
.missionOrderContainer .cellPhoneManager {
  width: 50%;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .missionOrderContainer .cellPhoneManager {
    width: 100%;
    margin-bottom: unset;
  }
}
.missionOrderContainer .cellPhoneManager .red-alerte {
  color: #FF1744 !important;
}
.missionOrderContainer .cellPhoneContact {
  width: 50%;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .missionOrderContainer .cellPhoneContact {
    width: 100%;
    margin-bottom: unset;
  }
}
.missionOrderContainer .cellPhoneContact .red-alerte {
  color: #FF1744 !important;
}
.missionOrderContainer .distanceUsed {
  padding-top: 15px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 20%;
}
@media (max-width: 992px) {
  .missionOrderContainer .distanceUsed {
    width: 100%;
  }
}
.missionOrderContainer .link-internationalProject {
  position: relative;
  margin-left: 220px;
}
.missionOrderContainer .link-internationalProject a {
  font-size: 12px;
  text-decoration: underline;
}
.missionOrderContainer .underTitle {
  font-size: 12px;
  text-align: center;
  margin-bottom: 30px;
}
.missionOrderContainer .underTitle span {
  font-size: 11px;
  text-decoration: underline;
}
.missionOrderContainer .termsAndConditionsOfRebilling {
  display: flex;
  margin-bottom: 10px;
  column-gap: 50px;
}
@media (max-width: 992px) {
  .missionOrderContainer .termsAndConditionsOfRebilling {
    flex-direction: column;
  }
}
.missionOrderContainer .termsAndConditionsOfRebilling .modalite-refacturation {
  display: flex;
  column-gap: 50px;
}
@media (max-width: 992px) {
  .missionOrderContainer .termsAndConditionsOfRebilling .modalite-refacturation {
    flex-direction: column;
  }
}
.missionOrderContainer .termsAndConditionsOfRebilling .refacturation {
  display: flex;
  flex-direction: column;
}
.missionOrderContainer .termsAndConditionsOfRebilling .flex_group {
  display: flex;
  column-gap: 20px;
}
.missionOrderContainer .termsAndConditionsOfRebilling .amounOfPackage {
  width: 55%;
}
@media (max-width: 992px) {
  .missionOrderContainer .termsAndConditionsOfRebilling .amounOfPackage {
    width: 100%;
  }
}
.missionOrderContainer .addNature {
  margin-bottom: 30px;
}
.missionOrderContainer .tjmWithEuro {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.missionOrderContainer .tjmWithEuro .symboleEuro {
  position: absolute;
  right: 10px;
  top: 18px;
}
.missionOrderContainer .tjmWithEuro .errorTooltip {
  position: absolute;
  right: -2px;
  top: 0px;
}
.missionOrderContainer .tjmWithEuro .span-container {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.missionOrderContainer .tabs-expensesNatureForOdm {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.missionOrderContainer .tabs-expensesNatureForOdm .comment {
  margin-top: -12px;
}
.missionOrderContainer .tabs-expensesNatureForOdm .td-rebillingToTheCustomer {
  margin-top: 10px;
}
.missionOrderContainer .tabs-expensesNatureForOdm .td-checkbox {
  text-align: center;
}
.missionOrderContainer .tabs-expensesNatureForOdm .nature-width md-select div {
  font-size: 13px;
}
.missionOrderContainer .tabs-expensesNatureForOdm .tjmWithEuro {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.missionOrderContainer .tabs-expensesNatureForOdm .tjmWithEuro .symboleEuro {
  position: absolute;
  right: 10px;
  top: 18px;
}
.missionOrderContainer .tabs-expensesNatureForOdm .tjmWithEuro .errorTooltip {
  position: absolute;
  right: -2px;
  top: 0px;
}
.missionOrderContainer .tabs-expensesNatureForOdm .tjmWithEuro .span-container {
  display: flex;
  align-items: center;
  flex-basis: auto;
  flex-shrink: 1;
}
.missionOrderContainer .tabs-expensesNatureForOdm .remove-line {
  color: #B9BEBE;
  text-align: center;
  margin-top: 15px;
  font-size: 20px;
}
.missionOrderContainer .mission-type-container-toValidate {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.missionOrderContainer .mission-type-container-toValidate .half-container-toValidate {
  width: 80%;
}
.missionOrderContainer .mission-type-container-toValidate .half-container-toValidate .tabs-odmToValidateByCollab td {
  vertical-align: middle;
  text-align: left;
}
.missionOrderContainer .mission-type-container-toValidate .setCollab {
  background-color: #48CDE0;
  color: white;
  padding: 5px;
  margin: -5px;
}
.missionOrderContainer .mission-type-container-toValidate .clikCollab {
  background-color: #48CDE0;
  color: white;
  padding: 5px;
  margin: -5px;
}
.missionOrderContainer .signature-container {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  justify-content: space-around;
}
@media (max-width: 992px) {
  .missionOrderContainer .signature-container {
    flex-direction: column;
  }
}
.missionOrderContainer .buttons-container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 128px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.print-modal,
.comment-modal {
  /*height: 60%;*/
  width: 40%;
  max-width: unset;
  max-height: unset;
}
.print-modal .header-modal,
.comment-modal .header-modal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  background: #48cde0;
  color: white;
  margin-bottom: 15px;
}
.print-modal .title,
.comment-modal .title {
  font-size: 20px;
}
.print-modal .for-comment,
.comment-modal .for-comment {
  height: 150px;
}
.print-modal .for-comment md-input-container textarea,
.comment-modal .for-comment md-input-container textarea {
  padding-top: 7px !important;
}
.print-modal .flex-container,
.comment-modal .flex-container {
  display: flex;
}
.print-modal .month-select,
.comment-modal .month-select {
  flex: 1;
  padding: 18px;
}
.print-modal .radio-kit,
.comment-modal .radio-kit {
  flex: 1;
  padding: 18px;
}
.print-modal .radio-title,
.comment-modal .radio-title {
  margin-bottom: 14px;
  font-size: 14px;
  color: #a5c0d4;
}
.print-modal .radio-button,
.comment-modal .radio-button {
  margin-bottom: 14px;
}
.print-modal .close-modal-btn:hover,
.comment-modal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.print-modal .print-container,
.comment-modal .print-container {
  width: 100%;
  /*display: flex;*/
  padding: 0px 24px 24px 16px;
  /*flex-wrap: wrap;*/
}
.print-modal .box-not-active,
.comment-modal .box-not-active {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  min-width: calc(25% + 50px);
  margin-left: 8px;
  margin-top: 8px;
  min-height: 32px;
  padding: 8px;
  border: 2px solid #b9bebe;
  background: white;
  border-radius: 4px;
}
.print-modal .box-not-active:hover,
.comment-modal .box-not-active:hover {
  background: #48cde0;
  border: 2px solid #48cde0;
  color: white;
}
.print-modal .box-active,
.comment-modal .box-active {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  min-width: calc(25% + 50px);
  margin-left: 8px;
  margin-top: 8px;
  min-height: 32px;
  padding: 8px;
  border: 2px solid #48cde0;
  background: #48cde0;
  border-radius: 4px;
  color: white;
}
.print-modal .md-block,
.comment-modal .md-block {
  width: calc(100% - 36px);
  margin: auto;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.rma-collaborator-container {
  width: 100%;
  height: calc(100vh - 160px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.rma-collaborator-container.bar {
  height: calc(100vh - 166px);
}
.rma-collaborator-container .rma-wrapper {
  width: 97%;
  position: relative;
  top: 5%;
  background: #ffffff;
  box-shadow: 0px 4px 5px 0px #e8e8e8;
  -webkit-box-shadow: 0px 4px 5px 0px #e8e8e8;
  -moz-box-shadow: 0px 4px 5px 0px #e8e8e8;
}
@media screen and (min-width: 1550px) {
  .rma-collaborator-container .rma-wrapper {
    width: 95%;
  }
}
.rma-collaborator-container .rma-wrapper .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 50px;
  position: relative;
  height: 75px;
  box-shadow: 0px 4px 5px 0px #e8e8e8;
  -webkit-box-shadow: 0px 4px 5px 0px #e8e8e8;
  -moz-box-shadow: 0px 4px 5px 0px #e8e8e8;
}
.rma-collaborator-container .rma-wrapper .header .month-selection {
  display: flex;
  align-items: center;
  flex: auto;
}
.rma-collaborator-container .rma-wrapper .header .month-selection .month-buttons {
  display: flex;
}
.rma-collaborator-container .rma-wrapper .header .month-selection .month-buttons .arrow {
  background-color: transparent;
  border: 1px solid #464680;
  display: flex;
  align-items: center;
  padding: 5px 0;
  height: 35px;
}
.rma-collaborator-container .rma-wrapper .header .month-selection .month-buttons .arrow.left {
  border-radius: 4px 0 0 4px;
}
.rma-collaborator-container .rma-wrapper .header .month-selection .month-buttons .arrow.right {
  border-left: none;
  border-radius: 0 4px 4px 0;
}
.rma-collaborator-container .rma-wrapper .header .month-selection .month-buttons .arrow.disabled {
  opacity: 0.5;
}
.rma-collaborator-container .rma-wrapper .header .month-selection .month-buttons .arrow i {
  font-size: 25px;
}
.rma-collaborator-container .rma-wrapper .header .month-selection .freelance {
  width: 40px;
  height: 73px;
  border-radius: 0 0 3px 3px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
  background-color: #464680;
  color: white;
}
.rma-collaborator-container .rma-wrapper .header .month-selection .freelance .signet-icon {
  font-size: 21px;
  text-align: center;
  margin: 0;
  position: relative;
  top: 42%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
}
.rma-collaborator-container .rma-wrapper .header .month-selection .freelance .freelance-pepite {
  margin: 0;
  position: relative;
  bottom: 0;
  width: 100%;
  height: 16px;
  text-align: center;
  background-color: #464680;
  color: white;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: 300;
  letter-spacing: -0.2px;
  padding-top: 4px;
  border-radius: 0 0 3px 3px;
}
.rma-collaborator-container .rma-wrapper .header .month-selection .collab-and-approbator {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  left: 8%;
  width: 100%;
}
.rma-collaborator-container .rma-wrapper .header .month-selection .collab-and-approbator .collab-name {
  text-transform: capitalize;
}
.rma-collaborator-container .rma-wrapper .header .month-selection .collab-and-approbator .collab-name strong {
  font-size: 18px;
}
.rma-collaborator-container .rma-wrapper .header .month-selection .collab-and-approbator .approbator {
  display: flex;
  flex-direction: column;
  text-transform: capitalize;
}
.rma-collaborator-container .rma-wrapper .header .month-selection .collab-and-approbator .approbator span:first-child {
  color: #ADC3D6;
  font-size: 13px;
}
.rma-collaborator-container .rma-wrapper .header .month-selection .collab-and-approbator .approbator span:last-child {
  color: #464680;
}
.rma-collaborator-container .rma-wrapper .header .month-select {
  width: auto;
  margin-left: 10%;
  color: #464680;
}
.rma-collaborator-container .rma-wrapper .header .month-select .md-select-value {
  border-bottom: none;
}
.rma-collaborator-container .rma-wrapper .header .month-select .md-select-value span:not(.md-select-icon) {
  flex: initial;
}
.rma-collaborator-container .rma-wrapper .header .month-select .md-select-value .md-text {
  font-size: 16px;
}
.rma-collaborator-container .rma-wrapper .header .month-select-manager {
  display: flex;
  margin-right: 5%;
  width: auto;
}
.rma-collaborator-container .rma-wrapper .header .month-select .md-select-icon {
  color: #464680;
}
.rma-collaborator-container .rma-wrapper .header .rma-status {
  position: relative;
  height: 100%;
  display: flex;
  flex: auto;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .flag {
  height: 55px;
  width: 35px;
  position: relative;
  border-radius: 0 0 5px 5px;
  top: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .flag span {
  font-weight: bold;
  margin-left: 10px;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .flag.in-process {
  background-color: #48cde0;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .flag.awaiting-validation {
  background-color: #FF9700;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .flag.validated {
  background-color: #00C853;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .flag i {
  font-size: 25px;
  color: #ffffff;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .manager-status {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-left: 15px;
  font-size: 16px;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 15px;
  font-size: 16px;
  font-weight: 600;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status i {
  font-size: 20px;
  margin-left: 15px;
  color: #b9bebe;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status i.active {
  color: #464584;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow {
  border: 1px solid rgba(70, 69, 132, 0.4);
  border-radius: 10px;
  background: #ffffff;
  padding: 20px 0;
  position: absolute;
  top: 45px;
  left: -95px;
  width: auto;
  z-index: 9999;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow:after {
  content: '';
  width: 15px;
  height: 15px;
  border-left: 0px solid transparent;
  border-right: 1px solid rgba(70, 69, 132, 0.4);
  border-bottom: 1px solid rgba(70, 69, 132, 0.4);
  position: absolute;
  top: -8px;
  left: 174px;
  background: #ffffff;
  transform: rotate(225deg);
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow.has-declared:after {
  right: 158px;
  left: initial;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow.two {
  left: -50px;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow.two:after {
  right: 51px;
  left: initial;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow.is-validated:after {
  left: 110px;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow ul li {
  width: 210px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow ul li .actor-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow ul li .actor-wrapper .circle {
  width: 20px;
  background: #ADC3D6;
  position: relative;
  display: block;
  height: 20px;
  border-radius: 100px;
  border: 3px solid #ADC3D6;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow ul li .actor-wrapper .circle.current {
  background: #ffffff;
  border: 3px solid #ADC3D6;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow ul li .actor-wrapper .circle.has-declared {
  background: #00C853;
  border: 3px solid #00C853;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow ul li .actor-wrapper .circle.has-validated {
  background: #00C853;
  border: 3px solid #00C853;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow ul li .actor-wrapper .circle.next-validator:before {
  background: #ADC3D6;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow ul li .actor-wrapper .circle.first-two-validated:before {
  background: #00C853;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow ul li .actor-wrapper .circle:before {
  content: '';
  width: 195px;
  height: 2px;
  background: #ADC3D6;
  display: block;
  position: absolute;
  top: 6px;
  left: 15px;
  z-index: -1;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow ul li .actor-wrapper .name-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 7px;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow ul li .actor-wrapper .name-wrapper .name {
  font-weight: 400;
  font-size: 13px;
  text-transform: capitalize;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow ul li .actor-wrapper .name-wrapper .validation-status {
  font-weight: 400;
  font-size: 11px;
  color: #c5c5c5;
}
.rma-collaborator-container .rma-wrapper .header .rma-status .status .workflow ul li:last-child .circle:before {
  content: none;
}
.rma-collaborator-container .rma-wrapper .header .progression-days {
  flex: auto;
}
.rma-collaborator-container .rma-wrapper .header .declared-days {
  width: 100px;
  background-color: #CDEFF4;
  text-align: center;
  padding: 7px 10px;
  color: #464680;
  border-radius: 6px;
}
.rma-collaborator-container .rma-wrapper .header .declared-days span {
  font-size: 13px;
}
.rma-collaborator-container .rma-wrapper .header .declared-days span:first-child {
  font-weight: bold;
  font-size: 18px;
}
.rma-collaborator-container .rma-wrapper .header button.declare {
  font-weight: bold;
  width: 170px;
  margin-right: 25px;
}
.rma-collaborator-container .rma-wrapper .header button.devalidate {
  font-weight: bold;
  width: 170px;
  margin-right: 25px;
}
.rma-collaborator-container .rma-wrapper .header .declaration-extras {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: auto;
}
.rma-collaborator-container .rma-wrapper .header .declaration-extras.flex-end {
  justify-content: flex-end;
}
.rma-collaborator-container .rma-wrapper .header .declaration-extras .enquete {
  background-color: #48cde0;
  margin-right: 1rem;
}
.rma-collaborator-container .rma-wrapper .header .declaration-extras .extras {
  display: flex;
  align-items: center;
}
.rma-collaborator-container .rma-wrapper .header .declaration-extras .extras span {
  margin: 0 7px;
  color: #b9bebe;
  font-size: 25px;
}
.rma-collaborator-container .rma-wrapper .header .declaration-extras .extras .edit {
  border: none;
  background: none;
  font-size: 25px;
  color: #b9bebe;
}
.rma-collaborator-container .rma-wrapper .header .declaration-extras .extras .edit.disabled {
  opacity: 0.5;
}
.rma-collaborator-container .rma-wrapper .footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 50px 0;
  margin: 0;
  background: #ffffff;
  width: 100%;
  bottom: 0;
  left: 0;
  position: relative;
  height: auto;
}
.rma-collaborator-container .rma-wrapper .footer .forSwitch {
  left: 0;
  padding: 20px;
  padding-right: 230px;
}
.rma-collaborator-container .rma-wrapper .footer .forSwitch label {
  white-space: nowrap;
}
.rma-collaborator-container .rma-wrapper .footer .next-collab-checkbox {
  margin: 20px;
}
.rma-collaborator-container .rma-wrapper .footer .cancellation-system-btn {
  margin: 20px;
  padding: 0 40px;
}
.rma-collaborator-container .rma-wrapper .footer .action-system-btn {
  margin: 20px;
  padding: 0 40px;
}
.rma-collaborator-container .rma-wrapper .body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  margin: auto;
  padding: 20px 10px;
}
.rma-collaborator-container .rma-wrapper .body .rma-table {
  overflow-x: scroll;
}
.rma-collaborator-container .rma-wrapper .body.collab {
  overflow-x: scroll;
}
.rma-collaborator-container .rma-wrapper .body table {
  position: relative;
  empty-cells: show;
  border-collapse: unset;
  margin: 20px auto 0;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1550px) {
  .rma-collaborator-container .rma-wrapper .body table {
    width: auto;
  }
}
.rma-collaborator-container .rma-wrapper .body table .week-end {
  background-color: #FAFAFA !important;
}
.rma-collaborator-container .rma-wrapper .body table .week-end.head {
  background: none;
}
.rma-collaborator-container .rma-wrapper .body table .week-day {
  text-align: center;
  color: #C7CBCB;
  font-weight: 200;
  padding: 10px 7px;
  font-size: 12px;
}
.rma-collaborator-container .rma-wrapper .body table .total {
  padding: 0px 12px;
}
.rma-collaborator-container .rma-wrapper .body table .month {
  text-transform: capitalize;
  text-align: left;
}
.rma-collaborator-container .rma-wrapper .body table tr {
  border-bottom: 1px solid #b9bebe;
}
.rma-collaborator-container .rma-wrapper .body table tr:first-child td {
  border-bottom: 1px solid rgba(21, 20, 66, 0.45);
}
.rma-collaborator-container .rma-wrapper .body table tr:first-child td:not(:first-child) {
  width: 5px;
  padding: 10px 9px;
  font-size: 10px;
  color: #959292;
}
@media screen and (max-width: 1550px) {
  .rma-collaborator-container .rma-wrapper .body table tr:first-child td:not(:first-child) {
    padding: 10px 6px;
  }
}
.rma-collaborator-container .rma-wrapper .body table tr:last-child {
  border-bottom: none;
}
.rma-collaborator-container .rma-wrapper .body table tr td {
  padding: 15px 5px;
  text-align: center;
}
.rma-collaborator-container .rma-wrapper .body table tr td.actions {
  min-width: 325px;
  text-align: left;
}
.rma-collaborator-container .rma-wrapper .body table tr td.actions.absolute {
  position: absolute;
  top: 50px;
  left: -10px;
}
.rma-collaborator-container .rma-wrapper .body table tr td.rma-days.empty {
  padding: 15px 5px;
}
.rma-collaborator-container .rma-wrapper .body table tr td.total {
  font-size: 16px !important;
  padding: 20px;
  font-weight: bold;
}
.rma-collaborator-container .rma-wrapper .body table tr td.total-sign {
  font-size: 12px;
}
.rma-collaborator-container .rma-wrapper .body table tr td.last-month,
.rma-collaborator-container .rma-wrapper .body table tr td.holiday {
  background-color: #FAFAFA !important;
}
.rma-collaborator-container .rma-wrapper .body table tr td.activity-day {
  position: relative;
  user-select: none;
}
.rma-collaborator-container .rma-wrapper .body table tr td.activity-day .arrows {
  display: none;
}
.rma-collaborator-container .rma-wrapper .body table tr td.activity-day .vacation-status {
  color: #FF9800;
  position: absolute;
  top: 2px;
  right: 2px;
}
.rma-collaborator-container .rma-wrapper .body table tr td.activity-day .vacationValid {
  color: #00C853;
  position: absolute;
  top: 2px;
  right: 2px;
}
.rma-collaborator-container .rma-wrapper .body table tr td.activity-day:hover .arrows {
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
}
.rma-collaborator-container .rma-wrapper .body table tr td.activity-day:hover .arrows:first-child:not(:last-child) {
  top: 0;
  left: 0;
}
.rma-collaborator-container .rma-wrapper .body table tr td.activity-day:hover .arrows:last-child {
  bottom: 0;
  left: 0;
  padding-top: 12px;
}
.rma-collaborator-container .rma-wrapper .body table tr td:first-child {
  padding: 5px 10px 5px 30px;
}
.rma-collaborator-container .rma-wrapper .body table tr td:last-child {
  min-width: 80px;
  border-bottom: 1px solid #b9bebe;
}
.rma-collaborator-container .rma-wrapper .body table tr td:nth-child(2) {
  -webkit-box-shadow: inset 6px 0px 4px -4px #b3b3b3;
  -moz-box-shadow: inset 6px 0px 4px -4px #b3b3b3;
  box-shadow: inset 6px 0px 4px -4px #b3b3b3;
}
.rma-collaborator-container .rma-wrapper .body table tr:not(:first-child):not(:last-child) td:not(:first-child):not(:last-child) {
  border-bottom: 1px solid #b9bebe;
  background-color: #E7EFF1;
}
.rma-collaborator-container .rma-wrapper .body table tr.activity-total .complete {
  background: #00C853;
  color: #ffffff;
  border-radius: 15px;
  padding: 2px 8px;
}
.rma-collaborator-container .rma-wrapper .body table tr.activity-total .incomplete {
  padding: 2px 3px;
}
.rma-collaborator-container .rma-wrapper .body table tr.activity-total .rma-complete {
  color: #00C853;
}
.rma-collaborator-container .rma-wrapper .body table tr.activity-total td {
  background-color: transparent !important;
  border-bottom: none !important;
  font-size: 12px;
  color: #FF9800;
}
.rma-collaborator-container .rma-wrapper .body table tr.week-declaration td {
  border-bottom: none;
  border-right: 1px solid rgba(21, 20, 66, 0.45);
}
.rma-collaborator-container .rma-wrapper .body table tr.week-declaration td:first-child {
  border-right: none;
}
.rma-collaborator-container .rma-wrapper .body table tr.week-declaration button {
  margin: auto;
  background-color: #48cde0;
}
.rma-collaborator-container .rma-wrapper .body table tr.week-declaration button.disabled {
  opacity: 0.5;
}
.rma-collaborator-container .rma-wrapper .body table td {
  cursor: default;
}
.rma-collaborator-container .rma-wrapper .body table td .add-activity,
.rma-collaborator-container .rma-wrapper .body table td .copy-activity {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  padding: 3px 0;
  font-size: 13px;
  color: #464580;
}
.rma-collaborator-container .rma-wrapper .body table td .add-activity span,
.rma-collaborator-container .rma-wrapper .body table td .copy-activity span {
  color: #48cde0;
  margin-right: 5px;
}
.rma-collaborator-container .rma-wrapper .body table td.total-sign {
  font-size: 12px !important;
}
.rma-collaborator-container .rma-wrapper .body table .border-right {
  border-right: 1px solid rgba(21, 20, 66, 0.45);
}
.rma-collaborator-container .rma-wrapper .body table .border-right:last-child {
  border-right: none;
}
.rma-collaborator-container .rma-wrapper .body table .d-none {
  display: none;
}
.rma-collaborator-container .rma-wrapper .body table .last {
  -webkit-box-shadow: inset -6px 0px 4px -4px #b3b3b3;
  -moz-box-shadow: inset -6px 0px 4px -4px #b3b3b3;
  box-shadow: inset -6px 0px 4px -4px #b3b3b3;
}
.rma-collaborator-container .rma-wrapper .body table .last.no-border {
  border-right: none;
}
.rma-collaborator-container .rma-wrapper .body table .activity-name {
  position: relative;
  border-bottom: 1px solid #b9bebe;
  text-align: left;
}
.rma-collaborator-container .rma-wrapper .body table .activity-name .comment-delete-wrapper {
  position: absolute;
  flex-direction: column;
  height: 100%;
  width: 25px;
  top: 0;
  left: 0;
}
.rma-collaborator-container .rma-wrapper .body table .activity-name .comment-delete-wrapper .comments {
  height: 50%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.rma-collaborator-container .rma-wrapper .body table .activity-name .comment-delete-wrapper .comments.comment {
  transform: scaleX(-1);
  background: #48cde0;
  color: #ffffff;
}
.rma-collaborator-container .rma-wrapper .body table .activity-name .comment-delete-wrapper .comments.has-declared {
  background: #00D628;
  color: #ffffff;
}
.rma-collaborator-container .rma-wrapper .body table .activity-name .comment-delete-wrapper .delete {
  height: 50%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.rma-collaborator-container .rma-wrapper .body table .activity-name .comment-delete-wrapper .delete.delete {
  background: #464584;
  color: #ffffff;
}
.rma-collaborator-container .rma-wrapper .body table .activity-name .comment-bubble {
  width: 200px;
  background: white;
  padding: 15px;
  border: 1px solid rgba(70, 69, 132, 0.4);
  border-radius: 8px;
  font-size: 12px;
  position: absolute;
  top: 37px;
  left: 0px;
  display: block;
  word-break: break-word;
  text-align: center;
  z-index: 9999;
}
.rma-collaborator-container .rma-wrapper .body table .activity-name .comment-bubble:after {
  content: '';
  width: 10px;
  height: 10px;
  border-left: 0px solid transparent;
  border-right: 1px solid rgba(70, 69, 132, 0.4);
  border-bottom: 1px solid rgba(70, 69, 132, 0.4);
  position: absolute;
  top: -6px;
  left: 14px;
  background: #ffffff;
  transform: rotate(225deg);
}
.rma-collaborator-container .rma-wrapper .body table .activity-name .activity-client {
  font-size: 11px;
  line-height: 22px;
  display: block;
  color: #827E7E;
}
.rma-collaborator-container .rma-wrapper .body table .activity-name .activity-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  display: block;
  color: #464584;
}
.rma-collaborator-container .rma-wrapper .body table .activity-name .fill-units {
  transform: scaleX(-1);
  position: absolute;
  right: 3%;
  top: 45%;
  font-size: 16px;
  color: #CECECE;
}
.rma-collaborator-container .rma-wrapper .body table .activity-name.space {
  width: 260px;
  border: 0;
}
.rma-collaborator-container .rma-wrapper .body table .activity-name:hover .comment-delete-wrapper {
  display: flex;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager {
  padding-bottom: 10px;
  position: relative;
  z-index: 9999;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul li {
  width: 210px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul li .actor-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul li .actor-wrapper .circle {
  width: 20px;
  background: #ADC3D6;
  position: relative;
  display: block;
  height: 20px;
  border-radius: 100px;
  border: 3px solid #ADC3D6;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul li .actor-wrapper .circle.current {
  background: #ffffff;
  border: 3px solid #ADC3D6;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul li .actor-wrapper .circle.has-declared {
  background: #00C853;
  border: 3px solid #00C853;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul li .actor-wrapper .circle.has-validated {
  background: #00C853;
  border: 3px solid #00C853;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul li .actor-wrapper .circle.has-validated:before {
  background: #ADC3D6;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul li .actor-wrapper .circle.next-validator:before {
  background: #ADC3D6;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul li .actor-wrapper .circle.first-two-validated:before {
  background: #00C853;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul li .actor-wrapper .circle:before {
  content: '';
  width: 195px;
  height: 2px;
  background: #ADC3D6;
  display: block;
  position: absolute;
  top: 6px;
  left: 15px;
  z-index: -1;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul li .actor-wrapper .name-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 7px;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul li .actor-wrapper .name-wrapper .name {
  font-weight: 400;
  font-size: 13px;
  text-transform: capitalize;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul li .actor-wrapper .name-wrapper .validation-status {
  font-weight: 400;
  font-size: 11px;
  color: #c5c5c5;
}
.rma-collaborator-container .rma-wrapper .body .workflow-manager ul li:last-child .circle:before {
  content: none;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.rma-activity-mobile-container .header {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #b9bebe;
}
.rma-activity-mobile-container .header .month-selection {
  padding-left: 20px;
}
.rma-activity-mobile-container .header .month-selection .month-select .md-select-value {
  border-bottom: none;
}
.rma-activity-mobile-container .header .month-selection .month-select .md-select-value span:not(.md-select-icon) {
  flex: initial;
}
.rma-activity-mobile-container .header .month-selection .month-select .md-select-value .md-text {
  font-size: 16px;
}
.rma-activity-mobile-container .header .extras {
  padding-right: 40px;
  display: flex;
}
.rma-activity-mobile-container .header .extras .print {
  font-size: 24px;
  color: #b9bebe;
  margin-right: 10px;
}
.rma-activity-mobile-container .header .extras .help {
  font-size: 20px;
  color: #b9bebe;
}
.rma-activity-mobile-container .subHeader {
  background-color: #ffffff;
  display: flex;
  padding: 7px 15px;
  margin-bottom: 20px;
}
.rma-activity-mobile-container .subHeader .rma-status {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  flex: auto;
}
.rma-activity-mobile-container .subHeader .rma-status .flag {
  height: 55px;
  width: 35px;
  border-radius: 0 0 5px 5px;
  top: -7px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-right: 15px;
}
.rma-activity-mobile-container .subHeader .rma-status .flag span {
  font-weight: bold;
  margin-left: 10px;
}
.rma-activity-mobile-container .subHeader .rma-status .flag.in-process {
  background-color: #48cde0;
}
.rma-activity-mobile-container .subHeader .rma-status .flag.awaiting-validation {
  background-color: #FF9700;
}
.rma-activity-mobile-container .subHeader .rma-status .flag.validated {
  background-color: #00C853;
}
.rma-activity-mobile-container .subHeader .rma-status .flag i {
  font-size: 25px;
  color: #ffffff;
}
.rma-activity-mobile-container .subHeader .rma-status .manager-status {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-left: 15px;
  font-size: 16px;
}
.rma-activity-mobile-container .subHeader .rma-status .status {
  font-size: 16px;
  font-weight: 600;
  margin-right: auto;
}
.rma-activity-mobile-container .subHeader .rma-status .status i {
  font-size: 20px;
  margin-left: 70px;
  margin-right: 70px;
  color: #b9bebe;
}
.rma-activity-mobile-container .subHeader .rma-status .status i.active {
  color: #464584;
}
.rma-activity-mobile-container .declared-days {
  width: 100px;
  background-color: #CDEFF4;
  text-align: center;
  padding: 7px 10px;
  color: #464680;
  border-radius: 6px;
}
.rma-activity-mobile-container .declared-days.activity {
  width: 55px;
  font-weight: bold;
}
.rma-activity-mobile-container .declared-days span {
  font-size: 13px;
}
.rma-activity-mobile-container .declared-days span:first-child {
  font-weight: bold;
  font-size: 18px;
}
.rma-activity-mobile-container .scroll-activities {
  height: calc(100vh - 288px);
  padding-bottom: 100px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.rma-activity-mobile-container .scroll-activities .myActivity {
  background-color: white;
  width: auto;
  height: auto;
  margin-bottom: 20px;
}
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity {
  border-bottom: 1px solid #b9bebe;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 5px 15px 10px;
}
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity .activity-wrapper,
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity .total-wrapper {
  display: flex;
}
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity .buttons-wrapper {
  display: flex;
  flex-direction: column;
  margin-right: 5px;
}
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity .buttons-wrapper .comment-manager {
  transform: scaleX(-1);
  color: #464584;
  position: relative;
  top: 5px;
  font-size: 18px;
}
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity .buttons-wrapper .comment-manager:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #F60039;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: -2px;
}
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity .comment {
  font-size: 20px;
  color: #9DBACE;
  transform: scaleX(-1);
  margin-bottom: 3px;
}
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity .delete {
  font-size: 20px;
  color: #9DBACE;
}
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity .submit-weeks {
  font-size: 30px;
}
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity .activity-name {
  position: relative;
  text-align: left;
}
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity .activity-name .comment-bubble {
  width: 200px;
  background: white;
  padding: 15px;
  border: 1px solid rgba(70, 69, 132, 0.4);
  border-radius: 8px;
  font-size: 12px;
  display: block;
  word-break: break-word;
  text-align: center;
  z-index: 9999;
  position: absolute;
}
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity .activity-name .comment-manager {
  transform: scaleX(-1);
  color: #464584;
  font-size: 18px;
}
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity .activity-name .activity-client {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  color: #959292;
  white-space: nowrap;
  max-width: 230px;
  font-size: 12px;
  line-height: 22px;
}
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity .activity-name .activity-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 280px;
  font-size: 16px;
  overflow: hidden;
  display: block;
  color: #464584;
}
@media screen and (max-width: 400px) {
  .rma-activity-mobile-container .scroll-activities .myActivity .border-activity .activity-name .activity-title {
    max-width: 240px;
  }
}
.rma-activity-mobile-container .scroll-activities .myActivity .border-activity .activity-name .declared-activity {
  width: 70px;
  background-color: #CDEFF4;
  text-align: center;
  padding: 7px 10px;
  color: #464680;
  border-radius: 6px;
  font-weight: bold;
}
.rma-activity-mobile-container .scroll-activities .pos-button {
  padding-left: 5px;
}
.rma-activity-mobile-container .scroll-activities .pos-button .add-activities-mobile {
  background-color: #48CDE0;
  width: calc(100% - 20px);
}
.rma-activity-mobile-container .scroll-activities .pos-button .copy-activities {
  width: calc(100% - 20px);
}
.rma-activity-page-slide {
  height: 100%;
}
.rma-activity-page-slide form {
  height: calc(100% - 82px);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
}
.rma-activity-page-slide form .buttons-container {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.rma-week-container .rma-week-header {
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 4px 5px 0px #e8e8e8;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 20px 10px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
}
.rma-week-container .rma-week-header .comment-manager {
  font-size: 25px;
  transform: scaleX(-1);
}
.rma-week-container .rma-week-header .comment-manager:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #F60039;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: -2px;
}
.rma-week-container .rma-week-header .comment-bubble {
  width: 200px;
  background: #ffffff;
  padding: 15px;
  border: 1px solid rgba(70, 69, 132, 0.4);
  border-radius: 8px;
  font-size: 12px;
  position: absolute;
  top: 55px;
  right: 6px;
  display: block;
  word-break: break-word;
  text-align: center;
  z-index: 9999;
}
.rma-week-container .rma-week-header .wrapper {
  display: flex;
  align-items: center;
}
.rma-week-container .rma-week-header .wrapper .icon-fleche {
  font-size: 20px;
}
.rma-week-container .rma-week-header .wrapper .activity-name {
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 290px;
}
.rma-week-container .rma-week-header .fill-units {
  font-size: 24px;
  transform: scaleX(-1);
}
.rma-week-container .rma-week-header .arrow {
  margin-right: 12px;
}
.rma-week-container .week {
  background: #ffffff;
  margin-top: 10px;
  position: relative;
}
.rma-week-container .week .week-header {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 15px;
  box-shadow: 0px 4px 5px 0px #e8e8e8;
}
.rma-week-container .week .week-header:before {
  content: '';
  width: 10px;
  height: 100%;
  background: #48cde0;
  position: static;
  left: 0;
  top: 0;
}
.rma-week-container .week .week-header.complete:before {
  background: #00D628;
}
.rma-week-container .week .week-header .dates {
  letter-spacing: 2px;
  font-size: 16px;
  margin-right: auto;
  margin-left: 20px;
}
.rma-week-container .week .week-header .declared-days {
  background-color: #CDEFF4;
  text-align: center;
  padding: 8px 20px;
  color: #464680;
  border-radius: 6px;
  margin-right: auto;
  min-width: 80px;
}
.rma-week-container .week .week-header .declared-days b {
  font-size: 18px;
}
.rma-week-container .week .week-header .arrow {
  font-size: 30px;
  opacity: 0.4;
  transition: all 0.5s ease-in-out;
  margin-right: 12px;
}
.rma-week-container .week .week-header .arrow.open {
  transform: rotate(180deg);
  opacity: 1;
}
.rma-week-container .days {
  transform: translateY(-10px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.rma-week-container .days .declare-week {
  background: #48cde0;
  margin: 10px auto 0;
  padding: 25px;
  font-size: 16px;
}
.rma-week-container .days .day {
  border-bottom: 1px solid #DFDFDF;
  padding: 10px 20px;
}
.rma-week-container .days .day .day-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rma-week-container .days .day.last {
  border: none;
}
.rma-week-container .days .day.week-end {
  display: none;
}
.rma-week-container .days .day .date {
  font-size: 18px;
  text-transform: capitalize;
}
.rma-week-container .days .day .input-wrapper {
  min-width: 175px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 81px;
}
.rma-week-container .days .day .input-wrapper.center {
  justify-content: center;
}
.rma-week-container .days .day .amount {
  font-size: 18px;
}
.rma-week-container .days .day .amount.half-opacity {
  opacity: 0.5;
}
.rma-week-container .days .day .amount.complete {
  background: #00C853;
  color: #ffffff;
  border-radius: 15px;
  padding: 3px 10px;
}
.rma-week-container .days .day .icon {
  background: none;
  border: 0;
  color: #96bbd0;
  font-size: 60px;
  margin: 0;
  padding: 0;
}
.rma-week-container .days .day .icon.disabled {
  opacity: 0.3;
}
.rma-week-container .days .day .message-wrapper {
  background: #00B4C7;
  padding: 3px 8px;
  margin-bottom: 4px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  color: #ffffff;
}
.rma-week-container .days .day .message-wrapper .other-activities {
  display: flex;
  color: #ffffff;
}
.rma-week-container .days .day .message-wrapper .other-activities:not(:first-child) {
  padding-left: 23px;
}
.rma-week-container .days .day .message-wrapper span.material-icons {
  font-size: 18px;
  color: #ffffff;
  margin-right: 5px;
}
.rma-week-container .days.open {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  padding-bottom: 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.counters-block table,
.history-block table,
.vacation-demand-page-slide table {
  border-spacing: 0;
  display: table;
  font-size: 1.2rem;
  line-height: 2.4rem;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .counters-block table,
  .history-block table,
  .vacation-demand-page-slide table {
    font-size: 8pt;
  }
}
.counters-block table tr td,
.history-block table tr td,
.vacation-demand-page-slide table tr td {
  padding: 0.5rem;
}
.counters-block table tr .vacation-type,
.history-block table tr .vacation-type,
.vacation-demand-page-slide table tr .vacation-type {
  display: flex;
  align-items: center;
  text-align: left;
}
.counters-block table thead tr,
.history-block table thead tr,
.vacation-demand-page-slide table thead tr {
  /*
                th#col_current_balance {
                    width: 12rem;
                    position: relative;

                    span {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        width: 100%;
                        padding-top: 1rem;
                    }
                }

                th#col_future_balance {
                    .md-select-value {
                        text-align: center;

                        > span:not(.md-select-icon) {
                            .md-text {
                                text-transform: capitalize;
                            }
                        }
                    }

                    .select-month {
                        width: 60%;
                        margin: auto;
                    }
                }*/
}
.counters-block table thead tr th,
.history-block table thead tr th,
.vacation-demand-page-slide table thead tr th {
  text-align: center;
}
.counters-block table thead tr th span,
.history-block table thead tr th span,
.vacation-demand-page-slide table thead tr th span {
  color: #48CDE0;
  font-weight: 400;
}
.counters-block table tbody tr,
.history-block table tbody tr,
.vacation-demand-page-slide table tbody tr {
  border-bottom: 0.1rem solid #48CDE0;
}
.counters-block table tbody tr:last-child,
.history-block table tbody tr:last-child,
.vacation-demand-page-slide table tbody tr:last-child {
  border: none;
}
.counters-block h3.header,
.history-block h3.header,
.vacation-demand-page-slide h3.header {
  color: #48CDE0;
  margin: 2rem;
}
.counters-block .notification,
.history-block .notification,
.vacation-demand-page-slide .notification {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.4);
}
.counters-block .notification .icon,
.history-block .notification .icon,
.vacation-demand-page-slide .notification .icon {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  padding: 1px;
  padding-left: 16px;
  font-weight: bold;
  color: white;
  font-size: 18px;
}
.counters-block .notification .content,
.history-block .notification .content,
.vacation-demand-page-slide .notification .content {
  display: flex;
  justify-content: center;
  color: black;
}
.counters-block .notification .content span,
.history-block .notification .content span,
.vacation-demand-page-slide .notification .content span {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 12px;
}
.counters-block .notification.notification-danger,
.history-block .notification.notification-danger,
.vacation-demand-page-slide .notification.notification-danger {
  background-color: #d69c9c;
  border: 1px solid #c00000;
}
.counters-block .notification.notification-danger .icon,
.history-block .notification.notification-danger .icon,
.vacation-demand-page-slide .notification.notification-danger .icon {
  background: #c00000;
}
.counters-block .disable-min-width,
.history-block .disable-min-width,
.vacation-demand-page-slide .disable-min-width {
  min-width: unset !important;
}
.counters-block .end-page-margin,
.history-block .end-page-margin,
.vacation-demand-page-slide .end-page-margin {
  margin: 20px;
}
.counters-block .colored-boxe,
.history-block .colored-boxe,
.vacation-demand-page-slide .colored-boxe {
  background-color: #48cde0;
  color: white;
}
.counters-block .buttons-container,
.history-block .buttons-container,
.vacation-demand-page-slide .buttons-container {
  display: flex;
  justify-content: space-around;
}
.counters-block .center-content,
.history-block .center-content,
.vacation-demand-page-slide .center-content {
  margin-left: auto;
  margin-right: auto;
}
.counters-block input[type="file"],
.history-block input[type="file"],
.vacation-demand-page-slide input[type="file"] {
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.counters-block .position-relative,
.history-block .position-relative,
.vacation-demand-page-slide .position-relative {
  position: relative;
}
.counters-block .proof,
.history-block .proof,
.vacation-demand-page-slide .proof {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.counters-block .proof span,
.history-block .proof span,
.vacation-demand-page-slide .proof span {
  font-size: 9px;
  color: #a9c3d6;
}
.counters-block .proof input[type="file"],
.history-block .proof input[type="file"],
.vacation-demand-page-slide .proof input[type="file"] {
  position: absolute;
}
.counters-block .proof .upload-square,
.history-block .proof .upload-square,
.vacation-demand-page-slide .proof .upload-square {
  border: 2px dotted #d1d5d8;
  height: 50px;
  width: 80px;
  color: #d1d5d8;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  font-weight: bold;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.counters-block table,
.history-block table,
.vacation-demand-page-slide table {
  border-spacing: 0;
  display: table;
  font-size: 1.2rem;
  line-height: 2.4rem;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .counters-block table,
  .history-block table,
  .vacation-demand-page-slide table {
    font-size: 8pt;
  }
}
.counters-block table tr td,
.history-block table tr td,
.vacation-demand-page-slide table tr td {
  padding: 0.5rem;
}
.counters-block table tr .vacation-type,
.history-block table tr .vacation-type,
.vacation-demand-page-slide table tr .vacation-type {
  display: flex;
  align-items: center;
  text-align: left;
}
.counters-block table thead tr,
.history-block table thead tr,
.vacation-demand-page-slide table thead tr {
  /*
                th#col_current_balance {
                    width: 12rem;
                    position: relative;

                    span {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        width: 100%;
                        padding-top: 1rem;
                    }
                }

                th#col_future_balance {
                    .md-select-value {
                        text-align: center;

                        > span:not(.md-select-icon) {
                            .md-text {
                                text-transform: capitalize;
                            }
                        }
                    }

                    .select-month {
                        width: 60%;
                        margin: auto;
                    }
                }*/
}
.counters-block table thead tr th,
.history-block table thead tr th,
.vacation-demand-page-slide table thead tr th {
  text-align: center;
}
.counters-block table thead tr th span,
.history-block table thead tr th span,
.vacation-demand-page-slide table thead tr th span {
  color: #48CDE0;
  font-weight: 400;
}
.counters-block table tbody tr,
.history-block table tbody tr,
.vacation-demand-page-slide table tbody tr {
  border-bottom: 0.1rem solid #48CDE0;
}
.counters-block table tbody tr:last-child,
.history-block table tbody tr:last-child,
.vacation-demand-page-slide table tbody tr:last-child {
  border: none;
}
.counters-block h3.header,
.history-block h3.header,
.vacation-demand-page-slide h3.header {
  color: #48CDE0;
  margin: 2rem;
}
.counters-block .notification,
.history-block .notification,
.vacation-demand-page-slide .notification {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.4);
}
.counters-block .notification .icon,
.history-block .notification .icon,
.vacation-demand-page-slide .notification .icon {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  padding: 1px;
  padding-left: 16px;
  font-weight: bold;
  color: white;
  font-size: 18px;
}
.counters-block .notification .content,
.history-block .notification .content,
.vacation-demand-page-slide .notification .content {
  display: flex;
  justify-content: center;
  color: black;
}
.counters-block .notification .content span,
.history-block .notification .content span,
.vacation-demand-page-slide .notification .content span {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 12px;
}
.counters-block .notification.notification-danger,
.history-block .notification.notification-danger,
.vacation-demand-page-slide .notification.notification-danger {
  background-color: #d69c9c;
  border: 1px solid #c00000;
}
.counters-block .notification.notification-danger .icon,
.history-block .notification.notification-danger .icon,
.vacation-demand-page-slide .notification.notification-danger .icon {
  background: #c00000;
}
.counters-block .disable-min-width,
.history-block .disable-min-width,
.vacation-demand-page-slide .disable-min-width {
  min-width: unset !important;
}
.counters-block .end-page-margin,
.history-block .end-page-margin,
.vacation-demand-page-slide .end-page-margin {
  margin: 20px;
}
.counters-block .colored-boxe,
.history-block .colored-boxe,
.vacation-demand-page-slide .colored-boxe {
  background-color: #48cde0;
  color: white;
}
.counters-block .buttons-container,
.history-block .buttons-container,
.vacation-demand-page-slide .buttons-container {
  display: flex;
  justify-content: space-around;
}
.counters-block .center-content,
.history-block .center-content,
.vacation-demand-page-slide .center-content {
  margin-left: auto;
  margin-right: auto;
}
.counters-block input[type="file"],
.history-block input[type="file"],
.vacation-demand-page-slide input[type="file"] {
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.counters-block .position-relative,
.history-block .position-relative,
.vacation-demand-page-slide .position-relative {
  position: relative;
}
.counters-block .proof,
.history-block .proof,
.vacation-demand-page-slide .proof {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.counters-block .proof span,
.history-block .proof span,
.vacation-demand-page-slide .proof span {
  font-size: 9px;
  color: #a9c3d6;
}
.counters-block .proof input[type="file"],
.history-block .proof input[type="file"],
.vacation-demand-page-slide .proof input[type="file"] {
  position: absolute;
}
.counters-block .proof .upload-square,
.history-block .proof .upload-square,
.vacation-demand-page-slide .proof .upload-square {
  border: 2px dotted #d1d5d8;
  height: 50px;
  width: 80px;
  color: #d1d5d8;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  font-weight: bold;
}
.counters-container {
  background: #fff;
  min-height: 28rem;
  max-height: 28rem;
  user-select: none;
  padding-top: 0.5rem;
  overflow-y: scroll;
}
.counters-container table {
  word-break: break-word;
}
.counters-container table th {
  line-height: 1;
  max-width: 33%;
}
.counters-container table th .select-month {
  width: auto;
}
.counters-container table th .select-month .md-text {
  font-size: 9pt;
  text-transform: capitalize;
}
.counters-container .material-icons {
  margin-left: 1rem;
  font-size: 2rem;
  color: #464680;
}
.counters-container .counters-block {
  padding: 0 2rem;
}
@media screen and (max-width: 991px) {
  .counters-container {
    height: auto;
    padding: 5px;
    min-height: unset;
    max-height: unset;
  }
  .counters-container .material-icons {
    margin-left: 1px;
  }
  .counters-container .header {
    text-align: center;
  }
  .counters-container .counters-block {
    padding: 0;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.vacation-demand-page-slide .vacation-demand {
  padding-top: 10px;
}
.vacation-demand-page-slide table {
  border-spacing: 0;
  display: table;
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: center;
  width: 100%;
}
.vacation-demand-page-slide table tr td {
  padding: 0.5rem;
}
.vacation-demand-page-slide table tr td i {
  vertical-align: middle;
}
.vacation-demand-page-slide table tr .vacation-type {
  display: flex;
  align-items: center;
  text-align: left;
}
.vacation-demand-page-slide table thead tr th {
  padding: 1rem;
  text-align: center;
}
.vacation-demand-page-slide table thead tr th span {
  color: #48CDE0;
  font-weight: 400;
}
.vacation-demand-page-slide table thead tr th#col_current_balance {
  width: 12rem;
  position: relative;
}
.vacation-demand-page-slide table thead tr th#col_current_balance span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding-top: 1rem;
}
.vacation-demand-page-slide table thead tr th#col_future_balance .md-select-value {
  text-align: center;
}
.vacation-demand-page-slide table thead tr th#col_future_balance .md-select-value > span:not(.md-select-icon) .md-text {
  text-transform: capitalize;
}
.vacation-demand-page-slide table thead tr th#col_future_balance .select-month {
  width: 60%;
  margin: auto;
}
.vacation-demand-page-slide table tr {
  border-bottom: 0.1rem solid #48CDE0 !important;
}
.vacation-demand-page-slide table tr:last-child {
  border-bottom: none !important;
}
.vacation-demand-page-slide table tbody tr button.material-icons {
  background: none;
  border: none;
}
.vacation-demand-page-slide table .other-account {
  height: 30px;
  background-color: transparent;
}
.vacation-demand-page-slide table .other-account md-select-value {
  padding: 0;
  border-bottom: none;
}
.vacation-demand-page-slide table .other-account span.md-select-icon {
  margin: 0;
  width: auto;
}
.vacation-demand-page-slide table .other-account:focus md-select-value {
  border-bottom: none;
}
.vacation-demand-page-slide table .other-account:focus span:first-child {
  transition: none;
  transform: none;
  color: #a5c0d4;
}
.vacation-demand-page-slide table .other-account:hover span:first-child {
  color: #48cde0;
}
.vacation-demand-page-slide h3.header {
  color: #48CDE0;
  margin: 2rem;
}
.vacation-demand-page-slide .notification {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.4);
}
.vacation-demand-page-slide .notification .icon {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  font-weight: bold;
  color: white;
  font-size: 18px;
  display: flex;
  justify-content: center;
  padding-left: 0px !important;
}
.vacation-demand-page-slide .notification .content {
  display: flex;
  justify-content: center;
  color: black;
}
.vacation-demand-page-slide .notification .content span {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 12px;
}
.vacation-demand-page-slide .tiny-icon {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  line-height: initial;
  font-weight: bold;
  color: white;
  font-size: 10px;
  position: relative;
}
.vacation-demand-page-slide .tiny-icon.red-icon {
  background: #c00000;
}
.vacation-demand-page-slide .tiny-icon.orange-icon {
  background: #ed7d31;
}
.vacation-demand-page-slide .notification.notification-warning {
  background-color: #f8cbad;
  border: 1px solid #ed7d31;
}
.vacation-demand-page-slide .notification.notification-warning .icon {
  background: #ed7d31;
}
.vacation-demand-page-slide .notification.notification-danger {
  background-color: #d69c9c;
  border: 1px solid #c00000;
}
.vacation-demand-page-slide .notification.notification-danger .icon {
  background: #c00000;
}
.vacation-demand-page-slide .radio-button {
  margin-bottom: 8px;
  margin-top: 8px;
}
.vacation-demand-page-slide .radio-group {
  padding-left: 24px;
  display: flex;
  flex-direction: column;
}
.vacation-demand-page-slide .overflow {
  overflow: auto;
}
.vacation-demand-page-slide .default-margin {
  margin-bottom: 4px;
  margin-top: 4px;
  margin-right: 16px;
  margin-left: 16px;
}
.vacation-demand-page-slide .default-padding-left {
  padding-bottom: 4px;
  padding-top: 4px;
  padding-right: 0px;
  padding-left: 16px;
}
.vacation-demand-page-slide .default-padding-middle {
  padding-bottom: 4px;
  padding-top: 4px;
  padding-right: 4px;
  padding-left: 4px;
}
.vacation-demand-page-slide .default-padding-right {
  padding-bottom: 4px;
  padding-top: 4px;
  padding-right: 16px;
  padding-left: 0px;
}
.vacation-demand-page-slide .display-flex {
  justify-content: center;
  display: flex;
}
.vacation-demand-page-slide .doc-card {
  padding: 8px 8px 8px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #9DBACE;
  border-radius: 6px;
  height: 32px;
  background: #FAFAFA;
}
.vacation-demand-page-slide .doc-card-left {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
.vacation-demand-page-slide .i-doc {
  font-size: 14px;
}
.vacation-demand-page-slide .doc-name {
  font-size: 12px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 2px 0 0 8px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vacation-demand-page-slide .disable-min-width {
  min-width: unset !important;
}
.vacation-demand-page-slide .colored-box {
  background-color: #effafc;
  color: white;
}
.vacation-demand-page-slide .colored-box .i-add-list {
  cursor: pointer;
  font-size: 28px;
  color: #464680;
  transition: color 0.1s 0.1s;
}
.vacation-demand-page-slide .colored-box .i-add-list[disabled] {
  color: #bbb;
}
.vacation-demand-page-slide .colored-box span.amount {
  color: #000000;
}
.vacation-demand-page-slide .flexed-boxe {
  display: flex;
  justify-content: space-around;
}
.vacation-demand-page-slide .flexed-boxe.disabled {
  opacity: 0.4;
}
.vacation-demand-page-slide .buttons-container {
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 320px) {
  .vacationDetailPageSlide .details-container {
    flex-direction: column !important;
  }
  .vacationDetailPageSlide .circle::after {
    height: 350%;
  }
}
@media screen and (max-width: 414px) {
  .vacationDetailPageSlide .circle::after {
    height: 350%;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.counters-block table,
.history-block table,
.vacation-demand-page-slide table {
  border-spacing: 0;
  display: table;
  font-size: 1.2rem;
  line-height: 2.4rem;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .counters-block table,
  .history-block table,
  .vacation-demand-page-slide table {
    font-size: 8pt;
  }
}
.counters-block table tr td,
.history-block table tr td,
.vacation-demand-page-slide table tr td {
  padding: 0.5rem;
}
.counters-block table tr .vacation-type,
.history-block table tr .vacation-type,
.vacation-demand-page-slide table tr .vacation-type {
  display: flex;
  align-items: center;
  text-align: left;
}
.counters-block table thead tr,
.history-block table thead tr,
.vacation-demand-page-slide table thead tr {
  /*
                th#col_current_balance {
                    width: 12rem;
                    position: relative;

                    span {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        width: 100%;
                        padding-top: 1rem;
                    }
                }

                th#col_future_balance {
                    .md-select-value {
                        text-align: center;

                        > span:not(.md-select-icon) {
                            .md-text {
                                text-transform: capitalize;
                            }
                        }
                    }

                    .select-month {
                        width: 60%;
                        margin: auto;
                    }
                }*/
}
.counters-block table thead tr th,
.history-block table thead tr th,
.vacation-demand-page-slide table thead tr th {
  text-align: center;
}
.counters-block table thead tr th span,
.history-block table thead tr th span,
.vacation-demand-page-slide table thead tr th span {
  color: #48CDE0;
  font-weight: 400;
}
.counters-block table tbody tr,
.history-block table tbody tr,
.vacation-demand-page-slide table tbody tr {
  border-bottom: 0.1rem solid #48CDE0;
}
.counters-block table tbody tr:last-child,
.history-block table tbody tr:last-child,
.vacation-demand-page-slide table tbody tr:last-child {
  border: none;
}
.counters-block h3.header,
.history-block h3.header,
.vacation-demand-page-slide h3.header {
  color: #48CDE0;
  margin: 2rem;
}
.counters-block .notification,
.history-block .notification,
.vacation-demand-page-slide .notification {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.4);
}
.counters-block .notification .icon,
.history-block .notification .icon,
.vacation-demand-page-slide .notification .icon {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  padding: 1px;
  padding-left: 16px;
  font-weight: bold;
  color: white;
  font-size: 18px;
}
.counters-block .notification .content,
.history-block .notification .content,
.vacation-demand-page-slide .notification .content {
  display: flex;
  justify-content: center;
  color: black;
}
.counters-block .notification .content span,
.history-block .notification .content span,
.vacation-demand-page-slide .notification .content span {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 12px;
}
.counters-block .notification.notification-danger,
.history-block .notification.notification-danger,
.vacation-demand-page-slide .notification.notification-danger {
  background-color: #d69c9c;
  border: 1px solid #c00000;
}
.counters-block .notification.notification-danger .icon,
.history-block .notification.notification-danger .icon,
.vacation-demand-page-slide .notification.notification-danger .icon {
  background: #c00000;
}
.counters-block .disable-min-width,
.history-block .disable-min-width,
.vacation-demand-page-slide .disable-min-width {
  min-width: unset !important;
}
.counters-block .end-page-margin,
.history-block .end-page-margin,
.vacation-demand-page-slide .end-page-margin {
  margin: 20px;
}
.counters-block .colored-boxe,
.history-block .colored-boxe,
.vacation-demand-page-slide .colored-boxe {
  background-color: #48cde0;
  color: white;
}
.counters-block .buttons-container,
.history-block .buttons-container,
.vacation-demand-page-slide .buttons-container {
  display: flex;
  justify-content: space-around;
}
.counters-block .center-content,
.history-block .center-content,
.vacation-demand-page-slide .center-content {
  margin-left: auto;
  margin-right: auto;
}
.counters-block input[type="file"],
.history-block input[type="file"],
.vacation-demand-page-slide input[type="file"] {
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.counters-block .position-relative,
.history-block .position-relative,
.vacation-demand-page-slide .position-relative {
  position: relative;
}
.counters-block .proof,
.history-block .proof,
.vacation-demand-page-slide .proof {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.counters-block .proof span,
.history-block .proof span,
.vacation-demand-page-slide .proof span {
  font-size: 9px;
  color: #a9c3d6;
}
.counters-block .proof input[type="file"],
.history-block .proof input[type="file"],
.vacation-demand-page-slide .proof input[type="file"] {
  position: absolute;
}
.counters-block .proof .upload-square,
.history-block .proof .upload-square,
.vacation-demand-page-slide .proof .upload-square {
  border: 2px dotted #d1d5d8;
  height: 50px;
  width: 80px;
  color: #d1d5d8;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  font-weight: bold;
}
.history-container {
  background: #fff;
  padding: 2rem;
  padding-top: 0.5rem;
  min-height: 28rem;
  max-height: 28rem;
  user-select: none;
  overflow-y: scroll;
}
.history-container .history-block {
  padding: 0 2rem;
}
.history-container .history-block table {
  height: 100%;
}
.history-container .history-block table thead tr:before {
  content: none;
}
.history-container .history-block table tbody {
  height: 100%;
}
.history-container .history-block table tbody tr.table-body-row td .status {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.history-container .history-block table tbody tr.table-body-row td .status > span {
  display: flex;
  flex-direction: column;
}
.history-container .history-block table tbody tr.table-body-row td.history-date span {
  display: block;
}
.history-container .history-block table tbody td {
  line-height: 12pt;
}
.history-container .history-block table tbody td i {
  font-size: 2rem;
  color: #464680;
}
@media screen and (max-width: 991px) {
  .history-container {
    height: 42rem;
    padding: 5px;
    min-height: unset;
    max-height: unset;
    overflow-y: hidden;
  }
  .history-container .grid-md {
    height: 37rem;
    overflow: scroll;
  }
  .history-container .history-block {
    padding: 0;
  }
  .history-container .material-icons {
    margin-left: 1px;
  }
  .history-container .header {
    text-align: center;
  }
  .history-container .counters-block {
    padding: 0;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.competenceFile {
  height: 50%;
  width: 50%;
  max-width: unset;
  max-height: unset;
}
.competenceFile .header-modal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  background: #48cde0;
  color: white;
}
.competenceFile .title {
  font-size: 20px;
}
.competenceFile .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.competenceFile .competenceFile-container {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 70px 24px 24px 16px;
  flex-wrap: wrap;
}
.competenceFile .competenceFile-container .position-file-card {
  padding-top: 10px;
}
.competenceFile .competenceFile-container .position-file-card .file-manager-file-card-left {
  display: flex;
  align-items: end;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  padding-left: 0px;
  border-left: 10px solid #48cde0;
}
.competenceFile .competenceFile-container .position-file-card .file-manager-file-card-left .file-name {
  display: block;
  font-size: 16px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  color: #464680;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
  margin-right: auto;
  /* pour repousser le boutons vers le coté droit */
}
.competenceFile .competenceFile-container .position-file-card .file-manager-file-card-left .file-manager-icon {
  display: block;
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 15px;
  min-height: 1em;
  min-width: 1em;
}
.competenceFile .competenceFile-container .position-file-card .file-manager-file-card-left .file-manager-icon.description {
  color: #464680;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.pageslide #renewalPeForm .slide-content {
  margin-top: 30px;
}
.pageslide #renewalPeForm .slide-content .pe {
  margin-right: 0;
}
.pageslide #renewalPeForm .slide-content .pe label {
  padding-top: 20px;
}
.md-datepicker-input.md-input {
  padding-bottom: 0px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
employees-agi-flow .filter-ic-div {
  width: 130px;
  height: 16px;
  padding: 0;
  margin: 0 auto;
  margin-right: 0;
}
employees-agi-flow .filter-ic-div md-select[disabled] {
  background-color: rgba(0, 0, 0, 0.08) !important;
}
employees-agi-flow .filter-ic-div md-select[disabled] .md-select-value {
  background-image: unset !important;
}
employees-agi-flow .filter-ic-div .filter-ic-select {
  width: 130px;
  height: 16px;
  background-color: rgba(0, 0, 0, 0.08);
  font-size: 10px;
}
employees-agi-flow .filter-ic-div .filter-ic-select .md-select-value {
  width: 130px;
  height: 16px;
  font-size: 10px;
  padding-top: 0;
  padding: 0;
  padding-left: 6px;
  border-bottom-width: 0px;
  border-bottom-style: unset;
  min-height: 0px;
  color: #656f71;
}
employees-agi-flow .filter-ic-div .filter-ic-select .md-select-value .md-select-icon {
  color: #656f71;
}
employees-agi-flow .filter-ic-div .filter-ic-select .md-select-value .md-text {
  font-size: 10px;
  color: #656f71 !important;
}
employees-agi-flow .filter-ic-right {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  padding-left: 10px;
}
.special-ic-select {
  left: 55px !important;
  top: 218px !important;
}
.special-ic-select md-select-menu {
  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
  height: 51px;
  padding: 0;
  margin: 0;
}
.special-ic-select md-select-menu md-content {
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.special-ic-select md-select-menu md-content md-option[selected] {
  color: #656f71;
}
.special-ic-select md-select-menu md-content md-option {
  font-size: 10px;
  height: 17px;
  padding: 0;
  margin: 0;
  color: #656f71;
  padding-left: 4px;
}
.special-ic-select-right {
  left: 216px !important;
  top: 218px !important;
}
.special-ic-select-right.special-ic-select-right-mobile {
  left: 225px !important;
  top: 152px !important;
}
.special-ic-select-right md-select-menu {
  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
  padding: 0;
  margin: 0;
}
.special-ic-select-right md-select-menu md-content {
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.special-ic-select-right md-select-menu md-content md-option[selected] {
  color: #656f71;
}
.special-ic-select-right md-select-menu md-content md-option {
  font-size: 10px;
  height: 17px;
  padding: 0;
  margin: 0;
  color: #656f71;
  padding-left: 4px;
}
.containerAgiFlowEmployee {
  line-height: 1;
}
/* used for contacts AND companies */
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.employee-view-list-mobile {
  box-shadow: inset -1px 0 0 0 #ddecf7, inset 1px 0 0 0 #ddecf7, inset 0 1px 0 0 #c5d9e8, inset 0 -1px 0 0 #ddecf7;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.employee-view-list-mobile .name-mobile {
  display: flex;
  align-items: baseline;
}
.employee-view-list-mobile .name-mobile > name-state {
  width: calc(55% - 17px);
}
.employee-view-list-mobile .name-mobile .right-corner {
  top: 0;
}
.employee-view-list-mobile .name-mobile .name_and_flag {
  display: flex;
  justify-content: flex-start;
}
.employee-view-list-mobile .name-mobile name-state-collab {
  margin-right: 10px;
}
.employee-view-list-mobile .name {
  margin-top: 8px;
}
.employee-view-list-mobile .state-table {
  margin-top: 15px;
}
.employee-view-list-mobile .salary {
  margin-left: auto;
  width: calc(45% - 17px);
  text-align: right;
}
.employee-view-list-mobile .transparent {
  color: transparent;
}
.employee-view-list-mobile .mobility-cell {
  display: flex;
  align-items: baseline;
}
.employee-view-list-mobile .cell {
  margin-left: auto;
}
.employee-view-list-mobile .flag-move {
  align-self: flex-start;
  width: 34px;
}
.employee-view-list-mobile .mixed-skills-container {
  display: flex;
  flex-direction: row;
  justify-content: start;
  overflow: hidden;
  white-space: nowrap;
  align-self: flex-start;
  padding-bottom: 3px;
}
.employee-view-list-mobile .mixed-skills-container span {
  height: 19px;
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 4px;
  margin-top: 5px;
}
.employee-view-list-mobile .mixed-skills-container .techSkill {
  color: #3f4176;
  border: 1px solid #48cde0;
  margin-right: 5px;
  padding-top: 3px;
}
.employee-view-list-mobile .mobilities {
  margin-top: 3px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.modalDeleteOdm {
  width: 45%;
}
.modalDeleteOdm .dialog-header {
  position: relative;
  margin: unset;
  justify-content: center;
  color: white;
  font-size: 20px;
}
.modalDeleteOdm .dialog-header .closeIcon {
  position: absolute;
  right: 5px;
  top: 5px;
}
.modalDeleteOdm .dialog-content {
  color: #464680;
  align-self: center;
  width: 80%;
  margin: unset;
  max-width: unset;
  overflow: hidden;
  padding: 25px 0;
  row-gap: 10px;
  overflow-y: auto;
  height: auto;
}
.modalDeleteOdm .dialog-content p {
  font-size: 15px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.modalDeleteOdm .dialog-content ul,
.modalDeleteOdm .dialog-content li {
  font-size: 15px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.modalDeleteOdm .buttons-container {
  display: flex;
  justify-content: space-evenly;
  padding-bottom: 20px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
invoicing-contact-block .chooseCompany {
  margin-bottom: 30px;
}
invoicing-contact-block .chooseCompany > md-autocomplete {
  width: calc(100% - 27px);
}
invoicing-contact-block .chooseCompany .pos_bottom {
  padding-bottom: 15px;
}
invoicing-contact-block .chooseCompany .newcompany {
  margin-left: 5px;
}
invoicing-contact-block .chooseCompany .invoicingSiret {
  padding-bottom: 15px;
}
invoicing-contact-block .chooseCompany .pos-flex1_5 {
  display: flex;
  padding-bottom: 15px;
}
invoicing-contact-block .chooseCompany .agency {
  width: 221%;
  padding-bottom: 15px;
}
invoicing-contact-block .chooseCompany table.company-details {
  border-collapse: collapse;
  border: 1px solid;
  border-color: #B9BEBE;
  margin-bottom: 10px;
  margin-left: 20px;
  width: calc(100% - 20px);
}
invoicing-contact-block .chooseCompany table.company-details th,
invoicing-contact-block .chooseCompany table.company-details td {
  padding: 2px 4px;
  border: 1px solid;
  border-color: #E8E8E8;
}
invoicing-contact-block .chooseCompany table.company-details .edit-details {
  width: 50px;
  font-size: 28px;
  text-align: right;
  vertical-align: middle;
}
invoicing-contact-block .chooseCompany table.company-details .edit-details > .material-icons {
  position: relative;
  top: 7px;
}
invoicing-contact-block .chooseCompany .edit-company {
  border: 1px solid;
  border-color: #B9BEBE;
  padding: 5px;
}
invoicing-contact-block .chooseContact {
  margin-bottom: 30px;
}
invoicing-contact-block .chooseContact .notContacts .md-text {
  color: #FF1744 !important;
}
invoicing-contact-block .chooseContact table.contact-details {
  border-collapse: collapse;
  border: 1px solid;
  border-color: #B9BEBE;
  margin-bottom: 10px;
  margin-left: 20px;
  width: calc(100% - 20px);
}
invoicing-contact-block .chooseContact table.contact-details th,
invoicing-contact-block .chooseContact table.contact-details td {
  padding: 2px 4px;
  border: 1px solid;
  border-color: #E8E8E8;
}
invoicing-contact-block .chooseContact table.contact-details .edit-details {
  width: 50px;
  font-size: 28px;
  text-align: right;
  vertical-align: middle;
}
invoicing-contact-block .chooseContact table.contact-details .edit-details > .material-icons {
  position: relative;
  top: 7px;
}
invoicing-contact-block .chooseContact .edit-contact {
  border: 1px solid;
  border-color: #B9BEBE;
  padding: 5px;
}
invoicing-contact-block .chooseContact .edit-contact .infoContact {
  display: flex;
  padding-bottom: 15px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.psWonProject {
  display: flex;
  flex-direction: column;
}
.psWonProject .header {
  margin: 0 !important;
}
.psWonProject .ps-won-project-container {
  padding: 24px;
}
.psWonProject .row-label-for-responsibility h1 {
  color: #48CDE0;
  text-transform: uppercase;
  border-bottom: none;
  font-weight: bold;
  font-size: 14px;
}
.psWonProject .row-label-for-responsibility h1:after {
  content: "";
  display: inline-block;
  height: 0.5em;
  vertical-align: bottom;
  width: 100%;
  margin-right: -100%;
  margin-left: 10px;
  border-top: 2px solid #F1F2F2;
}
.psWonProject .ptfs-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.psWonProject .ptf-selection-text-container {
  margin: 24px 0 0 0;
}
.psWonProject .file-manager-file-card:hover {
  cursor: pointer;
  background: #48CDE0;
  border-color: #48CDE0;
  color: white;
}
.psWonProject .file-manager-file-card-selected.file-manager-file-card-selected {
  background: #48CDE0;
  border-color: #48CDE0;
  color: white;
}
.psWonProject .navigation-btns-container {
  margin: 24px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.PurchaseOrder form[name="PurchaseOrderForm"].ng-submitted.ng-invalid .upload-file .input-text {
  color: #dd2c00;
  /* red to show invalid state */
}
.PurchaseOrder form[name="PurchaseOrderForm"].ng-submitted.ng-invalid .upload-file .visible-input {
  border-color: #dd2c00;
  /* red to show invalid state */
}
.PurchaseOrder .content-container {
  padding-top: 15px;
}
.PurchaseOrder .content-container .personsPo {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  color: #a0a0a0;
}
.PurchaseOrder .content-container .new-purchaseOrder {
  padding-left: 20px;
  padding-right: 20px;
}
.PurchaseOrder .content-container .new-purchaseOrder .listPtfs {
  padding-top: 15px;
  padding-bottom: 30px;
}
.PurchaseOrder .content-container .new-purchaseOrder .listPtfs .ptf-section-title-container {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin: 16px 0 0 0;
  padding-bottom: 5px;
}
.PurchaseOrder .content-container .new-purchaseOrder .listPtfs .ptf-section-title-container:first-of-type {
  margin: 0;
}
.PurchaseOrder .content-container .new-purchaseOrder .listPtfs .ptf-section-title-container .ptf-section-title {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #9DBACE;
}
.PurchaseOrder .content-container .new-purchaseOrder .listPtfs .file-manager-file-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  margin: 8px 0;
  border: 1px solid #9DBACE;
  background: #FAFAFA;
  border-radius: 6px;
  width: 100%;
  transition: background 0.5s;
}
.PurchaseOrder .content-container .new-purchaseOrder .listPtfs .file-manager-file-card .file-manager-file-card-left {
  display: flex;
  align-items: center;
}
.PurchaseOrder .content-container .new-purchaseOrder .listPtfs .file-manager-file-card .i-folder-file {
  font-size: 22px;
}
.PurchaseOrder .content-container .new-purchaseOrder .listPtfs .file-manager-file-card .file-name {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 4px 0 0 8px;
}
.PurchaseOrder .content-container .new-purchaseOrder .listPtfs .file-manager-file-card .i-visibility {
  font-size: 22px;
  margin: 0 8px;
  color: #9DBACE;
  cursor: pointer;
}
.PurchaseOrder .content-container .new-purchaseOrder .listPtfs table.ptf-details {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid;
  border-color: #B9BEBE;
}
.PurchaseOrder .content-container .new-purchaseOrder .listPtfs table.ptf-details th,
.PurchaseOrder .content-container .new-purchaseOrder .listPtfs table.ptf-details td {
  padding: 2px 4px;
  border: 1px solid;
  border-color: #E8E8E8;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .upload-reminder .visible-input {
  margin-left: auto;
  margin-right: auto;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .upload-reminder .input-text {
  text-align: center;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .upload-reminder .orderNumber {
  padding-bottom: 50px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .upload-reminder .orderNumber .prestationIPSN {
  margin-top: 5px;
  display: flex;
  gap: 1rem;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .upload-reminder .orderNumber .prestationIPSN .error {
  color: #dd2c00;
  /* red to show invalid state */
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .upload-reminder .orderNumber .prestationIPSN > label {
  color: #a5c0d4;
  font-size: 15px;
  font-weight: bold;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .upload-reminder .orderNumber .prestationIPSN > md-radio-group {
  display: flex;
  gap: 1rem;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .upload-reminder .input-reminder-container {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin: 24px 0;
  margin-left: 3px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .upload-reminder .position-file-card {
  padding-bottom: 20px;
  padding-top: 20px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .upload-reminder .file-manager-file-card-left {
  display: flex;
  align-items: end;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  padding-left: 0px;
  border-left: 10px solid #48cde0;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .upload-reminder .file-manager-file-card-left .file-name {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
  margin-right: auto;
  /* pour repousser le boutons vers le coté droit */
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .upload-reminder .file-manager-file-card-left .file-manager-icon {
  display: block;
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 15px;
  min-height: 1em;
  min-width: 1em;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc {
  padding-bottom: 30px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .infoInvoicingCompany {
  padding-top: 30px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .infoInvoicingCompany .pos_bottom {
  padding-bottom: 15px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .infoInvoicingCompany .newcompany {
  margin-left: 5px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .infoInvoicingCompany .invoicingSiret {
  padding-bottom: 15px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .infoInvoicingCompany .pos-flex1_5 {
  display: flex;
  padding-bottom: 15px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .infoInvoicingCompany .agency {
  width: 35%;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .pos-flex_1 {
  display: flex;
  padding-bottom: 15px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .pos-flex_2 {
  display: flex;
  padding-bottom: 15px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .pos-flex_2 .typePro {
  display: flex;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .pos-flex_3 {
  display: flex;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .pos-flex_3 .typeProject .typePro {
  display: flex;
  margin-top: 50px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .pos-flex_3 .typeProject .typePro .md-primary {
  margin-left: 5px;
  margin-right: 25px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .pos-flex_3 .date {
  margin-top: 30px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .pos-flex_3bis {
  display: flex;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .company-bdc .pos-flex_4 {
  display: flex;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .dates {
  display: flex;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .dates .date {
  width: 50%;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .billingConditions {
  padding-bottom: 30px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .billingConditions .orderAmountBeforeTax,
.PurchaseOrder .content-container .new-purchaseOrder .bdc .billingConditions .tva,
.PurchaseOrder .content-container .new-purchaseOrder .bdc .billingConditions .delay,
.PurchaseOrder .content-container .new-purchaseOrder .bdc .billingConditions .payment-terms {
  width: 50%;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .billingConditions .pos-flex_1 {
  display: flex;
  padding-bottom: 15px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .orderBillingPeriodicityAndWordings {
  padding-bottom: 30px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .orderBillingPeriodicityAndWordings .title {
  margin-bottom: 0;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .orderBillingPeriodicityAndWordings .pos-flex_1 {
  display: flex;
  padding-bottom: 15px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .orderBillingPeriodicityAndWordings .ptf-section-title {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #9DBACE;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .orderBillingPeriodicityAndWordings .last {
  padding-bottom: 20px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .orderBillingPeriodicityAndWordings .button-at-tma-cs .pos-flex_1-5 {
  display: flex;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .orderBillingPeriodicityAndWordings .button-f .pos-flex_1-5 {
  display: flex;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .orderBillingPeriodicityAndWordings .circle-reminder {
  font-size: 20px;
  border-radius: 50px;
  background-color: #48CDE0;
  color: white;
  margin-right: 10px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .orderBillingPeriodicityAndWordings .projectTypeBlock_FOrTMA {
  position: relative;
  padding-top: 20px;
  border-top: 1px solid #48CDE0;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .orderBillingPeriodicityAndWordings .projectTypeBlock_FOrTMA.first {
  border-top-color: transparent;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .orderBillingPeriodicityAndWordings .remove-line {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  color: #B9BEBE;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .payment-terms .payment-terms-title2 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  margin-bottom: 15px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .payment-terms .payment-terms-md-input-container {
  margin-left: -5px;
  margin-bottom: 25px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .costs-rebilled-to-the-customer .title2 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .costs-rebilled-to-the-customer .shouldRebillExpenses {
  margin-left: -5px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .costs-rebilled-to-the-customer .shouldRebillExpenses .should {
  display: flex;
  margin-top: 50px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .costs-rebilled-to-the-customer .shouldRebillExpenses .should .md-primary {
  margin-left: 5px;
  margin-right: 25px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .expenseLines {
  margin-bottom: 30px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .expenseLines .pos-flex_1 {
  display: flex;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .expenseLines .wording,
.PurchaseOrder .content-container .new-purchaseOrder .bdc .expenseLines .amountBeforeTax,
.PurchaseOrder .content-container .new-purchaseOrder .bdc .expenseLines .quantity,
.PurchaseOrder .content-container .new-purchaseOrder .bdc .expenseLines .unit {
  width: 50%;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .expenseLines .last {
  padding-bottom: 20px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .expenseLines .button .pos-flex_1-5 {
  display: flex;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .expenseLines .circle-reminder {
  font-size: 20px;
  border-radius: 50px;
  background-color: #48CDE0;
  color: white;
  margin-right: 10px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .expenseLines .expenseLine {
  position: relative;
  padding-top: 20px;
  border-top: 1px solid #48CDE0;
  margin-top: 20px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .expenseLines .expenseLine.first {
  border-top-color: transparent;
  margin-top: 0;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .expenseLines .remove-line {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  color: #B9BEBE;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .Contacts .title3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .Contacts .ptf-section-title {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #9DBACE;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .Contacts .circle-reminder {
  font-size: 20px;
  border-radius: 50px;
  background-color: #48CDE0;
  color: white;
  margin-right: 10px;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .Contacts .no-boxShadow {
  box-shadow: none;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .Contacts .no-boxShadow md-tab-content {
  min-height: initial;
  padding-bottom: 0;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .Contacts .contactOrdering {
  padding-top: 15px;
  position: relative;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .Contacts .contactOrdering + .contactOrdering {
  border-top: 1px solid #48CDE0;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .Contacts .contactInvoicing {
  padding-top: 15px;
  position: relative;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .Contacts .contactInvoicing + .contactInvoicing {
  border-top: 1px solid #48CDE0;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .Contacts .contactPayment {
  padding-top: 15px;
  position: relative;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .Contacts .contactPayment + .contactPayment {
  border-top: 1px solid #48CDE0;
}
.PurchaseOrder .content-container .new-purchaseOrder .bdc .Contacts .remove-contact {
  position: absolute;
  top: 28px;
  right: 0;
  font-size: 24px;
  color: #B9BEBE;
}
.PurchaseOrder .content-container .footer {
  padding-bottom: 60px;
  padding-top: 40px;
}
.PurchaseOrder .content-container .footer .buttons-container-financial .position_flex1 {
  display: flex;
  justify-content: space-around;
}
.PurchaseOrder .content-container .footer .buttons-container-financial .position_flex1 .btn-left {
  margin-left: 5px;
}
.PurchaseOrder .content-container .footer .buttons-container-financial .position_flex1 .btn-right {
  margin-left: 5px;
}
.PurchaseOrder .content-container .footer .buttons-container-financial .position_flex2 {
  display: flex;
  justify-content: space-around;
  padding-bottom: 15px;
}
.PurchaseOrder .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 60px;
  padding-bottom: 60px;
}
.PurchaseOrder .content-container .buttons-container > button {
  flex: 1 0 auto;
  /* peut s'agrandir, peut pas se rétrécir, taille auto de base */
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
candidates-agi-flow .candidate-header > *,
candidates-agi-flow .candidates-lines > * {
  flex: 0 0 50%;
}
candidates-agi-flow .candidate-header {
  background-color: white;
  margin-right: 10px;
}
candidates-agi-flow .agiflowrec-filter {
  display: flex;
  height: 50px;
  font-size: 10px;
  line-height: normal;
  font-weight: normal;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
candidates-agi-flow .agiflowrec-filter .week-filter-container {
  margin-left: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 1;
  width: 200px;
  background: rgba(0, 0, 0, 0.08);
  height: 17px;
  align-self: center;
}
candidates-agi-flow .agiflowrec-filter .week-filter-container .week-filter-input-container {
  width: 200px;
  height: 17px;
  margin: 0;
  padding: 0;
}
candidates-agi-flow .agiflowrec-filter .week-filter-container .week-filter-input-container .week-filter-select {
  height: unset;
}
candidates-agi-flow .agiflowrec-filter .week-filter-container .week-filter-input-container .week-filter-select .md-select-value {
  height: 17px;
  padding: 0;
  min-height: 16px;
  border: unset;
}
candidates-agi-flow .agiflowrec-filter .week-filter-container .week-filter-input-container .week-filter-select .md-select-value span {
  height: 17px;
  transform: unset;
}
candidates-agi-flow .agiflowrec-filter .week-filter-container .week-filter-input-container .week-filter-select .md-select-value .md-text {
  height: 18px;
  display: flex;
  align-items: center;
  color: #656f71 !important;
  font-size: 10px;
  font-weight: normal;
}
candidates-agi-flow .agiflowrec-filter .week-filter-container .week-filter-input-container .week-filter-select .md-select-value .md-select-icon {
  display: none;
}
candidates-agi-flow .agiflowrec-filter .agiflowrec-right-filters {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: 20px;
}
candidates-agi-flow .agiflowrec-filter .agiflowrec-right-filters span + span {
  margin-top: 5px;
}
candidates-agi-flow .agiflowrec-filter .agiflowrec-right-filters .active-right-candidate-filter.active-right-candidate-filter {
  color: #656f71;
  font-weight: bold;
}
candidates-agi-flow .agiflowrec-filter .agiflowrec-right-filters .right-candidate-filter {
  color: #b9bebe;
  cursor: pointer;
  z-index: 1;
}
candidates-agi-flow .candidate-week-filter-select-container {
  left: 70px !important;
  top: 230px !important;
}
candidates-agi-flow .candidate-agiflow-calendar-header {
  padding-right: 0 !important;
}
candidates-agi-flow .right-part {
  display: flex;
  flex-direction: column;
  width: 105px;
  margin-left: 30px;
  font-size: 75%;
}
candidates-agi-flow .right-part .active-right-filter {
  color: #656f71;
  font-weight: bold;
}
candidates-agi-flow .content .virtual-container {
  height: 100%;
  display: flex;
}
candidates-agi-flow .candidates-lines {
  border-bottom: 1px solid #b9bebe;
}
candidates-agi-flow .rdv-red {
  background-color: #ff1744 !important;
}
candidates-agi-flow .rdv-orange {
  background-color: #ff9800 !important;
}
candidates-agi-flow .rdv-green {
  background-color: #00c853 !important;
}
candidates-agi-flow .card-week {
  cursor: auto;
  background: white;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 5px;
  height: 49px;
  font-size: 10px;
  font-weight: bold;
  line-height: normal;
  color: #b9bebe;
}
candidates-agi-flow .card-week-middle {
  cursor: auto;
  background: white;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 5px;
  height: 50px;
  font-size: 10px;
  font-weight: bold;
  line-height: normal;
  color: #464680;
}
candidates-agi-flow .candidates-lines:has(.card-week-middle) {
  border-bottom: 2px solid #464680;
}
candidates-agi-flow .card-week-last {
  cursor: auto;
  background: white;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 5px;
  height: 49px;
  font-size: 10px;
  font-weight: bold;
  line-height: normal;
  color: #b9bebe;
  border-top: 2px solid #464680;
}
.week-filter-select-container {
  background: #ffffff;
  width: 200px;
  left: 60px !important;
  top: 218px !important;
}
.week-filter-select-container md-select-menu {
  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
  height: 51px;
  padding: 0;
  margin: 0;
}
.week-filter-select-container md-select-menu md-content {
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.week-filter-select-container md-select-menu md-content md-option[selected] {
  color: #656f71;
}
.week-filter-select-container md-select-menu md-content md-option {
  font-size: 10px;
  height: 17px;
  padding: 0;
  margin: 0;
  color: #656f71;
  padding-left: 4px;
}
.candidateAgiflowPopUpContainer {
  line-height: normal;
}
.details {
  display: block;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
amendment-form h1 {
  margin: 15px 0;
}
amendment-form .flex {
  display: flex;
  flex-basis: auto;
  column-gap: 5px;
  align-items: center;
}
amendment-form .column_half_width {
  display: flex;
  flex-direction: column;
  width: 50%;
}
amendment-form .quarter-width {
  width: 25%;
}
amendment-form .mission {
  width: 100%;
}
amendment-form .pe-cnc {
  margin: 15px 0;
}
amendment-form .date-warning {
  color: #FF9D17;
}
amendment-form .link {
  color: #48cde0;
  border-bottom: solid #48cde0 1px;
}
amendment-form .color-red {
  color: red;
}
amendment-form .forMobilitySelect {
  position: relative;
}
amendment-form .forMobilitySelect .arrow-down {
  position: absolute;
  top: 20px;
  z-index: 1;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #a9a9a9;
}
amendment-form .label-for-motif {
  opacity: 1;
  margin-left: 5px;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #a5c0d4 !important;
  margin-top: 8px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif !important;
}
amendment-form .label-and-textarea {
  display: flex;
  flex-direction: column;
  width: 100%;
}
amendment-form .disableDate .md-datepicker-input-container input {
  color: #9F9F9F !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.employmentAmendmentPageSlide {
  height: 100%;
  width: 100%;
}
.employmentAmendmentPageSlide .content-container {
  padding: 0px 30px 32px;
}
.employmentAmendmentPageSlide .selected {
  background-color: #48CDE0;
  color: white;
}
.employmentAmendmentPageSlide .contract-type-container {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.employmentAmendmentPageSlide .half-container {
  width: 50%;
}
.employmentAmendmentPageSlide .mission-type-container {
  margin-top: 20px;
}
.employmentAmendmentPageSlide .buttons-container {
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
}
.employmentAmendmentPageSlide .buttons-container .add-action-system-btn {
  padding: 0 16px;
  height: 40px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.employmentContractPageSlide {
  height: 100%;
  width: 100%;
}
.employmentContractPageSlide .content-container {
  padding: 0px 30px 32px;
}
.employmentContractPageSlide .selected {
  background-color: #48CDE0;
  color: white;
}
.employmentContractPageSlide .contract-type-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.employmentContractPageSlide .half-container {
  width: 45%;
}
.employmentContractPageSlide .mission-type-container {
  margin-top: 20px;
}
.employmentContractPageSlide .buttons-container {
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
}
.employmentContractPageSlide .buttons-container .add-validate-candidate-contract {
  height: 40px;
  min-width: 120px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  background: #48CDE0;
  padding: 0 16px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
contract-form h1 {
  margin: 15px 0;
}
contract-form .flex {
  display: flex;
  flex-basis: auto;
  column-gap: 5px;
  align-items: center;
}
contract-form .flex .space_date {
  width: 110%;
}
contract-form .flex .space_nbOfPlanned {
  width: 85%;
}
contract-form .flex .citySpace {
  /*width: 50%;*/
  flex: auto;
}
contract-form .flex .agencySpace {
  width: 50%;
}
contract-form .flex .symboleEuro {
  position: absolute;
  right: 10px;
  top: 18px;
}
contract-form .flex .notBirthDate {
  padding-bottom: 1px;
  border-bottom-color: #FF1744;
}
contract-form .column_half_width {
  display: flex;
  flex-direction: column;
  width: 50%;
}
contract-form .quarter-width {
  width: 50%;
}
contract-form .mission {
  width: 100%;
}
contract-form .pe-cnc {
  margin: 15px 0;
}
contract-form .date-warning {
  color: #FF9D17;
}
contract-form .date-info {
  color: #48CDE0;
}
contract-form .link {
  color: #48cde0;
  border-bottom: solid #48cde0 1px;
}
contract-form .color-red {
  color: red;
}
contract-form .forMobilitySelect {
  position: relative;
}
contract-form .forMobilitySelect .arrow-down {
  position: absolute;
  top: 20px;
  z-index: 1;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #a9a9a9;
}
contract-form .label-for-motif {
  opacity: 1;
  margin-left: 5px;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #a5c0d4 !important;
  margin-top: 8px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif !important;
}
contract-form .label-and-textarea {
  display: flex;
  flex-direction: column;
  width: 100%;
}
contract-form .disableDate .md-datepicker-input-container input {
  color: #9F9F9F !important;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.candidate-view-list-mobile {
  box-shadow: inset -1px 0 0 0 #ddecf7, inset 1px 0 0 0 #ddecf7, inset 0 1px 0 0 #c5d9e8, inset 0 -1px 0 0 #ddecf7;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.candidate-view-list-mobile .name-mobile {
  display: flex;
  align-items: baseline;
  grid-gap: 10px;
}
.candidate-view-list-mobile .name-mobile > name-state {
  width: calc(55% - 17px);
}
.candidate-view-list-mobile .name-mobile .right-corner {
  top: 0;
}
.candidate-view-list-mobile .name {
  margin-top: 8px;
}
.candidate-view-list-mobile .state-table {
  margin-top: 15px;
}
.candidate-view-list-mobile .salary {
  margin-left: auto;
  width: calc(45% - 17px);
  text-align: right;
}
.candidate-view-list-mobile .transparent {
  color: transparent;
}
.candidate-view-list-mobile .mobility-cell {
  display: flex;
  align-items: baseline;
}
.candidate-view-list-mobile .cell {
  margin-left: auto;
}
.candidate-view-list-mobile .flag-move {
  align-self: flex-start;
  width: 34px;
}
.candidate-view-list-mobile .mixed-skills-container {
  display: flex;
  flex-direction: row;
  justify-content: start;
  overflow: hidden;
  white-space: nowrap;
  align-self: flex-start;
  padding-bottom: 3px;
}
.candidate-view-list-mobile .mixed-skills-container span {
  height: 19px;
  font-size: 10px;
  border-radius: 10px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 4px;
  margin-top: 5px;
}
.candidate-view-list-mobile .mixed-skills-container .techSkill {
  color: #3f4176;
  border: 1px solid #48cde0;
  margin-right: 5px;
  padding-top: 3px;
}
.candidate-view-list-mobile .mobilities {
  margin-top: 3px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.documentRequestsPageSlide {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
}
.documentRequestsPageSlide .content-container {
  padding: 0px 30px 32px;
}
.documentRequestsPageSlide .contract-type-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.documentRequestsPageSlide .half-container {
  width: 45%;
}
.documentRequestsPageSlide .mission-type-container {
  margin-top: 20px;
}
.documentRequestsPageSlide .buttons-container {
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
}
.documentRequestsPageSlide .document-card {
  padding: 8px 0 8px 8px;
  margin: 8px 0 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #9DBACE;
  border-left: 8px solid;
  border-radius: 6px;
  height: 70px;
  background: #FAFAFA;
  position: relative;
}
.documentRequestsPageSlide .document-card-left-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 72.5%;
}
.documentRequestsPageSlide .document-card-left-container .document-card-left {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 85%;
  margin-top: -10px;
  cursor: pointer;
}
.documentRequestsPageSlide .document-card-left-container .document-card-left:hover {
  color: #5e5d9a;
}
.documentRequestsPageSlide .document-card-left-container .document-status {
  margin-left: 30px;
  color: #b9bebe;
  font-size: 14px;
}
.documentRequestsPageSlide .document-card-right {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% + 16px);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin: 0 0 0 8px;
}
.documentRequestsPageSlide .i-document {
  font-size: 22px;
}
.documentRequestsPageSlide .document-name {
  font-size: 16px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 2px 0 0 8px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.documentRequestsPageSlide .i-visibility {
  font-size: 22px;
  margin: 0 8px;
  color: #9DBACE;
  cursor: pointer;
  margin-top: -10px;
}
.documentRequestsPageSlide .i-visibility:hover {
  color: #C2D9E6;
}
.documentRequestsPageSlide .documents-container {
  margin: 0;
  display: flex;
  flex-direction: column;
  height: 65%;
}
.documentRequestsPageSlide .documents-action-buttons-container {
  margin: 8px 0;
}
.documentRequestsPageSlide .documents-action-buttons-container span {
  margin-right: 16px;
}
.documentRequestsPageSlide .documents-action-buttons-container span:hover {
  font-weight: bold;
  border-bottom: 2px solid #464680;
}
.documentRequestsPageSlide .dropdown-document-container {
  display: flex;
  align-items: center;
}
.documentRequestsPageSlide .dropdown-document-container i {
  font-size: 24px;
  margin: 6px 4px 0 0;
  cursor: pointer;
}
.documentRequestsPageSlide .dropdown-document-container i:hover {
  background: rgba(0, 0, 0, 0.05);
}
.documentRequestsPageSlide .align-document-checkbox {
  margin-left: 28px;
}
.documentRequestsPageSlide md-checkbox {
  margin: 8px 0 0 0;
  width: fit-content;
}
.documentRequestsPageSlide .md-label {
  user-select: none;
  margin-top: 3.5px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
@media (max-width: 991px) {
  pageslide {
    width: 100% !important;
  }
}
pageslide .row-buttons {
  margin-top: 20px;
  margin-bottom: 20px;
}
pageslide .row-buttons div {
  left: 0;
}
pageslide .row-buttons div button {
  width: 100%;
}
pageslide .row-buttons div.cancel {
  padding-right: 5%;
}
pageslide .row-buttons div.valid {
  padding-left: 41%;
}
pageslide .position-file-card-hire {
  padding-top: 15px;
  padding-bottom: 15px;
}
pageslide .position-file-card-hire .file-manager-file-card-left-hire {
  display: flex;
  align-items: end;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  padding-left: 0px;
  border-left: 10px solid #48cde0;
}
pageslide .position-file-card-hire .file-manager-file-card-left-hire .file-name-hire {
  display: block;
  font-size: 16px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  color: #464680;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
  margin-right: auto;
  /* pour repousser le boutons vers le coté droit */
}
pageslide .position-file-card-hire .file-manager-file-card-left-hire .file-manager-icon-hire {
  display: block;
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 15px;
  min-height: 1em;
  min-width: 1em;
}
pageslide .position-file-card-hire .file-manager-file-card-left-hire .file-manager-icon-hire.description {
  color: #464680;
}
pageslide .disableDate .md-datepicker-input-container input {
  color: #9F9F9F !important;
}
pageslide md-select md-option .material-icons {
  line-height: 1;
  vertical-align: middle;
}
pageslide .electronic-signature-info {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
pageslide .electronic-signature-info .material-icons {
  line-height: 1;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.visualRating {
  width: auto;
  height: 58%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.visualRating .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.visualRating .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.visualRating .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.visualRating .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  padding: 32px;
  background: #48cde0;
}
.visualRating .rating {
  padding-top: 20px;
}
.visualRating .rating .tabs-rating-container {
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
}
.visualRating .rating .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
.visualRating .rating .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .odd {
  display: none;
}
.visualRating .rating table.dataTable thead .sorting:after,
.visualRating .rating table.dataTable thead .sorting:before,
.visualRating .rating table.dataTable thead .sorting_asc:after,
.visualRating .rating table.dataTable thead .sorting_asc:before,
.visualRating .rating table.dataTable thead .sorting_asc_disabled:after,
.visualRating .rating table.dataTable thead .sorting_asc_disabled:before,
.visualRating .rating table.dataTable thead .sorting_desc:after,
.visualRating .rating table.dataTable thead .sorting_desc:before,
.visualRating .rating table.dataTable thead .sorting_desc_disabled:after,
.visualRating .rating table.dataTable thead .sorting_desc_disabled:before {
  bottom: 0.5em;
}
.visualRating .rating .tabs-rating {
  table-layout: fixed;
  overflow-wrap: break-word;
  background: white;
}
.visualRating .rating .tabs-rating .head-rating th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
.visualRating .rating .tabs-rating .body-rating td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  color: #464680;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.accountsSettings {
  display: flex;
  flex-direction: column;
}
.accountsSettings .general-container {
  height: calc(100vh - 99px);
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
.accountsSettings .general-navbar {
  display: flex;
  justify-content: center;
  background: white;
  height: 56px;
  width: 100%;
}
.accountsSettings .general-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 100%;
  padding: 0 16px;
  border-bottom: 2px solid white;
  text-transform: uppercase;
  letter-spacing: 1.71px;
}
.accountsSettings .general-link:hover {
  background: #eee;
}
.accountsSettings .general-link-selected {
  color: #48CDE0;
  border-color: #48CDE0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.businessUnitSettings {
  display: flex;
  flex-direction: column;
}
.businessUnitSettings .businessUnit-settings-container {
  width: 100%;
  height: 100vh;
  padding: 32px;
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
.businessUnitSettings .filled {
  background: #48cde0;
  width: 128px;
  height: 38px;
  border: 1px solid #48cde0;
  color: white;
  padding: 8px 0;
  border-radius: 4px;
}
.businessUnitSettings .filled:hover {
  background: white;
  color: #48cde0;
  transition: 0.3s;
}
.businessUnitSettings .filled.disabled,
.businessUnitSettings .filled[disabled],
fieldset[disabled] .businessUnitSettings .filled {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: unset;
}
.businessUnitSettings .add-businessUnit-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.businessUnitSettings .table-container {
  width: 100%;
  height: 90%;
  padding-bottom: 60px;
}
.businessUnitSettings .scrolling-content {
  overflow-y: scroll;
  height: calc(100% - 98px);
  margin-top: 32px;
}
.businessUnitSettings .block-separator {
  height: 32px;
}
.businessUnitSettings .block-color {
  background: white;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15), inset -1px 0 0 0 #ddecf7, inset 1px 0 0 0 #ddecf7, inset 0 1px 0 0 #c5d9e8, inset 0 -1px 0 0 #ddecf7;
}
.businessUnitSettings .table-header-container {
  font-size: 15px;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #ddebf6;
  border-top: 2px solid #ddebf6;
  background: white;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), inset 2px 0 0 0 #464680;
}
.businessUnitSettings .table-cell-formatting {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  padding: 16px;
  height: 56px;
}
.businessUnitSettings .left-content {
  flex: 1 0 0;
  display: flex;
  align-items: center;
  padding: 16px;
  height: 56px;
}
.businessUnitSettings .i-businessUnit {
  font-size: 22px;
  color: #c4c4d5;
}
.businessUnitSettings .businessUnit-name {
  margin-top: 4px;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.businessUnitSettings .right-content {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 60px;
  padding: 16px;
}
.businessUnitSettings .i-create {
  cursor: pointer;
  font-size: 22px;
  color: #c4c4d5;
}
.businessUnitSettings .i-create:hover {
  color: #464680;
}
.businessUnitSettings .i-delete {
  cursor: pointer;
  font-size: 22px;
  color: #c4c4d5;
  margin-left: 16px;
}
.businessUnitSettings .i-delete:hover {
  color: #464680;
}
.businessUnitSettings .table-content-container {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddebf6;
}
.businessUnitSettings .table-content-container:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), inset 2px 0 0 0 #48cde0, inset -2px 0 0 0 #48cde0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
.newBusinessUnitPageSlide {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.newBusinessUnitPageSlide .content-container {
  padding: 32px;
  display: flex;
  flex-direction: column;
}
.newBusinessUnitPageSlide .custom-md-input-container {
  margin: 0;
}
.newBusinessUnitPageSlide .custom-md-input-container + .custom-md-input-container {
  margin: 16px 0 0 0;
}
.newBusinessUnitPageSlide .validate {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
.newBusinessUnitPageSlide .validate {
  margin: 32px 0 0 0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.CalendarManagementSettings .calendar-manager-tabs-header-container {
  display: flex;
  align-items: flex-end;
  height: 88px;
  padding: 0 40px;
  background: #F3F6F8;
}
.CalendarManagementSettings .subNavbar {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.CalendarManagementSettings .calendar-manager-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 168px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.CalendarManagementSettings .calendar-manager-tab-is-active {
  background: white;
}
.CalendarManagementSettings .i-tab-icon {
  font-size: 22px;
  color: #48CDE0;
}
.CalendarManagementSettings .tab-name {
  font-size: 16px;
  margin: 2px 0 0 8px;
}
.CalendarManagementSettings .calendar-components {
  padding-top: 20px;
  background-color: white;
  height: calc(100vh - 240px);
  padding: 20px 30px;
  padding-bottom: 80px;
  overflow-y: scroll;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.BankListHolidays .saved-info {
  cursor: pointer;
  color: white;
  position: absolute;
  top: 120px;
  right: 24px;
  z-index: 3;
  background: #00C853;
  padding: 8px 16px;
  border-radius: 24px;
  display: flex;
  align-items: center;
}
.BankListHolidays .saved-info i {
  font-size: 20px;
  margin-top: -4px;
  margin-right: 8px;
}
.BankListHolidays .saved-info:hover {
  transition: 0.3s;
  opacity: 1;
}
.BankListHolidays .change-opacity {
  transition: 0.3s;
  opacity: 0.5;
}
.BankListHolidays .banklist-container .title {
  display: flex;
}
.BankListHolidays .banklist-container .title .select-month {
  display: flex;
  justify-content: left;
  align-items: center;
  width: 15%;
}
.BankListHolidays .banklist-container .title .select-month md-select {
  width: 65%;
}
.BankListHolidays .banklist-container .title .select-month md-select-value {
  padding-top: 0;
}
.BankListHolidays .banklist-container .title .select-month label {
  padding: 0;
  margin-bottom: 0;
}
.BankListHolidays .banklist-container .title .select-month .position-select {
  margin: 0;
}
.BankListHolidays .banklist-container .title .select-month .position-select span {
  color: #464680;
}
.BankListHolidays .banklist-container .title .select-month .position-select span:hover {
  color: #464680;
}
.BankListHolidays .banklist-container .title .title-style {
  color: lightblue;
  margin-bottom: 30px;
  margin-right: 40px;
}
.BankListHolidays .banklist-container .title .btnBankHoliday {
  align-self: center;
  margin-bottom: 10px;
  margin-left: auto;
}
.BankListHolidays .banklist-container .calendar {
  font-size: 35px;
  color: grey;
}
.BankListHolidays .banklist-container .bankHoliday {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
}
.BankListHolidays .banklist-container .bankHoliday .holidayName {
  display: flex;
  width: 30%;
}
.BankListHolidays .banklist-container .bankHoliday .holidayName i {
  margin-right: 10px;
}
.BankListHolidays .banklist-container .bankHoliday .holidayDate {
  display: flex;
  width: 20%;
}
.BankListHolidays .banklist-container .bankHoliday .holidayDate .delete-bankHoliday {
  font-size: 30px;
  color: #c4c4d5;
  align-self: center;
  margin-left: 10px;
}
.BankListHolidays .banklist-container .variousBankHoliday .last {
  padding-bottom: 30px;
}
.BankListHolidays .banklist-container .variousBankHoliday .holidayName {
  display: flex;
  width: 30%;
}
.BankListHolidays .banklist-container .variousBankHoliday .holidayName i {
  margin-right: 10px;
}
.BankListHolidays .banklist-container .variousBankHoliday .holidayDate {
  display: flex;
  width: 20%;
}
.BankListHolidays .banklist-container .variousBankHoliday .holidayDate .delete-bankHoliday {
  font-size: 30px;
  color: #c4c4d5;
  align-self: center;
  margin-left: 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.CollabWorkCycles .workcycles-container .title {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  padding-top: 20px;
}
.CollabWorkCycles .workcycles-container .title .title-style {
  margin-bottom: 30px;
}
.CollabWorkCycles .workcycles-container .title .request {
  width: 30%;
}
.CollabWorkCycles .workcycles-container .table-container {
  overflow-y: scroll;
  height: calc(100vh - 350px);
  direction: rtl;
  padding-bottom: 100px;
}
.CollabWorkCycles .workcycles-container .table-container {
  overflow-y: scroll;
  height: calc(100vh - 350px);
  direction: rtl;
  padding-bottom: 100px;
}
.CollabWorkCycles .workcycles-container .collabwork-table {
  width: 100%;
  direction: ltr;
}
.CollabWorkCycles .workcycles-container .collabwork-table tr {
  border-bottom: 1px solid #ddd;
}
.CollabWorkCycles .workcycles-container .collabwork-table th:not(:first-child),
.CollabWorkCycles .workcycles-container .collabwork-table td:not(:first-child) {
  width: 150px;
  height: 51.2px;
}
.CollabWorkCycles .workcycles-container .collabwork-table th {
  text-transform: uppercase;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.19);
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: white;
}
.CollabWorkCycles .workcycles-container .collabwork-table th:not(:first-child):not(:nth-child(2)) {
  text-align: center;
  border-left: 1px solid #ddd;
}
.CollabWorkCycles .workcycles-container .collabwork-table td:not(:first-child) {
  text-align: center;
  border-left: 1px solid #ddd;
}
.CollabWorkCycles .workcycles-container .collabwork-table td > div {
  border-bottom: 1px solid #ddd;
  padding-top: 20px;
  padding-bottom: 20px;
}
.CollabWorkCycles .workcycles-container .collab-morning-afternoon {
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 20px;
}
.CollabWorkCycles .workcycles-container .half-day {
  height: 50%;
}
.CollabWorkCycles .workcycles-container .half-day .material-icons.hover {
  display: none;
}
.CollabWorkCycles .workcycles-container .half-day:hover :not(.hover) {
  display: none;
}
.CollabWorkCycles .workcycles-container .half-day:hover .hover {
  display: block;
}
.CollabWorkCycles .workcycles-container span {
  font-size: 20px;
}
.CollabWorkCycles .workcycles-container .works {
  cursor: pointer;
  background-color: #41A31D;
  color: white;
}
.CollabWorkCycles .workcycles-container .doesntWork {
  cursor: pointer;
  background-color: #DB2337;
  color: white;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.fileManagementSettings {
  display: flex;
  flex-direction: column;
}
.fileManagementSettings .file-manager-tabs-header-container {
  display: flex;
  align-items: flex-end;
  height: 88px;
  padding: 0 40px;
  background: #F3F6F8;
}
.fileManagementSettings .file-manager-tabs-header-container .file-manager-tab {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 200px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.fileManagementSettings .file-manager-tabs-header-container .file-manager-tab-is-active {
  background: white;
}
.fileManagementSettings .file-manager-tabs-header-container .i-tab-icon {
  font-size: 22px;
  color: #48CDE0;
}
.fileManagementSettings .file-manager-tabs-header-container .tab-name {
  font-size: 16px;
  margin: 2px 0 0 8px;
}
.fileManagementSettings .file-manager-tabs-content-container {
  display: flex;
  background: white;
}
.fileManagementSettings .file-manager-tabs-content-left {
  display: flex;
  flex-direction: column;
  margin: 40px 0 0 0;
  width: 100%;
  height: calc(100vh - 282px);
}
.fileManagementSettings .file-manager-tabs-content-left-odm {
  display: flex;
  flex-direction: column;
  margin: 20px 0 0 0;
  width: 100%;
  height: calc(100vh - 282px);
}
.fileManagementSettings .file-manager-tabs-scrolling-content {
  overflow-y: auto;
  padding: 0 48px;
}
.fileManagementSettings .file-manager-tabs-content-left-folder-selected {
  width: 75%;
}
.fileManagementSettings .file-manager-tabs-content-left-folder-selected-for-odm {
  width: 100%;
}
.fileManagementSettings .content-header {
  font-size: 20px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #9DBACE;
}
.fileManagementSettings .folders-files-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 16px -8px 16px -8px;
  width: calc(100% + 8px);
}
.fileManagementSettings .file-manager-folder-file {
  user-select: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 140px;
  width: 184px;
  padding: 16px;
  margin: 8px;
  border: 1px solid #9DBACE;
  border-radius: 6px;
  cursor: pointer;
}
.fileManagementSettings .file-manager-folder-file:hover {
  transition: 0.2s transform;
  transform: translateY(-4px);
  border-width: 2px;
}
.fileManagementSettings .file-manager-folder-file-selected {
  border-color: #464584;
  border-width: 3px;
}
.fileManagementSettings .file-manager-folder-file-selected:hover {
  border-width: 3px;
}
.fileManagementSettings .i-folder-icon {
  font-size: 40px;
  color: #48CDE0;
  height: 50%;
  display: flex;
  align-items: center;
  position: relative;
}
.fileManagementSettings .i-key-icon {
  position: absolute;
  font-size: 16px;
  color: white;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -7px;
}
.fileManagementSettings .folder-file-name-container {
  height: 50%;
  display: flex;
  align-items: center;
}
.fileManagementSettings .folder-file-name {
  display: -webkit-box;
  text-align: center;
  max-width: 136px;
  font-size: 16px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.fileManagementSettings .file-manager-add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 120px;
  width: 184px;
  padding: 16px;
  margin: 8px;
  border-radius: 6px;
  cursor: pointer;
  background: #F3F6F8;
  border: 1px solid #F3F6F8;
  position: relative;
}
.fileManagementSettings .file-manager-add:hover {
  transition: 0.2s transform;
  transform: translateY(-4px);
  border-width: 2px;
}
.fileManagementSettings .i-add-icon {
  font-size: 26px;
  color: #464584;
}
.fileManagementSettings .file-manager-tabs-content-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 0;
  width: 25%;
  background: #E8E8E8;
  overflow: auto;
  height: calc(100vh - 243px);
}
.fileManagementSettings .tabs-content-right {
  display: flex;
  flex-direction: column;
  padding: 0 24px;
}
.fileManagementSettings .tab-btn-container {
  margin: 24px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.fileManagementSettings .content-right-input-container {
  border-bottom: 2px solid #48CDE0;
  height: 40px;
  display: flex;
  align-items: center;
  margin: 8px 0 0 0;
}
.fileManagementSettings .content-right-span-container {
  height: 40px;
  display: flex;
  align-items: center;
  margin: 8px 0 0 0;
}
.fileManagementSettings .content-right-span-container span {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 4px 4px 0 8px;
}
.fileManagementSettings .i-folder-icon-right {
  font-size: 26px;
  color: #48CDE0;
}
.fileManagementSettings .i-file-icon-right {
  font-size: 26px;
  color: #48CDE0;
}
.fileManagementSettings .content-right-folder-file-name {
  font-size: 16px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.fileManagementSettings .folder-file-name-input {
  font-size: 20px;
  height: 100%;
  width: 100%;
  border: none;
  margin: 0 4px 0 8px;
  background: #E8E8E8;
  display: flex;
  align-items: center;
}
.fileManagementSettings .content-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px 0 16px 0;
}
.fileManagementSettings .content-toggles-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0 0 0;
}
.fileManagementSettings .content-text {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.fileManagementSettings .file-limit-input:disabled {
  width: 72px;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #48cde0;
  font-size: 22px;
  padding: 8px;
  text-align: center;
  background: white;
}
.fileManagementSettings .buttons-input-container {
  display: flex;
  align-items: center;
}
.fileManagementSettings .texts-input-container {
  display: flex;
  align-items: center;
}
.fileManagementSettings .i-info-icon {
  font-size: 22px;
  margin: 0 0 0 8px;
  cursor: pointer;
}
.fileManagementSettings .btn-spacing-left {
  margin: 8px 16px 8px 0;
}
.fileManagementSettings .btn-spacing-right {
  margin: 8px 0 8px 16px;
}
.fileManagementSettings .i-input-icon {
  color: white;
  font-size: 18px;
}
.fileManagementSettings .switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
  margin: 0;
}
.fileManagementSettings .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.fileManagementSettings .switch input:checked + .slider {
  background-color: #464584;
}
.fileManagementSettings .switch input:focus + .slider {
  box-shadow: 0 0 1px #464584;
}
.fileManagementSettings .switch input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}
.fileManagementSettings .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #B9BEBE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.fileManagementSettings .slider:before {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.21);
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.fileManagementSettings .slider.round {
  border-radius: 34px;
}
.fileManagementSettings .slider.round:before {
  border-radius: 50%;
}
.fileManagementSettings .details-title {
  font-size: 16px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 40px 0 0 0;
}
.fileManagementSettings .details-textarea.details-textarea {
  resize: none;
  border: unset;
  margin: 0 0 0 0;
  background: #E8E8E8;
  font-size: 16px;
  width: 100%;
  color: black !important;
  padding: 0 0 8px 1px;
  margin: 8px 0 0 0;
  height: 96px;
  min-height: 34px;
}
.fileManagementSettings .empty-text.empty-text {
  border-bottom: 2px solid #48CDE0;
}
.fileManagementSettings .file-manager-breadcrumb-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 40px 0;
  user-select: none;
  padding: 0 48px;
}
.fileManagementSettings .file-manager-breadcrumb {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 16px 0 0;
}
.fileManagementSettings .file-manager-breadcrumb:hover .breadcrumb-name {
  color: #5e5d9a;
}
.fileManagementSettings .file-manager-breadcrumb:hover .i-breadcrumb {
  font-size: 20px;
  color: #3CDBE8;
}
.fileManagementSettings .i-breadcrumb {
  font-size: 20px;
  color: #48CDE0;
}
.fileManagementSettings .breadcrumb-name {
  font-size: 18px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 2px 0 0 0;
}
.fileManagementSettings .add-file-input {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}
.switch-btns-info-popover {
  max-width: 280px !important;
}
.switch-btns-info-popover .popover-span {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.switch-btns-info-popover .popover-ul {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding-left: 24px;
  margin: 8px 0 0 0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.fileTreeSettings {
  display: flex;
  flex-direction: column;
}
.fileTreeSettings .file-manager-tabs-header-container {
  display: flex;
  align-items: flex-end;
  height: 88px;
  padding: 0 40px;
  background: #F3F6F8;
}
.fileTreeSettings .file-manager-tab {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 168px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.fileTreeSettings .file-manager-tab-is-active {
  background: white;
}
.fileTreeSettings .i-tab-icon {
  font-size: 22px;
  color: #48CDE0;
}
.fileTreeSettings .tab-name {
  font-size: 16px;
  margin: 2px 0 0 8px;
}
.fileTreeSettings .file-manager-tabs-content-container {
  display: flex;
  background: white;
}
.fileTreeSettings .file-manager-tabs-content-left {
  display: flex;
  flex-direction: column;
  margin: 40px 0 0 0;
  width: 100%;
  height: calc(100vh - 282px);
}
.fileTreeSettings .file-manager-tabs-scrolling-content {
  overflow-y: auto;
  padding: 0 48px;
}
.fileTreeSettings .file-manager-tabs-content-left-folder-selected {
  width: 75%;
}
.fileTreeSettings .content-header {
  font-size: 20px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #9DBACE;
}
.fileTreeSettings .folders-files-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 16px -8px 16px -8px;
  width: calc(100% + 8px);
}
.fileTreeSettings .file-manager-folder-file {
  user-select: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 140px;
  width: 184px;
  padding: 16px;
  margin: 8px;
  border: 1px solid #9DBACE;
  border-radius: 6px;
  cursor: pointer;
}
.fileTreeSettings .file-manager-folder-file:hover {
  transition: 0.2s transform;
  transform: translateY(-4px);
  border-width: 2px;
}
.fileTreeSettings .file-manager-folder-file-selected {
  border-color: #464584;
  border-width: 3px;
}
.fileTreeSettings .file-manager-folder-file-selected:hover {
  border-width: 3px;
}
.fileTreeSettings .i-folder-icon {
  font-size: 40px;
  color: #48CDE0;
  height: 50%;
  display: flex;
  align-items: center;
  position: relative;
}
.fileTreeSettings .i-key-icon {
  position: absolute;
  font-size: 16px;
  color: white;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -7px;
}
.fileTreeSettings .folder-file-name-container {
  height: 50%;
  display: flex;
  align-items: center;
}
.fileTreeSettings .folder-file-name {
  display: -webkit-box;
  text-align: center;
  max-width: 136px;
  font-size: 16px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.fileTreeSettings .file-manager-add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 120px;
  width: 184px;
  padding: 16px;
  margin: 8px;
  border-radius: 6px;
  cursor: pointer;
  background: #F3F6F8;
  border: 1px solid #F3F6F8;
  position: relative;
}
.fileTreeSettings .file-manager-add:hover {
  transition: 0.2s transform;
  transform: translateY(-4px);
  border-width: 2px;
}
.fileTreeSettings .i-add-icon {
  font-size: 26px;
  color: #464584;
}
.fileTreeSettings .file-manager-tabs-content-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 0;
  width: 25%;
  background: #E8E8E8;
  overflow: auto;
  height: calc(100vh - 243px);
}
.fileTreeSettings .tabs-content-right {
  display: flex;
  flex-direction: column;
  padding: 0 24px;
}
.fileTreeSettings .tab-btn-container {
  margin: 24px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.fileTreeSettings .content-right-input-container {
  border-bottom: 2px solid #48CDE0;
  height: 40px;
  display: flex;
  align-items: center;
  margin: 8px 0 0 0;
}
.fileTreeSettings .content-right-span-container {
  height: 40px;
  display: flex;
  align-items: center;
  margin: 8px 0 0 0;
}
.fileTreeSettings .content-right-span-container span {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 4px 4px 0 8px;
}
.fileTreeSettings .i-folder-icon-right {
  font-size: 26px;
  color: #48CDE0;
}
.fileTreeSettings .i-file-icon-right {
  font-size: 26px;
  color: #48CDE0;
}
.fileTreeSettings .content-right-folder-file-name {
  font-size: 16px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.fileTreeSettings .folder-file-name-input {
  font-size: 20px;
  height: 100%;
  width: 100%;
  border: none;
  margin: 0 4px 0 8px;
  background: #E8E8E8;
  display: flex;
  align-items: center;
}
.fileTreeSettings .content-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 40px 0 16px 0;
}
.fileTreeSettings .content-toggles-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0 0 0;
}
.fileTreeSettings .content-text {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.fileTreeSettings .file-limit-input:disabled {
  width: 72px;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #48cde0;
  font-size: 22px;
  padding: 8px;
  text-align: center;
  background: white;
}
.fileTreeSettings .buttons-input-container {
  display: flex;
  align-items: center;
}
.fileTreeSettings .texts-input-container {
  display: flex;
  align-items: center;
}
.fileTreeSettings .i-info-icon {
  font-size: 22px;
  margin: 0 0 0 8px;
  cursor: pointer;
}
.fileTreeSettings .btn-spacing-left {
  margin: 8px 16px 8px 0;
}
.fileTreeSettings .btn-spacing-right {
  margin: 8px 0 8px 16px;
}
.fileTreeSettings .i-input-icon {
  color: white;
  font-size: 18px;
}
.fileTreeSettings .switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
  margin: 0;
}
.fileTreeSettings .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.fileTreeSettings .switch input:checked + .slider {
  background-color: #464584;
}
.fileTreeSettings .switch input:focus + .slider {
  box-shadow: 0 0 1px #464584;
}
.fileTreeSettings .switch input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}
.fileTreeSettings .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #B9BEBE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.fileTreeSettings .slider:before {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.21);
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.fileTreeSettings .slider.round {
  border-radius: 34px;
}
.fileTreeSettings .slider.round:before {
  border-radius: 50%;
}
.fileTreeSettings .details-title {
  font-size: 16px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 40px 0 0 0;
}
.fileTreeSettings .details-textarea.details-textarea {
  resize: none;
  border: unset;
  margin: 0 0 0 0;
  background: #E8E8E8;
  font-size: 16px;
  width: 100%;
  color: black !important;
  padding: 0 0 8px 1px;
  margin: 8px 0 0 0;
  height: 96px;
  min-height: 34px;
}
.fileTreeSettings .empty-text.empty-text {
  border-bottom: 2px solid #48CDE0;
}
.fileTreeSettings .file-manager-breadcrumb-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 40px 0;
  user-select: none;
  padding: 0 48px;
}
.fileTreeSettings .file-manager-breadcrumb {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 16px 0 0;
}
.fileTreeSettings .file-manager-breadcrumb:hover .breadcrumb-name {
  color: #5e5d9a;
}
.fileTreeSettings .file-manager-breadcrumb:hover .i-breadcrumb {
  font-size: 20px;
  color: #3CDBE8;
}
.fileTreeSettings .i-breadcrumb {
  font-size: 20px;
  color: #48CDE0;
}
.fileTreeSettings .breadcrumb-name {
  font-size: 18px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin: 2px 0 0 0;
}
.fileTreeSettings .add-file-input {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}
.switch-btns-info-popover {
  max-width: 280px !important;
}
.switch-btns-info-popover .popover-span {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
}
.switch-btns-info-popover .popover-ul {
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding-left: 24px;
  margin: 8px 0 0 0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
add-or-edit-form-type .drag-item {
  cursor: pointer;
  color: #48cde0;
  border: 1px solid #48cde0;
  background: white;
  margin-top: 16px;
  border-radius: 4px;
  padding: 8px;
  text-align: center;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
add-or-edit-form-type .drag-item:hover,
add-or-edit-form-type .drag-item.selected {
  background: #48cde0;
  color: white;
}
add-or-edit-form-type .drag-item span {
  padding-top: 2px;
}
add-or-edit-form-type .add-field-here {
  cursor: pointer;
  color: #48cde0;
  border: 2px dashed #48cde0;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
add-or-edit-form-type .add-field-at-end {
  cursor: pointer;
  color: #48cde0;
  border: 2px dashed #48cde0;
  border-radius: 4px;
  padding: 8px;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
add-or-edit-form-type .drop-item {
  cursor: move;
  color: white;
  border: 1px solid #48cde0;
  background: #48cde0;
  border-radius: 4px;
  padding: 8px;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
add-or-edit-form-type .dropzone-container {
  width: 65%;
  height: 100%;
  overflow-y: scroll;
  box-shadow: inset -10px 0px 18px 0px rgba(0, 0, 0, 0.12);
  padding: 16px 32px 32px 32px;
}
add-or-edit-form-type .dragzone-container {
  width: 35%;
  height: 100%;
  margin-left: 16px;
  padding: 16px 32px 32px 32px;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
}
add-or-edit-form-type .navigation-container {
  font-size: 18px;
  margin: 0 auto;
  color: #464680;
}
add-or-edit-form-type .repeater-container {
  margin-top: 16px;
  position: relative;
}
add-or-edit-form-type .field-container {
  align-items: center;
  justify-content: center;
  border: 1px solid #b9bebe;
  border-radius: 4px;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
add-or-edit-form-type .recently-added-field {
  border: 2px solid #48cde0;
  padding: 15px;
}
add-or-edit-form-type .left-title {
  margin-top: 16px;
}
add-or-edit-form-type .right-title {
  margin-top: 32px;
  color: #464680;
}
add-or-edit-form-type .drag-drop-zones-container {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
add-or-edit-form-type .outlined {
  background: white;
  width: 128px;
  border: 1px solid #48cde0;
  color: #48cde0;
  padding: 8px 0;
  border-radius: 4px;
}
add-or-edit-form-type .outlined:hover {
  background: #48cde0;
  color: white;
  transition: 0.3s;
}
add-or-edit-form-type .filled {
  background: #48cde0;
  width: 128px;
  border: 1px solid #48cde0;
  color: white;
  padding: 8px 0;
  border-radius: 4px;
}
add-or-edit-form-type .filled:hover {
  background: white;
  color: #48cde0;
  transition: 0.3s;
}
add-or-edit-form-type .filled.disabled,
add-or-edit-form-type .filled[disabled],
fieldset[disabled] add-or-edit-form-type .filled {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: unset;
}
add-or-edit-form-type .first-line {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
add-or-edit-form-type .first-flex {
  display: flex;
  align-items: center;
  width: 170px;
}
add-or-edit-form-type .second-flex {
  display: flex;
  align-items: center;
  width: 386px;
  min-width: 210px;
  margin-right: 16px;
}
add-or-edit-form-type .third-flex {
  display: flex;
  align-items: center;
  width: 240px;
}
add-or-edit-form-type .fourth-flex {
  /*display: flex;
        align-items: center;*/
  /*margin-left: 107px;*/
}
add-or-edit-form-type .reorder-icon {
  display: flex;
  align-items: center;
  min-height: 42px;
  cursor: move;
  margin-right: 16px;
}
add-or-edit-form-type .field-type {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding-top: 2px;
}
add-or-edit-form-type .rights {
  width: 90px;
  max-width: 90px;
  min-width: 80px;
  margin: 0 16px 0 0;
  padding: 0;
}
add-or-edit-form-type .field-name {
  width: 280px;
  min-width: 114px;
  margin: 0 0 0 0;
  padding: 0;
}
add-or-edit-form-type .delete-btn {
  position: absolute;
  right: 0;
}
add-or-edit-form-type .delete-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
add-or-edit-form-type .second-line {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 8px;
}
add-or-edit-form-type .bindings-container {
  padding-left: 0;
  display: flex;
  padding-bottom: 15px;
}
@media screen and (min-width: 1685px) {
  add-or-edit-form-type .bindings-container {
    padding-left: 170px;
  }
}
add-or-edit-form-type .bindings {
  margin: 0 0 0 0;
  padding: 0;
  min-width: 210px;
}
add-or-edit-form-type .table-flex-sizes-container {
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 0;
  width: 100%;
  margin: 0 0 8px 0;
}
@media screen and (min-width: 1685px) {
  add-or-edit-form-type .table-flex-sizes-container {
    padding-left: 170px;
  }
}
add-or-edit-form-type .checkboxes-container {
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 0;
  width: 100%;
}
@media screen and (min-width: 1685px) {
  add-or-edit-form-type .checkboxes-container {
    padding-left: 170px;
  }
}
add-or-edit-form-type .questions-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 0;
  margin-top: -8px;
}
@media screen and (min-width: 1685px) {
  add-or-edit-form-type .questions-container {
    padding-left: 170px;
  }
}
add-or-edit-form-type .questions {
  margin: 8px 16px 0 0;
  padding: 0;
  min-width: 210px;
  width: 47%;
  resize: none;
}
@media screen and (max-width: 1200px) {
  add-or-edit-form-type .questions {
    width: 100%;
  }
}
add-or-edit-form-type .questions-checkboxes {
  margin: 8px 16px 0 0;
  padding: 0;
  min-width: 210px;
  resize: none;
}
add-or-edit-form-type .description {
  margin: 8px 16px 0 0;
  padding: 0;
  min-width: 210px;
  width: 97%;
  resize: none;
}
@media screen and (max-width: 1200px) {
  add-or-edit-form-type .description {
    width: 100%;
  }
}
add-or-edit-form-type .text-area {
  min-height: 42px !important;
  padding-top: 12px;
  margin: 0;
  font-weight: bold;
}
add-or-edit-form-type .left-values {
  margin: 0 0 0 0;
  padding: 0;
  width: 160px;
  min-width: 90px;
}
add-or-edit-form-type .right-values {
  margin: 0 0 0 16px;
  padding: 0;
  width: 160px;
  min-width: 90px;
}
add-or-edit-form-type .min-max-values-flex {
  display: flex;
  align-items: center;
  width: 340px;
  min-width: 210px;
  margin-right: 11px;
  padding-left: 0;
}
@media screen and (min-width: 1685px) {
  add-or-edit-form-type .min-max-values-flex {
    padding-left: 170px;
    width: calc(340px + 170px);
  }
}
add-or-edit-form-type .pattern-decimal-flex {
  display: flex;
  align-items: center;
  width: 340px;
  min-width: 210px;
  margin-right: 16px;
}
@media screen and (min-width: 1685px) and (max-width: 1802px) {
  add-or-edit-form-type .pattern-decimal-flex {
    padding-left: 170px;
    width: calc(340px + 170px);
    margin-top: 8px;
  }
}
@media screen and (max-width: 1494px) {
  add-or-edit-form-type .pattern-decimal-flex {
    margin-top: 8px;
  }
}
add-or-edit-form-type .with-hour-checkbox {
  margin-left: 16px;
}
add-or-edit-form-type .box-name {
  display: flex;
  align-items: center;
  margin: 0 16px 0 0;
  min-height: 42px;
}
add-or-edit-form-type .box-name .md-label {
  margin: 4px 0 0 24px;
  color: #464680;
  white-space: nowrap;
}
add-or-edit-form-type [ng-drag].dragging {
  opacity: 0.75;
  transition: unset;
}
add-or-edit-form-type [ng-drop].drag-enter.more-than-selected::before {
  background: #352221;
  border-radius: 2px;
  content: '';
  height: 4px;
  position: absolute;
  bottom: -8px;
  width: 100%;
}
add-or-edit-form-type [ng-drop].drag-enter.less-than-selected::after {
  background: #352221;
  border-radius: 2px;
  content: '';
  height: 4px;
  position: absolute;
  top: -8px;
  width: 100%;
}
add-or-edit-form-type [ng-drop].drag-enter.less-than-selected::after {
  left: 0px;
}
add-or-edit-form-type [ng-drop].drag-enter.more-than-selected::before {
  right: 0px;
}
add-or-edit-form-type [ng-drop].drag-enter.equal-to-selected {
  border: dashed 2px #352221;
  border-radius: 4px;
  height: auto;
}
add-or-edit-form-type .animate-enter,
add-or-edit-form-type .animate-leave {
  -webkit-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block;
}
add-or-edit-form-type .animate-enter.animate-enter-active,
add-or-edit-form-type .animate-leave {
  opacity: 1;
  top: 0;
  height: 30px;
}
add-or-edit-form-type .animate-leave.animate-leave-active,
add-or-edit-form-type .animate-enter {
  opacity: 0;
  top: -50px;
  height: 0px;
}
add-or-edit-form-type .copy-btn {
  background: #48cde0;
  border: 1px solid #48cde0;
  color: white;
  padding: 4px 8px;
  border-radius: 24px;
  font-size: 12px;
  margin-top: 16px;
}
add-or-edit-form-type .copy-btn:hover {
  background: white;
  color: #48cde0;
}
add-or-edit-form-type .tag-repeater {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  padding: 4px 8px;
}
add-or-edit-form-type .tag-repeater:first-of-type {
  margin-top: 8px;
}
add-or-edit-form-type .tag-repeater:hover {
  border-radius: 24px;
  background: #effafc;
}
add-or-edit-form-type .tag-table-repeater {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  padding: 4px 8px;
  width: 100%;
  margin-top: 8px;
}
add-or-edit-form-type .tag-table-repeater td {
  border: 1px solid #b9bebe;
  padding: 3px 5px;
  overflow-wrap: break-word;
  max-width: 10px;
}
add-or-edit-form-type .tag-table-repeater td:hover {
  background: #effafc;
}
add-or-edit-form-type .tag-name {
  overflow-wrap: break-word;
}
add-or-edit-form-type .tag-added {
  color: #00C853;
}
add-or-edit-form-type .tag-deleted {
  text-decoration: line-through;
}
add-or-edit-form-type .tag-duplicate {
  color: #FF1744;
}
add-or-edit-form-type .tag-table-added {
  border-left: 6px solid #00C853;
}
add-or-edit-form-type .tag-table-deleted {
  border-left: 6px solid;
  text-decoration: line-through;
}
add-or-edit-form-type .tag-table-duplicate {
  border-left: 6px solid #FF1744;
}
add-or-edit-form-type .information-field {
  margin-top: 8px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.generalSettings {
  display: flex;
  flex-direction: column;
}
.generalSettings .general-container {
  height: calc(100vh - 99px);
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
.generalSettings .general-container .general-component {
  padding-top: 40px;
}
.generalSettings .general-navbar {
  display: flex;
  justify-content: center;
  background: white;
  height: 56px;
  width: 100%;
}
.generalSettings .general-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 100%;
  padding: 0 16px;
  border-bottom: 2px solid white;
  text-transform: uppercase;
  letter-spacing: 1.71px;
}
.generalSettings .general-link:hover {
  background: #eee;
}
.generalSettings .general-link-selected {
  color: #48CDE0;
  border-color: #48CDE0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoiceCurrencies .invoiceCurrencies-page-container {
  max-width: 930px;
  background-color: white;
  margin-left: 20%;
  margin-right: auto;
  margin-top: 50px;
}
.invoiceCurrencies .invoiceCurrencies-page-container .tabs-invoiceCurrencies {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 25px;
  overflow-y: scroll;
  height: calc(100vh - 350px);
}
.invoiceCurrencies .invoiceCurrencies-page-container .tabs-invoiceCurrencies table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.invoiceCurrencies .invoiceCurrencies-page-container .tabs-invoiceCurrencies .typeTaxes .notMbottom {
  margin-bottom: 0px;
}
.invoiceCurrencies .invoiceCurrencies-page-container .tabs-invoiceCurrencies thead th:nth-child(1) {
  width: 30%;
}
.invoiceCurrencies .invoiceCurrencies-page-container .tabs-invoiceCurrencies thead th:nth-child(2) {
  width: 25%;
}
.invoiceCurrencies .invoiceCurrencies-page-container .tabs-invoiceCurrencies thead th:nth-child(3) {
  width: 25%;
}
.invoiceCurrencies .invoiceCurrencies-page-container .tabs-invoiceCurrencies tbody tr:nth-child(odd) {
  background-color: white;
}
.invoiceCurrencies .invoiceCurrencies-page-container .tabs-invoiceCurrencies tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.invoiceCurrencies .invoiceCurrencies-page-container .tabs-invoiceCurrencies th {
  color: grey;
  font-weight: lighter;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px -1px 0px 0px #656f71;
  -moz-box-shadow: inset 0px -1px 0px 0px #656f71;
  box-shadow: inset 0px -1px 0px 0px #656f71;
  position: relative;
}
.invoiceCurrencies .invoiceCurrencies-page-container .tabs-invoiceCurrencies th,
.invoiceCurrencies .invoiceCurrencies-page-container .tabs-invoiceCurrencies td {
  padding: 20px;
}
.invoiceCurrencies .invoiceCurrencies-page-container .tabs-invoiceCurrencies .silver {
  color: #c4c4d5;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.tabs-hireDocument-container {
  width: auto;
  margin-left: 20px !important;
  padding: 50px;
  padding-top: 20px;
  margin-right: 20px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.tabs-hireDocument-container .add-action-system-btn {
  margin: 5px 0 20px 0;
  width: 200px;
}
.tabs-hireDocument-container .tabs-hireDocument {
  table-layout: fixed;
  overflow-wrap: break-word;
  background: white;
  padding: 50px;
}
.tabs-hireDocument-container .tabs-hireDocument .head-hireDocument th {
  text-align: center;
  width: 100%;
  vertical-align: middle;
  color: #b9bebe;
}
.tabs-hireDocument-container .tabs-hireDocument .body-hireDocument td {
  max-height: 60px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.tabs-hireDocument-container .tabs-hireDocument .body-hireDocument .silver {
  color: #b9bebe;
}
.tabs-hireDocument-container .tabs-hireDocument .body-hireDocument .material-icons {
  cursor: pointer;
  user-select: none;
}
.tabs-hireDocument-container .tabs-hireDocument .body-hireDocument .i-add-list {
  cursor: pointer;
  font-size: 28px;
  color: #464680;
}
.tabs-hireDocument-container .tabs-hireDocument .body-hireDocument .i-add-list:hover {
  color: #6d6da1;
}
.tabs-hireDocument-container .tabs-hireDocument .body-hireDocument .i-create-list {
  padding: 4px 8px;
  background: #48cde0;
  border-radius: 4px;
  color: white;
}
.tabs-hireDocument-container .tabs-hireDocument .body-hireDocument .i-create-list:hover {
  background: #81deeb;
}
.tabs-hireDocument-container .tabs-hireDocument .body-hireDocument .i-delete-list {
  margin: 0 0 0 8px;
  padding: 4px 8px;
  background: #464680;
  border-radius: 4px;
  color: white;
}
.tabs-hireDocument-container .tabs-hireDocument .body-hireDocument .i-delete-list:hover {
  background: #6d6da1;
}
.tabs-hireDocument-container .tabs-hireDocument .body-hireDocument .tag {
  border: solid 1px #48cde0;
  border-radius: 100px;
  font-size: 12px;
  line-height: 2;
  letter-spacing: -0.2px;
  text-align: center;
  color: #464680;
  margin-right: 2px;
  margin-left: 0;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  padding: 0px 9px 0px 9px;
  height: 20px;
  text-transform: uppercase;
}
.hireDocumentsModal {
  width: 600px;
}
.hireDocumentsModal .dialog-header {
  margin: 0;
}
.hireDocumentsModal .dialog-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: none;
  padding: 10px;
}
.hireDocumentsModal .dialog-content p {
  padding: 5px;
  margin-bottom: 10px;
}
.hireDocumentsModal .dialog-content .checkbox-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
  align-items: center;
}
.hireDocumentsModal .dialog-content .input-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 5px;
}
.hireDocumentsModal .dialog-content .input-group md-input-container {
  width: 100%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
#sideNavPanel .filter-sidenav-desktop {
  height: calc(100vh - 99px);
}
.my-sidebar-filters-accountCodes {
  margin-top: 1em;
}
.my-sidebar-filters-accountCodes md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-accountCodes md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-accountCodes md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-accountCodes md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
.my-sidebar-filters-accountCodes .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
.my-sidebar-filters-accountCodes .searchbar-disable {
  opacity: 0.4;
}
.my-sidebar-filters-accountCodes .searchbar-container {
  position: relative;
}
.my-sidebar-filters-accountCodes .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
.my-sidebar-filters-accountCodes .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
.my-sidebar-filters-accountCodes .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
.my-sidebar-filters-accountCodes .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
.my-sidebar-filters-accountCodes .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
.my-sidebar-filters-accountCodes .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
.my-sidebar-filters-accountCodes .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
.my-sidebar-filters-accountCodes .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
.my-sidebar-filters-accountCodes .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
.my-sidebar-filters-accountCodes .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  .my-sidebar-filters-accountCodes .autocomplete-mobile {
    width: 190px !important;
  }
  .my-sidebar-filters-accountCodes .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.my-sidebar-filters-accountCodes .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  align-items: center;
}
.my-sidebar-filters-accountCodes .autocomplete-flex-cont .reset,
.my-sidebar-filters-accountCodes .group_date .reset {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.my-sidebar-filters-accountCodes .autocomplete-flex-cont .reset i,
.my-sidebar-filters-accountCodes .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.my-sidebar-filters-accountCodes .autocomplete-flex-cont .reset:hover,
.my-sidebar-filters-accountCodes .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.my-sidebar-filters-accountCodes .autocomplete-flex-cont .reset:hover i,
.my-sidebar-filters-accountCodes .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.my-sidebar-filters-accountCodes .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.my-sidebar-filters-accountCodes .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.my-sidebar-filters-accountCodes .group .title {
  color: #b1b0c9;
}
.my-sidebar-filters-accountCodes .group .title .button {
  position: relative;
  cursor: pointer;
  margin: 0 0.3em;
  color: #b1b0c9;
  border-radius: 5px;
  border: 1px solid #b1b0c9;
  padding: 0.3em 0.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  z-index: 0;
  overflow: hidden;
  transition: border linear 200ms;
}
.my-sidebar-filters-accountCodes .group .title .button i {
  font-size: 1.2em;
  margin-right: 0.3em;
}
.my-sidebar-filters-accountCodes .group .title .button:before {
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #e8e8e8;
  transition: width linear 200ms;
  z-index: -1;
}
.my-sidebar-filters-accountCodes .group .title .button:hover {
  border: 1px solid #e8e8e8;
}
.my-sidebar-filters-accountCodes .group .title .button:hover:before {
  width: 100%;
}
.my-sidebar-filters-accountCodes .group .checkbox-containers {
  padding-left: 35px;
}
.my-sidebar-filters-accountCodes .group .child {
  margin-top: 1em;
}
.my-sidebar-filters-accountCodes .group .child responsibility-material {
  width: 100%;
}
.my-sidebar-filters-accountCodes .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.my-sidebar-filters-accountCodes .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.my-sidebar-filters-accountCodes .group .radio-kit {
  padding: 0;
}
.my-sidebar-filters-accountCodes .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.my-sidebar-filters-accountCodes .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.my-sidebar-filters-accountCodes .group_checkbox .toggler_cont .elem:hover,
.my-sidebar-filters-accountCodes .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.my-sidebar-filters-accountCodes .group_checkbox .toggler_cont .elem:hover:before,
.my-sidebar-filters-accountCodes .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.my-sidebar-filters-accountCodes .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.my-sidebar-filters-accountCodes .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.my-sidebar-filters-accountCodes .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.my-sidebar-filters-accountCodes .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.my-sidebar-filters-accountCodes .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-sidebar-filters-accountCodes .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.my-sidebar-filters-accountCodes .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.my-sidebar-filters-accountCodes .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.my-sidebar-filters-accountCodes .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.my-sidebar-filters-accountCodes .group_dropdown .child {
  margin-top: 0;
}
.my-sidebar-filters-accountCodes .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.my-sidebar-filters-accountCodes .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.my-sidebar-filters-accountCodes .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-accountCodes .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-accountCodes .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.my-sidebar-filters-accountCodes .special.group_mobility .child {
  margin-top: 0;
}
.my-sidebar-filters-accountCodes .special.group_mobility .mobility {
  padding: 0;
}
.my-sidebar-filters-accountCodes .special.group_mobility .mobility .hlistMobilitySelected li {
  float: initial;
  padding-top: 0;
  margin-bottom: 1.5em;
  padding-right: 0;
}
.my-sidebar-filters-accountCodes .special.group_mobility .mobility .hlistMobilitySelected li span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-accountCodes .special.group_mobility .mobility .hlistMobilitySelected li span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-accountCodes .special.group_mobility .mobility .hlistMobilitySelected li span:after:hover {
  color: white;
}
.my-sidebar-filters-accountCodes .special.group_mobility .mobility .hlistMobilitySelected li .pictoMoins {
  display: none;
}
.my-sidebar-filters-accountCodes .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.my-sidebar-filters-accountCodes .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-sidebar-filters-accountCodes .group_input .child input::placeholder {
  color: #C1CCD3;
}
.my-sidebar-filters-accountCodes .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.my-sidebar-filters-accountCodes .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.my-sidebar-filters-accountCodes .group_date .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-sidebar-filters-accountCodes .group_date .reset {
  margin-right: 2px;
}
.my-sidebar-filters-accountCodes .group_date .date label {
  font-size: 0.9em;
}
.custom-md-sidenav-top {
  left: 0;
  top: -100vh;
  transform: translateY(100vh) translateX(0px);
}
.custom-md-sidenav-top.md-closed {
  left: 0;
  transform: translateY(0px) translateX(0px);
}
.resize-md-sidenav-mobile {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoicingSettings {
  display: flex;
  flex-direction: column;
}
.invoicingSettings .invoicing-container {
  height: calc(100vh - 99px);
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
.invoicingSettings .invoicing-container .invoicing-component {
  padding-top: 40px;
}
.invoicingSettings .invoicing-navbar {
  display: flex;
  justify-content: center;
  background: white;
  height: 56px;
  width: 100%;
  box-shadow: 0px 0px 10px 0px lightgrey;
  position: relative;
  z-index: 1;
}
.invoicingSettings .invoicing-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 100%;
  padding: 0 16px;
  border-bottom: 2px solid white;
  text-transform: uppercase;
  letter-spacing: 1.71px;
}
.invoicingSettings .invoicing-link:hover {
  background: #eee;
}
.invoicingSettings .invoicing-link-selected {
  color: #48CDE0;
  border-color: #48CDE0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.accountCodes .button-styles-accountCodes {
  width: 180px;
  margin-left: auto;
  padding-bottom: 30px;
}
.accountCodes .accountCodes-page-container {
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  padding-bottom: 25px;
  overflow-y: scroll;
  height: calc(100vh - 350px);
  margin-bottom: 62px;
}
.accountCodes .accountCodes-page-container .tabs-accountCodes table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.accountCodes .accountCodes-page-container .tabs-accountCodes thead th:nth-child(1) {
  width: 30%;
}
.accountCodes .accountCodes-page-container .tabs-accountCodes thead th:nth-child(2) {
  width: 30%;
}
.accountCodes .accountCodes-page-container .tabs-accountCodes thead th:nth-child(3) {
  width: 30%;
}
.accountCodes .accountCodes-page-container .tabs-accountCodes thead th:nth-child(4) {
  width: 10%;
}
.accountCodes .accountCodes-page-container .tabs-accountCodes tbody tr:nth-child(odd) {
  background-color: white;
}
.accountCodes .accountCodes-page-container .tabs-accountCodes tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.accountCodes .accountCodes-page-container .tabs-accountCodes th {
  color: grey;
  font-weight: lighter;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px -1px 0px 0px #656f71;
  -moz-box-shadow: inset 0px -1px 0px 0px #656f71;
  box-shadow: inset 0px -1px 0px 0px #656f71;
  position: relative;
}
.accountCodes .accountCodes-page-container .tabs-accountCodes th,
.accountCodes .accountCodes-page-container .tabs-accountCodes td {
  padding: 20px;
}
.accountCodes .accountCodes-page-container .tabs-accountCodes .silver {
  color: #c4c4d5;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.accountCodesPs .content-container {
  padding-top: 40px;
}
.accountCodesPs .content-container .new-accountCodesPs {
  padding-left: 45px;
  padding-right: 45px;
}
.accountCodesPs .content-container .select-container {
  padding-bottom: 30px;
}
.accountCodesPs .content-container .accountCodesPs-container .name {
  margin-bottom: 30px;
}
.accountCodesPs .content-container .accountCodesPs-container .account {
  margin-bottom: 30px;
}
.accountCodesPs .content-container .accountCodesPs-container .enabledDisabled {
  display: flex;
  justify-content: start;
}
.accountCodesPs .content-container .accountCodesPs-container .enabledDisabled .enabledRadio {
  margin-right: 80px;
}
.accountCodesPs .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 155px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoiceCompany .saved-info {
  cursor: pointer;
  color: white;
  position: absolute;
  top: 120px;
  right: 24px;
  z-index: 3;
  background: #00C853;
  padding: 8px 16px;
  border-radius: 24px;
  display: flex;
  align-items: center;
}
.invoiceCompany .saved-info i {
  font-size: 20px;
  margin-top: -4px;
  margin-right: 8px;
}
.invoiceCompany .saved-info:hover {
  transition: 0.3s;
  opacity: 1;
}
.invoiceCompany .change-opacity {
  transition: 0.3s;
  opacity: 0.5;
}
.invoiceCompany .page-invoiceCompanySettings-container {
  max-width: 1000px;
  background-color: white;
  margin-left: 20%;
  margin-right: auto;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container {
  padding-top: 40px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 200px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  margin-right: 20px;
  margin-top: -15px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoicingContact {
  padding-bottom: 40px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoicingContact .title2 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoicingContact .pos-flex4 {
  display: flex;
  padding-bottom: 10px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoicingContact .pos-flex4 .LastName {
  margin-right: 20px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoicingContact .pos-flex4 .FirstName {
  padding-right: 19px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoicingContact .func_width {
  padding-bottom: 10px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoicingContact .func_width .function {
  width: 49%;
  padding-right: 7px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoicingContact .pos-flex5 {
  display: flex;
  padding-bottom: 10px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoicingContact .pos-flex5 .tel {
  margin-right: 20px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoicingContact .pos-flex5 .email {
  padding-right: 19px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .type-input {
  padding-top: 20px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .type-input .type {
  color: lightgray;
  margin-bottom: 10px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .type-input .pos-flex {
  display: flex;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .type-input .pos-flex .button-right {
  margin-right: 130px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .legal-input {
  padding-top: 30px;
  padding-bottom: 60px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .legal-input .legal {
  color: lightgray;
  margin-bottom: 10px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .legal-input .pos-flex {
  display: flex;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .legal-input .pos-flex .button-right {
  margin-right: 40px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString {
  padding-bottom: 50px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos {
  width: 65%;
  padding-bottom: 10px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos .providerCode {
  padding-bottom: 10px;
  width: 73%;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos .legalName {
  padding-bottom: 10px;
  width: 73%;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos .shareCapital {
  padding-bottom: 10px;
  width: 73%;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos .companyName {
  padding-bottom: 10px;
  width: 73%;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos .address {
  padding-bottom: 10px;
  width: 151.5%;
  padding-right: 5px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos-flex1_5 {
  display: flex;
  padding-bottom: 10px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos-flex1_5 .telephone-input {
  margin-right: 20px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos-flex1_5 .e_email {
  padding-right: 19px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos-flex2 {
  display: flex;
  padding-bottom: 10px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos-flex2 .siren {
  margin-right: 20px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos-flex3 {
  display: flex;
  padding-bottom: 30px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos-flex3 .rcsNumber {
  margin-right: 20px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos-flex3 .cityOfRegulation {
  padding-right: 19px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos-flex4 {
  display: flex;
  padding-bottom: 30px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .invoiceString .pos-flex4 .providerCode {
  padding-right: 20px;
  width: 50%;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .button-styles-bankDetails {
  margin-left: auto;
  width: 28%;
  padding-bottom: 30px;
  padding-top: 20px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails .typebankDetails .notMbottom {
  margin-bottom: 0px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails thead th:nth-child(1) {
  width: 30%;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails thead th:nth-child(2) {
  width: 20%;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails thead th:nth-child(3) {
  width: 20%;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails thead th:nth-child(4) {
  width: 20%;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails thead th:nth-child(5) {
  width: 9%;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails tbody tr:nth-child(odd) {
  background-color: white;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails th {
  color: grey;
  font-weight: lighter;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px -1px 0px 0px #656f71;
  -moz-box-shadow: inset 0px -1px 0px 0px #656f71;
  box-shadow: inset 0px -1px 0px 0px #656f71;
  position: relative;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails th,
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails td {
  padding: 20px;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails .icon-right {
  display: flex;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails .silver {
  color: #c4c4d5;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails .line-iban {
  line-break: anywhere;
}
.invoiceCompany .page-invoiceCompanySettings-container .page-invoiceCompanySettings-second-container .tabs-bankDetails .line-bicswift {
  line-break: anywhere;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.bankDetailsPs .content-container {
  padding-top: 40px;
}
.bankDetailsPs .content-container .new-bankDetailsPs {
  padding-left: 45px;
  padding-right: 45px;
}
.bankDetailsPs .content-container .select-container {
  padding-bottom: 30px;
}
.bankDetailsPs .content-container .bankDetailsPs-container .name {
  margin-bottom: 50px;
}
.bankDetailsPs .content-container .bankDetailsPs-container .iban {
  margin-bottom: 50px;
}
.bankDetailsPs .content-container .bankDetailsPs-container .bic {
  margin-bottom: 50px;
}
.bankDetailsPs .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 300px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoiceFactoring .saved-info {
  cursor: pointer;
  color: white;
  position: absolute;
  top: 120px;
  right: 24px;
  z-index: 3;
  background: #00C853;
  padding: 8px 16px;
  border-radius: 24px;
  display: flex;
  align-items: center;
}
.invoiceFactoring .saved-info i {
  font-size: 20px;
  margin-top: -4px;
  margin-right: 8px;
}
.invoiceFactoring .saved-info:hover {
  transition: 0.3s;
  opacity: 1;
}
.invoiceFactoring .change-opacity {
  transition: 0.3s;
  opacity: 0.5;
}
.invoiceFactoring .page-invoiceFactoringSettings-container {
  max-width: 930px;
  background-color: white;
  margin-left: 20%;
  margin-right: auto;
}
.invoiceFactoring .page-invoiceFactoringSettings-container .page-invoiceFactoringSettings-second-container {
  padding-top: 40px;
  padding-left: 40px;
  padding-bottom: 20px;
}
.invoiceFactoring .page-invoiceFactoringSettings-container .page-invoiceFactoringSettings-second-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  margin-top: -15px;
  margin-bottom: 20px;
  margin-right: 50px;
}
.invoiceFactoring .page-invoiceFactoringSettings-container .page-invoiceFactoringSettings-second-container .pos-span {
  margin-top: 15px;
}
.invoiceFactoring .page-invoiceFactoringSettings-container .page-invoiceFactoringSettings-second-container .draft {
  display: flex;
  padding-bottom: 30px;
}
.invoiceFactoring .page-invoiceFactoringSettings-container .page-invoiceFactoringSettings-second-container .select-draft {
  width: 30%;
}
.invoiceFactoring .page-invoiceFactoringSettings-container .page-invoiceFactoringSettings-second-container .text-draft {
  width: 15%;
}
.invoiceFactoring .page-invoiceFactoringSettings-container .page-invoiceFactoringSettings-second-container .iteration-draft {
  width: 35%;
  margin-right: 30px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoiceNaming .saved-info {
  cursor: pointer;
  color: white;
  position: absolute;
  top: 120px;
  right: 24px;
  z-index: 3;
  background: #00C853;
  padding: 8px 16px;
  border-radius: 24px;
  display: flex;
  align-items: center;
}
.invoiceNaming .saved-info i {
  font-size: 20px;
  margin-top: -4px;
  margin-right: 8px;
}
.invoiceNaming .saved-info:hover {
  transition: 0.3s;
  opacity: 1;
}
.invoiceNaming .change-opacity {
  transition: 0.3s;
  opacity: 0.5;
}
.invoiceNaming .page-invoiceNamingSettings-container {
  max-width: 930px;
  background-color: white;
  margin-left: 20%;
  margin-right: auto;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container {
  padding-top: 40px;
  padding-left: 40px;
  padding-bottom: 20px;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  margin-top: -15px;
  margin-bottom: 20px;
  margin-right: 50px;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container .pos-span {
  margin-top: 15px;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container .draft {
  display: flex;
  padding-bottom: 30px;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container .invoice {
  display: flex;
  padding-bottom: 30px;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container .creditNote {
  display: flex;
  padding-bottom: 30px;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container .select-draft {
  width: 30%;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container .text-draft {
  width: 15%;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container .iteration-draft {
  width: 35%;
  margin-right: 30px;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container .select-invoice {
  width: 30%;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container .text-invoice {
  width: 15%;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container .iteration-invoice {
  width: 35%;
  margin-right: 30px;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container .text-creditNote {
  width: 15%;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container .select-creditNote {
  width: 30%;
}
.invoiceNaming .page-invoiceNamingSettings-container .page-invoiceNamingSettings-second-container .iteration-creditNote {
  width: 35%;
  margin-right: 30px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoiceReminder {
  background-color: white;
}
.invoiceReminder .page-invoiceReminderSettings-second-container {
  max-width: 770px;
  background-color: white;
  margin-left: 20%;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
.invoiceReminder .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.invoiceReminder .tabs-reminderByMail {
  padding-bottom: 50px;
}
.invoiceReminder .tabs-reminderByMail table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #b9bebe;
}
.invoiceReminder .tabs-reminderByMail thead th:nth-child(1) {
  width: 25%;
}
.invoiceReminder .tabs-reminderByMail thead th:nth-child(2) {
  width: 35%;
}
.invoiceReminder .tabs-reminderByMail thead th:nth-child(3) {
  width: 20%;
}
.invoiceReminder .tabs-reminderByMail tbody tr:nth-child(odd) {
  background-color: white;
}
.invoiceReminder .tabs-reminderByMail tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.invoiceReminder .tabs-reminderByMail th {
  color: grey;
  font-weight: lighter;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px -1px 0px 0px #656f71;
  -moz-box-shadow: inset 0px -1px 0px 0px #656f71;
  box-shadow: inset 0px -1px 0px 0px #656f71;
  position: relative;
}
.invoiceReminder .tabs-reminderByMail th,
.invoiceReminder .tabs-reminderByMail td {
  padding: 20px;
}
.invoiceReminder .tabs-reminderByMail .position-button {
  text-align: end;
}
.invoiceReminder .tabs-reminderByMail .button-reminder {
  border: none;
  background: white;
}
.invoiceReminder .tabs-reminderByMail .button-reminder .circle-reminder {
  font-size: 20px;
  border-radius: 50px;
  background-color: #464680;
  color: white;
}
.invoiceReminder .tabs-reminderByMail .silver {
  color: #c4c4d5;
}
.invoiceReminder .tabs-reminderByMail .icon-right {
  text-align: end;
}
.invoiceReminder .tabs-dunningEmail {
  padding-bottom: 100px;
}
.invoiceReminder .tabs-dunningEmail table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #b9bebe;
}
.invoiceReminder .tabs-dunningEmail thead th:nth-child(1) {
  width: 25%;
}
.invoiceReminder .tabs-dunningEmail thead th:nth-child(2) {
  width: 35%;
}
.invoiceReminder .tabs-dunningEmail thead th:nth-child(3) {
  width: 20%;
}
.invoiceReminder .tabs-dunningEmail tbody tr:nth-child(odd) {
  background-color: white;
}
.invoiceReminder .tabs-dunningEmail tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.invoiceReminder .tabs-dunningEmail th {
  color: grey;
  font-weight: lighter;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px -1px 0px 0px #656f71;
  -moz-box-shadow: inset 0px -1px 0px 0px #656f71;
  box-shadow: inset 0px -1px 0px 0px #656f71;
  position: relative;
}
.invoiceReminder .tabs-dunningEmail th,
.invoiceReminder .tabs-dunningEmail td {
  padding: 20px;
}
.invoiceReminder .tabs-dunningEmail .position-button {
  text-align: end;
}
.invoiceReminder .tabs-dunningEmail .button-reminder {
  border: none;
  background: white;
}
.invoiceReminder .tabs-dunningEmail .button-reminder .circle-reminder {
  font-size: 20px;
  border-radius: 50px;
  background-color: #464680;
  color: white;
}
.invoiceReminder .tabs-dunningEmail .silver {
  color: #c4c4d5;
}
.invoiceReminder .tabs-dunningEmail .icon-right {
  text-align: end;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.ReminderEmailPs .content-container {
  padding-top: 40px;
}
.ReminderEmailPs .content-container .new-dunningEmail {
  padding-left: 45px;
  padding-right: 45px;
}
.ReminderEmailPs .content-container .select-container {
  padding-bottom: 30px;
}
.ReminderEmailPs .content-container .category-container .rank {
  margin-bottom: 30px;
}
.ReminderEmailPs .content-container .category-container .name {
  margin-bottom: 30px;
}
.ReminderEmailPs .content-container .category-container .delay {
  margin-bottom: 30px;
}
.ReminderEmailPs .content-container .category-container .subjectOfTheMail {
  margin-bottom: 30px;
}
.ReminderEmailPs .content-container .category-container .bodyOfMail {
  margin-bottom: 30px;
}
.ReminderEmailPs .content-container .tags-dunningEmail .right-title {
  padding-bottom: 20px;
}
.ReminderEmailPs .content-container .tags-dunningEmail .copy-btn {
  margin-bottom: 20px;
  background: #48cde0;
  border: 1px solid #48cde0;
  color: white;
  padding: 4px 8px;
  border-radius: 24px;
  font-size: 12px;
  margin-top: 16px;
}
.ReminderEmailPs .content-container .tags-dunningEmail .copy-btn:hover {
  background: white;
  color: #48cde0;
}
.ReminderEmailPs .content-container .tags-dunningEmail .tags-repeat {
  margin-bottom: 10px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  padding: 4px 8px;
}
.ReminderEmailPs .content-container .tags-dunningEmail .tags-repeat:first-of-type {
  margin-top: 8px;
}
.ReminderEmailPs .content-container .tags-dunningEmail .tags-repeat:hover {
  border-radius: 24px;
  background: #effafc;
}
.ReminderEmailPs .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 80px;
  padding-bottom: 40px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.ReminderMailPs .content-container {
  padding-top: 40px;
}
.ReminderMailPs .content-container .new-reminderByMail {
  padding-left: 45px;
  padding-right: 45px;
}
.ReminderMailPs .content-container .select-container {
  padding-bottom: 30px;
}
.ReminderMailPs .content-container .category-container .rank {
  margin-bottom: 30px;
}
.ReminderMailPs .content-container .category-container .name {
  margin-bottom: 30px;
}
.ReminderMailPs .content-container .category-container .delay {
  margin-bottom: 30px;
}
.ReminderMailPs .content-container .category-container .upload-reminder {
  margin-bottom: 30px;
}
.ReminderMailPs .content-container .category-container .position-file-card {
  margin-bottom: 30px;
}
.ReminderMailPs .content-container .category-container .upload-reminder .doc {
  color: #a5c0d4 !important;
  font-size: 17px;
  margin-bottom: 10px;
}
.ReminderMailPs .content-container .category-container .upload-reminder .input-reminder-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin: 24px 0;
}
.ReminderMailPs .content-container .category-container .upload-reminder .position-file-card {
  padding-bottom: 20px;
  padding-top: 20px;
}
.ReminderMailPs .content-container .category-container .upload-reminder .file-manager-file-card-left {
  display: flex;
  align-items: center;
  max-width: 550px;
  margin-right: auto;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  border-left: 10px solid #48cde0;
  justify-content: space-between;
  position: relative;
}
.ReminderMailPs .content-container .category-container .upload-reminder .file-manager-file-card-left .file-name {
  text-overflow: ellipsis;
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  cursor: pointer;
}
.ReminderMailPs .content-container .category-container .upload-reminder .file-manager-file-card-left .i-folder-file {
  font-size: 25px;
  margin-left: -10px;
  margin-right: -200px;
  color: #B9BEBE;
}
.ReminderMailPs .content-container .category-container .upload-reminder .file-manager-file-card-left .i-visibility-file {
  font-size: 25px;
  color: #B9BEBE;
}
.ReminderMailPs .content-container .category-container .upload-reminder .file-manager-file-card-left .i-delete-file {
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 10px;
}
.ReminderMailPs .content-container .tags-reminderByMail {
  padding-bottom: 20px;
}
.ReminderMailPs .content-container .tags-reminderByMail .right-title {
  padding-bottom: 20px;
}
.ReminderMailPs .content-container .tags-reminderByMail .copy-btn {
  margin-bottom: 20px;
  background: #48cde0;
  border: 1px solid #48cde0;
  color: white;
  padding: 4px 8px;
  border-radius: 24px;
  font-size: 12px;
  margin-top: 16px;
}
.ReminderMailPs .content-container .tags-reminderByMail .copy-btn:hover {
  background: white;
  color: #48cde0;
}
.ReminderMailPs .content-container .tags-reminderByMail .tags-repeat {
  margin-bottom: 10px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  padding: 4px 8px;
}
.ReminderMailPs .content-container .tags-reminderByMail .tags-repeat:first-of-type {
  margin-top: 8px;
}
.ReminderMailPs .content-container .tags-reminderByMail .tags-repeat:hover {
  border-radius: 24px;
  background: #effafc;
}
.ReminderMailPs .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 80px;
  padding-bottom: 40px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoiceTaxes .button-styles-invoiceTaxes {
  width: 260px;
  margin-left: auto;
  padding-bottom: 30px;
}
.invoiceTaxes .invoiceTaxes-page-container {
  max-width: 930px;
  background-color: white;
  margin-left: 20%;
  margin-right: auto;
}
.invoiceTaxes .invoiceTaxes-page-container .tabs-invoiceTaxes {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 25px;
  overflow-y: scroll;
  height: calc(100vh - 350px);
}
.invoiceTaxes .invoiceTaxes-page-container .tabs-invoiceTaxes table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.invoiceTaxes .invoiceTaxes-page-container .tabs-invoiceTaxes .typeTaxes .notMbottom {
  margin-bottom: 0px;
}
.invoiceTaxes .invoiceTaxes-page-container .tabs-invoiceTaxes thead th:nth-child(1) {
  width: 33%;
}
.invoiceTaxes .invoiceTaxes-page-container .tabs-invoiceTaxes thead th:nth-child(2) {
  width: 35%;
}
.invoiceTaxes .invoiceTaxes-page-container .tabs-invoiceTaxes thead th:nth-child(3) {
  width: 30%;
}
.invoiceTaxes .invoiceTaxes-page-container .tabs-invoiceTaxes thead th:nth-child(4) {
  width: 15%;
}
.invoiceTaxes .invoiceTaxes-page-container .tabs-invoiceTaxes tbody tr:nth-child(odd) {
  background-color: white;
}
.invoiceTaxes .invoiceTaxes-page-container .tabs-invoiceTaxes tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.invoiceTaxes .invoiceTaxes-page-container .tabs-invoiceTaxes th {
  color: grey;
  font-weight: lighter;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px -1px 0px 0px #656f71;
  -moz-box-shadow: inset 0px -1px 0px 0px #656f71;
  box-shadow: inset 0px -1px 0px 0px #656f71;
  position: relative;
}
.invoiceTaxes .invoiceTaxes-page-container .tabs-invoiceTaxes th,
.invoiceTaxes .invoiceTaxes-page-container .tabs-invoiceTaxes td {
  padding: 20px;
}
.invoiceTaxes .invoiceTaxes-page-container .tabs-invoiceTaxes .silver {
  color: #c4c4d5;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.taxesPs .content-container {
  padding-top: 40px;
}
.taxesPs .content-container .new-taxesPs {
  padding-left: 45px;
  padding-right: 45px;
}
.taxesPs .content-container .select-container {
  padding-bottom: 30px;
}
.taxesPs .content-container .taxesPs-container .name {
  margin-bottom: 50px;
}
.taxesPs .content-container .taxesPs-container .taxes {
  margin-bottom: 50px;
}
.taxesPs .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 180px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.invoiceTemplate .saved-info {
  cursor: pointer;
  color: white;
  position: absolute;
  top: 120px;
  right: 24px;
  z-index: 3;
  background: #00C853;
  padding: 8px 16px;
  border-radius: 24px;
  display: flex;
  align-items: center;
}
.invoiceTemplate .saved-info i {
  font-size: 20px;
  margin-top: -4px;
  margin-right: 8px;
}
.invoiceTemplate .saved-info:hover {
  transition: 0.3s;
  opacity: 1;
}
.invoiceTemplate .change-opacity {
  transition: 0.3s;
  opacity: 0.5;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container {
  max-width: 870px;
  background-color: white;
  margin-left: 20%;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .button-styles-invoiceTemplates {
  width: 190px;
  margin-left: auto;
  margin-top: 10px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .variousTemplate .last {
  padding-bottom: 20px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .variousTemplate .template_flex {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding-top: 25px;
  padding-left: 20px;
  padding-right: 16px;
  padding-bottom: 30px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .variousTemplate .template_flex .titleName {
  width: 30%;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .variousTemplate .template_flex .i-delete-file {
  font-size: 25px;
  color: #B9BEBE;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .upload-file {
  padding-top: 15px;
  text-align: center;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .upload-file .Logo {
  color: #464680;
  margin-bottom: 10px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .input-invoicing-container {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin: 24px 0;
  margin-left: 3px;
  align-items: center;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .position-file-card {
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .position-file-card .Logo {
  color: #464680;
  margin-bottom: 10px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .file-manager-file-card-left {
  display: flex;
  align-items: center;
  max-width: 550px;
  margin-right: auto;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  border-left: 10px solid #48cde0;
  justify-content: space-between;
  position: relative;
  margin-left: 150px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .file-manager-file-card-left .file-name {
  text-overflow: ellipsis;
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  cursor: pointer;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .file-manager-file-card-left .i-folder-file {
  font-size: 25px;
  margin-left: -10px;
  margin-right: -200px;
  color: #B9BEBE;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .file-manager-file-card-left .i-visibility-file {
  font-size: 25px;
  color: #B9BEBE;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .Template .file-manager-file-card-left .i-delete-file {
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 10px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .wording-checkbox {
  margin-top: 10px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .wording-section {
  margin: 0 20px;
  padding: 20px;
  border: 1px solid #48cde0;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .wording-section .wording {
  padding: 0 5px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-container .wording-section h4 {
  border-bottom: solid #48cde0 1px;
  height: 30px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container {
  max-width: 870px;
  background-color: white;
  margin-left: 20%;
  margin-right: auto;
  padding-top: 20px;
  height: auto;
  margin-bottom: 50px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .container-sendInit .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  margin-left: 30px;
  margin-right: 30px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .container-sendInit .upload-file {
  padding-top: 15px;
  text-align: center;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .container-sendInit .upload-file .Logo {
  color: #464680;
  margin-bottom: 10px;
  margin-left: 30px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .container-sendInit .input-invoicing-container {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  margin: 24px 0;
  margin-left: 3px;
  align-items: center;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .container-sendInit .position-file-card {
  padding-top: 20px;
  padding-bottom: 30px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .container-sendInit .position-file-card .Logo {
  color: #464680;
  margin-bottom: 10px;
  margin-left: 30px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .container-sendInit .file-manager-file-card-left {
  display: flex;
  align-items: center;
  max-width: 550px;
  margin-right: auto;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  border-left: 10px solid #48cde0;
  justify-content: space-between;
  position: relative;
  margin-left: 30px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .container-sendInit .file-manager-file-card-left .file-name {
  text-overflow: ellipsis;
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  cursor: pointer;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .container-sendInit .file-manager-file-card-left .i-folder-file {
  font-size: 25px;
  margin-left: -10px;
  margin-right: -200px;
  color: #B9BEBE;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .container-sendInit .file-manager-file-card-left .i-visibility-file {
  font-size: 25px;
  color: #B9BEBE;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .container-sendInit .file-manager-file-card-left .i-delete-file {
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 10px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .sendInitEmail {
  padding-bottom: 20px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .sendInitEmail .objectSendInit {
  padding-top: 20px;
  padding-bottom: 10px;
  margin-left: 30px;
  width: 50%;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .tags {
  padding-bottom: 10px;
  text-align: initial;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .tags .right-title {
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 30px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .tags .right-title span {
  align-self: center;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .tags .copy-btn {
  margin-bottom: 20px;
  background: #48cde0;
  border: 1px solid #48cde0;
  color: white;
  padding: 4px 8px;
  border-radius: 24px;
  font-size: 12px;
  margin-top: 16px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .tags .copy-btn:hover {
  background: white;
  color: #48cde0;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .tags .tags-repeat {
  margin-bottom: 10px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  padding: 4px 8px;
  padding-left: 30px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .tags .tags-repeat:first-of-type {
  margin-top: 8px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .tags .tags-repeat:hover {
  border-radius: 24px;
  background: #effafc;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .tags .tag-example {
  background-color: lightgray;
  border: 1px solid #464680;
  border-radius: 3px;
  margin-left: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.invoiceTemplate .page-invoiceTemplatesSettings-tree-container .tags .tag-examples {
  color: #9DBACE;
  margin-left: 5px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.templateModal {
  width: 80%;
  height: 60%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.templateModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.templateModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.templateModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.templateModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  padding: 32px;
  background: #48cde0;
}
.templateModal .tags {
  padding-bottom: 10px;
  text-align: initial;
}
.templateModal .tags .right-title {
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 30px;
}
.templateModal .tags .right-title span {
  align-self: center;
}
.templateModal .tags .copy-btn {
  margin-bottom: 20px;
  background: #48cde0;
  border: 1px solid #48cde0;
  color: white;
  padding: 4px 8px;
  border-radius: 24px;
  font-size: 12px;
  margin-top: 16px;
}
.templateModal .tags .copy-btn:hover {
  background: white;
  color: #48cde0;
}
.templateModal .tags .tags-repeat {
  margin-bottom: 10px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  padding: 4px 8px;
  padding-left: 30px;
}
.templateModal .tags .tags-repeat:first-of-type {
  margin-top: 8px;
}
.templateModal .tags .tags-repeat:hover {
  border-radius: 24px;
  background: #effafc;
}
.templateModal .tags .tag-example {
  background-color: lightgray;
  border: 1px solid #464680;
  border-radius: 3px;
  margin-left: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.templateModal .tags .tag-examples {
  color: #9DBACE;
  margin-left: 5px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.ODM-fichiers .page-container {
  max-width: 720px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
}
.ODM-fichiers .page-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  padding-top: 20px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.ODM-fichiers .page-container .upload-file {
  padding-top: 20px;
  padding-bottom: 20px;
}
.ODM-fichiers .page-container .position-file-card {
  padding-bottom: 50px;
  padding-top: 20px;
}
.ODM-fichiers .page-container .file-manager-file-card-left {
  display: flex;
  align-items: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  border-left: 10px solid #48cde0;
  justify-content: space-between;
  position: relative;
}
.ODM-fichiers .page-container .file-manager-file-card-left .file-name {
  text-overflow: ellipsis;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  cursor: pointer;
}
.ODM-fichiers .page-container .file-manager-file-card-left .i-folder-file {
  font-size: 25px;
  margin-left: -10px;
  margin-right: -200px;
  color: #B9BEBE;
}
.ODM-fichiers .page-container .file-manager-file-card-left .i-visibility-file {
  font-size: 25px;
  color: #B9BEBE;
}
.ODM-fichiers .page-container .file-manager-file-card-left .i-delete-file {
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.modalAddEditContract {
  width: 45%;
}
.modalAddEditContract .dialog-header {
  position: relative;
  margin: unset;
  justify-content: center;
  color: white;
  font-size: 20px;
}
.modalAddEditContract .dialog-header .closeIcon {
  position: absolute;
  right: 5px;
  top: 5px;
}
.modalAddEditContract .dialog-content {
  align-self: center;
  width: 80%;
  margin: unset;
  max-width: unset;
  overflow: hidden;
  padding: 25px 0;
  row-gap: 10px;
}
.modalAddEditContract .dialog-content md-select span {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif !important;
  color: #a5c0d4 !important;
}
.modalAddEditContract .dialog-content .position-file-card {
  padding-top: 10px;
}
.modalAddEditContract .dialog-content .position-file-card .file-manager-file-card-left {
  display: flex;
  align-items: end;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
  padding-left: 0px;
  border-left: 10px solid #48cde0;
}
.modalAddEditContract .dialog-content .position-file-card .file-manager-file-card-left .file-name {
  display: block;
  font-size: 14px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  color: #464680;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
  margin-right: auto;
}
.modalAddEditContract .dialog-content .position-file-card .file-manager-file-card-left .file-manager-icon {
  display: block;
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 15px;
  min-height: 1em;
  min-width: 1em;
}
.modalAddEditContract .dialog-content .position-file-card .file-manager-file-card-left .file-manager-icon.description {
  color: #464680;
}
.modalAddEditContract .buttons-container {
  display: flex;
  justify-content: space-evenly;
  padding-bottom: 20px;
}
.modalAddEditContract .buttons-container .valide {
  background-color: #48CDE0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.modalAddEditContractAmendment {
  width: 45%;
}
.modalAddEditContractAmendment .dialog-header {
  position: relative;
  margin: unset;
  justify-content: center;
  color: white;
  font-size: 20px;
}
.modalAddEditContractAmendment .dialog-header .closeIcon {
  position: absolute;
  right: 5px;
  top: 5px;
}
.modalAddEditContractAmendment .dialog-content {
  align-self: center;
  width: 80%;
  margin: unset;
  max-width: unset;
  overflow: hidden;
  padding: 25px 0;
  row-gap: 10px;
}
.modalAddEditContractAmendment .dialog-content md-select span {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif !important;
  color: #a5c0d4 !important;
}
.modalAddEditContractAmendment .dialog-content .position-file-card {
  padding-top: 10px;
}
.modalAddEditContractAmendment .dialog-content .position-file-card .file-manager-file-card-left {
  display: flex;
  align-items: end;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
  padding-left: 0px;
  border-left: 10px solid #48cde0;
}
.modalAddEditContractAmendment .dialog-content .position-file-card .file-manager-file-card-left .file-name {
  display: block;
  font-size: 14px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  color: #464680;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
  margin-right: auto;
}
.modalAddEditContractAmendment .dialog-content .position-file-card .file-manager-file-card-left .file-manager-icon {
  display: block;
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 15px;
  min-height: 1em;
  min-width: 1em;
}
.modalAddEditContractAmendment .dialog-content .position-file-card .file-manager-file-card-left .file-manager-icon.description {
  color: #464680;
}
.modalAddEditContractAmendment .buttons-container {
  display: flex;
  justify-content: space-evenly;
  padding-bottom: 20px;
}
.modalAddEditContractAmendment .buttons-container .valide {
  background-color: #48CDE0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.modalAddPtfOrPtfAmendment {
  width: 45%;
}
.modalAddPtfOrPtfAmendment .dialog-header {
  position: relative;
  margin: unset;
  justify-content: center;
  color: white;
  font-size: 20px;
}
.modalAddPtfOrPtfAmendment .dialog-header .closeIcon {
  position: absolute;
  right: 5px;
  top: 5px;
}
.modalAddPtfOrPtfAmendment .dialog-content {
  align-self: center;
  width: 80%;
  margin: unset;
  max-width: unset;
  overflow: hidden;
  padding: 25px 0;
  row-gap: 10px;
}
.modalAddPtfOrPtfAmendment .dialog-content md-select span {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif !important;
  color: #a5c0d4 !important;
}
.modalAddPtfOrPtfAmendment .dialog-content .position-file-card {
  padding-top: 10px;
}
.modalAddPtfOrPtfAmendment .dialog-content .position-file-card .file-manager-file-card-left {
  display: flex;
  align-items: end;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
  padding-left: 0px;
  border-left: 10px solid #48cde0;
}
.modalAddPtfOrPtfAmendment .dialog-content .position-file-card .file-manager-file-card-left .file-name {
  display: block;
  font-size: 14px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  color: #464680;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 15px;
  margin-right: auto;
}
.modalAddPtfOrPtfAmendment .dialog-content .position-file-card .file-manager-file-card-left .file-manager-icon {
  display: block;
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 15px;
  min-height: 1em;
  min-width: 1em;
}
.modalAddPtfOrPtfAmendment .dialog-content .position-file-card .file-manager-file-card-left .file-manager-icon.description {
  color: #464680;
}
.modalAddPtfOrPtfAmendment .buttons-container {
  display: flex;
  justify-content: space-evenly;
  padding-bottom: 20px;
}
.modalAddPtfOrPtfAmendment .buttons-container .valide {
  background-color: #48CDE0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
notes-de-frais-settings {
  display: flex;
  flex-direction: column;
}
notes-de-frais-settings .notes-de-frais-container {
  height: calc(100vh - 99px);
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
}
notes-de-frais-settings .notes-de-frais-container .notes-de-frais-component {
  padding-top: 40px;
  overflow-y: scroll;
  scrollbar-width: thin;
  height: calc(100vh - 176px);
}
notes-de-frais-settings .notes-de-frais-navbar {
  display: flex;
  justify-content: center;
  background: white;
  height: 56px;
  width: 100%;
  box-shadow: 0px 0px 10px 0px lightgrey;
  position: relative;
  z-index: 1;
}
notes-de-frais-settings .notes-de-frais-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 100%;
  padding: 0 16px;
  border-bottom: 2px solid white;
  text-transform: uppercase;
  letter-spacing: 1.71px;
}
notes-de-frais-settings .notes-de-frais-link:hover {
  background: #eee;
}
notes-de-frais-settings .notes-de-frais-link-selected {
  color: #48CDE0;
  border-color: #48CDE0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.NdfApprovalCircuit {
  padding-left: 20px;
  padding-right: 20px;
}
.NdfApprovalCircuit .approvalCircuit-container {
  padding-bottom: 30px;
}
.NdfApprovalCircuit .approvalCircuit-container .manager-wrapper {
  width: 30%;
  background-color: white;
  border-radius: 5px;
  min-height: 200px;
  border: 1px solid;
}
.NdfApprovalCircuit .approvalCircuit-container .manager-wrapper .title-styles {
  font-size: 15px;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}
.NdfApprovalCircuit .approvalCircuit-container .manager-wrapper .select-container {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.NdfApprovalCircuit .approvalCircuit-container .manager-wrapper .supervisor {
  padding-left: 18px;
  padding-right: 20px;
  padding-top: 20px;
}
.NdfListSupervisor {
  padding-left: 20px;
  padding-right: 20px;
  background-color: white;
  width: 100%;
}
.NdfListSupervisor .users-and-roles-table-container {
  height: calc(100% - 96px);
  margin: 0 -10px 0 0;
}
.NdfListSupervisor .users-roles-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.NdfListSupervisor .table-tr-container {
  height: 56px;
  min-height: 56px;
  max-height: 56px;
}
.NdfListSupervisor .table-th {
  box-sizing: border-box;
  text-align: center;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0 8px;
  background: white;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-shadow: inset 0px -2px 0px 0px #b9bebe;
  -moz-box-shadow: inset 0px -2px 0px 0px #b9bebe;
  box-shadow: inset 0px -2px 0px 0px #b9bebe;
  position: relative;
}
.NdfListSupervisor .cell-header-container {
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  width: fit-content;
  margin: 0 auto;
}
.NdfListSupervisor .table-td {
  position: relative;
  background: white;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 0 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.NdfListSupervisor .td-name {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
}
.NdfListSupervisor .cell-content-container {
  padding-right: 30px;
}
.NdfListSupervisor .cell-name-container {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 8px;
  justify-content: space-between;
}
.NdfListSupervisor .name-and-responsability-container {
  display: flex;
  overflow: hidden;
}
.NdfListSupervisor .name-and-responsability {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.NdfListSupervisor .name {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.NdfListSupervisor .responsability {
  font-size: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.NdfListSupervisor .i-statut.i-statut {
  font-size: 28px;
  height: 33px;
  margin: 0 8px 0 0;
}
.NdfListSupervisor .i-statut.i-statut:before {
  margin-top: unset;
  vertical-align: unset;
}
.NdfListSupervisor .manager {
  padding-left: 130px;
}
.NdfListSupervisor .director {
  text-align: left;
}
.NdfListSupervisor .supervisors-left {
  text-align: left;
}
.NdfListSupervisor .style-arrow {
  position: absolute;
  right: 0;
}
.NdfListSupervisor .i-arrow {
  font-size: 40px;
  color: #ddd;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.expenseReportProfile .bloc-profil {
  background: white;
  margin-bottom: 35px;
  max-width: 900px;
  margin-left: 20px;
  margin-right: 20px;
}
.expenseReportProfile .bloc-profil .expensesResportsInProfiles_header {
  height: 50px;
  background-color: #48CDE0;
  border: 1px solid #B9BEBE;
  margin-top: -22px;
}
.expenseReportProfile .bloc-profil .expensesResportsInProfiles_header .responsabilityFamily .profile-name {
  color: white;
  font-size: 15px;
  margin-top: 15px;
  padding-left: 20px;
}
.expenseReportProfile .bloc-profil .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
.expenseReportProfile .bloc-profil .tabs-expenseReportProfile {
  table-layout: fixed;
  overflow-wrap: break-word;
  background: white;
  margin-bottom: 0px;
}
.expenseReportProfile .bloc-profil .tabs-expenseReportProfile .head-expenseReportProfile th {
  text-align: center;
  width: 100%;
  vertical-align: middle;
  color: #b9bebe;
}
.expenseReportProfile .bloc-profil .tabs-expenseReportProfile .body-expenseReportProfile td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.expenseReportProfile .bloc-profil .tabs-expenseReportProfile .body-expenseReportProfile .silver {
  color: #b9bebe;
}
.expenseReportProfile .bloc-profil .tabs-expenseReportProfile .body-expenseReportProfile .warning-icon {
  color: #FF9D17;
  font-size: 1.3em;
  vertical-align: middle;
}
.expenseReportProfile .bloc-profil .expensesResportsInProfiles_footer {
  border: 1px solid #B9BEBE;
  height: 50px;
}
.expenseReportProfile .bloc-profil .expensesResportsInProfiles_footer .addExpensesReports {
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 200px;
  flex: 0 0 auto;
  margin-top: 15px;
  cursor: pointer;
}
.expenseReportProfile .bloc-profil .expensesResportsInProfiles_footer .addExpensesReports .color-expensesReports {
  color: #48CDE0;
}
.expenseReportProfile .bloc-profil .expensesResportsInProfiles_footer .addExpensesReports span {
  padding-left: 5px;
  color: #b9bebe;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.expenseReportProfileModal {
  width: 35%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.expenseReportProfileModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.expenseReportProfileModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.expenseReportProfileModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.expenseReportProfileModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  padding: 32px;
  background: #48cde0;
}
.expenseReportProfileModal .custom-md-input-container {
  margin-left: 20%;
  width: 50%;
  margin-top: 20px;
}
.expenseReportProfileModal .warning-icon {
  color: #FF9D17;
}
.expenseReportProfileModal .warning-icon i {
  vertical-align: middle;
  font-size: 1.3em;
}
.expenseReportProfileModal .validate {
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.expenseReportProfileModal .action-system-btn[disabled] {
  background-color: #9F9F9F;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.accountingCode .tabs-accountingCode-container {
  max-width: 900px;
  margin-left: 20px;
  padding-top: 20px;
}
.accountingCode .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
.accountingCode .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .odd {
  display: none;
}
.accountingCode table.dataTable thead .sorting:after,
.accountingCode table.dataTable thead .sorting:before,
.accountingCode table.dataTable thead .sorting_asc:after,
.accountingCode table.dataTable thead .sorting_asc:before,
.accountingCode table.dataTable thead .sorting_asc_disabled:after,
.accountingCode table.dataTable thead .sorting_asc_disabled:before,
.accountingCode table.dataTable thead .sorting_desc:after,
.accountingCode table.dataTable thead .sorting_desc:before,
.accountingCode table.dataTable thead .sorting_desc_disabled:after,
.accountingCode table.dataTable thead .sorting_desc_disabled:before {
  bottom: 0.5em;
}
.accountingCode .tabs-accountingCode {
  table-layout: fixed;
  overflow-wrap: break-word;
  background: white;
}
.accountingCode .tabs-accountingCode .head-accountingCode th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
.accountingCode .tabs-accountingCode .body-accountingCode td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.accountingCode .tabs-accountingCode .body-accountingCode .color-icons {
  color: #b9bebe;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.accountingCodeModal {
  width: 30%;
  height: 50%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.accountingCodeModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.accountingCodeModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.accountingCodeModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.accountingCodeModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  padding: 32px;
  background: #48cde0;
}
.accountingCodeModal .custom-md-input-container {
  margin-left: 20%;
  width: 50%;
  margin-top: 20px;
}
.accountingCodeModal .validate {
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.NDF-fichiers .page-container {
  max-width: 930px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.NDF-fichiers .page-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  padding-top: 30px;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}
.NDF-fichiers .page-container .sub-title {
  color: #464680;
  font-size: 15px;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
}
.NDF-fichiers .page-container .upload-file {
  padding-top: 20px;
  padding-bottom: 30px;
}
.NDF-fichiers .page-container .position-file-card {
  padding-bottom: 70px;
  padding-top: 30px;
}
.NDF-fichiers .page-container .file-manager-file-card-left {
  display: flex;
  align-items: center;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  border-left: 10px solid #48cde0;
  justify-content: space-between;
  position: relative;
}
.NDF-fichiers .page-container .file-manager-file-card-left .file-name {
  text-overflow: ellipsis;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  cursor: pointer;
}
.NDF-fichiers .page-container .file-manager-file-card-left .i-folder-file {
  font-size: 25px;
  margin-left: -10px;
  margin-right: -200px;
  color: #B9BEBE;
}
.NDF-fichiers .page-container .file-manager-file-card-left .i-visibility-file {
  font-size: 25px;
  color: #B9BEBE;
}
.NDF-fichiers .page-container .file-manager-file-card-left .i-delete-file {
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.expenseNaming .saved-info {
  cursor: pointer;
  color: white;
  position: absolute;
  top: 120px;
  right: 24px;
  z-index: 3;
  background: #00C853;
  padding: 8px 16px;
  border-radius: 24px;
  display: flex;
  align-items: center;
}
.expenseNaming .saved-info i {
  font-size: 20px;
  margin-top: -4px;
  margin-right: 8px;
}
.expenseNaming .saved-info:hover {
  transition: 0.3s;
  opacity: 1;
}
.expenseNaming .change-opacity {
  transition: 0.3s;
  opacity: 0.5;
}
.expenseNaming .page-expenseNamingSettings-container {
  max-width: 930px;
  background-color: white;
  margin-left: 20%;
  margin-right: auto;
}
.expenseNaming .page-expenseNamingSettings-container .page-expenseNamingSettings-second-container {
  padding-top: 40px;
  padding-left: 40px;
  padding-bottom: 20px;
}
.expenseNaming .page-expenseNamingSettings-container .page-expenseNamingSettings-second-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  margin-top: -15px;
  margin-bottom: 20px;
  margin-right: 50px;
}
.expenseNaming .page-expenseNamingSettings-container .page-expenseNamingSettings-second-container .pos-span {
  margin-top: 15px;
}
.expenseNaming .page-expenseNamingSettings-container .page-expenseNamingSettings-second-container .draft {
  display: flex;
  padding-bottom: 30px;
}
.expenseNaming .page-expenseNamingSettings-container .page-expenseNamingSettings-second-container .select-draft {
  width: 30%;
}
.expenseNaming .page-expenseNamingSettings-container .page-expenseNamingSettings-second-container .text-draft {
  width: 15%;
}
.expenseNaming .page-expenseNamingSettings-container .page-expenseNamingSettings-second-container .iteration-draft {
  width: 35%;
  margin-right: 30px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.NDF-natures .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
.NDF-natures .natures-page-container {
  padding: 0 40px;
}
.NDF-natures .button-styles-natures {
  padding: 0 40px 40px 40px;
  display: flex;
}
.NDF-natures .button-styles-natures .add-action-system-btn {
  margin-left: auto;
}
.NDF-natures .switch-kit {
  margin: 0;
  position: relative;
  top: 2px;
}
.NDF-natures .tabs-nature {
  table-layout: fixed;
  width: 100%;
  overflow-wrap: break-word;
  background: white;
}
.NDF-natures .tabs-nature .head-nature th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
.NDF-natures .tabs-nature .body-nature td {
  max-height: 45px;
  text-align: center;
  vertical-align: middle;
}
.NDF-natures .tabs-nature .body-nature .nameLeft {
  max-height: 45px;
  text-align: left;
  vertical-align: middle;
}
.NDF-natures .tabs-nature .body-nature .color-icons {
  color: #b9bebe;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.addOrEditNature .content-container {
  padding-top: 40px;
  padding-left: 45px;
  padding-right: 45px;
}
.addOrEditNature .content-container .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 100px;
  padding-bottom: 20px;
}
.addOrEditNature .content-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 50px;
}
.addOrEditNature .content-container .title.infobulles {
  margin-bottom: 15px;
}
.addOrEditNature .content-container .nameAndActivated {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.addOrEditNature .content-container .nameAndActivated > md-input-container {
  width: calc(50% - 2px);
}
.addOrEditNature .content-container .nameAndActivated .switch-kit {
  margin-bottom: -5px;
  margin-left: 10px;
}
.addOrEditNature .content-container .igdWarning {
  font-style: italic;
  color: #FF1744;
}
.addOrEditNature .content-container .accountCode {
  width: calc(50% - 2px);
}
.addOrEditNature .content-container .payrollCode {
  width: calc(50% - 2px);
}
.addOrEditNature .content-container .typeAndUnit {
  display: flex;
  justify-content: space-between;
}
.addOrEditNature .content-container .typeAndUnit > * {
  width: calc(50% - 2px);
}
.addOrEditNature .content-container .typeOptions {
  margin-top: 10px;
}
.addOrEditNature .content-container .typeOptions.pleaseSelectType {
  padding-left: 3px;
}
.addOrEditNature .content-container .selecteurTaux {
  display: flex;
  justify-content: space-between;
}
.addOrEditNature .content-container .selecteurTaux md-checkbox {
  margin-bottom: -4px;
  height: 100%;
}
.addOrEditNature .content-container .selecteurTaux md-checkbox .md-label {
  line-height: 44px;
}
.addOrEditNature .content-container .selecteurTaux > * {
  width: calc(50% - 2px);
}
.addOrEditNature .content-container .selecteurTaux .symbolePercent {
  position: absolute;
  right: 10px;
  top: 18px;
}
.addOrEditNature .content-container .userMustEnter label {
  position: relative;
  transform: none;
}
.addOrEditNature .content-container .title.kilometrique {
  margin-top: 20px;
}
.addOrEditNature .content-container .vehiclePowerRatingsContainer {
  display: flex;
  margin-bottom: 30px;
}
.addOrEditNature .content-container .vehiclePowerRatingsTable {
  table-layout: fixed;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.addOrEditNature .content-container .vehiclePowerRatingsTable th {
  border: 1px solid #b9bebe;
  font-weight: normal;
}
.addOrEditNature .content-container .vehiclePowerRatingsTable th.vehicleType {
  width: 28%;
  padding: 0 5px;
  font-weight: bold;
  color: #a5c0d4 !important;
}
.addOrEditNature .content-container .vehiclePowerRatingsTable td {
  border: 1px solid #b9bebe;
}
.addOrEditNature .content-container .vehiclePowerRatingsTable td.vehicleType {
  padding: 0 5px;
}
.addOrEditNature .content-container .vehiclePowerRatingsTable .existingApplicationDate {
  width: 25%;
  font-size: 13px;
  font-weight: bold;
  color: #a5c0d4 !important;
  padding: 0 5px;
}
.addOrEditNature .content-container .motoPowerRatingsContainer {
  display: flex;
  margin-bottom: 30px;
}
.addOrEditNature .content-container .motoPowerRatingsTable {
  table-layout: fixed;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.addOrEditNature .content-container .motoPowerRatingsTable th {
  border: 1px solid #b9bebe;
  font-weight: normal;
}
.addOrEditNature .content-container .motoPowerRatingsTable th.motoType {
  width: 28%;
  padding: 0 5px;
  font-weight: bold;
  color: #a5c0d4 !important;
}
.addOrEditNature .content-container .motoPowerRatingsTable td {
  border: 1px solid #b9bebe;
}
.addOrEditNature .content-container .motoPowerRatingsTable td.vehicleType {
  padding: 0 5px;
}
.addOrEditNature .content-container .motoPowerRatingsTable .existingApplicationDate {
  width: 20%;
  font-size: 13px;
  font-weight: bold;
  color: #a5c0d4 !important;
  padding: 0 5px;
}
.addOrEditNature .content-container .canProperty {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: baseline;
}
.addOrEditNature .content-container .canProperty label {
  position: relative;
  transform: none;
  order: 0;
  flex: 0 0 auto;
  width: 210px;
  color: #464680 !important;
  margin-left: -1px;
}
.addOrEditNature .content-container .canProperty md-radio-group {
  margin-left: auto;
  display: flex;
}
.addOrEditNature .content-container .canProperty md-radio-group md-radio-button {
  flex: 0 0 auto;
  width: 110px;
}
.addOrEditNature .content-container .canPropertySelect {
  display: flex;
  align-items: baseline;
}
.addOrEditNature .content-container .canPropertySelect label {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  margin-left: 4px;
  font-size: 15px;
}
.addOrEditNature .content-container .canPropertySelect > * {
  width: 50%;
}
.addOrEditNature .content-container .limit {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.addOrEditNature .content-container .limit > md-input-container {
  width: calc(50% - 2px);
}
.addOrEditNature .content-container .limit .warning-icon {
  color: #FF9D17;
}
.addOrEditNature .content-container .limit .warning-icon i {
  font-size: 1.3em;
  vertical-align: middle;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.tvaAccount .tvaAccount-tab {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  width: 255px;
}
.tvaAccount .tabs-tvaAccount-container {
  max-width: 1165px;
  margin-left: 20px;
  padding-top: 20px;
}
.tvaAccount .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
  border-bottom: 0px;
}
.tvaAccount table.dataTable thead .sorting:after,
.tvaAccount table.dataTable thead .sorting:before,
.tvaAccount table.dataTable thead .sorting_asc:after,
.tvaAccount table.dataTable thead .sorting_asc:before,
.tvaAccount table.dataTable thead .sorting_asc_disabled:after,
.tvaAccount table.dataTable thead .sorting_asc_disabled:before,
.tvaAccount table.dataTable thead .sorting_desc:after,
.tvaAccount table.dataTable thead .sorting_desc:before,
.tvaAccount table.dataTable thead .sorting_desc_disabled:after,
.tvaAccount table.dataTable thead .sorting_desc_disabled:before {
  bottom: 0.5em;
}
.tvaAccount .tabs-tvaAccount {
  table-layout: fixed;
  overflow-wrap: break-word;
  background: white;
}
.tvaAccount .tabs-tvaAccount .head-tvaAccount th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
.tvaAccount .tabs-tvaAccount .body-tvaAccount td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.tvaAccount .tabs-tvaAccount .body-tvaAccount .color-icons {
  color: #b9bebe;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.tvaAccountAndRecoveryContainer {
  display: flex;
  flex-direction: column;
}
.tvaAccountAndRecoveryContainer .tvaAccountAndRecoveryContainer-tabs-header-container {
  display: flex;
  align-items: flex-end;
  height: 88px;
  padding: 0 40px;
}
.tvaAccountAndRecoveryContainer .tvaAccountAndRecoveryContainer-tab-is-active {
  background: white;
}
.tvaAccountAndRecoveryContainer .tab-name {
  font-size: 16px;
  margin: 2px 0 0 8px;
}
.tvaAccountAndRecoveryContainer .tvaAccountAndRecoveryContainer-tab {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  width: 255px;
}
.tvaAccountAndRecoveryContainer .button-styles-tvaAccountAndRecoveryContainer {
  margin-left: auto;
  align-self: center;
  margin-top: 15px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.tvaRecovery .tabs-tvaRecovery-container {
  width: 1165px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
}
.tvaRecovery .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
.tvaRecovery .tabs-tvaRecovery {
  table-layout: fixed;
  overflow-wrap: break-word;
  background: white;
}
.tvaRecovery .tabs-tvaRecovery .head-tvaRecovery th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
.tvaRecovery .tabs-tvaRecovery .body-tvaRecovery td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.tvaRecovery .tabs-tvaRecovery .body-tvaRecovery .label-tvaRecovery {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  display: inline-block;
  border-radius: 100px;
  letter-spacing: -0.2px;
  text-align: center;
  vertical-align: middle;
  margin-right: 3px;
  font-weight: 100;
  padding-top: 5px;
  color: #464680;
  margin-top: 10px;
  margin-bottom: 10px;
  border: solid 1px #48cde0;
  background-color: white;
}
.tvaRecovery .tabs-tvaRecovery .body-tvaRecovery .add-tvaRecovery {
  display: inline-flex;
  position: relative;
  margin-left: auto;
  cursor: pointer;
  color: #B9BEBE;
}
.tvaRecovery .tabs-tvaRecovery .body-tvaRecovery .list-tvaRecovery {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-left: 5px;
}
.tvaRecovery .tabs-tvaRecovery .body-tvaRecovery .list-tvaRecovery span {
  margin-left: 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.tva-page-slide-container .content-container {
  padding-top: 15px;
}
.tva-page-slide-container .content-container .new-tva {
  padding-left: 35px;
  padding-right: 35px;
}
.tva-page-slide-container .content-container .new-tva .recoveryTva {
  display: flex;
  padding-bottom: 10px;
  padding-top: 15px;
  padding-left: 6px;
}
.tva-page-slide-container .content-container .new-tva .recoveryTva .selectRetrieval {
  width: 35%;
  margin-left: 60px;
}
.tva-page-slide-container .content-container .new-tva .recoveryTva .labelRecoTva {
  align-self: center;
  margin-right: 30px;
  margin-top: 12px;
}
.tva-page-slide-container .content-container .new-tva .recoveryTva .selectRecovery {
  width: 35%;
  margin-left: 85px;
}
.tva-page-slide-container .content-container .new-tva .preCalcul {
  display: flex;
  padding-bottom: 10px;
  padding-top: 15px;
  padding-left: 6px;
}
.tva-page-slide-container .content-container .new-tva .preCalcul .selectPreCalcul {
  align-self: center;
  margin-right: 30px;
  margin-top: 12px;
}
.tva-page-slide-container .content-container .new-tva .preCalcul .selectedPreCalcul {
  margin-left: 168px;
  width: 35%;
}
.tva-page-slide-container .content-container .new-tva .h3One {
  padding-top: 15px;
}
.tva-page-slide-container .content-container .new-tva .h3One h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 17px;
  margin-bottom: 20px;
}
.tva-page-slide-container .content-container .new-tva .modelWording {
  display: flex;
  padding-top: 15px;
}
.tva-page-slide-container .content-container .new-tva .modelWording .wordingRight {
  margin-left: 61px;
  width: 35%;
}
.tva-page-slide-container .content-container .new-tva .modelWording .wordingLeft {
  width: 35%;
}
.tva-page-slide-container .content-container .new-tva .rates {
  width: 35%;
  padding-top: 15px;
}
.tva-page-slide-container .content-container .new-tva .rates .symbolePercent {
  position: absolute;
  right: 10px;
  top: 18px;
}
.tva-page-slide-container .content-container .new-tva .accountingCodes {
  width: 35%;
  padding-top: 15px;
}
.tva-page-slide-container .content-container .new-tva .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 80px;
  padding-bottom: 30px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.deleteTvaAccountModal {
  width: 35%;
  height: 47%;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.deleteTvaAccountModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.deleteTvaAccountModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.deleteTvaAccountModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.deleteTvaAccountModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  padding: 32px;
  background: #48cde0;
}
.deleteTvaAccountModal .titleDelete {
  padding-top: 20px;
  font-size: 20px;
  padding-left: 10%;
  color: #464680;
  margin-bottom: 20px;
}
.deleteTvaAccountModal .expense-container {
  padding-left: 10%;
  margin-bottom: 10px;
}
.deleteTvaAccountModal .expense-container .expense-title {
  font-size: 17px;
  color: #464680;
  margin-bottom: 10px;
}
.deleteTvaAccountModal .expense-container .expenseNatureList {
  color: #464680;
  margin-bottom: 10px;
  list-style-type: none;
}
.deleteTvaAccountModal .expense-container .expenseNatureList .liNatures {
  font-size: 15px;
}
.deleteTvaAccountModal .validate {
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.tvaRecoveryModal {
  width: 30%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.tvaRecoveryModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tvaRecoveryModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.tvaRecoveryModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.tvaRecoveryModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  padding: 32px;
  background: #48cde0;
}
.tvaRecoveryModal .custom-md-input-container {
  margin-left: 20%;
  width: 50%;
  margin-top: 20px;
}
.tvaRecoveryModal .validate {
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#sideNavPanel .filter-sidenav-desktop {
  height: calc(100vh - 99px);
}
.my-sidebar-filters-posts {
  margin-top: 1em;
}
.my-sidebar-filters-posts .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  align-items: center;
}
.my-sidebar-filters-posts .autocomplete-flex-cont .reset,
.my-sidebar-filters-posts .group_date .reset {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.my-sidebar-filters-posts .autocomplete-flex-cont .reset i,
.my-sidebar-filters-posts .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.my-sidebar-filters-posts .autocomplete-flex-cont .reset:hover,
.my-sidebar-filters-posts .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.my-sidebar-filters-posts .autocomplete-flex-cont .reset:hover i,
.my-sidebar-filters-posts .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.my-sidebar-filters-posts .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.my-sidebar-filters-posts .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.my-sidebar-filters-posts .group .title {
  color: #b1b0c9;
  margin-bottom: 15px;
}
.my-sidebar-filters-posts .group .child {
  margin-top: 1em;
}
.my-sidebar-filters-posts .group .child responsibility-material {
  width: 100%;
}
.my-sidebar-filters-posts .group .child business-unit-material {
  width: 100%;
}
.my-sidebar-filters-posts .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.my-sidebar-filters-posts .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.my-sidebar-filters-posts .group .radio-kit {
  padding: 0;
}
.my-sidebar-filters-posts .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem:hover,
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem:hover:before,
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.my-sidebar-filters-posts .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.my-sidebar-filters-posts .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-sidebar-filters-posts .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.my-sidebar-filters-posts .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.my-sidebar-filters-posts .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.my-sidebar-filters-posts .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.my-sidebar-filters-posts .group_dropdown .child {
  margin-top: 0;
}
.my-sidebar-filters-posts .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.my-sidebar-filters-posts .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.my-sidebar-filters-posts .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-posts .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-posts .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.my-sidebar-filters-posts .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.my-sidebar-filters-posts .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-sidebar-filters-posts .group_input .child input::placeholder {
  color: #C1CCD3;
}
.my-sidebar-filters-posts .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.my-sidebar-filters-posts .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.custom-md-sidenav-top {
  left: 0;
  top: -100vh;
  transform: translateY(100vh) translateX(0px);
}
.custom-md-sidenav-top.md-closed {
  left: 0;
  transform: translateY(0px) translateX(0px);
}
.resize-md-sidenav-mobile {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
#sideNavPanel .filter-sidenav-desktop {
  height: calc(100vh - 99px);
}
.my-sidebar-filters-posts {
  margin-top: 1em;
}
.my-sidebar-filters-posts .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  align-items: center;
}
.my-sidebar-filters-posts .autocomplete-flex-cont .reset,
.my-sidebar-filters-posts .group_date .reset {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.my-sidebar-filters-posts .autocomplete-flex-cont .reset i,
.my-sidebar-filters-posts .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.my-sidebar-filters-posts .autocomplete-flex-cont .reset:hover,
.my-sidebar-filters-posts .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.my-sidebar-filters-posts .autocomplete-flex-cont .reset:hover i,
.my-sidebar-filters-posts .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.my-sidebar-filters-posts .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.my-sidebar-filters-posts .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.my-sidebar-filters-posts .group .title {
  color: #b1b0c9;
  margin-bottom: 15px;
}
.my-sidebar-filters-posts .group .child {
  margin-top: 1em;
}
.my-sidebar-filters-posts .group .child responsibility-material {
  width: 100%;
}
.my-sidebar-filters-posts .group .child business-unit-material {
  width: 100%;
}
.my-sidebar-filters-posts .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.my-sidebar-filters-posts .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.my-sidebar-filters-posts .group .radio-kit {
  padding: 0;
}
.my-sidebar-filters-posts .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem:hover,
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem:hover:before,
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.my-sidebar-filters-posts .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.my-sidebar-filters-posts .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.my-sidebar-filters-posts .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-sidebar-filters-posts .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.my-sidebar-filters-posts .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.my-sidebar-filters-posts .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.my-sidebar-filters-posts .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.my-sidebar-filters-posts .group_dropdown .child {
  margin-top: 0;
}
.my-sidebar-filters-posts .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.my-sidebar-filters-posts .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.my-sidebar-filters-posts .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-posts .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-posts .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.my-sidebar-filters-posts .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.my-sidebar-filters-posts .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-sidebar-filters-posts .group_input .child input::placeholder {
  color: #C1CCD3;
}
.my-sidebar-filters-posts .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.my-sidebar-filters-posts .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.custom-md-sidenav-top {
  left: 0;
  top: -100vh;
  transform: translateY(100vh) translateX(0px);
}
.custom-md-sidenav-top.md-closed {
  left: 0;
  transform: translateY(0px) translateX(0px);
}
.resize-md-sidenav-mobile {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
#sideNavPanel .filter-sidenav-desktop {
  height: calc(100vh - 99px);
}
.my-sidebar-filters-rating {
  margin-top: 1em;
}
.my-sidebar-filters-rating .autocomplete-flex-cont {
  display: flex;
  padding-left: 14px;
  align-items: center;
}
.my-sidebar-filters-rating .autocomplete-flex-cont .reset,
.my-sidebar-filters-rating .group_date .reset {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  border-radius: 5px;
  width: 2.1em;
  height: 2.1em;
  background-color: #464680;
  cursor: pointer;
  transition: background-color linear 200ms;
}
.my-sidebar-filters-rating .autocomplete-flex-cont .reset i,
.my-sidebar-filters-rating .group_date .reset i {
  font-size: 1.5em;
  color: white;
  transition: color linear 200ms, font-size ease-in 300ms;
}
.my-sidebar-filters-rating .autocomplete-flex-cont .reset:hover,
.my-sidebar-filters-rating .group_date .reset:hover {
  background-color: transparent;
  border: 1px solid rgba(70, 70, 128, 0.1);
}
.my-sidebar-filters-rating .autocomplete-flex-cont .reset:hover i,
.my-sidebar-filters-rating .group_date .reset:hover i {
  font-size: 1.8em;
  color: #464680;
}
.my-sidebar-filters-rating .bar {
  margin: 1em 0;
  width: 100%;
  height: 1px;
  background-color: #b1b0c9;
}
.my-sidebar-filters-rating .group {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
.my-sidebar-filters-rating .group .title {
  color: #b1b0c9;
  margin-bottom: 15px;
}
.my-sidebar-filters-rating .group .child {
  margin-top: 1em;
}
.my-sidebar-filters-rating .group .child responsibility-material {
  width: 100%;
}
.my-sidebar-filters-rating .group .child business-unit-material {
  width: 100%;
}
.my-sidebar-filters-rating .group .child.two-columns {
  display: flex;
  flex-wrap: wrap;
}
.my-sidebar-filters-rating .group .child.two-columns > * {
  flex: 0 0 50%;
  margin-right: 0;
}
.my-sidebar-filters-rating .group .radio-kit {
  padding: 0;
}
.my-sidebar-filters-rating .group_checkbox .toggler_cont {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #48cde0;
}
.my-sidebar-filters-rating .group_checkbox .toggler_cont .elem {
  position: relative;
  padding: 0.5em 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  cursor: pointer;
  border-right: 1px solid #48cde0;
  overflow: hidden;
  transition: color linear 200ms;
}
.my-sidebar-filters-rating .group_checkbox .toggler_cont .elem:hover,
.my-sidebar-filters-rating .group_checkbox .toggler_cont .elem.active {
  color: white;
}
.my-sidebar-filters-rating .group_checkbox .toggler_cont .elem:hover:before,
.my-sidebar-filters-rating .group_checkbox .toggler_cont .elem.active:before {
  width: 10em;
  height: 10em;
  border-radius: 0;
  background-color: #c2d9e6;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 300ms;
}
.my-sidebar-filters-rating .group_checkbox .toggler_cont .elem.active:before {
  background-color: #48cde0;
}
.my-sidebar-filters-rating .group_checkbox .toggler_cont .elem:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #48cde0;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: height linear 200ms, width linear 200ms, border-radius linear 200ms 0ms;
}
.my-sidebar-filters-rating .group_checkbox .toggler_cont .elem:last-child {
  border-right: none;
}
.my-sidebar-filters-rating .group_checkbox .checkboxs_cont {
  margin: 1em 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.my-sidebar-filters-rating .group_checkbox .checkboxs_cont .checkbox_cont {
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-sidebar-filters-rating .group_checkbox .checkboxs_cont .checkbox_cont .md-label {
  display: flex;
  align-items: center;
}
.my-sidebar-filters-rating .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon {
  position: relative;
  margin: 0;
  margin-left: 0.5em;
}
.my-sidebar-filters-rating .group_checkbox .checkboxs_cont .checkbox_cont .md-label .icon i {
  font-size: 1.5em;
}
.my-sidebar-filters-rating .group_checkbox .checkboxs_cont .checkbox_cont .md-label .name {
  margin-left: 0.5em;
}
.my-sidebar-filters-rating .group_dropdown .child {
  margin-top: 0;
}
.my-sidebar-filters-rating .group_dropdown .child skill-material-v2 md-select {
  background: none;
}
.my-sidebar-filters-rating .group_dropdown .child skill-material-v2 md-select-value {
  color: #464584;
}
.my-sidebar-filters-rating .group_dropdown .child skill-material-v2 > span {
  padding: 0.8em 1.2em;
  background: grey;
  color: white;
  background-color: #96BBD0;
  border: none;
  border-radius: 100px;
  font-size: 0.75em;
  margin: 0.5em 0;
  margin-right: 0.5em;
}
.my-sidebar-filters-rating .group_dropdown .child skill-material-v2 > span:after {
  content: 'X';
  margin-left: 1em;
  color: white;
  display: inline-block;
}
.my-sidebar-filters-rating .group_dropdown .child skill-material-v2 > span:after:hover {
  color: white;
}
.my-sidebar-filters-rating .group_input .child {
  margin-top: 0.5em;
  display: flex;
  align-items: baseline;
}
.my-sidebar-filters-rating .group_input .child input {
  width: 100%;
  border: none;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #c5d9e8;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-sidebar-filters-rating .group_input .child input::placeholder {
  color: #C1CCD3;
}
.my-sidebar-filters-rating .group_input .child input:first-child {
  margin-left: 0;
  margin-right: 0;
}
.my-sidebar-filters-rating .group_input .child input.fill {
  color: #464584;
  padding: 0.5em 0.5em;
  background-color: #E4F5FE;
}
.custom-md-sidenav-top {
  left: 0;
  top: -100vh;
  transform: translateY(100vh) translateX(0px);
}
.custom-md-sidenav-top.md-closed {
  left: 0;
  transform: translateY(0px) translateX(0px);
}
.resize-md-sidenav-mobile {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.positionsProcessViewRec .tabs-positionsProcessViewRec-container {
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
}
.positionsProcessViewRec .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
.positionsProcessViewRec .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .odd {
  display: none;
}
.positionsProcessViewRec table.dataTable thead .sorting:after,
.positionsProcessViewRec table.dataTable thead .sorting:before,
.positionsProcessViewRec table.dataTable thead .sorting_asc:after,
.positionsProcessViewRec table.dataTable thead .sorting_asc:before,
.positionsProcessViewRec table.dataTable thead .sorting_asc_disabled:after,
.positionsProcessViewRec table.dataTable thead .sorting_asc_disabled:before,
.positionsProcessViewRec table.dataTable thead .sorting_desc:after,
.positionsProcessViewRec table.dataTable thead .sorting_desc:before,
.positionsProcessViewRec table.dataTable thead .sorting_desc_disabled:after,
.positionsProcessViewRec table.dataTable thead .sorting_desc_disabled:before {
  bottom: 0.5em;
}
.positionsProcessViewRec .tabs-positionsProcessViewRec {
  table-layout: fixed;
  overflow-wrap: break-word;
  background: white;
}
.positionsProcessViewRec .tabs-positionsProcessViewRec .head-positionsProcessViewRec th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
.positionsProcessViewRec .tabs-positionsProcessViewRec .body-positionsProcessViewRec td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.positionsProcessViewRec .tabs-positionsProcessViewRec .body-positionsProcessViewRec .checkbox_no_margin_bottom .no_margin_bottom {
  margin-bottom: 0px;
}
.positionsProcessViewRec .tabs-positionsProcessViewRec .body-positionsProcessViewRec .silver {
  color: #b9bebe;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.positionsViewContracts .tabs-positionsViewContracts-container {
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
}
.positionsViewContracts .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
.positionsViewContracts .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .odd {
  display: none;
}
.positionsViewContracts table.dataTable thead .sorting:after,
.positionsViewContracts table.dataTable thead .sorting:before,
.positionsViewContracts table.dataTable thead .sorting_asc:after,
.positionsViewContracts table.dataTable thead .sorting_asc:before,
.positionsViewContracts table.dataTable thead .sorting_asc_disabled:after,
.positionsViewContracts table.dataTable thead .sorting_asc_disabled:before,
.positionsViewContracts table.dataTable thead .sorting_desc:after,
.positionsViewContracts table.dataTable thead .sorting_desc:before,
.positionsViewContracts table.dataTable thead .sorting_desc_disabled:after,
.positionsViewContracts table.dataTable thead .sorting_desc_disabled:before {
  bottom: 0.5em;
}
.positionsViewContracts .tabs-positionsViewContracts {
  table-layout: fixed;
  overflow-wrap: break-word;
  background: white;
}
.positionsViewContracts .tabs-positionsViewContracts .head-positionsViewContracts th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
.positionsViewContracts .tabs-positionsViewContracts .body-positionsViewContracts td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.positionsViewContracts .tabs-positionsViewContracts .body-positionsViewContracts .silver {
  color: #b9bebe;
}
.positionsViewContracts .tabs-positionsViewContracts .body-positionsViewContracts div ul li {
  text-align: left;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.profile .profileflex {
  display: flex;
  justify-content: space-between;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.profileAndPostSettings .profileAndPostSettings-manager-tabs-header-container {
  display: flex;
  align-items: flex-end;
  height: 88px;
  padding: 0 40px;
  background: #F3F6F8;
}
.profileAndPostSettings .subNavbar {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profileAndPostSettings .button-styles-subNavbarProfile {
  cursor: pointer;
  align-self: center;
  margin-top: 32px;
  margin-left: auto;
  display: flex;
}
.profileAndPostSettings .button-styles-subNavbarProfile .add-action-system-btn {
  height: 32px;
  border-radius: 6px;
  outline: none;
  border: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: white;
  cursor: pointer;
  background: #48CDE0;
  padding: 0;
  margin-left: 20px;
}
.profileAndPostSettings .button-styles-subNavbar {
  cursor: pointer;
  align-self: center;
  margin-top: 32px;
  margin-left: auto;
}
.profileAndPostSettings .profileAndPostSettings-manager-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 230px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.profileAndPostSettings .profileAndPostSettings-manager-tab-is-active {
  background: white;
}
.profileAndPostSettings .i-tab-icon {
  font-size: 22px;
  color: #48CDE0;
}
.profileAndPostSettings .tab-name {
  font-size: 16px;
  margin: 2px 0 0 0px;
}
.profileAndPostSettings .tab-name1 {
  font-size: 16px;
  margin: 2px 0 0 20px;
}
.profileAndPostSettings .tab-name2 {
  font-size: 16px;
  margin: 2px 0 0 20px;
}
.profileAndPostSettings .tab-sub1 {
  display: block;
  margin-left: -11px;
}
.profileAndPostSettings .tab-sub2 {
  display: block;
  margin-left: -27px;
}
.profileAndPostSettings .profileAndPostSettings-components {
  padding-top: 20px;
  background-color: white;
  height: calc(100vh - 240px);
  padding: 20px 30px;
  padding-bottom: 80px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.tabs-profileContract-container {
  width: auto;
  margin-left: 20px;
  padding-top: 20px;
  margin-right: 20px;
}
.tabs-profileContract-container .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
.tabs-profileContract-container .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .odd {
  display: none;
}
.tabs-profileContract-container table.dataTable thead .sorting:after,
.tabs-profileContract-container table.dataTable thead .sorting:before,
.tabs-profileContract-container table.dataTable thead .sorting_asc:after,
.tabs-profileContract-container table.dataTable thead .sorting_asc:before,
.tabs-profileContract-container table.dataTable thead .sorting_asc_disabled:after,
.tabs-profileContract-container table.dataTable thead .sorting_asc_disabled:before,
.tabs-profileContract-container table.dataTable thead .sorting_desc:after,
.tabs-profileContract-container table.dataTable thead .sorting_desc:before,
.tabs-profileContract-container table.dataTable thead .sorting_desc_disabled:after,
.tabs-profileContract-container table.dataTable thead .sorting_desc_disabled:before {
  bottom: 0.5em;
}
.tabs-profileContract-container .tabs-profileContract {
  table-layout: fixed;
  overflow-wrap: break-word;
  background: white;
}
.tabs-profileContract-container .tabs-profileContract .head-profileContract th {
  text-align: center;
  width: 100%;
  vertical-align: middle;
  color: #b9bebe;
}
.tabs-profileContract-container .tabs-profileContract .body-profileContract td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.tabs-profileContract-container .tabs-profileContract .body-profileContract .silver {
  color: #b9bebe;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.tabs-profileOperational-container {
  width: auto;
  margin-left: 20px;
  padding-top: 20px;
  margin-right: 20px;
}
.tabs-profileOperational-container .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
.tabs-profileOperational-container .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .odd {
  display: none;
}
.tabs-profileOperational-container table.dataTable thead .sorting:after,
.tabs-profileOperational-container table.dataTable thead .sorting:before,
.tabs-profileOperational-container table.dataTable thead .sorting_asc:after,
.tabs-profileOperational-container table.dataTable thead .sorting_asc:before,
.tabs-profileOperational-container table.dataTable thead .sorting_asc_disabled:after,
.tabs-profileOperational-container table.dataTable thead .sorting_asc_disabled:before,
.tabs-profileOperational-container table.dataTable thead .sorting_desc:after,
.tabs-profileOperational-container table.dataTable thead .sorting_desc:before,
.tabs-profileOperational-container table.dataTable thead .sorting_desc_disabled:after,
.tabs-profileOperational-container table.dataTable thead .sorting_desc_disabled:before {
  bottom: 0.5em;
}
.tabs-profileOperational-container .tabs-profileOperational {
  table-layout: fixed;
  overflow-wrap: break-word;
  background: white;
}
.tabs-profileOperational-container .tabs-profileOperational .head-profileOperational th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
.tabs-profileOperational-container .tabs-profileOperational .body-profileOperational td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.tabs-profileOperational-container .tabs-profileOperational .body-profileOperational .silver {
  color: #b9bebe;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.rating .tabs-rating-container {
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
}
.rating .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
.rating .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody .odd {
  display: none;
}
.rating table.dataTable thead .sorting:after,
.rating table.dataTable thead .sorting:before,
.rating table.dataTable thead .sorting_asc:after,
.rating table.dataTable thead .sorting_asc:before,
.rating table.dataTable thead .sorting_asc_disabled:after,
.rating table.dataTable thead .sorting_asc_disabled:before,
.rating table.dataTable thead .sorting_desc:after,
.rating table.dataTable thead .sorting_desc:before,
.rating table.dataTable thead .sorting_desc_disabled:after,
.rating table.dataTable thead .sorting_desc_disabled:before {
  bottom: 0.5em;
}
.rating .tabs-rating {
  table-layout: fixed;
  overflow-wrap: break-word;
  background: white;
}
.rating .tabs-rating .head-rating th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
.rating .tabs-rating .body-rating td {
  max-height: 45px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.rating .tabs-rating .body-rating .silver {
  color: #b9bebe;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.positionsViewRecModal {
  width: 35%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.positionsViewRecModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.positionsViewRecModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.positionsViewRecModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.positionsViewRecModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  padding: 32px;
  background: #48cde0;
}
.positionsViewRecModal .custom-md-input-container {
  margin-left: 20%;
  width: 50%;
  margin-top: 20px;
}
.positionsViewRecModal .custom-label {
  margin-left: 20%;
  width: 50%;
  margin-top: 10px;
  color: #a5c0d4 !important;
}
.positionsViewRecModal .titleDelete {
  padding-top: 20px;
  font-size: 20px;
  padding-left: 10%;
  color: #464680;
  margin-bottom: 20px;
}
.positionsViewRecModal .expense-container {
  padding-left: 10%;
  margin-bottom: 10px;
}
.positionsViewRecModal .expense-container .expense-title {
  font-size: 17px;
  color: #464680;
  margin-bottom: 10px;
}
.positionsViewRecModal .expense-container .expenseNatureList {
  color: #464680;
  margin-bottom: 10px;
  list-style-type: none;
}
.positionsViewRecModal .expense-container .expenseNatureList .liNatures {
  font-size: 15px;
}
.positionsViewRecModal .validate {
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.positionsViewContractsModal {
  width: 35%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.positionsViewContractsModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.positionsViewContractsModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.positionsViewContractsModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.positionsViewContractsModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  padding: 32px;
  background: #48cde0;
}
.positionsViewContractsModal .custom-md-input-container {
  margin-left: 20%;
  width: 50%;
  margin-top: 20px;
}
.positionsViewContractsModal .titleDelete {
  padding-top: 20px;
  font-size: 20px;
  padding-left: 10%;
  color: #464680;
  margin-bottom: 20px;
}
.positionsViewContractsModal .expense-container {
  padding-left: 10%;
  margin-bottom: 10px;
}
.positionsViewContractsModal .expense-container .expense-title {
  font-size: 17px;
  color: #464680;
  margin-bottom: 10px;
}
.positionsViewContractsModal .expense-container .expenseNatureList {
  color: #464680;
  margin-bottom: 10px;
  list-style-type: none;
}
.positionsViewContractsModal .expense-container .expenseNatureList .liNatures {
  font-size: 15px;
}
.positionsViewContractsModal .validate {
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.profileContractModal {
  width: 35%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.profileContractModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.profileContractModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.profileContractModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.profileContractModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  padding: 32px;
  background: #48cde0;
}
.profileContractModal .custom-md-input-container {
  margin-left: 20%;
  width: 50%;
  margin-top: 20px;
}
.profileContractModal .titleDelete {
  padding-top: 20px;
  font-size: 20px;
  padding-left: 10%;
  color: #464680;
  margin-bottom: 20px;
}
.profileContractModal .expense-container {
  padding-left: 10%;
  margin-bottom: 10px;
}
.profileContractModal .expense-container .expense-title {
  font-size: 17px;
  color: #464680;
  margin-bottom: 10px;
}
.profileContractModal .expense-container .expenseNatureList {
  color: #464680;
  margin-bottom: 10px;
  list-style-type: none;
}
.profileContractModal .expense-container .expenseNatureList .liNatures {
  font-size: 15px;
}
.profileContractModal .validate {
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.profileOperationalModal {
  width: 35%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.profileOperationalModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.profileOperationalModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.profileOperationalModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.profileOperationalModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  padding: 32px;
  background: #48cde0;
}
.profileOperationalModal .custom-md-input-container {
  margin-left: 20%;
  width: 50%;
  margin-top: 20px;
}
.profileOperationalModal .titleDelete {
  padding-top: 20px;
  font-size: 20px;
  padding-left: 10%;
  color: #464680;
  margin-bottom: 20px;
}
.profileOperationalModal .expense-container {
  padding-left: 10%;
  margin-bottom: 10px;
}
.profileOperationalModal .expense-container .expense-title {
  font-size: 17px;
  color: #464680;
  margin-bottom: 10px;
}
.profileOperationalModal .expense-container .expenseNatureList {
  color: #464680;
  margin-bottom: 10px;
  list-style-type: none;
}
.profileOperationalModal .expense-container .expenseNatureList .liNatures {
  font-size: 15px;
}
.profileOperationalModal .validate {
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.modalAddEditRating {
  width: 45%;
}
.modalAddEditRating .dialog-header {
  position: relative;
  margin: unset;
  justify-content: center;
  color: white;
  font-size: 20px;
}
.modalAddEditRating .dialog-header .closeIcon {
  position: absolute;
  right: 5px;
  top: 5px;
}
.modalAddEditRating .dialog-content {
  align-self: center;
  width: 80%;
  margin: unset;
  max-width: unset;
  overflow: hidden;
  padding: 25px 0;
  row-gap: 10px;
}
.modalAddEditRating .dialog-content md-select span {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif !important;
  color: #a5c0d4 !important;
}
.modalAddEditRating .dialog-content .in_flex {
  display: flex;
}
.modalAddEditRating .buttons-container {
  display: flex;
  justify-content: space-evenly;
  padding-bottom: 20px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.myRmaDesktop {
  height: calc(100vh - 100px);
}
.MyRma .rma-settings {
  overflow-y: scroll;
  scrollbar-width: thin;
  height: calc(100vh - 176px);
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  padding: 30px 20px 20px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.rma-settings-activity-container .title-position {
  max-width: 1384px;
  margin-left: auto;
  margin-right: auto;
}
.rma-settings-activity-container .title2-position {
  max-width: 1384px;
  margin-left: auto;
  margin-right: auto;
}
.rma-settings-activity-container .activities-page-container {
  max-width: 1384px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  margin-bottom: 50px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities {
  border-top: 1px solid #b9bebe;
}
.rma-settings-activity-container .activities-page-container .tabs-activities table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .tooltip-position {
  cursor: pointer;
}
.rma-settings-activity-container .activities-page-container .tabs-activities thead th:nth-child(1) {
  width: 20%;
  border-left: 1px solid #b9bebe;
}
.rma-settings-activity-container .activities-page-container .tabs-activities thead th:nth-child(2) {
  width: 20%;
}
.rma-settings-activity-container .activities-page-container .tabs-activities thead th:nth-child(3) {
  width: 23%;
}
.rma-settings-activity-container .activities-page-container .tabs-activities thead th:nth-child(4) {
  width: 40%;
}
.rma-settings-activity-container .activities-page-container .tabs-activities thead th:nth-child(5) {
  border-right: 1px solid #b9bebe;
}
.rma-settings-activity-container .activities-page-container .tabs-activities tbody tr:nth-child(odd) {
  background-color: white;
}
.rma-settings-activity-container .activities-page-container .tabs-activities tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .managers {
  margin-bottom: 30px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .projects-names {
  margin-bottom: 30px;
  margin-left: 8px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .project-list tr:nth-child(even) {
  background-color: white;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .project-list td:first-child {
  width: 24.1%;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .project-list td:nth-child(2) {
  width: 27.7%;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .project-list td:nth-child(3) {
  width: 48.2%;
  position: relative;
  top: -9px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .family-list tbody tr:nth-child(odd) {
  background-color: transparent;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .family-list tbody tr:nth-child(even) {
  background-color: transparent;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .family-list td:first-child {
  width: 24.1%;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .family-list td:nth-child(2) {
  width: 27.7%;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .family-list td:nth-child(3) {
  width: 48.2%;
  position: relative;
  top: -9px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .i-left {
  margin-left: 5px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .label-skill {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  display: inline-block;
  border-radius: 100px;
  letter-spacing: -0.2px;
  text-align: center;
  vertical-align: middle;
  margin-right: 3px;
  font-weight: 100;
  padding-top: 5px;
  color: #464680;
  margin-top: 10px;
  margin-bottom: 10px;
  border: solid 1px #48cde0;
  background-color: white;
}
.rma-settings-activity-container .activities-page-container .tabs-activities th {
  color: grey;
  font-weight: lighter;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px -1px 0px 0px #b9bebe;
  -moz-box-shadow: inset 0px -1px 0px 0px #b9bebe;
  box-shadow: inset 0px -1px 0px 0px #b9bebe;
  position: relative;
}
.rma-settings-activity-container .activities-page-container .tabs-activities td {
  vertical-align: top;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .padding-collab {
  padding: 15px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .padding-famillies {
  padding: 15px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities th {
  padding: 15px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .collabs {
  font-weight: bold;
  position: relative;
  padding: 15px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .collabs .collabs-border-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
  background-color: #464680;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .famillies {
  font-weight: bold;
  position: relative;
  padding: 15px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .famillies .famillies-border-color {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
  background-color: #48CDE0;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .add-project {
  display: flex;
  margin-left: 8px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .add-project span {
  margin-left: 10px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .add-family {
  display: flex;
  margin-left: 8px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .add-family span {
  margin-left: 10px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .add-activities {
  display: inline-flex;
  position: relative;
  top: 5px;
  margin-left: 7px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .list-activities {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-left: 5px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .list-activities span {
  margin-left: 10px;
}
.rma-settings-activity-container .activities-page-container .tabs-activities .circle-project {
  font-size: 20px;
  border-radius: 50px;
  background-color: #48CDE0;
  color: white;
}
.rma-settings-activity-container .external-page-container {
  max-width: 1384px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  margin-bottom: 50px;
}
.rma-settings-activity-container .external-page-container .external-activities {
  border-top: 1px solid #b9bebe;
}
.rma-settings-activity-container .external-page-container .external-activities table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.rma-settings-activity-container .external-page-container .external-activities .tooltip-position {
  cursor: pointer;
}
.rma-settings-activity-container .external-page-container .external-activities thead th:nth-child(1) {
  width: 15%;
  border-left: 1px solid #b9bebe;
}
.rma-settings-activity-container .external-page-container .external-activities thead th:nth-child(2) {
  width: 15%;
}
.rma-settings-activity-container .external-page-container .external-activities thead th:nth-child(3) {
  width: 15%;
}
.rma-settings-activity-container .external-page-container .external-activities thead th:nth-child(4) {
  width: 16%;
}
.rma-settings-activity-container .external-page-container .external-activities thead th:nth-child(5) {
  width: 20%;
}
.rma-settings-activity-container .external-page-container .external-activities thead th:nth-child(6) {
  border-right: 1px solid #b9bebe;
}
.rma-settings-activity-container .external-page-container .external-activities tbody tr:nth-child(odd) {
  background-color: #F3F6F4;
}
.rma-settings-activity-container .external-page-container .external-activities tbody tr:nth-child(even) {
  background-color: white;
}
.rma-settings-activity-container .external-page-container .external-activities .label-skill {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  display: inline-block;
  border-radius: 100px;
  letter-spacing: -0.2px;
  text-align: center;
  vertical-align: middle;
  margin-right: 3px;
  font-weight: 100;
  padding-top: 5px;
  color: #464680;
  margin-top: 10px;
  margin-bottom: 10px;
  border: solid 1px #48cde0;
  background-color: white;
}
.rma-settings-activity-container .external-page-container .external-activities th {
  color: grey;
  font-weight: lighter;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px -1px 0px 0px #b9bebe;
  -moz-box-shadow: inset 0px -1px 0px 0px #b9bebe;
  box-shadow: inset 0px -1px 0px 0px #b9bebe;
  position: relative;
}
.rma-settings-activity-container .external-page-container .external-activities td {
  vertical-align: top;
}
.rma-settings-activity-container .external-page-container .external-activities th {
  padding: 15px;
}
.rma-settings-activity-container .external-page-container .external-activities .managers {
  margin-left: 5px;
}
.rma-settings-activity-container .external-page-container .external-activities .ext-projects-names {
  margin-left: 10px;
}
.rma-settings-activity-container .external-page-container .external-activities .collab {
  padding: 15px;
}
.rma-settings-activity-container .external-page-container .external-activities .padding-collab-ext {
  padding: 15px;
}
.rma-settings-activity-container .external-page-container .external-activities .project-ext-list tbody tr:nth-child(odd) {
  background-color: transparent;
}
.rma-settings-activity-container .external-page-container .external-activities .project-ext-list tbody tr:nth-child(even) {
  background-color: transparent;
}
.rma-settings-activity-container .external-page-container .external-activities .project-ext-list td:first-child {
  width: 15%;
}
.rma-settings-activity-container .external-page-container .external-activities .project-ext-list td:nth-child(2) {
  width: 15%;
}
.rma-settings-activity-container .external-page-container .external-activities .project-ext-list td:nth-child(3) {
  width: 15%;
}
.rma-settings-activity-container .external-page-container .external-activities .project-ext-list td:nth-child(4) {
  width: 40%;
  position: relative;
  top: -9px;
}
.rma-settings-activity-container .external-page-container .external-activities .ext-add-project {
  display: flex;
  margin-left: 10px;
}
.rma-settings-activity-container .external-page-container .external-activities .ext-add-project span {
  margin-left: 10px;
}
.rma-settings-activity-container .external-page-container .external-activities .add-existing-project {
  display: flex;
  width: 190px;
  margin-top: 10px;
  margin-left: 10px;
}
.rma-settings-activity-container .external-page-container .external-activities .add-existing-project span {
  margin-left: 10px;
}
.rma-settings-activity-container .external-page-container .external-activities .add-activities {
  display: inline-flex;
  position: relative;
  top: 5px;
  margin-left: 7px;
}
.rma-settings-activity-container .external-page-container .external-activities .ext-list-activities {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-left: 15px;
}
.rma-settings-activity-container .external-page-container .external-activities .ext-list-activities span {
  margin-left: 10px;
}
.rma-settings-activity-container .external-page-container .external-activities .circle-project {
  font-size: 20px;
  border-radius: 50px;
  background-color: #48CDE0;
  color: white;
}
.rma-settings-activity-container .external-with-moduleproject-page-container {
  max-width: 1384px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  margin-bottom: 50px;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities {
  border-top: 1px solid #b9bebe;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities .tooltip-position {
  cursor: pointer;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities thead th:nth-child(1) {
  width: 15%;
  border-left: 1px solid #b9bebe;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities thead th:nth-child(2) {
  width: 15%;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities thead th:nth-child(3) {
  width: 15%;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities thead th:nth-child(4) {
  width: 16%;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities thead th:nth-child(5) {
  width: 20%;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities thead th:nth-child(6) {
  border-right: 1px solid #b9bebe;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities tbody tr:nth-child(odd) {
  background-color: #F3F6F4;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities tbody tr:nth-child(even) {
  background-color: white;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities .label-skill {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  display: inline-block;
  border-radius: 100px;
  letter-spacing: -0.2px;
  text-align: center;
  vertical-align: middle;
  margin-right: 3px;
  font-weight: 100;
  padding-top: 5px;
  color: #464680;
  margin-top: 10px;
  margin-bottom: 10px;
  border: solid 1px #48cde0;
  background-color: white;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities th {
  color: grey;
  font-weight: lighter;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px -1px 0px 0px #b9bebe;
  -moz-box-shadow: inset 0px -1px 0px 0px #b9bebe;
  box-shadow: inset 0px -1px 0px 0px #b9bebe;
  position: relative;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities td {
  vertical-align: top;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities .collab {
  padding: 15px;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities .ext-custom-padding-collab {
  padding: 15px;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities .projects-names {
  margin-left: 10px;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities .client-names {
  margin-left: 5px;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities th {
  padding: 15px;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities .project-ext-moduleproject-list tbody tr:nth-child(odd) {
  background-color: transparent;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities .project-ext-moduleproject-list tbody tr:nth-child(even) {
  background-color: transparent;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities .project-ext-moduleproject-list td:first-child {
  width: 15%;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities .project-ext-moduleproject-list td:nth-child(2) {
  width: 15%;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities .project-ext-moduleproject-list td:nth-child(3) {
  width: 15%;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities .project-ext-moduleproject-list td:nth-child(4) {
  width: 40%;
  position: relative;
  top: -9px;
}
.rma-settings-activity-container .external-with-moduleproject-page-container .external-with-moduleproject-activities .list-activities {
  margin-left: 25px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.activities-page-slide-container .content-container {
  padding-top: 15px;
}
.activities-page-slide-container .content-container .new-activities {
  padding-left: 35px;
  padding-right: 35px;
}
.activities-page-slide-container .content-container .new-activities .color {
  background-color: #effafc;
}
.activities-page-slide-container .content-container .new-activities h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  margin-left: 4px;
  margin-right: 4px;
}
.activities-page-slide-container .content-container .new-activities .md-style {
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 15px;
}
.activities-page-slide-container .content-container .new-activities .client {
  margin-bottom: 10px;
  padding-right: 0px;
}
.activities-page-slide-container .content-container .new-activities .siret-number {
  margin-bottom: 10px;
  margin-left: 2px;
  padding-right: 5px;
}
.activities-page-slide-container .content-container .new-activities .project-name {
  margin-bottom: 10px;
}
.activities-page-slide-container .content-container .new-activities .project-code {
  margin-bottom: 20px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  margin-left: 4px;
  margin-right: 2px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .add-activities {
  margin-left: 2px;
  margin-right: 2px;
  padding-right: 40px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .add-button-activities {
  display: flex;
  padding-bottom: 30px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .add-button-activities .button-margin {
  margin-top: 6px;
  width: 250px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activitiesCollabs {
  margin-bottom: 20px;
  margin-left: 4px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activitiesCollabs .card-activities-activitiesCollabs {
  border: 1px solid #B9BEBE;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 10px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activitiesCollabs .mini {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  align-items: center;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activitiesCollabs .mini .restaurant {
  margin-left: auto;
  margin-right: 30px;
  position: relative;
  top: 5px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activitiesCollabs .mini .restaurant i.material-icons {
  position: relative;
  top: 3px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activitiesCollabs .mini .n-person {
  font-size: 22px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activitiesCollabs .mini .trash {
  height: 30px;
  width: 30px;
  background-color: #48CDE0;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5px;
  border-radius: 5px;
  margin-right: 10px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activitiesCollabs .mini .trash .delete-activities {
  font-size: 22px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activitiesCollabs .mini .group-add {
  height: 30px;
  width: 30px;
  background-color: #464680;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5px;
  border-radius: 5px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activitiesCollabs .mini .group-add .group-activities {
  font-size: 22px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activitiesCollabs .mini .position {
  display: flex;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activitiesCollabs .mini .position .number-collab {
  margin-right: 30px;
  display: flex;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activitiesCollabs .mini .position .number-collab span {
  padding-left: 5px;
  align-self: center;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activitiesCollabs .assignation h4 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  margin-left: 4px;
  margin-right: 4px;
}
.activities-page-slide-container .content-container .new-activities .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 270px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.activities-page-slide-container .content-container {
  padding-top: 15px;
}
.activities-page-slide-container .content-container .new-activities {
  padding-left: 35px;
  padding-right: 35px;
}
.activities-page-slide-container .content-container .new-activities h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  margin-left: 4px;
  margin-right: 4px;
}
.activities-page-slide-container .content-container .new-activities .md-style {
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 15px;
}
.activities-page-slide-container .content-container .new-activities .name {
  margin-bottom: 15px;
}
.activities-page-slide-container .content-container .new-activities .project-code {
  margin-bottom: 25px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  margin-left: 4px;
  margin-right: 2px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .add-activities {
  margin-left: 2px;
  margin-right: 2px;
  padding-right: 40px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .add-button-activities {
  display: flex;
  padding-bottom: 30px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .add-button-activities .button-margin {
  margin-top: 6px;
  width: 250px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activities {
  margin-left: 4px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activities .card-activities {
  border: 1px solid #B9BEBE;
  border-radius: 5px;
  margin-left: 4px;
  margin-bottom: 20px;
  padding: 10px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activities .mini {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activities .mini .trash {
  height: 30px;
  width: 30px;
  background-color: #48CDE0;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5px;
  border-radius: 5px;
}
.activities-page-slide-container .content-container .new-activities .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 270px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.existing-activities-page-slide-container .content-container {
  padding-top: 15px;
}
.existing-activities-page-slide-container .content-container .existing-activities {
  padding-left: 35px;
  padding-right: 35px;
}
.existing-activities-page-slide-container .content-container .existing-activities h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  margin-left: 4px;
  margin-right: 4px;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  margin-left: 4px;
  margin-right: 2px;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .add-activities {
  margin-left: 2px;
  margin-right: 2px;
  padding-right: 40px;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .add-button-activities {
  display: flex;
  padding-bottom: 30px;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .add-button-activities .button-margin {
  margin-top: 6px;
  width: 250px;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .card-mini-activitiesCollabs {
  margin-bottom: 20px;
  margin-left: 4px;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .card-mini-activitiesCollabs .card-activities-activitiesCollabs {
  border: 1px solid #B9BEBE;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 10px;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .card-mini-activitiesCollabs .mini {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  align-items: center;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .card-mini-activitiesCollabs .mini .restaurant {
  margin-left: auto;
  margin-right: 30px;
  position: relative;
  top: 5px;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .card-mini-activitiesCollabs .mini .restaurant i.material-icons {
  position: relative;
  top: 3px;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .card-mini-activitiesCollabs .mini .n-person {
  font-size: 22px;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .card-mini-activitiesCollabs .mini .trash {
  height: 30px;
  width: 30px;
  background-color: #48CDE0;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5px;
  border-radius: 5px;
  margin-right: 10px;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .card-mini-activitiesCollabs .mini .trash .delete-activities {
  font-size: 22px;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .card-mini-activitiesCollabs .mini .group-add {
  height: 30px;
  width: 30px;
  background-color: #464680;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5px;
  border-radius: 5px;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .card-mini-activitiesCollabs .mini .group-add .group-activities {
  font-size: 22px;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .card-mini-activitiesCollabs .mini .position {
  display: flex;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .card-mini-activitiesCollabs .mini .position .number-collab {
  margin-right: 30px;
  display: flex;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .card-mini-activitiesCollabs .mini .position .number-collab span {
  padding-left: 5px;
  align-self: center;
}
.existing-activities-page-slide-container .content-container .existing-activities .add-activities-container .card-mini-activitiesCollabs .assignation h4 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  margin-left: 4px;
  margin-right: 4px;
}
.existing-activities-page-slide-container .content-container .existing-activities .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 270px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
ext-autocompletes md-autocomplete input::-webkit-input-placeholder {
  color: #b9bebe;
}
ext-autocompletes md-autocomplete input:-moz-placeholder {
  color: #b9bebe;
}
ext-autocompletes md-autocomplete input::-moz-placeholder {
  color: #b9bebe;
}
ext-autocompletes md-autocomplete input:-ms-input-placeholder {
  color: #b9bebe;
}
ext-autocompletes .autocomplete-mobile-display {
  display: flex;
  align-items: center;
  color: #b9bebe;
  opacity: 0.34;
  padding-left: 10px;
}
ext-autocompletes .searchbar-disable {
  opacity: 0.4;
}
ext-autocompletes .searchbar-container {
  position: relative;
}
ext-autocompletes .searchbar-container .search-icon-online {
  font-size: 150%;
  position: absolute;
  top: 8px;
  left: 7px;
  z-index: 1;
  color: #b9bebe;
}
ext-autocompletes .autocomplete.autocomplete {
  width: 100%;
  height: 40px;
  border: none;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-align: left;
  color: #464680;
  background-color: white;
}
ext-autocompletes .autocomplete.autocomplete .md-whiteframe-z1 {
  box-shadow: none;
}
ext-autocompletes .autocomplete.autocomplete .md-show-clear-button button {
  top: 14px;
}
ext-autocompletes .autocomplete.autocomplete input:not(.md-input) {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 0;
}
ext-autocompletes .autocomplete.autocomplete-mobile {
  width: 200px;
  height: 32px;
  border: none;
  border-radius: 5px;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  color: #464680;
  border: 1px solid #41b8c9;
}
ext-autocompletes .autocomplete.autocomplete-mobile .search-contact-space {
  margin-left: 5px;
}
ext-autocompletes .autocomplete.autocomplete-mobile .md-whiteframe-z1 {
  box-shadow: none;
  height: 100%;
  width: 100%;
}
ext-autocompletes .autocomplete.autocomplete-mobile .md-show-clear-button button {
  top: 0;
}
ext-autocompletes .autocomplete.autocomplete-mobile input:not(.md-input) {
  padding-left: 35px;
  height: 100%;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media (max-width: 320px) {
  ext-autocompletes .autocomplete-mobile {
    width: 190px !important;
  }
  ext-autocompletes .md-whiteframe-z1 {
    width: 190px !important;
  }
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  padding: 0;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li div {
  padding-left: 10px;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-group {
  background-image: linear-gradient(to right, #e9f7f9, #feffff);
  color: #a9aeae;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  /*margin: 5px 0px 5px 0px;*/
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-group .item-extension {
  font-style: italic;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li:hover .item-group,
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li.selected .item-group {
  color: #464680;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-value {
  color: #464680;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
}
.md-autocomplete-suggestions-container .autocomplete-filtersearch-template.md-autocomplete-suggestions li .item-value .highlight {
  font-family: "Heebo-Bold", Helvetica, Arial, sans-serif;
  color: #464680;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.activities-page-slide-container .content-container {
  padding-top: 15px;
}
.activities-page-slide-container .content-container .new-activities {
  padding-left: 35px;
  padding-right: 35px;
}
.activities-page-slide-container .content-container .new-activities h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  margin-left: 4px;
  margin-right: 4px;
}
.activities-page-slide-container .content-container .new-activities .md-style {
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 15px;
}
.activities-page-slide-container .content-container .new-activities .name {
  margin-bottom: 15px;
}
.activities-page-slide-container .content-container .new-activities .project-code {
  margin-bottom: 25px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container h3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  margin-left: 4px;
  margin-right: 2px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .add-activities {
  margin-left: 2px;
  margin-right: 2px;
  padding-right: 40px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .add-button-activities {
  display: flex;
  padding-bottom: 30px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .add-button-activities .button-margin {
  margin-top: 6px;
  width: 250px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activities {
  margin-left: 4px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activities .card-activities {
  border: 1px solid #B9BEBE;
  border-radius: 5px;
  margin-left: 4px;
  margin-bottom: 20px;
  padding: 10px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activities .mini {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activities .mini .restaurant {
  margin-left: auto;
  margin-right: 30px;
  position: relative;
  top: 5px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activities .mini .restaurant i.material-icons {
  position: relative;
  top: 3px;
}
.activities-page-slide-container .content-container .new-activities .add-activities-container .card-mini-activities .mini .trash {
  height: 30px;
  width: 30px;
  background-color: #48CDE0;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5px;
  border-radius: 5px;
}
.activities-page-slide-container .content-container .new-activities .buttons-container {
  display: flex;
  justify-content: space-around;
  padding-top: 270px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.ApprovalCircuitRma .approvalCircuit-container {
  padding-bottom: 30px;
}
.ApprovalCircuitRma .approvalCircuit-container .manager-wrapper {
  width: 30%;
  background-color: white;
  border-radius: 5px;
  min-height: 200px;
  border: 1px solid;
}
.ApprovalCircuitRma .approvalCircuit-container .manager-wrapper .title-styles {
  font-size: 15px;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}
.ApprovalCircuitRma .approvalCircuit-container .manager-wrapper .select-container {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.ApprovalCircuitRma .approvalCircuit-container .manager-wrapper .supervisor {
  padding-left: 18px;
  padding-right: 20px;
  padding-top: 20px;
}
.ListSupervisor {
  background-color: white;
  width: 100%;
}
.ListSupervisor .users-and-roles-table-container {
  height: calc(100% - 96px);
  margin: 0 -10px 0 0;
}
.ListSupervisor .users-roles-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.ListSupervisor .table-tr-container {
  height: 56px;
  min-height: 56px;
  max-height: 56px;
}
.ListSupervisor .table-th {
  box-sizing: border-box;
  text-align: center;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0 8px;
  background: white;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-shadow: inset 0px -2px 0px 0px #b9bebe;
  -moz-box-shadow: inset 0px -2px 0px 0px #b9bebe;
  box-shadow: inset 0px -2px 0px 0px #b9bebe;
  position: relative;
}
.ListSupervisor .cell-header-container {
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  width: fit-content;
  margin: 0 auto;
}
.ListSupervisor .table-td {
  position: relative;
  background: white;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 0 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.ListSupervisor .td-name {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
}
.ListSupervisor .cell-content-container {
  padding-right: 30px;
}
.ListSupervisor .cell-name-container {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 8px;
  justify-content: space-between;
}
.ListSupervisor .name-and-responsability-container {
  display: flex;
  overflow: hidden;
}
.ListSupervisor .name-and-responsability {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ListSupervisor .name {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.ListSupervisor .responsability {
  font-size: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.ListSupervisor .i-statut.i-statut {
  font-size: 28px;
  height: 33px;
  margin: 0 8px 0 0;
}
.ListSupervisor .i-statut.i-statut:before {
  margin-top: unset;
  vertical-align: unset;
}
.ListSupervisor .manager {
  padding-left: 130px;
}
.ListSupervisor .director {
  text-align: left;
}
.ListSupervisor .supervisors-left {
  text-align: left;
}
.ListSupervisor .style-arrow {
  position: absolute;
  right: 0;
}
.ListSupervisor .i-arrow {
  font-size: 40px;
  color: #ddd;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.rma-settings-collabs-container .position-title {
  max-width: 590px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
}
.rma-settings-collabs-container .position-title .title {
  font-size: 18px;
  font-weight: bold;
}
.rma-settings-collabs-container .page-collab-container {
  max-width: 700px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
}
.rma-settings-collabs-container .page-collab-container table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.rma-settings-collabs-container .page-collab-container table thead th:nth-child(1),
.rma-settings-collabs-container .page-collab-container table tbody tr:nth-child(1) {
  width: 30%;
}
.rma-settings-collabs-container .page-collab-container table thead th:nth-child(2),
.rma-settings-collabs-container .page-collab-container table tbody tr:nth-child(2) {
  width: 30%;
}
.rma-settings-collabs-container .page-collab-container table thead th:nth-child(3),
.rma-settings-collabs-container .page-collab-container table tbody tr:nth-child(3) {
  width: 40%;
}
.rma-settings-collabs-container .page-collab-container table tbody tr:nth-child(odd) {
  background-color: white;
}
.rma-settings-collabs-container .page-collab-container table tbody tr:nth-child(even) {
  background-color: #F3F6F4;
}
.rma-settings-collabs-container .page-collab-container table th {
  color: grey;
  font-weight: lighter;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px -1px 0px 0px #656f71;
  -moz-box-shadow: inset 0px -1px 0px 0px #656f71;
  box-shadow: inset 0px -1px 0px 0px #656f71;
  position: relative;
}
.rma-settings-collabs-container .page-collab-container table .switch {
  display: flex;
  align-items: center;
  position: absolute;
  margin-top: 12px;
}
.rma-settings-collabs-container .page-collab-container table .switch .label-text-color {
  margin-left: 8px;
  color: #464680;
}
.rma-settings-collabs-container .page-collab-container table th,
.rma-settings-collabs-container .page-collab-container table td {
  padding: 20px;
  padding-left: 35px;
}
.rma-settings-collabs-container .page-collab-container table th {
  padding: 35px;
}
.rma-settings-collabs-container .page-collab-container table th .rma-incomplet {
  position: absolute;
  margin-top: -10px;
}
.rma-settings-collabs-container .page-collab-container table .swicth-collab-container {
  display: flex;
}
.rma-settings-collabs-container .page-collab-container table .swicth-collab-container .no {
  margin-top: 9px;
}
.rma-settings-collabs-container .page-collab-container table .swicth-collab-container .pos-collab-switch {
  margin-top: 5px;
  margin-left: 10px;
}
.rma-settings-collabs-container .page-collab-container table .swicth-collab-container .yes {
  margin-top: 9px;
  margin-left: 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.rma-settings-general-container .page-general-container {
  max-width: 770px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
}
.rma-settings-general-container .page-general-container .page-general-second-container {
  padding: 40px;
}
.rma-settings-general-container .page-general-container .page-general-second-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  margin-top: -15px;
}
.rma-settings-general-container .page-general-container .page-general-second-container .title-2 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  margin-top: 50px;
}
.rma-settings-general-container .page-general-container .page-general-second-container .title-3 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  margin-top: 50px;
}
.rma-settings-general-container .page-general-container .page-general-second-container .title-5 {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  margin-top: 50px;
}
.rma-settings-general-container .page-general-container .page-general-second-container .collaborator-input {
  padding-top: 20px;
}
.rma-settings-general-container .page-general-container .page-general-second-container .time-unit-management {
  padding-top: 20px;
}
.rma-settings-general-container .page-general-container .page-general-second-container .time-unit-management .unit {
  color: lightgray;
  margin-bottom: 10px;
}
.rma-settings-general-container .page-general-container .page-general-second-container .accept-the-input-of-days-off {
  padding-top: 20px;
}
.rma-settings-general-container .page-general-container .page-general-second-container .email-reminder-an-incomplete-RMA {
  padding-top: 20px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.rma-settings-regulation-container .page-regulation-container {
  max-width: 620px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
}
.rma-settings-regulation-container .page-regulation-container .title {
  color: #48cde0;
  border-bottom: 1px solid #48cde0;
  font-size: 20px;
  padding-top: 30px;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.rma-settings-regulation-container .page-regulation-container .upload-file {
  padding-top: 20px;
  padding-bottom: 30px;
}
.rma-settings-regulation-container .page-regulation-container .position-file-card {
  padding-bottom: 70px;
  padding-top: 30px;
}
.rma-settings-regulation-container .page-regulation-container .file-manager-file-card-left {
  display: flex;
  align-items: center;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
  border-left: 10px solid #48cde0;
  justify-content: space-between;
  position: relative;
}
.rma-settings-regulation-container .page-regulation-container .file-manager-file-card-left .file-name {
  text-overflow: ellipsis;
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  cursor: pointer;
}
.rma-settings-regulation-container .page-regulation-container .file-manager-file-card-left .i-folder-file {
  font-size: 25px;
  margin-left: -10px;
  margin-right: -200px;
  color: #B9BEBE;
}
.rma-settings-regulation-container .page-regulation-container .file-manager-file-card-left .i-visibility-file {
  font-size: 25px;
  color: #B9BEBE;
}
.rma-settings-regulation-container .page-regulation-container .file-manager-file-card-left .i-delete-file {
  font-size: 25px;
  color: #B9BEBE;
  margin-left: 10px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.myVacationsDesktop {
  height: calc(100vh - 100px);
}
.myVacationsMobile.myVacations .tabs-nav .underNavbar {
  padding: 0;
  height: 100%;
}
.myVacationsMobile.myVacations .list-vacations-components {
  height: calc(100vh - 136px);
}
.myVacationsMobile.myVacations .list-vacations-components .vacation-accounts-list-container .table-container .vacation-account i {
  font-size: 16px;
}
.myVacationsMobile.myVacations .list-vacations-components .vacation-accounts-list-container .table-container .vacation-account span {
  font-size: 12px;
}
.myVacationsMobile.myVacations .list-vacations-components .vacation-accounts-list-container .table-container .icon-right i {
  font-size: 18px !important;
}
.myVacationsMobile.myVacations .list-vacations-components .vacation-accounts-list-container .edit-status {
  top: 10px;
}
.myVacationsMobile.myVacations .title {
  align-items: center;
  text-align: center;
  display: flex;
  font-size: 12px;
  padding: 10px 15px;
  height: 100%;
}
.myVacationsMobile.myVacations .holiday-accounts .button-styles md-input-container {
  width: 100%;
}
.myVacationsMobile.myVacations .holiday-accounts .type-wrapper i.check-list {
  margin-right: 10px !important;
}
.myVacationsMobile.myVacations .holiday-accounts .type-wrapper .arrows-container {
  margin-left: 0;
}
.myVacationsMobile.myVacations .appointments-settings-container {
  padding: 20px 0 0 0;
}
.myVacations .tabs-nav {
  height: 76px;
  position: relative;
}
.myVacations .underNavbar {
  position: absolute;
  top: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
  padding-right: 25px;
  padding-left: 25px;
  width: 100%;
}
.myVacations .title {
  font-size: 17px;
  cursor: pointer;
  padding: 20px 30px;
}
.myVacations .title:hover {
  background-color: #eee;
}
.myVacations .actif {
  color: #48cde0;
  border-bottom: 2px solid #48cde0;
}
.myVacations .list-vacations-components {
  overflow-y: scroll;
  scrollbar-width: thin;
  height: calc(100vh - 176px);
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  padding: 30px 20px 20px;
}
.myVacations .list-vacations-components .button-styles {
  display: flex;
  align-items: center;
  justify-content: center;
}
.myVacations .appointments-settings-container {
  display: flex;
  width: 100%;
  height: auto;
  padding: 24px;
}
.myVacations .table-container {
  width: 100%;
  height: 100%;
}
.myVacations .scrolling-content {
  height: 100%;
}
.myVacations .table-header-container {
  font-size: 15px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #ddebf6;
  border-top: 2px solid #ddebf6;
  background: white;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), inset 2px 0 0 0 #464680;
}
.myVacations .block-color {
  background: white;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15), inset -1px 0 0 0 #ddecf7, inset 1px 0 0 0 #ddecf7, inset 0 1px 0 0 #c5d9e8, inset 0 -1px 0 0 #ddecf7;
}
.myVacations .table-header-color {
  font-size: 16px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  background: white;
}
.myVacations .unset-border {
  border-top: unset;
}
.myVacations .table-content-container {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddebf6;
}
.myVacations .table-content-container:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), inset 2px 0 0 0 #48cde0, inset -2px 0 0 0 #48cde0;
}
.myVacations .table-cell-formatting {
  text-align: left;
  font-weight: normal;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 16px;
  height: 56px;
}
.myVacations .header-cell {
  font-weight: bold;
}
.myVacations .block-separator {
  height: 40px;
}
.myVacations .block-separator:first-of-type {
  height: 8px;
}
.myVacations .content-cell-header-left {
  width: 64.65%;
  display: flex;
  align-items: center;
}
.myVacations .content-cell-left {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.myVacations .content-cell-right {
  width: 50%;
  border-left: unset;
  display: flex;
  align-items: center;
  border-left: 2px solid #ddebf6;
}
.myVacations .no-actions {
  background: rgba(0, 0, 0, 0.04);
}
.myVacations .left-content-left {
  width: 40%;
}
.myVacations .left-content-middle {
  color: #b9bebe;
  width: 30%;
}
.myVacations .left-content-middle span {
  cursor: pointer;
}
.myVacations .left-content-right {
  color: #b9bebe;
  width: 30%;
}
.myVacations .left-content-right span {
  cursor: pointer;
}
.myVacations .silver {
  color: #c4c4d5;
}
.myVacations .holiday-accounts .select-status {
  background: #fff;
  border-radius: 10px;
  padding: 10px 20px;
}
.myVacations .holiday-accounts .select-status .md-text {
  font-size: 20px;
}
.myVacations .holiday-accounts .button-styles {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
}
.myVacations .holiday-accounts .button-styles md-input-container {
  width: 300px;
}
@media (max-width: 992px) {
  .myVacations .holiday-accounts .button-styles {
    flex-direction: column-reverse;
  }
  .myVacations .holiday-accounts .button-styles button {
    margin-bottom: 20px;
  }
}
.myVacations .holiday-accounts .vacation-accounts-list-container .vacation-account {
  width: 100%;
}
.myVacations .holiday-accounts .vacation-accounts-list-container .edit-status {
  position: absolute;
  right: 15px;
}
.myVacations .holiday-accounts .vacation-accounts-list-container .edit-status button {
  min-width: initial;
  padding: 0;
  margin: 0;
}
.myVacations .holiday-accounts .vacation-accounts-list-container .edit-status button:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.myVacations .holiday-accounts .vacation-accounts-list-container md-input-container {
  margin: 0;
  padding: 0;
}
.myVacations .holiday-accounts .vacation-accounts-list-container md-input-container md-list {
  padding: 0;
  flex-direction: column;
}
.myVacations .holiday-accounts .vacation-accounts-list-container md-input-container md-list md-list-item {
  width: 100%;
  border-bottom: 1px solid #ddebf6;
}
.myVacations .holiday-accounts .vacation-accounts-list-container md-input-container md-list md-list-item:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1), inset 2px 0 0 0 #48cde0, inset -2px 0 0 0 #48cde0;
}
.myVacations .holiday-accounts .vacation-accounts-list-container md-input-container md-list md-list-item > div {
  padding: 4px 16px;
}
.myVacations .holiday-accounts .vacation-accounts-list-container md-input-container md-list md-list-item .type-wrapper {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.myVacations .holiday-accounts .vacation-accounts-list-container md-input-container md-list md-list-item .type-wrapper i.check-list {
  font-size: 25px;
  margin-right: 15px;
  color: #b9bebe;
}
.myVacations .holiday-accounts .vacation-accounts-list-container md-input-container md-list md-list-item .type-wrapper .arrows-container {
  display: flex;
  margin-left: 10px;
}
.myVacations .holiday-accounts .vacation-accounts-list-container md-input-container md-list md-list-item .type-wrapper .arrows-container i {
  font-size: 26px;
}
.myVacations .holiday-accounts .vacation-accounts-list-container md-input-container md-list md-list-item .occurence-item {
  border: none;
}
.myVacations .holiday-accounts .vacation-accounts-list-container md-input-container md-list md-list-item .occurence-item:hover {
  box-shadow: none;
}
.myVacations .holiday-accounts .vacation-accounts-list-container md-input-container md-list md-list-item .occurence-item span:before {
  content: '';
  height: 100%;
  width: 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  position: absolute;
  bottom: 50%;
  left: 0;
}
.myVacations .holiday-accounts .vacation-accounts-list-container md-input-container md-list md-list-item .occurence-item:first-of-type span:before {
  height: 69% !important;
}
@media screen and (max-width: 320px) {
  .holiday-accounts .type-wrapper .account-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 90px;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.ApprovalCircuit .approvalCircuit-container {
  padding-bottom: 30px;
}
.ApprovalCircuit .approvalCircuit-container .manager-wrapper {
  width: 30%;
  background-color: white;
  border-radius: 5px;
  min-height: 200px;
  border: 1px solid;
}
.ApprovalCircuit .approvalCircuit-container .manager-wrapper .title-styles {
  font-size: 15px;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}
.ApprovalCircuit .approvalCircuit-container .manager-wrapper .select-container {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.ApprovalCircuit .approvalCircuit-container .manager-wrapper .supervisor {
  padding-left: 18px;
  padding-right: 20px;
  padding-top: 20px;
}
.ListSupervisor {
  background-color: white;
  width: 100%;
}
.ListSupervisor .users-and-roles-table-container {
  height: calc(100% - 96px);
  margin: 0 -10px 0 0;
}
.ListSupervisor .users-roles-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.ListSupervisor .table-tr-container {
  height: 56px;
  min-height: 56px;
  max-height: 56px;
}
.ListSupervisor .table-th {
  box-sizing: border-box;
  text-align: center;
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0 8px;
  background: white;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-shadow: inset 0px -2px 0px 0px #b9bebe;
  -moz-box-shadow: inset 0px -2px 0px 0px #b9bebe;
  box-shadow: inset 0px -2px 0px 0px #b9bebe;
  position: relative;
}
.ListSupervisor .cell-header-container {
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  width: fit-content;
  margin: 0 auto;
}
.ListSupervisor .table-td {
  position: relative;
  background: white;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  padding: 0 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.ListSupervisor .td-name {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
}
.ListSupervisor .cell-content-container {
  padding-right: 30px;
}
.ListSupervisor .cell-name-container {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 8px;
  justify-content: space-between;
}
.ListSupervisor .name-and-responsability-container {
  display: flex;
  overflow: hidden;
}
.ListSupervisor .name-and-responsability {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ListSupervisor .name {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.ListSupervisor .responsability {
  font-size: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.ListSupervisor .i-statut.i-statut {
  font-size: 28px;
  height: 33px;
  margin: 0 8px 0 0;
}
.ListSupervisor .i-statut.i-statut:before {
  margin-top: unset;
  vertical-align: unset;
}
.ListSupervisor .manager {
  padding-left: 130px;
}
.ListSupervisor .director {
  text-align: left;
}
.ListSupervisor .supervisors-left {
  text-align: left;
}
.ListSupervisor .style-arrow {
  position: absolute;
  right: 0;
}
.ListSupervisor .i-arrow {
  font-size: 40px;
  color: #ddd;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.selectdemoSelectHeader md-content._md {
  max-height: 100%;
}
.selectdemoSelectHeader .demo-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}
.selectdemoSelectHeader .demo-select-header {
  margin-top: 1em;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10.667px;
  padding-right: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}
.selectdemoSelectHeader md-optgroup > label:only-child {
  display: none;
}
.label-skill {
  font-family: "Heebo-Medium", Helvetica, Arial, sans-serif;
  display: inline-block;
  border-radius: 100px;
  letter-spacing: -0.2px;
  text-align: center;
  vertical-align: middle;
  margin-right: 3px;
  font-weight: 100;
  padding-top: 5px;
  color: #464680;
  margin-top: 10px;
  margin-bottom: 10px;
}
.label-skill.deletable {
  cursor: pointer;
}
.label-skill.deletable:hover::after {
  content: "X";
  color: #d9534f;
}
.label-skill.addable {
  cursor: pointer;
}
.label-skill.addable:hover:after {
  content: "✓";
  color: darkgreen;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.StatusCollabsPageSlide .status-collabs-create {
  width: 90%;
  margin-left: 26px;
  margin-top: 50px;
}
.StatusCollabsPageSlide .status-collabs-create .statusCollabs-type-container {
  margin-bottom: 30px;
}
.StatusCollabsPageSlide .status-collabs-create .radio-days {
  margin-top: 3px;
}
.StatusCollabsPageSlide .status-collabs-create .radio-days .radio-title {
  margin-bottom: 20px;
  font-size: 16px;
  color: lightblue;
}
.StatusCollabsPageSlide .status-collabs-create [disabled] {
  color: grey;
}
.StatusCollabsPageSlide .status-collabs-create .button-styles {
  display: flex;
  justify-content: center;
  margin-top: 70px;
}
.StatusCollabsPageSlide .status-collabs-create .leave-and-number {
  display: flex;
  justify-content: space-between;
  padding-top: 70px;
}
.StatusCollabsPageSlide .status-collabs-create .leave-and-number .leave-account .title {
  display: block;
  font-size: 16px;
  color: lightblue;
}
.StatusCollabsPageSlide .status-collabs-create .leave-and-number .leave-account .title-leave-account {
  line-height: 2;
}
.StatusCollabsPageSlide .status-collabs-create .leave-and-number .employees-concerned .title-employees-concerned {
  font-size: 16px;
  color: lightblue;
}
.StatusCollabsPageSlide .status-collabs-create .leave-and-number .employees-concerned .nb-employees-concerned {
  text-align: center;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.VacationAccountPageSlide {
  padding-bottom: 20px;
}
.VacationAccountPageSlide h2 {
  color: #48cde0;
  font-size: 24px;
  border-bottom: 1px solid #48cde0;
  margin: 20px 26px;
}
.VacationAccountPageSlide .vacation-account-create {
  width: 90%;
  margin-left: 26px;
}
.VacationAccountPageSlide .vacation-account-create md-input-container {
  margin: 5px 0;
}
.VacationAccountPageSlide .vacation-account-create md-input-container label {
  padding-right: 6px;
}
.VacationAccountPageSlide .vacation-account-create md-input-container md-input-has-value label:not(.md-no-float),
.VacationAccountPageSlide .vacation-account-create md-input-container md-input-has-value label:not(.md-container-ignore) {
  font-size: 12px !important;
  font-family: inherit !important;
}
.VacationAccountPageSlide .vacation-account-create .calendar-recurring-wrapper {
  display: flex;
  margin: 10px 0;
}
.VacationAccountPageSlide .vacation-account-create .calendar-recurring-wrapper .calendar-radios {
  width: 50%;
  margin-top: 3px;
}
.VacationAccountPageSlide .vacation-account-create .calendar-recurring-wrapper .calendar-radios .radio-title {
  margin-bottom: 15px;
  font-size: 16px;
  color: lightblue;
}
.VacationAccountPageSlide .vacation-account-create .calendar-recurring-wrapper .calendar-radios md-radio-group {
  display: flex;
  align-items: center;
}
.VacationAccountPageSlide .vacation-account-create .calendar-recurring-wrapper .calendar-radios md-radio-group > md-radio-button {
  margin-right: 15px;
}
.VacationAccountPageSlide .vacation-account-create .calendar-recurring-wrapper .calendar-radios md-radio-group md-radio-button {
  margin-bottom: 0;
}
.VacationAccountPageSlide .vacation-account-create .calendar-recurring-wrapper md-input-container {
  display: flex;
  align-items: flex-end;
  margin: 10px 0;
}
.VacationAccountPageSlide .vacation-account-create .calendar-recurring-wrapper md-input-container md-select {
  width: 100%;
}
.VacationAccountPageSlide .vacation-account-create .calendar-recurring-wrapper md-select-value {
  display: flex;
  align-items: center;
  padding-top: 0;
}
.VacationAccountPageSlide .vacation-account-create .calendar-recurring-wrapper md-select-value .md-text {
  margin-left: 5px;
}
.VacationAccountPageSlide .vacation-account-create .description {
  background: #656f71;
  color: #ffffff;
  border-radius: 10px;
  padding: 15px;
  margin: 10px 0;
}
.VacationAccountPageSlide .vacation-account-create .occurences-container {
  margin: 15px 0;
}
.VacationAccountPageSlide .vacation-account-create .occurences-container .occurence {
  display: flex;
  margin: 10px 0;
  align-items: center;
}
.VacationAccountPageSlide .vacation-account-create .occurences-container .occurence .half-width {
  width: 50%;
}
.VacationAccountPageSlide .vacation-account-create .pos-button {
  margin-bottom: 30px;
  margin-top: 20px;
}
.VacationAccountPageSlide .vacation-account-create .fidelity-bonus-container .fidelity-bonus {
  display: flex;
  align-items: center;
  margin: 15px 0px;
}
.VacationAccountPageSlide .vacation-account-create .usages-container {
  margin: 15px 0;
}
.VacationAccountPageSlide .vacation-account-create .usages-container md-checkbox {
  margin: 10px 0 0 0;
}
.VacationAccountPageSlide .vacation-account-create button.add {
  color: #656f71;
  background: none;
  outline: none;
  border: none;
  width: 100%;
  text-align: left;
  font-size: 20px;
  align-items: center;
  display: flex;
  margin: 10px 0;
}
.VacationAccountPageSlide .vacation-account-create button.add i {
  font-size: 25px;
  margin-right: 6px;
}
.VacationAccountPageSlide .vacation-account-create i.delete {
  color: #656f71;
}
.VacationAccountPageSlide .vacation-account-create .buttons-container {
  display: flex;
  justify-content: space-around;
}
.VacationAccountPageSlide .vacation-account-create .buttons-container .cancel {
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .VacationAccountPageSlide .vacation-account-create {
    margin: auto;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
tools .tools-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Heebo-Regular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 100%;
  padding: 0 16px;
  border-bottom: 2px solid white;
  text-transform: uppercase;
  letter-spacing: 1.71px;
}
tools .tools-link:hover {
  background: #eee;
}
tools .tools-link-selected {
  color: #48CDE0;
  border-color: #48CDE0;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.exportAgiSuivis .tools-container {
  display: flex;
  justify-content: space-around;
  column-gap: 15px;
  align-items: baseline;
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  padding: 30px 20px 0;
  height: calc(100vh - 176px);
}
@media (max-width: 992px) {
  .exportAgiSuivis .tools-container {
    flex-direction: column;
    align-items: center;
    height: calc(100vh + 200px);
    justify-content: unset;
    padding-bottom: 250px;
  }
}
.exportAgiSuivis .text-style {
  font-size: 15px;
  font-weight: bold;
}
@media (max-width: 992px) {
  .exportAgiSuivis .text-style {
    font-size: 12px;
  }
}
.exportAgiSuivis .blocs-export {
  width: 60%;
  max-width: 1000px;
}
.exportAgiSuivis .bloc-export {
  background-color: white;
  padding: 10px 10px 10px 20px;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .exportAgiSuivis .bloc-export {
    width: 90%;
  }
}
.exportAgiSuivis .bloc-export .format {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
  padding: 20px 0;
  background-color: white;
}
.exportAgiSuivis .bloc-export .format responsibility-material {
  flex-basis: 18%;
}
.exportAgiSuivis .bloc-export .format md-input-container {
  flex-basis: 16%;
}
.exportAgiSuivis .bloc-export .format md-input-container .selectorFamily {
  background-color: white;
}
.exportAgiSuivis .bloc-export .format md-input-container .selectorFamily .md-select-icon {
  color: #464680;
}
.exportAgiSuivis .bloc-export .month-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 20px;
}
.exportAgiSuivis .bloc-export .month-container .date-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.exportAgiSuivis .bloc-export .month-container .date-content .select-date {
  position: relative;
}
.exportAgiSuivis .bloc-export .month-container .date-content .select-date .arrow {
  position: absolute;
  right: 0px;
}
.exportAgiSuivis .bloc-export .month-container-project-hr {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 20px;
  padding-top: 15px;
}
.exportAgiSuivis .bloc-export .month-container-project-hr .date-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.exportAgiSuivis .bloc-export .month-container-project-hr .date-content .select-date {
  position: relative;
}
.exportAgiSuivis .bloc-export .month-container-project-hr .date-content .select-date .arrow {
  position: absolute;
  right: 0px;
}
.exportAgiSuivis .bloc-export .recrutement-export-button {
  padding-bottom: 20px;
}
.exportAgiSuivis .bloc-export .recrutement-export-button .button-style {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  font-size: 14px;
}
@media (max-width: 601px) {
  .exportAgiSuivis .bloc-export .recrutement-export-button .button-style {
    width: 100%;
  }
}
.exportAgiSuivis .bloc-export .recrutement-export-button .button-style .add-action-system-btn {
  width: 250px;
}
@media (max-width: 992px) {
  .exportAgiSuivis .bloc-export .recrutement-export-button .button-style .add-action-system-btn {
    width: unset;
    font-size: 12px;
  }
}
@media (max-width: 601px) {
  .exportAgiSuivis .bloc-export .recrutement-export-button .button-style .add-action-system-btn {
    width: 100%;
  }
}
.exportAgiSuivis .bloc-export .newlyValidatedInvoice-and-button-style {
  padding-bottom: 20px;
}
.exportAgiSuivis .bloc-export .newlyValidatedInvoice-and-button-style .result {
  padding-bottom: 20px;
}
.exportAgiSuivis .bloc-export .newlyValidatedInvoice-and-button-style .pos-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
}
.exportAgiSuivis .bloc-export .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  padding: 2px 40px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
}
@media (max-width: 601px) {
  .exportAgiSuivis .bloc-export .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice {
    width: 100%;
  }
}
@media (max-width: 601px) {
  .exportAgiSuivis .bloc-export .newlyValidatedInvoice-and-button-style .pos-flex .button-style {
    width: 100%;
  }
}
.exportAgiSuivis .bloc-export .newlyValidatedInvoice-and-button-style .pos-flex .button-style .add-action-system-btn {
  width: 250px;
}
@media (max-width: 992px) {
  .exportAgiSuivis .bloc-export .newlyValidatedInvoice-and-button-style .pos-flex .button-style .add-action-system-btn {
    width: unset;
    font-size: 12px;
  }
}
@media (max-width: 601px) {
  .exportAgiSuivis .bloc-export .newlyValidatedInvoice-and-button-style .pos-flex .button-style .add-action-system-btn {
    width: 100%;
  }
}
.exportAgiSuivis .list-export {
  width: 30%;
}
@media (max-width: 992px) {
  .exportAgiSuivis .list-export {
    width: 90%;
  }
}
.exportAgiSuivis .list-export .file-export-container {
  height: 500px;
  padding-bottom: 30px;
  overflow-y: scroll;
}
@media (max-width: 992px) {
  .exportAgiSuivis .list-export .file-export-container {
    padding-bottom: 50px;
  }
}
.exportAgiSuivis .list-export .file-export-container .file-export {
  padding-top: 25px;
  overflow-y: scroll;
}
.exportAgiSuivis .list-export .file-export-container .file-export .exported-date {
  font-size: 16px;
  font-weight: bold;
}
.exportAgiSuivis .list-export .file-export-container .file-export .creator-export {
  padding-bottom: 15px;
  padding-top: 5px;
}
.exportAgiSuivis .list-export .file-export-container .file-export .file-creator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px 15px;
  background-color: white;
}
.exportAgiSuivis .list-export .file-export-container .file-export .file-creator .name-and-icon {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.exportAgiSuivis .list-export .file-export-container .file-export .file-creator .name-and-icon .i-folder-file {
  font-size: 20px;
}
.exportAgiSuivis .list-export .file-export-container .file-export .file-creator .name-and-icon .file-name {
  padding-left: 5px;
}
.exportAgiSuivis .list-export .file-export-container .file-export .file-creator .i-files {
  font-size: 20px;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.exportAndImportSalary .tools-container {
  display: flex;
  justify-content: space-around;
  column-gap: 15px;
  align-items: baseline;
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  padding: 30px 20px 0;
  height: calc(100vh - 176px);
}
@media (max-width: 992px) {
  .exportAndImportSalary .tools-container {
    flex-direction: column;
    align-items: center;
    height: calc(100vh + 200px);
    justify-content: unset;
    padding-bottom: 250px;
  }
}
.exportAndImportSalary .text-style {
  font-size: 15px;
  font-weight: bold;
}
@media (max-width: 992px) {
  .exportAndImportSalary .text-style {
    font-size: 12px;
  }
}
.exportAndImportSalary .blocs-export {
  width: 60%;
  max-width: 1000px;
}
.exportAndImportSalary .bloc-export {
  background-color: white;
  padding: 10px 10px 10px 20px;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .exportAndImportSalary .bloc-export {
    width: 90%;
  }
}
.exportAndImportSalary .bloc-export .format {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
  padding: 20px 0;
  background-color: white;
}
.exportAndImportSalary .bloc-export .format responsibility-material {
  flex-basis: 18%;
}
.exportAndImportSalary .bloc-export .format md-input-container {
  flex-basis: 16%;
}
.exportAndImportSalary .bloc-export .format md-input-container .selectorFamily {
  background-color: white;
}
.exportAndImportSalary .bloc-export .format md-input-container .selectorFamily .md-select-icon {
  color: #464680;
}
.exportAndImportSalary .bloc-export .month-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
.exportAndImportSalary .bloc-export .month-container .text-style {
  white-space: nowrap;
}
.exportAndImportSalary .bloc-export .month-container .date-content {
  max-width: 200px;
}
.exportAndImportSalary .bloc-export .button-right {
  display: flex;
  justify-content: flex-end;
}
.exportAndImportSalary .bloc-export .newlyValidatedInvoice-and-button-style {
  padding-bottom: 20px;
}
.exportAndImportSalary .bloc-export .newlyValidatedInvoice-and-button-style .result {
  padding-bottom: 20px;
}
.exportAndImportSalary .bloc-export .newlyValidatedInvoice-and-button-style .pos-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
}
.exportAndImportSalary .bloc-export .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  padding: 2px 40px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
}
@media (max-width: 601px) {
  .exportAndImportSalary .bloc-export .newlyValidatedInvoice-and-button-style .pos-flex .newlyValidatedInvoice {
    width: 100%;
  }
}
@media (max-width: 601px) {
  .exportAndImportSalary .bloc-export .newlyValidatedInvoice-and-button-style .pos-flex .button-style {
    width: 100%;
  }
}
.exportAndImportSalary .bloc-export .newlyValidatedInvoice-and-button-style .pos-flex .button-style .add-action-system-btn {
  width: 250px;
}
@media (max-width: 992px) {
  .exportAndImportSalary .bloc-export .newlyValidatedInvoice-and-button-style .pos-flex .button-style .add-action-system-btn {
    width: unset;
    font-size: 12px;
  }
}
@media (max-width: 601px) {
  .exportAndImportSalary .bloc-export .newlyValidatedInvoice-and-button-style .pos-flex .button-style .add-action-system-btn {
    width: 100%;
  }
}
.exportAndImportSalary .list-export {
  width: 30%;
}
@media (max-width: 992px) {
  .exportAndImportSalary .list-export {
    width: 90%;
  }
}
.exportAndImportSalary .list-export .file-export-container {
  height: 500px;
  padding-bottom: 30px;
  overflow-y: scroll;
}
@media (max-width: 992px) {
  .exportAndImportSalary .list-export .file-export-container {
    padding-bottom: 50px;
  }
}
.exportAndImportSalary .list-export .file-export-container .file-export {
  padding-top: 25px;
  overflow-y: scroll;
}
.exportAndImportSalary .list-export .file-export-container .file-export .exported-date {
  font-size: 16px;
  font-weight: bold;
}
.exportAndImportSalary .list-export .file-export-container .file-export .creator-export {
  padding-bottom: 15px;
  padding-top: 5px;
}
.exportAndImportSalary .list-export .file-export-container .file-export .file-creator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px 15px;
  background-color: white;
}
.exportAndImportSalary .list-export .file-export-container .file-export .file-creator .name-and-icon {
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.exportAndImportSalary .list-export .file-export-container .file-export .file-creator .name-and-icon .i-folder-file {
  font-size: 20px;
}
.exportAndImportSalary .list-export .file-export-container .file-export .file-creator .name-and-icon .file-name {
  padding-left: 5px;
}
.exportAndImportSalary .list-export .file-export-container .file-export .file-creator .i-files {
  font-size: 20px;
}
.dialog-content h4 {
  color: #464680;
}
.dialog-content .messageSuccessGreen {
  color: #28D149;
}
.dialog-content .messageWarningOrange {
  color: #FF9D17;
}
.dialog-content .messageErrorRed {
  color: #FF1744;
}
.bloc-export {
  width: 60%;
  max-width: 1000px;
  background-color: white;
  padding: 10px 10px 10px 20px;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .bloc-export {
    width: 90%;
  }
}
.bloc-export .month-container-recruitment {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 20px;
  padding-top: 15px;
}
.bloc-export .month-container-recruitment .date-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.bloc-export .month-container-recruitment .date-content .select-date {
  position: relative;
}
.bloc-export .month-container-recruitment .date-content .select-date .arrow {
  position: absolute;
  right: 0px;
}
.bloc-export .recrutement-export-button {
  padding-bottom: 20px;
}
.bloc-export .recrutement-export-button .button-style {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  font-size: 14px;
}
@media (max-width: 601px) {
  .bloc-export .recrutement-export-button .button-style {
    width: 100%;
  }
}
.bloc-export .recrutement-export-button .button-style .add-action-system-btn {
  width: 250px;
}
@media (max-width: 992px) {
  .bloc-export .recrutement-export-button .button-style .add-action-system-btn {
    width: unset;
    font-size: 12px;
  }
}
@media (max-width: 601px) {
  .bloc-export .recrutement-export-button .button-style .add-action-system-btn {
    width: 100%;
  }
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.managersRdv {
  background-image: linear-gradient(to bottom, #e9f1f3, rgba(255, 255, 255, 0)), linear-gradient(#fafafa, #fafafa);
  padding: 30px 20px 0;
  height: calc(100vh - 176px);
}
.managersRdv .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
  overflow-x: hidden !important;
}
.managersRdv .content-managers-rdv {
  padding-left: 20px;
  max-width: 1400px;
  background-color: white;
  margin: 30px auto 30px auto;
}
.managersRdv .content-managers-rdv .second-content-managers-rdv {
  padding: 40px 50px 200px 50px;
}
.managersRdv .content-managers-rdv .second-content-managers-rdv .title-h1 {
  font-size: 20px;
  width: auto;
}
.managersRdv .content-managers-rdv .second-content-managers-rdv .container-managers {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: flex-start;
}
.managersRdv .content-managers-rdv .second-content-managers-rdv .second-container-managers {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: flex-start;
}
.managersRdv .content-managers-rdv .second-content-managers-rdv .flex-staff {
  padding-right: 40px;
  width: 50%;
}
.managersRdv .content-managers-rdv .button-flex {
  direction: rtl;
  margin: 20px 0px 20px 0px;
}
.managersRdv .content-managers-rdv .managerRdv-page-container .tabs-managerRdv {
  table-layout: fixed;
  width: 100%;
  overflow-wrap: break-word;
  background: white;
}
.managersRdv .content-managers-rdv .managerRdv-page-container .tabs-managerRdv .head-managerRdv th {
  text-align: center;
  vertical-align: middle;
  color: #b9bebe;
}
.managersRdv .content-managers-rdv .managerRdv-page-container .tabs-managerRdv .body-managerRdv td {
  max-height: 45px;
  text-align: center;
  vertical-align: middle;
}
.managersRdv .content-managers-rdv .managerRdv-page-container .tabs-managerRdv .body-managerRdv .nameLeft {
  max-height: 45px;
  text-align: left;
  vertical-align: middle;
}
.managersRdv .content-managers-rdv .managerRdv-page-container .tabs-managerRdv .body-managerRdv .notComments {
  color: #b9bebe;
}
.managersRdv .content-managers-rdv .managerRdv-page-container .tabs-managerRdv .body-managerRdv .isComments {
  color: #28D149;
}
/* used for contacts AND companies */
@font-face {
  font-family: 'Heebo-Medium';
  src: url('/NewApp/font/Heebo-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Regular';
  src: url('/NewApp/font/Heebo-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('/NewApp/font/Heebo-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url('/NewApp/font/Heebo-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Heebo-Black';
  src: url('/NewApp/font/Heebo-Black.ttf') format('truetype');
}
/*@sm-width: 768px;
@md-width: 992px;
@lg-width: 1170px;*/
/*992px => taille defs Medium device boostrap*/
/*************Calcul de la largeur dynamiquement pour padding/margin******************/
/*COLORS*/
.commentsRdvModal {
  width: 35%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}
.commentsRdvModal .main-modal-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.commentsRdvModal .close-modal-btn {
  position: absolute;
  right: 40px;
  cursor: pointer;
  color: white;
}
.commentsRdvModal .close-modal-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.commentsRdvModal .title-container {
  color: white;
  text-align: center;
  font-size: 20px;
  padding: 32px;
  background: #48cde0;
}
.commentsRdvModal .validate {
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.commentsRdvModal p {
  color: #464680;
  padding: 20px;
  font-size: 15px;
  line-break: auto;
  line-height: 28px;
}
/* Generated by Glyphter (http://www.glyphter.com) on  Thu Aug 22 2019*/
@font-face {
    font-family: 'AGITEAM';
    /* Version allows the browser to reload the font. Please update it !! */
    src: url(/Content/Images/font-custom/glyphter-font/fonts/AGITEAM.eot?version=2019-10-09);
    src: url(/Content/Images/font-custom/glyphter-font/fonts/AGITEAM.eot?version=2019-10-09#iefix) format('embedded-opentype'), 
         url(/Content/Images/font-custom/glyphter-font/fonts/AGITEAM.woff?version=2019-10-09) format('woff'), 
         url(/Content/Images/font-custom/glyphter-font/fonts/AGITEAM.ttf?version=2019-10-09) format('truetype'), 
         url(/Content/Images/font-custom/glyphter-font/fonts/AGITEAM.svg?version=2019-10-09#AGITEAM) format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
    display: inline-block;
    font-family: 'AGITEAM';
    font-style: normal;
    font-weight: normal;
    line-height: 1.2; /*aligne les icons par rapport au text'*/
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-calendrier-dispo:before{content:'\0043';}
.icon-alerte-2:before{content:'\0045';}
.icon-check:before{content:'\0046';}
.icon-circle:before{content:'\0047';}
.icon-close:before{content:'\0048';}
.icon-cloud:before{content:'\0049';}
.icon-flag:before{content:'\0053';}
.icon-fleche:before{content:'\0054';}
.icon-fleche-drop:before{content:'\0055';}
.icon-freelance:before{content:'\0057';}
.icon-icon:before{content:'\005a';}
.icon-linkedlin:before{content:'\0062';}
.icon-rechecrcher:before{content:'\006b';}
.icon-stop:before{content:'\006e';}
.icon-upload:before{content:'\0072';}
.icon-viadeo:before{content:'\0076';}
.icon-agiteam:before{content:'\0078';}
.icon-leaving:before{content:'\0030';}
.icon-skype:before{content:'\0031';}
.icon-onenote:before{content:'\0034';}
.icon-filled-flag:before{content:'\0035';}
.icon-arrow_left:before{content:'\0036';}
.icon-arrow_right:before{content:'\0037';}
.icon-presta:before{content:'\0021';}
.icon-statut:before{content:'\0022';}
.icon-statut_neg:before{content:'\0025';}
.icon-grille:before{content:'\0026';}
.icon-somme:before{content:'\0028';}
.icon-sync-problem:before{content:'\0029';}
.icon-info:before{content:'\002b';}
.icon-no-connection:before{content:'\002c';}
.icon-ms-word:before{content:'\002d';}
.icon-microsoft-teams:before{content:'\002f';}
.icon-microsoft-outlook:before{content:'\005b';}
.icon-microsoft-excel:before{content:'\005c';}
.icon-microsoft-office:before{content:'\005d';}
.icon-microsoft-onedrive:before{content:'\005e';}
.icon-microsoft-powerpoint:before{content:'\005f';}
.icon-document-edition:before{content:'\0060';}
.blue-dark {
    color: #464680;
}

.blue {
    color: #48cde0;
}

.grey {
    color: #9DBACE;
}

.grey-dark {
    color: #9b9b9b;
}

.white {
    color: #fefefe;
}

.icon {
    font-size: 16px;
    vertical-align: middle;
    margin: 6px;
    display: inline-flex;
}

.icon-inline {
    font-size: 16px;
    vertical-align: middle;
    margin: 0 6px;
}

.rotation {
    -ms-transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}
.icon-statut_neg:before {
    /* needed to fit this icon inside its containing element */
    margin-top: -10%;
}