.column-dashboard {
    /*box-shadow: 0 0 7px -1px #000000;*/
    background: rgba(255, 255, 255, 0);
    border-radius: 10px;
}

:is(.dark .column-dashboard ) {
    box-shadow: 0 0 7px -3px #ffffff;
    background: rgba(255, 255, 255, 0);
}

:is(.dark .box-dashboard1) {
    background: url('../images/rating2.webp')
}

:is(.dark .box-dashboard2) {
    background: url('../images/rating1.webp')
}

:is(.dark .box-dashboard3) {
    background: url('../images/rating3.webp')
}
.hvr:hover {
    color: #504d4d;
}


:is(.dark .account-table) {
    background: rgba(50, 46, 85, 0) !important;
    box-shadow: 0 0 5px -3px #fbfbfb;
}

:is(.dark .btn-pass) {
    background: #2d3c59;
    padding: 5px 10px
}

:is(.dark .bg-btn-pass) {
    background: #2d3c59;
    padding: 0;
}

:is(.dark .btn-pass:hover) {
    color: #ffffff;
    background: #2e3f61;
}

:is(.dark .btn-start) {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #272d45;
    padding: 5px 10px;
    box-shadow: 0 0 4px -2px #fff;
    border-radius: 3px;
}

:is(.dark .btn-start:hover) {
    background: #2c3453;
    color: #ffffff;
    box-shadow: 0 0 4px -2px #dcd6d6;
}

.btn-start {
    transition: all .2s ease;
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgb(255, 255, 255);
    padding: 5px 10px;
    box-shadow: 0 0 4px -2px #272629;
    border-radius: 3px;
}

.btn-start:hover {
    background: rgba(255, 255, 255, 0.99);
    color: #504d4d;
    box-shadow: 0 0 7px -2px #000000;
}

.btn-pass {
    background: #ffffff;
    box-shadow: 0 0 1px -3px #000;
    padding: 5px 10px;
}

.btn-pass:hover {
    color: rgba(106, 14, 136, 0.49);
}

.bg-btn-pass {
    background: #ffffff;
    padding: 0;
    margin: 0;
}

.account-table {
    box-shadow: 0 0 6px -3px rgba(14, 14, 14, 0.84);
}

.table-responsive {
    overflow-y: hidden !important;
}