.colorDefault {
  color: #0d0d0d
}

.backgroundDefault {
  background-color: #0d0d0d
}

.borderDefault {
  border-color: #0d0d0d
}

.colorPrimary {
  color: #006bb7 !important
}

.hljs-attribute {
 color: #368bc8 !important;
}

.colorInfo,
.colorLink {
  color: #006bb7 !important
}

.backgroundPrimary {
  background-color: #537e3c !important
}

.borderPrimary {
  border-color: #006bb7 !important
}

.backgroundInfo {
  background-color: #006bb7 !important
}

.borderInfo {
  border-color: #006bb7 !important
}

.colorSuccess {
  color: #537e3c !important
}

.backgroundSuccess {
  background-color: #537e3c !important
}

.borderSuccess {
  border-color: #537e3c !important
}

.colorWarning {
  color: #FFC107 !important
}

.backgroundWarning {
  background-color: #FFC107 !important
}

.borderWarning {
  border-color: #FFC107 !important
}

.colorDanger {
  color: #FC4A64 !important
}

.backgroundDanger {
  background-color: #FC4A64 !important
}

.borderDanger {
  border-color: #FC4A64 !important
}

.colorFont1 {
  color: #7b7773 !important
}

.colorFont2 {
  color: #bbb !important
}

.colorFont3 {
  color: #fff !important
}

.colorFont4 {
  color: #ddd !important
}

.colorFont5 {
  color: #ccc !important
}

.heading {
  color: #fff
}

* {
 scrollbar-color: #537e3c #212121;
}

::selection {
 color: #FFF;
 background-color: #C4A02F;
}

body {
  background-color: #222;
  color: #fff;
}

body a,
body a.active,
body a:active,
body a:focus,
body a:hover {
  color: #fff
}

.powered,
.powered a {
  color: #b8c7d3 !important
}

span.likeLinkContainer .like.disabled,
span.likeLinkContainer .unlike.disabled {
  color: #d3d3d3
}

.modal-body a[data-toggle],
.panel-body a[data-toggle] {
  color: #FFF;
  font-size: 13px !important;
}

.topbar .dropdown-header {
  color: #fff
}

.topbar .dropdown-header .dropdown-header-link a {
  color: #fff !important
}

.topbar .dropdown-header:hover {
  color: #ddd
}

#topbar-first {
  color: #fff
}

#topbar-first .dropdown-menu {}

#topbar-first .dropdown-menu .arrow {
  border-color: transparent transparent #fff
}

#topbar-first .notifications .dropdown-menu li i.accepted {
  color: #5cb85c
}

#topbar-first .notifications .dropdown-menu li i.declined {
  color: #d9534f
}

#topbar-first .dropdown-footer .btn.btn-default {
  border-color: #3c3c3c;
  background-color: #3c3c3c;
}

#topbar-first .dropdown-footer .btn.btn-default:hover {
  border-color: #3c3c3c;
  background-color: #3c3c3c
}

#topbar-first .dropdown-footer .btn.btn-default:active {
  border-color: #3c3c3c;
  background-color: #3c3c3c
}

#topbar-first .media-list a,
#topbar-first .media-list li,
#topbar-first a {
  color: #fff;
}

#topbar-first .media-list li i.accepted {
  color: #006bb7 !important
}

#topbar-first .media-list li i.declined {
  color: #FC4A64 !important
}

#topbar-second #search-menu-dropdown .search-reset,
#topbar-second #space-menu-dropdown .search-reset {
  color: #BFBFBF
}

#topbar-second .nav>li>a:active,
#topbar-second .nav>li>a:focus,
#topbar-second .nav>li>a:hover {
  border-bottom-color: #333;
  background-color: #333;
  color: #fff
}

#topbar-second .nav>li>a .caret {
  border-top-color: #bbb
}

#topbar-second .nav>li>ul>li>a {
  color: #fff
}

#topbar-second .nav>li>ul>li>a.active,
#topbar-second .nav>li>ul>li>a:hover {
  border-left-color: #006bb7;
  background-color: #333;
  color: #fff
}

#topbar-second .nav>li.active,
#topbar-second .nav>li>a:hover {
  border-bottom-color: #424242;
  color: #fff
}

#topbar-second #space-menu-dropdown li>ul>li>a>.media .media-body p {
  color: #ddd;
  font-size: 12px !important;
  font-weight: 400;
  font-family: Arial;
}

.login-container {
  margin: 0;
  padding: 0;
  background:linear-gradient( rgba(32, 32, 32, 0.77) 100%, rgba(32, 32, 32, 0.77)100%),url("../../../themes/NaszaKompozycja/css/icons/background.png") center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.login-container .text,
.login-container .text a {
  color: #fff
}

.login-container .panel a {
  color: #006bb7
}

.login-container h1,
.login-container h2 {
  color: #fff !important
}

#user-auth-login-modal-login-page #login-form .btn-primary {
 background-color: #537e3c !important
}

#user-auth-login-modal-login-page #login-form {
 background-color: #333 !important;
}

#user-auth-login-modal-login-page .panel-body p {
 color: #FFF !important;
}

#user-auth-login-modal-login-page .panel-body {
 background-color: rgba(255, 255, 255, 0.0) !important;
}

#user-auth-login-modal-login-page #register-form .panel-heading {
 background-color: #006bb7 !important;
}

#user-auth-login-modal-login-page #login-form input[type="checkbox"] {
 background-color: #333 !important;
}

#register-form input[type="checkbox"]:checked {
 border-color: #006bb7 !important;
 background-color: #006bb7;
}

#user-auth-login-modal-login-page #login-form input[type="checkbox"]:checked::after {
 content: '\2714';
 font-size: 14px;
 position: absolute;
 top: -2px;
 left: -2px;
 color: white;
 background-color: #537e3c !important;
 width: 18px;
 height: 18px;
 text-align: center;
 border-radius: 3px;
}

#user-auth-login-modal-login-page #login-form #password-recovery-link {
 color: #FFF !important;
}

#password-recovery-form .panel-body {
 background-color: rgba(255, 255, 255, 0.0) !important;
}

#password-recovery-form p {
 color: #FFF !important;
}

#registration-form legend {
 color: #FFF !important;
 border-bottom: 0px solid #444 !important;
}

#registration-form .control-label {
 font-weight: 500 !important;
 font-size: 12px !important;
}

.login-container .panel h1,
.login-container .panel h2 {
  color: #ddd !important
}

.dropdown-menu li.selected,
.dropdown-menu li:hover,
.login-container select,
.modal .dropdown-menu li a,
.nav-tabs .dropdown-menu li a,
.panel .dropdown-menu li a,
ul.contextMenu li a {
  color: #fff
}

.modal .dropdown-menu,
.nav-tabs .dropdown-menu,
.panel .dropdown-menu {
  border-color: #353535;
  background-color: #353535;
}

.modal .dropdown-menu li.divider,
.nav-tabs .dropdown-menu li.divider,
.panel .dropdown-menu li.divider {
  background-color: #333
}

.modal .dropdown-menu li.selected,
.modal .dropdown-menu li:hover:not(.divider),
.nav-tabs .dropdown-menu li.selected,
.nav-tabs .dropdown-menu li:hover:not(.divider),
.panel .dropdown-menu li.selected,
.panel .dropdown-menu li:hover:not(.divider) {
  border-left-color: #292929;
  background-color: #292929 !important;
}

ul.contextMenu {
  border-color: #393939
}

ul.contextMenu li.divider {
  background-color: #333
}

ul.contextMenu li {
  border-left-color: #fff
}

ul.contextMenu li.selected,
ul.contextMenu li:hover {
  border-left-color: #006bb7;
  background-color: #333 !important
}

.media-list li a {
  color: #ddd;
}

.media-list .badge-space-type {
  background-color: #333;
  border-color: #393939;
  color: #5e5e5e
}

.media-list li.selected,
.media-list li:hover {
  background-color: #353535;
  border-left-color: #353535 !important;
  width: 100%;
}

.media-list li.placeholder:hover {
  border-left-color: #fff;
}

.media .time {
  color: #e4e4e4;
  font-weight: 500;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
 background-color: #3c3c3c !important;
 border-bottom: 2px solid #3c3c3c !important;
 border-radius: 3px;
}

.media .media-body h4.media-heading,
.media .media-body h4.media-heading a {
  color: #fff
}

.media .media-body h4.media-heading small,
.media .media-body h4.media-heading small a {
  color: #ddd
}

.media .media-body strong {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.media .media-body h5 {
  color: #ccc
}

.media .content a,
.media .media-body .module-controls a {
  color: #006bb7
}

.media .content .files a,
.panel .panel-heading,
.panel h1 {
  color: #fff
}

.has-online-status .user-online-status {
  border-color: transparent
}

.has-online-status .user-online-status.user-is-online {
  border-color: rgba(255, 255, 255, 0.0);
  background-color: #87c665
}

.panel,
.panel .panel-heading {
  background-color: #537e3c !important;
}

.panel {
  background-color: #2d2d2d !important;
}

.panel .panel-heading .heading-link {
  color: #FFF !important
}

.panel .panel-body p {
  color: #e4e4e4;
  hyphens: none;
}

.panel .panel-body p a {
  color: #006bb7
}

.panel .statistics .entry {
  color: #fff
}

.panel .statistics .entry .count,
.panel h3.media-heading small a {
  color: #fff
}

.panel-danger {
  border-color: #FC4A64
}

.panel-danger .panel-heading {
  color: #fff
}

.panel-success {
  border-color: #537e3c
}

.panel-success .panel-heading {
  color: #537e3c
}

.panel-warning {
  border-color: #FFC107
}

.panel-warning .panel-heading {
  color: #FFC107
}

.panel-info {
  border-color: #006bb7
}

.panel-info .panel-heading {
  color: #006bb7
}

.panel-primary {
  border-color: #006bb7
}

.panel-primary .panel-heading {
  color: #006bb7
}

.panel-profile .panel-profile-header .img-profile-data {
  color: #fff;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, .38) 100%)
}

.panel-profile .panel-profile-header .img-profile-data h1 a {
  color: #fff
}

.installer .powered,
.installer .powered a {
  color: #7b7773 !important
}

.installer .check-ok {
  color: #537e3c
}

.installer .check-warning {
  color: #FFC107
}

.installer .check-error {
  color: #FC4A64
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: #537e3c;
}

.pagination>li>a,
.pagination>li>a:active,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span {
  color: #fff
}

.well hr {
  border-top-color: #333
}

.tab-sub-menu li>a:focus,
.tab-sub-menu li>a:hover {
  background-color: #333;
  border-bottom-color: #ddd
}

.tab-sub-menu li.active>a {
  background-color: #222;
  border-bottom-color: transparent
}

.nav-tabs>li>a,
.nav-tabs>li>a[data-toggle] {
  color: #ddd
}

.account .dropdown-menu li a,
.nav-pills .dropdown-menu li a,
.nav-tabs .dropdown-menu li a,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
  color: #fff !important;
}

.tab-menu {
  padding-bottom: 2px;
  background-color: #2d2d2d;
}

.tab-menu .nav-tabs li>a,
.tab-menu .nav-tabs li>a:hover {
  background-color: #3c3c3c;
}

.tab-menu .nav-tabs li.active>a,
.tab-menu .nav-tabs li.active>a:hover {
  border-top-color: #537e3c;
  background-color: #537e3c;
  padding-top: 9px;
}

.tab-menu .nav-tabs li.active>a {
  background-color: #537e3c;
  border-bottom-color: transparent;
}

.tab-menu .nav-tabs li.active>a:focus {
  background-color: #537e3c;
  border-bottom-color: transparent;
}

.tab-menu .nav-tabs li.active>a:active {
  background-color: #537e3c;
  border-bottom-color: transparent;
}

ul.tab-menu {
  background-color: rgba(255, 255, 255, 0.0);
}

ul.tab-menu-settings li>a {
  border-color: #ddd;
  background-color: #333;
}

ul.tab-menu-settings li>a:focus,
ul.tab-menu-settings li>a:hover {
  border-top-color: #ddd !important;
}

ul.tab-menu-settings li>a:hover {
  background-color: #333;
}

ul.tab-menu-settings li.active>a,
ul.tab-menu-settings li.active>a:focus,
ul.tab-menu-settings li.active>a:hover {
  border-top-color: #537e3c !important;
}

ul.tab-menu-settings li.active>a {
  background-color: #222;
  border-bottom-color: transparent !important;
}

.account .dropdown-menu,
.nav-pills .dropdown-menu,
.nav-tabs .dropdown-menu {
  background-color: #333;
  border-radius: 3px 0px 3px 3px;
}

.account .dropdown-menu li.divider,
.nav-pills .dropdown-menu li.divider,
.nav-tabs .dropdown-menu li.divider {
  background-color: #404040;
}

.account .dropdown-menu li,
.nav-pills .dropdown-menu li,
.nav-tabs .dropdown-menu li {
  border-left-color: #333;
}

.account .dropdown-menu li.selected,
.account .dropdown-menu li:hover:not(.divider),
.nav-pills .dropdown-menu li.selected,
.nav-pills .dropdown-menu li:hover:not(.divider),
.nav-tabs .dropdown-menu li.selected,
.nav-tabs .dropdown-menu li:hover:not(.divider) {
  border-left-color: #537e3c;
  color: #fff !important;
  border-left-color: #537e3c;
  background-color: #537e3c !important;
}

.nav-pills.preferences .dropdown .dropdown-toggle i {
  color: #FFF;
}

.nav-pills.preferences .dropdown.open .dropdown-toggle i,
.nav-pills.preferences .dropdown.open .dropdown-toggle:hover i {
  color: #fff;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  background-color: #537e3c;
}

.nav-pills.preferences .dropdown.open .dropdown-toggle,
.nav-pills.preferences .dropdown.open .dropdown-toggle:hover {
  background-color: #537e3c;
  color: #fff
}

.tab-content .tab-pane a {
  color: #537e3c;
}

.nav .caret,
.nav .caret:active,
.nav .caret:hover,
.nav .open>a .caret,
.nav .open>a:focus .caret,
.nav .open>a:hover .caret,
.nav li.dropdown>a:active .caret,
.nav li.dropdown>a:hover .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
  border-color: #ededed;
  color: #fff;
}

.nav .open>a .caret,
.nav .open>a:focus .caret,
.nav .open>a:hover .caret {
  color: #fff;
}

#contentFormMenu .content-create-menu-more .dropdown-menu {
  background-color: #222;
}

#contentFormMenu .content-create-menu-more .dropdown-menu li {
  border-left-color: #222;
}

#contentFormMenu .content-create-menu-more .dropdown-menu li a {
  color: #fff;
}

#contentFormMenu .content-create-menu-more .dropdown-menu li.selected,
#contentFormMenu .content-create-menu-more .dropdown-menu li:hover {
  color: #fff;
  border-left-color: #537e3c;
  background-color: #333 !important;
}

.btn-default {
  background-color: #3c3c3c;
  color: #fff !important;
  margin-left: 8px;
}

.btn-default:focus,
.btn-default:hover {
  background-color: #3c3c3c !important;
  color: #fff
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover {
  background-color: #537e3c
}

.btn-primary {
  background-color: #537e3c
}

.btn-primary:focus,
.btn-primary:hover {
  background-color: #537e3c
}

.btn-primary.active:focus,
.btn-primary.active:hover {
  border-color: #537e3c;
  color: #fff !important
}

.btn-primary.disabled,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {
  background-color: #006bb7
}

.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary[disabled].active,
.btn-primary[disabled]:active {
  background-color: #006bb7 !important
}

.btn-info {
  background-color: #537e3c;
  color: #FFF !important
}

.btn-info:focus,
.btn-info:hover {
  background-color: #537e3c !important
}

.btn-info.active,
.btn-info:active {
  border-color: #006bb7;
  color: #FFF !important
}

.btn-info.active:focus,
.btn-info.active:hover {
  border-color: #006bb7;
  color: #FFF !important
}

.btn-danger,
.btn-success,
.btn-warning {
  color: #FFF !important
}

.btn-info.disabled,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled]:focus,
.btn-info[disabled]:hover {
  background-color: #537e3c
}

.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info[disabled].active,
.btn-info[disabled]:active {
  background-color: #006bb7 !important
}

.btn-danger {
  background-color: #AA4141 !important;
}

.btn-danger:focus,
.btn-danger:hover {
  background-color: #fc314f
}

.btn-danger.active,
.btn-danger:active {
  background-color: #fc314f !important
}

.btn-danger.disabled,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover {
  background-color: #fc6379
}

.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger[disabled].active,
.btn-danger[disabled]:active {
  background-color: #fc6379 !important
}

.btn-success {
  background-color: #537e3c
}

.btn-success:focus,
.btn-success:hover {
  background-color: #89cc5e
}

.btn-success.active,
.btn-success:active {
  background-color: #89cc5e !important
}

.btn-success.disabled,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled]:focus,
.btn-success[disabled]:hover {
  background-color: #79b354
}

.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success[disabled].active,
.btn-success[disabled]:active {
  background-color: #a5d884 !important
}

.btn-warning {
  background-color: #FFC107
}

.btn-warning:focus,
.btn-warning:hover {
  background-color: #fcbd00
}

.btn-warning.active,
.btn-warning:active {
  background-color: #fcbd00 !important
}

.btn-warning.disabled,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover {
  background-color: #ffc721
}

.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning[disabled].active,
.btn-warning[disabled]:active {
  background-color: #ffc721 !important
}

.btn-link {
  color: #537e3c !important
}

.btn-link:focus,
.btn-link:hover {
  color: #1f99aa
}

.btn-link.active,
.btn-link:active {
  color: #1f99aa !important
}

.btn-link.disabled,
.btn-link.disabled:focus,
.btn-link.disabled:hover,
.btn-link[disabled],
.btn-link[disabled]:focus,
.btn-link[disabled]:hover {
  color: #537e3c
}

.btn-link.disabled.active,
.btn-link.disabled:active,
.btn-link[disabled].active,
.btn-link[disabled]:active {
  color: #537e3c !important
}

div.required>label:after {
  color: #ec4646;
  font-size: 14px;
}

div.required.has-error>label:after {
  color: #FC4A64
}

.form-control {
  border-color: #3c3c3c;
  padding-top: 4px;
}

.form-control:focus {
  border-color: #3c3c3c;
}

.form-group-search:before {
  color: #ededed
}

input.placeholder,
textarea.placeholder {
  color: #999;
}

#user-auth-login-modal-login-page input::placeholder {
 color: #fff !important;
}

#recovery-password-profil input::placeholder {
 color: #fff !important;
}

.help-block:not(.help-block-error) {
  color: #ddd
}

.hint-block {
  color: #ccc !important
}

.hint-block:hover {
  color: #bbb !important
}

input[type=checkbox],
input[type=radio] {
  background-color: #fff;
  border-color: #444;
}

input[type=checkbox]:disabled,
input[type=radio]:disabled {
  background-color: #393939 !important;
  border-color: #393939 !important
}

input[type=checkbox]:focus {
  border-color: #444 !important
}

input[type=checkbox]:checked {
  border-color: #537e3c;
  background-color: #537e3c;
  color: #fff
}

input[type=checkbox]:checked::after {
  color: #fff
}

input[type=radio]:checked {
  border-color: #393939;
  color: #99a1a7;
  outline: 0;
}

input[type=radio]:checked::after {
  background-color: #537e3c
}

.radio-pills {
  border-color: #0d0d0d
}

.radio-pills div.radio {
  background-color: #FFF
}

.radio-pills div.radio.active,
.radio-pills div.radio:hover {
  background-color: #0d0d0d
}

.radio-pills div.radio::after {
  border-right-color: #0d0d0d
}

.errorMessage {
  color: #FC4A64
}

.error {
  border-color: #FC4A64 !important
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline {
  color: #FC4A64 !important
}

.has-error .form-control,
.has-error .form-control:focus {
  border-color: #FC4A64
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline {
  color: #537e3c
}

.has-success .form-control,
.has-success .form-control:focus {
  border-color: #537e3c
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline {
  color: #FFC107
}

.has-warning .form-control,
.has-warning .form-control:focus {
  border-color: #FFC107
}

.form-collapsible-fields {
  border-left-color: #006bb7
}

.content_create .upload-buttons .btn.fileinput-button,
.content_create .upload-buttons .fileinput-button+.dropdown-toggle,
.content_edit .upload-buttons .btn.fileinput-button,
.content_edit .upload-buttons .fileinput-button+.dropdown-toggle {
  background-color: #424242;
  color: #FFF !important
}

.content_create .upload-buttons .btn:not(.dropdown-toggle),
.content_edit .upload-buttons .btn:not(.dropdown-toggle) {
  padding: 4px 17px 4px 17px;
}

#mail-conversation-root .content_create .upload-buttons .btn:not(.dropdown-toggle):active {
  padding: 4px 17px 4px 17px !important;
}

#mail-conversation-root .content_create .upload-buttons .btn:not(.dropdown-toggle):active {
  padding: 4px 17px 4px 17px !important;
}

#wallStream .content_create .upload-buttons .btn:not(.dropdown-toggle):active {
  padding: 4px 17px 4px 17px !important;
}

#wallStream .content_create .upload-buttons .btn:not(.dropdown-toggle):active {
  padding: 4px 17px 4px 17px !important;
}

.badge,
.popover .popover-content,
.popover .popover-title {
  color: #fff
}

.content_create .upload-buttons .btn.fileinput-button:focus,
.content_create .upload-buttons .btn.fileinput-button:hover,
.content_create .upload-buttons .fileinput-button+.dropdown-toggle:focus,
.content_create .upload-buttons .fileinput-button+.dropdown-toggle:hover,
.content_edit .upload-buttons .btn.fileinput-button:focus,
.content_edit .upload-buttons .btn.fileinput-button:hover,
.content_edit .upload-buttons .fileinput-button+.dropdown-toggle:focus,
.content_edit .upload-buttons .fileinput-button+.dropdown-toggle:hover {
  background-color: #424242 !important;
  border-color: #dedede
}

.content_create .upload-buttons .btn.fileinput-button.active,
.content_create .upload-buttons .btn.fileinput-button:active,
.content_create .upload-buttons .fileinput-button+.dropdown-toggle.active,
.content_create .upload-buttons .fileinput-button+.dropdown-toggle:active,
.content_edit .upload-buttons .btn.fileinput-button.active,
.content_edit .upload-buttons .btn.fileinput-button:active,
.content_edit .upload-buttons .fileinput-button+.dropdown-toggle.active,
.content_edit .upload-buttons .fileinput-button+.dropdown-toggle:active {
  background-color: #424242 !important;
  border-color: #cacaca
}

.popover {
  border-color: rgba(0, 0, 0, .15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.popover .popover-content a {
  color: #537e3c
}

.list-group-item {
  border-left-color: #fff !important
}

a.list-group-item.active,
a.list-group-item.active:focus,
a.list-group-item.active:hover,
a.list-group-item:hover {
  border-left-color: #383838 !important
}

@media (max-width:991px) {

  a.list-group-item.active,
  a.list-group-item.active:focus,
  a.list-group-item.active:hover,
  a.list-group-item:hover {
    background-color: #3c3c3c !important;
    color: #fff !important
  }
}

.modal-backdrop {
  background-color: rgba(0, 0, 0, .5)
}

.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal-title {
  color: #fff;
  font-weight: 500;
}

.modal-content {
  box-shadow: 0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1)
}

.tooltip-inner {
  background-color: #444
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  border-top-color: #444
}

.tooltip.right .tooltip-arrow {
  border-right-color: #444
}

.tooltip.left .tooltip-arrow {
  border-left-color: #444
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #444
}

.progress {
  background-color: #222;
}

.progress-bar-info {
  background-color: #537e3c
}

#nprogress .bar {
  height: 4px;
  background: #537e3c
}

table th {
  color: #ddd
}

table td a:hover {
  color: #537e3c
}

.comment .media.comment-current {
  background-color: rgba(255, 255, 255, 0.0)
}

.comment .jp-progress {
  background-color: #dbdcdd !important
}

.comment .jp-play-bar {
  background-color: #cacaca
}

.comment .post-file-list {
  background-color: #2e2e2e
}

.comment-container [data-ui-richtext] pre,
.comment-container [data-ui-richtext] pre code.hljs {
  width: 94%;
  background-color: #262626;
}

.comment .media .media-body h4.media-heading a {
  color: #FFF;
}

.grid-view .filters input,
.grid-view .filters select {
  border-color: #4f4f4f;
  background-color: #333;
}

.grid-view .filters input:focus,
.grid-view .filters select:focus {
  border-color: #537e3c
}

.grid-view .summary {
  color: #7b7773
}

.oembed_confirmation {
  background-color: #171d1e
}

.oembed_confirmation i.fa {
  color: #02a0b0;
  background-color: #FFF
}

#oembed-providers .oembed-provider-container .oembed-provider {
  border-color: #353535;
}

#contentFormBody .contentForm_options .form-group .checkbox label input[type=checkbox]:focus {
  border-color: #444 !important
}

#contentFormBody .contentForm_options .form-group .checkbox label input[type=checkbox]:focus:checked {
  border-color: #537e3c !important
}

.wall-entry .wall-entry-header {
  color: #fff
}

