a[data-icon="home"]::before {
    content: "\f015";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff; /* #3498db */
    display: block;
    margin-top: 7px;
}

a[data-icon="arrow-l"]::before {
    content: "\f0a8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
}

a[data-icon="arrow-r"]::before {
    content: "\f0a9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
}

a[data-icon="delete"]::before {
    content: "\f057";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
}

a[data-icon="bars"]::before {
    content: "\f0c9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
}

a[data-icon="grid"]::before {
    content: "\f00a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
}

a[data-icon="check"]::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #3498db;
    display: block;
}

a[data-icon="edit"]::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
}

a[data-icon="save"]::before {
    content: "\f0c7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
}

a[data-icon="pdf"]::before {
    content: "\f1c1";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
    margin: 0px 5px 0px 5px;
}

a[data-icon="plus"]::before {
    content: "\f055";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
}

a[data-icon="minus"]::before {
    content: "\f056";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
}

a[data-icon="refresh"]::before {
    content: "\f021";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
}

a[data-icon="excel"]::before {
    content: "\f1c3";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
    margin: 0px 5px 0px 5px;
}

a[data-icon="paperplane"]::before {
    content: "\f1d8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
    margin: 0px 5px 0px 5px;
}

a[data-icon="search"]::before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
    margin: 0px 5px 0px 5px;
}

a[data-icon="user"]::before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
    margin: 0px 5px 0px 5px;
}

a[data-icon="marker"]::before {
    content: "\f5a1";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
    margin: 0px 5px 0px 5px;
}


li[data-icon="plus"]::before {
    content: "\f055";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #79b7e7;
    display: block;
    margin: 0px 10px 0px 0px;
}

li[data-icon="minus"]::before {
    content: "\f056";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #79b7e7;
    display: block;
    margin: 0px 10px 0px 0px;
}

li[data-icon="arrow-r"]::before {
    content: "\f0a9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #79b7e7;
    display: block;
    margin: 0px 10px 0px 0px;
}

li[data-icon="arrow-l"]::before {
    content: "\f0a8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #79b7e7;
    display: block;
    margin: 0px 10px 0px 0px;
}

li[data-icon="edit"]::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #79b7e7;
    display: block;
    margin: 0px 10px 0px 0px;
}