@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");

@font-face {
  font-family: "Grold";
  src: url("../fonts/GroldMedium/Grold-Medium.woff2") format("woff2"),
    url("../fonts/GroldMedium/Grold-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --orange-color: #ff5f00;
  --dark-blue-color: #00093f;
  --light-blue-color: #089ed1;
  --color-absolutezero: #00093f !important;
  font-family: "Roboto", sans-serif !important;
  color: var(--dark-blue-color) !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  /* color-scheme: light dark !important; */
  /* background-color: #242424 !important; */

  font-synthesis: none !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

h1,
h2,
h3 {
  font-family: "Grold", sans-serif !important;
  color: var(--light-blue-color) !important;
  font-weight: 500 !important;
}

.layout-region__content {
  max-width: 100% !important;
}

.button--action::before {
  content: "" !important;
}

.between-wrapper {
  display: flex;
}

.fieldset__wrapper {
  /*display: flex;
    gap: 16px;*/
}

.system-status-counter__status-icon--inbox::before {
  background-image: url("/themes/minutes_claro/images/mailbox.png");
}

.system-status-counter__status-icon--incoming::before {
  background-image: url("/themes/minutes_claro/images/inbox.png");
}

.system-status-counter__status-icon--outgoing::before {
  background-image: url("/themes/minutes_claro/images/outbox.png");
}

#edit-field-folder-parent-wrapper {
  display: none !important;
}

.field--name-field-folder-parent {
  display: none !important;
}

#edit-field-file-folder-wrapper {
  display: none;
}

.tabledrag-toggle-weight {
  /* display: none; */
}

.field--name-field-task-signature-location {
  display: none;
}

#edit-field-quick-sign-location-wrapper {
  display: none;
}

.signature-display {
  max-height: 100px;
}

.field--name-field-vehicle-log-book-entries {
  width: 100%;
}

.document-viewer {
  width: 100%;
  height: 900px;
  border: none;
  margin-top: 10px;
}

.layout-region {
  width: 100% !important;
}

.layout-form .local-actions {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}

.letter-view {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 3fr minmax(22.5rem, 1fr);
  gap: var(--space-l);
}

p.routing-compact {
  margin: 10px 0 10px 0;
}

.entity-meta {
  border: none;
}

#edit-field-comment-object-wrapper {
  display: none;
}

.node-technology-task-update-form .layout-region--secondary {
  display: none;
}

.node-technology-task-update-form .layout-form {
  display: block;
}

.node-general-services-task-update-form .layout-region--secondary {
  display: none;
}

.node-general-services-task-update-form .layout-form {
  display: block;
}

.node-maximo-task-update-form .layout-region--secondary {
  display: none;
}

.node-maximo-task-update-form .layout-form {
  display: block;
}

.field--name-field-comment-object {
  display: none;
}

.node-comment-form .layout-region--secondary {
  display: none;
}

.node-comment-form .layout-form {
  display: block;
}

.node-folder-form .layout-region--secondary {
  display: none;
}

.node-folder-form .layout-form {
  display: block;
}

.toolbar-toggle-orientation {
  display: none !important;
}

#edit-field-itinerary-fbr-0-target-id {
  pointer-events: none;
  opacity: 0.6;
  background-color: #f5f5f5;
}

.node--type-itinerary h2 {
  display: none;
}

.toolbar .toolbar-bar {
  background-color: var(--dark-blue-color) !important;
  color: white !important;
}

.card {
  background-color: var(--dark-blue-color) !important;
}

.system-status-counter__title-count {
  color: var(--orange-color) !important;
}

.system-status-counter__details * {
  color: var(--light-blue-color) !important;
}

.button {
  background-color: var(--orange-color) !important;
  color: white !important;
}

.button--secondary {
  background-color: var(--light-blue-color) !important;
  color: white !important; 
}

.fullwidth {
  width: 100% !important;
}