.card__title-link {
    text-decoration: none !important;
}

html body .region-header h1.page-title {
    white-space: normal !important;
    overflow: visible !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

form[id^="views-form-"] {
    display: block !important;
    padding-bottom: 15px !important;
}

form[id^="views-form-"]::after {
    display: block !important;
    clear: both !important;
    content: "" !important;
}

form[id^="views-form-entity-history-page"] #edit-actions {
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important; 
  box-sizing: border-box;
}

form[id^="views-form-"] input[id^="edit-check-in"],
form[id^="views-form-"] input[id^="edit-check-out"],
form[id^="views-form-"] input[id^="edit-delete-transition"],
form[id^="views-form-"] input[id^="edit-user-block-user-action"],
form[id^="views-form-"] input[id^="edit-user-unblock-user-action"],
form[id^="views-form-"] input[id^="edit-action"] {
    display: inline-block !important;
    flex: none !important;
    width: max-content !important;
    margin-top: 0 !important;
    margin-right: 12px !important;
    margin-bottom: 10px !important;
}

.gin-table-scroll-wrapper {
    display: block !important;
    clear: both !important;
    width: 100% !important;
}

table.views-view-table,
table.gin--sticky-table-header {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

table.gin--sticky-table-header {  
    top: 39px !important;
    margin-top: 0 !important;
    margin-bottom: -55px !important;
    z-index: 105 !important;
    background-color: #34495e !important;
    width: 100% !important;
}

.views-view-table thead th,
.view-id-user_admin_people table thead th,
table.gin--sticky-table-header thead th {
    padding: 12px 15px !important;
    background-color: #34495e !important;
    background-clip: padding-box !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    text-transform: none !important;
    opacity: 1 !important;
}

.views-view-table thead th a,
.view-id-user_admin_people table thead th a,
table.gin--sticky-table-header thead th a {
    color: #ffffff !important;
}

.views-view-table thead th::before,
.views-view-table thead th::after,
.view-id-user_admin_people table thead th::before,
.view-id-user_admin_people table thead th::after,
table:has(td.views-empty) thead th.select-all::before,
table:has(td.views-empty) thead th.select-all::after {
    display: none !important;
}

table:has(td.views-empty) {
    display: table !important;
}

table:has(td.views-empty) thead th.select-all * {
    visibility: hidden !important;
}

form:has(td.views-empty) table.gin--sticky-table-header {
    display: none !important;
}

div.js-views-bulk-actions-status,
.view-direct-news-detail .view-filters label {
    display: none !important;
}

form[id^="direct-news-item"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 20px !important;
    width: 100% !important;
}

form[id^="direct-news-item"] > #edit-detail-wrapper,
form[id^="direct-news-item"] > .field--name-detail,
form[id^="direct-news-item"] > .form-item-detail {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

form[id^="direct-news-item"] > #edit-type-wrapper,
form[id^="direct-news-item"] > #edit-status-wrapper,
form[id^="direct-news-item"] > #edit-sticky-wrapper,
form[id^="direct-news-item"] > .form-actions {
    flex: 0 0 auto !important;
    width: auto !important;
}

form[id^="direct-news-item"] > #edit-type-wrapper {
    margin: 0 !important;
}

form[id^="direct-news-item"] > #edit-status-wrapper,
form[id^="direct-news-item"] > #edit-sticky-wrapper {
    margin: 0 0 8px 0 !important;
}

form[id^="direct-news-item"] > .form-actions {
    margin: 0 0 0 auto !important;
}

