:root {
    --panel-bg-color: #1a1a1ae6;
    --font-color: #ccc
}

.dark-mode a:hover,
.dark-mode a:focus,
.dark-mode a:focus-visible {
    outline: unset !important;
    text-decoration: unset !important;
}

.dark-mode #topbar-first,
.dark-mode #topbar-second,
.dark-mode .cookie-consent-prompt-container,
.dark-mode body {
    background-color: #000
}

.dark-mode #main-loading,
.dark-mode #sub-loading {
    background-color: #171717;
}

.dark-mode .dropdown.account .accnt-cnt .caret,
.dark-mode #topbar-first .nav .caret,
.dark-mode #topbar-first .nav .caret:active,
.dark-mode #topbar-second .nav>li>a .caret,
.dark-mode .nav .caret:hover {
    border-top-color: #aaa;
    border-bottom-color: #aaa
}

.dark-mode .topbarContainer .caret,
.dark-mode .topbarContainer .nav>li>a .caret {
    border-top-color: #aaa
}

.dark-mode .footer-container .dropdown-menu,
.dark-mode .dropdown-menu,
.dark-mode .dropdown-menu>li,
.dark-mode .modal .dropdown-menu,
.dark-mode .yiichat .posts .post .text-cont .text {
    background-color: var(--panel-bg-color) !important
}

.dark-mode .panel-profile-controls .dropdown-menu {
    background-color: #1a1a1a !important;
}

.dark-mode .topbarContainer .nav>li>a:focus,
.dark-mode .topbarContainer .nav>li>a:hover,
.dark-mode .topbarContainer li.active>a {
    background-color: #000
}

.dark-mode #base-footer-container .btn-group-container .btn-group.active>a,
.dark-mode #footer-container .btn-group-container .open>a,
.dark-mode #base-footer-container .btn-group-container .btn-group.active>a .fa-light,
.dark-mode #footer-container .btn-group-container .open>a .fa-light,
.dark-mode #search-pulldown-container div a>i.fa,
.dark-mode #topbar-second .nav .open>a,
.dark-mode #topbar-second .nav li.active>a,
.dark-mode #topbar-second .nav>li.active,
.dark-mode #topbar-second .nav>li.open,
.dark-mode #topbar-second .nav>li>a:hover,
.dark-mode #topbar-second .nav>li>a:hover>i.fa-light,
.dark-mode #topbar-second>i.fa,
.dark-mode #topbar-second>i.icon,
.dark-mode .dropdown-menu .media-list li.selected a,
.dark-mode .dropdown-menu .media-list li.selected a div,
.dark-mode .dropdown-menu .media-list li:hover,
.dark-mode .dropdown-menu .media-list li:hover .fa,
.dark-mode .dropdown-menu .media-list li:hover .icon,
.dark-mode .list-group-item.active,
.dark-mode .list-group-item.active .fa,
.dark-mode .list-group-item.active .icon,
.dark-mode .list-group-item.mobileHeight.active,
.dark-mode .list-group-item.mobileHeight:hover,
.dark-mode .list-group-item.p-jax.mobileHeight.active,
.dark-mode .list-group-item.p-jax.mobileHeight:hover,
.dark-mode .list-group-item:hover,
.dark-mode .nav-pills .dropdown-menu li:hover *,
.dark-mode .nav-pills .dropdown-menu li:hover a *,
.dark-mode .nav-tabs .dropdown-menu li:hover *,
.dark-mode .nav-tabs>li>a :hover,
.dark-mode .nav-tabs>li>a:hover,
.dark-mode .pagination-container .pagination a,
.dark-mode .pagination-container a>i,
.dark-mode .wallFilterPanel .dropdown-menu li a:hover {
    color: #000 !important;
    background-color: #b4b4b4 !important
}

