/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.none-validation{
	display: none;
}

.dash-compta{
    font-size:200%;
    font-weight: bold;
    text-align: center;
    color: yellow;
}

.dash-fisca{
    font-size:200%;
    font-weight: bold;
    text-align: center;
    color: red;
}

.dash-juri{
    font-size:200%;
    font-weight: bold;
    text-align: center;
    color: cyan;
}

.dash-socia{
    font-size:200%;
    font-weight: bold;
    text-align: center;
    color: #0000ff;
}

/**=====================
    Progress CSS Ends
==========================**/
.project-list .row {
  margin: 15px; }

.project-list button:focus {
  outline: none !important; }

.project-list .theme-form .form-group {
  margin-bottom: 15px; }

.project-list .border-tab.nav-tabs .nav-item .nav-link {
  border: 1px solid transparent;
  padding: 5px 30px 5px 0;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.project-list .btn {
  margin-right: 5px;
  vertical-align: -12px; }
  .project-list .btn svg {
    vertical-align: middle;
    height: 16px; }

.project-list ul {
  margin-bottom: 0 !important;
  border-bottom: 0; }
  .project-list ul li svg {
    height: 18px;
    vertical-align: middle;
    margin-right: 5px; }

.tab-content .row > div.col-xl-4:nth-child(1) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 10ms;
          animation: fadeIncustom 0.5s linear 10ms; }

.tab-content .row > div.col-xl-4:nth-child(2) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 20ms;
          animation: fadeIncustom 0.5s linear 20ms; }

.tab-content .row > div.col-xl-4:nth-child(3) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 30ms;
          animation: fadeIncustom 0.5s linear 30ms; }

.tab-content .row > div.col-xl-4:nth-child(4) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 40ms;
          animation: fadeIncustom 0.5s linear 40ms; }

.tab-content .row > div.col-xl-4:nth-child(5) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 50ms;
          animation: fadeIncustom 0.5s linear 50ms; }

.tab-content .row > div.col-xl-4:nth-child(6) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 60ms;
          animation: fadeIncustom 0.5s linear 60ms; }

.tab-content .row > div.col-xl-4:nth-child(7) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 70ms;
          animation: fadeIncustom 0.5s linear 70ms; }

.tab-content .row > div.col-xl-4:nth-child(8) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 80ms;
          animation: fadeIncustom 0.5s linear 80ms; }

.tab-content .row > div.col-xl-4:nth-child(9) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 90ms;
          animation: fadeIncustom 0.5s linear 90ms; }

.tab-content .row > div.col-xl-4:nth-child(10) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 100ms;
          animation: fadeIncustom 0.5s linear 100ms; }

.tab-content .row > div.col-xl-4:nth-child(11) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 110ms;
          animation: fadeIncustom 0.5s linear 110ms; }

.tab-content .row > div.col-xl-4:nth-child(12) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 120ms;
          animation: fadeIncustom 0.5s linear 120ms; }

.tab-content .row > div.col-xl-4:nth-child(13) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 130ms;
          animation: fadeIncustom 0.5s linear 130ms; }

.tab-content .row > div.col-xl-4:nth-child(14) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 140ms;
          animation: fadeIncustom 0.5s linear 140ms; }

.tab-content .row > div.col-xl-4:nth-child(15) {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: fadeIncustom 0.5s linear 150ms;
          animation: fadeIncustom 0.5s linear 150ms; }

.project-cards .tab-content {
  margin-bottom: -30px; }

.project-box {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 30px;
  background-color: white;
  margin-bottom: 30px; }
  .project-box h6 {
    font-weight: 500 !important; }
  .project-box .badge {
    position: absolute;
    right: 30px;
    top: 15px; }
  .project-box .project-status p {
    margin-bottom: 5px;
    font-weight: 800; }
  .project-box .media {
    margin-bottom: 15px; }
    .project-box .media .media-body {
      opacity: 0.5; }
  .project-box .details div {
    margin-bottom: 5px;
    opacity: 0.7; }

.projectdetails .card .card-body {
  padding: 20px; }

.projectdetails .card .card-footer {
  padding: 20px; }

.projectdetails .card select {
  width: 90px;
  height: 28px;
  font-size: 11px;
  right: 20px;
  top: 20px; }

.projectmore .details .col-4 {
  margin-bottom: 5px; }
  .projectmore .details .col-4:nth-child(even) {
    opacity: 0.5; }

.projectmore h5 {
  font-size: 20px;
  font-weight: 600; }

.projectmore .task-list {
  position: relative; }
  .projectmore .task-list ul li {
    margin-bottom: 5px; }
  .projectmore .task-list ul + ul {
    position: absolute;
    left: 50%;
    top: 0; }

