@media (min-width:64em) {
  .region-sticky {
    top: -1px;
    padding: var(--gin-spacing-s) 0;
    height: 90px !important;
    margin-bottom: 0;
  }
}

a.toolbar-icon-ups-entities-add {
  --icon: url(/themes/contrib/gin/dist/media/sprite.svg#add-view);
}
a.toolbar-icon-ups-entities {
  --icon: url(/themes/contrib/gin/dist/media/sprite.svg#structure-view);
}
a.toolbar-icon-ups-report {
  --icon: url(/themes/contrib/gin/dist/media/sprite.svg#reports-view);
}
a.toolbar-icon-ups-configuration {
  --icon: url(/themes/contrib/gin/dist/media/sprite.svg#tool-view);
}
a.toolbar-icon-entity-ups-ticket-collection {
  --icon: url(/themes/custom/ups/img/tickets.svg) !important;
  color: palevioletred !important;
}
a.toolbar-icon-entity-ups-ticket-collection::before {
  content: '' !important;
  display: inline-block !important;
  height: 22px !important;
  background: var(--icon) no-repeat center / contain !important;
  -webkit-mask: none !important; mask: none !important;      /* turn off the mask painting */
}
a.toolbar-icon-entity-agent-app {
  --icon: url(/themes/custom/ups/img/navimate-logo-small.png) !important;
  color: #066184 !important;
  color: #066184 !important;
  font-weight: 600 !important;
}
a.toolbar-icon-entity-agent-app::before {
  content: '' !important;
  display: inline-block !important;
  height: 35px !important;
  background: var(--icon) no-repeat center / contain !important;
  -webkit-mask: none !important; mask: none !important;      /* turn off the mask painting */
}

.gin-breadcrumb .demo {
  color: red;
  font-weight: bold;
}

.gin-breadcrumb__list  li:first-child {
  display: none !important;
}

#block-ups-content .admin-list .separator {
  border-top: solid rgb(34, 35, 48) 2px;
  margin-top: -14px;
}

#block-ups-content .admin-list #import-csv-item {
  margin-top: 0;
}

[dir="ltr"] .gin-breadcrumb__item:first-of-type + .gin-breadcrumb__item::before {
  /* border-right: 1px solid var(--gin-color-text); */
  padding-left: -25px;
  padding-right: 0;
  margin-right: .75em;
  margin-left: -1.68em;
}

td.views-field-geolocation__lat div.geolocation-map-container,
div.view-days td.views-field-geolocation-start__lat div.geolocation-map-container,
div.view-days td.views-field-geolocation-end__lat div.geolocation-map-container {
  height: 100px !important;
  padding: 0px 5px;
}

form.user-login-form fieldset.captcha-type-challenge--recaptcha {
  margin-top: 20px;
  padding: 10px;
}

div.view-display-id-page_1 fieldset#edit-date-wrapper {
  margin-top: 7px;
  border-color: white;
}

form.views-exposed-form fieldset {
  margin-top: 7px;
}

div.view-display-id-page_1 .views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions,
div.view-display-id-embed_1 .views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions,
div.view-display-id-embed_2 .views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions,
div.view-display-id-embed_3 .views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions {
  align-self: auto;
  width: 100%;
}

.view-display-id-page_2 .views-exposed-form #edit-actions,
.view-display-id-page_3 .views-exposed-form #edit-actions {
  align-self: center;
  padding-top: 8px;
}

.view-display-id-page_2 .view-content,
.view-display-id-page_3 .view-content {
  display: flex;
  justify-content: center;
}

.views-element-container .view-performance .view-header,
.views-element-container .view-performance .view-footer,
.views-element-container .view-performance-users .view-header,
.views-element-container .view-performance-users .view-footer,
.views-element-container .view-display-id-page_1 .view-header p {
  text-align: left;
}

.views-element-container .view-header,
.views-element-container .view-footer,
.views-element-container .view-display-id-page_1 .view-header,
.views-element-container .view-display-id-page_1 .view-footer {
  text-align: right;
}

.path-user .region-sticky__items__inner {
  margin-top: 30px;
}

.path-user .content-header {
  padding-top: 30px;
}

.path-user .user-avatar {
  padding: 5px 15px 5px 5px;
}

.path-user .user-fullname-email-roles {
  font-size: 1.0em;
  width: 100%;
}

.messages__wrapper div.messages--license-expiration {
  background-color: darkred;
}

