/* Action Button Colors */
.comment-actions-container .action-button.action-like:hover,
.comment-actions-container .action-button-wrapper.action-updating .action-button.action-like,
.comment-actions-container .action-button.action-like.checked { background:#008fef; }

.comment-actions-container .action-button.action-love:hover,
.comment-actions-container .action-button-wrapper.action-updating .action-button.action-love,
.comment-actions-container .action-button.action-love.checked { background:#f85a76; }

#dashboard-main .bxd-categories-wrapper { margin:0; display:block; padding:0; }

#dashboard-main .article-category-group > h3 { font-weight:800; letter-spacing:0.03rem; color:#005f9e; font-size:1.5rem; margin-top:1.9rem; padding:0; }
#dashboard-main .article-category-block {
    position: relative;
    border: 1px solid #e5e5e5;
    padding: 10px;
    width: 290px;
    display: inline-block;
}
#dashboard-main .article-category-block .article-category-icon { font-size:2.5rem; color:#aaa; float:left; margin:-0.1rem 1.2rem 0 0; display:block; }
#dashboard-main .article-category-block:hover { background:#f9f9f9; }
#dashboard-main .article-category-block > h3 { font-weight:500; letter-spacing:0.03rem; font-size:1.1rem; margin:0 0 0.05rem; line-height:1.3rem; }
#dashboard-main .article-category-block > p { margin:0; font-size:0.95rem; }

#dashboard-main .article-category-block .bxd-category-meta { opacity:0.5; width:16rem; position:absolute; top:1.05rem; right:7rem; font-size:0.9rem; font-weight:400; line-height:1.25rem; }
#dashboard-main .article-category-block .bxd-category-meta .bxd-lp-title { font-size:0.8rem; color:#888; position:relative; top:-1px; }
#dashboard-main .article-category-block .bxd-category-meta .bxd-lp-title strong { color:#333; font-size:1rem; }
#dashboard-main .article-category-block .bxd-category-meta .bxd-lp-title strong a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#dashboard-main .article-category-block .bxd-category-meta .bxd-lp-image { float:left; margin-right:0.75rem; width:2.5rem; height:2.5rem; }
#dashboard-main .article-category-block .bxd-category-meta .bxd-lp-image img { width:2.5rem; height:2.5rem; }

#dashboard-main .article-category-block .bxd-category-replies { opacity:0.5; width:auto; position:absolute; top:1.4rem; right:1.5rem; text-align:right; font-size:0.9rem; font-weight:400; line-height:1.5rem; }
#dashboard-main .article-category-block .bxd-category-replies { color:#333; font-size:1.1rem; font-weight:600; }
#dashboard-main .article-category-block .bxd-category-replies svg { font-size:1.1rem; position:relative; top:1px; color:#aaa; }

#dashboard-main .article-category-block:hover .bxd-category-meta,
#dashboard-main .article-category-block:hover .bxd-category-replies { opacity:1; }

#dashboard-main .article-category-block .article-category-icon { opacity:0.5; }
#dashboard-main .article-category-block:hover .article-category-icon { opacity:1; }

#dashboard-main .fa-lock { color:#fba02f; }

#dashboard-main h2.heading-title.article-heading { text-transform:none; font-weight:500; margin-bottom:0; border:none; }
#dashboard-main h2.heading-title.article-heading .bxd-crumbs { text-transform:uppercase; font-weight:800; }

#dashboard-main .single-article { position:relative; border-top:1px solid #e5e5e5; padding:0.9rem 26rem 0.75rem 3rem; }
#dashboard-main .single-article.compact { padding:0.9rem 1rem 0.75rem 0; }
#dashboard-main .single-article > .avatar { display:block; margin:0; padding:0; width:2.7rem; height:2.7rem; position:absolute; left:0.5rem; top:1rem; }
#dashboard-main .single-article:hover > .avatar { color:#aaa; }
#dashboard-main .single-article > h3 { font-weight:500; letter-spacing:0.01rem; font-size:1.25rem; margin:0; }
#dashboard-main .single-article > h3 a { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; }
#dashboard-main .single-article > p { margin:0; font-size:0.95rem; }
#dashboard-main .single-article > p small, #dashboard-main .single-article p small { font-size:0.85rem; margin:0; padding:0; color:#333; }
#dashboard-main .single-article > p small .avatar { display:inline-block; margin:0 0.25rem; width:1rem; height:1rem; position:relative; top:3px; }
#dashboard-main .single-article .article-category-icon { font-size:2.5rem; color:#aaa; position:absolute; top:0.9rem; left:0; margin:0.3rem 1.1rem 0 0; display:block; }

#dashboard-main .single-article.single-new-comment img { top:1rem; }
#dashboard-main .single-article.single-new-comment { line-height:1.6rem; padding:0.75rem 1rem 0.75rem 4.25rem; }
#dashboard-main .single-article.single-new-comment > h3 { font-weight:400; color:#333; font-size:0.85rem; display:inline; }
#dashboard-main .single-article.single-new-comment > p { font-size:1rem; color:#555; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; }
#dashboard-main .single-article.single-new-comment > p > strong > a { font-size:1rem; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; }

#dashboard-main .bxd-large-icon { display:block; margin:0 auto 0.5rem; font-size:5rem; color:#ccc; }
#dashboard-main .bxd-view-all-bottom { border-top:1px solid #e5e5e5; padding:1.5rem 0 0; text-transform:uppercase; letter-spacing:0.03rem; text-align:center; font-size:0.8rem; font-weight:600; }

#dashboard-main .single-article.is-unread { padding-right:40px; }

#dashboard-main .single-article .bxd-article-meta { opacity:0.5; width:15rem; position:absolute; top:1.1rem; right:7rem; font-size:0.9rem; font-weight:400; line-height:1.2rem; }
#dashboard-main .single-article .bxd-article-meta .bxd-meta-title { font-size:0.9rem; color:#888; }
#dashboard-main .single-article .bxd-article-meta .bxd-meta-title strong { color:#333; }
#dashboard-main .single-article .bxd-article-meta .bxd-lp-image { float:left; position:relative; top:0.4rem; margin-right:0.75rem; width:1.5rem; height:2rem; }

#dashboard-main .single-article .bxd-article-replies { opacity:0.5; width:6rem; position:absolute; top:1.6rem; right:1.5rem; text-align:right; font-size:0.9rem; font-weight:400; line-height:1.5rem; }
#dashboard-main .single-article .bxd-article-replies { color:#333; font-size:1.1rem; font-weight:600; }
#dashboard-main .single-article .bxd-article-replies svg { font-size:1.1rem; position:relative; top:1px; color:#aaa; }

#dashboard-main .single-article.is-unread .bxd-article-replies { right:3rem; }
#dashboard-main .single-article.is-unread .bxd-article-meta { right:8.5rem; }

#dashboard-main .single-article .unread-dot { cursor:pointer; position:absolute; width:10px; height:10px; right:20px; top:50%; margin-top:-5px; background:#f05635; border-radius:5px; }
#dashboard-main .single-article.is-read h3 a { color:#888; }
#dashboard-main .single-article.is-read img { -webkit-filter:grayscale(1); -moz-filter:grayscale(1); filter:grayscale(1); opacity:0.75; }
#dashboard-main .single-article .unread-dot:hover { background:#888; }
#dashboard-main .single-article .unread-dot.is-loading,
#dashboard-main .single-article .unread-dot.is-loading:hover { cursor:default; background:#aaa; color:#ccc; }
#dashboard-main .single-article .unread-dot.is-loading svg { position: relative; top:-5px; left:-5px; font-size:20px; }

#mark-all-as-read.is-loading, #mark-all-as-read.is-loading:hover { background:#aaa !important; }

#dashboard-main .single-article:hover .bxd-article-meta,
#dashboard-main .single-article:hover .bxd-article-replies { opacity:1; }

#bxd-single-article-post { padding:1.5rem 2rem 1rem; }
#dashboard-main .article-content { padding:2rem 0 0 0; }
#dashboard-main .article-content p > small { color:#aaa; }

#dashboard-main .comments { padding:0 0 0.5rem 0; }
#dashboard-main .comment { min-height:2.3rem; position:relative; padding-left:3rem; padding-top:1.75rem; padding-bottom:2rem; padding-right:1rem; margin:0 0 0 -2rem; border-left:0.2rem solid #005f9e; }
#dashboard-main #last-comment { min-height:1.5rem; }
#dashboard-main .comment-date-bar { position:relative; opacity:1; transform:translate3d(0,0,0); font-size:0.9rem; white-space:nowrap; width:auto; box-sizing:border-box; background:#005f9e; color:#fff; padding:0.4rem 3.25rem 0.4rem 3.05rem; border-left:0.2rem solid #005f9e; margin:0 -2rem; }
#dashboard-main .comment-date-bar > a,
#dashboard-main .comment-date-bar > a:hover { color:#fff; text-decoration:none; }
#dashboard-main .comment-date-bar > a > span { position:absolute; top:0.40rem; right:1rem; }
#dashboard-main .comment p.name { color:#333; font-weight:500; font-size:1.1rem; text-transform:none; letter-spacing:0; }
#dashboard-main .comment p { margin:0 0 1rem; }
#dashboard-main .comment .avatar { display:block; box-shadow:0 3px 3px rgba(0,0,0,0.15); padding:0; width:3.7rem; height:3.7rem; position:absolute; left:-2rem; top:-2.85rem; }

#dashboard-main .bxd-article-single-comment .comment-admin-actions { opacity:0; transform:translate3d(0,2px,0); }
#dashboard-main .bxd-article-single-comment:hover .comment-admin-actions { opacity:1; transform:translate3d(0,0,0); }

#dashboard-main .comment .comment-admin-actions { z-index:99; text-align:right; position:absolute; top:1.9rem; line-height:1rem; font-size:1.25rem; right:-0.5rem; }
#dashboard-main .comment .comment-admin-actions a,
#dashboard-main .comment .comment-admin-actions a:hover { text-decoration:none; cursor:pointer; }
#dashboard-main .comment .comment-admin-actions a { display:inline-block; color:rgba(0,0,0,0.25); transform:translate3d(0,0,0); }
#dashboard-main .comment .comment-admin-actions a:hover { transform:translate3d(0,-1px,0); }
#dashboard-main .comment .comment-admin-actions a.comment-delete:hover { color:#d83232; }
#dashboard-main .comment .comment-admin-actions a.comment-edit:hover { color:#005f9e; }

#dashboard-main .bxd-article-single-comment.bxd-loading .comment { height:472px; }

#dashboard-main .article-editor-wrapper { position:relative; display:block; opacity:0; height:472px; }
#dashboard-main .article-editor-wrapper .fr-box { margin-top:0; }
#dashboard-main .article-editor-wrapper.bxd-active { opacity:1; }

#dashboard-main article.comment > svg.fa-spinner-third { font-size:4rem; margin:-2rem 0 0 -2rem; color:#aaa; position:absolute; top:50%; left:50%; }

#article-comment-form, form.comment-edit-form { opacity:1; margin:0 0 0.5rem; }
#article-comment-form .bxd-loading, form.comment-edit-form .bxd-loading, #project-comment-form .bxd-loading { display:none; font-size:1.5rem; color:#666; position:relative; top:0.3rem; height:2.6rem; }
#article-comment-form.bxd-submitting, form.comment-edit-form.bxd-submitting, #project-comment-form.bxd-submitting { opacity:0.5; }
#article-comment-form.bxd-submitting input[type="submit"], form.comment-edit-form.bxd-submitting input[type="submit"], #project-comment-form.bxd-submitting input[type="submit"]  { background:#aaa; }
#article-comment-form.bxd-submitting .bxd-loading, form.comment-edit-form.bxd-submitting .bxd-loading, #project-comment-form.bxd-submitting .bxd-loading { display:inline; padding-left:1rem; }

#article-new-article-form { margin:0 auto 0.5rem; max-width:100%; }
#article-new-article-form { opacity:1; }
#article-new-article-form .bxd-loading { display:none; font-size:1.5rem; color:#666; position:relative; top:0.3rem; height:2.6rem; }
#article-new-article-form.bxd-submitting { opacity:0.5; }
#article-new-article-form.bxd-submitting input[type="submit"] { background:#aaa; }
#article-new-article-form.bxd-submitting .bxd-loading { display:inline; padding-left:1rem; }
#article-new-article-form select { height:2.5rem; }

#article-edit-article-form { margin:0 auto 0.5rem; max-width:100%; }
#article-edit-article-form { opacity:1; }
#article-edit-article-form .bxd-loading { display:none; font-size:1.5rem; color:#666; position:relative; top:0.3rem; height:2.6rem; }
#article-edit-article-form.bxd-submitting { opacity:0.5; }
#article-edit-article-form.bxd-submitting input[type="submit"] { background:#aaa; }
#article-edit-article-form.bxd-submitting .bxd-loading { display:inline; padding-left:1rem; }
#article-edit-article-form select { height:2.5rem; }

#dashboard-main .bxd-article-single-comment > article > img.avatar { opacity:1; transform:scale(1.2); }
#dashboard-main .bxd-article-single-comment > article > .comment-content,
#dashboard-main .bxd-article-single-comment > article > .comment-actions-container,
#dashboard-main .bxd-article-single-comment > article > p.name { opacity:1; transform:translate3d(0,0,0); }
#dashboard-main .bxd-article-single-comment > article > .comment-content { padding-right:2.25rem; }
#dashboard-main .bxd-article-single-comment > article > .comment-content img { display:block; margin:0 0 1.5rem; }
#dashboard-main .bxd-article-single-comment.bxd-hidden .comment-date-bar { background:transparent; border-left:0.2rem solid #005f9e; }
#dashboard-main .bxd-article-single-comment.bxd-hidden > article > img.avatar { opacity:0; transform:scale(0.95); }
#dashboard-main .bxd-article-single-comment.bxd-hidden > article > .comment-content,
#dashboard-main .bxd-article-single-comment.bxd-hidden > article > .comment-actions-container,
#dashboard-main .bxd-article-single-comment.bxd-hidden > article > p.name { opacity:0; transform:translate3d(0,0.75rem,0); }
#dashboard-main .bxd-article-single-comment { opacity:1; }
#dashboard-main .bxd-article-single-comment.bxd-deleting { opacity:0.75; }

#dashboard-main .article-audience { display:block; margin:1rem 0 0; }
#dashboard-main .article-audience .avatar { width:1.2rem; height:1.2rem; float:left; margin:0 0.35rem 0.35rem 0; display:block; padding:0; }

#dashboard-main .atwho-inserted { font-weight:600; color:#005f9e; }
body .atwho-view .cur { background:#005f9e; }
body .atjs-hidden { display:none; }
body .atwho-view li { font-size:0.9rem; }
body .atwho-view li > img { width:1.05rem; height:1.05rem; display:inline-block; margin:0 0.5rem 0 0; padding:0; float:left; position:relative; top:1px; }

.comment-actions-container { width:auto; position:relative; display:block; }
.comment-actions-container .action-button-wrapper { display:inline-block; float:left; margin-right:-0.15rem; }
.comment-actions-container .action-button-wrapper.action-updating .action-button { transform:scale(1); cursor:default; opacity:0.75; }
.comment-actions-container .action-button { transform:scale(0.8); display:inline-block; float:left; background:#ccc; color:#fff; position:relative; cursor: pointer; width:2rem; height:2rem; border-radius:1rem; text-align:center; line-height:2rem; font-size:1rem; }
.comment-actions-container .has-clicks .action-button { transform:scale(0.8); }
.comment-actions-container .action-counter { display:none; background:#ddd; color:#333; float:left; margin-left:0.5rem; position:relative; top:0.25rem; text-align:center; height:1.5rem; width:auto; border-radius:3px; min-width:1.5rem; line-height:1.5rem; font-size:0.8rem; font-weight:600; }
.comment-actions-container .action-counter:after { border-right:5px solid #ddd; border-top: 5px solid transparent; border-bottom: 5px solid transparent; left:-5px; margin:-5px 0 0 0; content:" "; display:block; width: 0; height:0; position:absolute; top:50%; }
.comment-actions-container .action-button-wrapper.has-clicks .action-counter { display:block; }
.comment-actions-container .avatars { float:left; margin-left:0.25rem; height:2rem; min-width:2rem; }
.comment-actions-container .has-clicks .avatars { margin-right:1rem; }
.comment-actions-container .avatars img { margin:0 0.15rem 0 -0.75rem; -webkit-filter:grayscale(0.5); border-radius:50%; width:1.5rem; height:1.5rem; position:relative; top:0.25rem; float:left; }
.comment-actions-container .avatars img:first-child { margin:0 0.15rem 0 0.25rem; }
.comment-actions-container .action-button-wrapper .avatars { opacity:0.5; }
.comment-actions-container .action-button-wrapper:hover .avatars { opacity:1; }
.comment-actions-container .action-button-wrapper:hover img { margin:0 0.15rem 0 0; -webkit-filter:grayscale(0); }
.comment-actions-container .action-button-wrapper:hover img:first-child { margin:0 0.15rem 0 0.25rem; }
.comment-actions-container .action-button:hover, .comment-actions-container .action-button-wrapper.action-updating .action-button { transform:scale(1); }
.comment-actions-container .action-button.checked { transform:scale(1); }
.comment-actions-container .has-clicks .action-button:hover { transform:scale(1); }
.comment-actions-container .action-button.checked:hover { transform:scale(1); opacity:0.75; }
.comment-actions-container .action-button-wrapper .action-button .fa-thumbs-up { position:relative; top:-0.05rem; }
.comment-actions-container .action-button-wrapper .action-button .fa-heart { position:relative; top:0.05rem; }

#dashboard-main #new-comment.comment { padding-bottom:0; padding-top:0.85rem; border:none; }
#dashboard-main #new-comment.comment .avatar { left:-1.8rem; top:0; }
#dashboard-main #new-comment.comment p.date { margin:0 0 1.5rem; }
.fr-popup .fr-command.fr-btn { text-align:center !important; }
#dashboard-main .fr-box { margin-top:0.4rem; margin-bottom:1.25rem; }
#dashboard-main .fr-wrapper .fr-placeholder { margin-top:0 !important; }
#dashboard-main .fr-separator { background:#d5d5d5; width:1px !important; }
#dashboard-main .fr-toolbar .fr-command.fr-btn,
#dashboard-main .fr-popup .fr-command.fr-btn,
#dashboard-main .fr-separator.fr-vs { margin:0; font-size:14px; }
#dashboard-main .fr-toolbar .fr-command.fr-btn,
#dashboard-main .fr-popup .fr-command.fr-btn { width:2.6rem; }
#dashboard-main .fr-separator.fr-vs { height:38px; width:2px; }
#dashboard-main .fr-toolbar { padding:0; }
#dashboard-main .fr-box.fr-basic .fr-element { padding:1.5rem; }
#dashboard-main .fr-toolbar { box-shadow:none; border:1px solid #d5d5d5; background:#f5f5f5; }
#dashboard-main .fr-box.fr-basic.fr-top .fr-wrapper { box-shadow:none; border:1px solid #d5d5d5; border-top:none; }
#dashboard-main .fr-toolbar .fr-command.fr-btn,
#dashboard-main .fr-popup .fr-command.fr-btn { text-align:center; }
#dashboard-main .fr-popup .fr-color-set > span .svg-inline--fa { margin:0 auto; height:2em; display:block; }

#dashboard-main .article-editor-wrapper,
#dashboard-main .bxd-article-single-comment .comment-date-bar,
#dashboard-main .bxd-article-single-comment > article,
#dashboard-main .bxd-article-single-comment > article > .comment-content,
#dashboard-main .bxd-article-single-comment > article > .comment-actions-container,
#dashboard-main .bxd-article-single-comment > article > p.name {
    -webkit-transition: all 400ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
       -moz-transition: all 400ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
         -o-transition: all 400ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
            transition: all 400ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
}

.comment-actions-container .action-button {
    -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
    -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
    -o-transition: all 100ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
    transition: all 100ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
}

.comment-actions-container .avatars,
#dashboard-main a,
#dashboard-main .bxd-article-single-comment.bxd-deleting,
#dashboard-main .article-category-block,
#dashboard-main .article-category-block .bxd-category-meta,
#dashboard-main .single-article,
#dashboard-main .single-article .bxd-article-meta,
#dashboard-main .single-article .bxd-article-replies,
#dashboard-main .article-category-block .article-category-icon,
#dashboard-main .bxd-article-single-comment .comment-admin-actions {
    -webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
    -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
    transition: all 200ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
}

.comment-actions-container img,
#dashboard-main .bxd-article-single-comment > article > img.avatar {
    -webkit-transition: all 300ms cubic-bezier(0.090, 1, 0.230, 1);
    -webkit-transition: all 300ms cubic-bezier(0.090, 1.505, 0.230, 1.650);
       -moz-transition: all 300ms cubic-bezier(0.090, 1.505, 0.230, 1.650);
         -o-transition: all 300ms cubic-bezier(0.090, 1.505, 0.230, 1.650);
            transition: all 300ms cubic-bezier(0.090, 1.505, 0.230, 1.650);
}

.search-form {
    float: left;
    margin-right: 10px;
}

.search-form form {
    float: left;
}

.search-form form #search-field {
    border: 2px solid #e5e5e5;
    color: #333;
    background: #fff;
    padding: 5px 10px;
    margin: 0 10px 1rem 0;
    float: left;
    border-radius: 3px;
    box-sizing: border-box;
    width: 300px;
}

.search-form form #search-submit {
    float: left;
    padding: 7px 20px;
}

#dashboard-main ul#articles-filter {
    padding: 0;
    list-style: none;
    display: table;
    content: " ";
    margin: 40px auto;
    text-align: center;
}

#articles-filter li, #projects-sorting li {
    border-right: 1px solid #015f9e;
    display: inline-block;
    background-color: #0974bb;
    border-radius: 0;
    color: #fff;
    padding: 0.75rem 1.5rem;
    transition: background-color 0.25s;
    border-bottom: 1px solid #015f9e;
    cursor: pointer !important;
    font-weight: 600;
    letter-spacing: 0.03rem;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

#articles-filter li.filtr-active, #articles-sorting li.filtr-active {
    background-color: #015f9e;
    box-shadow: inset 0 0 5px rgba(26,29,25,0.35);
}

#dashboard-main .single-article {
    width: 100%;
}
#dashboard-main .single-article > h3 a {
    display: inline-block;
}

/* .single-article-fav{
    float: right;
} */