.wall-entry .wall-entry-header .wall-entry-container-link {
  color: #87c665;
  font-weight: 400;
}

.wall-entry .wall-entry-header .stream-entry-icon-list .icon-pin {
  color: #537e3c
}

.wall-entry .wall-entry-header .stream-entry-icon-list .fa-archive {
  color: #FFC107
}

.wall-entry .wall-entry-header .wall-entry-header-image .fa {
  color: #87c665
}

.wall-entry .wall-entry-header .wall-entry-header-info i.archived {
  color: #FFC107
}

.wall-entry .content a {
  color: #87c665
}

.wall-entry .media-heading .viaLink i,
.wall-entry .media-subheading {
  color: #e4e4e4;
}

.wall-entry-controls a {
  color: #e4e4e4 !important;
}

#wall-stream-filter-nav .wall-stream-filter-body {
  background-color: #333
}

#wall-stream-filter-nav .wall-stream-filter-bar .label,
.ui-widget-content {
  background-color: #222
}

#wall-stream-filter-nav .wall-stream-filter-bar .btn,
#wall-stream-filter-nav .wall-stream-filter-bar .label {
  box-shadow: 0 0 2px #bbb
}

.filter-root .filter-panel .filter-block ul.filter-list li a {
  color: #fff;
  font-weight: 500;
}

.filter-root .filter-panel+.filter-panel {
  border-left-color: #000
}

.space-owner {
  color: #999
}

.space-member-sign {
  color: #537e3c;
  background-color: #fff;
  border-color: #537e3c
}

#space-menu-dropdown .input-group-addon.focus,
.jp-audio,
.jp-audio-stream,
.jp-video {
  border-color: #424242
}

#space-menu-dropdown i.type {
  color: #BFBFBF
}

.space-acronym {
  color: #fff
}

.file_upload_remove_link,
.file_upload_remove_link:hover {
  color: #FC4A64
}

.post-file-list a,
.post-file-list a:active,
.post-file-list a:focus,
.post-file-list a:hover {
  color: #537e3c
}

.image-upload-container .image-upload-loader {
  background-color: #333;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-current,
div.jp-type-playlist div.jp-playlist a:hover {
  color: #537e3c !important
}

.jp-details,
.jp-playlist {
  border-top-color: #537e3c
}

ul.tour-list li a {
  color: #537e3c
}

ul.tour-list li.completed a {
  color: #ddd
}

.atwho-view {
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.atwho-view ul li {
  border-left-color: transparent
}

.atwho-view ul li.hint {
  background-color: #222 !important;
  border-left-color: transparent !important;
  color: #ccc
}

.atwho-placeholder {
  color: #7b7773 !important
}

.atwho-emoji-entry:active,
.atwho-emoji-entry:focus,
.atwho-emoji-entry:hover {
  background-color: #333 !important
}

.atwho-view small {
  color: #bbb
}

.loader .sk-spinner-three-bounce div,
.loader .sk-spinner-three-bounce span {
  background-color: #006bb7;
}

.md-editor.active {
  border-color: #537e3c !important
}

.markdown-render h1,
.markdown-render h2,
.markdown-render h3,
.markdown-render h4,
.markdown-render h5,
.markdown-render h6,
[data-ui-markdown] h1,
[data-ui-markdown] h2,
[data-ui-markdown] h3,
[data-ui-markdown] h4,
[data-ui-markdown] h5,
[data-ui-markdown] h6,
[data-ui-richtext] h1,
[data-ui-richtext] h2,
[data-ui-richtext] h3,
[data-ui-richtext] h4,
[data-ui-richtext] h5,
[data-ui-richtext] h6 {
  color: #ddd
}

.markdown-render pre,
[data-ui-markdown] pre,
[data-ui-richtext] pre {
  width: 90%;
  background-color: #333;
  border-left-color: #006bb7
}

.markdown-render pre code,
[data-ui-markdown] pre code,
[data-ui-richtext] pre code {
  background-color: #333;
  color: #ddd
}

.markdown-render blockquote,
[data-ui-markdown] blockquote,
[data-ui-richtext] blockquote {
  background-color: rgba(128, 128, 128, .05);
  border-left-color: #006bb7
}

.markdown-render a,
.markdown-render a:visited,
[data-ui-markdown] a,
[data-ui-markdown] a:visited,
[data-ui-richtext] a,
[data-ui-richtext] a:visited {
  color: #f0cf4e !important;
  margin-right: 4px;
}

.markdown-render a.header-anchor,
[data-ui-markdown] a.header-anchor,
[data-ui-richtext] a.header-anchor {
  color: #ddd !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 {
  background-color: transparent !important;
  color: #FFF;
}

.markdown-render table,
[data-ui-markdown] table,
[data-ui-richtext] table {
  border-color: #393939
}

.markdown-render table td,
.markdown-render table th,
[data-ui-markdown] table td,
[data-ui-markdown] table th,
[data-ui-richtext] table td,
[data-ui-richtext] table th {
  border-color: #393939 !important
}

.markdown-render table th,
[data-ui-markdown] table th,
[data-ui-richtext] table th {
  background-color: #537e3c;
  color: #000 !important
}

.markdown-render table th p,
[data-ui-markdown] table th p,
[data-ui-richtext] table th p {
  color: #000 !important
}

.ui-widget-header {
  background-color: #222 !important;
  color: #bbb !important
}

.ui-widget-content {
  border-color: #dddcda !important;
  color: #fff !important;
  box-shadow: 0 6px 6px rgba(0, 0, 0, .1)
}

.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover {
  background-color: #222 !important
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: #333 !important;
  color: #bbb !important
}

.status-bar-body,
.status-bar-close,
.status-bar-close:hover {
  color: #fff
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border-color: #5e5e5e !important
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border-color: #537e3c !important;
  background-color: #5a8a4c !important;
  color: #FFF !important;
}

.status-bar-content .showMore {
  color: #537e3c
}

.status-bar-content i.error,
.status-bar-content i.fatal {
  color: #FC4A64
}

.status-bar-content i.warning {
  color: #FFC107
}

.status-bar-content i.debug,
.status-bar-content i.info {
  color: #537e3c
}

.status-bar-content i.success {
  color: #85CA2B
}

.highlight {
  background-color: #2e393a
}

.alert-default {
  color: #fff;
  background-color: #333;
  border-color: #000
}

.alert-success {
  color: #84be5e;
  background-color: #3e423b;
  border-color: #537e3c
}

.alert-warning {
  color: #e9b168;
  background-color: #4d443b;
  border-color: #fdd198
}

.alert-danger {
  color: #ff8989;
  background-color: #372a2a;
  border-color: #ff8989
}

.data-saved {
  color: #537e3c
}

.label {
  color: #fff
}

.label-default {
  background-color: #537e3c;
  color: #FFF !important;
  padding: 10px;
}

a.label-default:hover {
  background-color: #537e3c !important
}

.label-info {
  background-color: #537e3c
}

a.label-info:hover {
  background-color: #537e3c !important
}

.label-danger {
  color: #333;
  padding: 6px;
  background-color: #E1B736;
}

#admin-menu .label-danger {
  left: 4px;
  bottom: 1px;
  color: #333;
  position: relative;
  border-radius: 99ex;
  display: inline;
  padding: 4px 8px 4px 8px;
  background-color: #E1B736;
}

.tab-menu .label-danger {
  left: 4px;
  bottom: 1px;
  color: #333;
  position: relative;
  border-radius: 99ex;
  display: inline;
  padding: 4px 8px 4px 8px;
  background-color: #E1B736;
}

a.label-danger:hover {
  background-color: #fc314f !important
}

.label-success {
  background-color: #537e3c
}

a.label-success:hover {
  background-color: #89cc5e !important
}

.label-warning {
  background-color: #FFC107
}

a.label-warning:hover {
  background-color: #ecb100 !important
}

.ProsemirrorEditor .ProseMirror-menuitem .ProseMirror-icon,
.label-light {
  background-color: transparent
}

.label-light {
  color: #bbb;
  border-color: #fbfbfb
}

.ProsemirrorEditor .ProseMirror-menuitem .ProseMirror-menu-group,
.ProsemirrorEditor .ProseMirror-menuitem .seperator,
.ProsemirrorEditor .ProseMirror-menuseparator {
  border-right-color: #393939
}

.ProsemirrorEditor .ProseMirror-menu-dropdown:after {
  border-left-color: transparent;
  border-right-color: transparent
}

.ProsemirrorEditor .ProseMirror-menu-dropdown-menu,
.ProsemirrorEditor .ProseMirror-menu-submenu {
  background-color: #222;
  border-color: #ccc;
  color: #fff
}

.ProsemirrorEditor.focusMenu .ProseMirror-menubar,
.ProsemirrorEditor.plainMenu .ProseMirror-menubar {
  color: #ddd
}

.ProsemirrorEditor .ProseMirror-menu-dropdown-menu .ProseMirror-menu-active,
.ProsemirrorEditor .ProseMirror-menu-submenu .ProseMirror-menu-active {
  background-color: #333;
  border-left-color: #537e3c
}

.ProsemirrorEditor .ProseMirror-menu-dropdown-item:hover {
  background-color: #333
}

.ProsemirrorEditor .ProseMirror-menu-submenu-label:after {
  border-top-color: transparent;
  border-bottom-color: transparent
}

.ProsemirrorEditor .ProseMirror-menu-submenu {
  background-color: #222
}

.ProsemirrorEditor .ProseMirror-icon {
  border-color: transparent
}

.ProsemirrorEditor .ProseMirror-icon.ProseMirror-menu-active {
  border-color: #7b7773
}

.ProsemirrorEditor .ProseMirror-editor-source {
  border-color: #000
}

.ProsemirrorEditor .ProseMirror-editor-source:focus {
  border-color: #537e3c
}

.ProsemirrorEditor.plainMenu .ProseMirror-menubar~.ProseMirror-focused {
  border-color: #537e3c !important
}

.ProsemirrorEditor .ProseMirror [data-mention],
.atwho-input a,
.atwho-input a:hover,
.atwho-space,
.atwho-user,
[data-ui-markdown] a,
[data-ui-richtext] a {
  color: #f0cf4e
}

.ProsemirrorEditor .ProseMirror-hideselection ::selection {
  background-color: transparent
}

.ProsemirrorEditor .ProseMirror-selectednode {
  outline-color: #85dce8
}

.ProsemirrorEditor li.ProseMirror-selectednode:after {
  border-color: #85dce8
}

.ProsemirrorEditor .ProseMirror-gapcursor:after {
  border-top-color: #000
}

.ProsemirrorEditor .ProseMirror-example-setup-style hr:after {
  background-color: silver
}

.ProsemirrorEditor .ProseMirror .column-resize-handle {
  background-color: #b0e8f0
}

.ProsemirrorEditor .ProseMirror .selectedCell:after {
  background-color: rgba(200, 255, 255, .4)
}

.ProseMirror-prompt {
  box-shadow: -.5px 2px 5px rgba(0, 0, 0, .2)
}

.ProseMirror-prompt-close {
  background-color: transparent;
  color: #ddd
}

.ProseMirror-invalid {
  background-color: #fff4d3;
  border-color: #ffce3a
}

.atwho-view .cur {
  border-left-color: #f0cf4e;
  background-color: #333 !important
}

.atwho-view .cur strong,
.atwho-view strong {
  background-color: #fff4d3
}

[data-emoji-category] .atwho-emoji-entry.cur {
  background-color: rgba(255, 255, 255, 0.0) !important
}

.emoji-nav {
  border-top: 1px solid #353535;
}

.emoji-nav .emoji-nav-item {
  border-top-color: #2e393a
}

.emoji-nav .emoji-nav-item.cur {
  border-top-color: #537e3c
}

@media only screen and (max-width:768px) {
  #layout-content .left-navigation .list-group::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-color: #fff
  }

  #layout-content .left-navigation .list-group::-webkit-scrollbar-track {
    background-color: #fff
  }

  #layout-content .table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-color: #fff
  }

  #layout-content .table-responsive::-webkit-scrollbar-track {
    background-color: #fff
  }
}


@media (max-width: 990px) and (min-width: 767px)
{


#layout-content .left-navigation .list-group {
 gap: 0px;
 display: grid;
 padding-top: 3px;
 padding-bottom: 3px;
 grid-template-columns: repeat(auto-fit, minmax(115px, auto));
}


#layout-content .left-navigation .list-group a {
 gap: 0;
 display: flex;
 align-items: center;
 font-size: 12.5px;
 justify-content: flex-start;
 height: 37px !important;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 text-align: center;
 background-color: #3c3c3c;
 margin-right: 6px;
 margin-left: 2px;
 margin-bottom: 2px;
 padding: 10px 14px 10px 14px !important;
 font-weight: 400 !important;
}


#layout-content .left-navigation .list-group .active {
 background-color: #537e3c !important;
}


.tab-menu .nav-tabs {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 border: none;
 padding: 0;
 margin: 0;
 gap: 0px;
 margin-top: 16px;
}


.tab-menu .nav-tabs li {
 flex: 0 0 auto;
 list-style: none;
}


.tab-menu .nav-tabs li > a {
 display: block;
 padding: 10px;
 margin-right: 10px;
 margin-bottom: 5px;
 background-color: #3c3c3c;
 font-size: 12px;
 color: #FFF;
 border: 1px solid #3c3c3c;
 text-decoration: none;
 white-space: nowrap;
 border-radius: 4px;
}


.tab-menu .nav-tabs li > a:hover {
 padding: 10px !important;
 border: 1px solid #3c3c3c !important;
}


.tab-menu .nav-tabs li > a:active {
 padding: 10px !important;
 border: 1px solid #3c3c3c !important;
}


.tab-menu .nav-tabs li > a:focus {
 padding: 10px !important;
 border: 1px solid #3c3c3c !important;
}


.tab-menu .nav-tabs li.active > a {
 background-color: #537e3c;
 padding: 10px;
 border: 1px solid #537e3c;
 color: #fff;
}


}

.container-cards .form-search .form-control.form-search-filter {
  border-color: #c5c5c5
}

.container-cards .form-search-filter-tags .btn.btn-primary {
  border-color: #537e3c
}

.container-cards .form-search-filter-tags .btn.btn-primary.active,
.container-cards .form-search-filter-tags .btn.btn-primary:not(.active):hover {
  background-color: #006bb7 !important;
  border-color: #006bb7;
  color: #fff !important
}

.container-cards .form-search-filter-tags .btn.btn-primary:not(.active) {
  background-color: #537e3c;
  color: #fff !important
}

.container-cards .directory-filters-footer {
  color: #000
}

.container-cards .directory-filters-footer.directory-filters-footer-warning {
  background-color: #FFC107
}

.container-cards .directory-filters-footer.directory-filters-footer-info {
  background-color: #333;
  border-color: #333
}

.container-cards .directory-filters-footer.directory-filters-footer-info strong {
  color: #FFF;
}

.container-cards .directory-filters-footer .filter-footer-icon {
  color: #FFF;
  background-color: #333
}

.container-cards .cards-no-results {
  color: #000
}

.container-cards .card .card-icons .fa {
  color: #537e3c
}

.container-cards .card .card-status {
  color: #FFF;
  padding: 14px 10px 30px 15px;
}

.container-cards .card .card-body .card-details a,
.container-cards .card .card-header .card-icons .fa {
  color: #FFF
}

.container-cards .card .card-status.card-status-professional {
  background-color: #006bb7;
  padding: 14px 10px 30px 15px;
}

.container-cards .card .card-status.card-status-official,
.container-cards .card .card-status.card-status-partner {
  background-color: #006bb7;
  padding: 14px 10px 30px 15px;
}

.container-cards .card .card-status.card-status-deprecated {
  background-color: #EB0000
}

.container-cards .card .card-status.card-status-featured {
  background-color: #537e3c;
  padding: 14px 10px 30px 15px;
}

.container-cards .card .card-status.card-status-new {
  background-color: #537e3c
}

.container-cards .card .card-header .card-status {
  background-color: #537e3c
}

.container-modules .modules-type {
  color: #FFF
}

.container-modules .card-module .card-body {
  color: #6C787E
}

.container-modules .marketplace-settings-dropdown .dropdown-toggle {
  color: #FFF;
  margin-right: 20px;
}

.container-modules .marketplace-settings-dropdown .dropdown-toggle:hover {
  color: #FFF
}

.container-content-modules h4 {
  color: #000
}

.container-module-updates .card .card-panel,
.container-module-updates .card .card-panel .card-body,
.container-module-updates .card .card-panel .card-body .card-title,
.container-module-updates .modules-type {
  color: #FFF
}

.container-create-space-modules.container-cards .card .card-panel>div {
  background-color: #F5F5F5
}

.container-module-updates {
  background-color: #2F2F2F;
}

.container-module-updates .card .card-panel>div:not(.card-status) {
  background-color: #30444f
}

.container-module-updates .card .card-panel .card-footer .btn-info {
  color: #006bb7 !important
}

.container-module-updates .card .card-panel .card-footer .btn-info.active {
  border-color: #537e3c;
  color: #FFF !important;
}

.container-module-updates .card .card-panel .card-footer .btn-info:not(.active) {
  border-color: #006bb7;
  background-color: #006bb7;
  color: #FFF !important
}

.container-module-updates .card .card-panel .card-footer .btn-info:not(.active):active,
.container-module-updates .card .card-panel .card-footer .btn-info:not(.active):hover {
  background-color: #006bb7 !important;
}

.container-module-updates .card .card-panel .card-footer .btn-info[data-update-status=failed] {
  border-color: #fc314f
}

.modules-group .module-row {
  border-top-color: #444
}

.modules-group .module-row>div small {
  color: #ccc
}

#dropdown-search.dropdown-menu {
  height: 100vh;
  background-color: #333;
}

#dropdown-search.dropdown-menu .dropdown-header {
  color: #fff
}

#dropdown-search.dropdown-menu .dropdown-header .arrow {
  border-color: transparent transparent #5e5e5e
}

#dropdown-search.dropdown-menu .dropdown-header .arrow:after {
  border-color: transparent transparent #222
}

#dropdown-search.dropdown-menu .dropdown-search-form .dropdown-search-keyword {
  background-color: #333;
  border-color: #555
}

#dropdown-search.dropdown-menu .dropdown-search-form .dropdown-search-button {
  color: #bbb !important
}

#dropdown-search.dropdown-menu .search-provider .search-provider-title {
  color: #fff
}

#dropdown-search.dropdown-menu .search-provider .search-provider-content a.search-provider-record:focus,
#dropdown-search.dropdown-menu .search-provider .search-provider-content a.search-provider-record:hover {
  background-color: #333
}

#dropdown-search.dropdown-menu .search-provider .search-provider-content a.search-provider-record .search-provider-record-image>i.fa {
  color: #537e3c;
  background-color: #333
}

#dropdown-search.dropdown-menu .search-provider .search-provider-content a.search-provider-record .search-provider-record-text>span:last-child {
  color: #ddd
}

#dropdown-search.dropdown-menu .search-provider .search-provider-actions .btn {
  color: #ddd !important;
  background-color: #333
}

#dropdown-search.dropdown-menu .search-provider .search-provider-actions .btn:active,
#dropdown-search.dropdown-menu .search-provider .search-provider-actions .btn:focus,
#dropdown-search.dropdown-menu .search-provider .search-provider-actions .btn:hover {
  background-color: #393939
}

.dropdown.search-menu .dropdown-backdrop {
  background-color: rgba(255, 255, 255, .15)
}

.dropdown.search-menu.open #search-menu {
  background-color: #222;
  border-bottom-color: #537e3c
}

.search-results-header {
  color: #fff;
  border-bottom-color: #393939
}

.select2-container--humhub .select2-search--dropdown .select2-search__field,
.select2-container--humhub .select2-selection {
  border-color: #3c3c3c;
}

.select2-container--humhub .select2-results__option[aria-selected=false],
.select2-container--humhub .select2-results__option[aria-selected=true] {
  border-left-color: transparent
}

.select2-container--humhub .select2-search__field::placeholder {
  color: #999
}

.select2-container--humhub .select2-results__option[aria-disabled=true] {
  color: #777
}

.select2-container--humhub .select2-results__option--highlighted[aria-selected] {
  background-color: #292929;
  color: #fff
}

.select2-container--humhub .select2-results__group {
  color: #777
}

.select2-container--humhub.select2-container--focus .select2-selection,
.select2-container--humhub.select2-container--open .select2-selection {
  border-color: #537e3c
}

.select2-container--humhub.select2-container--open .select2-selection .select2-selection__arrow b {
  border-color: transparent transparent #999
}

.select2-container--humhub .select2-selection__clear {
  color: #999
}

.select2-container--humhub .select2-selection__clear:hover {
  color: #333
}

.select2-container--humhub .select2-dropdown {
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  border-color: #393939
}

.select2-container--humhub .select2-selection--single .select2-selection__arrow b {
  border-color: #999 transparent transparent
}

.select2-container--humhub .select2-selection--multiple .select2-selection__placeholder,
.select2-container--humhub .select2-selection--single .select2-selection__placeholder {
  color: #999
}

.select2-container--humhub .select2-selection--multiple .select2-selection__choice {
  background-color: #537e3c;
  color: #fff;
  padding-top: 2px;
  margin-left: 4px;
  margin-top: 1.5px;
}

.select2-container--humhub .select2-selection--multiple .select2-search--inline .select2-search__field {
  background-color: transparent
}

.select2-container--humhub .select2-selection--multiple .select2-search--inline input::placeholder {
 color: #FFF !important;
}

.select2-container--humhub .select2-selection--multiple .select2-selection__choice__remove {
  color: #999
}

.select2-container--humhub .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333
}

.input-group-lg .select2-container--humhub.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select2-container--humhub.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999
}

.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 {
  box-shadow: inset 0 1px 1px rgba(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 {
  box-shadow: inset 0 1px 1px rgba(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: #537e3c
}

.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  box-shadow: inset 0 1px 1px rgba(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
}

ul.tag_input {
  background-color: #222;
  border-color: #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.spaceInput,
.userInput {
  background-color: #537e3c;
  color: #000
}

.heading {
  background-color: #222
}

.bg-warning {
  background-color: #4d443b
}

.dropdown-menu {
  background-color: #2F2F2F;
  border-color: rgba(255, 255, 255, .15);
}

.dropdown-menu>li>a,
.dropdown-menu>li>a:hover {
  color: #ddd
}

.dropdown-menu>li>a:hover {
  background-color: #393939
}

.modal .dropdown-menu li,
.nav-tabs .dropdown-menu li,
.panel .dropdown-menu li {
  border-color: transparent
}

.form-control,
textarea {
  color: #fff !important;
  background-color: #3c3c3c !important
}

::placeholder {
  color: #ddd !important
}

.form-collapsible-fields {
  background-color: #393939
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  border-color: #5e5e5e;
  border: 0px;
}

.select2-container--humhub .select2-selection,
.select2-container--humhub .select2-selection--single .select2-selection__rendered {
  color: #fff;
  background-color: #3c3c3c;
  padding-top: 4px;
}

.select2-dropdown {
  background-color: #393939 !important
}

.select2-container--humhub .select2-results__option[aria-selected=true] {
  background-color: #333;
  color: #fff
}

.select2-container--humhub .select2-search--dropdown .select2-search__field {
  background-color: #313131;
  color: #ddd
}

.select2-container--humhub.select2-container--disabled .select2-selection,
.select2-container--humhub.select2-container--disabled .select2-selection--multiple .select2-selection__choice,
.select2-container--humhub.select2-container--disabled .select2-selection__rendered {
  background-color: #3c3c3c;
  border-color: #3c3c3c;
}

#topbar-first {
  background-color: #006bb7
}

#topbar-first .nav>.open>a,
#topbar-first .nav>li>a:hover {
  background-color: #1a1a1a
}

#topbar-first .account .user-title span {
  color: #ddd
}

#topbar-first .dropdown.account.open>a,
#topbar-first .dropdown.account>a {
  background-color: transparent !important;
  border: 0 !important;
}

#topbar-first .dropdown.account.open>a:hover,
#topbar-first .dropdown.account>a:hover {
  background-color: #006bb7
}

#topbar-first .btn-enter,
#topbar-first .btn-group>a {
  background-color: #287dc8;
}

#topbar-first .btn-enter:hover {
  background-color: #4d4d4d
}

#topbar-first .caret {
  border-top-color: #fff
}

#topbar-second {
  background-color: #333;
  border-bottom-color: #333
}

#topbar-second .nav>li.active,
#topbar-second .nav>li>a:hover {
  background-color: #424242
}

#topbar-second .nav>li>ul>li>a {
  background-color: #424242;
  border-left-color: transparent;
  padding: 14px 24px 14px 24px;
}

#topbar-second .nav>li>a#space-menu {
  border-right-color: #333
}

.list-group-item {
  background-color: #2D2D2D;
  border-color: transparent !important;
  padding: 26 15px
}

a.list-group-item,
button.list-group-item {
  color: #ddd
}

a.list-group-item.active,
a.list-group-item.active:focus,
a.list-group-item.active:hover,
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  color: #fff;
  background-color: #383838
}

.container-cards .card .card-body .card-details,
.container-cards .form-search .form-button-search {
  color: #e4e4e4;
}

