* {
    box-sizing: border-box;
}

body {
    font-family: 'Oswald', sans-serif;
    -webkit-font-smoothing: antialiased;
    background: #dddddd;
    min-width: fit-content;
}
.container{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}

h2 {
    text-align: center;
    font-size: 3rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ed9600;
}
#balance-info{
    display: flex;
    font-size: 3vh;
    margin-top: 2vh;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}
#balance-info div{
    padding: 0 2vh;
}
#balance-info .balance-section-name{
    color: #ed9600;
    font-weight: bold;
}
#balance-info .balance-section-value{
    color: #243274;
    font-size: 2.5vh;
}
/* Unauthenticated Styles */
.unauth {
    width: 100%;
    color: #243274;
    text-align: center;
    font-size: 5rem;
    height: 20rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Table Styles */
.table-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fl-table{
    width: 100%;
}
.fl-table td, .fl-table th {
    text-align: center;
    padding: 30px 0;
    line-height: 40px;
    text-transform: uppercase;
    white-space:nowrap;
}

.fl-table td {
    border-right: 1px solid #f8f8f8;
    font-size: 40px;
    padding: 10px;
    white-space: break-spaces;
    /*line-height: 50px;*/
}

.fl-table thead th {
    color: #ffffff;
    background: #243274;

    font-size: 30px;
}
.fl-table td last {
    width: 1px;
}
.fl-table thead th:nth-child(odd) {
    color: #ffffff;
    background: #ed9600;
}

.fl-table tr:nth-child(even) {
    background: #F8F8F8;
}
/* Pagination Styles */
.pagination {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 2em 0;
    font-size: 50px;
}

.pagination .page, .pagesize {
    margin: 0 0.5em;
    padding: 10px;
    border: 5px solid #243274;
    color: #243274;
    background: transparent;
}

.pagination .page:hover {
    background: #ed9600;
    cursor: pointer;
}

.pagination .active {
    background: #ed9600;
    color: white;
}
.pagesize {
    font-size: 50px;
}
.header{
    display: flex;
    height: 5rem;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    margin-top: 2vh;
}
.header div{
    display: flex;
    height: 5rem;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-around;
}
/* Header Content Styles */
.header-content {
    display: flex;
    flex-wrap: nowrap;
}

.header-content p {
    margin: 0 10px;
}
.header-content , .sort-side{
    height: 30px;
}
.sort-side {
    color: white;
    font-size: 20px;
    padding: 1px;
    width: 30px;
}
.controls{
    color: #243274;
    text-align: center;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;

    margin: 0;
}
.controls p{
    margin:   10px 0;
    border: 2px solid #243274;
    padding: 0 20px;
}
.row-data {
    display: none;
}
.clickable-row td{
    cursor: pointer;
    border-bottom: #243274 3px solid;
}

.row-data td{
    padding: 0;
}

.row-data-content{
    max-width: 90%;
    display: flex;
    font-size: 20px;
    width: 100%;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
    margin: 20px auto;
}
.row-data-content tr{
    height: 40px;
    width: 50%;

}
.row-data-content td{
    border-bottom:3px solid #243274;
    width: 50%;

}
.row-data-content .left ,.row-data-content  .right{

    padding: 20px;
}
.row-data-content .left{
    text-align: left;
    border-right:3px solid #243274;
}
.row-data-content .right{
    text-align: right;
}
.row-data-content .property-name{
    font-size: 30px;
    color: #ed9600;
}
.row-data-content .property-value{
    font-size: 40px;
    color: #243274;
}
/* Responsive Styles */
@media only screen and (max-width: 1500px) {
    h2 {
        text-align: center;
        font-size: 6rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #ed9600;
    }
    /*.fl-table {*/
    /*    display: block;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*}*/

    /*.table-wrapper:before {*/
    /*    display: block;*/
    /*    text-align: right;*/
    /*    font-size: 11px;*/
    /*    color: white;*/
    /*    padding: 0 0 10px;*/
    /*}*/

    /*.fl-table thead, .fl-table tbody, .fl-table thead th {*/
    /*    display: block;*/
    /*}*/

    /*.fl-table thead th:last-child {*/
    /*    border-bottom: none;*/
    /*}*/

    /*.fl-table thead {*/
    /*    float: left;*/
    /*}*/

    /*.fl-table tbody {*/
    /*    width: auto;*/
    /*    position: relative;*/
    /*    overflow-x: auto;*/
    /*}*/

    /*.fl-table td, .fl-table th {*/
    /*    padding: 20px .625em .625em .625em;*/
    /*    min-height: 80px;*/
    /*    height: 8vh;*/
    /*    text-wrap: wrap;*/
    /*    vertical-align: middle;*/
    /*    box-sizing: border-box;*/
    /*    overflow-x: hidden;*/
    /*    overflow-y: auto;*/
    /*    width: fit-content;*/
    /*    min-width: 200px;*/
    /*    font-size: 2rem;*/
    /*    line-height: 2rem;*/
    /*    text-overflow: ellipsis;*/
    /*    text-align: center;*/
    /*}*/

    /*.fl-table thead th {*/
    /*    width: 200px;*/
    /*    text-wrap: wrap;*/
    /*    line-height: 2rem;*/
    /*    text-align: left;*/
    /*    border-bottom: 1px solid #f7f7f9;*/
    /*}*/

    /*.fl-table tbody tr {*/
    /*    display: table-cell;*/
    /*}*/

    /*.fl-table tbody tr:nth-child(odd) {*/
    /*    background: none;*/
    /*}*/

    /*.fl-table tr:nth-child(even) {*/
    /*    background: transparent;*/
    /*}*/

    /*.fl-table tr td:nth-child(odd) {*/
    /*    background: #F8F8F8;*/
    /*    border-right: 1px solid #E6E4E4;*/
    /*}*/

    /*.fl-table tr td:nth-child(even) {*/
    /*    border-right: 1px solid #E6E4E4;*/
    /*}*/

    /*.fl-table tbody td {*/
    /*    display: block;*/
    /*    text-align: center;*/
    /*}*/
}