
/* Grouped Coloring */
header#header nav > a.current-page > i.ti-user,
header#header nav > a:hover > i.ti-user,
header#header nav > a.current-page > i.ti-files-o,
header#header nav > a:hover > i.ti-files-o,
header#header nav > a.current-page > i.ti-bar-chart,
header#header nav > a:hover > i.ti-bar-chart { color:#2E9AE9; }
header#header nav span.search:hover i.ti-search { color:#2E9AE9; }

/* Button Colors */
.ticket-header .status.open,
.button.outlined { border-color:#5AC17F; }
.button.outlined:hover { background:#5AC17F; }
.button.outlined i.ti,
.button.outlined.non-button:hover i.ti { color:#5AC17F; }
.button.outlined.non-button span { color:#5AC17F; }

.button.outlined.color-envato { background:#fff; border-color:#87b34e; }
.button.outlined.color-envato i.ti, .button.outlined.color-envato span { color:#87b34e !important; }

.button.color-1 { background:#334553; border-color:#334553; color:#fff; }
.button.color-2 { background:#5AC17F; border-color:#5AC17F; color:#fff; }
.button.color-3 { background:#2E9AE9; border-color:#2E9AE9; color:#fff; }
.button.color-4 { background:#FFA366; border-color:#FFA366; color:#fff; }
.button.color-5, div.reply-box #submit-ticket-comment-button.private { background:#FFA366; border-color:#FFA366; color:#fff; }
.button.color-yellow { background:#FDC551; border-color:#FDC551; color:#fff; }

.button.color-1:hover { background:rgb(21,39,53); border-color:rgb(21,39,53); }
.button.color-2:hover, header#header nav > a.signin:hover, header#mobile-header a.signin:hover, body .button.color-2.close-stale-tickets:hover { background:rgb(60,163,97); border-color:rgb(60,163,97); }
.button.color-3:hover { background:rgb(16,124,203); border-color:rgb(16,124,203); }
.button.color-4:hover { background:rgb(225,133,72); border-color:rgb(225,133,72); }
.button.color-5:hover, div.reply-box #submit-ticket-comment-button.private:hover { background:rgb(202,64,30); border-color:rgb(202,64,30); }
.button.color-yellow:hover { background:rgb(223,167,51); border-color:rgb(223,167,51); }
.backend-search .search-box { background:rgb(21,39,53); }
#articles-list .articles-padded.featured .single-article:hover .button { background:rgb(60,163,97); border-color:rgb(60,163,97); }

.stats-block .stats-tabs a.active i.ti-ticket,
.stats-block .stats-tabs a.active i.ti-comment,
.stats-block .stats-tabs a.active i.ti-clock,
.stats-block .stats-tabs a.active i.ti-thumbs-up { color:#2E9AE9; }
.stats-block .stats-tabs a.active i.ti-thumbs-up-solid { color:#2E9AE9; }

/* COLOR-1 (Header) */
.color-1, .bulk-actions .block-title, .blurred-header-overlay { background:#334553; }
.text-color-1 { color:#334553; }
header#header.admin, header#mobile-header.admin { background:#334553; }
header#header.front nav > a.current-page { border:2px solid #2E9AE9 }
header#header.front nav > a.current-page i.ti, header#header.front nav > a.current-page:hover i.ti  { color:#2E9AE9; }

/* COLOR-2 (Green) */
.ticketa-modal h3.ticketa-modal-cap,
.ticketa-modal h3.bordered,
.ticketa-custom-select .ticketa-custom-select-default-text .multiple-count,
.ticket-list a.ticket span.ticket-type-bar,
#important-message-wrapper .important-message-popup h1,
header#header nav > a.signin,
header#mobile-header a.signin,
.action-bar.active.reply,
.ticket-list .tickets-list-time-wrapper .tickets-list-time-heading .time-bar
{ background:#5AC17F; }

.text-color-2 { color:#5AC17F; }
.ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-point
{ stroke:#5AC17F; }

.ct-chart .ct-series.ct-series-b .ct-area
{ fill:#5AC17F; }

i.ti-check,
.ticket-header .status.open,.ticket-list .ticket-right .status.open,
.toggle-panel-link i.ti.ti-check-solid, .panel-title i.ti.ti-check-solid,
#statusDropdown .status .open,
p.public-private-switch span.public.active,
.ticket-list .ticket:hover .ticket-type-icon.public,
#articles-list .articles-padded.featured .single-article .article-title,
.ticketa-custom-select .ticketa-custom-select-list .ticketa-custom-select-option.is-selected i.ti-check,
.ticketa-custom-select.multiple .ticketa-custom-select-list-wrapper .ticketa-custom-select-options a:hover i.ti,
.ticket-list a.ticket span.ticket-right i.ti-check-circle,
.article-management-list .article-block .article-featured-text,
.action-bar a.top-level i.ti-comment-solid,
.ticketa-form h4.st-label,
.tc-tabs .tab.active i.ti-comment-solid,
#tc-notifications_comment-tab.unread i.ti-comment-solid,
header#header nav span.notifications span.dropdown a.marked-read-0.comment-new > i.ti,
header#header nav span.notifications span.dropdown a.marked-read-1.comment-new:hover > i.ti,
header#header nav span.notifications span.dropdown a.marked-read-0.comment-new > i.ti,
header#header nav span.notifications span.dropdown a.marked-read-1.comment-new:hover > i.ti,
header#header nav span.dropdown .tickets-dropdown-time-wrapper .tickets-dropdown-time-heading,
.ticket-list .tickets-list-time-wrapper .tickets-list-time-heading
{ color:#5AC17F; }

.ticket-status.open.bumped .ticketa-custom-select,
.action-bar.active.reply
{ border-color:#5AC17F; }

.ticket-status.open, .ticket-status.open.bumped .ticketa-custom-select, .mini-status.open, .success-banner, .ios-ui-select.checked, .ticket-type-ribbon.public, #redactor-modal footer button.redactor-modal-action-btn, .mini-status.public
{ background:#5AC17F; }

#support-verified h2 a,
.ticketa-modal .modal-form-messages .messages
{ color:#5AC17F; background:rgba(90,193,127,0.1); border-color:rgba(90,193,127,0.2); }

.ticket-header .status.open,.ticket-list .ticket-right .status.open,
header#header nav span.dropdown .tickets-dropdown-time-wrapper .tickets-dropdown-time-heading,
.ticket-list .tickets-list-time-wrapper.mid-priority .tickets-list-time-heading,
.ticket-list .tickets-list-time-wrapper.low-priority .tickets-list-time-heading { background:rgba(90,193,127,0.1); }

#sidebar-block #support-verified h2 a
{ border-color:rgba(90,193,127,0.2); }

#support-verified h2 a i.ti-check
{ color:#5AC17F; }

#support-verified.active h2 a
{ background:#5AC17F; }

/* COLOR-3 (Blue) */
.color-3,
#pageForm-block .category-thumb-uploader.uploading,
#pageForm-block .category-thumb-uploader.uploading:hover,
ul.comment-list > li .like-comment.liked,
ul.comment-list > li .like-comment.icon-only,
ul.comment-list > li .like-comment.icon-only:hover { background:#2E9AE9; }
.ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-point { stroke:#2E9AE9; }
.ct-chart .ct-series.ct-series-a .ct-area { fill:#2E9AE9; }
#attachment-visuals .dz-preview.dz-complete, .redactor-toolbar li a:hover, ul#pagination li a,ul.page-numbers li a, .select2-container--default .select2-results__option--highlighted[aria-selected], #customers-table_paginate span a, .select2-container--default .select2-selection--multiple .select2-selection__choice { background:#2E9AE9; }
#redactor-modal button#redactor-modal-button-action,
.redactor-dropdown li:hover { background-color:#2E9AE9; }
.redactor-image-dragover { outline-color:#2E9AE9; }
.frontend-search .search-box input,
ul.comment-list > li .like-comment.liked,
ul.comment-list > li .like-comment.icon-only { border-color:#2E9AE9; }


a, .redactor-layer a,
.comment-from .reply-type-like,
.tc-tabs .tab.active i.ti-ticket-solid,
#tc-notifications_ticket-tab.unread i.ti-ticket-solid,
ul.comment-list > li .like-comment i.ti,
ul.comment-list > li .right .like-text,
ul.comment-list > li .left .total-user-likes i.ti,
#tc-notifications_likes-tab.unread i.ti-thumbs-up-solid,
.tc-tabs .tab.active i.ti-thumbs-up-solid,
header#header nav span.notifications span.dropdown a.marked-read-0.comment-like i.ti,
header#header nav span.notifications span.dropdown a.marked-read-1.comment-like:hover i.ti,
header#header nav > a:hover i.ti,
header#header nav > span:hover > i.ti,
.ticketa-mention,
.text-color-3,
.redactor-layer a,
#banner .search-box a.ti:hover,
header#header nav a.user-link,
#pageForm-block .subtext i,
#pageForm-block h3 label,
strong.color-2,
header#header nav span.notifications span.dropdown a.marked-read-0 > i.ti,
header#header nav span.notifications span.dropdown a.marked-read-1:hover > i.ti,
header#header nav span.notifications span.dropdown a.marked-read-0 > i.ti,
header#header nav span.notifications span.dropdown a.marked-read-1:hover > i.ti,
header#header nav span.notifications span.dropdown span.mark-as-read,
#articles-list .articles-padded .single-article .cat-title:hover .article-title,
header#header nav .ticketa-instant-results a.result-block,
header#header nav span.dropdown a:hover > i.ti { color:#2E9AE9; }

.redactor-layer a:hover { color:#333; }

/* COLOR-4 (Orange) */
.color-4 { background:#FFA366; }
.response-needed-block .mark-as.unread,
.response-needed-block .mark-as.unread:hover { background:#FFA366; border-color:#FFA366; }
.text-color-4, .ticket-list a.ticket.response-needed span.needs-response-dot i.ti, header#header nav span.dropdown .tickets-dropdown-loader a span.needs-response-dot i.ti, .ticket-list a.ticket.response-needed span.needs-response-dot i.ti, header#header nav span.dropdown .tickets-dropdown-loader a span.needs-response-dot i.ti, .toggle-panel-link i.ti.ti-warning-solid, .panel-title i.ti.ti-warning-solid { color:#FFA366; }
#banner .text h2 a, #banner .text p a, header#header nav span.notifications.new i.ti-alert, .tc-tabs .tab.active i.ti-alert, #articles-list article.full-width a .ticket-title i.ti-circle { color:#FFA366; border-bottom:none; }
#sidebar-menu > div a em, #error-banner, .button.color-4, header#header nav > a em, header#header nav > span > em, header#header nav > span .dropdown em, .slicknav_nav a > em, aside.sidebar .link-list a span.bubbles span.needs-response { background:#FFA366; }
ul.comment-list > li .flag-comment.flagged i.ti,
p.next-ticket-message a,
.ticketa-instant-results a.result-block.ticket .ti-circle,
header#header nav > span:hover .ticketa-instant-results a.result-block.ticket .ti-circle,
.ticketa-search-results a.result-block.ticket .ti-circle { color:#FFA366; }

ul.comment-list > li.employee.flagged, ul.comment-list > li.flagged,
ul.comment-list > li.employee.private.flagged, ul.comment-list > li.private.flagged { border-left-color:#FFA366; }


/* COLOR-5 (Red) */
.button.red,
.ticket-type-ribbon.private,
#error-banner,
#important-message-wrapper .important-message-popup a.close-popup,
.ticket-list a.ticket span.ticket-type-bar.high,
#pageForm-block .category-thumb-uploader .delete,
.notice-banner,
.action-bar.active.reply.private,
.mini-status.private,
.ticket-list .tickets-list-time-wrapper.high-priority .tickets-list-time-heading .time-bar { background:#FFA366; }

.action-bar.active.reply.private { border-color:#FFA366; }

ul.comment-list > li.employee.private,
ul.comment-list > li.private { border-left-color:#FFA366; }

.delete-ticket,
#fourohfour i.ti-warning,
.text-color-red,
#update-article-form .tiny-links a.text-color-red,
small.ticket-title,
#tickets-cleared i.ti-warning,
p.employee-block .actions a.delete-user:hover,
#pageForm-block .delete-category:hover,
#pageForm-block .category-settings:hover,
ul.comment-list > li .right .private-tag,
span.new-tag,
.ticketa-page-panel > article > h3 span.new-tag,
p.public-private-switch span.private.active,
.ticketa-modal .error-message,
form.ticketa-form p .required,
.disconnect-envato,
#sidebar-block .customer-info-block .delete-customer,
.ticket-list a.ticket span.ticket-right i.ti-times-circle,
.private-system-login .error-message,
.ticket-list a.ticket span.ticket-right i.ti-warning,
#customers-table td .delete-customer:hover,
header#header nav span.dropdown .tickets-dropdown-time-wrapper.high-priority .tickets-dropdown-time-heading,
.ticket-list .tickets-list-time-wrapper.high-priority .tickets-list-time-heading,
.ticket-list .ticket:hover .ticket-type-icon.private,
.ticketa-form p .private { color:#FFA366; }

.comment-from .reply-type-private-comment { color:#FFA366 !important; }

#support-verified.expired-support h2 a,
.ticketa-modal .modal-form-messages .errors { color:#FFA366; background:rgba(232,94,60,0.1); border-color:rgba(232,94,60,0.2); }

#sidebar-block #support-verified.expired-support h2 a { border-color:rgba(232,94,60,0.2); }
#support-verified.expired-support.active h2 a { background:#FFA366; }
#support-verified.expired-support ul li .colored-text, .article-management-list .article-block span.article-actions > a.delete-article { color:#FFA366; }

#sidebar-block #support-verified.envato-api-issues h2 a .ti-warning { color:#FFA366; }
#sidebar-block #support-verified.envato-api-issues h2 a { background:rgba(232,94,60,0.15); border-color:rgba(232,94,60,0.3); }
#sidebar-block #support-verified.envato-api-issues.active h2 a { background:rgba(232,94,60,1); }
#sidebar-block #support-verified.envato-api-issues.active ul { background:rgba(232,94,60,0.15); border-color:rgba(232,94,60,0.3); }

header#header nav span.dropdown .tickets-dropdown-loader a.expired,
#articles-list.ticket-list article.full-width a.expired,
.ticket-list .tickets-list-time-wrapper.high-priority .tickets-list-time-heading,
header#header nav span.dropdown .tickets-dropdown-time-wrapper.high-priority .tickets-dropdown-time-heading { background:rgba(232,94,60,0.04); }

ul.comment-list > li.employee.flagged, ul.comment-list > li.flagged { background:rgba(255,163,102,0.05); }

header#header nav span.dropdown .tickets-dropdown-loader a.expired:hover,
#articles-list.ticket-list article.full-width a.expired:hover { background:rgba(232,94,60,0.06); }

header#header nav span.notifications span.dropdown a.marked-read-0:hover,
#tc-notifications_likes-tab.unread, #tc-notifications_ticket-tab.unread { background:rgba(46,154,233,0.05); }
header#header nav span.notifications span.dropdown a.comment-new.marked-read-0:hover,
#tc-notifications_comment-tab.unread { background:rgba(90,193,127,0.05); }
header#header nav span.notifications span.dropdown a.new-feature.marked-read-0:hover,
header#header nav span.notifications span.dropdown a.note-new.marked-read-0:hover,
#tc-notifications_pencil-tab.unread,
#tc-notifications_featured-tab.unread { background:rgba(253,197,81,0.05); }

#tc-notifications_comment-tab.unread.active,
#tc-notifications_ticket-tab.unread.active,
#tc-notifications_likes-tab.unread.active,
#tc-notifications_pencil-tab.unread.active,
#tc-notifications_featured-tab.unread.active { background:#fff; }

header#header nav span.notifications span.dropdown a.marked-read-0 i.ti-featured,
#tc-notifications_featured-tab.unread i.ti-featured-solid,
#tc-notifications_pencil-tab.unread i.ti-pencil-solid,
.tc-tabs .tab.active i.ti-featured-solid, .tc-tabs .tab.active i.ti-pencil-solid,
header#header nav span.notifications span.dropdown a.marked-read-0 i.ti-pencil,
.star-ticket.starred, .star-ticket.starred:hover,
.slicknav_nav li.starred.active i.ti-star,
header#header nav .tickets span.dropdown a.starred.active i.ti-star,
header#header nav .tickets span.dropdown a.starred.active:hover i.ti-star,
.slicknav_nav a.starred.active i.ti-star,
ul.comment-list li.type-note .comment .note-title,
.action-bar a.top-level i.ti-pencil-solid,
.action-bar.active.note a.top-level i.ti-pencil-solid,
.action-bar.active.customer-notes a.top-level i.ti-notes-solid,
.comment-from .reply-type-note,
.action-bar a.customer-notes.has-notes i.ti,
.action-bar a.customer-notes.has-notes:hover i.ti,
.ticketBlock .star-ticket.starred,.ticketBlock .star-ticket.starred:hover,
header#header nav span.notifications span.dropdown a.marked-read-0 > i.ti-featured-solid,
#sidebar-menu > div a i.ti-star { color:#FDC551; }

ul.comment-list > li.type-note { background:rgba(253,197,81,0.1); }

.action-bar.active.customer-notes,
.action-bar.active.note,
div.note-box .redactor-toolbar li a:hover { background:#FDC551; }

.action-bar.active.customer-notes,
ul.comment-list > li.type-note,
.action-bar.active.note { border-color:#FDC551; }

div.note-box,
#customer_notes_form,
.action-bar.note,
.action-bar.customer-notes,
#articles-list article.full-width h3.featured-header,
.ticket-header.starred,
#customer-notes { background:#fffbe8; }

#single-article.draft.editing .crumbs-and-title, #draft-banner { background:#fffbe8; }