.status-bar-body {
  background-color: rgba(94, 94, 94, .5)
}

.container-cards .card .card-panel {
  background-color: #393939
}

.container-cards .card .card-header .card-image-link {
  border-color: #000
}

.container-cards .card .card-bg-image {
  background-color: #5e5e5e
}

.btn-primary {
  color: #fff !important
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
  background-color: #537e3c
}

.btn-info.active,
.btn-info:active,
.btn-primary.active,
.btn-primary:active {
  background-color: #006bb7 !important
}

.btn-primary.active,
.btn-primary:active {
  border-color: #333;
  color: #fff !important
}

.media-list li,
hr {
  border-color: #353535;
  border-left: 3px solid #2d2d2d
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst,
.modal-content .modal-header .close {
  color: #fff
}

.container-module-updates .btn.active {
  background-color: #537e3c !important
}

.badge,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.form-control[disabled],
.form-control[readonly],
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover,
fieldset[disabled] .form-control {
  color: #333;
  background-color: #DFB73F;
}

.modal-content {
  background-color: #2d2d2d
}

.popover {
  background-color: #393939
}

.input-group-addon {
  background-color: #3c3c3c
}

.dropdown-menu .divider {
  background-color: #333
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
  background-color: #333
}

code {
  background-color: #000
}

.markdown-render code,
[data-ui-markdown] code,
[data-ui-richtext] code {
  color: #537e3c;
  background-color: #2e393a
}

.media-list li.new {
  border-left-color: #3e3d38;
  background-color: #3e3d38;
}

.media-list li.new:hover {
  border-left: 3px solid #3e3d38 !important;
  background-color: #3e3d38 !important;
}

#mail-conversation-overview .inbox-wrapper .media-list .placeholder {
 color: #FFF;
 padding: 14px 18px 40px 18px !important;
}

#dropdown-messages .media-list .placeholder {
 color: #FFF;
 padding: 14px 18px 22px 18px !important;
}

#topbar-first .media-list li.placeholder:hover {
 border-left: 3px solid #2d2d2d !important;
}

#mail-conversation-overview .inbox-wrapper .media-list .placeholder:hover {
 border-left: 3px solid #2d2d2d !important;
}

.nav-tabs,
.nav-tabs>li>a:hover,
.tab-menu .nav-tabs li>a,
.tab-menu .nav-tabs li>a:focus {
  border: 0px;
  border-radius: 4px;
}

.panel-default .tab-sub-menu li a {
  margin-right: 6px;
  padding: 10px;
}

.panel-default .tab-sub-menu li a:hover {
  padding: 11px;
}

.panel-default .tab-sub-menu li .active {
  padding: 9px;
  border: 2px solid transparent;
}

.panel-default .tab-sub-menu {
  right: 2px;
  padding-top: 20px;
  padding-bottom: 14px;
  position: relative;
}

.tab-menu .nav-tabs li>a:hover {
  border: 0px;
  background-color: #6a6046;
}

.tab-menu .nav-tabs li>a:focus {
  border: 0px;
  background-color: #6a6046;
}

.tab-menu .nav-tabs li>a:active {
  border: 0px;
  background-color: #6a6046;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  background-color: #3c3c3c;
  border-color: #5e5e5e #5e5e5e transparent;
  border: 0px;
  border-radius: 3px;
}

.nav>li>a:focus,
.nav>li>a:hover {
  background-color: #333
}

.panel .panel-body {
  background-color: #2d2d2d !important
}

.wall-entry .wall-entry-header {
  border-bottom-color: #393939
}

#wall-stream-filter-nav .wall-stream-filter-body,
.atwho-view,
.load-suppressed a {
  border: 0;
}

#wall-stream-filter-nav .wall-stream-filter-head {
  border: 0;
}

#wall-stream-filter-nav .wall-stream-filter-head .btn-sm {
 width: 108px !important;
 text-align: center;
 color: #FFF !important;
 display: inline-block;
 background-color: #333;
 padding: 8px 0px 8px 0px;
 border-radius: 0px;
 font-size: 12px;
 font-weight: 500;
 letter-spacing: 1px;
 margin-top: -10px;
 margin-bottom: -10px;
}

#wall-stream-filter-nav .wall-stream-filter-head .fa {
 top: 1px;
 position: relative;
}

#wall-stream-filter-nav .wall-stream-filter-head .btn-sm:hover {
 color: #FFF !important;
 padding: 8px 0px 8px 0px !important;;
 background-color: #333 !important;
}

#wall-stream-filter-nav .wall-stream-filter-head .btn-sm:active {
 color: #FFF !important;
 padding: 8px 0px 8px 0px !important;;
 background-color: #333 !important;
}

#wall-stream-filter-nav .wall-stream-filter-head .btn-sm:focus {
 color: #FFF !important;
 padding: 8px 0px 8px 0px !important;;
 background-color: #333 !important;
}

#wall-stream-filter-nav .wall-stream-filter-head .caret {
 display: none;
}

.well {
  background-color: #2d2d2d
}

.atwho-view {
  color: #ddd;
  background-color: #292929;
  margin-top: 9px !important;
}

.load-suppressed a {
  background-color: #537e3c;
  font-size: 12px;
}

.table-hover>tbody>tr:hover {
  background-color: #393939
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
  background-color: #333
}

#contentFormMenu .content-create-menu-more>i,
#contentFormMenu .nav-tabs>li.active>a,
#contentFormMenu .nav-tabs>li>a {
  background-color: #333;
  border: 0;
}

#contentFormMenu .nav-tabs>li.active>a.active,
#contentFormMenu .nav-tabs>li.active>a:hover,
#contentFormMenu .nav-tabs>li>a.active,
#contentFormMenu .nav-tabs>li>a:hover {
  color: #ddd;
  background-color: #333;
}

.glyphicon {
 color: #FFF !important;
}

#contentFormMenu .nav-tabs>li.active>a,
#contentFormMenu .nav-tabs>li>a {
  color: #fff;
  border-radius: 0px !important;
  font-weight: 450;
}

#contentFormMenu .content-create-menu-more>i:hover {
  background-color: #222;
  color: #fff
}

#contentFormMenu .content-create-menu-more .dropdown-menu,
.ProseMirror hr {
  border-color: #5e5e5e
}

.ProseMirror-prompt {
  background-color: #222;
  border-color: #5e5e5e
}

.ProseMirror-invalid {
  color: #000 !important
}

.ProsemirrorEditor .ProseMirror-menu-active {
  background-color: #5e5e5e
}

.ProsemirrorEditor.focusMenu .ProseMirror-menubar,
.ProsemirrorEditor.plainMenu .ProseMirror-menubar {
  background-color: #2d2d2d;
  border-color: #2d2d2d !important
}

.panel-profile .panel-profile-header,
.panel-profile .panel-profile-header .profile-user-photo-container .profile-user-photo {
  border-color: #333;
  border: 0px;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover,
.pagination>li>a,
.pagination>li>span {
  background-color: #333;
  border-color: #5e5e5e
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  background-color: #5e5e5e;
  border-color: #5e5e5e
}

.container-modules .card-module .card-panel>div:not(.card-status) {
  background-color: #333
}

.container-modules .card-module .card-title {
  color: #ddd
}

.breadcrumb,
input[type=checkbox],
input[type=radio] {
  background-color: #393939
}

.jumbotron {
  background-color: #333
}

.alert-info {
  background-color: #323a3f
}

.hexInput {
  background-color: #333
}

.ui-datepicker-month,
.ui-datepicker-year {
  background-color: #333;
  border-color: #393939
}

.or-container hr {
  border-color: #7b7773 !important
}

.or-container div {
  background-color: #333 !important
}

.or-container {
  color: #fff !important
}

.bootstrap-timepicker-widget table td a:hover {
  background-color: #333 !important;
  border-color: #333 !important
}

.fc-content,
.fc-day-header,
.fc-divider,
.fc-list-heading td,
.fc-list-view,
.fc-popover,
.fc-row,
.message-tag-filter-group .manage-tags-link,
.select2-container--bootstrap .select2-selection,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th,
.target-page-list-grid,
.task-list .pagination-container,
.task-list-li,
tbody,
td,
th,
thead {
  border-color: #3a3a3a !important
}

.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
  background-color: #393939 !important
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  background-color: #222 !important;
  color: #ddd !important
}

.select2-hidden-accessible option[selected] {
  background-color: #5e5e5e !important;
  color: #fff !important
}

.layout-content-container .wiki-content.wiki-page-diff del,
.layout-content-container .wiki-content.wiki-page-diff ins {
  color: #000 !important
}

#dropdown-messages .dropdown-header,
.fc-header-toolbar h2 {
  color: #ddd !important
}

.conversation-scroll-down-button {
  background-color: #333;
  box-shadow: 1px 1px 2px #000
}

.fc-list-heading {
  background-color: #393939 !important
}

.external-calendar-overview td textarea {
  background-color: #222 !important
}

#gallery-container>.panel-heading,
.target-page-list-head,
.task-checklist .task-item:hover {
  background-color: #537e3c !important;
}

.task-checklist label.item-finished input[type=checkbox]:checked::after {
  color: #000 !important
}

.task-list-header>.panel-body {
  background-color: #393939 !important
}

.task-list-header h4 {
  color: #ddd !important
}

.task-list-header .help-block:hover,
.task-list-header.panel .help-block {
  color: #ccc !important
}

#task-container .panel-heading,
.task-list .pagination-container,
.task-list-items .task-list-task-completed-show-more,
.task-list-li,
.task-list-li .closed-task-lists-container {
  background-color: #222 !important
}

.task-list-li.task-list-li-collapsed .task-toggled-color,
.task-overview label {
  color: #ddd !important
}

.task-overview #filter-tasks-list .media-list .empty,
.task-overview #filter-tasks-list .media-list li,
.task-overview #task-filter-nav {
  background-color: #333 !important;
  color: #bbb !important
}

.task-list-container .task-list-title-bar>div:hover,
.task-list-items .task-list-item .task-list-task-title-bar>div:hover {
  background-color: #333 !important
}

body .closed-task-list-view li:hover {
  background-color: #4d443b !important
}

.task-list-items .task-list-item .task-list-task-title-bar.highlighter,
.task-list-state-highlight,
.task-state-highlight,
.ui-sortable-helper {
  background-color: #2e393a !important
}

#task-space-menu {
  border-bottom-color: #393939 !important
}

#task-container .panel-heading .task-header-panel,
#task-space-menu li a {
  border-color: #393939 !important
}

.task-controls,
.task-list-items .task-list-item,
.task-list-title-bar {
  border-color: #5e5e5e !important
}

.ui-sortable-helper {
  border-color: #333 !important
}

:root {
  --default: #0d0d0d;
  --primary: #006bb7;
  --info: #537e3c;
  --success: #537e3c;
  --warning: #FFC107;
  --danger: #FC4A64;
  --link: #537e3c;
  --text-color-main: #ddd;
  --text-color-secondary: #bbb;
  --text-color-highlight: #fff;
  --text-color-soft: #dddddd;
  --text-color-soft2: #ccc;
  --text-color-soft3: #7b7773;
  --text-color-contrast: #000;
  --background-color-main: #222;
  --background-color-secondary: #333;
  --background-color-page: #000;
  --background-color-highlight: #2e393a;
  --background-color-highlight-soft: #171d1e;
  --background3: #393939;
  --background4: #5e5e5e;
  --background-color-success: #3e423b;
  --text-color-success: #84be5e;
  --border-color-success: #537e3c;
  --background-color-warning: #4d443b;
  --text-color-warning: #e9b168;
  --border-color-warning: #fdd198;
  --background-color-danger: #372a2a;
  --text-color-danger: #ff8989;
  --border-color-danger: #ff8989;
  --mail-font-family: 'Open Sans', Arial, Tahoma, Helvetica, sans-serif
}

.jp-audio {
  filter: invert(1) hue-rotate(180deg)
}

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
  filter: invert(100%)
}

.inbox-wrapper {
  background-color: #2d2d2d;
}


#birthdayContent {
  background-color: #2d2d2d;
}


#birthdayContent .label-danger {
  color: #FFF;
  padding: 10px 13px 10px 13px;
  background-color: #537e3c !important;
}


#birthdayContent .label-default {
  background-color: #006bb7 !important;
}


div.nested-comments-root .showMore a {
  color: #FFF !important;
}


#topbar-second .nav>li>a i {
  font-size: 14px;
  color: #FFF;
}


#topbar-first .btn-enter {
  background-color: #537e3c;
}


#getting-started-panel .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#getting-started-panel .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#getting-started-panel .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#getting-started-panel .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c;
}


#getting-started-panel .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#getting-started-panel .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c;
}


#panel-activities .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#panel-activities .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#panel-activities .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#panel-activities .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c;
}


#panel-activities .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#panel-activities .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c;
}


#user-tags-panel .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#user-tags-panel .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#user-tags-panel .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#user-tags-panel .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c;
}


#user-tags-panel .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#user-tags-panel .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c;
}


#panel-online .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#panel-online .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#panel-online .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#panel-online .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c;
}


#panel-online .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#panel-online .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c;
}


#panel-new-people .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#panel-new-people .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#panel-new-people .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#panel-new-people .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c;
}


#panel-new-people .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#panel-new-people .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c;
}


#new-spaces-panel .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#new-spaces-panel .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#new-spaces-panel .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#new-spaces-panel .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c;
}


#new-spaces-panel .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#new-spaces-panel .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c;
}


#user-spaces-panel .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#user-spaces-panel .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#user-spaces-panel .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#user-spaces-panel .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c;
}


#user-spaces-panel .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#user-spaces-panel .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c;
}


#profile-friends-panel .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#profile-friends-panel .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#profile-friends-panel .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#profile-friends-panel .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c;
}


#profile-friends-panel .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#profile-friends-panel .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c;
}


#profile-follower-panel .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#profile-follower-panel .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#profile-follower-panel .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#profile-follower-panel .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c;
}


#profile-follower-panel .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#profile-follower-panel .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c;
}


#profile-following-panel .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#profile-following-panel .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#profile-following-panel .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#profile-following-panel .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c;
}


#profile-following-panel .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#profile-following-panel .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c;
}


#space-members-panel .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#space-members-panel .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#space-members-panel .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#space-members-panel .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c;
}


#space-members-panel .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#space-follower-panel .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#space-follower-panel .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#space-follower-panel .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#space-follower-panel .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#space-follower-panel .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#space-follower-panel .nav-pills > li > a:active {
 border-radius: 99ex;
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#space-follower-panel .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#space-follower-panel .dropdown-menu {
 top: 31px;
 right: -14px;
 position: absolute;
}


#space-members-panel .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c;
}


#my-membership-panel .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#my-membership-panel .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#my-membership-panel .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#my-membership-panel .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c;
}


#my-membership-panel .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#my-membership-panel .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c;
}


#panel-birthday .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#panel-birthday .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#panel-birthday .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#panel-birthday .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c;
}


#panel-birthday .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#panel-birthday .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c;
}


#space-gallery-snippet .nav-pills.preferences .dropdown .dropdown-toggle i {
 color: #FFF;
}


#space-gallery-snippet .nav-pills.preferences .dropdown .dropdown-toggle {
 right: 6px;
}


#space-gallery-snippet .nav-pills.preferences .dropdown .dropdown-toggle:hover i {
 color: #FFF;
}


#space-gallery-snippet .nav-pills > li > a:hover {
 border-radius: 99ex;
 background-color: #537e3c;
}


#space-gallery-snippet .nav-pills.preferences .dropdown .dropdown-toggle:focus i {
 color: #FFF;
}


#space-gallery-snippet .nav-pills > li > a:focus {
 border-radius: 99ex;
 background-color: #537e3c;
}


#dropdown-messages .dropdown-header {
 color: #FFF !important;
 font-weight: 500 !important;
 background-color: #537e3c !important;
 margin: 0 !important;
 padding: 13px !important;
 padding-left: 11px;
 padding-left: 20px !important;
 margin-top: -5px !important;
}


#dropdown-notifications .media-body {
 color: #ddd !important;
 font-family: Arial;
 font-size: 15px;
}


#dropdown-notifications .media-body strong {
 font-weight: 400 !important;
 font-size: 15px;
 color: #FFF;
 text-shadow: 0.2px 0 rgba(255, 255, 255, 0.35), -0.2px 0 rgba(255, 255, 255, 0.35);
}


.topbar .dropdown-header {
 color: #FFF !important;
 font-weight: 500 !important;
 background-color: #537e3c !important;
 margin: 0 !important;
 padding: 14px !important;
 padding-left: 11px;
 padding-left: 20px !important;
 margin-top: -5px !important;
}


.form-search .form-search-field-info {
 color: #FFF !important;
}


#new-member-request hr {
 top: 30px;
 width: 100%;
 position: relative;
 transform: translateX(-30px);
 border-bottom: 1px solid #353535;
}


#new-member-request small {
 left: 7px;
 bottom: 12px;
 font-size: 13px;
 width: 92%;
 hyphens: none;
 display: block;
 font-style: normal;
 position: relative;
}


.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline {
 top: 18px;
}


.conversation-entry-badge span {
 top: 16px;
 color: #FFF;
 display: inline-block;
 background-color: #4b4b4b;
 border-radius: 7px;
 padding: 5px 20px;
 position: relative;
}


#mail-conversation-root .panel .panel-heading {
 padding: 15px 20px 15px 25px !important;
 background-color: #537e3c !important;
}


#mail-conversation-root .dropdown-menu {
 top: 43px;
 right: -22px;
 box-shadow: none;
 border: 0px;
 background-color: #333;
}


#mail-conversation-root .panel .dropdown-menu .fa {
 color: #FFF;
 margin-right: 12px;
}


#mail-conversation-root .fa {
 margin-right: 0px;
 cursor: pointer;
}


#mail-conversation-overview button {
 top: 0px;
 background-color: #537e3c;
}


#mail-conversation-overview button:hover {
 top: 0px;
 background-color: #537e3c !important;
}


#mail-conversation-overview button:focus {
 top: 0px;
 padding-right: 4px;
 background-color: #537e3c !important;
}


#mail-conversation-overview button:active {
 top: 0px;
 padding-right: 4px;
 background-color: #537e3c !important;
}


#dropdown-messages button:hover {
 background-color: #537e3c !important;
}


.panel-profile .panel-profile-header .image-upload-container .btn-sm {
 width: 35px;
 border-radius: 99ex;
 background-color: #2e7ab1;
 position: relative;
 margin-right: 4px;
 padding: 8px 0px 8px 0px;
}


.panel-profile .panel-profile-header .image-upload-container .btn-sm:hover {
 background-color: #2e7ab1 !important;
}


.btn-sm {
 background-color: #537e3c;
 color: #FFF !important;
}


.btn-sm:hover {
 background-color: #537e3c;
 color: #FFF !important;
}


#layout-content .btn-sm:active {
 border: 0px !important;
 padding: 4px 17px 4px 17px;
 background-color: #537e3c !important;
 color: #FFF !important;
}


.row .wall-entry .topic-label-list .label-light {
 border-color: rgba(255, 255, 255, 0.0);
 background-color: rgba(255, 255, 255, 0.0);
 color: #FFF !important;
 font-weight: 500; font-size: 12px;
 padding: 5px 6px 5px 6px;
}


.row .wall-entry .topic-label-list .fa-star::before {
 color: #f0cf4e;
 right: 2px;
 position: relative;
 content: "\f005" !important;
}


.panel-profile .panel-profile-header .image-upload-container .btn-sm:active {
 width: 35px;
 border-radius: 99ex;
 position: relative;
 padding: 8px 0px 8px 0px !important;
}


.panel-profile .panel-profile-header .image-upload-container .btn-sm:focus {
 width: 35px;
 border-radius: 99ex;
 position: relative;
 padding: 8px 0px 8px 0px !important;
}


.image-upload-buttons .btn-sm:active {
 padding: 3px 6px 3px 6px !important;
}


.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
 border-bottom-right-radius: 0px;
 border-bottom-left-radius: 0px;
}


#gallery-container .panel-heading .media .author a {
 top: 10px;
 color: #fff !important;
 font-size: 13px !important;
 font-weight: 500;
 position: relative;
}


#gallery-container .media .time {
 top: 4.7px;
 left: 4px;
 color: #fff !important;
 font-size: 12px !important;
 font-weight: 500;
 position: relative;
}


#gallery-container .panel-heading .media .updated {
 top: 10px;
 color: #fff !important;
 font-size: 12px !important;
 position: relative;
}


#gallery-container .clearfix .dropdown-menu {
 top: 14px;
 left: 18px !important;
 width: 189px;
 height: auto;
}


#gallery-container .col .dropdown-menu {
 top: 10px;
 left: 24px;
 width: 189px;
 height: auto;
}


#dropdown-notifications .dropdown-footer .btn.btn-default {
 width: 100%;
 background-color: #2f2f2f;
 border-top: 1px solid #353535;
 border-left: 0;
 border-right: 0;
 border-bottom: 0;
 padding-top: 15px;
 color: #FFF !important;
 font-size: 15px !important;
 font-weight: 500;
 font-family: Arial;
}


#dropdown-notifications .dropdown-footer .btn.btn-default:hover {
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
}


#dropdown-notifications .dropdown-footer .btn.btn-default:active {
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
}


#dropdown-notifications .dropdown-footer .btn.btn-default:focus {
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
}


#dropdown-messages .dropdown-footer .btn.btn-default {
 width: 100%;
 background-color: #2f2f2f;
 border-top: 1px solid #353535;
 border-left: 0;
 border-right: 0;
 border-bottom: 0;
 padding-top: 15px;
 color: #FFF !important;
 font-weight: 500;
 font-family: Arial;
 font-size: 15px !important;
}


#dropdown-messages .dropdown-footer .btn.btn-default:hover {
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
}


#dropdown-messages .dropdown-footer .btn.btn-default:active {
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
}


#dropdown-messages .dropdown-footer .btn.btn-default:focus {
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
}


#space-menu-dropdown .btn-info {
 width: 100%;
 color: #FFF !important;
 font-weight: 500;
 padding-top: 15px;
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
 font-family: Arial;
 font-size: 15px;
}


#space-menu-dropdown .btn-info:hover {
 padding-top: 15px;
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
 border: 0px;
}


#space-menu-dropdown .btn-info:active {
 padding-top: 15px;
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
 border: 0px;
}


#space-menu-dropdown .btn-info:focus {
 padding-top: 15px;
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
 border: 0px;
}


.mail-inbox-messages .media h4.media-heading time {
 color: #FFF !important;
}


.mail-inbox-messages .media h5 span:first-child {
 color: var(--text-color-secondary);
}


#mail-conversation-root .author-label {
 color: #ddd !important;
 font-size: 13px !important;
 display: none;
}


#mail-conversation-root .conversation-entry-content p {
 color: #f2f2f2 !important;
 hyphens: none;
 font-size: 15px !important;
}


#contentFormMenu .nav-tabs a {
 padding: 10px 20px 10px 20px !important;
}


.panel-body #notification_overview_list {
 right: 14px;
 top: -18px;
 position: relative;
}


#notification_overview_list .media-body {
 padding-left: 29px !important;
}


#notification_overview_list .img-rounded {
 bottom: 5px;
 margin: 3px;
 height: 44px !important;
 width: 44px !important;
 position: relative;
 left: 7px;
}


.messagePreviewEntry.unread .mail-last-entry {
 color: #FFF !important;
}


.messagePreviewEntry.unread {
 background-color: #3e3d38;
 border-left-color: #3e3d38 !important;
}


.messagePreviewEntry.unread:hover {
 background-color: #3e3d38;
 border-left-color: #3e3d38 !important;
}


#mail-conversation-root .conversation-state-badge {
 width: 98.5% !important;
 bottom: 0 !important;
 position: absolute !important;
}


#mail-conversation-root .conversation-state-badge span {
 hyphens: none;
 color: #FFF !important;
 background-color: #2D2D2D !important;
}


.PendingRegistrations .btn-primary {
 padding: 2px 24px 4px 24px;
}


.PendingRegistrations .btn-primary:active {
 padding: 2px 24px 4px 24px;
}


.PendingRegistrations .btn-primary:hover {
 padding: 2px 24px 4px 24px;
}


.PendingRegistrations .btn-primary:focus {
 padding: 2px 24px 4px 24px;
}


#accept-user .img-rounded {
 top: 4px;
 position: relative;
}


#screen-options {
 width: 320px;
 padding-bottom: 30px;
}


#screen-options strong {
 display: none;
}


#screen-options input[type="checkbox"] {
 left: 1px;
 margin-bottom: 0px;
 position: relative;
}


#screen-options .btn-primary {
 margin-top: 16px;
}


#mail-conversation-root .conversation-entry-content {
 background-color: #3c3c3c !important;
}


#mail-conversation-root .conversation-entry-content.own {
 float: right !important;
 background-color: #514e44 !important;
}


.space-content .btn-primary {
 padding: 8px 18px 8px 18px;
}


.space-content .btn-primary:active {
 padding: 8px 18px 8px 18px;
}


.space-content .btn-primary:hover {
 padding: 8px 18px 8px 18px;
}


.space-content .btn-primary:focus {
 padding: 8px 18px 8px 18px;
}


