@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
selector:-webkit-full-screen {
  display: block; }

selector {
  display: none; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  height: 100%;
  background-image: -webkit-linear-gradient( top , #E20303, #7d0202);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E20303), to(#7d0202));
  background-image: -webkit-linear-gradient(top, #E20303, #7d0202);
  background-image: -o-linear-gradient(top, #E20303, #7d0202);
  background-image: linear-gradient(to bottom, #E20303, #7d0202); }

@media screen and (min-width: 768px) {
  html {
    font-size: 100%; } }
body {
  background-image: -webkit-linear-gradient( top , #E20303, #7d0202);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E20303), to(#7d0202));
  background-image: -webkit-linear-gradient(top, #E20303, #7d0202);
  background-image: -o-linear-gradient(top, #E20303, #7d0202);
  background-image: linear-gradient(to bottom, #E20303, #7d0202); }

body, a {
  color: white;
  font-family: 'Open Sans', sans-serif;
  margin: auto; }

header {
  padding: 0 !important;
  background: #42A7DA;
  background-image: -webkit-linear-gradient( top , #E20303, #42A7DA);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E20303), to(#42A7DA));
  background-image: -webkit-linear-gradient(top, #E20303, #42A7DA);
  background-image: -o-linear-gradient(top, #E20303, #42A7DA);
  background-image: linear-gradient(to bottom, #E20303, #42A7DA); }

footer {
  background-color: #fff;
  text-align: center;
  height: 40px;
  padding: 5px;
  margin-top: 20px; }
  footer img {
    max-height: 100%; }

.head {
  position: fixed;
  top: 0;
  z-index: 99999;
  background: white;
  color: grey;
  height: 65px;
  padding: 5px;
  text-align: center; }
  .head .col-auto {
    padding-left: 10px;
    padding-right: 10px; }
    .head .col-auto:first-of-type {
      margin-top: -5px; }
  .head img {
    max-height: 55px; }

.main {
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .main.page-in {
    height: 55%;
    top: 40%;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    .main.page-in .page-content {
      padding-top: 10px; }

/* NAVBAR */
.navbar {
  border-bottom: 0;
  min-height: 87px; }
  .navbar .center {
    font-size: 0.8em;
    line-height: 1.3em;
    font-weight: normal;
    text-align: center;
    -ms-flex-item-align: baseline;
    align-self: baseline; }
    .navbar .center i {
      font-size: 2.2rem; }
    .navbar .center span {
      font-weight: 100;
      font-size: 1.1rem; }
  .navbar .navbar-toggler {
    -ms-flex-item-align: baseline;
    align-self: baseline;
    padding: 2rem 2rem; }

.navbar:after {
  display: none; }

.mainmenu {
  list-style: none;
  padding: 0 5rem;
  color: #E20303;
  font-size: 1.6rem;
  font-weight: bold;
  background: white; }
  .mainmenu a {
    color: #E20303; }
    .mainmenu a.active {
      color: #F37B00; }
  .mainmenu li {
    padding: 1rem;
    text-align: center;
    border-bottom: 1px solid #E20303; }
    .mainmenu li:last-of-type {
      border-bottom: 0px; }

/* ELEMENTS */
.button {
  border: 1px solid #E20303;
  background-color: #E20303;
  color: white;
  text-decoration: none;
  text-align: center;
  line-height: 27px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 10px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-family: inherit;
  cursor: pointer;
  outline: 0;
  font-size: 1.1rem;
  margin-bottom: 8px;
  display: block; }
  .button input {
    display: none; }

.roundhead {
  width: 90px;
  height: 90px;
  border: 1px #fd4e4e solid;
  border-radius: 45px;
  margin: 0 auto 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative; }
  .roundhead div {
    font-size: 4rem; }
  .roundhead span:last-of-type {
    background: #F37B00;
    position: absolute;
    bottom: -10px;
    left: 35px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    padding: 2px;
    border-radius: 15px; }

.iconround {
  background: #F37B00;
  border-radius: 45px;
  padding: 10px; }
  .iconround a:hover {
    text-decoration: none;
    color: white; }

.diviser {
  margin: 5px -5px 5px -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .diviser hr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: white;
    height: 1px;
    border: 0;
    width: 37%;
    text-align: left; }
  .diviser i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-image: -webkit-linear-gradient( top , #E20303, #970202);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E20303), to(#970202));
    background-image: -webkit-linear-gradient(top, #E20303, #970202);
    background-image: -o-linear-gradient(top, #E20303, #970202);
    background-image: linear-gradient(to bottom, #E20303, #970202);
    text-align: center;
    font-size: 18px;
    border-radius: 50px; }

/*CONTENU*/
.main .entete {
  text-align: center; }
  .main .entete .container {
    height: 100%; }
  .main .entete > p {
    margin: 0;
    font-size: 1.7rem; }
    .main .entete > p + p {
      font-size: 1.5rem; }
.main .content {
  padding: 20px;
  font-size: 1.6rem; }
  .main .content ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .main .content .mouvement {
    clear: both;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 1.2rem;
    text-align: center; }
    .main .content .mouvement .tetiere {
      padding-bottom: 5px;
      color: #fd8181; }
    .main .content .mouvement .separateur:before {
      content: "|";
      font-size: 1.5rem;
      color: #fc1c1c; }
    .main .content .mouvement > div:first-of-type {
      text-align: left; }
    .main .content .mouvement i {
      color: #fc1c1c;
      font-size: 1.2rem; }

#manager label {
  font-size: 1rem !important; }

#fiche {
  position: fixed;
  top: 0;
  bottom: 0; }
  #fiche .entete {
    position: fixed;
    top: 60px;
    left: -5px;
    right: -5px;
    height: 45%;
    z-index: 1; }
    #fiche .entete img {
      height: 100%;
      -webkit-transition-property: filter;
      -moz-transition-property: filter;
      -webkit-transition-property: -webkit-filter;
      transition-property: -webkit-filter;
      -o-transition-property: filter;
      transition-property: filter;
      transition-property: filter, -webkit-filter;
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -webkit-transition-timing-function: ease-in;
      -moz-transition-timing-function: ease-in;
      -o-transition-timing-function: ease-in;
      transition-timing-function: ease-in; }
    #fiche .entete span.iconmvtc {
      position: absolute;
      z-index: 2;
      top: 20px;
      right: 45px;
      font-size: 3.5rem; }
  #fiche .content {
    background-image: -webkit-linear-gradient( top , #E60303, #AD0101);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E60303), to(#AD0101));
    background-image: -webkit-linear-gradient(top, #E60303, #AD0101);
    background-image: -o-linear-gradient(top, #E60303, #AD0101);
    background-image: linear-gradient(to bottom, #E60303, #AD0101);
    position: absolute;
    left: -100px;
    right: -100px;
    bottom: 0;
    z-index: 5;
    border-radius: 50% 50% 0 0, 60px 60px 0 0;
    padding: 10px 100px;
    height: 50%; }
    #fiche .content p {
      text-align: center;
      text-transform: uppercase;
      margin: 0; }
    #fiche .content ul {
      margin-top: 10px; }
      #fiche .content ul li {
        font-weight: 300;
        font-size: 1.3rem;
        padding: 0; }
        #fiche .content ul li b {
          font-weight: 400;
          border-bottom: 1px solid rgba(255, 255, 255, 0.3);
          color: rgba(255, 255, 255, 0.7);
          font-size: 1.2rem; }
        #fiche .content ul li div {
          margin-bottom: 5px; }
    #fiche .content .actions {
      position: absolute;
      bottom: 5%;
      left: 0;
      right: 0;
      text-align: center; }
      #fiche .content .actions button {
        margin: auto;
        background: white;
        color: #E20303;
        font-size: 1.8rem;
        border-radius: 25px;
        padding: 10px 25px;
        text-align: center;
        border: 0px; }

@media (max-width: 320px) {
  #fiche .content p {
    font-size: 1.3rem; }
  #fiche .content ul li {
    font-size: 1.3rem; }
  #fiche .content button {
    font-size: 1.6rem; } }
#fiche_doc {
  position: fixed;
  top: 0;
  bottom: 0; }
  #fiche_doc .entete {
    position: fixed;
    top: 60px;
    left: -5px;
    right: -5px;
    height: 45%;
    z-index: 1;
    padding-top: 25px; }
    #fiche_doc .entete .roundhead {
      width: 120px;
      height: 120px;
      border: 1px rgba(255, 255, 255, 0.5) solid;
      -moz-border-radius: 80px;
      -webkit-border-radius: 80px;
      border-radius: 80px; }
      #fiche_doc .entete .roundhead div {
        font-size: 7rem; }
      #fiche_doc .entete .roundhead span:last-of-type {
        background: #F37B00;
        position: absolute;
        bottom: -10px;
        left: 53px;
        width: 20px;
        height: 20px;
        font-size: 12px;
        padding: 2px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px; }
  #fiche_doc .content {
    background-image: -webkit-linear-gradient( top , #E60303, #AD0101);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E60303), to(#AD0101));
    background-image: -webkit-linear-gradient(top, #E60303, #AD0101);
    background-image: -o-linear-gradient(top, #E60303, #AD0101);
    background-image: linear-gradient(to bottom, #E60303, #AD0101);
    position: absolute;
    left: -100px;
    right: -100px;
    bottom: 0;
    z-index: 5;
    border-radius: 50% 50% 0 0, 60px 60px 0 0;
    padding: 30px 100px;
    height: 50%;
    text-align: center; }
    #fiche_doc .content label {
      font-size: 2rem;
      display: block;
      margin-top: 2rem; }
    #fiche_doc .content input[type=email] {
      width: 100%;
      max-width: 300px;
      font-size: 1.8rem;
      padding: .8rem; }
    #fiche_doc .content .actions {
      position: absolute;
      bottom: 5%;
      left: 0;
      right: 0;
      text-align: center; }
      #fiche_doc .content .actions .button {
        margin: auto;
        background: white;
        color: #E20303;
        font-size: 1.8rem;
        border-radius: 25px;
        padding: 10px 25px;
        text-align: center;
        border: 0px;
        display: inline-block;
        width: auto; }

#etat {
  font-size: .8rem !important;
  color: #fff; }
  #etat .dropdown-menu {
    font-size: .8rem !important; }
  #etat .dataTables_wrapper {
    margin-top: 60px;
    color: #fff !important; }
    #etat .dataTables_wrapper .dt-buttons .btn {
      font-size: .7rem;
      padding: 3px 10px; }
    #etat .dataTables_wrapper .dt-buttons .btn-secondary {
      background: rgba(255, 255, 255, 0);
      border: 1px solid rgba(255, 255, 255, 0.5); }
      #etat .dataTables_wrapper .dt-buttons .btn-secondary.active {
        background: rgba(255, 255, 255, 0.5);
        border: 1px solid rgba(255, 255, 255, 0.5); }
  #etat table {
    margin-top: 60px;
    background: #fff;
    color: #000; }
    #etat table th select {
      width: 100%; }

.demande-on #fiche .entete img {
  -webkit-filter: blur(4px);
  filter: blur(4px);
  -webkit-transition-property: filter;
  -moz-transition-property: filter;
  -webkit-transition-property: -webkit-filter;
  transition-property: -webkit-filter;
  -o-transition-property: filter;
  transition-property: filter;
  transition-property: filter, -webkit-filter;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in; }

div#demande {
  background-image: -webkit-linear-gradient( top , #E60303, #AD0101);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E60303), to(#AD0101));
  background-image: -webkit-linear-gradient(top, #E60303, #AD0101);
  background-image: -o-linear-gradient(top, #E60303, #AD0101);
  background-image: linear-gradient(to bottom, #E60303, #AD0101);
  position: fixed;
  left: -100px;
  right: -100px;
  bottom: -800px;
  z-index: 5;
  text-align: center;
  padding: 20px 100px;
  border-radius: 50% 50% 0 0, 60px 60px 0 0;
  -webkit-transition: bottom 1s ease;
  -o-transition: bottom 1s ease;
  transition: bottom 1s ease; }
  div#demande.active {
    bottom: 0;
    -webkit-transition: bottom 0.4s ease;
    -o-transition: bottom 0.4s ease;
    transition: bottom 0.4s ease; }
  div#demande #close {
    margin: 1rem 0 2rem 0; }
    div#demande #close i {
      background-image: -webkit-linear-gradient( top , #E20303, #970202);
      background-image: -webkit-gradient(linear, left top, left bottom, from(#E20303), to(#970202));
      background-image: -webkit-linear-gradient(top, #E20303, #970202);
      background-image: -o-linear-gradient(top, #E20303, #970202);
      background-image: linear-gradient(to bottom, #E20303, #970202);
      text-align: center;
      border-radius: 50px, 50px;
      font-size: 1.4rem;
      padding: 1.5rem; }
  div#demande #choix p {
    margin-bottom: 1.5rem;
    font-weight: 600; }
  div#demande #formulaire {
    padding: 0 15px; }
    div#demande #formulaire textarea, div#demande #formulaire input[type=email] {
      width: 100%;
      border-radius: 5px;
      color: #E20303;
      font-size: 1.3rem;
      padding: 8px;
      border: 0;
      margin-top: 5px; }
    div#demande #formulaire input[type=email]:first-of-type {
      width: 84% !important;
      float: left;
      margin-top: 0; }
    div#demande #formulaire .plus {
      background: #E20303;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 5px;
      border: 2px solid #ff8989;
      width: 35px;
      height: 35px;
      display: inline-block;
      padding: 0px;
      margin-top: 0;
      float: right;
      font-size: 3.5rem;
      line-height: 3rem; }
    div#demande #formulaire textarea {
      height: 100px; }
    div#demande #formulaire label {
      padding-top: 20px;
      font-size: 1.4rem; }
    div#demande #formulaire input::-webkit-input-placeholder, div#demande #formulaire textarea::-webkit-input-placeholder {
      color: #E20303; }
    div#demande #formulaire input:-ms-input-placeholder, div#demande #formulaire textarea:-ms-input-placeholder {
      color: #E20303; }
    div#demande #formulaire input::-ms-input-placeholder, div#demande #formulaire textarea::-ms-input-placeholder {
      color: #E20303; }
    div#demande #formulaire input::placeholder, div#demande #formulaire textarea::placeholder {
      color: #E20303; }
  div#demande .button {
    margin: 10px auto;
    width: 70%; }

