.table-responsive {

    overflow: hidden;

}



    .table-responsive .column-header {

        display: none;

    }



    .table-responsive .button-wrapper {

        width: 100%;

        display: flex;

        align-items: center;

        justify-content: flex-end;

        margin-bottom: 1rem;

        flex-wrap: wrap;

    }



        .table-responsive .button-wrapper button {

            margin: 0 1rem;

            width: 10rem;

            max-width: 90%;

        }



    .table-responsive th {

        background-color: #ffd204;

    }



.container.mt-5 {

    display: block;

    width: 100%;

    max-width: -webkit-fill-available;

}



@media (max-width: 768px) {

    .table-responsive .column-header {

        display: block;

        text-align: center;

        font-weight: 700;

    }







    .table-responsive thead {

        display: none;

    }



    .table-responsive .button-wrapper {

        justify-content: center;

    }



        .table-responsive .button-wrapper button {

            width: 100%;

            margin: .25rem 0;

        }



    .table-responsive tbody tr {

        display: flex;

        flex-wrap: wrap;

        margin-bottom: 1rem;

    }



        .table-responsive tbody tr td {

            flex-grow: 1;

            width: 100%;

            padding: .25rem;

            border: none;

            text-align: center;

        }

}



.file-upload-wrapper {

    position: relative;

}



    .file-upload-wrapper .remove-file {

        display: none;

        position: absolute;

        top: 2px;

        right: 0px;

    }



    .file-upload-wrapper input[type=file] {

        margin-right: 2rem;

        width: calc(100% - 2rem);

    }



    .file-upload-wrapper .form-group {

        margin-bottom: 1rem;

    }