/* Formulaire */
/*.gf_step.gf_step_active.gf_step_first.gpmpn-step-current ~ div {
    display: none;
}*/
/* Modifications */
/*input.gfield-choice-input:checked + label.diag_choice  {
	position: relative;
}
input.gfield-choice-input:checked + label.diag_choice:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: max-content;
    padding: 0px 5px;
    margin-left: 20px;
    color: white;
}
input.gfield-choice-input:checked + label.own_choice:after, input.gfield-choice-input:checked + label.new_choice:after {
	content: "Commencer";
	background-color: #010440;
} 
input.gfield-choice-input:checked + label.update_choice:after {
	content: "Compléter";
	background-color: #94F2E9;
}
input[data-readonly="true"] {
    pointer-events: none;
    opacity: 0.5;
}
input[data-readonly="true"] + label {
    pointer-events: none;
}*/
/* Recommandations : chartjs + datatables */
.todolist {
	position:relative;
	margin: 0 auto;
	background-color: #fff;
    padding: 8px 20px 20px;
    border: 1px solid #E0E0E0;
    border-radius: 6px;
    box-shadow: 0px 2px 3px rgb(206 212 218 / 20%);
}
.todolist_wrapper {
	display: flex;
    flex-direction: column;
    row-gap: 30px;
	column-gap: 30px;
}
.bmchartjs, .wrike_tasks_list {
	position:relative;
	margin: 0;
	background-color: #fff;
    padding: 8px 20px 20px;
    border-radius: 5px;
	box-shadow: 0 0 1px rgb(25 27 35 / 16%), 0 1px 2px rgb(25 27 35 / 12%);
}

