/*==================================================
=            دکمه‌های اختصاصی شارژیار             =
==================================================*/

.btn-charge-mint{
    background:#d8f3dc;
    color:#1b4332;
}
.btn-charge-mint:hover{
    background:#1B5E20;
    color:#fff;
}

.btn-charge-green1{
    background:#b7e4c7;
    color:#1b4332;
}
.btn-charge-green1:hover{
    background:#1B5E20;
    color:#fff;
}

.btn-charge-green2{
    background:#95d5b2;
    color:#1b4332;
}
.btn-charge-green2:hover{
    background:#1B5E20;
    color:#fff;

}

.btn-charge-green3{
    background:#74c69d;
    color:#1b4332;
}
.btn-charge-green3:hover{
    background:#1B5E20;
    color:#fff;
}

.btn-charge-green4{
    background:#52b788;
    color:#1b4332;
}
.btn-charge-green4:hover{
    background:#1B5E20;
    color:#fff;
}

.btn-charge-green5{
    background:#40916c;
    color:#1b4332;
}
.btn-charge-green5:hover{
    background:#1B5E20;
    color:#fff;
}

.btn-charge-green6{
    background:#2d6a4f;
    color:#1b4332;
}
.btn-charge-green6:hover{
    background:#1B5E20;
    color:#fff;
}

.btn-charge-green7{
    background:#1b4332;
    color:#fff;
}
.btn-charge-green7:hover{
    background:#1B5E20;
    color:#fff;
}

.btn-charge-primary{
    background:#d8f3dc;
    color:#fff;
    border:none;
}
.btn-charge-primary:hover{
    background:#d8f3dc;
    color:#fff;
}

.btn-charge-success{
    background:#2E7D32;
    color:#fff;
    border:none;
}
.btn-charge-success:hover{
    background:#1B5E20;
    color:#fff;
}

.btn-charge-danger{
    background:#C62828;
    color:#fff;
    border:none;
}
.btn-charge-danger:hover{
    background:#8E0000;
    color:#fff;
}

.btn-charge-warning{
    background:#FB8C00;
    color:#fff;
    border:none;
}
.btn-charge-warning:hover{
    background:#EF6C00;
    color:#fff;
}

.btn-charge-info{
    background:#0097A7;
    color:#fff;
    border:none;
}
.btn-charge-info:hover{
    background:#006064;
    color:#fff;
}

.btn-charge-purple{
    background:#8E24AA;
    color:#fff;
    border:none;
}
.btn-charge-purple:hover{
    background:#6A1B9A;
    color:#fff;
}

.btn-charge-brown{
    background:#6D4C41;
    color:#fff;
    border:none;
}
.btn-charge-brown:hover{
    background:#4E342E;
    color:#fff;
}

.btn-charge-dark{
    background:#37474F;
    color:#fff;
    border:none;
}
.btn-charge-dark:hover{
    background:#263238;
    color:#fff;
}

.btn-charge-teal{
    background:#00897B;
    color:#fff;
    border:none;
}
.btn-charge-teal:hover{
    background:#00695C;
    color:#fff;
}

.btn-charge-pink{
    background:#D81B60;
    color:#fff;
    border:none;
}
.btn-charge-pink:hover{
    background:#AD1457;
    color:#fff;
}

.btn-charge-indigo{
    background:#3949AB;
    color:#fff;
    border:none;
}
.btn-charge-indigo:hover{
    background:#283593;
    color:#fff;
}

.btn-charge-orange{
    background:#F57C00;
    color:#fff;
    border:none;
}
.btn-charge-orange:hover{
    background:#E65100;
    color:#fff;
}

.btn-charge-cyan{
    background:#00ACC1;
    color:#fff;
    border:none;
}
.btn-charge-cyan:hover{
    background:#00838F;
    color:#fff;
}

.btn-charge-lime{
    background:#7CB342;
    color:#fff;
    border:none;
}
.btn-charge-lime:hover{
    background:#558B2F;
    color:#fff;
}

.btn-charge-gold{
    background:#C9A227;
    color:#fff;
    border:none;
}
.btn-charge-gold:hover{
    background:#A67C00;
    color:#fff;
}

.btn-charge-gray{
    background:#757575;
    color:#fff;
    border:none;
}
.btn-charge-gray:hover{
    background:#424242;
    color:#fff;
}

/*==================================================
=             استایل مشترک همه دکمه‌ها             =
==================================================*/

[class^="btn-charge"]{
    border-radius:10px;
    padding:6px 16px;
    font-weight:600;
    transition:.25s;
}

[class^="btn-charge"]:hover{
    transform:translateY(-1px);
    box-shadow:0 3px 10px rgba(0,0,0,.2);
}

.btn-success{
    background:#2d6a4f;
    border:none;
}

.btn-success:hover{
    background:#1b4332;
}

.btn-outline-success{
    border-color:#2d6a4f;
    color:#2d6a4f;
}

.btn-outline-success:hover{
    background:#2d6a4f;
    color:#fff;
}