@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");

:root {
  --primary: #173548;
  --secondary: #EEF4FB;
  --secondaryPastelLight: #c1d7f1;
  --PrimaryBleu: #0084c5;
  --gin-toolbar-height: 40px;
  --gin-font: "Mulish", sans-serif;
  --gin-color-title: #224245;
  --gin-color-text: #224245;
  --gin-switch: #0084c5;
}

html * {
  font-family: "Mulish", sans-serif !important;
}

.region-sticky__items .block-page-title-block .page-title {
  font-family: "Mulish";
  font-size: 33.2px;
  font-weight: 700;
  line-height: 41.67px;
  letter-spacing: -0.25px;
  text-align: left;
}

.page-node-type-open-warehouse .field--name-title .field__label {
  font-size: 15px;
}

.page-node-type-open-warehouse .required-fields .fieldset-legend {
  font-size: 15px;
}

.page-node-type-open-warehouse .required-fields {
  margin-top: 25px;
}

.page-node-type-open-warehouse .required-fields:first-child {
  margin-top: 0;
}

.page-node-type-open-warehouse #edit-group-client-information,
.page-node-type-open-warehouse #edit-group-delivery-details,
.page-node-type-open-warehouse #edit-group-manage2,
.page-node-type-open-warehouse #edit-group-calling-days-time,
.page-node-type-open-warehouse #edit-group-manage {
  padding: 45px 30px 20px;
  border: none;
}

.page-node-type-open-warehouse #edit-group-client-information legend,
.page-node-type-open-warehouse #edit-group-delivery-details>legend,
.page-node-type-open-warehouse #edit-group-manage2>legend,
.page-node-type-open-warehouse #edit-group-calling-days-time>legend,
.page-node-type-open-warehouse #edit-group-manage>legend {
  top: 30px;
}

.page-node-type-open-warehouse #edit-group-client-information .fieldset-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.page-node-type-open-warehouse #edit-group-client-information .fieldset-wrapper>div {
  padding-top: 15px;
}

.page-node-type-open-warehouse #edit-group-client-information .fieldset-wrapper #edit-field-click-to-add-new-statistic-wrapper {
  grid-column: 1/4;
}

.page-node-type-open-warehouse #edit-group-client-information .fieldset-wrapper .js-form-item {
  margin: 0;
}

.page-node-type-open-warehouse #edit-group-client-information #edit-field-click-to-add-new-statistic-wrapper input {
  display: none;
}

.page-node-type-open-warehouse #edit-group-client-information #edit-field-click-to-add-new-statistic-wrapper label {
  margin: 0;
}

.page-node-type-open-warehouse #edit-group-delivery-details {
  padding: 45px 30px 20px;
}

.page-node-type-open-warehouse #edit-group-delivery-details .fieldset-wrapper {
  margin-top: 20px;
}

.page-node-type-open-warehouse #edit-group-delivery-details #edit-group-delivery-adress .fieldset-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.page-node-type-open-warehouse #edit-group-delivery-details #edit-group-delivery-adress .fieldset-wrapper #edit-group-new-delivery-address {
  grid-column: 1/4;
}

.page-node-type-open-warehouse #edit-group-delivery-details #edit-group-delivery-adress .fieldset-wrapper #edit-group-new-delivery-address .fieldset-wrapper {
  display: flex;
  gap: 9.375rem;
}

.page-node-type-open-warehouse #edit-group-delivery-details #edit-group-mode-of-delivery .fieldset-wrapper #delivery-state-group {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.page-node-type-open-warehouse #edit-group-delivery-details .fieldset-wrapper #edit-group-new-delivery-address .form-wrapper,
.page-node-type-open-warehouse #edit-group-delivery-details .fieldset-wrapper #edit-field-new-state-ow-wrapper {
  width: 12.5rem;
}

#edit-field-list-call-centre-agent-wrapper {
  float: left;
  width: 25%;
}

#edit-field-list-call-centre-agent-wrapper .form-select {
  width: 200px;
}

.page-node-type-open-warehouse .required-fields #edit-group-days {
  float: right;
  width: 75%;
  margin-top: -30px;
  border: none;
}

.page-node-type-open-warehouse .required-fields #edit-group-days>legend {
  top: 15px;
}

.page-node-type-open-warehouse .required-fields #edit-group-days .fieldset-legend {
  font-size: 13px;
}

/* #edit-field-state-ow-wrapper {
  float: right;
  width: 89%;
  min-height: 41px;
  display: flex;
  align-items: center;
}

#edit-field-click-to-add-new-address-wrapper {
  float: left;
}

#edit-field-state-ow-wrapper > div {
  display: flex;
}

#edit-field-click-to-add-new-state-ow-wrapper .form-type-checkbox {
  min-height: unset;
} */

