/*Logo Red #8B0F05*/
/*Logo Gold #C5B575*/

/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    font-family: "Crete Round", serif !important
}

h1, h2, h3, h4 {
    color: #8b0f05;
}


.username {
    color: white;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
    line-height: 20px;
    display: block;
    padding: 15px;
}

/*
 * Global add-ons
 */
/* navbar */
.navbar-default {
    background-color: #F8F8F8;
    border-color: #E7E7E7;
}

.tabs-below > .nav-tabs {
    border-bottom: 0;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0;
    }

        .tabs-below > .nav-tabs > li > a {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

            .tabs-below > .nav-tabs > li > a:hover,
            .tabs-below > .nav-tabs > li > a:focus {
                border-top-color: #ddd;
                border-bottom-color: transparent;
            }

    .tabs-below > .nav-tabs > .active > a,
    .tabs-below > .nav-tabs > .active > a:hover,
    .tabs-below > .nav-tabs > .active > a:focus {
        border-color: transparent #ddd #ddd #ddd;
    }

.tab-content {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

/* title */
div.navbar-header a.navbar-brand {
    color: #C5B575;
    font-size: 1.8em;
}

.navbar-default .navbar-brand {
    color: #777;
}

    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus {
        color: #5E5E5E;
    }
/* link */
.page-header {
    color: #8B0F05;
    border-bottom: 1px solid #8B0F05;
}

    .page-header::before {
        content: url("../Images/cbdc-logo-60.png");
        position: relative;
        top: -11px;
        float: left;
    }

@media (max-width: 1048px) {
    .page-header::before {
        content: none;
    }

    .page-header {
        font-size: 24px;
    }
}

.sub-header {
    /*    color: #8B0F05;*/ 
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e8;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
    border: 0;
}


/* Tab styles*/
.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}


/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
    display: none;
}


/*Upload File Input styles*/
.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.btn-file-text {
    font-weight: bold;
    position: relative;
    top: 6px;
    right: 0;
    display: block;
}

.btn-file-text-container {
    position: absolute;
    overflow: hidden;
    height: 50px;
}

@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
    }
}

.form-label-left .control-label {
    /* text-align:right; */
    text-align: left;
}

#ChangePasswordForm > label {
    font-weight: normal;
}

/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}

    .nav-sidebar > li > a {
        padding-right: 20px;
        padding-left: 20px;
    }

    .nav-sidebar > .active > a,
    .nav-sidebar > .active > a:hover,
    .nav-sidebar > .active > a:focus {
        color: #fff;
        background-image: -webkit-linear-gradient(top,#C5B575 0%,#e7d488 100%);
        background-image: -o-linear-gradient(top,#C5B575 0%,#e7d488 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#C5B575),to(#e7d488));
        background-image: linear-gradient(to bottom,#C5B575 0%,#e7d488 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C5B575',endColorstr='#e7d488',GradientType=0);
        background-repeat: repeat-x;
        margin-left: 5px;
        margin-right: 5px;
    }

.panel-title {
    overflow: hidden;
    text-overflow: ellipsis;
}

#ReportFilter :not([class*=span]):not(.input-group-btn):not([class*=form-control]):not([class*=col-]).bootstrap-select {
    width: 100%;
}


/*
 * Main content
 */

.main {
    padding: 20px;
}

@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}

.main .page-header {
    margin-top: 0;
}


/*
 * Placeholder dashboard ideas - can be removed...
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}

    .placeholders h4 {
        margin-bottom: 0;
    }

.placeholder {
    margin-bottom: 20px;
}

    .placeholder img {
        display: inline-block;
        border-radius: 50%;
    }
/*
 * End of Placeholder dashboard ideas - can be removed...
 */

.title-logo {
    position: relative;
    top: -5px;
    height: 60px;
}

.navbar-brand img {
    height: 50px;
    position: relative;
    top: -15px;
}

@media all and (min-width:768px) {
    .sidebar {
        padding: 5px;
    }
}


/*report page layout*/

/*.panel-default {
    border-color: #c5b575;
}*/

table.report thead tr th,
table.report-summary thead tr th {
    text-align: center;
    background-color: #F0F0F0;
    background-color: rgba(0, 0, 0, 0.10);
    color: #8b0f05;
    border-bottom: 1px solid #c5b575;
    border-left: 1px solid #c5b575;
    border-right: 1px solid #c5b575;
    border-top: 1px solid #c5b575; /*here*/
}

table.report-summary thead tr th {
    text-align: right;
}

    table.report-summary thead tr th:first-of-type {
        text-align: left;
    }

table.report thead tr:first-of-type th,
table.report-summary thead tr:first-of-type th {
    border-top: 1px solid #c5b575 !important;
}

table.report thead tr:last-of-type th {
    background-color: white;
}

table.report tbody tr td,
table.report-summary tbody tr td {
    text-align: right;
    border-left: 1px solid #c5b575;
    border-right: 1px solid #c5b575;
}

    table.report tbody tr td:first-of-type,
    table.report-summary tbody tr td:first-of-type {
        text-align: left;
    }

table.report tbody tr:last-of-type td,
table.report-summary tbody tr:last-of-type td {
    border-bottom: 1px solid #c5b575;
    /*text-align: right;*/
}

.options {
    float: right;
    width: 150px;
}

.options-display {
    color: #8b0f05;
    font-size: 1.1em;
    padding-top: 10px;
}

.commands {
    float: right;
    margin: 0 5px 5px 0;
}

    .commands span {
        margin-left: 15px;
        color: #2b669a;
        font-size: 2em;
    }

.chart-label {
    margin-top: 15px;
    margin-left: 30%;
}

    .chart-label span {
        padding: 5px;
        margin-left: 15px;
    }

.region-label {
    background-color: rgba(197, 181, 117,1);
}

.province-label {
    background-color: rgba(151, 187, 205, 1);
}

div[id$=Chart], #cbdcReportStatus {
    padding-top: 20px;
}


