:root {
    --bs-success: #3a9f67; /*#228e3b; #369C63*/
    --bs-success-rgb: 58,159,103; /*34, 142, 59;*/
    --bs-body-color: #A7A6A8; /*	Make the text a little bit lighter to have more contrast with the background */
    --bs-body-color-rgb: 167,166,168;
    --bs-light: #24272B; /*	Make the sidebar a little bit lighter	*/
    --bs-light-rgb: 36,39,43;
    --bs-status-online: #33CC33;
    --brx-primary-overlay: #1a1d20;
    --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: #707070; /*	Make the muted text a little bit lighter to have more contrast with the background	*/
    --brx-links-color: #57b7f5;
    --brx-links-hover-color: #4f9cf4;
    --brx-modal-backdrop-color: #505050D0;/*#ffffff50;*/ /*#969696;*/
    --brx-modal-separator-color: #ffffff20; /*#969696;*/
    --brx-border-color: #24272B;
    --brx-input-color: var(--bs-body-color);
    --brx-input-border-color: #808080; /*  SEARCH and TYPE_MESSAGE border color    */
    --brx-input-background-color: #1e2126; /*  Background color for all text input fields  */
    --brx-placeholder-color: #606060; /*  Color of the input placeholder text     */
    --brx-input-autofill-background-color: var(--brx-input-background-color); /*#202C35;*/
    --brx-input-autofill-color: var(--bs-body-color);
    --brx-progress-bg: #00000080;
    --brx-progress-error-bg: #dc3545;
    --brx-progress-border-color: #808080;
    --brx-file-color: var( --bs-body-color );
    --brx-file-bg: #1a1a1a;
    --brx-file-border-color: #2a2a2a;
    --brx-dropdown-divider-color: var(--bs-body-bg);
    --brx-btn-color: #909090;
    --brx-btn-hover-color: #50AAFF;
    --brx-btn-tool-color: var(--brx-btn-color);
    --brx-btn-tool-hover-color: var(--brx-btn-hover-color);
    --brx-btn-primary-color: #F0F0F0;
    --brx-message-in-text-color: #c0c0c0;
    --brx-message-in-background-color: #353535;
    --brx-message-in-border-color: #353535;
    --brx-message-out-text-color: #E0E0E0;
    --brx-message-out-background-color: #58758f;
    --brx-message-out-border-color: #58758f;
    --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: #F9C000;
    --brx-search-message-match-color: #202020;
    --brx-search-message-match-border-color: #606020;
    --brx-search-message-match-list-color: #DCA500;
    --brx-search-message-match-color-alt: #c29a24;
    --brx-search-message-balloon-border-color: #DCA500;
    --brx-search-message-balloon-border-color-alt: #8f7836;
    --brx-search-message-balloon-border-size: 3px;
    --brx-search-message-chat-content-border-color: orange;
    --brx-search-message-chat-content-background-color: #252520;
    --brx-text-call-color: #d0d0d0;
    --brx-text-call-background-color: #288250;
    --brx-text-call-rejected-color: #707070;
    --brx-text-call-rejected-background-color: #1E2126;
    --brx-text-call-missed-color: #707070;
    --brx-text-call-missed-background-color: #1E2126;
    --brx-scrollbar-track-color: #2a2a2a; /*var(--bs-body-color)*/
    --brx-scrollbar-thumb-color: #808080;
    --brx-scrollbar-thumb-hover-color: #5C7590; /*var( --bs-primary );*/
    --brx-call-bg-color: #363a4c;
    --brx-image-preview-bg-color: #202020D0;/*#000000A0;*/
    --brx-add-contacts-table-header-bg-color: #505560;
    --brx-table-row-odd: #303030;
    --brx-table-row-even: #383838;
    --brx-table-row-hover-bg-color: #202020;
    --brx-table-row-hover-color: var(--bs-body-color);
    --brx-name-accented-color: #50AAFF;
}

a {
    color: #71ACE2;
}

a:hover {
    color: #379AFF;
}

.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;
}


/*
.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success),var(--bs-bg-opacity)) !important;
}
*/
.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-gray800),var(--bs-text-opacity)) !important;
}

/*  Recent, peer name in chat panel, peer name in contacts list */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: #d0d0d0;
}

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

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

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

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover
{
	color: #71ACE2;
}

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

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

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


/*	Colored background of the contacts list elements	*/
.bchat-contact-link.active-chat {
/*	border-left-color: #30A1E1;
	border-right-color: #30A1E1;
	border-top-color: #404040;
	border-bottom-color: #404040;
*/
	background: #303030;
}

.bchat-contact-link.active-chat:hover {
/*	border-left-color: #00b3ff;
	border-right-color: #00b3ff;
*/
    background: #404040;
}
.bchat-contact-link:hover {
/*  border-left:  4px solid #808080;
    border-right: 4px solid #A0A0A0;
*/
    background: #25252A;
}

/*	Color of the links in sent messages baloons	*/
.message-out .message-text a {
	color: #ffffff;
}


/* Username in the chat-balloon */
.sender-name {
    color: var(--bs-gray-100);
}



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


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



/*	Colored background of the Mention Picker list elements	*/
.mention-picker-item:hover {
	border-left: 2px solid #A0A0A0;
	border-right: 2px solid #A0A0A0;
}
.mention-picker-item.active {
	border-left-color: #30A1E1;
	border-right-color: #30A1E1;
	border-top-color: #404040;
	border-bottom-color: #404040;
	background: #303030;
}
.mention-picker-item.active:hover {
	border-left-color: #00b3ff;
	border-right-color: #00b3ff;
}


/*	Make the dropdown menus background a little bit lighter	*/
.dropdown-menu {
	background: #353535;
}

/*	Make check-box switch more visible*/
.form-check-input {
	background-color: var(--bs-body-color);
	border-color: var(--bs-body-color);
}
.form-check-input:checked {
	background-color: #2787f5;
	border-color: #2787f5;
}

.dropdown-divider {
    margin: 2px;
    height: 1px;
    border: none;
}