.dark-mode .dropdown.account .accnt-cnt,
.dark-mode .dropdown.account .accnt-cnt .caret,
.dark-mode .dark-mode-toggle-li-cnt .dark-mode-toggle-cnt li a i,
.dark-mode .dark-mode-toggle-li-cnt .dark-mode-toggle-cnt li span,
.dark-mode .dark-mode-toggle-li-cnt:hover *,
.dark-mode a:focus,
.dark-mode .post-files-container .post-files .file-app .files .mime a.mime-link,
.dark-mode #chatPosts .post .text-cont .text .atwho-user,
.dark-mode #chatPosts .yiichat-post-myown .text-cont .text span:not(.headerDisplay) a,
.dark-mode #config-stream-settings .list-content .l-row .details,
.dark-mode #cost-message-container .p-jax,
.dark-mode #events-panel-sideBar a,
.dark-mode #events-panel-stream a,
.dark-mode #in-modal-container>ul.btn-small-text div,
.dark-mode #inbox .mail-content,
.dark-mode #inbox .mail-content *,
.dark-mode #inbox .mail-content a,
.dark-mode #inbox .mail-content a .fa,
.dark-mode #inbox .message-user-container *,
.dark-mode #modalButtontabs li i,
.dark-mode #noMoneyText .p-jax,
.dark-mode #topbar-second .nav>li>a,
.dark-mode .atc_content a,
.dark-mode .atwho-container .atwho-view .text-black,
.dark-mode .atwho-container .atwho-view .atwho-li-separator *,
.dark-mode .chat-noti-sub-header,
.dark-mode .comment-text-area-container .atwho-user,
.dark-mode .commentContainer .linkHtagFilters,
.dark-mode .commentContainer .more-link-comment,
.dark-mode .commentContainer .nav.nav-pills.dropdown a,
.dark-mode .commentContainer .show-all-link *,
.dark-mode .commentContainer .wall-entry-controls>.text-center .dropdown .dropdown-menu,
.dark-mode .comment_create form>span.text-center>span>span>ul>li,
.dark-mode .content-parent .post-message-span,
.dark-mode .fc-header-title h2,
.dark-mode .form-control .atwho-user,
.dark-mode .help-block,
.dark-mode .help-block *,
.dark-mode .htagFilters,
.dark-mode .iconSquareLabel a,
.dark-mode .jp-toggles .dropdown-menu a,
.dark-mode .linkContent a,
.dark-mode .media .media-body .content,
.dark-mode .media .media-body h4.media-heading,
.dark-mode .media .media-body h4.media-heading a,
.dark-mode .media .media-body h4.media-heading small,
.dark-mode .media-list:not(.no-hover) li:not(.user-list-entry) a,
.dark-mode .modal h1,
.dark-mode .modal h2,
.dark-mode .modal h3,
.dark-mode .modal h4,
.dark-mode .modal h5,
.dark-mode .ms-tab-source-picker a,
.dark-mode .nav-pills .dropdown-menu li:not(:hover) a,
.dark-mode .nav-pills>li>a,
.dark-mode .nav-tabs .dropdown-menu li a,
.dark-mode .nav-tabs .dropdown-menu li:not(:hover) a,
.dark-mode .note-nav-item a,
.dark-mode .panel .media .content,
.dark-mode .panel .media .content>a:not(.btn):not(.label),
.dark-mode .panel .media .media-body .time,
.dark-mode .panel .media-body a:not(.btn):not(.label):not(.atwho-user):not(:hover),
.dark-mode .panel .panel-body p,
.dark-mode .panel .statistics .entry .count,
.dark-mode .panel li:not(.new) .media,
.dark-mode .panel-profile-controls a,
.dark-mode .panel-profile-space a,
.dark-mode .panel.panel-default a,
.dark-mode .pay-menber-text .p-jax,
.dark-mode .pollModelAnswerDivider a,
.dark-mode .pollModelContent div>strong,
.dark-mode .profile-icon-title a,
.dark-mode .recomSpaceHeaderName,
.dark-mode .reset-link,
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered,
.dark-mode .tab-content .tab-pane a,
.dark-mode .text-muted,
.dark-mode .topbar .dropdown-header,
.dark-mode .user-list--link,
.dark-mode .wall-entry-container a,
.dark-mode .wallFilterPanel a,
.dark-mode body,
.dark-mode body table th,
.dark-mode li:not(.new) .panel .media-body,
.dark-mode ul.tour-list li.completed a {
    color: var(--font-color)
}

.dark-mode .topbarContainer .media-list li {
    border-left: 3px solid #777
}

.dark-mode .topbarContainer .media-list li.selected,
.dark-mode .topbarContainer .media-list li:hover {
    border-left: 3px solid #333
}

