/*body{
    background-color:#f8f9fa;
}*/

#task_display_time_line_container, #task_display_user_plan_container, #task_display_tasks_plan_container,#task_display_tasks_container{
    overflow-x:scroll;
    white-space: nowrap;
}

#task_display_time_line_container{
    overflow-y:hidden;
}

/*#task_display_user_container{
    overflow-x:hidden;
}
#task_display_user_container, #task_display_user_plan_container,*/
#task_display_tasks_container, #task_display_tasks_plan_container{
    overflow-y:scroll;
    position:relative;
    
}

.time_line_container_main{
    display:flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    column-gap: 1px;
    row-gap: 1px;
    width: max-content;
}
.time_line_container_main > *{
    flex: none;
}

@-moz-document url-prefix() {
    #task_display_user_plan_container, #task_display_tasks_plan_container{
        scrollbar-width: none;
        scrollbar-color: #0d50a8 #ffffff;
    }
    #task_display_tasks_plan_container{
        background-color: white;
        padding-bottom:20px !important;
    }
    #task_display_time_line_container, 
    #task_display_user_container, 
    #task_display_tasks_container{
        scrollbar-width: thin;
        scrollbar-color: #0d50a8 #ffffff;
    }
}

.task_till_to_pain{
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-brush-fill' viewBox='0 0 16 16'%3E%3Cpath d='M15.825.12a.5.5 0 0 1 .132.584c-1.53 3.43-4.743 8.17-7.095 10.64a6.1 6.1 0 0 1-2.373 1.534c-.018.227-.06.538-.16.868-.201.659-.667 1.479-1.708 1.74a8.1 8.1 0 0 1-3.078.132 4 4 0 0 1-.562-.135 1.4 1.4 0 0 1-.466-.247.7.7 0 0 1-.204-.288.62.62 0 0 1 .004-.443c.095-.245.316-.38.461-.452.394-.197.625-.453.867-.826.095-.144.184-.297.287-.472l.117-.198c.151-.255.326-.54.546-.848.528-.739 1.201-.925 1.746-.896q.19.012.348.048c.062-.172.142-.38.238-.608.261-.619.658-1.419 1.187-2.069 2.176-2.67 6.18-6.206 9.117-8.104a.5.5 0 0 1 .596.04'/%3E%3C/svg%3E") 32 32, pointer;
}

/*Chromium specific*/
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {}

#task_display_user_plan_container::-webkit-scrollbar{
    width: 0px; 
    height: 0px;
}

#task_display_time_line_container::-webkit-scrollbar, 
#task_display_user_container::-webkit-scrollbar, 
#task_display_tasks_container::-webkit-scrollbar{
    width: 7px; 
    height: 7px;
    /*margin: 0 0 0 1px;*/
}


#task_display_tasks_plan_container::-webkit-scrollbar{
    width: 0px; 
    height: 7px;
}

#task_display_time_line_container::-webkit-scrollbar-thumb,
#task_display_user_container::-webkit-scrollbar-thumb,
#task_display_tasks_container::-webkit-scrollbar-thumb,
#task_display_tasks_plan_container::-webkit-scrollbar-thumb{
    background: #0d50a8;
}

#task_display_time_line_container::-webkit-scrollbar-track,
#task_display_user_container::-webkit-scrollbar-track,
#task_display_tasks_container::-webkit-scrollbar-track{
    background: #ffffff;
}


#task_display_tasks_container,
#task_display_tasks_plan_container{
    border-top : 15px !important;
}

.ui-state-highlight { height: 25px; background-color:#0d50a8;}

.context_menu{
    position:absolute;
    z-index:1200;
}

.context_menu_item:hover {
    background-color: rgba(42, 28, 149, 0.34);
    cursor:pointer;
}

[contenteditable] {
    outline: 0px solid transparent;
  }

  [contenteditable]:focus {
    outline: 1px solid black;
  }



.contenteditable_invisible{
    outline: 0px solid transparent !important;
}

.task_title_draggable:hover{
    cursor:grab;
}

.moving_task_title{
    background-color:rgb(29, 138, 255);
}


.task_move_handle{
    cursor:move;
}

.multiselect-dropdown-list-wrapper{
    z-index:1050;
}

.time_till, .task_title_main{
    box-shadow: #DEE2E6 0px 1px 3px 0px, #DEE2E6 0px 0px 0px 1px;
}

.task_till{
    -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,1);
    -moz-box-shadow:0px 0px 1px 1px rgba(255,255,255,1);
    box-shadow: 0px 0px 1px 1px rgba(255,255,255,1);
}

.chain_div{
    /*-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,1);
    -moz-box-shadow:0px 0px 1px 1px rgba(255,255,255,1);
    box-shadow: 0px 0px 1px 1px rgba(255,255,255,1);*/
    -webkit-box-shadow: inherit;
    -moz-box-shadow:inherit;
    box-shadow: inherit;
}

.task-title-button-add{
    display:none;
}
.task_title_main:hover .task-title-button-add{
    display:block;
}

@media print {

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
         float: left;
    }
    .col-sm-12 {
         width: 100%;
    }
    .col-sm-11 {
         width: 91.66666667%;
    }
    .col-sm-10 {
         width: 83.33333333%;
    }
    .col-sm-9 {
         width: 75%;
    }
    .col-sm-8 {
         width: 66.66666667%;
    }
    .col-sm-7 {
         width: 58.33333333%;
    }
    .col-sm-6 {
         width: 50%;
    }
    .col-sm-5 {
         width: 41.66666667%;
    }
    .col-sm-4 {
         width: 33.33333333%;
    }
    .col-sm-3 {
         width: 25%;
    }
    .col-sm-2 {
         width: 16.66666667%;
    }
    .col-sm-1 {
         width: 8.33333333%;
    }

    .col{
        width:auto;
    }
 }