@import url("src/layout.css");
@import url("src/pad-editor.css");

@import url("src/components/buttons.css");
@import url("src/components/popup.css");

@import url("src/components/chat.css");
@import url("src/components/sidediv.css");
@import url("src/components/gritter.css");
@import url("src/components/table-of-content.css");
@import url("src/components/toolbar.css");
@import url("src/components/users.css");
@import url("src/components/form.css");
@import url("src/components/import-export.css");

@import url("src/plugins/brightcolorpicker.css");
@import url("src/plugins/comments_page.css");
@import url("src/plugins/font_color.css");
@import url("src/plugins/tables2.css");
@import url("src/plugins/author_hover.css");

/* -----------------------------------------------------------------
 * COLORS
 * If you want to change main colors, please replace following rules
 * -----------------------------------------------------------------
 */

/* NEUTRAL COLOR */
body,
.btn-default,
.color\:black,
[data-color=black],
#tbl_context_menu ul .yuimenuitemlabel,
.yui-skin-sam .yui-split-button button em:not(.color-picker-button),
#yui-picker-panel .button-group .yui-button:first-child button,
#newComment .sidebar-comment input[type=reset], #newComment .sidebar-comment input[type=reset]:hover,
#newComment .sidebar-comment input[type=submit]:hover,
.suggestion, .comment-reply-input, .reply-suggestion p:not(.reply-comment-suggest-from-p), .comment-text,
.sidebar-comment textarea, .reply-comment-suggest label, .comment-suggest label, .comment-reply-input
#comments, #newComments, .reply-comment-suggest-from-p,
.comment-changeFrom-value,
.comment-changeTo-value,
.reply-suggestion .reply-comment-suggest-from,
.suggestion .comment-suggest-from
{ color: #2E3338 !important; }

/* MENUS ICONS */
#edit_title:before,
#tbl-menu:before
{ color: #767676 !important; }
/* MENU BUTTONS */
.timeslider #editbar .buttontext
{ background-color: #767676 !important; }

/* PRIMARY BUTTONS */
.btn-primary,
#tbl_btn_close,
#yui-picker-panel .button-group .yui-button:last-child button,
#newComment.sidebar-comment input[type=submit],
.comment-changeTo-approve input[type=submit]
{
  background-color: #64d29b;
  color: white;
}

/* PRIMARY COLOR */
h1,
#titlelabel,
.yui-skin-sam .yui-panel .hd,
p[data-l10n-id="ep_comments_page.comment"],
.comment-reply-input-label span,
#slider-btn-container .stepper, #importmessageabiword, #importmessageabiword > a,
.toolbar .show-more-icon-btn
{ color: #64d29b; }
#timeslider-slider #ui-slider-handle, #playpause_button_icon, .gritter-item:not(.error) {
  background-color: #64d29b;
}
#slider-btn-container button {
  border-color: #64d29b;
}
/* PRIMARY-COLOR VARIANT */
.toolbar ul li a.selected,
.toolbar ul li a.pressed,
.toolbar ul li select:active {
  background-color: #f0faf6 !important;
}
.toolbar ul li a.selected .buttonicon,
.toolbar ul li a.pressed .buttonicon,
.toolbar ul li select:active {
  color: #5abb89;
}

/* BACKGROUND COLOR */
#editorcontainerbox {
  background-color: #f9f9f9 !important;
}


/* NEUTRAL FONT */
body
{ font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; }

/* PRIMARY FONT */
h1,
#titlelabel,
#chatlabel,
.btn,
.yui-skin-sam .yui-panel .hd,
.reply-suggestion p:not(.reply-comment-suggest-from-p),
p[data-l10n-id="ep_comments_page.comment"],
#newComment.sidebar-comment input[type=submit],
.comment-changeTo-approve input[type=submit],
#sidedivinner>div:before
{ font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;  }