:root {
	--sent-background: #475569;
	--sent-color: #eee;
	--received-background: #4d5560;
	--received-color: #eee;
	--default-text-color: #d1d1d1;
	--dark-bg: #232428;
	--darker-bg: #1e1e1e;
	--input-bg: #464952;
	color-scheme: light dark;
	--oc-body-color-rgb:150,150,150;
}

body{
	background-color: #313338;
	color: var(--default-text-color) !important;
    font-family: 'Poppins', sans-serif;
}

a {
	color: #00bcd4;
}

a:hover{
    color: #2196f3;
}

*::-webkit-scrollbar-thumb {
	background: rgba(var(--oc-body-color-rgb), 0.16);
}

*::-webkit-scrollbar-track {
	background: rgba(var(--oc-body-color-rgb), 0.06);
}

*:hover::-webkit-scrollbar-thumb {
	background: rgba(var(--oc-body-color-rgb), 0.32);
}

.auth-body {
	background-color: #313338;
}

.sent .message-data:before {
	border-color: #263238 transparent transparent transparent;
}

.sent .message-data:before {
	border-color: var(--sent-background) transparent transparent transparent;
}

.replies .message-data:after {
	border-color: var(--received-background) transparent transparent transparent;
}

.sent .chat-img-sgl,
.sent .chat-img-duo,
.sent .chat-img-grp,
.sent .chat-gif,
.sent .chat-txt,
.sent .chat-code,
.chat-fwd,
.sent .link-meta,
.sent .file-section,
.sent .video-section,
.sent .chat-replied-bubble,
.sent .chat-audio {
	background: var(--sent-background);
}

.replies .chat-img-sgl,
.replies .chat-img-duo,
.replies .chat-img-grp,
.replies .chat-gif,
.replies .chat-txt,
.replies .chat-code,
.replies .message-data small,
.replies .chat-fwd,
.replies .link-meta,
.replies .file-section,
.replies .video-section,
.replies .chat-replied-bubble,
.replies .chat-audio {
	background: var(--received-background);
}

.cht.replies .message-data, .replies a.file-header  {
	color: var(--received-color);
	background: var(--received-background);
}

.cht.sent .message-data, .sent a.file-header {
	color: var(--sent-color);
}

.cht.replies .message-data {
	color: var(--received-color);
    background: var(--received-background);
	box-shadow: 2px 2px 4px -3px rgb(0 0 0 / 75%);
}

.cht.sent .message-data{
	color: var(--sent-color);
    background: var(--sent-background);
	box-shadow: -2px 2px 4px -3px rgb(0 0 0 / 75%);
}

div[data-msg-type="5"].cht.replies .chat-txt, div[data-msg-type="5"].cht.replies .link-preview  {
	box-shadow: 2px 2px 4px -3px rgb(0 0 0 / 75%);
}

div[data-msg-type="5"].cht.sent .chat-txt, div[data-msg-type="5"].cht.sent .link-preview  {
	box-shadow: -2px 2px 4px -3px rgb(0 0 0 / 75%);
}

.room-bar {
    background-color: var(--dark-bg);
    border-right: 1px solid #393c42;
}

.main-panel {
    border-right: 1px solid #393c42;
}

.sidebar-wrapper, .channel-list {
	background-color: #2b2d31;
	color: var(--default-text-color);
}

.cn-tab .pill {
	background-color: #eee;
}

.cn-tab .pill.active {
	background-color: #8bc34a;
}


.unread-indicator {
	background-color: #d63939;
}

.channel-cat:hover, .channel-item:hover, .channel-item.active {
	background-color: #626976;
}

.username-bottom {
	color: var(--default-text-color);
}

.dropdown-menu {
	background: #232428;
	color: var(--default-text-color);
}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {
	color: var(--default-text-color);
	background-color: #626976;
}

.link-dark{
	color: var(--default-text-color);
}

.link-dark:hover, .link-dark:focus {
	color: #8bc34a;
}

.navbar {
	color: var(--default-text-color);
}

.btn-dark, .btn-outline-dark, .btn-ghost-dark {
	border: 0;
	--oc-btn-color: var(--default-text-color);
	--oc-btn-color-interactive: var(--default-text-color);
	--oc-btn-color-text: #fafbfc;
}

.btn-ghost-dark:active, .btn-ghost-dark:hover {
	background-color: var(--dark-bg);
}

.editor-container {
	background-color: var(--input-bg);
}

.editor-icon{
	color: var(--default-text-color);
}


.editor-icon:hover, .attachment-col.dropup:hover {
    color: #8bc34a;
}

.rightbar-wrapper {
    background-color: var(--dark-bg);
}