#edit-group-warehouses {
  background: none;
  border: none;
  padding: 40px 0 30px;
}

.page-node-type-open-warehouse #edit-group-warehouses .fieldset-wrapper {
  background-color: #eaf6fe;
  padding: 25px;
}

#edit-group-delivery-details .fieldset-wrapper .field-group-html-element {
  display: flex;
}

/* #edit-field-state-ow-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
} */

#edit-field-state-ow-wrapper>div {
  display: flex;
}

.new-state-requestor-comment {
  align-items: baseline;
  gap: 100px;
}

.page-node-type-open-warehouse .accordion-panel .warehouse-fieldset .field--name-field-warehouse .field__label {
  display: none;
}

#warehouse--AVI::before {
  content: url("../assets/images/icon-warehouse/AVI.svg");
}

#warehouse--DAI::before {
  content: url("../assets/images/icon-warehouse/DAI.svg");
}

#warehouse--DRY::before {
  content: url("../assets/images/icon-warehouse/DRY.svg");
}

#warehouse--FNL::before {
  content: url("../assets/images/icon-warehouse/FNL.svg");
}

#warehouse--FRZ::before {
  content: url("../assets/images/icon-warehouse/FRZ.svg");
}

#warehouse--NML::before {
  content: url("../assets/images/icon-warehouse/NML.svg");
}

#warehouse--PCS::before {
  content: url("../assets/images/icon-warehouse/PCS.svg");
}

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel {
  background-color: #ffffff;
  display: grid;
}

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .js-form-wrapper .required-fields,
#edit-group-warehouses .fieldset-wrapper {
  background-color: #ffffff;
}

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .js-form-wrapper .required-fields .fieldset-wrapper {
  background-color: #ffffff;
  padding: 0;
}

/* .page-node-type-open-warehouse .form-no-label {
  display: none;
} */

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .js-form-wrapper .field-group-fieldset.part-a {
  float: left;
  width: 33%;
  border: none;
}

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .js-form-wrapper .field-group-fieldset.part-a .fieldset-wrapper .field-group-html-element {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

/* .page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .field-group-fieldset.part-a .fieldset-wrapper .field-group-html-element > div {
  width: 45%;
} */

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .js-form-wrapper .field-group-fieldset.part-a .field-group-html-element .field--name-field-existing-details {
  display: flex;
  flex-direction: column;
}

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .js-form-wrapper .field-group-fieldset.part-b .field-group-html-element {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 30px;
}

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .js-form-wrapper .field-group-fieldset.part-b .field-group-html-element .field--widget-options-select select {
  width: 100%;
}

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .js-form-wrapper .field-group-fieldset.part-b .field-group-html-element .js-form-type-textfield input {
  width: 100%;
}

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .js-form-wrapper .field-group-fieldset.part-b .field-group-html-element .form-textarea-wrapper textarea {
  height: 35px;
}

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .js-form-wrapper .field--name-field-warehouse .field__item {
  padding: 15px;
  display: flex;
  align-items: center;
}

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .js-form-wrapper .field--name-field-warehouse .field__label {
  display: none;
}

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .js-form-wrapper .field-group-fieldset.part-a,
.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .field-group-fieldset.part-b {
  margin-top: 0;
  padding: 20px 0 0;
}

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .js-form-wrapper .field-group-fieldset.part-a {
  padding-right: 30px;
}

.page-node-type-open-warehouse .accordion .accordion-item .accordion-panel .js-form-wrapper .field-group-fieldset.part-b {
  border: none;
  padding-top: 10px;
  padding-left: 30px;
  border-left: 1px solid #b3b3b2;
}

.accordion .accordion-item h3.accordion-toggle {
  margin: 0;
  position: relative;
  background-color: white;
  border-right: none;
  border-left: none;
  border-top: none;
  color: #173548;
  display: flex;
  align-items: center;
}

.accordion .accordion-panel {
  border-right: none;
  border-left: none;
  border-top: none;
}

.accordion h3.accordion-toggle.accordion-toggle.is-open {
  border: none;
}

.accordion h3.accordion-toggle::before {
  width: 40px;
}

.accordion h3.accordion-toggle::after {
  content: url("../assets/images/icon-warehouse/arrow.svg");
  position: absolute;
  right: 20px;
}

.accordion h3.accordion-toggle.accordion-toggle-active::after {
  transform: rotate(180deg);
}

.accordion-content .form-wrapper .field--widget-readonly-field-widget {
  display: none;
}

.accordion .accordion-item h3.accordion-toggle,
.accordion .accordion-item h3.accordion-toggle+div,
.accordion .accordion-item h3.accordion-toggle+div .required-fields,
.accordion .accordion-item h3.accordion-toggle+.accordion-panel .fieldset-wrapper {
  background-color: #ffffff !important;
}

.accordion .accordion-item h3.accordion-toggle.warehouse-active,
.accordion .accordion-item h3.accordion-toggle.warehouse-active+div,
.accordion .accordion-item h3.accordion-toggle.warehouse-active+div .required-fields,
.accordion .accordion-item h3.accordion-toggle.warehouse-active+.accordion-panel .fieldset-wrapper {
  background-color: #d9ecfa !important;
}

.accordion h3.accordion-toggle.warehouse-notActive,
.accordion .accordion-item h3.accordion-toggle.warehouse-notActive+div,
.accordion .accordion-item h3.accordion-toggle.warehouse-notActive+div .required-fields,
.accordion .accordion-item h3.accordion-toggle.warehouse-notActive+.accordion-panel .fieldset-wrapper {
  background-color: #f3f2f7 !important;
}

.accordion-item {
  border-bottom: 1px solid #b3b3b2;
}

.accordion .accordion-item h3.accordion-toggle {
  padding: 10px 15px;
}

.field.field--name-field-warehouse.field--type-string.field--label-inline.clearfix {
  display: none;
}

.accordion .accordion-item .accordion-panel {
  padding: 0 15px;
}

/* complaint */
#edit-group-details-of-visit .fieldset-wrapper a::before {
  content: url("../assets/images/pdf2.png");
  margin-right: 3px;
}

