.my-icon-project-close {
    display: inline-block;
    position: relative;
    width: 1rem;
    height: 1rem;
    margin-right: 0.8rem;
    background-size: cover;
    fill: currentColor;
    stroke: currentColor;
    background: url("/icons/caret-right-square-fill.svg") no-repeat center;
}

.my-icon-project-open {
    display: inline-block;
    position: relative;
    width: 1rem;
    height: 1rem;
    margin-right: 0.8rem;
    background-size: cover;
    fill: currentColor;
    stroke: currentColor;
    background: url("/icons/caret-down-square-fill.svg") no-repeat center;
}

.my-icon-ifc {
    display: inline-block;
    position: relative;
    width: 0.6rem;
    height: 0.6rem;
    margin-right: 0.8rem;
    margin-left: 0.6rem;
    background-size: cover;
    fill: currentColor;
    stroke: currentColor;
    background: url("/icons/ifc.svg") no-repeat center;
}

.my-icon-date-close {
    display: inline-block;
    position: relative;
    width: 1rem;
    height: 1rem;
    margin-right: 0.8rem;
    background-size: cover;
    fill: currentColor;
    stroke: currentColor;
    background: url("/icons/caret-right-fill.svg") no-repeat center;
}
.my-icon-date-open {
    display: inline-block;
    position: relative;
    width: 1rem;
    height: 1rem;
    margin-right: 0.8rem;
    background-size: cover;
    fill: currentColor;
    stroke: currentColor;
    background: url("/icons/caret-down-fill.svg") no-repeat center;
}