#revert {
    border: 1px solid #000;
    height: 40px;
    margin-top: 20px;
    float: right;
}

.btn-style2 {
    $btn-color: #dd7e2a;
    $btn-hover-color: #b5c952;
    border-color: $btn-color;
    color: $btn-color;
    &:hover {
        box-shadow: 0 0.25em 0.25em -0.1em $btn-hover-color;
        transform: translateY(-0.25em);
        border-color: $btn-hover-color;
        color: $btn-hover-color;
    }
}

@media screen and (max-width: 768px) {
    .doc_ref {
        margin-right: 20px;
    }
    .triangle-right {
        margin-left: 0px;
    }
    .triangle-left {
        margin-right: 0px;
    }
    .select-section {
        margin-left: 0px;
    }
    .doc-ref-section {
        margin-left: -130px;
    }
}

.triangle-left,
.triangle-right {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.view-slide-left,
.view-slide-right {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.view-slide-right {
    border-left: 20px solid rgb(30, 126, 52);
    cursor: pointer;
    margin-left: 10px;
    margin-top: 5px;
}

.view-slide-left {
    border-left: 20px solid rgb(30, 126, 52);
    transform: rotate(180deg);
    cursor: pointer;
    margin-top: 5px;
}

.triangle-right {
    border-left: 10px solid rgb(30, 126, 52);
    cursor: pointer;
    margin-left: 10px;
    margin-top: 5px;
}
.triangle-left {
    border-left: 10px solid rgb(30, 126, 52);
    transform: rotate(180deg);
    cursor: pointer;
    margin-right: -142px;
    margin-top: 5px;
}

.select-section {
    margin-left: 155px;
}

.doc-ref-section {
    margin-top: 20px;
    justify-content: end;
    position: relative;
}

.react-payment_mode {
    z-index: 24;
}

.currency-code_dropdown {
    z-index: 12;
}

.reason_code {
    z-index: 6;
}

.document_type {
    z-index: 16;
}

.react-source_code {
    z-index: 28;
}

.Source_Gl {
    z-index: 12;
}

.payment-voucher-gl {
    margin-left: 10px;
    z-index: 10;
}

.payment-voucher-creation {
    //wrapping conflicting styles of payment-voucher modules
    //with petty cash
    .form-control:disabled,
    .form-control[readonly] {
        background-color: #f0eeee;
        opacity: 1;
        height: 42px;
    }

    .input-fields {
        background-color: #f0eeee;
    }

    .react-select__menu {
        z-index: 3;
    }

    .input-field-sec.select-box label {
        color: #000;
    }

    .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root {
        color: #000 !important;
    }

    .input-field-sec.date-box label {
        color: #000 !important;
    }
    .page-title-heading {
        display: none !important;
    }

    .input-field-sec.md {
        width: 362px !important;
    }

    .payment-voucher-creation .input-field-sec .MuiInputBase-input {
        height: 18px;
        // font-size: 13px;
    }

    .payment-voucher-creation .input-field-sec {
        height: 40px !important;
        // font-size: 13px;
    }

    .payment-voucher-creation .input-field-sec label {
        margin-top: -2px;
    }

    .payment-voucher-creation .input-field-sec.select-box .react-select__control {
        min-height: 48px;
    }

    .react-select__control {
        cursor: pointer !important;
    }

    .form-control {
        font-weight: 10px;
    }
}

.document_type label:after {
    content: "*"; /* Content of the pseudo-element */
    color: red; /* Color of the asterisk */
}

.date label:after {
    content: "*"; /* Content of the pseudo-element */
    color: red; /* Color of the asterisk */
}

.react-source_code label:after {
    content: "*"; /* Content of the pseudo-element */
    color: red; /* Color of the asterisk */
}

.Details_Total_amount label:after {
    content: "*"; /* Content of the pseudo-element */
    color: red; /* Color of the asterisk */
}

.document_type_view label:after {
    content: "*"; /* Content of the pseudo-element */
    color: red; /* Color of the asterisk */
}

.document_date_header label:after {
    content: "*"; /* Content of the pseudo-element */
    color: red; /* Color of the asterisk */
}

.document_type_view {
    z-index: 12;
}

.header_total_amount label:after {
    content: "*"; /* Content of the pseudo-element */
    color: red; /* Color of the asterisk */
}

.source_gl label::after {
    content: "*"; /* Content of the pseudo-element */
    color: red; /* Color of the asterisk */
}

.approve-cheque label::after {
    content: "*"; /* Content of the pseudo-element */
    color: red; /* Color of the asterisk */
}

.receipt-number label::after {
    content: "*"; /* Content of the pseudo-element */
    color: red; /* Color of the asterisk */
}

.cheque-date-disbursement label::after {
    content: "*"; /* Content of the pseudo-element */
    color: red; /* Color of the asterisk */
}
.general-ledger-field-wrapper-pv {
    flex: 1;
    min-width: calc(630% / 7);
    max-width: calc(610% / 7);
}

.general-ledger-field-wrapper-source-gl {
    width: 200px;
}

.general-ledger-field-wrapper-source-gl-field {
    width: 100%;
}

// .source_gl-wrapper {
//     width: 180px;
// }

.description .lg {
    min-width: 300px;
}

.gl-approve-reject {
    display: flex;
}

.Main-success {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(115, 114, 114, 0.5); /* Adjust the RGBA values and opacity as needed */
}

.approve-screen {
    margin-left: 10px !important;
}

.thank-you-msg {
    background-color: white;
    border: 1px solid #ccc; /* Optional: Add border for styling */
    padding: 20px; /* Optional: Add padding for spacing */
    border-radius: 5px; /* Optional: Add border radius for rounded corners */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: Add box shadow for depth */
    max-width: 500px; /* Optional: Set maximum width */
    height: 250px;
    margin: 140px auto; /* Optional: Center the box horizontally */
}

.thank-you-msg h2 {
    text-align: center;
    font-size: 13px;
}

.rejection-remark-field {
    margin-top: 50px;
}

.Rejection-buttons {
    display: flex; /* Use flexbox */
    justify-content: center; /* Center horizontally */
    margin-top: 40px; /* Add margin as needed */
}

.rotate {
    transition: transform 2s;
    transform: rotate(360deg);
}

.payment-voucher-creation {
    .disabled {
        /* Define your disabled styles here */
        pointer-events: none; /* Disables click events */
        opacity: 0.5; /* Optionally reduce opacity to visually indicate disabled state */
    }
    .section-container {
        display: flex;
        width: 100%;
        animation: slide 0.5s ease-in-out;
    }

    @keyframes slide {
        from {
            margin-left: 0;
        }
        to {
            margin-left: -100%;
        }
    }
    
    .section {
        flex: 0 0 100%; /* Each section takes full width */
        width: 100%; /* Ensure each section is full width */
        padding: 20px; /* Optional padding for better visuals */
        animation: slide 0.5s ease-in-out;
    }

    @keyframes slide {
        from {
            margin-left: 0;
        }
        to {
            margin-left: -100%;
        }
    }
    
}

.triangle-right.disabled {
    opacity: 0.5;
    pointer-events: none;
}

// .voucher-print-cpvp {
//     padding: 10px;
// }

.al-mull-cpvp-logo {
    width: 150px;
}

// .cpvp-header {
//     font-weight: bold;
//     font-size: 8px;
// }

// .voucher-body-cpvp {
//     margin-top: 20px;
//     .cpvp-label {
//         font-size: 12px;
//     }
// }

// .cpvp-amount {
//     margin-top: 20px;
//     margin-bottom: 20px;
//     .cpvp-amount-word {
//         margin-right: 105px;
//     }
//     .bcwc-amount-word {
//         margin-left: 10px;
//     }
// }

// // .cpvp-table {
// //     margin-top: 20px;
// //     border-collapse: collapse;
// //     max-width: min-content;
// // }
// .cpvp-table-heading {
//     font-weight: bold;
//     border-top: 1px solid black;
//     font-size: 10px;
// }

// .cpvp-table-data {
//     border-bottom: 1px solid black;
//     font-size: 8px;
// }

// .cpvp-date {
//     // padding-left: 465px;
//     margin-left: -78px;
//     margin-top: -10px;
//     text-align: end !important;
// }

// .cpvp-received-by {
//     padding-top: 200px;
//     line-height: 0%;
//     border-bottom: 1px solid black;
// }
// .cpvp-reprint-by {
//     max-width: 90%;
// }

// .cpvp-company1 {
//     margin-right: 10px;
// }

// .currency-code-cpvp {
//     padding-left: 10px;
// }

// .voucher-print-cpvp {
//     table caption {
//         padding: 0.5em 0;
//     }

//     table.dataTable th,
//     table.dataTable td {
//         white-space: nowrap;
//     }
// }

// .voucher-print-cpvp {
//     width: 100%;
//     /* Adjust table layout */
//     .table {
//         width: 80%;
//         margin-bottom: 10px;
//         th,
//         td {
//             border: none;
//             width: 100px;
//             padding: 5px;
//         }
//         th{
//             border-bottom: 1px solid #000;
//         }
//         .cpvp-received-by{
//             width: 100px;
//         }
//   //  }
.table2 {
    width: 80%;
    border-collapse: collapse;

    th {
        border-bottom: 1px solid black;
        // padding: 8px; /* Add some padding for better readability */
    }
}

//     .cpvp-contact-us {
//         font-size: 11px;
//     }
//     .print-detials{
//         margin-top: -15px;
//     }
//     .company-address1{
//         margin-top: -8px;
//     }
//     .company-address2{
//         margin-top: -17px;
//     }
//     .phone-detials{
//         margin-top: 10px;
//     }
// }

// .voucher-print-cpvp{
//     p: {
//         margin: 0;
//         padding: 0;
//     }
//     h1, h2, h3, h4, h5, h6 {
//         margin: 0;
//         padding: 0;
//     }
// }

.bcwc-print {
    width: 85%;
}
.bcwc-print-2 {
    max-width: 90%;
}



@media print {
    .pdf-table {
        width: 100%;
        font-size: 12px; /* Adjust font size for print if necessary */
    }
    .pdf-table th, .pdf-table td {
        padding: 5px; /* Adjust padding for print */
    }
}


// fims master css

.fims-master .page-title-heading {
    display: none;
}

.fims-master .input-fields {
    background-color: #f0eeee;
}

.fims-master {
    .thead-dark {
        background-color: #1e7e34;
        color: #fff;
    }
    .table {
        margin-top: 20px;
        border: 1px solid #000;
    }
    tr,
    td,
    th {
        border: 1px solid #000;
    }
}

.custom_input_class{
    width:40vw;
}

.vat-dealer-ref{
    margin-bottom: 250px;
}

.yes-or-no-option{
    cursor: pointer;
}


.hidden-section {
    display: none;
}


.vat-applicable{
    margin-top: -10px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 15px;
}

.checked-radio{
    padding-left: 10px;
}

@media print {
    .bcwc-print,
    .bcwc-print-2 {
        width: 800px !important;
        margin: 0 auto !important;
        transform: none !important;
    }
}