body.customer-area-active .cuar-css-wrapper {
  /* nav */
  /* helpers */
  /* justify content */
  /* align content */
  /* align items */
  /* dropdown */
  /* The Modal (background) */
  /* Add Animation */
  /* table */
  /* checkbox switch */
  /* form new project */ }
  body.customer-area-active .cuar-css-wrapper .site-title img {
    max-height: 70px; }
  body.customer-area-active .cuar-css-wrapper body .site {
    margin: 0 !important;
    max-width: unset !important; }
  body.customer-area-active .cuar-css-wrapper #page {
    background-color: #E9E8E4; }
  body.customer-area-active .cuar-css-wrapper body .site-content {
    margin-top: 0; }
  body.customer-area-active .cuar-css-wrapper .main-navigation {
    display: none; }
  body.customer-area-active .cuar-css-wrapper .entry-header {
    border: none; }
  body.customer-area-active .cuar-css-wrapper .entry-header h1.entry-title {
    display: none; }
  body.customer-area-active .cuar-css-wrapper .cuar-toolbar {
    display: none; }
  body.customer-area-active .cuar-css-wrapper #menu-menu-wp-customer-area,
  body.customer-area-active .cuar-css-wrapper [id^='menu-menu-wp-customer-area'] {
    border-bottom: 1px solid #D6D6D6; }
  body.customer-area-active .cuar-css-wrapper .cuar-page-content.customer-dashboard {
    display: none; }
  body.customer-area-active .cuar-css-wrapper .entry-meta {
    display: none; }
  body.customer-area-active .cuar-css-wrapper .cuar-page-content.customer-private-files {
    display: none; }
  body.customer-area-active .cuar-css-wrapper #cuar-js-tray {
    display: none; }
  body.customer-area-active .cuar-css-wrapper #cuar-js-page-content {
    padding-right: 0 !important; }
  body.customer-area-active .cuar-css-wrapper .cuar-single-entry {
    margin-top: 1rem; }
  body.customer-area-active .cuar-css-wrapper .dgt-client-header ~ .cuar-single-entry {
    display: none; }
  body.customer-area-active .cuar-css-wrapper body .site-description {
    text-align: right; }
  body.customer-area-active .cuar-css-wrapper #cuar-js-mobile-sidebar {
    display: none; }
  body.customer-area-active .cuar-css-wrapper .cuar-menu-container .nav-container > ul > li.dgt-right {
    float: right !important; }
  @media (min-width: 768px) {
    body.customer-area-active .cuar-css-wrapper .cuar-menu-container .nav-container > ul > li.dgt-right {
      float: right !important; }
    body.customer-area-active .cuar-css-wrapper .cuar-menu-container .nav-container > ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: stretch;
      align-content: flex-start; } }
  body.customer-area-active .cuar-css-wrapper .dgt-open {
    color: #269E7A; }
  body.customer-area-active .cuar-css-wrapper .dgt-locked {
    color: crimson; }
  body.customer-area-active .cuar-css-wrapper #upload-scorm {
    font-family: 'Raleway', 'Verdana', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    padding: 10px 20px;
    letter-spacing: 0.1rem; }
  body.customer-area-active .cuar-css-wrapper img.dgt-icon {
    cursor: pointer;
    width: 20px;
    height: 20px; }
  body.customer-area-active .cuar-css-wrapper .dgt-lock {
    cursor: pointer; }
  body.customer-area-active .cuar-css-wrapper input.dgt-rename {
    padding: 0.7rem 1rem;
    width: 100%;
    border: 1px solid black; }
  body.customer-area-active .cuar-css-wrapper .dgt-btn.btn-secondary {
    background-color: #f79421; }
    body.customer-area-active .cuar-css-wrapper .dgt-btn.btn-secondary:hover {
      background-color: #d97603; }
  body.customer-area-active .cuar-css-wrapper .dgt-btn.btn-orange {
    background-color: #f79421; }
    body.customer-area-active .cuar-css-wrapper .dgt-btn.btn-orange:hover {
      background-color: #d97603; }
  body.customer-area-active .cuar-css-wrapper .dgt-btn.btn-danger {
    background-color: #c62828; }
    body.customer-area-active .cuar-css-wrapper .dgt-btn.btn-danger:hover {
      background-color: #b71c1c; }
  body.customer-area-active .cuar-css-wrapper .dgt-btn.btn-dark {
    background-color: #434343; }
    body.customer-area-active .cuar-css-wrapper .dgt-btn.btn-dark:hover {
      background-color: #333333; }
  body.customer-area-active .cuar-css-wrapper .dgt-btn.btn-dark-orange {
    background-color: #434343; }
    body.customer-area-active .cuar-css-wrapper .dgt-btn.btn-dark-orange:hover {
      background-color: #fdaa4a; }
  body.customer-area-active .cuar-css-wrapper .dgt-btn.btn-primary {
    background-color: #0087F7; }
    body.customer-area-active .cuar-css-wrapper .dgt-btn.btn-primary:hover {
      background-color: #0063b6; }
  body.customer-area-active .cuar-css-wrapper .dgt-btn.btn-big {
    font-size: 1.2rem; }
  body.customer-area-active .cuar-css-wrapper .dgt-center {
    text-align: center; }
  body.customer-area-active .cuar-css-wrapper .dgt-btn:hover, body.customer-area-active .cuar-css-wrapper .dgt-btn:active, body.customer-area-active .cuar-css-wrapper .dgt-btn:visited, body.customer-area-active .cuar-css-wrapper .dgt-btn {
    color: white;
    text-decoration: none; }
  body.customer-area-active .cuar-css-wrapper .dgt-btn {
    cursor: pointer;
    outline-style: none;
    color: white;
    background-color: #515151;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 1rem;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12), 2px 2px 3px rgba(0, 0, 0, 0.12); }
    body.customer-area-active .cuar-css-wrapper .dgt-btn:hover {
      background-color: #484848;
      transition: background 0.2s ease; }
  body.customer-area-active .cuar-css-wrapper .dgt-outline-btn,
  body.customer-area-active .cuar-css-wrapper .btn-dispatcher-pack,
  body.customer-area-active .cuar-css-wrapper .dgt-outline-btn.btn-dispatcher-pack {
    border: 2px solid #2f2f2f;
    border-radius: 0;
    color: #2f2f2f;
    font-size: 13px;
    line-height: 1;
    margin: 0;
    padding: 17px 26px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: transparent;
    transition: background-color 0.1s ease-in; }
    body.customer-area-active .cuar-css-wrapper .dgt-outline-btn:disabled,
    body.customer-area-active .cuar-css-wrapper .btn-dispatcher-pack:disabled,
    body.customer-area-active .cuar-css-wrapper .dgt-outline-btn.btn-dispatcher-pack:disabled {
      color: #fff;
      background-color: #2f2f2f;
      border-color: #2f2f2f; }
    body.customer-area-active .cuar-css-wrapper .dgt-outline-btn:hover,
    body.customer-area-active .cuar-css-wrapper .btn-dispatcher-pack:hover,
    body.customer-area-active .cuar-css-wrapper .dgt-outline-btn.btn-dispatcher-pack:hover {
      outline: medium none;
      text-decoration: none;
      color: #fff;
      background-color: #2f2f2f;
      border-color: #2f2f2f; }
  body.customer-area-active .cuar-css-wrapper .switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 25px;
    margin: 0;
    bottom: -0.5em;
    /*right: calc(-100% + 45px);*/ }
    body.customer-area-active .cuar-css-wrapper .switch input {
      display: none; }
    body.customer-area-active .cuar-css-wrapper .switch .slider-dot {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      border-radius: 25px; }
      body.customer-area-active .cuar-css-wrapper .switch .slider-dot:before {
        position: absolute;
        content: "";
        height: calc(25px - (4px * 2));
        width: calc(25px - (4px * 2));
        left: 4px;
        top: 4px;
        background-color: white;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        border-radius: 50%; }
  body.customer-area-active .cuar-css-wrapper .switch input:checked + .slider-dot {
    background-color: #4a89d6; }
    body.customer-area-active .cuar-css-wrapper .switch input:checked + .slider-dot:before {
      -webkit-transform: translateX(calc(45px - 25px));
      -ms-transform: translateX(calc(45px - 25px));
      transform: translateX(calc(45px - 25px)); }
  body.customer-area-active .cuar-css-wrapper .switch input:focus + .slider-dot {
    box-shadow: 0 0 1px #2196f3; }
  body.customer-area-active .cuar-css-wrapper .dgt-full-width {
    width: 100%; }
  body.customer-area-active .cuar-css-wrapper .dgt-right {
    float: right; }
  body.customer-area-active .cuar-css-wrapper .dgt-left {
    float: left; }
  body.customer-area-active .cuar-css-wrapper .dgt-bold {
    font-weight: bold; }
  body.customer-area-active .cuar-css-wrapper .dgt-after-clear::after {
    content: '';
    display: table;
    clear: both; }
  body.customer-area-active .cuar-css-wrapper .dgt-clear {
    clear: both; }
  body.customer-area-active .cuar-css-wrapper .dgt-text-left {
    text-align: left; }
  body.customer-area-active .cuar-css-wrapper .dgt-text-right {
    text-align: right; }
  body.customer-area-active .cuar-css-wrapper .dgt-text-center {
    text-align: center; }
  body.customer-area-active .cuar-css-wrapper .dgt-flex {
    display: flex; }
  body.customer-area-active .cuar-css-wrapper .dgt-flex-wrap {
    flex-wrap: wrap; }
  body.customer-area-active .cuar-css-wrapper .dgt-justify-content-center {
    justify-content: center; }
  body.customer-area-active .cuar-css-wrapper .dgt-justify-content-space-between {
    justify-content: space-between; }
  body.customer-area-active .cuar-css-wrapper .dgt-justify-content-space-arround {
    justify-content: space-around; }
  body.customer-area-active .cuar-css-wrapper .dgt-justify-content-start {
    justify-content: flex-start; }
  body.customer-area-active .cuar-css-wrapper .dgt-justify-content-end {
    justify-content: flex-end; }
  body.customer-area-active .cuar-css-wrapper .dgt-justify-content-stretct {
    justify-content: stretch; }
  body.customer-area-active .cuar-css-wrapper .dgt-align-content-center {
    align-content: center; }
  body.customer-area-active .cuar-css-wrapper .dgt-align-content-start {
    align-content: flex-start; }
  body.customer-area-active .cuar-css-wrapper .dgt-align-content-end {
    align-content: flex-end; }
  body.customer-area-active .cuar-css-wrapper .dgt-align-content-stretct {
    align-content: stretch; }
  body.customer-area-active .cuar-css-wrapper .dgt-align-items-stretch {
    align-items: stretch; }
  body.customer-area-active .cuar-css-wrapper .dgt-align-items-start {
    align-items: flex-start; }
  body.customer-area-active .cuar-css-wrapper .dgt-align-items-end {
    align-items: flex-end; }
  body.customer-area-active .cuar-css-wrapper .dgt-align-items-center {
    align-items: center; }
  body.customer-area-active .cuar-css-wrapper .dgt-alert-warning {
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    border-radius: 0.25rem;
    color: #856404;
    padding: 1em;
    margin-bottom: 1em !important; }
  body.customer-area-active .cuar-css-wrapper .dgt-alert-danger {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 0.25rem;
    color: #721c24;
    padding: 1em;
    margin-bottom: 1em !important; }
  body.customer-area-active .cuar-css-wrapper .dgt-notice-container {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    text-align: center;
    padding: 50px 20px; }
    body.customer-area-active .cuar-css-wrapper .dgt-notice-container > div,
    body.customer-area-active .cuar-css-wrapper .dgt-notice-container div[class*='dgt-alert-'] {
      font-size: 25px;
      padding: 1em;
      line-height: 1.5; }
    body.customer-area-active .cuar-css-wrapper .dgt-notice-container .dgt-contact {
      display: block;
      margin-top: 10px;
      color: black; }
  body.customer-area-active .cuar-css-wrapper .dgt-df-category-container {
    margin: 10px 1rem; }
  body.customer-area-active .cuar-css-wrapper .dgt-df-dropdown {
    max-height: 400px;
    width: 100%;
    overflow: auto;
    border: 1px solid #ccc; }
  body.customer-area-active .cuar-css-wrapper .dgt-df-dropdown p {
    cursor: pointer; }
  body.customer-area-active .cuar-css-wrapper .dgt-df-dropdown p:hover {
    background: #e4e4e4; }
  body.customer-area-active .cuar-css-wrapper .dgt-df-search-container {
    display: inline-flex;
    flex: 1 1 100%;
    width: 100%;
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden; }
  body.customer-area-active .cuar-css-wrapper .dgt-df-search-box {
    border: 0 !important;
    padding: 0.8rem;
    flex: 1;
    box-shadow: none !important;
    float: left; }
  body.customer-area-active .cuar-css-wrapper .dgt-df-search-close-icon {
    padding: 0.8rem;
    cursor: pointer;
    font-size: 1.1rem; }
  body.customer-area-active .cuar-css-wrapper .dgt-df-dropdown p {
    margin: 0;
    padding: 0.8rem; }
  body.customer-area-active .cuar-css-wrapper .dgt-chips-container {
    margin: auto 1rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row; }
  body.customer-area-active .cuar-css-wrapper .dgt-chips {
    /* blue darken 2 */
    background-color: #515151;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 15px;
    margin: 0.5em; }
  body.customer-area-active .cuar-css-wrapper .dgt-chips-container-coursepaths .dgt-chips {
    background-color: #00897b; }
  body.customer-area-active .cuar-css-wrapper .dgt-chips-close {
    font-size: 1.2em;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
    margin-left: 1em; }
  body.customer-area-active .cuar-css-wrapper #dgt-df-create-category {
    border: 1px solid #ccc;
    padding: 1rem;
    margin-right: 1em; }
  body.customer-area-active .cuar-css-wrapper .dgt-modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 9999;
    /* Sit on top */
    padding-top: 10vh;
    /* Location of the box */
    padding-bottom: 10vh;
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: black;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    /* Modal Content */ }
    body.customer-area-active .cuar-css-wrapper .dgt-modal.modal-show {
      display: block; }
    body.customer-area-active .cuar-css-wrapper .dgt-modal h2 {
      line-height: 3;
      font-size: 1.5rem;
      margin: 0; }
    body.customer-area-active .cuar-css-wrapper .dgt-modal .dgt-modal-content {
      position: relative;
      background-color: #fefefe;
      margin: auto;
      padding: 0;
      /*border: 1px solid #888;*/
      width: 85%;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      -webkit-animation-name: animatetop;
      -webkit-animation-duration: 0.4s;
      animation-name: animatetop;
      animation-duration: 0.4s; }
      body.customer-area-active .cuar-css-wrapper .dgt-modal .dgt-modal-content p {
        margin: 0; }
      body.customer-area-active .cuar-css-wrapper .dgt-modal .dgt-modal-content .dgt-modal-header {
        padding: 0.5rem 1.5rem;
        background-color: #f79421;
        color: white;
        /* The Close  */ }
        body.customer-area-active .cuar-css-wrapper .dgt-modal .dgt-modal-content .dgt-modal-header:after {
          content: '';
          display: table;
          clear: both; }
        body.customer-area-active .cuar-css-wrapper .dgt-modal .dgt-modal-content .dgt-modal-header .dgt-modal-close {
          color: white;
          float: right;
          font-size: 3rem;
          font-weight: bold; }
          body.customer-area-active .cuar-css-wrapper .dgt-modal .dgt-modal-content .dgt-modal-header .dgt-modal-close:hover, body.customer-area-active .cuar-css-wrapper .dgt-modal .dgt-modal-content .dgt-modal-header .dgt-modal-close:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer; }
      body.customer-area-active .cuar-css-wrapper .dgt-modal .dgt-modal-content .dgt-modal-body {
        font-size: 1rem;
        padding: 1.5rem;
        max-height: 65vh;
        overflow-y: auto; }
        body.customer-area-active .cuar-css-wrapper .dgt-modal .dgt-modal-content .dgt-modal-body .dgt-modal-ajax-content {
          display: flex;
          flex-wrap: wrap; }
      body.customer-area-active .cuar-css-wrapper .dgt-modal .dgt-modal-content .dgt-modal-footer {
        padding: 1rem;
        background-color: crimson;
        color: white; }
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }
  body.customer-area-active .cuar-css-wrapper .dispatcher-action {
    cursor: pointer; }
  body.customer-area-active .cuar-css-wrapper .dgt-date {
    color: #f79421;
    font-weight: bold; }
  body.customer-area-active .cuar-css-wrapper .dgt-category {
    color: #515151;
    font-weight: bold; }
  body.customer-area-active .cuar-css-wrapper .first-revision {
    background-color: rgba(255, 82, 52, 0.2); }
  body.customer-area-active .cuar-css-wrapper .dgt-tmstmp-hidden {
    display: none; }
  body.customer-area-active .cuar-css-wrapper div.dgt-files-list-container {
    border-bottom: 1px solid #e6e6e6; }
  body.customer-area-active .cuar-css-wrapper div.dgt-files-list-container h2.dgt-files-list-title {
    padding: 25px;
    margin: 0 -11px 0px !important;
    background-color: #f9f9f8;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6; }
  body.customer-area-active .cuar-css-wrapper table.dgt-files-list {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), -1px 0 2px rgba(0, 0, 0, 0.24);
    box-sizing: border-box;
    width: 100%; }
    body.customer-area-active .cuar-css-wrapper table.dgt-files-list thead.dgt-table-thead {
      border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    body.customer-area-active .cuar-css-wrapper table.dgt-files-list tr > * {
      padding: 1rem; }
    body.customer-area-active .cuar-css-wrapper table.dgt-files-list td:first-child {
      word-break: break-all !important; }
    body.customer-area-active .cuar-css-wrapper table.dgt-files-list tbody tr:hover {
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      background-color: #b3e5fc; }
    body.customer-area-active .cuar-css-wrapper table.dgt-files-list tbody tr td i {
      margin-right: 0.5em; }
    body.customer-area-active .cuar-css-wrapper table.dgt-files-list tbody tr th {
      font-weight: bold;
      width: 100%; }
  body.customer-area-active .cuar-css-wrapper label.dgt-dropdown {
    font-weight: bold;
    cursor: pointer;
    color: white;
    background-color: #269E7A;
    padding: 5px 10px;
    width: 100%;
    margin: 0; }
  body.customer-area-active .cuar-css-wrapper table#dgt-files-list {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), -1px 0 2px rgba(0, 0, 0, 0.24);
    box-sizing: border-box; }
    body.customer-area-active .cuar-css-wrapper table#dgt-files-list thead.dgt-table-thead {
      border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    body.customer-area-active .cuar-css-wrapper table#dgt-files-list thead tr th {
      font-weight: bold; }
    body.customer-area-active .cuar-css-wrapper table#dgt-files-list tr > * {
      padding: 1rem; }
    body.customer-area-active .cuar-css-wrapper table#dgt-files-list tbody tr:hover {
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      background-color: #b3e5fc; }
    body.customer-area-active .cuar-css-wrapper table#dgt-files-list tbody tr td i {
      margin-right: 0.5em; }
  body.customer-area-active .cuar-css-wrapper label.dgt-df-dropdown {
    font-weight: bold;
    cursor: pointer;
    color: white;
    background-color: #269E7A;
    padding: 5px 10px;
    width: 100%;
    margin: 0; }
    body.customer-area-active .cuar-css-wrapper label.dgt-df-dropdown span {
      float: right; }
  body.customer-area-active .cuar-css-wrapper div.dgt-dropdown-card {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), -1px 0 2px rgba(0, 0, 0, 0.24); }
  body.customer-area-active .cuar-css-wrapper .dgt-col-dropdown input.dgt-input-project-list {
    display: none; }
  body.customer-area-active .cuar-css-wrapper ul.dgt-projects-list {
    display: none; }
    body.customer-area-active .cuar-css-wrapper ul.dgt-projects-list li {
      background: white; }
      body.customer-area-active .cuar-css-wrapper ul.dgt-projects-list li:hover {
        background: #dbdbe2; }
      body.customer-area-active .cuar-css-wrapper ul.dgt-projects-list li label {
        padding: 5px;
        cursor: pointer;
        width: 100%; }
        body.customer-area-active .cuar-css-wrapper ul.dgt-projects-list li label input {
          float: right; }
  body.customer-area-active .cuar-css-wrapper .dgt-col-dropdown input.dgt-input-project-list:checked ~ ul.dgt-projects-list {
    display: inherit; }
  body.customer-area-active .cuar-css-wrapper .check-container {
    text-align: center; }
  body.customer-area-active .cuar-css-wrapper table thead th.sorting,
  body.customer-area-active .cuar-css-wrapper table thead th.sorting_asc,
  body.customer-area-active .cuar-css-wrapper table thead th.sorting_desc {
    cursor: pointer; }
  body.customer-area-active .cuar-css-wrapper table thead th.sorting_desc:after, body.customer-area-active .cuar-css-wrapper table thead th.sorting_asc:after {
    font-weight: bold;
    color: #fdaa4a;
    margin-left: 5px; }
  body.customer-area-active .cuar-css-wrapper table thead th.sorting_desc:after {
    content: '\25BC'; }
  body.customer-area-active .cuar-css-wrapper table thead th.sorting_asc:after {
    content: '\25B2'; }
  body.customer-area-active .cuar-css-wrapper table tr.dgt-grey {
    background-color: #515151; }
  body.customer-area-active .cuar-css-wrapper .dataTables_wrapper {
    width: 100%; }
  body.customer-area-active .cuar-css-wrapper .dataTables_length, body.customer-area-active .cuar-css-wrapper .dataTables_filter {
    display: inline-block;
    margin: 10px; }
  body.customer-area-active .cuar-css-wrapper .dataTables_filter input {
    margin-left: 10px;
    padding: 7px 10px;
    border: 1px solid #dddfeb; }
  body.customer-area-active .cuar-css-wrapper .dataTables_length select {
    border: 1px solid #dddfeb;
    padding: 7px; }
  body.customer-area-active .cuar-css-wrapper .dataTables_info, body.customer-area-active .cuar-css-wrapper .dataTables_paginate {
    display: inline-block;
    margin: 10px; }
    body.customer-area-active .cuar-css-wrapper .dataTables_info:after, body.customer-area-active .cuar-css-wrapper .dataTables_paginate:after {
      content: '';
      display: table;
      clear: both; }
  body.customer-area-active .cuar-css-wrapper .dataTables_info {
    float: left;
    padding: 10px; }
  body.customer-area-active .cuar-css-wrapper .dataTables_paginate {
    float: right; }
    body.customer-area-active .cuar-css-wrapper .dataTables_paginate span {
      display: inline-block; }
    body.customer-area-active .cuar-css-wrapper .dataTables_paginate .paginate_button {
      display: inline-block;
      padding: 10px;
      border-radius: 2px;
      border: 1px solid #dddfeb;
      text-decoration: none; }
    body.customer-area-active .cuar-css-wrapper .dataTables_paginate a.paginate_button.current,
    body.customer-area-active .cuar-css-wrapper .dataTables_paginate a.paginate_button:hover {
      color: white;
      background-color: #515151; }
  body.customer-area-active .cuar-css-wrapper .dispatcher-pack {
    margin-right: 30px;
    margin-bottom: 30px;
    width: 300px;
    box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.08), 2px 2px 4px rgba(100, 100, 100, 0.08); }
    @media screen and (max-width: 768px) {
      body.customer-area-active .cuar-css-wrapper .dispatcher-pack {
        margin-right: 0; } }
    body.customer-area-active .cuar-css-wrapper .dispatcher-pack div.dispatcher-pack__header {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      justify-content: center;
      text-align: center;
      background-color: #fdaa4a;
      color: white;
      width: 100%;
      height: 170px; }
    body.customer-area-active .cuar-css-wrapper .dispatcher-pack div.dispatcher-pack__body {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: center;
      justify-content: center;
      text-align: center;
      background-color: #f7f7f7;
      color: black;
      padding: 1rem;
      width: 100%;
      min-height: 150px;
      text-align: center; }
      body.customer-area-active .cuar-css-wrapper .dispatcher-pack div.dispatcher-pack__body ul, body.customer-area-active .cuar-css-wrapper .dispatcher-pack div.dispatcher-pack__body li {
        width: 100%; }
      body.customer-area-active .cuar-css-wrapper .dispatcher-pack div.dispatcher-pack__body li {
        line-height: 1.7;
        color: #9e9e9e;
        border-bottom: 1px solid #e4e3e3; }
        body.customer-area-active .cuar-css-wrapper .dispatcher-pack div.dispatcher-pack__body li:last-child {
          border-bottom: none; }
    body.customer-area-active .cuar-css-wrapper .dispatcher-pack .dispatcher-pack__price {
      width: 100%;
      font-size: 20px; }
      body.customer-area-active .cuar-css-wrapper .dispatcher-pack .dispatcher-pack__price span {
        font-size: 28px; }
    body.customer-area-active .cuar-css-wrapper .dispatcher-pack .dispatcher-pack__title {
      width: 100%;
      font-size: 18px;
      color: #2F2F2F; }
  body.customer-area-active .cuar-css-wrapper .dispatcher-pack.disabled .dispatcher-pack__header {
    background-color: #787878; }
  body.customer-area-active .cuar-css-wrapper .dgt-dashboard {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
    padding: 20px; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard .grid-container {
      display: grid;
      flex-basis: 100%;
      width: 100%;
      margin: 0;
      grid-template-columns: repeat(3, 1fr) 150px [last-column] minmax(300px, 1fr);
      grid-template-rows: minmax(0, 150px) minmax(0, 250px) [last-row] minmax(0, 1fr);
      grid-column-gap: 20px;
      grid-row-gap: 20px; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .grid-container a, body.customer-area-active .cuar-css-wrapper .dgt-dashboard .grid-container a:hover, body.customer-area-active .cuar-css-wrapper .dgt-dashboard .grid-container a:active {
        text-decoration: none; }
      @media screen and (max-width: 768px) {
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .grid-container {
          display: flex;
          flex-direction: column; } }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .grid-container .grid-item {
        font-family: 'Open Sans', 'Verdana', sans-serif; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .grid-container .grid-item.repartition {
          grid-column-start: 1;
          grid-column-end: 3;
          grid-row-start: 2;
          grid-row-end: 3; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .grid-container .grid-item.top-ressources {
          grid-column-start: 1;
          grid-column-end: 5;
          grid-row-start: 3; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .grid-container .grid-item.top-tiers {
          grid-column-start: 3;
          grid-column-end: 5;
          grid-row-start: 2;
          grid-row-end: 3; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .grid-container .grid-item.dgt-increase-storage {
          display: flex;
          flex-wrap: wrap;
          align-content: center;
          align-items: center;
          justify-content: center;
          color: white;
          font-size: 16px; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard .grid-container .grid-item.dgt-increase-storage img {
            width: 100%;
            margin: 0 auto;
            color: white;
            height: 45px; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .grid-container .grid-item.actu {
          grid-column-start: last-column;
          grid-row-start: 1;
          grid-row-end: 4; }
        @media screen and (max-width: 768px) {
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard .grid-container .grid-item.tiers-ressources {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap; }
            body.customer-area-active .cuar-css-wrapper .dgt-dashboard .grid-container .grid-item.tiers-ressources > * {
              width: 100%; } }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-container {
      flex-basis: 100%;
      margin: 0;
      align-items: flex-start;
      justify-content: flex-start;
      align-content: flex-start;
      display: flex;
      flex-wrap: wrap; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-action-container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-column-gap: 50px;
      width: 100%;
      margin-bottom: 20px; }
      @media screen and (max-width: 768px) {
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-action-container {
          display: flex;
          flex-direction: column; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-action-container .block-action {
            margin-right: 30px;
            margin-bottom: 20px; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-action-container .block-action:last-child {
            margin-bottom: 0; } }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-action-container .block-action:last-child {
        margin-right: 30px; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link {
      position: relative;
      display: flex;
      align-items: center;
      padding: 0 1em;
      color: white;
      transition: all 0.1s ease;
      background-color: #fdaa4a;
      height: 60px;
      cursor: pointer;
      box-shadow: 1px 0 #fdaa4a; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link img {
        width: 40px;
        height: 40px;
        margin-right: 10px; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link a, body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link a:hover, body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link a:active {
        text-decoration: none; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link:after {
        content: '';
        display: table;
        position: absolute;
        right: -30px;
        top: 0;
        transition: all 0.2s ease;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
        border-left: 30px solid #fdaa4a; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link:hover {
        box-shadow: 1px 0 #f79421; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link:hover:after {
          border-left: 30px solid #f79421; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link.dgt-orange-2 {
        box-shadow: 1px 0 #f79421; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link.dgt-orange-2:hover {
          box-shadow: 1px 0 #fdaa4a; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link.dgt-orange-2:hover:after {
            border-left: 30px solid #fdaa4a; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link.dgt-orange-2:after {
          border-left: 30px solid #f79421; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link.blue {
        background-color: #0ab1fc; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link.blue:hover {
          background-color: #066c9a; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link.blue:hover:after {
            border-left: 30px solid #066c9a; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .block-link.blue:after {
          border-left: 30px solid #0ab1fc; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-container {
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
      align-items: stretch;
      justify-content: flex-start; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-container .card-stats {
        margin-bottom: 20px;
        margin-right: 20px;
        width: calc(50% - 10px); }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-container .card-stats:last-child {
          margin-right: 0; }
        @media screen and (max-width: 768px) {
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-container .card-stats {
            width: calc(50% - 10px); } }
        @media screen and (max-width: 500px) {
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-container .card-stats {
            width: 100%;
            margin-right: 0; } }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats {
      display: block;
      background-color: #A5AA34;
      color: white;
      padding: 1rem; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats.card-info {
        background-color: #426D83; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats.card-warning {
        background-color: #fdaa4a; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats.card-danger {
        background-color: #AA3A26; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats.card-yellow {
        background-color: #ECCE3B; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats h2, body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats h3, body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats h4, body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats h5, body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats p {
        margin: 0; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats .card-stats__header {
        display: flex;
        justify-content: space-between; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats .card-stats__header > * {
          vertical-align: top;
          display: inline-block;
          margin-right: 10px; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats .card-stats__header > *:last-child {
            margin-right: 0; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats .card-stats__header .card-stats__title {
          text-align: center; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats .card-stats__header .card-stats__icon {
          width: 50px;
          height: 50px; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats .card-stats__header .card-stats__title h3 {
          font-weight: inherit;
          font-size: 16px; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats .card-stats__header .card-stats__title p {
          font-weight: bold;
          font-size: 25px; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats .card-stats__body {
        margin-top: 10px;
        display: flex;
        justify-content: space-between; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats .card-stats__body > * {
          display: inline-block;
          margin-right: 10px;
          word-break: keep-all; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats .card-stats__body > *:last-child {
            margin-right: 0; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats .card-stats__body .card-stats__data {
          text-align: center; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats .card-stats__body h4 {
          white-space: nowrap;
          font-weight: inherit;
          font-size: 16px; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard .card-stats .card-stats__body p {
          font-weight: bold;
          font-size: 20px; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard span.stars {
      color: #ffd300; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.action-container {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-content: space-between; }
      @media screen and (max-width: 768px) {
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.action-container {
          flex-direction: row; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.action-container > * {
            margin-right: 3%; } }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.action-container a, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.action-container a:hover, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.action-container a:focus, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.action-container a:visited, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.action-container a:active {
        margin-bottom: 1rem;
        text-decoration: none; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.action-container a:last-child, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.action-container a:hover:last-child, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.action-container a:focus:last-child, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.action-container a:visited:last-child, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.action-container a:active:last-child {
          margin-bottom: 0; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card-action.action-secondary {
      background-color: #d97603; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card-action.action-secondary:hover {
        background-color: #cb7a1b; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card-action {
      background-color: #fdaa4a;
      color: white;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      align-content: center;
      text-align: center;
      flex-basis: 10rem;
      width: 10rem;
      height: 10rem;
      cursor: pointer;
      transition: background-color 0.2s ease-in-out; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card-action:hover {
        background-color: #cc7a1b; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card-action .card__icon {
        height: 50px;
        width: 50px; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card-action h3 {
        margin: 0; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card.card-secondary {
      border-bottom: 5px solid #434343; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card.card-secondary h3 {
        background-color: #434343; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card.card-secondary h4 {
        text-transform: uppercase; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card {
      background-color: white;
      border-bottom: 5px solid #515151;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12), 1px 1px 1px rgba(0, 0, 0, 0.12), -1px -1px 1px rgba(0, 0, 0, 0.12); }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card > * {
        padding: 1rem;
        word-break: break-all; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card h3 {
        margin: 0;
        color: white;
        background-color: #515151; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content {
        background-color: white;
        padding: 1rem;
        /* progress bar */ }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content a, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content a:hover, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content a:focus, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content a:visited, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content a:active {
          text-decoration: none; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .annonce {
          display: flex;
          flex-wrap: wrap;
          flex-direction: row;
          justify-content: flex-start;
          align-items: stretch;
          padding-bottom: 10px;
          padding-top: 10px;
          border-bottom: 2px solid rgba(0, 0, 0, 0.22); }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .annonce h2, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .annonce h3, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .annonce h4, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .annonce h5, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .annonce h6 {
            margin: 0; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .annonce:last-child {
            border-bottom: none; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .annonce:first-child {
            padding-top: 0; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .annonce img.annonce__thumbnail {
            width: 80px;
            height: 80px;
            margin-right: 10px; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .annonce a.dgt-ads-link {
            text-decoration: underline !important;
            color: #416B81 !important; }
            body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .annonce a.dgt-ads-link:active, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .annonce a.dgt-ads-link:visited, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .annonce a.dgt-ads-link:focus {
              text-decoration: underline !important;
              color: #416B81 !important; }
            body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .annonce a.dgt-ads-link:hover {
              color: #fdaa4a !important; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content progress {
          -webkit-appearance: progress-bar;
          box-sizing: border-box;
          display: inline-block;
          height: 1em;
          width: 10em;
          vertical-align: -0.2em; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content progress, body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content progress[role] {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          border: none;
          background-size: auto;
          height: 30px;
          width: 100%; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .skill-list {
          list-style: none;
          margin: 0;
          padding: 1em; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .skill {
          position: relative;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          align-content: center;
          margin-bottom: 1rem; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .skill .skill__rate {
            color: #fff;
            left: 1em;
            line-height: 1;
            position: absolute;
            margin: 0; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .skill ::-webkit-progress-value {
            -webkit-animation: bar-fill 2s;
            width: 0px; }
          body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .skill progress {
            background-color: #808080; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .skill-1::-webkit-progress-value {
          background: #ff9e2c; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .skill-1::-moz-progress-bar {
          background: #ff9e2c; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .skill-2::-webkit-progress-value {
          background: #4ecdc4; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .skill-2::-moz-progress-bar {
          background: #4ecdc4; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .skill-3::-webkit-progress-value {
          background: #ff6b6b; }
        body.customer-area-active .cuar-css-wrapper .dgt-dashboard div.card .card__content .skill-3::-moz-progress-bar {
          background: #ff6b6b; }
@-webkit-keyframes bar-fill {
  0% {
    width: 0; } }
@keyframes bar-fill {
  0% {
    width: 0; } }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard .dgt-orange-2 {
      background-color: #f79421 !important;
      transition: all 0.1s ease; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .dgt-orange-2:hover {
        background-color: #fdaa4a !important; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard .dgt-orange-3 {
      background-color: #d97603 !important; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard .dgt-orange-1 {
      background-color: #fdaa4a !important;
      transition: all 0.2s ease-in-out; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .dgt-orange-1:hover {
        background-color: #f79421 !important; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard .dgt-storage {
      background-color: #8C9799 !important; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard .dgt-increase-storage {
      background-color: #788183 !important;
      transition: all 0.2s ease; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .dgt-increase-storage:hover {
        background-color: #8C9799 !important; }
    body.customer-area-active .cuar-css-wrapper .dgt-dashboard .top-tiers li, body.customer-area-active .cuar-css-wrapper .dgt-dashboard .top-ressources li {
      padding: 3px 0; }
      body.customer-area-active .cuar-css-wrapper .dgt-dashboard .top-tiers li:hover, body.customer-area-active .cuar-css-wrapper .dgt-dashboard .top-ressources li:hover {
        background-color: rgba(226, 136, 30, 0.8);
        color: white; }
  body.customer-area-active .cuar-css-wrapper .btn-primary.dgt-btn-login:hover {
    background-color: #fdaa4a;
    color: white; }
  body.customer-area-active .cuar-css-wrapper .panel.panel-border.dgt-pannel-border {
    border-color: #fdaa4a; }
  body.customer-area-active .cuar-css-wrapper .dgt-form-login .form-group i.fa {
    color: #fdaa4a; }
  body.customer-area-active .cuar-css-wrapper .dgt-form-ajax {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  body.customer-area-active .cuar-css-wrapper .dgt-client-header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 22px 0 0; }
    body.customer-area-active .cuar-css-wrapper .dgt-client-header .dgt-client-header__infos {
      width: 100%;
      text-align: right; }
  body.customer-area-active .cuar-css-wrapper .edit-expiration-date:hover, body.customer-area-active .cuar-css-wrapper span.edit-expiration-date:hover {
    cursor: pointer;
    text-decoration: underline; }
  body.customer-area-active .cuar-css-wrapper .dgt-form-container {
    text-align: center;
    width: 100%; }
    body.customer-area-active .cuar-css-wrapper .dgt-form-container .dgt-btn-container {
      width: 100%; }
    body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row; }
      body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project > * {
        margin-right: 2%; }
      body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project.form-center {
        justify-content: center; }
      body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project div.dgt-input-wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        /**/
        margin-bottom: 1rem; }
      body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project label, body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project input {
        display: inline;
        margin: 0;
        padding: 0.7em 1em; }
      body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project input {
        min-width: 200px; }
      body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project textarea {
        min-width: 300px;
        resize: vertical;
        padding: 1rem; }
      body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project label {
        display: flex;
        align-items: center;
        align-content: center;
        background-color: #515151;
        color: white;
        min-width: 100px; }
      body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project label.label-required {
        background-color: #fdaa4a;
        border-color: #d97603; }
      body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project label.label-primary {
        background-color: #0073d0;
        border-color: #2239c5; }
      body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project label.label-secondary {
        background-color: #515151; }
      body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project input, body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project textarea {
        border: 1px solid #515151; }
      body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project input:read-only, body.customer-area-active .cuar-css-wrapper .dgt-form-container form.dgt-new-project textarea:read-only {
        background-color: lightgrey; }
  body.customer-area-active .cuar-css-wrapper .cuar-page-customer-projects .cuar-collection-title {
    padding: 0;
    margin: 0; }
    body.customer-area-active .cuar-css-wrapper .cuar-page-customer-projects .cuar-collection-title .cuar-title {
      padding: 25px;
      margin: 0; }
  body.customer-area-active .cuar-css-wrapper .cuar-page-customer-projects .collection-thumbnail.collection-list-left.panel-body.pn {
    background-color: #f79421; }
    body.customer-area-active .cuar-css-wrapper .cuar-page-customer-projects .collection-thumbnail.collection-list-left.panel-body.pn.add-project {
      background-color: #fdaa4a; }
    body.customer-area-active .cuar-css-wrapper .cuar-page-customer-projects .collection-thumbnail.collection-list-left.panel-body.pn img.project-icon {
      width: 60px;
      height: 60px;
      margin: 0 auto; }

.site-title img {
  max-height: 70px; }

body .site {
  margin: 0 !important;
  max-width: unset !important; }

#page {
  background-color: #E9E8E4; }

body .site-content {
  margin-top: 0; }

.main-navigation {
  display: none; }

.entry-header {
  border: none; }

.entry-header h1.entry-title {
  display: none; }

.cuar-toolbar {
  display: none; }

#menu-menu-wp-customer-area,
[id^='menu-menu-wp-customer-area'] {
  border-bottom: 1px solid #D6D6D6; }

.cuar-page-content.customer-dashboard {
  display: none; }

.entry-meta {
  display: none; }

.cuar-page-content.customer-private-files {
  display: none; }

#cuar-js-tray {
  display: none; }

#cuar-js-page-content {
  padding-right: 0 !important; }

.cuar-single-entry {
  margin-top: 1rem; }

.dgt-client-header ~ .cuar-single-entry {
  display: none; }

body .site-description {
  text-align: right; }

#cuar-js-mobile-sidebar {
  display: none; }

/* nav */
.cuar-menu-container .nav-container > ul > li.dgt-right {
  float: right !important; }

@media (min-width: 768px) {
  .cuar-menu-container .nav-container > ul > li.dgt-right {
    float: right !important; }

  .cuar-menu-container .nav-container > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start; } }
.dgt-open {
  color: #269E7A; }

.dgt-locked {
  color: crimson; }

#upload-scorm {
  font-family: 'Raleway', 'Verdana', sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 10px 20px;
  letter-spacing: 0.1rem; }

img.dgt-icon {
  cursor: pointer;
  width: 20px;
  height: 20px; }

.dgt-lock {
  cursor: pointer; }

input.dgt-rename {
  padding: 0.7rem 1rem;
  width: 100%;
  border: 1px solid black; }

.dgt-btn.btn-secondary {
  background-color: #f79421; }
  .dgt-btn.btn-secondary:hover {
    background-color: #d97603; }

.dgt-btn.btn-orange {
  background-color: #f79421; }
  .dgt-btn.btn-orange:hover {
    background-color: #d97603; }

.dgt-btn.btn-danger {
  background-color: #c62828; }
  .dgt-btn.btn-danger:hover {
    background-color: #b71c1c; }

.dgt-btn.btn-dark {
  background-color: #434343; }
  .dgt-btn.btn-dark:hover {
    background-color: #333333; }

.dgt-btn.btn-dark-orange {
  background-color: #434343; }
  .dgt-btn.btn-dark-orange:hover {
    background-color: #fdaa4a; }

.dgt-btn.btn-primary {
  background-color: #0087F7; }
  .dgt-btn.btn-primary:hover {
    background-color: #0063b6; }

.dgt-btn.btn-big {
  font-size: 1.2rem; }

.dgt-center {
  text-align: center; }

.dgt-btn:hover, .dgt-btn:active, .dgt-btn:visited, .dgt-btn {
  color: white;
  text-decoration: none; }

.dgt-btn {
  cursor: pointer;
  outline-style: none;
  color: white;
  background-color: #515151;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 1rem;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12), 2px 2px 3px rgba(0, 0, 0, 0.12); }
  .dgt-btn:hover {
    background-color: #484848;
    transition: background 0.2s ease; }

.dgt-outline-btn,
.btn-dispatcher-pack,
.dgt-outline-btn.btn-dispatcher-pack {
  border: 2px solid #2f2f2f;
  border-radius: 0;
  color: #2f2f2f;
  font-size: 13px;
  line-height: 1;
  margin: 0;
  padding: 17px 26px;
  text-transform: uppercase;
  font-weight: 700;
  background-color: transparent;
  transition: background-color 0.1s ease-in; }
  .dgt-outline-btn:disabled,
  .btn-dispatcher-pack:disabled,
  .dgt-outline-btn.btn-dispatcher-pack:disabled {
    color: #fff;
    background-color: #2f2f2f;
    border-color: #2f2f2f; }
  .dgt-outline-btn:hover,
  .btn-dispatcher-pack:hover,
  .dgt-outline-btn.btn-dispatcher-pack:hover {
    outline: medium none;
    text-decoration: none;
    color: #fff;
    background-color: #2f2f2f;
    border-color: #2f2f2f; }

.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 25px;
  margin: 0;
  bottom: -0.5em;
  /*right: calc(-100% + 45px);*/ }
  .switch input {
    display: none; }
  .switch .slider-dot {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 25px; }
    .switch .slider-dot:before {
      position: absolute;
      content: "";
      height: calc(25px - (4px * 2));
      width: calc(25px - (4px * 2));
      left: 4px;
      top: 4px;
      background-color: white;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      border-radius: 50%; }

.switch input:checked + .slider-dot {
  background-color: #4a89d6; }
  .switch input:checked + .slider-dot:before {
    -webkit-transform: translateX(calc(45px - 25px));
    -ms-transform: translateX(calc(45px - 25px));
    transform: translateX(calc(45px - 25px)); }

.switch input:focus + .slider-dot {
  box-shadow: 0 0 1px #2196f3; }

/* helpers */
.dgt-full-width {
  width: 100%; }

.dgt-right {
  float: right; }

.dgt-left {
  float: left; }

.dgt-bold {
  font-weight: bold; }

.dgt-after-clear::after {
  content: '';
  display: table;
  clear: both; }

.dgt-clear {
  clear: both; }

.dgt-text-left {
  text-align: left; }

.dgt-text-right {
  text-align: right; }

.dgt-text-center {
  text-align: center; }

.dgt-flex {
  display: flex; }

.dgt-flex-wrap {
  flex-wrap: wrap; }

/* justify content */
.dgt-justify-content-center {
  justify-content: center; }

.dgt-justify-content-space-between {
  justify-content: space-between; }

.dgt-justify-content-space-arround {
  justify-content: space-around; }

.dgt-justify-content-start {
  justify-content: flex-start; }

.dgt-justify-content-end {
  justify-content: flex-end; }

.dgt-justify-content-stretct {
  justify-content: stretch; }

/* align content */
.dgt-align-content-center {
  align-content: center; }

.dgt-align-content-start {
  align-content: flex-start; }

.dgt-align-content-end {
  align-content: flex-end; }

.dgt-align-content-stretct {
  align-content: stretch; }

/* align items */
.dgt-align-items-stretch {
  align-items: stretch; }

.dgt-align-items-start {
  align-items: flex-start; }

.dgt-align-items-end {
  align-items: flex-end; }

.dgt-align-items-center {
  align-items: center; }

.dgt-alert-warning {
  background-color: #fff3cd;
  border: 1px solid #ffeeba;
  border-radius: 0.25rem;
  color: #856404;
  padding: 1em;
  margin-bottom: 1em !important; }

.dgt-alert-danger {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 0.25rem;
  color: #721c24;
  padding: 1em;
  margin-bottom: 1em !important; }

.dgt-notice-container {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  text-align: center;
  padding: 50px 20px; }
  .dgt-notice-container > div,
  .dgt-notice-container div[class*='dgt-alert-'] {
    font-size: 25px;
    padding: 1em;
    line-height: 1.5; }
  .dgt-notice-container .dgt-contact {
    display: block;
    margin-top: 10px;
    color: black; }

/* dropdown */
.dgt-df-category-container {
  margin: 10px 1rem; }

.dgt-df-dropdown {
  max-height: 400px;
  width: 100%;
  overflow: auto;
  border: 1px solid #ccc; }

.dgt-df-dropdown p {
  cursor: pointer; }

.dgt-df-dropdown p:hover {
  background: #e4e4e4; }

.dgt-df-search-container {
  display: inline-flex;
  flex: 1 1 100%;
  width: 100%;
  position: relative;
  border: 1px solid #ccc;
  overflow: hidden; }

.dgt-df-search-box {
  border: 0 !important;
  padding: 0.8rem;
  flex: 1;
  box-shadow: none !important;
  float: left; }

.dgt-df-search-close-icon {
  padding: 0.8rem;
  cursor: pointer;
  font-size: 1.1rem; }

.dgt-df-dropdown p {
  margin: 0;
  padding: 0.8rem; }

.dgt-chips-container {
  margin: auto 1rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }

.dgt-chips {
  /* blue darken 2 */
  background-color: #515151;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 15px;
  margin: 0.5em; }

.dgt-chips-container-coursepaths .dgt-chips {
  background-color: #00897b; }

.dgt-chips-close {
  font-size: 1.2em;
  font-style: normal;
  font-weight: bold;
  cursor: pointer;
  margin-left: 1em; }

#dgt-df-create-category {
  border: 1px solid #ccc;
  padding: 1rem;
  margin-right: 1em; }

/* The Modal (background) */
.dgt-modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 9999;
  /* Sit on top */
  padding-top: 10vh;
  /* Location of the box */
  padding-bottom: 10vh;
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* Modal Content */ }
  .dgt-modal.modal-show {
    display: block; }
  .dgt-modal h2 {
    line-height: 3;
    font-size: 1.5rem;
    margin: 0; }
  .dgt-modal .dgt-modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    /*border: 1px solid #888;*/
    width: 85%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s; }
    .dgt-modal .dgt-modal-content p {
      margin: 0; }
    .dgt-modal .dgt-modal-content .dgt-modal-header {
      padding: 0.5rem 1.5rem;
      background-color: #f79421;
      color: white;
      /* The Close  */ }
      .dgt-modal .dgt-modal-content .dgt-modal-header:after {
        content: '';
        display: table;
        clear: both; }
      .dgt-modal .dgt-modal-content .dgt-modal-header .dgt-modal-close {
        color: white;
        float: right;
        font-size: 3rem;
        font-weight: bold; }
        .dgt-modal .dgt-modal-content .dgt-modal-header .dgt-modal-close:hover, .dgt-modal .dgt-modal-content .dgt-modal-header .dgt-modal-close:focus {
          color: #000;
          text-decoration: none;
          cursor: pointer; }
    .dgt-modal .dgt-modal-content .dgt-modal-body {
      font-size: 1rem;
      padding: 1.5rem;
      max-height: 65vh;
      overflow-y: auto; }
      .dgt-modal .dgt-modal-content .dgt-modal-body .dgt-modal-ajax-content {
        display: flex;
        flex-wrap: wrap; }
    .dgt-modal .dgt-modal-content .dgt-modal-footer {
      padding: 1rem;
      background-color: crimson;
      color: white; }

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }
/* table */
.dispatcher-action {
  cursor: pointer; }

.dgt-date {
  color: #f79421;
  font-weight: bold; }

.dgt-category {
  color: #515151;
  font-weight: bold; }

.first-revision {
  background-color: rgba(255, 82, 52, 0.2); }

.dgt-tmstmp-hidden {
  display: none; }

div.dgt-files-list-container {
  border-bottom: 1px solid #e6e6e6; }

div.dgt-files-list-container h2.dgt-files-list-title {
  padding: 25px;
  margin: 0 -11px 0px !important;
  background-color: #f9f9f8;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6; }

table.dgt-files-list {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), -1px 0 2px rgba(0, 0, 0, 0.24);
  box-sizing: border-box;
  width: 100%; }
  table.dgt-files-list thead.dgt-table-thead {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  table.dgt-files-list tr > * {
    padding: 1rem; }
  table.dgt-files-list td:first-child {
    word-break: break-all !important; }
  table.dgt-files-list tbody tr:hover {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-color: #b3e5fc; }
  table.dgt-files-list tbody tr td i {
    margin-right: 0.5em; }
  table.dgt-files-list tbody tr th {
    font-weight: bold;
    width: 100%; }

label.dgt-dropdown {
  font-weight: bold;
  cursor: pointer;
  color: white;
  background-color: #269E7A;
  padding: 5px 10px;
  width: 100%;
  margin: 0; }

/* checkbox switch */
table#dgt-files-list {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), -1px 0 2px rgba(0, 0, 0, 0.24);
  box-sizing: border-box; }
  table#dgt-files-list thead.dgt-table-thead {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  table#dgt-files-list thead tr th {
    font-weight: bold; }
  table#dgt-files-list tr > * {
    padding: 1rem; }
  table#dgt-files-list tbody tr:hover {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-color: #b3e5fc; }
  table#dgt-files-list tbody tr td i {
    margin-right: 0.5em; }

label.dgt-df-dropdown {
  font-weight: bold;
  cursor: pointer;
  color: white;
  background-color: #269E7A;
  padding: 5px 10px;
  width: 100%;
  margin: 0; }
  label.dgt-df-dropdown span {
    float: right; }

div.dgt-dropdown-card {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), -1px 0 2px rgba(0, 0, 0, 0.24); }

.dgt-col-dropdown input.dgt-input-project-list {
  display: none; }

ul.dgt-projects-list {
  display: none; }
  ul.dgt-projects-list li {
    background: white; }
    ul.dgt-projects-list li:hover {
      background: #dbdbe2; }
    ul.dgt-projects-list li label {
      padding: 5px;
      cursor: pointer;
      width: 100%; }
      ul.dgt-projects-list li label input {
        float: right; }

.dgt-col-dropdown input.dgt-input-project-list:checked ~ ul.dgt-projects-list {
  display: inherit; }

.check-container {
  text-align: center; }

table thead th.sorting,
table thead th.sorting_asc,
table thead th.sorting_desc {
  cursor: pointer; }
table thead th.sorting_desc:after, table thead th.sorting_asc:after {
  font-weight: bold;
  color: #fdaa4a;
  margin-left: 5px; }
table thead th.sorting_desc:after {
  content: '\25BC'; }
table thead th.sorting_asc:after {
  content: '\25B2'; }
table tr.dgt-grey {
  background-color: #515151; }

.dataTables_wrapper {
  width: 100%; }

.dataTables_length, .dataTables_filter {
  display: inline-block;
  margin: 10px; }

.dataTables_filter input {
  margin-left: 10px;
  padding: 7px 10px;
  border: 1px solid #dddfeb; }

.dataTables_length select {
  border: 1px solid #dddfeb;
  padding: 7px; }

.dataTables_info, .dataTables_paginate {
  display: inline-block;
  margin: 10px; }
  .dataTables_info:after, .dataTables_paginate:after {
    content: '';
    display: table;
    clear: both; }

.dataTables_info {
  float: left;
  padding: 10px; }

.dataTables_paginate {
  float: right; }
  .dataTables_paginate span {
    display: inline-block; }
  .dataTables_paginate .paginate_button {
    display: inline-block;
    padding: 10px;
    border-radius: 2px;
    border: 1px solid #dddfeb;
    text-decoration: none; }
  .dataTables_paginate a.paginate_button.current,
  .dataTables_paginate a.paginate_button:hover {
    color: white;
    background-color: #515151; }

.dispatcher-pack {
  margin-right: 30px;
  margin-bottom: 30px;
  width: 300px;
  box-shadow: 1px 1px 2px rgba(100, 100, 100, 0.08), 2px 2px 4px rgba(100, 100, 100, 0.08); }
  @media screen and (max-width: 768px) {
    .dispatcher-pack {
      margin-right: 0; } }
  .dispatcher-pack div.dispatcher-pack__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    background-color: #fdaa4a;
    color: white;
    width: 100%;
    height: 170px; }
  .dispatcher-pack div.dispatcher-pack__body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    background-color: #f7f7f7;
    color: black;
    padding: 1rem;
    width: 100%;
    min-height: 150px;
    text-align: center; }
    .dispatcher-pack div.dispatcher-pack__body ul, .dispatcher-pack div.dispatcher-pack__body li {
      width: 100%; }
    .dispatcher-pack div.dispatcher-pack__body li {
      line-height: 1.7;
      color: #9e9e9e;
      border-bottom: 1px solid #e4e3e3; }
      .dispatcher-pack div.dispatcher-pack__body li:last-child {
        border-bottom: none; }
  .dispatcher-pack .dispatcher-pack__price {
    width: 100%;
    font-size: 20px; }
    .dispatcher-pack .dispatcher-pack__price span {
      font-size: 28px; }
  .dispatcher-pack .dispatcher-pack__title {
    width: 100%;
    font-size: 18px;
    color: #2F2F2F; }

.dispatcher-pack.disabled .dispatcher-pack__header {
  background-color: #787878; }

.dgt-dashboard {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  padding: 20px; }
  .dgt-dashboard .grid-container {
    display: grid;
    flex-basis: 100%;
    width: 100%;
    margin: 0;
    grid-template-columns: repeat(3, 1fr) 150px [last-column] minmax(300px, 1fr);
    grid-template-rows: minmax(0, 150px) minmax(0, 250px) [last-row] minmax(0, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px; }
    .dgt-dashboard .grid-container a, .dgt-dashboard .grid-container a:hover, .dgt-dashboard .grid-container a:active {
      text-decoration: none; }
    @media screen and (max-width: 768px) {
      .dgt-dashboard .grid-container {
        display: flex;
        flex-direction: column; } }
    .dgt-dashboard .grid-container .grid-item {
      font-family: 'Open Sans', 'Verdana', sans-serif; }
      .dgt-dashboard .grid-container .grid-item.repartition {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3; }
      .dgt-dashboard .grid-container .grid-item.top-ressources {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 3; }
      .dgt-dashboard .grid-container .grid-item.top-tiers {
        grid-column-start: 3;
        grid-column-end: 5;
        grid-row-start: 2;
        grid-row-end: 3; }
      .dgt-dashboard .grid-container .grid-item.dgt-increase-storage {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 16px; }
        .dgt-dashboard .grid-container .grid-item.dgt-increase-storage img {
          width: 100%;
          margin: 0 auto;
          color: white;
          height: 45px; }
      .dgt-dashboard .grid-container .grid-item.actu {
        grid-column-start: last-column;
        grid-row-start: 1;
        grid-row-end: 4; }
      @media screen and (max-width: 768px) {
        .dgt-dashboard .grid-container .grid-item.tiers-ressources {
          display: flex;
          flex-direction: column;
          flex-wrap: wrap; }
          .dgt-dashboard .grid-container .grid-item.tiers-ressources > * {
            width: 100%; } }
  .dgt-dashboard .block-container {
    flex-basis: 100%;
    margin: 0;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap; }
  .dgt-dashboard .block-action-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 50px;
    width: 100%;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .dgt-dashboard .block-action-container {
        display: flex;
        flex-direction: column; }
        .dgt-dashboard .block-action-container .block-action {
          margin-right: 30px;
          margin-bottom: 20px; }
        .dgt-dashboard .block-action-container .block-action:last-child {
          margin-bottom: 0; } }
    .dgt-dashboard .block-action-container .block-action:last-child {
      margin-right: 30px; }
  .dgt-dashboard .block-link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1em;
    color: white;
    transition: all 0.1s ease;
    background-color: #fdaa4a;
    height: 60px;
    cursor: pointer;
    box-shadow: 1px 0 #fdaa4a; }
    .dgt-dashboard .block-link img {
      width: 40px;
      height: 40px;
      margin-right: 10px; }
    .dgt-dashboard .block-link a, .dgt-dashboard .block-link a:hover, .dgt-dashboard .block-link a:active {
      text-decoration: none; }
    .dgt-dashboard .block-link:after {
      content: '';
      display: table;
      position: absolute;
      right: -30px;
      top: 0;
      transition: all 0.2s ease;
      border-top: 30px solid transparent;
      border-bottom: 30px solid transparent;
      border-left: 30px solid #fdaa4a; }
    .dgt-dashboard .block-link:hover {
      box-shadow: 1px 0 #f79421; }
      .dgt-dashboard .block-link:hover:after {
        border-left: 30px solid #f79421; }
    .dgt-dashboard .block-link.dgt-orange-2 {
      box-shadow: 1px 0 #f79421; }
      .dgt-dashboard .block-link.dgt-orange-2:hover {
        box-shadow: 1px 0 #fdaa4a; }
        .dgt-dashboard .block-link.dgt-orange-2:hover:after {
          border-left: 30px solid #fdaa4a; }
      .dgt-dashboard .block-link.dgt-orange-2:after {
        border-left: 30px solid #f79421; }
    .dgt-dashboard .block-link.blue {
      background-color: #0ab1fc; }
      .dgt-dashboard .block-link.blue:hover {
        background-color: #066c9a; }
        .dgt-dashboard .block-link.blue:hover:after {
          border-left: 30px solid #066c9a; }
      .dgt-dashboard .block-link.blue:after {
        border-left: 30px solid #0ab1fc; }
  .dgt-dashboard .card-container {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: stretch;
    justify-content: flex-start; }
    .dgt-dashboard .card-container .card-stats {
      margin-bottom: 20px;
      margin-right: 20px;
      width: calc(50% - 10px); }
      .dgt-dashboard .card-container .card-stats:last-child {
        margin-right: 0; }
      @media screen and (max-width: 768px) {
        .dgt-dashboard .card-container .card-stats {
          width: calc(50% - 10px); } }
      @media screen and (max-width: 500px) {
        .dgt-dashboard .card-container .card-stats {
          width: 100%;
          margin-right: 0; } }
  .dgt-dashboard .card-stats {
    display: block;
    background-color: #A5AA34;
    color: white;
    padding: 1rem; }
    .dgt-dashboard .card-stats.card-info {
      background-color: #426D83; }
    .dgt-dashboard .card-stats.card-warning {
      background-color: #fdaa4a; }
    .dgt-dashboard .card-stats.card-danger {
      background-color: #AA3A26; }
    .dgt-dashboard .card-stats.card-yellow {
      background-color: #ECCE3B; }
    .dgt-dashboard .card-stats h2, .dgt-dashboard .card-stats h3, .dgt-dashboard .card-stats h4, .dgt-dashboard .card-stats h5, .dgt-dashboard .card-stats p {
      margin: 0; }
    .dgt-dashboard .card-stats .card-stats__header {
      display: flex;
      justify-content: space-between; }
      .dgt-dashboard .card-stats .card-stats__header > * {
        vertical-align: top;
        display: inline-block;
        margin-right: 10px; }
        .dgt-dashboard .card-stats .card-stats__header > *:last-child {
          margin-right: 0; }
      .dgt-dashboard .card-stats .card-stats__header .card-stats__title {
        text-align: center; }
      .dgt-dashboard .card-stats .card-stats__header .card-stats__icon {
        width: 50px;
        height: 50px; }
      .dgt-dashboard .card-stats .card-stats__header .card-stats__title h3 {
        font-weight: inherit;
        font-size: 16px; }
      .dgt-dashboard .card-stats .card-stats__header .card-stats__title p {
        font-weight: bold;
        font-size: 25px; }
    .dgt-dashboard .card-stats .card-stats__body {
      margin-top: 10px;
      display: flex;
      justify-content: space-between; }
      .dgt-dashboard .card-stats .card-stats__body > * {
        display: inline-block;
        margin-right: 10px;
        word-break: keep-all; }
        .dgt-dashboard .card-stats .card-stats__body > *:last-child {
          margin-right: 0; }
      .dgt-dashboard .card-stats .card-stats__body .card-stats__data {
        text-align: center; }
      .dgt-dashboard .card-stats .card-stats__body h4 {
        white-space: nowrap;
        font-weight: inherit;
        font-size: 16px; }
      .dgt-dashboard .card-stats .card-stats__body p {
        font-weight: bold;
        font-size: 20px; }
  .dgt-dashboard span.stars {
    color: #ffd300; }
  .dgt-dashboard div.action-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: space-between; }
    @media screen and (max-width: 768px) {
      .dgt-dashboard div.action-container {
        flex-direction: row; }
        .dgt-dashboard div.action-container > * {
          margin-right: 3%; } }
    .dgt-dashboard div.action-container a, .dgt-dashboard div.action-container a:hover, .dgt-dashboard div.action-container a:focus, .dgt-dashboard div.action-container a:visited, .dgt-dashboard div.action-container a:active {
      margin-bottom: 1rem;
      text-decoration: none; }
      .dgt-dashboard div.action-container a:last-child, .dgt-dashboard div.action-container a:hover:last-child, .dgt-dashboard div.action-container a:focus:last-child, .dgt-dashboard div.action-container a:visited:last-child, .dgt-dashboard div.action-container a:active:last-child {
        margin-bottom: 0; }
  .dgt-dashboard div.card-action.action-secondary {
    background-color: #d97603; }
    .dgt-dashboard div.card-action.action-secondary:hover {
      background-color: #cb7a1b; }
  .dgt-dashboard div.card-action {
    background-color: #fdaa4a;
    color: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    flex-basis: 10rem;
    width: 10rem;
    height: 10rem;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out; }
    .dgt-dashboard div.card-action:hover {
      background-color: #cc7a1b; }
    .dgt-dashboard div.card-action .card__icon {
      height: 50px;
      width: 50px; }
    .dgt-dashboard div.card-action h3 {
      margin: 0; }
  .dgt-dashboard div.card.card-secondary {
    border-bottom: 5px solid #434343; }
    .dgt-dashboard div.card.card-secondary h3 {
      background-color: #434343; }
    .dgt-dashboard div.card.card-secondary h4 {
      text-transform: uppercase; }
  .dgt-dashboard div.card {
    background-color: white;
    border-bottom: 5px solid #515151;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12), 1px 1px 1px rgba(0, 0, 0, 0.12), -1px -1px 1px rgba(0, 0, 0, 0.12); }
    .dgt-dashboard div.card > * {
      padding: 1rem;
      word-break: break-all; }
    .dgt-dashboard div.card h3 {
      margin: 0;
      color: white;
      background-color: #515151; }
    .dgt-dashboard div.card .card__content {
      background-color: white;
      padding: 1rem;
      /* progress bar */ }
      .dgt-dashboard div.card .card__content a, .dgt-dashboard div.card .card__content a:hover, .dgt-dashboard div.card .card__content a:focus, .dgt-dashboard div.card .card__content a:visited, .dgt-dashboard div.card .card__content a:active {
        text-decoration: none; }
      .dgt-dashboard div.card .card__content .annonce {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: 2px solid rgba(0, 0, 0, 0.22); }
        .dgt-dashboard div.card .card__content .annonce h2, .dgt-dashboard div.card .card__content .annonce h3, .dgt-dashboard div.card .card__content .annonce h4, .dgt-dashboard div.card .card__content .annonce h5, .dgt-dashboard div.card .card__content .annonce h6 {
          margin: 0; }
        .dgt-dashboard div.card .card__content .annonce:last-child {
          border-bottom: none; }
        .dgt-dashboard div.card .card__content .annonce:first-child {
          padding-top: 0; }
        .dgt-dashboard div.card .card__content .annonce img.annonce__thumbnail {
          width: 80px;
          height: 80px;
          margin-right: 10px; }
        .dgt-dashboard div.card .card__content .annonce a.dgt-ads-link {
          text-decoration: underline !important;
          color: #416B81 !important; }
          .dgt-dashboard div.card .card__content .annonce a.dgt-ads-link:active, .dgt-dashboard div.card .card__content .annonce a.dgt-ads-link:visited, .dgt-dashboard div.card .card__content .annonce a.dgt-ads-link:focus {
            text-decoration: underline !important;
            color: #416B81 !important; }
          .dgt-dashboard div.card .card__content .annonce a.dgt-ads-link:hover {
            color: #fdaa4a !important; }
      .dgt-dashboard div.card .card__content progress {
        -webkit-appearance: progress-bar;
        box-sizing: border-box;
        display: inline-block;
        height: 1em;
        width: 10em;
        vertical-align: -0.2em; }
      .dgt-dashboard div.card .card__content progress, .dgt-dashboard div.card .card__content progress[role] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        background-size: auto;
        height: 30px;
        width: 100%; }
      .dgt-dashboard div.card .card__content .skill-list {
        list-style: none;
        margin: 0;
        padding: 1em; }
      .dgt-dashboard div.card .card__content .skill {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        margin-bottom: 1rem; }
        .dgt-dashboard div.card .card__content .skill .skill__rate {
          color: #fff;
          left: 1em;
          line-height: 1;
          position: absolute;
          margin: 0; }
        .dgt-dashboard div.card .card__content .skill ::-webkit-progress-value {
          -webkit-animation: bar-fill 2s;
          width: 0px; }
        .dgt-dashboard div.card .card__content .skill progress {
          background-color: #808080; }
      .dgt-dashboard div.card .card__content .skill-1::-webkit-progress-value {
        background: #ff9e2c; }
      .dgt-dashboard div.card .card__content .skill-1::-moz-progress-bar {
        background: #ff9e2c; }
      .dgt-dashboard div.card .card__content .skill-2::-webkit-progress-value {
        background: #4ecdc4; }
      .dgt-dashboard div.card .card__content .skill-2::-moz-progress-bar {
        background: #4ecdc4; }
      .dgt-dashboard div.card .card__content .skill-3::-webkit-progress-value {
        background: #ff6b6b; }
      .dgt-dashboard div.card .card__content .skill-3::-moz-progress-bar {
        background: #ff6b6b; }
@-webkit-keyframes bar-fill {
  0% {
    width: 0; } }
@keyframes bar-fill {
  0% {
    width: 0; } }
  .dgt-dashboard .dgt-orange-2 {
    background-color: #f79421 !important;
    transition: all 0.1s ease; }
    .dgt-dashboard .dgt-orange-2:hover {
      background-color: #fdaa4a !important; }
  .dgt-dashboard .dgt-orange-3 {
    background-color: #d97603 !important; }
  .dgt-dashboard .dgt-orange-1 {
    background-color: #fdaa4a !important;
    transition: all 0.2s ease-in-out; }
    .dgt-dashboard .dgt-orange-1:hover {
      background-color: #f79421 !important; }
  .dgt-dashboard .dgt-storage {
    background-color: #8C9799 !important; }
  .dgt-dashboard .dgt-increase-storage {
    background-color: #788183 !important;
    transition: all 0.2s ease; }
    .dgt-dashboard .dgt-increase-storage:hover {
      background-color: #8C9799 !important; }
  .dgt-dashboard .top-tiers li, .dgt-dashboard .top-ressources li {
    padding: 3px 0; }
    .dgt-dashboard .top-tiers li:hover, .dgt-dashboard .top-ressources li:hover {
      background-color: rgba(226, 136, 30, 0.8);
      color: white; }

.btn-primary.dgt-btn-login:hover {
  background-color: #fdaa4a;
  color: white; }

.panel.panel-border.dgt-pannel-border {
  border-color: #fdaa4a; }

.dgt-form-login .form-group i.fa {
  color: #fdaa4a; }

.dgt-form-ajax {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.dgt-client-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 22px 0 0; }
  .dgt-client-header .dgt-client-header__infos {
    width: 100%;
    text-align: right; }

.edit-expiration-date:hover, span.edit-expiration-date:hover {
  cursor: pointer;
  text-decoration: underline; }

/* form new project */
.dgt-form-container {
  text-align: center;
  width: 100%; }
  .dgt-form-container .dgt-btn-container {
    width: 100%; }
  .dgt-form-container form.dgt-new-project {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row; }
    .dgt-form-container form.dgt-new-project > * {
      margin-right: 2%; }
    .dgt-form-container form.dgt-new-project.form-center {
      justify-content: center; }
    .dgt-form-container form.dgt-new-project div.dgt-input-wrapper {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      /**/
      margin-bottom: 1rem; }
    .dgt-form-container form.dgt-new-project label, .dgt-form-container form.dgt-new-project input {
      display: inline;
      margin: 0;
      padding: 0.7em 1em; }
    .dgt-form-container form.dgt-new-project input {
      min-width: 200px; }
    .dgt-form-container form.dgt-new-project textarea {
      min-width: 300px;
      resize: vertical;
      padding: 1rem; }
    .dgt-form-container form.dgt-new-project label {
      display: flex;
      align-items: center;
      align-content: center;
      background-color: #515151;
      color: white;
      min-width: 100px; }
    .dgt-form-container form.dgt-new-project label.label-required {
      background-color: #fdaa4a;
      border-color: #d97603; }
    .dgt-form-container form.dgt-new-project label.label-primary {
      background-color: #0073d0;
      border-color: #2239c5; }
    .dgt-form-container form.dgt-new-project label.label-secondary {
      background-color: #515151; }
    .dgt-form-container form.dgt-new-project input, .dgt-form-container form.dgt-new-project textarea {
      border: 1px solid #515151; }
    .dgt-form-container form.dgt-new-project input:read-only, .dgt-form-container form.dgt-new-project textarea:read-only {
      background-color: lightgrey; }

.cuar-page-customer-projects .cuar-collection-title {
  padding: 0;
  margin: 0; }
  .cuar-page-customer-projects .cuar-collection-title .cuar-title {
    padding: 25px;
    margin: 0; }
.cuar-page-customer-projects .collection-thumbnail.collection-list-left.panel-body.pn {
  background-color: #f79421; }
  .cuar-page-customer-projects .collection-thumbnail.collection-list-left.panel-body.pn.add-project {
    background-color: #fdaa4a; }
  .cuar-page-customer-projects .collection-thumbnail.collection-list-left.panel-body.pn img.project-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto; }

/*# sourceMappingURL=dispatcher.css.map */