div.DTED_Lightbox_Background {
    z-index: 3001 !important;
    background: rgba(23, 35, 76, 0.05) !important;
    backdrop-filter: blur(3px);
}


.modal-backdrop ~ .DTED_Lightbox_Background {
    z-index: 3002 !important;
}

div.DTED.DTED_Lightbox_Wrapper {
    z-index: 3002;
    width: auto;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
    min-width: 500px;
    width: auto;
    max-height: calc(100dvh - 200px);
    top: 90px !important;
}

    div.DTED.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header,
    div.DTED.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer {
        position: static;
        height: initial;
    }

    div.DTED.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header,
    div.modal-header {
        padding: 16px 24px;
        background-color: var(--rnd-primary-colour);
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom: none;
    }

        div.DTED.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header div.DTE_Header_Content,
        div.modal-header .modal-title {
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            color: #FFFFFF;
        }

    div.DTED.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer,
    div.DTED.DTED_Lightbox_Wrapper div.modal-footer {
        border-top: none;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        padding: 16px 24px 24px;
        background-color: #FFFFFF;
    }

div.modal-footer {
    border-top: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #FFFFFF;
    padding-bottom: 24px;
}

div.modal .dataTables_scroll {
    padding-top: 0;
    border-top: none;
}

div.modal .modal-record-info {
    padding: 16px 20px;
    border-bottom: 1px solid #D6D5E3;
}

    div.modal .modal-record-info div {
        min-width: 240px;
    }

        div.modal .modal-record-info div b {
            font-weight: 600;
        }

div.DTED.DTED_Lightbox_Wrapper div.DTE div.DTE_Body {
    background-color: #FFFFFF;
    padding: 14px;
}

    div.DTED.DTED_Lightbox_Wrapper div.DTE div.DTE_Body div.DTE_Form_Content {
        background-color: #FFFFFF;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    div.DTED.DTED_Lightbox_Wrapper div.DTE div.DTE_Body div.DTE_Body_Content div.DTE_Form_Info {
        text-align: left;
        padding: 0 10px;
    }

div.DTED.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content {
    box-shadow: 2px 2px 16px rgba(38, 55, 67, 0.07);
}

    div.DTED.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE {
        border: none;
        border-radius: var(--rnd-border-radius);
    }

        div.DTED.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Body_Content {
            background: #FFFFFF;
            max-height: calc(100dvh - 105px - 90px - 70px) !important;
        }

}

div.DTED.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:after {
    content: none;
}

div.DTED.DTED_Lightbox_Wrapper div.DTE div.DTE_Processing_Indicator {
    top: 18px;
    right: 20px;
}

    div.DTED.DTED_Lightbox_Wrapper div.DTE div.DTE_Processing_Indicator span,
    div.DTED.DTED_Lightbox_Wrapper div.DTE div.DTE_Processing_Indicator:before,
    div.DTED.DTED_Lightbox_Wrapper div.DTE div.DTE_Processing_Indicator:after {
        background: white;
        border-radius: 0.25em;
        border: none;
        background-color: rgba(255, 255, 255, 0.5);
    }

div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close {
    display: none;
    content: none;
}

div.modal-backdrop {
    background: rgba(23, 35, 76, 0.05) !important;
    backdrop-filter: blur(3px);
    z-index: 3001;
}

    div.modal-backdrop.show {
        opacity: 1;
    }

div.modal-content {
    border: none;
    border-radius: var(--rnd-border-radius);
    box-shadow: 2px 2px 16px rgba(38, 55, 67, 0.07);
    z-index: 3001;
}

div.DTE.DTE_Action_Remove div.DTE_Body_Content {
    text-align: center;
    padding: 20px 0px 0px 0px;
}

@media (max-width: 780px) {
    body div.DTED_Lightbox_Wrapper {
        transform: translateX(4px) !important;
        min-width: calc(100vw - 8px) !important;
        width: calc(100vw - 8px) !important;
    }

    body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE {
        max-height: 100%;
        height: auto;
    }

    body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Body_Content {
        padding-bottom: 52px;
    }

    body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    body.DTED_Lightbox_Mobile div.DTED_Lightbox_Background {
        min-height: 100%;
    }
}