.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;
}

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(2) {
    background-color: #2a652a !important;
    border-radius: 5px;
}

.app-bar-tabs ul li:nth-child(3) {
    background-color: purple !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;}

.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;
}

    .HidePaymentCode .app-field-PaymentCode {
        display: none!important;
    }



    [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 img {
        display: block;
        margin: 0 auto 10px auto;  Adjust the bottom margin as needed for spacing;
        width:70%;
        height: auto;
    }
    footer .container::before img {
        width: 100%;
        display: block;
        margin: 10px auto;
        clear:both;
    }

    [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 green;
        border-radius: 5px;
        margin-left: 5px;
        background-color: green;
        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-bar-toolbar .app-logo, .app-kiosk .app-logo {
max-width:100%;}

.ShopAssistPayment .app-field-InstantPayment, .ShopAssistPayment .app-field-BankAccountTypeName {
display:none!important;}

footer .container::before img {
    width:100%;
}

li.TransactionDescriptionTypeId1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px; /* thickness of the border */
    background-color: green; /* border color */
}


li.TransactionDescriptionTypeId4::before, li.TransactionDescriptionTypeId2::before, li.TransactionDescriptionTypeId12::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px; /* thickness of the border */
    background-color: dodgerblue; /* border color */
}
 li.TransactionDescriptionTypeId11::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px; /* thickness of the border */
    background-color: green; /* border color */
}
li.TransactionDescriptionTypeId9::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px; /* thickness of the border */
    background-color: chocolate; /* border color */
}

li.TransactionDescriptionTypeId3::before, li.TransactionDescriptionTypeId13::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px; /* thickness of the border */
    background-color: orange; /* border color */
}




li.TransactionDescriptionTypeId1.AddColor {
    background-color: green !important; /* border color */
}


li.TransactionDescriptionTypeId4.AddColor, li.TransactionDescriptionTypeId2.AddColor, li.TransactionDescriptionTypeId12.AddColor {
    background-color: dodgerblue !important; /* border color */
}

li.TransactionDescriptionTypeId11.AddColor {
    background-color: green !important; /* border color */
}

li.TransactionDescriptionTypeId9.AddColor {
    background-color: chocolate !important; /* border color */
}

li.TransactionDescriptionTypeId3.AddColor, li.TransactionDescriptionTypeId13.AddColor {
    background-color: orange !important; /* border color */
}







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


div[data-container="row"] span[data-field="ReferenceLabel"] {
    visibility: collapse!important;
}

div[data-container="row"] span[data-field="ReferenceLabel"] {
    visibility: collapse !important;
}

div[data-container="row"][data-field="ReferenceLabel"],
.app-field-ReferenceLabel {
    visibility: collapse !important;
}

 Best option: hide the whole row 
div[data-container="row"] .app-field-ReferenceLabel {
    visibility: collapse !important;
}


div[data-container="row"] span[data-field="MetaField1LabelName"] {
    visibility: collapse !important;
}

div[data-container="row"] span[data-field="MetaField1LabelName"] {
    visibility: collapse !important;
}

div[data-container="row"][data-field="MetaField1LabelName"],
.app-field-ReferenceLabel {
    visibility: collapse !important;
}


div[data-container="row"] .app-field-MetaField1LabelName {
    visibility: collapse !important;
}

.app-field-MetaField1DisplayName .app-field-label-after {
display:none;}
.EmptyMetaField1 .app-field-MetaField1DisplayName {
    display: none !important;
}
.NoMetaFieldDepartment .app-field-MetaField1DialogDisplayLine {
    display: none!important;;
}
.app-field-MetaField1DialogDisplayLine .app-field-label-after {
display:none!important;}

body::after {
    content: "devv1.15";
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 2147483647; /* above everything */
    font: 10px/1.0 Arial, sans-serif;
    color: #ccc;
    background: rgba(0,0,0,0.65);
    padding: 2px 4px;
    border-radius: 2px;
    pointer-events: none; /* doesn't block clicks */
    white-space: nowrap;
}