.warning-msg {
    margin-top: 5rem;
    margin-bottom: 6.8rem;
    padding: 1.5rem 2.2rem;
    max-width: 1291px;
    background-color: #EFF3F9;
    border: 0.5px solid #040059;
    display: flex;
    align-items: center;
    gap: 2.7rem;

    &--text {
        color: #040059;
        .title {
            font-size: 1.2rem;
            font-weight: bold;
        }

        .body {
            font-size: 1.4rem;
        }
    }
}

.dua-request-container {
    display: grid;
    grid-template-columns: 45% 45%;
    column-gap: 9rem;

    .page-header {
        margin-bottom: 4.7rem;
    }

    .inner-header {
        margin-top: 5.17rem;
    }

    label {
        margin-bottom: 5px;
    }

    .form-input {
        margin-bottom: 1.5rem;
    }

    .select-wrapper {
        margin-bottom: 1rem;
    }

    .disabled {
        
        cursor: not-allowed !important;

        button {
            background: transparent !important;
            border: 1px solid #a2a2a2 !important;
            pointer-events: none !important;
        }
        
      }

      .low-opacity {
        opacity: 0.7;
      }

      .request-data-container {
        position: relative;
        width: 100%;

        .transfer-btn,
        .cancel-btn {
            position: absolute;
            right: -56px;
            top: 36px;
            cursor: pointer;

            @media (max-width: 1150px) {
                right: -36px;
            }
        }

        .cancel-btn {
            display: none;
        }
      }

      @media (max-width: 1150px) {
        column-gap: 5rem;
      }

      .unsaved-container {
        width: 100%;
      }

}

@media (max-width: 1050px) {
    .save-changes-container {
        .inner-container {
            flex-direction: column;
            row-gap: 2rem;
            .unsaved-msg {
                margin-right: 0rem !important;
            }
        }
    }   
}

@media (max-width: 1150px) {
    .main-content {
        padding: 40px 25px !important;
    }
}