:root {
    --bs-body-color: #292D3D; /*454343*/ /*	Make the text a little bit darker to have more contrast with the background */
    --bs-body-color-rgb: 69,67,67;
    --brx-primary-overlay: #2a2d30;
    --brx-chat-window-background: var(--bs-body-bg); /*	Define chat-window background	*/
    --brx-menu-bar-background: var(--bs-body-bg); /*	Define menu-bar background	*/
    --brx-text-muted: #65676B;
    --brx-links-color: #454343;
    --brx-links-hover-color: #4f9cf4;
    --brx-modal-backdrop-color: #00000080; /*#000000;*/
    --brx-modal-separator-color: #00000040; /*#000000;*/
    --bs-gray: #606060;
    --brx-border-color: #E1E5EA;
    --brx-input-color: var(--bs-body-color);
    --brx-input-border-color: #e0e0e0; /*  SEARCH and TYPE_MESSAGE border color    */
    --brx-input-background-color: #F0F2F5; /*  Background color for all text input fields  */
    --brx-placeholder-color: #A0A0A0; /*  Color of the input placeholder text     */
    --brx-input-autofill-background-color: var(--brx-input-background-color); /*#E4F3FF;*/
    --brx-input-autofill-color: var(--bs-body-color);
    --brx-progress-bg: #00000080;
    --brx-progress-error-bg: #dc3545;
    --brx-progress-border-color: #c0c0c0;
    --brx-file-color: #4d4d59;
    --brx-file-bg: #FFFFFF;
    --brx-file-border-color: #e0e0e0;
    --brx-dropdown-divider-color: #e0e0e0;
    --brx-btn-color: #65676b;
    --brx-btn-hover-color: #2787F5;
    --brx-btn-tool-color: var(--brx-btn-color);
    --brx-btn-tool-hover-color: var(--brx-btn-hover-color);
    --brx-btn-primary-color: #FFFFFF;
    --brx-message-in-text-color: #202020;
    --brx-message-in-background-color: #EAEAEA;
    --brx-message-in-border-color: #d0d0d0;
    --brx-message-out-text-color: #202020;
    --brx-message-out-background-color: #B6E4FF;
    --brx-message-out-border-color: #d0d0f0;
    --brx-screencast-btn-color: #ff0000;
    --brx-screencast-btn-background-color: #ffffff;
    --brx-screencast-btn-color-paused: #ff0000;
    --brx-screencast-btn-background-color-paused: #a0a0a0;
    --brx-search-message-match-background: #0082c2; /*#F9C000;*/
    --brx-search-message-match-color: #FFFFFF; /*#202020;*/
    --brx-search-message-match-border-color: #0082c2; /*#606020;*/
    --brx-search-message-match-list-color: #0082c2; /*#DCA500;*/
    --brx-search-message-match-color-alt: #0082c2; /*#c29a24;*/
    --brx-search-message-balloon-border-color: #4d88fc; /*#A98000;*/
    --brx-search-message-balloon-border-color-alt: #aec3d3; /*#87cbff;*/
    --brx-search-message-balloon-border-size: 3px;
    --brx-search-message-chat-content-border-color: #b6e4ff; /*orange;*/
    --brx-search-message-chat-content-background-color: #fbfbff;
    --brx-text-call-color: #FAFAFA;
    --brx-text-call-background-color: var( --bs-success );
    --brx-text-call-rejected-color: #303030;
    --brx-text-call-rejected-background-color: #d0d0d0;
    --brx-text-call-missed-color: #303030;
    --brx-text-call-missed-background-color: #d0d0d0;
    --brx-scrollbar-track-color: #eaeaea; /*var(--bs-body-color)*/
    --brx-scrollbar-thumb-color: #b7babc;
    --brx-scrollbar-thumb-hover-color: #87bbff; /*var( --bs-primary );*/
    --brx-call-bg-color: #3e455b;
    --brx-image-preview-bg-color: #e0e0e0D0;/*#ffffffA0;*/
    --brx-add-contacts-table-header-bg-color: #f0f8FD;
    --brx-table-row-odd: #fafafa;
    --brx-table-row-even: #f2f2f2;
    --brx-table-row-hover-bg-color: #f0f6ff;
    --brx-table-row-hover-color: #000000;
    --brx-name-accented-color: #2d8be4;
}

.dropdown-item {
    color: var(--bs-body-color);
}

.row {
    margin-left: 0;
    margin-right: 0;
}


.chat-footer {
    margin-left: 0;
    margin-right: 0;
    width: 100%;    /*  Correction of shitty theme that sets chat-footer.width=calc(100%+(2rem));   Probably because has gradient transparent   */
}

.chat-footer::before {
    left: 0;
}

/*	Fix the text color of btn-secondary buttons	*/
.btn-secondary {
    color: #000000;
}

.btn-secondary:hover {
	color: #000000;
}

.status-text, .contact-status-text {
    color: #65676b;
}

/*	Chat-header - name of the peer	*/
.bchat-name {
	color:  #292D32;
	font-size: 18px;
}

.navbar-light .navbar-nav .nav-link {
    color: #65676B;
}

/* Buttons at the left bar (chats, contacts, settings) */
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
    color: #4585ED;
}

/*	Colored background of the contacts list elements	*/
.bchat-contact-link.active-chat {
	border-left-color: #00b3ff;
	border-right-color: #00b3ff;
	border-top-color: #d0eaf0;
	border-bottom-color: #d0eaf0;
	background: #eafaff;
}

.bchat-contact-link.active-chat:hover {
	border-left-color: #0176ff;
	border-right-color: #0176ff;
}
.bchat-contact-link:hover {
	border-left:  4px solid rgb(170, 176, 183);
	border-right: 4px solid rgb(170, 176, 183);
}

.avatar-online::before, .avatar-offline::before,
.avatar-away::before, .avatar-busy::before {
	border: 2px solid white;
}


/*	Format attached files in chat messages	*/
.message-content .attached-files {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}



/*	Colored background of the Mention Picker list elements	*/
.mention-picker-item:hover {
	border-left: 2px solid rgb(170, 176, 183);
	border-right: 2px solid rgb(170, 176, 183);
}
.mention-picker-item.active {
	border-left-color: #00b3ff;
	border-right-color: #00b3ff;
	border-top-color: #d0eaf0;
	border-bottom-color: #d0eaf0;
	background: #eafaff;
}
.mention-picker-item.active:hover {
	border-left-color: #0176ff;
	border-right-color: #0176ff;
}


/*	Make the dropdown menus background a little bit lighter	*/
.dropdown-menu {
	background: var(--bs-body-bg);
    border: 1px solid #f0f0f0;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--bs-body-color);
    background-color: #DBEDF6;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-body-color);
    text-decoration: none;
    background-color: #DBEDF6;
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: var(--brx-text-muted);
    pointer-events: none;
    background-color: transparent;
}