.redeem-table {
    width: 100% !important;
    overflow: auto !important;
    max-height: calc(100vh - 28vh);
    min-height: auto;
}

.redeem-name {
    width: 200px;
}

.redeem-pan {
    width: 200px;
}

.redeem-number {
    width: 150px;
}

.redeem-points {
    width: 115px;
}

.redeem-action {
    width: 101px;
}

.redeem-pan-td {
    word-break: break-word;
}

.cheque {
    width: 8in !important;
    height: 3.67in !important;
    border: 1px solid black;
    padding: 20px;
    position: relative;
    background-image: url("../images/Cheque/SBI_Cheque.jpg");
    background-position: center;
    background-size: contain;
}

.modal-content {
    width: 100% !important;
}

.redeem-field input {
    padding: 0 !important;
    border: none !important;
    background-color: transparent;
}

#txtRUserName {
    position: absolute;
    top: -104px;
    left: 56px;
}

#txtRAmount {
    position: absolute;
    top: -47px;
    left: 333px;
}

#txtRAccountNumber {
    position: absolute;
    top: -3px;
    left: -435px;
}

.redeem-button-style {
    color: var(--bhagwa) !important;
    background-color: transparent !important;
}

    .redeem-button-style:hover {
        background-color: transparent !important;
    }

@media print {
    body * {
        visibility: hidden;
    }

    #chequeToPrint,
    #chequeToPrint * {
        visibility: visible;
    }

    #chequeToPrint {
        position: absolute;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 700px !important;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
}

.modal-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}

.input-field input {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.close {
    background-color: transparent !important;
    color: #000 !important;
    border: none;
    font-size: 1.5rem;
}

    .close:hover {
        background-color: transparent !important;
        color: #ff9933 !important;
    }

.form-row {
    margin: 10px auto !important;
    padding: 0 20px;
}

.modal-title {
    padding: 0 20px;
}

.modal-radio {
    padding: 0 20px;
}

.redeem-popup {
    background: transparent !important;
    color: var(--bhagwa) !important;
}

    .redeem-popup:hover {
        background: transparent !important;
    }

.form-check {
    margin: 1rem 0;
}

.form-check-label {
    margin-left: 0.5rem;
}

#chequeFields, #upiField {
    display: none;
}

.modal-footer button {
    padding: 0.5rem 1.5rem;
    background-color: #ff9933;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    .modal-footer button:hover {
        background-color: #e68a00;
    }