[dir="ltr"] body.gin--horizontal-toolbar {
  padding-top: 40px !important;
}

.gin--horizontal-toolbar .region-sticky {
  top: 40px !important;
}

* {
  box-shadow: none !important;
}

.page-wrapper,
.region-sticky {
  background-color: var(--secondary) !important;
}

.gin-secondary-toolbar.layout-container {
  position: relative;
  margin: 0 !important;
  padding-left: 8rem;
  padding-right: min(5vw, var(--gin-spacing-xxl));
  background: white;
}

.gin-secondary-toolbar.layout-container:before {
  position: absolute;
  content: url("../assets/images/iconWorkflow_5.png");
  width: 60px;
  height: 30px;
  top: 61%;
  left: 3rem;
  transform: translateY(-50%);
}

[dir="ltr"] .gin-breadcrumb__item:first-of-type .gin-breadcrumb__link::before {
  display: none;
}

/* admin nav */


[dir="ltr"] .views-exposed-form.views-exposed-form fieldset .fieldset__wrapper {
  background-color: white;
  border: none;
}

[dir="ltr"] .views-exposed-form.views-exposed-form fieldset .fieldset__wrapper div {
  display: flex;
  gap: 3rem;
}

[dir="ltr"] .views-exposed-form.views-exposed-form fieldset .fieldset__wrapper div {
  max-width: 340px;
}

[dir="ltr"] .views-exposed-form.views-exposed-form fieldset .fieldset__wrapper label,
.views-exposed-form__item--actions.views-exposed-form__item--actions .button:last-child {
  display: none;
}

.views-exposed-form__item--actions.views-exposed-form__item--actions .button,
html.js.no-touchevents .dropbutton--extrasmall {
  border: 1px solid var(--PrimaryBleu) !important;
  color: var(--PrimaryBleu);
}

[dir="ltr"] .dropbutton--multiple>.dropbutton__item:first-of-type {
  border-right: 1px solid var(--PrimaryBleu) !important;
}

html.js.no-touchevents .dropbutton--extrasmall .dropbutton__item:first-of-type>* {
  height: 100%;
  color: var(--PrimaryBleu);
}

html.js.no-touchevents .dropbutton--extrasmall .dropbutton__toggle {
  border: none !important;
  height: 100%;
  top: 0;
  right: 0;
  border-radius: 0 6px 6px 0px;
  color: var(--PrimaryBleu);
}

html.js.no-touchevents .dropbutton--extrasmall .dropbutton__toggle:hover:before {
  background-color: white !important;
}

html.js.no-touchevents .dropbutton--extrasmall .dropbutton__toggle::before {
  background-color: var(--PrimaryBleu) !important;
}

#edit-actions.views-exposed-form__item.views-exposed-form__item {
  width: 100%;
  flex-direction: row-reverse;
}

#edit-actions.views-exposed-form__item.views-exposed-form__item input {
  min-width: 120px;
}

html.js.no-touchevents .dropbutton--extrasmall .dropbutton__item:first-of-type>*:hover,
html.js.no-touchevents .dropbutton--extrasmall .dropbutton__item:first-of-type>*:active,
html.js.no-touchevents .dropbutton--extrasmall .dropbutton__item:first-of-type>*:focus {
  background-color: var(--PrimaryBleu);
  color: white;
}

input#edit-submit-content:hover {
  background-color: var(--primary);
  border-color: var(--primary) !important;
}