.space-content .btn-sm {
 margin-top: 10px;
 padding: 8px 18px 8px 18px;
}


.space-content .btn-sm:active {
 padding: 8px 18px 8px 18px;
}


.space-content .btn-sm:hover {
 padding: 8px 18px 8px 18px;
}


.space-content .btn-sm:focus {
 padding: 8px 18px 8px 18px;
}


#space-header-controls-menu .label-danger {
  left: 4px;
  bottom: 1px;
  color: #333;
  position: relative;
  border-radius: 99ex;
  display: inline;
  padding: 4px 8px 4px 8px;
  background-color: #E1B736;
}


.dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
 background-color: #3c3c3c !important;
}


a[href="/admin/pending-registrations"] {
 padding: 6px 20px 6px 20px;
}


a[href="/admin/pending-registrations"]:focus {
 padding: 6px 20px 6px 20px !important;
}


a[href="/admin/pending-registrations"]:active {
 padding: 6px 20px 6px 20px !important;
}


a:hover[href="/admin/pending-registrations"] {
 padding: 6px 20px 6px 20px;
 background-color: #537e3c !important;
}


a:focus[href="/admin/pending-registrations"] {
 padding: 6px 20px 6px 20px;
 background-color: #537e3c !important;
}


a:active[href="/admin/pending-registrations"] {
 padding: 6px 20px 6px 20px;
 background-color: #537e3c !important;
}


.modules-group .btn-info {
 padding: 8px 16px 8px 16px !important;
}


.modules-group .btn-info:hover {
 background-color: #006bb7 !important;
 padding: 7px 15px 7px 15px !important;
}


.modules-group .btn-sm {
 padding: 8px 16px 8px 16px !important;
}


.modules-group .btn-sm:hover {
 background-color: #006bb7 !important;
}


.modules-group .btn-sm:active {
 background-color: #006bb7 !important;
}


.modules-group .btn-sm:focus {
 background-color: #006bb7 !important;
}


#mail-conversation-root .progress {
 width: 80%;
}


#mail-conversation-root ul.files li.file-preview-item {
 width: 80%;
}


#mail-conversation-root .mime-image {
 top: 4px;
 position: relative;
}


.panel-default .panel-body .table-responsive .grid-view .table td a:hover {
 color: #FFF !important;
}


#contentFormBody .btn_container .nav-pills.preferences .dropdown .dropdown-toggle .fa {
 color: #FFF !important;
}


.space-layout-container .space-content .panel-default .modules-group {
 background-color: #353535;
}


#panel-admin-center-list .has-online-status .user-online-status.user-is-online {
 top: 56px;
 left: 36px;
}


#panel-admin-center-list .input-group .form-control:first-child {
 left: 5px;
 width: 550px;
 background-color: #3c3c3c !important;
 border: 0px;
 border-radius: 8px !important;
}


#panel-admin-center-list .input-group ::placeholder {
 color: #DDD !important;
}


#panel-admin-center-list .input-group-btn:last-child .btn {
 right: 86px;
 margin-left: 10px !important;
 background-color: #3c3c3c !important;
 padding: 8px 26px 7px 26px;
 border-radius: 8px;
}


#panel-admin-center-list .input-group-btn:last-child .btn:focus {
 background-color: rgba(255, 255, 255, 0.0);
}


#panel-admin-center-list .input-group-btn:last-child .btn:active {
 background-color: rgba(255, 255, 255, 0.0);
}


#panel-admin-center-list .input-group-btn:last-child .btn .fa {
 left: 1px;
 font-size: 13px;
 bottom: 1px;
 color: #DDD !important;
 position: relative;
}


#panel-admin-center-list select.form-control:not([multiple]) {
 right: 87px;
 color: #DDD !important;
 position: relative;
 width: 444px !important;
 padding-right: 0px !important;
 background-position: 94.5% 52%; !important;
 background-color: #3c3c3c !important;
 background-image: url("") !important;
 border-radius: 8px !important;
 border: 0px;
}


#admin-space-page .input-group .form-control:first-child {
 background-color: #3c3c3c !important;
 border: 0px;
 border-radius: 5px;
}


#admin-space-page .input-group ::placeholder {
 color: #fff !important;
}


#admin-space-page .input-group-btn:last-child .btn {
 margin-left: 10px !important;
 background-color: #3c3c3c !important;
 padding: 8px 26px 7px 26px;
 border-radius: 8px;
}


#admin-space-page .input-group-btn:last-child .btn:focus {
 background-color: rgba(255, 255, 255, 0.0);
}


#admin-space-page .input-group-btn:last-child .btn:active {
 background-color: rgba(255, 255, 255, 0.0);
}


#admin-space-page .input-group-btn:last-child .btn .fa {
 left: 1px;
 font-size: 13px;
 bottom: 1px;
 color: #fff !important;
 position: relative;
}


#admin-space-page select.form-control:not([multiple]) {
 color: #fff !important;
 position: relative;
 width: 100% !important;
 padding-right: 0px !important;
 background-position: 94.5% 52%; !important;
 background-color: #3c3c3c !important;
 background-image: url("") !important;
 border-radius: 5px;
 border: 0px;
}


.input-group #space-menu-search {
 border-radius: 8px !important;
 padding: 20px 16px 20px 16px;
 border: 0px;
 background-color: #3c3c3c !important;
}


#space-menu-dropdown .dropdown-controls .input-group ::placeholder {
 color: #FFF !important;
}


#wallStream .panel-default .panel-body .ProseMirror {
 border: 0px;
 padding: 10px;
 background-color: #3c3c3c !important;
}


.space-content .panel-default .panel-body .ProseMirror {
 border: 0px;
 padding: 10px;
 background-color: #3c3c3c;
}


.space-content .panel-default .panel-body .ProseMirror p .placeholder {
 color: #DDD !important;
}


.space-content .ProsemirrorEditor .ProseMirror.form-control {
 border-radius: 8px !important;
}


#wallStream .panel-default .panel-body .ProseMirror p .placeholder {
 color: #DDD !important;
}


#mail-conversation-root .atwho-input {
 border: 0px;
 padding: 14px 4px 4px 14px;
 border-radius: 4px 4px 0px 0px !important;
 background-color: #353535 !important;
}


#mail-conversation-root .upload-buttons .btn-group .fileinput-button {
 background-color: #454545 !important;
}


#mail-edit .modal-content .atwho-input {
 height: auto;
 font-size: 14px;
 min-height: 100px;
 border: 0px;
 padding: 10px;
 background-color: #3A3A3A !important;
}


#mail-edit .ProsemirrorEditor .ProseMirror-menubar-wrapper {
 margin-top: 20px;
}


#mail-conversation-root .atwho-input p {
 width: 82%;
 hyphens: none;
}


#mail-conversation-root .atwho-input p .placeholder {
 color: #FFF !important;
}


#contentFormBody .form-group .ProseMirror-menubar-wrapper .atwho-input {
 border: 0px;
 padding: 10px;
 background-color: #3c3c3c !important;
}


#contentFormBody .form-group .ProseMirror-menubar-wrapper .atwho-input p .placeholder {
 color: #D9D9D9 !important;
}


#contentFormBody .field-poll-question input {
 border: 0px;
 padding: 20px 10px 20px 15px;
 background-color: #3c3c3c;
}


#contentFormBody .field-poll-question ::placeholder {
 color: #D9D9D9 !important;
}


#contentFormBody .contentForm_options .poll_answer_new_input {
 border: 0px;
 width: 98%;
 padding: 20px 10px 20px 15px;
 background-color: #3c3c3c;
}


#contentFormBody .contentForm_options ::placeholder {
 color: #D9D9D9 !important;
}


#mail-create .modal-content .modal-body .form-control {
 border: 0px;
 padding: 16px;
 border-radius: 3px !important;
 background-color: #3c3c3c !important;
}


#mail-create .modal-content .modal-body ::placeholder {
 color: #D9D9D9 !important;
}


#mail-create .modal-content .modal-body .select2-selection__rendered {
 border: 0px;
 background-color: #3c3c3c !important;
}


#mail-create #createmessage-message .atwho-input {
 border: 0px;
 padding: 16px 16px 16px 13px;
 border-radius: 3px !important;
 background-color: #3c3c3c !important;
}


#mail-create #createmessage-message .atwho-input p .placeholder {
 color: #D9D9D9 !important;
 font-size: 14px;
}


.container-people .panel-default .panel-body .form-search .form-search-filter-keyword .form-control {
 border: 0px;
 padding: 16px;
 background-color: #3c3c3c !important;
}


.container-people .panel-default .panel-body .form-search .form-search-filter-keyword ::placeholder {
 color: #D9D9D9 !important;
}


.container-spaces  .panel-default .panel-body .form-search .form-search-filter-keyword .form-control {
 border: 0px;
 padding: 16px;
 background-color: #3c3c3c !important;
}


.container-spaces  .panel-default .panel-body .form-search .form-search-filter-keyword ::placeholder {
 color: #D9D9D9 !important;
}


#add-user-views-panel .panel-body .form-control {
 border: 0px;
 padding: 16px 16px 16px 13px;
 background-color: #3c3c3c !important;
}


#panel-body-edit-padding .dropdown-navigation .fa {
 color: #FFF !important;
}


#panel-body-edit-padding .form-control {
 border: 2px solid #3c3c3c;
}


#panel-body-edit-padding .form-group .fa {
 display: block;
 padding-top: 6px;
 padding-bottom: 1px;
}


#panel-body-edit-padding .form-group .fa-eye {
 display: block;
 padding-top: 4px !important;
 padding-right: 10px !important;
 color: #EEE;
}


#panel-body-edit-padding .form-group .fa-eye-slash {
 display: block;
 padding-top: 4px !important;
 padding-right: 10px !important;
 color: #EEE;
}


#panel-body-edit-padding .grid-view .summary {
 color: #FFF !important;
 margin-left: 5px;
}


#panel-body-edit-padding .grid-view .filters input {
 border: 0px;
 padding: 0px 0px 0px 12px;
 background-color: #3c3c3c !important;
}


.grid-view table tbody tr:hover {
 background-color: #2d2d2d;
}


#panel-friendship-list .btn-sm {
 background-color: #AA4141 !important;
 padding: 8px 11px 8px 11px !important;
}


#panel-friendship-list img {
 left: 8px;
 position: relative;
}


#panel-friendship-list .name {
 color: #FFF !important;
}


#panel-friendship-list .name:hover {
 color: #FFF !important;
}


#panel-friendship-requests img {
 left: 8px;
 position: relative;
}


#panel-friendship-requests .name {
 color: #FFF !important;
}


#panel-friendship-requests .name:hover {
 color: #FFF !important;
}


#panel-friendship-list .btn-sm:active {
 padding: 8px 11px 8px 11px !important;
}


#panel-friendship-requests .btn-accept {
 background-color: #537e3c !important;
 padding: 8px 11px 8px 11px !important;
}


#panel-friendship-requests .btn-accept:active {
 padding: 8px 11px 8px 11px !important;
 background-color: #537e3c !important;
}


#panel-friendship-requests .btn-sm {
 padding: 8px 11px 8px 11px !important;
}


#panel-friendship-requests .btn-sm:active {
 padding: 8px 11px 8px 11px !important;
 background-color: #AA4141 !important;
}


#panel-body-edit-padding .form-collapsible-fields .form-control {
 background-color: #534444 !important;
 border-color: #534444 !important;
}


#wallStream .panel-body .wall-entry-body .btn-gallery .btn {
 background-color: #537e3c;
 font-weight: 400;
 font-size: 13px;
 padding: 4px 24px 6px 24px !important;
}


#wallStream .panel-body .wall-entry-body .btn-gallery .btn:hover {
 background-color: #537e3c !important;
 border: 0px !important;
 padding: 4px 24px 6px 24px !important;
}


#wallStream .panel-body .wall-entry-body .btn-gallery .btn:focus {
 background-color: #537e3c !important;
 border: 0px !important;
 padding: 4px 24px 6px 24px !important;
}


#wallStream .panel-body .wall-entry-body .btn-gallery .btn:active {
 background-color: #537e3c !important;
 border: 0px !important;
 padding: 4px 24px 6px 24px !important;
}


#mail-conversation-root .conversation-blocked .alert-danger {
 border: 0px;
 font-weight: 500;
 text-align: center;
 padding-top: 45px;
 hyphens: none;
 color: #FFB5B5;
 padding-bottom: 40px;
 background-color: #2d2d2d;
}


#wall-stream-filter-nav .wall-stream-filter-body .fa-square-o {
 font-size: 14px;
 padding-top: 8px;
 padding-bottom: 8px;
 border-radius: 99ex !important;
}


#wall-stream-filter-nav .wall-stream-filter-body .filter-root .filter-panel + .filter-panel {
 border-left-color: #404040 !important;
}


#wall-stream-filter-nav .wall-stream-filter-body .filter-list {
 padding-top: 8px;
}


#wall-stream-filter-nav .wall-stream-filter-body .filter-block {
 padding-top: 12px;
}


#wall-stream-filter-nav .wall-stream-filter-body .fa-check-square-o::before {
 content: "\f192";
 color: #f0cf4e;
 padding-top: 8px;
 padding-bottom: 8px;
 font-size: 14px;
 margin-right: 5px;
}


#wall-stream-filter-nav .wall-stream-filter-body .fa-dot-circle-o::before {
 content: "\f192";
 margin-right: 5px;
 color: #f0cf4e;
 font-size: 14px;
}


#wall-stream-filter-nav .wall-stream-filter-body .fa-check-square-o {
 padding-top: 8px;
 padding-bottom: 8px;
 font-size: 14px;
}


#poll-description .ProseMirror-menubar-wrapper .ProseMirror-menubar {
 display: none !important;
}


#poll-description .atwho-input {
 border-radius: 8px !important;
}


#vievs-space-member-index .has-online-status .user-online-status.user-is-online {
 top: 42px;
 left: 36px;
}


#vievs-space-member-index .input-group .form-control:first-child {
 left: 3px;
 width: 409px;
 background-color: #373737 !important;
 border: 0px;
 border-radius: 8px !important;
}


#vievs-space-member-index .input-group ::placeholder {
 color: #fff !important;
}


#vievs-space-member-index .input-group-btn:last-child .btn:focus {
 background-color: rgba(255, 255, 255, 0.0);
}


#vievs-space-member-index .input-group-btn:last-child .btn:active {
 background-color: rgba(255, 255, 255, 0.0);
}


#vievs-space-member-index .input-group-btn:last-child .btn .fa {
 left: 1px;
 font-size: 13px;
 bottom: 0px;
 color: #fff !important;
 position: relative;
}


#vievs-space-member-index select.form-control:not([multiple]) {
 right: 124px;
 color: #fff !important;
 position: relative;
 height: 34px;
 width: 200px !important;
 padding-right: 0px !important;
 background-position: 94.5% 52%; !important;
 background-color: #373737 !important;
 border-radius: 8px !important;
 border: 0px;
 background-image: url("") !important;
}


#vievs-space-member-index td {
 width: 100% !important;
}


#vievs-space-member-index .panel-body img {
 height: 54px !important;
 width: 54px !important;
}


#vievs-space-member-index .panel-body tr:hover {
 background-color: #373737;
}


#vievs-space-member-index .panel-body colgroup col {
 display: none;
}


#vievs-space-member-index .panel-body thead {
 display: none;
}


#vievs-space-member-index .panel-body tbody {
 top: -10px;
 width: 100% !important;
 position: relative;
}


#vievs-space-member-index .panel-body td {
 border: 0;
 display: block;
 text-align: center;
}


#vievs-space-member-index .panel-body tr {
 border-top: 0px;
 border-bottom: 0px;
 padding-top: 20px;
 display: inline-grid;
 width: 300px;
 height: 300px;
 margin-top: 8px;
 margin-bottom: 3px;
 margin-left: 3px;
 margin-right: 3px;
 background-color: #373737;
 border-radius: 8px !important;
}


#vievs-space-member-index .panel-body .select2-container--humhub .select2-selection--single .select2-selection__arrow b {
 display: none;
}


#vievs-space-member-index .panel-body .user-display-name {
 top: 32px;
 font-size: 14px;
 position: relative;
}


#vievs-space-member-index .panel-body .time {
 top: 10px;
 font-size: 13px;
 position: relative;
}


#vievs-space-member-index .select2-container--humhub .select2-selection {
 color: #FFF;
 background-color: #444;
 border: 2px solid #444;
 border-top: 3px solid #444;
}


#vievs-space-member-index .select2-container--humhub .select2-selection--single .select2-selection__rendered {
 background-color: rgba(255, 255, 255, 0.0);
}


#vievs-space-member-index .panel-body {
 padding: 20px;
}


#vievs-space-member-index .panel-body .fa {
 color: #FFF;
}


#vievs-space-member-index .panel-body .btn {
 bottom: 130px;
 width: 8vh !important;
 background-color: #537e3c !important;
 padding: 8px 10px 8px 10px !important;
 position: relative;
}


#vievs-space-member-index .panel-body .input-group-btn .btn {
 top: 0px;
 right: 112px;
 width: 60px !important;
 border-radius: 8px !important;
 background-color: #373737 !important;
 padding: 8px 0px 7px 0px !important;
 margin-bottom: 10px;
 position: relative;
}


#vievs-space-member-index .panel-body .input-group-btn .btn .fa {
 bottom: 1px;
 color: #FFF !important;
 position: relative;
}


#vievs-space-member-index .pagination {
 top: 10px;
 left: 50%;
 transform: translate(-50%, 0);
 position: relative;
}


#vievs-space-member-index .panel .dropdown-menu {
 top: -90px;
 right: -20px;
 position: absolute;
}


#vievs-space-member-index .panel .dropdown-menu a {
 text-align: center;
 font-weight: 500;
}


#vievs-space-member-index .panel-body .btn-icon-only {
 top: -10px;
 width: 65% !important;
 background-color: #AA4141 !important;
 padding: 8px 0px 8px 0px !important;
 margin-bottom: 10px;
 border-radius: 8px;
 position: relative;
}


#vievs-space-member-index .panel-body .select2-container--humhub {
 top: 8px;
 position: relative;
 margin: 0 auto;
 width: 65% !important;
}


#vievs-space-member-index  input::placeholder {
 color: #FFF !important;
}


.panel-profile-controls .controls .pull-right .fa-ban::before {
 top: 1px;
 color: #ea5a5a;
 font-size: 16px;
 position: relative;
}


#vievs-space-about .colorInfo {
 color: #e89f5e !important;
 margin-right: 5px;
}


#vievs-space-about .col-md-4 {
 width: 40%;
}


#vievs-space-about .col-md-8 {
 width: 60%;
}


#vievs-space-about img {
 margin-right: 5px;
}


#vievs-space-about p {
 color: #FFF !important;
 width: 100% !important;
 padding-right: 0px;
}


#panel-viev-group .summary {
 display: none;
}


#panel-viev-group .grid-view {
 bottom: 30px;
 position: relative;
}


#panel-viev-group .panel-body colgroup col {
 display: none;
}


#panel-viev-group .panel-body thead {
 display: none;
}


#panel-viev-group .panel-body tbody {
 width: 100% !important;
}


#panel-viev-group .panel-body td {
 border: 0;
 display: block;
 text-align: center;
 margin-top: 26px;
 width: 228px;
 margin: auto;
}


#panel-viev-group .panel-body tr {
 top: 16px;
 height: 340px;
 background-color: #373737;
 position: relative;
 width: 353px;
 display: inline-grid;
 margin: 6px;
 border-radius: 5px;
}


#panel-viev-group .panel-body .dropdown-menu {
 width: 200px;
 position: absolute;
 left: 5px;
}


#panel-viev-group .label-default {
 display: none;
}


#panel-viev-group .panel-body .fa {
 color: #FFF;
}


#panel-viev-group .panel-body .dropdown-toggle {
 left: 5px;
 width: 200px;
 bottom: 10px;
 background-color: #537e3c;
 padding: 8px 10px 8px 10px;
 position: relative;
}


#panel-viev-group .panel-body .dropdown-toggle:hover {
 background-color: #537e3c !important;
}


#panel-viev-group .panel-body .dropdown-toggle:active {
 background-color: #537e3c !important;
}


#panel-viev-group .panel-body .dropdown-toggle:focus {
 background-color: #537e3c !important;
}


#panel-viev-group .last-number-column::before {
 content: "Liczba użytkowników: ";
 font-weight: 400;
 color: #FFF;
}


#lista-admin .table-responsive colgroup col {
 display: none;
}


#lista-admin .table-responsive thead {
 display: none;
}


#lista-admin .table-responsive tbody {
 width: 100% !important;
}


#lista-admin .table-responsive td {
 margin-top: 10px;
 border: 0;
 display: block;
 text-align: center;
}


#lista-admin .table-responsive tr {
 width: 260px;
 display: inline-grid;
 height: 260px;
 margin: 6px;
 margin-bottom: 8px;
 background-color: #373737;
 border-radius: 8px;
 padding-bottom: 14px;
}


#lista-admin .table-responsive .user-display-name {
 top: 5px;
 position: relative;
}


#lista-admin .table-responsive .user-username {
 top: 10px;
 position: relative;
}


#lista-admin .table-responsive .user-member-since {
 top: 15px;
 position: relative;
}


#lista-admin .table-responsive .fa-times::before {
 content: "Usuń";
 font-size: 14px;
 font-weight: 500;
 font-family: 'Open Sans', sans-serif;
}


#lista-admin .table-responsive .pagination a {
 color: #FFF;
}


#lista-admin .table-responsive tr:hover {
 background-color: #373737;
}


#lista-admin .table-responsive .btn-default {
 bottom: 6px !important;
 position: relative;
 background-color: #444;
}


#lista-admin .table-responsive .btn-default:hover {
 bottom: 6px !important;
 position: relative;
 background-color: #444 !important;
}


#lista-admin .table-responsive .img-rounded {
 top: 14px !important;
 position: relative;
 height: 54px !important;
 width: 54px !important;
}


#lista-admin .table-responsive {
 padding: 1px;
}


#lista-admin .table-responsive a {
 color: #FFF;
 position: relative;
}


#lista-admin .table-responsive .pagination .active a {
 color: #FFF;
 position: relative;
}


#lista-admin .table-responsive .fa {
 color: #FFF;
}


#lista-admin .table-responsive .caret {
 color: #626262;
}


#lista-admin .table-responsive .btn {
 left: 5px;
 width: 166px !important;
 height: 28px;
 border-radius: 8px;
 background-color: #AA4141 !important;
 position: relative;
}


#reported tr:hover {
 background-color: #373737;
}


#reported colgroup col {
 display: none;
}


#reported thead {
 display: none;
}


#reported tbody {
 width: 100% !important;
}


#reported td {
 border: 0;
 display: block;
 text-align: center;
}


#reported tr {
 width: 100%;
 border-top: 0px;
 border-bottom: 0px;
 background-color: #373737;
 border-radius: 5px;
 margin-bottom: 3px;
 display: inline-table;
}


#reported .alert-success {
 top: 14px;
 height: 52px;
 position: relative;
}


#reported .btn-default {
 bottom: 6px !important;
 right: 4px !important;
 position: relative;
 background-color: #537e3c;
}


#reported .btn-default:active {
 bottom: 6px !important;
 right: 4px !important;
 position: relative;
 background-color: #537e3c !important;
}


#reported .btn-default:focus {
 bottom: 6px !important;
 right: 4px !important;
 position: relative;
 background-color: #537e3c !important;
}


#reported .btn-default:hover {
 bottom: 6px !important;
 right: 4px !important;
 position: relative;
 background-color: #537e3c !important;
}


#reported .back {
 bottom: 6px !important;
 right: 4px !important;
 position: relative;
 background-color: #537e3c;
}


#reported .check {
 top: 0px !important;
 margin-top: 5px !important;
 margin-bottom: 25px !important;
 margin-right: 6px !important;
 border-radius: 5px;
 padding: 6px 26px 6px 28px !important;
 background-color: #537e3c;
}


#reported .check:hover {
 top: 0px !important;
 margin-top: 5px !important;
 margin-bottom: 25px !important;
 margin-right: 6px !important;
 border-radius: 5px;
 padding: 6px 26px 6px 28px !important;
 background-color: #537e3c;
}


#reported .check:active {
 top: 0px !important;
 margin-top: 5px !important;
 margin-bottom: 25px !important;
 margin-right: 6px !important;
 border-radius: 5px;
 padding: 6px 26px 6px 28px !important;
 background-color: #537e3c;
}


#reported .check:focus {
 top: 0px !important;
 margin-top: 5px !important;
 margin-bottom: 25px !important;
 margin-right: 6px !important;
 border-radius: 5px;
 padding: 6px 26px 6px 28px !important;
 background-color: #537e3c;
}


#reported .btn-sm {
 width: 145px;
 left: 0px !important;
 position: relative;
}


#reported .btn-sm:hover {
 width: 145px;
 left: 0px !important;
 position: relative;
}


#reported .btn-sm:active {
 width: 145px;
 left: 0px !important;
 position: relative;
}


#reported .btn-sm:focus {
 width: 145px;
 left: 0px !important;
 position: relative;
}


