@import url('https://fonts.googleapis.com/css?family=Montserrat');


:root {
    --default:#e7e7e7;
    --primary:#1e2025;
    --info:#bd84ff;
    --success:#97d271;
    --warning:#FFC107;
    --danger:#FC4A64;
    --link:#bd84ff;
    --text-color-main:#a8b2c7;
    --text-color-secondary:#7a7a7a;
    --text-color-highlight:#1e2025;
    --text-color-soft:#a8b2c7;
    --text-color-soft2:#aeaeae;
    --text-color-soft3:#bac2c7;
    --text-color-contrast:#2c3039;
    --background-color-main:#2c3039;
    --background-color-secondary:#16181d;
    --background-color-page:#24262d;
    --background-color-highlight:#2c3039;
    --background-color-highlight-soft:#f2f9fb;
    --background3:#212121;
    --background4:#b2b2b2;
    --background-color-success:#121212;
    --text-color-success:#84be5e;
    --border-color-success:#97d271;
    --background-color-warning:#2c3039bf7;
    --text-color-warning:#e9b168;
    --border-color-warning:#fdd198;
    --background-color-danger:#2c3039;
    --text-color-danger:#ff8989;
    --border-color-danger:#ff8989;
    --mail-font-family:'Open Sans',Arial,Tahoma,Helvetica,sans-serif
  }
  
  body {
    font-family: 'Montserrat', sans-serif !important;
   
}


a.list-group-item, button.list-group-item {
    color:#8892a4;
}



#new-spaces-panel{display:none}

.ProseMirror-menubar {
    display: none !important;
}

.controls.controls-header.pull-right button,
.controls.controls-header.pull-right a.btn.btn-info {
    padding: 4px 8px!important;
    font-size: 12px!important;
}

.statistics{display:none!important}

   .form-group.field-accountsettings-markdowneditormode{
      display:none!important;
  }
  
     .form-group.field-accountsettings-show_introduction_tour{
      display:none!important;
  }
  
     .form-group.field-accountsettings-timezone{
      display:none!important;
  }
  
  
  [data-menu-id="account-settings-emailsummary"] {
    display: none;
}
  
  legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #8a94a7;
    border: 0;
    border-bottom: 0px solid #24262d;
}
  
  .dropdown-menu {
   
    background-color: #1e2025;
  }
  .colorDefault {
    color:#2c3039
  }
  .backgroundDefault {
    background:#2c3039
  }
  .borderDefault {
    border-color:#e7e7e7
  }
  .colorPrimary {
    color:#ff0073 !important
  }
  .backgroundPrimary {
    background:#ff0073 !important
  }
  .borderPrimary {
    border-color:#ff0073 !important
  }
  .colorInfo {
    color:#bd84ff !important
  }
  .backgroundInfo {
    background:#bd84ff !important
  }
  .borderInfo {
    border-color:#bd84ff !important
  }
  .colorLink {
    color:#bd84ff !important
  }
  .colorSuccess {
    color:#97d271 !important
  }
  .backgroundSuccess {
    background:#97d271 !important
  }
  .borderSuccess {
    border-color:#97d271 !important
  }
  .colorWarning {
    color:#FFC107 !important
  }
  .backgroundWarning {
    background:#FFC107 !important
  }
  .borderWarning {
    border-color:#FFC107 !important
  }
  .colorDanger {
    color:#FC4A64 !important
  }
  .backgroundDanger {
    background:#FC4A64 !important
  }
  .borderDanger {
    border-color:#FC4A64 !important
  }
  .colorFont1 {
    color:#bac2c7 !important
  }
  .colorFont2 {
    color:#7a7a7a !important
  }
  .colorFont3 {
    color:#1e2025 !important
  }
  .colorFont4 {
    color:#a8b2c7 !important
  }
  .colorFont5 {
    color:#aeaeae !important
  }
  .heading {
    font-size:16px;
    font-weight:300;
    color:#1e2025;
    background-color:#be84ff;
    border:none;
    padding:10px
  }
  .text-center {
    text-align:center !important
  }
  .text-break {
    word-wrap:break-word;
    overflow-wrap:break-word;
    word-break:break-word;
    hyphens:auto
  }
  .img-rounded {
    border-radius:3px
  }
  html {
    scroll-padding-top:60px
  }
  body {
    word-wrap:break-word;
    overflow-wrap:break-word;
    word-break:break-word;
    hyphens:auto;
    padding-top:65px;
    background-color:#24272f;
    color:#8a94a7;
   
  }
  body a,body a:hover,body a:focus,body a:active,body a.active {
    color:#73ffc0;
    text-decoration:none
  }
  a:hover {
    text-decoration:none
  }
  hr {
    margin-top:10px;
    margin-bottom:10px
  }
  .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
    position:inherit
  }
  .layout-nav-container {
    padding:0 0 0 15px
  }
  .layout-sidebar-container {
    padding:0 15px 0 0
  }
  @media (max-width:768px) {
    .layout-nav-container {
    padding:0 15px
  }
  .layout-nav-container .left-navigation {
    margin-bottom:0
  }
  }h4 {
    font-weight:300;
    font-size:150%
  }
  input[type=text],input[type=password],input[type=select] {
    appearance:none
  }
  .powered,.powered a {
    color:#b8c7d3 !important
  }
  .langSwitcher {
    display:inline-block
  }
  [data-ui-show-more] {
    overflow:hidden
  }
  @media (min-width:768px) and (max-width:991px) {
    .layout-nav-container {
    padding:0 15px
  }
  body {
    padding-top:120px
  }
  }@media print {
    #topbar-first,#topbar-second {
    display:none
  }
  }span.likeLinkContainer .like.disabled,span.likeLinkContainer .unlike.disabled {
    pointer-events:none;
    cursor:default;
    text-decoration:none;
    color:lightgrey
  }
  .panel-body a[data-toggle],.modal-body a[data-toggle] {
    color:#bd84ff
  }
  .showMore {
    font-size:13px
  }
  .table-responsive {
    word-wrap:normal;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none
  }
  .topbar {
    position:fixed;
    display:block;
    height:50px;
    width:100%;
    padding-left:15px;
    padding-right:15px
  }
  .topbar ul.nav {
    float:left
  }
  .topbar ul.nav>li {
    float:left
  }
  .topbar ul.nav>li>a {
    padding-top:15px;
    padding-bottom:15px;
    line-height:20px
  }
  .topbar .dropdown-footer {
    margin:10px
  }
  .topbar .dropdown-header {
    font-size:16px;
    padding:3px 10px;
    margin-bottom:10px;

  color: #6ff5b9;
    font-weight:bold;
  }
  .topbar .dropdown-header .dropdown-header-link {
    position:absolute;
    top:2px;
    right:10px
  }
  .topbar .dropdown-header .dropdown-header-link a {
    color:#ff0073 !important;
    font-size:12px;
    font-weight:normal
  }
  .topbar .dropdown-header:hover {
    color:#a8b2c7
  }
  #topbar-first {
    background-color:#2c3039;
    top:0;
    z-index:1030;
    color:#8a94a7;
  }
  #topbar-first a.navbar-brand {
    height:50px;
    padding:5px
  }
  #topbar-first a.navbar-brand img#img-logo {
    max-height: 30px;
    margin-top: 4px;
  }
  #topbar-first a.navbar-brand-text {
    padding-top:15px
  }
  #topbar-first .nav>li>a:hover,#topbar-first .nav>.open>a {
    background-color:#1e2025
  }
  #topbar-first .nav>.account {
    height:50px;
    margin-left:20px
  }
  #topbar-first .nav>.account img {
    margin-left:10px
  }
  #topbar-first .nav>.account .dropdown-toggle {
    padding:10px 5px 8px;
    line-height:1.1em;
    text-align:left
  }
  #topbar-first .nav>.account .dropdown-toggle span {
    font-size:12px
  }
  #topbar-first .nav>.account .dropdown-toggle #user-account-image {
    margin-bottom:0
  }
  #topbar-first .topbar-brand {
    position:relative;
    z-index:2
  }
  #topbar-first .topbar-actions {
    position:relative;
    z-index:3
  }
  #topbar-first .dropdown-menu {
    border:none;
    border-radius:8px;
    box-shadow:0 0 0px #444444;
    top:105%
  }
  #topbar-first .dropdown-menu .arrow {
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:8px;
    left:50%;
    margin-left:-18px;
    border-top-width:0;
    border-bottom-color:#2c3039;
    top:-16px;
    z-index:1035
  }
  #topbar-first .notifications {
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    z-index:1
  }
  #topbar-first .notifications .btn-group {
    position:relative;
    text-align:left
  }
  #topbar-first .notifications .btn-group>a {
    padding:5px 10px;
    margin:10px 2px;
    display:inline-block;
    border-radius:2px;
    text-decoration:none;
    text-align:left
  }
  #topbar-first .notifications .btn-group>.label {
    position:absolute;
    top:4px;
    right:-2px
  }
  #topbar-first .notifications .dropdown-menu {
    width:350px;
    margin-left:-148px
  }
  #topbar-first .notifications .dropdown-menu ul.media-list {
    max-height:400px;
    overflow:auto
  }
  #topbar-first .notifications .dropdown-menu li {
    position:relative
  }
  #topbar-first .notifications .dropdown-menu li i.approval {
    position:absolute;
    left:2px;
    top:36px;
    font-size:14px
  }
  #topbar-first .notifications .dropdown-menu li i.accepted {
    color:#5cb85c
  }
  #topbar-first .notifications .dropdown-menu li i.declined {
    color:#d9534f
  }
  #topbar-first .notifications .dropdown-menu li .media {
    position:relative
  }
  #topbar-first .notifications .dropdown-menu li .media .img-space {
    position:absolute;
    top:14px;
    left:14px
  }
  #topbar-first .dropdown-footer {
    margin:10px 10px 5px
  }
  #topbar-first .dropdown-footer .btn.btn-default {
    border:1px solid #bd84ff;
    box-shadow:none;
    width:100%;
    padding: 4px 8px;
    font-size: 12px;
  }
  .btn-default{
      padding: 4px 8px !important;
    font-size: 12px !important;
  }
  
  .btn-primary{
      padding: 4px 8px !important;
    font-size: 12px !important;
  }
  .form-control {

    color: #8a94a7;
    background-color: #24262d;
    
  }
  
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #a8b2c7;
    cursor: default;
    background-color: #24262d;
    border: 1px solid #24262d;
    border-bottom-color: transparent;
}

.nav-tabs {
    border-bottom: 1px solid #24262d;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #16181d;
}

.nav-tabs > li > a:hover {
    border-color: #2c3039 #2c3039 #24262d;
}

  #topbar-first .dropdown-footer .btn.btn-default:hover {
    border-color:#bd84ff;
    background:#bd84ff;
  }
  #topbar-first .dropdown-footer .btn.btn-default:active {
    border-color:#bd84ff;
    background:#bd84ff;
  }
  #topbar-first a {
    color:#ffffff;
  }
  #topbar-first .caret {
    border-top-color:#ffffff;
  }
  #topbar-first .btn-group>a {
    background-color:#bd84ff
  }
  #topbar-first .btn-enter {
    background-color:#bd84ff;
    margin:6px 0;
    color:#a8b2c7!important;
  }
  #topbar-first .btn-enter:hover {
    background-color:#1e2025
  }
  #topbar-first .media-list a {
    color:#8a94a7;
    padding:0
  }
  #topbar-first .media-list li {
    color: #8a94a7
  }
  #topbar-first .media-list li i.accepted {
    color:#bd84ff !important
  }
  #topbar-first .media-list li i.declined {
    color:#FC4A64 !important
  }
  #topbar-first .media-list li.placeholder {
    border-bottom:none
  }
  #topbar-first .media-list .media .media-body .label {
    padding:.1em .5em
  }
  #topbar-first .account .user-title {
    text-align:right
  }
  #topbar-first .account .user-title span {
    color:#212121
  }
  #topbar-first .dropdown.account>a,#topbar-first .dropdown.account.open>a,#topbar-first .dropdown.account>a:hover,#topbar-first .dropdown.account.open>a:hover {
        background-color: #1e202500;
  }
  #topbar-second {
    top:50px;
    background-color:#2c3039;
    z-index:1029;
    background-image:none;
    box-shadow:0 1px 10px rgba(0,0,0,0.1);
    border-bottom:1px solid #2c3039;
  }
  #topbar-second .dropdown-menu {
    padding-top:0;
    padding-bottom:0
  }
  #topbar-second .dropdown-menu .divider {
    margin:0
  }
  #topbar-second #space-menu-dropdown,#topbar-second #search-menu-dropdown {
    width:400px
  }
  #topbar-second #space-menu-dropdown .media-list,#topbar-second #search-menu-dropdown .media-list {
    max-height:400px;
    overflow:auto
  }
  @media screen and (max-width:768px) {
    #topbar-second #space-menu-dropdown .media-list,#topbar-second #search-menu-dropdown .media-list {
    max-height:200px
  }
  }#topbar-second #space-menu-dropdown form,#topbar-second #search-menu-dropdown form {
    margin:10px
  }
  #topbar-second #space-menu-dropdown .search-reset,#topbar-second #search-menu-dropdown .search-reset {
    position:absolute;
    color:#BFBFBF;
    margin:7px;
    top:0px;
    right:40px;
    z-index:10;
    display:none;
    cursor:pointer
  }
  #topbar-second .nav>li>a {
    padding:7px 13px 0;
    text-decoration:none;
    text-shadow:none;
    font-weight:bold;
    font-size:10px;
    min-height:50px;
    text-transform:uppercase;
    text-align:center
  }
  #topbar-second .nav>li>a:hover,#topbar-second .nav>li>a:active,#topbar-second .nav>li>a:focus {
    border-bottom:3px solid #bd84ff;
    background-color:#16181d;
    color:#1e2025;
    text-decoration:none
  }
  #topbar-second .nav>li>a i {
    font-size:14px
  }
  #topbar-second .nav>li>a .caret {
    border-top-color:#7a7a7a
  }
  #topbar-second .nav>li.active>a {
    min-height:47px
  }
  #topbar-second .nav>li>ul>li>a {
    border-left:3px solid #2c3039;
    background-color:#2c3039;
    color:#1e2025
  }
  #topbar-second .nav>li>ul>li>a:hover,#topbar-second .nav>li>ul>li>a.active {
    border-left:3px solid #bd84ff;
    background-color:#16181d;
    color:#1e2025
  }
  #topbar-second .nav>li>a#space-menu {
    padding-right:13px;
    border-right:1px solid #373c48
  }
  #topbar-second .nav>li>a#search-menu {
    padding-top:15px
  }
  #topbar-second .nav>li>a:hover,#topbar-second .nav>li.active {
    border-bottom:3px solid #bd84ff;
    background-color:#16181d;
    color:#a8b2c7;
  }
  #topbar-second .nav>li.active>a:hover,#topbar-second .nav>li.active>a:focus {
    border-bottom:none
  }
  #topbar-second #space-menu-dropdown li>ul>li>a>.media .media-body p {
    color:#a8b2c7;
    font-size:11px;
    margin:0;
    font-weight:400
  }
  @media (max-width:767px) {
    .topbar {
    padding-left:0;
    padding-right:0
  }
  


  
  
  }
  

