.bi-folder-settings
{
    cursor: pointer;
    margin-left: 0.5em;
    font-size: 1.35em;
}

.folder-link-modal
{
    display: block;
    padding-bottom: .5rem !important;
}





.darken-image {
    filter: brightness(85%) grayscale(30%) opacity(40%);
}

.numpad-p
{
    cursor: pointer;
    font-size: 3em;
    padding: 10px;
}

.numpad-p:hover
{
    color: var(--accent-color) !important;
}

.numpad-p.numpad-actions
{
    color:gray;
}



table.pincodeTable td{
    text-align: center !important;
    border-bottom: none;
    padding: 0;
}

.numpad
{
    cursor: pointer;
    font-size: 3em;
}

.numpad:hover
{
    color: var(--accent-color) !important;
}

@media (max-width: 600px) {
    .numpad
    {
        cursor: pointer;
        font-size: 3em;
    }
}

.numpad.numpad-actions
{
    color:gray;
}

.pincodeSpan
{
    color: var(--accent-color);
    font-size: 1.5em;
}



.grayLineDelimeter
{
    border-bottom:1px solid #ccc;
}

.nav-link
{
    color:black;
}

.nav-link.active {
    color: var(--accent-color) !important;
}

.toast-bg-transparent {
    background-color: rgba(255, 255, 255, 0.93) !important;
}


/*Отступ у последней заметки, чтобы поместилось контекстное меню действий*/
.lastNote
{
    margin-bottom: 200px;
}

.user_password
{
    /*background-color: #0dcaf0;*/
    width: 300px;
}

@media (max-width: 300px) {
    .user_password {
        width: 100%;
    }
}


.hChainNoteColor
{
    color: #d0d0d0;
}

.bidop_chain
{
    color: #0b5ed7;
    cursor: pointer;
}


.bidop
{
    color: #0b5ed7;
    margin-right: 10px;
    cursor: pointer;
}

.bi-right
{
    margin-right: 5px;
    color: var(--accent-color);
    cursor: pointer;
}

.span-right
{
    text-transform: uppercase;
    font-weight: 400;
    cursor: pointer;
    color: #a1a1a1;
}

.public-off
{
    font-weight: 400;
    color: #a1a1a1;
}


.bi-green
{
    color: #35d035;
}


.bidop-notes
{
    color: gray;
    /*margin-right: 10px;*/
    /*padding-top: 10px;*/
    cursor: default;
    font-size: 12pt;
}

.bidop-notes span
{
    font-size: 9pt;
    vertical-align: top;
}

pre {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}


@media (max-width: 810px) {
    .navmenu ul li a {
        font-size: 13px;
    }
}

@media (max-width: 400px) {
    .header .btn-small-nav {
        font-size: 24px;
        /*display: block;*/
        margin: 0 20px 0 0;
    }
    .header .logo .sitename
    {
        font-size: 22px;
    }

}