#reported .img-rounded {
 top: 14px !important;
 left: 6px !important;
 margin-right: 10px !important;
 position: relative;
}


#reported .panel-body {
 padding: 24px;
}


#reported .summary {
 display: none;
}


#reported small {
 bottom: 8px;
 font-size: 12px;
 width: 80%;
 left: 8px;
 display: inline-block;
 position: relative;
}


#reported a {
 color: #9adeff;
 position: relative;
}


#reported .fa {
 color: #FFF;
}


#topic-panel-views .summary {
 display: none;
}


#topic-panel-views td {
 width: 100% !important;
}


#topic-panel-views .panel-body tr:hover {
 background-color: #373737;
}


#topic-panel-views .panel-body colgroup col {
 display: none;
}


#topic-panel-views .panel-body thead {
 display: none;
}


#topic-panel-views .panel-body tbody {
 width: 100% !important;
}


#topic-panel-views .panel-body td {
 border: 0;
 display: block;
 text-align: center;
 margin-top: 10px;
}


#topic-panel-views .panel-body tr {
 border-top: 0px;
 border-bottom: 0px;
 display: inline-table;
 width: 245px;
 height: 170px;
 margin-top: 6px;
 background-color: #373737;
 border-radius: 5px !important;
}


#topic-panel-views .panel-body {
 padding: 20px;
}


#topic-panel-views .panel-body .fa {
 color: #FFF;
}


#topic-panel-views .panel-body .btn-xs {
 top: 0px;
 left: 5px;
 width: 55px !important;
 background-color: #537e3c !important;
 padding: 7px 10px 7px 10px !important;
 position: relative;
}


#topic-panel-views .panel-body .input-group-btn .btn {
 top: 0px;
 width: 60px !important;
 border-radius: 3px;
 margin-left: 8px;
 background-color: #537e3c !important;
 position: relative;
}


#topic-panel-views input::placeholder {
 color: #FFF !important;
}


#accept-user {
 padding: 6px;
}


#accept-user .panel-body {
 background-color: rgba(255, 255, 255, 0) !important;
}


#accept-user .img-rounded {
 top: 8px;
 position: relative;
}


#accept-user tr:hover {
 background-color: #373737;
}


#accept-user colgroup col {
 display: none;
}


#accept-user thead {
 display: none;
}


#accept-user tbody {
 margin-top: 20px;
 width: 100% !important;
}


#accept-user td {
 border: 0;
 display: block;
 text-align: center;
}


#accept-user tr {
 border-top: 0px;
 border-bottom: 0px;
 display: inline-table;
 width: 328px;
 height: 310px;
 margin-top: 6px;
 background-color: #373737;
 border-radius: 8px !important;
}


#accept-user .summary {
 display: none;
}


#accept-user input[type="checkbox"] {
 top: 8px;
 left: 8px;
 float: left;
 border-color: #aaa;
 position: relative;
}


#accept-user .btn-primary {
 padding: 4px 24px 4px 24px;
}


#accept-user .btn-primary:active {
 padding: 4px 24px 4px 24px;
}


#accept-user .btn-primary:hover {
 padding: 4px 24px 4px 24px;
}


#accept-user .btn-primary:focus {
 padding: 4px 24px 4px 24px;
}


#accept-user .btn-sm {
 right: 8px;
 border-radius: 8px;
 padding: 4px 24px 4px 24px;
}


#accept-user .btn-sm:active {
 padding: 4px 24px 4px 24px;
}


#accept-user .btn-sm:hover {
 padding: 4px 24px 4px 24px;
}


#accept-user .btn-sm:focus {
 padding: 4px 24px 4px 24px;
}


#accept-user .bulk-actions-button {
 right: 0px;
 position: relative;
 margin-bottom: 6px;
}


#accept-user .pull-right {
 display: none;
}


#admin-pending-registrations input[type="checkbox"] {
 left: 10px;
 float: left;
 top: 10px;
 position: relative;
}


#admin-pending-registrations .btn-icon-only {
 height: 32px;
 width: 130px;
 left: 5px;
 border-radius: 4px;
 position: relative;
}


#admin-pending-registrations tr:hover {
 background-color: #373737 !important;
}


#admin-pending-registrations colgroup col {
 display: none;
}


#admin-pending-registrations thead {
 display: none;
}


#admin-pending-registrations tbody {
 width: 100% !important;
}


#admin-pending-registrations td {
 margin-top: 4px;
 border: 0;
 display: block;
 width: auto !important;
 text-align: center;
}


#admin-pending-registrations tr {
 width: 334px;
 height: 310px;
 border-top: 0px;
 border-bottom: 0px;
 background-color: #373737;
 border-radius: 8px;
 margin-left: 3px;
 margin-right: 3px;
 margin-bottom: 10px;
 display: inline-table;
}


#admin-pending-registrations .btn-sm {
 right: 6px;
 top: 100px;
 width: auto;
 padding: 6px 14px 6px 14px;
 position: absolute;
}


#admin-pending-registrations .btn-sm:hover {
 right: 6px;
 top: 100px;
 width: auto;
 padding: 6px 14px 6px 14px;
 position: absolute;
}


#admin-pending-registrations .btn-sm:active {
 right: 6px;
 top: 100px;
 width: auto;
 padding: 6px 14px 6px 14px;
 position: absolute;
}


#admin-pending-registrations .btn-sm:focus {
 right: 6px;
 top: 100px;
 width: auto;
 padding: 6px 14px 6px 14px;
 position: absolute;
}


#admin-pending-registrations .panel-body {
 padding: 18px;
}


#admin-pending-registrations .summary {
 display: none;
}


#admin-pending-registrations a {
 color: #FFF;
 position: relative;
}


#admin-pending-registrations .fa {
 color: #FFF;
}


#panel-admin-center-list .created-at-column::before {
 content: "Data dołączenia: ";
 font-weight: 400;
 color: #FFF;
}


#panel-admin-center-list .last-login-column::before {
 content: "Logowanie: ";
 font-weight: 400;
 color: #FFF;
}


#panel-admin-center-list .panel-admin-center-list-img {
 display: flex;
 align-items: center;
 justify-content: flex-start;
 padding-left: 10px;
 height: 80px;
 box-sizing: border-box;
}


#panel-admin-center-list .panel-admin-center-list-img img {
 width: 50px;
 height: 50px;
 object-fit: cover;
 border-radius: 50%;
}


#panel-admin-center-list .table-responsive colgroup col {
 display: none;
}


#panel-admin-center-list .table-responsive thead {
 display: none;
}


#panel-admin-center-list .table-responsive tbody {
 width: 100% !important;
}


#panel-admin-center-list .table-responsive td {
 margin-top: 14px;
 border: 0;
 display: block;
 text-align: center;
}


#panel-admin-center-list .table-responsive tr {
 width: 261px;
 display: inline-block;
 position: relative;
 height: 334px;
 margin: 6px;
 background-color: #373737;
 border-radius: 8px;
 margin-bottom: 10px;
}


#panel-admin-center-list .table-responsive .img-rounded {
 top: 14px !important;
 margin-right: 10px !important;
 position: relative;
}


#panel-admin-center-list .table-responsive .fa {
 color: #FFF !important;
}


#panel-admin-center-list .table-responsive .dropdown-menu {
 width: 177px;
 position: absolute;
 top: 28px;
 left: 5px;
}


#panel-admin-center-list .table-responsive .btn {
 top: -8px;
 left: 5px;
 width: 177px;
 background-color: #537e3c;
 position: relative;
}


#panel-admin-center-list .table-responsive .btn:hover {
 background-color: #537e3c !important;
}


#panel-admin-center-list .table-responsive .btn:active {
 background-color: #537e3c !important;
}


#panel-admin-center-list .table-responsive .btn:focus {
 background-color: #537e3c !important;
}


#panel-admin-center-list .pagination {
 top: 10px;
 left: 50%;
 transform: translate(-50%, 0);
 position: relative;
}


#panel-friendship-list .pagination {
 top: 10px;
 left: 50%;
 transform: translate(-50%, 0);
 position: relative;
}


#panel-friendship-list img {
 left: 0px;
 position: relative;
}


#panel-friendship-list .grid-view {
 padding: 14px;
}


#panel-friendship-list .summary {
 padding-bottom: 30px;
}


#panel-friendship-list .panel-body .full-name-link {
 top: 15px;
 position: relative;
}


#panel-friendship-list .panel-body .username {
 bottom: 15px;
 position: relative;
}


#panel-friendship-list .panel-body tr:hover {
 background-color: #373737;
}


#panel-friendship-list .panel-body colgroup col {
 display: none;
}


#panel-friendship-list .panel-body thead {
 display: none;
}


#panel-friendship-list .panel-body .img-circle {
 top: 10px;
 position: relative;
}


#panel-friendship-list .panel-body tbody {
 width: 100% !important;
}


#panel-friendship-list .panel-body td {
 border: 0;
 display: block;
 text-align: center;
}


#panel-friendship-list .panel-body td .name {
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: normal;
 max-height: 100%;
 min-height: 100%;
 max-width: 88%;
 margin: 0 auto;
 position: relative;
}


#panel-friendship-list .panel-body tr {
 border-top: 0px;
 border-bottom: 0px;
 background-color: #373737;
 border-radius: 5px;
 margin-bottom: 8px;
 margin-left: 3px;
 margin-right: 3px;
 padding-top: 12px;
 display: inline-grid;
 width: 271px;
 height: 277px;
}


#panel-friendship-list .panel-body .btn-default {
 bottom: 6px !important;
 position: relative;
 background-color: #eee;
}


#panel-friendship-list .panel-body .btn-default:hover {
 bottom: 6px !important;
 position: relative;
 background-color: #eee !important;
}


#panel-friendship-list .panel-body .img-rounded {
 top: 14px !important;
 margin-right: 10px !important;
 position: relative;
}


#panel-friendship-list .panel-body {
 padding: 1px;
}


#panel-friendship-list .panel-body a {
 color: #FFF;
 position: relative;
}


#panel-friendship-list .panel-body .pagination .active a {
 color: #FFF;
 position: relative;
}


#panel-friendship-list .panel-body .fa {
 color: #FFF;
}


#panel-friendship-list .panel-body .caret {
 color: #626262;
}


#panel-friendship-list .panel-body .btn {
 left: 5px;
 bottom: 6px;
 width: 188px !important;
 border-radius: 5px;
 background-color: #AA4141 !important;
 padding: 8px 10px 8px 10px !important;
}


#panel-friendship-list .name {
 color: #FFF !important;
}


#panel-friendship-list .name:hover {
 color: #FFF !important;
}


#panel-friendship-requests img {
 left: 0px;
 position: relative;
}


#panel-friendship-requests .name {
 color: #FFF !important;
}


#panel-friendship-requests .name:hover {
 color: #FFF !important;
}


#panel-friendship-requests .grid-view {
 padding: 14px;
}


#panel-friendship-requests .summary {
 padding-bottom: 30px;
}


#panel-friendship-requests .panel-body tr:hover {
 background-color: #373737;
}


#panel-friendship-requests .panel-body colgroup col {
 display: none;
}


#panel-friendship-requests .panel-body thead {
 display: none;
}


#panel-friendship-requests .panel-body .img-circle {
 top: 10px;
 position: relative;
}


#panel-friendship-requests .panel-body tbody {
 width: 100% !important;
}


#panel-friendship-requests .panel-body td {
 margin-top: 3px;
 border: 0;
 display: block;
 text-align: center;
}


#panel-friendship-list .panel-body td .name {
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: normal;
 max-height: 100%;
 min-height: 100%;
 max-width: 88%;
 margin: 0 auto;
 position: relative;
}


#panel-friendship-requests .panel-body tr {
 border-top: 0px;
 border-bottom: 0px;
 background-color: #373737;
 border-radius: 5px;
 margin-bottom: 8px !important;
 margin-left: 3px !important;
 margin-right: 3px !important;
 padding-top: 12px;
 margin: 0 auto;
 display: inline-grid;
 width: 271px;
 height: 260px;
 padding-bottom: 265px;
}


#panel-friendship-requests .panel-body .btn-default {
 bottom: 6px !important;
 position: relative;
 background-color: #eee;
}


#panel-friendship-requests .panel-body .btn-default:hover {
 bottom: 6px !important;
 position: relative;
 background-color: #eee !important;
}


#panel-friendship-requests .panel-body .img-rounded {
 top: 14px !important;
 margin-right: 10px !important;
 position: relative;
}


#panel-friendship-requests .panel-body {
 padding: 1px;
}


#panel-friendship-requests .panel-body a {
 color: #FFF;
 position: relative;
}


#panel-friendship-requests .panel-body .pagination .active a {
 color: #FFF;
 position: relative;
}


#panel-friendship-requests .panel-body .fa {
 color: #FFF;
}


#panel-friendship-requests .panel-body .caret {
 color: #626262;
}


#panel-friendship-requests .panel-body .btn {
 top: -10px;
 left: 5px;
 width: 188px !important;
 border-radius: 5px;
 background-color: #AA4141 !important;
 padding: 8px 10px 8px 10px !important;
}


#panel-friendship-requests .panel-body .btn-accept {
 top: -10px;
 left: 5px;
 width: 188px !important;
 margin-bottom: 10px;
 border-radius: 5px;
 background-color: #537e3c !important;
 padding: 8px 10px 8px 10px !important;
}


#userlist-content {
 border-top: 1px solid #373737;
}


.tab-menu .nav-tabs li.active > a:hover {
 padding-top: 9px !important;
}


.panel-default .permission-group-tabs .active a:hover {
 padding: 12px !important;
}


.panel-default .permission-group-tabs li a {
 padding: 12px;
}


.panel-default .permission-group-tabs li a:hover {
 padding: 12px;
}


.space-content .layout-content-container .permission-group-tabs {
 left: 6px;
}


.space-content .layout-content-container .permission-group-tabs li a:hover {
 padding: 13px;
}


.modal-content .modal-header {
 padding: 0px 10px 0px 10px;
 border-bottom: none;
 text-align: center;
 background-color: #537e3c;
 height: 48px;
}


.modal-content .modal-header h4 {
 font-weight: 500;
 left: 12px;
 bottom: 7px;
 position: relative;
 font-size: 16px;
}


.modal-content .modal-header strong {
 font-weight: 500;
}


#globalModal .close {
 font-weight: 100;
 z-index: 1;
 position: relative;
 top: 7px;
 right: 6px;
}


.pagination  > li > a {
 margin: 2px;
 border: 0;
 background-color: #3c3c3c !important;
 padding: 4px 16px 4px 16px;
 border-radius: 9px !important;
}


.pagination > .disabled > span {
 margin: 2px;
 border: 0;
 background-color: #3c3c3c !important;
 padding: 4px 16px 4px 16px;
 border-radius: 9px !important;
}


.pagination > .active > a {
 color: #fff;
 background-color: #537e3c !important;
 border: 0;
}


.pagination > .active > a:hover {
 color: #fff;
 background-color: #537e3c !important;
 border: 0;
}


#admin-permissions-vievs .permission-group-tabs li a:hover {
 padding: 13px !important;
}


#admin-permissions-vievs .permission-group-tabs .active a:hover {
 padding: 12px !important;
}


#status-bar .status-bar-body {
 background-color: #333;
}


#status-bar .status-bar-body span {
 color: #FFF;
 font-size: 14px;
 hyphens: none;
 font-weight: 500;
}


#mail-conversation-root .conversation-menu .conversation-edit-button {
 top: 0px;
 left: 12px;
 padding: 8px 9px 8px 9px;
 border: 0px;
 background-color: rgba(255, 255, 255, 0.0);
}


#mail-conversation-root .conversation-menu .conversation-edit-button .fa {
 color: #FFF;
 font-size: 14px;
}


#recovery .panel-body p {
 color: #FFF !important;
}


.messagePreviewEntry.unread .new-message-badge {
 right: 13px !important;
 position: relative;
 background-color: #68a04a !important;
}


#mail-conversation-root .conversation-entry-content {
 padding: 12px 14px 6px 18px !important;
}


#mail-conversation-root .media-list li {
 color: #ececec;
 font-style: normal;
 font-size: 15px;
}


#mail-conversation-root .media-list li::before {
 top: 4px;
 content: "\f068";
 color: #FFF;
 font-size: 12px;
 font-family: FontAwesome;
 margin-right: 10px;
 float: left !important;
 position: relative;
}


#mail-conversation-root .media-list li::marker {
 content: '';
}


#mail-conversation-root .conversation-entry-list .conversation-date-badge span {
 color: #c6c6c6;
 font-weight: 400;
 font-size: 13px;
 background-color: rgba(255, 255, 255, 0.0);
 text-transform: capitalize;
}


#mail-conversation-root .border-data-top {
 border-top: 1px solid #353535;
 margin-top: 30px;
 padding-top: 12px;
 padding-bottom: 12px;
}


#dropdown-messages .media-list .read-message-badge {
 right: 13px;
 height: 14px;
 width: 14px;
 background-color: #4f4f4f;
 border-radius: 99ex;
 position: absolute;
}


#mail-conversation-overview .inbox-wrapper .read-message-badge {
 right: 23px;
 height: 14px;
 width: 14px;
 background-color: #4f4f4f;
 border-radius: 99ex;
 position: absolute;
}


#mail-conversation-overview .messenger-search-toggle {
 top: 15px;
 right: 49px;
 float: right;
 border: 0;
 position: absolute;
 background-color: rgba(255, 255, 255, 0.0);
}


#mail-conversation-overview .messenger-search-toggle:hover {
 top: 15px;
 right: 49px;
 float: right;
 border: 0;
 position: absolute;
 background-color: rgba(255, 255, 255, 0.0);
}


#mail-conversation-overview .messenger-search-toggle:active {
 top: 15px;
 right: 49px;
 float: right;
 border: 0;
 position: absolute;
 background-color: rgba(255, 255, 255, 0.0);
}


#mail-conversation-overview .messenger-search-toggle:focus {
 top: 15px;
 right: 49px;
 float: right;
 border: 0;
 position: absolute;
 background-color: rgba(255, 255, 255, 0.0);
}


#mail-conversation-root #search .messenger-search-bar {
 display: flex;
 align-items: center;
 gap: 6px;
 margin: 6px 0;
 position: absolute;
 width: 98%;
 z-index: 9;
 padding: 8px;
 background-color: #2d2d2d;
 margin-top: -19px;
 margin-left: -8px;
 padding-bottom: 8px;
 border-radius: 0px 0px 5px 0px;
}


#mail-conversation-root #search .messenger-search-input {
 flex: 1;
 padding: 7px;
 display: none;
 border: 2px solid #353535;
 background-color: #353535;
 border-radius: 4px;
 outline: 0;
}


#mail-conversation-root #search .messenger-search-input::placeholder {
 color: #FFF !important;
}


#mail-conversation-root #search .messenger-search-bar .messenger-search-clear {
 padding: 7px !important;
 background-color: #537e3c !important;
}


#mail-conversation-root #search .messenger-search-bar .messenger-search-clear:hover {
 padding: 7px !important;
 background-color: #537e3c !important;
}


#mail-conversation-root #search .messenger-search-bar .messenger-search-clear:focus {
 padding: 7px !important;
 background-color: #537e3c !important;
}


#mail-conversation-root #search .messenger-search-bar .messenger-search-clear:active {
 padding: 7px !important;
 background-color: #537e3c !important;
}


#mail-conversation-root .scroll-bottom-btn {
 right: 0;
 height: 44px;
 width: 44px;
 bottom: 155px;
 border-radius: 50%;
 margin-right: 30px;
 background-color: #353535;
 cursor: pointer;
 display: none;
 z-index: 1000;
 position: absolute;
}


#mail-conversation-root .scroll-bottom-btn::before {
 content: "\f107";
 font: normal normal normal 14px/1 FontAwesome;
 font-weight: 900;
 font-size: 16px;
 color: #FFF;
 text-align: center;
 line-height: 44px;
 display: block;
}


#login-form .check-remember input[type="checkbox"] {
 border: 2px solid #535353 !important;
}


#register-form .adjusted-position[type="checkbox"] {
 border: 2px solid #535353 !important;
}


#spaceIndexForm #space-url-input {
 background-color: #333 !important;
}


.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
 background-color: #333 !important;
 opacity: 1
}


#panel-body-edit-padding .information-space a {
 color: #FFF !important;
}


#dropdown-notifications .dropdown-header {
 padding: 13px !important;
 padding-left: 20px !important;
}


#space-menu-dropdown .divider {
 height: 1px !important;
 background-color: #333 !important;
}


.changepassword {
 left: 5px;
 width: 98%;
 padding: 14px;
 border-radius: 4px;
 position: relative;
 background-color: #3c3c3c;
}


.changeemail {
 left: 5px;
 width: 98%;
 padding: 14px;
 border-radius: 4px;
 position: relative;
 background-color: #3c3c3c;
}


.changeusername {
 left: 5px;
 width: 98%;
 padding: 14px;
 border-radius: 4px;
 position: relative;
 background-color: #3c3c3c;
}


#profile-about .panel-heading {
 color: #FFF;
 padding: 14px 0px 10px 24px !important;
 background-color: #537e3c;
}


#profile-about .panel-heading strong {
 font-size: 16px;
 font-weight: 500 !important;
}


#profile-about .profile-category {
 margin-bottom: 30px;
}


#profile-about .profile-fields {
 display: flex;
 flex-direction: column;
 gap: 0px;
 border-top: 12px solid #2D2D2D;
}


#profile-about .profile-field {
 display: flex;
 flex-direction: column;
 padding: 10px 24px;
 background: #2D2D2D;
 border-radius: 0px;
}


#profile-about .title {
 color: #FFF;
 font-weight: 500;
 margin-bottom: 5px;
}


#profile-about .uservalue {
 color: #FFF;
 line-height: 1.5;
 border-bottom: 1px solid #373737;
 padding-bottom: 22px;
}


span[data-mention-query="true"] {
 color: #f0cf4e !important;
}


#viev-admin-group-edit .label-danger {
 background-color: #8A7431;
}


#viev-admin-group-edit #lista-admin .panel-body .select2-container--humhub .select2-selection {
 border-radius: 8px !important;
 background-color: #3c3c3c !important;
 border: 2px solid #3c3c3c !important;
}


#viev-admin-group-edit #lista-admin .panel-body .form-control {
 border-radius: 8px !important;
 background-color: #3c3c3c !important;
 border: 2px solid #3c3c3c !important;
}


#viev-admin-group-edit #lista-admin .form-control-background .panel-body .form-control {
 border-radius: 8px !important;
 background-color: #3c3c3c !important;
 border: 2px solid #3c3c3c !important;
}


#viev-admin-group-edit #lista-admin .panel-body .row .btn {
 top: 0px;
 left: 10px;
 color: #FFF !important;
 width: 60px !important;
 border-radius: 8px !important;
 background-color: #373737 !important;
 padding: 8px 0px 7px 0px !important;
 margin-bottom: 10px;
 position: relative;
}


#viev-admin-group-edit #lista-admin .panel-body .input-group input::placeholder {
 color: #FFF !important;
}


#panel-body-edit-padding #panel-viev-group .panel-body .table tbody .fa-2x::before {
 color: #FFF;
}


#panel-activities .nav-pills li a:focus {
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#panel-online .nav-pills li a:focus {
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#panel-new-people .nav-pills li a:focus {
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#user-tags-panel .nav-pills li a:focus {
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#user-spaces-panel .nav-pills li a:focus {
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#profile-friends-panel .nav-pills li a:focus {
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#profile-follower-panel .nav-pills li a:focus {
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#profile-following-panel .nav-pills li a:focus {
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#birthdayContent .nav-pills li a:focus {
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#space-gallery-snippet .nav-pills li a:focus {
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#space-members-panel .nav-pills li a:focus {
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#my-membership-panel .nav-pills li a:focus {
 background-color: #537e3c !important;
 border-bottom: 2px solid #537e3c !important;
}


#admin-permissions-vievs .panel-body .table tbody tr td {
 border-top: 1px solid #333 !important;
 border-bottom: 1px solid #333 !important;
}


#panel-body-edit-padding-permissions .panel-body .table tbody tr td {
 border-top: 1px solid #333 !important;
 border-bottom: 1px solid #333 !important;
}


#security-permissions-border .panel-body .table tbody tr td {
 border-top: 1px solid #333 !important;
 border-bottom: 1px solid #333 !important;
}


#panel-body-edit-padding .admin-user-permissions .panel-body .table tbody tr td {
 border-top: 1px solid #333 !important;
 border-bottom: 1px solid #333 !important;
}


#viev-admin-group-edit .l_0_4_z .panel-body .table tbody tr td {
 border-top: 1px solid #333 !important;
 border-bottom: 1px solid #333 !important;
}


#viev-admin-group-edit #lista-admin .panel-body .permission-grid-editor .select2-container--humhub .select2-selection {
 padding-top: 3px !important;
 background-color: #3c3c3c !important;
 border: 1px solid #3c3c3c !important;
 padding-left: 10px !important;
 padding-right: 10px !important;
}


#panel-body-edit-padding .btn-success {
 left: 18px;
 bottom: 132px;
 padding: 7px 16px 7px 16px;
 position: relative;
}