.login-container {
    background-color: #24262d;
    background-image: linear-gradient(to right, #24262d 0%, #2c3039 50%, #1e2025 100%), linear-gradient(to right, #1e2025 0%, #6ff5b9 51%, #2c3039 100%);
    background-size: 100% 100%;
    position: relative;
    padding-top: 40px;

  }
  .login-container #img-logo {
    max-width:100%;
    padding:0 16px;
    height:40px;
  }
  .login-container .text {
    color:#a8b2c7;
    font-size:12px;
    margin-bottom:15px
  }
  .login-container .text a {
    color:#a8b2c7;
    text-decoration:underline
  }
  .login-container .panel a {
    color:#bd84ff
  }
  .login-container h1,.login-container h2 {
    color:#a8b2c7 !important
  }
  .login-container .panel {
    box-shadow:0 0 15px #1e2025
  }
  .login-container .panel .panel-heading,.login-container .panel .panel-body {
    padding:15px
  }
  .login-container .panel h1,.login-container .panel h2 {
    color: #8a94a7 !important
  }
  .login-container select {
    color:#8a94a7;
  }
  #account-login-form .form-group {
    margin-bottom:10px
  }
  .dropdown-menu li a i {
    margin-right:5px;
    font-size:14px;
    display:inline-block;
    width:14px
  }
  @media (max-width:400px) {
    .dropdown-menu li a {
    white-space:normal !important
  }
  }@media (max-width:768px) {
    .dropdown-menu li a small {
    white-space:normal
  }
  }.dropdown-menu li a:hover,.dropdown-menu li a:visited,.dropdown-menu li a:hover,.dropdown-menu li a:focus {
    background:none;
    cursor:pointer
  }
  .dropdown-menu li:hover,.dropdown-menu li.selected {
    color:#1e2025
  }
  .dropdown-menu li:first-child {
    margin-top:3px
  }
  .dropdown-menu li:last-child {
    margin-bottom:3px
  }
  .modal .dropdown-menu,.panel .dropdown-menu,.nav-tabs .dropdown-menu {
    border:1px solid #212121
  }
  .modal .dropdown-menu li.divider,.panel .dropdown-menu li.divider,.nav-tabs .dropdown-menu li.divider {
    background-color:#16181d;
    border-bottom:none;
    margin:9px 1px !important
  }
  .modal .dropdown-menu li,.panel .dropdown-menu li,.nav-tabs .dropdown-menu li {
    border-left:3px solid #1e2025
  }
  .modal .dropdown-menu li a,.panel .dropdown-menu li a,.nav-tabs .dropdown-menu li a {
    color:#a8b2c7;
    font-size:13px;
    font-weight:bold;
    padding:4px 15px
  }
  .modal .dropdown-menu li a i,.panel .dropdown-menu li a i,.nav-tabs .dropdown-menu li a i {
    margin-right:5px
  }
  .modal .dropdown-menu li a:hover,.panel .dropdown-menu li a:hover,.nav-tabs .dropdown-menu li a:hover {
    background:none
  }
  .modal .dropdown-menu li:hover:not(.divider),.panel .dropdown-menu li:hover:not(.divider),.nav-tabs .dropdown-menu li:hover:not(.divider),.modal .dropdown-menu li.selected,.panel .dropdown-menu li.selected,.nav-tabs .dropdown-menu li.selected {
    border-left:3px solid #bd84ff;
    background-color:#111111 !important
  }
  ul.contextMenu {
    border:1px solid #212121
  }
  ul.contextMenu li.divider {
    background-color:#16181d;
    border-bottom:none;
    margin:9px 1px !important
  }
  ul.contextMenu li {
    border-left:3px solid #be84ff
  }
  ul.contextMenu li a {
    color:#1e2025;
    font-size:14px;
    font-weight:400;
    padding:4px 15px
  }
  ul.contextMenu li a i {
    margin-right:5px
  }
  ul.contextMenu li a:hover {
    background:none
  }
  ul.contextMenu li:hover,ul.contextMenu li.selected {
    border-left:3px solid #bd84ff;
    background-color:#111111 !important
  }
  .media-list li {
    padding:10px;
    border-bottom:1px solid #24262d;
    position:relative;
    border-left:3px solid #2c3039;
  }
  .media-list li a {
    color:#8a94a7;
  }
  .media-list .badge-space-type {
    background-color:#16181d;
    border:1px solid #212121;
    color:#b2b2b2;
    padding:3px 3px 2px 3px
  }
  .media-list li.new {
    border-left:3px solid #bd84ff;
    background-color:#2c3039
  }
  .media-list li:hover,.media-list li.selected {
    background-color:#16181d;
    border-left:3px solid #bd84ff
  }
  .media-list li.placeholder {
    font-size:14px !important;
    border-bottom:none
  }
  .media-list li.placeholder:hover {
    background:none !important;
    border-left:3px solid #be84ff
  }
  .media-left,.media>.pull-left {
    padding-right:0;
    margin-right:10px
  }
  .media:after {
    content:'';
    clear:both;
    display:block
  }
  .media .time {
    font-size:11px;
    color:#a8b2c7
  }
  .media .img-space {
    position:absolute;
    top:35px;
    left:35px
  }
  .media .media-body {
    overflow:hidden !important;
    font-size:13px;
    white-space:normal;
    word-wrap:break-word;
    overflow-wrap:break-word;
    word-break:break-word;
    hyphens:auto
  }
  .media .media-body h4.media-heading {
    font-size:14px;
    font-weight:500;
    color:#bd84ff
  }
  .media .media-body h4.media-heading a {
    color:#bd84ff
  }
  .media .media-body h4.media-heading small,.media .media-body h4.media-heading small a {
    font-size:11px;
    color:#8a94a7;
  }
  
  .mail-inbox-messages .media h5 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color:  #8a94a7!important;
    display: flex;
    justify-content: space-between;
    margin: 7px 0;
    font-weight:bold!important;
}


  .media .media-body h4.media-heading .content {
    margin-right:35px
  }
  .media .media-body .content a {
    word-break:break-all
  }
  .media .media-body strong {
    color:#bd84ff;
  }
  .media .media-body h5 {
    color:#aeaeae;
    font-weight:300;
    margin-top:5px;
    margin-bottom:5px;
    min-height:15px
  }
  .media .media-body .module-controls {
    font-size:85%
  }
  .media .media-body .module-controls a {
    color:#bd84ff
  }
  .media .content a {
    color:#bd84ff
  }
  .media .content .files a {
    color:#1e2025
  }
  .content span {
    word-wrap:break-word;
    overflow-wrap:break-word;
    word-break:break-word;
    hyphens:auto
  }
  #blueimp-gallery .slide img {
    max-height:80%
  }
  audio,canvas,progress,video {
    display:inline-block;
    vertical-align:baseline;
    max-width:100%;
    height:auto
  }
  img {
    image-orientation:from-image
  }
  .has-online-status {
    position:relative;
    display:inline-block;
    margin-bottom:10px
  }
  .has-online-status .user-online-status {
    aspect-ratio:1;
    width:30%;
    border-radius:100%;
    position:absolute;
    right:-10%;
    bottom:-10%;
    border:1px solid transparent
  }
  .has-online-status .user-online-status.user-is-online {
    border-color:#2c3039;
    background-color:#97d271
  }
  .has-online-status.img-size-small {
    margin-bottom:5px
  }
  .has-online-status.img-size-small .user-online-status {
    width:10px;
    right:-3px;
    bottom:-3px
  }
  .has-online-status.img-size-large .user-online-status {
    width:20px;
    border-width:2px
  }
  .panel {
    word-wrap:break-word;
    overflow-wrap:break-word;
    word-break:break-word;
    hyphens:auto;
    border:none;
    background-color:#2c3039;
    box-shadow:0 0 3px #16181d;
    border-radius:4px;
    position:relative;
    margin-bottom:15px
  }
  .panel h1 {
    font-size:15px;
    font-weight:300;
    margin-top:0;
    color: #8a94a7
  }
  
  .conversation-entry-content.own {
    float: right;
    background: #1e2025!important;
}

  .panel .panel-heading {
    font-size:16px;
    font-weight:300;
    color:#eee;
    background-color:#23262d;
    border:none;
    padding:10px;
    border-radius:4px
  }
  .panel .panel-heading .heading-link {
    color:#6fdbe8 !important;
    font-size:.8em
  }
  .panel .panel-body {
    padding:10px;
    font-size:15px
  }
  .panel .panel-body p {
    color:#a8b2c7
  }
  .panel .panel-body p a {
    color:#bd84ff
  }
  .panel .panel-body .usersearch-statuses,.panel .panel-body .spacesearch-visibilities {
    padding-top:5px;
    padding-bottom:5px
  }
  @media (min-width:992px) {
    .panel .panel-body .usersearch-statuses,.panel .panel-body .spacesearch-visibilities {
    padding-top:0;
    padding-bottom:0;
    padding-left:0
  }
  }.panel .statistics .entry {
    margin-left:20px;
    font-size:12px;
    color: #8a94a7
  }
  .panel .statistics .entry .count {
    color:#bd84ff;
    font-weight:bold;
    font-size:20px;
    line-height:.8em
  }
  .panel h3.media-heading small {
    font-size:75%
  }
  .panel h3.media-heading small a {
    color:#bd84ff
  }
  .panel-danger {
    border:2px solid #FC4A64
  }
  .panel-danger .panel-heading {
    color:#FC4A64
  }
  .panel-success {
    border:2px solid #97d271
  }
  .panel-success .panel-heading {
    color:#97d271
  }
  .panel-warning {
    border:2px solid #FFC107
  }
  .panel-warning .panel-heading {
    color:#FFC107
  }
  .panel-info {
    border:2px solid #bd84ff
  }
  .panel-info .panel-heading {
    color:#bd84ff
  }
  .panel-primary {
    border:2px solid #1e2025
  }
  .panel-primary .panel-heading {
    color:#1e2025
  }
  .panel.profile {
    position:relative
  }
  .panel.profile .controls {
    position:absolute;
    top:10px;
    right:10px
  }
  .panel.groups .panel-body a img,.panel.spaces .panel-body a img {
    margin-bottom:5px
  }
  .panel-profile .panel-profile-header {
    position:relative;
    border:3px solid #2c3039;
    border-top-right-radius:3px;
    border-top-left-radius:3px
  }
  .panel-profile .panel-profile-header .img-profile-header-background {
    border-radius:3px;
    min-height:110px
  }
  .panel-profile .panel-profile-header .img-profile-data {
    position:absolute;
    height:100px;
    width:100%;
    bottom:0;
    left:0;
    padding-left:180px;
    padding-top:30px;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
    color:#2c3039;
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.38) 100%)
  }
  .panel-profile .panel-profile-header .img-profile-data h1 {
    margin-bottom:7px;
    max-width:600px;
    white-space:nowrap;
    text-overflow:ellipsis
  }
  .panel-profile .panel-profile-header .img-profile-data h1 a {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
  .panel-profile .panel-profile-header .img-profile-data h2 {
    font-size:16px;
    font-weight:400;
    margin-top:0
  }
  .panel-profile .panel-profile-header .img-profile-data h1.space a {
    font-weight:700
  }
  .panel-profile .panel-profile-header .img-profile-data h2.space {
    font-size:13px;
    font-weight:300;
    max-width:600px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .panel-profile .panel-profile-header .profile-user-photo-container {
    position:absolute;
    bottom:-40px;
    left:5px
  }
  .panel-profile .panel-profile-header .profile-user-photo-container .profile-user-photo {
    border:3px solid #2c3039;
    border-radius:5px
  }
  .panel-profile .panel-profile-header .profile-user-photo-container .profile-user-photo+.user-online-status {
    right:-5px;
    bottom:-5px
  }
  .panel-profile .panel-profile-controls {
    padding-left:160px
  }
  .panel.pulse,.panel.fadeIn {
    animation-duration:200ms
  }
  @media (max-width:767px) {
    .panel-profile-controls {
    padding-left:0 !important;
    padding-top:0px
  }
  .panel-profile .panel-profile-header .img-profile-data h1 {
    font-size:20px !important;
    margin-bottom:2px
  }
  }.panel-body>.tab-menu {
    margin-left:-10px;
    margin-right:-10px
  }
  .installer .logo {
    text-align:center
  }
  .installer h2 {
    font-weight:100
  }
  .installer .panel {
    margin-top:50px
  }
  .installer .panel h3 {
    margin-top:0
  }
  .installer .powered,.installer .powered a {
    color:#bac2c7 !important;
    margin-top:10px;
    font-size:12px
  }
  .installer .fa {
    width:18px
  }
  .installer .check-ok {
    color:#97d271
  }
  .installer .check-warning {
    color:#FFC107
  }
  .installer .check-error {
    color:#FC4A64
  }
  .installer .prerequisites-list ul {
    list-style:none;
    padding-left:15px
  }
  .installer .prerequisites-list ul li {
    padding-bottom:5px
  }
  .pagination-container {
    text-align:center
  }
  .pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    background-color:#1e2025;
    border-color:#1e2025
  }
  .pagination>li>a,.pagination>li>span,.pagination>li>a:hover,.pagination>li>a:active,.pagination>li>a:focus {
    color:#1e2025;
    cursor:pointer
  }
  .well-small {
    padding:10px;
    border-radius:3px
  }
  .well {
    border:none;
    box-shadow:none;
    background-color:#2c3039;
    margin-bottom:1px
  }
  .well hr {
    margin:10px 0;
    border-top:1px solid #373c48
  }
  .well table>thead {
    font-size:11px
  }
  .tab-sub-menu {
    padding-left:10px
  }
  .tab-sub-menu li>a:hover,.tab-sub-menu li>a:focus {
    background-color:#16181d;
    border-bottom-color:#121212
  }
  .tab-sub-menu li.active>a {
    background-color:#2c3039;
    border-bottom-color:transparent
  }
  .nav-tabs>li>a,.nav-tabs>li>a[data-toggle] {
    color:#8a94a7;
  }
  .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus,.nav-tabs>li>a:hover,.nav-tabs>li>a:focus {
    color:#a8b2c7;
  }
  .tab-menu {
    padding-top:10px;
    background-color:#2c3039
  }
  .tab-menu .nav-tabs {
    padding-left:10px
  }
  .tab-menu .nav-tabs li>a {
    padding-top:12px;
    border-color:#121212;
    border-bottom:1px solid #121212;
    background-color:#16181d;
    max-height:41px;
    outline:none
  }
  .tab-menu .nav-tabs li>a:hover,.tab-menu .nav-tabs li>a:focus {
    padding-top:10px;
    border-top:3px solid #121212
  }
  .tab-menu .nav-tabs li>a:hover {
    background-color:#111111
  }
  .tab-menu .nav-tabs li.active>a,.tab-menu .nav-tabs li.active>a:hover {
    padding-top:10px;
    border-top:3px solid #bd84ff
  }
  .tab-menu .nav-tabs li.active>a {
    background-color:#2c3039;
    border-bottom-color:transparent
  }
  ul.tab-menu {
    padding-top:10px;
    background-color:#2c3039;
    padding-left:10px
  }
  ul.tab-menu-settings li>a {
    padding-top:12px;
    border-color:#121212;
    border-bottom:1px solid #121212;
    background-color:#16181d;
    max-height:41px;
    outline:none
  }
  ul.tab-menu-settings li>a:hover,ul.tab-menu-settings li>a:focus {
    padding-top:10px;
    border-top:3px solid #121212 !important
  }
  ul.tab-menu-settings li>a:hover {
    background-color:#111111
  }
  ul.tab-menu-settings li.active>a,ul.tab-menu-settings li.active>a:hover,ul.tab-menu-settings li.active>a:focus {
    padding-top:10px;
    border-top:3px solid #2c3039 !important
  }
  ul.tab-menu-settings li.active>a {
    background-color:#2c3039;
    border-bottom-color:transparent !important
  }
  .nav-pills .dropdown-menu,.nav-tabs .dropdown-menu,.account .dropdown-menu {
    background-color:#24262d;
    border:none
  }
  .nav-pills .dropdown-menu li.divider,.nav-tabs .dropdown-menu li.divider,.account .dropdown-menu li.divider {
    background-color:#24262d;
    border-bottom:none;
    margin:9px 1px !important
  }
  .nav-pills .dropdown-menu li,.nav-tabs .dropdown-menu li,.account .dropdown-menu li {
    border-left:3px solid #2c3039
  }
  .nav-pills .dropdown-menu li a,.nav-tabs .dropdown-menu li a,.account .dropdown-menu li a {
    color:#a8b2c7;
    font-weight:400;
    font-size:13px;
    padding:4px 15px
  }
  .nav-pills .dropdown-menu li a i,.nav-tabs .dropdown-menu li a i,.account .dropdown-menu li a i {
    margin-right:0;
    font-size:14px;
    display:inline-block;
    width:19px;
    text-align:center
  }
  .nav-pills .dropdown-menu li a:hover,.nav-tabs .dropdown-menu li a:hover,.account .dropdown-menu li a:hover,.nav-pills .dropdown-menu li a:visited,.nav-tabs .dropdown-menu li a:visited,.account .dropdown-menu li a:visited,.nav-pills .dropdown-menu li a:hover,.nav-tabs .dropdown-menu li a:hover,.account .dropdown-menu li a:hover,.nav-pills .dropdown-menu li a:focus,.nav-tabs .dropdown-menu li a:focus,.account .dropdown-menu li a:focus {
    background:none
  }
  .nav-pills .dropdown-menu li:hover:not(.divider),.nav-tabs .dropdown-menu li:hover:not(.divider),.account .dropdown-menu li:hover:not(.divider),.nav-pills .dropdown-menu li.selected,.nav-tabs .dropdown-menu li.selected,.account .dropdown-menu li.selected {
    border-left:3px solid #bd84ff;
    color:#2c3039 !important;
    background-color:#373c48 !important
  }
  
  #dropdown-messages .dropdown-header {
    color: #6ff5b9!important;
    margin-bottom: 12px;
    font-weight: bold;
}

