.mini-data-card-first-container {
    width: 100%;
    height: 172px;
    padding: 1rem;
    display: flex;
    gap: 14px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.mini-data-card-first-container .first-card {
    height: 100%;
    width: 25%;
    background-color: #6771dc;
    border-radius: 12px;
    padding: .5rem;
    color: #fff;
}
.mini-data-card-first-container .first-card:nth-child(1) {
    background-image: linear-gradient(-60deg, #556ace 0%, #6e39a5 100%);
}
.mini-data-card-first-container .first-card:nth-child(2) {
    background: linear-gradient(to left, #00aacf, #3a7bd5);
}
.mini-data-card-first-container .first-card:nth-child(3) {
    background-image: linear-gradient(-45deg, #783099 0%, #a92c22 100%);
}
.mini-data-card-first-container .first-card:nth-child(4) {
    background-image: linear-gradient(-52deg, #7ebfa2 0%, #0c8bb3 100%);
}
.mini-data-card-first-container .first-card .title {
    font-size: larger;
    font-weight: 600;
}
.mini-data-card-first-container .first-card .body-count {
    font-size: 3rem;
}
.mini-data-card-first-container .first-card .body-count span {
    font-size: 14px;
}
.mini-data-card-first-container .first-card .more {
    font-size: 14px;
}






.first-main-card-container {
    width: 100%;
    height: 450px;
    padding: 1rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.first-main-card-container .card-contain {
    box-shadow: 1px 1px 8px 4px #ddd;
    height: 100%;
    width: 100%;
    border-radius: 6px;
    display: flex;
    padding: 0 1rem;
    overflow: hidden;
}
.first-main-card-container .card-contain .min-contain-1 {
    width: 50%;
    text-align: end;
}
.first-main-card-container .card-contain .min-contain-1 #chartdiv_ringe {
    width: 100%;
    height: 91%;
    margin-top: -25px;
}
.first-main-card-container .card-contain .min-contain-2 {
    width: 50%;
    padding: 4rem 0;
}
.first-main-card-container .card-contain .min-contain-2 table {
    border-collapse: collapse;
    width: 100%;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.first-main-card-container .card-contain .min-contain-2 table td, .first-main-card-container .card-contain .min-contain-2 table th {
    border: 1px solid #ddd;
    padding: 4px 8px;
    text-align: center;
}
.first-main-card-container .card-contain .min-contain-2 table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #6771dc;
    color: white;
}
.first-main-card-container .card-contain .min-contain-2 table tr:nth-child(even){background-color: #f2f2f2;}
.first-main-card-container .card-contain .min-contain-2 table tr:hover {background-color: #ddd;}