/* table */
body table th {
  background-color: transparent;
  color: var(--primary);
  font-weight: 700;
}

body table tr.views-form__bulk-operations-row:has(#view-name-table-column) {
  background-color: #D1EAF8 !important;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}

body table tr.views-form__bulk-operations-row:has(#view-name-table-column)::after,
body table tr.views-form__bulk-operations-row:has(#view-name-table-column):before {
  background-color: #D1EAF8 !important;
}

.gin-table-scroll-wrapper.gin-horizontal-scroll-shadow.syncscroll {
  border-radius: 12px 12px 12px 12px;
  position: relative;
}


body .sortable-heading>a::after {
  background: var(--primary);
}

div .sortable-heading.is-active>a,
.sortable-heading.is-active>a:hover,
.sortable-heading.is-active>a:active {
  color: var(--PrimaryBleu);
}

div .sortable-heading.is-active>a::before {
  border-color: var(--secondaryPastelLight);
  background-color: unset;
  bottom: 0;
}

div .sortable-heading.is-active>a span {
  background-color: var(--PrimaryBleu);
}

*.is-active {
  opacity: 1 !important;
}

div.view-content.gin-layer-wrapper {
  padding: 0;
  border: none;
}

.views-form>form:has(> .gin--sticky-table-header)::before,
.views-form>form:has(> .gin--sticky-table-header)::after,
.gin-layer-wrapper:has(> .gin--sticky-table-header)::before,
.gin-layer-wrapper:has(> .gin--sticky-table-header)::after {
  display: none;
}

table thead tr {
  border: none !important;
}

/* filters */
form div label {
  font-weight: 700 !important;
}

.hideFilters .content-header,
.hideFilters .tabs-wrapper,
.hideFilters .horizontal-tabs ul.horizontal-tabs-list,
.hideFilters .view-filters {
  display: none;
}

.is-horizontal .tabs--primary {
  padding-top: 20px;
  align-items: center;
}

.is-horizontal .tabs--primary .tabs__tab a,
.is-horizontal .tabs--secondary .tabs__link {
  font-weight: 700;
}

.is-horizontal .tabs--secondary {
  margin-top: 20px;
}

.is-horizontal .tabs--primary .tabs__link.is-active {
  background-color: var(--PrimaryBleu);
  color: white;
  padding: 10px 16px;
}

.tabs--secondary a.tabs__link.js-tabs-link.is-active,
.tabs--secondarya .tabs__link.js-tabs-link.is-active:before {
  color: var(--PrimaryBleu) !important;
}

#edit-moderation-state {
  display: none;
}

#block-gin-page-title {
  justify-content: space-between;
}

header .region-sticky__items__inner {
  margin: 35px 0 0;
  background: var(--secondary);
  padding-bottom: 6px;
}

table.gin--sticky-table-header {
  top: 117px !important;
  background-color: #D1EAF8 !important;
  border-radius: 12px 12px 0 0;
}

.hideFilters .views-form>form:has(> .gin--sticky-table-header),
.gin-layer-wrapper:has(> .gin--sticky-table-header) {
  margin-top: 20px;
}

#toogle-filters {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin-right: 40px;
  position: relative;
  font-weight: 525;
  font-size: 14px;
}

button#toogle-filters:before {
  position: absolute;
  content: "\e907";
  font-family: "icomoon" !important;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
  font-size: 1rem;
  color: var(--PrimaryBleu);
}

input#edit-submit-content {
  background: var(--PrimaryBleu);
  color: white;
  border: 1px solid var(--PrimaryBleu) !important;
  height: 40px !important;
  margin-right: 0 !important;
}

input#edit-reset {
  border: 1px solid var(--PrimaryBleu) !important;
  color: var(--PrimaryBleu);
  height: 40px !important;
}

input#edit-reset:hover {
  background: var(--PrimaryBleu);
  color: white;
}

/* datepicker */
.ui-widget.ui-widget-content {
  z-index: 99999 !important;
}

.ui-widget.ui-widget-content th {
  color: black;
}

[dir="ltr"] .views-exposed-form.views-exposed-form fieldset .fieldset__wrapper {
  position: relative;
}

#views-exposed-form-content-page-1 #edit-created-wrapper .js-form-item {
  position: relative;
}

#views-exposed-form-content-page-1 #edit-created-wrapper .js-form-item::after {
  position: absolute;
  content: "\e909";
  font-family: "icomoon" !important;
  display: inline-block;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 1rem;
}

[dir="ltr"] .views-exposed-form.views-exposed-form fieldset .fieldset__wrapper:before {
  position: absolute;
  content: "\e906";
  font-family: "icomoon" !important;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: var(--PrimaryBleu);
}