.chartjs_recommandations {
	width:100%;
    max-width: 375px;
}
.todolist_title h2 {
	font-size: 25px;
	font-weight: 600;
	margin-top: 20px;
}
.todolist_intro {
	margin: 20px 0;
}
.recommandations_title {
	margin-bottom: 8px;
    font-weight: 600;
}
.wrike_tasks_list .filter-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}
.wrike_tasks_list .filter-wrapper label {
    font-family: system-ui, sans-serif;
    font-size: 1rem;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
    margin-bottom: 0.5em;
    cursor: pointer;
}
.filter-wrapper input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 0.3em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}
.filter-wrapper input[type="checkbox"]:before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--wp--preset--color--bleu-fonce);
    background-color: CanvasText;
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
.filter-wrapper input[type="checkbox"]:checked:before {
    transform: scale(1);
}
/* DATATABLES */
.dataTables_wrapper .dataTables_filter label input {
    position: relative;
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px 5px 5px 25px;
    background-color: transparent;
    margin-left: 3px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iZ2x5cGgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0M0QzdDRjt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5Mi41LDM0M0MxMDkuNiwzNDMsNDIsMjc1LjUsNDIsMTkyLjVTMTA5LjYsNDIsMTkyLjUsNDJTMzQzLDEwOS42LDM0MywxOTIuNVMyNzUuNSwzNDMsMTkyLjUsMzQzeg0KCSBNMTkyLjUsODguMWMtNTcuMywwLTEwNC40LDQ2LjYtMTA0LjQsMTA0LjRjMCw1Ny4zLDQ2LjYsMTA0LjQsMTA0LjQsMTA0LjRTMjk3LDI1MC40LDI5NywxOTIuNUMyOTcsMTM1LjIsMjUwLjQsODguMSwxOTIuNSw4OC4xeiINCgkvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ1OS4zLDQwMi40TDMzNC44LDI5MS44Yy0xMS44LDE2LjQtMjYuMSwzMS4yLTQyLjUsNDIuNWwxMTAuMSwxMjQuNGMxMy44LDEzLjgsMzcuOSwxMi44LDUzLjgtMy4xDQoJQzQ3MS42LDQ0MC4zLDQ3My4xLDQxNi4zLDQ1OS4zLDQwMi40TDQ1OS4zLDQwMi40eiBNNDI2LjUsNDQyLjRjLTguNywwLTE1LjQtNi43LTE1LjQtMTUuNHM2LjctMTUuNCwxNS40LTE1LjRzMTUuNCw2LjcsMTUuNCwxNS40DQoJQzQ0MS45LDQzNS4yLDQzNS4yLDQ0Mi40LDQyNi41LDQ0Mi40eiIvPg0KPC9zdmc+DQo=) no-repeat 5px center;
    background-size: 15px;
}
table.dataTable {
	font-size: 16px;
}
table.dataTable.wrike_tasks_table thead th, table.dataTable.wrike_tasks_table tfoot th {
    font-weight: normal;
}
table.dataTable.display.wrike_tasks_table tbody tr.odd,
table.dataTable.display.wrike_tasks_table tbody tr.odd>.sorting_1,
table.dataTable.display.wrike_tasks_table tbody tr.even,
table.dataTable.display.wrike_tasks_table tbody tr.even>.sorting_1 {
    background-color: #ffffff;
}
table.dataTable.display.wrike_tasks_table tbody tr:hover,
table.dataTable.display.wrike_tasks_table tbody tr:hover,
table.dataTable.display.wrike_tasks_table tbody tr:hover>.sorting_1 {
    background-color: #f6f6f6;
}
.wrike_tasks_list .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    font-size: 14px;
    border-radius: 5px;
    line-height: 28px;
    height: 28px;
    width: 28px;
    background: #8a8e9b1a; /*var(--wp--preset--color--bleu-fonce);*/
    color: var(--wp--preset--color--bleu-fonce)!important;
    font-weight: bold;
    border-color: #c4c7cf; /*var(--wp--preset--color--bleu-fonce);*/
}
.wrike_tasks_list .dataTables_wrapper .dataTables_paginate .paginate_button:not(:last-child){
	margin-right: 8px;
}
.wrike_tasks_list .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: #8a8e9b33;
    color: var(--wp--preset--color--bleu-fonce)!important;
    border: 1px solid #c4c7cf;
}
.wrike_tasks_list .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.wrike_tasks_list .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: var(--wp--preset--color--bleu-fonce);
	color: #fff!important;
}
.external_link_wrike {
    display: flex;
    line-height: 1;
}
.external_link_wrike:hover{
	text-decoration: underline;
}
.external_link_wrike svg {
    margin-right: 5px;
    fill: #a9abb6;
}
table.dataTable.nowrap td.dtr-control,
table.dataTable.wrike_tasks_table .child table td {
    white-space: normal;
    word-break: break-word;
}
table.dataTable.wrike_tasks_table .child table td a {
    text-decoration: underline;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control a {
    margin-left: 10px;
}
/* Bouton + pour montrer le descriptif de la tache wrike */
table.dataTable.dtr-inline.collapsed.wrike_tasks_table>tbody>tr>td.dtr-control:before {
    border-radius: 5px;
	box-shadow: none;
    background-color: var(--wp--preset--color--bleu-fonce);
}
table.dataTable.dtr-inline.collapsed.wrike_tasks_table>tbody>tr.parent>td.dtr-control:before{
    background-color: var(--wp--preset--color--bleu-clair);
}
@media (min-width: 1200px) {
    table.dataTable.wrike_tasks_table .child table td {
        display: table-cell;
    }
    .todolist_wrapper{
        flex-direction: row;
    }
	.chartjs_recommandations {
        width: 25%;
		max-width:20vw;
	}
    .wrike_tasks_list {
        width: 75%;
    }
}
/* WRIKE TASKS LIST */

#wrike_tasks th {
    text-align: left;
}
.bm-wrike-avatars-wrapper {
    display: inline-flex;
    justify-content: space-between;
    border-radius: 50%;
    overflow: hidden;
	vertical-align: text-bottom;
    margin-right: 8px;
}
.bm-wrike-avatars-container-half {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(24px / 2);
    height: 24px;
    background-size: cover;
}
.bm-wrike-avatar {
    display: flex;
    width: 24px;
    height: 24px;
    background-size: cover;
}
.bm-wrike-avatars-container-half > .bm-wrike-avatar {
    width: 100%;
    height: calc((100%-1px) / 2);
}
.bm-wrike-avatars-2 .bm-wrike-avatar {
    display: flex;
    width: calc(24px / 2);
    height: 24px;
    background-size: cover;
}
.bm-wrike-avatars-3 > .bm-wrike-avatar, .bm-wrike-avatars-4 > .bm-wrike-avatar {
    display: flex;
    width: calc(24px / 2);
    height: 24px;
    background-size: cover;
}
.bm-wrike-avatar:nth-child(2) {
    background-position: 100%;
}

.task_importance {
    display: inline-block;
    line-height: 1;
    padding: 0 5px;
	vertical-align: middle;
}
.task_importance > svg {
	vertical-align: baseline;
}
.task_importance.High {
	color: #e32839;
}
.task_importance.Low {
	color: #3371dc;
}
.date_late {
	color: rgb(227 40 57);
}
/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	line-height: 1;
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width:max-content;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	border-radius: 5px;
	position: absolute;
	z-index: 1;
	left: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    font-size: 12px;
}
.tooltip .tooltiptext::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 100%; /* To the left of the tooltip */
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent black transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
visibility: visible;
}