div#history {
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  height: 0;
  overflow: hidden;
  background-image: -webkit-linear-gradient( top , #E60303, #AD0101);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E60303), to(#AD0101));
  background-image: -webkit-linear-gradient(top, #E60303, #AD0101);
  background-image: -o-linear-gradient(top, #E60303, #AD0101);
  background-image: linear-gradient(to bottom, #E60303, #AD0101);
  text-align: center;
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 2.5s ease, height 2.5s ease, overflow 2.5s ease;
  -o-transition: opacity 2.5s ease, height 2.5s ease, overflow 2.5s ease;
  transition: opacity 2.5s ease, height 2.5s ease, overflow 2.5s ease; }
  div#history.active {
    height: auto;
    overflow: inherit;
    opacity: 1;
    -webkit-transition: opacity 2s ease;
    -o-transition: opacity 2s ease;
    transition: opacity 2s ease; }
  div#history #closeH {
    position: relative;
    top: -20px;
    margin: 1rem 0 0rem 0; }
    div#history #closeH i {
      background-image: -webkit-linear-gradient( top , #E20303, #970202);
      background-image: -webkit-gradient(linear, left top, left bottom, from(#E20303), to(#970202));
      background-image: -webkit-linear-gradient(top, #E20303, #970202);
      background-image: -o-linear-gradient(top, #E20303, #970202);
      background-image: linear-gradient(to bottom, #E20303, #970202);
      text-align: center;
      border-radius: 50px, 50px;
      font-size: 1.4rem;
      padding: 1.5rem; }
  div#history .liste {
    border-bottom: 1px solid #DC5656;
    padding: 12px 0; }
    div#history .liste div:nth-of-type(1) {
      font-size: 2rem; }
    div#history .liste div:nth-of-type(2) {
      text-align: left;
      font-size: 1.3rem;
      font-weight: 300;
      padding: 0; }
      div#history .liste div:nth-of-type(2) b {
        font-weight: 600; }
    div#history .liste div:nth-of-type(3) span {
      background: white;
      color: #E20303;
      font-size: 1rem;
      padding: 3px 0;
      width: 50px;
      display: block;
      border-radius: 5px; }

div#send-ok {
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  overflow: hidden;
  background-image: -webkit-linear-gradient( top , #E60303, #AD0101);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E60303), to(#AD0101));
  background-image: -webkit-linear-gradient(top, #E60303, #AD0101);
  background-image: -o-linear-gradient(top, #E60303, #AD0101);
  background-image: linear-gradient(to bottom, #E60303, #AD0101);
  text-align: center;
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 2.5s ease, height 2.5s ease, overflow 2.5s ease;
  -o-transition: opacity 2.5s ease, height 2.5s ease, overflow 2.5s ease;
  transition: opacity 2.5s ease, height 2.5s ease, overflow 2.5s ease; }
  div#send-ok.active {
    bottom: 0;
    height: auto;
    overflow: inherit;
    opacity: 1;
    -webkit-transition: opacity 2s ease;
    -o-transition: opacity 2s ease;
    transition: opacity 2s ease; }
  div#send-ok #closeS {
    margin: 2rem 0 2rem 0; }
    div#send-ok #closeS i {
      background-image: -webkit-linear-gradient( top , #E20303, #970202);
      background-image: -webkit-gradient(linear, left top, left bottom, from(#E20303), to(#970202));
      background-image: -webkit-linear-gradient(top, #E20303, #970202);
      background-image: -o-linear-gradient(top, #E20303, #970202);
      background-image: linear-gradient(to bottom, #E20303, #970202);
      text-align: center;
      border-radius: 50px, 50px;
      font-size: 1.4rem;
      padding: 1.5rem; }
  div#send-ok .container {
    height: 80%; }
  div#send-ok .row {
    height: 100%; }
    div#send-ok .row .iconmvtc {
      font-size: 15rem; }
    div#send-ok .row p {
      padding-top: 30px; }

.button {
  margin: 10px auto;
  background: white;
  color: #E20303;
  font-size: 1.6rem;
  font-weight: 400;
  border-radius: 25px;
  padding: 10px 25px;
  text-align: center;
  border: 0px;
  width: 70%; }

.button:hover, .button:focus {
  background-image: -webkit-linear-gradient( top , #BF0101, #A5061D);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BF0101), to(#A5061D));
  background-image: -webkit-linear-gradient(top, #BF0101, #A5061D);
  background-image: -o-linear-gradient(top, #BF0101, #A5061D);
  background-image: linear-gradient(to bottom, #BF0101, #A5061D);
  color: white; }

#login {
  background: url(../img/background.png);
  background-position: center center;
  background-size: cover;
  text-align: center;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0; }
  #login .row {
    height: 100%; }
    #login .row .col {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  #login input::-webkit-input-placeholder {
    color: white;
    font-size: 1.4rem;
    text-shadow: 1px 1px 5px #000; }
  #login input:-ms-input-placeholder {
    color: white;
    font-size: 1.4rem;
    text-shadow: 1px 1px 5px #000; }
  #login input::-ms-input-placeholder {
    color: white;
    font-size: 1.4rem;
    text-shadow: 1px 1px 5px #000; }
  #login input::placeholder {
    color: white;
    font-size: 1.4rem;
    text-shadow: 1px 1px 5px #000; }
  #login .wrap {
    width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 99; }
  #login p.form-title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 4px;
    width: 100%;
    -ms-flex-item-align: center;
    align-self: center; }
  #login form {
    width: 250px;
    margin: 0 auto; }
  #login form.login input[type="text"], #login form.login input[type="password"] {
    width: 100%;
    margin: 0;
    padding: 5px 10px;
    background: 0;
    border: 0;
    border-bottom: 1px solid #FFFFFF;
    outline: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 20px;
    color: #FFFFFF;
    outline: 0; }
  #login form.login input[type="submit"] {
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 16px;
    outline: 0;
    cursor: pointer;
    letter-spacing: 1px; }
  #login form.login input[type="submit"]:hover {
    -webkit-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease; }
  #login form.login .remember-forgot {
    float: left;
    width: 100%;
    margin: 10px 0 0 0; }
  #login form.login .forgot-pass-content {
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px; }
  #login form.login label, #login form.login a {
    font-size: 1.4rem;
    font-weight: 400;
    color: #FFFFFF;
    width: 100%;
    position: relative; }
    #login form.login label i, #login form.login a i {
      position: absolute;
      left: 10px;
      top: 5px; }
  #login form.login a {
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
    text-shadow: 1px 1px 3px #000; }
  #login form.login a:hover {
    color: #F37B00; }
  #login .pr-wrap {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 999;
    display: none;
    color: black; }
  #login .show-pass-reset {
    display: block !important; }
  #login .pass-reset {
    margin: 0 auto;
    width: 250px;
    position: relative;
    margin-top: 30%;
    z-index: 999;
    background: #FFFFFF;
    padding: 20px 15px; }
  #login .pass-reset label {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px; }
  #login .pass-reset input[type="email"] {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 5px 10px;
    background: 0;
    border: 0;
    border-bottom: 1px solid #000000;
    outline: 0;
    font-style: italic;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 5px;
    color: #000000;
    outline: 0; }
  #login .pass-reset input[type="submit"] {
    width: 100%;
    border: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 10px;
    outline: 0;
    cursor: pointer;
    letter-spacing: 1px; }
  #login .pass-reset input[type="submit"]:hover {
    -webkit-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease; }

