@charset "UTF-8";
html body * {
  font-family: Montserrat; }

/*@import '~bootstrap/scss/bootstrap.scss';*/
@font-face {
  font-family: Montserrat;
  src: url("assets/fonts/quicksand-regular-webfont.woff2") format("woff2"), url("assets/fonts/quicksand-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: Montserrat;
  src: url("assets/fonts/quicksand-bold-webfont.woff2") format("woff2"), url("assets/fonts/quicksand-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'bebas_neuebold';
  src: url("assets/fonts/bebasneue_bold-webfont.woff2") format("woff2"), url("assets/fonts/bebasneue_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

label.btn.green {
  display: flex;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #3ecf8e;
  border: 2px solid #3ecf8e;
  border-radius: 30px;
  transition: 0.2s;
  padding: 6px 26px;
  cursor: pointer; }

label.btn.green:hover {
  color: white;
  background-color: #24b47e;
  border-color: #24b47e;
  transition: 0.2s; }

label.btn input[type=file] {
  display: none; }

button.green {
  display: flex;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #3ecf8e;
  border: 2px solid #3ecf8e;
  border-radius: 30px;
  transition: 0.2s;
  padding: 6px 26px; }

button.green svg {
  min-width: 22px;
  max-width: 22px;
  min-height: 22px;
  max-height: 22px;
  margin-top: 4px;
  margin-right: 12px; }

button.green svg .st0 {
  stroke: #3ecf8e;
  stroke-width: 22;
  stroke-miterlimit: 10; }

button.green:hover {
  color: white;
  background-color: #24b47e;
  border-color: #24b47e;
  transition: 0.2s; }

button.green:hover svg {
  fill: white !important;
  transition: 0.2s; }

button.green:hover svg .st0 {
  stroke: white !important;
  transition: 0.2s; }

button.green:hover svg.st0 {
  fill: white !important; }

button.green .plus {
  display: inline-block;
  color: #3ecf8e;
  font-size: 24px;
  margin-right: 12px;
  margin-bottom: -5px;
  margin-top: -6px; }

button.green:hover .plus {
  color: white; }

/* Animations css */
@-webkit-keyframes pulseIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  to {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); } }

@keyframes pulseIn {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  to {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); } }

@-webkit-keyframes pulseOut {
  from {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulseOut {
  from {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

/* ClickPulse */
@keyframes holdPulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  to {
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
    transform: scale3d(0.95, 0.95, 0.95); } }

/* Elements à animer */
/* Activité */
.activite .tile {
  animation: pulseOut 0.25s;
  -moz-animation: pulseOut 0.25s;
  -webkit-animation: pulseOut 0.25s;
  -o-animation: pulseOut 0.25s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.activite .tile:hover {
  animation: pulseIn 0.25s;
  -moz-animation: pulseIn 0.25s;
  -webkit-animation: pulseIn 0.25s;
  -o-animation: pulseIn 0.25s;
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05); }

.activite .tile.hold {
  animation: holdPulse 0.25s;
  -moz-animation: holdPulse 0.25s;
  -webkit-animation: holdPulse 0.25s;
  -o-animation: holdPulse 0.25s;
  -webkit-transform: scale3d(0.95, 0.95, 0.95);
  transform: scale3d(0.95, 0.95, 0.95); }

/* Modules */
.modules .module {
  animation: pulseOut 0.25s;
  -moz-animation: pulseOut 0.25s;
  -webkit-animation: pulseOut 0.25s;
  -o-animation: pulseOut 0.25s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.modules .module:hover {
  cursor: pointer;
  animation: pulseIn 0.25s;
  -moz-animation: pulseIn 0.25s;
  -webkit-animation: pulseIn 0.25s;
  -o-animation: pulseIn 0.25s;
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05); }

.modules .module.hold {
  animation: holdPulse 0.25s;
  -moz-animation: holdPulse 0.25s;
  -webkit-animation: holdPulse 0.25s;
  -o-animation: holdPulse 0.25s;
  -webkit-transform: scale3d(0.95, 0.95, 0.95);
  transform: scale3d(0.95, 0.95, 0.95); }

/* Exemple signalétique cases grisés */
/* class = activé : quand l'onglet n'affiche aucune des classes suivantes */
/* class = en-cours */
.signalétique app-element-signaletique:nth-child(2) .switch .inner .en-cours {
  display: flex; }

.signalétique app-element-signaletique:nth-child(2) .switch .info {
  background-image: url(assets/img/info-disabled.svg); }

.signalétique app-element-signaletique:nth-child(2) .switch .count {
  color: #dadada; }

.signalétique app-element-signaletique:nth-child(2) .switch app-switch button {
  background-color: #ececec; }

.signalétique app-element-signaletique:nth-child(2) .switch app-switch button .switch-toggle {
  background-color: #dadada !important; }

.signalétique app-element-signaletique:nth-child(2) .switch .inner.plaquetteprosp {
  background-image: url(assets/img/signaletique/pictos_plaquetteprosp-grise.svg); }

/* class = reception */
.signalétique app-element-signaletique:nth-child(7) .switch .inner .reception {
  display: flex;
  flex-direction: column; }

.signalétique app-element-signaletique:nth-child(7) .switch .info {
  background-image: url(assets/img/info-disabled.svg); }

.signalétique app-element-signaletique:nth-child(7) .switch .count {
  color: #dadada; }

.signalétique app-element-signaletique:nth-child(7) .switch app-switch button {
  background-color: #ececec; }

.signalétique app-element-signaletique:nth-child(7) .switch app-switch button .switch-toggle {
  background-color: #dadada !important; }

.signalétique app-element-signaletique:nth-child(7) .switch .inner.enveloppepiles {
  background-image: url(assets/img/signaletique/pictos_enveloppepiles-grise.svg); }

/* class = note */
.signalétique app-element-signaletique:nth-child(12) .switch .inner .note {
  display: flex;
  flex-direction: column; }

.signalétique app-element-signaletique:nth-child(12) .switch .info {
  background-image: url(assets/img/info-disabled.svg); }

.signalétique app-element-signaletique:nth-child(12) .switch .count {
  color: #dadada; }

.signalétique app-element-signaletique:nth-child(12) .switch app-switch button {
  background-color: #ececec; }

.signalétique app-element-signaletique:nth-child(12) .switch app-switch button .switch-toggle {
  background-color: #dadada !important; }

.signalétique app-element-signaletique:nth-child(12) .switch .inner.etiquettepriseenchargecolis {
  background-image: url(assets/img/signaletique/pictos_etiquettepriseenchargecolis-grise.svg); }

.info-text {
  position: absolute;
  font-family: unset;
  font-size: 12px;
  text-transform: none;
  text-align: center;
  background-color: #445b6c;
  width: 175px;
  color: white;
  padding: 12px;
  bottom: 36px;
  left: 50%;
  transform: translate(-50%, 0);
  transition: 0.15s;
  z-index: 1; }

.info-text::before {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  height: 0;
  width: 0;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-top: 12px solid #445b6c;
  transform: translate(-50%, 0); }

@media (max-width: 576px) {
  .info-text {
    transform: translate(-74%, 0); }
  .info-text::before {
    left: 67%;
    transform: translate(0, 0); } }

tr.line-disabled {
  color: #bfbfbf; }

tr.line-active {
  color: #3ecf8e; }

/* angular date-picker */
html .ng-mydp * {
  font-family: Montserrat; }

html .monthYearSelBar {
  background-color: #ca0047; }

html .myDpHeaderBtn {
  background: #ca0047;
  color: #ffffff;
  font-family: Montserrat;
  text-transform: uppercase; }

html .myDpHeaderBtnEnabled:hover, html .myDpMonthLabel:hover, html .myDpYearLabel:hover {
  color: #ffffff; }

html .myDpHeaderBtn:focus, html .myDpMonthLabel:focus, html .myDpYearLabel:focus {
  color: #ffffff; }

html .myDpIcon {
  color: #ffffff;
  font-family: angular-mydatepicker; }

html .myDpCalTable, html .myDpDaycell, html .myDpMonthTable, html .myDpMonthcell, html .myDpWeekDayTitle, html .myDpYearTable, html .myDpYearcell {
  color: #000000; }

html .myDpSelectorArrow:after {
  border-bottom-color: #ca0047; }

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 5px solid #ca0047;
  outline-color: #ca0047;
  overflow: hidden;
  width: 100%; }

.cropper-point {
  background-color: #ca0047;
  height: 10px;
  width: 10px; }

.cropper-line {
  background-color: #ca0047; }

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px; } }