body {
  background-color: #eceff1;
  height: 100%;
}

a {
}

a:hover {
}

.table-hover tbody tr:hover td {
  background: #4a148c;
  color: white;
}

.selected {
  background: #4a148c;
  color: white;
}

.ColorChange {
  background-color: #6a1b9a;
  color: #ffffff;
}

table tbody tr td {
  font-size: 1.25em;
}

table th {
  font-size: 1.25em;
}

p {
  font-size: 1.25em;
}

@media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px) {
  table,
  tbody,
  tr,
  td {
    font-size: 0.9em;
  }

  table,
  th {
    font-size: 0.9em;
  }

  #siirralabel {
    font-size: 0.9em !important;
  }

  p {
    font-size: 0.9em;
  }
}

label {
  display: block;
  text-align: left;
  font-size: 1.5em;
}

h3 {
  /*text-shadow: 2px 2px 2px #bdbdbd;*/
}

/*Sortable js*/

.ui-sortable-helper {
  background: none;
  border: none;
}

.sortable-placeholder {
  background: #aa66cc;
}

.hidden-td {
  display: none;
}

.ui-sortable-placeholder td {
  display: none;
}

.ui-sortable-placeholder td:nth-child(-n + 3) {
  display: table-cell;
}

/*kollitunnisteet sortable placeholder*/
#kolli .ui-sortable-placeholder td:nth-child(-n + 4) {
  display: table-cell;
}