html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.thischart {
    width: 100%;
    height: 500px;
}

#charts_container {
    min-height: 750px;
}

.data-btn {
    margin-top: 10px;
    float: right;
    padding: 5px 10px;
    border-radius: 5px;
    border: 2px solid;
    width: 125px;
    border-color: #008030;
    color: #008030;
    cursor: pointer;
    text-align: center;
    font-weight: 600;
    background-color: white;
}

    .data-btn:hover {
        border-color: #039ab8;
        color: #039ab8;
    }

    .sub-btn {
        width: fit-content;
        padding: 5px;
        border: 1px solid;
        float: unset;
    }

.sip-table {
    border-collapse: collapse;
}

    .sip-table td, .sip-table th {
        border: 1px solid #ddd;
        padding: 8px;
    }

    .sip-table tr:nth-child(even) {
        background-color: #f5fcf7;
    }

    .sip-table tr:nth-child(odd) {
        background-color: #ffffff;
    }

    .sip-table th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        background-color: #5bbd72;
        color: white;
    }

    .sip-table .selected {
        border: 2px solid #5bbd72;
        font-size: 18px;
    }

.filter-box {
    width: 100%;
    height: fit-content;
    padding: 15px 10px;
}

.filter-title {
    margin: auto 0;
    background-color: #008030;
    color: white;
    padding: 10px 15px;
    width: fit-content;
}