#panel-body-edit-padding .btn-success:hover {
 left: 18px;
 bottom: 132px;
 padding: 7px 16px 7px 16px;
 position: relative;
}


#panel-body-edit-padding .btn-success:active {
 left: 18px;
 bottom: 132px;
 padding: 7px 16px 7px 16px;
 position: relative;
}


#panel-body-edit-padding .btn-success:focus {
 left: 18px;
 bottom: 132px;
 padding: 7px 16px 7px 16px;
 position: relative;
}


#add-user-views-panel .pull-right {
 right: 0px;
 bottom: 132px;
 position: relative;
}


#add-user-views-panel .pull-right:hover {
 right: 0px;
 bottom: 132px;
 position: relative;
}


#add-user-views-panel .pull-right:active {
 right: 0px;
 bottom: 132px;
 position: relative;
}


#add-user-views-panel .pull-right:focus {
 right: 0px;
 bottom: 132px;
 position: relative;
}


#admin-space-page .btn-success {
 left: 18px;
 bottom: 133px;
 padding: 7px 16px 7px 16px;
 position: relative;
}


#admin-space-page .btn-success:hover {
 left: 18px;
 bottom: 133px;
 padding: 7px 16px 7px 16px;
 position: relative;
}


#admin-space-page .btn-success:active {
 left: 18px;
 bottom: 133px;
 padding: 7px 16px 7px 16px;
 position: relative;
}


#admin-space-page .btn-success:focus {
 left: 18px;
 bottom: 133px;
 padding: 7px 16px 7px 16px;
 position: relative;
}


#layout-content .profile-layout-container .profile-content .layout-content-container .clearfix .contentForm_options .nav .open > a {
 background-color: rgba(255, 255, 255, 0.0) !important;
 border-bottom: 2px solid rgba(255, 255, 255, 0.0) !important;
}


#layout-content .space-layout-container .space-content .layout-content-container .clearfix .contentForm_options .nav .open > a {
 background-color: rgba(255, 255, 255, 0.0) !important;
 border-bottom: 2px solid rgba(255, 255, 255, 0.0) !important;
}


#layout-content .profile-layout-container .panel .profile-image-delete:hover {
 background-color: #AA4141 !important;
}


#layout-content .space-layout-container .panel .profile-image-delete:hover {
 background-color: #AA4141 !important;
}


#user-tags-panel .tags a:hover {
 background-color: #006bb7 !important;
}


#user-tags-panel .tags a:active {
 background-color: #006bb7 !important;
}


#user-tags-panel .tags a:active {
 background-color: #006bb7 !important;
}


#profile-friends-panel .btn-xs {
 top: 4px;
 position: relative;
 display: block;
 color: #E4E4E4;
 font-size: 13px;
 font-weight: 400;
}


#panel-pending-approvals img {
 left: 0px;
 position: relative;
}


#panel-pending-approvals .name {
 color: #FFF !important;
}


#panel-pending-approvals .name:hover {
 color: #FFF !important;
}


#panel-pending-approvals .grid-view {
 padding: 14px;
}


#panel-pending-approvals .summary {
 display: none;
}


#panel-pending-approvals .panel-body tr:hover {
 background-color: #373737;
}


#panel-pending-approvals .panel-body colgroup col {
 display: none;
}


#panel-pending-approvals .panel-body thead {
 display: none;
}


#panel-pending-approvals .panel-body .img-circle {
 top: 10px;
 position: relative;
}


#panel-pending-approvals .panel-body tbody {
 width: 100% !important;
}


#panel-pending-approvals .panel-body td {
 border: 0;
 display: block;
 text-align: center;
}


#panel-pending-approvals .panel-body tr {
 border-top: 0px;
 border-bottom: 0px;
 background-color: #373737;
 border-radius: 8px;
 margin-bottom: 8px !important;
 margin-left: 3px !important;
 margin-right: 3px !important;
 padding-top: 12px;
 padding-bottom: 277px;
 display: inline-grid;
 width: 304px;
 height: 300px;
}


#panel-pending-approvals .panel-body .btn-default {
 bottom: 6px !important;
 position: relative;
 background-color: #373737;
}


#panel-pending-approvals .panel-body .btn-default:hover {
 bottom: 6px !important;
 position: relative;
 background-color: #373737 !important;
}


#panel-pending-approvals .panel-body .img-rounded {
 top: 14px !important;
 height: 54px !important;
 width: 54px !important;
 margin-right: 10px !important;
 position: relative;
}


#panel-pending-approvals .panel-body {
 padding: 1px;
}


#panel-pending-approvals .panel-body .btn {
 top: 10px;
 position: relative;
 margin-bottom: 10px !important;
 margin: 0 auto;
 width: 188px !important;
 display: block;
 padding: 8px 10px 8px 10px !important;
}


#panel-pending-approvals .panel-body .btn-primary {
 border-radius: 8px;
 background-color: #537e3c !important;
}


#panel-pending-approvals .panel-body .btn-danger {
 border-radius: 8px;
 background-color: #AA4141 !important;
}


#layout-content .panel-body .panel-profile-controls .controls-header .open .dropdown-menu li a {
 color: #FFF !important;
 padding: 12px 20px !important;
}


#layout-content .panel-body .panel-profile-controls .controls-header .open .dropdown-menu li a i {
 margin-right: 18px !important;
 text-align: center;
}


#panel-body-edit-padding .information-space .media {
 background-color: #373737;
}


#mail-conversation-root .markdown-render table th, [data-ui-markdown] table th, [data-ui-richtext] table th {
 background-color: #383838 !important;
}


#mail-conversation-root .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 #444 !important;
}


#wallStream .label-state-scheduled {
 top: -34px !important;
 left: 36px !important;
 color: #FFF;
}


#wallStream .wall-entry .wall-entry-header .label-state-draft {
 color: #FFF;
}


#mail-conversation-root .mail-conversation-entry .conversation-entry-time {
 top: 0px;
 left: 5px;
 position: relative;
}


.profile-content #contentFormBody .form-group .ProseMirror-menubar-wrapper .atwho-input p .placeholder {
 color: #FFF !important;
}


.space-content #contentFormBody .form-group .ProseMirror-menubar-wrapper .atwho-input p .placeholder {
 color: #FFF !important;
}


#topbar-first .notifications .dropdown-menu li .new {
 border-bottom: 1px solid #353535 !important;
}


#topbar-first .notifications .dropdown-menu li .new .label {
 color: #2B2B2B !important;
 font-size: 11px;
 padding: 5px 8px 5px 8px !important;
 background-color: #E1B736 !important;
}


#mail-conversation-root .content-create-input-group .atwho-input li::before {
 top: 3px;
 content: "\f068";
 color: #fff;
 font-size: 12px;
 font-family: FontAwesome;
 left: -14px !important;
 float: left !important;
 position: relative;
}


#mail-conversation-root .content-create-input-group .atwho-input li::marker {
 content: "";
}


.link-post-layout-container .panel-body .ProseMirror {
 background-color: #3c3c3c !important;
}


.link-post-layout-container .panel-body .ProseMirror.form-control {
 border-radius: 3px !important;
}


.link-post-layout-container .panel-body .content-create-input-group {
 left: -41px;
 position: relative;
}


#panel-activities .panel-body ul li {
 font-family: Arial;
}


#panel-activities .panel-body .text-break {
 font-size: 15px;
 font-weight: 300;
}


#panel-activities .panel-body .time {
 font-weight: 500;
}


#panel-activities .panel-body strong {
 color: #FFF;
 font-weight: 400;
 font-size: 15px;
 text-shadow: 0.2px 0 rgba(255, 255, 255, 0.35), -0.2px 0 rgba(255, 255, 255, 0.35);
}


.wall-entry-footer .like::before {
 color: #e4e4e4;
}


.wall-entry-footer .unlike::before {

}


.wall-entry-controls {
 font-weight: 400;
}


.comment-count {
 color: #e4e4e4;
 border-radius: 99ex;
 padding: 4.5px 20px 5.5px 14px;
 font-size: 15px;
}


.likeCount {
 color: #e4e4e4;
 font-size: 13px;
}


.likeLinkContainer {
 border-radius: 99ex;
 padding: 3px 10px 5px 16px;
}


.comment-count::before {
 content: "\f075";
 font-family: FontAwesome;
 color: #e4e4e4;
 font-size: 14px;
 left: 4px;
 bottom: 1px;
 padding-right: 15px;
 position: relative;
}


.wall-entry-footer .unlike {
 left: 2px;
 bottom: 6px;
 position: relative;
 background-image: radial-gradient(circle, #fff 50%, transparent 51%);
 background-repeat: no-repeat;
 background-size: 4px 4px;
 background-position: right 7px top 6px;
 padding-right: 40px;
}


.wall-entry-footer .like {
 left: 2px;
 bottom: 6px;
 position: relative;
 background-image: radial-gradient(circle, #fff 50%, transparent 51%);
 background-repeat: no-repeat;
 background-size: 4px 4px;
 background-position: right 7px top 6px;
 padding-right: 40px;
}


#space-menu-dropdown .media-list .space-name {
 text-shadow: 0.2px 0 rgba(255, 255, 255, 0.35), -0.2px 0 rgba(255, 255, 255, 0.35);
}


a[data-action-click-target^="#comment_humhubmodulescommentmodelsComment"] {
 bottom: 1px;
 font-size: 0;
 position: relative;
}


a[data-action-click-target^="#comment_humhubmodulescommentmodelsComment"]::before {
 content: "\f086";
 font-family: "FontAwesome";
 font-size: 16px;
 font-weight: 500;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 5px 8px 8px 0px;
 border-radius: 40px 0px 0px 40px;
}


a[data-action-click-target^="#comment_humhubmodulescommentmodelsComment"]::after {
 content: "Odpowiedz";
 font-size: 13px;
 font-weight: 500;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 5px 0px 7px 8px;
 border-radius: 0px 40px 40px 0px;
}


a[data-action-click-target^="#comment_humhubmodulespostmodelsPost"]::before {
 content: "\f086";
 font-family: FontAwesome;
 font-size: 16px;
 font-weight: 500;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 5px 8px 8px 0px;
 border-radius: 40px 0px 0px 40px;
}


a[data-action-click-target^="#comment_humhubmodulespostmodelsPost"]::after {
 content: "Komentuj";
 font-size: 13px;
 font-weight: 500;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 5px 0px 7px 8px;
 border-radius: 0px 40px 40px 0px;
}


a[data-action-click-target^="#comment_humhubmodulespostmodelsPost"] {
 bottom: 1px;
 font-size: 0;
 position: relative;
}


a[data-action-click-target^="#comment_humhubmodulesgallerymodelsMedia"] {
 bottom: 1px;
 font-size: 0;
 position: relative;
}


a[data-action-click-target^="#comment_humhubmodulespollsmodelsPoll"] {
 bottom: 1px;
 font-size: 0;
 position: relative;
}


a[data-action-click-target^="#comment_humhubmodulesgallerymodelsMedia"]::before {
 content: "\f086";
 font-family: "FontAwesome";
 font-size: 16px;
 font-weight: 500;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 5px 8px 8px 0px;
 border-radius: 40px 0px 0px 40px;
}


a[data-action-click-target^="#comment_humhubmodulesgallerymodelsMedia"]::after {
 content: "Komentuj";
 font-size: 13px;
 font-weight: 500;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 5px 0px 7px 8px;
 border-radius: 0px 40px 40px 0px;
}


a[data-action-click-target^="#comment_humhubmodulespollsmodelsPoll"]::before {
 content: "\f086";
 font-family: "FontAwesome";
 font-size: 16px;
 font-weight: 500;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 5px 8px 8px 0px;
 border-radius: 40px 0px 0px 40px;
}


a[data-action-click-target^="#comment_humhubmodulespollsmodelsPoll"]::after {
 content: "Komentuj";
 font-size: 13px;
 font-weight: 500;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 5px 0px 7px 8px;
 border-radius: 0px 40px 40px 0px;
}


a[data-action-click-target^="#comment_humhubmodulespostmodelsPost"] .comment-count {
 display: none !important;
}


a[data-action-click-target^="#comment_humhubmodulescommentmodelsComment"] .comment-count {
 display: none !important;
}


a[data-action-click-target^="#comment_humhubmodulespollsmodelsPoll"] .comment-count {
 display: none !important;
}


a[data-action-click-target^="#comment_humhubmodulesgallerymodelsMedia"] .comment-count {
 display: none !important;
}


#panel-invitations-list .has-online-status .user-online-status.user-is-online {
 top: 42px;
 left: 36px;
}


#panel-invitations-list td {
 width: 100% !important;
}


#panel-invitations-list .panel-body img {
 height: 54px !important;
 width: 54px !important;
}


#panel-invitations-list .panel-body tr:hover {
 background-color: #373737;
}


#panel-invitations-list .panel-body colgroup col {
 display: none;
}


#panel-invitations-list .panel-body thead {
 display: none;
}


#panel-invitations-list .panel-body tbody {
 top: -10px;
 width: 100% !important;
 position: relative;
}


#panel-invitations-list .panel-body td {
 border: 0;
 display: block;
 text-align: center;
}


#panel-invitations-list .panel-body tr {
 border-top: 0px;
 border-bottom: 0px;
 padding-top: 20px;
 display: inline-grid;
 width: 300px;
 height: 300px;
 margin-top: 8px;
 margin-bottom: 3px;
 margin-left: 3px;
 margin-right: 3px;
 background-color: #373737;
 border-radius: 8px !important;
}


#panel-invitations-list .panel-body .time {
 top: 10px;
 font-size: 13px;
 position: relative;
}


#panel-invitations-list .panel-body {
 padding: 20px;
}


#panel-invitations-list .panel-body .fa {
 color: #FFF;
}


#panel-invitations-list .panel-body .btn {
 bottom: 10px;
 width: auto !important;
 background-color: #537e3c !important;
 padding: 8px 60px 8px 60px !important;
 position: relative;
}


#panel-invitations-list .panel-body .btn-icon-only {
 top: -10px;
 width: 65% !important;
 background-color: #AA4141 !important;
 padding: 8px 0px 8px 0px !important;
 margin-bottom: 10px;
 border-radius: 8px;
 position: relative;
}


#panel-invitations-list .summary {
 display: none;
}


#dropdown-notifications .media-list:not(:has(li.new))::after {
 content: "Brak nowych powiadomień";
 position: relative;
 text-align: center;
 display: block;
 line-height: 40px;
 padding-top: 56px;
 padding-bottom: 20px;
 font-size: 13px;
 font-weight: 500;
 color: #fff;
}


#panel-birthday #birthdayContent .media-body h1 {
 color: #FFF;
}


























@media only screen and (max-width: 767px) {

#mail-conversation-root .author-label {
 color: #ddd !important;
 margin-bottom: 4px;
 display: none;
}


.mail-message-form .reply-button {
 background-color: #537e3c;
}


.panel-profile .panel-profile-header .image-upload-container .btn-sm {
 top: 4px;
 left: 0px;
 right: 0px;
 width: 32px;
 background-color: #2e7ab1;
 position: relative;
 margin-right: 2px;
 padding: 6px 8px 6px 8px;
}


.row .wall-entry .topic-label-list .label-light {
 border-color: rgba(255, 255, 255, 0.0);
 background-color: rgba(255, 255, 255, 0.0);
 color: #FFF !important;
 font-weight: 500; font-size: 12px;
 padding: 4px 2px 4px 2px !important;
}


.panel-profile .panel-profile-header .image-upload-container .btn-sm:active {
 top: 4px;
 left: 0px;
 right: 0px;
 width: 32px;
 position: relative;
 padding: 6px 8px 6px 8px !important;
}


.panel-profile .panel-profile-header .image-upload-container .btn-sm:focus {
 top: 4px;
 left: 0px;
 right: 0px;
 width: 32px;
 position: relative;
 padding: 6px 8px 6px 8px !important;
}


#topbar-first .notifications .dropdown-menu {
 left: 157.5%;
 width: 97.4vw !important;
 min-width: 300px;
 max-width: 1200px;
 margin-left: -72px;
 margin-top: 4px;
 transform: translate(-50%, 0);
 margin-left: 0;
}


#dropdown-notifications .dropdown-footer .btn.btn-default {
 width: 100%;
 background-color: #2f2f2f;
 border-top: 1px solid #353535;
 border-left: 0;
 border-right: 0;
 border-bottom: 0;
 padding-top: 15px;
 font-size: 13px !important;
 font-weight: 400 !important;
 font-family: Arial;
}


#dropdown-notifications .dropdown-footer .btn.btn-default:hover {
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
}


#dropdown-notifications .dropdown-footer .btn.btn-default:active {
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
}


#dropdown-notifications .dropdown-footer .btn.btn-default:focus {
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
}


#dropdown-messages .dropdown-footer .btn.btn-default {
 width: 100%;
 background-color: #2f2f2f;
 border-top: 1px solid #353535;
 border-left: 0;
 border-right: 0;
 border-bottom: 0;
 padding-top: 15px;
 font-size: 13px !important;
 font-weight: 400 !important;
 font-family: Arial;
}


#dropdown-messages .dropdown-footer .btn.btn-default:hover {
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
}


#dropdown-messages .dropdown-footer .btn.btn-default:active {
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
}


#dropdown-messages .dropdown-footer .btn.btn-default:focus {
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
}


#space-menu-dropdown .btn-info {
 width: 100%;
 font-weight: 400;
 font-size: 13px !important;
 padding-top: 14px;
 padding-bottom: 6px;
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
 font-family: Arial;
 font-size: 15px;
}


#space-menu-dropdown .btn-info:hover {
 padding-top: 14px;
 padding-bottom: 6px;
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
 border: 0px;
}


#space-menu-dropdown .btn-info:active {
 padding-top: 14px;
 padding-bottom: 6px;
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
 border: 0px;
}


#space-menu-dropdown .btn-info:focus {
 padding-top: 14px;
 padding-bottom: 6px;
 background-color: #2f2f2f !important;
 border-top: 1px solid #353535 !important;
 border: 0px;
}


#mail-conversation-root .panel-body {
 background-color: #292929 !important;
}


#mail-conversation-overview .panel-heading {
 background-color: #333 !important;
}


#mail-conversation-overview .panel-heading .btn-sm {
 background-color: #333 !important;
}


#mail-conversation-root .panel .panel-heading {
 padding: 18px 18px 18px 20px !important;
 background-color: #333 !important;
}


#layout-content .panel {
 margin-bottom: 5px;
}


.list-group-item {
 background-color: #2d2d2d;
 border-color: transparent !important;
 padding: 26 15px;
}


a.list-group-item.active,
a.list-group-item.active:focus,
a.list-group-item.active:hover,
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
 color: #fff;
 background-color: #537e3c !important;
}


.table-responsive {
 border: 0 !important;
}


#dropdown-notifications .dropdown-header .dropdown-header-link a {
 left: 8px !important;
 top: 9px !important;
 font-size: 11px;
}


#mail-conversation-root .conversation-state-badge span {
 hyphens: none;
 color: #FFF !important;
 background-color: #292929 !important;
}


#dropdown-messages {
 top: 63px !important;
 width: 97vw !important;
 min-width: 300px !important;
 max-width: 1200px !important;
 left: 51% !important;
 transform: translate(-50%, 0) !important;
 margin-left: 0 !important;
}


.hidden-xs {
 display: block !important;
}


#account-top-menu .pull-left strong {
 display: none !important;
}


#topbar-first .notifications .btn-group > a {
 padding: 6px 24px;
 margin: 18px 2px;
 display: inline-block;
 border-radius: 12px;
 text-decoration: none;
 text-align: left;
}


#mail-conversation-root .progress {
 width: 50%;
}


#mail-conversation-root ul.files li.file-preview-item {
 width: 48%;
}


#mail-conversation-root .mime-image {
 top: 4px;
 position: relative;
}


#mail-conversation-root ul.files li.file-preview-item {
 width: 48%;
}


#mail-conversation-root .mime-image {
 top: 4px;
 position: relative;
}


#reported tr:hover {
 background-color: #373737;
}


#reported colgroup col {
 display: none;
}


#reported thead {
 display: none;
}


#reported tbody {
 width: 100% !important;
}


#reported td {
 border: 0;
 display: block;
 text-align: center;
}


#reported tr {
 width: 100%;
 border-top: 0px;
 border-bottom: 0px;
 background-color: #373737;
 border-radius: 5px;
 margin-bottom: 6px;
 display: inline-table;
}


#reported .alert-success {
 top: 14px;
 height: 52px;
 position: relative;
}


#reported .btn-default {
 bottom: 6px !important;
 right: 4px !important;
 position: relative;
 background-color: #537e3c;
}


#reported .btn-default:active {
 bottom: 6px !important;
 right: 4px !important;
 position: relative;
 background-color: #537e3c !important;
}


#reported .btn-default:focus {
 bottom: 6px !important;
 right: 4px !important;
 position: relative;
 background-color: #537e3c !important;
}


#reported .btn-default:hover {
 bottom: 6px !important;
 right: 4px !important;
 position: relative;
 background-color: #537e3c !important;
}


#reported .back {
 bottom: 6px !important;
 right: 4px !important;
 position: relative;
 background-color: #537e3c;
}


#reported .check {
 top: 0px !important;
 margin-top: 5px !important;
 margin-bottom: 25px !important;
 margin-right: 6px !important;
 border-radius: 5px;
 padding: 6px 26px 6px 28px !important;
 background-color: #537e3c;
}


#reported .check:hover {
 top: 0px !important;
 margin-top: 5px !important;
 margin-bottom: 25px !important;
 margin-right: 6px !important;
 border-radius: 5px;
 padding: 6px 26px 6px 28px !important;
 background-color: #537e3c;
}


#reported .check:active {
 top: 0px !important;
 margin-top: 5px !important;
 margin-bottom: 25px !important;
 margin-right: 6px !important;
 border-radius: 5px;
 padding: 6px 26px 6px 28px !important;
 background-color: #537e3c;
}


#reported .check:focus {
 top: 0px !important;
 margin-top: 5px !important;
 margin-bottom: 25px !important;
 margin-right: 6px !important;
 border-radius: 5px;
 padding: 6px 26px 6px 28px !important;
 background-color: #537e3c;
}


#reported .btn-sm {
 width: 34%;
 left: 2% !important;
 position: relative;
}


#reported .btn-sm:hover {
 width: 34%;
 left: 2% !important;
 position: relative;
}


#reported .btn-sm:active {
 width: 34%;
 left: 2% !important;
 position: relative;
}


#reported .btn-sm:focus {
 width: 34%;
 left: 2% !important;
 position: relative;
}


#reported .img-rounded {
 top: 14px !important;
 left: 6px !important;
 margin-right: 10px !important;
 position: relative;
}


#reported .panel-body {
 padding: 20px;
}


#reported p {
 top: 4px;
 position: relative;
}


#reported .summary {
 display: none;
}


#reported small {
 bottom: 8px;
 font-size: 12px;
 width: 80%;
 left: 8px;
 display: inline-block;
 position: relative;
}


#reported a {
 color: #9adeff;
 position: relative;
}


#reported .fa {
 color: #FFF;
}


.PendingRegistrations tr:hover {
 background-color: #2d2d2d !important;
}


.PendingRegistrations .summary {
 color: #FFF !important;
}


.PendingRegistrations .pull-right {
 bottom: 10px;
 position: relative;
}


.PendingRegistrations input[type="checkbox"] {
 top: 8px;
 left: -6px;
 position: relative;
}


.PendingRegistrations {
 padding: 10px;
}


.PendingRegistrations thead {
 display: none;
}


.PendingRegistrations tbody {
 top: 20px;
 width: 100% !important;
 position: relative;
}


.PendingRegistrations td {
 border: 0 !important;
 display: block;
}


.PendingRegistrations tr {
 border-top: 2px solid #444;
 border-bottom: 2px solid #444;
}


.PendingRegistrations .btn-primary {
 padding: 4px 24px 4px 24px;
}


.PendingRegistrations .btn-primary:active {
 padding: 4px 24px 4px 24px;
}


.PendingRegistrations .btn-primary:hover {
 padding: 4px 24px 4px 24px;
}


.PendingRegistrations .btn-primary:focus {
 padding: 4px 24px 4px 24px;
}


.PendingRegistrations .btn-icon-only {
 width: 45%;
 margin-right: 10px !important;
 margin-bottom: 20px !important;
 margin: 0 auto;
 position: relative;
}


.clearfix h4 {
 left: 0;
 top: 20px;
 position: relative;
 float: left;
}


#accept-user {
 padding: 6px;
}


#accept-user .panel-body {
 background-color: rgba(255, 255, 255, 0) !important;
}


#accept-user .img-rounded {
 top: 8px;
 position: relative;
}


#accept-user tr:hover {
 background-color: #373737;
}


#accept-user colgroup col {
 display: none;
}


#accept-user thead {
 display: none;
}


#accept-user tbody {
 margin-top: 20px;
 width: 100% !important;
}


#accept-user td {
 border: 0;
 display: block;
 text-align: center;
}


#accept-user tr {
 border-top: 0px;
 border-bottom: 0px;
 display: inline-table;
 width: 100%;
 height: 310px;
 margin-top: 6px;
 background-color: #373737;
 border-radius: 8px !important;
}


