#loadingPage { z-index: 999999; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); position: fixed; background:#2424240a url('../img/loading.gif') no-repeat center; }
#loadingData { z-index: 999999; width: 100%; height: 60px; top: 25%; left: 50%; transform: translate(-50%, -50%); position: absolute; background: url('../img/loader.gif') no-repeat center; }
.eg-card-two {
    background: #10B981;
    color: #fff;
    padding: 15px;
    position: relative;
    border-radius: 5px;
    min-width: 0;
    width: 100%;
    -webkit-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    cursor: pointer;
}
.eg-card-two.primary {
    background: #6C2EB9;
}

.eg-card-two.orange {
    background: #F59E0B;
}

.eg-card-two.red-teal {
    background: #DD344A;
}

.add--btn {
    background: #6C2EB9;
    color: #fff;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    padding: 2px 5px;
    min-width: 28px;
    z-index: 1;
    position: relative;
}