/* TODO: TO BE REMOVED ONCE OLD UI NO LONGER VALID */
/* OVERWRITE BUTTON OUTLINED BORDER & TEXT COLOR */
.ant-btn.ant-btn-variant-outlined {
    border-color: #000000 !important;
    color: #000000 !important;
}
/* TODO: TO BE REMOVED ONCE OLD UI NO LONGER VALID */
.ant-picker-outlined {
    width: 100%;
}
/* CUSTOMER MODAL STYLE */
/* TODO: TO BE REMOVED ONCE OLD UI NO LONGER VALID */
/* OVERWRITE THE POPUP MODAL TO TOP */
.ant-modal {
    top: 1.25rem !important;
}

/* OVERWRITE THE POPUP MODAL CONTAINER BORDER COLOR */
.ant-modal .ant-modal-container {
    border: 0.125rem solid #000000 !important;
}

/* OVERWRITE CLOSE BUTTON STYLE */
.ant-modal .ant-modal-close {
    color: var(--ant-color-primary) !important;
    width: 2.25rem !important;
    height: 2.25rem !important;
    top: 0.875rem !important;
    right: 1.25rem !important;
}

/* OVERWRITE CLOSE ICON SIZE*/
.ant-modal-close svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

/* OVERWRITE MODAL TITLE STYLE */
.ant-modal .ant-modal-title {
    align-content: center !important;
    text-align: center !important;
}

/* OVERWRITE MODAL MASK BACKGROUND COLOR */
.ant-modal-root .ant-modal-mask {
    background-color: #00000066 !important;
    /* background-image: linear-gradient(to top, #18181b 0, rgba(21, 21, 22, 0.2) 100%) !important; */
}

/* OVERWRITE MODAL MASK BLUR EFFECT */
.ant-modal-root .ant-modal-mask.ant-modal-mask-blur {
    backdrop-filter: none !important;
}