body.ux-modern-ui.ux-redmine-6.ux-modern-base #content {
  border-radius: var(--ux-modern-radius);
}

body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #main-menu {
  padding-left: 10px;
}

body.ux-modern-ui.ux-redmine-6.ux-modern-admin.controller-admin #admin-index ul {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(150px, 150px));
  justify-content: start;
  margin: 0;
  padding: 0;
}

body.ux-modern-ui.ux-redmine-6.ux-modern-admin.controller-admin #admin-index ul > li {
  float: none;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  transform: none;
}

body.ux-modern-ui.ux-redmine-6.ux-modern-admin.controller-admin #admin-index ul > li:hover {
  background: transparent;
  transform: none;
}

body.ux-modern-ui.ux-redmine-6.ux-modern-admin.controller-admin #admin-index ul > li > a {
  align-items: center;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  gap: 8px;
  height: 112px !important;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0;
  min-height: 112px;
  padding: 12px 10px !important;
  text-align: center;
  width: 150px !important;
  word-break: break-word;
}

body.ux-modern-ui.ux-redmine-6.ux-modern-admin.controller-admin #admin-index ul > li > a svg,
body.ux-modern-ui.ux-redmine-6.ux-modern-admin.controller-admin #admin-index ul > li > a .icon-svg,
body.ux-modern-ui.ux-redmine-6.ux-modern-admin.controller-admin #admin-index ul > li > a img {
  flex: 0 0 auto;
  height: 28px !important;
  margin: 0;
  width: 28px !important;
}

body.ux-modern-ui.ux-redmine-6.ux-modern-admin.controller-admin #admin-index ul > li > a.redmine-ux-toolkit.icon-settings:before {
  background-image: url("../../../../images/changeset.png") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 28px 28px !important;
  content: "" !important;
  display: block !important;
  flex: 0 0 28px;
  height: 28px !important;
  margin: 0 !important;
  position: static !important;
  width: 28px !important;
}

body.ux-modern-ui.ux-redmine-6.ux-modern-forms input[type="submit"] {
  min-height: 28px;
}

body.ux-modern-ui.ux-redmine-6.ux-modern-issue-list table.issues td.subject {
  min-width: 260px;
}

body.ux-modern-ui.ux-redmine-6.ux-modern-issue-detail div.issue .attributes .label {
  min-width: 120px;
}

@media (max-width: 600px) {
  body.ux-modern-ui.ux-redmine-6.ux-modern-header #header {
    height: 56px !important;
    min-height: 56px !important;
  }

  body.ux-modern-ui.ux-redmine-6.ux-modern-header #header h1 {
    font-size: 20px;
    line-height: 56px;
    margin: 0;
    padding: 0 12px;
  }

  body.ux-modern-ui.ux-redmine-6.ux-modern-base #main {
    padding-top: 68px !important;
  }

  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu {
    background: #263f55 !important;
    color: #fff !important;
  }

  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu .flyout-menu__avatar,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu .flyout-menu__avatar,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu .avatar,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu .avatar {
    border-radius: var(--ux-modern-radius-small);
  }

  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu h3,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu h4,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu h3,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu h4,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu .flyout-menu__search,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu .flyout-menu__search,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu .flyout-menu__avatar,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu .flyout-menu__avatar {
    color: #fff !important;
  }

  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu h3,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu h4,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu h3,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu h4 {
    background: rgba(147, 197, 253, 0.28) !important;
    border: 0 !important;
    font-weight: 800;
    letter-spacing: 0.04em;
  }

  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu a,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu a:link,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu a:visited,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu ul li a,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu .flyout-menu__avatar a,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu a,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu a:link,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu a:visited,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu ul li a,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu .flyout-menu__avatar a {
    background: transparent !important;
    color: #f8fafc !important;
    text-decoration: none;
    text-shadow: none !important;
  }

  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu a:hover,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu a:focus,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu a.selected,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu ul li a:hover,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu ul li a:focus,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu a:hover,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu a:focus,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu a.selected,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu ul li a:hover,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu ul li a:focus {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #fff !important;
    text-decoration: none;
  }

  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu input[type="text"],
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu input[type="search"],
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu input[type="text"],
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu input[type="search"] {
    background: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    color: var(--ux-modern-text) !important;
  }

  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu svg,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation .flyout-menu .icon-svg,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu svg,
  body.ux-modern-ui.ux-redmine-6.ux-modern-navigation #flyout-menu .icon-svg {
    color: #fff !important;
    fill: currentColor;
    stroke: currentColor;
  }

  body.ux-modern-ui.ux-redmine-6.ux-modern-admin.controller-admin #admin-index ul {
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  }

  body.ux-modern-ui.ux-redmine-6.ux-modern-admin.controller-admin #admin-index ul > li > a {
    min-height: 104px;
    width: 100% !important;
  }

  body.ux-modern-ui.ux-redmine-6.ux-modern-issue-list table.issues td.subject {
    min-width: 220px;
  }

  body.ux-modern-ui.ux-redmine-6.ux-modern-issue-detail div.issue .attributes .label {
    min-width: 0;
  }
}