.panel-default > .panel-heading a,
.panel-default > .panel-heading h1,
.panel-default > .panel-heading h2,
.panel-default > .panel-heading h3,
.panel-default > .panel-heading h4,
.panel-default > .panel-heading h5,
.panel-default > .panel-heading h6 {
    color: #4f2746 !important;
}

.panel-title-arrow a.collapsed:after {
    content: url("../Images/up_arrow.png");
    float: right;
}

.panel-title-arrow a:after {
    content: url("../Images/down_arrow.png");
    float: right;
}

table.report-summary thead tr.ReportSpacer th {
    border: 1px solid white !important;
    color: white;
    background-color: white;
}

.ReportTitle {
    border: 1px solid #c5b575 !important;
    color: red;
    background-color: darkgray;
}

    .ReportTitle th {
        text-align: left !important;
    }

        .ReportTitle th:nth-child(odd) {
            background-color: lightgray;
        }

#preLoad {
    width: 100%;
    height: 100%;
    background: #FFF;
    position: absolute;
    top: 0;
    z-index: 10;
}

    #preLoad div {
        color: #8B0F05;
        position: absolute;
        top: 50%;
        left: 50%;
        height: 60px;
        margin-top: -30px;
        margin-left: -24px;
    }

.validation-summary-errors {
    margin-bottom: 10px;
}

h1 + .pad-bottom.row,
h2 + .pad-bottom.row,
h2 + .pad-bottom.row,
h3 + .pad-bottom.row {
    float: right;
    top: -50px;
    position: relative;
}

.row.pad-bottom {
    margin-bottom: 10px;
}

.dashboardTableTitle {
    font-weight: bold;
    background-color: #F0F0F0;
    background-color: rgba(0, 0, 0, 0.10);
    color: #8b0f05;
    margin-bottom: 3px;
}

.dashboardLabel {
    font-weight: bold;
}

#cbdcReportStatus {
    margin-top: 20px;
}

.chartselector > .btn {
    margin-bottom: 10px;
}

#MainGrid th {
    text-align: center !important;
}

/*************** Begin King Wilder Styles - 6/20/2016 - For Manual Entry ****************/

/* styles for the EditReport view table */
table.report-summary col#label-column {
    width: 80%;
}

table.report-summary col#input-column {
    width: 20%;
}


/* Executive Reports Styles */
.table-title {
    font-size: 1.5em;
}

.loan-product-label {
    font-weight: bold;
    font-size: 1.2em;
}

.total-cell {
    font-weight: bold;
    border-top: 2px solid #000 !important;
    font-size: 1.3em;
}

.no-report-info {
    font-weight: bold;
    text-align: center !important;
}

input[type=checkbox]#SeparateByAttribute {
    width: 1.5em !important;
    height: 1.5em !important;
    vertical-align: middle;
}

.btn-loading {
    pointer-events: none !important;
    color: #6299ca !important;
}