#accept-user .summary {
 display: none;
}


#accept-user input[type="checkbox"] {
 top: 8px;
 left: 8px;
 float: left;
 border-color: #aaa;
 position: relative;
}


#accept-user .btn-primary {
 padding: 4px 24px 4px 24px;
}


#accept-user .btn-primary:active {
 padding: 4px 24px 4px 24px;
}


#accept-user .btn-primary:hover {
 padding: 4px 24px 4px 24px;
}


#accept-user .btn-primary:focus {
 padding: 4px 24px 4px 24px;
}


#accept-user .btn-sm {
 right: 0px !important;
 position: relative;
 border-radius: 8px;
 padding: 4px 24px 4px 24px;
}


#accept-user .btn-sm:active {
 padding: 4px 24px 4px 24px;
}


#accept-user .btn-sm:hover {
 padding: 4px 24px 4px 24px;
}


#accept-user .btn-sm:focus {
 padding: 4px 24px 4px 24px;
}


#accept-user .bulk-actions-button {
 right: 0px;
 position: relative;
 margin-bottom: 6px;
}


#accept-user .pull-right {
 display: none;
}


#screen-options {
 width: 220px;
 padding-bottom: 30px;
}


#screen-options strong {
 display: none;
}


#screen-options input[type="checkbox"] {
 left: 1px;
 margin-bottom: 16px;
 position: relative;
}


#gallery-container>.panel-heading,
.target-page-list-head,
.task-checklist .task-item:hover {
  background-color: #537e3c !important;
  padding: 32px 0px 12px 10px !important;
}


#mail-conversation-root .progress {
 width: 50%;
}


#mail-conversation-root ul.files li.file-preview-item {
 width: 48%;
}


#mail-conversation-root .mime-image {
 top: 4px;
 position: relative;
}


#gallery-container .clearfix .dropdown-menu {
 top: 13px;
 left: 26px !important;
 width: 189px;
 height: auto;
}


#gallery-container .col .dropdown-menu {
 top: 25px;
 left: 24px;
 width: 189px;
 height: auto;
}


.content_create .upload-buttons .btn:not(.dropdown-toggle) .fa,
.content_edit .upload-buttons .btn:not(.dropdown-toggle) .fa {
 font-size: 12px !important;
}


#mail-conversation-root .media-list li {
 bottom: 6px;
 right: 16px;
 margin: 0;
 font-size: 15px;
 color: #FFF;
 hyphens: none;
 font-weight: 300;
 font-style: normal;
 text-shadow: 0.2px 0 rgba(255, 255, 255, 0.35), -0.2px 0 rgba(255, 255, 255, 0.35);
}


#mail-conversation-root .media-list li::before {
 top: 4px;
 content: "\f068";
 color: #FFF;
 font-size: 12px;
 font-family: FontAwesome;
 margin-right: 10px;
 float: left !important;
 position: relative;
}


#mail-conversation-root .content-create-input-group .atwho-input li::marker {
 content: none !important;
}


#mail-conversation-root .content-create-input-group .atwho-input li::before {
 top: 3px;
 content: "\f068";
 color: #ececec;
 font-size: 12px;
 font-family: FontAwesome;
 left: -14px !important;
 float: left !important;
 position: relative;
}


#mail-conversation-root .panel-default .ProsemirrorEditor.focusMenu .ProseMirror-menubar,
.ProsemirrorEditor.plainMenu .ProseMirror-menubar {
 background-color: #292929;
 border-color: #292929 !important;
}


#spaceIndexForm .panel-default .ProsemirrorEditor.focusMenu .ProseMirror-menubar,
.ProsemirrorEditor.plainMenu .ProseMirror-menubar {
 background-color: rgba(255, 255, 255, 0.0) !important;
 border-color: #292929 !important;
}


#panel-admin-center-list .table-responsive tr:hover {
 background-color: #373737;
}


#panel-admin-center-list .table-responsive colgroup col {
 display: none;
}


#panel-admin-center-list .table-responsive thead {
 display: none;
}


#panel-admin-center-list .table-responsive tbody {
 width: 100% !important;
}


#panel-admin-center-list .table-responsive td {
 border: 0;
 display: block;
 text-align: center;
}


#panel-admin-center-list .table-responsive tr {
 border-top: 0px;
 border-bottom: 0px;
 margin-top: 6px;
 display: inline-table;
 width: 100%;
 margin: 0 auto;
 height: 340px !important;
 margin-bottom: 10px;
 background-color: #373737;
 border-radius: 8px;
}


#panel-admin-center-list .table-responsive .btn-default {
 bottom: 6px !important;
 position: relative;
 background-color: #537e3c;
}


#panel-admin-center-list .table-responsive .btn-default:hover {
 bottom: 6px !important;
 position: relative;
 background-color: #537e3c !important;
}


#panel-admin-center-list .table-responsive .img-rounded {
 top: 14px !important;
 margin-right: 10px !important;
 position: relative;
}


#panel-admin-center-list .table-responsive {
 padding: 1px;
}


#panel-admin-center-list .table-responsive a {
 color: #FFF;
 position: relative;
}


#panel-admin-center-list .table-responsive .pagination .active a {
 color: #FFF;
 position: relative;
}


#panel-admin-center-list .table-responsive .fa {
 color: #FFF;
}


#panel-admin-center-list .table-responsive .caret {
 color: #FFF;
}


#panel-admin-center-list .table-responsive .dropdown-menu {
 width: 30vh !important;
 position: absolute;
 margin: 0 auto;
}


#panel-admin-center-list .table-responsive .btn {
 width: 30vh;
 left: 5px;
}


#panel-admin-center-list .pagination {
 top: 10px;
 left: 50%;
 margin-left: 0;
 transform: translate(-50%, 0);
 position: relative;
}


#admin-space-page .table-responsive tr:hover {
 background-color: #373737;
}


#admin-space-page .table-responsive colgroup col {
 display: none;
}


#admin-space-page .table-responsive thead {
 display: none;
}


#admin-space-page .table-responsive tbody {
 width: 100% !important;
}


#admin-space-page .table-responsive td {
 border: 0;
 display: block;
 text-align: center;
}


#admin-space-page .table-responsive small {
 width: 90%;
 display: inline-block;
}


#admin-space-page .table-responsive tr {
 border-top: 0px;
 border-bottom: 0px;
 margin-top: 6px;
 display: inline-table;
 width: 100%;
 height: 380px;
 background-color: #373737;
 border-radius: 8px;
}


#admin-space-page .table-responsive .btn-default {
 bottom: 6px !important;
 position: relative;
 background-color: #537e3c;
}


#admin-space-page .table-responsive .btn-default:hover {
 bottom: 6px !important;
 position: relative;
 background-color: #537e3c !important;
}


#admin-space-page .table-responsive .img-rounded {
 top: 14px !important;
 margin-right: 10px !important;
 position: relative;
}


#admin-space-page .table-responsive {
 padding: 1px;
}


#admin-space-page .table-responsive a {
 color: #FFF;
 position: relative;
}


#admin-space-page .table-responsive .pagination .active a {
 color: #FFF;
 position: relative;
}


#admin-space-page .table-responsive .fa {
 color: #FFF;
}


#admin-space-page .table-responsive .caret {
 color: #FFF;
}


#admin-space-page .table-responsive .dropdown-menu {
 width: 34.8vh;
 position: absolute;
}


#admin-space-page .table-responsive .btn {
 width: 36vh;
 left: 5px;
}


#lista-admin .table-responsive tr:hover {
 background-color: #373737;
}


#lista-admin .table-responsive colgroup col {
 display: none;
}


#lista-admin .table-responsive thead {
 display: none;
}


#lista-admin .table-responsive tbody {
 width: 100% !important;
}


#lista-admin .table-responsive td {
 border: 0;
 display: block;
 text-align: center;
}


#lista-admin .table-responsive tr {
 left: 2px;
 border-top: 2px solid #373737;
 border-bottom: 0px;
 width: 97%;
 display: inline-block;
 height: 270px;
 background-color: #373737;
 border-radius: 8px;
 margin-top: 6px;
 padding-bottom: 14px;
 position: relative;
}


#lista-admin .table-responsive .user-display-name {
 top: 5px;
 position: relative;
}


#lista-admin .table-responsive .user-username {
 top: 10px;
 position: relative;
}


#lista-admin .table-responsive .user-member-since {
 top: 15px;
 position: relative;
}


#lista-admin .table-responsive .fa-times::before {
 content: "Usuń";
 font-size: 14px;
 font-weight: 500;
 font-family: 'Open Sans', sans-serif;
}


#lista-admin .table-responsive .btn-default {
 bottom: 6px !important;
 position: relative;
 background-color: #444;
}


#lista-admin .table-responsive .btn-default:hover {
 bottom: 6px !important;
 position: relative;
 background-color: #444 !important;
}


#lista-admin .table-responsive .img-rounded {
 top: 14px !important;
 position: relative;
}


#lista-admin .table-responsive {
 padding: 1px;
}


#lista-admin .table-responsive a {
 color: #FFF;
 position: relative;
}


#lista-admin .table-responsive .pagination .active a {
 color: #FFF;
 position: relative;
}


#lista-admin .table-responsive .fa {
 color: #FFF;
}


#lista-admin .table-responsive .caret {
 color: #626262;
}


#lista-admin .table-responsive .btn {
 top: 10px;
 left: 0px;
 width: 26vh !important;
 border-radius: 8px;
 background-color: #AA4141 !important;
 height: auto;
 position: relative;
}


#panel-admin-center-list .has-online-status .user-online-status.user-is-online {
 height: 14px;
 width: 14px;
 left: 38px;
 background-color: #87c665;
}


#panel-admin-center-list .input-group .form-control:first-child {
 left: 0px;
 width: 100%;
 background-color: #3c3c3c !important;
 border: 0px;
 border-radius: 8px !important;
}


#panel-admin-center-list .input-group ::placeholder {
 color: #DDD !important;
}


#panel-admin-center-list .input-group-btn:last-child .btn {
 left: 0px;
 margin-left: 10px !important;
 background-color: #3c3c3c !important;
 padding: 9px 26px 7px 26px;
 border-radius: 8px;
}


#panel-admin-center-list .input-group-btn:last-child .btn:focus {
 background-color: rgba(255, 255, 255, 0.0);
}


#panel-admin-center-list .input-group-btn:last-child .btn:active {
 background-color: rgba(255, 255, 255, 0.0);
}


#panel-admin-center-list .input-group-btn:last-child .btn .fa {
 left: 1px;
 bottom: 1px;
 color: #DDD !important;
 position: relative;
}


#panel-admin-center-list select.form-control:not([multiple]) {
 right: 0px;
 top: 5px;
 color: #DDD !important;
 position: relative;
 width: 100% !important;
 padding-right: 0px !important;
 background-position: 94.5% 52%; !important;
 background-color: #3c3c3c !important;
 border-radius: 8px !important;
 border: 0px;
}


#wallStream .panel-default .panel-body .ProseMirror {
 border: 0px;
 padding: 10px 10px 6px 10px;
 background-color: #3c3c3c !important;
}


#wallStream .panel-default .panel-body .ProseMirror p .placeholder {
 color: #DDD !important;
 font-size: 13px !important;
}


#contentFormBody .form-group .ProseMirror-menubar-wrapper .atwho-input {
 border: 0px;
 padding: 10px 10px 6px 10px;
 background-color: #3c3c3c !important;
}


#contentFormBody .form-group .ProseMirror-menubar-wrapper .atwho-input p .placeholder {
 color: #D9D9D9 !important;
 font-size: 14px !important;
}


#mail-conversation-root .atwho-input p {
 width: 57%;
 hyphens: none;
}


#admin-menu .list-group {
 scrollbar-width: thin;
 scrollbar-color: #2d2d2d #2d2d2d;
}


.left-navigation .list-group {
 scrollbar-width: thin;
 scrollbar-color: #2d2d2d #2d2d2d;
}


#panel-body-edit-padding .form-group .fa {
 display: block;
 padding-top: 5.6px;
}


.input-group #space-menu-search {
 border-radius: 8px !important;
 padding: 16px 16px 16px 16px;
 border: 0px;
 background-color: #3c3c3c !important;
}


#panel-friendship-list img {
 left: 0px;
 position: relative;
}


#panel-friendship-list .grid-view {
 padding: 14px;
}


#panel-friendship-list .summary {
 padding-bottom: 30px;
}


#panel-friendship-list .panel-body .full-name-link {
 top: 15px;
 position: relative;
}


#panel-friendship-list .panel-body .username {
 bottom: 15px;
 position: relative;
}


#panel-friendship-list .panel-body tr:hover {
 background-color: #373737;
}


#panel-friendship-list .panel-body colgroup col {
 display: none;
}


#panel-friendship-list .panel-body thead {
 display: none;
}


#panel-friendship-list .panel-body .img-circle {
 top: 10px;
 position: relative;
}


#panel-friendship-list .panel-body tbody {
 width: 100% !important;
}


#panel-friendship-list .panel-body td {
 margin-top: 10px;
 border: 0;
 display: block;
 text-align: center;
}


#panel-friendship-list .panel-body tr {
 border-top: 0px;
 border-bottom: 0px;
 background-color: #373737;
 border-radius: 5px;
 margin-bottom: 6px;
 margin-bottom: 10px;
 display: inline-table;
 width: 99%;
 height: 270px;
}


#panel-friendship-list .panel-body .btn-default {
 bottom: 6px !important;
 position: relative;
 background-color: #eee;
}


#panel-friendship-list .panel-body .btn-default:hover {
 bottom: 6px !important;
 position: relative;
 background-color: #eee !important;
}


#panel-friendship-list .panel-body .img-rounded {
 top: 14px !important;
 margin-right: 10px !important;
 position: relative;
}


#panel-friendship-list .panel-body {
 padding: 1px;
}


#panel-friendship-list .panel-body a {
 color: #FFF;
 position: relative;
}


#panel-friendship-list .panel-body .pagination .active a {
 color: #FFF;
 position: relative;
}


#panel-friendship-list .panel-body .fa {
 color: #FFF;
}


#panel-friendship-list .panel-body .caret {
 color: #626262;
}


#panel-friendship-list .panel-body .btn {
 width: 24vh !important;
 font-size: 12px;
 border-radius: 5px;
 background-color: #AA4141 !important;
 padding: 8px 10px 8px 10px !important;
}


#panel-friendship-list .name {
 color: #FFF !important;
}


#panel-friendship-list .name:hover {
 color: #FFF !important;
}


#panel-friendship-requests img {
 left: 0px;
 position: relative;
}


#panel-friendship-requests .name {
 color: #FFF !important;
}


#panel-friendship-requests .name:hover {
 color: #FFF !important;
}


#panel-friendship-requests .grid-view {
 padding: 14px;
}


#panel-friendship-requests .summary {
 padding-bottom: 30px;
}


#panel-friendship-requests .panel-body tr:hover {
 background-color: #373737;
}


#panel-friendship-requests .panel-body colgroup col {
 display: none;
}


#panel-friendship-requests .panel-body thead {
 display: none;
}


#panel-friendship-requests .panel-body .img-circle {
 top: 10px;
 position: relative;
}


#panel-friendship-requests .panel-body tbody {
 width: 100% !important;
}


#panel-friendship-requests .panel-body td {
 margin-top: 10px;
 border: 0;
 display: block;
 text-align: center;
}


#panel-friendship-requests .panel-body tr {
 border-top: 0px;
 border-bottom: 0px;
 background-color: #373737;
 border-radius: 5px;
 margin-bottom: 10px;
 padding-bottom: 277px;
 margin: 0 auto;
 display: inline-table;
 width: 99%;
 height: 270px;
}


#panel-friendship-requests .panel-body .btn-default {
 bottom: 6px !important;
 position: relative;
 background-color: #eee;
}


#panel-friendship-requests .panel-body .btn-default:hover {
 bottom: 6px !important;
 position: relative;
 background-color: #eee !important;
}


#panel-friendship-requests .panel-body .img-rounded {
 top: 14px !important;
 margin-right: 10px !important;
 position: relative;
}


#panel-friendship-requests .panel-body {
 padding: 1px;
}


#panel-friendship-requests .panel-body a {
 color: #FFF;
 position: relative;
}


#panel-friendship-requests .panel-body .pagination .active a {
 color: #FFF;
 position: relative;
}


#panel-friendship-requests .panel-body .fa {
 color: #FFF;
}


#panel-friendship-requests .panel-body .caret {
 color: #626262;
}


#panel-friendship-requests .panel-body .btn {
 top: -20px;
 width: 24vh !important;
 font-size: 12px;
 border-radius: 5px;
 background-color: #AA4141 !important;
 padding: 8px 10px 8px 10px !important;
}


#panel-friendship-requests .panel-body .btn-accept {
 top: -20px;
 width: 24vh !important;
 margin-bottom: 10px;
 font-size: 12px;
 border-radius: 5px;
 background-color: #537e3c !important;
 padding: 8px 10px 8px 10px !important;
}


#mail-conversation-root .upload-buttons {
 background-color: #353535 !important;
}


#mail-conversation-root .conversation-blocked .alert-danger {
 border: 0px;
 font-weight: 500;
 text-align: center;
 padding-top: 35px;
 font-size: 12px;
 hyphens: none;
 color: #FFB5B5;
 padding-bottom: 30px;
 background-color: #292929;
}


#topic-panel-views .summary {
 display: none;
}


#topic-panel-views td {
 width: 100% !important;
}


#topic-panel-views .panel-body tr:hover {
 background-color: #373737;
}


#topic-panel-views .panel-body colgroup col {
 display: none;
}


#topic-panel-views .panel-body thead {
 display: none;
}


#topic-panel-views .panel-body tbody {
 width: 100% !important;
}


#topic-panel-views .panel-body td {
 border: 0;
 display: block;
 text-align: center;
 margin-top: 10px;
}


#topic-panel-views .panel-body tr {
 border-top: 0px;
 border-bottom: 0px;
 display: inline-table;
 width: 100%;
 height: 170px;
 margin-top: 6px;
 background-color: #373737;
 border-radius: 5px !important;
}


#topic-panel-views .panel-body {
 padding: 20px;
}


#topic-panel-views .panel-body .fa {
 color: #FFF;
}


#topic-panel-views .panel-body .btn {
 top: 0px;
 width: 8vh !important;
 background-color: #537e3c !important;
 padding: 7px 10px 7px 10px !important;
 position: relative;
}


#topic-panel-views .panel-body .input-group-btn .btn {
 top: 0px;
 width: 60px !important;
 background-color: #537e3c !important;
 padding: 8px 0px 9.5px 0px !important;
 margin-bottom: 10px;
 border-radius: 3px;
 margin-left: 8px;
 position: relative;
}


#poll-description .ProseMirror-menubar-wrapper .ProseMirror-menubar {
 display: none !important;
}


#poll-description .atwho-input {
 border-radius: 8px !important;
}


#vievs-space-member-index td {
 width: 100% !important;
}


#vievs-space-member-index .has-online-status .user-online-status.user-is-online {
 height: 14px;
 width: 14px;
 left: 38px;
 background-color: #87c665;
}


#vievs-space-member-index .input-group .form-control:first-child {
 left: 4px;
 width: 94%;
}


#vievs-space-member-index .panel-body tr:hover {
 background-color: #373737;
}


#vievs-space-member-index .panel-body colgroup col {
 display: none;
}


#vievs-space-member-index .panel-body thead {
 display: none;
}


#vievs-space-member-index .panel-body tbody {
 top: 0px;
 width: 98% !important;
 display: inline-block;
 position: relative;
}


#vievs-space-member-index .panel-body td {
 border: 0;
 display: block;
 text-align: center;
}


#vievs-space-member-index .panel-body tr {
 border-top: 0px;
 border-bottom: 0px;
 padding-top: 30px !important;
 display: inline-block;
 width: 100%;
 height: 321px;
 margin-top: 6px;
 background-color: #373737;
 border-radius: 8px !important;
}


#vievs-space-member-index .panel-body .user-info {
 bottom: 10px;
 position: relative;
}


#vievs-space-member-index .panel-body .user-display-name {
 top: 32px;
 font-size: 14px;
 position: relative;
}


#vievs-space-member-index .panel-body .time {
 font-size: 13px;
}


#vievs-space-member-index .panel-body {
 padding: 20px;
}


#vievs-space-member-index .panel-body .fa {
 color: #FFF;
}


#vievs-space-member-index .panel-body .btn {
 bottom: 206px;
 width: 8vh !important;
 padding: 8px 10px 8px 10px !important;
 position: relative;
}


#vievs-space-member-index .panel-body .input-group-btn .btn {
 top: 0px;
 left: -3px;
 width: 60px !important;
 border-radius: 8px !important;
 background-color: #373737 !important;
 padding: 8px 0px 9.5px 0px !important;
 margin-bottom: 10px;
 position: relative;
}


#vievs-space-member-index .panel-body .input-group-btn .btn .fa {
 bottom: 0px;
 color: #FFF !important;
 position: relative;
}


#vievs-space-member-index .panel-body .btn-icon-only {
 top: 5px;
 width: 60% !important;
 background-color: #AA4141 !important;
 padding: 8px 0px 8px 0px !important;
 margin-bottom: 10px;
 border-radius: 8px;
 position: relative;
}


#vievs-space-member-index .panel .dropdown-menu {
 top: -170px;
 right: -20px;
 position: absolute;
}


#vievs-space-member-index .panel .dropdown-menu a {
 text-align: center;
 font-weight: 500;
}


#vievs-space-member-index .panel-body .select2-container--humhub {
 top: 14px;
 position: relative;
 margin: 0 auto;
 width: 60% !important;
}


#vievs-space-member-index select.form-control:not([multiple]) {
 left: 4px;
 width: 180px !important;
 background-image: url("") !important;
 padding-right: 11px;
}


#vievs-space-member-index .select2-container--humhub .select2-selection {
 padding-top: 3px !important;
 border-top: 2px solid #444;
}


#vievs-space-member-index  input::placeholder {
 color: #FFF !important;
}


#vievs-space-about .colorInfo {
 color: #e89f5e !important;
 margin-right: 5px;
}


#vievs-space-about .col-md-4 {
 width: 100%;
}


#vievs-space-about .col-md-8 {
 width: 100%;
}


#vievs-space-about p {
 color: #FFF !important;
 width: 100% !important;
 padding-right: 0px;
}


#panel-admin-center-list .created-at-column::before {
 content: "Data dołączenia: ";
 font-weight: 400;
 color: #FFF;
}


#panel-admin-center-list .last-login-column::before {
 content: "Logowanie: ";
 font-weight: 400;
 color: #FFF;
}


#panel-viev-group .summary {
 display: none;
}


#panel-viev-group img {
 left: 0px;
 position: relative;
}


#panel-viev-group .grid-view {
 padding: 14px;
}


#panel-viev-group .summary {
 padding-bottom: 30px;
}


#panel-viev-group .panel-body tr:hover {
 background-color: #373737;
}


#panel-viev-group .panel-body colgroup col {
 display: none;
}


#panel-viev-group .panel-body thead {
 display: none;
}


#panel-viev-group .panel-body .dropdown-menu {
 width: 140px;
 position: absolute;
 left: 60px;
}


#panel-viev-group .panel-body tbody {
 width: 100% !important;
}


#panel-viev-group .panel-body td {
 border: 0;
 display: block;
 text-align: center;
}


#panel-viev-group .panel-body tr {
 top: 16px;
 height: 340px;
 width: 100%;
 margin: 0 auto;
 margin-bottom: 6px;
 border-top: 2px solid #333;
 border-bottom: 2px solid #333;
 position: relative;
}


#panel-viev-group .label-default {
 width: 120px;
 font-weight: 500;
 border-radius: 5px;
 display: inline-block;
 position: relative;
}


#panel-viev-group .panel-body .fa {
 color: #FFF;
}


#panel-viev-group .panel-body .dropdown-toggle {
 width: 24vh;
 background-color: #444;
 padding: 8px 10px 8px 10px;
}


#panel-viev-group .last-number-column::before {
 content: "Liczba użytkowników: ";
 font-weight: 400;
 color: #FFF;
}


#admin-space-page .memberCount-column::before {
 content: "Liczba użytkowników: ";
 font-weight: 400;
 color: #FFF;
}


#admin-space-page .owner-column::before {
 content: "Właściciel: ";
 font-weight: 400;
 color: #FFF;
}


#admin-pending-registrations input[type="checkbox"] {
 left: 10px;
 float: left;
 top: 10px;
 position: relative;
}


#admin-pending-registrations .btn-icon-only {
 width: 130px;
 left: 10px;
}


#admin-pending-registrations tr:hover {
 background-color: #373737 !important;
}


#admin-pending-registrations colgroup col {
 display: none;
}


#admin-pending-registrations thead {
 display: none;
}


#admin-pending-registrations tbody {
 width: 100% !important;
}


#admin-pending-registrations td {
 border: 0;
 display: block;
 width: auto !important;
 text-align: center;
}


#admin-pending-registrations tr {
 width: 100%;
 border-top: 0px;
 border-bottom: 0px;
 margin: 0 auto;
 background-color: #373737;
 border-radius: 8px;
 margin-bottom: 30px;
 display: inline-table;
}