#mark-seen-link{display:none!important}

  .nav-pills.preferences .dropdown .dropdown-toggle i {
    color:#bd84ff;
    font-size:15px;
    font-weight:bold
  }
  .nav-pills.preferences .dropdown.open .dropdown-toggle,.nav-pills.preferences .dropdown.open .dropdown-toggle:hover {
    background-color:#1e2025
  }
  .nav-pills.preferences .dropdown.open .dropdown-toggle i,.nav-pills.preferences .dropdown.open .dropdown-toggle:hover i {
    color:#a8b2c7;
  }
  .nav-pills.preferences li.divider:last-of-type {
    display:none
  }
  .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
    background-color:#1e2025
  }
  .nav-tabs {
    margin-bottom:10px
  }
  .list-group a [class^="fa-"],.list-group a [class*=" fa-"] {
    display:inline-block;
    width:18px
  }
  .nav-pills.preferences {
    position:absolute;
    right:10px;
    top:10px
  }
  .nav-pills.preferences .dropdown .dropdown-toggle {
    padding:2px 5px
  }
  .nav-pills.preferences .dropdown.open .dropdown-toggle,.nav-pills.preferences .dropdown.open .dropdown-toggle:hover {
    color:#be84ff
  }
  .nav-tabs li {
    font-weight:bold;
    font-size:12px
  }
  .tab-content .tab-pane a {
    color:#bd84ff
  }
  .tab-content .tab-pane .form-group {
    margin-bottom:5px
  }
  .nav-tabs.tabs-center li {
    float:none;
    display:inline-block
  }
  .nav-tabs.tabs-small li>a {
    padding:5px 7px
  }
  .nav .caret,.nav .caret:hover,.nav .caret:active {
    border-top-color:#1e2025;
    border-bottom-color:#1e2025;
    height:6.928px
  }
  .nav li.dropdown>a:hover .caret,.nav li.dropdown>a:active .caret {
    border-top-color:#2c3039;
    border-bottom-color:#222
  }
  .nav .open>a .caret,.nav .open>a:hover .caret,.nav .open>a:focus .caret {
    border-top-color:#1e2025;
    border-bottom-color:#1e2025
  }
  .nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
    border-color:#24262d;
    color:#a8b2c7;
  }
  .nav .open>a .caret,.nav .open>a:hover .caret,.nav .open>a:focus .caret {
    color:#a8b2c7;
  }
  .footer-nav {
    filter:opacity(.6);
    font-size:12px;
    text-align:center
  }
  @media (max-width:991px) {
    .controls-header {
    text-align:left !important
  }
  }#contentFormMenu {
    display:none
  }
  #contentFormMenu.menu-without-form a {
    border-radius:4px
  }
  #contentFormMenu .nav-tabs {
    margin-bottom:0;
    border:none;
    float:right
  }
  #contentFormMenu .nav-tabs>li>a,#contentFormMenu .nav-tabs>li.active>a {
    color:#7A7A7A;
    background:#2c3039;
    border-color:#2c3039
  }
  #contentFormMenu .nav-tabs>li>a:hover,#contentFormMenu .nav-tabs>li.active>a:hover,#contentFormMenu .nav-tabs>li>a.active,#contentFormMenu .nav-tabs>li.active>a.active {
    z-index:1;
    color:#2c3039
  }
  #contentFormMenu:after {
    content:" ";
    clear:both;
    display:block
  }
  #contentFormMenu .content-create-menu-more>i {
    border-radius:4px 4px 0 0;
    background:#2c3039;
    margin-right:3px;
    padding:10px 15px 11px;
    font-size:18px
  }
  #contentFormMenu .content-create-menu-more>i:hover {
    color:#2c3039
  }
  #contentFormMenu .content-create-menu-more .dropdown-menu {
    background-color:#2c3039;
    border:1px solid #212121;
    border-radius:4px
  }
  #contentFormMenu .content-create-menu-more .dropdown-menu li {
    border-left-color:#2c3039
  }
  #contentFormMenu .content-create-menu-more .dropdown-menu li a {
    color:#1e2025
  }
  #contentFormMenu .content-create-menu-more .dropdown-menu li:hover,#contentFormMenu .content-create-menu-more .dropdown-menu li.selected {
    color:#1e2025;
    border-left-color:#bd84ff;
    background-color:#111111 !important
  }
  @media (max-width:480px) {
    #contentFormMenu .nav-tabs {
    display:flex;
    width:100%
  }
  #contentFormMenu .nav-tabs>li {
    flex-grow:1;
    text-align:center
  }
  #contentFormMenu .nav-tabs>li.content-create-menu-more {
    flex-grow:.3
  }
  #contentFormMenu .nav-tabs>li.content-create-menu-more>i.fa {
    width:100%
  }
  }.btn {
    float:none;
    border:none;
    box-shadow:none;
    background-image:none;
    text-shadow:none;
    border-radius:3px;
    outline:none !important;
    margin-bottom:0;
    font-size:14px;
    font-weight:bold;
    padding:8px 12px
  }
  .btn:not(.btn-icon-only) i.fa {
    margin-right:4px
  }
  .input.btn {
    outline:none
  }
  .btn.btn-lg {
    padding:16px 28px
  }
  .btn.btn-lg:active,.btn.btn-lg.active {
    padding:15px 27px
  }
  .btn-sm {
    padding:4px 8px;
    font-size:12px
  }
  .btn-sm i {
    font-size:14px
  }
  .btn-xs {
    padding:1px 5px;
    font-size:12px
  }
  .btn-default {
    background:#bd84ff;
    color:#222 !important
  }
  .btn-default:hover,.btn-default:focus {
    background:#73ffc0;
    color:#2c3039;
    text-decoration:none
  }
  .btn-default:active,.btn-default.active {
    outline:0;
    background:#111111
  }
  .btn-default[disabled],.btn-default.disabled {
    background:#232323
  }
  .btn-default[disabled]:hover,.btn-default.disabled:hover,.btn-default[disabled]:focus,.btn-default.disabled:focus {
    background:#232323
  }
  .btn-default[disabled]:active,.btn-default.disabled:active,.btn-default[disabled].active,.btn-default.disabled.active {
    background:#232323
  }
  .btn-primary {
    background:#6ff5b9;
    color:#222 !important
  }
  .btn-primary:hover,.btn-primary:focus {
    background:#c2ffe4;
    text-decoration:none
  }
  .btn-primary:active,.btn-primary.active {
    outline:0;
    border:1px solid #1e2025;
    padding:7px 15px;
    color:#1e2025 !important;
    background:#2c3039 !important;
    box-shadow:none
  }
  .btn-primary:active.btn-sm,.btn-primary.active.btn-sm {
    padding:3px 7px
  }
  .btn-primary:active.btn-xs,.btn-primary.active.btn-xs {
    padding:0 4px
  }
  .btn-primary.active:hover,.btn-primary.active:focus {
    border:1px solid #24262d;
    color:#373c48 !important
  }
  .btn-primary[disabled],.btn-primary.disabled {
    background:#bd84ff
  }
  .btn-primary[disabled]:hover,.btn-primary.disabled:hover,.btn-primary[disabled]:focus,.btn-primary.disabled:focus {
    background:#bd84ff
  }
  .btn-primary[disabled]:active,.btn-primary.disabled:active,.btn-primary[disabled].active,.btn-primary.disabled.active {
    background:#bd84ff !important
  }
  .btn-info {
    background:#bd84ff;
    color:#222 !important;
    padding: 4px 8px!important;
    font-size: 12px!important;
  }
  .btn-info:hover,.btn-info:focus {
    background:#73ffc0!important;
    text-decoration:none
  }
  .btn-info:active,.btn-info.active {
    outline:0;
    border:1px solid #bd84ff;
    padding:7px 15px;
    color:#bd84ff !important;
    background:#2c3039 !important;
    box-shadow:none
  }
  .btn-info:active.btn-sm,.btn-info.active.btn-sm {
    padding:3px 7px
  }
  .btn-info:active.btn-xs,.btn-info.active.btn-xs {
    padding:0 4px
  }
  .btn-info.active:hover,.btn-info.active:focus {
    border:1px solid #ff7da9;
    color:#73ffc0!important
  }
  .btn-info[disabled],.btn-info.disabled {
    background:#25b4c9
  }
  .btn-info[disabled]:hover,.btn-info.disabled:hover,.btn-info[disabled]:focus,.btn-info.disabled:focus {
    background:#25b4c9
  }
  .btn-info[disabled]:active,.btn-info.disabled:active,.btn-info[disabled].active,.btn-info.disabled.active {
    background:#25b4c9 !important
  }
  .btn-danger {
    background:#FC4A64;
    color:#2c3039 !important
  }
  .btn-danger:hover,.btn-danger:focus {
    background:#fc314f;
    text-decoration:none
  }
  .btn-danger:active,.btn-danger.active {
    outline:0;
    background:#fc314f !important
  }
  .btn-danger[disabled],.btn-danger.disabled {
    background:#fc6379
  }
  .btn-danger[disabled]:hover,.btn-danger.disabled:hover,.btn-danger[disabled]:focus,.btn-danger.disabled:focus {
    background:#fc6379
  }
  .btn-danger[disabled]:active,.btn-danger.disabled:active,.btn-danger[disabled].active,.btn-danger.disabled.active {
    background:#fc6379 !important
  }
  .btn-success {
    background:#97d271;
    color:#2c3039 !important
  }
  .btn-success:hover,.btn-success:focus {
    background:#89cc5e;
    text-decoration:none
  }
  .btn-success:active,.btn-success.active {
    outline:0;
    background:#89cc5e !important
  }
  .btn-success[disabled],.btn-success.disabled {
    background:#a5d884
  }
  .btn-success[disabled]:hover,.btn-success.disabled:hover,.btn-success[disabled]:focus,.btn-success.disabled:focus {
    background:#a5d884
  }
  .btn-success[disabled]:active,.btn-success.disabled:active,.btn-success[disabled].active,.btn-success.disabled.active {
    background:#a5d884 !important
  }
  .btn-warning {
    background:#FFC107;
    color:#2c3039 !important
  }
  .btn-warning:hover,.btn-warning:focus {
    background:#fcbd00;
    text-decoration:none
  }
  .btn-warning:active,.btn-warning.active {
    outline:0;
    background:#fcbd00 !important
  }
  .btn-warning[disabled],.btn-warning.disabled {
    background:#ffc721
  }
  .btn-warning[disabled]:hover,.btn-warning.disabled:hover,.btn-warning[disabled]:focus,.btn-warning.disabled:focus {
    background:#ffc721
  }
  .btn-warning[disabled]:active,.btn-warning.disabled:active,.btn-warning[disabled].active,.btn-warning.disabled.active {
    background:#ffc721 !important
  }
  .btn-link {
    color:#bd84ff !important
  }
  .btn-link:hover,.btn-link:focus {
    color:#1f99aa;
    text-decoration:none
  }
  .btn-link:active,.btn-link.active {
    outline:0;
    color:#1f99aa !important
  }
  .btn-link[disabled],.btn-link.disabled {
    color:#25b4c9
  }
  .btn-link[disabled]:hover,.btn-link.disabled:hover,.btn-link[disabled]:focus,.btn-link.disabled:focus {
    color:#25b4c9
  }
  .btn-link[disabled]:active,.btn-link.disabled:active,.btn-link[disabled].active,.btn-link.disabled.active {
    color:#25b4c9 !important
  }
  .radio,.checkbox {
    margin-top:5px !important;
    margin-bottom:0
  }
  div.required>label:after {
    content:" *";
    color:#bd84ff
  }
  div.required.has-error>label:after {
    content:" *";
    color:#FC4A64
  }
  .radio label,.checkbox label {
    font-weight:bold;
    padding-left:0
  }
  .form-control {
    border:2px solid #24262d;
    box-shadow:none;
    min-height:35px
  }
  .form-control:focus {
    border:2px solid #bd84ff;
    outline:0;
    box-shadow:none
  }
  .form-control.form-search {
    border-radius:30px;
    padding-left:34px
  }
  .form-group-search {
    position:relative
  }
  .form-group-search:before {
    font:14px FontAwesome;
    content:"\f002";
    color:#24262d;
    position:absolute;
    top:10px;
    left:13px
  }
  .form-group-search .form-button-search {
    position:absolute;
    top:4px;
    right:4px;
    border-radius:30px
  }
  textarea {
    resize:none;
    height:1.5em
  }
  select.form-control:not([multiple]) {
    appearance:none;
    background-image:url("../img/select_arrow.png") !important;
    background-repeat:no-repeat;
    background-position:right 16px;
    overflow:hidden
  }
  div.PendingRegistrations thead>tr>th>label,div.PendingRegistrations tbody>tr>td>label {
    margin-bottom:0;
    height:17px
  }
  ::placeholder {
    color:#bac2c7 !important
  }
  input::-ms-clear,input::-ms-reveal {
    display:none
  }
  .placeholder {
    padding:10px
  }
  input.placeholder,textarea.placeholder {
    padding:0 0 0 10px;
    color: #8a94a7
  }
  .help-block-error {
    font-size:12px
  }
  .help-block:not(.help-block-error) {
    color:#8a94a7;
    font-size:13px
  }
  .panel-body>.help-block {
    padding-right:20px;
    margin-bottom:20px
  }
  .hint-block {
    color:#aeaeae !important;
    font-size:12px
  }
  .hint-block:hover {
    color:#7a7a7a !important;
    font-size:12px
  }
  .input-group-addon {
    border:none;
    background:#bd84ff;
      
  }
    
  a.input-field-addon {
    font-size:12px;
    float:right;
    margin-top:-10px
  }
  a.input-field-addon-sm {
    font-size:11px;
    float:right;
    margin-top:-10px
  }
  .timeZoneInputContainer {
    padding-top:10px
  }
  .timeZoneInputContainer~.help-block {
    margin:0
  }
  .radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox] {
    position:relative;
    margin-left:0
  }
  input[type=checkbox],input[type=radio] {
    -webkit-appearance:none;
    position:relative;
    display:inline-block;
    width:auto;
    height:auto;
    min-height:auto;
    padding:7px;
    margin:-4px 2px 0 0;
    vertical-align:middle;
    background:#be84ff;
    border:2px solid #444444;
    border-radius:3px
  }
  input[type=checkbox]:disabled,input[type=radio]:disabled {
    background:#212121 !important;
    border:2px solid #212121 !important;
    cursor:not-allowed
  }
  input[type=checkbox]:focus {
    border:2px solid #1e2025 !important;
    outline:none
  }
  input[type=checkbox]:checked {
    border:2px solid #bd84ff;
    background:#1f2128;
    color:#be84ff
  }
  input[type=checkbox]:checked::after {
    content:'\2714';
    font-size:14px;
    position:absolute;
    top:-3px;
    left:1px;
    color:#be84ff
  }
  input[type=radio] {
    border-radius:50%
  }
  input[type=radio]:checked {
    border:2px solid #212121;
    color:#99a1a7
  }
  input[type=radio]:checked::after {
    content:' ';
    width:8px;
    height:8px;
    border-radius:50%;
    position:absolute;
    top:3px;
    background:#bd84ff;
    text-shadow:none;
    left:3px;
    font-size:32px
  }
  div.form-group div.checkbox .help-block {
    margin-left:23px
  }
  div.form-group div.checkbox .help-block.help-block-error:empty {
    display:none
  }
  .radio-pills {
    display:flex;
    flex-wrap:wrap;
    border:1px solid #e7e7e7;
    border-radius:4px;
    width:fit-content
  }
  .radio-pills div.radio {
    flex:1;
    text-align:center;
    font-size:12px;
    border-radius:3px;
    background:#2c3039;
    box-shadow:none;
    margin:0 !important;
    white-space:nowrap
  }
  .radio-pills div.radio:hover,.radio-pills div.radio.active {
    background:#e7e7e7
  }
  .radio-pills div.radio .fa {
    margin-right:5px
  }
  .radio-pills div.radio .fa.radio-pill-active-icon {
    display:none
  }
  .radio-pills div.radio.active .fa.radio-pill-active-icon {
    display:inline
  }
  .radio-pills div.radio label {
    font-weight:bold;
    padding:2px 12px;
    line-height:21px
  }
  .radio-pills div.radio::after {
    content:' ';
    border-right:1px solid #e7e7e7;
    position:absolute;
    top:20%;
    height:60%;
    left:0;
    z-index:1
  }
  .radio-pills div.radio:first-child::after,.radio-pills div.radio:hover+div.radio::after,.radio-pills div.radio.active::after,.radio-pills div.radio.active+div.radio::after {
    display:none
  }
  .radio-pills input[type=radio] {
    display:none
  }
  .radio-pills-wide {
    width:auto
  }
  .errorMessage {
    color:#FC4A64;
    padding:10px 0
  }
  .error {
    border-color:#FC4A64 !important
  }
  .has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline {
    color:#FC4A64 !important
  }
  .has-error .form-control,.has-error .form-control:focus {
    border-color:#FC4A64;
    box-shadow:none
  }
  .has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline {
    color:#97d271
  }
  .has-success .form-control,.has-success .form-control:focus {
    border-color:#97d271;
    box-shadow:none
  }
  .has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline {
    color:#FFC107
  }
  .has-warning .form-control,.has-warning .form-control:focus {
    border-color:#FFC107;
    box-shadow:none
  }
  .bootstrap-timepicker-widget .form-control {
    padding:0
  }
  .form-collapsible-fields {
    margin-bottom:12px;
    border-left:3px solid #1e2025;
    background-color:#F4F4F4
  }
  .form-collapsible-fields-label {
    margin-bottom:0;
    padding:12px
  }
  .form-collapsible-fields-label label {
    margin-bottom:0
  }
  .form-collapsible-fields fieldset {
    padding-top:15px;
    padding-left:12px;
    padding-right:12px
  }
  .form-collapsible-fields.opened fieldset {
    display:block
  }
  .form-collapsible-fields.opened .iconClose {
    display:inline
  }
  .form-collapsible-fields.opened .iconOpen {
    display:none
  }
  .form-collapsible-fields.closed fieldset,.form-collapsible-fields.closed .iconClose {
    display:none
  }
  .form-collapsible-fields.closed .iconOpen {
    display:inline
  }
  .content_create .content-create-input-group,.content_edit .content-create-input-group {
    display:flex;
    align-items:flex-end;
    flex-direction:column
  }
  .content_create .content-create-input-group>.form-group,.content_edit .content-create-input-group>.form-group {
    flex-grow:1;
    width:100%
  }
  .content_create .content-create-input-group>.form-group [data-ui-markdown],.content_edit .content-create-input-group>.form-group [data-ui-markdown] {
    word-break:break-word !important
  }
  .content_create .content-create-input-group>.form-group [data-ui-markdown] pre code,.content_edit .content-create-input-group>.form-group [data-ui-markdown] pre code {
    display:block;
    width:0
  }
  .content_create .content-create-input-group .form-group,.content_edit .content-create-input-group .form-group,.content_create .content-create-input-group .help-block,.content_edit .content-create-input-group .help-block {
    margin:0
  }
  .content_create .upload-buttons,.content_edit .upload-buttons {
    white-space:nowrap;
    padding-top:6px
  }
  .content_create .upload-buttons .btn:not(.dropdown-toggle),.content_edit .upload-buttons .btn:not(.dropdown-toggle) {
    margin-left:6px
  }
  .content_create .upload-buttons .btn.fileinput-button,.content_edit .upload-buttons .btn.fileinput-button,.content_create .upload-buttons .fileinput-button+.dropdown-toggle,.content_edit .upload-buttons .fileinput-button+.dropdown-toggle {
    background:#24262d;
    color:#a8b2c7 !important
  }
  .content_create .upload-buttons .btn.fileinput-button:hover,.content_edit .upload-buttons .btn.fileinput-button:hover,.content_create .upload-buttons .fileinput-button+.dropdown-toggle:hover,.content_edit .upload-buttons .fileinput-button+.dropdown-toggle:hover,.content_create .upload-buttons .btn.fileinput-button:focus,.content_edit .upload-buttons .btn.fileinput-button:focus,.content_create .upload-buttons .fileinput-button+.dropdown-toggle:focus,.content_edit .upload-buttons .fileinput-button+.dropdown-toggle:focus {
    background:#2c3039 !important;
    border-color:#a8b2c7;
  }
  .content_create .upload-buttons .btn.fileinput-button:active,.content_edit .upload-buttons .btn.fileinput-button:active,.content_create .upload-buttons .fileinput-button+.dropdown-toggle:active,.content_edit .upload-buttons .fileinput-button+.dropdown-toggle:active,.content_create .upload-buttons .btn.fileinput-button.active,.content_edit .upload-buttons .btn.fileinput-button.active,.content_create .upload-buttons .fileinput-button+.dropdown-toggle.active,.content_edit .upload-buttons .fileinput-button+.dropdown-toggle.active {
    background:#cacaca !important;
    border-color:#cacaca
  }
  .content_create .upload-buttons .btn.dropdown-toggle,.content_edit .upload-buttons .btn.dropdown-toggle {
    margin-left:0
  }
  .content_create .has-error+.upload-buttons,.content_edit .has-error+.upload-buttons {
    padding-bottom:22px
  }
  .content_create .fileinput-button:active,.content_edit .fileinput-button:active {
    box-shadow:none !important
  }
  #notification_overview_filter label {
    display:block
  }
  #notification_overview_list .img-space {
    position:absolute;
    top:25px;
    left:25px
  }
  @media (max-width:767px) {
    .notifications {
    position:inherit !important;
    float:left !important
  }
  .notifications .dropdown-menu {
    width:300px !important;
    margin-left:0 !important
  }
  .notifications .dropdown-menu .arrow {
    margin-left:-142px !important
  }
  }.badge-space {
    margin-top:6px
  }
  .badge-space-chooser {
    padding:3px 5px;
    margin-left:1px
  }
  .badge {
    padding:3px 5px;
    border-radius:2px;
    font-weight:normal;
    font-family:Arial,sans-serif;
    font-size:10px !important;
    text-transform:uppercase;
    color:#fff;
    vertical-align:baseline;
    white-space:nowrap;
    text-shadow:none;
    background-color:#bd84ff;
    line-height:1
  }
  
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #2f2f2f;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #16181d;
    border-color: #16181d;
}


  .popover {
    border:1px solid rgba(0,0,0,0.15);
    border-radius:4px;
    box-shadow:0 6px 12px rgba(0,0,0,0.175)
  }
  .popover .popover-title {
    background:none;
    border-bottom:none;
    color:#1e2025;
    font-weight:300;
    font-size:16px;
    padding:15px
  }
  .popover .popover-content {
    font-size:13px;
    padding:5px 15px;
    color:#1e2025
  }
  .popover .popover-content a {
    color:#bd84ff
  }
  .popover .popover-content img {
    max-width:100%
  }
  .popover .popover-navigation {
    padding:15px
  }
  .panel-profile .panel-profile-header .image-upload-container {
    width:100%;
    height:100%;
    overflow:hidden
  }
  .panel-profile .panel-profile-header .image-upload-container #bannerfileupload {
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    width:100%;
    height:100%
  }
  .panel-profile .panel-profile-header .img-profile-header-background {
    width:100%;
    max-height:192px
  }
  @media print {
    .panel-profile {
    display:none
  }
  }.list-group-item {
    padding:6px 15px;
    border:none;
    border-width:0 !important;
    border-left:3px solid #2c3039 !important;
    font-size:12px;
    font-weight:bold;
    background-color:#2c3039;
    color:#8a94a7;
  }
  .list-group-item i {
    font-size:14px
  }
  a.list-group-item:hover,a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus {
    z-index:2;
    color:#8a94a7;
    background-color:#16181d;
    border-left:3px solid #bd84ff !important
  }
  @media (max-width:991px) {
    .list-group {
    margin-left:4px
  }
  .list-group-item {
    display:inline-block !important;
    border-radius:3px !important;
    margin:4px 0;
    margin-bottom:4px !important
  }
  .list-group-item {
    border:none !important
  }
  a.list-group-item:hover,a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus {
    border:none !important;
    background:#1e2025 !important;
    color: #8a94a7 !important
  }
  }.modal-backdrop {
    background-color:rgba(0,0,0,0.5)
  }
  .modal-dialog.fadeIn,.modal-dialog.pulse {
    animation-duration:200ms
  }
  body.modal-open {
    height:100vh;
    overflow-y:hidden
  }
  @media screen and (max-width:768px) {
    .modal-dialog {
    width:calc(100vw - 4px) !important
  }
  }.modal-top {
    z-index:999999 !important
  }
  .modal {
    overflow-y:visible
  }
  .modal.in {
    padding-right:0 !important
  }
  .modal-dialog-extra-small {
    width:400px
  }
  .modal-dialog-small {
    width:500px
  }
  .modal-dialog-normal {
    width:600px
  }
  .modal-dialog-medium {
    width:768px
  }
  .modal-dialog-large {
    width:900px
  }
  @media screen and (max-width:991px) {
    .modal-dialog-large {
    width:auto !important;
    padding-top:30px;
    padding-bottom:30px
  }
  }.modal {
    border:none
  }
  .modal h1,.modal h2,.modal h3,.modal h4,.modal h5 {
    margin-top:20px;
color:#a8b2c7;
    font-weight:300
  }
  .modal h4.media-heading {
    margin-top:0
  }
  .modal-title {
    font-size:20px;
    font-weight:200;
    color:#1e2025
  }
  .modal-dialog,.modal-content {
    min-width:150px
  }
  .modal-content {
    box-shadow:0 2px 26px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.1);
    border:none;
    background:#2c3039;
  }
  .modal-content .modal-header {
    padding:20px 20px 0;
    border-bottom:none;
    text-align:center
  }
  .modal-content .modal-header .close {
    margin-top:2px;
    margin-right:5px;
    opacity:1;
    color:#bd84ff;
    font-size:28px
  }
  
  hr {border-color: #24262d;
  color: #24262d;
  background-color: #24262d;}
  
  .modal-content .modal-header .close:hover {
    opacity:.9
  }
  .modal-content .modal-body {
    padding:20px;
    font-size:13px
  }
  .modal-content .modal-footer {
    margin-top:0;
    text-align:left;
    padding:10px 20px 30px;
    border-top:none;
    text-align:center
  }
  .modal-content .modal-footer hr {
    margin-top:0
  }
  .tooltip-inner {
    background-color:#1e2025;
    max-width:400px;
    text-align:left;
    padding:2px 8px 4px;
    font-size:12px;
    font-weight:bold;
    white-space:pre-wrap
  }
  .tooltip.top .tooltip-arrow {
    border-top-color:#1e2025
  }
  .tooltip.top-left .tooltip-arrow {
    border-top-color:#1e2025
  }
  .tooltip.top-right .tooltip-arrow {
    border-top-color:#1e2025
  }
  .tooltip.right .tooltip-arrow {
    border-right-color:#1e2025
  }
  .tooltip.left .tooltip-arrow {
    border-left-color:#1e2025
  }
  .tooltip.bottom .tooltip-arrow {
    border-bottom-color:#1e2025
  }
  .tooltip.bottom-left .tooltip-arrow {
    border-bottom-color:#1e2025
  }
  .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color:#1e2025
  }
  .tooltip.in {
    opacity:1
  }
  .progress {
    height:10px;
    margin-bottom:15px;
    box-shadow:none;
    background:#24262d;
    border-radius:10px
  }
  .progress-bar-info {
    background-color:#bd84ff;
    box-shadow:none
  }
  #nprogress .bar {
    height:2px;
    background:#27c0d5
  }
  table {
    margin-bottom:0 !important
  }
  table th {
    font-size:11px;
    color:#a8b2c7
    font-weight:normal
  }
  table thead tr th {
    border:none !important
  }
  table .time {
    font-size:12px
  }
  table td a:hover {
    color:#bd84ff
  }
  .table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
    padding:10px 10px 10px 0
  }
  .table>thead>tr>th select,.table>tbody>tr>th select,.table>tfoot>tr>th select,.table>thead>tr>td select,.table>tbody>tr>td select,.table>tfoot>tr>td select {
    font-size:12px;
    padding:4px 8px;
    height:30px;
    margin:0
  }
  .table-middle>thead>tr>th,.table-middle>tbody>tr>th,.table-middle>tfoot>tr>th,.table-middle>thead>tr>td,.table-middle>tbody>tr>td,.table-middle>tfoot>tr>td {
    vertical-align:middle !important
  }
  @media (max-width:767px) {
    .table-responsive>.table>tbody>tr>td.notification-type {
    white-space:normal
  }
  }.comment-container {
    margin-top:10px
  }
  .comment-container .wall-entry-controls {
    margin-left:35px
  }
  @media (max-width:767px) {
    .comment .post-files img {
    height:100px
  }
  }.comment .media {
    position:relative !important;
    margin-top:0
  }
  .comment .media .nav-pills.preferences {
    display:none;
    right:-3px
  }
  .comment .media.comment-current {
    background:#2c3039;
    padding:0 5px 5px 5px;
    margin:0 -5px -5px -5px;
    border-radius:3px
  }
  .comment .media.comment-current hr {
    position:relative;
    top:-6px
  }
  .comment .media.comment-current:first-of-type {
    padding-top:5px;
    margin-top:-5px
  }
  .comment .media.comment-current:first-of-type>.nav.preferences {
    margin-top:10px
  }
  .comment .media.comment-current>.nav.preferences {
    margin-right:10px
  }
  .comment .media.comment-current .nested-comments-root .comment-container {
    margin-top:5px;
    padding-bottom:10px
  }
  .comment .media.comment-current .nested-comments-root .comment-container .showMore {
    margin-top:0;
    padding-top:5px
  }
  .comment .comment-blocked-user img[data-contentcontainer-id] {
    filter:grayscale(100%)
  }
  .comment .media-body {
    overflow:visible
  }
  .comment .jp-progress {
    background-color:#dbdcdd !important
  }
  .comment .jp-play-bar {
    background:#cacaca
  }
  .comment .post-file-list {
    background-color:#f4f4f4
  }
  .comment.guest-mode .media:last-child .wall-entry-controls {
    margin-bottom:0;
    margin-left:35px
  }
  .comment.guest-mode .media:last-child hr {
    display:none
  }
  .comment-container .content_edit {
    margin-left:35px
  }
  .comment-container .media {
    overflow:visible
  }
  .comment-container [data-ui-richtext] pre,.comment-container [data-ui-richtext] pre code.hljs {
    background-color:#232323
  }
  .comment_edit_content {
    margin-left:35px;
    margin-top:0
  }
  .comment-message {
    overflow:hidden;
    word-wrap:break-word;
    overflow-wrap:break-word;
    word-break:break-word;
    hyphens:auto
  }
  .content-create-input-group.scrollActive .upload-buttons {
    right:22px
  }
  .comment .media .media-body h4.media-heading a {
    font-size:15px;
    color:#a8b2c7;
    margin-bottom:3px;
    font-weight:bold
  }
  div.comment>div.media:first-of-type hr.comment-separator {
    display:none
  }
  div.comment>div.media:first-of-type .nav-pills.preferences {
    display:none;
    top:-3px
  }
  div.nested-comments-root {
    margin-left:28px
  }
  div.nested-comments-root .ProseMirror-menubar-wrapper {
    z-index:210
  }
  div.nested-comments-root hr.comment-separator {
    display:inherit !important
  }
  div.nested-comments-root .showMore {
    margin-top:10px
  }
  div.nested-comments-root div.comment .media {
    position:relative !important;
    margin-top:0
  }
  div.nested-comments-root div.comment .media .nav-pills.preferences {
    display:none;
    top:8px;
    right:0
  }
  div.nested-comments-root div.comment-container {
    margin-top:0;
    padding-bottom:0;
    padding-top:0
  }
  .grid-view img {
    width:24px;
    height:24px
  }
  .grid-view .filters input,.grid-view .filters select {
    border:2px solid #24262d;
    box-shadow:none;
    min-height:35px;
    border-radius:4px;
    font-size:12px;
    padding:4px
  }
  .grid-view .filters input:focus,.grid-view .filters select:focus {
    border:2px solid #bd84ff;
    outline:0;
    box-shadow:none
  }
  .grid-view {
    padding:15px 0 0
  }
  .grid-view img {
    border-radius:3px
  }
  .grid-view table th {
    font-size:13px !important;
    font-weight:bold !important
  }
  .grid-view table td {
    vertical-align:middle !important
  }
  .grid-view table tr {
    font-size:13px !important
  }
  .grid-view table thead tr th:first-of-type {
    padding-left:5px
  }
  .grid-view table tbody tr {
    height:50px
  }
  .grid-view table tbody tr td:first-of-type {
    padding-left:5px
  }
  .grid-view .summary {
    font-size:12px;
    color:#bac2c7
  }
  .permission-grid-editor>.table>tbody>tr:first-child>td {
    border:none
  }
  .permission-grid-editor {
    padding-top:0px
  }
  .detail-view td,.detail-view th {
    padding:8px !important
  }
  .detail-view th {
    font-size:13px
  }
  .oembed_snippet {
    margin-top:10px;
    position:relative;
    padding-bottom:55%;
    padding-top:15px;
    overflow:hidden
  }
  .oembed_snippet[data-oembed-provider="Twitter"],.oembed_snippet[data-oembed-provider*="twitter.com"] {
    padding-bottom:0 !important;
    padding-top:0;
    margin-top:0
  }
  .oembed_snippet iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
  }
  .oembed_confirmation {
    background:#f2f9fb;
    border-radius:4px;
    padding:15px;
    line-height:30px
  }
  .oembed_confirmation i.fa {
    float:left;
    color:#02a0b0;
    background:#2c3039;
    border-radius:50%;
    font-size:30px;
    line-height:25px;
    margin-right:15px
  }
  .oembed_confirmation>div:not(.clearfix) {
    float:left
  }
  #oembed-providers {
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:left;
    align-items:center;
    flex-wrap:wrap;
    margin:0 -0.5rem
  }
  #oembed-providers .oembed-provider-container {
    padding:0
  }
  #oembed-providers .oembed-provider-container .oembed-provider {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    border:1px solid #121212;
    border-radius:2px;
    padding:.75rem;
    margin:0 .5rem .5rem .5rem
  }
  #oembed-providers .oembed-provider-container .oembed-provider .oembed-provider-name {
    display:flex;
    justify-content:center;
    align-items:center
  }
  #oembed-providers .oembed-provider-container .oembed-provider .oembed-provider-name .label.label-error {
    margin-left:2px
  }
  #endpoint-parameters {
    display:flex;
    flex-direction:row;
    justify-content:left;
    align-items:center;
    flex-wrap:wrap;
    margin:0 -15px
  }
  .activities {
    max-height:400px;
    overflow:auto
  }
  .activities li.activity-entry {
    padding:0
  }
  .activities li .media {
    position:relative;
    padding:10px
  }
  .activities li .media .img-space {
    position:absolute;
    top:24px;
    left:24px
  }
  .activities li .media .media-body {
    max-width:295px
  }
  .contentForm_options {
    margin-top:10px;
    min-height:29px
  }
  .contentForm_options .btn_container {
    position:relative
  }
  .contentForm_options .btn_container .label-container {
    position:absolute;
    right:40px;
    top:11px
  }
  #content-topic-bar {
    margin-top:5px;
    text-align:right
  }
  #content-topic-bar .label {
    margin-left:4px
  }
  #contentFormBody .form-group,#contentFormBody .help-block-error {
    margin:0
  }
  #contentFormBody .contentForm_options .form-group {
    margin-bottom:15px
  }
  #contentFormBody .contentForm_options .form-group .checkbox label {
    padding-left:22px
  }
  #contentFormBody .contentForm_options .form-group .checkbox label input[type=checkbox] {
    position:absolute;
    top:4px;
    left:0
  }
  #contentFormBody .contentForm_options .form-group .checkbox label input[type=checkbox]:focus {
    border-color:#444444 !important
  }
  #contentFormBody .contentForm_options .form-group .checkbox label input[type=checkbox]:focus:checked {
    border-color:#bd84ff !important
  }
  .placeholder-empty-stream {
    background-image:url("../img/placeholder-postform-arrow.png");
    background-repeat:no-repeat;
    padding:37px 0 0 70px;
    margin-left:90px
  }
  #streamUpdateBadge {
    text-align:center;
    z-index:9999;
    margin-bottom:15px;
    margin-top:15px
  }
  #streamUpdateBadge .label {
    border-radius:10px;
    font-size:.8em !important;
    padding:5px 10px
  }
  #wallStream .back_button_holder {
    padding-bottom:15px
  }
  .wall-entry {
    position:relative
  }
  .wall-entry .panel .panel-body {
    padding:10px
  }
  .wall-entry .wall-entry-header {
    color:#6ff5b9;
    position:relative;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #373c48
  }
  .wall-entry .wall-entry-header .img-space {
    top:25px;
    left:25px
  }
  .wall-entry .wall-entry-header .wall-entry-container-link {
    color:#bd84ff
  }
  .wall-entry .wall-entry-header .stream-entry-icon-list {
    position:absolute;
    top:0;
    right:25px;
    display:inline-block;
    padding-top:2px
  }
  .wall-entry .wall-entry-header .stream-entry-icon-list i {
    padding-right:5px
  }
  .wall-entry .wall-entry-header .stream-entry-icon-list .icon-pin {
    color:#FC4A64
  }
  .wall-entry .wall-entry-header .stream-entry-icon-list .fa-archive {
    color:#FFC107
  }
  .wall-entry .wall-entry-header .wall-entry-header-image {
    display:table-cell;
    width:40px;
    padding-right:10px
  }
  .wall-entry .wall-entry-header .wall-entry-header-image .fa {
    font-size:2.39em;
    color:#bd84ff;
    margin-top:5px
  }
  .wall-entry .wall-entry-header .wall-entry-header-info {
    display:table-cell;
    padding-right:30px;
    width:100%
  }
  .wall-entry .wall-entry-header .wall-entry-header-info .media-heading {
    font-size:16px;
    padding-top:1px;
    margin-bottom:0px;
    font-weight: bold;
  }
  
  .btn-group > .btn:first-child {
    margin-left: 0;
    margin-right: 7px;
}

  .wall-entry .wall-entry-header .wall-entry-header-info i.archived {
    color:#FFC107
  }
  .wall-entry .wall-entry-header .preferences {
    position:absolute;
    right:0;
    top:0
  }
  .wall-entry .wall-entry-header .media-subheading i.fa-caret-right {
    margin:0 2px
  }
  .wall-entry .wall-entry-header .media-subheading .wall-entry-icons {
    display:inline-block
  }
  .wall-entry .wall-entry-header .media-subheading .wall-entry-icons i {
    margin-right:2px
  }
  .wall-entry .wall-entry-header .media-subheading .time,.wall-entry .wall-entry-header .media-subheading i,.wall-entry .wall-entry-header .media-subheading span {
    font-size:11px;
    white-space:nowrap
  }
  .wall-entry .wall-entry-body {
    padding-left:0px;
    padding-right:0px
  }
  .wall-entry .wall-entry-body .wall-entry-content {
    margin-bottom:5px
  }
  .wall-entry .wall-entry-body .wall-entry-content .post-short-text {
    font-size:1.6em
  }
  .wall-entry .wall-entry-body .wall-entry-content .post-short-text .emoji {
    width:20px
  }
  .wall-entry .wall-entry-body audio,.wall-entry .wall-entry-body video {
    width:100%
  }
  .wall-entry .wall-stream-footer .wall-stream-addons .files {
    margin-bottom:5px
  }
  .wall-entry .content a {
    color:#bd84ff
  }
  .wall-entry .content img {
    max-width:100%
  }
  .wall-entry .media {
    overflow:visible
  }
  .wall-entry .well {
    margin-bottom:0
  }
  .wall-entry .well .comment .showMore a {
    font-size:12px
  }
  .wall-entry .media-heading {
    font-size:14px;
    padding-top:1px;
    margin-bottom:3px
  }
  .wall-entry .media-heading .labels {
    padding-right:32px
  }
  .wall-entry .media-heading .viaLink {
    font-size:13px
  }
  .wall-entry .media-heading .viaLink i {
    color:#a8b2c7
    padding-left:4px;
    padding-right:4px
  }
  .wall-entry .media-subheading {
    color:#a8b2c7
    font-size:12px
  }
  .wall-entry .media-subheading .time {
    font-size:12px;
    white-space:nowrap
  }
  .wall-entry [data-ui-richtext] h1 {
    font-size:1.45em;
    font-weight:normal
  }
  .wall-entry [data-ui-richtext] h2 {
    font-size:1.3em;
    font-weight:normal
  }
  .wall-entry [data-ui-richtext] h3 {
    font-size:1.2em;
    font-weight:normal
  }
  .wall-entry [data-ui-richtext] h4 {
    font-size:1.1em;
    font-weight:normal
  }
  .wall-entry [data-ui-richtext] h5 {
    font-size:1em;
    font-weight:normal
  }
  .wall-entry [data-ui-richtext] h6 {
    font-size:.85em;
    font-weight:normal
  }
  @media (max-width:767px) {
    .wall-entry .wall-entry-body {
    padding-left:0;
    padding-right:0
  }
  #wallStream .back_button_holder {
    padding-bottom:5px;
    text-align:center
  }
  }.wall-entry-controls a {
    font-size:11px;
    color:#bd84ff !important;
    margin-top:10px;
    margin-bottom:0
  }
  #wall-stream-filter-nav {
    font-size:12px;
    margin-bottom:10px;
    padding-top:2px;
    border-radius:0 0 4px 4px;
    display:none!important;
  }
  #wall-stream-filter-nav .wall-stream-filter-root {
    margin:0;
    border:0 !important
  }
  #wall-stream-filter-nav .filter-panel {
    padding:0 10px
  }
  #wall-stream-filter-nav .wall-stream-filter-head {
    padding:5px 5px 10px 5px;
    border-bottom:1px solid #121212
  }
  #wall-stream-filter-nav .wall-stream-filter-body {
    overflow:hidden;
    background-color:#16181d;
    border:1px solid #121212;
    border-top:0;
    border-radius:0 0 4px 4px
  }
  #wall-stream-filter-nav hr {
    margin:5px 0 0 0
  }
  #wall-stream-filter-nav .topic-remove-label {
    float:left
  }
  #wall-stream-filter-nav .topic-remove-label,#wall-stream-filter-nav .content-type-remove-label {
    margin-right:6px
  }
  #wall-stream-filter-nav .select2 {
    width:260px !important;
    margin-bottom:5px;
    margin-top:2px
  }
  #wall-stream-filter-nav .select2 .select2-search__field {
    height:25px !important
  }
  #wall-stream-filter-nav .select2 .select2-selection__choice {
    height:23px !important
  }
  #wall-stream-filter-nav .select2 .select2-selection__choice span,#wall-stream-filter-nav .select2 .select2-selection__choice i {
    line-height:19px !important
  }
  #wall-stream-filter-nav .select2 .select2-selection__choice .img-rounded {
    width:18px !important;
    height:18px !important
  }
  #wall-stream-filter-nav .wall-stream-filter-bar {
    display:inline;
    float:right;
    white-space:normal
  }
  #wall-stream-filter-nav .wall-stream-filter-bar .label {
    height:18px;
    padding-top:4px;
    background-color:#2c3039
  }
  #wall-stream-filter-nav .wall-stream-filter-bar .btn,#wall-stream-filter-nav .wall-stream-filter-bar .label {
    box-shadow:0 0 2px #7a7a7a
  }
  @media (max-width:767px) {
    #wall-stream-filter-nav {
    margin-bottom:5px
  }
  #wall-stream-filter-nav .wall-stream-filter-root {
    white-space:nowrap
  }
  #wall-stream-filter-nav .wall-stream-filter-body {
    overflow:auto
  }
  }.filter-root {
    margin:15px
  }
  .filter-root .row {
    display:table !important
  }
  .filter-root .filter-panel {
    padding:0 5px;
    display:table-cell !important;
    float:none
  }
  .filter-root .filter-panel .filter-block strong {
    margin-bottom:5px
  }
  .filter-root .filter-panel .filter-block ul.filter-list {
    list-style:none;
    padding:0;
    margin:0 0 5px
  }
  .filter-root .filter-panel .filter-block ul.filter-list li {
    font-size:12px;
    padding:2px
  }
  .filter-root .filter-panel .filter-block ul.filter-list li a {
    color:#1e2025
  }
  .filter-root .filter-panel div.filter-block:last-of-type ul.filter-list {
    margin:0
  }
  .filter-root .filter-panel+.filter-panel {
    border-left:2px solid #373c48
  }
  .stream-entry-loader {
    float:right;
    margin-top:5px
  }
  .load-suppressed {
    margin-top:-17px;
    margin-bottom:15px;
    text-align:center
  }
  .load-suppressed a {
    display:inline-block;
    background-color:#be84ff;
    padding:5px;
    border-radius:0 0 4px 4px;
    border:1px solid #121212;
    font-size:11px
  }
  @media print {
    .wall-entry {
    page-break-inside:avoid
  }
  #wall-stream-filter-nav,#contentFormBody {
    display:none
  }
  }.space-owner {
    text-align:center;
    margin:14px 0;
    font-size:13px;
    color: #8a94a7
  }
  .space-member-sign {
    color:#97d271;
    position:absolute;
    top:42px;
    left:42px;
    font-size:16px;
    background:#2c3039;
    width:24px;
    height:24px;
    padding:2px 3px 1px 4px;
    border-radius:50px;
    border:2px solid #97d271
  }
  #space-menu-dropdown i.type {
    font-size:16px;
    color:#BFBFBF
  }
  #space-menu-spaces [data-space-chooser-item] {
    cursor:pointer
  }
  #space-menu-dropdown .input-group-addon {
    border-radius:0 4px 4px 0
  }
  #space-menu-dropdown .input-group-addon.focus {
    border-radius:0 4px 4px 0;
    border:2px solid #bd84ff;
    border-left:0
  }
  .input-group #space-menu-search {
    border-right:0
  }
  #space-menu-dropdown div:not(.input-group)>.search-reset {
    top:10px !important;
    right:15px !important
  }
  #space-directory-link i {
    margin-right:0
  }
  .space-acronym {
    color:#2c3039;
    text-align:center;
    display:inline-block
  }
  .current-space-image {
    margin-right:3px;
    margin-top:3px
  }
  @media (max-width:767px) {
    #space-menu>.title {
    display:none
  }
  #space-menu-dropdown {
    width:300px !important
  }
  }.files,#postFormFiles_list {
    padding-left:0
  }
  ul.files {
    list-style:none;
    margin:0 0 5px;
    padding:0
  }
  ul.files li.file-preview-item {
    padding-left:24px;
    display:none
  }
  ul.files li.file-preview-item .file-fileInfo {
    padding-right:20px
  }
  .contentForm-upload-list {
    padding-left:0
  }
  .contentForm-upload-list li:first-child {
    margin-top:10px
  }
  .file_upload_remove_link,.file_upload_remove_link:hover {
    color:#FC4A64;
    cursor:pointer
  }
  .file-preview-item {
    text-overflow:ellipsis;
    overflow:hidden
  }
  .post-files {
    margin-top:10px;
    margin-bottom:10px
  }
  .post-files video {
    border-radius:4px
  }
  .post-files .jp-audio {
    margin-bottom:10px
  }
  .post-files .col-media {
    padding-left:0 !important;
    padding-right:0 !important
  }
  .post-files img {
    vertical-align:top;
    padding:2px;
    height:auto;
    width:100%;
    object-fit:cover;
    border-radius:4px
  }
  @media (max-width:650px) {
    .post-files img {
    height:auto
  }
  }.post-file-list {
    padding:10px;
    padding-bottom:1px;
    margin-bottom:10px !important
  }
  .post-file-list a,.post-file-list a:active,.post-file-list a:focus,.post-file-list a:hover {
    color:#bd84ff
  }
  #wallStream.mobile .post-files {
    margin-top:10px;
    display:flex;
    overflow-x:auto
  }
  #wallStream.mobile .post-files img {
    max-width:190px;
    height:100px;
    width:auto
  }
  .file-preview-content {
    cursor:pointer
  }
  .image-upload-container {
    position:relative
  }
  .image-upload-container .image-upload-buttons {
    display:none;
    position:absolute;
    right:5px;
    bottom:5px
  }
  .image-upload-container input[type="file"] {
    position:absolute;
    opacity:0
  }
  .image-upload-container .image-upload-loader {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:20px;
    background:#f8f8f8
  }
  .mime {
    background-repeat:no-repeat;
    background-position:0 0;
    padding:1px 0 4px 26px
  }
  .mime-word {
    background-image:url("../img/mime/word.png")
  }
  .mime-excel {
    background-image:url("../img/mime/excel.png")
  }
  .mime-powerpoint {
    background-image:url("../img/mime/powerpoint.png")
  }
  .mime-pdf {
    background-image:url("../img/mime/pdf.png")
  }
  .mime-zip {
    background-image:url("../img/mime/zip.png")
  }
  .mime-image {
    background-image:url("../img/mime/image.png")
  }
  .mime-file {
    background-image:url("../img/mime/file.png")
  }
  .mime-photoshop {
    background-image:url("../img/mime/photoshop.png")
  }
  .mime-illustrator {
    background-image:url("../img/mime/illustrator.png")
  }
  .mime-video {
    background-image:url("../img/mime/video.png")
  }
  .mime-audio {
    background-image:url("../img/mime/audio.png")
  }
  @media (max-width:480px) {
    .jp-current-time {
    margin-left:0 !important
  }
  .jp-audio {
    width:auto !important;
    margin-left:0 !important
  }
  .jp-audio .jp-controls {
    padding:2px 12px 0 !important
  }
  .jp-audio .jp-progress {
    left:3px !important;
    top:45px !important;
    width:200px !important
  }
  .jp-audio .jp-volume-controls {
    position:absolute !important;
    top:15px !important;
    left:170px !important
  }
  .jp-audio .jp-time-holder {
    left:3px !important;
    top:60px !important;
    width:200px !important
  }
  .jp-audio .jp-toggles {
    left:210px !important;
    top:45px !important;
    width:auto !important
  }
  .jp-playlist ul {
    padding:0 0 0 0 !important
  }
  }div.jp-type-playlist div.jp-playlist a.jp-playlist-current,div.jp-type-playlist div.jp-playlist a:hover {
    color:#bd84ff !important
  }
  .jp-details,.jp-playlist {
    border-top:1px solid #bd84ff
  }
  .jp-audio,.jp-audio-stream,.jp-video {
    border:1px solid #bd84ff
  }
  ul.tour-list {
    list-style:none;
    margin-bottom:0;
    padding-left:10px
  }
  ul.tour-list li {
    padding-top:5px
  }
  ul.tour-list li a {
    color:#bd84ff
  }
  ul.tour-list li a .fa {
    width:16px
  }
  ul.tour-list li.completed a {
    text-decoration:line-through;
    color:#a8b2c7
  }
  .atwho-view {
    background:#2c3039;
    color:#a8b2c7
    border:1px solid #212121;
    border-radius:4px;
    box-shadow:0 6px 12px rgba(0,0,0,0.175);
    display:none;
    font-size:14px;
    font-weight:400;
    margin-top:18px;
    min-width:120px;
    max-width:265px;
    padding:5px 0;
    position:absolute;
    top:0;
    left:0;
    z-index:11110 !important
  }
  .atwho-view ul {
    list-style:none;
    margin:auto;
    padding:0
  }
  .atwho-view ul li {
    border-left:3px solid transparent;
    cursor:pointer;
    display:block;
    padding:4px 15px 4px 8px
  }
  .atwho-view ul li.hint {
    background:#2c3039 !important;
    border-left:3px solid transparent !important;
    color:#aeaeae;
    font-size:12px
  }
  .atwho-input.form-control {
    height:auto;
    min-height:36px;
    padding-right:95px;
    word-wrap:break-word
  }
  .atwho-input p {
    padding:0;
    margin:0
  }
  .atwho-placeholder {
    color:#bac2c7 !important
  }
  .atwho-emoji-entry {
    float:left;
    padding:4px !important;
    margin:0 !important;
    border:none !important
  }
  .atwho-emoji-entry:hover,.atwho-emoji-entry:active,.atwho-emoji-entry:focus {
    padding:4px !important;
    margin:0 !important;
    border:none !important;
    background-color:#111111 !important;
    border-radius:3px
  }
  .atwho-view .cur {
    border-left:3px solid #bd84ff;
    background-color:#111111 !important
  }
  .atwho-user,.atwho-space,.atwho-input a {
    color:#bd84ff
  }
  .atwho-input a:hover {
    color:#bd84ff
  }
  .atwho-view strong {
    background-color:#2c30394d3
  }
  .atwho-view .cur strong {
    background-color:#2c30394d3
  }
  .atwho-view small {
    font-size:smaller;
    color:#7a7a7a;
    font-weight:normal
  }
  .atwho-view .cur small {
    color:var(--danger)
  }
  .atwho-view strong,.atwho-view b {
    font-weight:normal
  }
  .atwho-view span {
    padding:5px
  }
  .sk-spinner-three-bounce.sk-spinner {
    margin:0 auto;
    width:70px;
    text-align:center
  }
  .loader {
    padding:30px 0
  }
  .loader .sk-spinner-three-bounce div,.loader .sk-spinner-three-bounce span {
    width:12px;
    height:12px;
    background-color:#bd84ff;
    border-radius:100%;
    display:inline-block;
    animation:sk-threeBounceDelay 1.4s infinite ease-in-out;
    animation-fill-mode:both
  }
  .loader .sk-spinner-three-bounce .sk-bounce1 {
    animation-delay:-0.32s
  }
  .loader .sk-spinner-three-bounce .sk-bounce2 {
    animation-delay:-0.16s
  }
  @keyframes sk-threeBounceDelay {
    0%,80%,100% {
    transform:scale(0)
  }
  40% {
    transform:scale(1)
  }
  }.loader-modal {
    padding:8px 0
  }
  .loader-postform {
    padding:9px 0
  }
  .loader-postform .sk-spinner-three-bounce.sk-spinner {
    text-align:left;
    margin:0
  }
  .md-editor.active {
    border:2px solid #bd84ff !important
  }
  .md-editor textarea {
    padding:10px !important
  }
  .markdown-render,[data-ui-markdown],[data-ui-richtext] {
    line-height:1.57;
    overflow:hidden;
    overflow-wrap:break-word
  }
  .markdown-render h1,[data-ui-markdown] h1,[data-ui-richtext] h1,.markdown-render h2,[data-ui-markdown] h2,[data-ui-richtext] h2,.markdown-render h3,[data-ui-markdown] h3,[data-ui-richtext] h3,.markdown-render h4,[data-ui-markdown] h4,[data-ui-richtext] h4,.markdown-render h5,[data-ui-markdown] h5,[data-ui-richtext] h5,.markdown-render h6,[data-ui-markdown] h6,[data-ui-richtext] h6 {
    margin:1.2em 0 .8em;
    color:#8a94a7;
    font-weight:normal;
    text-align:start
  }
  .markdown-render h1:first-child,[data-ui-markdown] h1:first-child,[data-ui-richtext] h1:first-child,.markdown-render h2:first-child,[data-ui-markdown] h2:first-child,[data-ui-richtext] h2:first-child,.markdown-render h3:first-child,[data-ui-markdown] h3:first-child,[data-ui-richtext] h3:first-child,.markdown-render h4:first-child,[data-ui-markdown] h4:first-child,[data-ui-richtext] h4:first-child,.markdown-render h5:first-child,[data-ui-markdown] h5:first-child,[data-ui-richtext] h5:first-child,.markdown-render h6:first-child,[data-ui-markdown] h6:first-child,[data-ui-richtext] h6:first-child {
    margin:0 0 .8em
  }
  .markdown-render h1,[data-ui-markdown] h1,[data-ui-richtext] h1 {
    font-size:1.7em
  }
  .markdown-render h2,[data-ui-markdown] h2,[data-ui-richtext] h2 {
    font-size:1.5em
  }
  .markdown-render h3,[data-ui-markdown] h3,[data-ui-richtext] h3 {
    font-size:1.2em
  }
  .markdown-render h4,[data-ui-markdown] h4,[data-ui-richtext] h4 {
    font-size:1.1em
  }
  .markdown-render h5,[data-ui-markdown] h5,[data-ui-richtext] h5 {
    font-size:1em
  }
  .markdown-render h6,[data-ui-markdown] h6,[data-ui-richtext] h6 {
    font-size:.85em
  }
  .markdown-render p,[data-ui-markdown] p,[data-ui-richtext] p,.markdown-render pre,[data-ui-markdown] pre,[data-ui-richtext] pre,.markdown-render blockquote,[data-ui-markdown] blockquote,[data-ui-richtext] blockquote,.markdown-render ul,[data-ui-markdown] ul,[data-ui-richtext] ul,.markdown-render ol,[data-ui-markdown] ol,[data-ui-richtext] ol {
    margin:0 0 1.2em
  }
  .markdown-render li ul,[data-ui-markdown] li ul,[data-ui-richtext] li ul,.markdown-render li ol,[data-ui-markdown] li ol,[data-ui-richtext] li ol {
    margin:0
  }
  .markdown-render p:last-child,[data-ui-markdown] p:last-child,[data-ui-richtext] p:last-child {
    margin:0
  }
  .markdown-render pre,[data-ui-markdown] pre,[data-ui-richtext] pre {
    padding:0;
    border:none;
    background-color:#111111
  }
  .markdown-render pre code,[data-ui-markdown] pre code,[data-ui-richtext] pre code {
    background-color:#16181d;
    color:#8a94a7;
  }
  .markdown-render code,[data-ui-markdown] code,[data-ui-richtext] code {
    background-color:#dbf5f8;
    color:#197a88
  }
  .markdown-render blockquote,[data-ui-markdown] blockquote,[data-ui-richtext] blockquote {
    background-color:rgba(128,128,128,0.05);
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    padding:15px 20px;
    font-size:1em;
    border-left:5px solid #1e2025
  }
  .markdown-render dt,[data-ui-markdown] dt,[data-ui-richtext] dt,.markdown-render dd,[data-ui-markdown] dd,[data-ui-richtext] dd {
    margin-top:5px;
    margin-bottom:5px;
    line-height:1.45
  }
  .markdown-render dt,[data-ui-markdown] dt,[data-ui-richtext] dt {
    font-weight:bold
  }
  .markdown-render dd,[data-ui-markdown] dd,[data-ui-richtext] dd {
    margin-left:40px
  }
  .markdown-render pre,[data-ui-markdown] pre,[data-ui-richtext] pre {
    text-align:start;
    border:0;
    padding:10px 20px;
    border-radius:0;
    border-left:2px solid #1e2025
  }
  .markdown-render pre code,[data-ui-markdown] pre code,[data-ui-richtext] pre code {
    white-space:pre !important
  }
  .markdown-render blockquote ul:last-child,[data-ui-markdown] blockquote ul:last-child,[data-ui-richtext] blockquote ul:last-child,.markdown-render blockquote ol:last-child,[data-ui-markdown] blockquote ol:last-child,[data-ui-richtext] blockquote ol:last-child {
    margin-bottom:0
  }
  .markdown-render ul,[data-ui-markdown] ul,[data-ui-richtext] ul,.markdown-render ol,[data-ui-markdown] ol,[data-ui-richtext] ol {
    margin-top:0;
    padding-left:0;
    display:table;
    list-style-position:inside
  }
  .markdown-render ul ul,[data-ui-markdown] ul ul,[data-ui-richtext] ul ul,.markdown-render ol ul,[data-ui-markdown] ol ul,[data-ui-richtext] ol ul,.markdown-render ul ol,[data-ui-markdown] ul ol,[data-ui-richtext] ul ol,.markdown-render ol ol,[data-ui-markdown] ol ol,[data-ui-richtext] ol ol {
    padding-left:30px
  }
  .markdown-render ul li p,[data-ui-markdown] ul li p,[data-ui-richtext] ul li p,.markdown-render ol li p,[data-ui-markdown] ol li p,[data-ui-richtext] ol li p {
    overflow:visible !important
  }
  .markdown-render ul li>p:first-child,[data-ui-markdown] ul li>p:first-child,[data-ui-richtext] ul li>p:first-child,.markdown-render ol li>p:first-child,[data-ui-markdown] ol li>p:first-child,[data-ui-richtext] ol li>p:first-child {
    display:inline
  }
  .markdown-render .footnote,[data-ui-markdown] .footnote,[data-ui-richtext] .footnote {
    vertical-align:top;
    position:relative;
    top:-0.5em;
    font-size:.8em
  }
  .markdown-render .emoji,[data-ui-markdown] .emoji,[data-ui-richtext] .emoji {
    width:16px
  }
  .markdown-render a,[data-ui-markdown] a,[data-ui-richtext] a,.markdown-render a:visited,[data-ui-markdown] a:visited,[data-ui-richtext] a:visited {
    background-color:inherit;
    text-decoration:none;
    color:#bd84ff !important
  }
  .markdown-render a.header-anchor,[data-ui-markdown] a.header-anchor,[data-ui-richtext] a.header-anchor {
    color:#8a94a7 !important
  }
  .markdown-render a.not-found,[data-ui-markdown] a.not-found,[data-ui-richtext] a.not-found {
    color:#FFC107
  }
  .markdown-render li,[data-ui-markdown] li,[data-ui-richtext] li {
    border:0 !important;
    background-color:transparent !important;
    padding:0;
    margin:5px 0
  }
  .markdown-render img:not(.center-block),[data-ui-markdown] img:not(.center-block),[data-ui-richtext] img:not(.center-block) {
    max-width:100%
  }
  .markdown-render img.pull-right,[data-ui-markdown] img.pull-right,[data-ui-richtext] img.pull-right {
    margin:5px 0 0 10px
  }
  .markdown-render img.pull-left,[data-ui-markdown] img.pull-left,[data-ui-richtext] img.pull-left {
    margin:5px 10px 0 0
  }
  .markdown-render img.center-block,[data-ui-markdown] img.center-block,[data-ui-richtext] img.center-block {
    margin-top:5px;
    margin-bottom:5px
  }
  .markdown-render img[width='100%'],[data-ui-markdown] img[width='100%'],[data-ui-richtext] img[width='100%'] {
    border-radius:4px
  }
  .markdown-render table,[data-ui-markdown] table,[data-ui-richtext] table {
    border:1px solid #212121;
    margin-bottom:1.2em !important;
    font-size:1em;
    width:100%
  }
  .markdown-render table tbody,[data-ui-markdown] table tbody,[data-ui-richtext] table tbody {
    vertical-align:top
  }
  .markdown-render table th,[data-ui-markdown] table th,[data-ui-richtext] table th,.markdown-render table td,[data-ui-markdown] table td,[data-ui-richtext] table td {
    border:1px solid #212121 !important;
    box-sizing:border-box;
    position:relative
  }
  .markdown-render table th,[data-ui-markdown] table th,[data-ui-richtext] table th {
    background-color:#1e2025;
    color:#2c3039 !important;
    font-size:1em
  }
  .markdown-render table th p,[data-ui-markdown] table th p,[data-ui-richtext] table th p {
    color:#2c3039 !important
  }
  .markdown-render table td,[data-ui-markdown] table td,[data-ui-richtext] table td {
    padding:15px
  }
  .markdown-render table th,[data-ui-markdown] table th,[data-ui-richtext] table th {
    padding:10px 15px
  }
  @media (max-width:991px) {
    .layout-sidebar-container {
    display:none
  }
  }.ui-widget-header {
    border:none !important;
    background:#2c3039 !important;
    color:#7a7a7a !important;
    font-weight:300 !important
  }
  .ui-widget-content {
    border:1px solid #121212cda !important;
    border-radius:0 !important;
    background:#2c3039;
    color:#1e2025 !important;
    box-shadow:0 6px 6px rgba(0,0,0,0.1)
  }
  .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    opacity:.2
  }
  .ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover {
    background:#2c3039 !important;
    border:none;
    margin:1px
  }
  .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border:none !important;
    background:#111111 !important;
    color:#7a7a7a !important
  }
  .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border:none !important;
    border:1px solid #b2b2b2 !important
  }
  .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
    border:1px solid #bd84ff !important;
    background:#6fd6e4 !important
  }
  .status-bar-body {
    color:#be84ff;
    position:fixed;
    width:100%;
    background-color:rgba(0,0,0,0.7);
    text-align:center;
    padding:20px;
    z-index:9999999;
    bottom:0px;
    display:block;
    line-height:20px
  }
  .status-bar-close {
    color:#be84ff;
    font-weight:bold;
    font-size:21px;
    cursor:pointer
  }
  .status-bar-close:hover {
    color:#be84ff
  }
  .status-bar-close i {
    vertical-align:top !important;
    padding-top:3px
  }
  .status-bar-content i {
    margin-right:10px;
    font-size:21px;
    vertical-align:middle
  }
  .status-bar-content .showMore {
    color:#bd84ff;
    float:right;
    margin-left:10px;
    font-size:.7em;
    cursor:pointer;
    vertical-align:middle;
    white-space:nowrap
  }
  .status-bar-content .status-bar-details {
    text-align:left;
    font-size:.7em;
    margin-top:20px;
    max-height:200px;
    overflow:auto
  }
  .status-bar-content span {
    vertical-align:middle
  }
  .status-bar-content i.error,.status-bar-content i.fatal {
    color:#FC4A64
  }
  .status-bar-content i.warning {
    color:#FFC107
  }
  .status-bar-content i.info,.status-bar-content i.debug {
    color:#bd84ff
  }
  .status-bar-content i.success {
    color:#85CA2B
  }
  .highlight {
    background-color:#bd84ff
  }
  .alert-default {
    color:#1e2025;
    background-color:#16181d;
    border-color:#24262d;
    font-size:13px
  }
  .alert-default .info {
    margin:10px 0
  }
  .alert-success {
    color:#84be5e;
    background-color:#121212;
    border-color:#97d271
  }
  .alert-warning {
    color:#e9b168;
    background-color:#2c3039bf7;
    border-color:#fdd198
  }
  .alert-danger {
    color:#ff8989;
    background-color:#2c30396f6;
    border-color:#ff8989
  }
  .data-saved {
    padding-left:10px;
    color:#bd84ff
  }
  img.bounceIn {
    animation-duration:800ms
  }
  .tags .tag {
    margin-top:5px;
    border-radius:2px;
    padding:4px 8px;
    text-transform:uppercase;
    max-width:150px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
  }
  #user-tags-panel .tags .tag {
    max-width:250px
  }
  .label {
    text-transform:uppercase
  }
  .label {
    text-transform:uppercase;
    display:inline-block;
    padding:3px 5px 4px;
    font-weight:bold;
    font-size:10px;
    color:#ffffff;
    vertical-align:baseline;
    white-space:nowrap;
    text-shadow:none
  }
  .label-default {
    background:#bd84ff;
    color:#fff !important
  }
  a.label-default:hover {
    background:#ff78a5 !important
  }
  .label-info {
    background-color:#bd84ff
  }
  a.label-info:hover {
    background:#73ffc0!important
  }
  .label-danger {
    background-color:#6ff5b9;
    color:#2c3039;
  }
  a.label-danger:hover {
    background:#fc314f !important
  }
  .label-success {
    background-color:#97d271
  }
  a.label-success:hover {
    background:#89cc5e !important
  }
  .label-warning {
    background-color:#FFC107
  }
  a.label-warning:hover {
    background:#ecb100 !important
  }
  .label-light {
    background-color:transparent;
    color:#7a7a7a;
    border:1px solid #bababa
  }
  .topic-label-list,.wall-entry-topics {
    margin-bottom:10px
  }
  .topic-label-list a,.wall-entry-topics a {
    margin-right:4px
  }
  .topic-label-list .label,.wall-entry-topics .label {
    padding:5px;
    border-radius:4px
  }
  .ProsemirrorEditor.fullscreen {
    height:calc(100vh - 3px);
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    z-index:9998
  }
  .ProsemirrorEditor.fullscreen .ProseMirror-menubar-wrapper {
    height:100%
  }
  .ProsemirrorEditor.fullscreen .humhub-ui-richtext {
    max-height:none !important
  }
  .ProsemirrorEditor.fullscreen .ProseMirror {
    height:calc(100% - 26px);
    position:static;
    overflow:auto
  }
  .ProsemirrorEditor.fullscreen .ProseMirror-menubar {
    position:static !important;
    top:0 !important;
    left:0 !important;
    margin:0 !important;
    width:100% !important
  }
  .login-container .ProsemirrorEditor.fullscreen,.modal-dialog .ProsemirrorEditor.fullscreen {
    width:100%;
    height:100%
  }
  .ProsemirrorEditor .ProseMirror {
    padding-right:12px
  }
  .ProsemirrorEditor .ProseMirror.form-control {
    font-size:inherit
  }
  .ProsemirrorEditor .ProseMirror-menu {
    margin:0 -4px;
    line-height:1
  }
  .ProsemirrorEditor .ProseMirror-tooltip .ProseMirror-menu {
    width:fit-content;
    white-space:pre
  }
  .ProsemirrorEditor .ProseMirror-menuitem {
    display:flex;
    margin-right:0
  }
  .ProsemirrorEditor .ProseMirror-menuseparator {
    border-right:1px solid #212121;
    margin-right:1px
  }
  .ProsemirrorEditor .ProseMirror-menubar-wrapper {
    z-index:200
  }
  .ProsemirrorEditor .ProseMirror-menu-group {
    display:flex;
    flex-wrap:wrap;
    min-height:22px
  }
  .ProsemirrorEditor .ProseMirror-menuitem .ProseMirror-menu-group {
    border-right:1px solid #212121
  }
  .ProsemirrorEditor .ProseMirror-menuitem .ProseMirror-menu-group.last {
    border-right:none
  }
  .ProsemirrorEditor .ProseMirror-menuitem .ProseMirror-icon {
    background:transparent
  }
  .ProsemirrorEditor .ProseMirror-menuitem .seperator {
    border-right:1px solid #212121;
    border-radius:0
  }
  .ProsemirrorEditor .ProseMirror-menu-dropdown,.ProsemirrorEditor .ProseMirror-menu-dropdown-menu {
    white-space:nowrap
  }
  @media (max-width:400px) {
    .ProsemirrorEditor .ProseMirror-menu-dropdown,.ProsemirrorEditor .ProseMirror-menu-dropdown-menu {
    white-space:normal !important
  }
  }@media (max-width:768px) {
    .ProsemirrorEditor .ProseMirror-menu-dropdown small,.ProsemirrorEditor .ProseMirror-menu-dropdown-menu small {
    white-space:normal
  }
  }.ProsemirrorEditor .ProseMirror-menu-dropdown {
    cursor:pointer;
    position:relative;
    padding-right:14px !important
  }
  .ProsemirrorEditor .ProseMirror-menu-dropdown-wrap {
    padding:0;
    display:inline-block;
    position:relative
  }
  .ProsemirrorEditor .ProseMirror-menu-dropdown:after {
    content:"";
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid currentColor;
    opacity:.6;
    position:absolute;
    right:4px;
    top:calc(50% - 2px)
  }
  .ProsemirrorEditor .ProseMirror-menu-dropdown-menu,.ProsemirrorEditor .ProseMirror-menu-submenu {
    background:#2c3039;
    border:1px solid #aeaeae;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    color:#1e2025;
    position:absolute
  }
  .ProsemirrorEditor .ProseMirror-menu-dropdown-menu .ProseMirror-menu-active,.ProsemirrorEditor .ProseMirror-menu-submenu .ProseMirror-menu-active {
    background:#16181d;
    border-left:2px solid #bd84ff;
    opacity:1 !important;
    padding:4px 7px 4px 5px
  }
  .ProsemirrorEditor .ProseMirror-menu-dropdown-menu {
    margin-top:2px;
    min-width:6em;
    z-index:15
  }
  .ProsemirrorEditor .ProseMirror-menu-dropdown-item {
    cursor:pointer
  }
  .ProsemirrorEditor .ProseMirror-menu-dropdown-item div[title],.ProsemirrorEditor .ProseMirror-menu-dropdown-item a.ProseMirror-menu-trigger,.ProsemirrorEditor .ProseMirror-menu-submenu-wrap {
    display:block;
    padding:4px 7px
  }
  .ProsemirrorEditor .ProseMirror-menu-dropdown-item:hover {
    background:#111111
  }
  .ProsemirrorEditor .ProseMirror-menu-submenu-wrap {
    position:relative
  }
  .ProsemirrorEditor .ProseMirror-menu-submenu-label:after {
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
    border-left:4px solid currentColor;
    content:"";
    opacity:.6;
    position:absolute;
    right:4px;
    top:calc(50% - 4px)
  }
  .ProsemirrorEditor .ProseMirror-menu-submenu {
    background:#2c3039;
    border-top-right-radius:4px;
    display:none;
    min-width:4em;
    left:100%;
    top:0
  }
  .ProsemirrorEditor .ProseMirror-menu-disabled {
    opacity:.5
  }
  .ProsemirrorEditor .ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu,.ProsemirrorEditor .ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu {
    display:block
  }
  .ProsemirrorEditor .ProseMirror-icon {
    border:1px solid transparent;
    border-radius:4px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:28px;
    padding:0 5px
  }
  .ProsemirrorEditor .ProseMirror-icon.ProseMirror-menu-active {
    border-color:#bac2c7
  }
  .ProsemirrorEditor .ProseMirror-icon.ProseMirror-menu-tableOption svg,.ProsemirrorEditor .ProseMirror-icon.ProseMirror-menu-insertEmoji svg {
    padding-top:1px;
    padding-left:1px
  }
  .ProsemirrorEditor .ProseMirror-menu-disabled.ProseMirror-icon {
    cursor:default
  }
  .ProsemirrorEditor .ProseMirror-icon svg {
    fill:currentColor;
    height:20px
  }
  .ProsemirrorEditor .ProseMirror-icon span {
    vertical-align:text-top
  }
  .ProsemirrorEditor .ProseMirror-editor-source {
    border:2px solid #24262d;
    border-radius:0 4px 4px 4px;
    box-sizing:border-box;
    display:block;
    min-height:36px;
    resize:none;
    overflow:auto;
    outline:none;
    padding:7px 12px;
    width:100%
  }
  .ProsemirrorEditor .ProseMirror-editor-source:focus {
    border:2px solid #bd84ff
  }
  .ProsemirrorEditor.plainMenu .ProseMirror {
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
    border-top-width:1px !important;
    min-height:100px
  }
  .ProsemirrorEditor.plainMenu .ProseMirror-menu-group,.ProsemirrorEditor.plainMenu .ProseMirror-menuitem .ProseMirror-menu-group {
    padding:2px
  }
  .ProsemirrorEditor.plainMenu .ProseMirror-menubar~.ProseMirror-focused {
    border-color:#bd84ff !important
  }
  .ProsemirrorEditor.plainMenu .ProseMirror-textblock-dropdown {
    min-width:3em
  }
  .ProsemirrorEditor.plainMenu .ProseMirror-menubar-wrapper {
    z-index:8
  }
  .ProsemirrorEditor.plainMenu .ProseMirror-menubar {
    background:#be84ff;
    border:1px solid #212121;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    box-sizing:border-box;
    color:#a8b2c7
    position:relative;
    min-height:1em;
    overflow:visible;
    padding:2px 0;
    top:0;
    left:0;
    right:0;
    z-index:10
  }
  .ProsemirrorEditor.focusMenu .form-control:focus {
    border-top-left-radius:0 !important
  }
  .ProsemirrorEditor.focusMenu .ProseMirror-menubar {
    background:#be84ff;
    border:1px solid #aeaeae;
    border-bottom:0;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    box-sizing:border-box;
    color:#a8b2c7
    float:left;
    margin-top:-27px;
    min-height:1em;
    overflow:visible;
    padding:2px 0;
    position:relative;
    top:0;
    left:0;
    right:0;
    z-index:10
  }
  .ProsemirrorEditor .ProseMirror {
    position:relative;
    word-wrap:break-word;
    white-space:pre-wrap;
    font-variant-ligatures:none
  }
  .ProsemirrorEditor .ProseMirror ul,.ProsemirrorEditor .ProseMirror ol {
    cursor:default
  }
  .ProsemirrorEditor .ProseMirror pre {
    white-space:pre-wrap
  }
  .ProsemirrorEditor .ProseMirror li {
    position:relative
  }
  .ProsemirrorEditor .ProseMirror img {
    max-width:100%
  }
  .ProsemirrorEditor .ProseMirror-hideselection *::selection {
    background:transparent
  }
  .ProsemirrorEditor .ProseMirror-selectednode {
    outline:2px dashed #85dce8
  }
  .ProsemirrorEditor li.ProseMirror-selectednode {
    outline:none
  }
  .ProsemirrorEditor li.ProseMirror-selectednode:after {
    content:"";
    position:absolute;
    left:-32px;
    right:-2px;
    top:-2px;
    bottom:-2px;
    border:2px solid #85dce8;
    pointer-events:none
  }
  .ProsemirrorEditor .ProseMirror-textblock-dropdown {
    min-width:3em
  }
  .ProsemirrorEditor .ProseMirror-menu {
    margin:0 -4px;
    line-height:1
  }
  .ProsemirrorEditor .ProseMirror-tooltip .ProseMirror-menu {
    width:fit-content;
    white-space:pre
  }
  .ProsemirrorEditor .ProseMirror-gapcursor {
    display:none;
    pointer-events:none;
    position:absolute
  }
  .ProsemirrorEditor .ProseMirror-gapcursor:after {
    content:"";
    display:block;
    position:absolute;
    top:-2px;
    width:20px;
    border-top:1px solid #be84ff;
    animation:ProseMirror-cursor-blink 1.1s steps(2,start) infinite
  }
  @keyframes ProseMirror-cursor-blink {
    to {
    visibility:hidden
  }
  }.ProsemirrorEditor .ProseMirror-focused .ProseMirror-gapcursor {
    display:block
  }
  .ProsemirrorEditor .ProseMirror-example-setup-style hr {
    padding:2px 10px;
    border:none;
    margin:1em 0
  }
  .ProsemirrorEditor .ProseMirror-example-setup-style hr:after {
    content:"";
    display:block;
    height:1px;
    background-color:silver;
    line-height:2px
  }
  .ProsemirrorEditor .ProseMirror-example-setup-style img {
    cursor:default
  }
  .ProsemirrorEditor .ProseMirror p {
    margin-top:1.2em
  }
  .ProsemirrorEditor .ProseMirror p:first-child {
    margin:0
  }
  .ProsemirrorEditor .ProseMirror>p:first-child+* {
    margin-top:1.2em
  }
  .ProsemirrorEditor .ProsemirrorEditor {
    position:relative
  }
  .ProsemirrorEditor .ProsemirrorEditor .ProseMirror {
    padding-right:12px !important
  }
  .ProsemirrorEditor .ProsemirrorEditor img {
    max-width:100%
  }
  .ProsemirrorEditor .ProseMirror h1:first-child,.ProsemirrorEditor .ProseMirror h2:first-child,.ProsemirrorEditor .ProseMirror h3:first-child,.ProsemirrorEditor .ProseMirror h4:first-child,.ProsemirrorEditor .ProseMirror h5:first-child,.ProsemirrorEditor .ProseMirror h6:first-child {
    margin-top:10px
  }
  .ProsemirrorEditor .ProseMirror [data-mention] {
    color:#bd84ff
  }
  .ProsemirrorEditor .ProseMirror {
    outline:none
  }
  .ProsemirrorEditor .ProseMirror [data-oembed] {
    font-size:0
  }
  .ProsemirrorEditor .ProseMirror iframe {
    pointer-events:none;
    display:block
  }
  .ProsemirrorEditor .ProseMirror p {
    margin-bottom:1em
  }
  .ProsemirrorEditor .ProseMirror-textblock-dropdown {
    min-width:3em
  }
  .ProsemirrorEditor .ProseMirror .placeholder {
    padding:0 !important;
    pointer-events:none;
    height:0
  }
  .ProsemirrorEditor .ProseMirror:focus .placeholder {
    display:none
  }
  .ProsemirrorEditor .ProseMirror .tableWrapper {
    overflow-x:auto
  }
  .ProsemirrorEditor .ProseMirror .column-resize-handle {
    background-color:#b0e8f0;
    pointer-events:none;
    position:absolute;
    right:-2px;
    top:0;
    bottom:0;
    width:4px;
    z-index:20
  }
  .ProsemirrorEditor .ProseMirror.resize-cursor {
    cursor:ew-resize;
    cursor:col-resize
  }
  .ProsemirrorEditor .ProseMirror .selectedCell:after {
    background:rgba(200,255,255,0.4);
    content:"";
    pointer-events:none;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:2
  }
  .ProsemirrorEditor .ProseMirror-menubar-wrapper {
    position:relative;
    outline:none
  }
  .ProsemirrorEditor .ProseMirror table {
    margin:0
  }
  .ProsemirrorEditor .ProseMirror .tableWrapper {
    margin:1em 0
  }
  .ProseMirror-prompt {
    background:#be84ff;
    border:1px solid silver;
    border-radius:3px;
    box-shadow:-0.5px 2px 5px rgba(0,0,0,0.2);
    padding:5px 10px 5px 15px;
    position:fixed;
    min-width:300px;
    z-index:999999
  }
  .ProseMirror-prompt h5 {
    font-weight:bold;
    font-size:100%;
    margin:15px 0
  }
  .ProseMirror-prompt input {
    margin-bottom:5px
  }
  .ProseMirror-prompt-close {
    background:transparent;
    color:#a8b2c7
    padding:0;
    position:absolute;
    left:2px;
    top:1px;
    border:none
  }
  .ProseMirror-prompt-close:after {
    content:"✕";
    font-size:12px
  }
  .ProseMirror-invalid {
    background:#2c30394d3;
    border:1px solid #ffce3a;
    border-radius:4px;
    padding:5px 10px;
    position:absolute;
    min-width:10em
  }
  .ProseMirror-prompt-buttons {
    margin:15px 0;
    text-align:center
  }
  .atwho-view .cur {
    border-left:3px solid #85dce8;
    background-color:#111111 !important
  }
  .atwho-user,.atwho-space,.atwho-input a {
    color:#bd84ff
  }
  .atwho-input a:hover {
    color:#bd84ff
  }
  .atwho-view strong {
    background-color:#2c30394d3
  }
  .atwho-view .cur strong {
    background-color:#2c30394d3
  }
  [data-emoji-category] {
    max-height:200px;
    display:block;
    position:relative;
    overflow:auto
  }
  [data-emoji-category] .atwho-emoji-entry {
    width:24px;
    height:28px;
    overflow:hidden
  }
  [data-emoji-category] .atwho-emoji-entry.cur {
    background-color:#373c48 !important
  }
  .emoji-nav {
    padding-top:10px
  }
  
  .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #ffffff;
    cursor: not-allowed;
    background-color: #24262d;
    border-color: #24262d;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff!important;
    text-decoration: none;
    background-color: #24262d;
    border: 1px solid #24262d;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color: #fff!important;
    background-color: #bd84ff;
    border-color: #bd84ff;
}



  .emoji-nav .emoji-nav-item {
    border-top:2px solid #2c3039
  }
  .emoji-nav .emoji-nav-item.cur {
    border-left:0;
    border-top:2px solid #bd84ff
  }
  [data-ui-markdown],[data-ui-richtext] {
    overflow-x:auto;
    overflow-wrap:break-word
  }
  [data-ui-markdown] a,[data-ui-richtext] a {
    color:#bd84ff
  }
  #wallStream [data-ui-markdown],#wallStream [data-ui-richtext] {
    overflow-wrap:initial;
    word-break:initial;
    hyphens:initial
  }
  @media screen and (max-width:460px) {
    .ProsemirrorEditor .ProseMirror-menu-dropdown-right {
    right:0
  }
  }@media screen and (max-width:768px) {
    .ProsemirrorEditor.focusMenu .form-control:focus {
    border-top-right-radius:0 !important
  }
  .ProsemirrorEditor.focusMenu .ProseMirror-menubar {
    min-height:1em;
    margin-top:0
  }
  .ProsemirrorEditor.focusMenu .humhub-ui-richtext {
    margin-top:0
  }
  }@media only screen and (max-width:768px) {
    body {
    padding-top:52px
  }
  #layout-content .left-navigation .list-group {
    -webkit-overflow-scrolling:auto;
    white-space:nowrap;
    overflow-x:auto
  }
  #layout-content .left-navigation .list-group::-webkit-scrollbar {
    -webkit-appearance:none
  }
  #layout-content .left-navigation .list-group::-webkit-scrollbar:vertical {
    width:8px
  }
  #layout-content .left-navigation .list-group::-webkit-scrollbar:horizontal {
    height:8px
  }
  #layout-content .left-navigation .list-group::-webkit-scrollbar-thumb {
    background-color:rgba(0,0,0,0.5);
    border-radius:10px;
    border:2px solid #2c3039fff
  }
  #layout-content .left-navigation .list-group::-webkit-scrollbar-track {
    border-radius:10px;
    background-color:#2c3039fff
  }
  #layout-content .table-responsive::-webkit-scrollbar {
    -webkit-appearance:none
  }
  #layout-content .table-responsive::-webkit-scrollbar:vertical {
    width:8px
  }
  #layout-content .table-responsive::-webkit-scrollbar:horizontal {
    height:8px
  }
  #layout-content .table-responsive::-webkit-scrollbar-thumb {
    background-color:rgba(0,0,0,0.5);
    border-radius:10px;
    border:2px solid #2c3039fff
  }
  #layout-content .table-responsive::-webkit-scrollbar-track {
    border-radius:10px;
    background-color:#2c3039fff
  }
  #layout-content .panel {
    margin-bottom:5px
  }
  #layout-content .panel .statistics .entry {
    margin-left:10px
  }
  #layout-content>.container {
    padding-right:2px !important;
    padding-left:2px !important;
    overflow-x:hidden
  }
  #layout-content .layout-nav-container .panel-heading {
    display:none
  }
  #layout-content .panel-profile-header #profilefileupload,#layout-content .panel-profile-header .profile-user-photo-container,#layout-content .panel-profile-header .space-acronym {
    height:100px !important;
    width:100px !important
  }
  #layout-content .panel-profile-header .profile-user-photo {
    height:80px !important;
    width:80px !important;
   border-radius: 50%;
  }
  #layout-content .image-upload-container .image-upload-buttons {
    right:2px !important
  }
  #layout-content .panel-profile .panel-profile-header .img-profile-header-background {
    min-height:80px !important
  }
  #layout-content .panel-profile .panel-profile-header .img-profile-data {
    padding-top:50px !important;
    padding-left:130px
  }
  .modal-dialog {
    width:calc(100vw - 4px) !important;
    padding:0 !important;
    margin:2px !important
  }
  .dropdown-menu>li a,.nav-pills .dropdown-menu li a,.nav-tabs .dropdown-menu li a,.account .dropdown-menu li a,.modal .dropdown-menu li a,.panel .dropdown-menu li a,.nav-tabs .dropdown-menu li a {
    padding-top:10px;
    padding-bottom:10px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
  }
  .dropdown-menu {
    max-width:260px
  }
  select.form-control:not([multiple]) {
    padding-right:23px;
    width:auto
  }
  .modal.in {
    padding-right:0 !important
  }
  .load-suppressed {
    margin-top:-8px;
    margin-bottom:5px
  }
  .ProsemirrorEditor .ProseMirror-menuitem {
    font-size:1.2em !important
  }
  }.icon-sm,.fa-sm {
    font-size:.875em
  }
  .icon-lg,.fa-lg {
    font-size:1.33333em;
    line-height:.75em;
    vertical-align:-0.0667em
  }
  .icon-2x,.fa-2x {
    font-size:2em
  }
  .icon-3x,.fa-3x {
    font-size:3em
  }
  .icon-4x,.fa-4x {
    font-size:4em
  }
  .icon-5x,.fa-5x {
    font-size:5em
  }
  .icon-6x,.fa-6x {
    font-size:6em
  }
  .icon-7x,.fa-7x {
    font-size:7em
  }
  .icon-9x,.fa-9x {
    font-size:9em
  }
  .icon-10x,.fa-10x {
    font-size:10em
  }
  @media print {
    a[href]:after {
    content:none
  }
  body {
    padding-top:0
  }
  pre,blockquote {
    page-break-inside:avoid
  }
  .preferences,.layout-sidebar-container,.layout-nav-container,button {
    display:none !important
  }
  }@media (min-width:500px) {
    .container-cards.container-fluid .card {
    width:50%
  }
  }@media (min-width:1000px) {
    .container-cards.container-fluid .card {
    width:33.33333333%
  }
  }@media (min-width:1300px) {
    .container-cards.container-fluid .card {
    width:25%
  }
  }@media (min-width:1600px) {
    .container-cards.container-fluid .card {
    width:20%
  }
  }@media (min-width:1900px) {
    .container-cards.container-fluid .card {
    width:16.66666667%
  }
  }.container-cards .form-search .row>div {
    padding-bottom:3px
  }
  .container-cards .form-search .form-search-filter-keyword {
    position:relative
  }
  .container-cards .form-search .form-search-filter-keyword .form-button-search {
    position:absolute;
    right:18px
  }
  .container-cards .form-search .form-control.form-search-filter {
    width:100%;
    height:40px;
    margin:3px 0 0;
    padding:8px 30px 10px 8px;
    border-radius:4px;
    border:solid 1px #c5c5c5
  }
  .container-cards .form-search .form-button-search {
    background:none;
    border:0;
    font-size:16px;
    color:#8a94a7;
    top:initial;
    bottom:9px
  }
  .container-cards .form-search .form-search-field-info {
    font-size:80%
  }
  .container-cards .form-search-reset {
    text-decoration:underline;
    display:block;
    margin-top:26px
  }
  .container-cards .form-search-reset:hover {
    text-decoration:none
  }
  .container-cards .form-search-filter-tags {
    padding-top:21px
  }
  .container-cards .form-search-filter-tags button {
    margin:10px 10px 0 0
  }
  .container-cards .form-search-filter-tags .btn {
    padding-left:16px;
    padding-right:16px
  }
  .container-cards .form-search-filter-tags .btn:not(.active) {
    padding:3px 14px
  }
  .container-cards .form-search-filter-tags .btn.btn-primary {
    border:1px solid #1e2025
  }
  .container-cards .form-search-filter-tags .btn.btn-primary.active,.container-cards .form-search-filter-tags .btn.btn-primary:not(.active):hover {
    background:#1e2025 !important;
    color:#2c3039 !important
  }
  .container-cards .form-search-filter-tags .btn.btn-primary:not(.active) {
    background:#2c3039;
    color:#1e2025 !important
  }
  .container-cards .directory-filters-footer {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    margin:30px -10px -10px;
    padding:20px 5px;
    color:#1e2025;
    border-radius:0 0 4px 4px;
    font-size:14px
  }
  .container-cards .directory-filters-footer.directory-filters-footer-warning {
    background:#FFC107
  }
  .container-cards .directory-filters-footer.directory-filters-footer-info {
    background:#d9edf7;
    border:1px solid #bce8f1
  }
  .container-cards .directory-filters-footer .filter-footer-icon {
    font-size:35px;
    line-height:25px;
    text-align:center;
    color:#1e2025;
    background:#2c3039;
    height:25px;
    border-radius:50%;
    margin-right:32px;
    vertical-align:middle
  }
  .container-cards .cards {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap
  }
  .container-cards .cards-no-results {
    color:#1e2025;
    font-size:16px;
    line-height:34px
  }
  .container-cards .card {
    display:flex;
    flex-direction:row
  }
  .container-cards .card .card-panel {
    position:relative;
    width:100%;
    display:flex;
    flex-direction:column;
    margin:15px 0;
    border-radius:4px;
    background-color:#2c3039;
  }
  .container-cards .card .card-panel.card-archived {
    filter:opacity(60%)
  }
  .container-cards .card .card-icons .fa {
    color:#bd84ff
  }
  .container-cards .card .card-icons .fa span {
    font:12px 'Open Sans',sans-serif;
    font-weight:bold
  }
  .container-cards .card .card-bg-image {
    width:100%;
    height:86px;
    background-color:#cfcfcf;
    background-size:cover;
    background-position:center;
    border-radius:4px 4px 0 0
  }
  .container-cards .card .card-status {
    font-size:13px;
    font-weight:bold;
    padding:5px 12px;
    color:#2c3039;
    min-height:30px;
    max-height:30px
  }
  .container-cards .card .card-status.card-status-professional {
    background:#415F6E
  }
  .container-cards .card .card-status.card-status-official,.container-cards .card .card-status.card-status-partner {
    background:#90A1AA
  }
  .container-cards .card .card-status.card-status-deprecated {
    background:#EB0000
  }
  .container-cards .card .card-status.card-status-featured {
    background:#1e2025
  }
  .container-cards .card .card-status.card-status-new {
    background:#bd84ff
  }
  .container-cards .card .card-header {
    position:absolute;
    padding:16px;
    display:table;
    width:100%
  }
  .container-cards .card .card-header .card-image-wrapper {
    display:table-cell;
    width:98px
  }
  .container-cards .card .card-header .card-image-link {
    display:inline-block;
    border:2px solid #2c3039;
    border-radius:6px
  }
  .container-cards .card .card-header .card-status {
    position:absolute;
    right:16px;
    background:#1e2025
  }
  .container-cards .card .card-header .card-icons {
    display:table-cell;
    padding:0 0 2px 5px;
    text-align:right;
    vertical-align:bottom;
    font-size:16px
  }
  .container-cards .card .card-header .card-icons .fa {
    color:#bd84ff
  }
  .container-cards .card .card-header .card-icons .fa.fa-mobile-phone {
    font-size:22px;
    line-height:15px;
    position:relative;
    top:2px
  }
  .container-cards .card .card-status-none+.card-header {
    border-radius:4px 4px 0 0
  }
  .container-cards .card .card-body {
    flex-grow:1;
    padding:44px 16px 24px 16px;
    overflow:auto
  }
  .container-cards .card .card-body .card-title {
    font-size:16px;
    font-weight:bold;
    line-height:24px
  }
  .container-cards .card .card-body .card-details {
    margin-top:8px;
    color: #8a94a7
  }
  
