/*
Color Theme
Red: #9d1a1f
Orange: #f56423
Yellow: #f9ee3a
Green: #42b84a
Lighter Blue: #039998
Blue:#383697;
Purple 1: #673395
Purple 2: #644299
Purple 3: #953692

*/

/*
fontawesome in pro theme
<i data-x-icon-s="&#xf4b9;"></i>

*/

/*
.button, [type=submit] {
    /* color: #fff !important; 
    line-height: inherit !important;
    height: max-content;
}

*/

.resp-table-body {
    counter-reset: myRowNumber;
}

.resp-table-body .row-numbering {
   counter-increment: myRowNumber;
}

.resp-table-body .row-numbering::before {
    content: counter(myRowNumber) ". ";
      margin-right: 5px;
      color: #353535;
}



.section-container{
    margin-top: 25px;
    margin-bottom: 25px;
    border:2px solid #EBEBE4;
    border-radius: 5px;
    padding: 1px;
}
.section-outter-header{
    padding:10px 25px;
    background-color:#EBEBE4;
    border-radius: 5px 5px 0px 0px;

}

.section-content{
    padding: 25px;
}





/*
.section-header .sub-label {
    
}




.section-header .button-row{
    padding: 0;
    margin-top: 0;
    justify-content: right;
    flex-direction: row;
}
*/

.section-header .col input[type=button]{
    width: 126px;
}






.col-margin{
    margin: 10px;
}

.row{
    flex-direction: row;
    display: flex;    
}

.title-row{
    flex-direction: row;
    display: flex;    
    flex: 1;
    font-weight: bold;
    font-size: 1em;
    border-top: 1px #747474 solid;
    border-bottom: 1px #747474 solid;
    max-height: 42.39px;
}




 /* 
.field, .bills_title, .coins_title{
  text-align: right;
}
*/
.title-row .total{
    text-align: right;
    padding-right: 10px;
}




.section-title{
    line-height: 2;
}

/**/





.reports .bills .total-tbl-header, .reports .coins .total-tbl-header {
    width: auto;
}

.coins .txt-no-wrap{
    white-space: nowrap;
}




/*
.bills, .left-col {
    width: 350px;
    margin-bottom: 20px;
}
*/


 
.coins, .right-col {
    width: 350px;
}
.checks{
    margin-left: 20px;
}





.spacer{
    flex: .4;
    padding: 10px;
    min-width: 100px;
}

.align-txt-vertical{
   display: flex;
   align-items: center;

}







.divider-bg{
    background-color:#EBEBE4; 
    padding:10px;
}

.button-row{
   justify-content: right;
}

.button-row input[type=button]{
    margin-top: 30px;
}

.prev-btn-container{
   margin-top: 20px;

}



.total-envelope-amount {
    line-height: 2;
}

/* Checks */

.chk-style {
    border: 2px dotted #953692;
    border-radius: 5px;
    margin-bottom: 30px;
}













.checks-section-header{
    justify-content: space-between;
    margin-top: 30px;
    padding: 10px 25px;
    font-weight: bold;
    background-color: #EBEBE4;
}
/*
.chk-num{
}

.chk-num, .chk-amount{
    padding: 10px;
    font-weight:bold;
}



.total-chk-lbl{
    padding:10px;
}
*/
.top-margin{
    margin-top: 15px;
}



#Env_Tot_Frm input[type=button]{
    margin-left: 10px;
}

/*
#Env_Tot_Frm .alert{
    right: -125px !important;
}
*/
/* Modal */



.no-close .ui-dialog-titlebar-close {
  display: none;
}













.tno-notice{
    background-color: #f8f5d0 ;
    border: 1px solid #f9ee3a ;
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0;
}

#prompt_win{
    overflow-y: hidden;
}


/* envlist class css*/

.pg-title{
    margin: 0;
    font-size: 250%;
    line-height: 1.05;
}
/*
.pg-sub-title{

}
*/
.found-records{
    justify-content: center;
    font-size: 1.5em;
}




/*
.row-numbering::before{
  counter-increment: rowNumber;  
  content: counter(rowNumber) ".";
}
*/

















/*
button.del-btn:hover {
    color: #ff0000;
    background-color: transparent;
}

.del-btn::before {
    content: '+';
    
}
*/




.filters .col:first-child {
    margin-right:10px ;
}

.filters .col:last-child {
    margin-left: 10px;
    margin-bottom: 5px;
    align-self: end;
}

/* Infinity Scroll CSS*/
.appsoui-infinity-scrolling{
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    text-align: center;
}





.load-more-btn {
    text-align: center;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0px;
    color: #fffffa;
    cursor: pointer;
    width: 100%;
    border: none;
}

