.table-responsive>.fixed-column {
    position: absolute;
    display: inline-block;
    border-right: 1px solid #ddd;
    background-color:white;
    z-index:1500;
}

.actions {
    display: none;
}

.change-month-day {
    border-right:1px solid #0b2e13 !important;
}

.soustache:hover .actions {
    display: block;
}

.hoverday {
    background-color: #92f7ff;
}

.hoversoustache {
    background-color: #92f7ff;
}

.ressource-child > div:hover .actions {
    display: block;
}

.ressource-child > div {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid transparent;

}

@media(min-width:768px) {
    .table-responsive>.fixed-column {
        display: none;
    }
}

.full-day {
    background-color:rgba(86, 171, 47, 1);
}
.tiers-day {
    background-color:rgba(86, 171, 47, 0.75);
}
.half-day {
    background-color:rgba(86, 171, 47, 0.50);
}
.quart-day {
    background-color:rgba(86, 171, 47, 0.25);
}

.hoverDay {
border:4px solid blue !important;
}

.line-height  {
    height:28px;
}

.noborder {
      border: none!important;
}

.planing-header {
    height:133px !important
}

.planing-tache-header {
    height:89px !important
}

.pointer {
    cursor: pointer;
}
.day {
    width: 78px;
    height: 20px;
    text-align: center;
}

.under-td-as-day td {
    width: 38px;
    height: 19px;
  text-align:center;
  padding: 0px !important;
}

.add-estimation {
    cursor:pointer;
}

/*.tache {*/
/*    background-color: #d9edf7;*/
/*}*/

.testClass {
    background-color: #8ab8fb;
}

/*.testClass:empty {*/
/*    background-color: #d9edf7;*/
/*}*/

.notEditable {
    background-color:grey;
}

th.date-header {
  /* Something you can count on */
  white-space: nowrap;
    width: 10px;
}

th.date-header > div {
transform: rotate(-90deg);
font-size: 12px;
  width: 10px;
  padding: 0px;
}
th.date-header > div > span {
  border-bottom: 1px solid #ccc;
  padding: 0px;
}

