@font-face {
  font-family: 'Inconsolata-Regular';
  src: url(/fonts/Inconsolata-Regular.ttf?9ac6e3d2a7fb76468bd417ea40b6f8c4) format('truetype');
}
@font-face {
  font-family: 'Inconsolata-Bold';
  src: url(/fonts/Inconsolata-Bold.ttf?819f56653a4197a7959c41ddfc8ff69b) format('truetype');
}
@font-face {
  font-family: 'EBGaramond-Regular';
  src: url(/fonts/EBGaramond-Regular.ttf?d6989885f23b82bded861163d8ab44bd) format('truetype');
}
@font-face {
  font-family: 'CrimsonText-Regular';
  src: url(/fonts/CrimsonText-Regular.ttf?134c01579408e332173c23a30528c586) format('truetype');
}
@font-face {
  font-family: Oswald-Bold;
  src: url(/fonts/Oswald-Bold.ttf?4656077824d1c690c19b34532daaf887) format('truetype');
}
@font-face {
  font-family: Oswald-SemiBold;
  src: url(/fonts/Oswald-SemiBold.ttf?738b3e996f441a866924d02ad725b690) format('truetype');
}
@font-face {
  font-family: Oswald-Medium;
  src: url(/fonts/Oswald-Medium.ttf?3aaa5378cda7cc5884a9d9fd7736b0a4) format('truetype');
}
@font-face {
  font-family: Oswald-Regular;
  src: url(/fonts/Oswald-Regular.ttf?7460aaf583642ad42ea88c07d8481349) format('truetype');
}
/* Track Color Scheme
-------------------------------------------------*/
/* Variablen
-------------------------------------------------*/
/* Allgemein
-------------------------------------------------*/
#main-content-container {
  margin-top: 55px;
  margin-bottom: 55px;
  height: 100%;
}
.monospace {
  font-family: "Inconsolata-Regular";
}
a.monospace {
  font-family: "Inconsolata-Regular";
  color: #000;
}
.monospace-bold {
  font-family: "Inconsolata-Bold";
  color: #ffa500;
  color: #ff6600;
}
.gray {
  color: #676767;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0.5rem;
}
h1.no-margin-bottom,
h2.no-margin-bottom,
h3.no-margin-bottom,
h4.no-margin-bottom,
h5.no-margin-bottom,
h6.no-margin-bottom {
  margin-bottom: 0;
}
html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}
/* Artist Page
-------------------------------------------------*/
#artist-tab-pane .tab-pane {
  margin-top: 10px;
}
.release-type-header {
  background-color: #ffccff;
  color: #333741;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
/* Exports
-------------------------------------------------*/
.rahmen {
  background-color: #99D6FF;
  padding: 10px;
}
#export {
  position: absolute;
  left: -9999px;
  top: 0;
}
.export-success {
  font-size: 10px;
  color: darkgreen;
  background-color: lightgreen;
  padding: 5px 0;
}
/* Status
-------------------------------------------------*/
span.everything-ok {
  color: #219130;
}
span.there-is-a-problem {
  color: #d10643;
}
/* Sortable (used in Ownlists)
-------------------------------------------------*/
#button-container {
  position: absolute;
  top: 0;
  left: 0;
}
#go-back,
#submit-own-list,
#reset,
#myexport {
  margin-bottom: 3px;
}
#own-list-dispatch-form {
  display: none;
}
#ownlist-main-content-container {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  height: 100%;
}
#ownlist-main-content-container #old-items-container,
#ownlist-main-content-container #new-items-container {
  font-size: 12px;
  border: 1px solid #000;
}
#ownlist-main-content-container #old-items-container ul,
#ownlist-main-content-container #new-items-container ul {
  padding: 0;
  list-style-type: none;
  overflow: auto;
  height: 100%;
}
#ownlist-main-content-container #old-items-container ul li,
#ownlist-main-content-container #new-items-container ul li {
  position: relative;
  margin-left: 10%;
  width: 70%;
  border-left: 1px solid #111;
  border-right: 1px solid #111;
  border-bottom: 1px solid #111;
  padding: 10px;
}
#ownlist-main-content-container #old-items-container ul li .left,
#ownlist-main-content-container #new-items-container ul li .left {
  position: absolute;
  left: -10%;
  top: 40%;
}
#ownlist-main-content-container #old-items-container ul li .right,
#ownlist-main-content-container #new-items-container ul li .right {
  position: absolute;
  right: -10%;
  top: 40%;
}
#ownlist-main-content-container #old-items-container {
  height: 70%;
}
#ownlist-main-content-container #old-items-container ul li {
  background: linear-gradient(90deg, #ff99ff 0%, #FFCCFF 10%, #FFCCFF 90%, #ffccff 100%);
}
#ownlist-main-content-container #new-items-container {
  color: #fff;
  height: 30%;
}
#ownlist-main-content-container #new-items-container ul li {
  background: linear-gradient(90deg, #707f9a 0%, #8e9aaf 10%, #8e9aaf 90%, #8e9aaf 100%);
}
#ownlist-main-content-container #new-items-container ul li .left {
  color: #000;
}
#ownlist-main-content-container #new-items-container ul li .right {
  color: #000;
}
.sortable-item {
  list-style: none;
}
#items-form {
  height: 90%;
}
.display-none {
  display: none;
}