#scan {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: -webkit-linear-gradient( top , #E00303, #A00410);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E00303), to(#A00410));
  background-image: -webkit-linear-gradient(top, #E00303, #A00410);
  background-image: -o-linear-gradient(top, #E00303, #A00410);
  background-image: linear-gradient(to bottom, #E00303, #A00410);
  text-align: center; }
  #scan .logo {
    width: 50%;
    max-width: 300px; }
  #scan > .row {
    height: 100%; }
    #scan > .row .login {
      text-align: right; }
      #scan > .row .login + div + div + div {
        font-size: 2rem; }
  #scan .preview-container {
    height: 250px;
    width: 250px;
    margin: auto;
    overflow: hidden;
    border: 1px #fd8181 solid;
    background: #CF0808;
    position: relative; }
    #scan .preview-container #preview {
      width: 100%;
      padding: 0;
      position: absolute;
      left: 0;
      right: 0;
      z-index: 9; }
    #scan .preview-container div {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      padding: 15px;
      width: 100%;
      text-align: center; }

@media screen and (min-width: 1025px) {
  #scan {
    position: relative;
    height: 667px !important; } }
.picker-demande {
  background: white; }
  .picker-demande .carousel {
    height: 200px; }
    .picker-demande .carousel .carousel-inner {
      height: 100%; }
      .picker-demande .carousel .carousel-inner .carousel-item {
        color: #A0A0A0;
        height: 100%;
        text-align: center; }
        .picker-demande .carousel .carousel-inner .carousel-item h3 {
          display: block;
          width: 100%;
          color: #F37B00;
          margin: 10px 0 10px 0; }
  .picker-demande .carousel-control-prev, .picker-demande .carousel-control-next {
    position: absolute;
    top: auto;
    bottom: 10px;
    width: 15px;
    height: 25px;
    z-index: 10;
    cursor: pointer;
    background: none;
    color: #F37B00;
    font-size: 3rem;
    padding: 15px; }
  .picker-demande .carousel-indicators li {
    background-color: #F37B00; }
  .picker-demande .carousel-indicators .active {
    background-color: #E20303; }
  .picker-demande form {
    height: 100%; }
  .picker-demande input, .picker-demande textarea {
    width: 100%;
    margin-top: 25px; }

.chart {
  position: relative;
  margin: 0px auto 12px auto;
  width: 90px;
  height: 90px;
  text-align: center; }
  .chart canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }
  .chart small {
    position: relative;
    font-size: 9px;
    font-weight: 100;
    top: -3px; }
  .chart span {
    color: white;
    display: inline-block;
    line-height: 90px;
    text-align: center;
    font-family: sans-serif;
    font-size: 24px;
    font-weight: 400; }

.ath-viewport * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ath-viewport {
  position: relative;
  z-index: 2147483641;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none; }

.ath-modal {
  pointer-events: auto !important;
  background: rgba(0, 0, 0, 0.6); }

.ath-mandatory {
  background: #000; }

.ath-container {
  pointer-events: auto !important;
  position: absolute;
  z-index: 2147483641;
  padding: 0.7em 0.6em;
  width: 18em;
  background: #000;
  background-image: -webkit-linear-gradient( top , #E20303, #7d0202);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E20303), to(#7d0202));
  background-image: -webkit-linear-gradient(top, #E20303, #7d0202);
  background-image: -o-linear-gradient(top, #E20303, #7d0202);
  background-image: linear-gradient(to bottom, #E20303, #7d0202);
  background-size: 100% auto;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  font-family: sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  text-align: center; }

.ath-container small {
  font-size: 0.8em;
  line-height: 1.3em;
  display: block;
  margin-top: 0.5em; }

.ath-ios.ath-phone {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em; }

.ath-ios6.ath-tablet {
  left: 5em;
  top: 1.8em; }

.ath-ios7.ath-tablet {
  left: 0.7em;
  top: 1.8em; }

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet,
.ath-ios10.ath-tablet {
  right: 0.4em;
  top: 1.8em; }

.ath-android {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em; }

/* close icon */
.ath-container:before {
  content: '';
  position: relative;
  display: block;
  float: right;
  margin: -0.7em -0.6em 0 0.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
  background-color: rgba(255, 255, 255, 0.8);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 2.7em;
  height: 2.7em;
  text-align: center;
  overflow: hidden;
  color: #a33;
  z-index: 2147483642; }

.ath-container.ath-icon:before {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  float: none; }

.ath-mandatory .ath-container:before {
  display: none; }

.ath-container.ath-android:before {
  float: left;
  margin: -0.7em 0.5em 0 -0.6em; }

.ath-container.ath-android.ath-icon:before {
  position: absolute;
  right: auto;
  left: 0;
  margin: 0;
  float: none; }

/* applied only if the application icon is shown */
.ath-action-icon {
  display: inline-block;
  vertical-align: middle;
  background-position: 50%;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden; }

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon,
.ath-ios10 .ath-action-icon {
  width: 1.6em;
  height: 1.6em;
  background-image: url(data:image/png;base64,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);
  margin-top: -0.3em;
  background-size: auto 100%; }

.ath-ios6 .ath-action-icon {
  width: 1.8em;
  height: 1.8em;
  background-image: url(data:image/png;base64,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);
  margin-bottom: 0.4em;
  background-size: 100% auto; }

.ath-android .ath-action-icon {
  width: 1.4em;
  height: 1.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
  background-size: 100% auto; }

.ath-container p {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2147483642;
  font-size: 1.1em; }

.ath-ios.ath-phone:after {
  content: '';
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  bottom: -0.9em;
  left: 50%;
  margin-left: -1em;
  -webkit-transform: scaleX(0.9) rotate(45deg);
  -ms-transform: scaleX(0.9) rotate(45deg);
  transform: scaleX(0.9) rotate(45deg);
  -webkit-box-shadow: 0.2em 0.2em 0 #d1d1d1;
  box-shadow: 0.2em 0.2em 0 #d1d1d1;
  display: none; }

.ath-ios.ath-tablet:after {
  content: '';
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  top: -0.9em;
  left: 50%;
  margin-left: -1em;
  -webkit-transform: scaleX(0.9) rotate(45deg);
  -ms-transform: scaleX(0.9) rotate(45deg);
  transform: scaleX(0.9) rotate(45deg);
  z-index: 2147483641; }

.ath-application-icon {
  position: relative;
  padding: 0;
  border: 0;
  margin: 0 auto 0.2em auto;
  height: 6em;
  width: 6em;
  z-index: 2147483642; }

.ath-container.ath-ios .ath-application-icon {
  border-radius: 1em;
  -webkit-box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
  margin: 0 auto 0.4em auto; }

@media only screen and (orientation: landscape) {
  .ath-container.ath-phone {
    width: 24em; }

  .ath-android.ath-phone {
    margin-left: -12em; }

  .ath-ios.ath-phone {
    margin-left: -12em; }

  .ath-ios6:after {
    left: 39%; }

  .ath-ios8.ath-phone {
    left: auto;
    bottom: auto;
    right: 0.4em;
    top: 1.8em; }

  .ath-ios8.ath-phone:after {
    bottom: auto;
    top: -0.9em;
    left: 68%;
    z-index: 2147483641;
    -webkit-box-shadow: none;
    box-shadow: none; } }
@media screen and (min-width: 1025px) {
  html:not(.etat) {
    font-size: 62.5%;
    height: 100%;
    background-image: none; }
    html:not(.etat) body {
      background: url("../img/bg.jpg") top center; }
      html:not(.etat) body .container.main, html:not(.etat) body .container-fluid {
        max-width: 375px;
        margin: 105px auto 105px auto; }
      html:not(.etat) body .head, html:not(.etat) body #fiche, html:not(.etat) body #fiche_doc {
        left: calc(50% - 188px);
        overflow: hidden;
        max-height: 667px; }
      html:not(.etat) body div#history {
        position: relative;
        width: 375px;
        margin: 113px auto 113px auto; }
        html:not(.etat) body div#history.active {
          height: 593px !important; }
      html:not(.etat) body div#demande {
        width: 375px;
        margin: 190px auto 190px auto;
        padding: 0; }
        html:not(.etat) body div#demande.active {
          bottom: auto;
          top: 204px; }

  html.manager {
    font-size: 100%;
    height: 100%;
    background-image: none; }
    html.manager body {
      background: none; }
      html.manager body .container.main, html.manager body .container-fluid {
        max-width: 100%;
        margin: 0; }
      html.manager body .head, html.manager body #fiche {
        left: auto;
        overflow: hidden;
        max-height: 667px; } }
