body {
    font-family: Calibri, sans-serif;
    font-size: 16.5px;
}

.blue {
    color: #31708f;
}

.yellow {
    color: #ffdd0f;
}

.green {
    color: #3c763d;
}

.red {
    color: #a94442;
}

.admin-icons {
    margin-top: 1em;
    padding-right: 4em;
    text-align: right;
}

.admin-icons a {
    margin-right: 2em;
    text-align: center;
}

.admin-icons a:hover {
    text-decoration: none;
    cursor: pointer;
}

.form-control, label {
    font-size: 18px;
}

.admin-icon-holder {
    display: inline-block;
}

.add-form label {
    margin-bottom: -8px;
    display: block;
}

.add-form input, .add-form select {
    width: 80%;
    display: inline-block
}

.add-form .fa {
    color: #31708f;
    display: inline-block;
    position: relative;
    top: 8px;
    left: 8px;
}

h4 {
    font-weight: bold;
}

.product-row h4 {
    font-weight: bold;
    margin-top: 1.7em;
    text-align: right;
}

button.generate-report {
    font-size: 32px;
    position: absolute;
    right: 3em;
}

.input-group {
    top: 1.5em;
}

h4.total-row {
    text-align: left;
    margin-left: 2em;
}

ul.form-inset li {
    list-style: none;
}

label.li-form-parent {
    font-size: 1.3em;
    font-weight: bold;
}

.checkbox input[type=checkbox] {
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    padding: 10px;
    top: 2px;
    margin-left: -28px;
}

.error-message {
    margin: 1em;
}

.list-buttons-column button {
    background: none;
    cursor: pointer;
    font-size: 16px;
    border: 0 solid #0f0;
    margin: 0;
    display: inline-block;
}

.list-buttons-column form {
    display: inline-block;
}

.container-fluid {
    padding-top: 2em;
    padding-bottom: 2em;
}

.form-error {
    margin-bottom: .5em;
    color: rgb(255, 99, 99);
    float: left;
}

.table-responsive {
    margin-top: 1em;
}

.alert {
    margin-top: 1em;
}

.add-form select {
    margin-top: 1em;
}

li label.select {
    margin-top: .5em;
    padding-left: 2.5em;
}

li div.select {
}

label {
    position: relative;
}

span.helper {
    width: 100%;
    font-family: Arial, sans-serif;
    line-height: 1.2em;
    font-size: .9em;
    position: absolute;
    padding: .6em;
    top: 2em;
    font-weight: normal;
    background-color: #fff;
    border: 1px solid;
    border-radius: 10px;
    z-index: 10;
    display: none;
}

label.col-form-label {
    float: left;
    padding: .5em;
}

input[type=checkbox] {
    float: left;
    width: 2em;
}

.red-highlight {
    color: #000000;
    background-color: #ffbdaa;
}

nav.navbar.navbar-default.navbar-static-top {
    font-size: 16px;
}

.text-report .header {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 700;
    font-family: Calibri, sans-serif;
    margin-bottom: 0;
    padding-bottom: 0;
}

.text-report ul {
    margin: 0 !important;
}

.btn {
    font-size: 20px;
    float: left;
    margin: 1em;
}

p.highlight {
    padding: 0;
    background-color: #ffd0af;
    margin: 0;
}

p.bullet {
    padding: 0;
    margin: 0;
}

.form-group {
    width: 100%;
    margin-bottom: 15px;
    display: block;
}

/* hover for image preview */
.report-container {
    position: relative;
}

a {
    z-index: 1;
}

img.preview {
    background-color: #fff;
    z-index: 10;
    position: absolute;
    top: 2em;
    left: 12em;
    display: none;
    border: 1px solid #000;
    margin-left: 10px;
}

a.image-preview:hover + img.preview {
    display: block;
}

form p#description {
    float: left;
}

tfoot {
    font-weight: bold;
}

input.rebalance {
    padding-left: 2px;
    margin-right: 3px;
    width: 58px;
}

div.ac-percent-alert-holder {
    height: 100px;
}

table.grouping-table {
    margin-top: 3em;
}

.asset-class-transactions {
    margin-left: 3em;
    list-style-type: none;
    font-size: .95em;
}

[data-pseudo-content]::before {
    content: attr(data-pseudo-content);
}

.account-transactions {
    margin-left: 3em;
}

.transaction-table {
    width: 90%;
    margin-left: 10%;
}

.dropdown-menu a {
    font-size: 1.2em;
    margin: .4em;
}

a {
    font-size: 15px;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    list-style-type: none;
}

input#file {
    font-size: 14px;
}

.document-group {
    border: 1px solid #909090;
    border-radius: 1em;
    padding: 1em;
    background-color: #fcfcfc;
}

.download-as-zip {
    display: block;
    margin-top: 1em;
}

.document-group {
    position: relative;
    margin-bottom: 1em;
}

.document-group .attachments {
    display: none;
}

.toggle-attachments.fa-minus {
    display: none;
}

.toggle-attachments:hover {
    cursor: pointer;
}

.attachment-expand {
    position: absolute;
    right: 1em;
}

.login-panel .alert {
    margin-bottom: 0;
    margin-top: 0;
}

.login-panel .btn {
    margin: 0;
    margin-top: .5em;
}

.navbar-form {
    margin: 0;
}

.navbar-form input#submit {
    margin: 3px;
    position: absolute;
    right: 10px;
}


.distribution-info-table {
    margin: 30px 0;
}

.distribution-info-table td {
    border-width: 1px;
    padding: 5px;
    border-style: solid;
}

.project-row-highlight {
    border-bottom: 1px solid #f1f1f1;
}

