@media (max-width: 1024px) { /* mobile */
  .desktop {
    display: none;
  }
  .flex-container {
      gap: 20px;
  }
  .flex-container .flex-col {
  }
}
@media (min-width: 1024px) { /* desktop */
  .mobile {
    display: none;
  }
  .flex-container {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
  }
  .flex-container .flex-col {
    /* flex: 1; */
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(30% - 20px);
    align-self: auto;
  }
}

@media (max-width: 1024px) {
  div.breadcrumbs > div.menu {
    margin-bottom: 20px;
    float: normal;
  }
}

div.breadcrumbs > div.menu a.active {
  color: #f5dd5d;
}

ul.filter {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.filter li {
  list-style: none;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
ul.filter li a {
}

table {
  width: 100%;
}
table tr.selected {
  background-color: #ddd;
}
table tr.active {
  background-color: #ffc;
}
table tr td.active {
  background-color: #ffc;
}
table th.border-right, table td.border-right {
  border-right: 1px #ddd solid;
}
table.td-hover td:hover {
  background-color: #ffc;
}
table.hr-hover tr:hover {
  background-color: #eee;
}
table.hr-hover tr:hover td {
  background-color: transparent; /* or #000 */
}
table thead th a.button {
  color: #79aec8;
  background-color: #f8f8f8;
}
table thead th a.button:hover {
  color: #333;
  background-color: #f8f8f8;
}

table tbody tr.highlight td {
  background-color: #bbb;
}
table thead tr th.order a.order_link {
  color: #79aec8;
}
table thead tr th.order a.order_link:hover {
  color: #205067;
}
table thead tr th.order a.order_link.order_selected {
  color: #f5dd5d;
}
table td.id, table th.id {
  width: 10px;
  color: #ddd;
}
table td.right, table th.right {
  text-align: right;
}
table td.center, table th.center {
  text-align: center;
}
table thead tr th.header {
  background-color: #79aec8;
  color: white;
}

@media (min-width: 1024px) {
  table td.width-250, table th.width-250 {
    width: 250px;
  }
  table td.width-400, table th.width-400 {
    width: 400px;
  }
}
table th.strikethrough, table td.strikethrough {
  text-decoration: line-through;
  font-weight: normal;
  color: #ccc;
}
table.motiv-model-table tr.motiv-model-tr:hover {
  background-color: #eee;
  cursor: pointer;
}

table.percentage tr td {
  font-size: 10px;
  margin: 0;
  padding: 0;
  padding-left: 5px;
  background-color: #c4dce8;
}

table.percentage tr td.green {
  background-color: #79aec8;
  color: #fff;
}
table.percentage tr td.red {
  background-color: #417690;
  color: #fff;
}

.drop-down {
}
.drop-down table {
  width: 100%;
}
.drop-down table tr:hover {
  cursor: pointer;
}


/* form { } */

form input, form textarea, form input[type=password] {
  width: calc(100% - 15px);
}
form select {
  width: calc(100%);
}
form input[type=submit], form input[type=button] {
  width: auto;
}
form textarea {
  min-height: 118px;
}
form input[type=checkbox] {
  width: auto;
  margin-right: 5px;
}

.info-icon {
  padding-bottom: 3px;
  padding-right: 5px;
}
.info-icon-th {
  padding-bottom: 0px;
  padding-left: 5px;
}

span.h_actions {
  font-weight: normal;
  font-size: 13px;
}
div.h_action_pane {
  background-color: #eee;
  padding: 10px;
  padding-left: 30px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
div.h_action_pane .flex-col {
  flex-basis: calc(6% - 20px);
}

div.h_action_pane ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
div.h_action_pane ul li {
  list-style: none;
  flex: none;
}

div.h_action_pane ul li a.active {
  font-weight: bold;
}
div.h_action_pane form input[type=submit] {
  background-image: url('/static/admin/img/search.svg');
  background-repeat: no-repeat;
  background-position: left 60px center;
}

a.button.selected {
  background-color: #417690;
}