#toolbar-item-workbench-tray
  #toolbar-link-view-people_field_data-page_2.toolbar-icon::before,
#toolbar-item-workbench-tray
  #toolbar-link-view-department_info-page_2.toolbar-icon::before,
#toolbar-item-workbench-tray
  #toolbar-link-view-thunder_media-page_1.toolbar-icon::before,
#toolbar-item-workbench-tray
  #toolbar-link-entity-media-add_form.toolbar-icon:before {
  background: var(--gin-icon-color);
  background-color: transparent;
  background-position: center center !important;
  background-size: 75% auto !important;
  background-repeat: no-repeat !important;
  -webkit-mask-size: unset !important;
  mask-size: unset !important;
  -webkit-mask-repeat: unset !important;
  mask-repeat: unset !important;
  -webkit-mask-position: unset !important;
  mask-position: unset !important;
  -webkit-mask-image: unset !important;
  mask-image: unset !important;
}

#toolbar-item-workbench-tray
  #toolbar-link-view-people_field_data-page_2.toolbar-icon:before {
  background-image: url(/modules/custom/utcadmin/css/../images/utc-people-icon-up.svg) !important;
}
.gin--classic-toolbar
  #toolbar-item-workbench-tray
  #toolbar-link-view-people_field_data-page_2.toolbar-icon:hover::before,
.gin--classic-toolbar
  #toolbar-item-workbench-tray
  #toolbar-link-view-people_field_data-page_2.toolbar-icon.is-active::before {
  background-image: url(/modules/custom/utcadmin/css/../images/utc-people-icon-down.svg) !important;
}
#toolbar-item-workbench-tray
  #toolbar-link-view-department_info-page_2.toolbar-icon:before {
  background-image: url(/modules/custom/utcadmin/css/../images/utc-dept-icon-up.svg) !important;
}
.gin--classic-toolbar
  #toolbar-item-workbench-tray
  #toolbar-link-view-department_info-page_2.toolbar-icon:hover::before,
.gin--classic-toolbar
  #toolbar-item-workbench-tray
  #toolbar-link-view-department_info-page_2.toolbar-icon.is-active:before {
  background-image: url(/modules/custom/utcadmin/css/../images/utc-dept-icon-down.svg) !important;
}
#toolbar-item-workbench-tray
  #toolbar-link-view-thunder_media-page_1.toolbar-icon:before {
  background-image: url(/modules/custom/utcadmin/css/../images/media-icon-up.svg) !important;
}
.gin--classic-toolbar
  #toolbar-item-workbench-tray
  #toolbar-link-view-thunder_media-page_1.toolbar-icon:hover::before,
.gin--classic-toolbar
  #toolbar-item-workbench-tray
  #toolbar-link-view-thunder_media-page_1.toolbar-icon.is-active:before {
  background-image: url(/modules/custom/utcadmin/css/../images/media-icon-down.svg) !important;
}
#toolbar-item-workbench-tray
  .toolbar-menu
  .menu-item:nth-child(8)
  .toolbar-icon:before {
  background-image: url(/modules/custom/utcadmin/css/../images/picture-icon-up.svg) !important;
}
.gin--classic-toolbar
  #toolbar-item-workbench-tray
  .toolbar-menu
  .menu-item:nth-child(8)
  .toolbar-icon:hover::before,
.gin--classic-toolbar
  #toolbar-item-workbench-tray
  .toolbar-menu
  .menu-item:nth-child(8)
  .toolbar-icon.is-active:before {
  background-image: url(/modules/custom/utcadmin/css/../images/picture-icon-down.svg) !important;
}
#toolbar-item-workbench-tray
  .toolbar-menu
  .menu-item:nth-child(9)
  .toolbar-icon:before {
  background-image: url(/modules/custom/utcadmin/css/../images/pdf-icon-up.svg) !important;
}
.gin--classic-toolbar
  #toolbar-item-workbench-tray
  .toolbar-menu
  .menu-item:nth-child(9)
  .toolbar-icon:hover::before,
.gin--classic-toolbar
  #toolbar-item-workbench-tray
  .toolbar-menu
  .menu-item:nth-child(9)
  .toolbar-icon.is-active:before {
  background-image: url(/modules/custom/utcadmin/css/../images/pdf-icon-down.svg) !important;
}
#toolbar-item-workbench-tray
  .toolbar-menu
  .menu-item:nth-child(10)
  .toolbar-icon:before {
  background-image: url(/modules/custom/utcadmin/css/../images/video-icon-up.svg) !important;
}
.gin--classic-toolbar
  #toolbar-item-workbench-tray
  .toolbar-menu
  .menu-item:nth-child(10)
  .toolbar-icon:hover::before,
.gin--classic-toolbar
  #toolbar-item-workbench-tray
  .toolbar-menu
  .menu-item:nth-child(10)
  .toolbar-icon.is-active:before {
  background-image: url(/modules/custom/utcadmin/css/../images/video-icon-down.svg) !important;
}

/***This fixes the missing right and bottom of the draggable icon in components.***/
.user-logged-in #layout-builder-modal .draggable a.tabledrag-handle {
  height: 48px !important;
}

