/********************************************/
/* PrimeFaces template override             */
/********************************************/
/*body .ui-widget*/
/*{*/
/*    font-size: 14px !important;*/
/*}*/


/*.ui-widget*/
/*{*/
/*    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
/*    font-size: 1rem;*/
/*    text-decoration: none;*/
/*}*/




body {
    background-color: rgb(244, 247, 250);
    margin: 0px;
    /*overflow-y: hidden;*/
}

/**************************************************************/
/* Global 1                                                   */
/**************************************************************/
.template-black
{
    color: #495057;
}

.bold
{
    font-weight: bold;
}

.msg-ok-button
{
    width: 100px !important;
}

/* radio button */
.ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet
{
    background: #2196F3 !important;
}

.ui-radiobutton .ui-radiobutton-box.ui-state-active
{
    background: none !important;
}

.color-pixelgreen
{
    color: rgb(54,170,107);
}

.background-color-pixelgreen
{
    background-color: rgb(54,170,107);
}

/* hide dialog title bar */
.hide-confirm-header .ui-dialog-titlebar {
    display: none !important;
}

/* hide icon in confirm dialog */
.ui-dialog.ui-confirm-dialog.no-icon-dialog .ui-dialog-content > span.ui-icon.ui-icon-alert
{
    display: none !important;
}

/* hide icon in confirm dialog */
.ui-dialog.ui-confirm-dialog.no-icon-dialog .ui-dialog-content > span
{
    margin: 0 !important;
}







/********************************************/
/* Global 2                                 */
/********************************************/
.page-container
{
    width: 1100px;
    /*min-height: 600px;*/
    min-height: calc(100vh - 220px);
    margin: auto;
}

.page-container2
{

    /*min-height: 600px;*/
    /* min-height: calc(100vh - 220px); */

    max-width: 1300px;

    margin: auto;
    /*margin-left: 20px;*/
    /*margin-right: 20px;*/
}

.table-header-titles-container
{
    margin: auto;
    color: #495057
}


.page-caption
{
    font-size: 30px !important;
    color: #495057;
}

.page-caption-div
{
    margin-top: 10px;
}

.header-logo
{
    float:left;
}

/*.header-menu*/
/*{*/
/*    float: right;*/
/*}*/

.header-container
{
    /*width: 1100px;*/
    width: 100%;
    margin: auto;
    background-color: rgb(54,170,107);
    height: 60px;
}

.ui-menu.ui-menubar
{
    background-color: rgb(54,170,107) !important;
    border: none;
}



.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span
{
    color: white;
}

/*.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before*/
/*{*/
/*    color: white;*/
/*}*/



.footer-container
{
    /*width: 1100px;*/
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: row;
    /*margin-bottom: 15px;*/
}

.footer-left
{
    text-align: left;
    margin-left: 10px;
    /*float: left;*/
    /*margin-bottom: 20px;*/

}

.footer-right
{
    flex-grow: 1;
    text-align: right;
    margin-right: 10px;
    /*float: right;*/
    /*margin-bottom: 20px;*/
}


.footer-menu-text-black
{
    color: #495057;
}

a.footer-menu-text-black:link
{
    text-decoration: none;
    color: #495057;
}

a.footer-menu-text-black:visited
{
    text-decoration: none;
    color: #495057;
}

a.footer-menu-text-black:hover
{
    text-decoration: underline;
    color: #495057;
}

a.footer-menu-text-black:active
{
    text-decoration: underline;
    color: #495057;
}



.footer-menu-text-white
{
    color: white;
}

a.footer-menu-text-white:link
{
    text-decoration: none;
    color: white;
}

a.footer-menu-text-white:visited
{
    text-decoration: none;
    color: white;
}

a.footer-menu-text-white:hover
{
    text-decoration: underline;
    color: white;
}

a.footer-menu-text-white:active
{
    text-decoration: underline;
    color: white;
}

.copyright-text-black
{
    color: #495057;
}

.copyright-text-white
{
    color: white;
}



body.progress * {
    cursor: wait !important;
}

.no-underline
{
}

a.no-underline:link
{
    text-decoration: none;
}

a.no-underline:visited
{
    text-decoration: none;
}

