@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700);

body {color: black;font-family: 'Roboto'}
label {margin: 0;}
button {padding: 0;}
a:hover, a:focus {text-decoration: none;}
h1, h2, h3, h1, h2, h3 {margin: 0;}
ul.default { margin: 0;padding: 0;list-style: none; }
ul li.default { margin: 0;padding: 0;}

.fts-26 {font-size: 26px;}
.fts-28 {font-size: 28px;}
.fts-30 {font-size: 30px;}
.lts-1 {letter-spacing: -1px;}

/*

Noir : #121316
Gris : #c6c6c6
Jaune : #A1FF54
Jaune Clair : #bbffbb
Rouge : #d4413c
Vert (hors charte) : #36cc42
*/

a.material-icons {outline: none;}
.material-icons {font-size: 22px;}
/* COLOR */
.red {color: #ff5582; cursor: pointer; display: flex;}
.red:hover {color: #ff0044;}
.lightblue {color: #6556ff; cursor: pointer; display: flex;}
.lightblue:hover {color: #4437c5;}
.lightblue2 {color: #6556ff; cursor: pointer;}
.lightblue2:hover {color: #4437c5;}
.blue {color: #3c29fc; cursor: pointer; display: flex;}
.blue:hover {color: #1403c9;}
.green {color: #A1FF54; cursor: pointer; display: flex;}
.green:hover {color: #00bf5c;}
.black {color: #000; cursor: pointer; display: flex;}
.black:hover {color: #222;}
.black_bis {color: #000; display: flex;}
.white {color: #fff; cursor: pointer; display: flex;}
.white:hover {color: #eee;}
.material-close {font-size: 19px !important; font-weight: bold;}
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.h100 {height: 100%;}
.bhfx {margin-bottom: 50px;}
.border_success {
    border: solid 1px #A1FF54;
}
.btn_space {
    margin-right: 8px;
}

.cell_center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.align_right {
    text-align: right;
}
.gestion_test {
    height: 30px;
    width: 100%;
    background-color: crimson;
    padding-left: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}
.tribox_group_form {
    width: 45%;
}
.form_trib {
    outline: none;
    border: none;
    background: none;
}
.tribox_flex_bot {
    display: flex;
    align-items: flex-end;
}
.tribox_flex_bot > div {
    margin: 0 0 10px 20px;
}
.tribox_space_between_form {
    display: flex;
    justify-content: space-between;
}
.tribox_center_form {
    display: flex;
    justify-content: center;
}
.tribox_group_input_line {
    display: flex;
    margin: 15px 0;
    border-bottom: solid 1px #424242;
}
.tribox_group_input_line2 {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0;
    border-bottom: solid 1px #424242;
}
.tribox_group_input_line2 .grid_input {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.tribox_group_input {
    display: flex;
    align-items: center;
    margin: 15px 0;
}
.grid_label {
    padding-right: 10px;
    white-space: nowrap;
}
.grid_input {
    display: flex;
    width: 100%;
}
.grid_input > select,
.grid_input > input:not([type=file]):not([type=checkbox]) {
    width: 100%;
    color: #3c29fc
}
.icon_file {
    display: flex;
    align-items: center;
}
.trib_comment {
    width: 100%;
    padding: 4px 8px;
    border: solid 1px #424242;
    outline: none;
}
.trib_alert {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 100%;
    height: 30px;
    margin-bottom: 2px;
}
.trib_alert_fixed {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 40px;
    height: 30px;
    margin-bottom: 2px;
    z-index: 10;
}
.trib_alert_success {
    background-color: #A1FF54;
    color: #00a751;
}
.trib_alert_warning {
    background-color: #ff7420;
    color: #983a00;
}
.trib_alert_close {
    position: absolute;
    right: 5px;
    font-size: 20px;
    color: #983a00;
    cursor: pointer;
}
.alert_command_done {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
    height: 30px;
}
#nav {
    background-color: #A1FF54;
    min-width: 90px;
    width: 90px;
    z-index: 1001;
}
#nav .nav_box_items {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
#nav .nav_box_items .nav_section > .nav_item:first-child {
    border-top: 1px solid #A1FF54;
}
#nav .nav_box_items .nav_section > .nav_item {
    border-bottom: 1px solid #00dd00;
}
#nav .nav_box_items .nav_item {
    position: relative;
    display: block;
    text-align: center;
    color: #212121;
    padding: 6px 0;
    cursor: pointer;
}
#nav .nav_box_items .nav_item .material-icons {
    font-size: 30px;
    display: block;
}
#nav .nav_box_items .nav_item .nav_item_text {
    font-weight: 600;
    font-size: 14px;
    font-family: 'vista-sans';
}
#nav .nav_box_items .nav_item .nav_box_subitems {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 100%;
    background-color: #212121;
    text-align: left;
}
#nav .nav_box_items .nav_item .nav_box_subitems.top {top: 0;}
#nav .nav_box_items .nav_item .nav_box_subitems.bot {bottom: 0;}
#nav .nav_box_items .nav_item .nav_box_subitems .nav_subtitle {
    padding: 2px 10px;
    font-weight: 600;
    font-family: 'vista-sans';
    font-size: 18px;
    color: white;
}
#nav .nav_box_items .nav_item .nav_box_subitems .nav_subitem {
    display: block;
    padding: 2px 10px;
    font-weight: 500;
    font-size: 14px;
}
#nav .nav_box_items .nav_item .nav_box_subitems .nav_subitem .nav_subitem_text {
    white-space: nowrap;
    color: #A1FF54;
}
#nav .nav_box_items .nav_item .nav_box_subitems .nav_subitem:hover {
    background-color: #A1FF54;
}
#nav .nav_box_items .nav_item .nav_box_subitems .nav_subitem:hover .nav_subitem_text {
    color: #212121;
}
#nav .nav_box_items .nav_item:hover {
    background-color: #212121;
    color: #A1FF54;
}
#nav .nav_box_items .nav_item:hover .nav_box_subitems {
    visibility: visible;
    opacity: 1;
    z-index: 1;
}
#nav .nav_box_items .nav_item:hover .nav_submenu_icon {
    visibility: hidden;
    opacity: 0;
}
#nav .nav_box_items .nav_item .nav_submenu_icon {
    visibility: visible;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 16px;
    font-size: 24px;
}
.center {
    display: flex;
    justify-content: center;
}
.gestrib_test {
    background-color: crimson;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 1.1em;
    padding-left: 40px;
}
.box_admin {
    width: 75%;
    margin: 0 auto;
}
.box_commands {
    margin: 100px 0;
    display: flex;
    justify-content: center;
}
.box_commands > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    width: 200px;
    background-color: #A1FF54;
    border: solid 3px black;
    margin: 10px;
    padding: 10px;
}
.box_commands > a > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
.box_commands > a > div > div {
    color: black;
    font-weight: bold;
}
.box_commands > a > div > small {
    color: #424242;
    text-align: center;
}
.trib_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
}
.trib_container h2 {
    margin: 20px 0 30px 0;
    font-family: 'vista-sans';
    font-weight: bold;
    font-size: 1.8em;
    color: black;
    text-align: center;
}
/* TABLE */
.trib_flex_table {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.trib_grid_table {
    width: 100%;
    display: grid;
    margin-bottom: 20px;
}
.grid_user {
    grid-template-columns: 30% 68%;
    grid-gap: 10px 2%;
}
.box_ts_basc {
    margin-bottom: 5px;
}
.box_ts_basc form {
    display: flex;
    align-items: center;
}
.box_ts_basc form select {
    width: 140px;
    margin: 0 5px;
    text-align: center;
}
.box_ts_basc form input[type="text"] {
    width: 60px;
    margin: 0 5px;
}
.box_ts_basc form input[type="text"].datepicker_MY {
    width: 100px;
    margin: 0 5px;
}
/* TABLEAU CREATE */

.flex-container {
    width: calc(100vw - 40px);
    padding: 0 15vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ledger_container,
.resultat_container {
    margin-bottom: 100px;
}
.user_action {
    display: flex;
    margin: 0 5px;
    justify-content: space-around;
}
.user_action div {
    display: flex;
    align-items: center;
    margin: 0 5px;
}
.user_action a {
    text-decoration: none;
    color: black;
}
.user_action div svg {
    display: block;
}
.user_name {
    font-family: "vista-sans", "vista-sans";
    font-weight: bold;
    font-size: 1.8em;
    color: black;
}
.cell_infos {
    color: crimson;
}
.btn {
    padding: 0px 10px;
    z-index: 10;
}
.btn_action {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.tribtn {
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1em;
    border-radius: 5px;
    padding: 1px 10px;
    font-family: "vista-sans-n4", "vista-sans";
    cursor: pointer;
    transition: 0.5s;
    border: 0;
    text-decoration: none !important;
    outline: none;
}
.tribtn:disabled {
    cursor: not-allowed;
}
.tribtn:disabled:hover {
    cursor: not-allowed;
    background-color: #8175FC;
    color: #F5F8FA;
}
.tribtn_black {
    background-color: black;
    color: #F5F8FA;
}
.tribtn_black:hover {
    background-color: transparent;
    color: black;
}
.tribtn_white {
    background-color: #F5F8FA;
    color: #F5F8FA;
}
.tribtn_blue {
    background-color: #3c29fc;
    color: #F5F8FA !important;
}
.tribtn_blue:hover {
    background-color: transparent;
    color: #3c29fc!important;
}
.tribtn_red {
    background-color: #ff5582;
    color: #F5F8FA;
}
.tribtn_red:hover {
    background-color: transparent;
    color: #ff5582;
}
.tribtn_orange {
    background-color: #ff7420;
    color: #F5F8FA;
}
.tribtn_orange:hover {
    background-color: transparent;
    color: #ff7420;
}
.tribtn_green{
    background-color: #A1FF54;
    color: #F5F8FA;
}
.tribtn_green:hover {
    background-color: transparent;
    color: #A1FF54;
}
.tribox_btn_start {
    margin: 10px 0;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
.tribox_btn_end {
    margin: 10px 0;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.tribox_btn_between {
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.tribox_btn_between_margin {
    margin: 10px 0;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.tribox_btn_start > * {
    margin-right: 10px;
}
.tribox_btn_end > * {
    margin-left: 10px;
}
.trib_modal {
    background-color: white;
    border: solid 1px #ddd;
    padding: 10px;
    border-radius: 5px;
}
.trimargin {
    margin-top: 6px;
}
.trib_modal p {
    text-align: center;
    font-family: "vista-sans", "vista-sans";
    font-weight: 600;
    font-size: 1.5em;
    color: black;
}
.tribox_modal_btn {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.tribox_modal2_btn {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
}
.im-pencil {
    color: #3c29fc;
    text-decoration: none;
}
.im-pencil:hover {
    color: #3524e2;
}
.im-trash-can {
    color: #ff5582;
}
.im-trash-can:hover {
    color: #f44336;
}
.im-check-mark {
    color: black;
    font-size: 16px;
}
.im-plus,
.im-minus {
    color: #3c29fc;
}
.im-user-male {
    padding-top: 4px;
    font-size: 20px;
}
.im-power {
    display: block;
    padding-top: 4px;
    font-size: 20px;
}
.btn-primary {
    background-color: #3c29fc;
}
.btn-primary:hover {
    background-color: #3524e2;
}
.btn-warning {
    background-color: #f57c00;
    border-color: #e65100;
}
.btn-warning:active:focus,
.btn-warning.active:hover {
    background-color: #ef6c00;
    border-color: #e65100;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
    background-color: #ef6c00;
}
.btn_show {
    margin: 0 10px 0 0;
}
.btn_edit {
    margin: 0 8px 0 0;
}
.btn_add {
    float: right;
    margin: 10px 0 20px 0;
}
.btn_create_project {
    margin: 0 17px 0 0;
}
.btn_add_participant {
    position: absolute;
    top: 35px;
    right: 0;
}
.project_client_title {
    font-size: 1em;
}
.client_project {
    color: #3c29fc;
}
.group_btn {
    display: flex;
    justify-content: space-between;
    border: solid 1px transparent;
    margin: 10px 0 5px 0;
    padding: 0 30px;
}
.group_btn_backva {
    display: flex;
    justify-content: space-between;
    border: solid 1px transparent;
    margin: 20px 0 50px 0;
}
.group_btn_edit {
    display: flex;
    justify-content: space-between;
    border: solid 1px transparent;
    margin: 10px 0 5px 0;
}
.group_btn_right {
    display: flex;
    justify-content: flex-end;
    border: solid 1px transparent;
    margin: 10px 0 5px 0;
}
.btn_back {
    margin-top: 15px;
}
.btn_invisible {
    background-color: transparent;
    border: none;
    outline: none;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    vertical-align: middle;
    padding: 4px;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 0px;
}
.table_crud tbody tr:nth-child(even) {
    background: #fff;
}
.table {
    margin-bottom: 0;
}
.tr_collapse .td_collapse {
    padding: 0;
    border: 0;
}
.table_contact {
    margin-top: 10px;
}
.table_crud thead th:first-child {
    border-top-left-radius: 5px;
}
.table_crud thead th:last-child {
    border-top-right-radius: 5px;
}
.draft_total {
    border-bottom-left-radius: 5px;
}
.draft_total {
    border-bottom-right-radius: 5px;
}
.table_crud thead tr th:last-child {
    text-align: right;
    padding-right: 10px;
}
.table_crud_checkbox {
    position: absolute;
    top: 9px;
}
.box_show_project {
    margin: auto;
}
.title_index_margin,
.title_show_margin {
    margin: 50px 0 0px 0;
    text-align: center;
    font-family: "vista-sans", "vista-sans";
    font-weight: 600;
    color: black;
}
.title_table_margin {
    margin: 50px 0 30px 0;
    text-align: center;
    font-family: "vista-sans", "vista-sans";
    font-weight: 600;
    color: black;
}
.title_margin {
    margin-top: 50px;
    text-align: center;
    font-family: "vista-sans", "vista-sans";
    font-weight: 600;
    font-size: 2.5em;
    color: black;
}
.project_title {
    text-align: center;
    font-family: "vista-sans", "vista-sans";
    font-weight: 600;
    font-size: 2.5em;
    color: black;
}
.title_h2 {
    font-family: "vista-sans", "vista-sans";
    font-weight: 600;
    font-size: 2em;
    color: black;
    margin-bottom: 10px;
}
.thx {
    font-family: "vista-sans", "vista-sans";
    font-weight: 600;
    color: black;
    margin: 10px 0;
}
.col-centered {
    float: none;
    margin: 0 auto;
}
.form-half {
    width: 48%;
}
.form-half-flex {
    display: flex;
    justify-content: space-between;
}
.box_partner_address {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
    width: 100%;
}
.box_partner_adress_right {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.partner_edit_grid,
.partner_booksite_grid,
.partner_adress_edit_grid {
    margin-bottom: 10px;
    display: grid;
    grid-gap: 10px 0;
    grid-template-columns: 45% 55%;
}
.title_form_filter {
    margin: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.title_form_filter a {
    margin-left: 20px;
}
.title_form_filter h3 {
    font-size: 2.5em;
    font-family: "vista-sans";
    font-weight: bold;
}
textarea {
    resize: vertical;
}
.panel-auth {
    width: 40%;
}
.panel-create {
    width: 100%;
    margin: 50px auto 25px auto;
}
.panel-body {
    padding: 35px 15px 0px 15px;
}
input#remember,
input.input-create {
    margin-top: 12px;
}
.login-group-btn {
    display: flex;
    justify-content: center;
}
.connect-btn {
    margin-left: 65px;
}
.panel-heading {
    background-color: black !important;
    color: white !important;
}
.form-control {
    padding: 0px 8px;
    height: 30px;
    outline: none;
}
.form-control:focus {
    box-shadow: none;
}
.input_small {
    height: 22px !important;
}
.input_mid {
    height: 26px !important;
}
.form-group {
    margin-bottom: 8px;
}
.alert_add {
    position: absolute;
    padding: 5px 10px;
    top: 100px;
    border-radius: 3px;
}
.alert_command_done {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
    height: 30px;
}
.pagination_user {
    position: absolute;
    top: 0;
    right: 0;
}
.group_back_pagin {
    position: relative;
}
.pagination {
    margin: 0;
}
.pagination li span,
.pagination li a {
    padding: 1px 10px;
}
.project_infos_table {
    margin: 7px auto;
}
.project_infos_table td {
    padding: 2px 0;
}
.project_infos_table tr td:first-child {
    width: 100px;
}
.box_project_table {
    margin-top: 40px;
    margin-bottom: 30px;
    background-color: white;
    border-radius: 3px;
    border: solid 1px #d3e0e9;
    padding: 0 20px;
}
.form_descritption_project {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.textarea_project_show {
    padding-top: 5px;
}
.box_section_client,
.box_section_project {
    margin-top: 50px;
    position: relative;
}
.box_date_project_rea {
    max-width: 400px;
    margin-bottom: 30px;
}
.box_date_project_rea > div {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin: 5px 0;
}
.box_date_project_rea > div > label {
    width: 100px;
}
.box_date_project_rea > div > input {
    max-width: 100px;
}
.td_form_participant form{
    position: relative;
    display: flex;
}
.table {
	display: table;
	border-collapse: separate;
}
.thead {
	display: table-header-group;
	color: white;
	font-weight: bold;
	background-color: black;
}
.tbody {
	display: table-row-group;
}
.tr {
	display: table-row;
}
.td {
	display: table-cell;
	border-top: 1px solid #DDDDDD;
}
.tr.editing .td INPUT {
	width: 100px;
}
.table .thead .tr .td:first-child {
    border-top-left-radius: 5px;
}
.table .thead .tr .td:last-child {
    border-top-right-radius: 5px;
}
.table_time .tbody .tr,
.table_time .tbody .tr:nth-child(even),
.table .tbody .tr:nth-child(even) {
    background: #fff;
}
.table .thead .tr .td:last-child,
.table .tbody .tr .td:last-child {
    width: 1%;
}
.table>.tbody>.tr>.td,
.table>.tbody>.tr>.th,
.table>.tfoot>.tr>.td,
.table>.tfoot>.tr>.th,
.table>.thead>.tr>.td,
.table>.thead>.tr>.th {
    /* text-align: center; */
    vertical-align: middle;
    padding: 4px;
}
.table_partner .td:nth-child(1) {
    width: 30%;
}
.table_partner .td:nth-child(2) {
    width: 21%;
}
.table_partner .td:nth-child(3) {
    width: 15%;
}
.table_partner .td:nth-child(4) {
    width: 8%;
}
.table_partner .td:nth-child(5) {
    width: 6%;
}
.table_partner .td:nth-child(6) {
    width: 6%;
}
.table_generic_resource thead th:nth-child(1n+2),
.table_generic_resource tbody td:nth-child(1n+2) {
    text-align: right;
}
.link_add_project {
    margin-right: 18px;
}
.fa-angle-down {
    padding-top: 2px;
    margin-left: 5px;
}
.panel-body {
    padding: 0;
}
.no_margin_bottom {
    margin-bottom: 0px;
}
.input_comment {
    width: 100% !important;
    text-align: left !important;
}
INPUT[type="hidden"] {
    margin: 0 !important;
    padding: 0 !important;
}
.panel-heading {
    margin-bottom: 20px;
}
.form_previous_next {
    margin: 5px 0;
    display: flex;
}
.form_previous_next i {
    font-size: 32px;
}
.date_from_to {
    padding: 3px 5px 0 5px;
    font-size: 1.2em;
    font-weight: bold;
}
.svg-loader {
    display: none;
    position: absolute;
    top: 80px;
    width: 2.5%;
    left: 0;
    right: 0;
    margin: auto;
}
.form_select_user {
    width: 180px;
}
.td_infos {
    color: crimson;
    font-size: 1.2em;
    font-style: normal;
    text-align: right;
}
.table_partner_profile {
    margin: 54px auto 0 auto;
}
.hidden_file,
.hidden_admf_file,
.hidden_update_file {
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
}
.include_selectResource {
    display: contents;
}
.bill_create_tbody:nth-child(odd) {
    background-color: #fff;
}
.grid_tbody_index_bill:nth-child(even),
.bill_create_tbody:nth-child(even) {
    background-color: #F5F8FA;
}
.draft_ul {
    position: relative;
    padding: 0;
    margin: 0;
}
.draft_ul .draft_exercice {
    list-style: none;
    height: 50px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    opacity: 1 !important;
    font-family: 'vista-sans';
    font-weight: bold;
    background-color: #A1FF54;
    border-top: solid 1px #ddd;
}
.draft_ul .ui-state-disabled {
    opacity: .5;
}
.draft_type_texte_color {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.draft_type_texte_color div {
    width: 17px;
    height: 17px;
    margin: 0 5px;
    cursor: pointer;
}
.color_selected {
    border: solid 3px rgba(255,255,255,0.6);
}
.draft_type_texte_color div:nth-child(1) {
    background-color: #616161;
}
.draft_type_texte_color div:nth-child(2) {
    background-color: #EF5B5D;
}
.draft_type_texte_color div:nth-child(3) {
    background-color: #EFC334;
}
.draft_type_texte_color div:nth-child(4) {
    background-color: #A1FF54;
}
.draft_type_texte_color div:nth-child(5) {
    background-color: #3495BD;
}
.draft_type_texte_color div:nth-child(6) {
    background-color: #945DA3;
}
.box_progression {
    width: 100%;
    padding-left: 6%;
    display: flex;
    justify-content: flex-start;
    position: relative;
    right: 0;
}
.box_progress {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.box_progress > div {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100px;
}
.progress_circle {
    z-index: 1;
    background-color: #F5F8FA;
    border: solid 2px black;
    color: black;
    font-weight: bold;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    margin: 8px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s;
}
.progress_bg_bar {
    width: 99%;
    height: 12px;
    border: solid 2px black;
    position: absolute;
    top: 73px;
    left: 0;
}
.progress_bar {
    height: 100%;
    background-color: #A1FF54;
    width: 0%;
}
.datepicker_rea,
.datepicker_max {
    text-align: center;
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    pointer-events: none;
}
.ui-datepicker-trigger {
    z-index: 2;
    left: 7px;
    position: absolute;
    height: 75px;
    width: 86px;
    border: none;
    background-color: transparent;
    outline: none;
}
input.date_rea ~ .ui-datepicker-trigger {
    bottom: 0;
}
input.date_max ~ .ui-datepicker-trigger {
    top: 0;
}
.progress_warning {
    background-color: #ff7420;
}
.progress_danger {
    background-color: #ff5582;
}
.delete_progress_date {
    position: absolute;
    top: 3px;
    left: -7px;
}
.box_progress_input {
    position: relative;
}
.span_rea,
.span_max {
    position: absolute;
    left: 0;
    color: black;
}
.span_rea {
    bottom: 42px;
}
.span_max {
    top: 45px;
}
.login_page {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
}
.google_login_btn {
    color: #FFF;
    background-color: #000;
    font-size: 18px;
    border-radius: 5px;
    padding: 10px 40px;
    font-family: "vista-sans-n4", "vista-sans";
    cursor: pointer;
    transition: 0.5s;
    border: 0;
    text-decoration: none;
    outline: none;
}
.google_login_btn:hover {
    background-color: transparent;
    color: #000;
}
.upload_file i {
    font-size: 30px;
}
.link_bill_file {
    display: flex;
}
#dLabel {
    padding: 0 5px;
    border-radius: 5px;
}
.bill_create_client {
    width: 100%;
    margin: 40px auto 0 auto;
}
.bill_create_project {
    width: 100%;
    margin: 25px auto 5px auto;
}
.box_bill_project {
    width: 100%;
}
.bill_create_thead {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: grid;
    background-color: black;
    color: white;
    font-weight: bold;
}
.bill_grid_client {
    border-top: solid 1px #ddd;
    grid-template-columns: 20% 5% 35% 19% 15% 3% 3%;
}
.bill_grid_project {
    grid-template-columns: 5% 29% 45% 11% 10%;
}
.bill_grid_partner {
    font-size: 0.9em;
    background-color: #F5F8FA;
    border-top: solid 1px #ddd;
    display: grid;
    grid-template-columns: 2% 27% 42% 29%;
}
.bill_grid_partner > div {
    padding: 2px;
}
.bill_grid_regule {
    font-size: 0.9em;
    background-color: #F5F8FA;
    border-top: solid 1px #ddd;
    display: grid;
    grid-template-columns: 20% 20% 39% 15% 6%;
}
.bill_grid_regule > div {
    padding: 4px;
}
.bill_create_thead div,
.bill_create_tbody div {
    padding: 4px;
}
.bill_create_tbody {
    display: grid;
}
.grid_tbody_index_bill:not(:first-child),
.bill_create_tbody:not(:first-child) {
    border-top: solid 1px #ddd;
}
.bill_create_project .bill_create_tbody {
    cursor: pointer;
}
.bill_create_project .bill_create_tbody:hover {
    background-color: #A1FF54;
}
.paginate_bill_project {
    float: right;
    margin-bottom: 50px;
}
.remove_bill {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.remove_bill svg {
    cursor: pointer;
}
.bill_group_input {
    padding: 0 !important;
}
.partner_thead {
    display: grid;
    grid-template-columns: 15% 37% 12% 6% 9% 9% 9% 3%;
    background-color: black;
    color: white;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.partner_tbody {
    display: grid;
    grid-template-columns: 15% 37% 12% 6% 9% 9% 9% 3%;
    border-bottom: solid 1px #ddd;
}
.partner_tbody:nth-child(odd) {
    background-color: #fff;
}
.partner_tfoot {
    display: grid;
    grid-template-columns: 15% 37% 12% 6% 9% 9% 9% 3%;
}
.partner_thead > div,
.partner_tbody > div,
.partner_tfoot > div {
    padding: 4px;
}
.partner_thead > div:nth-child(4),
.partner_tbody > div:nth-child(4),
.partner_tfoot > div:nth-child(4) {
    text-align: right;
    text-align-last: right;
}
.partner_thead > div:nth-child(n+5):not(:last-child),
.partner_tbody > div:nth-child(n+5):not(:last-child),
.partner_tfoot > div:nth-child(n+5):not(:last-child) {
    text-align: center;
}
.partner_tbody > div button,
.partner_tfoot > div button {
    display: flex;
    margin: 0 auto;
}
.partner_tbody > div:nth-child(5) > a {
    display: inline-flex;
    vertical-align: middle;
}
.grid_thead_index_bill {
    width: 100%;
    background-color: black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    font-weight: bold;
    display: grid;
}
.grid_total_bill {
    height: 30px;
    width: 100%;
    color: black;
    font-weight: bold;
    display: grid;
}
.grid_tfoot_index_bill {
    height: 30px;
    width: 100%;
    background-color: black;
    border-top: solid 1px #ddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: white;
    font-weight: bold;
    display: grid;
}
.grid_total_bill .global_total,
.grid_total_bill .global_total_ht,
.grid_total_bill .global_total_ttc,
.grid_tfoot_index_bill .total_ht_bill,
.grid_tfoot_index_bill .total_ttc_bill {
    display: flex;
    justify-content: flex-end;
    padding: 4px;
}
.bill_collapsed > div,
.grid_tbody_index_bill > div,
.grid_thead_index_bill > div {
    padding: 4px;
}
.bill_nocollapse {
    display: grid;
}
.bill_collapse {
    display: grid;
    grid-template-columns: 100%;
}
.bill_collapsed {
    background-color: white;
    border-top: 1px solid #ddd;
    display: grid;
}
.bill_box_collapse {
    display: grid;
}
.bill_collapsed div:not(.bill_total_ht):not(.bill_total_ttc):not(:last-child),
.grid_thead_index_bill div:not(.bill_total_ht):not(.bill_total_ttc):not(:last-child),
.bill_nocollapse div:not(.bill_total_ht):not(.bill_total_ttc):not(:last-child),
.bill_box_collapse div:not(.bill_total_ht):not(.bill_total_ttc):not(:last-child) {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.bill_nocollapse div:last-child,
.bill_box_collapse div:last-child{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.bill_total_ht,
.bill_total_ttc {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.grid_thead_index_bill a {
    color: white;
    text-decoration: none;
}
.table_nwcrud thead th,
.table_nwcrud thead th a {
    color: #000 !important;
}
.table_crud thead th a {
    color: #000;
    text-decoration: none;
}
.box_bill_filter {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 10px 0;
}
.box_bill_filter select {
    width: 144px;
    margin-right: 8px;
}
.box_bill_top_btn {
    display: flex;
    justify-content: flex-end;
    margin: 10px 0 ;
}
.box_bill_top_btn a {
    margin-left: 10px;
}
#bill {
    display: none;
}
.bill_collapse_line .bill_collapsed {
    font-style: italic;
}
.bill_collapsed div:nth-child(1){
    background-color: #A1FF54;
}
.input_file_bill {
    width: 100%;
    display: flex;
    align-items: center;
}
.input_file_bill a {
    display: contents;
}
.input_file_bill a svg {
    margin: 0 5px 0 10px;
}
.svg_remove {
    cursor: pointer;
}
.bill_comment {
    cursor: context-menu;
}
.bill_partner_edit_grid,
.bill_partner_create_grid {
    display: grid;
    grid-gap: 10px 0;
    grid-template-columns: 18% 30% 18% 30%;
    grid-template-rows: 30px 30px 30px 30px 30px;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 6px;
}
.bill_comment {
    margin-top: 6px;
}
.form_bill_create label {
    margin: 0;
}
.box_pre_sale_view {
    position: absolute;
    top: 8px;
    left: 310px;
    width: 385px;
}
.box_pre_sale_view input[type="radio"] {
    margin: 0px 20px 0px 5px;
}
.rea_comment i {
    cursor: context-menu;
}
.box_charts {
    display: grid;
    grid-template-columns: 200px 200px 200px 200px 200px;
    margin: 40px 0;
    justify-content: space-between;
}
.box_charts > div {
    width: 200px;
}
.box_charts > div svg g > g > text {
    display: none;
}
.box_charts > div svg g > g > path {
    fill: black;
    stroke: transparent;
}
.box_charts > div svg g > g > circle {
    fill: #f7f7f7;
    stroke: black;
}
.box_charts > div svg g > circle:nth-child(1) {
    fill: transparent;
    stroke: transparent;
}
.box_charts > div svg g > circle:nth-child(2) {
    stroke: black;
}
.box_chart_infos {
    position: relative;
    display: flex;
    justify-content: center;
}
.box_chart_infos > div:nth-child(1) {
    position: absolute;
    top: -20px;
    font-size: 1.4em;
    font-weight: bold;
    font-family: 'vista-sans';
}
.box_chart_infos > div:nth-child(3) {
    position: absolute;
    bottom: 30px;
    font-size: 1.5em;
    font-weight: 900;
}
.box_chart_infos > div:nth-child(4) {
    position: absolute;
    bottom: -10px;
    font-size: 1.3em;
}
.js_total_mrg_percent {
    height: 24px;
    background-color: #A1FF54;
    color: black;
    margin-top: 3px;
    border-radius: 4px;
    margin-left: 15px;
}
.tracking_thead {
    display: grid;
    background-color: black;
    color: white;
    font-weight: bold;
    grid-template-columns: 15% 17% 65% 3%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tracking_tbody {
    display: grid;
    grid-template-columns: 15% 17% 65% 3%;
    border-bottom: solid 1px #ddd;
}
.tracking_tfoot {
    display: grid;
    grid-template-columns: 97% 3%;
}
.tracking_tbody:nth-child(odd) {
    background-color: white;
}
.tracking_thead > div,
.tracking_tbody > div,
.tracking_tfoot > div {
    padding: 4px;
}
.tracking_tbody > div:last-child,
.tracking_tfoot > div:last-child {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* A SUPPRIMER */
.old_participant_thead {
    display: grid;
    background-color: black;
    color: white;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    grid-template-columns: 25% 65% 7% 3%;
}
.old_participant_tbody {
    display: grid;
    grid-template-columns: 25% 65% 7% 3%;
    border-bottom: solid 1px #ddd;
}
.old_participant_tbody:nth-child(odd) {
    background-color: white;
}
.old_participant_tfoot {
    display: grid;
    grid-template-columns: 25% 65% 7% 3%;
}
.old_participant_thead > div,
.old_participant_tbody > div,
.old_participant_tfoot > div {
    padding: 4px;
}
.old_participant_thead > div:nth-child(3),
.old_participant_tbody > div:nth-child(3),
.old_participant_tfoot > div:nth-child(3) {
    display: flex;
    justify-content: center;
}
.old_participant_tbody > div:last-child,
.old_participant_tfoot > div:last-child {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/* FIN A SUPPRIMER */
.participant_thead {
    display: grid;
    background-color: black;
    color: white;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.participant_tbody {
    display: grid;
    border-bottom: solid 1px #ddd;
}
.participant_ttot {
    display: grid;
    background-color: #000;
    color: #fff;
    font-weight: bold;
}
.participant_tfoot {
    display: grid;
}
.participant_thead > div,
.participant_tbody > div,
.participant_ttot > div,
.participant_tfoot > div {
    padding: 4px;
}
.participant_tbody > div:last-child,
.participant_tfoot > div:last-child {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.client_budget_thead {
    display: grid;
    background-color: black;
    color: white;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    grid-template-columns: 42% 15% 15% 7% 15% 3% 3%;
}
.client_budget_tbody {
    display: grid;
    grid-template-columns: 42% 15% 15% 7% 15% 3% 3%;
    border-bottom: solid 1px #ddd;
}
.client_budget_tbody:nth-child(odd) {
    background-color: white;
}
.client_budget_details {
    display: grid;
    grid-template-columns: 42% 15% 15% 7% 15% 3% 3%;
    background-color: white;
    border-bottom: solid 1px #ddd;
}
.client_budget_details > div {
    padding: 4px;
}
.client_budget_total {
    display: grid;
    grid-template-columns: 42% 15% 15% 7% 15% 3% 3%;
    background-color: #ddd;
}
.client_budget_total > div {

    padding: 4px;
}
.client_budget_tfoot {
    display: grid;
    grid-template-columns: 42% 15% 15% 7% 15% 3% 3%;
}
.client_budget_thead > div:nth-child(5),
.client_budget_tbody > div:nth-child(5),
.client_budget_total > div:nth-child(5),
.client_budget_details > div:nth-child(5) {
    text-align: right;
}
.client_budget_thead > div:nth-child(4),
.client_budget_tbody > div:nth-child(4),
.client_budget_tfoot > div:nth-child(7) {
    text-align: center;
}
.client_budget_thead > div,
.client_budget_tbody > div,
.client_budget_tfoot > div {
    padding: 4px;
}
.client_budget_tbody > div:last-child,
.client_budget_tfoot > div:last-child {
    display: flex;
}
.client_budget_tfoot input[name=budget],
.client_budget_tbody input[name=budget] {
    text-align-last: right;
}
.box_select_client_budget {
    display: flex;
}
.box_select_client_budget select {
    width: 200px;
    margin-right: 10px;
}
.box_client_budget_infos {
    display: flex;
    margin: 3px 0;
}
.box_client_budget_infos > div:first-child {
    display: flex;
    margin-right: 10px
}
.box_client_budget_infos > div:first-child button {
    font-size: 18px;
    font-weight: bold;
}
.box_client_budget_infos > div:not(:first-child) {
    margin-right: 30px;
}
.client_contacts input[type=text] {
    border: none;
    background: none;
    outline: none;
}
.select_fav_contact {
    display: block;
    margin: 0 auto;
    width: 242px;
}
.prev_marge_brut,
.rea_marge_brut {
    position: absolute;
    top: 15px;
    right: 5px;
}
.partner_banque_infos {
    margin-top: 10px;
    margin-bottom: 30px;
}
.box_textarea_bill {
    padding: 5px 20px;
    display: none;
}
.box_textarea_bill textarea {
    padding: 5px 10px;
    width: 100%;
    height: 100px;
}
.date_plus30 {
    display: none;
    cursor: pointer;
    font-weight: bold;
    color: #3c29fc;
}
.tva_0,
.tva_20 {
    margin-left: 15px;
    white-space: nowrap;
    cursor: pointer;
    font-weight: bold;
    color: #3c29fc;
}
.box_bill_project_partner_purchase {
    display: none;
}

.box_bill_project_partner_purchase,
.box_bill_project_partner_purchase_update {
    margin: 30px 0;
}
.bill_purchase_client_select,
.bill_partner_client_select {
    width: 220px;
}
.btn_project_my_project_on,
.btn_project_my_project_off {
    position: relative;
}
.btn_project_my_project_on button,
.btn_project_my_project_off button {
    padding-right: 30px;
}
.btn_project_my_project_on:after {
    position: absolute;
    right: 8px;
    top: 6px;
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 8px;
    border: solid 2px #008c40;
    background-color: #A1FF54;
}
.btn_project_my_project_off:after {
    position: absolute;
    right: 8px;
    top: 6px;
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 8px;
    border: solid 2px #a04900;
    background-color: #ff7420;
}
.administratif_thead,
.administratif_tbody,
.administratif_ttot {
    grid-template-columns: 10% 11% 16% 15% 15% 10% 10% 10% 3%;
}
.administratif_tfoot {
    grid-template-columns: 10% 11% 16% 30% 10% 10% 10% 3%;
}
.administratif_thead > div,
.administratif_tbody > div,
.administratif_tfoot > div,
.administratif_ttot > div {
    padding: 4px;
}
.dir_cli_cons_thead,
.administratif_thead {
    display: grid;
    background-color: black;
    color: white;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.administratif_ttot {
    display: grid;
    background-color: black;
    color: white;
    font-weight: bold;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.dir_cli_cons_tbody,
.administratif_tbody {
    display: grid;
    border-bottom: solid 1px #ddd;
}
input[type=number].nobgpart {
    padding: 0;
    border: none;
    background: none;
    outline: none;
    width: calc(100% - 15px);
}
input[type=text].nobg,
.administratif_tbody input[type=text] {
    padding: 0 4px;
    border: none;
    background: none;
    outline: none;
    width: 100%;
}
.administratif_tfoot {
    display: grid;
}
.administratif_tbody:nth-child(odd) {
    background-color: #fff;
}
.dir_cli_cons_thead > div,
.dir_cli_cons_tbody > div,
.dir_cli_cons_tfoot > div {
    padding: 4px;
}
.dir_cli_cons_thead,
.dir_cli_cons_tbody,
.dir_cli_cons_tfoot {
    display: grid;
}
.box_nav_projects {
    margin-top: 30px;
}
.box_nav_projects .material-icons {
    font-size: 50px;
}
.table_comptable_plan th:nth-child(1),
.table_comptable_plan td:nth-child(1) { width: 15%; }
.table_comptable_plan th:nth-child(2),
.table_comptable_plan td:nth-child(2) { width: 52%; }
.table_comptable_plan th:nth-child(3),
.table_comptable_plan td:nth-child(3) { width: 30%; }
.table_comptable_plan th:nth-child(4),
.table_comptable_plan td:nth-child(4) { width: 3%; text-align: center; }
.table_comptable_plan tbody input {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
}
.table_ledgers th:nth-child(1) { width: 30%; }
.table_ledgers th:nth-child(2) { width: 12%; }
.table_ledgers th:nth-child(3) { width: 20%; }
.table_ledgers th:nth-child(4) { width: 17%; }
.table_ledgers th:nth-child(5) { width: 9%;text-align: right; }
.table_ledgers th:nth-child(6) { width: 9%; }
.table_ledgers th:nth-child(7) { width: 3%; text-align: center; }
.table_ledgers input[name="cdebit"] { text-align: right; }
.table_ledgers input[name="debit"] { text-align: right; }
.table_ledgers th:nth-child(6) { text-align: right; }
.table_ledgers input[name="ccredit"] { text-align: right; }
.table_ledgers input[name="credit"] { text-align: right; }
.table_ledgers tbody select,
.table_ledgers tbody input {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
}
.table_ledgers tfoot td {
    border: none !important;
}
.tr_ledger_total {
    background-color: black;
    font-weight: bold;
    color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.tr_ledger_total td {
    border: none !important;
}
.tr_ledger_total td:first-child {
    border-bottom-left-radius: 5px;
}
.tr_ledger_total td:last-child {
    border-bottom-right-radius: 5px;
}
.pagination_ledger {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}
.box_ledgers_filter {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.box_form_ledger {
    display: flex;
}
.form_ledgers_import,
.form_ledgers_filter {
    display: flex;
}
.form_ledgers_filter input {
    width: 180px;
    margin-right: 15px;
}
.form_ledgers_filter a,
.form_ledgers_filter button {
    margin-right: 15px;
}
.form_ledgers_import button {
    margin-left: 15px;
}
.table_category_plan th:nth-child(1) { width: 97%; }
.table_category_plan th:nth-child(2) { width: 3%; }
.table_comptable_plan select[name="category"] {
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
}
.box_table_resulstats {
    margin-top: 100px;
}
.table_resulstats,
.table_resulstats-2 {
    border: solid 1px black;
}
.table_resulstats td,
.table_resulstats-2 td {
    padding: 4px;
}
.table_resulstats tr:not(:last-child) td:first-child {
    border-right: solid 1px black;
    padding-right: 50px;
}
.table_resulstats-2 td:not(:last-child) {
    border-right: solid 1px black;
}
.table_resulstats-2 td:first-child {
    padding-right: 50px;
}
.table_resulstats-2 td:not(:first-child) {
    padding-left: 20px;
}
.table_resulstats tr:not(:last-child) td:last-child {
    padding-left: 20px;
    font-weight: bold;
}
.table_resulstats-2 tr:not(:first-child),
.table_resulstats tr:not(:first-child) {
    border-top: solid 1px black;
}
.tbody_resultats {
    display: grid;
    grid-template-columns: 3% 52% 15% 15% 15%;
    border-bottom: solid 1px black;
}
.tbody_slider_resultats {
    font-style: italic;
    display: grid;
    grid-template-columns: 5% 50% 15% 15% 15%;
    font-size: 12px;
}
.tbody_slider_slider_resultats {
    display: grid;
    grid-template-columns: 5% 50% 15% 15% 15%;
    font-size: 12px;
    border-top: dashed 1px #cecece;
}
.tbody_slider_resultats {
    border-top: solid 1px #cecece;
}
.tbody_resultats > div,
.tbody_slider_resultats > div {
    padding: 4px;
}
.tbody_slider_slider_resultats > div {
    padding: 4px;
}
.box_slider_resultats {
    display: none;
    background-color: #fff;
    border-bottom: solid 1px black;
}
.box_slider_project_partner {
    display: none;
}

.tbody_resultats > div:nth-child(3),
.tbody_resultats > div:nth-child(4),
.tbody_resultats > div:nth-child(5),
.box_resultat_total > div:nth-child(2),
.box_resultat_total > div:nth-child(3),
.box_resultat_total > div:nth-child(4),
.box_resultat_title > div:nth-child(2),
.box_resultat_title > div:nth-child(3),
.box_resultat_title > div:nth-child(4),
.box_resultat_subtitle > div:nth-child(3),
.box_resultat_subtitle > div:nth-child(4),
.box_resultat_subtitle > div:nth-child(5),
.tbody_slider_resultats > div:nth-child(3),
.tbody_slider_resultats > div:nth-child(4),
.tbody_slider_resultats > div:nth-child(5),
.tbody_slider_slider_resultats > div:nth-child(3),
.tbody_slider_slider_resultats > div:nth-child(4),
.tbody_slider_slider_resultats > div:nth-child(5) {
    border-left: solid 1px black;
}
.resultat_project_designation {
    display: flex;
    font-style: italic;
}
.resultat_project_designation > a {
    margin-right: 10px;
}
.box_resultats_REX,
.box_resultats_IS,
.box_resultats_CA,
.box_resultats_FV,
.box_resultats_FF,
.box_resultats_AM {
    display: none;
}
.box_resultat_th {
    display: grid;
    grid-template-columns: 55% 15% 15% 15%;
    border-bottom: solid 1px black;
}
.box_resultat_title {
    display: grid;
    grid-template-columns: 55% 15% 15% 15%;
    border-bottom: solid 1px black;
}
.box_resultat_subtitle {
    display: grid;
    grid-template-columns: 3% 52% 15% 15% 15%;
    border-bottom: solid 1px black;
}
.box_resultat_total {
    border-bottom: solid 1px black;
    display: grid;
    grid-template-columns: 55% 15% 15% 15%;
}
.box_resultat_th > div,
.box_resultat_total > div,
.box_resultat_title > div,
.box_resultat_subtitle > div {
    padding: 4px;
    font-weight: bold;
}
.box_resultat_subtitle > div:nth-child(2),
.box_resultat_title > div:nth-child(1) {
    display: flex;
    align-items: center;
}
.box_resultat_title > div:nth-child(2),
.box_resultat_title > div:nth-child(3),
.box_resultat_title > div:nth-child(4) {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.resultat_title {
    margin-right: 10px;
    font-family: "vista-sans";
    font-weight: 600;
}
.item_toggle_slider_slider {
    display: flex;
    justify-content: flex-end;
}
.item_toggle_slider_slider i {
    font-size: 18px;
}
.item_ledger_project_designation {
    display: flex;
    font-style: italic;
}
.item_ledger_project_designation > a {
    margin-right: 10px;
}
.resultat_ST .percent_resultat_ST,
.resultat_ST .resultat_project_draft {
    font-weight: bold;
}
tr.disabled {
    background-color: #ececec !important;
}
.datepicker_resultat {
    width: 150px;
    display: inline-block;
}
.grinput_inline {
    display: flex;
    position: relative;
}
.grinput_inline > * {
    margin-left: 10px;
}
.grinput_inline > a {
    position: absolute;
    right: 0;
}
.date_resultat_selected {
    width: 285px;
}
.admini_file_error {
    color: #ff5582;
    padding-left: 4px;
}
.table_config {
    width: 100%;
    max-width: 450px;
    margin: 50px auto 20px auto;
}
.table_config input {
    outline: none;
}
.table_config tr.tr_config td {
    padding: 4px;
}

/***********************************
************** CSS 2.0 *************
************************************/
#gestrib { display:flex;height: 100vh;overflow: hidden; }
#main { width: 100%;overflow-y: auto;position: relative;}
#tokenlock { width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;display:none;z-index: 1000;top: 0; }
#tokenlock .box_content_tokenlock { width: 100%;height: 100%;display:flex;justify-content:center;align-items:center; }
#tokenlock .content_tokenlock { background-color: #fff;padding: 30px 60px;text-align: center;line-height: 26px;border-radius: 5px;box-shadow: 0 0 30px rgba(0,0,0,0.4);}
#tokenlock .content_tokenlock h4 { line-height: 26px;margin: 0 0 20px 0; }
#tokenlock .content_tokenlock a { display: inline-block;}

@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}
@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}
.progress { display:none;position: relative;height: 4px;width: 100%;background-color: transparent;border-radius: 2px;overflow: hidden;position: fixed;top: 0;z-index: 1000;padding-bottom: 4px; }
.progress .indeterminate { background-color: #4703ff; }
.progress .indeterminate:before { content: '';position: absolute;background-color: inherit;top: 0;left: 0;bottom: 0;will-change: left, right;animation: indeterminate 4.2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
.progress .indeterminate:after { content: '';position: absolute;background-color: inherit;top: 0;left: 0;bottom: 0;will-change: left, right;animation: indeterminate-short 4.2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation-delay: 2.30s; }


.gestrib_container { margin: 0 5% 50px 5%; }
.box_xl {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.box_xxxs {
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
}

.input_file { position: absolute;visibility: hidden;width: 0;height: 0; }

.nb { font-family: 'Roboto'; }
.talign_right { text-align:right; }
.talign_center { text-align:center; }
.bold { font-weight:bold; }
.ital { font-style:italic; }

.h100 { height: 100%; }

.f00 { display: flex; }
.f0c { display: flex;align-items: center; }
.fc0 { display: flex;justify-content: center; }
.fcc { display: flex;justify-content: center;align-items: center; }
.fccc { display: flex;justify-content: center;align-items: center;flex-direction: column;}
.fb0 { display: flex;justify-content: space-between; }
.fbc { display: flex;justify-content: space-between;align-items: center; }
.fbe { display: flex;justify-content: space-between;align-items: flex-end; }
.fec { display: flex;justify-content: flex-end;align-items: center; }
.fec { display: flex;justify-content: flex-end;align-items: center; }
.fec > i, .fec > form.del { margin-left:10px; }
.fe0 { display: flex;justify-content: flex-end; }
.fevc { display:flex;justify-content: space-evenly;align-items: center; }

.g3 {display: grid;grid-template-columns: 1fr 1fr 1fr;}
.g4 {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
.g5 {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

.p05 { padding: 0 5px; }

.pr { position:relative; }
.abstr { position:absolute;top:0;right:0; }

.blb { border-left: 1px solid black }

.disnone { display:none }
.box_slide { display:none }

.sltct {
    text-align: center;
    text-align-last: center;
}

.trift {font-family: 'vista-sans';font-weight: bold;}
.ftsz-18 {font-size: 18px;}
.ftsz-20 {font-size: 20px;}

.ml10 {margin-left:10px;}

.tlight { color: #888; }
.ngtv { color: #ff5582; }
.linkblue {color: #6556ff !important; cursor: pointer;}
.linkblue:hover {color: #4437c5;}
.linkred {color: #ff5582 !important; cursor: pointer;}
.linkred:hover {color: #ff0044;}
.bicon_white { color: #fff; }
.bicon_black { color: #000; cursor: pointer; }
.bicon_blue { color: #3c29fc; cursor: pointer; }
.bicon_blue:hover { color: #1403c9; }
.bicon_red { color: #ff5582; cursor: pointer; }
.bicon_red:hover { color: #ff0044; }

.ft-orange {color:#ff7420}
.ft-green {color:#A1FF54}
.ft-red {color:#ff5582}
.ft-yellow {color:#A1FF54}
.ft-black {color:#000000}

.tribt {display: inline-block;font-size: 1.1em;border-radius: 5px;padding: 1px 10px;font-family: "vista-sans-n4", "vista-sans";cursor: pointer;transition: 0.5s;border: 0;text-decoration: none !important;outline: none;}

.bg-white { background-color: #fff; }
.bg-red { background-color: #ff5582; }
.bg-orange { background-color: #ff7420; }

.box_axerrors { display:none;margin: 0;padding: 0 0 0 4px; }
.box_axerrors li { color:#ff5582;list-style:none; }

.tribtle { margin: 50px 0 30px 0; font-family: "vista-sans", "vista-sans"; font-weight: 600; color: black; }
.tribtle2 { margin: 10px 0 10px 0; font-family: "vista-sans", "vista-sans"; font-weight: 600; color: black; }

.filter { margin-bottom: 10px;}
.filter .box_filter_periode { border:solid 1px #ccd0d2;border-radius: 5px;padding: 0 3px;background-color: white;box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
.filter .box_filter_periode div:first-child { border-right:solid 2px #ccd0d2;padding-right: 3px;height:100%; }
.filter .box_filter_periode div:last-child { border-left:solid 2px #ccd0d2;padding-left: 3px;height:100%; }
.filter .box_filter_periode select[name="periode"] { margin: 0;border:none;height: 21px;outline:none;background-color: white; }
.filter .fltrad > div { margin-right: 25px; }
.filter .fltrad > div input[type="radio"] { margin-left: 5px; }
.filter .fltchck > div { margin-right: 25px; }
.filter .fltchck > div input[type="checkbox"] { margin-left: 5px; }

.axpagin { margin-top: 15px; }
.axpagin .pagination > li > a, .axpagin .pagination > li:not(.active) > span { color:#3c29fc; }
.axpagin .pagination > .active > span { background-color: #3c29fc;border-color: #1403c9; }
.axpagin .pagination > .active > a { color: #fff;background-color: #3c29fc;border-color: #1403c9; }

.table_grid { margin-bottom: 50px; }
.table_grid .table_grid_thead { display: grid;background-color: black;border-top-left-radius: 5px;border-top-right-radius: 5px;color: white;font-weight: bold; }
.table_grid .table_grid_thead2 { display: grid;background-color: #424242;color: white;font-weight: bold; }
.table_grid .table_grid_thead a { color: white; }
.table_grid .box_table_grid_tbody { border-bottom: solid 1px #ddd; }
.table_grid .table_grid_tbody,
.table_grid .table_grid_tbody2,
.table_grid .table_grid_tfoot { display: grid; }
.table_grid .box_table_grid_tbody:nth-child(even) { background-color: white; }
.table_grid .hidden_comment { padding: 0 4px 4px 4px;display: none; }
.table_grid .table_grid_thead div,
.table_grid .table_grid_thead2 div,
.table_grid .table_grid_tbody div,
.table_grid .table_grid_ttot div,
.table_grid .table_grid_tfoot div { padding: 4px;align-self: center; }
.table_grid .table_grid_tbody2 div { padding: 4px; }
.table_grid .table_grid_ttot2 div { padding: 4px 4px 0 4px;align-self: center; }
.table_grid .table_grid_thead input { padding: 0;margin: 0;border: 0;background-color: transparent;outline: none; }
.table_grid .table_grid_tbody input { padding: 0;margin: 0;border: 0;background-color: transparent;outline: none; }
.table_grid .table_grid_tbody input[type="text"] { width: 100%; }
.table_grid .table_grid_tbody select:not(.sltcvisible) { background: none; border:none; outline:none; box-shadow: none; }
.table_grid .table_grid_tfoot input[type="checkbox"] { margin: 0; }
.table_grid .table_grid_ttot { display: grid;background-color: black;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;color: white;font-weight: bold; }
.table_grid .table_grid_ttot2 { display: grid;background-color: black;color: white;font-weight: bold; }

.small_table_grid {margin: 20px 0;}
.small_table_grid .table_grid_thead {display: grid;background-color: black;border-top-left-radius: 5px;border-top-right-radius: 5px;color: white;font-weight: bold;}
.small_table_grid .table_grid_tbody,
.small_table_grid .table_grid_tbody2 { display: grid; }
.small_table_grid .table_grid_tfoot { display: grid;background-color: black;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;color: white;font-weight: bold; }
.small_table_grid .table_grid_thead div,
.small_table_grid .table_grid_tbody div,
.small_table_grid .table_grid_ttot div,
.small_table_grid .table_grid_tfoot div { padding: 1px 4px;align-self: center;height: 100%; }
.small_table_grid .table_grid_tbody { border-bottom: solid 1px #ddd; }

.filter select,
.filter input[type="text"],
.table_grid .table_grid_tfoot select,
.table_grid .table_grid_tfoot input[type="text"] { height: 25px; }

.idp { display: inline-block;width: 60px;text-align: center; }

.table_projects_client .table_grid_thead,
.table_projects_client .table_grid_tbody {
    grid-template-columns: 5% 49% 30% 10% 6%;
}
.filter_factures_clients {
    display: grid;
    align-items: end;
    grid-column-gap: 15px;
    grid-template-columns: 10% 100px 120px 120px 160px 80px auto 80px;
}
.table_factures_clients .table_grid_thead,
.table_factures_clients .table_grid_ttot2,
.table_factures_clients .table_grid_ttot,
.table_factures_clients .table_grid_tbody {
    grid-template-columns: 15% 5% 30% 9% 7% 7% 7% 7% 5% 5% 3%;
}
.table_factures_clients .table_grid_tfoot {
    grid-template-columns: 15% 35% 9% 7% 7% 7% 7% 5% 5% 3%;
}

.table_synthesis_mo .table_grid_thead,
.table_synthesis_mo .lvl_1 {
    display: grid;
    grid-template-columns: 2% 18% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.table_synthesis_mo .table_grid_ttot {
    background-color: black;
    color: white;
    display: grid;
    grid-template-columns: 20% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.table_synthesis_mo .lvl_1:hover {
    background-color: #eaf2f5;
}
.table_synthesis_mo .lvl_2-1 {
    background-color: white;
    display: grid;
    grid-template-columns: 2% 4% 19% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.table_synthesis_mo .lvl_2-2 {
    background-color: #fafcfd;
    display: grid;
    grid-template-columns: 2% 2% 4% 17% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.table_synthesis_mo .lvl_3 {
    background-color: white;
    display: grid;
    grid-template-columns: 2% 2% 4% 17% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.table_synthesis_mo .synthesis_mo_month {
    background-color: white;
    display: grid;
    grid-template-columns: 2% 2% 4% 17% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.box_synthesis_mo_month {
    border-top: 1px solid black !important;
}
.table_synthesis_mo .lvl_3:not(:last-child) {
    border-bottom: 1px dotted #ddd !important;
}
.table_synthesis_mo .table_grid_thead {
    border-bottom: 1px solid black;
}
.table_synthesis_mo .table_grid_thead.fixed {
    background-color: #F4F8FA;
    position: fixed;
    top: 0;
}
#drafts .table_grid_thead.fixed {
    position: fixed;
    top: 0;
    z-index: 2;
}
.table_synthesis_mo .table_grid_tbody {
    border-bottom: 1px solid #ddd;
}
.table_synthesis_mo .table_grid_thead > div,
.table_synthesis_mo .table_grid_tbody > div,
.table_synthesis_mo .table_grid_ttot > div {
    padding: 2px 4px;
}
.table_synthesis_mo .table_grid_thead > div {
    font-weight: bold;
    text-align: right;
}
.table_synthesis_mo .lvl_2 {
    background-color: white;
}
.filter_synthesis_mo {
    display: grid;
    align-items: end;
    grid-column-gap: 10px;
    grid-template-columns: 13% 13% 50px 120px 120px 160px 70px 80px 100px 80px;
    padding-bottom: 5px;
    border-bottom: solid 1px black;
}
.filter_dir {
    display: grid;
    align-items: end;
    grid-column-gap: 10px;
    grid-template-columns: 120px 120px 160px 80px;
    padding-bottom: 5px;
}
.filter_resultat {
    display: grid;
    align-items: end;
    grid-column-gap: 10px;
    grid-template-columns: 120px 120px 160px 60px 70px 70px 80px 190px;
    padding-bottom: 5px;
}
.filter_clients {
    display: grid;
    grid-column-gap: 15px;
    grid-template-columns: 200px 50px auto 150px;
}
.filter_projects {
    display: grid;
    grid-column-gap: 15px;
    grid-template-columns: 200px 50px 20px 150px 380px 80px auto 150px;
}
.table_projects .table_grid_thead,
.table_projects .table_grid_tbody {
    grid-template-columns: 6% 48% 30% 6% 10%;
}
.table_regules .table_grid_thead,
.table_regules .table_grid_tbody {
    grid-template-columns: 4% 12% 25% 6% 7% 7% 6% 6% 6% 6% 6% 6% 3%;
}
.table_dir .table_grid_thead {
    grid-template-columns: 3% 21% 36% 10% 10% 10% 10%;
}
.table_dir .table_grid_tbody {
    grid-template-columns: 3% 21% 36% 10% 10% 10% 10%;
    font-size: 16px;
    font-weight: bold;
}
.table_dir .table_grid_tbody2 {
    border-top: solid 1px #ddd;
    grid-template-columns: 5% 40% 15% 10% 10% 10% 10%;
}
.table_dir .table_grid_ttot2 {
    background-color: transparent;
    color: black;
    grid-template-columns: 45% 15% 10% 10% 10% 10%;
}
.table_dir .table_grid_ttot2 div {
    padding: 4px;
}
.table_dir .box_slide {
    border-bottom: solid 2px black;
}
.table_dir .bdtt {
    border-top: 2px solid black;
}
.sstitle_dir {
    padding: 4px;
    font-family: "vista-sans", "vista-sans";
    font-weight: 600;
    color: black;
    border-top: solid 1px #ddd;
} 
.table_regules .table_grid_tbody.regule_alert {
    background-color: #ffdbca;
}
.table_grid .thead1_regules,
.table_grid .thead2_regules {
    display: grid;
    background-color: black;
    color: white;
    font-weight: bold;
}
.table_regules .table_grid_tbody input {
    border: 1px solid #ccd0d2;
    border-radius: 5px;
    background-color: #fff;
    padding: 0 4px;
    text-align: right;
}
.table_grid .thead1_regules {
    grid-template-columns: 4% 12% 27% 6% 6% 6% 6% 6% 6% 6% 6% 6% 3%;
}
.table_grid .thead2_regules {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    grid-template-columns: 43% 12% 12% 18% 15%;
}
.table_grid .thead_regules > div { padding: 4px;align-self: center; }

.table_clients .table_grid_thead,
.table_clients .table_grid_tbody {
    grid-template-columns: 30% 30% 10% 10% 20%;
}
.table_clients .table_grid_tbody select {
    border: solid 1px #ddd;
    background-color: #fff;
}
.table_clients .table_grid_tbody input[type=text] {
    background-color: #fff;
    border: 1px solid #ccd0d2;
    max-width: 100px;
    margin: auto;
    text-align: center;
}
.filter_suivis_1 {
    display: grid;
    align-items: end;
    grid-template-columns: 120px 120px 160px 70px 100px;
    margin-bottom: 10px;
}
.filter_suivis_2 {
    display: grid;
    align-items: end;
    grid-template-columns: 11% 4% 22% 6% 14% 6% 7% 6% auto 70px 70px;
}
.filter_suivis_1 > div,
.filter_suivis_2 > div {
    padding: 0 4px 0 4px;
}
.table_suivi .table_grid_thead,
.table_suivi .table_grid_tbody,
.table_suivi .table_grid_tbody2,
.table_suivi .table_grid_ttot2,
.table_suivi .table_grid_ttot {
    grid-template-columns: 11% 4% 22% 6% 7% 7% 6% 7% 6% 7% 7% 5% 5%;
}
.filter_factures_partenaires_1 {
    display: grid;
    align-items: end;
    grid-template-columns: 120px 120px 160px 80px;
    margin-bottom: 10px;
}
.filter_factures_partenaires_2 {
    display: grid;
    align-items: end;
    grid-template-columns: 10% 22% 10% 30% 7% auto 100px 100px;
}
.filter_factures_partenaires_1 > div,
.filter_factures_partenaires_2 > div {
    padding: 0 4px 0 4px;
}
.table_factures_achats .table_grid_thead,
.table_factures_achats .table_grid_tbody,
.table_factures_achats .table_grid_ttot2,
.table_factures_achats .table_grid_ttot,
.table_factures_partenaires .table_grid_thead,
.table_factures_partenaires .table_grid_tbody,
.table_factures_partenaires .table_grid_ttot2,
.table_factures_partenaires .table_grid_ttot {
    grid-template-columns: 8px 10% 4% 28% 10% 7% 6% 6% 7% 8% 4% 4% 4% 2%;
}

.table_factures_achats .table_grid_tbody,
.table_factures_partenaires .table_grid_tbody { border-bottom: solid 1px #ddd; }

.table_departements .table_grid_tfoot {
    grid-template-columns: 1fr 2%;
}
.table_taches .table_grid_thead,
.table_taches .table_grid_tbody,
.table_taches .table_grid_tfoot {
    grid-template-columns: 13% 35% 25% 25% 2%;
}
.table_mvtaches .table_grid_thead,
.table_mvtaches .table_grid_tbody,
.table_mvtaches .table_grid_tfoot {
    grid-template-columns: 10% 20% 15% 53% 2%;
}
.table_mvtaches select {
    width: 100%;
} 
.table_profiles_partenaire .table_grid_thead,
.table_profiles_partenaire .table_grid_tbody,
.table_profiles_partenaire .table_grid_tfoot {
    grid-template-columns: 49% 49% 2%;
}
.filter_detailMB {
    display: grid;
    align-items: end;
    grid-template-columns: 10% 22% 120px 120px 160px 80px auto 80px;
}
.filter_detailMB > div {
    padding: 0 4px;
}
.filter_detailMB2 { display: flex; }
.filter_detailMB2 > div { margin-right: 20px; }
.filter_detailMB2 input { margin-right: 6px; }

.filter_MB {
    display: grid;
    align-items: end;
    grid-template-columns: 6% 10% 18% 15% 12% 120px 14%;
}
.filter_MB > div {
    padding: 0 4px;
}

.table_margebrut .table_grid_thead,
.table_margebrut .table_grid_tbody,
.table_margebrut .table_grid_ttot2,
.table_margebrut .table_grid_ttot {
    grid-template-columns: 2% 3.5% 9% 11% 6% 6% 10% 4% 6.5% repeat(12, 3.5%);
}
.table_margebrut.vue2 .table_grid_thead,
.table_margebrut.vue2 .table_grid_tbody,
.table_margebrut.vue2 .table_grid_ttot2,
.table_margebrut.vue2 .table_grid_ttot {
    grid-template-columns: 2% 24% 8% repeat(12, 5%) 6%;
}
.table_margebrut.vue2 .table_grid_tbody.tb2 {
    grid-template-columns: 2% 24% 8% repeat(12, 5%) 6%;
}
.table_margebrut.vue2 .table_grid_tbody.tb3 {
    grid-template-columns: 2% 2% 30% repeat(12, 5%) 6%;
}
.table_margebrut .subval {
    font-size: 12px;
    line-height: 22px;
    color: #626262;
}
.table_margebrut .table_grid_tbody .preval {
    color: #3b29fc;    
}
.table_margebrut .table_grid_ttot .preval {
    color: #c9c4ff;
}
.table_margebrut .brdr {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-right: 1px solid #ddd;
}
.table_margebrut .brdr2 {
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid #ddd;
}
.table_margebrut .box_table_grid_tbody:nth-child(odd),
.table_margebrut .box_table_grid_tbody:nth-child(even) {
    background-color: transparent;
}
.table_margebrut .mb_subtbody {
    background-color: #fff;
}
.table_margebrut .box_mbflex {
    display: flex;
    flex-direction: column-reverse;
}
.table_margebrut .table_grid_tbody.mb_to_check {
    background-color: #ffdada;
}

.table_detailMB_MO .table_grid_thead,
.table_detailMB_MO .table_grid_tbody,
.table_detailMB_MO .table_grid_ttot2,
.table_detailMB_MO .table_grid_ttot {
    grid-template-columns: 19% 9% 9% 9% 9% 9% 9% 9% 9% 9%;
}
.table_detailMB_regule .table_grid_thead2.mo,
.table_detailMB_regule .table_grid_tbody.mo,
.table_detailMB_regule .table_grid_thead2.st,
.table_detailMB_regule .table_grid_tbody.st,
.table_detailMB_regule .table_grid_thead2.at,
.table_detailMB_regule .table_grid_tbody.at {
    grid-template-columns: 5% 35% 10% 25% 25%;
}
.table_detailMB_regule .table_grid_thead,
.table_detailMB_regule .table_grid_thead2,
.table_detailMB_regule .table_grid_tbody,
.table_detailMB_regule .table_grid_ttot2,
.table_detailMB_regule .table_grid_ttot {
    grid-template-columns: 10% 5% 5% 55% auto;
}
.table_detailMB_ST .table_grid_thead,
.table_detailMB_ST .table_grid_tbody,
.table_detailMB_ST .table_grid_ttot2,
.table_detailMB_ST .table_grid_ttot {
    grid-template-columns: 19% 9% 9% 9% 9% 9% 9% 9% 9% 9%;
}
.table_achats_possibles .table_grid_thead,
.table_achats_possibles .table_grid_tbody,
.table_achats_possibles .table_grid_tfoot {
    grid-template-columns: 50% 100px auto 8% 2%;
}


.table_drafts .table_grid_thead { grid-template-columns: 5% 16% 13% 5% 5% 8% 8% 8% 8% 8% 8% 5% 3%; }
.table_drafts .table_grid_ttot { grid-template-columns: 5% 39% 8% 8% 8% 8% 8% 8% 5% 3%;border-top: 1px solid #ddd; }
.table_drafts .table_grid_ttot > div:nth-child(1n+3) { border-left: 1px solid #ddd;height: 100%; }
.table_drafts .table_grid_tbody[data-type="Texte"] { grid-template-columns: 97% 3%;color:white; }
.table_drafts .table_grid_tbody[data-type="Total"] { grid-template-columns: 7% 37% 8% 8% 8% 8% 8% 8% 5% 3%;color:white;background-color: #777777; }
.table_drafts .table_grid_tbody[data-type="Total"] > div:nth-child(1n+3) { border-left: 1px solid #ddd;height: 100%; }
.table_drafts .table_grid_tbody[data-type="Total-ex"] { grid-template-columns: 17% 27% 8% 8% 8% 8% 8% 8% 5% 3%;color:white;background-color: black; }
.table_drafts .table_grid_tbody[data-type="Total-ex"] > div:nth-child(1n+3) { border-left: 1px solid #ddd;height: 100%; }
.table_drafts .table_grid_tbody[data-type="Total-ex"].ui-state-disabled { opacity: .8;}
.table_drafts .table_grid_tbody[data-type="Draft"] { grid-template-columns: 5% 16% 13% 5% 5% 8% 8% 8% 8% 8% 8% 5% 3%;background-color: #fff; }
.table_drafts .table_grid_tbody[data-type="Draft"] > div:nth-child(1n+3) { border-left: 1px solid #ddd; }
.table_drafts .table_grid_tbody[data-type="Regule"] { grid-template-columns: 5% 16% 46% 9% 24%;background-color: #fff; }
.table_drafts .table_grid_tbody[data-type="Commentaire"] { grid-template-columns: 97% 3%;background-color: #fff;}
.table_drafts .table_grid_tbody { border-top: 1px solid #ddd; }
.table_drafts .table_grid_tfoot {
    position: relative;
    display: grid;
    grid-template-columns: 5% 16% 13% 5% 5% 8% 8% 8% 8% 8% 8% 5% 3%;
}
.table_drafts .table_grid_tfoot.type-commentaire {
    position: relative;
    display: grid;
    grid-template-columns: 5% 92% 3%;
}
.filter_regule {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.filter_regule > div {
    margin-right: 10px;
}
.table_drafts .hidden_draft_comment {
    border-top: 1px solid #ddd;
    grid-column: 1 / 14;
    grid-row: 2;
}
.hidden_draft_comment {
    display: none;
}
.table_drafts .table_grid_tbody[data-type="Draft"]:not(.calc_sub_draft) {
    opacity: .4;
}
#drafts input {
    padding: 0 2px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccd0d2;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
#drafts input[disabled] {
    background-color: #eee;
    cursor: not-allowed;
}
.table_reas .table_grid_thead,
.table_reas .table_grid_tbody,
.table_reas .table_grid_ttot {
    grid-template-columns: 6% 18% 28% 10% 10% 10% auto 3%;
}
.table_reas .project_rea_tbody {
    border-bottom: solid 1px #ddd;
}
.table_reas .collapse_project_rea {
    background-color: #fff;
    border-bottom: solid 1px #ddd;
    color: #888;
}
.table_reas .collapse_project_rea .table_grid_tbody:not(:last-child) {
    border-bottom: solid 1px #ddd;
}

.table_dreas .table_grid_thead,
.table_dreas .table_grid_tbody,
.table_dreas .table_grid_ttot {
    grid-template-columns: 25% 25% 25% 25%;
}
.table_dreas .table_grid_tbody .positive {color: #000000;}
.table_dreas .table_grid_tbody .negative {color: #ff5582;}
.select_create_projet_client {
    margin-right: 5px;
}
.new_project {
    display: none;
}
.box_budget_copy {
    padding-bottom: 5px;
}
.table_copy_draft .table_grid_tbody {
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
}
.table_copy_draft .table_grid_thead,
.table_copy_draft .table_grid_tbody[data-type="draft"] {
    grid-template-columns: 5% 10% 42% 13% 10% 10% 10%;
}
.table_copy_draft .table_grid_tfoot {
    grid-template-columns: 100%;
}
.table_copy_draft .table_grid_tbody[data-type="Texte"] {
    grid-template-columns: 5% 95%;
    color: white;
}
.table_copy_draft .table_grid_tbody[data-type="Comment"] {
    grid-template-columns: 5% 95%;
}
.table_copy_draft .table_grid_tbody[data-type="Total"] {
    grid-template-columns: 5% 10% 75% 10%;
    background-color: #777777;
    color: white;
}
.table_copy_draft .table_grid_tbody[data-type="draft"] > div:nth-child(1n+4) { border-left: 1px solid #ddd; }
.table_copy_draft input[type=checkbox] {margin: 0;}
.modal_groupinput_copy {display: flex;align-items: center;margin-bottom: 10px;}
.modal_groupinput_copy select[name=client] {width: 90%;margin-right: 5px;}
.modal_groupinput_copy input[name=project] {width: 10%;margin-left: 5px;}
.table_motifs_absence .table_grid_thead,
.table_motifs_absence .table_grid_tbody,
.table_motifs_absence .table_grid_tfoot {
    grid-template-columns: 13% 25% 15% 15% 15% 15% 2%;
}
.table_config_resultat .table_grid_thead,
.table_config_resultat .table_grid_tbody,
.table_config_resultat .table_grid_tfoot {
    grid-template-columns: 13% 17% 17% 17% 17% 17% 2%;
}
.box_date_add_calendar {display: flex;align-items: center;margin-bottom: 10px;}
.box_days_add_calendar {display:flex;margin: 20px 0;}
.box_days_add_calendar > input[type=checkbox] {margin-right: 15px !important;}
.box_days_add_calendar > label {margin-right: 8px;margin-left: 15px !important;}
.box_date_add_calendar > * {margin-right: 8px;}
.box_date_add_calendar input[type=text] {width: 200px;height: 25px;}
.box_holiday_calendar {display:flex;margin-bottom: 10px;}
.box_holiday_calendar .holiday_date {width: 20%;margin-right: 5px;height: 25px;}
.box_holiday_calendar .holiday_designation {width: 80%;margin-left: 5px;height: 25px;}
.box_include_calendar {margin-top: 30px;display:grid;grid-template-columns: 25% 25% 25% 25%;grid-column-gap: 0;grid-row-gap: 50px;}
.grid_month {width: 250px;display:grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:5px;}
.grid_month > div {height: 25px;}
.grid_month .calendar_ouvre > a.calenday {color: #424242;}
.grid_month .calendar_ferie > a.calenday {background-color: red;color: white;border-radius: 50%;display:flex;width: 25px;height: 25px;text-align: center;justify-content: center;align-items: center;}
.grid_month .calendar_weekend > a.calenday {color: #aaa;}
.grid_month .calendar_ferie:hover .upinfos {display:block;}
.table_planning_absence td > div.cp:hover .upinfos2,
.table_planning_absence td > div.cp-am:hover .upinfos2,
.table_planning_absence td > div.cp-pm:hover .upinfos2,
.table_planning_absence td.ferie:hover .upinfos2 {
    display:block;
}
.upinfos {position: absolute;background-color: #424242;bottom: 35px;display:flex;justify-content: center;align-items: center;text-align: center;padding: 4px 10px;white-space: nowrap;border-radius: 5px;color:white;display:none;}
.upinfos2 {position: absolute;background-color: #424242;bottom: 35px;text-align: center;padding: 4px 10px;white-space: initial;border-radius: 5px;color:white;left: -60px;right: -60px;display:none;font-size: 12px;line-height: 18px;pointer-events: none;}
.upinfos::after,
.upinfos2::after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    border-top: solid 10px #424242;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    border-left: solid 10px transparent;
}
.calendar_daysignation {display:flex;justify-content: center;align-items: center;font-family: "vista-sans", "vista-sans";font-weight: bold;font-size: 16px;color: black;}
.table_absences .table_grid_thead,
.table_absences .table_grid_tbody {
    grid-template-columns: 3% 12% 15% 10% 4% 4% 10% 4% 4% 10% 10% 4% 7% 3%;
}
.table_absences .table_grid_tbody select { height: 25px; }
.table_absences .table_grid_tfoot {
    grid-template-columns: 15% 15% 10% 4% 4% 10% 4% 4% 10% 10% 4% 7% 3%;
}
.table_absences .table_grid_tfoot input[type=checkbox] {margin-left: 6px;}
.box_legend_absence {display:flex;}
.box_legend_absence > div {margin-right: 20px;}
.box_legend_absence i {margin-right: 6px; font-size: 18px;}
.box_total_cp {text-align: center;margin-bottom: 10px;}
.select_lock_exercice {
    text-align: center;
    text-align-last:center;
    width: 100%;
    max-width: 200px;
    margin: 10px auto 0 auto;
}
.readonly_lock {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.filter_absences {
    display: grid;
    align-items: end;
    grid-column-gap: 15px;
    grid-template-columns: 120px;
}
.table_planning_absences .table_grid_thead,
.table_planning_absences .table_grid_tbody {
    grid-template-columns: 3% 12% 12% 10% 4% 4% 10% 4% 4% 10% 10% 4% 10% 3%;
}
.table_planning_absence {
    margin: 0 auto;
    width: 100%;
}
.table_planning_absence .td_user {padding: 0 3px;}
.table_planning_absence th {
    padding: 0 3px;
    white-space: nowrap;
    color: white;
    background-color: black;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    min-width: 24px;
    height: 24px;
}
.table_planning_absence th.actual_month {
    background-color: #A1FF54;
    color: black;
}
.table_planning_absence td:not(:first-child) {
    max-width: 24px;
    background-clip: padding-box;
}
.table_planning_absence tr.absence_comment {
    display: none;
}
.table_planning_absence tr.absence_comment td {
    padding: 0;
}
.table_planning_absence tr.absence_comment .absence_user_comment {
    width: 100%;
    height: 100%;
    border-top: 1px solid #ddd;
    border-right: none;
    border-bottom: none;
    border-left: none;
    outline: none;
    padding: .5rem 1rem;
}
.table_planning_absence tbody tr.row_abs_pole td {
    border-bottom: 1px solid #ddd;
}
.table_planning_absence tbody tr:not(.row_abs_pole) td {
    white-space: nowrap;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: relative;
    height: 24px;
    min-width: 24px;
}
.table_planning_absence tbody td.pole {
    font-weight: 600;
    font-family: 'vista-sans';
    font-size: 18px;
    text-align: center;
}
.table_planning_absence tbody td:not(.pole):first-child {
    color: white;
    background-color: black;
    font-size: 12px;
    font-weight: bold;
}
.table_planning_absence th.ferie {background-color: red;color: white;}
.table_planning_absence th.weekend {background-color: #ccc;color: white;}
.table_planning_absence th.today {
    background-color: #A1FF54;
    color: black;
    border-left: solid 3px #A1FF54;
    border-right: solid 3px #A1FF54;
}
.table_planning_absence td.ferie {background-color: red;}
.table_planning_absence td.weekend {background-color: #ccc;}
.table_planning_absence th {
    text-align: center;
}
.table_planning_absence td.today {
    border-left: solid 3px #A1FF54 !important;
    border-right: solid 3px #A1FF54 !important;
}
.table_planning_absence tbody tr:hover td:not(.pole):first-child {
    background-color: #A1FF54;
    color: black;
}
.planning_abs_filter {
    margin-top: 10px;
}
.planning_abs_filter input {
    margin-right: 6px;
}
.planning_abs_filter label {
    margin-right: 10px;
}
.table_tickets {
    margin: 0 auto;
}
.table_tickets td:first-child {
    color: white;
    background-color: black;
    text-align: left;
    font-weight: bold;
}
.table_tickets th {
    padding: 0 3px;
    white-space: nowrap;
    color: white;
    background-color: black;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    min-width: 40px;
    height: 24px;
    text-align: center;
}
.table_tickets td {
    padding: 0 3px;
    white-space: nowrap;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: relative;
    height: 24px;
    min-width: 40px;
    background-clip: padding-box;
    text-align: center;
    font-weight: lighter;
}
.absence_motifs_legend {
    margin-top: 10px;
    flex-direction: column;
}
.absence_motifs_legend .box_motifs {
    margin-bottom: 5px;
}
.absence_motifs_legend .box_motifs .motifs_color {
    width: 23px;
    height: 23px;
    margin-right: 6px;
}
.hidden_scroll {
    overflow: hidden;
    height: 100%;
    position: relative;
    left: -20px;
}
.hidden_scroll > * {
    position: relative;
    left: 20px;
}
#dashboard {
    padding-top: 50px;
    background-color: #030304;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
}
#dashboard .ft1 {color: #c6c6c6;font-size: 18px;font-weight: bold;text-transform: uppercase;}
#dashboard .ft2 {color: #A1FF54;font-size: 28px;font-weight: 300;line-height: 30px;}
#dashboard .ft2b {font-weight: 500;text-transform: uppercase;}
#dashboard .ft3 {color: #c6c6c6;text-transform: uppercase;font-weight: bold;}
#dashboard .ft4 {color: #A1FF54;font-size: 40px;font-weight: bold;letter-spacing: -2px;}
#dashboard .ft_rst {color: #A1FF54;}
#dashboard .ft_rst1 {font-size: 28px;}
#dashboard .ft_rst2 {color: #bbffbb;}
#dashboard .ft_rst3 {font-size: 20px;}
#dashboard .ft_rst4 {color: white; font-size: 40px;}
#dashboard .ft_rst_red {color: #d4413c;}
#dashboard .ft_rst_red {color: #d4413c;}
#dashboard .ft_rst_green {color: #36cc42;}
#dashboard .db_pj_warn {font-size: 20px;color: #d4413c;}
#dashboard .ft_warn {color: #d4413c !important;}
#dashboard .ftw_tn {font-weight: 100;}
#dashboard .ftc_jc {color: #bbffbb;}
#dashboard .ftc_g {color: #c6c6c6;}
#dashboard .ftc_j {color: #A1FF54;}
#dashboard .ftc_o {color: #e79742;}
#dashboard .ftc_r {color: #d4413c;}
#dashboard .ftc_green {color: #3cd465;}

#dashboard .dashboard_left {
    max-width: 600px;
    padding-left: 50px;
    height: 100%;
    padding-bottom: 50px;
}
#dashboard .dashboard_right {
    padding-left: 100px;
    height: 100%;
    width: 100%;
}

#dashboard .box_dashboard_left {
    border-right: solid 1px #A1FF54;
    padding-right: 50px;
    width: 550px;
    height: calc(100% - 80px);
}
#dashboard .display_switch {
    cursor: pointer;
}
#dashboard .top {
    margin-bottom: 10px;
}
#dashboard .box_clients {
    padding-top: 20px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    padding-right: 60px;
    padding-left: 10px;
    margin-left: -7px;
}
#dashboard .box_clients .box_client {
    margin-bottom: 10px;
}
#dashboard .box_clients .box_client .item_client {
    display: flex;
    align-items: center;
    color: #A1FF54;
}
#dashboard .box_clients .box_client .item_client i {
    border: solid 1px #A1FF54;
    margin-right: 10px;
    cursor: pointer;
    font-size: 16px;
    position: relative;
}
#dashboard .box_clients .box_client .item_client i.warning::before {
    content: '';
    position: absolute;
    top: 5px;
    left: -10px;
    width: 6px;
    height: 6px;
    background-color: #d4413c;
    border-radius: 50%;
}
#dashboard .box_clients .box_client .item_client a {
    color: #A1FF54;
    font-size: 20px;
    font-weight: bold;
}
#dashboard .box_clients .box_projects:not(.display_warning) {
    display: none;
}
#dashboard .box_clients .box_projects {
    margin-left: 34px;
}
#dashboard .box_clients .box_project {
    position: relative;
}
#dashboard .box_clients .box_project .detail_project {
    color: #A1FF54;
    position: absolute;
    bottom: -7px;
    right: -40px;
    margin: auto;
    display: block;
    font-size: 32px;
    cursor: pointer;
}
#dashboard .box_clients .box_project.project_warning::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -38px;
    width: 24px;
    height: 22px;
    background-image: url(../images/warning.png);
    background-size: cover;
}
#dashboard .box_clients .box_project:not(:last-child) {
    margin-bottom: 10px;
}
#dashboard .box_clients .box_project .item_project .item_project_1,
#dashboard .box_clients .box_project .item_project .item_project_2 {
    display: inline;
}
#dashboard .box_clients .box_project .item_project .item_project_1,
#dashboard .box_clients .box_project .item_project .item_project_1 a {
    color: #A1FF54;
    font-weight: bold;
}
#dashboard .box_clients .box_project .item_project .item_project_2 {
    color: #c6c6c6;
}
#dashboard .box_clients .box_project .bar_project {
    position: relative;
    height: 9px;
    margin-top: 3px;
    background-color: #c6c6c6;
    overflow: hidden;
}
#dashboard .box_clients .box_project .bar_project .bar_rea {
    position: absolute;
    top: 0;
    left: 0;
    height: 9px;
    background-color: #A1FF54;
}
#dashboard .box_clients .box_project .bar_project .bar_rea2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 9px;
    background-color: #d4413c;
}
#dashboard .box_dashboard_resultat {
    overflow-y: auto;
    height: calc(100% - 80px);
    padding-bottom: 50px;
}
#dashboard .box_dashboard_resultat .box_dr_top {display: flex;align-items: center;margin-bottom: -24px;position: relative;}
#dashboard .box_dashboard_resultat .box_dr_top.bf_min::before {content: '-';position: absolute;top: -28px;left: -31px;color: #bbffbb;font-size: 60px;font-weight: bold;}
#dashboard .box_dashboard_resultat .box_dr_top.bf_eq::before {content: '=';position: absolute;top: -28px;left: -42px;color: #bbffbb;font-size: 60px;font-weight: bold;}
#dashboard .box_dashboard_resultat .box_dr_top .title {letter-spacing: -2px;font-size: 36px;white-space: nowrap;position: relative;display: flex;align-items: center;}
#dashboard .box_dashboard_resultat .box_dr_top .title .info {color: #c6c6c6;margin-left: 10px;line-height: 14px;font-size: 12px;position: absolute;left: 100%;bottom: 12px;white-space: normal;width: 350px;letter-spacing: 0;display: none;}
#dashboard .box_dashboard_resultat .box_dr_mid {font-size: 50px;letter-spacing: -3px;margin-bottom: -8px;}
#dashboard .box_dashboard_resultat .box_dr_mid .ft_tn {color: #c6c6c6;}
#dashboard .box_dashboard_resultat .box_dr_bot .bar {height: 9px;width: 100%;background-color: #c6c6c6;position: relative;font-size: 12px;}
#dashboard .box_dashboard_resultat .box_dr_bot .bar.infobar::before {content: 'ACTUEL';position: absolute;top: 14px;left: 0;}
#dashboard .box_dashboard_resultat .box_dr_bot .bar.infobar::after {content: 'OBJECTIF';position: absolute;top: 14px;right: 0;color: #c6c6c6;}
#dashboard .box_dashboard_resultat .box_dr_bot .bar .bar_progress {height: 100%;position: absolute;top: 0;left: 0;}
#dashboard .box_dashboard_resultat .box_dr_bot .bar .bgc_1 {background-color: #A1FF54;}
#dashboard .box_dashboard_resultat .box_ca {max-width: 525px;margin-bottom: 30px;}
#dashboard .box_dashboard_resultat .box_rst1 {max-width: 500px;margin-bottom: 10px;margin-left: 25px;padding-left: 75px;}
#dashboard .box_dashboard_resultat .box_rst1 .box_dr_top .title {font-size: 30px;}
#dashboard .box_dashboard_resultat .box_rst1 .box_dr_top .info {font-size: 11px;line-height: 13px;bottom: 11px;}
#dashboard .box_dashboard_resultat .box_rst1 .box_dr_mid {font-size: 44px;}
#dashboard .box_dashboard_resultat .box_rst1 .box_dr_bot .bar {height: 7px;width: 100%;background-color: #c6c6c6;position: relative;font-size: 12px;}
#dashboard .box_dashboard_resultat .box_rst1.bdb {border-bottom: 1px solid #bbffbb;padding-bottom: 16px;}
#dashboard .box_dashboard_resultat .box_rst1.bdb2 {border-bottom: 1px solid #bbffbb;padding-bottom: 10px;}
#dashboard .box_dashboard_resultat .box_rst1 .box_dr_bot .bar.infobar::before {content: 'ACTUEL';position: absolute;top: 10px;left: 0;}
#dashboard .box_dashboard_resultat .box_rst1 .box_dr_bot .bar.infobar::after {content: 'OBJECTIF';position: absolute;top: 10px;right: 0;color: #c6c6c6;}
#dashboard .box_dashboard_resultat .box_rst1 .box_dr_top {margin-bottom: -20px;}
#dashboard .box_dashboard_resultat .box_rst1 .box_fv .title {font-size: 16px;margin-right: 10px;}
#dashboard .box_dashboard_resultat .box_rst1 .box_fv .fv {margin-bottom: -10px;padding-left: 50px;position: relative;}
#dashboard .box_dashboard_resultat .box_rst1 .box_fv .fv::before {content: '';width: 14px;height: 10px;border-bottom: 1px solid #bbffbb;border-left: 1px solid #bbffbb;position: absolute;left: 25px;top: 13px;}
#dashboard .box_dashboard_resultat .box_rst1 .box_fv .fv .rlt_reel {font-size: 26px;letter-spacing: -1px;}
#dashboard .box_dashboard_resultat .box_rst1 .box_fv .fv .rlt_obj {font-size: 26px;letter-spacing: -1px;color: #c6c6c6;font-weight: 100;}
#dashboard .cta_info {display: inline-block;padding: 0px 6px;background-color: #A1FF54;color: #030304;border-radius: 8px;line-height: 15px;font-size: 12px;cursor: pointer;position: relative;top: -1px;}
#dashboard .dashboard_users {background-color: #030304;color: #A1FF54;border: none;outline: none;}
#dashboard .dashboard_user_tasks {display: inline-block;color: #030304;position: relative;top: -4px;margin-left: 5px;}
#dashboard .dashboard_user_tasks > span {display: inline-block;background-color: #706f6f;color: #030304;padding: 1px 6px 0px 6px;border-radius: 8px;line-height: 16px;font-size: 12px;cursor: pointer;position: relative;top: -1px;}
#dashboard .dashboard_user_tasks > span.active {background-color: #A1FF54;}
#dashboard .avantages ul {list-style: none;padding: 0;margin: 0;color: #A1FF54;}
#dashboard .box_db_exp {display: inline-block;position: relative;top: 3px;left: 30px;}
#dashboard .db_exp {color: #A1FF54;display: flex;width: 60px;}
#dashboard .db_exp .text {font-size: 22px;width: 100%;text-align: right;line-height: 20px;}
#dashboard .bd_ck {position: absolute;left: 0;bottom: 0;cursor: pointer;}

#dashboard .axinclude2 {height: 100%;}
#dashboard .table_detail {margin-top: 20px;}
#dashboard .box_header {border-bottom: 1px solid #706f6f;}
#dashboard .box_footer {border-top: 1px solid #706f6f;}
#dashboard .box_grad {display: flex;justify-content: space-evenly;width: 100%;position: absolute;bottom: 0;height: 100%;}
#dashboard .grad {height: 3px;width: calc(100% / 12);position: relative;height: 100%;color: #706f6f;font-size: 10px;display: flex;justify-content: center;align-items: center;padding-top: 0;}
#dashboard .grad:not(:last-child):after {content: '';height: 9px;width: 1px;background-color: #706f6f;position: absolute;right: -1px;bottom: 0;}
#dashboard .box_timebar {position: relative;height: 18px;}
#dashboard .box_timebar .timebar_today {color: #A1FF54;position: absolute;top: -22px;}
#dashboard .project_from {position: relative;color: #c6c6c6;font-size: 12px;text-align: right;padding-right: 7px;}
#dashboard .timebar {width: 2px;background-color: #A1FF54;position: absolute;top: 0;display: flex;justify-content: center;z-index: 2;}
#dashboard .project_to {position: relative;color: #c6c6c6;font-size: 12px;padding-left: 7px;}
#dashboard .dashboard_task_detail {height: 100%;padding-top: 112px;position: relative;max-width: 600px;}
#dashboard .dashboard_task_detail .detail_title {position: relative;display: flex;align-items: center;}
#dashboard .dashboard_task_detail .task_name {color: #c6c6c6;padding-right: 5px;font-size: 20px;font-weight: bold;text-align: right;}
#dashboard .dashboard_task_detail .task_fname {color: #c6c6c6;padding-right: 5px;font-size: 20px;font-weight: bold;text-align: right;}
#dashboard .dashboard_task_detail .bar_task {display: flex;width: 400px;height: 18px;background-color: #c6c6c6;position: relative;overflow: hidden;}
#dashboard .dashboard_task_detail .bar_progress {height: 100%;background-color: #A1FF54;}
#dashboard .dashboard_task_detail .bar_warning {position: absolute;height: 100%;background-color: #d4413c;}
#dashboard .dashboard_task_detail .htask_rea {color: #030304;font-size: 14px;font-weight: bold;position: absolute;left: 4px;bottom: -2px;}
#dashboard .dashboard_task_detail .htask_draft {color: #c6c6c6;padding-left: 10px;font-size: 20px;font-weight: bold;}
#dashboard .dashboard_task_detail .htask_fdraft {color: #c6c6c6;padding-left: 10px;font-size: 22px;font-weight: bold;}
#dashboard .dashboard_task_detail .bdlr {border-left: 1px solid #706f6f;border-right: 1px solid #706f6f;}
#dashboard .detail_day {outline: none;border: none; background: none;text-align: center;cursor: pointer;width: 100px;height: 20px;}
#dashboard .db_close_detail {color: #A1FF54;cursor: pointer;font-size: 40px;margin-right: 20px;}

#charges .filter {display: grid;align-items: end;grid-template-columns: 120px 120px 120px 120px 70px 140px;margin-bottom: 10px;grid-gap: 0 10px;}
#charges .task_code {font-size: 10px;}
#charges h2.tribtle {margin: 10px 0;}
#charges #table_charges_1 .table_grid_thead.fixed {position: fixed;top: 0;}
#charges #table_charges_2 .table_grid_thead.fixed {position: fixed;top: 0;}

@media (min-width:768px) {
    .modal-dialog2 {width:50% !important;margin:30px auto;}
    .modal-dialog3 {width:300px !important;margin:30vh auto 0 auto;}
}

.filter_date_regules {
    margin-bottom: 20px;
}
.filter_date_regules input {
    width: 120px;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.even {
    background-color: #FFFFFF !important;
}
table.dataTable tbody tr {
    background-color: #F5F8FA !important;
}
/* table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 8px !important;
    line-height: 18px;
} */
table.dataTable.compact thead th, table.dataTable.compact thead td {
    padding: 4px 8px !important;
}
table.dataTable i {
    display: block;
    text-align: center;
}
.dataTables_wrapper .dataTables_filter input {
    background-color: #fff;
    height: 28px;
    outline: none;
    border-radius: 5px;
}
#tb_table_partner {
    padding-top: 10px;
}
#main .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #3c29fc !important;
    color: #fff !important;
    border-color: transparent !important;
}
#main .dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):hover {
    background: #000 !important;
    color: #fff !important;
    border-color: transparent !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
#tabs_margebrut {
    border: none;
    background-color: transparent;
}
#tabs_margebrut.ui-tabs .ui-tabs-panel {
    padding: 0;
}
#tabs_margebrut.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
}
#tabs_margebrut .ui-widget-header {
    border: none;
    background-color: transparent;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}
#tabs_margebrut .ui-tabs-tab {
    margin: 0 8px;
    color: #000 !important;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1em;
    border-radius: 5px;
    padding: 1px 0;
    font-family: "vista-sans-n4", "vista-sans";
    cursor: pointer;
    border: 1px solid #000;
    text-decoration: none !important;
    outline: none;
}
#tabs_margebrut .ui-tabs-tab a {
    color: #000 !important;
}
#tabs_margebrut .ui-tabs-tab a:hover {
    color: #fff !important;
}
#tabs_margebrut .ui-tabs-tab.ui-state-hover {
    border: 1px solid #000;
    background-color: #000;
    color: #fff !important;
}
#tabs_margebrut .ui-tabs-tab.ui-tabs-active a {
    color: #fff !important;
}
#tabs_margebrut .ui-tabs-tab.ui-tabs-active {
    border: 1px solid #000;
    background-color: #000;
    color: #fff !important;
}
#ui-datepicker-div {
    z-index: 5 !important;
}
.boxupdate_participant .partupdate {
    color: #3c29fc;
}
.boxupdate_participant .partupdate.done {
    color: #A1FF54 !important;
}

/* ANIMATION */

.tbanim_bounce { animation: 2s bounce 2s ease infinite; }
@keyframes bounce {
    0%, 30%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-6px);}
    60% {transform: translateY(-3px);}
}