/* Copied from: https://github.com/ducfilan/Dark-mode-Franz-Ferdi */

body,
.modal-content {
    color: #bbb !important;
    background: rgb(40, 44, 52) !important;
}

a.tg_checkbox {
    color: #bbb !important;
}

.im_page_wrap {
    /*background color of contentwrapper under header*/
    background-color: rgb(40, 44, 52) !important;
    border-left: 1px solid rgb(40, 44, 52) !important;
    border-right: 1px solid rgb(40, 44, 52) !important;
    border-bottom: 1px solid rgb(40, 44, 52) !important;
    box-shadow: none;
}

.im_message_body,
.im_attach,
.im_media_attach,
.im_record,
.im_record_bg,
.im_record:hover,
.im_message_document_thumbed,
.composer_emoji_panel a.composer_emoji_btn {
    background: inherit !important;
}

.im_dialog_peer {
    /*peer nickname unselected*/
    color: #bbb !important;
}

.contacts_modal_members_list a.contacts_modal_contact {
    /*nicknames in contactlist via hamburger menu*/
    color: #bbb;
}

.active a.im_dialog {
    /*selected peer */
    background-color: rgb(40, 44, 52) !important;
}

.tg_head_split,
.md_modal_head {
    /*page header block*/
    background-color: rgb(40, 44, 52) !important;
}

.dropdown.open .tg_head_btn,
.tg_head_btn:hover {
    background: rgb(40, 44, 52) !important;
}

.form-control {
    /*input field*/
    background-color: #0e0e0e !important;
    color: #bbb !important;
}

.composer_rich_textarea {
    background: rgb(40, 44, 52) !important;
    border-color: #bbb !important;
}

.im_dialogs_col_wrap {
    /*contactlist right border*/
    border-right: 2px solid rgb(40, 44, 52);
}

.im_dialogs_col .nano>.nano-pane>.nano-slider {
    /*scrollbarbutton when hover*/
    background-color: rgb(40, 44, 52) !important;
}

code,
pre {
    background-color: #bbb !important;
    color: #0e0e0e;
    border: none !important;
}

.tg_head_split {
    background-color: #151515;
}

.im_submit {
    color: rgb(40, 44, 52);
}

.im_message_mymention {
    background: #1d1d1d;
}

.im_message_focus .im_message_outer_wrap {
    background-color: rgb(40, 44, 52);
}

.im_message_selected .im_message_outer_wrap {
    background: rgb(40, 44, 52);
}

a:hover {
    background-color: #282828 !important;
}

.im_message_unread_split {
    background: rgb(40, 44, 52);
}

@ keyframes im_message_focus_fade {
    0% {
        /*soft transaction*/

        background-color: #2d2d2d;
    }
}

.btn-primary {
    background-color: rgb(40, 44, 52);
}

.im_history_select_active .im_message_outer_wrap:hover {
    background: rgb(40, 44, 52);
}

.im_dialog_chat_from_wrap,
.im_dialog_message_service {
    color: #6ac;
}

.composer_rich_textarea,
.composer_textarea {
    box-shadow: 0px 3px 1px #ddd;
}

.composer_rich_textarea:focus {
    box-shadow: 0px 3px 1px #ddd !important;
}

.tg_head_logo_dropdown .dropdown-menu>li>a,
a.tg_radio {
    color: #ddd;
}

.btn-primary.disabled,
.btn-primary[disabled] {
    background: rgb(40, 44, 52) none repeat scroll 0% 0%;
}

/*emoji*/

.composer_emoji_tooltip,
.icon-tooltip-tail,
.dropdown-menu {
    background-color: rgb(40, 44, 52) !important;
    border-color: #5d5d5d;
}

.im_dialog_badge.badge {
    background-color: #bfbfbf30 !important;
}

.im_message_selected .im_message_outer_wrap,
.im_history_select_active .im_message_outer_wrap:hover {
    background-color: rgb(40, 44, 52) !important;
}

.reply_markup_button {
    color: #FFFFFF !important;
    background-color: #666666 !important;
}

.reply_markup_button:focus,
.reply_markup_button:hover {
    color: #FFFFFF !important;
    background-color: rgb(40, 44, 52) !important;
}

.tg_head_logo_dropdown .dropdown-menu>li>a,
.dropdown-menu>li>a,
.dropdown-menu>li>a,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #FFFFFF !important;
}