.dark-mode #footer-container .dropdown-menu .media-list li.new,
.dark-mode #inbox-container .media-list li:not(:hover).new {
    color: #000;
    background-color: #777
}

.dark-mode #profile-category-1 a:not(.btn),
.dark-mode #profile-category-invitedby a:not(.btn),
.dark-mode #topbar-second .space-chooser-header.menu-list-separator,
.dark-mode .alternative_cls,
.dark-mode .atc_content,
.dark-mode .modal-content .modal-footer,
.dark-mode .modal-content .modal-header,
.dark-mode .modal-content:not(.note-editor),
.dark-mode .panel .panel-heading,
.dark-mode .panel:not(.note-editor),
.dark-mode .yiichat .posts {
    background-color: var(--panel-bg-color);
    color: var(--font-color);
    border-color: #dddddd5e
}

.dark-mode .profile-online-newcon-label i.fa-phone,
.dark-mode #events-panel .media-list li:hover a,
.dark-mode #featuredmyTasks-panel .media-list li:hover a,
.dark-mode .topbarContainer .dropdown-menu>li>a:hover,
.dark-mode .well>a:not(.btn) {
    color: #000 !important
}

.dark-mode hr {
    border-top: 1px solid #b4b4b41f
}

.dark-mode .footer-container .btn-group.open .icon-container,
.dark-mode .footer-container .btn-group.active .icon-container,
.dark-mode .dropdown-menu>li:hover>a *,
.dark-mode #config-stream-settings .list-content .l-row.isPlaying .details,
.dark-mode .active a,
.dark-mode .active>a .fa,
.dark-mode .active>a .icon,
.dark-mode .dropdown-menu .active a,
.dark-mode .dropdown-menu .media-list li.new .fa,
.dark-mode .dropdown-menu .media-list li.new .icon,
.dark-mode .dropdown-menu .media-list li.new .media .media-body,
.dark-mode .dropdown-menu .media-list li.new a,
.dark-mode .filterContent a,
.dark-mode .well li:hover a,
.dark-mode .well li:hover a .fa,
.dark-mode select {
    color: #000
}

.dark-mode .list-group-item {
    background-color: inherit
}

.dark-mode #space-menu-spaces>li:not(.selected)>a>div>div>p {
    color: var(--font-color) !important
}

.dark-mode #headerMenuTab a:hover *,
.dark-mode #footer-container .dropdown-header,
.dark-mode #headerMenuTab li.active *,
.dark-mode #in-modal-container>ul>li.active>a *,
.dark-mode #in-modal-container>ul>li>a:hover *,
.dark-mode #space-menu-spaces>li.selected>a>div>div>p,
.dark-mode #space-menu-spaces>li:hover>a>div>div>p,
.dark-mode .comment-setting-class:hover span,
.dark-mode .dropdown-menu .active a,
.dark-mode .fav-element-class:hover span,
.dark-mode .media-list li.selected .media-body,
.dark-mode .media-list li.selected .media-body .time,
.dark-mode .media-list li.selected .media-body h4,
.dark-mode .media-list li.selected .media-body h5,
.dark-mode .media-list:not(.no-hover) li:hover .media-body .time,
.dark-mode .media-list:not(.no-hover) li:hover .media-body h4,
.dark-mode .media-list:not(.no-hover) li:hover .media-body h5,
.dark-mode .wall-entry .well .comment .show-all-link *,
.dark-mode .wall-entry-contol-modal-content .dropdown-menu li:hover .fa,
.dark-mode .wall-entry-contol-modal-content .dropdown-menu li:hover a,
.dark-mode .wall_file_layout_profile .media-body,
.dark-mode .wall_file_layout_profile .media-body a {
    color: #000
}

.dark-mode .add-to-fav *,
.dark-mode .comment-setting-class span,
.dark-mode .media-list li:not(.new):not(:hover) .media .media-body,
.dark-mode .media-list li:not(.new):not(:hover) .media .media-body h4.media-heading,
.dark-mode .media-list li:not(.new):not(:hover) .media .media-body h5,
.dark-mode .points-transfer-row .media .media-body h5,
.dark-mode .well form .nav-pills a,
.dark-mode li:not(.new) .media .media-body .media-heading .time {
    color: var(--font-color)
}

