:root {
  --dept-color-0: #fff;
  --dept-color-1: lightgrey;
  --dept-color-2: #bdeb9a;
  --dept-color-3: #ffb66c;
  --dept-color-4: #ffffa6;
  --dept-color-5: #ffa6a6;
  --dept-color-6: #bf819e;
  --dept-color-7: #79afa8;
  --dept-color-8: #e8f2a1;
  --dept-color-9: #aca3cc;
  --dept-color-10: #ffd8ce;
  --dept-color-11: #fff5ce;
  --dept-color-12: #b3cac7;
  --dept-color-13: rgb(255, 163, 214);
  --dept-color-14: rgb(138, 197, 255);
  --dept-color-15: rgb(219, 233, 26);
  --dept-color-16: rgb(255, 87, 45);
  --dept-color-17: #06c;
}

/*body{
    background-image: none;/* Hack to sit in old BWR site
    background-color: white;
}
.site-header, .main-content{
    background-image: none;  Hack to sit in old BWR site 
}
.main-content{
    margin-top: -80px;
} */
#print-container{
    padding: 10px;
    background-image: url("https://www.bluewatersresidential.com/warlock/assets/digital-print-background-swirl-only.svg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 500px;
    min-height: 700px;
    /*max-width:fit-content; fill width in bwdir site*/
    min-width: 700px;
    clear: both;
}

#main{ /* Hack to sit in old BWR site */
    max-width: 1400px;
    right: 25px;
    border: none;
}

table, tr, td{
    border: none;
    font-family: "Georgia", serif;
    text-align: left;
}

h3, #main h3 /* Hack to sit in old BWR site */{
    padding: 20px 0px 10px 42px;
    margin: 0 0 10px 0;
    width: 95%;
    border-bottom: 3px solid #52aee5ff;
    background-image: url("https://www.bluewatersresidential.com/warlock/assets/blue-waters-bullet.svg");
    background-position: left;
    background-repeat: no-repeat;
    background-size: 32px;

}



.pagebreak{
    clear: both;
}

.slash0font td,.slash0font{
    font-family: "Consolas","Inconsolata","Cascadia Code","Roboto Mono", Cascadia, Roboto,"Menlo","SF Mono", sans-serif;
}
#headertable{
    float: right;
    max-width: 80%;
}

#headertable td{
    padding: 0px 30px;
}

#headertable td.arrow-link{
    padding: 0px 5px;
    background: rgba(118, 150, 255, 0.35);
}
#headertable td.nofield{
    padding: 0px 5px;
}

#banktrail td{
    border-bottom: 1px solid lightgray;
    padding: 0px 10px;
}

tr.even, div.even{
    background-color: #f5f5f5;
}

.btContentHolder table th.rhs-labels{
    text-align: right;
}

.btLightSkin .members-login-form input[type="submit"]{
    background-color: #52aee5ff;
    color: white;
    line-height: 0;
}

td.sub{
    color: #666;
}

td.topdate{
    font-size: smaller;
    color: #666;
    text-align: right;
}

.action{
    border-color: green;
    background-color:lightgreen ;
}
.action2{
    border-color: rgb(0, 95, 0);
    background-color:rgb(162, 148, 224) ;
}
.selected{
    padding:30px 0px;
    border:dotted 2px  #3a0;
    font-weight: bolder;
}

.warning {
    border-color: red;
    background-color: pink;
}

.strongwarning {
    border-color: rgb(160, 0, 0);
    background-color: rgb(255, 99, 125);
    font-weight: bolder;
}

.watchout{
    border-color: rgb(255, 102, 127);
    background-color: khaki;
}
.watchout2{
    border-color: rgb(250, 15, 54);
    background-color: rgb(109, 217, 231);
}
.prewatch{
    border-color: rgb(161, 255, 182);
    background-color: rgb(255, 252, 224);
}
.prewatch2{
    border-color: rgb(161, 255, 182);
    background-color: rgb(187, 243, 243);
}
.smallcell{
    font-size: 70%;
}

img.table-logo{
    width:200px
}

.balance-credit{
    background: rgba(144, 255, 163, 0.35);
}
.balance-late{
    background: rgba(255, 255, 177, 0.35);
}
.balance-payment{
    background: rgba(255, 212, 177, 0.35);
}
.balance-debtor{
    background: rgba(255, 169, 169, 0.35);
}

.starting-balance{
    background-color: #e4f75a;
}
.current-balance{
    background-color: #fcc359;
}
.even .starting-balance{
    background-color: #e7f38b;
}
.even .current-balance{
    background-color: #f1cf90;
}

#headertable .narrative{
    text-align: right;
    padding: 20px;
}

#howtopay{
    text-align: left;
    border: 3px solid #52aee5ff;
}
#howtopay td{
    padding: 0px 18px;
}

/* ------ Warning boxes ---------------  */

