.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;
    border-radius: 3px;
    height: 10px;
    min-height: 33px;
    padding-bottom: 6px;
}

: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;
    min-height: 33px;
}

.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;
}
table {
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #ffffff1c;
    border-radius: 5px;
}
.dark table {
    background: #1f253e66
}
.fit-content {
    border-right: 1px solid #00000014;
}
.table-sticky>table>thead{
    background-color: rgb(255 255 255);
}
.table-sticky>table>thead:is(.dark *){
    background: #28334e
}

td {
    border: 1px solid rgba(113, 113, 113, 0.14);
}

tr {
    border-bottom: 1px solid rgba(113, 113, 113, 0.14);
}

tr > td {
    border-right: 1px solid rgba(113, 113, 113, 0.14);
    border-left: none;
    border-bottom: none;
    border-top: none;
}

.dark td {
    /*border: 1px solid #fff;*/
}

.dark tr {
    border: 1px solid rgba(255, 255, 255, 0.04);
}

caption {
    margin-bottom: 10px;
}