.balance-value span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;  
}
.content-box {
    vertical-align: top;
    -webkit-box-flex: 1;
    flex: 1;
}
.theme-head {
    color: #124375;
}
.content-box > .element-wrapper:first-child {
    padding-top: 0px !important;
}

.element-balances .balance + .balance {
    border-left: 1px solid rgba(0,0,0,0.03)
}

.element-balances .balance-title {
    color: rgba(90,99,126,0.49);
    font-size: 1.00rem
}

.element-balances .balance-value {
    font-size: 1.5rem;
    font-weight: 500;
    color: #303a46;
    white-space: nowrap
}

.element-balances .balance-value.danger {
    color: #b71b1b
}
.element-balances .balance {
    padding: 7.5px 15px;
    font-size:.9rem;
}
.element-box {
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
}
.login .element-wrapper .element-actions {
    z-index: 9;
}
.element-wrapper .element-actions {
    float: right;
    position: relative;
    z-index: 2;
    margin-top: -0.2rem
}
.element-wrapper.compact {
    padding-bottom: 2rem;
}

.element-wrapper .element-header {
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    position: relative;
    z-index: 1
}

.element-wrapper .element-header {
    margin-bottom: .5rem;
    font-family: "Avenir Next W01","Lato",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: 500;
    line-height: 1.2;
    color: #124375;
}

.element-wrapper .element-header:after {
    content: "";
    background-color: #047bf8;
    width: 25px;
    height: 4px;
    border-radius: 0px;
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0px
}


@media (max-width: 767px) {
    .main > div {
        padding: 1rem;
    }
    .element-wrapper {
        padding-bottom: .5rem
    }
    .element-balances .balance {
        border: none !important
    }
    .element-balances.mobile-full-width > .balance {      
        padding: 0px;
        margin-bottom: 30px;
        text-align: center
    }

    .element-balances.mobile-full-width > .balance-table {
        padding: 0px;
        text-align: center
    }
    
 }
@media (max-width: 1024px){
    .element-balances .balance {
        padding: 5px 10px;
        font-size: .75rem!important;
    }
    .element-balances .balance-title {
        font-size: .75rem !important;
    }

    .element-balances .balance-value {
        font-size: 1rem !important;
    }

    .element-wrapper .element-header {
       
    }    
}
@media (min-width: 768px) and (max-width: 1024px) {
    .element-wrapper {
        padding-bottom: .75rem
    }
    .content-box {
        padding: 1.5rem
    }
 }

@media (min-width: 1025px) {
    .element-wrapper {
        padding-bottom: .75rem
    }
    .content-box {
        padding: 2rem 2.5rem;
    }
}
@media (max-width: 1150px) {
    .content-box:after {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background: rgba(4,36,113,0.6);
        content: "";
        z-index: 10;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
}

@media (min-width: 1100px) and (max-width: 1350px) {
    .content-box {
        padding: 1.5rem
    }
}


/*Table Related*/

.table.table-padded {
    border-collapse: separate;
    border-spacing: 0 5px
}

    .table.table-padded thead tr th {
        border: none;
        font-size: .81rem;
        color: rgba(90,99,126,0.49);
        letter-spacing: 1px;
        padding: 0.3rem 1.1rem
    }

    .table.table-padded tbody tr {
        border-radius: 4px;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

        .table.table-padded tbody tr:hover {
            /*background-color: #dee2e6!important;*/
             box-shadow: 0px 2px 5px rgba(69,101,173,0.1);
            -webkit-transform: translateY(-1px) scale(1.01);
            transform: translateY(-1px) scale(1.01)
        }

    .table.table-padded tbody td {
        padding: 0.9rem 1.1rem;
        background-color: #fff;
        border: none;
        border-right: 1px solid rgba(0,0,0,0.03);
    }

        .table.table-padded tbody td.bolder {
            font-weight: 500;
            font-size: .99rem
        }

        .table.table-padded tbody td img {
            display: inline-block;
            vertical-align: middle
        }

            .table.table-padded tbody td img + span {
                display: inline-block;
                margin-left: 10px;
                vertical-align: middle
            }

        .table.table-padded tbody td span + span {
            margin-left: 5px
        }

        .table.table-padded tbody td .status-pill + span {
            margin-left: 10px
        }

        .table.table-padded tbody td:first-child {
            border-radius: 4px 0px 0px 4px
        }

        .table.table-padded tbody td:last-child {
            border-radius: 0px 4px 4px 0px;
            border-right: none
        }

.element-box .table:last-child, .invoice-w .table:last-child, .big-error-w .table:last-child {
    margin-bottom: 0
}
/*End of Table Related*/