/* body overwrite to remove the white border padding */
body {
    margin: 0 !important;
}
th.prototype-table.summary{
    background-color: #0077aa;
    color: #FFFFFF!important;
    text-align: center!important;
}

td.prototype-table.summary{
    text-align: center!important;
}

.v-data-table-header>tr>th>span{
    transform: rotate(-90deg);


    /* Legacy vendor prefixes that you probably don't need... */

    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.prototype-table .datatable thead th.column.sortable i {
    display: none;
}

.prototype-table>.v-data-table__wrapper>table>tbody>td:hover{
}

.table.prototype-table{
    padding-top: 50px;
    padding-left: 5px;
}

/* Legibility Overrides */
.textOnLight--text,
.textOnLight {
    color: #212121 !important
}

.textOnDark--text,
.textOnDark {
    color: #FFFFFF !important
}

/* based on how vuetify designs media queries with breakpoints, custom min-width class */
@media screen and (min-width: 600px) {
    .mw-sm-3 {
        min-width: 12rem;
    }
}

/* custom mini flex wrap classes based on vuetify breakpoints */
@media screen and (max-width: 600px) {
    .flex-xs-wrap {
        flex-wrap: wrap;
    }
    .col-xs-12 {
        width: 100%
    }
}