/*====================================
DASHBOARD CSS
====================================*/
.counter-box{
    height: 100px;
}

.counter-box i{
    padding: 20px;
    background: #1a75ff;
    color: #fff;
    font-size: 45px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.counter-box p{
    margin-right: 5px;
    margin-top: 15px;
    font-weight: 400;
    color: #8c8c8c;
    font-size: 14px;
}

.counter-box h2{
    font-weight: 400;
    color: #1a75ff;
    margin-top: -15px;
    margin-right: 5px;
}

/*CUSTOMER BOX*/
.customer-box{
    border-right: 5px solid #1a75ff;
}

/*SALES BOX*/
.sales-box{
    border-right: 5px solid #009900;
}

.sales-box i{
    background: #009900;
}

.sales-box h2{
    color: #009900;
}

/*RENT BOX*/
.rent-box{
    border-right: 5px solid #ff0000;
}

.rent-box i{
    background: #ff0000;
}

.rent-box h2{
    color: #ff0000;
}

/*BRANCH B0X*/
.branch-box{
    border-right: 5px solid #ff9900;
}

.branch-box i{
    background: #ff9900;
}

.branch-box h2{
    color: #ff9900;
}

/*Outstanding BOX*/
.outstanding-box{
    border-right: 5px solid #93090e;
}

.outstanding-box i{
    background: #93090e;
}

.outstanding-box h2{
    color: #93090e;
}

/*Profit BOX*/
.profit-box{
    border-right: 5px solid #12dfde;
}

.profit-box i{
    background: #12dfde;
}

.profit-box h2{
    color: #12dfde;
}

/*PettyCash BOX*/
.pettycash-box{
    border-right: 5px solid #1ad323;
}

.pettycash-box i{
    background: #1ad323;
}

.pettycash-box h2{
    color: #1ad323;
}

/*CashBook BOX*/
.cashbook-box{
    border-right: 5px solid #ff5526;
}

.cashbook-box i{
    background: #ff5526;
}

.cashbook-box h2{
    color: #ff5526;
}

.acc-box p{
    color: #8c8c8c;
    font-size: 14px;
    margin-top: 15px;
}

.acc-box h2{
    color: #000;
    font-weight: 500;
    margin-top: -10px;
    font-size: 25px;
}

.prety-cash-summery i{
    padding: 10px;
    border-radius: 50%;
    background: #f2d9e6;
    color: #993366;
    font-size: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
}

.cashbook-summery i{
    padding: 15px;
    border-radius: 50%;
    background: #cce6ff;
    color: #0073e6;
    font-size: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
}

@media(max-width: 768px){
    .counter-box{
        margin-bottom: 15px;
    }
}