/* portal colors
h1  005188
table header 005187
purple past due c608fe
green invoice paid 4a7c11
gray invoice 4e4e4e
gray text 5e5e5e
gray rule 979797
aqua link color 00c7e1
red line number e00123

whitish button text fefefe
gray button 838383
*/

/* SubNav */
div.ftz_portal_subnav_wrapper {
    background-color: #00b8d8;
    width: 100%;
    display: inline-block;
}
ul.ftz_portal_subnav {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}
li.ftz_portal_subnav {
    padding: 0.25rem 1.25rem;
    color: white;
}
li.ftz_portal_subnav.current {
    background-color: #e6e6e6;
}
ul.ftz_portal_subnav a {
    color: white;
    font-size: smaller;
}
li.ftz_portal_subnav.current a {    
    color: #00b8d8;
}

/* H1 */
body.parent-pageid-11057 .entry-content h1 {
    color: #005188;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: unset;
    margin-top:1rem;
    position: absolute;
    top: 2rem;
    left: 0;
}
@media only screen and (max-width: 554px) {
    body.parent-pageid-11057 .entry-content h1 {
        top: 0;
    }
}

/* KPIs */

div.ftz_portal_kpis_wrapper {
    width: 100%;
    display: inline-block;
    padding-right: 2rem;
    margin-top: 0.5rem;
}
ul.ftz_portal_kpis {
    list-style: none;
    list-style-type: none;
    margin: 0.5rem 0 0 0;
    padding: 0;
    display: inline-block;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}
li.ftz_portal_kpi {
    display: inline-block;
    padding: 0;
}
li.ftz_portal_kpi span.ftz_portal_kpi_label{
    font-size: small;
    font-weight: bold;
    text-transform:uppercase;
    color: #838383;
}
li.ftz_portal_kpi span.ftz_portal_kpi_data{
    font-size: xx-large;
    font-weight: bold;
    text-transform:uppercase;
    color: #005188;
}
@media only screen and (max-width: 554px) {
    div.ftz_portal_kpis_wrapper {
        padding-right: 0;
    }    
    li.ftz_portal_kpi {
        line-height: 1em;
    }
    li.ftz_portal_kpi span.ftz_portal_kpi_label{
        float: right;
        clear: both;
    }
    li.ftz_portal_kpi span.ftz_portal_kpi_data{
        float: right;
        clear: both;    
    }

}

/* Actions */

div.ftz_portal_actions_wrapper {
    width: 100%;
    display: inline-block;
    padding-right: 2rem;    
}
ul.ftz_portal_actions {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}
@media only screen and (max-width: 554px) {
    div.ftz_portal_actions_wrapper {
        padding-right: 0;    
    }    
    ul.ftz_portal_actions {
        /* justify-content: left; */
    }    
}
li.ftz_portal_action {
    background-color: #838383;
    display: inline-block;
    padding: 0 1rem;
    font-size: smaller;
    font-weight: bold;
    border-radius: 7px;
}
li.ftz_portal_action a {
    color: #fefefe;
}

/* Lists */

div.ftz_portal_list_wrapper {
    margin-top: 1rem;
    font-size: smaller;
}
#ftz_portal_list_wrapper .dataTables_length {
    display: none;
}    
.ftz_portal_list_wrapper .dataTables_wrapper .dataTables_filter {
    margin-right: 2rem;
    margin-bottom: 1rem;
}
.ftz_portal_list td {
    /* font-size: smaller; */
}
@media only screen and (max-width: 554px) {
    div.ftz_portal_list_wrapper {
        margin-top: 0;
    }    
    .ftz_portal_list_wrapper .dataTables_wrapper .dataTables_filter {
        margin-top: 1rem;
        margin-right: 0;
        text-align: right !important;
    }    
    #ftz_portal_invoices_list,
    #ftz_portal_list_wrapper .dataTable {
        font-size: small;
    }    
    #ftz_portal_invoices_list th:nth-of-type(3) {
        display: none;
    }
    #ftz_portal_invoices_list th:nth-of-type(4) {
        display: none;
    }        
    #ftz_portal_invoices_list td:nth-of-type(3) {
        display: none;
    }
    #ftz_portal_invoices_list td:nth-of-type(4) {
        display: none;
    }    
    #ftz_portal_invoices_list_wrapper .dataTables_info,
    #ftz_portal_list_wrapper .dataTables_info {
        display: none;
    }
    #ftz_portal_invoices_list_wrapper div.dataTables_paginate,
    #ftz_portal_list_wrapper .dataTables_paginate {
        display: none;
    }
}