body {
  background-color: #252830 !important;
}
.maincontent {
  margin-top: 60px;
}
.modal-dialog {
  overflow-y: initial !important;
}
.modal-body {
  max-height: 70vh;
  overflow-y: auto;
}
#takePictureModalBody {
  overflow-y: hidden;
}
#imageThumbnails {
  position: absolute;
  top: 0px;
  left: 900px;
  width: 74px;
  height: 700px;
  border: solid 1px #2EBCD7 !important;
  background-color: #1a1c22 !important;
  border-radius: 5px;
  box-shadow: inset 0px 0px 30px -5px black;
}
#imageThumbnails img {
  margin: 4px 4px 0 4px;
}
.bordered {
  border: solid 1px #2EBCD7 !important;
}
#chatboard {
  z-index: 510;
  width: 30%;
  min-width: 460px;
  position: fixed;
  right: -100%;
  -webkit-transition: right 1s;
  -moz-transition: right 1s;
  -o-transition: right 1s;
  transition: right 1s;
  top: 60px;
  opacity: 0.9;
  color: #ffffff;
  background-color: #1a1c22;
  resize: both;
  height: 100%;
  overflow: hidden;
  -moz-box-shadow: 8px 7px 15px #111;
  -webkit-box-shadow: 8px 7px 15px #111;
  box-shadow: 8px 7px 15px #111;
  border-radius: 4px 0 0 4px;
}
#chatboard table {
  background-color: #1a1c22;
}
#chatboard .panel-footer {
  background-color: #1a1c22;
  color: #1a1c22;
}
#labelNumbers,
#labelColors,
#labelDirection {
  width: 40px;
  position: absolute;
  left: 80px;
  top: 300px;
}
#freehandChoosing {
  width: 280px;
  position: absolute;
  left: 80px;
  top: 300px;
  border: solid 1px #2EBCD7;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.9);
  box-shadow: inset 0px 0px 30px -5px black;
  padding: 3px;
}
#freehandChoosing button {
  margin: 3px 0 3px 0;
}
.navbar-inverse p.navbar-text {
  color: #ffffff;
}
ul.dropdown-menu {
  background-color: #1a1c22;
}
.navbar-inverse .dropdown .dropdown-menu li a:hover {
  background-color: #434857;
  color: #ffffff;
}
.navbar-inverse .dropdown .dropdown-menu li a {
  color: #cfd2da;
}
#carouselBody {
  display: block;
  position: relative;
  left: 0px;
  top: 56px;
  width: 100%;
}
#footer {
  position: absolute;
  bottom: 0px;
  left: 10px;
}
div.col-lg-4 {
  margin-bottom: 20px;
}
#frontpage-types {
  position: relative;
  top: 60px;
}
#rechterPfeil,
#linkerPfeil {
  margin-top: 80%;
}
.carousel-caption {
  background-color: rgba(0, 0, 0, 0.4);
  width: 300px;
  padding: 10px 0 10px 0;
  top: 20px;
  left: 500px;
  bottom: inherit;
}
.container .panel p {
  padding: 10px;
}
.belowSpacing {
  padding-bottom: 5px;
}
.floatLeft {
  float: left;
}
.clearBoth {
  clear: both;
}
#onlineanzeiger {
  z-index: 550;
  -webkit-transition: right 1s;
  -moz-transition: right 1s;
  -o-transition: right 1s;
  transition: right 1s;
  background-color: #1a1c22;
  color: #ffffff;
  width: 20%;
  position: fixed;
  right: -30%;
  top: 60px;
  opacity: 0.9;
  resize: both;
  max-height: 400px;
  overflow: hidden;
  -moz-box-shadow: 8px 7px 15px #111;
  -webkit-box-shadow: 8px 7px 15px #111;
  box-shadow: 8px 7px 15px #111;
  border-radius: 4px 0 0 4px;
}
#raumanzeiger {
  z-index: 850;
  -webkit-transition: right 1s;
  -moz-transition: right 1s;
  -o-transition: right 1s;
  transition: right 1s;
  background-color: #1a1c22;
  color: #ffffff;
  width: 20%;
  position: fixed;
  right: -30%;
  top: 60px;
  opacity: 0.9;
  resize: both;
  overflow: hidden;
  -moz-box-shadow: 8px 7px 15px #111;
  -webkit-box-shadow: 8px 7px 15px #111;
  box-shadow: 8px 7px 15px #111;
  border-radius: 4px 0 0 4px;
}
ul#switchRoomList > li {
  cursor: pointer;
}
#modalTextArea {
  width: 100%;
  color: #000000 !important;
}
.modalText {
  color: #ffffff !important;
}
.table-striped > tbody > tr.selectedTableRow {
  background-color: #333847 !important;
  border: solid 2px #cccccc;
}
tr.private {
  background-color: #654857 !important;
}
.modal-content {
  background-color: #252830 !important;
}
.modal-content > .modal-header > h3 {
  color: #cfd2da !important;
}
.modal-content > .modal-body > div {
  color: #cfd2da !important;
}
.modal-content > .modal-header > .modalDismissButton {
  color: #ff0000 !important;
  opacity: 0.6 !important;
}
.panel-title > a {
  margin-top: -10px;
}
.konvajs-content > canvas {
  border: solid 1px #2EBCD7 !important;
  background-color: #ffffff !important;
  /*1a1c22*/
  border-radius: 5px;
  box-shadow: inset 0px 0px 15px -5px black;
}
.loginscreenBackground {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  background: url(/assets/images/mapNorthGermany.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}
.firstscreenBackground {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  background: url(/assets/images/bgIndex.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}
.registrationField {
  background-color: rgba(40, 40, 40, 0.8);
  position: absolute;
  top: 70px;
  left: 0%;
  right: 0%;
  z-index: 100;
}
#genderInput1 {
  height: 15px;
  width: 15px;
  float: left;
}
#genderInput2 {
  height: 15px;
  width: 15px;
  margin-left: 20px;
  float: left;
}
.newPasswordField {
  background-color: rgba(40, 40, 40, 0.8);
  position: absolute;
  top: 70px;
  left: 0%;
  right: 0%;
  z-index: 100;
}
.buttonBox {
  width: 100%;
}
.buttonBox button {
  margin: 0 auto 10px;
  display: block;
}
footer.absoluteFooter {
  position: absolute;
  bottom: 20px;
  left: 0%;
  right: 0%;
}
.footerBackground {
  background-color: rgba(40, 40, 40, 0.8);
}
.modal-header > .modal-title {
  color: #ffffff !important;
}
.modal-header > button {
  color: #ffffff !important;
}
.modal-body {
  color: #ffffff !important;
}
.modal-body > #modalTextArea {
  color: #000000 !important;
}
.panel-decent {
  border-color: #0a0b0d !important;
}
.panel-decent > .panel-heading {
  color: #fff;
  background-color: #0a0b0d;
  border-color: #0a0b0d;
}
.panel-body {
  background-color: #252830;
}
.panel-primary .panel-footer {
  background-color: #252830;
  border-color: #1CA8DD;
}
ul.list-group .selected {
  background-color: #1CA8DD;
}
div.list-group .selected {
  background-color: #1CA8DD;
}
tr.bottomBorder {
  border-bottom: 1px solid #434857;
}
tr.selected {
  background-color: #1CA8DD;
}
.pagination > li.able > a {
  color: #1CA8DD;
  border: 1px solid #1CA8DD;
}
.pagination > li.active > a,
.pagination > li.active > a:focus,
.pagination > li.active > a:hover {
  background-color: #1CA8DD;
  border: 1px solid #1CA8DD;
}
td.paddingTen {
  padding: 10px;
}
.videoContainer {
  position: relative;
  width: 200px;
  height: 150px;
}
.videoContainer video {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bigVideoContainer {
  position: relative;
  width: 200px;
  height: 150px;
}
.bigVideoContainer video {
  position: absolute;
  width: 100%;
  height: 100%;
}
.volume {
  position: absolute;
  left: 15%;
  width: 70%;
  bottom: -10px;
  height: 10px;
}
.col-md-1 > .btn-group-55 > .btn {
  width: 55px;
}
.we-badge {
  font-weight: 700;
  line-height: 1;
  border-radius: 10px;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  padding: 3px 7px;
  min-width: 10px;
  display: inline-block;
}
.btn .we-badge {
  top: -1px;
  position: relative;
}
.btn-primary-we .we-badge {
  background-color: #2EBCD7;
  color: #ffffff;
}
.btn-primary-we:hover .we-badge {
  background-color: #ffffff;
  color: #2EBCD7;
}
.list-group-item.myself,
.list-group-item.myself:focus,
.list-group-item.myself:hover {
  background-color: rgba(0, 0, 255, 0.2);
  color: #ffffff;
  cursor: not-allowed;
}
.we-iframe-container {
  position: relative;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 200px;
}
.we-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
}
.remoteVideoPanel {
  transition: opacity 1.5s;
}
#panel-body-pdf {
  padding: 0;
}
#pdfNavi {
  width: 100%;
  height: 36px;
  padding: 4px;
  background-color: #434857;
}
#pdfContainer {
  padding: 15px;
}
.contentLeft {
  float: left;
}
.contentCenter {
  float: left;
  position: absolute;
  left: 50%;
}
.contentRight {
  float: left;
  position: absolute;
  right: 20px;
}
.pdfPageInput {
  color: #000000;
}
#pdfProgressBarContainer {
  visibility: hidden;
  height: 0;
  margin-bottom: 0;
}
.spanRed {
  color: #D71D01;
}
.fontVisible {
  color: #000000 !important;
}
.fontInvisible {
  color: rgba(0, 0, 0, 0) !important;
}
.fontVisible:hover {
  color: #000000 !important;
}
.fontInvisible:hover {
  color: rgba(0, 0, 0, 0.4) !important;
}
.fontVisible:focus {
  color: #000000 !important;
}
.fontInvisible:focus {
  color: rgba(0, 0, 0, 0) !important;
}
mark {
  background-color: #66ff66 !important;
  color: #000000 !important;
  opacity: 0.9;
}
input.fullWidthInput {
  width: 100%;
  color: #51586a;
}
.textLayer {
  opacity: 1;
}
#mainVidCanvas {
  position: absolute;
}
#takePictureModalBody {
  height: 500px;
  width: 760px;
}
#takePictureCanvas {
  position: relative;
  top: -640px;
}
#selfMadeModalPanel {
  position: relative;
  z-index: 99999;
}
#rangeContainer {
  float: right;
}
#rangeContainer input {
  width: 100%;
}
.selectedListGroupItem {
  background-color: #434877 !important;
}
.selectedListGroupItem small {
  color: #acaeb4 !important;
}
.btn-default-we {
  color: #111;
  background-color: transparent;
  border-color: #111 !important;
}
.btn-default-we:focus,
.btn-default-we.focus,
.btn-default-we:hover,
.btn-default-we:active,
.btn-default-we.active,
.open > .dropdown-toggle.btn-default-we {
  color: #fff;
  background-color: #111;
  box-shadow: none;
}
.btn-primary-we {
  color: #2EBCD7;
  background-color: transparent;
  border-color: #2EBCD7 !important;
}
.btn-primary-we:focus,
.btn-primary-we.focus,
.btn-primary-we:hover,
.btn-primary-we:active,
.btn-primary-we.active,
.open > .dropdown-toggle.btn-primary-we {
  color: #fff !important;
  background-color: #2EBCD7;
  box-shadow: none;
}
.btn-success-we {
  color: #18b37e;
  background-color: transparent;
  border-color: #18b37e !important;
}
.btn-success-we:focus,
.btn-success-we.focus,
.btn-success-we:hover,
.btn-success-we:active,
.btn-success-we.active,
.open > .dropdown-toggle.btn-success-we {
  color: #fff;
  background-color: #18b37e;
  box-shadow: none;
}
.btn-info-we {
  color: #8b6cff;
  background-color: transparent;
  border-color: #8b6cff !important;
}
.btn-info-we:focus,
.btn-info-we.focus,
.btn-info-we:hover,
.btn-info-we:active,
.btn-info-we.active,
.open > .dropdown-toggle.btn-info-we {
  color: #fff;
  background-color: #8b6cff;
  box-shadow: none;
}
.btn-warning-we {
  color: #e1d420;
  background-color: transparent;
  border-color: #e1d420 !important;
}
.btn-warning-we:focus,
.btn-warning-we.focus,
.btn-warning-we:hover,
.btn-warning-we:active,
.btn-warning-we.active,
.open > .dropdown-toggle.btn-warning-we {
  color: #fff;
  background-color: #e1d420;
  box-shadow: none;
}
.btn-danger-we {
  color: #e33145;
  background-color: transparent;
  border-color: #e33145 !important;
}
.btn-danger-we:focus,
.btn-danger-we.focus,
.btn-danger-we:hover,
.btn-danger-we:active,
.btn-danger-we.active,
.open > .dropdown-toggle.btn-danger-we {
  color: #fff;
  background-color: #e33145;
  box-shadow: none;
}