/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 02 23, 24, 2:22:14 PM
    Author     : Cedric Salazar
*/

/* Style for the toast container wrapper */
.toast-container-wrapper {
    position: relative;
    height: auto; /* Allow height to be defined by the content */
}

/* Styles for Toast Container */
.toast-container {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1050; /* Ensure the toast is above other content */
}

/* Styles for Toast Header */
.toast-header.bg-info {
    background-color: #17a2b8 !important;
}

.toast-header.bg-success {
    background-color: #28a745 !important;
}

.toast-header.bg-danger {
    background-color: #dc3545 !important;
}

.toast-body {
    font-size: 0.875rem;
    /*color: #212529;*/
}

.toast-header .close {
    margin-left: 10px;
    color: #ffffff;
}

/* Ensure to apply the position and visibility of the toast */
.toast {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.toast.show {
    opacity: 1;
}

/* Styles for invisible toast during download process */
.toast.hide {
    opacity: 0;
    visibility: hidden;
}

/* HEADER */
#logout{
    cursor:pointer;
}

/*ONBOARDING LIST AND MODAL */
#business-CategoryTable{
    width:100%;
}
/*#mainBusinessContainer{
    display:none;
}*/

/*TRANSACTION LIST AND REQUEST MODULE WITH MODAL*/
#transactionDetailLabel, #generatePaymentRefNumLabel{
    font-weight: 600; 
    text-align: center;
}
#transactionDetailLabel{
    font-size: 20px; 
    font-weight: 600;
}
#primaryDetailsLabel{
    font-weight: 600;
}
#transactionTable{
    width:100%;
}
#dataMessage{
    color: red; 
    font-size: 12px; 
    text-align: center;
}
#transaction-requestTable{
    width: 100%;
}
#transactionInputBox{
    border: 0;
}

/* ONBOARDING ACCOUNT CREDENTIAL */
#accountCredentialLabel{
    text-decoration: none;
}
#accountCredentialTextLabel{
    text-decoration:underline;
}

#walletTextLabel{
    text-decoration:underline;
}

/*ROLE MODULE*/
#roleTable{
    width:100%;
}

/*REPORT MODULE*/
#ldcTotalAmountLabel{
    text-align:right;
}
#hide_column{
    display: none;
}
#hide_column_with-align{
    display: none; 
    text-align: right;
}

/*PROCESSOR CREDENTIAL MODULE*/
#processor-credentialTable{
    width:100%!important;
}

/*PAYMENT LINK MODULE*/
#payment-linkTable{
    width:100%;
}

/*BRN MODULE*/
#brnTable{
    width:100%;
}

/*WALLET MODULE*/
#statementTable, #walletTable, #transaction-requestTable{
    width: 100%;
}

/*MESSAGE HTML*/
#messageImgId {
    height: 100px;
}

/*PROCESSOR CREDENTIAL*/
.required-processor-credential{
    color: red;
    display: inline;
}

/*TOTAL AMOUNT CARD*/
.total-amount{
    border: 2px solid transparent; !important;
}