/* pagination */
a.pager__link.is-active,
.pager__link:hover,
.pager__link.is-active:hover {
  background-color: var(--PrimaryBleu) !important;
}

/* edit page header */
[dir="ltr"] .gin--edit-form .gin-secondary-toolbar {
  left: unset;
  transform: unset;
}

/* .gin-secondary-toolbar
  .toolbar-secondary
  .toolbar-bar
  .toolbar-tab
  .toolbar-tray
  li::after,
.gin-secondary-toolbar
  .toolbar-secondary
  .toolbar-bar
  .toolbar-tab
  .toolbar-tray
  a:after {
  display: none;
} */

/* logo bar */
[dir="ltr"] .gin-breadcrumb__item:first-of-type+.gin-breadcrumb__item::before {
  border: unset;
  content: "\e905";
  font-family: "icomoon";
  font-size: 10px;
  position: relative;
  width: unset;
  height: unset;
  padding-left: 2em;
  margin-right: 1.3em;
}

/* buttons */
#edit-submit.form-submit:hover,
.button--primary:hover,
.button--primary:not(:focus):hover,
.ief-entity-submit:hover {
  background-color: var(--primary) !important;
}

a.button.button--action.button--primary:hover {
  border-color: var(--primary) !important;
}

/* admin tool bar */
/* .toolbar-tab.toolbar-tab--toolbar-item-administration {
  display: none !important;
} */

div#dashboard-secondary-filters-group-0 {
  background-color: var(--secondary);
  margin-bottom: 20px;
  display: inline-flex;
}

#dashboard-secondary-filters-group-0-0 {
  width: 100%;
  background-color: white;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: .75rem;
  padding: 0 1.825rem;
}

#dashboard-secondary-filters-group-0-0-right {
  min-block-size: 40%;
}

#dashboard-secondary-filters-group-0-0-right,
#edit-quick-filters--wrapper,
#edit-quick-filters {
  display: flex;
  align-items: center;
  margin: 0;
}

span.fieldset__label.fieldset__label--group {
  margin: 0;
  margin-right: 1.625rem;
  font-weight: 700;
}

#dashboard-secondary-filters-group-0-0-right {
  justify-content: flex-end;
  gap: 3.625rem;
  flex-wrap: wrap;
}

#edit-quick-filters {
  gap: 1rem;
  background-color: #EEF4FB;
  padding: 0.5rem 0.3rem;
  border-radius: 30px;
}

#edit-quick-filters input {
  display: none;
}

#edit-quick-filters label {
  /* border: 1px solid var(--PrimaryBleu); */
  border-radius: 30px;
  padding: 0.7rem 2rem;
  font-weight: 400 !important;
  font-size: 13px !important;
}

#edit-quick-filters>div {
  margin: 0;
}

#views-form-content-page-1 {
  background-color: var(--secondary);
}

#edit-quick-filters>div:has(.form-boolean--type-radio:checked) label {
  color: white;
  background-color: var(--PrimaryBleu);
}

div#edit-bulk-actions-container {
  padding-left: 0 !important;
  padding-top: 22px;
  padding-bottom: 22px;
}

[dir="ltr"] .form-element--type-select {
  border-color: #B3B3B2;
}

.js-form-item.form-item.js-form-type-checkbox.form-type--checkbox.form-type--boolean.js-form-item-primary-role.form-item--primary-role {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 13px;
}

.js-form-item.form-item.js-form-type-checkbox.form-type--checkbox.form-type--boolean.js-form-item-primary-role.form-item--primary-role label {
  margin: 0;
}

td.views-field.views-field-title,
td.priority-low.views-field.views-field-name,
td.views-field.views-field-field-kam,
td.views-field.views-field-field-salesman-1 {
  color: var(--PrimaryBleu);
}

div#dashboard-secondary-filters-group-0-0 {
  margin-top: -4px !important;
  flex-wrap: wrap;
}

/* non-admin */

body.non-administrator-role-user.gin--horizontal-toolbar {
  padding-top: 0 !important;
}

#dashboard-secondary-filters-group-0-0:not(:has(#dashboard-secondary-filters-group-0-0-left)) {
  justify-content: flex-end;
}

.non-administrator-role-user .region.region-pre-content {
  display: none;
}

.non-administrator-role-user #block-gin-primary-local-tasks {
  display: none;
}

.non-administrator-role-user table.gin--sticky-table-header {
  top: 76px !important;
  min-height: 54px;
}

body.non-administrator-role-user .gin-secondary-toolbar {
  top: 0 !important;
}

body.non-administrator-role-user header .region-sticky__items__inner {
  margin-top: 20px;
}

@media (min-width: 48em) {
  body.non-administrator-role-user .page-content>.region-content {
    margin-top: 80px;
  }
}

