/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */


.main-content {
  margin-bottom: 3em;
}

table.service-request-overview {
  width: 50%;
}

ol.status {
  display: contents;
}

ol.status li {
  display: contents;
  color: var(--disabled-action-color);
}

ol.status li:not(:first-child)::before {
  content: '→';
  padding-left: 0.25em;
  padding-right: 0.25em;
}

ol.status li.current {
  font-weight: bold;
  color: var(--main-text);
}

select[name=project_manager] {
  width: fit-content;
}

table.project.manager,
table.configuration.project
{
  width: fit-content;
}

table.compact {
  width: fit-content;
}

table.compact th:not(:last-child),
table.compact td:not(:last-child) {
  padding-right: 2em;
}

a[href^="mailto:"] {
  font-family: monospace;
  font-size: small;
}

a[href^="mailto:"]::before {
  content: '';
  font-size: larger;
  text-decoration: none;
}