.load-more-btn:hover {
    background-color: #46a546;
}

.tbl-row-footer{
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
}

.tbl-cell-footer{
    flex-direction:row;
    display: flex; 
}




/********************
    Reports Page
*********************/

.sub-title{
    font-size: 1.5em;
}

.reports {
    flex-direction: row-reverse;
    justify-content: space-evenly;
}

.reports .tbl-header .tbl-col-header:nth-child(2){
    /*min-width: */
    width: 177px;
}

.reports .tbl-header .tbl-col-header:nth-child(3){
    text-align: center
}

.summary {
    margin: 0 20px 0 0; 

}

.rep-total-line {
    margin: 8px 0 0 0;
    justify-content: space-between;
    background-color: #42b84a;
    color: #fff;
    border: gray solid 1px;
}

.print_btn_container {
    display: flex;
    align-items: flex-end;
    padding: 0 0 9px 0px;
}

/*
.summary .rep-total-line:first-child{
    margin-top: 0;
}
*/
.currency{
    padding-top: 0;
}

.cash-n-checks {
    flex: auto;
}


.rep-totals{
    text-align: right;

}
/********************
    Reports Page
*********************/

.x-container.user-man.max.width.offset.apptno-pages,
.x-container.accounts-man.max.width.offset.apptno-pages,
.x-container.export-offering.max.width.offset.apptno-pages {
    width: 100% !important;
    max-width: 1500px;
}

.x-container.sabbath-report.max.width.offset{
    width: 100% !important;
    max-width: 840px;
}

.frm-sels:nth-child(1){
    margin-right: 10px;
}

.frm-sels:nth-child(2) {
    margin-left: 10px;
    margin-right: 49px;
}

/********************
    Dash Page
*********************/

.dash-month-earning{
    font-size: 2em;
}
.dash-container h4{
    margin-top: 0 !important;
}

.dash-btns{
   font-size: 2em; 
   align-items: center;
   border: 1px solid #abb8c3;
   padding: 20px;
   border-radius: 10px;
}

.dash-btns:first-child{
    margin-right: 20px;
}

.dash-btns:nth-child(0){
    margin-right: 20px;
    margin-left: 20px;
}

.dash-btns:last-child{
    margin-left: 20px;
}

.dash-btns .x-icon{
    font-size: 3em;
    line-height: 1;
}

input[type=file]{
    margin-bottom: 9px !important;
}

.x-icon-envelope::before{
    font-family: "Font Awesome 5 Free" !important;
      content: "\f0e0";
      font-style:normal;
      font-weight:400;
}

.x-icon::before {
    /* removed font- based rules */
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
.x-icon-edit::before{
    /*font-family: "Font Awesome 5 Free" !important;*/
    font: var(--fa-font-solid);
    content: "\f044";
    font-style:normal;
    font-weight:400;
}

.x-icon-bar-chart::before{
    font: var(--fa-font-solid);
    content: "\f080";
    font-style:normal;
    font-weight:400;
}

.x-icon-cloud-download::before{
    font: var(--fa-font-solid);
    content: "\f0ed";
    font-style:normal;
    font-weight:600;
}








/*
#delete_multi_item_frm, #item_hide_frm, #item_show_frm{
        margin-right: 10px;
}
*/

/************************
    Export Offering
*************************/

.month-year-sel, .sabbath-date-sel {
    justify-content: space-between;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 0px 5px;
}
/*
.month-year-box span,
.sabbath-date-box span {
    margin-bottom: 5px;
}
*/
.month-year-sel select, .sabbath-date-sel select {
    margin-bottom: 0px;
    border: none;
    box-shadow: none;
    margin-right: 10px;
}

.month-year-sel input[type=submit],
.sabbath-date-sel input[type=submit]{
    padding: 0px 5px 3px !important;
    box-shadow: none !important;
    margin: auto !important;
    line-height: 1 !important;
}

.export-btn-box input[type=button] {
    box-shadow: none !important;
    margin: 9px 0 0 0 !important;
    line-height: .5 !important;
}

.col.export-btn-box {
    justify-content: flex-end;
    margin-left: 20px;
    padding-bottom: 19px;
}

.col.export-btn-box button {
    padding: 5px 25px !important;
}

.sabbath-date-sel .chosen-container{
    margin-top: 0; 
    margin-bottom: 0;
}

.sabbath-date-sel .chosen-container-single .chosen-single {
    border: none;
    box-shadow: none;
    background-image: none !important;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: none !important;

    background-image: none !important;
    background-image: none !important;

    box-shadow: none !important;
}


/****************************
    Management
*****************************/

.man-section-title {
    margin: 15px 0;
    padding: 5px 15px;
    font-size: 2em;
    font-weight: bold;
    background-color: #EBEBE4;
    border-bottom: 2px dashed #42b84a;
}

.man-section-fields {
    padding: 5px 15px;
}

/**********************
    Form Slider CSS
**********************/
/*
#frame {
    /* margin: 0 auto; */
    /* width: 800px; */
    /* max-width: 100%; */
    /* text-align: center; 
}
*/



/*
#slides {
    position: relative;
    z-index: 1;
}

#overflow {
    width: 100%;
    overflow: hidden;
}
*/





/*
#slides .frame_3 {
    background: #606;
}

#slides .frame_4 {
    background: #C00;
}
*/
#controls {
    margin: -180px 0 0 0;
    width: 100%;
    height: 50px;
    z-index: 3;
    position: relative;
}

