.widget-body {
    overflow: hidden;
}

.widget-container {
    container-type: size;
}

.widget-main-value {
    font-size: clamp(2rem, 21cqw, 10rem);
    white-space: nowrap;
    font-family: "Inter", sans-serif;
}

.widget-secondary-value {
    font-size: clamp(1.3em, 9cqh, 12em);
    white-space: nowrap;
}

.widget-tertiary-value {
    font-size: clamp(1em, 7cqh, 10em);
    white-space: nowrap;
}

.widget-text {
    font-size: clamp(.8em, 6cqw, 3em);
    white-space: nowrap;
    color: #676767;
}



.widget-value-alert {
    color: #ae3839;
}

.widget-value-good {
    color: #82d243;
}



.widget-parameter-values {
    font-size: .6rem;
    color: gray;
}

.widget-detail-header {
    font-size: clamp(.8em, 6.5cqh, 1.7em);
    font-weight: bold;
    padding: 1px;
    margin-top: 4px;
    border-bottom: 1px #e0e0e0 dotted;
    white-space: nowrap;
}

.widget-detail-value {
    font-size: clamp(.8em, 6.5cqh, 1.7em);
    white-space: nowrap;
}



.standard-met {
    margin-right: 2px;
    color: green;
}

.standard-met::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    margin-left: 3px;
    font-family: "Font Awesome 7 Pro";
    font-weight: 900;
    content: "\e416";
}


.e-dashboardlayout.e-control .e-panel.e-panel-transition {
    border-radius: 8px !important; /* Adjust the radius value as needed */
    overflow: hidden; /* Ensures the content within the panel also respects the rounded corners */
}

.widget-icon-dollar {
    color: #7dc242 !important;
}

.widget-icon-droplet {
    color: #438ed4 !important;
}