.user-row:hover{
	color: var(--default-text-color);
	background-color: #626976;
}

#rpanel-tab {
    background-color: #2b2d31;
}

.right-panel .nav-pills .nav-link.active, .right-panel .nav-pills .show>.nav-link {
    color: var(--default-text-color);
    background-color: var(--dark-bg);
}

.private-messages .private-item, .action-item {
    background-color: var(--input-bg);
}

.attachments-container {
    border-color: var(--input-bg);
}

.form-control, .form-select {
    background-color: var(--input-bg);
    border-color: transparent;
	border: 0;
}

.form-check-input {
	background-color: var(--input-bg);
}

.form-control:focus {
    color: var(--default-text-color);
    background-color: var(--input-bg);
    border-color: transparent;
    outline: 0;
    box-shadow: 0;
}

.form-hint {
    color: #ccc;
}

.btn-upload {
    background-color: var(--input-bg);
	color: var(--default-text-color);
	border-color: transparent;
}

.input-group-flat .input-group-text {
    background: var(--input-bg);
    border-color: transparent;
}

.input-group-flat:focus-within .form-control, .input-group-flat:focus-within .input-group-text {
    border-color: transparent !important;
}

.link-secondary:hover, .link-secondary:focus {
    color: var(--default-text-color);
}

#cnemoji-leftlist, .cnemoji-categname, #cnemoji-info {
    background-color: #313338 !important;
}

#cnemoji-leftlist>svg {
	fill: #eee !important;
}

.nav-link:hover, .nav-link:focus {
    color: #8bc34a;
}

.current-reacts {
    background: #232428;
}

.channel-list-bottom {
    background: #232428;
}

.non-login-message, .non-join-message, .non-chat-select, .user-restricted, .permission-denied-editor, .forward-selection {
    background-color: var(--input-bg);
}


.disc-cat-row {
    color: var(--default-text-color);
}

.disc-cat-row:hover {
    color: var(--default-text-color);
	background-color: #626976;
}

.card{
	background-color: var(--dark-bg);
	transition: 0.3s;
}

.card-header{
	color: var(--default-text-color);
}

.card-footer {
    background-color: var(--dark-bg);
}

a .card:hover{
	background-color: var(--darker-bg);
}

.room-image{
	border-color: var(--dark-bg);
}

.room-list-row a:hover {
    color: var(--default-text-color);
    text-decoration: none;
}

.profile-header{
	border: 0;
}


.profile-header .profile-header-info{
	color: var(--default-text-color);
	background-color: var(--dark-bg);
}

.profile-header-user-avatar{
	border-color: var(--dark-bg);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: var(--default-text-color);
    background-color: var(--dark-bg);
}

.sidebar-profile .nav-link{
    color: var(--default-text-color);
}

.sidebar-profile .nav-link:hover {
    color: var(--default-text-color);
    background-color: #626976;
}

.topbar-private{
	background-color: #2b2d31;
}

.search_chatroom {
    border: none !important;
}

.modal-header, .modal-content{
	background-color: var(--dark-bg);
	border-color: var(--input-bg);
}

.media-tab .file-section {
    background-color: var(--received-background);
}

.media-tab .file-header {
    color: var(--received-color);
}

.radio-station, .radio-volume-display{
	color: var(--default-text-color);
}

.radio-station:hover{
	color: var(--default-text-color);
}

.navbar-scrolled{
	background-color: var(--dark-bg) !important;
	color: var(--default-text-color);
}

.navbar-scrolled,  .navbar-scrolled .nav-link {
    color: var(--default-text-color) !important;
}

.navbar-scrolled .nav-link.active, .navbar-scrolled .nav-link:hover {
    color: #8bc34a !important;
}

.btn-outline-dark:hover{
    background-color: #8bc34a !important;
}

.form-selectgroup-label {
    background: var(--input-bg);
    border: 0;
    color: #fff;
}

.form-selectgroup-input:checked + .form-selectgroup-label {
    color: #fff;
    background: #009688;
    border-color: #206bc4;
}

.form-selectgroup-label:hover {
    color: #fff;
}

.footer {
    border-color: var(--input-bg);
    background-color: var(--dark-bg);
}

.form-selectgroup-label:hover {
    background: #009688;
}

.text-muted {
    color: var(--default-text-color) !important;
}

#main-login {
    background: #009688;
}

.btn-dark {
    background: #009688;
}

.btn-dark:hover {
    background: #007a6e;
}


.select2-container--bootstrap4 .select2-selection {
    background-color: var(--input-bg);
    border: 0;
}

.select2-dropdown{
	background-color: var(--dark-bg)
}

.select2-container--bootstrap4 .select2-dropdown, .select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above {
    border: none;
}

