.card-counter {
    box-shadow: 2px 2px 10px #DADADA;
    margin: 5px;
    padding: 20px 10px;
    background-color: #fff;
    height: 100px;
    border-radius: 5px;
    transition: .3s linear all;
}



.card-counter.primary {
    background-color: #007bff;
    color: #FFF;
}
.card-counter.primary:hover {
    box-shadow: 4px 4px 20px #DADADA;
    transition: .3s linear all;
    background-color: #053a73;

}

.card-counter.danger {
    background-color: #ef5350;
    color: #FFF;
}

.card-counter.danger:hover {
    box-shadow: 4px 4px 20px #DADADA;
    transition: .3s linear all;
    background-color: #ef0804;

}

.card-counter.success {
    background-color: #66bb6a;
    color: #FFF;
}

.card-counter.success:hover {
    box-shadow: 4px 4px 20px #DADADA;
    transition: .3s linear all;
    background-color: #06790b;
}

.card-counter.info {
    background-color: #26c6da;
    color: #FFF;
}

.card-counter.info:hover {
    box-shadow: 4px 4px 20px #DADADA;
    transition: .3s linear all;
    background-color: #0196a9;
}

.card-counter.warning {
    background-color:rgb(255, 159, 64);
    color: #FFF;
}
.card-counter.warning:hover {
    box-shadow: 4px 4px 20px #DADADA;
    transition: .3s linear all;
    background-color: rgb(210,107, 6);
}

.card-counter.purple {
    background-color:rgb(153, 102, 255);
    color: #FFF;
}

.card-counter.purple:hover {
    box-shadow: 4px 4px 20px #DADADA;
    transition: .3s linear all;
    background-color:rgb(70, 20, 171);
}

.card-counter i {
    font-size: 5em;
    opacity: 0.2;
}

.card-counter .count-numbers {
    position: absolute;
    right: 35px;
    top: 38px;
    font-size: 32px;
    display: block;
}

.card-counter .count-name {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 7px;
    /* font-style: italic; */
    text-transform: capitalize;
    /* opacity: 0.5; */
    display: block;
    font-size: 18px;
    text-align: center;
}

.dt_pg {
    text-align: center;
}

.main_body {
    font-family: "Kalimati Regular";
}
.app-header {
    height: 70px !important;
}

/* Background Default */
.bg-default {
    background-color: #1b2a4e !important;
    color: white !important;
}