body {
  background: #d2e1ec;
  background: linear-gradient(to bottom right, #d2e1ec, #1e73be);
  min-height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
}


.navbar-toggler {
  color: #1e73be!important;
  border-color: #1e73be!important;
}

.navbar-toggler i {
  transition: .2s;
}

.navbar-brand {
  color: #1e73be!important;
  font-weight: bold;
}

.nav-link {
  color: #1e73be!important;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transition: .2s;
}

.nav-link:hover {
  color: #155084!important;
  border-color: #1e73be;
}

.bg-blau {
  background: #d2e1ec!important;
}

.text-blau {
  color: #d2e1ec!important;
}

.bg-dunkelblau {
  background: #1e73be!important;
}

.text-dunkelblau {
  color: #1e73be!important;
}

.pointer,
.form-check-label {
  cursor: pointer;
}

.btn,
.modal-content,
.alert,
.input-group-text,
.form-control,
.badge,
.breadcrumb,
.selectize-control.multi .selectize-input [data-value] {
  border-radius: 0!important;
}

.dropdown-menu {
  border-radius: 0!important;
  border-color: #1e73be!important;
}

.card{
  border-radius: 0!important;
  margin-bottom: 2rem;
  
}

.card .card-header {
  background: #1e73be!important;
  border-radius: 0!important;
  color: white;
}

.modal-title {
  color: #1e73be!important;
}

.btn-primary {
  background-color: #1e73be!important;
  border-color: #1e73be!important;
}

.btn-outline-primary {
  color: #1e73be!important;
  border-color: #1e73be!important;
}

.btn-outline-primary:hover {
  color: #ffffff!important;
  border-color: #1e73be!important;
  background-color: #1e73be!important;
}

.form-control.selectize-single {
  padding: 0!important;
}

.selectize-input {
  border: 0!important;
  border-radius: 0!important;
  box-shadow: none!important;
}

.selectize-dropdown-content {
  background: #d2e1ec;
  color: #1e73be;
}

.selectize-dropdown-content .option {
  cursor: pointer;
}

.selectize-dropdown-content .option.active{
  background: #1e73be;
  color: #d2e1ec;  
}

.optgroup-header{
  background: #d2e1ec!important;
  color: #1e73be!important;
  font-weight: bold;
  font-size: 1.1em!important;
  border-bottom: 1px solid #1e73be;
}

.card.shadow {
  transition: .2s;
}

.card.shadow:hover {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;  
}

.hide-me {
  display: none;
}

.selectize-input {
  background-image: none!important;
  background-color: white!important;
}

.chatpartner {
  padding: 10px 5px;
  cursor: pointer;
  border: 1px solid transparent;
  border-bottom-color: #d2e1ec;
  transition: .2s;
}

.chatpartner.active {
  background: #d2e1ec;
  border-color: #c9dbe8;
}

.chatpartner:hover {
  background: #d2e1ec;
  border: 1px solid #1e73be;
}

.msg {
  background: #f2f2f2;
  border: 1px solid #c9dbe8;
  padding: 2px 5px;
}

.msg.gesendet {
  background: #c9dbe8;
} 

.card.inaktiv {
  background: #b3b3b3!important;
}


main {
  padding-bottom: 100px;
}

footer {
  border-top: 1px solid #1e73be;
}

footer a{
  color: #1e73be!important;
}

.background-filtered {
  filter: blur(5px) grayscale(60%) opacity(60%); 
  z-index: 1; 
  position: absolute; 
  background-position: center center; 
  background-size: cover; 
  width: 100%; 
  height: 100%;  
}

option:disabled {
  color: #c4ccd4;
  background: #e9ecef;
}