.dark-mode .modal-content {
    box-shadow: 6px 6px 20px rgba(213, 213, 213, .15), 0 0 0 1px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 6px 6px 20px rgba(213, 213, 213, .15), 0 0 0 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 6px 6px 20px rgba(213, 213, 213, .15), 0 0 0 1px rgba(0, 0, 0, .15)
}

.dark-mode .dropdown-menu {
    -webkit-box-shadow: 0 6px 12px rgba(213, 213, 213, .17);
    box-shadow: 0 6px 12px rgba(213, 213, 213, .17);
    -moz-box-shadow: 0 6px 12px rgba(213, 213, 213, .17);
    color: var(--font-color)
}

.dark-mode .highlight {
    color: #000
}

.dark-mode .iconSquareLabel {
    background-color: #333
}

.dark-mode .wallFilterPanelScroll>ul>li>a:hover *,
.caret .dark-mode #space-menu-spaces>li.active>a>div>div>i,
.dark-mode #space-menu-spaces>li.active>a>div>div>p,
.dark-mode #space-menu-spaces>li:hover>a>div>div>i,
.dark-mode #space-menu-spaces>li:hover>a>div>div>p,
.dark-mode .add-to-fav .fa,
.dark-mode .diibii-list .col-xs-9,
.dark-mode .dropdown-menu .active a i,
.dark-mode .dropdown-menu .active a span,
.dark-mode .dropdown-menu .media-list li:hover .chooser-section i,
.dark-mode .dropdown-menu>li.selected>a *,
.dark-mode .grid-view .pager .yiiPager .next a,
.dark-mode .grid-view .pager .yiiPager .page a,
.dark-mode .grid-view .pager .yiiPager .previous a,
.dark-mode .grid-view table,
.dark-mode .list-group a.active *,
.dark-mode .list-group a.list-group-item:hover i,
.dark-mode .list-group a:hover *,
.dark-mode .more-link.more-link-comment.label.label-default .fa,
.dark-mode .nav.nav-tabs.extraHoriScroll>li.active *,
.dark-mode .placerateusericon .profile-icon-title a,
.dark-mode .pull-right.dropdown-menu.text-left.reactions-box>li.selected *,
.dark-mode .pull-right.dropdown-menu.text-left.reactions-box>li:hover *,
.dark-mode .row-striped,
.dark-mode .social-share-buttons:hover *,
.dark-mode .space-chooser-header,
.dark-mode .station-list .col-xs-9,
.dark-mode .user-list-entry:hover a strong,
.dark-mode table.detail-view {
    color: #000 !important
}

.dark-mode .dropdown-menu-right>li a:hover,
.dark-mode .dropdown-menu-right>li.selected a,
.dark-mode .list-group-item a:hover * {
    color: #000 !important;
    background-color: #aaa !important
}

.dark-mode .nav .caret,
.dark-mode .nav .caret:active,
.dark-mode .nav .caret:hover {
    border-top-color: #aaa;
    border-bottom-color: #aaa
}

.dark-mode .account .dropdown-menu li,
.dark-mode .list-group-item,
.dark-mode .nav-pills .dropdown-menu li,
.dark-mode .nav-tabs .dropdown-menu li {
    border-left: unset !important
}

.dark-mode .profile-online-newcon-label i,
.dark-mode .active>a .fa,
.dark-mode .active>a .icon,
.dark-mode .media .content-parent,
.dark-mode .media-list li.selected .media-body .message-header *,
.dark-mode .media-list li.selected .message-header *,
.dark-mode .media-list li:not(.new):not(:hover):not(.selected) .media .media-body .time,
.dark-mode .modal-content .read-alaoud-link {
    color: var(--font-color) !important
}

.dark-mode .detailSquareIcon>.label-default {
    background-color: unset !important;
    color: var(--font-color) !important
}

.dark-mode .pollModelContent .mobileHeight {
    background-color: #77777785;
    color: var(--font-color)
}

.dark-mode .panel {
    box-shadow: 0 0 0 #dadada;
    -webkit-box-shadow: 0 0 0 #dadada;
    -moz-box-shadow: 0 0 0 #dadada
}

