.table .badge,
.div-table .badge {
  display: flex;
  padding: 8px 8px 6px;
}
.badge {
  border-radius: 16px;
  background-color: #707070;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.75em;
  z-index: 10;
}
.badge.badge-state.badge-waiting {
  background: #CE0B0B;
}
.badge.badge-state.badge-in_progress {
  background: #FF9046;
}
.badge.badge-state.badge-to_do {
  background: #F5CF78;
}
.badge.badge-state.badge-completed {
  background: #7CAF2E;
}
.badge.badge-state.badge-blocked {
  background: #000000;
}
.badge.badge-state.badge-cancel {
  background: #545454;
}
.badge.badge-state.badge-to_validate_customer {
  background: #D9408C;
}
.badge.badge-state.badge-to_validate_manage {
  background: #9067AB;
}
.badge.badge-priority.badge-low {
  background: #BAD9FE;
}
.badge.badge-priority.badge-moderate {
  background: #84B5EF;
}
.badge.badge-priority.badge-high {
  background: #2868B4;
}
.badge.badge-priority.badge-urgent {
  background: #003067;
}
.progress-wrap {
  width: 100%;
}
.progress-wrap .percent-value {
  margin: 0;
  text-align: center;
}
.progress-wrap .progress {
  height: 6px;
}
.progress-wrap.good .progress-bar {
  background: #74C993;
}
.progress-wrap.half-good .progress-bar {
  background: #B3D55A;
}
.progress-wrap.bad .progress-bar {
  background: #EC9F47;
}
.progress-wrap.half-bad .progress-bar {
  background: #E66767;
}
.progress-wrap.very-bad .progress-bar {
  background: #8E5B86;
}
.accordion {
  border-bottom: 0;
}
.accordion .accordion-button {
  color: #707070;
}
.accordion .accordion-button:after {
  background: #707070;
  mask: url("/themes/gate/front/extranet_front/images/icon/accordion.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/accordion.svg") no-repeat center / contain;
}
.accordion .accordion-button:focus,
.accordion .accordion-button:focus-visible {
  border: 0;
  box-shadow: none;
}
.accordion .accordion-button:not(.collapsed) {
  background: #E8E8E8;
  color: #707070;
}
.accordion .accordion-button:not(.collapsed):after {
  background: #707070;
}
#accordionGroupTasks .accordion-item {
  background: #fff;
  margin-bottom: 8px;
  border: 1px solid #EFEFEF;
  border-radius: 8px;
}
#accordionGroupTasks .accordion-header {
  display: flex;
  column-gap: 16px;
  align-items: center;
  font-size: 11pt;
  font-weight: normal;
  padding-right: 16px;
}
#accordionGroupTasks .accordion-header .accordion-button {
  border-top-right-radius: 0;
  width: 50%;
  flex-grow: 1;
  flex-direction: row-reverse;
  justify-content: flex-end;
  background: none;
}
#accordionGroupTasks .accordion-header .accordion-button::after {
  margin: 0 8px 0 0;
}
#accordionGroupTasks .accordion-header .accordion-button:not(.collapsed) {
  background: none;
  box-shadow: none;
}
#accordionGroupTasks .accordion-header .state-wrap {
  border: 2px solid #707070;
  border-radius: 16px;
  padding: 2px 8px;
  width: 85px;
  justify-content: space-between;
  align-items: baseline;
}
#accordionGroupTasks .accordion-body {
  padding-top: 4px;
}
.div-table .div-thead {
  text-transform: uppercase;
  margin-bottom: 8px;
}
.div-table .div-thead .div-tr .div-th {
  text-align: center;
  font-size: 0.8em;
  padding: 0;
}
.div-table .div-thead .div-tr .div-th.td-title {
  text-align: left;
}
.div-table .div-tbody .div-tr {
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  margin-bottom: 4px;
}
.div-table .div-tbody .div-tr:nth-child(even) {
  background: #F8F8F8;
}
.div-table .div-tbody .div-tr .div-td {
  display: flex;
  align-items: center;
}
.div-table .div-tbody .div-tr .div-td.td-actions {
  border-left: 1px solid #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.div-table .div-tfooter {
  display: flex;
  flex-direction: column;
}
.div-table .div-tr {
  display: flex;
  column-gap: 8px;
  padding-left: 8px;
  padding-right: 8px;
}
.div-table .div-tr .div-th,
.div-table .div-tr .div-td {
  flex-grow: 1;
  padding: 8px 0;
}
.div-table .div-tr .div-th.td-user,
.div-table .div-tr .div-td.td-user {
  flex-grow: 0;
  flex-basis: 40px;
  position: relative;
}
.div-table .div-tr .div-th.td-user .icon-wrap,
.div-table .div-tr .div-td.td-user .icon-wrap {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: absolute;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EFEFEF;
  left: -20px;
}
.div-table .div-tr .div-th.td-user .icon-wrap .icon,
.div-table .div-tr .div-td.td-user .icon-wrap .icon {
  margin: 0;
  height: 12px;
  width: 12px;
}
.div-table .div-tr .div-th.td-title,
.div-table .div-tr .div-td.td-title {
  flex-grow: 3;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
}
.div-table .div-tr .div-th.td-customer-visible,
.div-table .div-tr .div-td.td-customer-visible {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
}
.div-table .div-tr .div-th.td-time,
.div-table .div-tr .div-td.td-time {
  display: flex;
  flex-direction: column;
}
.div-table .div-tr .div-th.td-time .time-wrap,
.div-table .div-tr .div-td.td-time .time-wrap {
  font-size: 0.8em;
  margin: 2px 0 0;
}
.div-table .div-tr .div-th.td-time,
.div-table .div-tr .div-td.td-time,
.div-table .div-tr .div-th.td-date,
.div-table .div-tr .div-td.td-date {
  flex-grow: 0;
  flex-basis: 120px;
  width: 120px;
  text-align: center;
}
.div-table .div-tr .div-th.td-tax,
.div-table .div-tr .div-td.td-tax {
  justify-content: center;
  flex-grow: 0;
  flex-basis: 100px;
  width: 100px;
}
.div-table .div-tr .div-th.td-price,
.div-table .div-tr .div-td.td-price {
  flex-grow: 0;
  flex-basis: 100px;
  width: 100px;
  justify-content: end;
}
.div-table .div-tr .div-th.td-price .form-type-number,
.div-table .div-tr .div-td.td-price .form-type-number {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.div-table .div-tr .div-th.td-price .form-type-number .form-control,
.div-table .div-tr .div-td.td-price .form-type-number .form-control {
  width: 50%!important;
  flex-grow: 1;
}
.div-table .div-tr .div-th.td-qty,
.div-table .div-tr .div-td.td-qty {
  justify-content: center;
}
.div-table .div-tr .div-th.td-todolist,
.div-table .div-tr .div-td.td-todolist {
  justify-content: center;
  width: 100px;
}
.div-table .div-tr .div-th.td-state,
.div-table .div-tr .div-td.td-state,
.div-table .div-tr .div-th.td-priority,
.div-table .div-tr .div-td.td-priority {
  flex-grow: 0;
  flex-basis: 80px;
  width: 80px;
  justify-content: center;
}
.div-table .div-tr .div-th.td-actions,
.div-table .div-tr .div-td.td-actions {
  min-width: 110px;
  width: max-content;
  flex-grow: 0;
  padding-left: 16px;
  padding-right: 8px;
}
.div-table .div-tr .div-th.td-actions .btns-wrap,
.div-table .div-tr .div-td.td-actions .btns-wrap {
  display: flex;
  column-gap: 8px;
}
.div-table .div-tr .badge {
  margin: auto;
  width: 100%;
}
.div-table.div-table-group-tasks .div-thead .div-th.td-title {
  text-align: left;
}
.div-table.div-table-group-tasks .div-tbody .title {
  margin: 0;
  color: #707070;
}
.div-table.div-table-group-tasks .div-tbody .informations {
  font-size: 0.8em;
  opacity: 0.5;
  margin: 0;
}
.div-table.div-table-project-bussiness-products .div-th.td-actions {
  min-width: 16px;
}
.div-table.div-table-project-bussiness-products .div-tbody .div-tr .div-td.td-title {
  border-right: 1px solid #EFEFEF;
}
.div-table.div-table-project-bussiness-products .div-tbody .div-tr .div-td.td-actions {
  min-width: 16px;
}
.div-table.div-table-project-bussiness-products .div-tfooter {
  align-items: end;
}
.div-table.div-table-project-bussiness-products .div-tfooter .div-tr {
  max-width: 360px;
  width: 100%;
  padding: 0;
}
.div-table.div-table-project-bussiness-products .div-tfooter .div-tr .div-td {
  padding-top: 0;
  padding-bottom: 0;
}
.div-table.div-table-project-bussiness-products .div-tfooter .div-tr .div-td.td-price {
  width: 200px;
  flex-basis: 200px;
}
.div-table.div-table-project-bussiness-products .div-tfooter .div-tr.tr-subtotal {
  align-items: center;
}
.div-table.div-table-project-bussiness-products .div-tfooter .div-tr.tr-subtotal .td-price {
  font-size: 1.5em;
  font-weight: bold;
}
.div-table.div-table-project-bussiness-products .div-tfooter .div-tr.tr-subtotal .td-price .form-control {
  font-size: 18pt!important;
  font-weight: bold;
}
.div-table.div-table-project-bussiness-products .div-tfooter .div-tr > .div-td {
  display: flex;
}
.div-table.div-table-project-bussiness-products .div-tfooter .div-tr > .div-td:last-child {
  justify-content: flex-end;
}
.div-table.div-table-project-bussiness-products .div-tfooter .form-type-number {
  display: flex;
  flex-direction: row-reverse;
}
.table {
  font-size: 0.9em;
  line-height: 1.1;
}
.table thead.table-dark a {
  color: #fff;
  display: flex;
  align-items: center;
}
.table thead.table-dark .tablesort {
  background: #fff;
  mask: url("/themes/gate/front/extranet_front/images/icon/sort.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/sort.svg") no-repeat center / contain;
}
.table thead.table-dark .tablesort.tablesort--asc {
  mask: url("/themes/gate/front/extranet_front/images/icon/sort-down.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/sort-down.svg") no-repeat center / contain;
}
.table thead.table-dark .tablesort.tablesort--desc {
  mask: url("/themes/gate/front/extranet_front/images/icon/sort-up.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icon/sort-up.svg") no-repeat center / contain;
}
.table th.views-field-created {
  width: 80px;
}
.table th.views-field-field-business-budget {
  width: 80px;
}
.table th.views-field-field-bill-payment-date,
.table th.views-field-field-bill-date {
  width: 100px;
}
.table th.views-field-operations {
  width: 120px;
  text-align: right;
}
.table td {
  vertical-align: middle;
}
.table td.views-field-name {
  text-align: left;
}
.table td.views-field-field-bill-invoice {
  width: 40px;
  text-align: center;
}
.table td.views-field-field-bill-invoice .icon {
  margin: auto;
}
.table td.views-field-changed {
  width: 160px;
}
.table td.views-field-field-sourcing-files,
.table td.views-field-field-supplier-logo {
  width: 64px;
}
.table td.views-field-field-bill-price-sell-ttc,
.table td.views-field-field-bill-price-sell,
.table td.views-field-field-resource-price-buy,
.table td.views-field-field-resource-price-buy-ttc {
  text-align: right;
  width: 100px;
}
.table td.td-actions {
  width: 100px;
  text-align: right;
}
.table td.td-actions .btns-wrap {
  display: flex;
  column-gap: 8px;
  justify-content: flex-end;
}
.table .icon-pdf {
  height: 20px;
  width: 20px;
}
.div-table.div-table-project-bussiness-products .btn-icon {
  border: 0;
  background: none;
}
.div-table.div-table-project-bussiness-products .btn-icon .icon {
  width: 24px;
  height: 24px;
  padding: 0;
}
.btn-remove-taxo-resource.button {
  font-size: 0.7em;
  border-radius: 4px;
}