body {
    background-color: #b4b5b8;
    background-image: url("../img/symphony.png");
    background-repeat: repeat;
    
}

.bodyPadding {
    padding-top: 40px;
}

.main-header {
    background-color: #1e1e1e;
    color: #b4b5b8;
}

.navbar-default {
    background-color: #2e2e2e;
    color: #b4b5b8;
    border-color: #8e8e8e;
    color: #fff;
    background-color: #00b8ce;
    border-color: #00b8ce;
}

    .navbar-default .navbar-brand {
        color: #b4b5b8;
        color: #fff;
    }

        .navbar-default .navbar-brand:visited {
            color: #c8c8c8;
            color: #fff;
        }

    .navbar-default .navbar-nav > li > a {
        color: #b4b5b8;
        color: #fff;
    }

        .navbar-default .navbar-nav > li > a:visited {
            color: #bfbfbf;
            color: #fff;
        }


    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #ffffff;
        background-color: #000000;
        color: #fff;
    }

.header-banner {
    max-height: 300px;
    width: 100%;
    margin-bottom: 10px;
}

.rightMenu {
    left: 0;
    right: auto;
}

.panel-heading > .titr {
    font-size: 16px;
}


/* --------------------------------------- */
/* ############### INVOICE ############### */
/* --------------------------------------- */
.card-invoice .card-body {
    padding: 30px;
}

@media (min-width: 768px) {
    .card-invoice .card-body {
        padding: 60px;
    }
}

@media (min-width: 768px) {
    .invoice-header {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
}

.invoice-title {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #ced4da;
    font-weight: 700;
}

.billed-from {
    margin-top: 25px;
}

@media (min-width: 768px) {
    .billed-from {
        margin-top: 0;
    }
}

.billed-from h6 {
    color: #1b84e7;
    font-size: 15px;
}

.billed-from p {
    line-height: 1.7;
}

.billed-to h6 {
    color: #343a40;
    font-size: 15px;
}

.billed-to p {
    line-height: 1.7;
}

.invoice-info-row {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    margin-bottom: 0;
}

    .invoice-info-row + .invoice-info-row {
        border-top: 1px dashed #dee2e6;
    }

    .invoice-info-row span:first-child {
        color: #495057;
    }

.table-invoice tbody > tr > th:first-child,
.table-invoice tbody > tr > td:first-child {
    color: #495057;
    font-weight: 500;
}

    .table-invoice tbody > tr > th:first-child .invoice-notes,
    .table-invoice tbody > tr > td:first-child .invoice-notes {
        margin-right: 20px;
    }

        .table-invoice tbody > tr > th:first-child .invoice-notes .section-label-sm,
        .table-invoice tbody > tr > td:first-child .invoice-notes .section-label-sm {
            font-weight: 600;
        }

        .table-invoice tbody > tr > th:first-child .invoice-notes p,
        .table-invoice tbody > tr > td:first-child .invoice-notes p {
            font-size: 13px;
            font-weight: 400;
            color: #868ba1;
        }

/********** RTL SUPPORT **********/
/*********************************/
[dir="rtl"] .card-invoice {
    text-align: right;
}

[dir="rtl"] .table-invoice thead tr th.tx-left,
[dir="rtl"] .table-invoice thead tr td.tx-left,
[dir="rtl"] .table-invoice tbody tr th.tx-left,
[dir="rtl"] .table-invoice tbody tr td.tx-left {
    text-align: left;
}

[dir="rtl"] .table-invoice tbody > tr > th:first-child .invoice-notes,
[dir="rtl"] .table-invoice tbody > tr > td:first-child .invoice-notes {
    margin-right: 0;
    margin-left: 20px;
}


.borderless td, .borderless th {
    border: none;
}

.borderless > tbody > tr > td,
.borderless > tbody > tr > th,
.borderless > tfoot > tr > td,
.borderless > tfoot > tr > th,
.borderless > thead > tr > td,
.borderless > thead > tr > th {
    border: none;
}

.bgload {
    background-color: #efefef;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For Internet Explorer 8 and earlier */
}
/* Center the loader */
#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}