.spacer-row td, .spacer-row {
    padding-top: 3.5em !important;
}

.spacer-row td, .spacer-row {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    height: 20px;
}

tr.spacer {
    height: 1em !important;
}

.pdf-container {
    background-color: #fff;
}

.page-break {
    border: 0;
    page-break-after: always;
}

.table-header {
    font-weight: bold;
    background-color: #4f81bd !important;
    color: #fff !important;
}

.table-header-light {
    font-weight: bold;
    background-color: #e4efff !important;
    color: #404040 !important;
}

.table tr td {
    padding: .1em !important;
    border-top: 1px solid #dddddd59 !important;
}

.light-dash {
    color: #e0e0e0;
}

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

.table-borderless tr td {
    padding: 0.3em !important;
    border-top: none !important;
}

.large-margin-top {
    margin-top: 10em;
}

.small-margin-top {
    margin-top: 4em;
}

*, .table-header, body, html {
    -webkit-print-color-adjust: exact !important;
}

.small-first thead tr th:first-child,
.small-first tbody tr td:first-child {
    width: 30px;
}

.medium-first thead tr th:first-child,
.medium-first tbody tr td:first-child {
    width: 100px;
}

.wide-first thead tr th:first-child,
.wide-first tbody tr td:first-child {
    width: 300px;
}

textarea.form-control {
    height: 350px;
}

.pie-text {
    position: relative;
    bottom: 10px;
    font-size: 2.5em;
    margin-top: -15px;
}

.pie-chart-container {
    position: relative;
}

.pie-chart-holder {
    position: relative;
}

.pie-table-holder {

}

@media print {
    .noprint {
        visibility: hidden;
    }

    .pie-chart-container {
        visibility: hidden;
    }

    .navbar {
        display: none;
        visibility: hidden;
    }


}




.underline {
    text-decoration: underline;
}

.pad-left {
    padding-left: 1em !important;
}

tr.pad-top > td {
    padding-top: 1em !important;
}

input#forgot_password {
    background: none !important;
    border: none;
    padding: 0 !important;
    font-family: arial, sans-serif;
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}

.border-top {
    border-top: 1pt solid #6b6b6b;
}

table {
    border-collapse: collapse;
}

div.filter-label {
    font-weight: bold;
    padding-bottom: 0.5em;
    /* margin-bottom: 4em; */
    display: block;
}

.form-filters .btn {
    margin-left: 0 !important;
}

.form-filters .btn {
    margin-left: 0 !important;
}

.checkbox-small {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.4); /* IE */
    -moz-transform: scale(1.4); /* FF */
    -webkit-transform: scale(1.4); /* Safari and Chrome */
    -o-transform: scale(1.4); /* Opera */
    transform: scale(1.4);
    padding: 1.4em;
}

/* Might want to wrap a span around your checkbox text */
.checkbox-small {
    /* Checkbox text */
    font-size: 110%;
    display: inline;
}

#document-table thead th {
    background-color: #e4eff6;
    font-weight: bold;
    padding: 5px;
    padding-left: 1px;
}

#document-table thead th input {
    margin-bottom: 3px;
}

#document-table_filter {
    float: right;
    position: relative;
    top: -10px;
}

#document-table_filter input {
    margin-left: 1em;
}

input.form-control.inline {
    width: auto !important;
    display: inline;


}

.select2-container--default .select2-selection--single {
    height: 2em;

}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 2em;
}

.form-filters {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0
}

.document-table-container {
    padding: .95em;
}

th:first-of-type {
    border-top-left-radius: 6px;
}

th:last-of-type {
    border-top-right-radius: 6px;
}

tr:last-of-type td:first-of-type {
    border-bottom-left-radius: 6px;
}

tr:last-of-type td:last-of-type {
    border-bottom-right-radius: 6px;
}

table.dataTable thead .sorting:after {
    margin-right: 12px;
}

table.dataTable thead .sorting_asc:after {
    margin-right: 12px;
}

table.dataTable thead .sorting_desc:after {
    margin-right: 12px;
}

button#clear-date-filter {
    height: 2em;
    padding-bottom: 0;
    background-color: #e8e8e8;
    border: 1px solid;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

.col-md-offset-2.col-md-10.submit-row {
    margin-left: 340px;
}

button.btn.btn-secondary {
    color: black;
}

label.control-label {
    text-align: right;
}

.small-select {
    width: 135px;
    height: 26px;
    line-height: 10px;
    padding: 0;
}

.loader-container {
    background-color: rgba(12, 12, 12, 0.22);
    position: fixed;
    width: 100%;
    height: 1000%;
    z-index: 100000;
    overflow-y: auto;
    display: none;
}

.loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid blue;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
    display: block;
    margin: 35% auto;
}

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

.revenue-totals {
    margin: 1em 0;
}

.first-table {
  margin-bottom: 100px; /* Adjust the space as needed */
}

.align-with-buttons {
    display: flex;
    align-items: center;
    height: 38px; /* Adjust this value as needed to match your button height */
}

/* Used to create a green striped pattern for the table on the real estate transaction tracker;
The pattern is g=green, t=table, s=striped */
.g-t-s tbody tr:nth-of-type(odd) {
    background-color: #e9f6e9;
}

/* Used to create a red striped pattern for the table on the real estate transaction tracker;
The pattern is g=green, t=table, s=striped */
.r-t-s tbody tr:nth-of-type(odd) {
    background-color: #FFCCCC;
}

.btn.custom-delete-btn {
    padding: 3px 10px !important; /* Overrides the padding */
    font-size: 12px !important; /* Makes the text smaller */
    /* Add !important to force override if necessary, but use sparingly */
}