@charset "utf-8";
@import url("memo-variables.css");

.icon-search {
    display: inline-block;
    color: var(--memo-accent-color);
    font-size: 1.25rem;
    line-height: 1;
    vertical-align: middle;
}

:where([class^="icon-calendar"], [class*=" icon-calendar"]) {
    color: var(--memo-accent-color);
}

.icon-eye:before{
    content: url(images/icons/icon-eye.svg);
    width: 1rem;
    display: inline-block;
    margin-right: 0.2rem;
    vertical-align: middle;
}

.icon-invoice:before{
    content: url(images/icons/icon-invoice.svg);
    width: 1rem;
    display: inline-block;
    margin-right: 0.2rem;
    vertical-align: middle;
}

.icon-sale-sign:before{
    content: url(images/icons/icon-sale-sign.svg);
    width: 1rem;
    display: inline-block;
    margin-right: 0.2rem;
    vertical-align: middle;
}

.icon-create:before{
    content: url(images/icons/icon-create.svg);
    width: 1rem;
    display: inline-block;
    margin-right: 0.2rem;
    vertical-align: middle;
}

.pic-actions{
    margin-top: 5px;
}

.pic-actions .fa{
    color: var(--memo-accent-color);
    font-size: 1.5rem;
}