/******************* Loader ************************/
.loader {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/******************* Loader ************************/

div#im {
	height: 1000px;
	overflow: hidden;
}

select#metric-select {
    margin-bottom: 10px;
    margin-right: 30px;
    width: auto;
    display: inline;
}


select#sampling-interval {
    margin-bottom: 10px;
    margin-right: 30px;
    width: auto;
    display: inline;
}

select#show-line {
    margin-bottom: 10px;
    margin-right: 30px;
    width: 10%;
    display: inline;
}


label {
    margin-right: 10px;
    display: inline-block;
    line-height: 2;
}

input[type="checkbox"] {
    box-sizing: border-box;
    display: inline;
    padding: 0;
}


form#im-form label {
    margin-right: 5px;
}

summary {
    cursor: pointer;
    list-style: none; /* Firefox */
}

summary::-webkit-details-marker {
    display: none; /* Chrome/Safari */
}

summary::before {
    content: '\25B6'; 
    margin-right: 5px;
    color: #3b82f6; /* Custom blue */
}

details[open] summary::before {
    content: '\25BC';
    color: #3b82f6;
}

div#details {
margin: 20px; 
max-width: 50%;
word-wrap: break-word; 
white-space: normal;
}