.body{
    font-family: "Avenir Next" !important;
}
body{
  background-color: #F0F0FF !important;
}
.panel {
  border-radius: 0;
}
.panel-default>.panel-heading {
  background-color: #ffffff;
}
.user-circle {
  background-image: url(https://wp.impactfest.staging.acato.nl/wp-content/uploads/2020/08/icon-attendee@1x.png);
}

.tafel-view {
  background: url(https://wp.impactfest.staging.acato.nl/wp-content/uploads/2020/08/illu-table@1x.png) no-repeat center;
}
.table-responsive .user-circle {
  background-image: url(https://wp.impactfest.staging.acato.nl/wp-content/uploads/2020/08/icon-seat@1x.png);
}
.modal-content {
  border-radius: 0;
}
.modal-body .row .col-xs-4 small {
  color: #e62887;
}

a.btn-color3, button.btn-color3 {
  background: #222243;
    border: 1px solid #222243;
    color: #ffffff;
}
a.btn-color1, button.btn-color1, a.btn-color1:hover, a.btn-color1:active, a.btn-color1:focus {
background: #e62887;
border: 1px solid;
    border-color: #e62887;
color: #ffffff;
}

.invite-attendees + .panel.panel-default {
      background-color: #222243;
    color: #ffffff;
}
.userfooter {
    background: #f0f0ff;
    border-top: 1px solid black;
}
.invite-attendees + .panel.panel-default a {
  color: #ffffff;
}

.invite-attendees + .panel.panel-default>.panel-heading {
  background-color: #222243;
  color: #ffffff;
}

.host-seat {
  border: 0 !important;
}

a.btn-color1:hover, button.btn-color1:hover, a.btn-color1:focus, button.btn-color1:focus, a.btn-color1:active, button.btn-color1:active {
background: #e62887;
border: 1px solid;
    border-color: #e62887;
color: #ffffff;
}

.btn {
color: #e62887;
  border-radius: 0;
}
.btn-lg {
  border-radius: 0;
}

div.panel-footer {
display: none;
}
.m-l-xs {
display: none;
}

.host-badge {
    background-color: red!important;
}

form .submit {
background: blue!important;
}

.dropdown > .dropdown-menu > li:nth-child(3) {
    content:'test';
}


.nav-tabs>li a{
border-radius: 4px 4px 0 0;
border: 1px solid;
    border-color: #e62887;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
font-weight: bold;
border: 2px solid;
    border-color: #e62887;
    border-bottom-color: transparent;
}
.nav-tabs li a {
color: #e62887;
}

@media only screen and (max-width: 768px) {
  #page-content-wrapper {
      padding-top: 150px !important;
  }
}