/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

root {
}



/*

    #5b6b6a - dark green
    #98B3B1 - green
    #D3D9CB - light green
    #FFF9F1 - neutral
    #FFDCBA - accent1
    #F2B58F - accent2
*/


/*:root {
    --level-one: translateZ(3rem);
    --level-two: translateZ(6rem);
    --level-three: translateZ(9rem);
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-bold: 700;
    --clr: #444444;
    --clr-background: #FFFFFF;
    --clr-primary-100: #F2D06B;
    --clr-primary-200: #2B2E40;
    --clr-neutral-100: #F0F1F2;
    --clr-accent1: #93A64E;
    --clr-accent2: #A62D43;
    --ff-primary: "Roboto", sans-serif;
    --ff-accent: "Black Ops One', sans-serif;
}*/

:root {
    --level-one: translateZ(3rem);
    --level-two: translateZ(6rem);
    --level-three: translateZ(9rem);
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-bold: 700;
    --clr: #444444;
    --clr-background: #FFFFFF;
    --clr-primary-100: #D3D9CB;
    --clr-primary-200: #98B3B1;
    --clr-primary-300: #5B6B6A;
    --clr-neutral-100: #FFF9F1;
    --clr-accent1: #FFDCBA;
    --clr-accent2: #F2B58F;
    --clr-disabled: #999999;
    --clr-ff-disabled: #CCCCCC;
    --ff-primary: "Roboto", sans-serif;
    --ff-accent: "Black Ops One', sans-serif; --clr-linkColor: #0366D6;
}


.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    z-index: 9999;
}


.table-PB {
    --bs-table-color: #5b6b6a;
    --bs-table-bg: #D3D9CB;
    --bs-table-border-color: #98B3B1;
    --bs-table-striped-bg: #FFDCBA;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

h1, h2, h3, h4, h5 {
    color: var(--clr-primary-300) !important;
    font-family: var(--ff-accent);
}

.DefaultFont {
    color: var(--clr-primary-300) !important;
    font-family: var(--ff-accent);
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.nav-link:hover {
    text-decoration: underline;
}

/*.nav-item a:hover {
    color: var(--clr-neutral-100);
}*/

.dropdown-menu a:hover {
    background-color: var(--clr-primary-300);
    color: white;
}

.ControlDescription {
    font-size: .8rem;
    line-height: 1rem;
    font-weight: var(--fw-normal);
}

.isRequired {
    border-left: 3px solid red !important;
}



/* Provide sufficient contrast against white background */
a {
    color: var(--clr-linkColor);
}

/*.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}*/

.btn-primary {
    color: var(--clr-background);
    background-color: var(--clr-primary-200);
    border-color: var(--clr-primary-300);
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
}

    .btn-primary:hover {
        background: var(--clr-neutral-100) !important;
        border-color: var(--clr-primary-300) !important;
        color: var(--clr-primary-300) !important;
    }

.btn-disabled {
    background-color: var(--clr-disabled) !important;
    color: var(--clr-ff-disabled) !important;
}

.btn-primary:disabled,
.btn-primary[disabled] {
    background-color: var(--clr-disabled);
    border-color: var(--clr-primary-300);
    color: var(--clr-primary-300) !important;
    box-shadow: none;
}

/*.btn-default {
    background-color: #FFF9F1 !important;
    border-color: #98B3B1 !important;
    color: #5b6b6a !important;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
}*/

.btn-default {
    background-color: var(--clr-primary-100) !important;
    border-color: var(--clr-primary-200) !important;
    color: var(--clr-primary-200) !important;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
}

    .btn-default:hover {
        background: var(--clr-primary-200) !important;
        border-color: var(--clr-primary-100) !important;
        color: var(--clr-primary-100) !important;
    }
/*
.btn-primary {
    background: #98B3B1;
    border: 1px solid #89a19f;
    color: #FFF9F1 !important;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
}
*/

/*.btn-secondary {
    background-color: #6ba9db;
    border-color: #3779ad;
    color: #FFFFFF;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
}*/

.btn-secondary {
    background-color: var(--clr-primary-300);
    border-color: var(--clr-primary-100);
    color: var(--clr-primary-100);
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
}

    .btn-secondary:hover {
        background-color: var(--clr-primary-100);
        border-color: var(--clr-primary-300);
        color: var(--clr-primary-300);
    }

    .btn-secondary:disabled,
    .btn-secondary[disabled] {
        background-color: #6ba9db;
        border-color: #999999;
        color: #999999;
    }

.btn-success {
    border-color: #115d3a;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
}

.btn-danger {
    background-color: #dc3545;
    border-color: #FFF9F1;
    color: #FFF9F1;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
}

    .btn-danger:hover {
        background-color: #FFF9F1;
        border-color: #dc3545;
        color: #dc3545;
    }

    .btn-danger:disabled,
    .btn-danger[disabled] {
        background-color: #dc3545;
        border-color: #999999;
        color: #999999;
        box-shadow: none;
    }

.btn-balanced {
    border-color: green;
    color: green;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
}

.btn-unbalanced {
    background-color: var(--clr-disabled) !important;
    border-color: red !important;
    /*color: var(--clr-ff-disabled) !important;*/
    color: red !important;
}

.parentCategoryRow {
    background-color: var(--clr-primary-100);
    padding: 3px 1px;
}



/*.btn-success {
    border-color: #115d3a;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
}*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--clr-background);
    /*background-color: #1b6ec2;
    border-color: #1861ac;*/
    background-color: var(--clr-primary-200);
    border-color: var(--clr-primary-300);
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: .7rem;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 150px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 125px; /* Vertically center the text there */
    background-color: #5b6b6a;
    color: #98B3B1 !important;
    font-weight: 500;
}

    .footer a {
        color: #98B3B1 !important;
    }

        .footer a:hover {
            text-decoration: none;
        }





.waitScreen {
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(75, 75, 75, 0.7);
    position: fixed;
    left: 0;
    top: 0;
}

.waitScreenMessage {
    margin: auto;
    background-color: #FFF;
    position: fixed;
    top: 50%;
    left: 50%;
    /*width: 250px;
    height: 75px;*/
    margin-left: -125px;
    margin-top: -37px;
    /*padding: 27px 0 0 85px;*/
    border-radius: 10px;
}

.waitScreenContainer {
    margin: 1.5rem;
    min-height: 45px;
    min-width: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hidden {
    display: none;
}

#TransactionsTable td {
    font-size: 12px !important;
}

.link-style {
    color: #007bff;
    cursor: pointer;
}

.md-form.md-outline.form-sm label {
    margin-left: 20px;
    margin-top: 2px;
}

/*.childLineItem .category {
    width: 90%;
    float: right;
    clear: both;
}*/

/*.splitCollapsedCategory::before {
    content: "\f0da";
}

.splitOpenCategory::before {
    content: "\f0d7";
}*/

.xdsoft_autocomplete {
    width: 100% !important;
    float: right !important;
    clear: both !important;
}

.shadow {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.accentArea {
    background-color: #FFFFFF;
    --border: 3px solid #999999;
    border-radius: 5px;
    margin-right: 12px;
    color: #999999;
    padding: .5rem 1rem;
    font-weight: 600;
    box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.20);
}

#BalanceButton, #ReconcileButton, #AdjustStatementButton, #StopReconcileButton {
    width: 9rem;
}