.user-logged-in #layout-builder-modal a.tabledrag-handle .handle {
  width: 24px !important;
  height: 24px !important;
  margin: 0.25em 0.5em 0 !important;
}

#layout-builder-modal details summary::before,
#layout-builder-modal details summary[aria-expanded="false"]::before {
  font-family: sans-serif !important;
  content: "▶" !important;
  margin-right: 10px;
  font-size: 12px;
  width: 24px;
  height: 24px;
  transform-origin: center center;
  transition: all 0.4s ease-in-out;
}
#layout-builder-modal details summary[aria-expanded="true"]::before {
  font-family: sans-serif !important;
  content: "▼" !important;
  font-size: 12px;
  width: 24px;
  height: 24px;
}
#layout-builder-modal .ui-dialog {
  margin: 0 auto;
  display: table;
  left: 0 !important;
  right: 0;
  top: 50% !important;
  border: 1px solid;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
label[for="edit-field-meta-tags-0-basic-description"]::before {
  content: "PAGE ";
}
label[for="edit-field-meta-tags-0-basic-description"]::after {
  content: " *";
  color: red;
}
.form-item-field-meta-tags-0-basic-description::after {
  content: "(Enter a 155- to 160-word description of this page, using keywords.)";
  margin-bottom: 60px;
  font-style: italic;
}
/***This fixes the modal window issues created when turning off "Auto resize" in the layout builder modal configuration on 01/12/2023.
  #layout-builder-modal {
    position:fixed!important;
  }***/

/***This fixes the modal window issues created when turning off "Auto resize" in the layout builder modal configuration on 01/12/2023.

  NOTE: CURRENTLY NOT WORKING PROPERLY AS THE "Styles" DROPDOWN IS NOT ATTACHED TO THE "Styles" BUTTON AND THUS FLOATS AND MOVES ODDLY ON SCROLL.

  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
    position: fixed !important;
    top: 10% !important;
    max-height: 85%;
    overflow-y: scroll;
    padding-bottom: 24px;
  }***/

/***Shift close modal window button slightly to accommodate scroll bar
  .ui-dialog .ui-dialog-titlebar-close {
    right: .75em;
  }
  ***/

#views-exposed-form-media-library-widget .form-inline.flow-root {
  display: flex !important;
  gap: 18px;
}
#views-exposed-form-media-library-widget
  div[data-drupal-selector="edit-actions"] {
  display: flex;
  align-items: center;
  padding-top: 24px;
}
div[data-drupal-selector="edit-settings-block-form-field-video-selection"] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 36px;
  margin-bottom: 24px;
}
.media-library-item--grid .btn--lightblue,
.js-media-library-selection .btn--lightblue {
  margin: 12px auto 6px 0;
}

.ui-widget button.js-media-library-widget-toggle-weight {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  border: 1px solid #666;
  padding: 6px 12px;
  margin-bottom: 12px;
  transition: all 0.4s ease-in-out;
}
.ui-widget button.js-media-library-widget-toggle-weight:hover {
  background: #ddd;
}
#drupal-off-canvas-wrapper input[type="search"] {
  color: var(--utc-white) !important;
}
.ui-menu .ui-menu-item {
  display: block;
  clear: both;
}
.ui-menu a.ui-menu-item-wrapper {
  padding: 6px 6px 12px 6px !important;
  width: 100%;
  display: block;

  color: #263238;
  border-color: transparent;
}
a.ui-state-active,
.ui-widget-content a.ui-state-active {
  background-color: #eee;
}
.ui-menu a.ui-menu-item-wrapper svg {
  margin-right: 6px;
  float: left;
}

/***NOT WORKING #entity-browser-employee-blocks-form .employee-entity-browser-name {text-align:center!important;}
  #entity-browser-employee-blocks-form #edit-selected {text-align: center!important;}
  #entity-browser-employee-blocks-form #edit-selected .item-container {padding-top: 18px;min-height: 36px!important;}
  .field-content.text-center.employee-entity-browser-name {
    text-align: center!important;
  }
  .gin-entity-browser .entity-browser-form .views-row {text-align: center!important;}***/

/****Temporary fix for Role Permissions thead sticky.
  Drupal commit not yet implemented in our system: https://github.com/drupal/drupal/commit/59284ed7cf1d70f430702356b3efa8ccd832d12a
  ****/
.position-sticky thead {
  position: sticky !important;
  z-index: 500 !important;
  top: var(--drupal-displace-offset-top), 0 !important;
}
/***FIND AND OVERRIDE SAVE BUTTON ABSOLUTE POSITIONING IN CONTEXTUAL TOOLBAR***/

[data-once="admin-toolbar-hover-plugin contextualToolbar-init form-single-submit detailsAria vertical-tabs-fragments dropbutton-click ginAccent klaro"]
  .gin-sticky-form-actions--preprocessed
  ~ .layout-container
  form.gin--has-sticky-form-actions
  .gin-sticky-form-actions,
[data-once="admin-toolbar-hover-plugin contextualToolbar-init form-single-submit detailsAria vertical-tabs-fragments dropbutton-click ginAccent klaro"]
  #edit-actions {
  position: relative !important;
  width: 320px;
  height: 100px;
  margin-left: 30px;
}