#controls label {
    transition: opacity 0.2s ease-out;
    display: none;
    width: 50px;
    height: 50px;
    opacity: .4;
}

#controls label:hover {
    opacity: 1;
}

#bullets {
    margin: 150px 0 0;
    text-align: center;
}

#bullets label {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #ccc;
    margin: 0 10px;
}

/**********************
    Dashboard
************************/
.row.dash-btn-row {
    justify-content: space-between;
}

.col.dash-user-list {
    font-size: 1.5em;
}

.dash-btns span {
    text-align: center;
    margin-top: 7px;
    line-height: 35px;
}

button.distro-add-btn.button {
    flex-direction: row;
    display: flex;
    align-items: center;
}

button.distro-add-btn.button i {
    margin-right: 5px;
}

.disable-element{
    pointer-events: none;
}
/**********************
    Organization
************************/
.organization input[type=text] {
    width: 100%;
}

/***************************
    Accounts Management
****************************/
.accounts-man .col.section-container,
.user-man .col.section-container
 {
    width: 50%;
}

.man-items-container [type=submit] {
    padding: 0px;
    background-color: transparent;
    color: #383697;
}

.man-items-container [type=submit]:hover {
    padding: 0px;
    background-color: transparent;
    color: #42b84a;
}

.section-box {
    margin-bottom: 30px;
}

/**********************
    IHC, UMP
************************/
/*
.ihc-account-subscr-list thead tr td:last-child, 
.ihc-account-subscr-list tr td:last-child{
    display: none;
}
*/
.ihc-profile-box-title {
    font-size: 2em;
}

.ihc-profile-box-wrapper:last-child {
    margin-top: 3em;
}

/***************************
    My Account
****************************/

h3.ma-sub-title {
    margin-top: 2em !important;
}

.my_account_subscriptions tbody tr td:last-child {
    width: 179.03px;
}

th.woocommerce-orders-table__header {
    padding: 15px 10px !important;
    background-color: #f5f5f5 !important;
}

.ihc-ap-wrap thead {
    background: 0 0!important;
}

.ihc-ap-top-theme-4 .ihc-user-page-top-ap-background {

    background-color: #b15df1 !important;
    background-image: -webkit-linear-gradient(left,#b15df1,#39c8df) !important;
    background-image: linear-gradient(to right,#b15df1,#39c8df) !important;

}

.ihc-user-page-top-ap-wrapper .ihc-top-level-box {
    background-color: #42b84a !important;

   
}

.ihc-user-page-top-ap-wrapper .ihc-top-level-box.ihc-expired-level {
    background-color: rgba(240,80,80,.8) !important;
}

/***************************
    Font Awesome Fonts
****************************/
/*
fontawesome in pro theme
<i data-x-icon-s="&#xf4b9;"></i>

*/

.tno-accounts-a i:before {
    content: '\f4b9' !important;
    font-family: "FontAwesome";
}
/*
.tno-organization-info-a i:before {
    content: '\e361' !important;
    font-family: "FontAwesome";
}
*/


/***********************************
    Delete, Select All, Checkbox
************************************/
.view-envelopes{
    max-width: calc(100vw - 60px) !important;
}

.view-envelopes input.del_list {
    margin-left: 5px;
    bottom: 0 !important;
}

.man-items-container input.del_list {
    margin-left: 5px;
}






/***********************************
    Infinity Scroll
***********************************

.actions_containter {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

input.del_list {
    margin: 0 0 4px 6px;
}
*/
/***********************************
    Link to Church Page
    Organization address container
************************************/
.unlink-tainer {
    margin-top: 12px;
}

a.button.donations-btn {
    margin-right: 15px;
}

.sub-title{
    margin-bottom: 30px;
    font-size: 1.5em;
    font-weight: bold; 
    color: #676767;
}

.has-link{
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: bold;
}

.org-links-tainer {
    display: flex;
    flex-direction: row;
}

.org-container {
    padding: 20px;
    background-color: #6733950f;
    width: 405px;
    margin-top: 20px;
    margin-right: 10px;
}

.org-name{
    color: #676767;
    font-weight: bold;
}

form.unlink-form {
    display: flex;
    justify-content: flex-end;
}

form#linkchurch {
   
    margin-bottom: 30px;
}

.tno-link-form-elements{
    display: flex;
    align-items: center;
    align-content: center;
}

input#org_id {
    margin-right: 10px;
    margin-bottom: 0;
    height: 49px;
}

