.app-style-cv-Account-AlAccount .app-field-label-after,
.app-style-cv-Account-AlAccount .app-field-label-before {
    display: none;
}
/*.app-bar-toolbar {
z-index:-1;}
*/
/*.app-echo .app-echo-inner ul.app-onecolumnview*/
.app-style-cv-Account-AlAccount {
    position: fixed;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background-color: black;
    border: solid 0px;
    box-shadow: none;
    z-index: 999999;
    display: block;
}
    .app-onecolumnview.app-style-cv-Account-AlAccount .ui-btn {
    text-align:center;
    }
.app-onecolumnview.app-style-cv-Account-AlAccount li {
margin:0px!important;}
.app-onecolumnview.app-style-cv-Account-AlAccount * {
    border: solid 0px !important;
    font-weight: bold;
}

/*.app-logo, .app-menu-strip-title {
    display: none !important;
}*/

.app-echo .app-echo-inner ul.app-onecolumnview.app-style-cv-Account-AlAccount .app-btn-more {
    display: none !important;
}

.homepagebuttons .app-btn-more {
display:none!important;}


.homebutton {
    width: 100%;
    display: block;
    border: solid 1px #fff;
    border-radius: 5px;
    height: 110px;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    color: #fff!important;
    margin-top: 10px;
    float: left;
    line-height:3em;
    text-decoration:none;
}
.homebuttonlist {
list-style:none;
margin:2% auto!important;
padding-left:0px;
width:96%;
padding-bottom:100px!important;
}
.homebutton i {
    font-size: 47px !important;
    border-radius: 50%;
    /*background-color: #000;*/
    /* padding: 10px 10px; */
    width: 60px!important;
    height: 60px!important;
    padding-top: 6px;
    color:white;
}
.homebutton.payment {
    background-color: #2a652a;
}
.homebutton.history {
    background-color: #dc9005;
}
.homebutton.recipients {
    background-color: #1762ab;
}
.homebutton.paymenthistory {
    background-color: purple;
}
.homebutton.internalpayments {
    background-color: maroon;
}

.homebutton.startqrpayment {
    background-color: darkgreen;
}

footer {
    clear: both;
    text-align: center;
    padding: 10px;
    color: #bbb;
}
.page.paymentinstruction #app-bar-toolbar, .page.paymentinstruction .app-bar-actions, page-paymentinstruction .app-page-header {
    background-color: #2a652a !important;
    border-color: #2a652a !important;
}
.page.recipient #app-bar-toolbar, .page.recipient .app-bar-actions, page-recipient .app-page-header {
    background-color: #1762ab !important;
    border-color: #1762ab !important;
}
.page.transaction #app-bar-toolbar, .page.transaction .app-bar-actions, .page.transaction .app-page-header {
    background-color: #dc9005 !important;
    border-color: #dc9005 !important;
}
.page.paymenthistory #app-bar-toolbar, .page.paymenthistory .app-bar-actions, page-paymenthistory .app-page-header {
    background-color: purple !important;
    border-color: purple !important;
}

.page.internaltransaction #app-bar-toolbar, .page.internaltransaction .app-bar-actions, page-internaltransaction .app-page-header {
    background-color: maroon !important;
    border-color: maroon !important;
}

.app-selected *{
color: White!important;
font-weight:bold;
}
.app-bar-tabs ul li:nth-child(3) {
    background-color: maroon !important;
    border-radius: 5px;
}

.app-bar-tabs ul li:nth-child(2) {
    background-color: darkgreen !important;
    border-radius: 5px;
}

.app-bar-tabs ul li:nth-child(4) {
    
/*    background-color: #dc9005 !important;
    border-radius: 5px;*/
}

/*.app-bar-tabs ul li:nth-child(4) span {
}
*/

.app-bar-tabs ul li:nth-child(5) {
/*    background-color: #1762ab !important;
    border-radius: 5px;*/
}


.page .app-bar-controls a, .page .app-bar-actions h3 {
    color: #fff !important;
}
#accountstatus {
    z-index: 999;
    background: black;
    display: block;
    color: white;
    width: 100%;
    height: 20px;
    position: fixed;
    left: 0px;
    bottom: 0px;
    text-align: center !important;
    padding: 8px;
}
.accountstatus {
    
    display: block;
    color: white;
    width: 100%;
    height: 20px;
    padding: 8px;
}
#accountstatusheader span{
    
    border: solid 1px;
    border-radius: 5px;
    padding: 4px;
    border-color: #999;
}

.home .app-page-header, .page-customer .app-page-header {
    display: none !important;
}

.page-customer .app-bar-buttons.app-bar-buttons-md {
display:none!important;}

.app-calendar-plugin {
display:none!important;
}

.paymenthistory .app-item-desc {
width:28%;}

