/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */


/**********************
Responsive CSS
**********************/

@media print {
}




@media screen and (max-width: 700px) {

    .formGroupRowContainer {
        display: block;
    }

    .form-group {
        margin: 0 0 1em;
    }

    /* Force table to not be like tables anymore */
    .table-defaultmobile,
    .table-defaultmobile thead,
    .table-defaultmobile tbody,
    .table-defaultmobile th,
    .table-defaultmobile td,
    .table-defaultmobile tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .table-defaultmobile thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .table-defaultmobile .tr {
            border: 1px solid #ccc;
        }

        .table-defaultmobile td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
        }

            .table-defaultmobile td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                font-weight: bold;
            }

            /*Label the data*/
            .table-defaultmobile td:nth-of-type(1):before {
                content: "";
            }

            .table-defaultmobile td:nth-of-type(2):before {
                content: "";
            }

            .table-defaultmobile td:nth-of-type(3):before {
                content: "";
            }

            .table-defaultmobile td:nth-of-type(4):before {
                content: "";
            }
}

@media screen and (max-width: 500px) {

    .columns .half,
    .columns .third,
    .columns .two-thirds,
    .columns .quarter,
    .columns .three-quarters,
    .padded-columns .half,
    .padded-columns .third,
    .padded-columns .two-thirds,
    .padded-columns .quarter,
    .padded-columns .three-quarters,
    .padded-columns .half:last-child,
    .padded-columns .third:last-child,
    .padded-columns .two-thirds:last-child,
    .padded-columns .quarter:last-child,
    .padded-columns .three-quarters:last-child {
        margin: auto;
        width: 98%;
        float: none;
    }
}