.dark-mode .file-uploader-list:not(.fa),
.dark-mode .media-list li:not(.selected):hover *,
.dark-mode .media-list:not(.no-hover) li:not(.selected):hover a {
    color: #000
}

.dark-mode .file-info-menu .profile-icon-title a:hover {
    color: var(--font-color) !important
}

.dark-mode #footer-container .btn-group-container .open>a .fa,
.dark-mode #search-pulldown-container .open>a .fa {
    color: #d9e4f4 !important
}

.dark-mode .edit-bg-image {
    background-image: url(/social/img/loadingBBGImage.gif);
    background-position: center center;
    background-size: 100%
}

.dark-mode #music-stream-container .dropdown-menu {
    background-color: unset !important
}

.dark-mode #search-result-media-list li.selected .content,
.dark-mode #search-result-media-list li:hover .content {
    color: #000 !important
}

.dark-mode #topbar-first li a i,
.dark-mode #footer-container .btn-group-container .btn-group>a i,
.dark-mode #mainNav>li.visible-xs.visible-sm.my_stream:not(.active)>a>i,
.dark-mode #topbar-second li:not(.selected):not(.active):not(:hover)>a i,
.dark-mode #wallStream>div.s2_single>div.s2_singleContent div.featured-post-label>a,
.dark-mode #wallStream>div.s2_single>div.s2_singleContent div.featured-post-label>a i,
.dark-mode .wall-scroll-item .btn>i,
.dark-mode .wallStreamDivParent>div>div .featured-post-label,
.dark-mode .wallStreamDivParent>div>div .featured-post-label a,
.dark-mode .wallStreamDivParent>div>div .featured-post-label a i,
.dark-mode a.btn,
.dark-mode a.btn.btn-info,
.dark-mode btn i,
.dark-mode button.btn.btn-info,
.dark-mode div.btn.btn-info,
.dark-mode label i {
    color: var(--font-color)
}

.dark-mode #chatContainer h5 *,
.dark-mode #confirmModal_modal_postdelete_52694157841752>div>div>div.modal-footer,
.dark-mode #nav-music-icon,
.dark-mode #scroll-to-top-link>i,
.dark-mode .headerTabMainContainer.tab-nav-fixed li.active>a *,
.dark-mode .msg-sc .atwho-user,
.dark-mode .wall-entry .wall-entry-controls a i {
    color: var(--font-color) !important
}

.dark-mode #inbox-container .media-list li .mail-content .highlight {
    background-color: #fff
}

.dark-mode #filter li a:hover,
.dark-mode #filter li.open>a,
.dark-mode #inbox-container .media-list li .mail-content .highlight,
.dark-mode #inbox-container .media-list li:not(:hover).new .time,
.dark-mode #mainNav>li.dropdown.open>ul>li.active>a>i,
.dark-mode #modalButtontabs .active i,
.dark-mode #ms-source-tab>li.active>a,
.dark-mode #notification-loader .new a>div>div.media-body>i,
.dark-mode #pointsDetailTabs>li.active *,
.dark-mode #topbar-first .dropdown-menu>li:hover>a *,
.dark-mode #topbar-first .dropdown-menu>li:hover>a i,
.dark-mode #topbar-first>div>div.topbar-actions.pull-right>ul>li>ul>li.active>a>i,
.dark-mode #topbar-second .dropdown-menu>li:hover>a *,
.dark-mode #topbar-second .dropdown-menu>li:hover>a i,
.dark-mode .comment-message-well .more-link-comment,
.dark-mode .controls.controls-account.pull-right>div>.dropdown-menu.profile-buttons.pull-right>div>div>a:hover,
.dark-mode .controls.controls-account.pull-right>div>.dropdown-menu.pull-right>div>div>a:hover,
.dark-mode .media-list li.activity-entry.top-activity:hover i,
.dark-mode .media-list:not(.no-hover) li.active .media-body,
.dark-mode .media-list:not(.no-hover) li:hover .media .media-body .content,
.dark-mode .media-list:not(.no-hover) li:hover .media-body,
.dark-mode .more-link,
.dark-mode .more-link i,
.dark-mode .show-post-content .content .more-link,
.dark-mode .show-post-content .content .more-link i {
    color: #000 !important
}