.accountUnbalanced {
    color: #ffc311;
}

.valueListItemRow {
    border-radius: 10px;
    border: 1px solid #CCC;
    margin-bottom: .75rem;
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.20);
}

    .valueListItemRow div {
        padding: 1.25rem .75rem;
        background-color: #FFF;
    }

    .valueListItemRow .col-1 {
        border-right: 1px solid #DDD;
    }

tr.odd, tr.even {
    border-bottom: 1px solid #CCCCCC;
}

tr.odd {
    background-color: #D3D9CB;
}

.QuoteContainer {
    background: url('/images/prisonBars.jpg') no-repeat;
    background-size: cover;
    background-position-x: right !important;
    place-items: center;
    padding: 0 7rem;
    min-height: 15rem;
}

.QuoteText {
    font-style: italic;
    font-size: 1.5rem;
    font-weight: 500;
    color: #FFF9F1;
    text-shadow: .1rem .1rem .2rem black;
}

.FeaturesSection {
    display: inline-flex;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.5rem;
}

.Feature {
    background-color: #D3D9CB;
    border-radius: 10px;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
    color: #5b6b6a;
    /*min-width: 18.5rem;*/
    min-height: 18rem;
    padding: 0;
}

.Title {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #98B3B1;
    padding: 1rem;
}

.FeatureTitleText {
    font-size: 1.4rem;
    font-family: 'Black Ops One', sans-serif;
    /*display: inline;*/
    line-height: 1;
    min-height:2.6rem;
    display: flex;
    align-items: center;
}

.FeatureIconContainer {
    float: left;
    z-index: 99;
    margin: 1.25rem 1rem .5rem 0;
    border: .2rem solid #5b6b6a;
    padding: .5rem;
    background-color: #D3D9CB
}

.FeatureIcon {
    font-size: 3.1rem;
}

.FeatureDescription {
}

.ComingSoon {
    position: relative;
    background-color: rgba(75, 75, 75, 0.5);
}

