/* Copied over from inline */
.table-responsive{
width: 100% !important;
display: block !important;
overflow-x: auto !important;
webkit-overflow-scrolling: touch !important;
}

#flt0_resourceList, #flt1_resourceList, #flt2_resourceList, #flt3_resourceList
{
    width: 100%;
}

th {
border-top: 3px solid #fff;
}

table{
table-layout:auto !important;
}

button
{
    margin: 0em 0em 0em 1em;
    /*width: 300px;*/
    width: 150px;
    border: none;
    border-radius: 5px;
}

.active
{
    border: 2px solid black !important; 
    border-radius: 5px !important;
}

/* Already available before inline. */
#resourceList {
    width: 100% !important;
}

#resourceList td:last-child {
    border-right: 1px solid #aaa !important;
}

table.TF tr#thead th {
    background-color: #fc0 !important;
}

table.TF thead, table.TF th {
    border: 1px solid #aaa !important;
}

table.TF tbody tr.odd th, table.TF #tbody tr.odd td {
    background-color: #eee !important;
}

table.TF tr.even th, table.TF tr.even td {
    background-color: #fff !important;
}

table.TF tbody th {
    position: unset !important;
    top: 0 !important;
    background-color: transparent;
    font-weight: normal !important;
}

.fltrow td {
    position: sticky;
    top: -1px;
}

table.TF td {
    overflow: hidden;
    border: 1px solid #aaa;
    /*border-top: none;*/
}

caption {
    visibility: hidden;
    padding: 0 !important;
    height: 0 !important;
}

#alert
{
    background-color: #e0f8d6;
    border-radius: 5px;
    margin: 1em 0 1em 0;
    max-width: 500px;
}

#alert > *
{
    font-weight: bold;
    padding: 0.4em;
}

.alert-content
{
    margin-left: 1em;
    width: 100%;
} 

.alert-close
{    
    font-size: 1em;
    background-color: #E0E0E0;
    max-width: 100px;   
}

.alert-close:hover
{
    cursor: pointer;
}

.inf
{
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.ldiv
{
    width: 0%!important;
}

.rdiv
{
    justify-self: start;
    width: 50%;
    text-align: center;
}

 .mdiv
{
    width: 50%!important;
}

@media(max-width: 568px)
{
    
    .inf
    {
        height: 150px;
        flex-direction: column;
        justify-content: start;
    }  
    
    .rdiv
    {
        width: 100%;
        padding: 0.5em;
    }
    
    .mdiv
    {
        width: 100%!important;
        padding: 0.5em;
    }
} 

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    #resourceList td, #resourceList th {
        border: 1px solid #aaa;
    }
}