.dark-mode #music-stream-container>div.container>div>div.dropdown-menu>div>div>div.jp-controls.ms-controls .fa-circle {
    color: #777 !important
}

.dark-mode .well.btn-info {
    background: #006494
}

.dark-mode #file-upload-spacer .btn,
.dark-mode #space-menu-dropdown li>ul>li:not(:hover):not(.selected)>a>.media .media-body p,
.dark-mode #tagSeachcontainer .list-group-item,
.dark-mode #tagSeachcontainer h5,
.dark-mode #topbar-first li,
.dark-mode #topbar-first>div>div.topbar-actions.pull-right>ul>li.open>a>div.user-title span,
.dark-mode .dropdown-menu .media-list li:not(.new):not(:hover):not(.selected) .media,
.dark-mode .dropdown-menu .media-list li:not(.new):not(:hover):not(.selected) .media .media-body h5,
.dark-mode .dropdown-menu .media-list li:not(.new):not(:hover):not(.selected) .media-body,
.dark-mode .dropdown-menu .media-list li:not(.new):not(:hover):not(.selected) .media-body .time,
.dark-mode .dropdown-menu .media-list li:not(.new):not(:hover):not(.selected) .media-body p,
.dark-mode .dropdown-menu .media-list li:not(.new):not(:hover):not(.selected) .media-body span,
.dark-mode .dropdown-menu>li:not(:hover),
.dark-mode .dropdown-menu>li:not(:hover) i,
.dark-mode .dropdown-menu>li:not(:hover) i.fa,
.dark-mode .dropdown-menu>li:not(:hover) i.icon,
.dark-mode .dropdown-menu>li>li:not(:hover)>a,
.dark-mode .media-body .pull-right .badge-space.pull-right,
.dark-mode .media-body .pull-right .badge-space.pull-right .fa,
.dark-mode .post:not(:hover) .text-cont *,
.dark-mode .wall-entry-contol-modal-content div>ul>li>a:not(.btn):not(.label):not(:hover):not(.selected),
.dark-mode body a:not(.no-hover):hover {
    color: var(--font-color)
}

.dark-mode #topbar-first a,
.dark-mode .dropdown-menu .media-list li:not(.new):not(:hover):not(.selected) a,
.dark-mode .dropdown-menu .media-list>li:not(.new):not(:hover):not(.selected) a,
.dark-mode .dropdown-menu>li:not(:hover):not(.new)>a,
.dark-mode .media-list:not(.no-hover)>li:not(.user-list-entry):not(.new):not(:hover),
.dark-mode .nav.nav-tabs.extraHoriScroll>li.active * .dropdown-header {
    color: var(--font-color) !important
}

.dark-mode #mainSearchForm .search-reset .fa,
.dark-mode #topbar-second #search-menu-dropdown .search-reset .fa,
.dark-mode #topbar-second #space-menu-dropdown .search-reset .fa {
    color: #999 !important
}

.dark-mode .dropdown-menu>li.selected>a,
.dark-mode .dropdown-menu>li:hover>a {
    color: #000 !important
}

.dark-mode .file-backgn-image {
    background-image: url('..//img/loadingBBGImage.gif')
}

.dark-mode .chooser-section {
    border: 2px solid #aaa !important
}

.dark-mode #space-menu-spaces>li.selected .chooser-section,
.dark-mode #space-menu-spaces>li:hover .chooser-section,
.dark-mode .file-slider-nav #space-menu-spaces>li.active .chooser-section {
    border: 2px solid #000 !important
}

.dark-mode .wallFilterPanelScroll .nav.nav-tabs.extraHoriScroll>li.active * {
    color: #ddd !important
}

.dark-mode #streamWhatYouUpToContainer .input-group-addon,
.dark-mode #streamWhatYouUpToContainer input {
    background-color: #060606;
    border: 1px solid #aaa
}

.dark-mode #inbox .mail-content,
.dark-mode #inbox .message-user-container *,
.dark-mode .form-control::placeholder,
.dark-mode .select2-search__field::placeholder,
.dark-mode #streamWhatYouUpToContainer .input-group-addon i,
.dark-mode .commentContainer .comment-time span,
.dark-mode .content-extra-controls .btn *,
.dark-mode .content-extra-controls .btn .fa,
.dark-mode .fav-element-class span,
.dark-mode .wall-entry .wall-entry-controls a {
    color: var(--font-color) !important
}