.app-onecolumnview.ui-listview > li.dv-item > a.ui-btn {
    padding-left: 7.75em!important;
}
.app-listview li:nth-child(2n+1) {
background-color:#333!important;}

.app-stub {
min-height:20em;
}

.app-action-column {
    font-size: 12px;
    position: absolute;
    bottom: 1em!important;
    white-space: pre-wrap;
    right:1em!important;
        top:auto!important;
        left:auto!important;
     
}
.paymenthistory .app-wrapper .app-min-sm .app-wrapper .app-listview.app-cardview li .ui-btn, .paymenthistory .app-wrapper .app-listview li .ui-btn:not(.ui-btn-icon-notext):not(.ui-mini) {
    padding-left: 10px !important;
}


.paymenthistory .app-btn-more {
    display: none !important;
}

.uncleared {
    color: Red;
    border: solid 1px #fff;
    border-radius: 5px;
    padding: 10px;
    background-color: #fff;
}



.page-customer .ui-btn.ui-btn-a.ui-btn-icon-notext.app-btn-float.app-btn-promo.app-has-icon.app-has-material-icon {
display:none!important;}


/*@font-face {
    font-family: 'Material Icons';*/
    /*src: url(/fonts/MaterialIcons-Regular.woff2);*/
    /*src: url("file:///android_asset/MaterialIcons-Regular.woff2")
}*/

.app-ensure-font .material-icon, .app-ensure-font .ui-btn::before, .app-ensure-font .ui-btn::after, .app-ensure-font .app-btn-more::after, .app-ensure-font .app-btn::after {
color:#eee!important;}

.app-bar-toolbar #app-btn-context {
    visibility: hidden !important;
}

.app-bar-actions.ui-header.ui-bar-inherit.ui-header-fixed {
    display: none !important;
}

.ui-popup-container.ui-popup-active {
    display: none !important;
}
.marginright {
margin-right:10px;}

li[data-command="ShowOptions"] {
    display: none;
}
span.app-field-separator[data-draggable="grid-header-separator"],
span.app-field-separator {
    display: none!important;
}

.overlay {
display:none;}

.paymentinstruction /* Overlay */
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 10000;
    /*display: none;*/ /* Initially hidden */
    justify-content: center;
    align-items: center;
}

/* Loading animation */
.paymentinstruction #loading {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    top: 45%;
    left: 45%;
    position: absolute;
}

/* Animation keyframes */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.instanttrue:before {
    content: 'Yes';
    visibility: visible;
}
.instantfalse:before {
    content: 'No';
    visibility: visible;
}

.instantfalse {
    
    visibility: hidden;
}
.instanttrue {
    
    visibility: hidden;
}


.app-field-Amount.app-null {
    background-color: rgb(0, 148, 255,0.1);
    border-left: solid 1px cadetblue;
}

.ShopAssistPayment {
    background-image: url("/images/CornerIndicator.png");
    background-position: right bottom;
    background-repeat: no-repeat;
}

[data-input="text"] .app-control-inner.app-field-data,
[data-input="lookup"] .app-control-inner.app-field-data,
[data-input="none"] .app-control-inner.app-field-data,
.app-data-input-container *,
.app-data-input-container {
    font-size: 22px !important;
    
}
app-data-input-button app-caret-r,
[data-input="lookup"] .app-caret::before,
.app-caret-r .app-caret::before {
    content: 'search' !important;
    padding: 0 14px 0 15px;
    border: solid 1px #d65c26;
    border-radius: 5px;
    margin-left: 5px;
    background-color: #d65c26;
    color: #ffefcc;
}
.app-data-input-button.app-caret-r {
    padding: 1px 14px 1px 15px;
    margin-left: 5px;
}
.app-data-input-popup {
display:none!important;}

[data-wrap="true"] [data-container="row"] [data-control="label"]
{
font-size:16px!important;}

.app-bootstrap .form-control {
height:45px;
}

#login-button {
    margin: 16px auto 0;
    display: block;
}

footer .container {
    text-align: center;
    position: relative;
}

   footer .container::before {
        content: url('/images/homelogo.png');
        display: block;
        margin: 0 auto 10px auto; /* Adjust the bottom margin as needed for spacing */
        max-width: 100px; /* Adjust size as needed */
        height: auto;
    }

[data-input="listbox"] .app-data-list.app-data-list-actions li, .app-action-column .app-action-column-button:not(.ui-btn-active), .app-tabs .ui-btn:not(.ui-btn-active) {
    padding: 10px;
    border: solid 1px #d65c26;
    border-radius: 5px;
    margin-left: 5px;
    background-color: #d65c26;
    color: #ffefcc;
}
#login-user-name, #login-password {
font-size:22px;}


[data-container="collapsible"] [data-container="toggle"] {
    display: none !important;
}

.app-control-inner .app-field-object-ref::before {
display:none!important;
}

.app-btn-more:after {
display:none;}

.app-listview.app-cardview li.app-li-has-aside .ui-btn {
padding-left:19px!important;}