#mail-filter-root{display:none!important}
  .container-cards .card .card-body .card-details a {
    color:#bd84ff;
    text-decoration:underline
  }
  .container-cards .card .card-body .card-details a:hover {
    text-decoration:none
  }
  .container-cards .card .card-body .card-tags {
    margin-top:20px
  }
  .container-cards .card .card-footer {
    padding:0 16px 20px
  }
  .container-cards .card .card-footer a.btn {
    float:left;
    margin:0 8px 4px 0;
    white-space:normal;
    hyphens:none
  }
  .container-cards .card .card-footer a.btn:last-child {
    margin-right:0
  }
  .container-cards .card .card-footer .btn-group a.btn {
    margin-right:0
  }
  .container-modules .modules-type {
    font-size:16px;
    font-weight:bold;
    color:#1e2025;
    margin:70px 0 40px
  }
  .container-modules .row.cards {
    margin-top:40px
  }
  .container-modules .card-module .card-panel {
    background:none;
    overflow:hidden
  }
  .container-modules .card-module .card-panel>div:not(.card-status) {
    background-color:#2c3039fff
  }
  .container-modules .card-module .card-header {
    position:relative
  }
  .container-modules .card-module .card-body {
    padding-top:8px;
    font-size:13px;
    color:#6C787E
  }
  .container-modules .card-module .card-body>div {
    padding-bottom:8px
  }
  .container-modules .card-module .card-body>div:last-child {
    padding-bottom:0
  }
  .container-modules .card-module .card-title {
    color:#1e2025
  }
  .container-modules .card-module .card-footer {
    padding-bottom:14px
  }
  .container-modules .card-module .card-footer a.btn {
    float:none
  }
  .container-modules .card-module .card-footer.text-right a.btn {
    margin-left:8px;
    margin-right:0
  }
  .container-modules .card-module .card-footer.text-right a.btn:first-child {
    margin-left:0
  }
  .container-modules .marketplace-settings-dropdown {
    float:right;
    list-style:none
  }
  .container-modules .marketplace-settings-dropdown .dropdown-toggle {
    color:#02A1B1;
    font-size:22px;
    line-height:20px;
    margin:2px
  }
  .container-modules .marketplace-settings-dropdown .dropdown-toggle:hover {
    color:#ff7da9;
  }
  @media (max-width:460px) {
    .container-modules .card {
    width:100%
  }
  }.container-content-modules {
    width:100%;
    padding:0 18px 5px 5px
  }
  .container-content-modules h4 {
    font-size:16px;
    color:#1e2025
  }
  .container-content-modules .card {
    width:100%;
    padding-right:3px
  }
  .container-content-modules .card .card-panel {
    margin-top:3px
  }
  @media (min-width:460px) {
    .container-content-modules .card {
    width:50%
  }
  }@media (min-width:656px) {
    .container-content-modules .card {
    width:33.33333333%
  }
  }@media (min-width:768px) {
    .container-content-modules {
    padding:0 12px 5px 0
  }
  }@media (min-width:1200px) {
    .container-content-modules .card {
    width:25%
  }
  }@media (min-width:460px) {
    .container-content-modules.container-content-modules-col-3 .card {
    width:50%
  }
  }@media (min-width:656px) {
    .container-content-modules.container-content-modules-col-3 .card {
    width:33.33333333%
  }
  }.container-create-space-modules.container-cards {
    width:100%;
    padding:0
  }
  .container-create-space-modules.container-cards .row.cards {
    margin-top:0
  }
  .container-create-space-modules.container-cards .card .card-panel>div {
    background:#F5F5F5
  }
  @media (min-width:500px) {
    .container-modules.container-fluid .container-module-updates .card {
    width:33.33333333%
  }
  }@media (min-width:1000px) {
    .container-modules.container-fluid .container-module-updates .card {
    width:25%
  }
  }@media (min-width:1300px) {
    .container-modules.container-fluid .container-module-updates .card {
    width:20%
  }
  }@media (min-width:1600px) {
    .container-modules.container-fluid .container-module-updates .card {
    width:16.66666667%
  }
  }@media (min-width:1900px) {
    .container-modules.container-fluid .container-module-updates .card {
    width:12.5%
  }
  }.container-module-updates {
    background:#1e2025;
    margin-top:30px;
    padding:16px 10px 2px;
    border-radius:4px
  }
  .container-module-updates .row.cards {
    margin-right:-1px;
    margin-top:0
  }
  .container-module-updates .modules-type {
    color:#2c3039FFF;
    margin:10px 0 30px
  }
  .container-module-updates .card {
    padding-right:1px
  }
  .container-module-updates .card .card-panel {
    color:#2c3039;
    margin-top:0
  }
  .container-module-updates .card .card-panel>div:not(.card-status) {
    background:#30444f
  }
  .container-module-updates .card .card-panel .card-header {
    padding:12px
  }
  .container-module-updates .card .card-panel .card-body {
    padding:4px 12px 20px;
    color:#2c3039
  }
  .container-module-updates .card .card-panel .card-body .card-title {
    color:#2c3039;
    font-size:14px
  }
  .container-module-updates .card .card-panel .card-footer {
    padding:0 12px 12px
  }
  .container-module-updates .card .card-panel .card-footer .btn-info {
    border-radius:4px;
    color:#1e2025 !important
  }
  .container-module-updates .card .card-panel .card-footer .btn-info.active {
    border-color:#2c3039
  }
  .container-module-updates .card .card-panel .card-footer .btn-info:not(.active) {
    padding:0 4px;
    border:1px solid #2c3039;
    background:#30444f;
    color:#2c3039 !important
  }
  .container-module-updates .card .card-panel .card-footer .btn-info:not(.active):hover,.container-module-updates .card .card-panel .card-footer .btn-info:not(.active):active {
    background:#1e2025 !important
  }
  .container-module-updates .card .card-panel .card-footer .btn-info[data-update-status=failed] {
    border-color:#fc314f
  }
  .modules-group {
    margin-bottom:25px;
    padding:6px
  }
  .modules-group>strong {
    display:block;
    margin-bottom:13px
  }
  .modules-group .module-row {
    border-top:1px solid #121212;
    margin:0 0 16px 0
  }
  .modules-group .module-row>div {
    padding-top:16px
  }
  .modules-group .module-row>div small {
    color:#aeaeae
  }
  .modules-group .module-row .module-icon {
    text-align:center;
    padding-left:6px
  }
  .modules-group .module-row .module-actions {
    white-space:nowrap;
    text-align:right;
    padding-right:0
  }
  .modules-group .module-row .module-actions .btn:not(:first-child) {
    margin-left:14px
  }
  .modules-updates-info {
    border-radius:3px;
    border:1px solid var(--border-color-warning);
    background:var(--background-color-warning);
    color:var(--text-color-warning);
    padding:14px 20px 14px 25px;
    margin:20px 10px 10px;
    font-size:11px;
    line-height:20px
  }
  .modules-updates-info strong {
    font-size:13px
  }
  .modules-updates-info .btn {
    margin-top:8px
  }
  #dropdown-search.dropdown-menu {
    left:auto;
    right:0;
    max-width:100%;
    min-width:400px;
    padding:0;
    border:none;
    border-radius:8px;
    box-shadow:0 0 8px #b2b2b2;
    top:115%
  }
  #dropdown-search.dropdown-menu .dropdown-header {
    font-size:20px;
    font-weight:bold;
    color:#8a94a7;
    padding:24px 24px 16px;
    margin:0;
    flex:0 0 auto
  }
  #dropdown-search.dropdown-menu .dropdown-header .arrow {
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:8px;
    right:10px;
    margin-left:-18px;
    border-top-width:0;
    border-bottom-color:#b2b2b2;
    top:-8px;
    z-index:1035
  }
  #dropdown-search.dropdown-menu .dropdown-header .arrow:after {
    position:absolute;
    border-color:transparent;
    border-style:solid;
    border-width:8px;
    content:" ";
    top:1px;
    margin-left:-8px;
    border-top-width:0;
    border-bottom-color:#2c3039;
    z-index:1035
  }
  #dropdown-search.dropdown-menu .dropdown-header #dropdown-search-close {
    float:right;
    font-size:18px;
    cursor:pointer
  }
  #dropdown-search.dropdown-menu .dropdown-search-form {
    position:relative;
    padding:0 16px 16px;
    flex:0 1 auto
  }
  #dropdown-search.dropdown-menu .dropdown-search-form .dropdown-search-keyword {
    background:#16181d;
    border-color:#16181d;
    border-radius:6px;
    padding-left:32px;
    font-weight:500
  }
  #dropdown-search.dropdown-menu .dropdown-search-form .dropdown-search-keyword:-webkit-autofill,#dropdown-search.dropdown-menu .dropdown-search-form .dropdown-search-keyword:-webkit-autofill:hover,#dropdown-search.dropdown-menu .dropdown-search-form .dropdown-search-keyword:-webkit-autofill:focus,#dropdown-search.dropdown-menu .dropdown-search-form .dropdown-search-keyword:-webkit-autofill:active {
    -webkit-text-fill-color:#7a7a7a !important;
    -webkit-box-shadow:0 0 0 30px #111111 inset !important
  }
  #dropdown-search.dropdown-menu .dropdown-search-form .dropdown-search-button {
    position:absolute;
    padding:5px 10px;
    background:none;
    border:0;
    font-size:16px;
    font-weight:bold;
    color:#7a7a7a !important
  }
  #dropdown-search.dropdown-menu .dropdown-search-form .dropdown-search-button:active {
    box-shadow:none
  }
  #dropdown-search.dropdown-menu .dropdown-search-list {
    list-style:none;
    padding:0 16px 24px;
    display:none;
    flex:0 1 auto
  }
  #dropdown-search.dropdown-menu .dropdown-search-list>li:first-child {
    margin-top:0;
    padding-top:0
  }
  #dropdown-search.dropdown-menu .search-provider {
    display:none;
    padding-top:16px
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-title {
    padding:8px;
    font-weight:bold;
    font-size:18px;
    color:#1e2025
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-title>span {
    font-size:14px
  }
  #dropdown-search.dropdown-menu .search-provider:hover {
    color:inherit
  }
  #dropdown-search.dropdown-menu .search-provider.provider-searched {
    display:block
  }
  #dropdown-search.dropdown-menu .search-provider.provider-searching .search-provider-title,#dropdown-search.dropdown-menu .search-provider.provider-searching .search-provider-content {
    float:left
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-content>.loader {
    margin-top:8px
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-content a.search-provider-record {
    display:flex;
    align-items:center;
    padding:8px
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-content a.search-provider-record:hover,#dropdown-search.dropdown-menu .search-provider .search-provider-content a.search-provider-record:focus {
    background:#16181d;
    border-radius:3px;
    outline:none
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-content a.search-provider-record .search-provider-record-image {
    width:36px;
    flex:0 0 36px
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-content a.search-provider-record .search-provider-record-image>i.fa {
    font-size:25px;
    color:#bd84ff;
    background:#16181d;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    margin:0
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-content a.search-provider-record .search-provider-record-text {
    padding-left:16px;
    flex:1;
    min-width:0
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-content a.search-provider-record .search-provider-record-text>span {
    display:block;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-content a.search-provider-record .search-provider-record-text>span:first-child {
    font-size:14px;
    font-weight:500
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-content a.search-provider-record .search-provider-record-text>span:last-child {
    font-size:12px;
    font-weight:400;
    color:#a8b2c7
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-no-results {
    padding:8px
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-actions {
    padding:16px 8px 0
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-actions .btn {
    width:100%;
    font-size:12px;
    color:#a8b2c7 !important;
    background:#16181d;
    border-radius:4px
  }
  #dropdown-search.dropdown-menu .search-provider .search-provider-actions .btn:hover,#dropdown-search.dropdown-menu .search-provider .search-provider-actions .btn:active,#dropdown-search.dropdown-menu .search-provider .search-provider-actions .btn:focus {
    background:#212121;
    box-shadow:none
  }
  .open>#dropdown-search.dropdown-menu {
    display:flex;
    flex-direction:column
  }
  .dropdown.search-menu .dropdown-backdrop {
    background:rgba(0,0,0,0.15)
  }
  .dropdown.search-menu.open #search-menu {
    background:#2c3039;
    border-bottom:3px solid #bd84ff;
    z-index:1000;
    position:relative
  }
  @media (max-width:440px) {
    .dropdown.search-menu {
    position:initial
  }
  #dropdown-search.dropdown-menu {
    width:100%;
    min-width:initial
  }
  #dropdown-search.dropdown-menu .dropdown-header .arrow {
    right:25px
  }
  }.search-results-header {
    color:#1e2025;
    font-size:12px;
    line-height:1.5;
    padding:10px 0 15px;
    margin-bottom:10px;
    border-bottom:1px solid #212121
  }
  /*! Select2 humhub Theme v0.1.0-beta.4 | MIT License | github.com/select2/select2-humhub-theme */.select2-container--humhub {
    display:block
  }
  .select2-container--humhub .picker-color {
    display:inline-block;
    width:16px;
    height:16px;
    border-radius:4px;
    position:relative;
    top:3px
  }
  .select2-container--humhub .select2-selection {
    background-color:#24262d;
    border:2px solid #24262d;
    border-radius:4px;
    color:#8a94a7;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    outline:0;
    min-height:35px
  }
  .select2-container--humhub .select2-search--dropdown .select2-search__field {
    background-color:#2c3039;
    border:2px solid #24262d;
    border-radius:4px;
    color:#8a94a7;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px
  }
  .select2-container--humhub .select2-search__field {
    outline:0
  }
  .select2-container--humhub .select2-search__field::placeholder {
    color:#8a94a7;
    font-weight:normal
  }
  .select2-container--humhub .select2-results__option[role=group] {
    padding:0
  }
  .select2-container--humhub .select2-results__option[aria-disabled=true] {
    color:#777;
    cursor:not-allowed
  }
  .select2-container--humhub .select2-results__option[aria-selected=true] {
    background-color:#1e2025;
    color:#8a94a7;
    border-left:3px solid transparent;
    background:#2c3039;
  }
  .select2-container--humhub .select2-results__option[aria-selected=false] {
    border-left:3px solid transparent;
      background-color:#2c3039;
  }
  .select2-container--humhub .select2-results__option--highlighted[aria-selected] {
    background-color:#24262d;
    border-left:0px solid #bd84ff;
    color:#a8b2c7;
  }
  .select2-container--humhub .select2-results__option .select2-results__option {
    padding:6px 12px
  }
  .select2-container--humhub .select2-results__option .select2-results__option .select2-results__group {
    padding-left:0
  }
  .select2-container--humhub .select2-results__option .select2-results__option .select2-results__option {
    margin-left:-12px;
    padding-left:24px
  }
  .select2-container--humhub .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left:-24px;
    padding-left:36px
  }
  .select2-container--humhub .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left:-36px;
    padding-left:48px
  }
  .select2-container--humhub .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left:-48px;
    padding-left:60px
  }
  .select2-container--humhub .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left:-60px;
    padding-left:72px
  }
  .select2-container--humhub .select2-results__group {
    color:#777;
    display:block;
    padding:6px 12px;
    font-size:12px;
    line-height:1.42857143;
    white-space:nowrap
  }
  .select2-container--humhub.select2-container--focus .select2-selection,.select2-container--humhub.select2-container--open .select2-selection {
    border:2px solid #bd84ff;
    outline:0;
    box-shadow:none
  }
  .select2-container--humhub.select2-container--open .select2-selection .select2-selection__arrow b {
    border-color:transparent transparent  #8a94a7 transparent;
    border-width:0 4px 4px 4px
  }
  .select2-container--humhub .select2-selection__clear {
    color:#8a94a7;
    cursor:pointer;
    float:right;
    font-weight:bold;
    margin-right:10px
  }
  .select2-container--humhub .select2-selection__clear:hover {
    color:#2c3039
  }
  .select2-container--humhub.select2-container--disabled .select2-selection {
    border-color:#444444;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  .select2-container--humhub.select2-container--disabled .select2-selection,.select2-container--humhub.select2-container--disabled .select2-search__field {
    cursor:not-allowed
  }
  .select2-container--humhub.select2-container--disabled .select2-selection {
    background-color:#2c3039;
  }
  .select2-container--humhub.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color:#2c3039;
  }
  .select2-container--humhub.select2-container--disabled .select2-selection__clear,.select2-container--humhub.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
    display:none
  }
  .select2-container--humhub .select2-dropdown {
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);
    box-shadow:0 6px 12px rgba(0,0,0,0.175);
    border-color:#212121;
    overflow-x:hidden;
    margin-top:-1px;
    background:#2c3039;
  }
  .select2-container--humhub .select2-dropdown--above {
    margin-top:1px
  }
  .select2-container--humhub .select2-results>.select2-results__options {
    max-height:400px;
    overflow-y:auto
  }
  .select2-container--humhub .select2-selection--single {
    height:34px;
    line-height:1.42857143;
    padding:6px 24px 6px 12px
  }
  .select2-container--humhub .select2-selection--single .select2-selection__arrow {
    position:absolute;
    bottom:0;
    right:12px;
    top:0;
    width:4px
  }
  .select2-container--humhub .select2-selection--single .select2-selection__arrow b {
    border-color:#111 transparent transparent transparent;
    border-style:solid;
    border-width:4px 4px 0 4px;
    height:0;
    left:0;
    margin-left:-4px;
    margin-top:-2px;
    position:absolute;
    top:50%;
    width:0
  }
  .select2-container--humhub .select2-selection--single .select2-selection__rendered {
    color:#8a94a7;
    padding:0
  }
  .select2-container--humhub .select2-selection--single .select2-selection__placeholder {
    color: #8a94a7
  }
  .select2-container--humhub .select2-selection--multiple {
    min-height:34px;
    padding:2px
  }
  .select2-container--humhub .select2-selection--multiple .picker-color {
    top:4px;
    margin-left:3px
  }
  .select2-container--humhub .select2-selection--multiple .select2-selection__rendered {
    box-sizing:border-box;
    display:block;
    line-height:1.42857143;
    list-style:none;
    margin:0;
    overflow:hidden;
    padding:0;
    width:100%;
    text-overflow:ellipsis;
    white-space:nowrap
  }
  .select2-container--humhub .select2-selection--multiple .select2-selection__placeholder {
    color:#8a94a7;
    float:left;
    margin-top:5px
  }
  .select2-container--humhub .select2-selection--multiple .select2-selection__choice {
    color:#8a94a7;
    border-radius:4px;
    cursor:default;
    padding:0 6px;
    background-color:#bd84ff;
    color:#2c3039;
    border-radius:3px;
    font-size:12px !important;
    padding:0 5px 2px 2px;
    float:left;
    margin:2px;
    height:28px
  }
  .select2-container--humhub .select2-selection--multiple .select2-selection__choice img,.select2-container--humhub .select2-selection--multiple .select2-selection__choice div {
    margin-right:5px
  }
  .select2-container--humhub .select2-selection--multiple .select2-selection__choice span.no-image {
    line-height:27px;
    padding-left:5px
  }
  .select2-container--humhub .select2-selection--multiple .select2-selection__choice i {
    margin:0px 2px;
    line-height:27px
  }
  .select2-container--humhub .select2-selection--multiple .select2-selection__choice .picker-close {
    cursor:pointer
  }
  .select2-container--humhub .select2-selection--multiple .select2-search--inline .select2-search__field {
    background:transparent;
    padding:0 5px;
    width:auto !important;
    height:32px;
    line-height:1.42857143;
    margin-top:0;
    min-width:5em
  }
  
 
  
  .messagePreviewEntry.unread .mail-last-entry {
    color:  #8a94a7!important;
}

  .select2-container--humhub .select2-selection--multiple .select2-selection__choice__remove {
    color:#8a94a7;
    cursor:pointer;
    display:none;
    font-weight:bold;
    margin-right:3px
  }
  .select2-container--humhub .select2-selection--multiple .select2-selection__choice__remove:hover {
    color:#2c3039
  }
  .select2-container--humhub .select2-selection--multiple .select2-selection__clear {
    margin-top:6px
  }
  .select2-container--humhub.input-sm,.select2-container--humhub.input-lg {
    border-radius:0;
    font-size:12px;
    height:auto;
    line-height:1;
    padding:0
  }
  .select2-container--humhub.input-sm .select2-selection--single,.input-group-sm .select2-container--humhub .select2-selection--single,.form-group-sm .select2-container--humhub .select2-selection--single {
    border-radius:3px;
    font-size:12px;
    height:30px;
    line-height:1.5;
    padding:5px 22px 5px 10px
  }
  .select2-container--humhub.input-sm .select2-selection--single .select2-selection__arrow b,.input-group-sm .select2-container--humhub .select2-selection--single .select2-selection__arrow b,.form-group-sm .select2-container--humhub .select2-selection--single .select2-selection__arrow b {
    margin-left:-5px
  }
  .select2-container--humhub.input-sm .select2-selection--multiple,.input-group-sm .select2-container--humhub .select2-selection--multiple,.form-group-sm .select2-container--humhub .select2-selection--multiple {
    min-height:30px
  }
  .select2-container--humhub.input-sm .select2-selection--multiple .select2-selection__choice,.input-group-sm .select2-container--humhub .select2-selection--multiple .select2-selection__choice,.form-group-sm .select2-container--humhub .select2-selection--multiple .select2-selection__choice {
    font-size:12px;
    line-height:1.5;
    margin:4px 0 0 5px;
    padding:0 5px
  }
  .select2-container--humhub.input-sm .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-sm .select2-container--humhub .select2-selection--multiple .select2-search--inline .select2-search__field,.form-group-sm .select2-container--humhub .select2-selection--multiple .select2-search--inline .select2-search__field {
    padding:0 10px;
    font-size:12px;
    height:28px;
    line-height:1.5
  }
  .select2-container--humhub.input-sm .select2-selection--multiple .select2-selection__clear,.input-group-sm .select2-container--humhub .select2-selection--multiple .select2-selection__clear,.form-group-sm .select2-container--humhub .select2-selection--multiple .select2-selection__clear {
    margin-top:5px
  }
  .select2-container--humhub.input-lg .select2-selection--single,.input-group-lg .select2-container--humhub .select2-selection--single,.form-group-lg .select2-container--humhub .select2-selection--single {
    border-radius:6px;
    font-size:18px;
    height:46px;
    line-height:1.3333333;
    padding:10px 31px 10px 16px
  }
  .select2-container--humhub.input-lg .select2-selection--single .select2-selection__arrow,.input-group-lg .select2-container--humhub .select2-selection--single .select2-selection__arrow,.form-group-lg .select2-container--humhub .select2-selection--single .select2-selection__arrow {
    width:5px
  }
  .select2-container--humhub.input-lg .select2-selection--single .select2-selection__arrow b,.input-group-lg .select2-container--humhub .select2-selection--single .select2-selection__arrow b,.form-group-lg .select2-container--humhub .select2-selection--single .select2-selection__arrow b {
    border-width:5px 5px 0 5px;
    margin-left:-5px;
    margin-left:-10px;
    margin-top:-2.5px
  }
  .select2-container--humhub.input-lg .select2-selection--multiple,.input-group-lg .select2-container--humhub .select2-selection--multiple,.form-group-lg .select2-container--humhub .select2-selection--multiple {
    min-height:46px
  }
  .select2-container--humhub.input-lg .select2-selection--multiple .select2-selection__choice,.input-group-lg .select2-container--humhub .select2-selection--multiple .select2-selection__choice,.form-group-lg .select2-container--humhub .select2-selection--multiple .select2-selection__choice {
    font-size:18px;
    line-height:1.3333333;
    border-radius:4px;
    margin:9px 0 0 8px;
    padding:0 10px
  }
  .select2-container--humhub.input-lg .select2-selection--multiple .select2-search--inline .select2-search__field,.input-group-lg .select2-container--humhub .select2-selection--multiple .select2-search--inline .select2-search__field,.form-group-lg .select2-container--humhub .select2-selection--multiple .select2-search--inline .select2-search__field {
    padding:0 16px;
    font-size:18px;
    height:44px;
    line-height:1.3333333
  }
  .select2-container--humhub.input-lg .select2-selection--multiple .select2-selection__clear,.input-group-lg .select2-container--humhub .select2-selection--multiple .select2-selection__clear,.form-group-lg .select2-container--humhub .select2-selection--multiple .select2-selection__clear {
    margin-top:10px
  }
  .select2-container--humhub.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color:transparent transparent  #8a94a7 transparent;
    border-width:0 5px 5px 5px
  }
  .input-group-lg .select2-container--humhub.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color:transparent transparent  #8a94a7 transparent;
    border-width:0 5px 5px 5px
  }
  .select2-container--humhub[dir="rtl"] .select2-selection--single {
    padding-left:24px;
    padding-right:12px
  }
  .select2-container--humhub[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right:0;
    padding-left:0;
    text-align:right
  }
  .select2-container--humhub[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float:left
  }
  .select2-container--humhub[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left:12px;
    right:auto
  }
  .select2-container--humhub[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
    margin-left:0
  }
  .select2-container--humhub[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--humhub[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float:right
  }
  .select2-container--humhub[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left:0;
    margin-right:6px
  }
  .select2-container--humhub[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left:2px;
    margin-right:auto
  }
  .has-warning .select2-dropdown,.has-warning .select2-selection {
    border-color:#FFC107
  }
  .has-warning .select2-container--focus .select2-selection,.has-warning .select2-container--open .select2-selection {
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ffdb6d;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ffdb6d;
    border-color:#d39e00
  }
  .has-warning.select2-drop-active {
    border-color:#d39e00
  }
  .has-warning.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color:#d39e00
  }
  .has-error .select2-dropdown,.has-error .select2-selection {
    border-color:#FC4A64
  }
  .has-error .select2-container--focus .select2-selection,.has-error .select2-container--open .select2-selection {
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #feaeba;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #feaeba;
    border-color:#fb1839
  }
  .has-error.select2-drop-active {
    border-color:#fb1839
  }
  .has-error.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color:#fb1839
  }
  .has-success .select2-dropdown,.has-success .select2-selection {
    border-color:#97d271
  }
  .has-success .select2-container--focus .select2-selection,.has-success .select2-container--open .select2-selection {
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d0ebbe;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d0ebbe;
    border-color:#7bc64a
  }
  .has-success.select2-drop-active {
    border-color:#7bc64a
  }
  .has-success.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color:#7bc64a
  }
  .input-group .select2-container--humhub {
    display:table;
    table-layout:fixed;
    position:relative;
    z-index:2;
    float:left;
    width:100%;
    margin-bottom:0
  }
  .input-group.select2-humhub-prepend .select2-container--humhub .select2-selection {
    border-top-left-radius:0;
    border-bottom-left-radius:0
  }
  .input-group.select2-humhub-append .select2-container--humhub .select2-selection {
    border-top-right-radius:0;
    border-bottom-right-radius:0
  }
  .select2-humhub-append .select2-container--humhub,.select2-humhub-prepend .select2-container--humhub,.select2-humhub-append .input-group-btn,.select2-humhub-prepend .input-group-btn,.select2-humhub-append .input-group-btn .btn,.select2-humhub-prepend .input-group-btn .btn {
    vertical-align:top
  }
  .form-control.select2-hidden-accessible {
    position:absolute !important;
    width:1px !important
  }
  .form-inline .select2-container--humhub {
    display:inline-block
  }
  ul.tag_input {
    list-style:none;
    background-color:#2c3039;
    border:1px solid #444444;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    padding:0 0 9px 4px
  }
  ul.tag_input li img {
    margin:0 5px 0 0
  }
  .tag_input_field {
    outline:none;
    border:none !important;
    padding:5px 4px 0 !important;
    width:170px;
    margin:2px 0 0 !important
  }
  .userInput,.spaceInput {
    background-color:#bd84ff;
    font-weight:bold;
    color:#2c3039;
    border-radius:3px;
    font-size:12px !important;
    padding:2px;
    float:left;
    margin:3px 4px 0 0
  }
  .userInput i,.spaceInput i {
    padding:0 6px;
    font-size:14px;
    cursor:pointer;
    line-height:8px
  }