.dark-mode #streamCreateVideo::-ms-input-placeholder,
.dark-mode #streamWhatYouUpTo::-ms-input-placeholder {
    color: var(--font-color) !important
}

.dark-mode .dark-mode-toggle-li-cnt:hover *,
.dark-mode .dark-mode-toggle-li-cnt:hover a span,
.dark-mode .dark-mode-toggle-li-cnt *:hover,
.dark-mode #topbar-second .nav>li.active>a>i,
.dark-mode #topbar-second .nav>li.open>a>i {
    color: #000 !important
}

@media screen and (max-width:991px) {

    .dark-mode #globalModal.mobileGlobalModal,
    .dark-mode #userListModal.mobileGlobalModal,
    .dark-mode .mobileGlobalModal {
        background-color: var(--panel-bg-color)
    }
}

.dark-mode .dropdown-menu {
    border: 1px solid
}

.dark-mode #chatContainer .side-cLose-btn,
.dark-mode .dropdown-menu .side-cLose-btn {
    color: var(--font-color) !important;
    background-color: #333
}

.dark-mode #chat-online-users .entry.from-rtc,
.dark-mode .file-slider-nav,
.dark-mode .note-editor.note-frame.panel.panel-default {
    background-color: #000
}

.dark-mode #add-post-container-link,
.dark-mode #chatContainer h5,
.dark-mode #config-stream-settings .list-content .l-row,
.dark-mode #dropdown-online-users .online-list-header,
.dark-mode .dropdown-header,
.dark-mode #inbox .entry.selected .message-show-link *,
.dark-mode .atwho-container .atwho-view,
.dark-mode .comment-message-well,
.dark-mode .dashboard-heading.panel-heading,
.dark-mode .media-list>li,
.dark-mode .well {
    background: #000;
    color: var(--font-color) !important
}

.dark-mode .btn-default,
.dark-mode .btn-info,
.dark-mode .form-control,
.dark-mode .input-group .input-group-addon,
.dark-mode .label-info,
.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.dark-mode .select2-selection,
.dark-mode .select2-selection__choice__display {
    background: #000;
    color: var(--font-color) !important;
    border: 1px solid var(--font-color)
}

.dark-mode .content-extra-controls .btn {
    border: none !important;
    background: unset !important
}

.dark-mode .btn-info .fa {
    color: var(--font-color) !important;
    font-weight: 400
}

.dark-mode #streamCreateVideo:hover::placeholder,
.dark-mode #streamWhatYouUpTo:hover::placeholder,
.dark-mode .btn-info:focus,
.dark-mode .btn-info:hover,
.dark-mode .btn:focus,
.dark-mode .btn:focus .fa,
.dark-mode .btn:focus span,
.dark-mode .btn:hover,
.dark-mode .btn:hover .fa,
.dark-mode .btn:hover span,
.dark-mode .media-list li:not(.selected):hover {
    color: #000 !important;
    background: var(--font-color) !important;
    text-decoration: none
}

.dark-mode .row-fluid.message-controls textarea.form-control {
    border: 1px solid var(--font-color)
}

.dark-mode .note-editor.note-frame.panel.panel-default {
    border: 1px solid var(--font-color) !important
}

.dark-mode li.space-chooser-header {
    background: #2b2b2b;
    border: 1px solid #aaaaaa5e !important
}

.dark-mode .popover:not(.tour) {
    background-color: #333;
}

.dark-mode .popover:not(.tour).top .arrow:after,
.dark-mode .popover:not(.tour).top .arrow {
    border-top-color: #333;
}

.dark-mode .popover:not(.tour).right .arrow:after,
.dark-mode .popover:not(.tour).right .arrow {
    border-right-color: #333;
}

.dark-mode .popover:not(.tour).bottom .arrow:after,
.dark-mode .popover:not(.tour).bottom .arrow {
    border-bottom-color: #333;
}

.dark-mode .popover:not(.tour).left .arrow:after,
.dark-mode .popover:not(.tour).left .arrow {
    border-left-color: #333;
}

.dark-mode .wall-points-label .popover:not(.tour).fade * {
    color: #aaa;
}