.style1 {
    text-align: center;
    font-family: Arial;
    color: #547C19;
    margin-bottom: 10px;
    margin-top: 20px;
}

.text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    background-color: #E3F198;
    margin: 1px;
    padding: 1px;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    text-indent: 5pt;
}

[name="cleanScreen"] {
    min-width: 140px;
}

[name="submit1"] {
    min-width: 140px;
}

.wrap_table_buttons_below {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
    width: 400px;
    max-width: 100%;
}

.title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: black;
    background-color: #BADB00;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
    text-align: center;
}

.subtitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: black;
    background-color: #547C19;
    margin: 1px;
    padding: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
}

.dark_hover_button_general:hover {
    background-color: #13152C;
    color: #B8D900;
}

#component_calculator_res {
    color: #547C19;
    font-size: 26px;
}

@media (max-width: 767px) {
    #Table3 {
        width: 100% !important;
    }

    #Table3 > tbody > tr {
        display: flex;
        flex-direction: column;
    }

    #Table3 > tbody > tr > td, #Table3 > tbody > tr > td > table {
        width: 100% !important;
    }

    #component_calculator_res {
        font-size: 22px;
    }

    .style1, #component_calculator_res h2 {
        font-size: 1.5rem;
    }
}