.dev-action-box{
    float: left;
    width: 300px;
    padding: 5px;
    font-size: 80%;
}
.dev-action-box-slim{
    min-height: 120px;
}
.dev-action-box-big{
    min-height: 280px;
}
.dev-action-box input{
    float: left;
}
.warning-actions-box{
    clear: both;
}
.dev-action-box p.banking{
    font-weight: lighter;
    font-size:smaller;
}
.dev-action-box h4{
    font-size: 14px;
}

/* ------ I+E Tables ---------------  */

table.cleartable{
    clear: both;
    padding-top: 20px;
}

#incometable, #bankacctable{
    float: left;
    margin-right: 25px;
}
#incometable{
    clear: both;
    max-width: 25%
}
.budget-content #incometable{
    max-width: 90%
}
#expendituretable{
    max-width: 70%
}
.budget-content #expendituretable{
    max-width: 90%
}
#bankacctable{
    max-width: 70%
}
#cashSummary{
    border-left: 3px solid #52aee5ff;
    padding-left: 25px;
    max-width: 25%
}
#budgetSummary{
    min-width: 800px;
}

#incometable td, #expendituretable td, #budgetSummary td, #deptIE td{
    padding: 0px 10px;
}

#expendituretable td.depts,#expendituretable td.notes{
    font-weight: lighter;
    font-size:smaller;
}

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

td.numbers, th.numbers{
    text-align: right;
}

td.notes{
    max-width: 300px;
    text-wrap: wrap;
}

#incometable td.nofield, #expendituretable td.nofield{
    padding:0;
}

#deptIE td{
    border-bottom: 1px solid #eeeeee;
    word-wrap: break-word;
    max-width: 75px;
    font-size: smaller;
}
#deptIE th{
    width: 75px;
    word-wrap: break-word;
    padding: 5px;
}
#deptIE th.NCName{
    width: 160px;
}
#deptIE td.NCName{
    max-width: 200px;
}

#deptIE tr.NC4008 td, #deptIE tr.NC4021 td{
    font-weight: lighter;
    font-style: italic;
    color: #666;
}

#budgetSummary th{
    padding-top: 10px;
}

tr.BdgtSummary-header-0 th{
    border-bottom: 4px solid rgb(172, 112, 0);
}
tr.BdgtSummary-header-1 th{
    border-bottom: 4px solid rgb(109, 0, 182);
}
tr.BdgtSummary-header-2 th{
    border-bottom: 4px solid rgb(167, 155, 0);
}
tr.BdgtSummary-header-3 th{
    border-bottom: 4px solid rgb(0, 123, 160);
}
tr.BdgtSummary-header-4 th{
    border-bottom: 4px solid rgb(101, 145, 0);
}
tr.BdgtSummary-header-5 th{
    border-bottom: 4px solid rgb(3, 0, 160);
}
tr.BdgtSummary-header-6 th{
    border-bottom: 4px solid rgb(156, 4, 136);
}
.BdgtSummary-header-7 th{
    border-bottom: 4px solid rgb(23, 122, 15);
}
tr.BdgtSummary-header-8 th{
    border-bottom: 4px solid rgb(117, 96, 0);
}
tr.BdgtSummary-header-9 th{
    border-bottom: 4px solid rgb(128, 0, 0);
}
th.budget-subcat{
    font-weight: normal;
}
td.NC4008{
    font-style: italic;
    background-color: #666;
}

#CFYInvRefs tr.lastYear td{
    background-color: rgb(197, 197, 197);
}

.ghostNC h4{
    font-weight: lighter;
    color: #999999;
    font-size: smaller;
}
.ghostNC p, .ghostNC input, .ghostNC table{
    display:none;
    font-weight: lighter;
    color: #999999;
    font-size: smaller;
}
.ghostNC{
    display: block;
    border-left: 3px solid #777777;
    max-width: 300px;
    float:left;
}
.focusNC{
    border-left: 3px solid #52aee5ff;
    border-top: 3px solid #52aee5ff;
    background-color: rgb(216, 241, 255);
    clear: both;
    min-width: 800px;
    width: 100%;
}
.focusNC table{
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    margin-bottom: 10px;
}

.focusNC table tr.nextYear td,.focusNC table tr.thisYear td,.focusNC table tr.lastYear td{
    border-top: 2px solid black;
}

.focusNC table tr.prevYears td{
    color: #525252;
    background-color:#f1f1f1;
    font-size:smaller;
}
.focusNC table tr.archiveYears td{
    color: #666;
    background-color:#dbdbdb;
    font-size:smaller;
    font-weight: lighter;
}