body.non-administrator-role-user .region-sticky--is-sticky .region-sticky__items__inner {
  margin-top: 0;
}

body.non-administrator-role-user:has(footer) {
  .gin-secondary-toolbar {
    top: 46px !important;
  }
}

body.non-administrator-role-user .region.region-highlighted+.region.region-content {
  margin-top: 65px;

}

/* non-admin */
#dashboard-exposed-filter-group-1 .select2-container--default .select2-selection--multiple {
  min-height: 38px !important;
  height: auto;
}


#select2-edit-moderation-state-container {
  /* display: none; */
}

body:not(:has(#dashboard-secondary-filters-group-0)) {
  #block-gin-primary-local-tasks .tabs--primary {
    padding-top: 2.5rem;
  }
}

body:has(.hideFilters) {
  .region.region-content {
    margin-top: 3.5rem;
  }

  &.non-administrator-role-user {
    .region.region-content {
      margin-top: 55px !important;
    }

    @media screen and (max-width: 1020px) {
      .region.region-content {
        margin-top: 0 !important;
      }
    }
  }

  @media screen and (max-width: 1020px) {
    .region.region-content {
      margin-top: .5rem !important;
    }
  }
}

#dashboard-secondary-filters-group-0-0-right {
  @media screen and (max-width: 1020px) {
    width: 100%;
    justify-content: center;
    gap: 1rem;
    align-items: flex-start;
    flex-direction: column;
    padding: 1rem 0;

    #edit-quick-filters--wrapper {
      align-items: flex-start;
      flex-direction: column;
      width: 100%;

      >div {
        margin-top: 10px;
        width: 100%;
      }

      #edit-quick-filters {
        justify-content: space-between;
        max-width: 400px;
      }
    }

    .form-item--quick-filters-backup-role {
      margin: 0;
    }
  }
}

.region.region-highlighted {
  margin-top: 65px !important;
}

.region.region-content {
  margin-top: 20px;
}

.region.region-highlighted:has(.visually-hidden) {
  display: none;
}

#select2-edit-moderation-state-container {
  display: none;

  .select2-selection__rendered {
    display: none !important;
  }
}

#dashboard-exposed-filter-group-1 .select2-container--default .select2-selection--multiple {
  display: flex;
  align-items: center;
}

.select2-search__field {
  width: 100% !important;
}


.toolbar-logo {
  display: none !important;
}

.toolbar-menu-administration>ul {
  justify-content: center;
}

.gin-secondary-toolbar.gin-secondary-toolbar--frontend {
  top: 53px !important;
}

.form-boolean--type-radio:checked:not(:disabled),
.form-boolean--type-radio:checked:not(:disabled):hover {
  background-image: url("data:image/svg+xml,%3csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='4.5' cx='8.5' cy='8.5' fill='%23003ecc'/%3e%3c/svg%3e") !important;

}

#edit-quick-filters {
  padding-bottom: 0.7rem;
  padding-top: 0.6rem;
}


table.views-table.views-view-table.cols-11.responsive-enabled.sticky-enabled.position-sticky.--is-processed {
  margin-block-end: 10px;
}

table.views-table.views-view-table.cols-11.responsive-enabled.sticky-enabled.position-sticky.--is-processed tr:last-of-type {
  border: none;
}

main.page-content.clearfix {
  margin-bottom: 2rem;
}

main.page-content.clearfix:has(#pagination-heading) {
  margin-bottom: 0;
}

#pagination-heading+ul {
  margin: 1.5rem 0;
}

body:not(:has(.view-filters)) #toogle-filters {
  display: none;
}

input#edit-submit {
  margin-top: 0;
  border: none !important;
}

/* body:has(.view-filters) header .region-sticky__items__inner{
  margin-top: 20px;
} */
#edit-action,
#edit-submit {
  height: 38px;
}

span.select2-selection.select2-selection--multiple {
  padding: 0;
  align-content: center;
  position: relative;

  &:hover {
    border-color: black;
  }
}

span.select2-selection.select2-selection--multiple:after {
  content: "";
  background-image: url("../assets/images/chevron.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.content-header {
  padding-top: 5px !important;
}

#toolbar-item-user-tray {
  box-shadow: 0px 4px 10px rgba(20, 25, 26, 0.08) !important;
}

.region.region-highlighted:not(:has(.messages__wrapper)) {
  display: none;
}

body:has(.messages__wrapper) {
  & .region.region-highlighted {
    margin-TOP: 25PX;

  }

  & .non-administrator-role-user .region.region-highlighted+.region.region-content {
    margin-TOP: 35PX;
  }
}

body.non-administrator-role-user .region.region-highlighted+.region.region-content:has(#dashboard-secondary-filters-group-0-0) {
  margin-top: 15px;
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
  /* width: 90vw !important; */
  /* position: fixed;
   left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);  */
  border: 1px solid #aaa !important;
  padding: 5px !important;
}


