/*body {
    background-color: white;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow-x: hidden;
}*/

/*.form-row > .col, .form-row > [class*=col-] {
    flex: auto;
    max-width: none;
}*/

body {
    background-color: white;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.form-row > .col, .form-row > [class*=col-] {
    flex: auto;
    /*max-width: none;
    overflow-x: hidden;*/
}

d-sm-block {
    display: grid !important;
}


@media (min-width: 100px) {
    .form-row > .col, .form-row > [class*=col-] {
        flex: auto;
        min-width: 100%;
    }

    .otherFields {
        min-width: 33% !important;
    }

    thead.fixedHeader {
        width: -webkit-fill-available !important;
    }
}

@media (min-width: 576px) {
    .form-row > .col, .form-row > [class*=col-] {
        flex: auto;
        min-width: 100%;
    }

    .otherFields {
        flex: auto;
        min-width: 33% !important;
    }

    thead.fixedHeader {
        width: -webkit-fill-available !important;
    }

    .d-sm-inline {
        display: -webkit-inline-box !important;
    }
}

@media (min-width: 768px) {
    .form-row > .col, .form-row > [class*=col-] {
        flex: auto;
        min-width: 100%;
    }

    .otherFields {
        min-width: 33% !important;
    }

    thead.fixedHeader {
        width: -webkit-fill-available !important;
    }
}

@media (min-width: 992px) {
    .form-row > .col, .form-row > [class*=col-] {
        flex: auto;
        min-width: 10%;
    }

    .otherFields {
        min-width: inherit !important;
    }

    thead.fixedHeader {
        width: -webkit-fill-available !important;
    }
}

@media (min-width: 1200px) {
    .form-row > .col, .form-row > [class*=col-] {
        flex: auto;
        min-width: 10%;
    }

    .otherFields {
        min-width: inherit !important;
    }

    thead.fixedHeader {
        width: -webkit-fill-available !important;
    }
}