div.field--name-agent div.field__item {
  padding-bottom: 30px;
}
div.field--label-inline {
  padding-bottom: 5px;
}
div.field-group-tabs-wrapper div.horizontal-tabs-panes {
  padding-top: 20px;
}

div.view-days td.views-field-visits-target-id {
  text-wrap-mode: nowrap;
}

div.ticket-status-open {
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 22px;
  color: darkseagreen;
}
div.ticket-status-closed {
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 22px;
  color: palevioletred;
}
article#ups_ticket div.fieldset-wrapper {
  font-size: 13.5px;
  margin: 5px;
  display: inline-flex;
  white-space: nowrap;
}
article#ups_ticket div.fieldset-wrapper div.field {
  margin-left: 10px;
  margin-right: 25px;
  display: inline-flex;
}
article.comment div.comment_author_created {
  font-size: 13px;
  display: inline-flex;
}
article.comment div.comment_author_created div.comment__author {
  margin-right: 15px;
}
article.comment div.comment_author_created div.comment__created {
  color: grey;
}
article#ups_ticket div.field--name-description {
  margin-top: 40px;
  padding-left: 20px;
  border-left: 3px solid dodgerblue;
}
article.comment.by-ups_ticket-author {
  margin-top: 40px;
  padding-left: 20px;
  border-left: 3px solid cornflowerblue;
}
article.comment.by-viewer {
  margin-top: 40px;
  padding-left: 20px;
  border-left: 3px solid darkseagreen;
}
div.field--name-field-attachments div.details-wrapper div.tabledrag-toggle-weight-wrapper,
div.field--name-field-attachments div.details-wrapper table.table-file-multiple-widget thead,
div.field--name-field-attachments div.details-wrapper table.table-file-multiple-widget td.tabledrag-cell a.tabledrag-handle {
  display: none;
}
div.field--name-field-attachments div.details-wrapper table.table-file-multiple-widget {
  margin-bottom: 0px;
}
div.field--name-field-attachments div.details-wrapper div.file-widget-multiple.has-table div.layer-wrapper {
  padding: 0px;
  border: none;
}
div.field--name-field-attachments div.details-wrapper table.table-file-multiple-widget tr {
  border-block-start: 1px solid var(--gin-border-color-table);
}
form.ups-ticket-add-form div#edit-priority,
form.ups-ticket-add-form div#edit-category,
form.ups-ticket-edit-form div#edit-priority,
form.ups-ticket-edit-form div#edit-category{
  display: inline-flex;
}
form.ups-ticket-add-form div#edit-priority div.form-item--priority,
form.ups-ticket-add-form div#edit-category div.form-item--category,
form.ups-ticket-edit-form div#edit-priority div.form-item--priority,
form.ups-ticket-edit-form div#edit-category div.form-item--category {
  margin-right: 20px;
}

div.region.region-content div.field.field--name-images figure {
  padding-left: 0px;
  margin-left: 0px;
}
div.view.view-visits figcaption div {
  width: 15px;
  margin-top: -10px;
}
div.region.region-content div.field.field--name-images div.exif-data {
  margin-top: -17px;
  margin-bottom: 20px;
}

div.update-status-button-close,
div.update-status-button-re-open {
  text-wrap-mode: nowrap;
}
body.path-ups-location article.profile {
  display: flex;
}

body.path-ups-location article.profile div.field--name-field-full-name {
  margin-left: 10px;
}

div.view.view-ups-tasks table.views-view-table tr td {
  vertical-align: top;
}
div.view.view-ups-tasks form.views-exposed-form div.form-item--overdue-only-custom {
  padding-left: 16px;
  margin-top: 46px;
}
div.view.view-ups-tasks table.views-view-table tr td.views-field-label div.item-list {
  font-size: 12px;
}
div.view.view-ups-tasks table.views-view-table tr td.views-field-label div.item-list div.fieldset__wrapper {
  margin: 0px;
}
div.view.view-ups-tasks table.views-view-table tr td.views-field-location span.address,
div.view.view-ups-tasks table.views-view-table tr td.views-field-location span.agent {
  font-size: 12px;
  display: block;
}
div.view.view-ups-tasks table.views-view-table tr td.views-field-location span.agent {
  font-size: 14px;
  font-weight: 500;
}
span.overdue-on-time {color:green;}
span.overdue-late {color:indianred;}