a.no-underline:hover
{
    text-decoration: none;
}

a.no-underline:active
{
    text-decoration: none;
}

/* to disable ajax load indicator on commandbuttons - PrimeFaces 12 */
.ui-state-loading.ui-button-text-only .ui-icon-loading + .ui-button-text {
    opacity: inherit;
}
.ui-state-loading .ui-icon-loading {
    display: none;
}
.ui-state-loading .ui-icon:not(.ui-icon-loading) {
    display: inherit;
}

/* no datatable header */
.noHeader.ui-datatable table thead tr
{
    display: none;
}

.ui-datatable-empty-message
{
    font-style: italic;
}

.border-error
{
    border-color: #f44336 !important;
}


/*****************************************************************************************/
/* Home page                                                                             */
/*****************************************************************************************/
.slogen-text
{
    font-size: 42px;
    color: white;
}

.slogen-div
{
    border-radius: 4px;
    background-color: rgb(86,119,169);
    /*padding: 22px 20px 22px 20px;*/
    padding-top: 15px;
    padding-left: 20px;
    margin-right: 0px;
    width: 340px;
    margin-bottom: 10px;
    margin-left: 80px;
    height: 91px;
}



/*****************************************************************************************/
/* error messages */
/*****************************************************************************************/
body .ui-message.ui-message-error, body .ui-message.ui-message-fatal
{
    border: none;
    background-color: #ffffff;
    color: #f44336;
}

body .ui-message
{
    padding: 0px;
    display: block;
}

body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail
{
    margin-left: -8px;
}

a.menuicon:link
{
    border-radius: 50%;
    text-decoration: none;
    padding: 5px 7px 4px 7px;
}

a.menuicon:visited
{
    border-radius: 50%;
    text-decoration: none;
}

a.menuicon:hover
{
    background-color: rgb(238,238,238);
    border-radius: 50%;
    text-decoration: none;
}

a.menuicon:active
{
    text-decoration: none;
}


/* dialog boxes */
.dialog-button-container
{
    text-align: right;
    margin-top: 20px;
}

.dialog-button
{
    margin-left: 20px !important;
}

body .ui-panelgrid .ui-panelgrid-cell
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.grid-label
{
    vertical-align: top;
}

/* button icons */
.pi-check:before
{
    font-size: 14px;
}

.pi-times:before
{
    font-size: 14px;
}

/* icons */
ui-icon-alert
{
    width: 200px !important;
}


