body {
    font-family: Arial;
    font-size: 14px;
    color: #000000;
}
h2 {
    font-family: Georgia;
    font-size: 24px;
    color: #000000;
    text-decoration: underline;
}
.moveeye {
    position: absolute;
    z-index: 10;
    margin-left: 360px;
    margin-top: 8px;
}
.upper {
    text-transform: uppercase;
}
.h100 {
    height: 100%;
    position: relative;
}
:root {
    --hover-color: #000000;
    --print-color: #400ceb;
    --addnew-color: #398511;
    --trash-color: #eb0c0c;
    --edit-color: #05f59a;
    --save-color: #2a48b5;
    --cancel-color: #cf3313;
    --pdf-color: #e71b11;
    --excel-color: #1a4207;
    --eye-color: #88d9f2;
    --undo-color: #0b737a;
    --building-color: #b3955f;
    --report-color: #de5b1b;
    --alt-color: "#1a3052";
    --alt2-color: #fdd54f;
}

.fa-people {
    color: var(--alt-color) !important;
    font-size: 20px !important;
}
    .fa-people:hover {
        cursor: pointer;
        color: var(--alt2-color) !important;
        text-decoration: none !important;
    }

.fa-truck {
    color: var(--alt-color) !important;
    font-size: 20px !important;
}
    .fa-truck:hover {
        cursor: pointer;
        color: var(--alt2-color) !important;
        text-decoration: none !important;
    }

.fa-left-from-line {
    color: var(--alt-color) !important;
    font-size: 20px !important;
}
    .fa-left-from-line:hover {
        cursor: pointer;
        color: var(--alt2-color) !important;
        text-decoration: none !important;
    }

.fa-basket-shopping {
    color: var(--alt-color) !important;
    font-size: 20px !important;
}
    .fa-basket-shopping:hover {
        cursor: pointer;
        color: var(--alt2-color) !important;
        text-decoration: none !important;
    }

.fa-pen-to-square {
    color: var(--report-color) !important;
    font-size: 20px !important;
}

    .fa-pen-to-square:hover {
        cursor: pointer;
        color: var(--hover-color) !important;
        text-decoration: none !important;
    }

.fa-building {
    color: var(--building-color) !important;
    font-size: 20px !important;
}

    .fa-building:hover {
        cursor: pointer;
        color: var(--hover-color) !important;
        text-decoration: none !important;
    }

.fa-trash-undo {
    color: var(--undo-color) !important;
    font-size: 20px !important;
}

    .fa-trash-undo:hover {
        cursor: pointer;
        color: var(--hover-color) !important;
        text-decoration: none !important;
    }

.fa-eye {
    color: var(--excel-color) !important;
    font-size: 20px !important;
}

    .fa-eye:hover {
        cursor: pointer;
        color: var(--hover-color) !important;
        text-decoration: none !important;
    }

.fa-file-excel {
    color: var(--excel-color) !important;
    font-size: 20px !important;
}

    .fa-file-excel:hover {
        cursor: pointer;
        color: var(--hover-color) !important;
        text-decoration: none !important;
    }

.fa-file-pdf {
    color: var(--pdf-color) !important;
    font-size: 20px !important;
}

    .fa-file-pdf:hover {
        cursor: pointer;
        color: var(--hover-color) !important;
        text-decoration: none !important;
    }

.fa-print {
    color: var(--print-color) !important;
    font-size: 20px !important;
}

    .fa-print:hover {
        cursor: pointer;
        color: var(--hover-color) !important;
        text-decoration: none !important;
    }

.fa-circle-plus {
    color: var(--addnew-color) !important;
    font-size: 20px !important;
}

    .fa-circle-plus:hover {
        cursor: pointer;
        color: var(--hover-color) !important;
        text-decoration: none !important;
    }

.fa-circle-trash {
    color: var(--trash-color) !important;
    font-size: 20px !important;
}

    .fa-circle-trash:hover {
        cursor: pointer;
        color: var(--hover-color) !important;
        text-decoration: none !important;
    }

.fa-pen-circle {
    color: var(--edit-color) !important;
    font-size: 20px !important;
}

    .fa-pen-circle:hover {
        cursor: pointer;
        color: var(--hover-color) !important;
        text-decoration: none !important;
    }

.fa-floppy-disk {
    color: var(--save-color) !important;
    font-size: 20px !important;
}

    .fa-floppy-disk:hover {
        cursor: pointer;
        color: var(--hover-color) !important;
        text-decoration: none !important;
    }

.fa-circle-xmark {
    color: var(--cancel-color) !important;
    font-size: 20px !important;
}

    .fa-circle-xmark:hover {
        cursor: pointer;
        color: var(--hover-color) !important;
        text-decoration: none !important;
    }

.lgfont {
    font-size: 20pt !important;
}