.navigation-bar,
.menu {
    background-color: var(--menu-background, #23869b) !important;
}

.menu .menu__item {
    color: var(--menu-item-color, #fff) !important;
    background-color: var(--menu-item-background, #23869b) !important;
}

.menu .menu__item.menu__item_logo,
.menu .menu__item.menu__item_logo:hover {
    background-color: var(--menu-background, #23869b) !important;
}

.menu .menu__item.is-active,
.menu .menu__item:hover {
    color: var(--menu-item-color-hover, #fff) !important;
    background-color: var(--menu-item-background-hover, #1c6b7c) !important;
}

#ticket-app .ticket .ticket-conversation__message-text_user {
    color: var(--ticket-user-post-color, #333);
    background-color: var(--ticket-user-post-background, #e5e5ea);
}

#ticket-app .ticket .ticket-conversation__message-text_user a {
    color: var(--ticket-user-href-color, #2379a2);
}

#ticket-app .ticket .ticket-conversation__message-text_user a:hover {
    color: var(--ticket-user-href-hover, #309fdf);
}

#ticket-app .ticket .ticket-conversation__message-text_staff {
    color: var(--ticket-staff-post-color, #fff);
    background-color: var(--ticket-staff-post-background, #777f8a);
}

#ticket-app .ticket .ticket-conversation__message-text_staff a {
    color: var(--ticket-staff-href-color, #fff);
}

#ticket-app .ticket .ticket-conversation__message-text_staff a:hover {
    color: var(--ticket-staff-href-hover, #fff);
}

#ticket-app .ticket .ticket-conversation__message-text_post-own a {
    color: var(--ticket-staff-href-color, #fff);
}

#ticket-app .ticket .ticket-conversation__message-text_staff pre a,
#ticket-app .ticket .ticket-conversation__message-text_staff code a,
#ticket-app .ticket .ticket-conversation__message-text_post-own pre a,
#ticket-app .ticket .ticket-conversation__message-text_post-own code a,
#ticket-app .ticket .ticket-conversation__message-text_comment-own pre a,
#ticket-app .ticket .ticket-conversation__message-text_comment-own code a,
#ticket-app .ticket .ticket-conversation__message-text_comment pre a,
#ticket-app .ticket .ticket-conversation__message-text_comment code a {
    color: #2379a2;
}

#ticket-app .ticket .ticket-conversation__message-text_staff pre a:hover,
#ticket-app .ticket .ticket-conversation__message-text_staff code a:hover,
#ticket-app .ticket .ticket-conversation__message-text_post-own pre a:hover,
#ticket-app .ticket .ticket-conversation__message-text_post-own code a:hover,
#ticket-app .ticket .ticket-conversation__message-text_comment-own pre a:hover,
#ticket-app .ticket .ticket-conversation__message-text_comment-own code a:hover,
#ticket-app .ticket .ticket-conversation__message-text_comment pre a:hover,
#ticket-app .ticket .ticket-conversation__message-text_comment code a:hover {
    color: #309fdf;
}

#ticket-app .ticket .ticket-conversation__message-text_post-own a:hover {
    color: var(--ticket-staff-href-hover, #fff);
}

#ticket-app .ticket .ticket-conversation__message-text_post-own {
    color: var(--ticket-staff-own-post-color, #fff);
    background-color: var(--ticket-staff-own-post-background, #4a515c);
}

#ticket-app .ticket .ticket-conversation__message-text_comment {
    color: var(--ticket-staff-comment-color, #fff);
    background-color: var(--ticket-staff-comment-background, #23869b);
}

#ticket-app .ticket .ticket-conversation__message-text_comment a {
    color: var(--ticket-staff-comment-href-color, #fff);
}

#ticket-app .ticket .ticket-conversation__message-text_comment a:hover {
    color: var(--ticket-staff-comment-href-hover, #fff);
}

#ticket-app .ticket .ticket-conversation__message-text_comment-own a {
    color: var(--ticket-staff-comment-href-color, #fff);
}

#ticket-app .ticket .ticket-conversation__message-text_comment-own a:hover {
    color: var(--ticket-staff-comment-href-hover, #fff);
}

#ticket-app .ticket .ticket-conversation__message-text_comment-own {
    color: var(--ticket-staff-own-comment-color, #fff);
    background-color: var(--ticket-staff-own-comment-background, #1a6474);
}

#ticket-app #tab-post:hover,
#ticket-app #tab-post.is-active {
    color: var(--ticket-post-input-color,  #23869b) !important;
    background-color: var(--ticket-post-input-background, #fff) !important;
}

.ticket-editor__ckeditor .ck-content {
    color: var(--ticket-post-input-color, #000) !important;
    background-color: var(--ticket-post-input-background, #fff) !important;
    border-color: var(--ticket-post-input-background, #dcdfe6) !important;
}

.ticket-editor__ckeditor .ck-content a {
    color: var(--ticket-post-input-color, #2379a2) !important;
}

#ticket-app #tab-comment:hover,
#ticket-app #tab-comment.is-active,
.ticket-editor__ckeditor_comment .ck-content {
    color: var(--ticket-comment-input-color, #fff) !important;
    background-color: var(--ticket-comment-input-background, #23869b) !important;
    border-color: var(--ticket-comment-input-background, #23869b) !important;
}

.ticket-editor__ckeditor_comment .ck-content a {
    color: var(--ticket-comment-input-color, #fff) !important;
}

#ticket-app .el-button--primary {
    color: var(--ticket-primary-button-color, #fff);
    background-color: var(--ticket-primary-button-background, #23869b);
    border-color: var(--ticket-primary-button-background, #23869b);
}

#ticket-app .el-button--primary:hover {
    color: var(--ticket-primary-button-color-hover, #fff);
    background-color: var(--ticket-primary-button-background-hover, #4f9eaf);
    border-color: var(--ticket-primary-button-background-hover, #4f9eaf);
}

#ticket-app .el-button--default {
    color: var(--ticket-secondary-button-color, #303133);
    background-color: var(--ticket-secondary-button-background, #fff);
    border-color: var(--ticket-secondary-button-background, #DCDFE6);
}

#ticket-app .el-button--default:hover {
    color: var(--ticket-secondary-button-color-hover, #23869b);
    background-color: var(--ticket-secondary-button-background-hover, #e9f3f5);
    border-color: var(--ticket-secondary-button-background-hover, #bddbe1);
}

#ticket-app .el-button--info {
    color: var(--ticket-secondary-button-color, #fff);
    background-color: var(--ticket-secondary-button-background, #909399);
    border-color: var(--ticket-secondary-button-background, #909399);
}

#ticket-app .el-button--info:hover {
    color: var(--ticket-secondary-button-color-hover, #fff);
    background-color: var(--ticket-secondary-button-background-hover, #a6a9ad);
    border-color: var(--ticket-secondary-button-background-hover, #a6a9ad);
}