.nom-societe {
    width:130px;
    text-align:center;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.cell-height {
    height:37px;
}

.cut-word {
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.selectedDay {
    background-color: rgb(159, 198, 231) !important;
}

.fullWidthDiv {
    position: absolute;
    width: 100%;
    height:100%;
    left: 0;
    z-index:1030;
    display:block;
    background-color:white;
}

.day-header div {
    border-right: 1px solid #ddd;
    width:51px;
    height:20px;
    white-space: nowrap;
    text-align: center;
}

.fixed {
    position:fixed;
    z-index:100;
    background-color:white;
}

.pourcentage-realiser {
    width:5%;
}

.bottom-planning {
    height:500px;
}

.cell-8 {
    width: 66.66666667%;
}

.cell-3 {
    width: 25%;
}


.cell-2 {
    width: 16.66666667%;
}



/* new css */

.resizeable {
    resize: vertical;
    overflow: auto;
    min-height:20px;
    max-height:1000px;
}
/*.follow-height {*/
/*    max-height: 200px;*/
/*}*/
.flex-days {
	display: flex;
}
.flex-days > div {
    flex-shrink: 0;
}
.planning-header-new {
	position:sticky;
	background-color:white;
	z-index: 1;
}
.custom-scrollbar {
    height: 10px;
    background-color: #f1f1f1;
}

.custom-scrollbar-bar {
    left: 0px;
    height: 10px;
    position: relative;
    background-color: #888;
    width:30px;
    float:left;
}

.custom-scrollbar-bar:hover, .custom-scrollbar-bar-hover {
    background: #555;
}


.borderLeftAndRight {
    border-right:1px solid #ddd;
    border-left:1px solid #ddd;"
}

.borderRight {
    border-right:1px solid #ddd;
}

.borderTop {
	border-top: 1px solid #ddd;
}

#calandar {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.cellHeight {
	min-height:20px;
}

.planning-header-new-new {
    text-align: center;
    font-weight: bold;
    vertical-align: center;
    padding-right: 22px;
}
.child-days {
    height: 23px;
}
.child-days > div {
    width: 51px;
    height: 23px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size:11px;
}
.acc_panel .dropdown{
    background: white;
    padding: 0.5rem;
}

.child_div_worked > div {
    background-color: lawngreen;
}

.child_div_worked > div:empty {
    background-color:white;
}
/*
[data-title] {
    position: relative;
}

[data-title]:hover::before {
    content: attr(data-title);
    position: absolute;
    bottom: -26px;
    display: inline-block;
    padding: 3px 6px;
    border-radius: 2px;
    background: #000;
    color: #fff;
    font-size: 12px;
    font-family: sans-serif;
    white-space: nowrap;
    z-index:5000;
    font-weight: normal;
    left:0px;
}
[data-title]:hover::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 8px;
    display: inline-block;
    color: #fff;
    border: 8px solid transparent;
    border-bottom: 8px solid #000;
    z-index:5000;
}

*/


.colnp-xs-1,
.colnp-sm-1,
.colnp-md-1,
.colnp-lg-1,
.colnp-xs-2,
.colnp-sm-2,
.colnp-md-2,
.colnp-lg-2,
.colnp-xs-3,
.colnp-sm-3,
.colnp-md-3,
.colnp-lg-3,
.colnp-xs-4,
.colnp-sm-4,
.colnp-md-4,
.colnp-lg-4,
.colnp-xs-5,
.colnp-sm-5,
.colnp-md-5,
.colnp-lg-5,
.colnp-xs-6,
.colnp-sm-6,
.colnp-md-6,
.colnp-lg-6,
.colnp-xs-7,
.colnp-sm-7,
.colnp-md-7,
.colnp-lg-7,
.colnp-xs-8,
.colnp-sm-8,
.colnp-md-8,
.colnp-lg-8,
.colnp-xs-9,
.colnp-sm-9,
.colnp-md-9,
.colnp-lg-9,
.colnp-xs-10,
.colnp-sm-10,
.colnp-md-10,
.colnp-lg-10,
.colnp-xs-11,
.colnp-sm-11,
.colnp-md-11,
.colnp-lg-11,
.colnp-xs-12,
.colnp-sm-12,
.colnp-md-12,
.colnp-lg-12 {
    position: relative;
    min-height: 1px;
}

.colnp-xs-1,
.colnp-xs-2,
.colnp-xs-3,
.colnp-xs-4,
.colnp-xs-5,
.colnp-xs-6,
.colnp-xs-7,
.colnp-xs-8,
.colnp-xs-9,
.colnp-xs-10,
.colnp-xs-11,
.colnp-xs-12 {
    float: left
}

.colnp-xs-1 {
    width: 8.33333333%
}

.colnp-xs-2 {
    width: 16.66666667%
}

.colnp-xs-3 {
    width: 25%
}

.colnp-xs-4 {
    width: 33.33333333%
}

.colnp-xs-5 {
    width: 41.66666667%
}

.colnp-xs-6 {
    width: 50%
}

.colnp-xs-7 {
    width: 58.33333333%
}

.colnp-xs-8 {
    width: 66.66666667%
}

.colnp-xs-9 {
    width: 75%
}

.colnp-xs-10 {
    width: 83.33333333%
}

.colnp-xs-11 {
    width: 91.66666667%
}

.colnp-xs-12 {
    width: 100%
}

.colnp-xs-pull-0 {
    right: auto
}

.colnp-xs-pull-1 {
    right: 8.33333333%
}

.colnp-xs-pull-2 {
    right: 16.66666667%
}

.colnp-xs-pull-3 {
    right: 25%
}

.colnp-xs-pull-4 {
    right: 33.33333333%
}

.colnp-xs-pull-5 {
    right: 41.66666667%
}

.colnp-xs-pull-6 {
    right: 50%
}

.colnp-xs-pull-7 {
    right: 58.33333333%
}

.colnp-xs-pull-8 {
    right: 66.66666667%
}

.colnp-xs-pull-9 {
    right: 75%
}

.colnp-xs-pull-10 {
    right: 83.33333333%
}

.colnp-xs-pull-11 {
    right: 91.66666667%
}

.colnp-xs-pull-12 {
    right: 100%
}

.colnp-xs-push-0 {
    left: auto
}

.colnp-xs-push-1 {
    left: 8.33333333%
}

.colnp-xs-push-2 {
    left: 16.66666667%
}

.colnp-xs-push-3 {
    left: 25%
}

.colnp-xs-push-4 {
    left: 33.33333333%
}

.colnp-xs-push-5 {
    left: 41.66666667%
}

.colnp-xs-push-6 {
    left: 50%
}

.colnp-xs-push-7 {
    left: 58.33333333%
}

.colnp-xs-push-8 {
    left: 66.66666667%
}

.colnp-xs-push-9 {
    left: 75%
}

.colnp-xs-push-10 {
    left: 83.33333333%
}

.colnp-xs-push-11 {
    left: 91.66666667%
}

.colnp-xs-push-12 {
    left: 100%
}

.colnp-xs-offset-0 {
    margin-left: 0%
}

.colnp-xs-offset-1 {
    margin-left: 8.33333333%
}

.colnp-xs-offset-2 {
    margin-left: 16.66666667%
}

.colnp-xs-offset-3 {
    margin-left: 25%
}

.colnp-xs-offset-4 {
    margin-left: 33.33333333%
}

.colnp-xs-offset-5 {
    margin-left: 41.66666667%
}

.colnp-xs-offset-6 {
    margin-left: 50%
}

.colnp-xs-offset-7 {
    margin-left: 58.33333333%
}

.colnp-xs-offset-8 {
    margin-left: 66.66666667%
}

.colnp-xs-offset-9 {
    margin-left: 75%
}

.colnp-xs-offset-10 {
    margin-left: 83.33333333%
}

.colnp-xs-offset-11 {
    margin-left: 91.66666667%
}

.colnp-xs-offset-12 {
    margin-left: 100%
}

@media (min-width: 768px) {
    .colnp-sm-1,
    .colnp-sm-2,
    .colnp-sm-3,
    .colnp-sm-4,
    .colnp-sm-5,
    .colnp-sm-6,
    .colnp-sm-7,
    .colnp-sm-8,
    .colnp-sm-9,
    .colnp-sm-10,
    .colnp-sm-11,
    .colnp-sm-12 {
        float: left
    }
    .colnp-sm-1 {
        width: 8.33333333%
    }
    .colnp-sm-2 {
        width: 16.66666667%
    }
    .colnp-sm-3 {
        width: 25%
    }
    .colnp-sm-4 {
        width: 33.33333333%
    }
    .colnp-sm-5 {
        width: 41.66666667%
    }
    .colnp-sm-6 {
        width: 50%
    }
    .colnp-sm-7 {
        width: 58.33333333%
    }
    .colnp-sm-8 {
        width: 66.66666667%
    }
    .colnp-sm-9 {
        width: 75%
    }
    .colnp-sm-10 {
        width: 83.33333333%
    }
    .colnp-sm-11 {
        width: 91.66666667%
    }
    .colnp-sm-12 {
        width: 100%
    }
    .colnp-sm-pull-0 {
        right: auto
    }
    .colnp-sm-pull-1 {
        right: 8.33333333%
    }
    .colnp-sm-pull-2 {
        right: 16.66666667%
    }
    .colnp-sm-pull-3 {
        right: 25%
    }
    .colnp-sm-pull-4 {
        right: 33.33333333%
    }
    .colnp-sm-pull-5 {
        right: 41.66666667%
    }
    .colnp-sm-pull-6 {
        right: 50%
    }
    .colnp-sm-pull-7 {
        right: 58.33333333%
    }
    .colnp-sm-pull-8 {
        right: 66.66666667%
    }
    .colnp-sm-pull-9 {
        right: 75%
    }
    .colnp-sm-pull-10 {
        right: 83.33333333%
    }
    .colnp-sm-pull-11 {
        right: 91.66666667%
    }
    .colnp-sm-pull-12 {
        right: 100%
    }
    .colnp-sm-push-0 {
        left: auto
    }
    .colnp-sm-push-1 {
        left: 8.33333333%
    }
    .colnp-sm-push-2 {
        left: 16.66666667%
    }
    .colnp-sm-push-3 {
        left: 25%
    }
    .colnp-sm-push-4 {
        left: 33.33333333%
    }
    .colnp-sm-push-5 {
        left: 41.66666667%
    }
    .colnp-sm-push-6 {
        left: 50%
    }
    .colnp-sm-push-7 {
        left: 58.33333333%
    }
    .colnp-sm-push-8 {
        left: 66.66666667%
    }
    .colnp-sm-push-9 {
        left: 75%
    }
    .colnp-sm-push-10 {
        left: 83.33333333%
    }
    .colnp-sm-push-11 {
        left: 91.66666667%
    }
    .colnp-sm-push-12 {
        left: 100%
    }
    .colnp-sm-offset-0 {
        margin-left: 0%
    }
    .colnp-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .colnp-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .colnp-sm-offset-3 {
        margin-left: 25%
    }
    .colnp-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .colnp-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .colnp-sm-offset-6 {
        margin-left: 50%
    }
    .colnp-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .colnp-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .colnp-sm-offset-9 {
        margin-left: 75%
    }
    .colnp-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .colnp-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .colnp-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 992px) {
    .colnp-md-1,
    .colnp-md-2,
    .colnp-md-3,
    .colnp-md-4,
    .colnp-md-5,
    .colnp-md-6,
    .colnp-md-7,
    .colnp-md-8,
    .colnp-md-9,
    .colnp-md-10,
    .colnp-md-11,
    .colnp-md-12 {
        float: left
    }

    .colnp-md-1 {
        width: 10.33333333%
    }

    .colnp-md-2 {
        width: 16.66666667%
    }

    .colnp-md-3 {
        width: 25%
    }

    .colnp-md-4 {
        width: 33.33333333%
    }

    .colnp-md-5 {
        width: 41.66666667%
    }

    .colnp-md-6 {
        width: 54%
    }

    .colnp-md-7 {
        width: 58.33333333%
    }

    .colnp-md-8 {
        width: 66.66666667%
    }

    .colnp-md-9 {
        width: 75%
    }

    .colnp-md-10 {
        width: 83.33333333%
    }

    .colnp-md-11 {
        width: 89.667%
    }

    .colnp-md-12 {
        width: 100%
    }
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.day {
    border-right:1px solid #ddd;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}
.temps_objectif {background-color: lightcoral; color:white;padding:2px;border-radius: 5px;font-weight: bold}
.temps_planifie {background-color: lawngreen;padding:2px;border-radius: 5px;font-weight: bold }
.temps_realise {background-color: #8ab8fb;padding:2px;border-radius: 5px;font-weight: bold}
.out_of_range { background-color: grey !important; }

#event_days, .optimizedtache-padding, .optimizedday-padding {
    will-change: transform;
}

.urgent {
    font-weight: bolder;
}
/*--------------------------------------------Les kanbans -----------------------------------------------------------*/
.moving-card {
  opacity: 50%;
  border: dashed 2px var(--out-dark);
  background-color: var(--out-light);
  color: var(--out-light);
  box-shadow: none !important;
}
.moving-card b, .moving-card .label.priority, .moving-card span, .moving-card .time-kanban, .moving-card i {
  color: var(--out-light) !important;
  background-color: var(--out-light) !important;
  border-color: var(--out-light) !important;
}
.kanban-page-type .multiselect--active {
  z-index: 3 !important;
}
/*---------------------------------------------------------------------------------------------- Prospection ---------*/
.zone-archivage {
  width: calc(100vw - 30px);
  height: 150px;
  box-shadow: 20px -8px 11px 1px var(--out-dark);
  margin-top: -150px;
}
.zone-archivage .card-header {
  background-color: initial;
  color: initial;
  display: block;
  padding-top: 1rem;
  border: none;
}
.zone-archivage .card-header h3, .zone-archivage .card-header p {
  margin: 0;
}
.zone-archivage .card-header p {
  color: var(--cont-light);
}
.zone-archivage .card-body.body-archivage {
  padding: 0;
  margin: 1rem;
  margin-top: 0;
  border-radius: var(--border-radius);
  border: var(--cont-light) dashed 2px;
}
.zone-archivage .card-body.body-archivage:hover {
  border: var(--spe-acc-custom) dashed 2px;
  background-color: var(--spe-acc-agenda);
}
.and-prospection .card-footer .bloc-footer {
  justify-content: space-between !important;
  flex-flow: row-reverse !important;
}
/*------------------------------------------------------------------------------------------------- NEW --------------*/
.kanban {
  /*--------------------------------------------------------------------------------------------- Scrollbar Kanban -----*/
  /* width */
  /* Handle on hover */
}
.kanban .col-kanban {
  width: 200px;
}
.kanban .vue-col {
  overflow-y: scroll;
  overflow-x: hidden;
  height: calc(100vh - 410px);
  padding-right: 10px;
}
.kanban .row-kanban {
  overflow-x: scroll;
}
.kanban .vue-kanban {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 15px;
}
.kanban .header-kanban {
  justify-content: space-between;
  display: flex;
  align-items: baseline;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: var(--border-radius);
}
.kanban .header-kanban .title-col-kanban {
  font-weight: bold;
  font-size: 15px;
}
.kanban .header-kanban .number-kanban {
  color: inherit;
  font-weight: bold;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.5rem;
  border-radius: var(--border-radius);
  min-width: 50px;
}
.kanban .undraggable .card {
  cursor: auto;
}
.kanban .a-card {
  text-decoration: none;
}
.kanban .handle {
  cursor: move;
}
.kanban .card {
  min-height: 150px;
  box-shadow: 6px 9px 7px 1px rgba(0, 0, 0, 0.15);
}
.kanban .card-header {
  background-color: inherit;
  color: initial;
  justify-content: space-between;
  padding: 5px 15px;
}
.kanban .card-body {
  padding: 1rem;
  padding-bottom: 0.5rem;
}
.kanban .card-footer {
  background-color: transparent;
  border: none;
  padding: 1rem;
  padding-top: 0;
}
.kanban .card-footer .bloc-footer {
  display: flex;
  flex-flow: row;
  justify-content: end;
  align-items: center;
}
.kanban .time-kanban {
  color: var(--cont-light);
}
.kanban .label.priority {
  padding: 4px 10px;
  border-radius: 4px;
  text-transform: uppercase;
  height: 22px;
  width: 100%;
  margin-top: 4px;
}
.kanban .label.round {
  border-radius: 100%;
  margin-right: 2px;
  padding: 8px;
  font-size: 10px;
  height: 31px;
  display: inline-block;
  background-color: var(--bc-light);
}
.kanban .label.project {
  background-color: var(--bc-light);
  color: inherit;
  font-size: 14px;
  margin-right: 2px;
}
.kanban ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.kanban ::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.kanban ::-webkit-scrollbar-thumb {
  background: var(--out-dark);
}
.kanban ::-webkit-scrollbar-thumb:hover {
  background: #888;
}
.kanban-page-type.in-fiche .vue-col {
  height: calc(100vh - 410px);
}
.kanban-page-type.full-size .vue-col {
  height: calc(100vh - 340px);
}