/* Text */
@font-face {
  font-family: 'Text';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Barlow-Light.ttf") format("truetype");
}

@font-face {
  font-family: 'Text';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Barlow-LightItalic.ttf") format("truetype");
}

@font-face {
  font-family: 'Text';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Barlow-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Text';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Barlow-Italic.ttf") format("truetype");
}

@font-face {
  font-family: 'Text';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Barlow-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'Text';
  font-style: italic;
  font-weight: bold;
  src: url("../fonts/Barlow-BoldItalic.ttf") format("truetype");
}

/* Ueberschriften */
@font-face {
  font-family: 'Headline';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/RobotoSlab-Light.ttf") format("truetype");
}

@font-face {
  font-family: 'Headline';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/RobotoSlab-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Headline';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/RobotoSlab-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'Headline';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/RobotoSlab-Bold.ttf") format("truetype");
}

html, body {
  font-family: Text, sans-serif;
}

.bg-albr {
  background-color: #FF6521 !important;
}

.albr-header {
  background-color: #FF6521;
  margin-bottom: 20px;
}

.nav-albr {
  color: white;
}

.nav-albr a {
  color: white;
}

.nav-albr a:link {
  color: white;
}

.nav-albr a:hover {
  color: #eee;
}

.nav-albr .dropdown-menu a:link {
  color: #333333;
}

.container.first {
  margin-top: 100px;
}

.btn.inactive {
  cursor: not-allowed !important;
  opacity: 0.45;
  background-color: #ccc;
  border: 1px solid #bbb;
  box-shadow: none;
}

.btn.inactive:focus {
  box-shadow: none;
}

.btn.inactive:active {
  background-color: #ccc !important;
  border: 1px solid #bbb !important;
  box-shadow: none;
}

.btn-block {
  border-radius: 0;
}

.posselect {
  display: block;
  position: absolute;
  top: -200px;
  left: 900px;
  width: 115px;
  padding-left: 10px;
  height: 130px;
  background-color: white;
  border: 1px solid #FF6521;
  -webkit-box-shadow: 5px 5px 18px -5px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 5px 5px 18px -5px rgba(50, 50, 50, 0.75);
  box-shadow: 5px 5px 18px -5px rgba(50, 50, 50, 0.75);
}

.posselect .headline {
  width: 100%;
}

.posselect .headline .closeselect {
  position: absolute;
  right: 10px;
  top: -2px;
}

.posselect .select {
  float: left;
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  text-align: center;
  cursor: pointer;
}

.posselect .select:hover {
  color: white;
  background-color: #FF6521;
}

tr.row-red {
  color: red;
}

tr.row-orange {
  color: #f90;
}

tr.row-green {
  color: #090;
}

td.pselect {
  cursor: pointer;
}

td.pselect:hover {
  background-color: #FF6521;
  color: white;
}

td.select-done:hover {
  background-color: #090;
  color: white;
}

/*
 *  Drag and Drop Upload
 */
.dropzone {
  background-color: #eee;
  border: #999 1px dashed;
  color: #999;
  width: 100%;
  padding: 50px;
  font-size: 14px;
  margin-bottom: 50px;
  text-align: center;
  border-radius: 3px;
}

#drop_zone {
  background-color: #eee;
  border: #999 1px dashed;
  color: #999;
  width: 100%;
  padding: 50px;
  font-size: 14px;
  margin-bottom: 50px;
  text-align: center;
  border-radius: 3px;
}

#drop_zone h1 {
  font-weight: 400;
  font-size: 30px;
}

#drop_zone_csv {
  background-color: #eee;
  border: #999 2px dashed;
  color: #999;
  width: 100%;
  padding: 50px;
  font-size: 14px;
  margin-bottom: 50px;
  text-align: center;
}

#drop_zone_csv:hover {
  border: #049 3px dashed;
}

#error {
  color: red;
}

td.neu {
  color: green;
}