@media screen and (min-width: 1025px) and (max-height: 772px) {
  html:not(.etat) {
    font-size: 50%;
    height: 100%;
    background-image: none; }
    html:not(.etat) body {
      background-size: 2044px; }
      html:not(.etat) body .container.main, html:not(.etat) body .container-fluid {
        max-width: 300px;
        margin: 80px auto 0px auto; }
      html:not(.etat) body .head, html:not(.etat) body #fiche, html:not(.etat) body #fiche_doc {
        left: calc(50% - 150px);
        overflow: hidden;
        max-height: 535px; }
      html:not(.etat) body div#history {
        position: relative;
        width: 300px;
        margin: 80px auto 0px auto; }
        html:not(.etat) body div#history.active {
          height: 464px !important;
          overflow: hidden; }
      html:not(.etat) body div#demande {
        width: 300px;
        margin: 50px auto 0px auto;
        padding: 0; }
        html:not(.etat) body div#demande.active {
          bottom: auto;
          top: 204px; } }
@font-face {
  font-family: 'mvtconseil';
  src: url("../fonts/mvtconseil.eot?r24l8x");
  src: url("../fonts/mvtconseil.eot?r24l8x#iefix") format("embedded-opentype"), url("../fonts/mvtconseil.ttf?r24l8x") format("truetype"), url("../fonts/mvtconseil.woff?r24l8x") format("woff"), url("../fonts/mvtconseil.svg?r24l8x#mvtconseil") format("svg");
  font-weight: normal;
  font-style: normal; }