.budgetInputNCholder{
    display:flow-root;
}
.budgetInputNCholder h4{
    clear: both;
    margin: 2px;
    padding: 5px 2px 2px 2px;
}
.budgetInputNCholder p{
    width: 180px;
    clear: none;
    margin: 2px;
    padding: 2px;
    float:left;
}
.budgetInputNCholder table, .NC-inputfields{
    clear: both;
}
.NC-inputfields input.numberfield{
    width: 70px;
    float: right;
    font-size: smaller;
    height: 20px;
}
.NC-inputfields input.textfield{
    width: 100%;
    font-size: smaller;
    height: 20px;
}
.NC-inputfields label{
    max-width: 90px;
    height: 20px;
    padding-bottom: 10px;
}
.NC-inputfields a{
    max-width: 160px;
    height: 20px;
    font-size: smaller;
    color:#535353;
}

.NC-inputfields a.abigail-suggest{
    color:rgb(37, 124, 0);
    border: 1px solid #3a0;
}
.NC-inputfields a.abigail-alt{
    color:rgb(124, 85, 0);
    border: 1px solid rgb(170, 111, 0);
}

/* ------ Cashflow styles ---------------  */

table#CashBal td{
    font-size: smaller;
}
td.overbudget{
    border:2px solid #ff7a7a;
    background-color:#fcf1f1;
}
td.underbudget{
    border:2px solid #4daa4d;
    background-color:#ebfdeb;
}
td.justbudget{
    border:2px solid #e0e0e0;
    color:#3f3f3f;
}
td.overspent{
    background-color:#fdc9c9;
    color:#000000;
}


/* ------ Department styles ---------------  */

.dept-bck-0{
    background-color: var(--dept-color-0);
}
td.dept-under-0,.dept-under-0 td{
    border-bottom: 2px solid var(--dept-color-0);
}

.dept-bck-1{
    background-color: var(--dept-color-1);
}
td.dept-under-1,.dept-under-1 td{
    border-bottom: 2px solid var(--dept-color-1);
}

.dept-bck-2{
    background-color:var(--dept-color-2);
}
td.dept-under-2,.dept-under-2 td{
    border-bottom: 2px solid var(--dept-color-2);
}

.dept-bck-3{
    background-color:var(--dept-color-3);
}
td.dept-under-3,.dept-under-3 td{
    border-bottom: 2px solid var(--dept-color-3);
}

.dept-bck-4{
    background-color:var(--dept-color-4);
}
td.dept-under-4,.dept-under-4 td{
    border-bottom: 2px solid var(--dept-color-4);
}

.dept-bck-5{
    background-color:var(--dept-color-5);
}
td.dept-under-5,.dept-under-5 td{
    border-bottom: 2px solid var(--dept-color-5);
}

.dept-bck-6{
    background-color:var(--dept-color-6);
}
td.dept-under-6,.dept-under-6 td{
    border-bottom: 2px solid var(--dept-color-6);
}

.dept-bck-7{
    background-color:var(--dept-color-7);
}
td.dept-under-7,.dept-under-7 td{
    border-bottom: 2px solid var(--dept-color-7);
}

.dept-bck-8{
    background-color:var(--dept-color-8);
}
td.dept-under-8,.dept-under-8 td{
    border-bottom: 2px solid var(--dept-color-8);
}

.dept-bck-9{
    background-color:var(--dept-color-9);
}
td.dept-under-9,.dept-under-9 td{
    border-bottom: 2px solid var(--dept-color-9);
}

.dept-bck-10{
    background-color:var(--dept-color-10);
}
td.dept-under-10,.dept-under-10 td{
    border-bottom: 2px solid var(--dept-color-10);
}

.dept-bck-11{
    background-color:var(--dept-color-11);
}
td.dept-under-11,.dept-under-11 td{
    border-bottom: 2px solid var(--dept-color-11);
}

.dept-bck-12{
    background-color:var(--dept-color-12);
}
td.dept-under-12,.dept-under-12 td{
    border-bottom: 2px solid var(--dept-color-12);
}

.dept-bck-13{
    background-color:var(--dept-color-13);
}
td.dept-under-13,.dept-under-13 td{
    border-bottom: 2px solid var(--dept-color-13);
}

.dept-bck-14{
    background-color:var(--dept-color-14);
}
td.dept-under-14,.dept-under-14 td{
    border-bottom: 2px solid var(--dept-color-14);
}

.dept-bck-15{
    background-color:var(--dept-color-15);
}
td.dept-under-15,.dept-under-15 td{
    border-bottom: 2px solid var(--dept-color-15);
}

.dept-bck-16{
    background-color:var(--dept-color-16);
}
td.dept-under-16,.dept-under-16 td{
    border-bottom: 2px solid var(--dept-color-16);
}





/* ------ Print styles ---------------  */


@media print {
    .pagebreak{
        break-before: page;
    }
    body{
        font-size: smaller;
    }
    #print-container{
        max-width: 100%;
        padding: 0px;
        margin: 0px;
    }
    .balance-credit{
        background: rgb(175, 255, 205);
    }
    .balance-payment{
        background: rgb(255, 202, 159);
    }
    .balance-debtor{
        background: rgb(255, 167, 167);
    }
    tr.even{
        background-color: #eeeeee;
    }
    #banktrail td.smallcell{
        background: none;
    }
}