﻿.btn-gradient-primary {
    background: linear-gradient(14deg, #ac1d3f 0%, #ac1d3f99);
    color: #fff;
    -webkit-box-shadow: 0 7px 14px 0 rgb(179 47 79 / 70%);
    box-shadow: 0 7px 14px 0 rgb(178 44 76 / 70%);
    border: none;
}

.btn-gradient-primary:hover, .btn-gradient-primary:focus, .btn-gradient-primary:active, .btn-gradient-primary.active, .btn-gradient-primary.focus, .btn-gradient-primary:active, .btn-gradient-primary:focus, .btn-gradient-primary:hover, .open > .dropdown-toggle.btn-gradient-primary, .btn-gradient-primary.active, .btn-gradient-primary:active, .show > .btn-gradient-primary.dropdown-toggle {
    background: linear-gradient(14deg, #ac1d3f 0%, #ac1d3f99);
    color: #fff
}

.container-filter li a.active {
    color: #fff !important;
    background: linear-gradient(14deg, #ac1d3f 0%, #ac1d3f99);
    -webkit-box-shadow: 0 7px 14px 0 rgb(228 80 80 / 50%);
    box-shadow: 0 7px 14px 0 rgb(228 80 80 / 50%);
    border: none;
}

.container-filter li a {
    display: block;
    color: #ac1d3f !important;
    border: 1px solid #ac1d3f;
    padding: 0px 15px;
    margin: 5px 5px;
    font-size: 12px;
    text-transform: capitalize;
    letter-spacing: 2px;
    cursor: pointer;
    line-height: 35px;
    border-radius: 3px;
}

.container-filter li a:hover {
    background: linear-gradient(14deg, #ac1d3f 0%, #ac1d3f99) !important;
    color: #fff !important;
}

.account-body.accountbg {
    background: radial-gradient(circle at 39% 47%, #6b6b6b14 0%, #6b6b6b14 33.333%, #48484814 33.333%, #48484814 66.666%, #24242414 66.666%, #24242414 99.999%), radial-gradient(circle at 53% 74%, #b6b6b614 0%, #b6b6b614 33.333%, #cacaca14 33.333%, #cacaca14 66.666%, #dddddd14 66.666%, #dddddd14 99.999%), radial-gradient(circle at 14% 98%, #b8b8b814 0%, #b8b8b814 33.333%, #60606014 33.333%, #60606014 66.666%, #07070714 66.666%, #07070714 99.999%), linear-gradient(45deg, #ac1d3f, #ac1d3f99);
    width: 100%;
    height: 100vh;
}