.iconmvtc {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'mvtconseil' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mvtc-view:before {
  content: ""; }

.mvtc-info:before {
  content: ""; }

.mvtc-link-rounded-stroke:before {
  content: ""; }

.mvtc-table:before {
  content: ""; }

.mvtc-add:before {
  content: ""; }

.mvtc-attach-button:before {
  content: ""; }

.mvtc-more-filled:before {
  content: ""; }

.mvtc-table-rounded .path1:before {
  content: "";
  color: white; }

.mvtc-table-rounded .path2:before {
  content: "";
  margin-left: -1em;
  color: #e00505; }

.mvtc-table-rounded .path3:before {
  content: "";
  margin-left: -1em;
  color: #e00505; }

.mvtc-table-rounded .path4:before {
  content: "";
  margin-left: -1em;
  color: #e00505; }

.mvtc-table-rounded .path5:before {
  content: "";
  margin-left: -1em;
  color: #e00505; }

.mvtc-table-rounded .path6:before {
  content: "";
  margin-left: -1em;
  color: #e00505; }

.mvtc-ok:before {
  content: ""; }

.mvtc-close-rounded-stroke .path1:before {
  content: "";
  color: white; }

.mvtc-close-rounded-stroke .path2:before {
  content: "";
  margin-left: -1em;
  color: black; }

.mvtc-close-rounded-stroke .path3:before {
  content: "";
  margin-left: -1em;
  color: white; }

.mvtc-close:before {
  content: ""; }

.mvtc-send-rounded2 .path1:before {
  content: "";
  color: white; }

.mvtc-send-rounded2 .path2:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path3:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path4:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path5:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path6:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path7:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path8:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path9:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path10:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path11:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path12:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path13:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path14:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path15:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path16:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path17:before {
  content: "";
  margin-left: -1.228515625em;
  color: white; }

.mvtc-send-rounded2 .path18:before {
  content: "";
  margin-left: -1.228515625em;
  color: #e00505; }

.mvtc-info-rounded-stroke .path1:before {
  content: "";
  color: white; }

.mvtc-info-rounded-stroke .path2:before {
  content: "";
  margin-left: -1em;
  color: #e00505; }

.mvtc-info-rounded-stroke .path3:before {
  content: "";
  margin-left: -1em;
  color: #e00505; }

.mvtc-intervenant-stroke .path1:before {
  content: "";
  color: white; }

.mvtc-intervenant-stroke .path2:before {
  content: "";
  margin-left: -1em;
  color: #da1010; }

.mvtc-intervenant-stroke .path3:before {
  content: "";
  margin-left: -1em;
  color: #da1010; }

.mvtc-handQR:before {
  content: ""; }

.mvtc-parameter:before {
  content: ""; }

.mvtc-download:before {
  content: ""; }

.mvtc-folder-orange .path1:before {
  content: "";
  color: #f17b02; }

.mvtc-folder-orange .path2:before {
  content: "";
  margin-left: -1em;
  color: #c8cac7; }

.mvtc-folder-orange .path3:before {
  content: "";
  margin-left: -1em;
  color: #e7eced; }

.mvtc-folder-orange .path4:before {
  content: "";
  margin-left: -1em;
  color: white; }

.mvtc-folder-orange .path5:before {
  content: "";
  margin-left: -1em;
  color: #f17b02; }

.mvtc-folder-orange .path6:before {
  content: "";
  margin-left: -1em;
  color: #edeada; }

.mvtc-folder-orange .path7:before {
  content: "";
  margin-left: -1em;
  color: #cec9ae; }

.mvtc-folder-orange .path8:before {
  content: "";
  margin-left: -1em;
  color: #cec9ae; }

.mvtc-folder-orange .path9:before {
  content: "";
  margin-left: -1em;
  color: #cec9ae; }

.mvtc-envelope:before {
  content: ""; }

.mvtc-send:before {
  content: ""; }

.mvtc-plastic-bag:before {
  content: ""; }

.mvtc-hand-plus:before {
  content: ""; }

.mvtc-hand-box:before {
  content: ""; }

.mvtc-up:before {
  content: ""; }

.mvtc-prev:before {
  content: ""; }

.mvtc-next:before {
  content: ""; }

.mvtc-down:before {
  content: ""; }

.mvtc-glass:before {
  content: ""; }

.mvtc-pencil:before {
  content: ""; }

.mvtc-heart-rounded-orange .path1:before {
  content: "";
  color: #f17c19; }

.mvtc-heart-rounded-orange .path2:before {
  content: "";
  margin-left: -1em;
  color: #f5a623; }

.mvtc-heart-rounded-orange .path3:before {
  content: "";
  margin-left: -1em;
  color: white; }

.mvtc-computer:before {
  content: ""; }

.mvtc-phone:before {
  content: ""; }

.mvtc-building:before {
  content: ""; }

.mvtc-cog:before {
  content: ""; }

.mvtc-cog2:before {
  content: ""; }

.mvtc-moins-rounded:before {
  content: ""; }

.mvtc-plus-rounded:before {
  content: ""; }

.mvtc-user:before {
  content: ""; }

.mvtc-user-rounded:before {
  content: ""; }

.mvtc-user-rounded-orange .path1:before {
  content: "";
  color: #f17b02; }

.mvtc-user-rounded-orange .path2:before {
  content: "";
  margin-left: -1em;
  color: white; }

.mvtc-user-worker:before {
  content: ""; }

.mvtc-user-worker-rounded:before {
  content: ""; }

.mvtc-user-worker-rounded-orange .path1:before {
  content: "";
  color: #f17b02; }

.mvtc-user-worker-rounded-orange .path2:before {
  content: "";
  margin-left: -1em;
  color: white; }

.mvtc-user-worker-rounded-orange .path3:before {
  content: "";
  margin-left: -1em;
  color: white; }

.mvtc-menu-burger:before {
  content: ""; }

.mvtc-arrow-down:before {
  content: ""; }

.mvtc-arrow-up:before {
  content: ""; }

.mvtc-arrow-right:before {
  content: ""; }

.mvtc-arrow-left:before {
  content: ""; }

.mvtc-lock:before {
  content: ""; }

.mvtc-menu-bulle:before {
  content: ""; }

.mvtc-track:before {
  content: ""; }

.mvtc-bell:before {
  content: ""; }

.mvtc-box:before {
  content: ""; }