:root {
    --primary-color: #4ecea3;
    --primary-light-color: #cff2e6;
    --secondary-color: #a8abbc;
    --tertiary-color: #4454a7;
    --light-tertiary-color: #6077eb;
    --lighttertiary-hover-color: #5c71dd;
    --primary-hover-color: #49bd96;
    --secondary-hover-color: #999caa;
    --tertiary-hover-color: #39478f;
    --dark-color: #5e5e5e;
    --light-color: #fff;
    --light-hover-color: #fcfcfc;
    --light-gray-color: #d8d8d8;
    --light-gray-hover-color: #b6b6b6;
    --light-bs-gray: rgba(0,0,0,.13);
    --sidebar-gradient1: #2f3c7f;
    --sidebar-gradient10: #4759b6;
    --sidebar-gradient11: #2a3b94;
    --sidebar-gradient2: #0b102b;
    --danger-color: #fc5959;
    --danger-light-color: #fbbcbc;
    --danger-hover-color: #e84e4e;
    --warning-color: #ffb949;
    --warning-light-color: #f8e4c4;
    --warning-hover-color: #fea61a;
}