/* style.css */
body {
    font-family: Arial, sans-serif;
}

nav ul {
    list-style-type: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin-right: 10px;
}

.dashboard {
    margin-bottom: 30px;
}

.section {
    margin-bottom: 20px;
}

.chart {
    width: 100%;
    height: 400px;
}

.chart-container {
    width: 100%;
}

.annotation-container {
    margin-top: 15px;
}


.annotation-container.collapse {
    transition: height 0.35s ease;
}

.annotation-header {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.annotation-header i {
    margin-right: 5px;
    transition: transform 0.35s ease;
}

.annotation-header i.rotate {
    transform: rotate(90deg);
}



.achtergrond-sectie {
    border-radius: 24px;
    background: #ffffffa1;
    box-shadow: 0px 1.852px 3.148px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
    padding: 20px;
    margin-bottom: 20px;
  }

  .fa_zwart {
    color: #000000;
}

.icon-buttons {
    display: flex;
    gap: 10px; /* Space between icons */
}

.icon-buttons .btn-link {
    padding: 0;
    margin: 0;
}

.dashboard .achtergrond-sectie form {
    width: 100%;
}

.dashboard .form-group {
    width: 100%;
}