#admin-pending-registrations .btn-sm {
 top: 12px;
 font-size: 12px;
 width: auto;
 position: relative;
}


#admin-pending-registrations .btn-sm:hover {
 top: 12px;
 font-size: 12px;
 width: auto;
 position: relative;
}


#admin-pending-registrations .btn-sm:active {
 top: 12px;
 font-size: 12px;
 width: auto;
 position: relative;
}


#admin-pending-registrations .btn-sm:focus {
 top: 12px;
 font-size: 12px;
 width: auto;
 position: relative;
}


#admin-pending-registrations .panel-body {
 padding: 10px;
}


#admin-pending-registrations .summary {
 display: none;
}


#admin-pending-registrations a {
 color: #FFF;
 position: relative;
}


#admin-pending-registrations .fa {
 color: #FFF;
}


#admin-space-page select.form-control:not([multiple]) {
 top: 5px;
 color: #fff !important;
 position: relative;
 width: 100% !important;
 padding-right: 0px !important;
 background-position: 94.5% 52%; !important;
 background-color: #3c3c3c !important;
 border-radius: 5px;
 border: 0px;
}


#admin-space-page .input-group-btn:last-child .btn {
 margin-left: 10px !important;
 background-color: #3c3c3c !important;
 padding: 9px 26px 9px 26px;
 border-radius: 8px;
}


.modal-content .modal-header {
 padding: 0px 10px 0px 10px;
 border-bottom: none;
 text-align: center;
 background-color: #537e3c;
 height: 48px;
}


.modal-content .modal-header h4 {
 font-weight: 500;
 left: 12px;
 bottom: 7px;
 position: relative;
 font-size: 16px;
}


.modal-content .modal-header strong {
 font-weight: 500;
}


#globalModal .close {
 font-weight: 100;
 z-index: 1;
 font-size: 26px;
 position: relative;
 top: 9px;
 right: 6px;
}


.pagination  > li > a {
 margin: 2px;
 border: 0;
 background-color: #3c3c3c !important;
 padding: 5px 14px 5px 14px;
 border-radius: 9px !important;
}


.pagination > .disabled > span {
 margin: 2px;
 border: 0;
 background-color: #3c3c3c !important;
 padding: 5px 14px 5px 14px;
 border-radius: 9px !important;
}


.pagination > .active > a {
 color: #fff;
 background-color: #537e3c !important;
 border: 0;
}


.pagination > .active > a:hover {
 color: #fff;
 background-color: #537e3c !important;
 border: 0;
}


#status-bar .status-bar-body {
 background-color: #333;
}


#status-bar .status-bar-body span {
 color: #FFF;
 font-size: 12px;
 hyphens: none;
 font-weight: 500;
}


#mail-conversation-root .conversation-menu .conversation-edit-button {
 top: 12px;
 left: 12px;
 padding: 8px 9px 8px 9px;
 border: 0px;
 background-color: rgba(255, 255, 255, 0.0);
}


#mail-conversation-root .conversation-state-badge {
 width: 95.5% !important;
 bottom: 2px !important;
 position: fixed !important;
 z-index:5;
}


#mail-edit .ProsemirrorEditor.focusMenu .ProseMirror-menubar {
 top: -40px;
 position: absolute;
}


#mail-edit .ProsemirrorEditor .ProseMirror-menubar-wrapper {
 margin-top: 40px;
}


#new-member-request small {
 left: 7px !important;
 bottom: 10px !important;
 font-size: 13px !important;
 width: 92% !important;
 hyphens: none !important;
 display: block !important;
 font-style: normal !important;
 position: relative !important;
}


.messagePreviewEntry.unread .new-message-badge {
 right: 6px !important;
 position: relative;
 background-color: #68a04a !important;
}


#dropdown-messages .media-list .read-message-badge {
 right: 6px !important;
 height: 14px;
 width: 14px;
 background-color: #4f4f4f;
 border-radius: 99ex;
 position: absolute;
}


#mail-conversation-overview .inbox-wrapper .read-message-badge {
 right: 6px !important;
 height: 14px;
 width: 14px;
 background-color: #4f4f4f;
 border-radius: 99ex;
 position: absolute;
}


#mail-conversation-overview .messenger-search-toggle {
 top: 11px;
 right: 49px;
 float: right;
 border: 0;
 position: absolute;
 background-color: rgba(255, 255, 255, 0.0) !important;
}


#mail-conversation-overview .messenger-search-toggle:hover {
 top: 11px;
 right: 49px;
 float: right;
 border: 0;
 position: absolute;
 background-color: rgba(255, 255, 255, 0.0) !important;
}


#mail-conversation-overview .messenger-search-toggle:active {
 top: 11px;
 right: 49px;
 float: right;
 border: 0;
 position: absolute;
 background-color: rgba(255, 255, 255, 0.0) !important;
}


#mail-conversation-overview .messenger-search-toggle:focus {
 top: 11px;
 right: 49px;
 float: right;
 border: 0;
 position: absolute;
 background-color: rgba(255, 255, 255, 0.0) !important;
}


#mail-conversation-root #search .messenger-search-bar {
 display: flex;
 align-items: center;
 gap: 6px;
 margin: 6px 0;
 position: absolute;
 width: 99%;
 z-index: 5;
 padding: 8px;
 background-color: #292929;
 margin-top: -19px;
 padding-left: 18px;
 padding-right: 18px;
 padding-bottom: 10px;
 border-radius: 0px;
}


#mail-conversation-root #search .messenger-search-input {
 flex: 1;
 padding: 7px;
 display: none;
 border: 2px solid #353535;
 background-color: #353535;
 border-radius: 4px;
 outline: 0;
}


#mail-conversation-root #search .messenger-search-input::placeholder {
 color: #FFF !important;
}


#mail-conversation-root .scroll-bottom-btn {
 left: 0;
 bottom: 155px;
 height: 44px;
 width: 45px;
 border-radius: 50%;
 margin-left: 19px;
 background-color: #353535;
 cursor: pointer;
 display: none;
 z-index: 1000;
 position: absolute;
}


#mail-conversation-root .scroll-bottom-btn::before {
 content: "\f107";
 font: normal normal normal 14px/1 FontAwesome;
 font-weight: 900;
 font-size: 16px;
 color: #FFF;
 text-align: center;
 line-height: 44px;
 display: block;
}


#panel-body-edit-padding .select2-container--humhub .select2-selection,
.select2-container--humhub .select2-selection--single .select2-selection__rendered {
 padding-top: 3px !important;
}


#panel-body-edit-padding .select2-container--humhub .select2-selection--multiple .select2-selection__choice {
  color: #555;
  border-radius: 4px;
  cursor: default;
  background-color: #537e3c;
  color: #fff;
  border-radius: 3px;
  font-size: 13px !important;
  padding: 2px 5px 2px 6px !important;
  float: left;
  margin: 2px;
  height: 28px;
  padding-top: 2px;
  margin-left: 4px;
}


#dropdown-messages .dropdown-header {
 color: #FFF !important;
 font-weight: 500 !important;
 background-color: #537e3c !important;
 margin: 0 !important;
 padding: 12px !important;
 padding-left: 11px;
 padding-left: 20px !important;
 margin-top: 2px !important;
}


#space-menu-dropdown .divider {
 height: 1px !important;
 background-color: #333 !important;
}


#profile-about .panel-heading {
 color: #FFF;
 padding: 18px 0px 23px 5px !important;
 background-color: #537e3c;
}


#profile-about .panel-heading strong {
 font-size: 15px !important;
 font-weight: 500 !important;
}


#profile-about .profile-field {
 padding: 10px 18px !important;
}


#viev-admin-group-edit #lista-admin .panel-body .row .btn {
 border: 1px solid #373737 !important;
}


#viev-admin-group-edit #lista-admin .panel-body .select2-container--humhub .select2-selection--single .select2-selection__rendered {
 padding-top: 5px !important;
 padding-left: 8px;
}


#viev-admin-group-edit #lista-admin .panel-body .permission-grid-editor .select2-container--humhub .select2-selection {
 padding-top: 1px !important;
 background-color: #3c3c3c !important;
 border: 1px solid #3c3c3c !important;
 padding-left: 2px !important;
 padding-right: 18px !important;
}


#layout-content .left-navigation .list-group a {
 background-color: #3c3c3c;
}


.tab-menu .nav-tabs {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 border: none;
 padding: 0;
 margin: 0;
 gap: 0px;
 margin-top: 16px;
}


.tab-menu .nav-tabs li {
 flex: 0 0 auto;
 list-style: none;
}


.tab-menu .nav-tabs li > a {
 display: block;
 padding: 10px;
 margin-right: 8px;
 margin-bottom: 2px;
 background-color: #3c3c3c;
 font-size: 16px;
 color: #fff;
 border: 1px solid #3c3c3c;
 text-decoration: none;
 white-space: nowrap;
 border-radius: 4px;
}


.tab-menu .nav-tabs li > a:hover {
 padding: 10px !important;
 border: 1px solid #3c3c3c !important;
}


.tab-menu .nav-tabs li > a:active {
 padding: 10px !important;
 border: 1px solid #3c3c3c !important;
}


.tab-menu .nav-tabs li > a:focus {
 padding: 10px !important;
 border: 1px solid #3c3c3c !important;
}


.tab-menu .nav-tabs li.active > a {
 background-color: #537e3c;
 padding: 10px;
 border: 1px solid #537e3c;
 color: #fff;
}


#add-user-views-panel .pull-right {
 right: 0px;
 bottom: 140px;
 position: relative;
}


#add-user-views-panel .pull-right:hover {
 right: 0px !important;
 bottom: 140px !important;
 position: relative;
}


#add-user-views-panel .pull-right:active {
 right: 0px !important;
 bottom: 140px !important;
 position: relative;
}


#add-user-views-panel .pull-right:focus {
 right: 0px !important;
 bottom: 140px !important;
 position: relative;
}


#admin-space-page .btn-success {
 top: -140px;
 right: -18px;
 padding: 7px 16px 7px 16px;
 position: relative !important;
}


#admin-space-page .btn-success:hover {
 top: -140px !important;
 right: -18px !important;
 padding: 7px 16px 7px 16px;
 position: relative !important;
}


#admin-space-page .btn-success:active {
 top: -140px !important;
 right: -18px !important;
 padding: 7px 16px 7px 16px;
 position: relative !important;
}


#admin-space-page .btn-success:focus {
 top: -140px !important;
 right: -18px !important;
 padding: 7px 16px 7px 16px;
 position: relative !important;
}


#viev-admin-group-edit .panel-body .top-button-back .btn-sm {
 top: 11px;
 right: 20px;
 position: absolute;
}


#viev-admin-group-edit .panel-body .top-button-back .btn-sm:hover {
 top: 11px !important;
 right: 20px !important;
 position: absolute;
}


#viev-admin-group-edit .panel-body .top-button-back .btn-sm:active {
 top: 11px !important;
 right: 20px !important;
 position: absolute;
}


#viev-admin-group-edit .panel-body .top-button-back .btn-sm:focus {
 top: 11px !important;
 right: 20px !important;
 position: absolute;
}


#panel-body-edit-padding .btn-success {
 top: 8px;
 left: 56%;
 width: auto;
 height: 26px;
 padding: 7px 0px 7px 16px;
 position: absolute !important;
}


#panel-body-edit-padding .btn-success:hover {
 top: 8px;
 left: 56%;
 width: auto;
 height: 26px;
 background-color: rgba(255, 255, 255, 0.0);
}


#panel-body-edit-padding .btn-success:focus {
 top: 8px;
 left: 56%;
 width: auto;
 height: 26px;
 padding: 7px 0px 7px 16px !important;
 background-color: rgba(255, 255, 255, 0.0);
}


#panel-body-edit-padding .btn-success:active {
 top: 8px;
 left: 56%;
 width: auto;
 height: 26px;
 padding: 7px 0px 7px 16px !important;
 background-color: rgba(255, 255, 255, 0.0);
}


#panel-body-edit-padding .select2-container--humhub .select2-selection--multiple .select2-selection__choice .img-rounded {
 top: 0px;
 position: relative;
}


#panel-body-edit-padding .field-accountsettings-tags .picker-text {
 top: -2px !important;
 position: relative;
}


#panel-body-edit-padding .select2-container--humhub .select2-selection--multiple .select2-selection__choice .picker-text {
 top: 0px;
 position: relative;
}


#panel-body-edit-padding .select2-container--humhub .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
 top: -2.5px;
 z-index: 9;
 position: relative;
}


#edit-user-views-panel .panel-body .tab-content .field-usereditform-groupselection .picker-text {
 top: -2px !important;
 position: relative;
}


#edit-user-views-panel .edit-user .pull-right {
 bottom: 159px !important;
 position: relative;
}


#edit-user-views-panel .edit-user .panel-body .tab-content .field-usereditform-groupselection .picker-text {
 top: -2px !important;
 position: relative;
}


#space-follower-panel .dropdown-menu {
 top: 31px;
 right: -11px;
 position: absolute;
}


#mail-conversation-root .conversation-entry-list .conversation-date-badge span {
 font-size: 12px;
}


#profile-friends-panel .btn-xs {
 top: 4px;
 position: relative;
 display: block;
 color: #E4E4E4;
 font-size: 13px;
 font-weight: 200;
}


.layout-sidebar-container {
 background-color: #222 !important
}


#panel-pending-approvals img {
 left: 0px;
 position: relative;
}


#panel-pending-approvals .name {
 color: #FFF !important;
}


#panel-pending-approvals .name:hover {
 color: #FFF !important;
}


#panel-pending-approvals .grid-view {
 padding: 14px;
}


#panel-pending-approvals .summary {
 display: none;
}


#panel-pending-approvals .panel-body tr:hover {
 background-color: #373737;
}


#panel-pending-approvals .panel-body colgroup col {
 display: none;
}


#panel-pending-approvals .panel-body thead {
 display: none;
}


#panel-pending-approvals .panel-body .img-circle {
 top: 10px;
 position: relative;
}


#panel-pending-approvals .panel-body tbody {
 width: 100% !important;
}


#panel-pending-approvals .panel-body td {
 border: 0;
 display: block;
 text-align: center;
}


#panel-pending-approvals .panel-body tr {
 border-top: 0px;
 border-bottom: 0px;
 background-color: #373737;
 border-radius: 8px;
 margin-bottom: 8px !important;
 margin-left: 3px !important;
 margin-right: 3px !important;
 padding-top: 12px;
 padding-bottom: 277px;
 display: inline-grid;
 width: 99%;
 height: 310px;
}


#panel-pending-approvals .panel-body .btn-default {
 bottom: 6px !important;
 position: relative;
 background-color: #eee;
}


#panel-pending-approvals .panel-body .btn-default:hover {
 bottom: 6px !important;
 position: relative;
 background-color: #eee !important;
}


#panel-pending-approvals .panel-body .img-rounded {
 top: 14px !important;
 height: 54px !important;
 width: 54px !important;
 margin-right: 10px !important;
 position: relative;
}


#panel-pending-approvals .panel-body {
 padding: 1px;
}


#panel-pending-approvals .panel-body .btn {
 top: 10px;
 position: relative;
 margin-bottom: 10px !important;
 margin: 0 auto;
 width: 188px !important;
 display: block;
 padding: 8px 10px 8px 10px !important;
}


#panel-pending-approvals .panel-body .btn-primary {
 border-radius: 8px;
 background-color: #537e3c !important;
}


#panel-pending-approvals .panel-body .btn-danger {
 border-radius: 8px;
 background-color: #AA4141 !important;
}


#layout-content .panel-body .panel-profile-controls .controls-header .open .dropdown-menu li a {
 color: #FFF !important;
 padding: 13px 12px !important;
}


#layout-content .panel-body .panel-profile-controls .controls-header .open .dropdown-menu li a i {
 margin-right: 12px !important;
 text-align: center;
}


#panel-body-edit-padding .information-space .media {
 background-color: #373737;
}


#user-auth-login-modal-login-page .form-control:-webkit-autofill {
 caret-color: #fff !important;
 -webkit-box-shadow: 0 0 0 1000px #3c3c3c inset !important;
 -webkit-text-fill-color: #fff !important;
 transition: background-color 5000s ease-in-out 0s !important;
}


#wallStream .label-state-scheduled {
 top: -20px !important;
 left: 38px !important;
 color: #FFF;
}


#wallStream .wall-entry .wall-entry-header .label-state-draft {
 color: #FFF;
}


#mail-conversation-root .mail-conversation-entry .conversation-entry-time {
 top: 0px;
 left: 5px;
 font-size: 10px;
 font-weight: 400;
 position: relative;
}


#mail-conversation-root .conversation-entry-content p {
 color: #fff !important;
 hyphens: none;
 font-size: 15px !important;
 text-shadow: 0.2px 0 rgba(255, 255, 255, 0.35), -0.2px 0 rgba(255, 255, 255, 0.35);
}


#mail-conversation-root .conversation-entry-content p strong {
 color: #FFF !important;
 font-weight: 400;
}


#topbar-first .notifications .dropdown-menu li .new .label {
 color: #2B2B2B !important;
 font-size: 11px;
 padding: 4px 8px 4px 8px !important;
 background-color: #E1B736 !important;
}


.link-post-layout-container .panel-body .content-create-input-group {
 left: -12px;
 position: relative;
}


#topbar-second #space-menu-dropdown li>ul>li>a>.media .media-body p {
 color: #ddd;
 font-size: 11px !important;
 font-weight: 400;
}


#dropdown-notifications .media-body {
 color: #ddd !important;
 font-family: Arial;
 font-size: 14px;
}


#dropdown-notifications .media-body strong {
 font-weight: 400 !important;
 font-size: 14.5px;
 color: #FFF;
 text-shadow: 0.0px 0 rgba(255, 255, 255, 0.35), -0.0px 0 rgba(255, 255, 255, 0.35);
}


#panel-activities .panel-body .time {
 font-weight: 300;
 font-size: 13px;
}


.media .time {
 font-weight: 400;
}


.wall-entry-controls {
 font-weight: 400;
}


.comment-count {
 left: 5px;
 color: #e4e4e4;
 border-radius: 99ex;
 padding: 4.5px 20px 5.5px 14px;
 font-size: 14px;
 font-weight: 500;
 position: relative;
}


.likeCount {
 top: 0.5;
 color: #e4e4e4;
 font-size: 13px;
 font-weight: 500;
 position: relative;
}


.likeLinkContainer {
 left: 5px;
 border-radius: 99ex;
 padding: 3px 10px 5px 16px;
 position: relative;
}


.comment-count::before {
 content: "\f075";
 font-family: FontAwesome;
 color: #e4e4e4;
 font-size: 13px;
 left: 4px;
 bottom: 1px;
 padding-right: 15px;
 position: relative;
}


.wall-entry-footer .unlike {
 left: 2px;
 bottom: 5.5px;
 padding-right: 2px;
 position: relative;
 background-image: radial-gradient(circle, #fff 50%, transparent 51%);
 background-repeat: no-repeat;
 background-size: 4px 4px;
 background-position: right 7px top 6px;
 padding-right: 35px;
}


.wall-entry-footer .like {
 left: 2px;
 bottom: 5.5px;
 padding-right: 2px;
 position: relative;
 background-image: radial-gradient(circle, #fff 50%, transparent 51%);
 background-repeat: no-repeat;
 background-size: 4px 4px;
 background-position: right 7px top 6px;
 padding-right: 35px;
}


a[data-action-click-target^="#comment_humhubmodulescommentmodelsComment"] .comment-count {
 display: none !important;
}


#panel-activities .panel-body strong {
 text-shadow: 0.0px 0 rgba(255, 255, 255, 0.35), -0.0px 0 rgba(255, 255, 255, 0.35);
}


#space-menu-dropdown .media-list .space-name {
 text-shadow: 0.0px 0 rgba(255, 255, 255, 0.35), -0.0px 0 rgba(255, 255, 255, 0.35);
}


a[data-action-click-target^="#comment_humhubmodulescommentmodelsComment"] {
 bottom: 1px;
 font-size: 0;
 position: relative;
}


a[data-action-click-target^="#comment_humhubmodulescommentmodelsComment"]::before {
 content: "\f086";
 top: 1px;
 font-family: "FontAwesome";
 font-size: 15.5px !important;
 font-weight: 500;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 7px 2px 8px 0px;
 position: relative;
 border-radius: 40px 0px 0px 40px;
}


a[data-action-click-target^="#comment_humhubmodulescommentmodelsComment"]::after {
 content: "Odpowiedz";
 font-size: 12.5px;
 top: 1px;
 font-weight: 400;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 6.6px 0px 6.5px 10px;
 position: relative;
 border-radius: 0px 40px 40px 0px;
}


a[data-action-click-target^="#comment_humhubmodulespostmodelsPost"]::before {
 content: "\f086";
 font-family: FontAwesome;
 font-size: 15.5px;
 top: 1px;
 font-weight: 500;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 7px 4px 8px 0px;
 position: relative;
 border-radius: 40px 0px 0px 40px;
}


a[data-action-click-target^="#comment_humhubmodulespostmodelsPost"]::after {
 content: "Komentuj";
 font-size: 12.5px;
 top: 1px;
 font-weight: 400;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 6.6px 0px 6.5px 10px;
 position: relative;
 border-radius: 0px 40px 40px 0px;
}


a[data-action-click-target^="#comment_humhubmodulespostmodelsPost"] {
 bottom: 1px;
 font-size: 0;
 position: relative;
}


a[data-action-click-target^="#comment_humhubmodulesgallerymodelsMedia"] {
 bottom: 1px;
 font-size: 0;
 position: relative;
}


a[data-action-click-target^="#comment_humhubmodulesgallerymodelsMedia"]::before {
 content: "\f086";
 top: 1px;
 font-family: "FontAwesome";
 font-size: 15.5px;
 font-weight: 500;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 6.9px 4px 8.1px 0px;
 position: relative;
 border-radius: 40px 0px 0px 40px;
}


a[data-action-click-target^="#comment_humhubmodulesgallerymodelsMedia"]::after {
 content: "Komentuj";
 font-size: 12.5px;
 top: 1px;
 font-weight: 400;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 6.5px 0px 6.5px 10px;
 position: relative;
 border-radius: 0px 40px 40px 0px;
}


a[data-action-click-target^="#comment_humhubmodulespollsmodelsPoll"]::before {
 content: "\f086";
 top: 1px;
 font-family: "FontAwesome";
 font-size: 15.5px;
 font-weight: 500;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 7px 4px 8px 0px;
 position: relative;
 border-radius: 40px 0px 0px 40px;
}


a[data-action-click-target^="#comment_humhubmodulespollsmodelsPoll"]::after {
 content: "Komentuj";
 font-size: 12.5px;
 top: 1px;
 font-weight: 400;
 color: #e4e4e4;
 margin-right: 0px;
 padding: 6.6px 0px 6.5px 10px;
 position: relative;
 border-radius: 0px 40px 40px 0px;
}


#panel-invitations-list td {
 width: 100% !important;
}


#panel-invitations-list .panel-body tr:hover {
 background-color: #373737;
}


#panel-invitations-list .panel-body colgroup col {
 display: none;
}


#panel-invitations-list .panel-body thead {
 display: none;
}


#panel-invitations-list .panel-body tbody {
 top: 0px;
 width: 98% !important;
 display: inline-block;
 position: relative;
}


#panel-invitations-list .panel-body td {
 border: 0;
 display: block;
 text-align: center;
}


#panel-invitations-list .panel-body tr {
 border-top: 0px;
 border-bottom: 0px;
 padding-top: 30px !important;
 display: inline-block;
 width: 100%;
 height: 275px;
 margin-top: 6px;
 background-color: #373737;
 border-radius: 8px !important;
}


#panel-invitations-list .panel-body {
 padding: 20px;
}


#panel-invitations-list .panel-body .fa {
 color: #FFF;
}


#panel-invitations-list .panel-body .btn {
 bottom: 10px;
 width: auto !important;
 padding: 8px 60px 8px 60px !important;
 position: relative;
}


#wallStream .panel-body .wall-entry-body .btn-gallery .btn {
 background-color: #537e3c;
 font-family: Arial;
 font-weight: 400;
 font-size: 12px;
 padding: 3px 18px 3px 18px !important;
}


#wallStream .panel-body .wall-entry-body .btn-gallery .btn:hover {
 background-color: #537e3c !important;
 border: 0px !important;
 padding: 3px 18px 3px 18px !important;
}


#wallStream .panel-body .wall-entry-body .btn-gallery .btn:focus {
 background-color: #537e3c !important;
 border: 0px !important;
 padding: 3px 18px 3px 18px !important;
}


#wallStream .panel-body .wall-entry-body .btn-gallery .btn:active {
 background-color: #537e3c !important;
 border: 0px !important;
 padding: 3px 18px 3px 18px !important;
}


#topbar-second #space-menu-dropdown,
#topbar-second #search-menu-dropdown {
 border-top: 6px solid #222;
}


#dropdown-notifications .media-list:not(:has(li.new))::after {
 font-size: 12px !important;
}



















.likeLinkContainer a.like:not([style]) ~ a .likeCount {

}

.likeLinkContainer a.like[style*="none"] ~ a .likeCount {

}













}