.view-direct-news-detail .view-filters {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
    padding: 0 0 20px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.view-direct-news-detail .view-filters .views-exposed-form {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.view-direct-news-detail .view-filters .views-exposed-form > *,
.view-direct-news-detail .view-filters .form-item,
.view-direct-news-detail .view-filters .js-form-item,
.view-direct-news-detail .view-filters .form-actions,
.view-direct-news-detail .view-filters .views-exposed-form #edit-actions {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.view-direct-news-detail .view-filters input {
    vertical-align: middle !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.view-direct-news-detail .view-filters input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
    box-sizing: border-box !important;
    width: 300px !important;
    height: 39px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    line-height: normal !important;
}

.view-direct-news-detail .view-filters .form-actions input[type="submit"],
.view-direct-news-detail .view-filters .form-actions .button {
    box-sizing: border-box !important;
    height: 39px !important;
    margin: 0 !important;
    line-height: normal !important;
}

.view-id-admin_events.view-display-id-embed_1 .view-content,
.view-id-admin_events.view-display-id-embed_2 .view-content {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 24px !important;
}

.event-inline {
    display: inline-block !important;
}

.ui-dialog .button:disabled,
.ui-dialog input[disabled],
.ui-dialog .button.is-disabled,
.ui-dialog .button.form-button--disabled {
    cursor: not-allowed !important;
    pointer-events: auto !important; 
}

.views-exposed-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 10px 10px !important;
}