div.no-church-link {
    margin-top: 20px !important;
    padding: 20px;
    font-size: 20px;
    background-color: #ffff003d;
    border: 1px solid #666666;
    border-radius: 10px;
}

/***********************************
    Randos
************************************/
.row.action-btns {
    margin-top: 2em;
}

/**
*Fix UMP font awesome icon display
*/
.fa-ihc {
    font: var(--fa-font-solid) !important;
    margin-top: -4px;
}

.ihc-login-template-11 .fa-ihc, .ihc-login-template-9 .fa-ihc {
    top: 14px !important;

}

.ihc-login-template-11 .impu-form-line-fr {

    border-bottom: none !important;

}

/* Frontend dashboard page*/
.fe-thanks{
    font-size: 1.2em;
}



/*GO to site links*/
.my-tno-app i {
    display: none;
}

.tno-cus-site-links i::before{
    /* removed font- based rules */
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f135";
    font-style:normal;
    font-weight:700;
}
/*/////////////////////
// Donation Report //
/////////////////////*/

.tno-donation-summary form.donation-filter-form {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.tno-donation-summary .org-name-select,
.tno-donation-summary .time-frame {
    margin-right: 10px;
}

.time-frame-container {
    display: flex;
    flex-direction: column;
}

.time-frame-container select {
    width: 120px !important;
}

.tno-donation-summary .resp-table-body .item:nth-child(odd) {
                        background-color: #99999924;
                    }

 
.tno-donation-summary  .resp-table-body .item:hover {
                        background-color: rgb(225 192 255 / 26%);
                    }

.tno-donation-summary     .resp-table-row .table-body-cell {
                        border-left: 1px solid gray;
                        border-bottom: 1px solid gray;
                        text-transform: capitalize;
                    }

.tno-donation-summary   .resp-table-row .table-body-cell:first-child {
                        text-align: center;
                    }                    
                    
.tno-donation-summary     .resp-table-row .table-body-cell:last-child {
                        border-right: 1px solid gray;
                    }
.tno-donation-summary  .scrollable-table {
                        max-height: 500px;
                        overflow-y: auto;
                        scroll-snap-type: y mandatory;
                        scroll-padding-top: 56px;
                    }
                    /*<table>*/
.tno-donation-summary      .resp-table {
                        width: 100%;
                        display: table;/**/
                    }

                    /*<thead>*/
.tno-donation-summary       .resp-table-header {
                        display: table-header-group; /**/
                        background-color: #953692;
                        font-weight: bold;
                        font-size: 18px;
                        color: #fff;
                        position: sticky;
                        top: 0px;
                        z-index: 10;
                    }

                    /*<td>, <th>*/
.tno-donation-summary      .table-header-cell {
                        display: table-cell;/**/
                        padding: 10px;
                        text-align: justify;
                        border-top: 1px solid gray;
                        border-left: 1px solid gray;
                        border-bottom: 1px solid gray;
                        
                    }

.tno-donation-summary     .table-header-cell:last-child{
                        border-right: 1px solid gray;
                    }

                    /*tbody*/
.tno-donation-summary  .resp-table-body{
                        display: table-row-group;/**/
                    }

                    /*<tr>*/
.tno-donation-summary   .resp-table-row {
                        display: table-row;
                        scroll-snap-align: start;
                    }
                     /*<td>, <th>*/
.tno-donation-summary  .table-body-cell {
                        display: table-cell;/**/
                        padding: 2px 10px 10px 10px;
                    }

.tno-donation-summary .resp-table-row .table-body-cell:last-child {
    border-right: 1px solid gray;
    text-align: right;
}

.tno-donation-summary .table-body-cell.total-contributions {
    text-align: right;
    font-size: 20px;
    font-weight: bold;
}

.tno-donation-summary button.donate-filter-btn,
.tno-donation-summary button.print_report_btn {
    /*padding: 6px 10px;*/
    margin-bottom: 10px;
    margin-left: 10px;
}



.tno-donation-summary .results-for-criteria {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.tno-donation-summary .org-container {
    margin: 30px 0px;
}

.tno-donation-summary .print-view-only>.entry-title {
    font-size: 1.5em;
    margin-top: 30px;
}

.tno-donation-summary .table-body-cell{
    padding: 10px;
}

div.time-frame-fields-container {
    background-color: #fff;
    border: 1px solid #8c8f94;
    border-radius: 3px;
    margin-bottom: 9px;
    
}

div.time-frame-fields-container:focus {
    box-shadow: 0 0 0 1px #2271b1;
}

.time-frame-container select, .time-frame-container select:active, .time-frame-container select:focus,
.time-frame-container select:focus-visible
 {
    border: 0 !important;
    margin: 0 !important;
    box-shadow: none;
}

/*******************
    Div Table
********************/


.tno-donation-summary .resp-table-header {
    display: table-header-group; /**/
    background-color: #953692;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    position: sticky;
    top: 0px;
    z-index: 10;
}

/*<td>, <th>*/
.tno-donation-summary .table-header-cell {
    display: table-cell;/**/
    padding: 10px;
    text-align: justify;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    
}

.tno-donation-summary .table-header-cell:last-child{
    border-right: 1px solid gray;
}


.tno-donation-summary .head-treasurer-signature {
    display: flex;
    margin: 60px 0 0 0;
    flex-direction: column;
    align-items: flex-start;
}

.tno-donation-summary .head-treasurer-title {
    font-size: 20px;
    margin: 0 0 20px 0;
}


.tno-donation-summary .head-treasurer-name {
    font-family: serif;
    font-size: 20px;
    margin: 0 0 20px 0;
}


.tno-donation-summary .head-treasurer-signature img{
    width: 200px;
}

@media print {

    /* Control sizing of page */
    html, html.wp-toolbar,
    body {
        /* or a specific container element */
        transform-origin: top left !important;
        /* Ensures scaling from the top-left corner */
        transform: scale(1) !important;
        /* Adjust the value (e.g., 0.85 for 85%) as needed */
        width: calc(100% / 1) !important;
        /* Adjust width to compensate for scaling */
        height: calc(100% / 1) !important;
        /* Adjust height to compensate for scaling */
        overflow: hidden !important;
        /* Prevents content from overflowing after scaling */
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background-color: transparent !important;
        page-break-after: avoid !important;
        page-break-before: avoid !important;
    }

    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }


    .tno-donation-summary .org-container {
        padding-left: 20px !important;
        margin: 23px 0px !important;
        background-color: #6733950f !important;
    }

    div.soui-logo-text {
        font-family: "Playfair Display SC",serif !important;
        font-size: 2em;
        color: #673395ed  !important;
        display: block  !important;
    }


    .generated-by {
        font-size: 15px !important;
        margin: 10px 0 10px 0 !important;
    }

    .print-view-only > .soui-entry-title {
        font-size: 2em !important;
        margin-top: 20px !important;
        padding: 0 !important;
    }

    .tno-donation-summary .entry-wrap {
        padding: 0 !important;
    }

    .ihc-ap-menu,
    .ihc-ap-wrap h3,
    .ihc-user-page-top-ap-wrapper{
        display: none !important; 
    }

    .m9-1.x-row {

         border-top-width: 0px !important; 
         border-right-width:0px !important; 
         border-bottom-width: 0px !important;
         border-left-width: 0px !important; 

    }

    .resp-table-header {
        background-color: #953692 !important;
        background: linear-gradient(150deg,rgba(74, 74, 74, 1) 63%, rgba(118, 16, 195, 1) 81%, rgba(66, 184, 74, 1) 98%) !important;
    }

    .table-header-cell{
        color: #fff !important;
        border-top: 2px solid gray !important;
        border-left: 2px solid gray !important;
        border-bottom: 2px solid gray !important;
    }
/*
    .resp-table{
        border: 2px solid gray !important;
    }    
 */
    .tno-donation-summary .resp-table-row .table-body-cell:last-child {
        border-right: 2px solid gray  !important;
        text-align: right;
    }

    .tno-donation-summary .resp-table-row .table-body-cell {
        border-left: 2px solid gray !important;
        border-bottom: 2px solid gray !important;
        font-size: 1.2em !important;
color: #444 !important;
    }

    .tno-donation-summary .resp-table-body .item:nth-child(odd) {
        background-color: #99999924  !important;
    }


/***********************************
    No Print
************************************/
     .no-print, .no-print *
    {
        display: none !important;
    }
    
}

@media screen {
    .tno-donation-summary .print-view-only {
        display: none;
    }
}