/*----- Sidebar -----*/

.sidebar-forum li a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.sidebar-forum > .active a {
    color: #ffffff;
}

.sidebar-forum > li > ul > .active a {
    color: #ffffff;
}

.sidebar-forum .active {
    border-radius: 5px;
}

.sidebar-forum > li > ul > .active {
    background-color: var(--bs-primary);
}

.sidebar-forum > li > ul > li > ul > .active {
    background-color: var(--bs-primary);
}

.sidebar-forum > li > ul > li > ul > .active a {
    color: #ffffff;
}

.sidebar-forum > li > ul > li > ul > li {
    display: block;
}

.sidebar-forum a::before {
    font-family: Unicons;
    margin-right: .25rem !important;
}

.sidebar-forum > li > a::before {
    margin-right: .25rem !important;
}

.sidebar-forum > li > ul > li > ul > li a::before {
    content: "\eb34";
}

.sidebar-forum > li > ul > li > ul > li.active a::before,
.sidebar-forum > li > ul > li > a::before {
    content: "\eb2e";
}

.nav {
    display: block;
}

/*----- Create topic -----*/

.btn-danger {
    width: auto;
    border-radius: 50rem;
}

.btn-toolbar {
    margin-bottom: 15px;
}

.btn-danger, .btn-danger:hover, .btn-danger:active,
.btn-danger:focus, .btn-danger:visited {
    background-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    border: none;
}

a.btn-danger::before {
    font-family: Unicons;
    margin-right: .25rem !important;
    content: "\eaa7";
}

.form-horizontal label {
    display: block;
}

#Post_Topic_board, #Post_Topic_title {
    margin-bottom: 10px;
}

#Post_Topic_board, #Post_Topic_title {
    border: 1px solid rgba(8,60,130,.07);
    border-radius: .4rem;
    padding: .6rem 1rem;
    box-shadow: 0 0 1.25rem rgba(30,34,40,.04);
    background-color: var(--bs-body-bg);
    color: #959ca9;
    width: 100%;
}

 #Post_Topic_title:focus,
 #Post_Topic_board:focus,
 #editor:focus {
    border: 1px solid var(--bs-primary);
    outline-offset: 0px;
    outline: none;
}

 #editor:focus {
    margin-top: -1px;
}

.field-errors ul {
    background-color: #fff8ee;
    border-radius: 0.4rem;
    color: #af803e;
    margin-bottom: 1rem;
    padding: 1rem;
}

 .field-errors li {
    list-style-type: none;
}

.field-errors li::before {
    font-family: Unicons;
    content: "\ead2";
    margin-right: .25rem !important;
}

/*----- Page body right -----*/

.label-info {
    background-color: var(--bs-primary);
}

.label {
    color: #fff;
    padding: .2em .6em .3em;
    border-radius: .25em;
    font-size: .7rem;
}

.table-striped i.glyphicon-comment::before {
    font-family: Unicons;
    margin-right: .25rem !important;
    content: "\ea3a";
    font-style: normal;
}

td.center, th.center {
    text-align: center;
}

td.center abbr.timestamper::before {
    font-family: Unicons;
    margin-right: .25rem !important;
    content: "\eac8";
}

.page-body-right section.clearfix div.col-md-12 {
    --bs-card-border-width: 1px;
    --bs-card-border-color: rgba(164, 174, 198, 0.2);
    --bs-card-border-radius: 0.4rem;
    --bs-card-inner-border-radius: 0.4rem;
    --bs-card-bg: var(--bs-white);
    background-color: var(--bs-card-bg);
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    margin-bottom: 20px;
}

.page-body-right section.clearfix div.col-md-12 article {
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}

.panel-primary > .panel-heading, .panel-default > .panel-heading {
    border-bottom: 1px solid #DDDDDD !important;
    background-color: #F5F5F5 !important;
    padding: 10px 15px;
}

.page-body-right .label-default {
    color: #1b1e23;
    background-color: #eaebec;
}

.page-body-right .text-right {
    text-align: right;
}

.page-body-right .btn-toolbar .btn-group {
    margin-top: -10px;
}

.page-body-right header.clearfix span.lead,
.page-body-right .form-horizontal span.lead {
    font-weight: 700;
    font-size: .95rem;
    color: #343f52;
}

.btn-toolbar .btn-group a.dropdown-toggle {
    margin-top: -10px;
}

.text-right span.label-default {
    font-size: 0.7rem;
}

.page-body-right .btn-toolbar div:first-child {
    padding-left: 0px;
}

/*----- Post -----*/

i.glyphicon-comment::before {
    font-family: Unicons;
    margin-right: .25rem !important;
    content: "\eaaf";
    font-style: normal;
    font-weight: 400;
}

.page-body-right div.btn-group a {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-bg: var(--bs-pale-primary);
    --bs-btn-border-color: var(--bs-pale-primary);
    --bs-btn-hover-bg: var(--bs-pale-primary);
    --bs-btn-hover-border-color: var(--bs-pale-primary);
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-pale-primary);
    --bs-btn-active-border-color: var(--bs-pale-primary);
    border-radius: 50rem;
    margin-left: 5px;
}

article .btn-group a, article .btn-group a:hover {
    background-color: transparent;
    border: none;
}

.table-striped .label-danger {
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    background-color: var(--bs-alert-bg);
    color: var(--bs-danger-text-emphasis);
    padding: 0.3rem;
}

.pull-right div {
    float: right;
}

.panel-body section {
    margin-top: .5rem;
}

fieldset #editor {
    width: 100%;
    margin-bottom:10px;
}

#editor {
    font-family: inherit;
    color: #959ca9;
}

.ql-toolbar {
    background-color: #F5F5F5;
}

/*----- Reply -----*/

.btn-toolbar a.disabled {
    padding: 0.5rem 1.2rem;
    font-size: .85rem;
}

.topic-closed-deleted a {
    text-decoration: underline;
}

.form-group {
    margin-top: 2rem;
}

.forum-topic-transcript {
    display: none;
}


/*----- Dropdown -----*/

.dropdown-menu li a i {
    margin-right: .25rem;
}


/*----- Media queries -----*/

@media (max-width: 428px) {
    th.center {display: none;}
    td.center {display: none;}
}

@media (min-width: 429px) and (max-width: 915px) {
    .table-striped tr th:last-child {display: none;}
    .table-striped tr td:last-child {display: none;}
}

@media (max-width: 428px) {
    .page-sidebar-left {margin-bottom: 6px;;}
}

@media (max-width: 428px) {
    .page-body-right section.clearfix {margin: 10px;}
    .page-body-right section.btn-toolbar {margin: 0px}
    .page-body-right header.clearfix div {margin-left: 10px;}
}

@media (min-width: 800px) and (max-width: 1079px)  {
    .page-body-right .btn-toolbar .btn-group {margin-top: 5px;}
}

@media (max-width: 428px) {
    .page-body-right header {margin: auto;}
}