#header {
    background: #3d2a1b;
}

.module h2,
.module caption,
.inline-group h2 {
    background: #196a40;
    color: white;
}

div.breadcrumbs {
    background: #3d2a1b;
    color: #C0C0C0;
}

div.breadcrumbs a:focus,
div.breadcrumbs a:hover {
    color: #C0C0C0;
}

#user-tools a:focus,
#user-tools a:hover {
    border-bottom-color: #196a40;
    color: #196a40;
}

.button,
input[type=submit],
input[type=button],
.submit-row input,
a.button {
    background: #3d2a1b;
}

a:link,
a:visited {
    color: #589b7b;
}

a:focus,
a:hover {
    color: #196a40;
}

.button.default,
input[type=submit].default,
.submit-row input.default {
    background: #3d2a1b;
}

.button.default:active,
input[type=submit].default:active,
.button.default:focus,
input[type=submit].default:focus,
.button.default:hover,
input[type=submit].default:hover {
    background: #736358;
}

.button:active,
input[type=submit]:active,
input[type=button]:active,
.button:focus,
input[type=submit]:focus,
input[type=button]:focus,
.button:hover,
input[type=submit]:hover,
input[type=button]:hover {
    background: #736358;
}

.object-tools a:focus,
.object-tools a:hover {
    background-color: #736358;
}


/* Full width */

.dashboard #content {
    width: auto;
}


/* summary generic css */

.last-row {
    font-weight: bold;
}

.summary-table .value {
    text-align: right;
}

.summary-table .value a {
    color: #666;
}

.dashboard .module table td a {
    padding-right: 0;
}


/* end summary generic css */

@media only screen and (min-width: 992px) {
    .dashboard #content #content-main {
        width: 45%;
        float: left;
    }
    .dashboard #content #content-dashboard {
        width: 50%;
        float: left;
        margin-left: 20px;
    }
    .summary-table {
        width: 48%;
        float: left;
        margin-left: 5px;
    }
    .summary-chart {
        padding-top: 20px;
        margin-left: 5px;
        width: 100%;
    }
}


/* fix table width */

@media (max-width: 1550px) and (min-width: 992px) {
    .summary-table {
        width: 100%;
        float: left;
        margin-left: 5px;
    }
}

@media only screen and (max-width: 991px) {
    .dashboard #content #content-main {
        width: 100%;
        float: left;
    }
    .dashboard #content #content-dashboard {
        width: 100%;
        float: left;
    }
    .summary-table {
        width: 100%;
        float: left;
    }
    .summary-chart {
        padding-top: 20px;
        width: 100%;
    }
}


/* FORMS */

form .related-widget-wrapper ul {
    padding-left: 5px;
}


/* END FORMS */


/* DATE FILTER */

.admindatefilter .button,
.admindatefilter input[type=submit],
.admindatefilter input[type=button],
.admindatefilter .submit-row input,
.admindatefilter a.button,
.admindatefilter .button,
.admindatefilter input[type=reset] {
    background: #3d2a1b!important;
}

.vDateField {
    width: 80px;
}


/* END DATE FILTER */

[class^="field-value"]>select,
[class^="form-row field-balance"] div>select,
[class^="form-row field-value"] div>select,
[class^="fieldBox field-value"] select {
    display: none;
}

.field-file select {
    width: 100px;
}

fieldset.collapsed .collapse-toggle {
    background: transparent;
    display: inline;
    color: #589B7B;
}

fieldset.collapse a {
    color: #FFF;
}

.nested-select {
    max-width: 350px;
}

.reportlink {
    float: left;
    padding: 3px 12px;
    background: #999;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff !important;
    border-radius: 15px;
    margin: 3px;
}

.thumbnail>img {
    border: 1px solid #ddd;
    /* Gray border */
    border-radius: 4px;
    /* Rounded border */
    padding: 5px;
    /* Some padding */
    max-width: 80px;
    max-height: 60px;
    /* Set a small width */
}


/* Add a hover effect (blue shadow) */

.thumbnail>img:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}