.none {display: none !important;}
.opacity0 {opacity: 0 !important;}
.inlineblock {display: inline-block !important;}
.sectiontitle {font-weight: 500;   font-size: 17px;  margin-top: 20px;  }
.table-config-icon {display:none} 

.nprogress-busy {filter: grayscale(1); opacity:0.3}
.top-search-bar {width:400px}
#top-search-container {width:400px; max-width: 100%}
.page-titles .breadcrumb {display: none !important;}
.page-titles h3 {line-height: 1em;}

/***** HEADER ****/
.dropdown-menu {box-shadow: 0 8px 100px 1px rgba(0, 0, 0, 0.03), 0 3px 144px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.04) !important;}
.language {width:150px}
.language .dropdown-item { text-align: right;  font-weight: 700;  }
.navbar-expand-md .navbar-nav .dropdown-menu.fadeInRight  {height:100vh !important}

.sidenav-submenu.none-63 {display: none;}
.sidebar-nav ul li a.active, .sidebar-nav ul li ul li a {font-size: 14px;  border-bottom: 1px solid #fff;  font-weight: 600;}
.sidebar-nav ul li a:hover {color:#666}


/***** SEARCH ****/
#searchModalContainer {width: 93%;   max-width: 100%;  min-height: 99vh !important;}
#searchModalContainer .modal-content {min-height: 99vh !important;}

.modal-backdrop {display:none !important}
.help-documentation {display:none !important}

/***** CLIENT ****/ 
.client .breadcrumb {display:none !important}
.client .page-titles h3 {font-size: 200%;}
.client #header-search {display:none !important}
.gray-bg {background: #48bd9114;    padding: 10px 0px;    border-radius: 10px;} 
.clients_col_company a {font-weight: 800;}
.sl-item.timeline  .link {font-size: 110%; font-weight: bold !important;}
.sl-item.timeline  .x-title {font-size: 70%;}
.sl-item.timeline  .x-description {font-size: 85%;}
.profiletimeline .sl-left img {border: 1px solid #cacaca;}
.client #pref_filter_own_projects, .client .filtering {display: none;}



/********* PROJECTS *********/
.projects .page-titles {margin-bottom: 0px;}
.statusbutt  {margin-bottom: 15px;}

.nobutton  {background: none;  border: none;}
.project  h3.text-themecolor {font-size:30px;}
.grid-card .grid-card-content.project-card {  height: auto; }
.project-card .project-description{
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limite à 2 lignes */
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 5.3em; /* Ajuste en fonction de la taille de la ligne */
    position: relative;
    white-space: normal;
    margin-top: 5px;
    font-weight: 400;
    font-size: 12px;
}

.projects .project-description:hover { overflow: auto;   max-height: none; }

#projects-cards-container .mdi-dots-vertical {float: right;}
#projects-cards-container .dropdown-menu.show {left: auto !important;    right: 40px !important;    transform: none !important;}
#projects-cards-container .x-title {    padding-right: 10px;    position: relative;    font-weight: bold;     font-size: 110%;  }
.projects_col_ref span {font-size: 80% ; display: block; margin-top: 10px;}
#projects-cards-container .moretag span.btn-more {position: relative;  display: inline;   border: none;}
#projects-cards-container .progress {background-color: transparent;}
#projects-cards-container .projects_col_progress {margin-bottom: -4px;}


.project .project-timeline {min-height: 254px;  overflow: scroll;}
.project #timeline-container {max-height: 320px; overflow: scroll;}
.project .profiletimeline .sl-left {margin-left: -30px;}
.project .profiletimeline .sl-left img {width:20px; height: 20px;}
.project .profiletimeline {border-left:none}
#embed-content-container.project-timeline {padding: 0px; padding-bottom: 30px;}
.project .tab-body-embedded .profiletimeline {margin-top: 0px;  }
.projects .card-body .progress {display: none;}
span.title.bold {color: #009f89; font-weight: 900;  font-size: 120%;}
.answer_btn {   text-align: center;   margin: auto;   display: block;   margin-top: 50px; margin-bottom: 50px; width:200px  }


/*** SIMILAR PROJECT ***/
#similarproject {background-color: #f6f9fa;   padding: 0px !important;  margin: 0px !important;}
#similarproject .x-title {color: #009f89 !important;   font-weight: 800;   font-size: 18px;}
#similarproject .project-description{
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limite à 2 lignes */
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 5.3em; /* Ajuste en fonction de la taille de la ligne */
    position: relative;
    white-space: normal;
    margin-top: 5px;
    font-weight: 400;
    font-size: 12px;
}
#similarproject .project-description:hover { overflow: auto;   max-height: none; }
#similarproject .grid-card {background-color: #fff;}

/*** TASKS ***/
.card-modal .modal-dialog .modal-content #cardModalTabMenu ul {  background-color: #f2f2f2;}
#cardModalTabMenu {display:none}
a.nocolor {color:#009f89 !important}
.projectlabel {font-size: 16px;  padding: 7px 20px;}
.editprojectbut {margin-left: 30px;}
.dateproject{display: inline-flex;  font-size: 12px;   gap: 10px;   margin: 10px;   color: #999 !important; font-weight: 400;}
.dateproject a {color: #999 !important}
.dateproject strong {color: #666; font-weight: 800; font-size: 14px;}

.clientproject h6 {margin-top: 10px;  font-weight: 800;margin-bottom: 0px;}
#list-pages-stats-widget {display: nonee!important;}



.lastupdateproject {margin-top: -35px;  text-align: right;  font-size: 12px;  margin-bottom: 15px;}
.lastupdateproject i {margin-left: 7px;}

/*** LABEL ****/
.label_similar { font-size: 9px !important;  border: 1px solid #999;  text-transform: capitalize;  }

.tableconfig_column_25 .col {padding: 0 !important;    border: none !important;}
.colRed {background-color: #9f0000!important; color:#f2f2f2; border: none;}
.colOrange {background-color: #c47c10!important;color:#f2f2f2; border: none;}
.colGreen {background-color: #409f00!important;color:#f2f2f2; border: none;}
.label-outline-lime {    border: solid 1px #9f0000;   color: #9f0000;}
.label-outline-danger {  color: #9f0000;   background-color: #fcebed;   border-color: #fcebed; }
.label-outline-info {color: #e4f1ff;  background-color: #009f89;  border-color: #009f89;}


.label_discard {background: #fff;  border: 1px solid #755705; color: #755705;}
.label_not_answered {background: #fff;  border: 1px solid #d83e0f; color: #d83e0f;}
.label_completed, .label_lost {background: #9f0000;  border: 1px solid #9f0000;}
.label_on_hold, .label_won {background: #409f00;  border: 1px solid #409f00;}
.label_in_progress, .label_waiting_for_result  {background: #d6a00b;  border: 1px solid #d6a00b;}
.label_not_started, .label_pending  {background: #24d2b5;  border: 1px solid #24d2b5;}

/**** ANSWER *****/
.answerform .col-lg-12 {margin-bottom: 10px;}
#offer_positions {background: #f2f2f2;  padding: 30px;}
#commonModalForm label {font-size: 12px;  margin-top: 10px;}
#commonModalForm .offer-position {margin-bottom: 5px;}
.answer_card {padding: 20px;}
.answer_card p {margin-bottom: 0px;}
.answer_card p strong {font-size: 80%;}
.answer_card .col-sm-6 {display: inline-block;}
.tabeanswer th {background: #f9f9f9;    font-size: 10px;    padding: 5px;}
.tabeanswer td {padding-top: 0.2rem;    padding-bottom: 0.2rem;    color: #5b676d;    font-weight: 500;}


/**** SEAFILE *****/
.seafileframe {width: 100%; min-height: 500px; border: none;}
.newt-btn{width: 270px;  text-align: center;   float: right;  font-size: 16px;   font-weight: bold;}


/**** SIMILAR *****/ 
.no-similar {text-align: center;    padding-top: 90px;    padding-bottom: 100px;    opacity: 0.5;}
#similarproject .similarity_percent {text-align: right;    color: #009f89 !important;    font-weight: bold;    position: absolute;
    right: 20px;    background: #f2f2f2;    padding: 3px 8px;    border-radius: 10px;}

#similarproject .grid-card {padding: 20px;}
.inline_block span {display: inline-block !important;}
.similarity_reason{  background: #f2f2f2;    padding: 7px;    border-radius: 10px;    font-size: 12px;    margin-top: 5px;}
#similarproject .projects_col_ref {font-size: 12px;  opacity: 0.5;}
.new_project .nonew {display: none !important;}
#productsTable_info {display: none !important;}

#cardModalBody .x-heading, #cardModalBody .x-heading i { font-size: 10px;}
.kanban .kanban-wrapper .boards .board {width:23%; min-width:290px}

.description_task {
    font-size: 12px;
    color: #888; font-weight: 500;
  }
  .tasks_col_title [type="checkbox"].filled-in:not(:checked) + label::after {top : 5px}

  .result_search a.strong, .project_result .strong {font-weight: 800 !important;}
  .project_link {opacity: 0.6;}
  .project_link span {margin-left: 30px; font-weight: 500;}

  .stat_projects {padding: 10px 0px;}
 .message-center  .stat_projects  a {border-bottom: 0px solid #eae7e7 !important;}
 .dashboard-events {height: 207px;}

.smalli {font-size: 8px;}
.refreshbtn {background: none; border:none; color: #00564a;}
.refrefresh {text-transform: initial;   font-weight: 700;   background: #f2f2f2;   padding: 3px 10px;   border-radius: 5px;}
.refrefresh:hover {transform: scale(0.9);}
.modal-lg { max-width: 1650px;  width: 85%;  }
#projects-stats-wrapper {width: 100%;}
#projects-stats-wrapper .card {border-right: none;  background: transparent;}
#projects-stats-wrapper .card h3 {margin-bottom: 5px;}


/************* UPLOAD **********/
.dropzone .dz-preview {min-width: 170px; min-height: 170px;}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    width: 100%;
    display: block;
    margin-top: -5px;
  }
  .dropzone .dz-preview .dz-details {width: 100px;    height: 125px;}
  .dropzone {
    min-height: 341px;
    border: 2px dashed rgba(0,0,0,.1) !important;
    background: #fff;
    padding: 10px 0px;
    margin-bottom: 20px;
  }
  .dropzone .dz-preview .dz-progress .dz-upload {
    background: #00564a;
    background: linear-gradient(to bottom,#32cccc,#138585) !important;
    position: absolute;

  }

  #productsTable [type="checkbox"]:not(:checked), #productsTable [type="checkbox"]:checked {
    position: relative;
    left: 0;
    opacity: 1;
  }

/*-- ============================================================== 
 RESPONSIVE
 ============================================================== */

 @media(max-width:900px) {
    .top-search-bar {width:150px}
    #top-search-container {width:150px; max-width: 100%}
    .top-search-bar {  display: block !important  }
    .client .page-titles h3 {font-size: 100%;}

    .card-body {  padding-left: 10px;  padding-right: 10px; }
      .p-t-40 {   padding-top: 10px !important;   }
      .profile-tab li a.nav-link {padding: 5px 12px;}
}
@media(max-width:768px) {

.statusbutt {text-align: center;}


}