#app h1,
    #app h2,
    #app h3,
    #app h4,
    #app h5,
    #app h6 {
        margin: 15px 0;
    }
    #app p {
        color: black;
    }

    #app .search-form {
        margin: 15px 0;
    }
    #app .search-form .form-group{
        margin: 15px 0;
    }
    #app .search-form .formext-toggler{
        margin: 15px 0;
        cursor: pointer;
    }
    #app .search-form .form-group label{
        margin: 0 15px 0 0;
    }
    #app .search-form .form-group input,
    #app .search-form .form-group select
    {
        padding: 5px;
    }
    #app .search-form #query {
        width: 100%;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid grey;
    }
    #app .search-form .buttons-wrapper {
        display: flex;
    }

    #app .search-form button[type=submit]:hover {
        background-color: #0078ff;
    }
    #app .search-form button[type=submit] {
        padding: 8px 16px;
        background-color: #0056b3;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        margin-right: 15px;
    }
    #app .search-form button.reset:hover {
        /* background-color: #02cf58; */
        background-color: #f88c20;
    }
    #app .search-form button.reset {
        padding: 8px 16px;
        /* background-color: #00b34b; */
        background-color: #ff9933;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        /* max-width: 165px; */
    }

    #app .publication {
        margin-bottom: 25px;
        padding-bottom: 20px;
        border-bottom: 1px solid lightgrey;
        line-height: 1.7em;
    }
    #app .publication:last-child {
        border-bottom: none;
    }
    #app .publication-link {
        background-color: #12befc;
        color: #fff;
        padding: 12px 16px;
    }
    #app .publication-link:hover {
        background-color: #036;
    }

    /* Pagination */
    #app .pagination button {
        font-size: 16px;
        /* padding: 9px 12px; */
        width: 40px;
        height: 40px;
        cursor: pointer;
        margin: 0 1px;
        min-width: 1.5em;
    }
    #app .pagination button.active {
        /* background-color: #b6b6b6; */
        background-color: #12befc;
        color: #fff;
        border: 1px solid #000;
        border-radius: 3px;
    }
    #app .pagination button.hidden {
        display: none;
    }
    #app .pagination button:disabled {
        cursor: not-allowed;
    }





    .form-group {
        display: flex;
    }
    .form-group label {
        width: 200px;
    }

    .form-group select, input {
        width: 100%;
        max-width: 300px;
    }
    .form-group input#query {
        width: 100%;
        max-width: none;
    }

    form button:disabled {
        opacity: 0.6; /* Makes the button appear faded */
        cursor: not-allowed !important; /* Changes the cursor to a "not allowed" symbol */
        background-color: #cccccc !important; /* Example: gray background */
        color: #666666; /* Example: darker gray text */
    }

    @media(max-width: 476px) {
        .form-group {
            display: block;
        }
        .form-group label {
            display: block;
        }
    }