:root {
    --primary-color: #0140be;
    --primary-color-hover: #0038a8;
    --secondary-color: #2cb0a4;
    --secondary-color-hover: #29a397;
    --sidebar-color: #191919;
    --light-primary: #aae1ff;
    --light-primary-alpha: #aae1ff44;
    --disabled-color: #9aa0a5;
    --disabled-hover: #919191;
    --danger-color: #f44336;
    --danger-hover: #f33527;
    --warning-color: #ff9800;
    --warning-hover: #f08f00;
    --chart-1: #0140be;
    --chart-2: #aae1ff;
    --chart-3: #9ba0a5;
    --chart-4: #279c90;
    --chart-5: #f0a421;
    --qp-color: #2cb0a4;
    --qp-hover: #29a397;
    --qp-text: #ffffff;
    --view-bg: #aae1ff;
    --view-text: #333;
    --view-hover: #aae1ff;
    --edit-bg: #2cb0a4;
    --edit-text: #ffffff;
    --edit-hover: #29a397;
    --copy-bg: #ff9800;
    --copy-text: #ccc;
    --copy-hover: #f08f00;
    --delete-bg: #f44336;
    --delete-text: #ffffff;
    --delete-hover: #f33527;
    --dropdown-bg: #2cb0a4;
    --dropdown-hover: #2cb0a4;
    --dropdown-text: #fff;
    --dropdown-hover-text: #fff;
    --dropdown-outline: #2cb0a4;
    --dropdown-outline-text: #2cb0a4;
    --dropdown-item-bg: #8ebcd4;
    --dropdown-item-hover: #8ebcd4;
    --dropdown-item-text: #fff;
}

@media screen and (max-width: 500px){
    .btnRow{
        flex-wrap:wrap;
    }
    .btnRow .halfWidth {
        width: 100% !important;
    }
    .btnRow .halfWidth:first-child{
        margin-right: 0 !important;
    }
    .quickPayments{
        height: auto !important;
    }
    .quickPayments .card-body {
        position: relative !important;
        top: -10px !important;
    }
}