.select2-search--dropdown .select2-search__field {
    background: var(--input-bg);
    border: 0;
	color: var(--default-text-color) ;
}

.login-selector .nav-link {
    background: #232428;
}

.login-selector .nav-link.active {
    color: #fff !important;
    background-color: #009688 !important;
}

.replied-content, .replies .replied-to {
    background: #404C5E;
	color: var(--default-text-color);
}

.reply-msg-row .replied-to {
    background-color: #363636;
}

.mini-brand-seperator {
    background-color: var(--input-bg);
}

.is-typing{
    background-color: var(--input-bg);
    color: var(--default-text-color);
}

.reply-msg-row {
    background-color: var(--input-bg);
}

.reply-msg-row .replied-content, .reply-msg-row  .replied-to {
    background: #363636;
    color: var(--default-text-color);
}

.chat-actions i {
    color: var(--default-text-color);
}

.chat-actions i:hover{
	color: #fff;
}

.popover {
    background-color: #232428;
	color: var(--default-text-color);
    border: 0;
}

.popover-body {
    color: var(--default-text-color);
}

.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
    border-top-color: #232428;
}

.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
    border-bottom-color: #232428;
}

.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
    border-left-color: #232428;
}

.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
    border-right-color: #232428;
}

.user-image {
	border-color: #232428;
}

.navbar.topbar {
	background-color: var(--dark-bg);
}

.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-title {
    color: #ffffff;
}

.ms-container .ms-selectable, .ms-container .ms-selection {
    background: var(--dark-bg);
    color: var(--default-text-color);
}
.ms-list {
    border-color: #464952 !important;
}

.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
	border-color: #464952 !important;
	color: var(--default-text-color);
}

.ms-container .ms-selectable li.disabled, .ms-container .ms-selection li.disabled {
    background-color: #323232;
}

.room-manage-row{
    color: var(--default-text-color);
}

.room-manage-row:hover {
    background-color: #626976;
}

.card-header-tabs .nav-link.active, .card-header-tabs .nav-link:hover{
    background-color: #232428;
    border-bottom-color: #232428;
    color: #4caf50;
    border-color: #2d2f35 #2d2f35 #f5f7fb00;
}

.toast {
    background: #475569;
    color: #fff;
}

.card-header {
    background-color: var(--darker-bg);
}

.online-status .ti {
    background: rgb(35 36 40);
}

.user-row:hover .online-status .ti {
    background: #626976;
}


.social-seperator div {
    background: #313338;
}

#auth-modal .social-seperator div {
    background: #232428;
}

.is-typing:before {
	border-left-color: #464952;
	border-top-color: #464952;
}

.noti-content {
    color:var(--default-text-color);
}

.noti-item.noti-read {
    background: #313338;
}

.noti-item {
    background: #475569;
}

.noti-time {
    color: #2fb344;
}

.noti-item:hover {
    background: #313338;
}

.offcanvas {
    background: #232428;
}

.offcanvas.offcanvas-end {
    border-color: #2d2f35;
}

.offcanvas-header .btn-close {
    filter: invert(1);
}

.chat-search-results {
    color:var(--default-text-color);
}

.chat-search-result {
    background: #3b414a;
}

.chat-search-result:hover{
	background-color: #626976;
}

.form-control:-webkit-autofill {
    box-shadow: 0 0 0 1000px var(--input-bg) inset;
}

#pills-guest .input-group-text {
    color: var(--default-text-color);
}

.channel-list-bottom .dropdown-toggle:hover {
    background-color: #464952;
}

.green-audio-player {
    background-color: #2b2d31;
}

.icon-lock {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%23d1d1d1" height="800px" width="800px" version="1.1" id="Layer_1" viewBox="0 0 330 330" xml:space="preserve"><g id="XMLID_518_"><path id="XMLID_519_" d="M65,330h200c8.284,0,15-6.716,15-15V145c0-8.284-6.716-15-15-15h-15V85c0-46.869-38.131-85-85-85 S80.001,38.131,80.001,85v45H65c-8.284,0-15,6.716-15,15v170C50,323.284,56.716,330,65,330z M110.001,85 c0-30.327,24.673-55,54.999-55c30.327,0,55,24.673,55,55v45H110.001V85z"/></g></svg>');
}

.pvt-cnl {
    background: #2b2d31;
}

.active .pvt-cnl, .channel-item:hover .pvt-cnl  {
    background: #626976;
}

.top-channel-icon .pvt-cnl {
    background: var(--dark-bg);
}

.forwarding .cht:hover, .forwarding .selected {
    background: #232428 !important;
}

.voice-channel-container {
    background: #232428;
    border-top: none;
}