/* menu animation */
body .ui-menu .ui-menu-list .ui-menuitem
{
    transition: none !important;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link
{
    transition: none !important;
}


/* white boxes */
.white-box
{
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgb(48 82 120 / 8%);
    margin-top: 0px;
    /*margin-bottom: 20px;*/
    padding-bottom: 20px;
}

/*.white-box-transactions*/
/*{*/
/*    min-height: calc(100vh - 200px);*/
/*}*/



.white-box-login
{
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgb(48 82 120 / 8%);
    padding: 20px 40px 20px 40px;
}


.white-box-error-message
{
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgb(48 82 120 / 8%);
    padding: 40px 40px 50px 40px;
}


.white-box-accounts
{
    min-height: calc(100vh - 194px);
}

.white-box-categories
{
    /*min-height: calc(100vh - 124px);*/
    min-height: calc(100vh - 125px);
}

.white-box-reports
{
    /*min-height: calc(100vh - 215px);*/
    min-height: calc(100vh - 216px);
}

.white-box-budgeting
{
    /*min-height: calc(100vh - 227px);*/
    min-height: calc(100vh - 228px);
}

.white-box-import
{
    /*min-height: calc(100vh - 161px);*/
    min-height: calc(100vh - 162px);
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.white-box-settings
{
    /*min-height: calc(100vh - 121px);*/
    min-height: calc(100vh - 162px);
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.white-box-useraccount
{
    min-height: calc(100vh - 125px);
}

.white-box-export
{
    min-height: calc(100vh - 125px);
}


/***********************/
/* Vertical menu       */
/***********************/

/* Hide scrollbar for Chrome, Safari and Opera */
.vertical-main-menu::-webkit-scrollbar
{
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.vertical-main-menu
{
    overflow-y: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */

    flex-basis: 300px;
    flex-grow:0;
    flex-shrink: 0;
    height: 100vh;
    background-color: white;
}


@media only screen and (max-width: 1500px)
{
    .vertical-main-menu
    {
        display: none;
    }

    .menuicon-visibility
    {
        /*display: none;*/
    }
}

@media only screen and (min-width: 1501px)
{
    .vertical-main-menu
    {
        /*display: inline;*/
    }

    .menuicon-visibility
    {
        display: none;
    }

}



@media only screen and (max-width: 1650px)
{
    .vertical-main-menu
    {
        flex-basis: 260px;
    }

    .scroll-down-indicator-left
    {
        left: 230px !important;
    }

    .budget-selection-width
    {
        width: 210px !important;
    }
}

@media only screen and (min-width: 1651px)
{
    .vertical-main-menu
    {
        flex-basis: 300px;
    }

    .scroll-down-indicator-left
    {
        left: 270px !important;
    }

    .budget-selection-width
    {
        width: 250px !important;
    }
}



.active-menu
{
    background-color: rgb(233,236,239);
}



.vertical-main-menu-sidebar
{
    width: 300px;
    overflow-y: scroll;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.vertical-main-menu-sidebar::-webkit-scrollbar
{
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.vertical-main-menu-sidebar
{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

#verticalMenuDiv .ui-menu
{
    border: none !important;
}

.scroll-down-indicator
{
    position: absolute;
    left: 270px;
    transform: translateX(-50%);
    /*font-size: 50px;*/
    font-size: 25px;
    /*color: #666;*/
    color: rgb(150,150,150);
    z-index: 10;
    /*background: rgba(255, 255, 255, 0.8); !* Optional background for better visibility *!*/
    padding: 2px 5px;
    border-radius: 4px;
    pointer-events: none; /* Make them non-interactive */
    bottom: 10px; /* Positioned at the bottom */
    display: none;
}








/***********************/
/* Login page          */
/***********************/
.login-page-container
{
    width: 1100px;
    min-height: 600px;
    margin: auto;
    text-align: center;
}


/************************************/
/* Expense Categories page          */
/************************************/
/*!* data list *!*/
/*#categories .ui-datalist-content*/
/*{*/
/*    border: none !important;*/
/*    !*padding: 0px !important;*!*/
/*    !*margin-left: -30px !important;*!*/
/*}*/

/*#categories .ui-datalist-item*/
/*{*/
/*    list-style-type:none !important;*/
/*}*/

/*#categories .ui-datalist-content*/
/*{*/
/*    border: none !important;*/
/*    !*background-color: rgb(248,248,248);*!*/
/*}*/

/*#categories .ui-datalist-item*/
/*{*/
/*    list-style-type:none !important;*/
/*    !*background-color: rgb(248,248,248);*!*/
/*}*/



/*#categories .ui-datalist-data*/
/*{*/
/*    margin-left: -50px !important;*/
/*    !*margin-bottom: -30px !important;*!*/
/*    margin-bottom: -46px !important;*/
/*    !*margin-top: -26px !important;*!*/
/*    margin-top: -42px !important;*/
/*}*/

#categories .ui-panel .ui-panel-titlebar
{
    padding-bottom: 10px;
    padding: 7px 10px 7px 8px;

    background-color: white;
    /*border-top: none;*/
    /*border-bottom: none;*/
    border-left: none;
    border-right: none;
    background-color: rgb(248,248,248);

}

#categories .ui-panel .ui-panel-content
{
    border: none;
    /*background-color: rgb(248,248,248);*/
    padding-left: 0;
    padding-right: 0;
    margin-bottom: -17px;
}

#categories .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon
{
    /*line-height: 31px !important;*/
    margin-top: -5px;
    margin-bottom: -10px;
}

#categories .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus
{
    box-shadow: none;
}


#categories .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before
{
    /*content: "\e942";*/

    /*content: "\e91d";  !* replace gear icon with bars icon *!*/
    /*content: "\e950";  !* replace gear icon with ellipsis icon *!*/

    /*font-size: 17px;*/
    content: "\e951";
    color: rgb(63, 151, 246);
}

#categories .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before
{
    content: "\e903"; /* replace plus icon with chevron up icon */
}

#categories .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before
{
    content: "\e902"; /* replace minus icon with chevron down icon */
}



/* drag and drop */
div .drag-and-drop-hover
{
    background-color: darkseagreen ;
    border-radius: 10px;
}



/* reorder category groups */
#reorderecgroups .ui-orderlist .ui-orderlist-list, #reordericgroups .ui-orderlist .ui-orderlist-list, #reorderbudgets .ui-orderlist .ui-orderlist-list
{
    width: 400px;
    height: 388px;
}


.category-label
{
    /*width: 988px;*/
    width: 934px;
    background-color: rgb(240,240,240);
    border-radius: 6px;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
}

.expense-category-label
{
    width: 934px;
    background-color: rgb(240,240,240);
    border-radius: 6px;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
}

.no-categories-added
{
    /*padding-left: 67px;*/
    /*margin-top: 50px;*/
    color: #495057;
}

/*.submenu-transactions-actions*/
/*{*/
/*    padding-top: 20px;*/
/*    padding-left: 18px;*/
/*    !*margin-bottom: -30px;*!*/
/*    float: left;*/
/*}*/

/*.submenu-transactions-help*/
/*{*/
/*    padding-top: 20px;*/
/*    padding-right: 18px;*/
/*    !*margin-bottom: -30px;*!*/
/*    float: right;*/
/*}*/

/*.submenu-categories-actions*/
/*{*/
/*    padding-top: 20px;*/
/*    padding-left: 56px;*/
/*    margin-bottom: 20px;*/
/*    float: left;*/
/*}*/

/*.submenu-categories-help*/
/*{*/
/*    padding-top: 20px;*/
/*    padding-right: 56px;*/
/*    margin-bottom: -40px;*/
/*    float: right;*/
/*}*/


.categorygroupname
{
    font-weight: bold;
    /*margin-left: 56px;*/
    color: #495057;
}


.category-menu-link
{
    color: #495057;
}

a.category-menu-link:link
{
    color: #495057;
}

a.category-menu-link:visited
{
    color: #495057;
}

a.category-menu-link:hover
{
    color: #495057;
}

a.category-menu-link:active
{
    color: #495057;
}


/*************************************/
/* Transactions page                  */
/*************************************/



/* Add transaction */
.calculatorPlus
{
    font-size: 20px !important;
    background-color: white;
    color: rgb(63,151,246);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(63,151,246);
    border-radius: 6px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 2px;
    padding-bottom: 7px;
    margin-left: 10px;
    text-decoration: none;
}

.calculatorMinus
{
    font-size: 20px !important;
    background-color: white;
    color: rgb(63,151,246);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(63,151,246);
    border-radius: 6px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 2px;
    padding-bottom: 7px;
    margin-left: 5px
}

.calculatorTimes
{
    font-size: 20px !important;
    background-color: white;
    color: rgb(63,151,246);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(63,151,246);
    border-radius: 6px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 2px;
    padding-bottom: 7px;
    margin-left: 5px;
}

.calculatorDiv
{
    font-size: 20px !important;
    background-color: white;
    color: rgb(63,151,246);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(63,151,246);
    border-radius: 6px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 2px;
    padding-bottom: 7px;
    margin-left: 5px
}

.calculatorEqual
{
    font-size: 20px !important;
    background-color: white;
    color: rgb(63,151,246);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(63,151,246);
    border-radius: 6px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 2px;
    padding-bottom: 7px;
    margin-left: 5px
}

a.calculatorPlus:link, a.calculatorMinus:link, a.calculatorTimes:link, a.calculatorDiv:link, a.calculatorEqual:link
{
    text-decoration: none;
}

/*a.calculatorPlus:hover, a.calculatorMinus:hover, a.calculatorTimes:hover, a.calculatorDiv:hover, a.calculatorEqual:hover*/
/*{*/
/*    background-color: rgb(63,151,246);*/
/*    color: white;*/
/*}*/

.calculatorButtonSelected
{
    background-color: rgb(63,151,246);
    color: white !important;
}

/* to fix height of empty dropdown list*/
.ui-selectonemenu label.ui-selectonemenu-label
{
    height: 37px;
}

/* to have a smaller size of the datepicker overlay */
body .ui-datepicker .ui-datepicker-calendar td
{
    padding: 0px;
}

/* to have a fix height of the datepicker month overlay */
body .ui-datepicker.ui-input-overlay
{
    height: 373px;
}

body .ui-datepicker .ui-datepicker-calendar td a
{
    transition: none;
}

.addtr-from-to-background
{
    background-color: rgb(245,245,245) !important;
}

.addtr-border-top-left
{
    border-radius: 6px 0px 0px 0px;
}

.addtr-border-top-right
{
    border-radius: 0px 6px 0px 0px;
}

.addtr-border-bottom-right
{
    border-radius: 0px 0px 6px 0px;
}

.addtr-border-bottom-left
{
    border-radius: 0px 0px 0px 6px;
}

/* balances */
.balance-box
{
    height: 50px;
    min-width: 250px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgb(48 82 120 / 8%);
    /*margin-top: 20px;*/
    /*margin-bottom: 20px;*/
    /*padding-bottom: 20px;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    color: #495057;
    background-color: rgb(180,255,180);
}


/* filter */
.filter-label
{
    font-size:  14px !important;
    color: #495057;
}

/* transaction data list */
#transactions .ui-datalist-content
{
    border: none !important;
    padding: 0;
}

#transactions .ui-datalist-item
{
    list-style-type:none !important;
}

#transactions ul
{
    padding: 0;
}

.tr-category-label
{
    background-color: rgb(240,240,240);
    border-radius: 6px;
    padding: 6px;
    /*border-style: solid;*/
    /*border-width: 1px;*/
    /*border-color: lightgray;*/
    height: fit-content;
}

.no-transactions-added
{
    /*padding-left: 36px;*/
    /*margin-top: -10px;*/
    /*margin-bottom: 40px;*/
    /*color: #495057;*/

    padding-left: 33px;
    margin-top: 10px;
    color: #495057;
}


#submenu .ui-state-focus,
#fixheader .ui-state-focus,
#csv-buttons .ui-state-focus,
#toaccountlist .ui-state-focus,
#eclists .ui-state-focus,
#eclists .ui-listbox-outline,
#toaccountlist .ui-listbox-outline,
#iclists .ui-state-focus,
#iclists .ui-listbox-outline,
#fromaccountlist .ui-state-focus,
#fromaccountlist .ui-listbox-outline,
#autosuggestionlist .ui-state-focus,
#autosuggestionlist .ui-listbox-outline

{
    outline: none !important;
    box-shadow: none !important;
}

.ui-selectonelistbox
{
    border-color: rgb(207,212,218) !important;
}




/* make smaller toggle switch */
#submenu .ui-toggleswitch .ui-toggleswitch-slider:before
{
    width: 1.00rem !important;
    height: 1.00rem !important;
    margin-top: -0.50rem !important;
    /*left: 0.3rem !important;*/
    /*right: 0.3rem !important;*/
}

#submenu .ui-toggleswitch .ui-toggleswitch-slider
{
    border-radius: 12px !important;
    height: 24px !important;
    width: 44px !important;

}

#submenu .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider
{
    box-shadow: none !important;
}


/* autocomplete*/
#dlgAddTransactionFormID\:vendorID_panel .ui-autocomplete-query, #dlgAddTransactionFormID\:payerID_panel .ui-autocomplete-query, #pnlAddVendorFormID\:vendorID_panel .ui-autocomplete-query, #pnlAddPayerFormID\:payerID_panel .ui-autocomplete-query
{
    font-weight: normal !important;
}



#divVendorPayer .ui-autocomplete-input, #divVendor .ui-autocomplete-input, #divPayer .ui-autocomplete-input
{
    width: 400px !important;
}

#dlgAddTransactionFormID\:vendorID_panel.ui-autocomplete-panel, #dlgAddTransactionFormID\:payerID_panel.ui-autocomplete-panel
{
    min-width: 400px !important;
    width: auto !important;
}


.ui-datepicker
{
    border: none !important;
}

#addTrTypeDiv .ui-selectonebutton > .ui-button, body .ui-selectmanybutton > .ui-button
{
    width: 90px !important;
}

#filterTrTypeDiv .ui-selectonebutton > .ui-button, body .ui-selectmanybutton > .ui-button
{
    width: 100px !important;
}


/**********************************************/
/* Settings page                              */
/**********************************************/

.settingSavedLabel
{
    color: white;
    background-color: darkseagreen;
    /*background-color: rgb(240,240,240);*/
    border-radius: 6px;
    padding: 3px 4px 4px 4px;
    visibility: hidden;
    text-align: center;
    width: 120px;
    margin-left: 50px;
    height: 30px;
    margin-top: 4px;
}

/**********************************************/
/* Budgeting page                             */
/**********************************************/

.total-box
{
    width: 20%;
    height: 60px;
    text-align: right;
    background-color: #e0e0e0;
    padding: 5px 10px 5px 10px;
    border-radius: 8px;
    margin: 10px 5px 0px 5px
}

/* autocomplete */
#pnlMoveBudgetFormID\:categoryAutoCompleteID_panel .ui-autocomplete-query, #pnlCoverOverspendingFormID\:categoryAutoComplete2ID_panel .ui-autocomplete-query
{
    font-weight: normal !important;
}

#divCategoryAutocomplete .ui-autocomplete-input, #divCategoryAutocomplete2 .ui-autocomplete-input
{
    width: 300px !important;
}

/* available gray */
.available-menu-link-gray
{
    color: #495057;
    background-color: #e0e0e0;
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

a.available-menu-link-gray:link
{
    color: #495057;
    background-color: #e0e0e0;
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

a.available-menu-link-gray:visited
{
    color: #495057;
    background-color: #e0e0e0;
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

a.available-menu-link-gray:hover
{
    color: #495057;
    background-color: #e0e0e0;
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

a.available-menu-link-gray:active
{
    color: #495057;
    background-color: #e0e0e0;
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

/* available red */
.available-menu-link-red
{
    color: #495057;
    background-color: rgb(250, 198, 197);
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

a.available-menu-link-red:link
{
    color: #495057;
    background-color: rgb(250, 198, 197);
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

a.available-menu-link-red:visited
{
    color: #495057;
    background-color: rgb(250, 198, 197);
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

a.available-menu-link-red:hover
{
    color: #495057;
    background-color: rgb(250, 198, 197);
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

a.available-menu-link-red:active
{
    color: #495057;
    background-color: rgb(250, 198, 197);
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

/* available green */
.available-menu-link-green
{
    color: #495057;
    background-color: rgb(215, 225, 204);
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

a.available-menu-link-green:link
{
    color: #495057;
    background-color: rgb(215, 225, 204);
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

a.available-menu-link-green:visited
{
    color: #495057;
    background-color: rgb(215, 225, 204);
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

a.available-menu-link-green:hover
{
    color: #495057;
    background-color: rgb(215, 225, 204);
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

a.available-menu-link-green:active
{
    color: #495057;
    background-color: rgb(215, 225, 204);
    padding: 0px 5px 0px 5px;
    border-radius: 5px;
}

/* smaller check box */
#budgetingPageRightID .ui-chkbox .ui-chkbox-box, #dlgIncludeCategoriesDivID .ui-chkbox .ui-chkbox-box, #dlgIncludeVendorsPayersDivID .ui-chkbox .ui-chkbox-box
{
    width: 1.2rem !important;
    height: 1.2rem !important;
}

#budgetingPageRightID .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before, #dlgIncludeCategoriesDivID .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before, #dlgIncludeVendorsPayersDivID .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before
{
    font-size: 14px !important;
    padding-left: 1px !important;
}

.ui-chkbox .ui-chkbox-box.ui-state-focus
{
    box-shadow: none !important;
}

.ui-sortable-helper .ui-chkbox .ui-chkbox-box
{
    width: 1.2rem !important;
    height: 1.2rem !important;
}

.ui-sortable-helper .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before
{
    font-size: 14px !important;
    padding-left: 1px !important;
}

/* credit card category balance */
.ui-sortable-handle .creditcard-category-balance
{
    padding: 0px !important;
}

/**********************************/
/*Reports page                     */
/**********************************/

#vendorsPayersDataDiv .ui-datatable .ui-datatable-data > tr > td, #cashFlowDataDiv .ui-datatable .ui-datatable-data > tr > td, #trendDataDiv .ui-datatable .ui-datatable-data > tr > td
{
    border-width: 1px 0 1px 0;
}

.manage-trend-reports-dropdown-menu
{
    width: 230px;
}

#reordertrds .ui-orderlist .ui-orderlist-list, #reordericgroups .ui-orderlist .ui-orderlist-list
{
    width: 400px;
    height: 388px;
}



/*************************************/
/* Import page                  */
/*************************************/

/*.white-box-import*/
/*{*/
/*    !*min-height: 600px;*!*/
/*    min-height: calc(100vh - 99px);*/
/*    background-color: white;*/
/*    border-radius: 0px 0px 10px 10px;*/
/*    box-shadow: 0 4px 8px 0 rgb(48 82 120 / 8%);*/
/*    margin-top: 0px;*/
/*    margin-bottom: 20px;*/
/*    padding-bottom: 20px;*/
/*    min-width: 1200px;*/
/*}*/

.ui-tabs .ui-tabs-panels
{
    border-radius: 0px !important;
    box-shadow: 0 4px 8px 0 rgb(48 82 120 / 8%);
}


.ui-tabs-outline
{
    box-shadow: none !important;
}


/*.ui-panelgrid .ui-panelgrid-cell*/
/*{*/
/*    border: 1px solid #dee2e6 !important;*/
/*}*/


/* File Upload */
.ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before
{
    /*content: "\e964" !important; */
    /*content: "\e9f9" !important;*/
    content: none !important;
}

.ui-fileupload .ui-fileupload-buttonbar
{
    border: none !important;
    background: none !important;
    padding: 0px !important;
}

.ui-fileupload .ui-fileupload-content
{
    border: none !important;
    background: none !important;

    /*height: 70px !important;*/
    /*padding-top: 0px !important;*/
    /*margin-top: -10px !important;*/
}

/*.ui-fileupload-files*/
/*{*/
/*    margin-left: -558px !important;*/
/*    max-width: 1000px !important;*/
/*    margin-top: -20px;*/
/*}*/

/*.ui-messages-error, .ui-message-error*/
/*{*/
/*    background: none !important;*/
/*    border: none !important;*/
/*    margin-left: -568px !important;*/
/*    margin-top: -30px !important; !* set it to 10px if you want fix height for showing upload status*!*/
/*    max-width: 1000px !important;*/
/*    margin-bottom: -10px !important;*/
/*}*/

.ui-fileupload-files
{
    margin-left: 29px !important;
    max-width: 1000px !important;
    padding: 0px !important;
    margin-bottom: -30px !important;
}

#fileUploadDiv .ui-messages-error, #fileUploadDiv .ui-message-error
{
    background: none !important;
    border: none !important;
    margin-left: 44px !important;
    max-width: 1000px !important;
    padding: 0px !important;
}


.ui-messages .ui-messages-error .ui-messages-error-icon:before
{
    display: none !important;
}

.ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close
{
    display: none !important;
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button
{
    /*visibility: hidden;*/
    /*width: 0px !important;*/
    display: none !important;
}


/* data table header background color */
.ui-datatable.ui-datatable-gridlines thead > tr > th
{
    background-color: #f8f9fa !important;
}


/* transaction imports data list */
#transactionimports .ui-datalist-content
{
    border: none !important;
    padding: 0;
}

#transactionimports .ui-datalist-item
{
    list-style-type:none !important;
}

#transactionimports ul
{
    padding: 0;
}

.ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number
{
    /*background: white !important;*/
    background: rgb(63,151,246) !important;
    color: white !important;
}


#accountTabs .ui-tabs .ui-tabs-panels, #settingsTabs .ui-tabs .ui-tabs-panels
{
    box-shadow: none !important;
}


/*************************************/
/* Login page                        */
/*************************************/
.ui-input-icon-right
{
    display: block !important;
}

.login-error-text, .captcha-error-text
{
    color: #f44336;
}

/*************************************/
/* Sign Up page                      */
/*************************************/
.progress-monitor-dialog .ui-dialog-content
{
    padding: 0px !important;
}