.new-users.activity .gradient-round {
  padding: 13px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  top: unset !important; }
  .new-users.activity .gradient-round::after {
    display: none; }

  /*Margin du initial PDP*/
  .marginSpanAvatar{
    margin-left: 1.5px;
  }

  /*Taille de la select pour filtre sur le datatable select*/
  .widthSelect { width: 220px; }

  /*Taille de l'image pix sur card front office*/
  .img_pix_ordi_size {
      height: 180px;
      width: auto;
  }

  /*Taille du caractère à la ligne si top long*/
  .short-text-container {
    width: 200px;
    height: 40px;
  }
  .short-text {
    overflow-wrap: break-word;
    overflow: auto;
    text-overflow: ellipsis; 
  }

  /*Mettre à ligne si trop grand sur le text mais ca marche pas sur datatable*/
  /* p {
    width: 150px;
    overflow-wrap: break-word;
    overflow: auto;
    text-overflow: ellipsis; 
  } */

  /*Border radius card dashboard front office*/
  .border-card{
    border-radius: 50px;
  }

  /*Police titre de Facture, devis, ...*/
  .ArialPolice {
    font-family: sans-serif;
  }

  /*Cuba CSS*/

  html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks {
    left: 30px;
    right: unset;
  }
  html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks .btn-label {
    margin-left: 5px;
    margin-right: unset;
  }
  html[dir=rtl] .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn {
    text-align: left;
  }
  html[dir=rtl] .todo .notification-popup {
    left: 10px;
    right: unset;
  }
  html[dir=rtl] .todo-options .badges-todo h6 {
    margin-left: 10px;
    margin-right: unset;
  }
  html[dir=rtl] .todo-options .badges-todo h6:last-child {
    margin-left: 0;
  }
  html[dir=rtl] .todo-list-btns .dropdown-basic .btn-group .form-group .checkbox {
    padding-right: 14px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-left: unset;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
  }
  html[dir=rtl] .todo-list-btns .dropdown-basic .separated-btn {
    margin-right: -6px;
    margin-left: unset;
  }
  html[dir=rtl] .todo-list-btns .dropdown-basic .separated-btn .btn {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
  }
  html[dir=rtl] .search-todo .dropdown-basic .btn-group {
    margin-left: 18px;
    margin-right: unset;
  }

  body.dark-only .todo .todo-list-wrapper #todo-list li .task-container {
    background: #262932;
    border-bottom: 1px solid #1d1e26;
  }
  body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-label {
    color: rgba(255, 255, 255, 0.6);
  }
  body.dark-only .todo .todo-list-wrapper #todo-list li .task-container:hover h4 {
    color: #fff;
  }
  body.dark-only .todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover:not(.active) {
    background: #262932;
    border: 1px solid #1d1e26;
  }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .task-label {
    color: var(--theme-deafult);
  }
  body.dark-only .todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover {
    border: 1px solid #54BA4A !important;
  }
  body.dark-only .todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea {
    background-color: #262932;
    border: 1px solid #1d1e26;
    color: rgba(255, 255, 255, 0.6);
  }

  @media only screen and (max-width: 575.98px) {
    html[dir=rtl] .todo .todo-list-wrapper .mark-all-tasks {
      left: 15px;
    }
    html[dir=rtl] .list-persons .nav-pills .nav-link .media .media-body {
      text-align: right;
    }
    html[dir=rtl] .mega-menu {
      padding-left: unset;
      padding-right: 15px;
    }
    html[dir=rtl] .page-wrapper .page-header .header-wrapper .nav-right > ul li {
      margin-right: unset;
      margin-left: 1px;
    }
    html[dir=rtl] .page-wrapper .page-header .header-wrapper .search-full .form-group .close-search {
      left: 0;
    }
    html[dir=rtl] .page-wrapper.compact-wrapper .page-header .header-wrapper .toggle-sidebar, html[dir=rtl] .page-wrapper.compact-sidebar .page-header .header-wrapper .toggle-sidebar {
      margin-left: 8px;
      padding-left: 8px;
      margin-right: unset;
      padding-right: unset;
      border-right: unset;
      border-left: 1px solid #ddd;
    }
    html[dir=rtl] .translate_wrapper.active .more_lang.active {
      left: unset;
      right: 12px;
    }
    html[dir=rtl] .page-header .header-wrapper .nav-right > ul > li:last-child {
      padding-right: 10px;
    }
    html[dir=rtl] .page-header .header-wrapper .nav-right.right-header ul.notification-dropdown {
      left: unset !important;
      right: 15px !important;
    }
    html[dir=rtl] .faq-accordion .faq-header svg {
      left: 15px;
    }
    html[dir=rtl] .user-profile .hovercard .user-image .share-icons {
      left: 15px !important;
    }
    html[dir=rtl] .user-profile .hovercard .user-image .share-icons li {
      margin-left: 0px;
    }
    html[dir=rtl] .main .langChoice {
      left: 15px;
    }
    html[dir=rtl] .page-wrapper .search-form .form-group {
      margin-left: 0;
    }
    html[dir=rtl] .card-body .value-left {
      margin-left: 15px;
    }
  }

  .box-layout .page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive, .box-layout.page-wrapper .page-body-wrapper .todo .todo-list-wrapper #todo-list li .task-responsive {
    min-width: 1087px;
    overflow: auto;
  }