body {
  color: #ccc;
  background-color: #222;
  font: 16px normal arial, sans-serif;
  padding: 0 5px 5px 5px;
}

h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px 0;
}

h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 30px 0;
}

li {
  margin-bottom: 30px;
}

.break {
  clear: both;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.codeform {
  display: inline-block;
  background-color: #555;
  padding: 50px;
}

a, i {
  color: #88e;
}
a:hover, i:hover {
  cursor: pointer;
  color: #ccc;
}

.fa-solid, .fa-regular {
  font-size: 20px;
  vertical-align: bottom;
}
.fa-solid.middle, .fa-regular.middle {
  vertical-align: middle;
}
.fa-solid.green, .fa-regular.green {
  color: #1b1;
}
.fa-solid.red, .fa-regular.red {
  color: #b11;
}
.fa-solid:hover, .fa-regular:hover {
  cursor: pointer;
  color: #ccc;
}

.big {
  font-size: 30px;
}

.grey {
  background-color: #404040;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.bottom-line {
  display: inline-flex;
  width: 100%;
}
.bottom-line .bottom-left {
  float: left;
}
.bottom-line .bottom-center {
  width: 100%;
  text-align: center;
}
.bottom-line .bottom-right {
  float: right;
}

table, thead, tbody, tr, td, th {
  border: 1px solid #555;
  text-align: left;
  vertical-align: top;
  border-spacing: 0;
  border-collapse: collapse;
}
table tbody tr.fat-border, thead tbody tr.fat-border, tbody tbody tr.fat-border, tr tbody tr.fat-border, td tbody tr.fat-border, th tbody tr.fat-border {
  border-top: 1px solid red;
}
table tbody tr.fat-border td, thead tbody tr.fat-border td, tbody tbody tr.fat-border td, tr tbody tr.fat-border td, td tbody tr.fat-border td, th tbody tr.fat-border td {
  border-top: none;
}
table tbody tr.no-border, thead tbody tr.no-border, tbody tbody tr.no-border, tr tbody tr.no-border, td tbody tr.no-border, th tbody tr.no-border {
  border-top: none;
  border-bottom: none;
}
table tbody tr.no-border.top-border, thead tbody tr.no-border.top-border, tbody tbody tr.no-border.top-border, tr tbody tr.no-border.top-border, td tbody tr.no-border.top-border, th tbody tr.no-border.top-border {
  border-top: inherit;
}
table tbody tr.no-border td, thead tbody tr.no-border td, tbody tbody tr.no-border td, tr tbody tr.no-border td, td tbody tr.no-border td, th tbody tr.no-border td {
  border: none;
}
table tr, table td, table th, thead tr, thead td, thead th, tbody tr, tbody td, tbody th, tr tr, tr td, tr th, td tr, td td, td th, th tr, th td, th th {
  margin: 0;
  padding: 10px;
}
table th, thead th, tbody th, tr th, td th, th th {
  font-weight: bold;
  background-color: #404040;
}
table.liste tr, table.liste td, table.liste th, thead.liste tr, thead.liste td, thead.liste th, tbody.liste tr, tbody.liste td, tbody.liste th, tr.liste tr, tr.liste td, tr.liste th, td.liste tr, td.liste td, td.liste th, th.liste tr, th.liste td, th.liste th {
  padding: 8px;
  vertical-align: middle;
}
table.h-center, thead.h-center, tbody.h-center, tr.h-center, td.h-center, th.h-center {
  text-aligN: center;
}
table.h-right, thead.h-right, tbody.h-right, tr.h-right, td.h-right, th.h-right {
  text-aligN: right;
}
table.v-middle, thead.v-middle, tbody.v-middle, tr.v-middle, td.v-middle, th.v-middle {
  vertical-align: middle;
}
table.v-bottom, thead.v-bottom, tbody.v-bottom, tr.v-bottom, td.v-bottom, th.v-bottom {
  vertical-align: bottom;
}

.dt-container.dt-empty-footer .dataTable tbody tr:last-child td {
  border-bottom: inherit;
}
.dt-container table.dataTable.display tbody tr:nth-child(odd) td {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.07);
}
.dt-container table.dataTable.display tbody tr:hover td {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.2);
}
.dt-container table.dataTable .h-right {
  text-aligN: right;
}
.dt-container table.dataTable .dt-ordering-desc, .dt-container table.dataTable .dt-ordering-asc {
  background-color: #555;
}
.dt-container table.dataTable td.sorting_1, .dt-container table.dataTable td.sorting_2, .dt-container table.dataTable td.sorting_3 {
  background-color: #333;
}

form {
  background-color: inherit;
  font: 16px normal arial, sans-serif;
}
form input, form select, form textarea {
  color: #ccc;
  background-color: #555;
  padding: 10px;
  border: 1px solid #bbb;
  font: 18px normal arial, sans-serif;
}
form input:focus, form select:focus, form textarea:focus {
  background-color: #557;
}
form input.h-right {
  text-align: right;
}
form input::placeholder {
  color: #999;
}
form select {
  cursor: pointer;
}
form label {
  vertical-align: top;
}

button, .submitbutton {
  font: 16px normal arial, sans-serif;
  display: inline-block;
  margin: 0;
  padding: 12px 10px 12px 10px;
  color: #ccc;
  background-color: #66c;
  border: none;
  cursor: pointer;
}
button:hover, .submitbutton:hover {
  color: #555;
  background-color: #fff;
}
button.delete-button, .submitbutton.delete-button {
  background-color: #c66;
}
button.delete-button:hover, .submitbutton.delete-button:hover {
  color: #fff;
  background-color: #f00;
}

.login input {
  width: 300px;
}
.login .submitbutton {
  width: inherit;
  float: right;
}

.linktext {
  float: left;
}

.clipboard {
  margin-left: 10px;
  float: right;
}

header {
  float: left;
  width: 100%;
  margin: 0;
  margin-bottom: 15px;
  padding: 10px 0;
  border: none;
  border-bottom: 1px solid #555;
}
header .nav {
  float: left;
  display: inline;
  margin: 0;
  margin-right: 50px;
  padding: 0;
}
header .nav a, header .nav i {
  text-decoration: none;
  font-weight: bold;
}
header .nav.active a {
  color: #ccc;
}

.message-display {
  width: 97%;
  display: inline-block;
  color: #fff;
  background-color: #5a5;
  padding: 10px;
  margin-bottom: 20px;
}
.message-display.error {
  background-color: #c66;
}

@-webkit-keyframes quickFlash {
  0% {
    background-color: white;
    opacity: 1;
  }
  100% {
    background-color: inherit;
  }
}
.quickFlash {
  -webkit-animation-name: quickFlash;
  -webkit-animation-duration: 1900ms;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -moz-animation-name: quickFlash;
  -moz-animation-duration: 1900ms;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
}

.cat {
  margin-bottom: 10px;
}

#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#sortable li {
  display: block;
  margin: 15px;
  padding: 5px;
  color: #fff;
  background-color: #222;
  border: 1px solid #ccc;
  font-weight: normal;
  cursor: move;
}
#sortable li div {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}
#sortable li div img {
  cursor: pointer;
}
#sortable li:first-child {
  border: 3px solid #ccc;
}

#original_ul {
  display: none;
}
#original_ul.original {
  display: none;
}

.dropzone {
  padding: 0;
  background-color: inherit;
}
.dropzone .dz-preview.dz-image-preview {
  background-color: inherit;
}

.confirmation-dialog {
  display: none;
}

/*# sourceMappingURL=standard.css.map */