﻿
.leftSidebarMenu svg path {
    fill: var(--Colors-Secondary-stronger);
}

.newThread {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    padding: 10px 20px;
    border-radius: 10px;
    align-items: center;
    border: 1px solid #e0e0e0de;
    margin: auto;
    cursor: pointer;
    background: var(--clear-white);
    color: var(--text-color);
    font-size: .9rem;
}

.newThread:hover {
    border-color: var(--gray-opacity-back);
    box-shadow: 0px 4px 3px var(--gray-opacity-back);
    opacity: .7;
}

.newThread .key {
    border-radius: 5px;
    padding: 2px 4px;
    font-size: .8rem;
    color: var(--dark-bg);
    background: var(--gray-opacity-back);
}

.menuBtnGroup span {
    font-size: 1.1rem;
    text-align: initial;
}

.menuBtnGroup .active button {
    background: var(--Colors-Secondary-ease-stronger);
}

.menuBtnGroup .active span {
    color: var(--dark-bg);
}

.menuBtnGroup .active path {
    fill: var(--Colors-Secondary-strong-default);
}

.menuBtnGroup .active .fa {
    color: var(--Colors-Secondary-strong-ease);
}

.vert_flex {
    display: flex;
    flex-direction: column;
    height: 97vh;
    border-radius: 1.125rem;
    background: var(--Colors-Secondary-ease-easer);
    margin: 10px 0;
}

.footer .footBlock {
    color: var(--text-color);
    margin: auto;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .footBlock .button {
    background: none;
}

.footer .footBlock div {
    padding: 5px 0;
}

.footer .footBlock span {
    font-size: .8rem;
    display: flex;
    text-align: center;
    align-items: center;
    gap: 5px;
    justify-content: center;
    flex-wrap: wrap;
    max-width: inherit;
}

.footer .fa, .footer .fas {
    font-size: .9rem;
}