@media (min-width: 768px) {
    .views-exposed-form {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

.views-exposed-form > *:not(.form-actions):not(#edit-actions) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.views-exposed-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.views-exposed-form select {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 39px !important;
    padding: 0 12px !important;
    margin: 0 !important;
}

.views-exposed-form .form-item,
.views-exposed-form .js-form-item,
.views-exposed-form .select2-container,
.views-exposed-form .ts-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

.views-exposed-form fieldset {
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.views-exposed-form fieldset legend {
    display: none !important;
}

.views-exposed-form .fieldset__wrapper {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.views-exposed-form .fieldset__wrapper > .js-form-item {
    flex: 1 1 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.views-exposed-form .form-actions,
.views-exposed-form #edit-actions {
    display: flex !important;
    grid-column: 1 / -1 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    padding: 0 !important;
    margin-top: 0px !important;
}

.views-exposed-form .form-actions input[type="submit"],
.views-exposed-form #edit-actions input[type="submit"],
.views-exposed-form .form-actions .button,
.views-exposed-form #edit-actions .button {
    margin: 0 !important;
}

.tableresponsive-toggle-columns {
  display: flex !important;
  justify-content: flex-start !important;
  width: 100%;
  margin-bottom: 0 !important; 
  padding-bottom: 5px;
  position: sticky !important;
  left: 0 !important;
  z-index: 10 !important;
}

.filter-help {
    display: none !important;
}
/* Reusable VOV admin table skin. */
.view-content .gin-table-scroll-wrapper,
.views-view-table,
table.views-table,
table.gin--sticky-table-header {
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid #e6eaf0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    box-shadow: none !important;
}

table.views-view-table,
table.views-table,
table.gin--sticky-table-header {
    table-layout: auto !important;
}

.views-view-table thead th,
table.views-table thead th,
.view-id-user_admin_people table thead th,
table.gin--sticky-table-header thead th {
    height: 34px !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #e6eaf0 !important;
    background: #f7f8fa !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.views-view-table thead th a,
table.views-table thead th a,
.view-id-user_admin_people table thead th a,
table.gin--sticky-table-header thead th a {
    color: #667085 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-decoration: none !important;
}

.views-view-table tbody tr,
table.views-table tbody tr {
    border: 0 !important;
    background: #ffffff !important;
}

.views-view-table tbody tr:nth-child(even),
table.views-table tbody tr:nth-child(even) {
    background: #fbfcfd !important;
}

.views-view-table tbody tr:hover,
table.views-table tbody tr:hover {
    background: #f8fafc !important;
}

.views-view-table tbody td,
table.views-table tbody td {
    height: 36px !important;
    padding: 7px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f4 !important;
    color: #475467 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    vertical-align: middle !important;
}

.views-view-table tbody td a,
table.views-table tbody td a {
    color: #d5082f !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    text-decoration: none !important;
}

.views-view-table tbody td a:hover:not(.button),
table.views-table tbody td a:hover:not(.button) {
    text-decoration: underline !important;
}

.views-view-table tbody td a.button:hover,
table.views-table tbody td a.button:hover {
    text-decoration: none !important;
}

.views-view-table td img,
table.views-table td img {
    display: block !important;
    width: 42px !important;
    height: 28px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
}

:is(.views-view-table, table.views-table) td:not(.views-field-field-image):not(.views-field-thumbnail):not(.views-field-nothing):not(.views-field-field-teaser-image) img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    border-radius: 0 !important;
}

.views-view-table td.views-field-title,
table.views-table td.views-field-title {
    min-width: 260px !important;
}

.views-view-table td.views-field-title .views-field,
.views-view-table td.views-field-title .field-content,
table.views-table td.views-field-title .views-field,
table.views-table td.views-field-title .field-content {
    display: block !important;
}

.views-view-table td.views-field-title small,
.views-view-table td.views-field-title .description,
.views-view-table td.views-field-title .views-label,
table.views-table td.views-field-title small,
table.views-table td.views-field-title .description,
table.views-table td.views-field-title .views-label {
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 14px !important;
    text-transform: none !important;
}

.views-view-table td.views-field-field-image,
.views-view-table td.views-field-thumbnail,
.views-view-table td.views-field-nothing,
table.views-table td.views-field-field-image,
table.views-table td.views-field-thumbnail,
table.views-table td.views-field-nothing {
    width: 58px !important;
}

.views-view-table td.views-field-status,
.views-view-table td.views-field-moderation-state,
.views-view-table td.views-field-moderation-state-1,
table.views-table td.views-field-status,
table.views-table td.views-field-moderation-state,
table.views-table td.views-field-moderation-state-1 {
    white-space: nowrap !important;
}

.views-view-table td.views-field-status *,
.views-view-table td.views-field-moderation-state *,
.views-view-table td.views-field-moderation-state-1 *,
table.views-table td.views-field-status *,
table.views-table td.views-field-moderation-state *,
table.views-table td.views-field-moderation-state-1 * {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 18px !important;
    padding: 2px 7px !important;
    border-radius: 999px !important;
    background: #eef4ff !important;
    color: #2f6dd0 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 14px !important;
    text-decoration: none !important;
}

.views-view-table td.views-field-operations,
.views-view-table td.views-field-edit-node,
.views-view-table td.views-field-delete-node,
.views-view-table td:has(a[href*="/edit"]),
.views-view-table td:has(a[href*="/delete"]),
table.views-table td.views-field-operations,
table.views-table td.views-field-edit-node,
table.views-table td.views-field-delete-node,
table.views-table td:has(a[href*="/edit"]),
table.views-table td:has(a[href*="/delete"]) {
    width: 1% !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.views-view-table td.views-field-operations a,
.views-view-table td.views-field-edit-node a,
.views-view-table td.views-field-delete-node a,
.views-view-table td a[href*="/edit"],
.views-view-table td a[href*="/delete"],
table.views-table td.views-field-operations a,
table.views-table td.views-field-edit-node a,
table.views-table td.views-field-delete-node a,
table.views-table td a[href*="/edit"],
table.views-table td a[href*="/delete"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    border: 1px solid #dfe4eb !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #475467 !important;
    font-size: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.views-view-table td a[href*="/edit"]::before,
table.views-table td a[href*="/edit"]::before {
    content: "\f303" !important;
    color: #475467 !important;
    font-family: "Font Awesome 5 Free" !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.views-view-table td a[href*="/delete"]::before,
table.views-table td a[href*="/delete"]::before {
    content: "\f017" !important;
    color: #475467 !important;
    font-family: "Font Awesome 5 Free" !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}

.views-view-table td.views-field-view-node,
table.views-table td.views-field-view-node {
    width: 44px !important;
    text-align: center !important;
}

.views-view-table .views-field-counter,
.views-view-table .views-field-totalcount,
table.views-table .views-field-counter,
table.views-table .views-field-totalcount {
    text-align: right !important;
}

.pager,
.views-mini-pager {
    display: flex !important;
    justify-content: center !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
}

.pager__items,
.views-mini-pager {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pager__item,
.views-mini-pager li {
    margin: 0 !important;
    padding: 0 !important;
}

.pager__item a,
.pager__item.is-active a,
.pager__item.is-active,
.views-mini-pager a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 7px !important;
    border: 1px solid #e6eaf0 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #475467 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.pager__item.is-active a,
.pager__item.is-active,
.views-mini-pager .is-active a {
    border-color: #d5082f !important;
    background: #d5082f !important;
    color: #ffffff !important;
}

.pager__item--first .pager__link:hover::before,
.pager__item--previous .pager__link:hover::before,
.pager__item--next .pager__link:hover::after,
.pager__item--last .pager__link:hover::after {
    background: #ffffff !important;
}

/* Final table skin overrides: keep Views/Gin active states from restoring the old UI. */
.view .view-content,
.view-content .gin-table-scroll-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.view .gin-table-scroll-wrapper {
    overflow-x: auto !important;
}

.view table.views-view-table,
.view table.views-table,
table.gin--sticky-table-header {
    border: 1px solid #e6eaf0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.view table.views-view-table thead th,
.view table.views-table thead th,
.view table.views-view-table thead th:hover,
.view table.views-table thead th:hover,
.view table.views-view-table thead th.is-active,
.view table.views-table thead th.is-active,
.view table.views-view-table thead th.is-active:hover,
.view table.views-table thead th.is-active:hover,
.view table.views-view-table thead th.sortable-heading:hover,
.view table.views-table thead th.sortable-heading:hover,
table.gin--sticky-table-header thead th,
table.gin--sticky-table-header th,
table.gin--sticky-table-header th:hover,
table.gin--sticky-table-header th.is-active,
table.gin--sticky-table-header th.is-active:hover,
table.gin--sticky-table-header th.sortable-heading:hover {
    height: 34px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #e6eaf0 !important;
    background: #f7f8fa !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

.view table.views-view-table thead th a,
.view table.views-table thead th a,
.view table.views-view-table thead th a:hover,
.view table.views-table thead th a:hover,
.view table.views-view-table thead th.sortable-heading > a:hover,
.view table.views-table thead th.sortable-heading > a:hover,
table.gin--sticky-table-header th a,
table.gin--sticky-table-header th a:hover,
table.gin--sticky-table-header th.sortable-heading > a:hover {
    background: transparent !important;
    color: #667085 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-decoration: none !important;
}

.view table.views-view-table thead th::before,
.view table.views-view-table thead th::after,
.view table.views-table thead th::before,
.view table.views-table thead th::after,
table.gin--sticky-table-header th::before,
table.gin--sticky-table-header th::after {
    display: none !important;
    content: none !important;
}

.view table.views-view-table tbody td,
.view table.views-table tbody td {
    height: 34px !important;
    padding: 6px 10px !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #edf0f4 !important;
    border-left: 0 !important;
    color: #475467 !important;
    font-size: 10px !important;
    line-height: 16px !important;
    vertical-align: middle !important;
}

.view table.views-view-table td:first-child,
.view table.views-table td:first-child,
.view table.views-view-table th:first-child,
.view table.views-table th:first-child {
    width: 58px !important;
}

.view table.views-view-table td img,
.view table.views-table td img {
    width: 42px !important;
    height: 28px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
}

.view table.views-view-table td.views-field-title,
.view table.views-table td.views-field-title {
    min-width: 360px !important;
}

.view table.views-view-table td.views-field-title a,
.view table.views-table td.views-field-title a {
    display: inline !important;
    color: #d5082f !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
}

.view table.views-view-table td.views-field-title,
.view table.views-table td.views-field-title,
.view table.views-view-table td.views-field-title *,
.view table.views-table td.views-field-title * {
    line-height: 15px !important;
}

.view table.views-view-table td.views-field-created,
.view table.views-view-table td.views-field-published-at,
.view table.views-view-table td.views-field-changed,
.view table.views-table td.views-field-created,
.view table.views-table td.views-field-published-at,
.view table.views-table td.views-field-changed {
    white-space: nowrap !important;
}

.view table.views-view-table td.views-field-operations,
.view table.views-view-table td.views-field-edit-node,
.view table.views-view-table td.views-field-delete-node,
.view table.views-view-table td:has(a.button--history),
.view table.views-view-table td:has(a[href*="/revisions"]),
.view table.views-view-table td:has(a[href*="/history"]),
.view table.views-view-table td:has(a.button--edit),
.view table.views-view-table td:has(a[href*="/edit"]),
.view table.views-view-table td:has(a.button--delete),
.view table.views-view-table td:has(a[href*="/delete"]),
.view table.views-table td.views-field-operations,
.view table.views-table td.views-field-edit-node,
.view table.views-table td.views-field-delete-node,
.view table.views-table td:has(a.button--history),
.view table.views-table td:has(a[href*="/revisions"]),
.view table.views-table td:has(a[href*="/history"]),
.view table.views-table td:has(a.button--edit),
.view table.views-table td:has(a[href*="/edit"]),
.view table.views-table td:has(a.button--delete),
.view table.views-table td:has(a[href*="/delete"]) {
    width: 1% !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.view table.views-view-table td a.button.button--history:not(.dropbutton-wrapper a),
.view table.views-view-table td a.button.button--edit:not(.dropbutton-wrapper a),
.view table.views-view-table td a.button.button--delete:not(.dropbutton-wrapper a),
.view table.views-view-table td a[href*="/revisions"]:not(.dropbutton-wrapper a),
.view table.views-view-table td a[href*="/history"]:not(.dropbutton-wrapper a),
.view table.views-view-table td a[href*="/edit"]:not(.dropbutton-wrapper a),
.view table.views-view-table td a[href*="/delete"]:not(.dropbutton-wrapper a),
.view table.views-view-table td a[href*="/restore"]:not(.dropbutton-wrapper a),
.view table.views-table td a.button.button--history:not(.dropbutton-wrapper a),
.view table.views-table td a.button.button--edit:not(.dropbutton-wrapper a),
.view table.views-table td a.button.button--delete:not(.dropbutton-wrapper a),
.view table.views-table td a[href*="/revisions"]:not(.dropbutton-wrapper a),
.view table.views-table td a[href*="/history"]:not(.dropbutton-wrapper a),
.view table.views-table td a[href*="/edit"]:not(.dropbutton-wrapper a),
.view table.views-table td a[href*="/delete"]:not(.dropbutton-wrapper a),
.view table.views-table td a[href*="/restore"]:not(.dropbutton-wrapper a) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 3px !important;
    padding: 0 !important;
    border: 1px solid #dfe4eb !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #475467 !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}

.view table.views-view-table td a.button.button--edit:not(.dropbutton-wrapper a)::before,
.view table.views-view-table td a[href*="/edit"]:not(.dropbutton-wrapper a)::before,
.view table.views-table td a.button.button--edit:not(.dropbutton-wrapper a)::before,
.view table.views-table td a[href*="/edit"]:not(.dropbutton-wrapper a)::before {
    content: "" !important;
    display: inline-flex !important;
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-image: url("../images/edit.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    text-indent: 0 !important;
}

.view table.views-view-table td a.button.button--delete:not(.dropbutton-wrapper a)::before,
.view table.views-view-table td a[href*="/delete"]:not(.dropbutton-wrapper a)::before,
.view table.views-table td a.button.button--delete:not(.dropbutton-wrapper a)::before,
.view table.views-table td a[href*="/delete"]:not(.dropbutton-wrapper a)::before {
    content: "" !important;
    display: inline-flex !important;
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-image: url("../images/trash-2.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    text-indent: 0 !important;
}

.view table.views-view-table td a[href*="/restore"]:not(.dropbutton-wrapper a)::before,
.view table.views-table td a[href*="/restore"]:not(.dropbutton-wrapper a)::before {
    content: "" !important;
    display: inline-flex !important;
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-image: url("../images/return.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    text-indent: 0 !important;
}

.view table.views-view-table td a.button.button--history:not(.dropbutton-wrapper a)::before,
.view table.views-view-table td a[href*="/revisions"]:not(.dropbutton-wrapper a)::before,
.view table.views-view-table td a[href*="/history"]:not(.dropbutton-wrapper a)::before,
.view table.views-table td a.button.button--history:not(.dropbutton-wrapper a)::before,
.view table.views-table td a[href*="/revisions"]:not(.dropbutton-wrapper a)::before,
.view table.views-table td a[href*="/history"]:not(.dropbutton-wrapper a)::before {
    content: "\f017" !important;
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #475467 !important;
    font-family: "Font Awesome 5 Free" !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
}

.view table.views-view-table td .vov-status-badge,
.view table.views-table td .vov-status-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 18px !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 14px !important;
    white-space: nowrap !important;
}

.view table.views-view-table td .vov-status-badge--published,
.view table.views-table td .vov-status-badge--published {
    background: #e8f8ee !important;
    color: #16a34a !important;
}

.view table.views-view-table td .vov-status-badge--draft,
.view table.views-table td .vov-status-badge--draft,
.view table.views-table td .vov-status-badge--inreview {
    background: #fff4d8 !important;
    color: #b7791f !important;
}

.view table.views-view-table td .vov-status-badge--archived,
.view table.views-table td .vov-status-badge--archived,
.view table.views-view-table td .vov-status-badge--needreview,
.view table.views-table td .vov-status-badge--needreview,
.view table.views-view-table td .vov-status-badge--rejected,
.view table.views-table td .vov-status-badge--rejected,
.view table.views-view-table td .vov-status-badge--needwork,
.view table.views-table td .vov-status-badge--needwork {
    background: #ffe7e7 !important;
    color: #e11d48 !important;
}

.view table.views-view-table td .vov-status-badge--approved,
.view table.views-table td .vov-status-badge--approved,
.view table.views-view-table td .vov-status-badge--inreview,
.view table.views-view-table td .vov-status-badge--default,
.view table.views-table td .vov-status-badge--default {
    background: #e8f1ff !important;
    color: #2f6dd0 !important;
}

.views-table.cols-4 th.views-field-revision-timestamp-1,
.views-table.cols-4 td.views-field-revision-timestamp-1 {
    white-space: nowrap !important;
}

.view-header .button-action::before {
    content: "";
    display: inline-block;
    width: 13.21px !important;
    height: 16.8px !important;
    margin-right: 3px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 5.8H10.2V0H5.8v5.8H0v4.4h5.8V16h4.4V10.2H16z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 5.8H10.2V0H5.8v5.8H0v4.4h5.8V16h4.4V10.2H16z'/%3E%3C/svg%3E");

    -webkit-mask-size: 8px 8px !important;
    mask-size: 8px 8px !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    vertical-align: middle;
}

table.views-table tr:has(td.views-field-diff-from input[type="radio"]:checked) td.views-field-diff-to .form-item {
    visibility: hidden !important;
}

table.views-table tr:has(td.views-field-diff-to input[type="radio"]:checked) td.views-field-diff-from .form-item {
    visibility: hidden !important;
}

/* admin/direct-news */
.region-content > [id*="local-actions"],
.region-content > .local-actions {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.view-id-direct_news,
.view-id-direct_news .view-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.view-id-direct_news .view-header {
  margin-bottom: 10px !important; 
  padding-bottom: 0 !important;
}

.view-id-direct_news .view-content,
.view-id-direct_news .gin-table-scroll-wrapper {
  margin-top: 0 !important;
}

@media screen and (max-width: 767px) {
    .view .view-filters,
    .view .views-exposed-form {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .view .view-filters .views-exposed-form {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .view .views-exposed-form .fieldset__wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important; 
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .view .views-exposed-form .fieldset__wrapper > .js-form-item,
    .view .views-exposed-form .form-item {
        width: auto !important; 
        max-width: none !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .view .views-exposed-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
    .view .views-exposed-form select {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .view .views-exposed-form .form-actions,
    .view .views-exposed-form #edit-actions {
        display: flex !important;
        width: 100% !important;
        box-sizing: border-box !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        margin-top: 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
    }

    .view .views-exposed-form .form-actions input,
    .view .views-exposed-form #edit-actions input {
        width: 100% !important;
        flex: 1 1 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    :is(.views-view-table, table.views-table) td:not(.views-field-field-image):not(.views-field-thumbnail):not(.views-field-nothing) img,
    :is(.views-view-table, table.views-table) td:not(.views-field-field-image):not(.views-field-thumbnail):not(.views-field-nothing) video {
        width: 320px !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        object-fit: contain !important;
        display: block !important;
    }

    :is(.views-view-table, table.views-table) td:not(.views-field-field-image):not(.views-field-thumbnail):not(.views-field-nothing) video::-webkit-media-controls-panel,
    :is(.views-view-table, table.views-table) td:not(.views-field-field-image):not(.views-field-thumbnail):not(.views-field-nothing) video::-webkit-media-controls-container {
        width: 100% !important;
        min-width: 100% !important;
    }

    form[id^="direct-news-item"] {
        gap: 10px !important;
    }

    form[id^="direct-news-item"] > #edit-type-wrapper {
        flex: 0 0 max-content !important; 
        margin: 0 !important;
    }

    form[id^="direct-news-item"] > #edit-type-wrapper select {
        width: auto !important;
        padding: 0 24px 0 8px !important; 
        font-size: 13px !important; 
    }

    form[id^="direct-news-item"] > :is(#edit-status-wrapper, #edit-sticky-wrapper) {
        flex: 0 0 auto !important;
        margin: 0 0 8px 0 !important;
        transform: scale(0.85) !important; 
        transform-origin: left center !important;
    }

    form[id^="direct-news-item"] > #edit-status-wrapper {
        margin-right: -15px !important; 
    }

    form[id^="direct-news-item"] > #edit-sticky-wrapper {
        margin-right: -10px !important;
    }

    form[id^="direct-news-item"] > .form-actions {
        flex: 0 0 100% !important;
        width: 100% !important;
        margin: 5px 0 0 0 !important;
        display: flex !important;
        justify-content: flex-end !important;
    }
}
/*  */

:where(*) .form-boolean--type-checkbox:checked,
:is(#extra-specificity-hack, [data-drupal-admin-styles]) .form-boolean--type-checkbox:checked,
:where(*) .form-boolean--type-checkbox:checked:hover,
:is(#extra-specificity-hack, [data-drupal-admin-styles]) .form-boolean--type-checkbox:checked:hover,
:where(*) .form-boolean--type-checkbox:checked:active,
:is(#extra-specificity-hack, [data-drupal-admin-styles]) .form-boolean--type-checkbox:checked:active {
    background-color: #C8001E !important;
    border-color: #C8001E !important;
}

/* Notifications */
.messages-list {
    position: fixed !important;
    top: calc(var(--gin-toolbar-y-offset, 39px) + 20px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 1100 !important;
    width: 90% !important;
    max-width: 600px !important;
    margin: 0 !important;
    pointer-events: none !important;
}

.messages-list .messages__wrapper {
    pointer-events: auto !important;
}

.messages-list,
.messages-list * {
    font-family: 'Ginter', 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

@media screen and (max-width: 767px) {
    .messages-list {
        top: calc(var(--gin-toolbar-y-offset, 39px) + 10px) !important;
        width: 94% !important;
    }
}

#drupal-off-canvas .messages-list {
    position: static !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    pointer-events: auto !important;
}

.page-content > .region-highlighted {
    margin-block: 0 !important;
}

header.region-sticky:not(:has(.block, h1.page-title, a, button, input)) {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
}

header.region-sticky:not(:has(.block, h1.page-title, a, button, input)) + .sticky-shadow {
    display: none !important;
}

.region.region-header #block-gin-vov-page-title,
.region.region-header .block-page-title-block {
    display: block !important;
}

.region.region-header h1.page-title {
    display: block !important;
    font-size: 1.3rem !important;  
    font-weight: 500 !important;   
    color: #4a5568 !important;     
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1.2;
}

:is(.views-view-table, table.views-table) th.views-field-title,
:is(.views-view-table, table.views-table) td.views-field-title {
    width: 70%;
}
@media screen and (max-width: 1366px) {
    :is(.views-view-table, table.views-table) th.views-field-title,
    :is(.views-view-table, table.views-table) td.views-field-title {
        width: auto;
    }
}
@media screen and (max-width: 767px) {
    :is(.views-view-table, table.views-table) th.views-field-title,
    :is(.views-view-table, table.views-table) td.views-field-title {
        width: 60%;
    }
}
:is(.views-view-table, table.views-table) td:not(.views-field-operations):has(a[href*="/edit"]) {
    padding-right: 2px !important;
    text-align: left !important;
}

:is(.views-view-table, table.views-table) td:not(.views-field-operations):has(a[href*="/delete"]) {
    padding-left: 2px !important;
    text-align: left !important;
}

/* View Note */
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar::before {
    display: none !important;
}

.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
    padding-left: 10px !important;
    justify-content: flex-start !important;
    display: flex !important; 
}

.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar .ui-dialog-title {
    padding-left: 0 !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    width: auto !important;
}

.moderation-note-actions .ajax-progress {
    display: none !important;
}

.tabs .tabs__tab {
    position: relative !important;
}

.tabs .tabs__tab .ajax-progress {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10;
    pointer-events: none;
}

/* Moderation note */
#drupal-off-canvas :is(.messages-list, .messages__wrapper, .messages) {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    margin: 10px 0 !important;
    z-index: 1 !important;
}

#drupal-off-canvas :is(.moderation-note-actions, .moderation-note-sidebar-wrapper) :is(a, button):is(:focus, :focus-visible, :active) {
    outline: none !important;
    box-shadow: none !important;
}

.moderation-note-form-wrapper :is(.form-item--quote, .form-item--quote-offset) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.moderation-note-form-wrapper .form-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-top: 16px !important;
    margin-bottom: 0 !important;
}

.moderation-note-form-wrapper .form-actions input.button {
    width: 100px !important;
    min-width: 100px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #b91c1c !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: normal !important;
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    text-transform: none !important;
    -webkit-appearance: none !important;
}

.moderation-note-form-wrapper .form-actions input.button:hover {
    background-color: #f9fafb !important;
}

#drupal-off-canvas .messages--error .messages__header,
#drupal-off-canvas .messages--error .messages__icon,
#drupal-off-canvas .messages--error h2 {
    display: none !important;
}

#drupal-off-canvas :is(.messages--error, .messages-list__item)::before,
#drupal-off-canvas :is(.messages--error, .messages-list__item)::after {
    content: none !important;
    display: none !important;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
}

#drupal-off-canvas .messages--error {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#drupal-off-canvas .messages--error .messages__content {
    color: #ef4444 !important;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#drupal-off-canvas .messages--error button,
#drupal-off-canvas .messages--error .button {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    padding: 2px 8px !important;
    font-size: 12px !important;
    border-radius: 3px !important;
    min-width: unset !important;
    min-height: unset !important;
    height: auto !important;
    width: auto !important;
    cursor: pointer !important;
    box-shadow: none !important;
    margin: 0 !important;
}

#drupal-off-canvas .messages--error button:hover,
#drupal-off-canvas .messages--error .button:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}
/*  */