.w170 {
    width:170px ;
}

.w130 {
    width:130px ;
}

#editable td {
    position: relative;
}

#editable p {
    position: absolute;
    top: 5px;
    right: 5px;
}

.idTacheFondgrid {
    position: absolute;
    top: -6px;
    right: -10px;
    margin-top: 5px;
}
b.idTacheFondgrid {
    margin-right: 30px;
}
a.idTacheFondgrid {
    margin-right: 13px;
}

a.idTacheFondliste {
    display: none;
}

.dropUserRight .grid-item {
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    border:1px solid #e7eaec;
    /*padding-left: 10px;*/
    position: relative;
    overflow: hidden;
}

.dropUserRight h3 {
    display: inline-block;
}

.dropUserRight .grid-item { display: inline-block; }
.dropUserRight .grid-item ul { position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background: transparent;z-index: 9; }
.dropUserRight .grid-item ul li { display: none; }
.dropUserRight .grid-item ul li.ui-sortable-placeholder { display: inherit;height: 44px !important;margin: 0px;padding: 0px;background: transparent !important;border-color:#F8AC59 !important  }
.dropUserRight .grid-item .ajouterTacheUser { z-index: 10;position: relative; }
.dropUserRight { padding-left: 5px;padding-right: 5px; }

.ui-sortable-helper { height: 5px !important;overflow: hidden;background: #F8AC59 !important;border-left: none !important; }
.ui-sortable-helper * { display: none; }


/* Pour le mail */
.mailContainer {
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
}

.mailHeader{
    border-bottom:1px solid #DBDBDB;
}
.mailHeader td{
    padding: 36px 20px;
    vertical-align: middle;
}
.mailContainer caption
{
    display: none;
}

.mailBody > td{
    padding: 20px;
}
.mailBody > td > h2:first-child { margin-top: 0px; }

.mailFooter{
    border: 1px solid #e9e9e9;
}
.mailFooter > td { padding: 20px; }

.linkB
{
    border-radius: 16px;
}

.mailContainer .trMailAccroche {
    border-bottom: 1px solid #DBDBDB;
}
.mailContainer .trMailAccroche > td { padding: 10px 20px;font-weight:400;margin-top: 15px; }
.mailHdeux
{
    font-weight:300;
    border-bottom: 1px solid #e7eaec;
    padding-bottom: 3px;
    margin-top: 20px;
}

.mailHdeux + table.table-striped > tbody > tr:first-child > td   { border-top: none;  }

/*.infosMail th
{
    font-weight: inherit;
    width:50%;
}*/


/* .mailContainer hr
{
    height: 2px;
    color: #4EB490;
    background-color: #4EB490;
    width: 64%;
    border: none;
    margin-left: auto;
    margin-right: auto;
}*/

.list .agile-list li {
    margin: 0 0 5px;
    padding: 5px 10px 10px;
}
.agile-list li.danger-element {
    border-bottom: 1px solid #ed5565;
}
 .agile-list li.success-element {
    border-bottom: 1px solid #1ab394;
}
 .agile-list li.warning-element {
    border-bottom: 1px solid #f8ac59;
}


.badgeTache,a.selectTache:before{
    height:24px;
    width:24px;
    border-radius:7px;
    border:solid 4px;
    /*Toutes les couleurs utilisées sur les badges des tâches */
    --badge-couleur-grisClair: #F5F5F5;
    --badge-couleur-gris: #b4b4b4;
    --badge-couleur-grisFonce: #929292;
    --badge-couleur-bleu: #67CCF4;
    --badge-couleur-retard: #ed5565;
    --badge-couleur-dansLesTemps: #f8ac59;
    --badge-couleur-avance: #1ab394;
    --badge-couleur-orange: #ffcc8c;
    --badge-couleur-jaune: #e4cc00;
    --badge-couleur-rose: #d957cc;
    --badge-couleur-noir: #000000;
}

.badgeTache,a.selectTache:before{
    margin:auto;
    margin-bottom:8px;
}
a.selectTache{
    display: flex !important;
}
a.selectTache:before{
    content:"";
    display:block;
    margin:0px;
    margin-right: 10px;
}

.badgeTache.borderGris, a.selectTache.borderGris:before { border-color: var(--badge-couleur-gris); }
.badgeTache.borderGrisFonce, a.selectTache.borderGrisFonce:before { border-color: var(--badge-couleur-grisFonce); }
.badgeTache.borderBleu, a.selectTache.borderBleu:before { border-color: var(--badge-couleur-bleu); }
.badgeTache.borderRetard, a.selectTache.borderRetard:before { border-color: var(--badge-couleur-retard); }
.badgeTache.borderDansLesTemps, a.selectTache.borderDansLesTemps:before { border-color: var(--badge-couleur-dansLesTemps); }
.badgeTache.borderAvance, a.selectTache.borderAvance:before { border-color: var(--badge-couleur-avance); }
.badgeTache.borderJaune, a.selectTache.borderJaune:before { border-color: var(--badge-couleur-jaune); }
.badgeTache.borderRose, a.selectTache.borderRose:before { border-color: var(--badge-couleur-rose); }
.badgeTache.borderNoir, a.selectTache.borderNoir:before { border-color: var(--badge-couleur-noir); }

.badgeTache.fondGrisClair, a.selectTache.fondGrisClair:before { background-color: var(--badge-couleur-grisClair); }
.badgeTache.fondGrisFonce, a.selectTache.fondGrisFonce:before { background-color: var(--badge-couleur-grisFonce); }
.badgeTache.fondRetard, a.selectTache.fondRetard:before { background-color: var(--badge-couleur-retard); }
.badgeTache.fondAvance, a.selectTache.fondAvance:before { background-color: var(--badge-couleur-avance); }
.badgeTache.fondDansLesTemps, a.selectTache.fondDansLesTemps:before { background-color: var(--badge-couleur-dansLesTemps); }
.badgeTache.fondOrange, a.selectTache.fondOrange:before { background-color: var(--badge-couleur-orange); }
.badgeTache.fondJaune, a.selectTache.fondJaune:before { background-color: var(--badge-couleur-jaune); }
.badgeTache.fondRose, a.selectTache.fondRose:before { background-color: var(--badge-couleur-rose); }
.badgeTache.fondNoir, a.selectTache.fondNoir:before { background-color: var(--badge-couleur-noir); }

.btn-delete-comment{
    width: 22px;
    height: 22px;
    padding: 0px;
    font-size: 14px;
    position: absolute;
    top: 7px;
    right: -12px;
}

.img-file-replace-comment{
    line-height: 50px;
    white-space:nowrap;
    height:50px;
    font-size: 32px;
}

.img-file-comment{
    background-position: center;
    background-repeat:no-repeat;
    background-size:contain;
    border-radius:4px;
    height: 50px;
}

.line-file-comment{
    border-radius:5px;
    white-space:nowrap;
    height:50px;
    line-height: 50px;
}

.btn-action-file-comment{
    white-space:nowrap;
    height:50px;
    line-height: 50px;
}

.btn-change-user-client{
    top: -4px;
    position: relative;
    display: flex;
    padding: 2px;
    background-color: #e1e1e1;
    border-radius: 3px;
}


.tableFichiers th {
    text-align: center;
}

/***** Demandes d'amélioration *****/
#demandes tbody tr.element,div#projets_wrapper .DTFC_LeftBodyLiner tbody tr.element,#accueil_projets tbody tr.element,#client_projets tbody tr.element,#todos tbody tr.element { border-left: 10px solid; }

#demandes tbody tr.element,div#projets_wrapper .DTFC_LeftBodyLiner tbody tr.element,#accueil_projets tbody tr.element,#client_projets tbody tr.element,#todos tbody tr.element { border-left-color: #55dbf6; }
#demandes tbody tr.element td, #projets tbody tr.element td,#accueil_projets tbody tr.element td,#client_projets tbody tr.element td,#todos tbody tr.element td,table.dataTable.display tbody tr.element { background-color: #e8fafc; }
table.dataTable.display tbody tr.element a { border-color: #55dbf6; background-color: #55dbf6;}

#demandes tbody tr.danger-element,div#projets_wrapper .DTFC_LeftBodyLiner tbody tr.danger-element,#accueil_projets tbody tr.danger-element,#client_projets tbody tr.danger-element,#todos tbody tr.danger-element{ border-left-color: #ed5565; }
#demandes tbody tr.danger-element td,#projets tbody tr.danger-element td,#accueil_projets tbody tr.danger-element td,#client_projets tbody tr.danger-element td,#todos tbody tr.danger-element td, table.dataTable.display tbody tr.danger-element { background-color: #fce8ea; }
table.dataTable.display tbody tr.danger-element a { border-color: #ed5565; background-color: #ed5565;}

#demandes tbody tr.success-element,div#projets_wrapper .DTFC_LeftBodyLiner tbody tr.success-element,#accueil_projets tbody tr.success-element,#client_projets tbody tr.success-element,#todos tbody tr.success-element { border-left-color: #77ee77; }
#demandes tbody tr.success-element td,#projets tbody tr.success-element td,#accueil_projets tbody tr.success-element td,#client_projets tbody tr.success-element td,#todos tbody tr.success-element td, table.dataTable.display tbody tr.success-element { background: #e8fce8; }
table.dataTable.display tbody tr.success-element a { border-color: #77ee77; background-color: #77ee77;}

#demandes tbody tr.warning-element,div#projets_wrapper .DTFC_LeftBodyLiner tbody tr.warning-element,#accueil_projets tbody tr.warning-element,#client_projets tbody tr.warning-element,#todos tbody tr.warning-element { border-left-color: #f8ac59; }
#demandes tbody tr.warning-element td,#projets tbody tr.warning-element td,#accueil_projets tbody tr.warning-element td,#client_projets tbody tr.warning-element td,#todos tbody tr.warning-element td, table.dataTable.display tbody tr.warning-element { background-color: #fdf3e8; }
table.dataTable.display tbody tr.warning-element a { border-color: #f8ac59; background-color: #f8ac59;}

#demandes tbody tr.termine-element,div#projets_wrapper .DTFC_LeftBodyLiner tbody tr.termine-element,#accueil_projets tbody tr.termine-element,#client_projets tbody tr.termine-element,#todos tbody tr.termine-element { border-left-color: #1dc9a6; }
#demandes tbody tr.termine-element td,#projets tbody tr.termine-element td,#accueil_projets tbody tr.termine-element td,#client_projets tbody tr.termine-element td,#todos tbody tr.termine-element td, table.dataTable.display tbody tr.termine-element { background: #eef6f1; }
table.dataTable.display tbody tr.termine-element a { border-color: #1dc9a6; background-color: #1dc9a6;}

#demandes tbody tr.annule-element,div#projets_wrapper .DTFC_LeftBodyLiner tbody tr.annule-element,#accueil_projets tbody tr.annule-element,#client_projets tbody tr.annule-element,#todos tbody tr.annule-element { border-left-color: #808080; }
#demandes tbody tr.annule-element td,#projets tbody tr.annule-element td,#accueil_projets tbody tr.annule-element td,#client_projets tbody tr.annule-element td,#todos tbody tr.annule-element td, table.dataTable.display tbody tr.annule-element { background: #f2f2f2; }
table.dataTable.display tbody tr.annule-element a { border-color: #808080; background-color: #808080;}
table.dataTable.display tbody tr.element a:hover { border-color: #666; background-color: #665;}

div#projets_wrapper .DTFC_LeftBodyLiner tbody tr.element td.sorting_1 {background-color: transparent;}

.vueList p {
    margin: 0 0 5px;
}

.vueList a, .vueList p  {
    display: inline-block;
}

/* Centre le texte */
.center
{
    text-align: center !important;
}
/* Aligne le texte à droite */
.alignRight
{
    text-align: right !important;
}

.noMargin {margin: 0px !important; }
.noPadding {padding: 0px !important; }

/* Ajoute des marges à l'élément pour qu'il ne soit pas collé */
.addMargin
{
    margin: 1.5% !important;
}
.addMarginTop
{
    margin-top: 1.5% !important;
}
.addMarginBottom
{
    margin-bottom: 1.5% !important;
}
.addMarginRight
{
    margin-right: 1.5% !important;
}

/* Pour les icones d'action qui ne se positionnaient pas bien */
.fixMargin
{
    margin: 1px;
}

.labelFiltre {
    margin-right: 5px;
}

.heightCentPourCent {
    height: 100% ;
}

/* Pour que le calendrier s'affiche sur toute sa hauteur plutôt qu'avec un scroll */
@media (min-width: 1170px) {
    .fc-day-grid-container.fc-scroller {
        height: auto !important;
    }
}

.vac {
    vertical-align: middle;
}

/* Pour ne pas voir les pointillés sur les liens */
a:active, a:focus{
    outline:none;
}

.inlineBlock
{
    display: inline-block;
}

.dN {
    display: none;
}

/* Couleur verte quand temps >= 0 */
.positive
{
    color: #1bdd1f;
    font-weight: bold;
}

/* Couleur rouge quand temps < 0 */
.negative
{
    color: rgb(255, 0, 0);
    font-weight: bold;
}

/* Réglage de l'alignement sur le bloc 'Interne' (visualisation d'un projet) */
dt[class="interneProjet"], dt[class="detailPrix"]
{
    width: 120px !important;
    padding-top: 5px !important;
}

dd[class="interneProjet"], dd[class="detailPrix"]
{
    margin-left: 130px !important;
}

/* Nom des utilisateurs sur la page detailsTemps.php */
.detailTempsHeader
{
    font-weight: bold !important;
    font-size: x-large !important;
}

/* jQuery UI Autocomplete */
.ui-autocomplete
{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100000 !important;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;*/
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all
{
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover, .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active
{
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.ui-autocomplete-category
{
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}

.ui-autocomplete {
    max-height: 80%;
    max-width: 80%;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all { white-space: normal; }

.selectpicker { border-radius: 0px;background-color: #fff;border: 1px solid #e5e6e7; }
.bootstrap-select, .bootstrap-select:not([class*="span"]) {width: 100%;}

/* Pour la mise en forme du contenu des pop-over */
.popover
{
    white-space: pre-wrap;
    z-index: 9999;
    position: fixed;
}

/* Mettre en rouge le '*' pour les inputs obligatoires */
sup
{
    color: red;
}

/* Personnalisation pour Bootstrap  */
form[id="formCreerAvantProjet"] .col-sm-3
{
    width: 20% !important;
}

/* Texte important de signalisation */
.attention
{
    font-weight: bold;
    color: red;
}

/* datatable */
.off{ display: none;}
/*table.dataTable { background: #fff; }*/
/*.datatable_div .DTFC_ScrollWrapper{ margin-bottom: 10px; }*/
/*.datatable_div .DTFC_RightFootWrapper,.datatable_div .DTFC_LeftFootWrapper {display: none;}*/


table.dataTable { border-collapse: collapse; }
table.dataTable thead th, table.dataTable thead td{ border: none; }
table.dataTable thead { background: #2F4050;color: #fff; }
.dataTables_filter{ margin-bottom: 3px; }
.dataTables_filter .input-group-btn:last-child > .btn, .dataTables_filter .input-group-btn:last-child > .btn-group { z-index: 10;  }
.datatable_div .DTFC_LeftFootWrapper,.datatable_div .DTFC_RightFootWrapper{ background: #fff; }
.dataTables_wrapper .dataTables_scroll { border-bottom: 1px solid #2F4050;  }
.dataTables_scrollBody td { font-size:1.2rem; }
table.dataTable tfoot th, table.dataTable tfoot td{ padding: 9px 9px 6px; }
.datatable_div .header select { height: 30px;padding: 0px 12px!important; }
.dataTables_info , .dataTables_paginate { margin-top: 5px; }
table.dataTable thead .sorting_desc { background: url("/css/plugins/images/sort_desc.png") no-repeat right center;  }

/* correction pour firefox pc*/
/*.dataTables_scrollFoot table.dataTable tfoot tr:first-child th:first-child input { display: none; }
.dataTables_scrollFoot table.dataTable tfoot tr:first-child th:first-child { border: none; }
.datatable_div .DTFC_LeftFootWrapper { top: 0px; }*/
.dataTables_paginate .pagination{ margin: 0;}

/* loader */
#loader { position: fixed;left:0px;right:0px;bottom:0px;top:0px;z-index: 100000;background: #fff;opacity: 0.5;height: 100%;width: 100%;}
#loader > div{ top: 50%;position: relative;margin-top: -10px; }

/* Fond rouge pour les celules du calendrier */
#calendrier .fc-day{ vertical-align: bottom; }
@media (min-width: 1600px) {
    #tabAccueilCalendrier > .row > .col-sm-3 { width: 15%; }
    #tabAccueilCalendrier > .row > .col-sm-9 { width: 85%; }
}
#calendrier .fc-day-grid .fc-row { height: auto !important;}

/* Case du calendrier ('Mon calendrier') */
#calendrier td
{
    /* color: #FFFFFF; */
    cursor: pointer;
}

#calendrier .fc-content-skeleton .fc-day-number span { box-sizing: border-box; display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 10px; background: #F3F3F4; border-radius: 20px; padding: 0 2px; }
/* Affichage de la progression des saisie de temps dans le calendrier */
.cal-time-wrapper { width: 100%; height: 4px; background: #F3F3F4;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdbdb+0,bcbcbc+100 */
    background: #F3F3F4; /* Old browsers */
    background: -moz-linear-gradient(left,  #dbdbdb 0%, #F3F3F4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #dbdbdb 0%,#F3F3F4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #dbdbdb 0%,#F3F3F4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.cal-time-progress { height: 4px; background: #1ab394; }
.cal-time-progress.notEnough { background: #ed5666; }


/* Tâches en retard sur le planning */
#planning a[style='background-color:#ed5565']
{
    border-color: #ed5565;
}

/* Masonry */
.grid .ibox
{
    margin-bottom: 0;
}

.grid-item
{
    margin-bottom: 10px;
    width: 250px;
}

.list-item
{
    margin-bottom: 10px;
}

/* Modification de style.css */
.ibox
{
    margin-bottom: 0px;
}

/* Pour bien aligné les inputs avec le symbole calendrier */
.input-group[class*="col-"]
{
    padding-left: 15px;
}

.border { border: 1px solid #e7eaec; }

/* Le curseur devient une main, comme sur un lien */
.pointer { cursor: pointer; }

dl{ margin-bottom: 10px; }
.form-group { margin-bottom: 8px; }
.feed-element { padding-bottom: 0px; }

.wrapper-content { padding: 3px 0 40px; }

escript { border: 1px solid #ccc;padding: 3px;display: block; }

.page-heading{ padding: 0 10px 0px; }
.page-heading h2{ margin: 13px 0px; }

.logo-element { font-size: 17px; }

.nav.navbar-right > li > a:hover { color: #1ab394; }
.nav.navbar-right > li > a { font-size: 27px;margin-left: 10px;padding: 2px;min-height: auto; }
.nav.navbar-right { margin-top: 7px; }
/* logos */
.logo_extranet {  text-align: center;margin-bottom: 20px;   }
.logo_extranet img { max-width: 280px; }
.logo_extranet_small img {    margin-left: -2px;width:50px;    }
.logo_extranet_in img { width:160px; }

/* loginscreen */
.loginscreen {  top: 30%;left: 50%;margin-top: -136px;position: absolute;padding: 0px;margin-left: -150px;    }

/* calendrier */
.fc-toolbar h2  {  font-size: 1.3em;text-transform: uppercase; }
.fc-basic-view tbody .fc-row { min-height: 0.5em; }

/* boite */
.ibox-content{ padding: 14px 15px 7px; }

/* modal */
.modal-body { padding: 5px 30px; }

/* filer */
.jFiler-theme-default .jFiler-input { box-shadow: none;border-radius: 0px;border:1px solid #e5e6e7;color: #555; }

/* titre */
h1, h2, h3, h4, h5, h6 { color: #1ab394;text-transform: uppercase; }

.ibox-content { padding: 5px; }
.ibox-content h2 { border-bottom: 1px solid #e7eaec;padding-bottom: 3px; }

/* upload */
.jFiler-input-dragDrop{ width: auto; }
.jFiler-theme-default .jFiler-input{ width: auto; }

.popup_no_margin .panel-body { padding: 10px 0; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus { background-color: #665;border-color: #666; }
.btn-success { background-color: #1ab394; border-color: #1ab394; color: #ffffff; }

/* select */
.bootstrap-select button { border: 1px solid #dadada;background: #fff; }
#wrapper select, .jquery-jmodal select { border-radius: 3px;padding: 6px 12px;height: 34px;-webkit-appearance: none;-moz-appearance: none;appearance:none;background:url("/img/choice.png") #fff no-repeat 95% center;border: 1px solid #dadada; }

.other_user{ position: fixed;top: 0px;left: 0px;width: 100%;background: #ed5565;height: 3px;z-index: 1000000000000; }
.blink_me { -webkit-animation-name: blinker;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;    -webkit-animation-iteration-count: infinite;-moz-animation-name: blinker;-moz-animation-duration: 1s;-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite;animation-name: blinker;animation-duration: 1s;animation-timing-function: linear;animation-iteration-count: infinite; }
@-moz-keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
@-webkit-keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
@keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}

.renderTextarea { font-size : 14px;padding : 6px 12px;border : 1px solid #e5e6e7; border-radius: 3px!important; overflow : auto;word-wrap : break-word;white-space: pre-wrap; }
textarea { border-radius: 3px!important; }
textarea::placeholder { color: #ababab!important; }
.transition { min-height: 34px; height: auto; transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s, min-height .3s ease-out; }
.transition:focus { min-height: 114px; height: auto; }
.mt-10 { margin-top: 10px; }
.pb-10 { padding-bottom: 10px; }



/* SAGE & SERVICES */
#tabSageListTiers select, #tabSageListServices select { width: 100%; }
.filtreTiers input[name="sage_nom"], .filtreServices input[name="nom"] { border: 1px solid #dadada; }
.listTiers, .listServices { overflow: hidden; }
.listTiers > ul, .listServices > ul { padding-left:0; list-style: none; }
.listTiers > ul > li, .listServices > ul > li {  border-radius: 2px;position: relative; animation: appendListItem 0.45s  forwards ease-in-out;opacity: 0;margin: 4px 0; }
.listTiers > ul > li:hover, .listServices > ul > li:hover { background-color: rgba(47, 64, 80, 0.84); }
.listTiers > ul > li.active, .listServices > ul > li.active { background-color: #2f4050; }
.listTiers > ul > li:hover i.fa, .listTiers > ul > li.active i.fa, .listServices > ul > li:hover i.fa, .listServices > ul > li.active i.fa { color: #fda408; display: block; }
.listTiers > ul > li > a, .listServices > ul > li > a  { display: inline-block; width: 100%; height: 100%; color: #2f4050; padding: 6px; }
.listTiers > ul > li:hover > a, .listTiers > ul > li.active > a, .listServices > ul > li:hover > a, .listServices > ul > li.active > a  { color:white; }
.listTiers > ul > li i.fa, .listServices > ul > li i.fa  { position: absolute; right:5px; top: 50% ;transform: translateY(-50%);display: none; }
.listTiers > ul > li i.fa:hover, .listServices > ul > li i.fa:hover  { color: orange; }

#infosTiers, .infosAcces { clear: both; }
#infosTiers > div { padding: 5px 0; width: 50%;display: inline-block; vertical-align: middle; }
#infosService { margin-top: 10px; }
#deleteService { width: 40px; overflow: hidden; transition: width .4s ease-out; }
#deleteService:hover { width: 187px; }

.infosAcces > div:not(.editor) { height: 36px; display: inline-flex; }
.infosAcces div:not(.editor).col-xs-12{ display: inline-flex; height: -webkit-fill-available; }
.infosAcces label, .infosAcces p { margin: 0; margin-top: auto; margin-bottom: auto; white-space: nowrap; }

.listeacces td p.description { max-height: 144px; overflow: auto; margin: 0; }

#detailsTiers #intituleTiers, #detailsServices #intituleService { font-size: 24px; }
#detailsTiers #intituleTiers > sup, #detailsServices #intituleService > sup { color: #fda408; font-size: 14px; }
#intituleService { width: 100%; }
/*#detailsTiers .clientTiers { margin-top: 25px; }*/
/*#detailsTiers .searchClientTiers { clear: both; padding: 15px 0; position: relative; }*/
#detailsTiers .autocomplete, #detailsServices .autocomplete { max-width: 500px; }
.ui-autocomplete li b { text-transform: uppercase; }
.ui-helper-hidden-accessible { display: none; }
#infosTiers .fa, #infosService .fa { color: #FDA408; margin-right: 8px; width: 12px; text-align: center; }

tr.cache div, .cache { overflow: hidden; height: 0; }
.cache td { padding: 0 !important; border-top-style: none !important; }

@keyframes appendListItem {
    0% { transform: translateX(-20px); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}

/*
.listTiers > ul > li:nth-child(2) {animation-delay: 0.025s; }
.listTiers > ul > li:nth-child(3) {animation-delay: 0.05s; }
.listTiers > ul > li:nth-child(4) {animation-delay: 0.075s; }
.listTiers > ul > li:nth-child(5) {animation-delay: 0.1s; }
.listTiers > ul > li:nth-child(6) {animation-delay: 0.125s; }
.listTiers > ul > li:nth-child(7) {animation-delay: 0.15s; }
.listTiers > ul > li:nth-child(8) {animation-delay: 0.175s; }
.listTiers > ul > li:nth-child(9) {animation-delay: 0.2s; }
.listTiers > ul > li:nth-child(10) {animation-delay: 0.225s; }
.listTiers > ul > li:nth-child(11) {animation-delay: 0.25s; }
.listTiers > ul > li:nth-child(12) {animation-delay: 0.275s; }
.listTiers > ul > li:nth-child(13) {animation-delay: 0.3s; }
.listTiers > ul > li:nth-child(14) {animation-delay: 0.325s; }
.listTiers > ul > li:nth-child(15) {animation-delay: 0.35s; }
.listTiers > ul > li:nth-child(16) {animation-delay: 0.375s; }
.listTiers > ul > li:nth-child(17) {animation-delay: 0.4s; }
.listTiers > ul > li:nth-child(18) {animation-delay: 0.425s; }
.listTiers > ul > li:nth-child(19) {animation-delay: 0.45s; }
.listTiers > ul > li:nth-child(20) {animation-delay: 0.475s; }
.listTiers > ul > li:nth-child(21) {animation-delay: 0.5s; }
*/


.listClientsTiers { padding: 15px 0; }
.listClientsTiers .fa { margin-left: 15px; color: #de2323; font-size: 16px; vertical-align: middle;display: none;cursor: pointer; }
.listClientsTiers .fa:hover { color:red; }
.listClientsTiers > ul, .listAcces > ul { clear: both; }
.listClientsTiers > ul > li a, .listAcces > ul > li a { display: inline-block; vertical-align: middle; }
.listClientsTiers > ul > li:hover .fa, .listAcces > ul > li:hover .fa { display: inline-block; }

.categorieTiers { clear: both;position: relative; padding-bottom: 10px; }
.mg-t-25 { margin-top: 25px; }

.pagination > li > span { padding: 2px 6px;cursor: pointer;}
.pagination .disabled:hover { background-color: transparent; }
.pagination .disabled { cursor: not-allowed; }
/*
#result-clients > ul { padding-left: 0; list-style: none; margin: 10px 0 0 0; max-height: 400px; overflow: auto; }
#result-clients > ul > li { padding: 7px 0 7px 5px; }
/*#result-clients li > a:hover { text-decoration: underline; }*/
/*#result-clients li .btn { visibility: hidden; }
#result-clients li:hover { background-color: #f8f8f8; }
#result-clients li:hover .btn { visibility: visible; }
#result-clients li > a { display: inline-block;vertical-align: middle;width: calc(100% - 120px); padding-right: 15px; }
#result-clients li.already-used > a { color: #bf1212!important; }
#result-clients li.already-used > a:hover { color: #790b0b!important; }
*/

#result-clients tr.already-used { color: #bf1212!important; }

#result-clients { overflow: auto;max-height:300px;margin-top: 15px;  }
.bloctitre { border-width: 0px;min-height: 37px;clear: both; }
.bloctitre h5 { float: none; }

/* CKEditor */
.cke_dialog_contents_body { width: 790px !important; height: 500px !important; }

/* Bilan des temps */
.bilanTps .left .move-left,
.bilanTps .right .move-right,
.bilanTps .middle .move-end,
.bilanTps .noLeft .move-left:not(.move-end),
.bilanTps .noRight .move-right:not(.move-end),
.bilanTps .noEnd .move-end,
.bilanTps div.tps-compte-modif,
.bilanTps .grid-item:not(.notActive) .alert-danger { display: none; }
.bilanTps a i { width: 0.9em; }
.bilanTps li { position: relative; }
.bilanTps .agile-list { margin-bottom: 5px; }
.bilanTps .agile-list li:last-child { margin: 0; }
.bilanTps li > div { width: 100%; }
.bilanTps li > div p span { width: fit-content; margin-left: auto; margin-top: auto; white-space: nowrap; }
.container-fluid.bilanTps { background-color: #f3f3f4; padding: 5px 30px; margin: -5px -30px; height: 101%; overflow: hidden; }
.container-fluid.bilanTps .row, .container-fluid.bilanTps .col-sm-4, .container-fluid.bilanTps .grid-item, .container-fluid.bilanTps .ibox, .container-fluid.bilanTps .ibox-title { height: 100%; }
.bilanTps .grid-item { width: auto; }
.bilanTps .ibox-title { margin-bottom: 10px; padding-top: 10px; }
.bilanTps h3 { margin-bottom: 15px;}
.bilanTps .ibox-content { height: 95%; overflow-y: auto; margin-right: -5px; padding-right: 10px; }
.bilanTps .ibox-content::-webkit-scrollbar-thumb { background-color: #fda408; border-radius: 3px; }
.bilanTps .ibox-content::-webkit-scrollbar { background-color: #293846; width: 10px; border-radius: 5px; }
.bilanTps .ibox-title .label.compte { position: absolute; top: 17px; left: 25px; font-size: 12px; }
.bilanTps .ibox-title .label.reel { position: absolute; top: 17px; right: 25px; font-size: 12px; color: #fff; background-color: #777; }
.bilanTps .form-control-static { min-height: 28px; padding-bottom: 0; }
.tps { position: absolute; padding: 3px 5px; border: 1px solid transparent; bottom: -5px; }
.tps-reel-affiche { right: 15px; }
.col-sm-4.middle .grid-item:not(.notActive) .tps:hover { border-radius: 3px; border-color: #e7eaec; background-color: white; user-select: none;  }
@keyframes changeBackground {
    from {background-color: #d9edf7;}
    to {background-color: white;}
}
.justMoved { animation-name: changeBackground; animation-duration: 1s; }

/* Facturation temps hors projet */
.list-fact { background-color: #f6fbfd; }

/* Nb demandes navbar */
.label-navbar { float: right; margin-right: -8px; margin-top: -12px; padding: 0; font-size: 12px; width: 25px; height: 25px; line-height: 25px; vertical-align: baseline; }
.label-navbar.label-navbar-todos {margin-top:-4px; width:60px; margin-right: -15px;}
.label-topbar { float: right; margin-right: 7px; margin-top: -37px; padding: 0; font-size: 10px; width: 11px; height: 15px; line-height: 15px; vertical-align: baseline; }
.mini-navbar .label-navbar { position: absolute; left: 44px; margin-top: -10px; font-size: 10px; width: 20px; height: 20px; line-height: 15px; color: #fda408; font-weight: bold; text-align: center; }

/* Tâches parents et bouton d'affichage des sous-tâches */
.parent { margin-bottom: 0px!important; }
.afficheSousTaches { background: none!important; border: none!important; margin: 0 0 5px!important; padding: 0!important; border-radius: 0!important; }
.afficheSousTaches .sousTaches { text-align: center; width: 90%; margin: 0 auto; display: block; background-color: #f1f1fe; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; color: #676a6c; height: 10px; position: relative; }
.afficheSousTaches .sousTaches:hover, .sousTaches:active, .sousTaches:focus { background-color: #609dd2; color: white; }
.afficheSousTaches .sousTaches i { position: relative; top: -4px; font-size: 18px; }
.afficheSousTaches ul { background-color: #f4f4ff; border: 5px solid #f4f4ff; border-top: none; border-bottom: none; }
.afficheSousTaches li { margin: 10px 0 0!important; }


/* Tooltips */
.tooltip-text { position: absolute; width: 200px; left: 10px; color: white; background-color: #676a6c; padding: 2px 5px; border-radius: 4px; top: calc(2px - 25%); }
.tootltip-container:before { width: 14px; height: 14px; content: ""; background-color: #676a6c; left: 6px; top: 2px; display: block; position: absolute; transform: rotate(45deg); border-radius: 1px; }
.tootltip-container { position: relative; }

/* Pour souligner du texte */
.underlined { border-bottom: 1px solid #e7eaec; padding-bottom: 3px; }

/* Menu flottant des formulaires */
.floating-menu { position: fixed; border: 1px solid #cccccc; border-radius: 5px; padding-bottom: 10px; padding-top: 5px; user-select: none; left: 35px; top: 93px; background-color: #fcfcfd; }

.legend { max-width: 100%; padding: 0; white-space: normal; border: 0; display: block; font-size: 21px; color: #333; width: inherit; margin-bottom: 0; }
.fieldset-border { border-radius: 4px; margin: 0 2px; padding: .35em .625em .75em; border: 1px solid #cccccc; }

/* pour neutraliser les autocomplete de chrome */
.form-control[readonly].noreadonly { background-color: inherit; }