.ComingSoonLabel {
    /*font-size: 2.5rem;*/
    font-size: 2rem;
    font-family: 'Black Ops One', sans-serif;
    color: #f1eab1;
    text-shadow: .1rem .1rem .2rem black;
    /*transform: rotate(-45deg);*/
    position: absolute;
    /*top: 6.5rem;*/
    bottom: 0;
    /*left: 2.0rem;*/
    left: 15%
}

.FeatureDescription {
    line-height: 1.6em;
    font-weight: 500;
    margin: 1rem;
}

.SummaryContainer {
    display: inline-flex;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5rem;
}

.SummarySection {
    background-color: #5b6b6a;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
    min-height: 400px;
}

.SummaryInfo {
    font-size: 1.1em;
    font-weight: 700;
    color: #f1eab1;
}

    .SummaryInfo a {
        font-size: 1.1em;
        font-weight: 700;
        color: #f1eab1;
        text-decoration: underline;
    }

    .SummaryInfo a:hover {
        font-size: 1.1em;
        font-weight: 700;
        color: #f1eab1;
        text-decoration: none;
    }

.SummaryHeader {
    font-size: 1.75rem;
    color: #f1eab1;
    font-family: 'Black Ops One', sans-serif;
}

.TotalsInfo {
    font-size: 1.25em;
    font-weight: 700;
    color: #5b6b6a;
}

.basic-list {
    list-style: none;
    font-size: 1.25em;
    line-height: 1.6em;
    font-weight: 500;
}

    .basic-list a {
        color: #007bff;
        cursor: pointer;
    }

.CategorySections {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5rem;
}

.PayeeSections {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: .25rem;
}

.AccountSections {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1.5rem;
}




/*Budget Styles*/
.Budget {
background-color: var(--clr-primary-200);
    padding: 5px 5px 5px 17px;
    margin: 0;
    border-radius: 10px;
}

.BudgetColumn {
    max-width: 19rem;
    font-size: .8em;
    margin-left: 5px;
    margin-right: 5px;
}

.BudgetColumnHeader {
    background-color: var(--clr-primary-300);
    color: var(--clr-neutral-100);
    border-radius: 5px;
    padding: .5rem;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
    font-weight: var(--fw-medium);
    height: 9.5em;
}

    .BudgetColumnHeader .col, .BudgetColumnHeader .row {
        padding: 0;
        margin: 0;
    }

.BudgetColumnHeadings {
    margin-top: 5px;
    background-color: var(--clr-primary-100);
    border-radius: 5px;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
    padding: 2px;
    /*height: 2em;*/
}

    .BudgetColumnHeadings .row, .BudgetColumnHeadings .col {
        margin: 0;
    }

    .BudgetNumberArea {
        margin-top: 5px;
        border-radius: 5px;
        background-color: var(--clr-background);
        box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
        padding: 5px 0 5px 0;
    }

    .BudgetNumberArea .row, .BudgetNumberArea .col {
        padding: 0;
        margin: 0;
    }

.BudgetNumbers .row {
    width: 100%;
}

.BudgetNumber .row, .BudgetNumber .col {
    padding: 0;
    margin: 0;
}

.BudgetNumbers.TopRow {
    margin-top: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.BudgetNumbers.BottomRow {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.modal-xlg {
    --bs-modal-width:1000px;
}

.calculator {
    width: 170px;
    height: 205px;
    border: 1px solid black;
    border-radius: 10px;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
    margin: auto;
}

.calculator .display {
    width: 160px;
    height: 35px;
    margin: 5px auto;
    background-color: lightgray;
    border-radius: 7px;
    border: 1px solid #AAAAAA;
    font-size: 1.25em;
    text-align: right;
}

    .calculator .buttons {
        padding-top: 3px;
        width: 160px;
        margin: auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: .5rem;
        font-size: .8em;
        cursor: pointer;
    }

    .calculator .calc-button {
        background-color: antiquewhite;
        border-radius: 7px;
        box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.30);
        width: 30px;
        height: 22px;
        margin: auto;
    }

.required {
    border-left: 3px solid red;
}

input[type='text']::placeholder {
    color: var(--clr-ff-disabled);
}

#AssignedTags {
    margin-top: 1.0em;
    line-height: 2.1em;
}

.tag {
    font-size: .9em;
    padding: 2px 6px;
    background-color: var(--clr-primary-100);
    border: 2px solid var(--clr-primary-200);
    border-radius: 20px;
    color: var(--clr-primary-300);
    margin-right: .2em;
    margin-bottom: .2em;
    display: inline-block;
    line-height: 1.2em;
}

.tagClose {
    cursor: pointer;
    font-size: 1em;
}