.select2-container--default .select2-results>.select2-results__options {
  /* display: grid; */
  grid-template-columns: repeat(5, 1fr);
  max-height: 60vh !important;
  height: 60vh !important;
}

.select2-container--default .select2-results>.select2-results__options>li {
  padding: 11px;
}

.select2-container--default .select2-results>.select2-results__options>li>ul li {
  padding-left: 6px !important;
}

.views-form tr {
  position: relative !important;
  border-bottom: none !important;
}

.views-form tr td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.views-form tr:last-of-type td {
  border-bottom: unset !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: black !important;
  background-color: #D1EAF8 !important;

}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #aaa !important;

}


li.menu-item.menu-item--expanded.menu-item__admin_toolbar_tools-help {
  background-color: #173548;
}

.gin-secondary-toolbar.layout-container {
  padding-top: 24px !important;
}

.gin--horizontal-toolbar #toolbar-administration .toolbar-menu-administration .menu-item>.toolbar-icon.is-active {
  background-color: white !important;
  color: #173548 !important;
}

.non-administrator-role-user #toolbar-administration {
  display: none;
}

.toolbar .toolbar-tray .menu-item--active-trail>.toolbar-box a::before,
.toolbar .toolbar-tray .menu-item>.toolbar-icon.is-active::before,
.toolbar .toolbar-tray .menu-item>.toolbar-box>.toolbar-icon.is-active::before,
.toolbar .toolbar-tray a.is-active::before {
  background-color: #173548 !important;
}

body:not(:has(.dashboard-exposed-filter-group-0)) {
  & .view-filters {
    & #edit-actions {
      width: max-content;
    }

    & form>div {
      gap: unset;
      width: 240px;
    }
  }
}

.node--unpublished {
  background-color: transparent !important;
}

.item-tag {
  max-width: max-content;
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  color: white;
  background-color: #0084c5;
  border-radius: 30px;
  padding: 3px 25px 3px 10px;
}

body .select2-container--default .select2-selection--multiple .select2-selection__clear {
  top: 48%;
  right: 49px;
  transform: translateY(-50%);
  z-index: 9;
  color: white;
  margin: 0;
}


/* width of td in the table  */
td.views-field.views-field-node-bulk-form {
  width: 3% !important;
}

td.views-field.views-field-title {
  width: 15% !important;
}

td.views-field.views-field-type {
  width: 10% !important;

}

/* 28 */

td.priority-low.views-field.views-field-name {
  width: 8% !important;

  & a {
    width: 100px;
    display: inline-block;
  }
}

/* 32 */

td.views-field.views-field-nothing {
  width: 10% !important;

}

td.views-field.views-field-nothing-1 {
  width: 10% !important;

}

/* 46 */

td.views-field.views-field-created {
  width: 6% !important;

}

td.priority-low.views-field.views-field-changed {
  width: 3% !important;

}

td.views-field.views-field-moderation-state {
  width: 13% !important;

}

/* 68 */
td.views-field.views-field-operations {
  width: 3% !important;

  &>div {
    width: 100%;

    & a {
      text-align: center;
    }
  }
}

td.views-field.views-field-revision-log {
  width: 10% !important;
}

/* .parent + .child + tr {
  background-color: red;
}
tr.views-form__bulk-operations-row:has(+ .child) {
  background-color: #EEF4FB;
}

.children tr.views-form__bulk-operations-row:has(+ .child) {
  background-color: white;
} */

.children table {
  margin: 0;
}

.children:hover {
  background-color: transparent !important;
}

.children tr {
  background-color: #EEF4FB;
}

.views-form tr td:first-of-type,
.views-form tr td:last-of-type,
.views-form tr th:first-of-type,
.views-form tr th:last-of-type {
  padding-left: 30px;

}

.views-form tr td:first-of-type {
  &:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
    width: 10px;
    height: calc(100% + 3px);
    margin-top: -3px;
    display: inline-block;

  }
}

.views-form tr td:last-of-type {
  &:before {
    content: "";
    position: absolute;
    left: unset;
    top: 0;
    right: 0;
    background-color: white;
    width: 10px;
    height: calc(100% + 3px);
    margin-top: -3px;
    display: inline-block;

  }
}

.views-form .children tr td:first-of-type {
  &:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 0;
    background-color: white;
    width: 20px;
    height: 100%;
    display: inline-block;

  }
}

.views-form .children tr td:last-of-type {
  &:before {
    content: "";
    position: absolute;
    left: unset;
    right: -20px;
    top: 0;
    background-color: white;
    width: 20px;
    height: 100%;
    display: inline-block;
  }
}

.children>td {
  padding: 0 30px;
}

