/* FORMATAGE */
.arguments ul {
    list-style-type: none;
  }
u {
  text-decoration: underline;
}
.pointer {
  cursor: pointer;
}
  .list-items-square {
    filter: grayscale(1);
  }

  .txt-bold * {
    font-weight: bold;
  }

  /* TOASTER - MESSAGE INFO */
  [mt-toaster] {
    background-color: rgba(0, 0, 0, 0.7);
    border-right: 10px solid rgba(0, 0, 0, 0.7);
    border-radius: 3px;
    color: #FFFFFF;
    min-height: 50px;
    padding: 5px 10px;
    box-sizing: border-box;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    font-size: 0.8em;
    cursor: default;
    transition: visibility 0.3s, transform 0.3s;
    z-index: -1 !important; 
    opacity: 0; }
    
    [mt-toaster].success {
      border-right-color: #78C53C; }
    
    [mt-toaster].info {
      border-right-color: #54c8ff; }
    
    [mt-toaster].error {
      border-right-color: #ff0000; }
    
    [mt-toaster].warning {
      border-right-color: #FFA500; }
    
    [mt-toaster] .message {
      min-width: 166px; }
    
    [mt-toaster].animated {
      -webkit-animation-duration: 0.2s;
      animation-duration: 0.2s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      transition: All .2s ease;
      -webkit-transition: All .2s ease;
      -ms-transition: All .2s ease; }
    
    [mt-toaster].toaster-opened {
      opacity: 1;
      z-index: 100 !important;
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp; }
  
  /* MESSAGE WARNING */
  
  .warning-message {
    background: #FBC02D;
    padding: 8px;
    font-size: 12px;
    color: #634a00;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
  }
  
  
  /* CHECKBOX - RADIO */
  
  input[type=button], input[type=checkbox], input[type=radio] {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      outline: none;
    }
    
    input[type=checkbox], input[type=radio] {
      position: relative;
      width: 14px; min-width: 14px; max-width: 14px;
      height: 14px; min-height: 14px; max-height: 14px;
      margin: 0;
      padding: 0 !important;
      margin-right: 6px;
      left: 1px; top: 1px;
      outline-style: none;
      outline-color: transparent;
      outline-width: 0px;
      opacity: 1;
    }
    
    input[type=checkbox]:after, input[type=checkbox]:before, input[type=radio]:after, input[type=radio]:before {
      font-family: "LLMS";
      text-align: center;
      font-size: 10px;
      line-height: 1.4;
      width: 16px;  min-width: 16px; max-width: 16px; 
      height: 16px; min-height: 16px; max-height: 16px;
      border: 1px solid #A9A9A9;
      position: absolute;
      left: 50%; top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-color: #FFFFFF;
    }
    
    input[type=checkbox]:before, input[type=checkbox]:before, input[type=radio]:before, input[type=radio]:before {
      content: ' ';
    }
    
    input[type=checkbox]:after, input[type=checkbox]:after, input[type=radio]:after, input[type=radio]:after {
      color: #f47e20;
    }
    
    input[type=radio]:before, input[type=radio]:after, input[type=radio]:checked {
      border-radius: 50%;
    }
    
    input[type=radio]:checked:after {
      content: '\e925';
    }
    
    input[type=checkbox]:before, input[type=checkbox]:after, input[type=checkbox]:checked {
      border-radius: 2px;
    }
    
    input[type=checkbox]:checked:after {
      content: '\e90b';
    }
    
    input[type=checkbox]:checked[data-icon]::after, input[type=radio]:checked[data-icon]::after {
      content: attr(data-icon);
    }
  
    /* SPINER */
  
    .cssload-spin-box {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      width: 12px;
      height: 12px;
      border-radius: 100%;
      margin: initial;
      /* changeColor01 */
  box-shadow: 12px 12px #f47e20, -12px 12px #1A1716, -12px -12px #f47e20, 12px -12px #1A1716;
  -o-box-shadow: 12px 12px #f47e20, -12px 12px #1A1716, -12px -12px #f47e20, 12px -12px #1A1716;
  -ms-box-shadow: 12px 12px #f47e20, -12px 12px #1A1716, -12px -12px #f47e20, 12px -12px #1A1716;
  -webkit-box-shadow: 12px 12px #f47e20, -12px 12px #1A1716, -12px -12px #f47e20, 12px -12px #1A1716;
  -moz-box-shadow: 12px 12px #f47e20, -12px 12px #1A1716, -12px -12px #f47e20, 12px -12px #1A1716;
  /* changeColor01-end */
      animation: cssload-spin ease infinite 4.6s;
      -o-animation: cssload-spin ease infinite 4.6s;
      -ms-animation: cssload-spin ease infinite 4.6s;
      -webkit-animation: cssload-spin ease infinite 4.6s;
      -moz-animation: cssload-spin ease infinite 4.6s;
    }
  

    [overlay] {
      background-color: #FFFFFF;
    }

    .load-overlay {
      position: fixed;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
      z-index: 100;
    }
  
    .load-overlay:before {
      content: "";
      background-color: rgba(255, 255, 255, 0.8);
      position: fixed;
      width: 100vw;
      height: 100vh;
      -webkit-transform: translate(-50%, -50%) translateZ(-1px);
      transform: translate(-50%, -50%) translateZ(-1px);
    }
  
  
  @keyframes cssload-spin {
    /* changeColor02 */
    0%,
    100% {box-shadow: 12px 12px #f47e20, -12px 12px #1A1716, -12px -12px #f47e20, 12px -12px #1A1716;}
    25% {box-shadow: -12px 12px #f47e20, -12px -12px #1A1716, 12px -12px #f47e20, 12px 12px #1A1716;}
    50% {box-shadow: -12px -12px #f47e20, 12px -12px #1A1716, 12px 12px #f47e20, -12px 12px #1A1716;}
    75% {box-shadow: 12px -12px #dfdfdf, 12px 12px #4f4d49, -12px 12px #dfdfdf, -12px -12px #4f4d49;}
    /* changeColor02-end */
  }
  
  
    .spiner-load {
      z-index: 1000;
      background-color: #FFFFFF;
    }
  
  
    /* NEW SPINER  */
    .panel-loader {
      position: absolute;
      background-color: #FFFFFF;
      width: 100%; height: calc(100% - 50px);
      z-index: 1000;
    }
    @media only screen and (max-width: 600px)  {
      .panel-loader {
        height: calc(100vh - 50px);
      }
    }
    @keyframes spiner-anim {
      0%,
      100% {box-shadow: 12px 12px #f47e20, -12px 12px #1A1716, -12px -12px #f47e20, 12px -12px #1A1716;}
      25% {box-shadow: -12px 12px #f47e20, -12px -12px #1A1716, 12px -12px #f47e20, 12px 12px #1A1716;}
      50% {box-shadow: -12px -12px #f47e20, 12px -12px #1A1716, 12px 12px #f47e20, -12px 12px #1A1716;}
      75% {box-shadow: 12px -12px #dfdfdf, 12px 12px #4f4d49, -12px 12px #dfdfdf, -12px -12px #4f4d49;}
    }
    .loader-spiner {
      width: 12px; height: 12px;
      min-width: 12px; min-height: 12px;
      max-width: 12px; max-height: 12px;
      border-radius: 100%;
      margin-bottom: 20px;
      box-shadow: 12px 12px #f47e20, -12px 12px #1A1716, -12px -12px #f47e20, 12px -12px #1A1716;
      -o-box-shadow: 12px 12px #f47e20, -12px 12px #1A1716, -12px -12px #f47e20, 12px -12px #1A1716;
      -ms-box-shadow: 12px 12px #f47e20, -12px 12px #1A1716, -12px -12px #f47e20, 12px -12px #1A1716;
      -webkit-box-shadow: 12px 12px #f47e20, -12px 12px #1A1716, -12px -12px #f47e20, 12px -12px #1A1716;
      -moz-box-shadow: 12px 12px #f47e20, -12px 12px #1A1716, -12px -12px #f47e20, 12px -12px #1A1716;
      animation: spiner-anim ease infinite 4.6s;
      -o-animation: spiner-anim ease infinite 4.6s;
      -ms-animation: spiner-anim ease infinite 4.6s;
      -webkit-animation: spiner-anim ease infinite 4.6s;
      -moz-animation: spiner-anim ease infinite 4.6s;
  }
    

 
    /* MEDIA */
  
    @media screen and (min-width: 479.98px) {
      .connexion {
        min-width: 335px;
      }
      }