#dwnPnl {
    --mainColor: #525252;
    --mainColor2: #BDBDBD;
    --mainColor3: #5f5f5f;
    --txtColor: #fff;
    --txtColor2: #000;
    --txtColor3: #C3C3C3;
    --btnAccent: #60BD82;
    --pad1: 6px;
    --pad2: 8px;
    --brdrRad: 5px;
    --brdrRad2: 3px;
    --selClr: #ffffff3b;
    --shadow: 4px 4px 4px 0px rgba(6, 11, 15, 0.4);
    width: 100vw;
    height: 50px;
    background-color: var(--mainColor);
    overflow-x: hidden;
    overflow-y: hidden;
}

.sheetsPan i{
    font-style: normal;
    color: var(--txtColor);
    cursor: pointer;
    background-color: var(--mainColor3);

}
.sheetsPan{
    display: flex;
    flex-direction: row;
}
.sheetsPan>.navPan{
    display: flex;
    font-display: row;
}
.sheetsPan>.navPan>*{
    padding-left: 12px;
    padding-right: 12px;
    background-color: var(--mainColor3);
    color: var(--mainColor2);
    cursor: pointer;
    border-bottom: 2px solid var(--mainColor3);
}

.sheetsPan>.navPan>:hover{
    font-weight: bold;
    color: var(--txtColor);
}
.sheetsPan>.navPan>.select{
    background-color: var(--txtColor);
    color: var(--btnAccent);
    font-weight: bold;
    border-bottom-color: var(--btnAccent);
}
.sheetsPan .lft,
.sheetsPan .rt{
    padding-left: 5px;
    padding-right: 5px;
}
.addLst{
    font-size: large;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    justify-content:center;
    border: 1px solid var(--txtColor);
    background-color: var(--mainColor3);
    border-radius: 50%;
    margin-left: 15px;
}
.infoPanel{
    color: var(--mainColor2);
    display: grid;
    grid-template-columns: auto 1fr auto;
}