.children tr:first-of-type td {
  border-top: 2px solid #0084c5;
}

.children tr:last-of-type td {
  padding-bottom: 30px;
  position: relative;

  &:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: unset;
    background: linear-gradient(to bottom, #EEF4FB 12px, white 8px);
    width: 100%;
    height: 20px;
    display: inline-block;
  }
}

table tbody .parent td {
  border-bottom: 0;
}

.parent td {
  padding-top: 30px;
  position: relative;

  &::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
    width: 100%;
    height: 8px;
    display: inline-block;
  }
}




/* date picket */
.ui-widget-header {
  background-color: white;
  border: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background-color: white;
  border: none;
}

#ui-datepicker-div {
  font-family: "Mulish", sans-serif;
  padding: 12px;

  & * {
    font-weight: 300;
    text-align: center;
  }
}

.ui-datepicker-calendar table tbody tr {
  border: none !important;

}

#ui-datepicker-div table tbody tr {
  border: none !important;
}

#ui-datepicker-div table tr:hover,
table .draggable-table.tabledrag-disabled tr:hover {
  background: white !important;
  background-color: white !important;
}

#ui-datepicker-div table td a:hover {
  text-decoration: unset;
  background-color: #D1EAF8;
  border-radius: 8px;
}

#ui-datepicker-div table th span {
  color: #748691;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background-color: #EEF4FB;
  color: black;
  border-radius: 8px;
  padding: 8px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background-color: #0084c5;
  color: white;
  padding: 8px;
  border-radius: 8px;
}

.ui-datepicker td a {
  padding: 8px;
}

.ui-datepicker-calendar {
  margin: 0;
}

.ui-datepicker td {
  padding: 0;
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
  position: relative;
  text-indent: unset;
  background-image: unset;
  font-size: 0;
  width: 24px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  display: grid;
  place-items: center;
}

.ui-datepicker .ui-datepicker-next span:before,
.ui-datepicker .ui-datepicker-prev span:before {
  position: absolute;
  content: "\e906";
  font-family: "icomoon" !important;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px !important;
  width: 16px;
  color: var(--PrimaryBleu);
}

.ui-datepicker .ui-datepicker-prev span {
  rotate: 180deg;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  left: unset;
  margin-left: unset;
  top: unset;
  margin-top: unset;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  background-color: #D1EAF8;
  border-color: #D1EAF8;
  border-radius: 8px;
}

body [dir="ltr"] .gin-breadcrumb__item:first-of-type+.gin-breadcrumb__item::before {
  border-right: none !important;
}

#edit-type {
  color: #B3B3B2 !important;

  &:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%23545560'/%3e%3c/svg%3e");
  }
}

#edit-type option {
  color: black !important;
}

/* responsive filters and actions */
@media screen and (max-width: 1024px) {
  .views-exposed-form.views-exposed-form {
    flex-direction: column;
    gap: 1rem;

    &>div {
      width: 100% !important;
    }
  }

  .gin-secondary-toolbar.layout-container:before {
    left: 2rem;
  }
}

@media screen and (max-width: 968px) {
  .gin-secondary-toolbar.layout-container:before {
    top: 52%;
  }

  [dir="ltr"] .gin-breadcrumb__list {
    margin-top: -16px;
    margin-left: -3rem !important;
  }

  .non-administrator-role-user .gin-breadcrumb__list {
    margin-top: -4px !important;
  }
}

@media screen and (max-width: 768px) {
  .gin-secondary-toolbar.layout-container:before {
    left: 1rem;
  }
}

@media screen and (max-width: 640px) {
  .views-exposed-form.views-exposed-form #edit-actions {
    justify-content: space-between;

    & input {
      width: 200px;
    }
  }

  #views-exposed-form-content-page-1 #edit-created-wrapper .fieldset__wrapper {
    flex-direction: column;

    &::before {
      display: none;
    }

    & .js-form-item {
      width: 100%;
      max-width: 100%;
    }

  }

  .views-exposed-form.views-exposed-form #dashboard-exposed-filter-group-2 #dashboard-exposed-filter-group-2-0 {
    flex-direction: column;

    &::before {
      display: none;
    }

    & .js-form-item {
      width: 100%;
    }
  }

  #edit-quick-filters label {
    padding: 0.7rem 12px;
  }

  #dashboard-secondary-filters-group-0-0-right {
    gap: 1rem;
  }

  #dashboard-secondary-filters-group-0-0 {
    padding: 12px 1rem;
  }
}

body.non-administrator-role-user #dashboard-secondary-filters-group-0-0-right {
  width: 100%;
  justify-content: space-between;
}

.form-item--quick-filters-backup-role {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 1rem;

  & label {
    margin: 0;
  }
}

.entity-moderation-form {
  border: none;
  border-radius: 8px;
}