:root {
    --purple:#000;
    --pink1:#B11271;
    --pink2:#EE2A7B;
}
body[data-layout-mode=dark] {
    --purple:#B11271 !important;
}
body[data-layout-mode=dark] .dash-header {
    color: #ced4da;
}

.auth-bg {
    background-image: url("https://zeligowski.com/wp-content/uploads/2018/04/14-b-1.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-primary {
    background-color: #c3c3c1 !important;
}

.btn-primary {
    color: #fff;
    background-color:var(--purple);
    border-color: var(--purple);
}
.text-primary {
    color:  var(--purple) !important;
}


@media screen and (max-width:500px) {
   
   

    .count {
        text-align: left;
        padding-left:10px;
    }


    .footer {
        text-align: center;
        direction: ltr;
    }

    .dash-header {
        margin-right: 30px;
    }

    .dash-icon {
        align-items: flex-end;
    }

    .dash-icon i {
        font-size: 24px;
        position: absolute;
        right: 0;
        top: -68px;
        color:#000;
    }

    body[data-layout-mode=dark] .dash-icon i, body[data-layout-mode=dark] .fas{
        color:#B11271 !important;
    }

    .dash-icon i,.fas {
        color: #000;
    }

    .col-4.dash-icon i{
        top:-37px !important;
    }
}

@media screen and (min-width:501px) {
    .dash-icon i {
        font-size: 40px;
    }
    .dash-icon {
        text-align: center;
    }    

.dash-icon i,.fas {
    color: var(--purple);
}
}

.dash-header {
    color: black;
    font-size: 19px;
    font-weight: 400;
}